合并分支 'feature_dev_20221129_UI' 到 'master'

Feature dev 20221129 ui

查看合并请求 laws-nio/laws-weilai!274
This commit is contained in:
高嵩
2023-01-07 08:19:05 +08:00
7 changed files with 33 additions and 14 deletions
@@ -97,13 +97,13 @@
{ {
title: this.$t('NiONumber'), title: this.$t('NiONumber'),
dataIndex: 'nioNumber', dataIndex: 'nioNumber',
align: 'center', align: 'left',
width: 200, width: 200,
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('ParameterName'), title: this.$t('ParameterName'),
align: 'center', align: 'left',
dataIndex: 'paramsName', dataIndex: 'paramsName',
width: 200, width: 200,
ellipsis: true ellipsis: true
@@ -111,7 +111,7 @@
{ {
title: this.$t('areaOfResponsibility'), title: this.$t('areaOfResponsibility'),
dataIndex: 'dutyTerritory_dictText', dataIndex: 'dutyTerritory_dictText',
align: 'center', align: 'left',
width: 200, width: 200,
ellipsis: true ellipsis: true
} }
@@ -375,15 +375,24 @@
} }
.box-input { .box-input {
width: calc(100% - 168px); width: calc(100% - 183px);
margin-right: 8px; margin-right: 8px;
} }
.button-text { .button-text {
width: 73px; width: 88px;
overflow: hidden; overflow: hidden;
padding: 0 8px; padding: 0 8px;
box-sizing: border-box; //box-sizing: border-box;
float: right;
}
::v-deep .button-text span {
width: 64px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 4px;
} }
</style> </style>
<style> <style>
@@ -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>
@@ -96,6 +102,7 @@
props: ['url'], props: ['url'],
data() { data() {
return { return {
toggleSearchStatus: false,
visible: false, visible: false,
queryParam: {}, queryParam: {},
confirmLoading: false, confirmLoading: false,
@@ -164,6 +171,9 @@
}, },
methods: { methods: {
handleToggleSearch() {
this.toggleSearchStatus = !this.toggleSearchStatus
},
addModel() { addModel() {
this.visible = true this.visible = true
this.queryParam = {} this.queryParam = {}
@@ -301,7 +311,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;
@@ -90,12 +90,12 @@ export default {
{ {
title: this.$t('zoneOfApplication'), title: this.$t('zoneOfApplication'),
dataIndex: 'region_dictText', dataIndex: 'region_dictText',
align: 'center', align: 'left',
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('parameterTemplate'), title: this.$t('parameterTemplate'),
align: 'center', align: 'left',
dataIndex: 'paramsTemplateName', dataIndex: 'paramsTemplateName',
ellipsis: true ellipsis: true
} }
@@ -161,18 +161,18 @@
title: this.$t('entryName'), title: this.$t('entryName'),
dataIndex: 'projectName', dataIndex: 'projectName',
key: 'showArea', key: 'showArea',
align: 'center', align: 'left',
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('ListTitle'), title: this.$t('ListTitle'),
align: 'center', align: 'left',
dataIndex: 'title', dataIndex: 'title',
ellipsis: true ellipsis: true
}, },
{ {
title: this.$t('parameterTemplate'), title: this.$t('parameterTemplate'),
align: 'center', align: 'left',
dataIndex: 'paramsTemplateName', dataIndex: 'paramsTemplateName',
ellipsis: true, ellipsis: true,
scopedSlots: { customRender: 'parameterTemplateSlot' } scopedSlots: { customRender: 'parameterTemplateSlot' }
@@ -50,7 +50,7 @@
<div class="process-content-right-top" v-if="indexOne % 2 == 0" :title="val.name">{{val.name}}</div> <div class="process-content-right-top" v-if="indexOne % 2 == 0" :title="val.name">{{val.name}}</div>
<div class="process-content-right-button" v-if="indexOne % 2 == 1" :title="val.name">{{val.name}} <div class="process-content-right-button" v-if="indexOne % 2 == 1" :title="val.name">{{val.name}}
</div> </div>
<a-tooltip placement="topLeft"> <a-tooltip placement="topLeft" overlayClassName="tooltipColor">
<template slot="title"> <template slot="title">
<span>{{val.time.slice(0,11)}}</span> <span>{{val.time.slice(0,11)}}</span>
</template> </template>
@@ -86,7 +86,7 @@
<div class="process-content-right-top" v-if="indexOne % 2 == 0" :title="val.name">{{val.name}}</div> <div class="process-content-right-top" v-if="indexOne % 2 == 0" :title="val.name">{{val.name}}</div>
<div class="process-content-right-button" v-if="indexOne % 2 == 1" :title="val.name">{{val.name}} <div class="process-content-right-button" v-if="indexOne % 2 == 1" :title="val.name">{{val.name}}
</div> </div>
<a-tooltip placement="topLeft"> <a-tooltip placement="topLeft" overlayClassName="tooltipColor">
<template slot="title"> <template slot="title">
<span>{{val.time.slice(0,11)}}</span> <span>{{val.time.slice(0,11)}}</span>
</template> </template>