zydx-plus 1.29.146 → 1.30.147

package/package.json

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

package/src/components/biz_header/src/button_name.js

@@ -1999,6 +1999,30 @@ let buttonNames = {
                         }
                     }
                 },
+                resource_Interrogation: {
+                    actionName: '诘问资源',
+                        buttonList: {
+                        0: {
+                            headLevel: {
+                                default: "demand",
+                                demand: '回答要求',
+                                resourceIndex: '教学项目',
+                                review: '回答点评',
+                                analyse: '回答分析',
+                                countermeasure: '教学对策'
+                            },
+                            otherLevel: {
+                                default: "singletonClass",
+                                singletonClass: this.getCurrentPrefix(item) + '项目',
+                                allClass: this.getPrefix(item) + '项目'
+                            },
+                            lowLevel: {
+                                default: "singletonClass",
+                                singletonClass: this.getCurrentPrefix(item) + '项目'
+                            }
+                        }
+                    }
+                },
                 resource_lesson020: {
                     actionName: '逻辑思维',
                     buttonList: {
@@ -2053,7 +2077,7 @@ let buttonNames = {
                             headLevel: {
                                 default: "demand",
                                 demand: '学习要求',
-                                resourceIndex: '学习资源',
+                                resourceIndex: '虚仿项目',
                                 review: '学习点评',
                                 analyse: '学习分析',
                                 countermeasure: '教学对策'
@@ -2425,6 +2449,29 @@ let buttonNames = {
                         }
                     }
                 },
+                lesson_resource_list: {
+                    actionName: '资源列表',
+                    buttonList: {
+                        0: {
+                            headLevel: {
+                                default: "btnIndex1",
+                                btnIndex1: '演示阅读',
+                                btnIndex2: '互动操作',
+                                btnIndex3: '深度拓展'
+                            },
+                            otherLevel: {
+                                default: "btnIndex1",
+                                btnIndex1: '演示阅读',
+                                btnIndex2: '互动操作'
+                            },
+                            lowLevel: {
+                                default: "btnIndex1",
+                                btnIndex1: '演示阅读',
+                                btnIndex2: '互动操作'
+                            }
+                        }
+                    }
+                },
             }[this.actionId];
         },
         // 获取前缀内容

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

@@ -5,7 +5,7 @@
                  @mousemove="mousemove"
                  @mouseup="mouseup"
                  @mouseleave="mousemove">按住可拖动弹窗</span>
-           <i class="enlarge" @click.stop="enlarge"></i>
+           <i class="enlarge" v-if="enlargeShow" @click.stop="enlarge"></i>
            <i @click.stop="close"></i>
        </div>
        <div :class="{'drag-cont': dragStatus,'drag-conts': !dragStatus}" @mousemove="footMove" @mouseleave="footMove">
@@ -58,7 +58,11 @@ export default {
         dragStatus: {
             type: Boolean,
             default: true
-        }
+        },
+        enlargeShow: {
+            type: Boolean,
+            default: true
+        },
     },
     watch: {
         width: {

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

@@ -98,6 +98,37 @@ export default defineComponent({
         window.closeMaker = this.closeMaker
     },
     methods: {
+        headerData(data,lens,size,label) {
+            let onePage = ''
+            let numArr = 0
+            let page = 0
+            const len = this.thatLenText(data.children,lens)
+            console.log(len)
+            const num = len.length === 0? 1 : len.length
+            const textAlign = data.textAlign? data.textAlign : 'left'
+            if(label === 1) onePage += `<h1 style="margin: 5px 0;text-align: ${textAlign};">`
+            if(label === 2) onePage += `<h2 style="margin: 5px 0;text-align: ${textAlign};">`
+            if(label === 3) onePage += `<h3 style="margin: 5px 0;text-align: ${textAlign};">`
+            if(label === 4) onePage += `<h4 style="margin: 5px 0;text-align: ${textAlign};">`
+            if(label === 5) onePage += `<h5 style="margin: 5px 0;text-align: ${textAlign};">`
+            for(let j=0; j<data.children.length; j++) {
+                const fontSize = data.children[j].fontSize? data.children[j].fontSize : ''+ size +'px'
+                numArr = parseInt(fontSize) * 1.5
+                const color = data.children[j].color? data.children[j].color : '#000'
+                if(data.children[j].sup) {
+                    onePage += `<span style="display:inline-block;height: ${numArr}px;line-height: ${numArr}px;font-size: ${fontSize};color: ${color}"><sup>${data.children[j].text}</sup></span>`
+                }else {
+                    onePage += `<span style="display:inline-block;height: ${numArr}px;line-height: ${numArr}px;font-size: ${fontSize};color: ${color}">${data.children[j].text}</span>`
+                }
+                page += (numArr + 10)*num
+            }
+            if(label === 1) onePage += `</h1>`
+            if(label === 2) onePage += `</h2>`
+            if(label === 3) onePage += `</h3>`
+            if(label === 4) onePage += `</h4>`
+            if(label === 5) onePage += `</h5>`
+            return {onePages: onePage,pages: page}
+        },
         readOnlyPage() {
             this.htmlArr = []
             let onePage = ''
@@ -110,6 +141,31 @@ export default defineComponent({
                     onePage = ''
                     page = 0
                 }
+                if(data[i].type === 'header1') {
+                    const { onePages,pages } = this.headerData(data[i],38,32,1)
+                    onePage += onePages
+                    page += pages
+                }
+                if(data[i].type === 'header2') {
+                    const { onePages,pages } = this.headerData(data[i],60,23,2)
+                    onePage += onePages
+                    page += pages
+                }
+                if(data[i].type === 'header3') {
+                    const { onePages,pages } = this.headerData(data[i],78,17,3)
+                    onePage += onePages
+                    page += pages
+                }
+                if(data[i].type === 'header4') {
+                    const { onePages,pages } = this.headerData(data[i],92,14,4)
+                    onePage += onePages
+                    page += pages
+                }
+                if(data[i].type === 'header5') {
+                    const { onePages,pages } = this.headerData(data[i],106,12,5)
+                    onePage += onePages
+                    page += pages
+                }
                 if(data[i].type === 'paragraph') {
                     let numArr = 0
                     const len = this.thatLenText(data[i].children,92)
@@ -255,11 +311,6 @@ export default defineComponent({
                         uploadImage: props.uploadImage,
                         uploadAttachment: props.uploadAttachment
                     }
-                    // hoverbarKeys: {
-                    //   attachment: {
-                    //     menuKeys: ['menu4'],
-                    //   },
-                    // },
                 }
             }
         })
@@ -281,7 +332,6 @@ export default defineComponent({
             }
             return -1
         }
-
         return {opts, handle, formData, syncContent}
     }
 })
@@ -321,11 +371,6 @@ export default defineComponent({
     border-right: 1px solid #d9d9d9;
 }
 
-/*工具栏剧中显示*/
-.w-e-toolbar {
-    justify-content: center !important;
-}
-
 /*编辑器样式*/
 .editable {
     width: 100%;
@@ -355,6 +400,25 @@ export default defineComponent({
 :deep(.w-e-text-container p) {
     margin: 5px 0;
 }
+:deep(.w-e-text-container h1) {
+    margin: 5px 0;
+}
+:deep(.w-e-text-container h2) {
+    margin: 5px 0;
+}
+:deep(.w-e-text-container h3) {
+    margin: 5px 0;
+}
+:deep(.w-e-text-container h4) {
+    margin: 5px 0;
+}
+:deep(.w-e-text-container h5) {
+    margin: 5px 0;
+}
+:deep(.w-e-text-container h6) {
+    margin: 5px 0;
+}
+
 
 :deep(.w-e-text-placeholder) {
     top: 6px;

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

@@ -70,7 +70,11 @@ export default {
         page: {
             type: Number,
             default: 1
-        }
+        },
+        scale: {
+            type: Number,
+            default: 1.35
+        },
     },
     watch: {
         page: {
@@ -137,7 +141,7 @@ export default {
                 pdf.getPage(that.pageIndex).then(function (page) {
                     let canvas = document.getElementById(that.id)
                     let ctx = canvas.getContext('2d');
-                    let viewport = page.getViewport({scale: 1.35})
+                    let viewport = page.getViewport({scale: that.scale})
                     canvas.width = viewport.width * 2
                     canvas.height = viewport.height * 2
                     canvas.style.width = viewport.width + 'px'

package/src/components/pictureViewer/index.js

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

package/src/components/pictureViewer/src/pictureViewer.vue

@@ -0,0 +1,234 @@
+<template>
+    <div class="picture"
+         ref="picture"
+         :style="position"
+         @mousedown="mousedown"
+         @mousemove="mousemove"
+         @mouseup="mouseup"
+         @mouseleave="mousemove"
+         @wheel="wheel"
+         v-if="imgShow">
+        <img :src="images" :style="{transform: 'rotate('+ deg +'deg)'}" alt=""/>
+        <div class="picture-cont">
+            <div class="close" @click.stop="close">
+                <img src="data:image/png;base64,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"  alt=""/>
+            </div>
+            <div class="picture-pop" v-if="scaleShow">{{ parseInt(scale*100) }}%</div>
+            <div class="pic-down">
+                <div class="pic-down-li" @click.stop="plus">
+                    <img src="data:image/png;base64,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" alt="" />
+                </div>
+                <div class="pic-down-li" @click.stop="reduce">
+                    <img src="data:image/png;base64,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" alt="" />
+                </div>
+                <div class="pic-down-li" @click.stop="leftRotation">
+                    <img src="data:image/png;base64,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" alt="" />
+                </div>
+                <div class="pic-down-li" @click.stop="rightRotation">
+                    <img src="data:image/png;base64,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" alt="" />
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+
+export default {
+    name: "zydx-picture-viewer",
+    data() {
+        return {
+            imgShow: false,
+            images: '',
+            x: 0,
+            y: 0,
+            width: 0,
+            height: 0,
+            isMove: false,
+            leftOffset: 0,//鼠标距离移动窗口左侧偏移量
+            topOffset: 0,//鼠标距离移动窗口顶部偏移量
+            proportion: 1,
+            scale: 1,
+            scaleShow: false,
+            timer: null,
+            deg: 0
+        }
+    },
+    props: {},
+    computed: {
+        position() {
+            return `top:${this.y}px;left:${this.x}px;width:${this.width}px;height:${this.height}px;`
+        },
+    },
+    methods: {
+        leftRotation() {
+            this.deg -= 90
+        },
+        rightRotation() {
+            this.deg += 90
+        },
+        plus() {
+            this.scaleShow = true
+            this.width += 60
+            this.height += 60 / this.proportion
+            this.x -= 30
+            this.y -= 30 / this.proportion
+            this.scale += 0.065
+            setTimeout(() => {
+                this.scaleShow = false
+            }, 1000)
+        },
+        reduce() {
+            this.scaleShow = true
+            this.width -= 60
+            this.height -= 60 / this.proportion
+            this.x += 30
+            this.y += 30 / this.proportion
+            this.scale -= 0.065
+            setTimeout(() => {
+                this.scaleShow = false
+            }, 1000)
+        },
+        close() {
+            this.imgShow = false
+        },
+        // 滚轮事件
+        wheel(event) {
+            event.preventDefault()
+            this.scaleShow = true
+            if (event.deltaY < 0) {
+                this.width += 30
+                this.height += 30 / this.proportion
+                this.x -= 15
+                this.y -= 15 / this.proportion
+                this.scale += 0.035
+                clearTimeout(this.timer)
+            } else {
+                this.width -= 30
+                this.height -= 30 / this.proportion
+                this.x += 15
+                this.y += 15 / this.proportion
+                this.scale -= 0.035
+                clearTimeout(this.timer)
+            }
+            this.timer = setTimeout(() => {
+                this.scaleShow = false
+            }, 500)
+        },
+        mousedown(event) {
+            event.preventDefault()
+            //鼠标按下事件
+            this.leftOffset = event.offsetX;
+            this.topOffset = event.offsetY;
+            this.isMove = true;
+        },
+        //鼠标移动
+        mousemove(event) {
+            if (!this.isMove) return;
+            this.x = event.clientX - this.leftOffset;
+            this.y = event.clientY - this.topOffset;
+        },
+        //鼠标抬起
+        mouseup() {
+            this.isMove = false;
+        },
+        url(v) {
+            this.images = v
+            this.init()
+        },
+        init() {
+            let clientWidth = document.documentElement.clientWidth;
+            let clientHeight = document.documentElement.clientHeight;
+            let img = new Image();
+            img.src = this.images;
+            img.onload = () => {
+                this.proportion = img.width / img.height;
+                if(this.proportion >= 1) {
+                    this.width = clientWidth * 0.7;
+                    this.height = img.height * this.width / img.width;
+                } else {
+                    this.height = clientHeight * 0.7;
+                    this.width = img.width * this.height / img.height;
+                }
+                this.scale = this.width/this.width
+                this.height = img.height * this.width / img.width;
+                this.x = clientWidth / 2 - this.width / 2;
+                this.y = clientHeight / 2 - this.height / 2;
+                this.imgShow = true
+            }
+        }
+    }
+}
+</script>
+
+<style scoped>
+.pic-down{
+    position: absolute;
+    bottom: 20px;
+    left: 50%;
+    transform: translateX(-50%);
+    height: 40px;
+    text-align: center;
+    background-color: rgba(0,0,0,0.5);
+    color: #fff;
+    border-radius: 20px;
+    display: flex;
+    padding: 10px 20px;
+    visibility: hidden;
+}
+.picture:hover .pic-down{
+    visibility: visible;
+}
+.pic-down-li{
+    flex: 1;
+    cursor: pointer;
+    margin-right: 15px;
+}
+.pic-down-li:last-child{
+    margin-right: 0;
+}
+.close{
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    width: 30px;
+    height: 30px;
+    cursor: pointer;
+    display: none;
+}
+.close img{
+    width: 100%;
+    height: 100%;
+}
+.picture {
+    position: fixed;
+    z-index: 999;
+}
+.picture:hover .close{
+    display: block;
+}
+.picture img {
+    width: 100%;
+    height: 100%;
+    transition-duration: 200ms;
+}
+.picture-cont{
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 1;
+    display: flex;
+    align-items: center;
+}
+.picture-pop{
+    padding: 5px 15px;
+    background-color: rgba(0,0,0,0.5);
+    color: #fff;
+    font-size: 14px;
+    display: inline-block;
+    border-radius: 20px;
+    margin: 0 auto;
+}
+</style>

package/src/components/read/src/read.vue

@@ -52,7 +52,11 @@ export default {
         url: {
             type: String,
             default: '',
-        }
+        },
+        scale: {
+            type: Number,
+            default: 1.35
+        },
     },
     watch: {
         url: {
@@ -97,7 +101,7 @@ export default {
                 pdf.getPage(that.idArr.length).then(function (page) {
                     let canvas = document.getElementById(id)
                     let ctx = canvas.getContext('2d');
-                    let viewport = page.getViewport({scale: 1.35})
+                    let viewport = page.getViewport({scale: that.scale})
                     canvas.width = viewport.width * 2
                     canvas.height = viewport.height * 2
                     canvas.style.width = viewport.width + 'px'

package/src/components/treeList/src/treeList.vue

@@ -126,5 +126,8 @@ export default {
 .list-li-cont>p{
   height: 26px;
   line-height: 26px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 </style>

package/src/index.js

@@ -28,6 +28,7 @@ import preface from './components/preface/index';
 import choice from './components/choice/index';
 import word from './components/word/index';
 import sketchpad from './components/sketchpad/index';
+import pictureViewer from './components/pictureViewer/index';
 
 const components = [
     Calendar,
@@ -57,7 +58,8 @@ const components = [
     preface,
     choice,
     word,
-    sketchpad
+    sketchpad,
+    pictureViewer
 ];
 
 function install(app) {
@@ -69,7 +71,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.29.146',
+    version: '1.30.147',
     install,
     Calendar,
     Message,
@@ -100,6 +102,7 @@ export default {
     preface,
     choice,
     word,
-    sketchpad
+    sketchpad,
+    pictureViewer
 };