zydx-plus 1.29.144 → 1.29.146

package/package.json

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

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

@@ -638,7 +638,7 @@
                 let that = this
                 this.taskInfoList.forEach(item => {
                     Object.keys(item).forEach(key=>{
-                        if(!that.keysArr.includes(key)) {
+                        if(!that.keysArr.includes(key) || item[key] == null) {
                             delete item[key];
                         }
                     })
@@ -647,6 +647,7 @@
             },
             dateFormat (date) {
                 if (date != null) {
+                    date = new Date(date)
                     var y = date.getFullYear();
                     var m = date.getMonth() + 1;
                     m = m < 10 ? ('0' + m) : m;

package/src/components/choice/src/choice.vue

@@ -110,14 +110,23 @@ export default {
                     })
                 }
             }else {
-                v.forEach(x => {
-                    arr.push({
-                        type: (x.isRight)? 'correct' : 'interfere',
-                        letter: x.index,
-                        title: (x.isRight)? '正确选项' : '干扰选项',
-                        list: x.content.map(y => ({value: y}))
+                if(this.isShow) {
+                    v.forEach(x => {
+                        arr.push({
+                            type: (x.isRight)? 'correct' : 'interfere',
+                            letter: x.index,
+                            title: (x.isRight)? '正确选项' : '干扰选项',
+                            list: x.content.map(y => ({value: y}))
+                        })
                     })
-                })
+                }else {
+                    v.forEach(x => {
+                        arr.push({
+                            letter: x.index,
+                            value: x.content[0]
+                        })
+                    })
+                }
             }
             return arr
         },

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

@@ -1,5 +1,5 @@
 <template>
-   <div class="drag-pop" :style="position">
+   <div class="drag-pop" :class="{'zin': isMove}" :style="position" :id="id">
        <div class="drag-head" :style="{'background-color':titleColor}">
            <span @mousedown="mousedown"
                  @mousemove="mousemove"
@@ -8,7 +8,7 @@
            <i class="enlarge" @click.stop="enlarge"></i>
            <i @click.stop="close"></i>
        </div>
-       <div class="drag-cont" @mousemove="footMove" @mouseleave="footMove">
+       <div :class="{'drag-cont': dragStatus,'drag-conts': !dragStatus}" @mousemove="footMove" @mouseleave="footMove">
            <div class="drag-cont-slot">
                <slot name="content"></slot>
            </div>
@@ -16,7 +16,7 @@
            <i class="in" v-if="dragStatus" @mousedown="footDown($event,'in')" @mouseup="footUp"></i>
            <i class="right" v-if="dragStatus" @mousedown="footDown($event,'r')" @mouseup="footUp"></i>
        </div>
-       <div class="down-text">
+       <div class="down-text" v-if="dragStatus">
            <div class="down-text-cont">
                <img src="data:image/png;base64,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" />
                <span>拖动图标调整窗口大小</span>
@@ -39,6 +39,7 @@ export default {
             isMove: false,//是否移动标识
             footIsMove: false,//是否移动标识
             direction: '',//移动方向
+            id: '',//id
         }
     },
     props: {
@@ -59,11 +60,23 @@ export default {
             default: true
         }
     },
+    watch: {
+        width: {
+            handler: function (val, oldVal) {
+                this.footRightOffset = val
+            },
+            immediate: true
+        },
+        height: {
+            handler: function (val, oldVal) {
+                this.footDownOffset = val
+            },
+            immediate: true
+        },
+    },
     mounted() {
-        let clientWidth = document.documentElement.clientWidth;
-        let clientHeight = document.documentElement.clientHeight;
-        this.x = clientWidth / 2 - this.footDownOffset / 2;
-        this.y = clientHeight / 2 - this.footRightOffset / 2;
+        this.id = Math.random().toString(36).substr(2);
+        this.init()
     },
     computed: {
         position() {
@@ -71,6 +84,12 @@ export default {
         },
     },
     methods: {
+        init() {
+            let clientWidth = document.documentElement.clientWidth;
+            let clientHeight = document.documentElement.clientHeight;
+            this.x = clientWidth / 2 - this.footRightOffset / 2;
+            this.y = clientHeight / 2 - this.footDownOffset / 2;
+        },
         footDown(event,v) {
             event.preventDefault()
             this.direction = v
@@ -132,11 +151,17 @@ export default {
 </script>
 
 <style scoped>
+.zin{
+    z-index: 1000 !important;
+}
 .drag-cont-slot{
     width: 100%;
     height: 100%;
     overflow: auto;
 }
+.drag-cont-slot::-webkit-scrollbar {
+    display: none;
+}
 .down-text-cont{
     display: inline-block;
 }
@@ -239,4 +264,8 @@ export default {
     height: calc(100% - 60px);
     position: relative;
 }
+.drag-conts{
+    height: calc(100% - 30px);
+    position: relative;
+}
 </style>

package/src/components/mind/src/mind.vue

@@ -1,17 +1,21 @@
 <template>
-    <div class="mind" ref="mind">
+    <div class="mind" :ref="id">
         <div class="table">
-            <button :disabled="retShow" @click="ret">返回</button>
-            <button :disabled="forwardShow" @click="forward">前进</button>
-            <button :disabled="mindShow" @click="addNode">添加节点</button>
-            <button :disabled="mindShow" @click="brotherNode">兄弟节点</button>
-            <button :disabled="mindShow" @click="delNode">删除节点</button>
-            <button :disabled="mindShow" @click="associativeLine">关联线</button>
-            <button :disabled="mindShow" @click="nodeStyle">节点样式</button>
-            <button @click="structure">结构切换</button>
-            <button @click="preservation">保存</button>
+            <div class="table-left" v-if="!readOnly">
+                <button :disabled="retShow" @click="ret">返回</button>
+                <button :disabled="forwardShow" @click="forward">前进</button>
+                <button :disabled="mindShow" @click="addNode">添加节点</button>
+                <button :disabled="mindShow" @click="brotherNode">兄弟节点</button>
+                <button :disabled="mindShow" @click="delNode">删除节点</button>
+                <button :disabled="mindShow" @click="associativeLine">关联线</button>
+                <button :disabled="mindShow" @click="nodeStyle">节点样式</button>
+                <button @click="structure">结构切换</button>
+                <button @click="preservation">保存</button>
+            </div>
+            <button @click="fullTap" v-if="fullShow">全屏</button>
+            <button @click="fullDel" v-else>退出</button>
         </div>
-        <div id="mindMapContainer"></div>
+        <div :id="id" class="mindMapContainer"></div>
         <div class="node-style" ref="nodeStyle" :class="{'node-s': trans, 'node-h': !trans}">
             <div class="style-li">
                 <div class="style-title">文字</div>
@@ -27,9 +31,15 @@
                 </div>
                 <div class="node-but">
                     <button @click="colorTap($event,'color')">颜色</button>
-                    <button :style="{'background-color': (boldAct)? '#549688': '#fff','color': (boldAct)? '#fff': '#333'}" @click="bolds">粗体</button>
-                    <button :style="{'background-color': (italicAct)? '#549688': '#fff','color': (italicAct)? '#fff': '#333'}" @click="italics">斜体</button>
-                    <button :style="{'background-color': (scribeAct)? '#549688': '#fff','color': (scribeAct)? '#fff': '#333'}" @click="scribes">划线</button>
+                    <button :style="{'background-color': (boldAct)? '#549688': '#fff','color': (boldAct)? '#fff': '#333'}"
+                            @click="bolds">粗体
+                    </button>
+                    <button :style="{'background-color': (italicAct)? '#549688': '#fff','color': (italicAct)? '#fff': '#333'}"
+                            @click="italics">斜体
+                    </button>
+                    <button :style="{'background-color': (scribeAct)? '#549688': '#fff','color': (scribeAct)? '#fff': '#333'}"
+                            @click="scribes">划线
+                    </button>
                 </div>
             </div>
             <div class="style-li">
@@ -112,10 +122,11 @@ import "simple-mind-map/dist/simpleMindMap.esm.css";
 MindMap.usePlugin(Drag).usePlugin(AssociativeLine).usePlugin(Export)
 
 export default {
-    components: {Select,Coloring},
+    components: {Select, Coloring},
     name: "zydx-mind",
     data() {
         return {
+            id: '',
             mindMap: null,
             mindShow: false,
             retShow: false,
@@ -189,7 +200,8 @@ export default {
                     "text": "根节点"
                 },
                 "children": []
-            }
+            },
+            fullShow: true
         }
     },
     props: {
@@ -210,7 +222,7 @@ export default {
     watch: {
         readOnly: {
             handler: function (val, oldVal) {
-                this.mindMap?.setMode(val? 'readonly':'edit')
+                this.mindMap?.setMode(val ? 'readonly' : 'edit')
             },
             immediate: true
         },
@@ -222,60 +234,99 @@ export default {
         },
         sizeValue(e) { // 字号
             this.activeNodes.forEach(node => {
-                node.setStyle('fontSize',e)
+                node.setStyle('fontSize', e)
             })
         },
         rowValue(e) { // 行高
             this.activeNodes.forEach(node => {
-                node.setStyle('lineHeight',e)
+                node.setStyle('lineHeight', e)
             })
         },
         styleValue(e) { // 粗斜体
             this.activeNodes.forEach(node => {
-                node.setStyle('borderDasharray',e)
+                node.setStyle('borderDasharray', e)
             })
         },
         widthValue(e) { // 线宽
             this.activeNodes.forEach(node => {
-                node.setStyle('borderWidth',e)
+                node.setStyle('borderWidth', e)
             })
         },
         filletValue(e) { // 圆角
             this.activeNodes.forEach(node => {
-                node.setStyle('borderRadius',e)
+                node.setStyle('borderRadius', e)
             })
         },
         shapeValue(e) { // 形状
             this.activeNodes.forEach(node => {
-                node.setStyle('shape',e)
+                node.setStyle('shape', e)
             })
         },
         lineValue(e) { // 线宽
             this.activeNodes.forEach(node => {
-                node.setStyle('lineWidth',e)
+                node.setStyle('lineWidth', e)
             })
         },
         lineStyleValue(e) { // 线宽
             this.activeNodes.forEach(node => {
-                node.setStyle('lineDasharray',e)
+                node.setStyle('lineDasharray', e)
             })
         },
     },
     mounted() {
-        this.init()
+        this.id = Math.random().toString(36).substr(2)
+        setTimeout(() => {
+            this.init()
+        },0)
+        window.onresize = () => {
+            if (!document.fullscreenElement) {
+                this.fullShow = true
+            }
+            this.mindMap.resize()
+        }
     },
     methods: {
+        fullScreen(element) {
+            if (element.requestFullScreen) {
+                element.requestFullScreen()
+            } else if (element.webkitRequestFullScreen) {
+                element.webkitRequestFullScreen()
+            } else if (element.mozRequestFullScreen) {
+                element.mozRequestFullScreen()
+            }
+        },
+        cancelFullscreen() {
+            if (document.exitFullscreen) {
+                document.exitFullscreen();
+            } else if (document.msExitFullscreen) {
+                document.msExitFullscreen();
+            } else if (document.mozCancelFullScreen) {
+                document.mozCancelFullScreen();
+            } else if (document.webkitExitFullscreen) {
+                document.webkitExitFullscreen();
+            }
+        },
+        fullDel() {
+            this.fullShow = true
+            this.cancelFullscreen()
+        },
+        // 全屏
+        fullTap() {
+            this.fullShow = false
+            this.fullScreen(this.$refs[this.id])
+        },
+        // 初始化
         init() {
             this.mindMap = new MindMap({
-                el: document.getElementById('mindMapContainer'),
+                el: document.getElementById(this.id),
                 enableFreeDrag: false, // 是否开启自由拖拽
                 enableNodeTransitionMove: false, // 是否开启节点过渡动画
                 layout: 'logicalStructure', // 节点布局方式
                 maxHistoryCount: 100, // 最大历史记录数
                 maxNodeCacheCount: 100, // 最大节点缓存数
-                data: Object.keys(this.data).length === 0? this.defaultData: this.data
+                data: Object.keys(this.data).length === 0 ? this.defaultData : this.data
             });
-            this.mindMap.setMode(this.readOnly ? 'readonly':'edit')
+            this.mindMap.setMode(this.readOnly ? 'readonly' : 'edit')
             this.mindMap.on('node_active', (node, activeNodeList) => {
                 this.mindShow = node === null;
             })
@@ -290,19 +341,19 @@ export default {
         scribes() {
             this.scribeAct = !this.scribeAct
             this.activeNodes.forEach(node => {
-                node.setStyle('textDecoration', (!this.scribeAct)? 'none':'underline')
+                node.setStyle('textDecoration', (!this.scribeAct) ? 'none' : 'underline')
             })
         },
         italics() {
             this.italicAct = !this.italicAct
             this.activeNodes.forEach(node => {
-                node.setStyle('fontStyle', (!this.italicAct)? 'normal':'italic')
+                node.setStyle('fontStyle', (!this.italicAct) ? 'normal' : 'italic')
             })
         },
         bolds() {
             this.boldAct = !this.boldAct
             this.activeNodes.forEach(node => {
-                node.setStyle('fontWeight', (!this.boldAct)? 'normal':'bold')
+                node.setStyle('fontWeight', (!this.boldAct) ? 'normal' : 'bold')
             })
         },
         rgba(e) {
@@ -318,10 +369,10 @@ export default {
         empty() {
             this.colorShow = false
         },
-        colorTap(e,i) {
+        colorTap(e, i) {
             this.colorData = {index: i, data: e}
             let parent = this.colorData.data.target.parentNode.offsetTop + 32
-            if(parent > 330) parent = 300
+            if (parent > 330) parent = 300
             this.colorShow = !this.colorShow
             this.top = parent
         },
@@ -332,27 +383,17 @@ export default {
                 layoutList = 'organizationStructure'
             } else if (layout === 'organizationStructure') {
                 layoutList = 'logicalStructure'
-            }else {
+            } else {
                 layoutList = 'mindMap'
             }
             this.mindMap.setLayout(layoutList)
         },
-        removeNode(data) {
-            if(data._node) {
-                delete data._node
-            }
-            if(data.children && data.children.length > 0) {
-                data.children.forEach(item => {
-                     this.removeNode(item)
-                })
-            }
-            return data
-        },
+        // 保存
         preservation() {
             let that = this
-            that.mindMap.export('png',false,'123213', true).then(r => {
+            that.mindMap.export('png', false, '123213', true).then(r => {
                 that.$emit('preservation', {
-                    data: that.removeNode(that.data),
+                    data: that.mindMap.getData(),
                     url: r
                 })
             })
@@ -363,7 +404,7 @@ export default {
             this.trans = !this.trans
             setTimeout(() => {
                 this.$refs.mind.style.overflow = 'visible'
-                if(!this.trans) {
+                if (!this.trans) {
                     this.$refs.nodeStyle.style.display = 'none'
                 }
             }, 250)
@@ -397,13 +438,20 @@ export default {
 </script>
 
 <style scoped>
-.node-s{
+.table-left {
+    display: inline-block;
+    margin-right: 5px;
+}
+
+.node-s {
     animation: nodeShow 0.3s;
     display: block;
 }
-.node-h{
+
+.node-h {
     animation: nodeHide 0.3s;
 }
+
 @keyframes nodeHide {
     0% {
         opacity: 1;
@@ -414,6 +462,7 @@ export default {
         transform: translateX(110%);
     }
 }
+
 @keyframes nodeShow {
     0% {
         opacity: 0;
@@ -428,23 +477,28 @@ export default {
         transform: translateX(0);
     }
 }
-.zIndex{
+
+.zIndex {
     position: relative;
     z-index: 30;
 }
-.zIndex2{
+
+.zIndex2 {
     position: relative;
     z-index: 33;
 }
-.zIndex3{
+
+.zIndex3 {
     position: relative;
     z-index: 32;
 }
-.zIndex4{
+
+.zIndex4 {
     position: relative;
     z-index: 31;
 }
-.backColor{
+
+.backColor {
     width: 93px;
     height: 30px;
     border: 1px solid #ccc;
@@ -454,17 +508,20 @@ export default {
     cursor: pointer;
     background-color: #549688;
 }
-.back-col{
+
+.back-col {
     position: absolute;
     top: 0;
     left: 60px;
     z-index: 40;
 }
-.node-but{
+
+.node-but {
     display: flex;
     padding: 5px 0;
 }
-.node-but button{
+
+.node-but button {
     flex: 1;
     margin-right: 5px;
     background-color: #fff;
@@ -474,20 +531,24 @@ export default {
     cursor: pointer;
     font-size: 12px;
 }
-.node-but button:last-child{
+
+.node-but button:last-child {
     margin: 0;
 }
-.style-title{
+
+.style-title {
     font-size: 16px;
     font-weight: bold;
     padding: 5px 0 10px 0;
 }
+
 .mind {
     width: 100%;
     height: 100%;
     position: relative;
 }
-.table{
+
+.table {
     position: absolute;
     top: 10px;
     left: 30px;
@@ -497,25 +558,30 @@ export default {
     box-shadow: rgba(0, 0, 0, 0.06) 0 2px 16px 0;
     z-index: 10;
 }
-.style-list{
+
+.style-list {
     display: flex;
     padding: 5px 0;
 }
-.node-left{
+
+.node-left {
     display: flex;
     padding-right: 10px;
 }
-.node-left>span{
+
+.node-left > span {
     display: inline-block;
     width: 80px;
     line-height: 32px;
     padding-right: 10px;
     box-sizing: border-box;
 }
-.padd{
+
+.padd {
     padding-right: 0;
 }
-.node-style{
+
+.node-style {
     position: absolute;
     right: 0;
     top: 50%;
@@ -530,7 +596,8 @@ export default {
     margin-top: -270px;
     display: none;
 }
-.table button{
+
+.table button {
     margin-right: 5px;
     background-color: #fff;
     border: 1px solid #ccc;
@@ -539,11 +606,12 @@ export default {
     cursor: pointer;
     font-size: 12px;
 }
-.table button:last-child{
+
+.table button:last-child {
     margin-right: 0;
 }
 
-#mindMapContainer {
+.mindMapContainer {
     width: 100%;
     height: 100%;
 }

package/src/index.js

@@ -69,7 +69,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.29.144',
+    version: '1.29.146',
     install,
     Calendar,
     Message,