From 9917e97580a9c43b88aba553776a54f33a11c9d2 Mon Sep 17 00:00:00 2001
From: wangting <675591594@qq.com>
Date: 星期一, 28 十月 2024 18:12:03 +0800
Subject: [PATCH] 修改bug

---
 Source/plt-web/plt-web-ui/src/views/modelingMenu/queryTemplate/linkTypeQuery/formQueryDialog.vue |  178 ++++++++++++++++++++++++++++++++++++----------------------
 1 files changed, 110 insertions(+), 68 deletions(-)

diff --git a/Source/plt-web/plt-web-ui/src/views/modelingMenu/queryTemplate/linkTypeQuery/formQueryDialog.vue b/Source/plt-web/plt-web-ui/src/views/modelingMenu/queryTemplate/linkTypeQuery/formQueryDialog.vue
index 677e8bd..612fa18 100644
--- a/Source/plt-web/plt-web-ui/src/views/modelingMenu/queryTemplate/linkTypeQuery/formQueryDialog.vue
+++ b/Source/plt-web/plt-web-ui/src/views/modelingMenu/queryTemplate/linkTypeQuery/formQueryDialog.vue
@@ -1,33 +1,34 @@
 <template>
   <div style="padding: 0 10px">
     <div style="text-align: center;margin-bottom: 10px">
-      <avue-radio v-model="radioForm"  :dic="radioDic" style="margin: 0 20px 0 0;display: inline-block"></avue-radio>
-      <el-button  plain size="mini" type="primary" @click="clearValue">娓呯┖鍊�</el-button>
-      <el-button  plain size="mini" type="primary" @click="delAll">鍒犻櫎鍏ㄩ儴鏉′欢</el-button>
+      <avue-radio v-model="radioForm" :disabled ="readOnly" :dic="radioDic" style="margin: 0 20px 0 0;display: inline-block"></avue-radio>
+      <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" @drop="drop" @dragover.prevent style="height: 220px;text-align: center;">
       <div v-for="(condition,index) in conditionList" :key="index" class="el-input--small" style="margin-bottom: 5px; text-align:left">
         <span style="width: 200px;display: inline-block;text-align: right" :title="condition.clause">{{condition.clause}}</span>
-        <avue-select v-model="condition.operator" type="tree" :dic="condition.operatorDic" :clearable="false" style="width: 80px;margin: 0 5px;"></avue-select>
-        <el-date-picker v-if="condition.type=='VTDate'" v-model="condition.ordinaryValue" style="width:300px;margin-right: 5px;display: inline-block;" value-format="YYYY-MM-DD"
+        <avue-select :disabled ="readOnly" v-model="condition.operator" type="tree" :dic="condition.operatorDic" :clearable="false" style="width: 80px;margin: 0 5px;"></avue-select>
+        <el-date-picker :disabled ="readOnly" v-if="condition.type=='VTDate'" v-model="condition.ordinaryValue" style="width:300px;margin-right: 5px;display: inline-block;" value-format="YYYY-MM-DD"
                         type="date">
         </el-date-picker>
-        <el-date-picker v-else-if="condition.type=='VTDateTime'" v-model="condition.ordinaryValue" style="width:300px;margin-right: 5px;display: inline-block;"
+        <el-date-picker :disabled ="readOnly" v-else-if="condition.type=='VTDateTime'" v-model="condition.ordinaryValue" style="width:300px;margin-right: 5px;display: inline-block;"
                         type="datetime">
         </el-date-picker>
-        <el-time-select v-else-if="condition.type=='VTTime'" v-model="condition.ordinaryValue" value-format="HH:mm:ss" style="width:300px;margin-right: 5px;display: inline-block;">
+        <el-time-select :disabled ="readOnly" v-else-if="condition.type=='VTTime'" v-model="condition.ordinaryValue" value-format="HH:mm:ss" style="width:300px;margin-right: 5px;display: inline-block;">
         </el-time-select>
-        <avue-input-number v-else-if="condition.type=='VTInteger'" precision="0" v-model="condition.ordinaryValue" style="width:300px;margin-right: 5px;display: inline-block;"></avue-input-number>
-        <avue-input-number v-else-if="condition.type=='VTLong' || condition.type=='VTDouble'" v-model="condition.ordinaryValue" style="width:300px;margin-right: 5px;display: inline-block;"></avue-input-number>
-        <avue-input v-else v-model="condition.ordinaryValue" placeholder="" style="width: 300px;margin-right: 5px;"></avue-input>
-        <el-button  plain size="mini" type="primary" @click="checkTemp(index)">閫夋嫨鏌ヨ妯℃澘</el-button>
-        <el-button  size="mini" type="danger" icon="el-icon-delete" @click="delCondition(index)" style="padding: 7px 8px"></el-button>
+        <avue-input-number :disabled ="readOnly" v-else-if="condition.type=='VTInteger'" precision="0" v-model="condition.ordinaryValue" style="width:300px;margin-right: 5px;display: inline-block;"></avue-input-number>
+        <avue-input-number :disabled ="readOnly" v-else-if="condition.type=='VTLong' || condition.type=='VTDouble'" v-model="condition.ordinaryValue" style="width:300px;margin-right: 5px;display: inline-block;"></avue-input-number>
+        <avue-input :disabled ="readOnly" v-else v-model="condition.ordinaryValue" placeholder="" style="width: 300px;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"  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">
-      <avue-tree ref="tree" @node-drop="handleDrop" style="height: 220px" :data="treeData" :option="treeOption"  @node-click="nodeClick" node-key="value"></avue-tree>
+    <div v-else @drop="drop" @dragover.prevent style="height: 220px;text-align: left">
+      <avue-tree ref="tree" @node-drag-end="handleDragEnd" @node-drag-leave="handleDragLeave"  @node-drag-over="handleDragOver"
+                  style="height: 220px" :data="treeData" :option="treeOption"  @node-click="nodeClick" node-key="value"></avue-tree>
     </div>
-    <div style="text-align: right;margin-top: 10px;">
+    <div v-if="!readOnly" style="text-align: right;margin-top: 10px;">
       <el-button v-if="radioForm==1"  plain size="mini" type="primary" @click="addHandler">澧炲姞閫昏緫</el-button>
       <el-button v-if="radioForm==1"  plain size="mini" type="primary" @click="editHandler">淇敼鏉′欢</el-button>
       <el-button v-if="radioForm==1"  plain size="mini" type="primary" @click="delHandler">鍒犻櫎</el-button>
@@ -35,6 +36,7 @@
       <el-button  plain size="mini" type="primary" @click="">鍙栨秷</el-button>
     </div>
 
+    <!--淇敼鏉′欢-->
     <el-dialog v-dialogDrag
                :title="dialog.title"
                :visible.sync="dialog.showDialog"
@@ -92,6 +94,7 @@
         <el-button size="small" @click="cancleQueryDialog">鍙� 娑�</el-button>
       </div>
     </el-dialog>
+    <!--鏌ヨ-->
     <el-dialog v-dialogDrag
                :title="queryResultDialog.title"
                :visible.sync="queryResultDialog.showDialog"
@@ -100,7 +103,7 @@
                class="avue-dialog"
                :destroy-on-close="true"
                :close-on-click-modal="false"
-               @close="queryResultDialog.showDialog='false'">
+               @close="queryResultDialog.showDialog=false">
       <div class="el-input--small">
         <avue-crud  ref="crud" :data="resultData" :option="resultOption"
                     :table-loading="queryResultDialog.loading">
@@ -114,7 +117,7 @@
 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: {
@@ -129,6 +132,10 @@
     levelFlag:{
       type: Number,
       default: 0
+    },
+    readOnly:{
+      type:Boolean,
+      default:false
     }
   },
   data() {
@@ -374,11 +381,38 @@
               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(item.column.indexOf('not in')!=-1){
+                    operator='not in';
+                    if(values.length>3){
+                      inputValue=values[3];
+                    }
+                  }else{
+                    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({
@@ -424,36 +458,60 @@
       const data = JSON.parse(event.dataTransfer.getData('item'));
       if (this.radioForm == 0) {
         const params = {
-          clause: data.value,
+          clause: data.name,
           operator: '=',
           ordinaryValue: ''
         }
-        if (data.atttributes.vtDataType == 'VTInteger' || data.atttributes.vtDataType == 'VTDouble' || data.atttributes.vtDataType == 'VTLong') {
+        if (data.vtDataType == 'VTInteger' || data.vtDataType == 'VTDouble' || data.vtDataType == 'VTLong') {
           params.operatorDic =JSON.parse(JSON.stringify(this.operatorIntDic)) ;
-        } else if (data.atttributes.vtDataType == 'VTDateTime' || data.atttributes.vtDataType == 'VTDate' || data.atttributes.vtDataType == 'VTTime') {
+        } else if (data.vtDataType == 'VTDateTime' || data.vtDataType == 'VTDate' || data.vtDataType == 'VTTime') {
           params.operatorDic = JSON.parse(JSON.stringify(this.operatorDateDic))
         } else {
           params.operatorDic = JSON.parse(JSON.stringify(this.operatorDic))
         }
-        params.type=data.atttributes.vtDataType;
+        params.type=data.vtDataType;
         this.conditionList.push(params)
-      }else {debugger;
+      }else {
         if (this.clickNode.label != '骞朵笖' && this.clickNode.label != '鎴栬��') {
           this.$message.error('璇烽�変腑閫昏緫鏉′欢娣诲姞鏌ヨ椤�');
           return;
         }
-        this.treeIndex++;
-        this.$refs.tree.append({
-          label: data.value,
-          value: data.value + this.treeIndex,
-          valueIndex: 'v' + this.treeIndex,
-          children: []
-        }, this.clickNode);
+        this.$refs.tree.append(this.initItem(data), this.clickNode);
       }
     },
-    handleDrop(draggingNode, dropNode, dropType, ev) {
+    initItem(data){
+      this.treeIndex++;
+      let item={
+        label: data.name,
+        value: data.name + this.treeIndex,
+        valueIndex: 'v' + this.treeIndex,
+        type:data.vtDataType,
+        children: [],
+        inputValue:'',
+        operator:'=',
+        showLabel:data.name
+      };
+      let showLabel='';
+      if(data.name.indexOf('.')!=-1){
+        const labels=data.name.split('.')
+        showLabel=labels[labels.length-1];
+      }else {
+        showLabel=data.name;
+      }
+      item.showLabel=showLabel;
+      return item
+    },
+    handleDragEnd(draggingNode, dropNode, dropType, ev) {
       debugger;
-      console.log('tree drop: ', dropNode.label, dropType);
+      console.log('tree drag end: ', dropNode && dropNode.label, dropType);
+    },
+    handleDragOver({event}) {
+      // 闃绘榛樿浜嬩欢锛屽厑璁告斁缃�
+      event.preventDefault();
+    },
+    handleDragLeave({event}) {
+      // 娓呴櫎鏀剧疆鏁堟灉
+      event.preventDefault();
     },
     //鍒犻櫎鏅�氭煡璇㈡潯浠�
     delCondition(index) {
@@ -478,9 +536,13 @@
         if(node.children){
           this.clearTreeValue(node.children)
         }else {
-          let values=node.label.split(' ');
-          if(values.length>2){
-            node.label=values[0]+' '+values[1];
+          if(node.label.indexOf('not in')!=-1){
+            node.label=node.label.split(' ')[0]+' not in'
+          }else {
+            let values = node.label.split(' ');
+            if (values.length > 2) {
+              node.label = values[0] + ' ' + values[1];
+            }
           }
         }
       })
@@ -535,24 +597,6 @@
         } 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 {
@@ -576,21 +620,7 @@
     },
     //鏌ヨ
     queryHandler(){
-      this.$parent.$parent.$parent.$parent.$refs.form.validate((valid) => {
-        if (valid) {
-          this.queryResultDialog.loading=true;
-          const formData=this.$parent.$parent.$parent.$parent.initFormData();
-          getCriteria(formData).then(res => {
-            if (res.data.success) {
-              this.resultData=res.data.data;
-              this.queryResultDialog.showDialog=true;
-              this.queryResultDialog.loading=false;
-            }
-          });
-        } else {
-          return false;
-        }
-      });
+      this.$emit('queryHandler');
     },
     //閫夋嫨鏌ヨ妯℃澘
     checkTemp(index) {
@@ -609,6 +639,18 @@
     submitDialog() {
       const values= this.clickNode.label.split(' ');
       this.clickNode.label = values[0]+' '+this.clickNode.operator+' '+this.clickNode.inputValue;
+      try{
+        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');
+        }
+      }catch (e) {
+
+      }
+
       this.dialog.showDialog = false;
     },
     //鑾峰彇鏌ヨ妯℃澘鍒楄〃

--
Gitblit v1.9.3