修改

src/views/manage/Datadetails/index.vue

@@ -13,7 +13,11 @@
           >
             <div class="top">
               <div class="toptop">
-                <el-select v-model="uitem.routeNodeName" style="width: 87px" disabled>
+                <el-select
+                  v-model="uitem.routeNodeName"
+                  style="width: 87px"
+                  disabled
+                >
                   <el-option label="出院后" value="AFTER_DISCHARGE" />
                   <el-option label="入院后" value="AFTER_ADMISSION" />
                   <el-option label="就诊后" value="AFTER_CONSULTATION" />
@@ -25,7 +29,7 @@
                   <el-option label="术后" value="POSTOPERATIVE" />
                 </el-select>
                 <el-input
-                disabled
+                  disabled
                   v-model="uitem.routeNodeDay"
                   style="width: 70px"
                   type="number"
@@ -37,8 +41,10 @@
             <el-card
               v-for="(ulitem, ulindex) in uitem.list"
               :key="ulindex"
-              @click.native="bottomclickevent(ulitem, uindex ,ulindex)"
+              @click.native="bottomclickevent(ulitem, uindex, ulindex)"
-              :class="listindex == uindex && itemindex == ulindex ? 'cards' : ''"
+              :class="
+                listindex == uindex && itemindex == ulindex ? 'cards' : ''
+              "
             >
               <h3 style="height: 20px">{{ ulitem.taskTypeName }}</h3>
               <el-tag
@@ -80,8 +86,8 @@
               >
                 <el-form-item :label="ite.paramName" :key="ind">
                   <el-input
+                    class="textarea"
                     v-model="ite.paramValue"
-                    style="width: 500px"
                   ></el-input>
                 </el-form-item>
               </el-form>
@@ -613,7 +619,7 @@ export default {
   name: "Datadetails",
   data() {
     return {
-      itemid:null,
+      itemid: null,
       // 药品
       baseDrugList: [],
       loading: true,
@@ -858,7 +864,7 @@ export default {
     },
     // 圆点按钮
     nurseclick(row) {
-      this.getParamslistData[this.indexdata].ids=row.id
+      this.getParamslistData[this.indexdata].ids = row.id
       this.getParamslistData[this.indexdata].forEach(el => {
         // console.log(row[el.paramKey], 'row[el.paramKey]----------')
         el.paramValue = row[el.paramKey]
@@ -902,18 +908,19 @@ export default {
           });
           inserList(this.getParamslistData).then(res => {
             this.$modal.msgSuccess("提交成功!");
-            this.indexdata=null
+            this.indexdata = null
             loading.close();
           })
         })
       }
     },
-    bottomclickevent(ulitem,uindex,ulindex) {
+    bottomclickevent(ulitem, uindex, ulindex) {
-      console.log(ulitem,uindex,ulindex)
+
+      console.log(ulitem, uindex, ulindex)
+      this.getParamslistData =[]
       this.itemdata = ulitem
       this.taskPartitionList = []
       this.querytParams.id = ulitem.routeNodeId
-      this.getParamslistData = []
       this.getParams()
       this.listindex = uindex
       this.itemindex = ulindex;
@@ -938,12 +945,11 @@ export default {
       }
       this.indexdata = index
 
-      console.log(item, index)
     },
     additem(index) {
-      this.moban[0].forEach(e=>{
+      this.moban[0].forEach(e => {
-        e.paramValue=""
+        e.paramValue = ""
-        e.id=""
+        e.id = ""
       })
       const newVal = JSON.parse(JSON.stringify(this.moban[0]))
       // const newVal = JSON.parse(JSON.stringify(this.getParamslistData[0]))
@@ -964,7 +970,14 @@ export default {
 ::v-deep .el-card__body {
   position: relative;
 }
+::v-deep .el-select .el-input.is-disabled .el-input__inner{
+  background: #fff !important;
+}
+::v-deep .el-input.is-disabled .el-input__inner{
+  background: #fff !important;
 
+
+}
 .routeCheckStatus {
   position: absolute;
   right: 10px;
@@ -976,90 +989,22 @@ export default {
   text-align: right;
 }
 
-.bottomform {
-  background-color: #f2f4f5;
-  margin-top: 10px;
-
-  .card {
-    background-color: #fff;
-    width: 100%;
-    height: 200px;
-    margin: 20px 0 0;
-    padding: 20px 50px 0px 20px;
-
-    .flextwo {
-      display: flex;
-      align-items: center;
-      margin-top: 20px;
-
-      .text {
-        font-size: 13px;
-        color: #64666a;
-      }
-
-      ::v-deep .el-input__inner {
-        color: black !important;
-        background-color: #fff !important;
-        cursor: default !important;
-      }
-
-      .textarea {
-        width: 90%;
-        padding: 0 10px;
-        height: 50px;
-        line-height: 50px;
-        // border: 1px solid #DCDFE6;
-        border-radius: 5px;
-        display: flex;
-        align-items: center;
-        ::v-deep .el-input {
-          padding: 0 10px;
-          width: 50%;
-          color: black;
-          font-size: 13px;
-          height: 40px;
-          line-height: 40px;
-        }
-
-        ::v-deep .el-input__inner {
-          color: black;
-          font-size: 13px;
-        }
-      }
-    }
-    .flex {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-
-      .pushMethod {
-        height: 30px;
-        line-height: 30px;
-        font-size: 13px;
-        color: #64666a;
-
-        ::v-deep .el-input__inner {
-          color: black;
-          font-size: 13px;
-        }
-
-        span {
-          color: black;
-          font-size: 13px;
-        }
-      }
-    }
-  }
-}
 .topform {
   position: relative;
   padding: 15px 70px 30px 15px;
-  ::v-deep .el-card {
+  .form{
+    width: 100%;
+  }
+  .box-card {
+    // width:calc(100% - 149px);
+
     width: 85%;
     margin-left: 20px;
-    padding-top: 25px;  
+    padding-top: 25px;
+    .textarea {
+      width: 500px;
+    }
   }
-
   .icon {
     width: 150px;
     right: -20px;
@@ -1077,31 +1022,6 @@ export default {
     }
   }
 }
-
-.title {
-  display: flex;
-  align-items: center;
-
-  div {
-    display: flex;
-    padding-left: 10px;
-    font-weight: 600;
-    align-items: center;
-  }
-
-  .select {
-    font-weight: 550;
-    margin-left: 20%;
-    font-size: 12px;
-
-    .el-input {
-      width: 200px;
-      height: 30px !important;
-      line-height: 30px !important;
-    }
-  }
-}
-
 .list {
   margin: 20px auto;
   width: 100%;
@@ -1113,7 +1033,6 @@ export default {
   ::v-deep .el-card {
     margin-top: 20px !important;
   }
-
   .timelist {
     width: 25%;
     background-color: #fff;
@@ -1121,7 +1040,6 @@ export default {
     // height: 680px;
     // height: calc(100vh - 294px);
     overflow: scroll;
-
     .timetitle {
       height: 60px;
       display: flex;
@@ -1134,7 +1052,6 @@ export default {
       padding: 15px 0 0 !important;
     }
   }
-
   .texts {
     overflow-y: scroll;
     overflow-x: hidden;
@@ -1145,7 +1062,6 @@ export default {
     background-color: #fff;
   }
 }
-
 .cards {
   border: 1px solid #409eff;
   border-left: 5px solid #409eff;
@@ -1159,7 +1075,6 @@ export default {
   .toptop {
     display: flex;
     align-items: center;
-
   }
 
   span {
@@ -1187,4 +1102,4 @@ export default {
 ::v-deep .el-timeline-item__content {
   transform: translateY(-2%);
 }
-</style>
+</style>