Files
structureplugins/jero-web/src/views/documentTool/documentComparison/comparisonTermsView.vue
T
2024-02-27 15:17:17 +08:00

110 lines
2.7 KiB
Vue

<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>