zydx-plus 1.32.216 → 1.32.217

package/package.json

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

package/src/components/select/src/select.vue

@@ -210,7 +210,7 @@ export default defineComponent({
   position: absolute;
   top: 50%;
   right: 5px;
-  transform: translateY(-30%);
+  transform: translateY(-40%);
   background: transparent;
 }
 

package/src/components/word/src/word.css

@@ -147,6 +147,9 @@
     min-width: 60px;
     height: 21px;
 }
+.buts-actives{
+    color: #00ff00 !important;
+}
 input[name='check'] {
     width: 15px;
     height: 15px;

package/src/components/word/src/word.vue

@@ -12,7 +12,8 @@
                                      <button class="but" @click="del(item)">删除</button>
                                    </b>
                                    <b :style="{right: -item.right + 'px', top: item.top + 'px'}" v-if="replace" ref="b">
-                                      <button class="but" @click="replaceTap(item,index)">{{ replaceText }}</button>
+                                       <button v-if="collapse" class="but" :class="{'buts-actives': !item.open}" @click="openOption(index)">{{ item.open?'收起选项':'展开选项'}}</button>
+                                       <button class="but" @click="replaceTap(item,index)" :class="{'buts-actives': item.replace}">{{ replaceText }}</button>
                                    </b>
                                    <b :style="{right: -item.right + 'px', top: item.top + 'px'}" v-if="choice" ref="b">
                                        <button class="but"
@@ -26,17 +27,17 @@
                            </span>
                    </div>
                </div>
-               <div v-if="item.alist" class="subject-html">
-                   <div v-for="(item,index) in item.alist">
-                       <div class="subject-html-title">{{ titleText }}{{ index + 1 }}</div>
-                       <div class="subject-html-cont" v-html="item.annexContent"></div>
+               <div v-if="item.alist" class="subject-html" v-show="item.open">
+                   <div v-for="(it,ind) in item.alist">
+                       <div class="subject-html-title">{{ titleText }}{{ ind + 1 }}</div>
+                       <div class="subject-html-cont" v-html="it.annexContent"></div>
                    </div>
                </div>
-               <div class="choice" v-if="item.testKey">
+               <div class="choice" v-if="item.testKey" v-show="item.open">
                    <div class="choice-box" v-for="(ts,ind) in item.testKey">
                        <label>
-                           <input class="choice-input" :disabled="disabled" :checked="ts.checked" @change="answerChange($event,item,index)" :type="ques(item.quesType)?'radio':'checkbox'" :name="index" />
-                           <span class="choice-span">{{ ts.index }}. {{ ts.content[0] }}</span>
+                           <input class="choice-input" v-if="chooseAnswer" :disabled="disabled" :checked="ts.checked" @change="answerChange($event,item,index)" :type="ques(item.quesType)?'radio':'checkbox'" :name="index" />
+                           <span :class="{'choice-span': chooseAnswer}">{{ ts.index }}. {{ ts.content[0] }}</span>
                        </label>
                    </div>
                </div>
@@ -54,7 +55,8 @@ export default {
             value: [],
             multipleShow: this.multiple,
             choiceState: true,
-            replaceShow: this.replace
+            replaceShow: this.replace,
+            replaceOpen: false
         }
     },
     props: {
@@ -98,6 +100,14 @@ export default {
             type: String,
             default: '替换题目'
         },
+        collapse: {
+            type: Boolean,
+            default: false
+        },
+        chooseAnswer: {
+            type: Boolean,
+            default: true
+        }
     },
     watch: {
         data: {
@@ -107,6 +117,8 @@ export default {
                     item.choice = true
                     item.right = 0
                     item.top = 0
+                    item.open = true
+                    item.replace = false
                     if(item.alist) {
                         item.alist.map(x => {
                             x.annexContent = json2html({node: "root",child: JSON.parse(x.annexContent)})
@@ -160,6 +172,9 @@ export default {
     },
     emits: ['change','modify','del','changeAll','replaceData','choiceData','judgeAnswer'],
     methods: {
+        openOption(i) {
+            this.data[i].open = !this.data[i].open
+        },
         answerChange(e,v,id) {
             let answerArr = []
             const ids = document.getElementsByName(id)
@@ -203,6 +218,8 @@ export default {
             this.$emit('replaceData', {
                 data: v,
                 index: i
+            }, (e) => {
+                this.data[i].replace = e
             })
         },
         choiceTap(v,i) {

package/src/index.js

@@ -79,7 +79,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.32.216',
+    version: '1.32.217',
     install,
     Calendar,
     Message,