zydx-plus 1.20.124 → 1.28.124

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zydx-plus",
-  "version": "1.20.124",
+  "version": "1.28.124",
   "description": "Vue.js",
   "main": "src/index.js",
   "files": [
@@ -31,6 +31,7 @@
     "@tiptap/extension-image": "^2.0.3",
     "@tiptap/starter-kit": "^2.0.3",
     "@tiptap/vue-3": "^2.0.3",
+    "@tiptap/extension-text-align": "^2.0.3",
     "@vue-office/docx": "^1.1.3",
     "@vue-office/excel": "^1.1.3"
   },

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

@@ -2006,18 +2006,18 @@ let buttonNames = {
                             headLevel: {
                                 default: "demand",
                                 demand: '训练要求',
-                                resourceIndex: '训练试题',
+                                resourceIndex: '训练题目',
                                 analyse: '训练分析',
                                 countermeasure: '教学对策'
                             },
                             otherLevel: {
                                 default: "singletonClass",
-                                singletonClass: this.getCurrentPrefix(item) + '试题',
-                                allClass: this.getPrefix(item) + '试题'
+                                singletonClass: this.getCurrentPrefix(item) + '题目',
+                                allClass: this.getPrefix(item) + '题目'
                             },
                             lowLevel: {
                                 default: "singletonClass",
-                                singletonClass: this.getCurrentPrefix(item) + '试题'
+                                singletonClass: this.getCurrentPrefix(item) + '题目'
                             }
                         }
                     }
@@ -2404,6 +2404,27 @@ let buttonNames = {
                         }
                     }
                 },
+                resource_lesson_rhyme: {
+                    actionName: '课程歌诀',
+                    buttonList: {
+                        0: {
+                            headLevel: {
+                                default: "btnIndex1",
+                                btnIndex1: this.getCurrentPrefix(item) + '歌诀',
+                                btnIndex2: this.getPrefix(item) + '歌诀'
+                            },
+                            otherLevel: {
+                                default: "btnIndex1",
+                                btnIndex1: this.getCurrentPrefix(item) + '歌诀',
+                                btnIndex2: this.getPrefix(item) + '歌诀'
+                            },
+                            lowLevel: {
+                                default: "btnIndex1",
+                                btnIndex1: this.getCurrentPrefix(item) + '歌诀',
+                            }
+                        }
+                    }
+                },
             }[this.actionId];
         },
         // 获取前缀内容

package/src/components/choice/index.js

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

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

@@ -0,0 +1,149 @@
+<template>
+   <div class="choice">
+       <div class="choice-title">
+           <div class="choice-title-left">
+               <span><i>*</i>试题选项：</span>
+               <em>(每道多选题至少有两个正确项, 所有选项需给出至少一个答案)</em>
+           </div>
+           <div class="choice-title-right">
+               <button class="but" @click="add('correct')">增正确项</button>
+               <button class="but" @click="add('interfere')">增干扰项</button>
+           </div>
+       </div>
+       <div class="choice-list" v-for="(item,index) in list">
+           <div class="list-title" :class="{'lv-color': item.type === 'correct','red-color': item.type === 'interfere'}">
+               <span>{{ item.letter }} . {{ item.title }}</span>
+               <button class="but" @click="alternative(index)">增加备选</button>
+           </div>
+           <div class="list-cont">
+               <div class="list-cont-li" v-for="(it,ins) in item.list">
+                   <span>{{ ins + 1 }}.</span>
+                   <div class="list-cont-input">
+                        <input type="text" v-model="it.value" placeholder="请输入选项..." />
+                        <img @click="del(index,ins)" v-if="ins !== 0" src="data:image/png;base64,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" alt="" />
+                   </div>
+               </div>
+           </div>
+       </div>
+   </div>
+</template>
+
+<script>
+export default {
+    name: "zydx-choice",
+    data() {
+        return {
+            list: [],
+            letter: {0:'A',1:'B',2:'C',3:'D',4:'E',5:'F',6:'G',7:'H'},
+        }
+    },
+    methods: {
+        getContent() {
+            return this.list
+        },
+        add(str) {
+            const index = this.list.length
+            if(index === 8) return
+            this.list.push({
+                type: str,
+                letter: this.letter[index],
+                title: (str === 'correct')? '正确选项' : '干扰选项',
+                list: [{value: ''}]
+            })
+        },
+        alternative(index) {
+            this.list[index].list.push({value: ''})
+        },
+        del(index,ins) {
+            this.list[index].list.splice(ins, 1)
+        },
+    }
+}
+</script>
+
+<style scoped>
+.list-cont-input{
+    width: 100%;
+    height: 30px;
+    border: 1px solid #ccc;
+    position: relative;
+}
+.list-cont-input input{
+    width: 100%;
+    height: 100%;
+    border: none;
+    outline: none;
+    padding: 0 30px 0 10px;
+}
+.list-cont-input img{
+    width: 18px;
+    height: 18px;
+    cursor: pointer;
+    position: absolute;
+    top: 5px;
+    right: 10px;
+    z-index: 1;
+}
+.list-cont-li{
+    padding: 2px 0;
+    display: flex;
+}
+.list-cont-li>span{
+    font-size: 14px;
+    font-weight: 400;
+    margin-right: 5px;
+    line-height: 30px;
+}
+.list-cont{
+    padding: 0 0 8px 30px;
+}
+.lv-color span{
+    color: #13BF6C;
+}
+.red-color span{
+    color: #FF0000;
+}
+.list-title{
+    padding: 2px 0 2px 10px;
+    display: flex;
+    justify-content: center;
+}
+.list-title span{
+    font-size: 14px;
+    font-weight: 400;
+    flex: 1;
+}
+.choice-title{
+    display: flex;
+    justify-content: center;
+    padding: 2px 0;
+}
+.choice-title-left{
+    flex: 1;
+}
+.choice-title-left span{
+    font-size: 14px;
+    font-weight: 700;
+}
+.choice-title-left span i{
+    color: red;
+    margin-right: 2px;
+    font-style: normal;
+}
+.choice-title-left em{
+    font-size: 12px;
+    font-style: normal;
+}
+.but{
+    margin-left: 5px;
+    font-size: 12px;
+    background-color: transparent;
+    border: 1px solid #000;
+    border-radius: 3px;
+    padding: 2px 5px;
+    cursor: pointer;
+    min-width: 60px;
+    height: 21px;
+    display: inline-block;
+}
+</style>

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

@@ -80,6 +80,7 @@ import { html2json, json2html } from 'html2json'
 import { Editor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
 import Image from '@tiptap/extension-image'
+import TextAlign from '@tiptap/extension-text-align'
 export default {
     name: 'zydx-xiao-editor',
     components: {
@@ -207,6 +208,9 @@ export default {
             editable: this.readOnly,
             extensions: [
                 StarterKit,
+                TextAlign.configure({
+                    types: ['heading', 'paragraph'],
+                }),
                 Image.configure({
                     inline: true,
                     HTMLAttributes: {
@@ -369,6 +373,8 @@ export default {
             if(v === 'h2') this.editor.chain().focus().toggleHeading({level:2}).run()
             if(v === 'h3') this.editor.chain().focus().toggleHeading({level:3}).run()
             if(v === 'p') this.editor.chain().focus().setParagraph().run()
+            if(v === 'bold') this.editor.chain().focus().toggleBold().run()
+            if(v === 'center' || v === 'left' || v === 'right') this.editor.chain().focus().setTextAlign(v).run()
         }
     }
 }

package/src/components/preface/index.js

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

package/src/components/preface/src/preface.vue

@@ -0,0 +1,114 @@
+<template>
+   <div class="preface">
+       <div class="preface-left">
+           <span>题序设置：</span>
+           <div class="preface-input">
+               <input type="number" @input="numbers" @keypress="isNumberKey($event)" />
+           </div>
+       </div>
+       <div class="preface-right">
+           <span>难易设置：</span>
+           <div class="preface-list" v-for="(item,index) in radioList">
+               <label>
+                   <input type="radio" name="difficulty" :value="item.value" @change="radioTao(item.value)" :checked="item.checked" />
+                   <span>{{ item.label }}</span>
+               </label>
+           </div>
+       </div>
+   </div>
+</template>
+
+<script>
+export default {
+    name: "zydx-preface",
+    data() {
+        return {
+            radioList: [
+                {value: 1, label: '易',checked: true},
+                {value: 2, label: '中',checked: false},
+                {value: 3, label: '难',checked: false}
+            ],
+            radioValue: 1,
+            inputValue: ''
+        }
+    },
+    emits: ['change'],
+    methods: {
+        radioTao(v) {
+            this.radioValue = v;
+            this.$emit('change', {
+                diffLeve: this.radioValue,
+                quesNo: this.inputValue
+            })
+        },
+        numbers(v) {
+            this.inputValue = v.target.value;
+            this.$emit('change', {
+                diffLeve: this.radioValue,
+                quesNo: this.inputValue
+            })
+        },
+        isNumberKey(event) {
+            const charCode = (event.which) ? event.which : event.keyCode;
+            if(event.target.value.length > 2) event.preventDefault();
+            if (charCode > 31 && (charCode < 48 || charCode > 57)) event.preventDefault();
+            if (this.valueState(event.target.value) && String.fromCharCode(charCode) === '0') event.preventDefault();
+        },
+        valueState(v) {
+            return v === '' || v === undefined || v === null;
+        },
+    }
+}
+</script>
+
+<style scoped>
+.preface{
+    display: flex;
+    justify-content: center;
+}
+.preface-left{
+    flex: 1;
+    display: flex;
+}
+.preface-left>span,.preface-right>span{
+    font-size: 14px;
+    color: #000;
+    font-weight: 700;
+    line-height: 30px;
+}
+.preface-input{
+    width: 40px;
+    height: 30px;
+    border: 1px solid rgba(204, 204, 204, 1);
+    display: inline-block;
+    overflow: hidden;
+}
+.preface-input>input{
+    width: 50px;
+    height: 29px;
+    border: none;
+    padding-left: 5px;
+}
+.preface-right{
+    display: flex;
+    line-height: 30px;
+}
+.preface-list>label{
+    display: inline-block;
+    position: relative;
+}
+.preface-list input{
+    width: 16px;
+    height: 16px;
+    position: absolute;
+    top: 7px;
+    left: 0;
+    z-index: 1;
+}
+.preface-list span{
+    font-size: 14px;
+    color: #666;
+    line-height: 30px;
+    padding: 0 10px 0 25px;
+}
+</style>

package/src/index.js

@@ -25,6 +25,8 @@ import textarea from './components/textarea/index';
 import titleBox from './components/titleBox/index';
 import input from './components/input/index';
 import time from './components/time/index';
+import preface from './components/preface/index';
+import choice from './components/choice/index';
 
 const components = [
     Calendar,
@@ -51,7 +53,9 @@ const components = [
     textarea,
     titleBox,
     input,
-    time
+    time,
+    preface,
+    choice
 ];
 
 function install(app) {
@@ -63,7 +67,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.20.124',
+    version: '1.28.124',
     install,
     Calendar,
     Message,
@@ -91,6 +95,8 @@ export default {
     textarea,
     titleBox,
     input,
-    time
+    time,
+    preface,
+    choice
 };