对接条款比对

2024-02-27 15:17:17 +08:00
parent 15c0fb6ddf
commit 48d50501ce
4 changed files with 179 additions and 34 deletions
@@ -0,0 +1,109 @@
+<template>
+  <internal-detail-page :title="$t('docTool.comparison.comparisonOfTerms')"
+                        :content-padding="0"
+                        :loading="loading"
+                        need-custom-back-func
+                        @back="handleBack">
+    <div class="can-scroll-content">
+        <j-table
+          ref="table"
+          size="middle"
+          :columns="columns"
+          :data-source="dataSource"
+          :can-drag="true"
+          :loading="loading"
+          :pagination="ipagination"
+          :scroll="{x: '100%', y: yScrollHeight}"
+          :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>
+  </internal-detail-page>
+</template>
+
+<script>
+import InternalDetailPage from '../../../components/InternalDetailPage.vue'
+import JTable from '../../../components/jero/JTable.vue'
+export default {
+  name: 'comparisonTermsView',
+  components: {
+    InternalDetailPage,
+    JTable
+  },
+  data () {
+    return {
+      loading: false,
+      resultData: {},
+      columns: [
+        {
+          title: '旧条款号',
+          dataIndex: 'serialNumberLeft',
+          width: 170,
+          ellipsis: true,
+        },
+        {
+          title: '旧条款名称',
+          dataIndex: 'serialNumberLeft',
+          width: 170,
+          ellipsis: true,
+        },
+        {
+          title: '新条款号',
+          dataIndex: 'serialNumberLeft',
+          width: 170,
+          ellipsis: true,
+        },
+        {
+          title: '新条款名称',
+          dataIndex: 'serialNumberLeft',
+          width: 170,
+          ellipsis: true,
+        },
+        {
+          title: '比对时间',
+          dataIndex: 'serialNumberLeft',
+          width: 170,
+          ellipsis: true,
+        },
+        // 操作
+        {
+          title: this.$t('operation'),
+          fixed: 'right',
+          width: 250,
+          scopedSlots: { customRender: 'action' }
+        }
+      ],
+      dataSource: [],
+      operationList: [
+        {
+          text: '查看差异',
+          clickEvent: 'viewDifference'
+        },
+      ]
+    }
+  },
+  methods: {
+    handleBack () {
+
+    },
+    viewDifference () {
+
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>