| | |
| | | <el-button size="mini" type="danger" icon="el-icon-delete" @click="delCondition(index)" style="padding: 7px 8px"></el-button> |
| | | </div> |
| | | </div> |
| | | <div v-else style="height: 220px;text-align: left"> |
| | | <div v-else @drop="drop" @dragover.prevent style="height: 220px;text-align: left"> |
| | | <avue-tree ref="tree" @node-drop="handleDrop" style="height: 220px" :data="treeData" :option="treeOption" @node-click="nodeClick" node-key="value"></avue-tree> |
| | | </div> |
| | | <div style="text-align: right;margin-top: 10px;"> |
| | |
| | | <el-button plain size="mini" type="primary" @click="">取消</el-button> |
| | | </div> |
| | | |
| | | <!--修改条件--> |
| | | <el-dialog v-dialogDrag |
| | | :title="dialog.title" |
| | | :visible.sync="dialog.showDialog" |
| | |
| | | import basicOption from "@/util/basic-option"; |
| | | import {getAllQTs} from "@/api/queryTemplate/queryDefine"; |
| | | import {getCriteria} from "@/api/queryTemplate/linkTypeQuery"; |
| | | |
| | | import {dateFormat} from "@/util/date" |
| | | export default { |
| | | name: "formQueryDialog", |
| | | props: { |
| | |
| | | nodeChild.forEach((item,index)=>{ |
| | | that.treeIndex++; |
| | | if(item.column !=null && item.column != undefined){ |
| | | const values= item.column.split(' '); |
| | | let inputValue=''; |
| | | let operator=''; |
| | | let showLabel='' |
| | | if(values.length>1){ |
| | | operator=values[1]; |
| | | if(values.length>2){ |
| | | inputValue=values[2]; |
| | | } |
| | | } |
| | | if(values[0].indexOf('.')!=-1){ |
| | | const labels=values[0].split('.') |
| | | showLabel=labels[labels.length-1]; |
| | | }else { |
| | | showLabel=values[0]; |
| | | } |
| | | children.push({ |
| | | label:item.column, |
| | | value:item.column+that.treeIndex, |
| | | type:item.type, |
| | | valueIndex:'v'+that.treeIndex |
| | | valueIndex:'v'+that.treeIndex, |
| | | inputValue:inputValue, |
| | | operator:operator, |
| | | showLabel:showLabel |
| | | }) |
| | | }else { |
| | | children.push({ |
| | |
| | | } |
| | | params.type=data.atttributes.vtDataType; |
| | | this.conditionList.push(params) |
| | | }else {debugger; |
| | | }else { |
| | | if (this.clickNode.label != '并且' && this.clickNode.label != '或者') { |
| | | this.$message.error('请选中逻辑条件添加查询项'); |
| | | return; |
| | |
| | | } else if (this.clickNode.label == '或者') { |
| | | this.clickNode.label = '并且' |
| | | } else { |
| | | const values= this.clickNode.label.split(' '); |
| | | this.clickNode.inputValue=''; |
| | | if(values.length>1){ |
| | | this.clickNode.operator=values[1]; |
| | | if(values.length>2){ |
| | | if(['VTDateTime','VTDate','VTTime'].includes(this.clickNode.type)){ |
| | | this.clickNode.inputValue=new Date(values[2]); |
| | | }else { |
| | | this.clickNode.inputValue=values[2]; |
| | | } |
| | | } |
| | | } |
| | | if(values[0].indexOf('.')!=-1){ |
| | | const labels=values[0].split('.') |
| | | this.clickNode.showLabel=labels[labels.length-1]; |
| | | }else { |
| | | this.clickNode.showLabel=values[0]; |
| | | } |
| | | this.dialog.showDialog = true; |
| | | } |
| | | } else { |
| | |
| | | //查询条件保存 |
| | | submitDialog() { |
| | | const values= this.clickNode.label.split(' '); |
| | | if(['VTDateTime'].includes(this.clickNode.type)){ |
| | | this.clickNode.label = values[0]+' '+this.clickNode.operator+' '+dateFormat(this.clickNode.inputValue); |
| | | }else if(['VTDate'].includes(this.clickNode.type)){ |
| | | this.clickNode.label = values[0]+' '+this.clickNode.operator+' '+dateFormat(this.clickNode.inputValue ,'yyyy-MM-dd'); |
| | | }else if(['VTTime'].includes(this.clickNode.type)){ |
| | | this.clickNode.label = values[0]+' '+this.clickNode.operator+' '+dateFormat(this.clickNode.inputValue ,'hh:mm:ss'); |
| | | }else { |
| | | this.clickNode.label = values[0]+' '+this.clickNode.operator+' '+this.clickNode.inputValue; |
| | | } |
| | | this.dialog.showDialog = false; |
| | | }, |
| | | //获取查询模板列表 |