业务支持-法规技术评估-发起流程-评估结果-列宽可拖拽

This commit is contained in:
刘彦泽
2023-02-06 16:14:37 +08:00
parent cfee87d0fe
commit 998efd920a
5 changed files with 31 additions and 6 deletions
@@ -84,6 +84,7 @@
</div>
</div>
<a-table
:components="drag(columns,'columns')"
:columns="columns"
:scroll="{x: '100%'}"
:data-source="dataList"
@@ -131,6 +132,7 @@
import PersonnelSelection from '@/components/PersonnelSelection/index'
import ImportFile from '@/components/ImportFile/index'
import { getAction, postAction, deleteAction, downloadFile } from '@/api/manage'
import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
export default {
name: 'TermInformation',
@@ -139,6 +141,7 @@
ImportFile
},
props: ['gatherResultList'],
mixins:[ResizeHeader, ResizeColumnProvide],
data() {
return {
url: {
@@ -158,25 +161,29 @@
title: this.$t('clauseName'),
dataIndex: 'itemName',
align: 'left',
ellipsis: true
ellipsis: true,
width: 234
},
{
title: this.$t('clauseContent'),
dataIndex: 'itemContent',
align: 'left',
scopedSlots: { customRender: 'clauseContent' }
scopedSlots: { customRender: 'clauseContent' },
width: 234
},
{
title: this.$t('evaluationMethod'),
dataIndex: 'evaluationMethods',
align: 'left',
scopedSlots: { customRender: 'evaluationMethod' }
scopedSlots: { customRender: 'evaluationMethod' },
width: 234
},
{
title: this.$t('Assessor'),
dataIndex: 'Assessor',
align: 'left',
scopedSlots: { customRender: 'Assessor' }
scopedSlots: { customRender: 'Assessor' },
width: 234
},
{
title: this.$t('operation'),
@@ -92,6 +92,7 @@
<a-table
ref="table"
size="middle"
:components="drag(columns,'columns')"
:loading="loading"
:pagination="false"
:scroll="{x: '100%',y:'calc(100vh - 260px)'}"
@@ -130,6 +131,7 @@
import { getAction, postAction, downloadFile } from '@/api/manage'
import viewFileModel from '@/components/viewFileModel/index'
import { mapGetters } from 'vuex'
import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
export default {
name: 'evaluationResultsClause',
@@ -137,6 +139,7 @@
PersonnelSelection,
viewFileModel
},
mixins:[ResizeHeader, ResizeColumnProvide],
data() {
return {
queryParam: {},
@@ -327,7 +330,7 @@
</script>
<style lang="less" scoped>
@import '~@assets/less/common.less';
@import'~@assets/less/common.less';
.doc-detail {
background: #fff;
@@ -57,6 +57,7 @@
<a-table
ref="table"
size="middle"
:components="drag(columns,'columns')"
:loading="loading"
:pagination="false"
:scroll="{x: '100%',y:350}"
@@ -85,6 +86,7 @@
import { getAction, postAction, downloadFile } from '@/api/manage'
import viewFileModel from '@/components/viewFileModel/index'
import { mapGetters } from 'vuex'
import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
export default {
name: 'evaluationResultsWhole',
@@ -92,6 +94,7 @@
PersonnelSelection,
viewFileModel
},
mixins:[ResizeHeader, ResizeColumnProvide],
data() {
return {
queryParam: {},
@@ -156,6 +159,7 @@
title: this.$t('problemDescription'),
dataIndex: 'issueOrSuggest',
align: 'left',
width: 573,
ellipsis: true
},
{
@@ -264,7 +268,7 @@
</script>
<style lang="less" scoped>
@import '~@assets/less/common.less';
@import'~@assets/less/common.less';
.doc-detail {
background: #fff;
@@ -433,6 +437,10 @@
/deep/.ant-table-column-title{
font-weight: bold!important;
}
::v-deep .ant-table-placeholder{
margin-top: 8px !important;
}
</style>
<style>
.box-clause .ant-card-body {
@@ -14,6 +14,7 @@
<a-table
ref="table"
size="middle"
:components="drag(columns,'columns')"
:loading="loading"
:pagination="false"
:scroll="{x: '100%'}"
@@ -244,6 +245,7 @@
import moment from 'moment'
import eventBUs from '../../../../common/event'
import { mapGetters } from 'vuex'
import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
export default {
name: 'evaluationInitiationProcess',
@@ -256,6 +258,7 @@
standardDecompositionSheet,
TermInformation
},
mixins:[ResizeHeader, ResizeColumnProvide],
data() {
return {
title: this.$t('regulatoryEngineer') + this.$t('initiatingProcess'),
@@ -588,4 +588,8 @@
::v-deep .ant-table-body {
background: transparent !important;
}
::v-deep .ant-table-placeholder {
margin-top: 8px !important;
}
</style>