前端样式，功能修改

src/components/taskCenter/taskCenterPage.vue

@@ -1,7 +1,8 @@
 <template>
     <div class="taskCenter">
         <div class="taskCenterTableData">
-            <el-table :data="taskCenterData" style="width: 100%" @select="rowClick" @select-all="rowClick" :class="taskCenterTableSty()">
+            <el-table :data="taskCenterData" style="width: 100%" @select="rowClick" @select-all="rowClick"
+                :class="taskCenterTableSty()">
                 <!-- <el-table-column type="selection" label="操作" align="center"></el-table-column> -->
 
                 <el-table-column label="序号" type="index" align="center" width="80" />
@@ -41,17 +42,14 @@
                     </template>
                 </el-table-column>
             </el-table>
-            <!-- <el-pagination
-                @size-change="handleSizeChange"
-                @current-change="handleCurrentChange"
-                :current-page="page.currentPage"
-                :page-size="page.pagesize"
-                layout="total, prev, pager, next, jumper"
+            <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+                :current-page="page.currentPage" :page-size="page.pagesize" layout="total, prev, pager, next, jumper"
                 :total="page.total">
-            </el-pagination> -->
+            </el-pagination>
             <el-dialog title="流程详情" v-model="workflowVisible" width="70vw" :close-on-click-modal="false">
                 <div class="flowSty">
-                    <iframe id="iframeContain" width="100%" height="100%" frameborder="0" class="iframe" name="iframeContain" seamless scrolling="no" :src="iframeURL">            
+                    <iframe id="iframeContain" width="100%" height="100%" frameborder="0" class="iframe"
+                        name="iframeContain" seamless scrolling="no" :src="iframeURL">
                     </iframe>
                 </div>
             </el-dialog>
@@ -60,181 +58,195 @@
         <task-evaluation-amendment-from ref="taskEvaluationAmendmentFrom"></task-evaluation-amendment-from>
         <task-center-evl ref="taskCenterEvl" @approveMsg="approveMsg"></task-center-evl>
         <task-center-dept-evl ref="taskCenterdeptEvl" @approveMsg="approveMsg"></task-center-dept-evl>
-        <task-center-dept-business-evl ref="taskCenterdeptbusinessEvl" @approveMsg="approveMsg"></task-center-dept-business-evl>
+        <task-center-dept-business-evl ref="taskCenterdeptbusinessEvl" @approveMsg="approveMsg">
+        </task-center-dept-business-evl>
         <task-application-from ref="taskApplicationFrom" @approveMsg="approveMsg"></task-application-from>
         <task-unit-rating-from ref="taskUnitRating"></task-unit-rating-from>
     </div>
 </template>
 
 <script>
-import {apiPostTodoTaskList, apiPostgetInstanceAndChildren} from '../../api/api'
-import taskUnitRatingFrom from './taskUnitRatingFrom.vue'
-import taskEvaluationStart from './taskEvaluationStart.vue'
-import taskEvaluationAmendmentFrom from './taskEvaluationAmendmentFrom.vue'
-import taskCenterEvl from './taskCenterEvlNewFrom.vue'
-import taskCenterDeptEvl from './taskCenterDeptStartFrom.vue'
-import taskCenterDeptBusinessEvl from './taskCenterDeptBusinessFrom.vue'
-import taskApplicationFrom from './taskApplicationFrom.vue'
-export default {
-    components: {
-        taskEvaluationStart,
-        taskEvaluationAmendmentFrom,
-        taskCenterEvl,
-        taskCenterDeptEvl,
-        taskCenterDeptBusinessEvl,
-        taskApplicationFrom,
-        taskUnitRatingFrom
-    },
-    data() {
-        return {
-            taskCenterData: [],
-            workflowVisible: false,
-            iframeURL: '',
-            page:{
-                pagesize: 12,
-                currentPage: 1,
-                total: 0
-            },
-            winPix: window.devicePixelRatio,
-            innerWidth: window.innerWidth,
-        }
-    },
-    created() {
-        this.getEvaluationData()
-    },
-    methods:{
-        // 查询指标数据
-        getEvaluationData() {
-            let that = this
-            let params = {
-                order: "ASC", //排序
-                sort: "",
-                offset: "",
-                limit: that.page.pagesize, //每页显示
-                iamCode: window.localStorage.getItem('code') //IAM平台code值（登录后获取凭证）
-            }
-            apiPostTodoTaskList(params).then(datas =>{
-                if (datas && datas.data) {
-                    that.taskCenterData = datas.data.rows
-                    // that.page.total = datas.data.total
-                }
-            })
-        },        
-        getflowPath(row) {
-            this.workflowVisible = true
-            let url = ''
-            if (window.location.hostname === '10.65.78.81') {
-                url = 'http://10.65.79.85:8080'
-            } else {
-                url = 'http://10.65.78.23:8080'
-            }
-            this.iframeURL = url+'/agilebpm-ui/bpm/instance/instanceImageDialog.html?instanceId='+row.instId+'&defId='+row.defId+'&taskId='+row.taskId+'&iamCode='+window.localStorage.getItem('code')
+    import {
+        apiPostTodoTaskList,
+        apiPostgetInstanceAndChildren
+    } from '../../api/api'
+    import taskUnitRatingFrom from './taskUnitRatingFrom.vue'
+    import taskEvaluationStart from './taskEvaluationStart.vue'
+    import taskEvaluationAmendmentFrom from './taskEvaluationAmendmentFrom.vue'
+    import taskCenterEvl from './taskCenterEvlNewFrom.vue'
+    import taskCenterDeptEvl from './taskCenterDeptStartFrom.vue'
+    import taskCenterDeptBusinessEvl from './taskCenterDeptBusinessFrom.vue'
+    import taskApplicationFrom from './taskApplicationFrom.vue'
+    export default {
+        components: {
+            taskEvaluationStart,
+            taskEvaluationAmendmentFrom,
+            taskCenterEvl,
+            taskCenterDeptEvl,
+            taskCenterDeptBusinessEvl,
+            taskApplicationFrom,
+            taskUnitRatingFrom
         },
-        taskProcess(row) {
-            let that = this
-            let params = {
-                id: row.instId,
-                iamCode: window.localStorage.getItem('code')
+        data() {
+            return {
+                taskCenterData: [],
+                workflowVisible: false,
+                iframeURL: '',
+                page: {
+                    pagesize: 12,
+                    currentPage: 1,
+                    total: 0
+                },
+                winPix: window.devicePixelRatio,
+                innerWidth: window.innerWidth,
             }
-            apiPostgetInstanceAndChildren(params).then(datas =>{
-                if (datas && datas.data) {
-                    let allData = datas.data.data.bpmInstance
-                    let keyId = datas.data.data.bpmInstance.bizKey
-                    let taskDefKey = datas.data.data.bpmInstance.defKey
-                    if (taskDefKey === 'bbbmyjzbjh') {
-                        that.$refs.taskCenterdeptEvl.init(row, keyId, allData)
-                    } else if(taskDefKey === 'bbbmyjzbkh'){
-                        that.$refs.taskCenterdeptbusinessEvl.init(row, keyId, allData)
-                    } else if(taskDefKey === 'jxjgkhsb'){
-                        that.$refs.taskApplicationFrom.init(row, keyId, allData)
-                    } else if(taskDefKey === 'yddwkplc' || taskDefKey === 'jddwkplc' || taskDefKey === 'nddwkplc') {
-                        that.$refs.taskCenterEvl.init(row, allData)
-                    } else if (taskDefKey === 'dwkpmbqd') {
-                        that.$refs.taskEvaluationStart.init(row, allData)
-                    } else if (taskDefKey === 'dwkpmbxd') {
-                        that.$refs.taskEvaluationAmendmentFrom.init(row, keyId, allData)
-                    } else if (taskDefKey === 'nddwpj') {
-                        that.$refs.taskUnitRating.init(row, keyId, allData)
-                    }
-                }
-            })
         },
-        rowClick(selection, row) {
-            this.changeDateSelect = selection
-        },
-        handleSizeChange(val){
-            this.page.pagesize = val
-            this.getEvaluationData()
-        },
-        handleCurrentChange(val){
-            this.page.currentPage =val
+        created() {
             this.getEvaluationData()
         },
-        approveMsg(val) {
-            if (val) {
+        methods: {
+            // 查询指标数据
+            getEvaluationData() {
+                let that = this
+                let params = {
+                    order: "ASC", //排序
+                    sort: "",
+                    offset: that.page.currentPage,
+                    limit: that.page.pagesize, //每页显示
+                    iamCode: window.localStorage.getItem('code') //IAM平台code值（登录后获取凭证）
+                }
+                apiPostTodoTaskList(params).then(datas => {
+                    if (datas && datas.data) {
+                        that.taskCenterData = datas.data.rows
+                        that.page.total = datas.data.total
+                    }
+                })
+            },
+            getflowPath(row) {
+                this.workflowVisible = true
+                let url = ''
+                if (window.location.hostname === '10.65.78.81') {
+                    url = 'http://10.65.79.85:8080'
+                } else {
+                    url = 'http://10.65.78.23:8080'
+                }
+                this.iframeURL = url + '/agilebpm-ui/bpm/instance/instanceImageDialog.html?instanceId=' + row.instId +
+                    '&defId=' + row.defId + '&taskId=' + row.taskId + '&iamCode=' + window.localStorage.getItem('code')
+            },
+            taskProcess(row) {
+                let that = this
+                let params = {
+                    id: row.instId,
+                    iamCode: window.localStorage.getItem('code')
+                }
+                apiPostgetInstanceAndChildren(params).then(datas => {
+                    if (datas && datas.data) {
+                        let allData = datas.data.data.bpmInstance
+                        let keyId = datas.data.data.bpmInstance.bizKey
+                        let taskDefKey = datas.data.data.bpmInstance.defKey
+                        if (taskDefKey === 'bbbmyjzbjh') {
+                            that.$refs.taskCenterdeptEvl.init(row, keyId, allData)
+                        } else if (taskDefKey === 'bbbmyjzbkh') {
+                            that.$refs.taskCenterdeptbusinessEvl.init(row, keyId, allData)
+                        } else if (taskDefKey === 'jxjgkhsb') {
+                            that.$refs.taskApplicationFrom.init(row, keyId, allData)
+                        } else if (taskDefKey === 'yddwkplc' || taskDefKey === 'jddwkplc' || taskDefKey ===
+                            'nddwkplc') {
+                            that.$refs.taskCenterEvl.init(row, allData)
+                        } else if (taskDefKey === 'dwkpmbqd') {
+                            that.$refs.taskEvaluationStart.init(row, allData)
+                        } else if (taskDefKey === 'dwkpmbxd') {
+                            that.$refs.taskEvaluationAmendmentFrom.init(row, keyId, allData)
+                        } else if (taskDefKey === 'nddwpj') {
+                            that.$refs.taskUnitRating.init(row, keyId, allData)
+                        }
+                    }
+                })
+            },
+            rowClick(selection, row) {
+                this.changeDateSelect = selection
+            },
+            handleSizeChange(val) {
+                this.page.pagesize = val
                 this.getEvaluationData()
-            }
-        },
-        taskCenterTableSty() {
-            if (this.winPix === 1.25 || this.innerWidth < 1800) {
-                return 'taskCenter125Table'
-            } else {
-                return 'taskCenter100Table'
+            },
+            handleCurrentChange(val) {
+                this.page.currentPage = val
+                this.getEvaluationData()
+            },
+            approveMsg(val) {
+                if (val) {
+                    this.getEvaluationData()
+                }
+            },
+            taskCenterTableSty() {
+                if (this.winPix === 1.25 || this.innerWidth < 1800) {
+                    return 'taskCenter125Table'
+                } else {
+                    return 'taskCenter100Table'
+                }
             }
         }
     }
-}
 </script>
 
 <style lang="less">
-.taskCenter{
-    .taskCenterTableData{
-        margin-top: 20px;
-        .taskCenter125Table{
-            .el-table__body-wrapper{
-                height: 70vh !important;
-            }
-        }
-        .taskCenter100Table{
-            .el-table__body-wrapper{
-                height: 78vh !important;
-            }
-        }
-        .el-table{
-            
-            .el-input__inner{
-                height: 30px !important;
+    .taskCenter {
+        .taskCenterTableData {
+            margin-top: 20px;
+
+            .taskCenter125Table {
+                .el-table__body-wrapper {
+                    height: 70vh !important;
+                }
             }
-            .el-radio__label{
-                display: none;
+
+            .taskCenter100Table {
+                .el-table__body-wrapper {
+                    height: 78vh !important;
+                }
             }
-            
-            .indicitem{
-                color: #409EFF;
-                font-size: 12px;
-                margin-right: 20px;
-                cursor:pointer;
-                &:hover{
-                    text-decoration: underline;
+
+            .el-table {
+
+                .el-input__inner {
+                    height: 30px !important;
+                }
+
+                .el-radio__label {
+                    display: none;
+                }
+
+                .indicitem {
+                    color: #409EFF;
+                    font-size: 12px;
+                    margin-right: 20px;
+                    cursor: pointer;
+
+                    &:hover {
+                        text-decoration: underline;
+                    }
                 }
             }
-        }
-        .el-pagination{
-            margin-top: 20px;
-            text-align: end;
-            position: relative;
-        }
-        .el-overlay{
-            .el-dialog{
-                margin-top: 8vh !important;
-                .el-dialog__body{
-                    .flowSty{
-                        width: 100%;
-                        height: 70vh;
+
+            .el-pagination {
+                margin-top: 20px;
+                text-align: end;
+                position: relative;
+            }
+
+            .el-overlay {
+                .el-dialog {
+                    margin-top: 8vh !important;
+
+                    .el-dialog__body {
+                        .flowSty {
+                            width: 100%;
+                            height: 70vh;
+                        }
                     }
                 }
             }
         }
     }
-}
 </style>