zydx-plus 1.17.76 → 1.17.78

package/package.json

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

package/src/components/biz_taskInfo/src/bizTaskInfo.vue

@@ -643,11 +643,6 @@
     align-items: center;
     justify-content: space-between;
 }
-
->>>.el-input__wrapper{
-        height: 30px;
-    }
-
 .el-select .el-input {
     width: 130px;
 }

package/src/components/dragPopup/src/dragPopup.vue

@@ -107,6 +107,8 @@ export default {
             this.isMove = false;
         },
         close() {
+            this.isMove = false
+            this.footIsMove = false
             this.$emit('close');
         }
     }
@@ -140,6 +142,7 @@ export default {
     z-index: 1;
     display: inline-block;
     cursor: ns-resize;
+    user-select: none;
 }
 .in{
     position: absolute;
@@ -150,6 +153,7 @@ export default {
     z-index: 1;
     display: inline-block;
     cursor: nwse-resize;
+    user-select: none;
 }
 .right{
     position: absolute;
@@ -160,6 +164,7 @@ export default {
     z-index: 1;
     display: inline-block;
     cursor: ew-resize;
+    user-select: none;
 }
 .drag-head i {
     position: absolute;
@@ -191,6 +196,7 @@ export default {
     color: #fff;
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;
+    user-select: none;
 }
 .drag-cont{
     height: calc(100% - 60px);

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

@@ -37,7 +37,7 @@ export default defineComponent({
     },
     readOnly: {
       type: Boolean,
-      default: true
+      default: false
     },
     butShow: {
       type: Boolean,
@@ -61,6 +61,11 @@ export default defineComponent({
     }
   },
   emits: ['confirm'],
+  watch: {
+    html() {
+       this.formData.html = this.html
+    }
+  },
   methods: {
     confirm() {
       this.syncContent() //强制同步数据

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

@@ -107,7 +107,13 @@ export default {
             default: false
         }
     },
-    emits: ['see','complete'],
+    emits: ['see','complete','update:data'],
+    watch:{
+        data(e) {
+            this.editor.commands.setContent(json2html({node: "root",child: (e.html === undefined)? [] : e.html}))
+            this.uploadAttData = (e.enclosure === undefined)? [] : e.enclosure
+        },
+    },
     mounted() {
         this.uploadAttData = (this.data.enclosure === undefined)? [] : this.data.enclosure
         this.heightStyle = (this.height === '100%')? {height: '100%'} : {'min-height': this.height}
@@ -162,7 +168,6 @@ export default {
             const file = e.target.files[0]
             if(this.uploadType) {
                 if(v === 'uploadAtt') {
-                    console.log(file)
                     this.uploadAttData.push(file)
                 }else {
                     this.uploadFile(file).then(r => {
@@ -219,7 +224,7 @@ export default {
         download(index) {
             const url = this.uploadImage.url + this.uploadAttData[index].filePath
             let a = document.createElement('a');
-            a.style = 'display: none';
+            a.style.display = 'none';
             a.download = this.uploadAttData[index].filename;
             a.href = url;
             document.body.appendChild(a);
@@ -308,7 +313,7 @@ export default {
 }
 .editor{
     border-radius: 3px;
-    padding: 20px;
+    padding: 10px;
     outline: none;
 }
 .editor img{

package/src/components/flip/src/flip.vue

@@ -1,16 +1,26 @@
 <template>
   <div id="docView">
-    <div class="pdf-container">
-      <canvas :id="'pdf-canvas'+ index" v-for="(item,index) in pdfPages" class="pdf-canvas"></canvas>
-    </div>
-    <div class="book">
-      <flipbook class="flipbook" :startPage="pageIndex" :pages="imgArr" @flip-left-end="flipLeft($event,false)" @flip-right-end="flipRight($event,false)" v-slot="flipbook" :singlePage="singlePage" :ambient="0" :gloss="1" :dragToFlip="false" :pagesHiRes="0">
-        <div class="but" v-if="butShow">
-          <button class="but-brown" :class="{'but-act': pageIndex === 1}" @click="flipbook.flipLeft">上一页</button>
-          <button class="but-brown" :class="{'but-act': pageIndex === pdfPages}" @click="flipbook.flipRight">下一页</button>
-        </div>
-      </flipbook>
-    </div>
+      <div v-show="show" class="load-pop">
+          <div class="load">
+              <span>文件较大耐心等待</span>
+              <div class="loading">
+                  <div class="loading-cont" :style="{'width': loadWidth +'%'}"></div>
+              </div>
+          </div>
+      </div>
+      <div v-show="!show" style="height: 100%;">
+          <div class="pdf-container">
+              <canvas :id="'pdf-canvas'+ index" v-for="(item,index) in pdfPages" class="pdf-canvas"></canvas>
+          </div>
+          <div class="book">
+              <flipbook class="flipbook" :startPage="pageIndex" :pages="imgArr" @flip-left-end="flipLeft($event,false)" @flip-right-end="flipRight($event,false)" v-slot="flipbook" :singlePage="singlePage" :ambient="0" :gloss="1" :dragToFlip="false" :pagesHiRes="0">
+                  <div class="but" v-if="butShow">
+                      <button class="but-brown" :class="{'but-act': pageIndex === 1}" @click="flipbook.flipLeft">上一页</button>
+                      <button class="but-brown" :class="{'but-act': pageIndex === pdfPages}" @click="flipbook.flipRight">下一页</button>
+                  </div>
+              </flipbook>
+          </div>
+      </div>
   </div>
 </template>
 
@@ -26,7 +36,10 @@ export default {
       pdfPages: 0,
       imgArr: [],
       hei: 0,
-      pageIndex: this.page
+      pageIndex: this.page,
+      show: false,
+      load: 0,
+      loadWidth: 0
     }
   },
   props: {
@@ -74,6 +87,7 @@ export default {
       },
       readPdf() {
           let that = this
+          if(that.pdfPages > 30) that.show = true
           const loadingTask = PdfJs.getDocument(this.source)
           loadingTask.promise.then((pdf) => {
               that.pdfPages = pdf.numPages // 获取pdf文件的总页数
@@ -95,13 +109,28 @@ export default {
                           viewport: viewport
                       }
                       page.render(renderContext)
+                      if(that.pdfPages > 30) {
+                          that.load = i + 1
+                          that.loadWidth = Math.floor(that.load / that.pdfPages * 100)
+                      }
                   });
               }
-              setTimeout(() => {
+              setTimeout(function () {
                   for (let i = 0; i < that.pdfPages; i++) {
                       const canvas = document.getElementById('pdf-canvas' + i)
                       const dataURL = canvas.toDataURL("image/jpeg", 1); //获取Base64编码
                       that.imgArr.push(dataURL)
+                      that.load = i + 1
+                      if(that.pdfPages > 30) {
+                          if(that.load >= that.pdfPages) {
+                              setTimeout(() => {
+                                  that.show = false
+                                  that.load = 0
+                              },100)
+                          }else {
+                              that.loadWidth = Math.floor(that.load / that.pdfPages * 100)
+                          }
+                      }
                   }
               }, 500)
           })
@@ -111,6 +140,40 @@ export default {
 </script>
 
 <style scoped>
+.load-pop{
+  width: 100%;
+  height: 100%;
+    display: flex;
+    align-items: center;
+}
+.load{
+  display: inline-block;
+    margin: 0 auto;
+}
+.load>span{
+    display: inline-block;
+    width: 100%;
+    text-align: center;
+    padding-bottom: 10px;
+    font-size: 14px;
+}
+.loading{
+    width: 200px;
+    height: 10px;
+    border-radius: 20px;
+    position: relative;
+    overflow: hidden;
+    background-color: #ccc;
+}
+.loading-cont{
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 1;
+    background-color: #5daf34;
+    height: 100%;
+    border-radius: 20px;
+}
 #docView{
   height: 100%;
 }

package/src/components/input/index.js

@@ -0,0 +1,6 @@
+import main from './src/input';
+
+main.install = function(Vue) {
+    Vue.component(main.name, main);
+};
+export default main;

package/src/components/input/src/input.vue

@@ -0,0 +1,219 @@
+<template>
+  <div class="input_wrapper"
+       :class="{ 'border': border }">
+    <slot name="prefix"></slot>
+    <template v-if="['input', 'text', 'password', 'email', 'number'].includes(type)">
+      <input :value="value"
+             class="input"
+             :type="type"
+             :maxlength="maxlength"
+             :min="min"
+             :max="max"
+             :minlength="minLength"
+             :placeholder="readonly ? '' : placeholder"
+             :readonly="readonly"
+             @input="onInput"
+             @blur="onBlur" />
+      <template v-if="hasSuffixSlot">
+        <div class="suffix_container">
+          <slot name="suffix"></slot>
+        </div>
+      </template>
+    </template>
+    <template v-if="type === 'textarea'">
+      <textarea :value="value"
+                class="textarea"
+                ref="target"
+                :type="type"
+                :maxlength="maxlength"
+                :minlength="minLength"
+                :placeholder="placeholder"
+                :readonly="readonly"
+                @input="onInput" />
+    </template>
+  </div>
+</template>
+
+<script>
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'zydx-input',
+  props: {
+    type: {
+      type: String,
+      default: 'text'
+    },
+    maxlength: {
+      type: Number,
+      default: null
+    },
+    step: {
+      type: Number,
+      default: 1
+    },
+    minLength: {
+      type: Number,
+      default: null
+    },
+    placeholder: {
+      type: String,
+      default: ''
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    row: {
+      type: Object,
+      default: () => null
+    },
+    border: {
+      type: Boolean,
+      default: true
+    },
+    value: {
+      type: String,
+      default: ''
+    },
+    max: {
+      type: Number,
+      default: Infinity
+    },
+    min: {
+      type: Number,
+      default: -Infinity
+    }
+  },
+  data() {
+    return {
+    }
+  },
+  mounted() {
+    this.setDefaultHeight()
+  },
+  methods: {
+    onInput(e) {
+      this.$emit('update:value', this.sanitize(e.target.value))
+      if (this.type === 'textarea') {
+        this.triggerResize()
+      }
+    },
+    onBlur: function (e) {
+      if (this.type === 'number') {
+        let value = Number(e.target.value)
+        value > this.max && (value = this.max)
+        value < this.min && (value = this.min)
+        if (String(value).indexOf('.') !== -1) {
+          let digits = Math.log10((1 / this.step))
+          value = value.toFixed(digits)
+        }
+        e.target.value = String(value)
+        this.$emit('update:value', String(value))
+        return
+      }
+    },
+    setDefaultHeight: function () {
+      if (this.type !== 'textarea') return
+      if (!this.row) return
+      const { min } = this.row
+      this.$refs.target.style.height = `${min * 30}px`
+    },
+    sanitize: function (input) {
+      return input.replace(/<\/?[^>]+>/ig, "");
+    },
+    triggerResize: function () {
+      let element = this.$refs.target
+      if (!element) return
+      if (!element.scrollHeight) {
+        element.style.height = '30px'
+      } else {
+        if (!this.row) {
+          element.style.height = `${element.scrollHeight}px`
+        } else {
+          const { min, max } = this.row
+          if (element.scrollHeight < min * 30) {
+            element.style.height = `${min * 30}px`
+          } else if (element.scrollHeight > max * 30) {
+            element.style.height = `${max * 30}px`
+          } else {
+            element.style.height = `${element.scrollHeight}px`
+          }
+        }
+      }
+    },
+  },
+  computed: {
+    hasSuffixSlot() {
+      return !!this.$slots.suffix;
+    },
+    hasPreffixSlot() {
+      return !!this.$slots.prefix;
+    }
+  }
+}) 
+</script>
+
+<style scoped>
+.input_wrapper {
+  width: 100%;
+  height: auto;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  border-radius: 3px;
+}
+
+.input_wrapper.border {
+  border: 1px solid #ccc
+}
+
+.input_wrapper .input {
+  width: 100%;
+  height: 30px;
+  border: none;
+  outline: none;
+  background: transparent;
+  padding: 0 10px;
+  font-size: 14px;
+}
+
+.input_wrapper .textarea {
+  width: 100%;
+  border: none;
+  outline: none;
+  background: transparent;
+  height: 30px;
+  padding: 0 10px;
+  font-size: 14px;
+  line-height: 30px;
+}
+
+.prefix_container {
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.suffix_container {
+  width: auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 10px
+}
+
+.suffix_container:deep(*) {
+  width: auto;
+  height: 16px;
+  font-size: 14px;
+  white-space: nowrap;
+  line-height: 16px;
+}
+
+.textarea::-webkit-scrollbar {
+  display: none;
+}
+</style>

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

@@ -5,7 +5,7 @@
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.2);
-  z-index: 200;
+  z-index: 2000;
   display: flex;
   align-items: center;
 }

package/src/index.js

@@ -53,7 +53,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.17.76',
+    version: '1.17.77',
     install,
     Calendar,
     Message,