诊断依据维护

src/components/knowledgeExtra/AddDiagBase.vue

@@ -249,8 +249,9 @@
                     </el-form-item>
 
                     <div
-                      v-if="v.title == '医学标准术语' && items.basType == 1"
-                      class="box-2"
+                      v-if="v.title == '医学标准术语'"
+                      v-show="items.basType == 1"
+                      class="box-2 box-o"
                       :class="items.basType===3 || items.basType===4? 'tmall' : 'taobao'"
                     >
                       <el-form-item
@@ -270,7 +271,7 @@
                           remote
                           collapse-tags
                           reserve-keyword
-                          placeholder="请输入关键词"
+                          placeholder="请选择"
                           :remote-method="(val)=>searchConcept(val,scope.$index,index,i)"
                           @change="(val)=>conceptChange(val,scope.$index,index,i,items.basType)"
                           @visible-change="(val)=>changeValue1(val,scope.$index,index,i)"
@@ -285,8 +286,9 @@
                       </el-form-item>
                     </div>
                     <div
-                      v-if="v.title == '医学标准术语' && items.basType != 1"
-                      class="box-2"
+                      v-if="v.title == '医学标准术语'"
+                      v-show="items.basType != 1"
+                      class="box-2 box-o"
                       :class="items.basType===3 || items.basType===4? 'tmall' : 'taobao'"
                     >
                       <el-form-item
@@ -1052,7 +1054,10 @@ export default {
       ].dataType = '';
       this.form.klDiagnoseTypeVO[inx].groupVO[index].klDiagnoseDetail[
         i
-      ].conceptList = [];
+      ].basConceptId = [];
+      this.form.klDiagnoseTypeVO[inx].groupVO[index].klDiagnoseDetail[
+        i
+      ].conceptId = '';
       this.clearConcept(val, inx, index, i); //清空医学标准术语
       this.clearNumText(val, inx, index, i); //清空数值、医学内容
       var index2 = this.baseTermTypeList.findIndex(item => item.type === val);
@@ -1135,34 +1140,20 @@ export default {
         )
       );
       this.basConceptId = [];
-      if (val) {
-        // console.log(formData.basConceptId)
-        // formData.basConceptId.forEach(item => {
-        //   formData.conceptList.forEach(it => {
-        //     if (item == it.conceptId) {
-        //       this.basConceptId.push(it);
-        //     }
-        //   });
-        // });
-        // this.form.klDiagnoseTypeVO[inx].groupVO[index].klDiagnoseDetail[
-        //   i
-        // ].conceptList = this.basConceptId
-      } else {
-        formData.basConceptId.forEach(item => {
-          formData.basConceptList.forEach(it => {
-            if (item == it.conceptId) {
-              // console.log(it)
-              this.basConceptId.push(it);
-            }
-          });
+      let data2 = formData.basConceptList.filter(it => {
+        let arr = formData.basConceptId.map(v => v.conceptId);
+        return !arr.includes(it.conceptId);
+      });
+      formData.basConceptId.forEach(item => {
+        data2.forEach(it => {
+          if (item == it.conceptId) {
+            this.basConceptId.push(it);
+          }
         });
-        // console.log(formData.basConceptList)
-        // formData.basConceptList.concat(this.basConceptId)
-        // console.log(formData.basConceptList)
-        this.form.klDiagnoseTypeVO[inx].groupVO[index].klDiagnoseDetail[
-          i
-        ].conceptList = this.basConceptId;
-      }
+      });
+      this.form.klDiagnoseTypeVO[inx].groupVO[index].klDiagnoseDetail[
+        i
+      ].conceptList = this.basConceptId;
     },
     //医学标准术语
     conceptChange(val, inx, index, i, basType) {
@@ -1177,20 +1168,6 @@ export default {
           i
         ].conceptId = val;
       }
-
-      // if (val) {
-      //   this.form.klDiagnoseTypeVO[inx].groupVO[index].klDiagnoseDetail[
-      //     i
-      //   ].basLibName = this.form.klDiagnoseTypeVO[inx].groupVO[
-      //     index
-      //   ].klDiagnoseDetail[i].conceptList.find(
-      //     it => it.conceptId === val
-      //   ).conceptName;
-      // } else {
-      //   this.form.klDiagnoseTypeVO[inx].groupVO[index].klDiagnoseDetail[
-      //     i
-      //   ].basLibName = '';
-      // }
     },
     searchConcept(val, inx, index, i) {
       const formData = JSON.parse(JSON.stringify(this.form));
@@ -1229,7 +1206,9 @@ export default {
                 ].conceptList = data2; // 改变了的值
                 formData.klDiagnoseTypeVO[inx].groupVO[index].klDiagnoseDetail[
                   i
-                ].basConceptList = data;
+                ].basConceptList = formData.klDiagnoseTypeVO[inx].groupVO[
+                  index
+                ].klDiagnoseDetail[i].basConceptList.concat(data);
               } else {
                 formData.klDiagnoseTypeVO[inx].groupVO[index].klDiagnoseDetail[
                   i
@@ -1262,6 +1241,9 @@ export default {
       this.form.klDiagnoseTypeVO[inx].groupVO[index].klDiagnoseDetail[
         i
       ].conceptList = [];
+      this.form.klDiagnoseTypeVO[inx].groupVO[index].klDiagnoseDetail[
+        i
+      ].conceptId = '';
     },
     clearNumText2(val, inx, index, i) {
       this.form.klDiagnoseTypeVO[inx].groupVO[index].klDiagnoseDetail[
@@ -1566,23 +1548,25 @@ export default {
 </script>
 <style lang="less" scoped>
 @import '../../less/admin.less';
-/deep/ .el-select-dropdown__list, .el-select-dropdown__item {
-  width: 180px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-/deep/ .searchselect {
-  .el-input {
+
+.box-o{
+  /deep/ .el-select{
     width: 210px;
-    height: 100% !important;
   }
+  /deep/.el-input--suffix .el-input__inner{
+    height: 30px !important;
+  }
+}
+/deep/ .searchselect {
   .el-select__tags {
-    max-width: 100% !important;
+    max-width: 210px !important;
   }
   .el-tag {
+    min-width: 40px !important;
+    max-width: 75px !important;
     .el-select__tags-text {
-      width: 75px !important;
+      min-width: 40px !important;
+      max-width: 75px !important;
       display: block;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -1590,19 +1574,15 @@ export default {
     }
     .el-tag__close {
       top: -22px;
-      right: -38px;
+      right: -28px;
     }
   }
   .el-tag:last-child {
     min-width: 40px !important;
     max-width: 75px !important;
     .el-select__tags-text {
-      display: inline;
-    }
-    .el-tag__close {
-      top: 0;
-      left: 0;
-      right: 0;
+      min-width: 40px !important;
+      max-width: 75px !important;
     }
   }
 }