诊断依据输入框修改（未完成）

src/components/diagBase/AddDiagBase.vue

@@ -98,13 +98,18 @@
                                 v-model.trim="item.uniqueName" 
                                 >
                             </el-input> -->
-                            <div class="disableDiv" :class="{borderRed:item.uniqueName===null ||item.verifyUnique}" :title="item.uniqueName" >{{item.uniqueName}}</div> 
+                            <!-- <div class="disableDiv" :class="{borderRed:item.uniqueName===null ||item.verifyUnique}" :title="item.uniqueName" >{{item.uniqueName}}</div>  -->
+                            <Textarea 
+                                :value = "item.uniqueName"
+                                :readonly = false
+                                :borderRed = "item.uniqueName===null ||item.verifyUnique"
+                            ></Textarea>
                         </el-tooltip> 
                         <!-- <div>{{item.uniqueName}}</div> -->
                     </td>
                     <td class="FeatureResult">
                         <el-tooltip :disabled="!item.verifyResult"  class="item" effect="dark" :content="item.verifyResult" placement="top">
-                            <el-input class="groupTextarea"
+                            <!-- <el-input class="groupTextarea"
                                 type="textarea"  
                                 :autosize="{ minRows: 1}"
                                 :readonly="item.type!=3"  
@@ -113,15 +118,13 @@
                                 v-model.trim="item.midResult" 
                                 @input="handleInp(index,$event,'FeatureResult')"
                                 @focus="clickItem(index,'FeatureResult')">
-                            </el-input>
-                            <!-- <div :class="{borderRed:item.verifyResult, disableDiv:item.type!=3}"  
-                                 :contenteditable="item.type==3"   
-                                 :title="item.midResult" 
-                                 @input="handleInp(index,$event,'FeatureResult')"
-                                 @focus="clickItem(index,'FeatureResult')"
-                                 >
-                                {{item.midResult}}
-                            </div> -->
+                            </el-input> -->
+                            <Textarea 
+                                :value = "item.uniqueName"
+                                :readonly = "item.type!=3"
+                                :borderRed = 'item.verifyResult'
+                                @handleInp="handleInp"
+                            ></Textarea>
                         </el-tooltip> 
                     </td>
                     <td class="FeatureOpera">
@@ -204,6 +207,7 @@
   import api from '@api/diagBase.js';
   import utils from '@api/utils.js';
   import apis from '@api/icss.js';
+  import Textarea from './Textarea'
 
   export default {
     name: 'AddChronicAndIndexRelation',
@@ -829,39 +833,42 @@
             }).catch(() => {});
         },
        
-        handleInp(index,e,type,itemType){ //分组不能输入负数
-            const value = e
-            if(type === 'FeatureNumber') { //序号只能输入数字和.
-                this.$nextTick(() => {
-                    this.disFeatureList[index].code = value.replace(/[^\d.]/g,'')
-                })
-            } else if(type==='FeatureStand') {  //标准词不能输入顿号
-                 this.$nextTick(() => {
-                    this.disFeatureList[index].standard = value.replace(/、/g,'')
-                })
-                // this.disFeatureList[index].standard = value.replace(/、/g,'')
-            } else if ( type === 'FormulaNumber') {
-                //计算公式确诊只能输入以下内容： 任、一、二、三、四、五、六、七、八、九、十、拟、诊、0-9、/、.、(、)、（、）
-                if(itemType == 91) {
-                    this.$nextTick(() => {
+        // handleInp(index,e,type,itemType){ //分组不能输入负数
+        handleInp(e){ //分组不能输入负数
+            console.log(e)
+
+            // const value = e
+            // if(type === 'FeatureNumber') { //序号只能输入数字和.
+            //     this.$nextTick(() => {
+            //         this.disFeatureList[index].code = value.replace(/[^\d.]/g,'')
+            //     })
+            // } else if(type==='FeatureStand') {  //标准词不能输入顿号
+            //      this.$nextTick(() => {
+            //         this.disFeatureList[index].standard = value.replace(/、/g,'')
+            //     })
+            //     // this.disFeatureList[index].standard = value.replace(/、/g,'')
+            // } else if ( type === 'FormulaNumber') {
+            //     //计算公式确诊只能输入以下内容： 任、一、二、三、四、五、六、七、八、九、十、拟、诊、0-9、/、.、(、)、（、）
+            //     if(itemType == 91) {
+            //         this.$nextTick(() => {
                        
-                        this.disFormulaList[index].formula =  value.replace(/[^\u4EFB\u4E00\u4E8C\u4E09\u56DB\u4E94\u516D\u4E03\u516B\u4E5D\u5341\u62df\u8bca0-9\/\.+\(\)\（\）]/g,'').replace(/[\（]/g, '(').replace(/[\）]/g, ')').replace(/' '/g, '')
-                    })
-                } else {    //计算公式其他只能输入以下内容： 任、一、二、三、四、五、六、七、八、九、十、0-9、/、.、(、)、（、）
-                //计算公式只能输入以下内容： 任、一、二、三、四、五、六、七、八、九、十、0-9、/、.、(、)、（、）
-                    this.$nextTick(() => {
-                        this.disFormulaList[index].formula =  value.replace(/[^\u4EFB\u4E00\u4E8C\u4E09\u56DB\u4E94\u516D\u4E03\u516B\u4E5D\u53410-9\/\.+\(\)\（\）]/g,'').replace(/[\（]/g, '(').replace(/[\）]/g, ')').replace(/' '/g, '')
-                    })
-                }
+            //             this.disFormulaList[index].formula =  value.replace(/[^\u4EFB\u4E00\u4E8C\u4E09\u56DB\u4E94\u516D\u4E03\u516B\u4E5D\u5341\u62df\u8bca0-9\/\.+\(\)\（\）]/g,'').replace(/[\（]/g, '(').replace(/[\）]/g, ')').replace(/' '/g, '')
+            //         })
+            //     } else {    //计算公式其他只能输入以下内容： 任、一、二、三、四、五、六、七、八、九、十、0-9、/、.、(、)、（、）
+            //     //计算公式只能输入以下内容： 任、一、二、三、四、五、六、七、八、九、十、0-9、/、.、(、)、（、）
+            //         this.$nextTick(() => {
+            //             this.disFormulaList[index].formula =  value.replace(/[^\u4EFB\u4E00\u4E8C\u4E09\u56DB\u4E94\u516D\u4E03\u516B\u4E5D\u53410-9\/\.+\(\)\（\）]/g,'').replace(/[\（]/g, '(').replace(/[\）]/g, ')').replace(/' '/g, '')
+            //         })
+            //     }
                 
             
-            } else if ( type === 'FeatureRelate') {
-                if(itemType == 3) {
-                     this.$nextTick(() => {
-                        this.disFeatureList[index].relation = value.replace(/、/g,'')
-                    })
-                }
-            }
+            // } else if ( type === 'FeatureRelate') {
+            //     if(itemType == 3) {
+            //          this.$nextTick(() => {
+            //             this.disFeatureList[index].relation = value.replace(/、/g,'')
+            //         })
+            //     }
+            // }
             // const item = this.selectedIndexList[index].indexDesc;
             // e.target.value = value.replace(/[^\d]/g,'');
             // this.selectedIndexList[index].indexDesc = item.replace(/[^\d]/g,'');
@@ -926,6 +933,9 @@
             });
             return
         }
+    },
+    components: {
+        Textarea
     }
   }
 </script>

src/components/diagBase/Textarea.vue

@@ -0,0 +1,52 @@
+<template>
+    <div 
+        :contenteditable="readonly"
+        :title="value"
+        class="textarea"
+        :class="{borderRed: borderRed, disableDiv:!readonly}"
+        @input="handInput"
+        @blur="handleBlur"
+    >   
+        {{value}}
+    </div>
+</template>
+<script>
+export default {
+    name: 'Textarea',
+    props: ['readonly','value','borderRed'],
+    data() {
+        return {
+
+        }
+    },
+    methods: {
+        handInput(e) {
+           this.$emit("handleInp",e)
+        },
+        handleFocus() {
+
+        },
+        handleBlur() {
+            console.log('blur')
+        }
+    }
+}
+</script>
+<style scoped lang='less'>
+    .textarea{
+        outline: none;
+    }
+    .borderRed {
+        border: 3px solid red ;
+        box-sizing: border-box;
+    }
+    .disableDiv {
+        background: rgb(236, 236, 236);
+        box-sizing: border-box;
+        cursor: not-allowed;
+        font-size: 14px;
+        line-height: 20px;
+        padding: 5px 0;
+        min-height: 30px;
+    }
+</style>