cloud-web-corejs 1.0.171 → 1.0.173

package/src/components/xform/form-render/container-item/tree-item.vue

@@ -2,16 +2,21 @@
   <container-item-wrapper :widget="widget">
     <div>
       <div class="tree-form">
-        <el-input
-          v-if="widget.options.filter"
-          :key="0"
-          :size="widget.options.size"
-          :placeholder="i18nt('designer.setting.enterForQuery')"
-          v-model="filterText"
-          class="txt"
-        >
-          <el-button slot="append" icon="el-icon-search"></el-button>
-        </el-input>
+        <template v-if="widget.options.filter">
+          <el-input
+            v-if="!widget.options.treeFilterType"
+            :key="0"
+            :size="widget.options.size"
+            :placeholder="i18nt('designer.setting.enterForQuery')"
+            v-model="filterText"
+            @change="handleFilterTextChange"
+            class="txt"
+          >
+            <el-button slot="append" icon="el-icon-search" @click="handleClickButton"></el-button>
+          </el-input>
+          <el-date-picker v-else-if="widget.options.treeFilterType==1" v-model="filterText" type="date" value-format="yyyy-MM-dd" @change="handleFilterTextChange" :placeholder="$t1('请输入日期')"></el-date-picker>
+        </template>
+
       </div>
       <div class="tree-btns"
            v-show="widget.options.selectClearAllNode && widget.options.showCheckBox || widget.options.expandRetractAllNode">
@@ -60,6 +65,7 @@
         @check="handleTreeNodeCheck"
         @check-change="handleCheckChange"
         :load="loadNode"
+        v-if="showTree"
       >
           <span class="custom-tree-node" slot-scope="{ node, data }">
             <span>{{ node.label }}</span>
@@ -128,6 +134,7 @@ export default {
         disabled: this.isDisabled,
         isLeaf: 'leaf'
       },
+      showTree:true
     };
   },
   computed: {
@@ -137,7 +144,9 @@ export default {
   },
   watch: {
     filterText(o) {
-      this.$refs.tree.filter(o);
+      if(!this.widget.options.disLocalFilter){
+          this.$refs.tree.filter(o);
+      }
     },
   },
   props: {
@@ -340,6 +349,18 @@ export default {
         loopDo();
       }
     },
+    handleClickButton(){
+      this.handleCustomEvent(this.widget.options.onFilterIconClick,["keyword"],[this.filterText])
+    },
+    handleFilterTextChange(val){
+      this.handleCustomEvent(this.widget.options.onFilterTextChange,["keyword"],[val])
+    },
+    reflushTree(){
+      this.showTree = false;
+      this.$nextTick(()=>{
+        this.showTree = true;
+      })
+    }
     /*loadDataFromDS(o = {}, e = "") {
       let n = e || this.widget.options.dsName,
         l = this.widget.options.dataSetName,