| | |
| | | <el-button v-if="!readOnly" plain size="mini" type="primary" @click="clearValue">清空值</el-button> |
| | | <el-button v-if="!readOnly" plain size="mini" type="primary" @click="delAll">删除全部条件</el-button> |
| | | </div> |
| | | <div v-if="radioForm==0" style="height: 220px;text-align: center;" @drop="drop" @dragover.prevent> |
| | | <div v-if="radioForm==0" style="height: calc(100% - 75px);text-align: center;" @drop="drop" @dragover.prevent> |
| | | <div v-for="(condition,index) in conditionList" :key="index" class="el-input--small" |
| | | style="margin-bottom: 5px; text-align:left"> |
| | | <span :title="condition.clause" |
| | | style="width: 200px;display: inline-block;text-align: right">{{ condition.clause }}</span> |
| | | style="width: 32%;display: inline-block;text-align: right;word-break: break-all">{{ condition.clause }}</span> |
| | | <avue-select v-model="condition.operator" :clearable="false" :dic="condition.operatorDic" :disabled="readOnly" |
| | | style="width: 80px;margin: 0 5px;" type="tree"></avue-select> |
| | | <el-date-picker v-if="condition.type=='VTDate'" v-model="condition.ordinaryValue" :disabled="readOnly" |
| | | <!--<el-date-picker v-if="condition.type=='VTDate'" v-model="condition.ordinaryValue" :disabled="readOnly" |
| | | style="width:300px;margin-right: 5px;display: inline-block;" type="date" |
| | | value-format="YYYY-MM-DD"> |
| | | </el-date-picker> |
| | |
| | | :disabled="readOnly" |
| | | style="width:300px;margin-right: 5px;display: inline-block;"></avue-input-number> |
| | | <avue-input v-else v-model="condition.ordinaryValue" :disabled="readOnly" placeholder="" |
| | | style="width: 300px;margin-right: 5px;"></avue-input> |
| | | style="width: 300px;margin-right: 5px;"></avue-input>--> |
| | | <avue-input v-model="condition.ordinaryValue" :disabled="readOnly" placeholder="" |
| | | style="width: 36%;margin-right: 5px;"></avue-input> |
| | | <el-button v-if="!readOnly" plain size="mini" type="primary" @click="checkTemp(index)">选择查询模板</el-button> |
| | | <el-button v-if="!readOnly" icon="el-icon-delete" size="mini" style="padding: 7px 8px" type="danger" |
| | | @click="delCondition(index)"></el-button> |
| | |
| | | }, |
| | | searchColumn: { |
| | | type: Array, |
| | | default: [] |
| | | default: [ |
| | | { |
| | | label: 'OID', |
| | | prop: 'OID', |
| | | }, |
| | | { |
| | | label: 'CREATOR', |
| | | prop: 'CREATOR' |
| | | }, |
| | | { |
| | | label: 'CREATETIME', |
| | | prop: 'CREATETIME' |
| | | }, |
| | | ] |
| | | }, |
| | | }, |
| | | data() { |
| | |
| | | let list = []; |
| | | let that = this; |
| | | let getValue = function (queryTemplate, item) { |
| | | for (let key in queryTemplate.condition.cIMap) { |
| | | if (queryTemplate.condition.cIMap[key].leaf) { |
| | | item.clause += '.' + queryTemplate.condition.cIMap[key].leafInfo.clause; |
| | | if (queryTemplate.condition.cIMap[key].leafInfo.value.queryTemplate) { |
| | | getValue(queryTemplate.condition.cIMap[key].leafInfo.value.queryTemplate, item) |
| | | } else { |
| | | item.ordinaryValue = queryTemplate.condition.cIMap[key].leafInfo.value.ordinaryValue; |
| | | item.type = queryTemplate.condition.cIMap[key].leafInfo.type; |
| | | if (['VTInteger', 'VTDouble', 'VTLong'].includes(item.type)) { |
| | | item.operatorDic = that.operatorIntDic; |
| | | } else if (['VTDateTime', 'VTDate', 'VTTime'].includes(item.type)) { |
| | | item.operatorDic = that.operatorDateDic; |
| | | if(queryTemplate.id.indexOf('qt_')==0){ |
| | | item.clause += '.' + queryTemplate.condition.cIMap['ci1'].leafInfo.clause; |
| | | item.ordinaryValue = queryTemplate.condition.cIMap['ci1'].leafInfo.value.ordinaryValue; |
| | | item.type = queryTemplate.condition.cIMap['ci1'].leafInfo.type; |
| | | }else { |
| | | item.ordinaryValue = queryTemplate.id+';'+queryTemplate.clauseList.join(','); |
| | | /*for (let key in queryTemplate.condition.cIMap) { |
| | | if (queryTemplate.condition.cIMap[key].leaf) { |
| | | item.clause += '.' + queryTemplate.condition.cIMap[key].leafInfo.clause; |
| | | if (queryTemplate.condition.cIMap[key].leafInfo.value.queryTemplate) { |
| | | getValue(queryTemplate.condition.cIMap[key].leafInfo.value.queryTemplate, item) |
| | | } else { |
| | | item.operatorDic = that.operatorDic; |
| | | item.ordinaryValue = queryTemplate.condition.cIMap[key].leafInfo.value.ordinaryValue; |
| | | item.type = queryTemplate.condition.cIMap[key].leafInfo.type; |
| | | } |
| | | } |
| | | } |
| | | }*/ |
| | | } |
| | | if (['VTInteger', 'VTDouble', 'VTLong'].includes(item.type)) { |
| | | item.operatorDic = that.operatorIntDic; |
| | | } else if (['VTDateTime', 'VTDate', 'VTTime'].includes(item.type)) { |
| | | item.operatorDic = that.operatorDateDic; |
| | | } else { |
| | | item.operatorDic = that.operatorDic; |
| | | } |
| | | } |
| | | for (let key in val.cIMap) { |
| | |
| | | operatorDic: [] |
| | | } |
| | | if (this.queryCondition.cIMap[key].leafInfo.value.queryTemplate) { |
| | | getValue(this.queryCondition.cIMap[key].leafInfo.value.queryTemplate, item) |
| | | getValue(this.queryCondition.cIMap[key].leafInfo.value.queryTemplate, item) |
| | | } else { |
| | | item.ordinaryValue = this.queryCondition.cIMap[key].leafInfo.value.ordinaryValue; |
| | | item.type = this.queryCondition.cIMap[key].leafInfo.type; |
| | |
| | | return item |
| | | }, |
| | | handleDragEnd(draggingNode, dropNode, dropType, ev) { |
| | | debugger; |
| | | console.log('tree drag end: ', dropNode && dropNode.label, dropType); |
| | | }, |
| | | handleDragOver({event}) { |
| | |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | ::v-deep .el-input--small .el-input__inner { |
| | | height: 28px; |
| | | line-height: 28px; |
| | | <style lang="scss" scoped> |
| | | ::v-deep { |
| | | .el-input--small .el-input__inner { |
| | | height: 28px; |
| | | line-height: 28px; |
| | | } |
| | | |
| | | .el-radio { |
| | | margin-right: 30px; |
| | | } |
| | | } |
| | | </style> |