zydx-plus 1.33.418 → 1.33.420

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zydx-plus",
-  "version": "1.33.418",
+  "version": "1.33.420",
   "description": "Vue.js",
   "main": "src/index.js",
   "files": [

package/src/components/tipBox/src/main.vue

@@ -59,6 +59,16 @@
                          v-model="item.value" :disabled="item.disabled"/>
                   <b>{{ item.tail }}</b>
                 </div>
+                <div class="input-name" v-if="item.type === 'query'">
+                  <div class="number-input">
+                    <input type="text"
+                           :placeholder="item.placeholder"
+                           v-model="item.value" @input="queryDrop($event,item)" />
+                  </div>
+                  <div class="drop-down" v-if="dropData.length > 0">
+                    <p @click="dropTap(item,item3)" v-for="item3 in dropData">{{ item3[item.column] }}</p>
+                  </div>
+                </div>
                 <div class="input-name" v-if="item.type === 'textarea'">
                   <div style="width: 300px;height: 100px; text-align: left;font-size: 16px;">
                     <zydx-textarea
@@ -134,7 +144,8 @@ export default {
       fileName: '',
       middles: this.middle,
       indent: false,
-      timeo: 0
+      timeo: 0,
+      dropData: []
     }
   },
   props: {
@@ -226,6 +237,20 @@ export default {
     clearInterval(timeStop)
   },
   methods: {
+    dropTap(e,v) {
+      e.value = v[e.column]
+      this.dropData = []
+    },
+    queryDrop(e,v) {
+      const value = e.target.value
+      if(value === '') {
+        this.dropData = []
+        return
+      }
+      this.dropData = v.data.filter((x) => {
+        return x[v.column].indexOf(value) > -1;
+      });
+    },
     getTextareaContent() {
       return  _that.$refs.textarea[0].getContent()
     },

package/src/components/tipBox/src/zydxStyle.css

@@ -262,7 +262,29 @@
     box-shadow: 0 1px 0 1px rgb(0 0 0 / 4%);
     overflow: hidden;
 }
-
+.drop-down{
+    position: absolute;
+    top: 32px;
+    left: 0;
+    width: 100%;
+    border-left: 1px solid #ccc;
+    border-right: 1px solid #ccc;
+    border-bottom: 1px solid #ccc;
+    z-index: 10;
+    background-color: #fff;
+    padding: 0 10px;
+    max-height: 300px;
+    overflow: auto;
+}
+.drop-down>p{
+    text-align: left;
+    padding: 5px 0;
+    font-size: 14px;
+    cursor: pointer;
+}
+.drop-down>p:hover {
+    color: #dc231d;
+}
 .number-input > input {
     border: 0 !important;
     box-shadow: none !important;

package/src/components/tree/src/tree.vue

@@ -21,7 +21,7 @@ export default {
       default: () => []
     },
     /**
-     ** 
+     **
      ** 是否开启手风琴模式
      */
     accordian: {
@@ -29,7 +29,7 @@ export default {
       default: false
     },
     /**
-    ** 
+    **
     ** 选中时的颜色
      */
     active_color: {
@@ -37,7 +37,7 @@ export default {
       default: 'red'
     },
     /**
-    ** 
+    **
     ** 下边框样式
     */
     border: {
@@ -49,7 +49,7 @@ export default {
       default: '30px'
     },
     /**
-     **    
+     **
      */
     default_expand_key: {
       type: Array,
@@ -139,10 +139,13 @@ export default {
         </div>
       </template>
       <template v-if="tree.icon">
-        <template v-if="['svg', 'image'].includes(tree.icon.type)">
+        <template v-if="['svg'].includes(tree.icon.type)">
           <span class="tree_icon"
                 v-html="tree.icon.value"></span>
         </template>
+        <template v-else-if="['image'].includes(tree.icon.type)">
+          <span class="tree_icon"><img :src="tree.icon.value"></span>
+        </template>
         <template v-else>
           <i :class="`iconfont tree_icon ${tree.icon.value}`"></i>
         </template>
@@ -241,6 +244,10 @@ export default {
   align-items: center;
   justify-content: center;
 }
+.tree_icon img {
+  height: 100%;
+  width: 100%;
+}
 
 .tree_text {
   font-size: 16px;

package/src/index.js

@@ -83,7 +83,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.33.418',
+    version: '1.33.420',
     install,
     Calendar,
     Message,