对接条款比对

jero-web/src/views/documentTool/documentComparison/comparisonTermsView.vue

@@ -5,6 +5,9 @@
                         need-custom-back-func
                         @back="handleBack">
     <div class="can-scroll-content">
+      <div class="can-scroll-content-header">
+         {{$route.query.titleLeft + ' ' + $route.query.serialNumberLeft + ' —— ' + $route.query.titleRight + ' ' + $route.query.serialNumberRight}}
+      </div>
         <j-table
           ref="table"
           size="middle"
@@ -14,32 +17,26 @@
           :loading="loading"
           :pagination="ipagination"
           :scroll="{x: '100%', y: yScrollHeight}"
+          @operationClick="operationClick"
           :operation-list="operationList">
-
-          <!--新文本跳转标准详情-->
-          <template v-slot:newTextDetail="{text, record}">
-            <a-tooltip overlay-class-name="tooltip-style">
-              <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
-              <div class="table-text can-click-table-text" v-if="text || text === 0" @click="toDetailPage('new', record)">{{
-                text
-                }}
-              </div>
-              <div v-else class="table-text">{{ global.emptyLine }}</div>
-            </a-tooltip>
-          </template>
         </j-table>
     </div>
+    <viewDifferenceModal ref="viewDifferenceModalRef"/>
   </internal-detail-page>
 </template>
 
 <script>
 import InternalDetailPage from '../../../components/InternalDetailPage.vue'
 import JTable from '../../../components/jero/JTable.vue'
+import { JeroListMixin } from '../../../mixins/JeroListMixin.js'
+import viewDifferenceModal from './modules/viewDifferenceModal'
 export default {
   name: 'comparisonTermsView',
+  mixins: [JeroListMixin],
   components: {
     InternalDetailPage,
-    JTable
+    JTable,
+    viewDifferenceModal
   },
   data () {
     return {
@@ -48,39 +45,39 @@ export default {
       columns: [
         {
           title: '旧条款号',
-          dataIndex: 'serialNumberLeft',
+          dataIndex: 'oldItemsNum',
           width: 170,
-          ellipsis: true,
+          ellipsis: true
         },
         {
           title: '旧条款名称',
-          dataIndex: 'serialNumberLeft',
+          dataIndex: 'oldItemsName',
           width: 170,
-          ellipsis: true,
+          ellipsis: true
         },
         {
           title: '新条款号',
-          dataIndex: 'serialNumberLeft',
+          dataIndex: 'newItemsNum',
           width: 170,
-          ellipsis: true,
+          ellipsis: true
         },
         {
           title: '新条款名称',
-          dataIndex: 'serialNumberLeft',
+          dataIndex: 'newItemsName',
           width: 170,
-          ellipsis: true,
+          ellipsis: true
         },
         {
           title: '比对时间',
-          dataIndex: 'serialNumberLeft',
+          dataIndex: 'createTime',
           width: 170,
-          ellipsis: true,
+          ellipsis: true
         },
         // 操作
         {
           title: this.$t('operation'),
           fixed: 'right',
-          width: 250,
+          width: 100,
           scopedSlots: { customRender: 'action' }
         }
       ],
@@ -88,22 +85,46 @@ export default {
       operationList: [
         {
           text: '查看差异',
-          clickEvent: 'viewDifference'
-        },
-      ]
+          clickEvent: 'viewDifferenceClick'
+        }
+      ],
+      pageNo: 1,
+      pageSize: 10,
+      standHisId: this.$route.query.id,
+      url: {
+        list: '/compare/sarItemsCompareHis/page'
+      }
+    }
+  },
+  watch: {
+    standHisId: {
+      immediate: true,
+      handler (val) {
+        this.queryParam.standHisId = val
+      }
     }
   },
   methods: {
     handleBack () {
-
+      this.$router.push({
+        path: '/documentTool/documentComparison'
+      })
     },
-    viewDifference () {
-
+    viewDifferenceClick (item) {
+      console.log(item)
+      this.$refs.viewDifferenceModalRef.open(item)
     }
   }
 }
 </script>
 
 <style scoped>
-
+.can-scroll-content{
+  padding: 24px;
+  box-sizing: border-box;
+}
+.can-scroll-content-header{
+  font-size: 16px;
+  margin-bottom: 12px;
+}
 </style>