From b642788dda56b058e2a4c40a9c43e29a5db85865 Mon Sep 17 00:00:00 2001 From: 田源 <lastanimals@163.com> Date: 星期一, 14 八月 2023 09:35:28 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- Source/UBCS-WEB/src/components/advanced-query/advancedQuery.vue | 161 +++++++++++++++++++++++++++++++---------------------- 1 files changed, 94 insertions(+), 67 deletions(-) diff --git a/Source/UBCS-WEB/src/components/advanced-query/advancedQuery.vue b/Source/UBCS-WEB/src/components/advanced-query/advancedQuery.vue index 28c5d8a..eea22b8 100644 --- a/Source/UBCS-WEB/src/components/advanced-query/advancedQuery.vue +++ b/Source/UBCS-WEB/src/components/advanced-query/advancedQuery.vue @@ -10,8 +10,9 @@ width="55vw" style="height: 115vh; margin-top: -10vh; overflow: hidden" :visible.sync="isShowDialog" - @close="recoverPage" - destroy-on-close> + lock-scroll + :close-on-click-modal="false" + @close="recoverPage"> <div class="search-total"> <!-- 澶撮儴鎸夐挳鍖哄煙 --> <div slot="title" class="dialog-search-button"> @@ -52,8 +53,7 @@ <div class="grid-content"> <el-select placeholder="璇烽�夋嫨" v-model="searchFormArrays[index].condition"> <el-option - v-for="condition in item.fieldType==='text' || item.fieldType==='combox' ? - item.fieldType==='text' ? searchConditions:switchSearchConditions:dateConditions" + v-for="condition in item.conditions" :key="condition.value" :label="condition.label" :value="condition.value"> @@ -63,8 +63,8 @@ </el-col> <el-col :span="12"> <div class="grid-content"> - <el-input v-if="item.fieldType==='text' || item.fieldType===''" v-model="searchFormArrays[index].fieldValue" type="text" placeholder="璇疯緭鍏�" :display="item.display"></el-input> - <el-select v-else-if="item.fieldType==='combox'" v-model="searchFormArrays[index].fieldValue" placeholder="璇烽�夋嫨" :display="item.display"> + <el-input v-if="item.fieldType==='text' || item.fieldType===''" v-model="searchFormArrays[index].fieldValue" type="text" placeholder="璇疯緭鍏�"></el-input> + <el-select v-else-if="item.fieldType==='combox'" v-model="searchFormArrays[index].fieldValue" placeholder="璇烽�夋嫨"> <el-option v-for="option in item.data" :key="option.itemValue" @@ -72,8 +72,8 @@ :value="option.itemValue"> </el-option> </el-select> - <el-switch v-else-if="item.fieldType==='truefalse'" v-model="searchFormArrays[index].fieldValue" :display="item.display"></el-switch> - <el-date-picker v-else-if="item.fieldType==='datetime'" :display="item.display" + <el-switch v-else-if="item.fieldType==='truefalse'" v-model="searchFormArrays[index].fieldValue"></el-switch> + <el-date-picker v-else-if="item.fieldType==='datetime'" v-model="searchFormArrays[index].fieldValue" type="date" placeholder="閫夋嫨鏃ユ湡"> @@ -82,9 +82,9 @@ v-else-if="item.fieldType==='refer'" :referConfig="item.referConfigData || {}" :value="searchFormArrays[index].fieldValue" - :disabled="item.referConfig.showField" - :display="item.display" - @setReferValue="setReferValue"> + :text="item.showField" + :display="!item.hidden" + @setReferValue="val=>setReferValue(val,index)"> </vci-web-refer> </div> </el-col> @@ -148,6 +148,22 @@ label: "涓嶇瓑浜�", } ], + // 鍙傜収绫诲瀷鐨勬潯浠舵暟缁� + referSearchConditions: [ + { + value: "_equal", + label: "绛変簬", + },{ + value: "_notequal", + label: "涓嶇瓑浜�", + },{ + value: "_like", + label: "鍖呭惈", + },{ + value: "_notlike", + label: "涓嶅寘鍚�", + } + ], // 瀛楁绫诲瀷鏄棩鏈� dateConditions: [ { @@ -175,51 +191,76 @@ }, // 瀵硅瘽妗嗗唴瀹规覆鏌撻厤缃� options(){ - // 灏唎ptions閰嶇疆璧嬪�煎埌data涓殑option涓紝閬垮厤娣辨祬鎷疯礉鐨勯棶棰樻墍浠ラ渶瑕佽浆json涔嬪悗鍐嶈祴鍊� - const data = JSON.stringify(this.options); - this.initOptions = JSON.parse(data); - //console.log(this.initOptions); - this.initOptions.forEach((item,index) => { - if(item.fieldType==='combox') { - let enumCach = JSON.parse(localStorage.getItem(item.comboxKey)); - if(enumCach != null) { - item.data = enumCach; - }else { - getDictionary({code: item.comboxKey}).then(res=>{ - item.data = res.data.data; - localStorage.setItem(item.comboxKey,JSON.stringify(res.data.data)); - }) - } - }else if(item.fieldType==='refer'){ - item = Object.assign(item,{referConfigData:{ - title: item.referConfig.textField, - showField: item.showField || item.field, - field: item.field, - placeholder: item.inputTip || '', - options: item.referConfig, - }}) - //console.log(item.referConfigData.options.type); - //console.log(item); - } - let add = { - queryField: String(item.queryField), - condition: item.fieldType==='text' ? String("_like"):String("_equal"), - fieldValue: item.fieldType==='truefalse' ? Boolean(false):String(""), - } - this.searchFormArrays.push(add) - }); - console.log(this.initOptions); - //console.log(this.searchFormArrays); + this.initData(); } }, methods: { + initData(){ + // 灏唎ptions閰嶇疆璧嬪�煎埌data涓殑option涓紝閬垮厤娣辨祬鎷疯礉鐨勯棶棰樻墍浠ラ渶瑕佽浆json涔嬪悗鍐嶈祴鍊� + const data = JSON.stringify(this.options); + this.initOptions = JSON.parse(data); + //console.log(this.initOptions); + if(this.initOptions.length > 0){ + let array = []; + this.initOptions.forEach((item,index) => { + if(item.fieldType==='combox') { + let enumCach = JSON.parse(localStorage.getItem(item.comboxKey)); + if(enumCach != null) { + item.data = enumCach; + }else { + getDictionary({code: item.comboxKey}).then(res=>{ + item.data = res.data.data; + localStorage.setItem(item.comboxKey,JSON.stringify(res.data.data)); + }) + } + }else if(item.fieldType==='refer'){ + this.$set(item,"referConfigData",{ + title: item.title, + showField: item.showField || item.field, + field: item.field, + placeholder: item.inputTip || '', + options: Object.assign(item.referConfig,{width:"80%"}), + }) + //console.log(item.referConfigData.options); + //console.log(item); + } + // TODO: 杩欏効淇敼涓�涓嬪弬鐓х殑鏌ヨ鏉′欢 + let conditions = []; + if(item.fieldType==='text'){ + conditions = this.searchConditions; + }else if (item.fieldType==='combox'){ + conditions = this.dateConditions; + }else if (item.fieldType==='datetime') { + conditions = this.switchSearchConditions; + }else { + conditions = this.referSearchConditions; + } + // console.log(conditions); + this.$set(item,"conditions",conditions) + + let add = { + queryField: String(item.queryField), + condition: item.fieldType==='text' ? String("_like"):String("_equal"), + fieldValue: item.fieldType==='truefalse' ? Boolean(false):String(''), + } + array.push(add) + }); + this.searchFormArrays = array; + } + //console.log(this.initOptions); + //console.log(this.searchFormArrays); + }, + /** 涓哄弬鐓х被鍨嬫椂鍊奸�夋嫨涔嬪悗鐨勫鐞� */ - setReferValue(data){ - // if(data.field) { - - // } - //console.log(data); + setReferValue(data,index){ + // console.log(index); + if(data.field) { + this.searchFormArrays[index][data.fieldValue] = data.value || ''; + this.initOptions[index][data.showField] = data.text || ''; + } + // console.log(this.initOptions[index][data.showField]); + // console.log(data); }, // 灞炴�у垏鎹㈡椂鏌ヨ鏉′欢鍜屾煡璇㈠�间篃闇�瑕佸杈撳叆妗嗚繘琛屽垏鎹� @@ -255,20 +296,7 @@ }, // 閲嶇疆褰撳墠鐣岄潰鐨勮緭鍏ユ resetInput(){ - const data = JSON.stringify(this.options); - this.initOptions = JSON.parse(data); - let array = []; - this.initOptions.forEach((item,index) => { - let add = { - queryField: String(item.queryField), - condition:item.fieldType=='text' ? String("_like"):String("_equal"), - fieldValue: item.fieldType=='truefalse' ? Boolean(false):String(''), - } - array.push(add) - }); - this.searchFormArrays = array; - //console.log(this.initOptions); - //console.log(this.searchFormArrays); + this.initData(); }, // 鎭㈠椤甸潰 recoverPage(){ @@ -293,7 +321,7 @@ } } // 鏌ヨ鏉′欢娌℃湁鍑虹幇閲嶅灞炴�э紝骞朵笖杩囨护鎺変簡绌哄�硷紝灏变紶閫掔粰鐖剁粍浠� - // console.log(condtionParam); + console.log(condtionParam); this.$emit('echoContion',condtionParam) this.isShowDialog = false; }, @@ -364,6 +392,5 @@ .grid-content > .el-date-editor.el-input, .el-date-editor.el-input__inner{ width: 100%; } - </style> \ No newline at end of file -- Gitblit v1.9.3