输入类型空白符处理

src/common/ComTextArea.vue

@@ -83,7 +83,7 @@ export default {
     position:fixed;
     bottom:0;
     background:#fff;
-    padding:0.28rem 0 4%;
+    padding:0.28rem 0 0;
     box-shadow: 0 0 30px -10px rgba(104, 124, 189, 0.25);
     text-align: center;
     textarea {

src/common/OptionInp.vue

@@ -34,12 +34,16 @@ import $ from 'jquery';
     },
     methods:{
       changeVal(e){
-        this.txt = e.target.value;
+        /*const val = e.target.value;
+        if(!val.match(/\S/g)){      //只有空白符不算输入
+          this.txt='';
+        }*/
         if(this.msg.type=='number'){//数字键盘
           this.txt = e.target.value=e.target.value.replace(/^\.$/,'')
         }
         this.$emit('handleInp',this.txt,this.inx);
-        if(this.txt&&!this.item.select||(!this.txt&&this.item.select)){
+        const notNull=this.txt.match(/\S/g);
+        if(notNull&&!this.item.select||(!notNull&&this.item.select)){
           this.$emit("handleSelect")
         }
       },

src/components/MainPage.vue

@@ -37,16 +37,16 @@
           </div>
           <span v-if="!canceledSym&&num<1" class="edit" @click="cancelSymptom">修改</span>
         </div>
-        <div v-for="(item,idx) in symptomQasList" :key="'0'+item.id" v-if="activeTab">
+        <div v-for="(item,idx) in symptomQasList" :key="'0'+idx+item.id" v-if="activeTab">
           <Dialog :idx="idx" v-if="item.show" :item="item" @cancel="cancelSelected" :num="activeNum" :cancelNum="canceledQa" :extNum ="[]" :cancelTab="cancelTab" :isLast="idx===symptomQasList.length-1"/>
         </div>
-        <div v-for="(item,idx) in diagnoseQasList" :key="'1'+item.id" v-if="activeTab==moduleKeys[1]||activeTab==moduleKeys[2]||activeTab==moduleKeys[3]">
+        <div v-for="(item,idx) in diagnoseQasList" :key="'1'+idx+item.id" v-if="activeTab==moduleKeys[1]||activeTab==moduleKeys[2]||activeTab==moduleKeys[3]">
           <Dialog :idx="idx" v-if="item.show" :item="item" @cancel="cancelSelected" :num="activeNum" :extNum ="[symptomQasList.length]" :cancelNum="canceledQa" :cancelTab="cancelTab" :isLast="idx===diagnoseQasList.length-1"/>
         </div>
-        <div v-for="(item,idx) in othersQasList" :key="'2'+item.id" v-if="activeTab==moduleKeys[2]||activeTab==moduleKeys[3]">
+        <div v-for="(item,idx) in othersQasList" :key="'2'+idx+item.id" v-if="activeTab==moduleKeys[2]||activeTab==moduleKeys[3]">
           <Dialog :idx="idx" v-if="item.show" :item="item" @cancel="cancelSelected" :num="activeNum" :extNum ="[symptomQasList.length,diagnoseQasList.length]" :cancelNum="canceledQa" :cancelTab="cancelTab" :isLast="idx===othersQasList.length-1"/>
         </div>
-        <div v-for="(item,idx) in addContentQasList" :key="'3'+item.id" v-if="activeTab==moduleKeys[3]">
+        <div v-for="(item,idx) in addContentQasList" :key="'3'+idx+item.id" v-if="activeTab==moduleKeys[3]">
           <Dialog :idx="idx" v-if="item.show" :item="item" @cancel="cancelSelected" :num="activeNum" :extNum ="[symptomQasList.length,diagnoseQasList.length,othersQasList.length]" :cancelNum="canceledQa" :cancelTab="cancelTab"/>
         </div>
       </div>