UI界面变更-对外报告管理-法规技术评估
This commit is contained in:
+6
-6
@@ -150,37 +150,37 @@
|
||||
{
|
||||
title: this.$t('clauseNo'),
|
||||
dataIndex: 'itemNum',
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
ellipsis: true,
|
||||
width: 120
|
||||
},
|
||||
{
|
||||
title: this.$t('clauseName'),
|
||||
dataIndex: 'itemName',
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
ellipsis: true
|
||||
},
|
||||
{
|
||||
title: this.$t('clauseContent'),
|
||||
dataIndex: 'itemContent',
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
scopedSlots: { customRender: 'clauseContent' }
|
||||
},
|
||||
{
|
||||
title: this.$t('evaluationMethod'),
|
||||
dataIndex: 'evaluationMethods',
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
scopedSlots: { customRender: 'evaluationMethod' }
|
||||
},
|
||||
{
|
||||
title: this.$t('Assessor'),
|
||||
dataIndex: 'Assessor',
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
scopedSlots: { customRender: 'Assessor' }
|
||||
},
|
||||
{
|
||||
title: this.$t('operation'),
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
width: 120,
|
||||
scopedSlots: { customRender: 'operation' }
|
||||
}
|
||||
|
||||
+9
-5
@@ -109,7 +109,7 @@
|
||||
{
|
||||
title: this.$t('engineer'),
|
||||
dataIndex: 'createBy',
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
width: 160,
|
||||
ellipsis: true,
|
||||
customRender: (value, row, index) => {
|
||||
@@ -128,7 +128,7 @@
|
||||
{
|
||||
title: this.$t('complianceResults'),
|
||||
dataIndex: 'complianceResultName',
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
width: 160,
|
||||
ellipsis: true,
|
||||
customRender: (value, row, index) => {
|
||||
@@ -147,20 +147,20 @@
|
||||
{
|
||||
title: this.$t('relevantSections'),
|
||||
dataIndex: 'relatedSection',
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
width: 160,
|
||||
ellipsis: true
|
||||
},
|
||||
{
|
||||
title: this.$t('problemDescription'),
|
||||
dataIndex: 'issueOrSuggest',
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
ellipsis: true
|
||||
},
|
||||
{
|
||||
title: this.$t('enclosure'),
|
||||
dataIndex: 'accessoryFile',
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
width: 160,
|
||||
ellipsis: true,
|
||||
scopedSlots: { customRender: 'accessoryFile' }
|
||||
@@ -425,6 +425,10 @@
|
||||
.operator-text-feed {
|
||||
margin-top: 27px;
|
||||
}
|
||||
|
||||
/deep/.ant-table-column-title{
|
||||
font-weight: bold!important;
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
.box-clause .ant-card-body {
|
||||
|
||||
+7
-7
@@ -303,7 +303,7 @@
|
||||
columns: [
|
||||
{
|
||||
title: this.$t('standard'),
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
dataIndex: 'serial_number',
|
||||
width: 170,
|
||||
ellipsis: true,
|
||||
@@ -311,7 +311,7 @@
|
||||
},
|
||||
{
|
||||
title: this.$t('title'),
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
dataIndex: 'title',
|
||||
ellipsis: true,
|
||||
width: 170,
|
||||
@@ -319,34 +319,34 @@
|
||||
},
|
||||
{
|
||||
title: this.$t('status'),
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
width: 140,
|
||||
ellipsis: true,
|
||||
dataIndex: 'state'
|
||||
},
|
||||
{
|
||||
title: this.$t('zoneOfApplication'),
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
width: 170,
|
||||
ellipsis: true,
|
||||
dataIndex: 'region'
|
||||
},
|
||||
{
|
||||
title: this.$t('technicalField'),
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
ellipsis: true,
|
||||
width: 170,
|
||||
dataIndex: 'technology_territory'
|
||||
},
|
||||
{
|
||||
title: this.$t('correspondingStandard'),
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
ellipsis: true,
|
||||
width: 170,
|
||||
dataIndex: 'corresponding_standard'
|
||||
},
|
||||
{
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
ellipsis: true,
|
||||
width: 170,
|
||||
scopedSlots: {
|
||||
|
||||
+5
-5
@@ -144,34 +144,34 @@
|
||||
{
|
||||
title: this.$t('clauseNo'),
|
||||
dataIndex: 'items_num',
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
width: 180,
|
||||
ellipsis: true
|
||||
},
|
||||
{
|
||||
title: this.$t('clauseName'),
|
||||
dataIndex: 'items_name',
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
width: 180,
|
||||
ellipsis: true
|
||||
},
|
||||
{
|
||||
title: this.$t('clauseContent'),
|
||||
dataIndex: 'iterms_conditions',
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
scopedSlots: { customRender: 'clauseContent' }
|
||||
},
|
||||
{
|
||||
title: this.$t('technicalField'),
|
||||
dataIndex: 'technology_territory',
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
width: 180,
|
||||
ellipsis: true
|
||||
},
|
||||
{
|
||||
title: this.$t('informationCategory'),
|
||||
dataIndex: 'information_category',
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
width: 180,
|
||||
ellipsis: true
|
||||
}
|
||||
|
||||
@@ -229,70 +229,70 @@
|
||||
columns: [
|
||||
{
|
||||
title: this.$t('standard'),
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
dataIndex: 'serialNumber',
|
||||
ellipsis: true,
|
||||
width: 170
|
||||
},
|
||||
{
|
||||
title: this.$t('title'),
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
dataIndex: 'title',
|
||||
ellipsis: true,
|
||||
width: 170
|
||||
},
|
||||
{
|
||||
title: this.$t('technicalField'),
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
width: 170,
|
||||
ellipsis: true,
|
||||
dataIndex: 'technologyTerritoryName'
|
||||
},
|
||||
{
|
||||
title: this.$t('evaluationMethod'),
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
width: 170,
|
||||
ellipsis: true,
|
||||
dataIndex: 'evaluationMethodsName'
|
||||
},
|
||||
{
|
||||
title: this.$t('ProcessStatus'),
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
width: 170,
|
||||
ellipsis: true,
|
||||
dataIndex: 'flowStatusName'
|
||||
},
|
||||
{
|
||||
title: this.$t('Sponsor'),
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
width: 140,
|
||||
ellipsis: true,
|
||||
dataIndex: 'createBy'
|
||||
},
|
||||
{
|
||||
title: this.$t('dateOfInitiation'),
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
ellipsis: true,
|
||||
width: 170,
|
||||
dataIndex: 'startTime'
|
||||
},
|
||||
{
|
||||
title: this.$t('closingDate'),
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
ellipsis: true,
|
||||
width: 170,
|
||||
dataIndex: 'endTime'
|
||||
},
|
||||
{
|
||||
title: this.$t('remarks'),
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
ellipsis: true,
|
||||
width: 170,
|
||||
dataIndex: 'remark'
|
||||
},
|
||||
{
|
||||
title: this.$t('operation'),
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
fixed: 'right',
|
||||
width: 220,
|
||||
scopedSlots: { customRender: 'operation' }
|
||||
|
||||
@@ -59,7 +59,7 @@
|
||||
<div class="split-detail-search-header">
|
||||
<a-form layout="inline" @keyup.enter.native="searchQuery">
|
||||
<a-row :gutter="24">
|
||||
<a-col :md="6" :sm="8">
|
||||
<a-col :md="8" :sm="8">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text" :title="$t('fileName')">
|
||||
<span>{{ $t('fileName') }}</span>
|
||||
@@ -68,7 +68,7 @@
|
||||
v-model="queryParams.fileName"></a-input>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="8">
|
||||
<a-col :md="8" :sm="8">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text" :title="$t('uploadedBy')">
|
||||
<span>{{$t('uploadedBy')}}</span>
|
||||
@@ -77,7 +77,8 @@
|
||||
v-model="queryParams.createBy"></a-input>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="8">
|
||||
<template v-if="toggleSearchStatus">
|
||||
<a-col :md="8" :sm="8">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text" :title="$t('uploadTime')">
|
||||
<span>{{ $t('uploadTime') }}</span>
|
||||
@@ -91,6 +92,7 @@
|
||||
:disabled="false"/>
|
||||
</div>
|
||||
</a-col>
|
||||
</template>
|
||||
<span style="float: right;overflow: hidden;margin-right: 11px"
|
||||
class="table-page-search-submitButtons">
|
||||
<a-col :md="6" :sm="24">
|
||||
@@ -100,6 +102,10 @@
|
||||
<a-button class="box-button" type="primary" @click="searchQuery">{{ $t('query') }}</a-button>
|
||||
<a-button class="box-button" style="margin-left: 8px"
|
||||
@click="searchReset">{{ $t('reset') }}</a-button>
|
||||
<a @click="handleToggleSearch" style="margin-left: 8px">
|
||||
<span class="icon-open">{{ !toggleSearchStatus ? $t('open') : $t('away') }}</span>
|
||||
<a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
|
||||
</a>
|
||||
</a-col>
|
||||
</span>
|
||||
</a-row>
|
||||
@@ -302,6 +308,7 @@
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
toggleSearchStatus: false,
|
||||
labelCol: { span: 6 },
|
||||
userData: {},
|
||||
wrapperCol: { span: 16 },
|
||||
@@ -371,21 +378,21 @@
|
||||
columns: [
|
||||
{
|
||||
title: this.$t('fileName'),
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
dataIndex: 'fileName',
|
||||
scopedSlots: { customRender: 'fileName' },
|
||||
width: 200
|
||||
},
|
||||
{
|
||||
title: this.$t('fileDeclaration'),
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
dataIndex: 'fileDescription',
|
||||
scopedSlots: { customRender: 'projectName' },
|
||||
width: 300
|
||||
},
|
||||
{
|
||||
title: this.$t('uploadedBy'),
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
dataIndex: 'createBy',
|
||||
width: 150
|
||||
},
|
||||
@@ -396,13 +403,13 @@
|
||||
// },
|
||||
{
|
||||
title: this.$t('uploadTime'),
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
dataIndex: 'createTime',
|
||||
width: 250
|
||||
},
|
||||
{
|
||||
title: this.$t('operation'),
|
||||
align: 'center',
|
||||
align: 'left',
|
||||
fixed: 'right',
|
||||
width: 250,
|
||||
scopedSlots: { customRender: 'operation' }
|
||||
@@ -449,6 +456,9 @@
|
||||
},
|
||||
methods: {
|
||||
...mapGetters(['userInfo']),
|
||||
handleToggleSearch() {
|
||||
this.toggleSearchStatus = !this.toggleSearchStatus
|
||||
},
|
||||
//显示条款内容弹框
|
||||
showContent(val) {
|
||||
this.contentVisible = true
|
||||
@@ -1124,7 +1134,8 @@
|
||||
.box-title-text {
|
||||
line-height: 1.4;
|
||||
display: flex;
|
||||
/*align-items: center;*/
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/deep/ .ant-table td {
|
||||
@@ -1136,7 +1147,7 @@
|
||||
}
|
||||
|
||||
.title-text {
|
||||
width: 114px;
|
||||
width: 110px;
|
||||
text-align: right;
|
||||
display: inline-block;
|
||||
font-weight: 400;
|
||||
@@ -1220,7 +1231,7 @@
|
||||
|
||||
.split-detail-left {
|
||||
/*height: 100%;*/
|
||||
width: 300px;
|
||||
width: 230px;
|
||||
float: left;
|
||||
padding-right: 20px;
|
||||
/*border-right: 1px solid #E6E7EC;*/
|
||||
@@ -1249,7 +1260,7 @@
|
||||
|
||||
.split-detail-right {
|
||||
padding-left: 20px;
|
||||
width: calc(100% - 300px);
|
||||
width: calc(100% - 230px);
|
||||
float: right;
|
||||
border-left: 1px solid #E6E7EC;
|
||||
/*flex: 1;*/
|
||||
@@ -1302,6 +1313,7 @@
|
||||
///deep/ .ant-table-body {
|
||||
// overflow: hidden !important; ?????
|
||||
//}
|
||||
|
||||
</style>
|
||||
|
||||
<style lang="less">
|
||||
@@ -1322,9 +1334,21 @@
|
||||
|
||||
.split-detail-right-wraper {
|
||||
.table-page-search-submitButtons {
|
||||
a{
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
line-height: 38px;
|
||||
}
|
||||
.ant-col-md-6 {
|
||||
display: flex;
|
||||
}
|
||||
.icon-open{
|
||||
display: inline-block;
|
||||
min-width: 30px;
|
||||
}
|
||||
i{
|
||||
line-height: 38px;
|
||||
}
|
||||
}
|
||||
|
||||
.split-detail-search-header {
|
||||
|
||||
Reference in New Issue
Block a user