zydx-plus 1.33.417 → 1.33.419

package/package.json

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

package/src/components/editor2/src/editor.vue

@@ -1,7 +1,8 @@
 <template>
   <div :style="heightStyle" class="edit">
-    <div class="ed-head">
-      <div class="ed-title" v-if="titleShow" :style="titleStyle" v-html="title"></div>
+    <div :class="{'ed-head': !titleVertical, 'ed-head-vertical': titleVertical}">
+      <div v-if="titleShow && titleVertical" :style="titleStyle" v-html="title"></div>
+      <div class="ed-title" v-if="titleShow && !titleVertical" :style="titleStyle" v-html="title"></div>
       <div class="ed-but" v-if="readOnly">
         <div class="ed-head-but" v-for="(item,index) in toolbar">
           <button v-if="item.key === 'but'" class="buts" @click="item.onClick(item,info)"
@@ -207,6 +208,10 @@ export default {
     this.ws = null
   },
   props: {
+    titleVertical: {
+      type: Boolean,
+      default: false
+    },
     data: {
       type: Object,
       default: () => {
@@ -984,7 +989,12 @@ export default {
 .ed-head-but label span {
   line-height: 16px !important;
 }
-
+.ed-head-vertical{
+  overflow: hidden;
+}
+.ed-head-vertical .ed-but{
+  float: right;
+}
 .ed-title {
   flex: 1;
   text-align: left;
@@ -1053,7 +1063,6 @@ export default {
 .ed-head {
   text-align: right;
 }
-
 .buts {
   margin-left: 1px;
   font-size: 12px;

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.417',
+    version: '1.33.419',
     install,
     Calendar,
     Message,