| | |
| | | width="55vw" |
| | | style="height: 115vh; margin-top: -10vh; overflow: hidden" |
| | | :visible.sync="isShowDialog" |
| | | @close="recoverPage" |
| | | destroy-on-close> |
| | | @close="recoverPage"> |
| | | <div class="search-total"> |
| | | <!-- 头部按钮区域 --> |
| | | <div slot="title" class="dialog-search-button"> |
| | |
| | | <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"> |
| | |
| | | </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" |
| | |
| | | :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="选择日期"> |
| | |
| | | v-else-if="item.fieldType==='refer'" |
| | | :referConfig="item.referConfigData || {}" |
| | | :value="searchFormArrays[index].fieldValue" |
| | | :disabled="item.referConfig.showField" |
| | | :display="item.display" |
| | | :text="item.showField" |
| | | :display="!item.hidden" |
| | | @setReferValue="setReferValue"> |
| | | </vci-web-refer> |
| | | </div> |
| | |
| | | label: "不等于", |
| | | } |
| | | ], |
| | | // 参照类型的条件数组 |
| | | referSearchConditions: [ |
| | | { |
| | | value: "_equal", |
| | | label: "等于", |
| | | },{ |
| | | value: "_notequal", |
| | | label: "不等于", |
| | | },{ |
| | | value: "_like", |
| | | label: "包含", |
| | | },{ |
| | | value: "_notlike", |
| | | label: "不包含", |
| | | } |
| | | ], |
| | | // 字段类型是日期 |
| | | dateConditions: [ |
| | | { |
| | |
| | | }) |
| | | } |
| | | }else if(item.fieldType==='refer'){ |
| | | item = Object.assign(item,{referConfigData:{ |
| | | this.$set(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); |
| | | options: Object.assign(item.referConfig,{width:'100%'}), |
| | | }) |
| | | //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(""), |
| | | fieldValue: item.fieldType==='truefalse' ? Boolean(false):String(''), |
| | | } |
| | | this.searchFormArrays.push(add) |
| | | }); |
| | | console.log(this.initOptions); |
| | | //console.log(this.initOptions); |
| | | //console.log(this.searchFormArrays); |
| | | } |
| | | }, |
| | |
| | | // if(data.field) { |
| | | |
| | | // } |
| | | //console.log(data); |
| | | console.log(data); |
| | | }, |
| | | |
| | | // 属性切换时查询条件和查询值也需要对输入框进行切换 |
| | |
| | | } |
| | | } |
| | | // 查询条件没有出现重复属性,并且过滤掉了空值,就传递给父组件 |
| | | // console.log(condtionParam); |
| | | console.log(condtionParam); |
| | | this.$emit('echoContion',condtionParam) |
| | | this.isShowDialog = false; |
| | | }, |