zydx-plus 1.33.418 → 1.33.419

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zydx-plus",
-  "version": "1.33.418",
+  "version": "1.33.419",
   "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/index.js

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