zydx-plus 1.32.275 → 1.32.277

package/package.json

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

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

@@ -241,3 +241,25 @@ input[name='check'] {
     font-weight: 700;
     flex: 1;
 }
+.choice-ico{
+    width: 15px;
+    height: 15px;
+    display: inline-block;
+    border: 1px solid #666;
+    border-radius: 3px;
+    position: absolute;
+    top: 4px;
+    left: 2em;
+    z-index: 1;
+}
+.check-active{
+    background-color: #007acc;
+    border: 1px solid #007acc;
+}
+.check-dis{
+    background-color: #d0d0d0;
+    border: 1px solid #d0d0d0;
+}
+.check-dis-bor{
+    border: 1px solid #d0d0d0;
+}

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

@@ -54,6 +54,9 @@
                                        <button class="but" :class="{'buts-actives': item.review}"
                                                @click="review(index)">{{ item.review ? reasoningBut[1].startName : reasoningBut[1].endName }}</button>
                                    </b>
+                                 <b :style="{right: -item.right + 'px', top: item.top + 'px'}" v-if="customBut.length > 0" ref="b">
+                                       <button class="but" v-for="(it,ind) in customBut" :class="{'buts-actives': it.active}" @click="customButTap(it,item)">{{ it.name }}</button>
+                                   </b>
                                </i>
                            </span>
           </div>
@@ -68,15 +71,25 @@
         </div>
         <div class="choice" v-if="item.testKey" v-show="item.open">
           <div class="choice-box" v-for="(ts,ind) in item.testKey">
-            <label>
+            <label v-if="ques(item.quesType)">
               <input class="choice-input" v-if="chooseAnswer" :disabled="disabled" :checked="ts.checked"
-                     @change="answerChange($event,item,`${id}${index}`)" :type="ques(item.quesType)?'radio':'checkbox'"
+                     @change="answerChange($event,item,`${id}${index}`,null)" type="radio"
                      :name="`${id}${index}`"/>
               <span
                   :class="{'choice-span': chooseAnswer,'choice-color': disabled&&ts.checked&&!item.error&&!nothing,'choice-red': disabled&&ts.checked&&item.error&&!nothing}">{{
                   ts.index
                 }}. {{ ts.content[0] }}</span>
             </label>
+            <label v-else>
+              <input class="choice-input" style="display: none;" v-if="chooseAnswer" :disabled="disabled" :checked="ts.checked"
+                     @change="answerChange($event,item,`${id}${index}`,ts)" type="checkbox"
+                     :name="`${id}${index}`"/>
+              <i class="choice-ico" :class="{'check-active': ts.checked, 'check-dis': disabled&&ts.checked,'check-dis-bor': disabled&&!ts.checked}"></i>
+              <span
+                  :class="{'choice-span': chooseAnswer,'choice-color': disabled&&ts.checked&&!item.error&&!nothing,'choice-red': disabled&&ts.checked&&item.error&&!nothing}">{{
+                  ts.index
+                }}. {{ ts.content[0] }}</span>
+            </label>
           </div>
         </div>
         <div class="table" v-if="item.replace&&item.itemList&&collapse&&item.quesType === '102_1'">
@@ -217,6 +230,10 @@ export default {
     nothing: {
       type: Boolean,
       default: false
+    },
+    customBut:{
+      type: Array,
+      default: []
     }
   },
   watch: {
@@ -247,6 +264,10 @@ export default {
   },
   emits: ['change', 'modify', 'del', 'changeAll', 'replaceData', 'choiceData', 'judgeAnswer', 'openReasoning', 'review', 'subject'],
   methods: {
+    customButTap(e,d) {
+      if(e.key === 'option') d.open = !d.open
+      e.onClick(e)
+    },
     init() {
       this.value = JSON.parse(JSON.stringify(this.data))
       this.value.map((item, index) => { // 转换html
@@ -323,7 +344,8 @@ export default {
     statistics(i) {
       this.value[i].replace = !this.value[i].replace
     },
-    answerChange(e, v, id) {
+    answerChange(e, v, id, check) {
+      if(check !== null) check.checked = e.target.checked
       let answerArr = []
       const ids = document.getElementsByName(id)
       ids.forEach((x, index) => {

package/src/index.js

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