From b8ec2530b16d89056909ff2ececdf41340b51fff Mon Sep 17 00:00:00 2001 From: futian.liu <liufutianyoo@163.com> Date: 星期六, 02 十二月 2023 12:06:41 +0800 Subject: [PATCH] 部门分发详情,明细 --- admin-web/src/components/mySearch/SearchItem.vue | 34 ++++++++++++++++++---------------- 1 files changed, 18 insertions(+), 16 deletions(-) diff --git a/admin-web/src/components/mySearch/SearchItem.vue b/admin-web/src/components/mySearch/SearchItem.vue index cefc365..349caed 100644 --- a/admin-web/src/components/mySearch/SearchItem.vue +++ b/admin-web/src/components/mySearch/SearchItem.vue @@ -4,7 +4,7 @@ <el-input :type="item.inputType || 'text'" v-if="item.type === 'text'" - :placeholder="item.placeholder || ''" + :placeholder="item.placeholder || '璇疯緭鍏�'" @change="(e) => inputChange(e)" :clearable="true" v-model="val" @@ -15,9 +15,12 @@ <el-cascader v-model="val" v-if="item.type === 'cascader'" + :placeholder="item.placeholder || '璇烽�夋嫨'" :options="item.options" - :props="item.optionsConfig.props||{ checkStrictly: true,value: 'id' }" - :clearable="true" + :props="item.optionsConfig.props||{ checkStrictly: true,emitPath: false,value: 'id' }" + :show-all-levels="false" + filterable + clearable style="width: 150px" @change="(v) => this.$emit('change', v)" > @@ -25,9 +28,9 @@ <!-- 涓嬫媺--> <el-select v-if="item.type === 'select'" - :placeholder="item.placeholder || ''" + :placeholder="item.placeholder || '璇烽�夋嫨'" v-model="val" - show-search + filterable :multiple="item.multiple || false" :collapse-tags="item.collapseTags || false" :clearable="true" @@ -53,7 +56,7 @@ <!--鏃堕棿--> <el-time-select v-if="item.type === 'time-picker'" - :placeholder="item.placeholder || ''" + :placeholder="item.placeholder || '璇烽�夋嫨'" v-model="val" :clearable="true" style="width: 150px" @@ -65,7 +68,9 @@ v-model="val" type="year" :clearable="true" + :placeholder="item.placeholder || '璇烽�夋嫨'" style="width: 150px" + :value-format="item.format?item.format:'yyyy'" @change="(v) => panelChange(v, 'yyyy')" /> <!--鏈堥�夋嫨鍣�--> @@ -74,7 +79,9 @@ v-model="val" type="month" :clearable="true" + :placeholder="item.placeholder || '璇烽�夋嫨'" style="width: 150px" + :value-format="item.format?item.format:'yyyyMM'" @change="(v) => panelChange(v, 'yyyy-MM')" /> <!--鏃ラ�夋嫨鍣�--> @@ -83,7 +90,9 @@ v-model="val" type="date" :clearable="true" + :placeholder="item.placeholder || '璇烽�夋嫨'" style="width: 150px" + :value-format="item.format?item.format:'yyyyMMdd'" @change="(v) => panelChange(v, 'yyyy-MM-dd')" /> <!--鏃ユ湡甯︽椂闂撮�夋嫨鍣�--> @@ -92,6 +101,7 @@ v-model="val" type="datetime" :clearable="true" + :placeholder="item.placeholder || '璇烽�夋嫨'" style="width: 150px" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" @@ -102,7 +112,7 @@ v-if="item.type === 'datetimerange-picker'" v-model="val" style="width: 378px" - :placeholder="item.placeholder || ''" + :placeholder="item.placeholder || '璇烽�夋嫨'" type="datetimerange" :pickerOptions='pickerOptions' :disabled="item.disabled" @@ -115,7 +125,6 @@ </template> <script> -import {formatDates} from '@/utils/index'; import request from '@/utils/request'; function trim(str) { @@ -242,14 +251,7 @@ } }, panelChange(v, type) { - var info = null - if (v && this.item.type !== 'date-time-picker') { - info = formatDates(v, type) - } else { - info = v - } - this.val = info - this.$emit('change', info) + this.$emit('change', v) }, filterOption(input, option) { return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0; -- Gitblit v1.9.1