UI界面变更-项目法规任务

This commit is contained in:
刘彦泽
2022-12-29 14:44:43 +08:00
parent 94400820bd
commit 51e1b82e34
9 changed files with 80 additions and 49 deletions
@@ -819,10 +819,12 @@
cursor: pointer; cursor: pointer;
} }
/deep/.table .ant-table-thead > tr > th { ///deep/.table .ant-table-thead > tr > th {
font-weight: bolder; // font-weight: bolder;
} //}
///deep/.ant-table-thead > tr > th {
// background: #f3f6f6;
//}
///deep/.table .ant-table-tbody > tr > td { ///deep/.table .ant-table-tbody > tr > td {
// color: #040B29 ; // color: #040B29 ;
//} //}
@@ -43,32 +43,32 @@
{ {
title: this.$t('OperationNode'), title: this.$t('OperationNode'),
dataIndex: 'name', dataIndex: 'name',
align: 'center', align: 'left',
width:'20%', width:'20%',
}, },
{ {
title: this.$t('Operator'), title: this.$t('Operator'),
dataIndex: 'assignee', dataIndex: 'assignee',
align: 'center', align: 'left',
width:'20%', width:'20%',
}, },
{ {
title: this.$t('result'), title: this.$t('result'),
dataIndex: 'approvalResult', dataIndex: 'approvalResult',
align: 'center', align: 'left',
width:'20%', width:'20%',
scopedSlots: { customRender: 'approvalResult' } scopedSlots: { customRender: 'approvalResult' }
}, },
{ {
title: this.$t('opinion'), title: this.$t('opinion'),
dataIndex: 'approvalOpinion', dataIndex: 'approvalOpinion',
align: 'center', align: 'left',
width:'20%', width:'20%',
}, },
{ {
title: this.$t('OperationTime'), title: this.$t('OperationTime'),
dataIndex: 'createTime', dataIndex: 'createTime',
align: 'center', align: 'left',
width:'20%', width:'20%',
customRender: function(t, r, index) { customRender: function(t, r, index) {
return moment(t).format('YYYY-MM-DD HH:mm:ss') return moment(t).format('YYYY-MM-DD HH:mm:ss')
@@ -95,6 +95,7 @@
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import '~@assets/less/common.less';
.box { .box {
padding: 0 24px 24px 24px; padding: 0 24px 24px 24px;
box-sizing: border-box; box-sizing: border-box;
@@ -822,6 +822,7 @@
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import '~@assets/less/common.less';
.box { .box {
padding: 0 24px 24px 24px; padding: 0 24px 24px 24px;
box-sizing: border-box; box-sizing: border-box;
@@ -76,44 +76,44 @@
{ {
title: this.$t('ProcessType'), title: this.$t('ProcessType'),
dataIndex: 'ProcessType', dataIndex: 'ProcessType',
align: 'center', align: 'left',
width:200, width:200,
}, },
{ {
title: this.$t('Sponsor'), title: this.$t('Sponsor'),
dataIndex: 'InitiatorName', dataIndex: 'InitiatorName',
align: 'center', align: 'left',
width:160, width:160,
}, },
{ {
title: this.$t('personLiable'), title: this.$t('personLiable'),
dataIndex: 'DutyName', dataIndex: 'DutyName',
align: 'center', align: 'left',
width:160, width:160,
}, },
{ {
title: this.$t('TaskCutOffTime'), title: this.$t('TaskCutOffTime'),
dataIndex: 'DueDate', dataIndex: 'DueDate',
align: 'center', align: 'left',
width:160, width:160,
}, },
{ {
title: this.$t('typeOfDeliverables'), title: this.$t('typeOfDeliverables'),
dataIndex: 'DeliverableType', dataIndex: 'DeliverableType',
align: 'center', align: 'left',
width:160, width:160,
}, },
{ {
title: this.$t('deliverableTemplate'), title: this.$t('deliverableTemplate'),
dataIndex: 'DeliverableTemplateName', dataIndex: 'DeliverableTemplateName',
align: 'center', align: 'left',
width:260, width:260,
scopedSlots: { customRender: 'designDeliverableTemplateName' } scopedSlots: { customRender: 'designDeliverableTemplateName' }
}, },
{ {
title: this.$t('descriptionDeliverables'), title: this.$t('descriptionDeliverables'),
dataIndex: 'remark', dataIndex: 'remark',
align: 'center', align: 'left',
width:300, width:300,
} }
], ],
@@ -124,13 +124,13 @@
{ {
title: this.$t('deliverableTemplate'), title: this.$t('deliverableTemplate'),
dataIndex: 'fileName', dataIndex: 'fileName',
align: 'center', align: 'left',
width: 260, width: 260,
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('operation'), title: this.$t('operation'),
align: 'center', align: 'left',
width: 130, width: 130,
scopedSlots: { customRender: 'fileOperation' } scopedSlots: { customRender: 'fileOperation' }
} }
@@ -246,5 +246,11 @@
</script> </script>
<style scoped> <style scoped>
@import '~@assets/less/common.less';
/*/deep/.ant-table-column-title{*/
/* font-weight: bold!important;*/
/*}*/
/*/deep/.ant-table-thead > tr > th {*/
/* background: #f3f6f6;*/
/*}*/
</style> </style>
@@ -98,6 +98,7 @@
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import '~@assets/less/common.less';
.box { .box {
padding: 0 24px 24px 24px; padding: 0 24px 24px 24px;
box-sizing: border-box; box-sizing: border-box;
@@ -115,4 +116,13 @@
color: #000F16; color: #000F16;
} }
} }
//
///deep/.ant-table-column-title{
// font-weight: bold!important;
// background: #f3f6f6;
//}
//
///deep/.ant-table-thead > tr > th {
// background: #f3f6f6;
//}
</style> </style>
@@ -54,7 +54,7 @@
columns: [ columns: [
{ {
title: this.$t('RelatedItems'), title: this.$t('RelatedItems'),
align: 'center', align: 'left',
dataIndex: 'projectName', dataIndex: 'projectName',
scopedSlots: { customRender: 'RelatedItems' }, scopedSlots: { customRender: 'RelatedItems' },
ellipsis: true, ellipsis: true,
@@ -62,7 +62,7 @@
}, },
{ {
title: this.$t('standardInformation'), title: this.$t('standardInformation'),
align: 'center', align: 'left',
dataIndex: 'standardInfo', dataIndex: 'standardInfo',
scopedSlots: { customRender: 'standardInformation' }, scopedSlots: { customRender: 'standardInformation' },
ellipsis: true, ellipsis: true,
@@ -70,42 +70,42 @@
}, },
{ {
title: this.$t('taskType'), title: this.$t('taskType'),
align: 'center', align: 'left',
dataIndex: 'flowTypeShow', dataIndex: 'flowTypeShow',
ellipsis: true, ellipsis: true,
width: 170 width: 170
}, },
{ {
title: this.$t('LastProcessor'), title: this.$t('LastProcessor'),
align: 'center', align: 'left',
dataIndex: 'lastAssigneeName', dataIndex: 'lastAssigneeName',
ellipsis: true, ellipsis: true,
width: 170 width: 170
}, },
{ {
title: this.$t('CurrentProcessor'), title: this.$t('CurrentProcessor'),
align: 'center', align: 'left',
dataIndex: 'assigneeName', dataIndex: 'assigneeName',
ellipsis: true, ellipsis: true,
width: 170 width: 170
}, },
{ {
title: this.$t('TaskCutOffTime'), title: this.$t('TaskCutOffTime'),
align: 'center', align: 'left',
dataIndex: 'endTime', dataIndex: 'endTime',
ellipsis: true, ellipsis: true,
width: 170 width: 170
}, },
{ {
title: this.$t('taskStatus'), title: this.$t('taskStatus'),
align: 'center', align: 'left',
dataIndex: 'statusShow', dataIndex: 'statusShow',
ellipsis: true, ellipsis: true,
width: 170 width: 170
}, },
{ {
title: this.$t('operation'), title: this.$t('operation'),
align: 'center', align: 'left',
fixed: 'right', fixed: 'right',
width: 120, width: 120,
scopedSlots: { customRender: 'operation' } scopedSlots: { customRender: 'operation' }
@@ -343,6 +343,7 @@
</script> </script>
<style scoped> <style scoped>
@import '~@assets/less/common.less';
.page { .page {
text-align: right; text-align: right;
margin-top: 20px; margin-top: 20px;
@@ -351,4 +352,12 @@
.text-operation { .text-operation {
margin-right: 8px; margin-right: 8px;
} }
/*/deep/.ant-table-column-title{*/
/* font-weight: bold!important;*/
/*}*/
/*/deep/.ant-table-thead > tr > th {*/
/* background: #f3f6f6;*/
/*}*/
</style> </style>
@@ -55,7 +55,7 @@
columns: [ columns: [
{ {
title: this.$t('RelatedItems'), title: this.$t('RelatedItems'),
align: 'center', align: 'left',
dataIndex: 'projectName', dataIndex: 'projectName',
ellipsis: true, ellipsis: true,
scopedSlots: { customRender: 'RelatedItems' }, scopedSlots: { customRender: 'RelatedItems' },
@@ -63,7 +63,7 @@
}, },
{ {
title: this.$t('standardInformation'), title: this.$t('standardInformation'),
align: 'center', align: 'left',
dataIndex: 'standardInfo', dataIndex: 'standardInfo',
ellipsis: true, ellipsis: true,
scopedSlots: { customRender: 'standardInformation' }, scopedSlots: { customRender: 'standardInformation' },
@@ -71,21 +71,21 @@
}, },
{ {
title: this.$t('taskType'), title: this.$t('taskType'),
align: 'center', align: 'left',
dataIndex: 'flowTypeShow', dataIndex: 'flowTypeShow',
ellipsis: true, ellipsis: true,
width: 170 width: 170
}, },
{ {
title: this.$t('Sponsor'), title: this.$t('Sponsor'),
align: 'center', align: 'left',
dataIndex: 'createBy', dataIndex: 'createBy',
ellipsis: true, ellipsis: true,
width: 170 width: 170
}, },
{ {
title: this.$t('TaskCutOffTime'), title: this.$t('TaskCutOffTime'),
align: 'center', align: 'left',
dataIndex: 'endTime', dataIndex: 'endTime',
ellipsis: true, ellipsis: true,
width: 170, width: 170,
@@ -93,14 +93,14 @@
}, },
{ {
title: this.$t('taskStatus'), title: this.$t('taskStatus'),
align: 'center', align: 'left',
dataIndex: 'statusShow', dataIndex: 'statusShow',
ellipsis: true, ellipsis: true,
width: 170 width: 170
}, },
{ {
title: this.$t('operation'), title: this.$t('operation'),
align: 'center', align: 'left',
fixed: 'right', fixed: 'right',
width: 120, width: 120,
scopedSlots: { customRender: 'operation' } scopedSlots: { customRender: 'operation' }
@@ -327,6 +327,7 @@
</script> </script>
<style scoped> <style scoped>
@import '~@assets/less/common.less';
.page { .page {
text-align: right; text-align: right;
margin-top: 20px; margin-top: 20px;
@@ -60,7 +60,7 @@
columns: [ columns: [
{ {
title: this.$t('RelatedItems'), title: this.$t('RelatedItems'),
align: 'center', align: 'left',
dataIndex: 'projectName', dataIndex: 'projectName',
ellipsis: true, ellipsis: true,
scopedSlots: { customRender: 'RelatedItems' }, scopedSlots: { customRender: 'RelatedItems' },
@@ -68,7 +68,7 @@
}, },
{ {
title: this.$t('standardInformation'), title: this.$t('standardInformation'),
align: 'center', align: 'left',
dataIndex: 'standardInfo', dataIndex: 'standardInfo',
ellipsis: true, ellipsis: true,
scopedSlots: { customRender: 'standardInformation' }, scopedSlots: { customRender: 'standardInformation' },
@@ -76,42 +76,42 @@
}, },
{ {
title: this.$t('taskType'), title: this.$t('taskType'),
align: 'center', align: 'left',
dataIndex: 'flowTypeShow', dataIndex: 'flowTypeShow',
ellipsis: true, ellipsis: true,
width: 170 width: 170
}, },
{ {
title: this.$t('Sponsor'), title: this.$t('Sponsor'),
align: 'center', align: 'left',
dataIndex: 'createBy', dataIndex: 'createBy',
ellipsis: true, ellipsis: true,
width: 170 width: 170
}, },
{ {
title: this.$t('CurrentProcessor'), title: this.$t('CurrentProcessor'),
align: 'center', align: 'left',
dataIndex: 'assigneeName', dataIndex: 'assigneeName',
ellipsis: true, ellipsis: true,
width: 170 width: 170
}, },
{ {
title: this.$t('TaskCutOffTime'), title: this.$t('TaskCutOffTime'),
align: 'center', align: 'left',
dataIndex: 'endTime', dataIndex: 'endTime',
ellipsis: true, ellipsis: true,
width: 170 width: 170
}, },
{ {
title: this.$t('taskStatus'), title: this.$t('taskStatus'),
align: 'center', align: 'left',
dataIndex: 'statusShow', dataIndex: 'statusShow',
ellipsis: true, ellipsis: true,
width: 170 width: 170
}, },
{ {
title: this.$t('operation'), title: this.$t('operation'),
align: 'center', align: 'left',
fixed: 'right', fixed: 'right',
width: 120, width: 120,
scopedSlots: { customRender: 'operation' } scopedSlots: { customRender: 'operation' }
@@ -345,6 +345,7 @@
</script> </script>
<style scoped> <style scoped>
@import '~@assets/less/common.less';
.page { .page {
text-align: right; text-align: right;
margin-top: 20px; margin-top: 20px;
@@ -95,7 +95,7 @@
columns: [ columns: [
{ {
title: this.$t('RelatedItems'), title: this.$t('RelatedItems'),
align: 'center', align: 'left',
dataIndex: 'projectName', dataIndex: 'projectName',
ellipsis: true, ellipsis: true,
scopedSlots: { customRender: 'RelatedItems' }, scopedSlots: { customRender: 'RelatedItems' },
@@ -103,7 +103,7 @@
}, },
{ {
title: this.$t('standardInformation'), title: this.$t('standardInformation'),
align: 'center', align: 'left',
dataIndex: 'standardInfo', dataIndex: 'standardInfo',
ellipsis: true, ellipsis: true,
scopedSlots: { customRender: 'standardInformation' }, scopedSlots: { customRender: 'standardInformation' },
@@ -111,35 +111,35 @@
}, },
{ {
title: this.$t('taskType'), title: this.$t('taskType'),
align: 'center', align: 'left',
dataIndex: 'flowTypeShow', dataIndex: 'flowTypeShow',
ellipsis: true, ellipsis: true,
width: 170 width: 170
}, },
{ {
title: this.$t('Sponsor'), title: this.$t('Sponsor'),
align: 'center', align: 'left',
dataIndex: 'createBy', dataIndex: 'createBy',
ellipsis: true, ellipsis: true,
width: 170 width: 170
}, },
{ {
title: this.$t('TaskCutOffTime'), title: this.$t('TaskCutOffTime'),
align: 'center', align: 'left',
dataIndex: 'endTime', dataIndex: 'endTime',
ellipsis: true, ellipsis: true,
width: 170 width: 170
}, },
{ {
title: this.$t('taskStatus'), title: this.$t('taskStatus'),
align: 'center', align: 'left',
dataIndex: 'statusShow', dataIndex: 'statusShow',
ellipsis: true, ellipsis: true,
width: 170 width: 170
}, },
{ {
title: this.$t('operation'), title: this.$t('operation'),
align: 'center', align: 'left',
fixed: 'right', fixed: 'right',
width: 120, width: 120,
scopedSlots: { customRender: 'operation' } scopedSlots: { customRender: 'operation' }