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

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