commit

src/pages/processCenter/pages/phone/bzjd/step4.vue

@@ -134,9 +134,9 @@
                       tooltip-effect="dark"
                       style="width: 100%;"
                       height="100%"
+                      row-key="id"
                       :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
          fontWeight: 'bold', height: '48px'}"
-                      row-key="id"
             >
                 <el-table-column
                         prop="itemsNum"
@@ -202,27 +202,27 @@
                 </el-table-column>
                 <el-table-column
                         prop="newData"
-                        width="150"
+                        width="180"
+                        show-overflow-tooltip
                         label="新车型实施日期"
                         align="center">
-                    <template slot-scope="scope">
-                        <div>{{ scope.row.newData ? $moment(scope.row.newData).format('YYYY-MM-DD')  : scope.row.newData }}</div>
-                    </template>
                 </el-table-column>
                 <el-table-column
                         prop="onlineData"
-                        width="150"
+                        width="180"
+                        show-overflow-tooltip
                         label="在产车型实施日期"
                         align="center">
-                    <template slot-scope="scope">
-                        <div>{{ scope.row.onlineData ? $moment(scope.row.onlineData).format('YYYY-MM-DD')  : scope.row.onlineData }}</div>
-                    </template>
                 </el-table-column>
                 <el-table-column
                         prop="applyArctic"
                         width="150"
+                        show-overflow-tooltip
                         label="适用车型"
                         align="center">
+                    <template slot-scope="scope">
+                        {{ scope.row.applyArctic.toString() }}
+                    </template>
                 </el-table-column>
                 <el-table-column
                         prop="unitDeptName"
@@ -237,6 +237,7 @@
                         align="center">
                 </el-table-column>
             </el-table>
+            <el-button v-if="itemLists.length > 20 && tableIndex * 20 < itemLists.length" style="width: 100%; margin-top: 5px;" icon="el-icon-caret-bottom" @click="tableLoading">加载更多...</el-button>
             <el-collapse accordion>
                 <el-collapse-item title="审批意见">
                     <div style="margin: 10px 0;">
@@ -341,6 +342,8 @@
         name: "phoneBzjdStep4",
         data() {
             return {
+                tableIndex: 0,
+                itemLists: [],
                 dialogMadal: false,
                 drawerModal: false,
                 //折叠的标志，true为折叠，false为不折叠
@@ -374,6 +377,13 @@
             ProcessTitle
         },
         methods: {
+            tableLoading () {
+                this.tableIndex++
+                let index = this.tableIndex * 20
+                let endIndex = index + 20
+                let newData = this.itemLists.slice(index, endIndex)
+                this.itemList = this.itemList.concat(newData)
+            },
             dialogOk () {
                 this.dialogMadal = false
             },
@@ -488,7 +498,8 @@
                         }
                         this.sarType = data.standInData || data.sarType
                         this.json = data
-                        this.itemList = data.itemList
+                        this.itemLists = data.itemList
+                        this.itemList = this.itemLists.slice(this.tableIndex, 20)
                         this.loading = false
                     }).catch(e => {
                     })
@@ -507,6 +518,8 @@
     .phoneBzjdStep4 {
         /deep/.van-dialog__content {
             min-height: 300px;
+            max-height: 500px;
+            overflow: auto;
             padding: 10px;
         }
         .prc-content-border {

src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue

@@ -980,7 +980,7 @@ export default {
             })
           } else if (row.taskInfo === '责任人审核') {
             this.$router.push({
-              name: 'bzjdStep4',
+              name: 'phoneBzjdStep4',
               query: {
                 taskIds: row.taskIds,
                 prcId: row.prcId,