UI界面变更-虚拟清单

This commit is contained in:
刘彦泽
2022-12-30 10:36:14 +08:00
parent 6111aff6b7
commit 0e3e93bb43
2 changed files with 40 additions and 30 deletions
@@ -21,6 +21,7 @@
v-model="queryParam.serial_number"></a-input> v-model="queryParam.serial_number"></a-input>
</div> </div>
</a-col> </a-col>
<template v-if="toggleSearchStatus">
<a-col :md="12" :sm="8"> <a-col :md="12" :sm="8">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text" :title="$t('title')"> <div class="title-text" :title="$t('title')">
@@ -41,6 +42,7 @@
:triggerChange="false" :dictCode="'state'"/> :triggerChange="false" :dictCode="'state'"/>
</div> </div>
</a-col> </a-col>
</template>
<span style="float: right;overflow: hidden;" class="table-page-search-submitButtons"> <span style="float: right;overflow: hidden;" class="table-page-search-submitButtons">
<a-col :md="12" :sm="24"> <a-col :md="12" :sm="24">
<globalAdvancedQuery ref="globalAdvancedQueryRef" <globalAdvancedQuery ref="globalAdvancedQueryRef"
@@ -48,6 +50,10 @@
:fieldList="fieldList"/> :fieldList="fieldList"/>
<a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button> <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-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}</a-button>
<a @click="handleToggleSearch" style="margin-left: 8px">
{{ !toggleSearchStatus ? $t('open') : $t('away') }}
<a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
</a>
</a-col> </a-col>
</span> </span>
</a-row> </a-row>
@@ -104,6 +110,7 @@
}, },
data() { data() {
return { return {
toggleSearchStatus: false,
visible: false, visible: false,
confirmLoading: false, confirmLoading: false,
selectedRowKeys: [], selectedRowKeys: [],
@@ -112,19 +119,19 @@
{ {
title: this.$t('standard'), title: this.$t('standard'),
dataIndex: 'serial_number', dataIndex: 'serial_number',
align: 'center', align: 'left',
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('title'), title: this.$t('title'),
dataIndex: 'title', dataIndex: 'title',
align: 'center', align: 'left',
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('zoneOfApplication'), title: this.$t('zoneOfApplication'),
dataIndex: 'region', dataIndex: 'region',
align: 'center', align: 'left',
ellipsis: true ellipsis: true
}, },
// { // {
@@ -142,13 +149,13 @@
{ {
title: this.$t('ImplementationDate'), title: this.$t('ImplementationDate'),
dataIndex: 'xin1_che1_xing2_shi2_shi1_ri4_qi1', dataIndex: 'xin1_che1_xing2_shi2_shi1_ri4_qi1',
align: 'center', align: 'left',
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('vehicleInProductionDate'), title: this.$t('vehicleInProductionDate'),
dataIndex: 'implement_time', dataIndex: 'implement_time',
align: 'center', align: 'left',
ellipsis: true ellipsis: true
} }
// { // {
@@ -173,6 +180,9 @@
}, },
methods: { methods: {
handleToggleSearch() {
this.toggleSearchStatus = !this.toggleSearchStatus
},
addModel() { addModel() {
this.visible = true this.visible = true
this.queryParam = {} this.queryParam = {}
@@ -310,7 +320,7 @@
} }
.title-text { .title-text {
width: 33px; width: 110px;
color: #000F16; color: #000F16;
display: inline-block; display: inline-block;
font-weight: 500; font-weight: 500;
@@ -65,7 +65,7 @@
</a-col> </a-col>
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="8">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text" style="width: 60px" :title="$t('subtitle')"> <div class="title-text" :title="$t('subtitle')">
<span>{{$t('subtitle')}}</span> <span>{{$t('subtitle')}}</span>
</div> </div>
<j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('subtitle')" <j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('subtitle')"
@@ -171,37 +171,37 @@
<span slot="designDeliverableTemplateName" slot-scope="text,record"> <span slot="designDeliverableTemplateName" slot-scope="text,record">
<span :title="record.designDeliverableTypeName">{{record.designDeliverableTypeName}}</span><br <span :title="record.designDeliverableTypeName">{{record.designDeliverableTypeName}}</span><br
v-if="record.designDeliverableTypeName"> v-if="record.designDeliverableTypeName">
<a v-if="record.designDeliverableTemplate && record.designDeliverableTemplate.split(',').length == 1" <!-- <a v-if="record.designDeliverableTemplate && record.designDeliverableTemplate.split(',').length == 1"-->
:title="record.designDeliverableTemplateName" <!-- :title="record.designDeliverableTemplateName"-->
@click="pdfPreviewClick(record.designDeliverableTemplateName,record.designDeliverableTemplate)"> <!-- @click="pdfPreviewClick(record.designDeliverableTemplateName,record.designDeliverableTemplate)">-->
{{ record.designDeliverableTemplateName.length > 10 ? record.designDeliverableTemplateName.slice(0, 9) + '...' :record.designDeliverableTemplateName}} <!-- {{ record.designDeliverableTemplateName.length > 10 ? record.designDeliverableTemplateName.slice(0, 9) + '...' :record.designDeliverableTemplateName}}-->
</a> <!-- </a>-->
<a v-else-if="record.designDeliverableTemplate && record.designDeliverableTemplate.split(',').length > 1" <!-- <a v-else-if="record.designDeliverableTemplate && record.designDeliverableTemplate.split(',').length > 1"-->
@click="clickButtonToUpload(record.designDeliverableTemplate)">{{$t('viewFile')}}</a> <!-- @click="clickButtonToUpload(record.designDeliverableTemplate)">{{$t('viewFile')}}</a>-->
<span v-else>--</span> <span v-else>--</span>
</span> </span>
<span slot="prehomoDeliverableTemplateName" slot-scope="text,record"> <span slot="prehomoDeliverableTemplateName" slot-scope="text,record">
<span :title="record.prehomoDeliverableTypeName">{{record.prehomoDeliverableTypeName}}</span><br <span :title="record.prehomoDeliverableTypeName">{{record.prehomoDeliverableTypeName}}</span><br
v-if="record.prehomoDeliverableTypeName"> v-if="record.prehomoDeliverableTypeName">
<a v-if="record.prehomoDeliverableTemplate && record.prehomoDeliverableTemplate.split(',').length == 1" <!-- <a v-if="record.prehomoDeliverableTemplate && record.prehomoDeliverableTemplate.split(',').length == 1"-->
:title="record.prehomoDeliverableTemplateName" <!-- :title="record.prehomoDeliverableTemplateName"-->
@click="pdfPreviewClick(record.prehomoDeliverableTemplateName,record.prehomoDeliverableTemplate)"> <!-- @click="pdfPreviewClick(record.prehomoDeliverableTemplateName,record.prehomoDeliverableTemplate)">-->
{{ record.prehomoDeliverableTemplateName.length > 10 ? record.prehomoDeliverableTemplateName.slice(0, 9) + '...' :record.prehomoDeliverableTemplateName}} <!-- {{ record.prehomoDeliverableTemplateName.length > 10 ? record.prehomoDeliverableTemplateName.slice(0, 9) + '...' :record.prehomoDeliverableTemplateName}}-->
</a> <!-- </a>-->
<a v-else-if="record.prehomoDeliverableTemplate && record.prehomoDeliverableTemplate.split(',').length > 1" <!-- <a v-else-if="record.prehomoDeliverableTemplate && record.prehomoDeliverableTemplate.split(',').length > 1"-->
@click="clickButtonToUpload(record.prehomoDeliverableTemplate)">{{$t('viewFile')}}</a> <!-- @click="clickButtonToUpload(record.prehomoDeliverableTemplate)">{{$t('viewFile')}}</a>-->
<span v-else>--</span> <span v-else>--</span>
</span> </span>
<span slot="verifyDeliverableTemplateName" slot-scope="text,record"> <span slot="verifyDeliverableTemplateName" slot-scope="text,record">
<span :title="record.verifyDeliverableTypeName">{{record.verifyDeliverableTypeName}}</span><br <span :title="record.verifyDeliverableTypeName">{{record.verifyDeliverableTypeName}}</span><br
v-if="record.verifyDeliverableTypeName"> v-if="record.verifyDeliverableTypeName">
<a v-if="record.verifyDeliverableTemplate && record.verifyDeliverableTemplate.split(',').length == 1" <!-- <a v-if="record.verifyDeliverableTemplate && record.verifyDeliverableTemplate.split(',').length == 1"-->
:title="record.verifyDeliverableTemplateName" <!-- :title="record.verifyDeliverableTemplateName"-->
@click="pdfPreviewClick(record.verifyDeliverableTemplateName,record.verifyDeliverableTemplate)"> <!-- @click="pdfPreviewClick(record.verifyDeliverableTemplateName,record.verifyDeliverableTemplate)">-->
{{ record.verifyDeliverableTemplateName.length > 10 ? record.verifyDeliverableTemplateName.slice(0, 9) + '...' :record.verifyDeliverableTemplateName}} <!-- {{ record.verifyDeliverableTemplateName.length > 10 ? record.verifyDeliverableTemplateName.slice(0, 9) + '...' :record.verifyDeliverableTemplateName}}-->
</a> <!-- </a>-->
<a v-else-if="record.verifyDeliverableTemplate && record.verifyDeliverableTemplate.split(',').length > 1" <!-- <a v-else-if="record.verifyDeliverableTemplate && record.verifyDeliverableTemplate.split(',').length > 1"-->
@click="clickButtonToUpload(record.verifyDeliverableTemplate)">{{$t('viewFile')}}</a> <!-- @click="clickButtonToUpload(record.verifyDeliverableTemplate)">{{$t('viewFile')}}</a>-->
<span v-else>--</span> <span v-else>--</span>
</span> </span>
</a-table> </a-table>
@@ -963,14 +963,14 @@
} }
.title-text { .title-text {
width: 36px; width: 110px;
color: #000F16; color: #000F16;
display: inline-block; display: inline-block;
font-weight: 500; font-weight: 500;
font-size: 14px; font-size: 14px;
margin-right: 16px; margin-right: 16px;
margin-top: 3px; margin-top: 3px;
text-align: left; text-align: right;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;