调整隔离点右侧样式

src/views/mes/sop/sopm/NewSop.vue

@@ -55,7 +55,7 @@
                     <el-input
                       type="textarea"
                       v-model="form.workContent"
-                      :row="6"
+                      :rows="5"
                     ></el-input>
                   </el-form-item>
                   <div class="text item">
@@ -63,7 +63,7 @@
                     <el-table
                       :data="tableData"
                       stripe
-                      height="250"
+                      height="280"
                       style="width: 100%"
                     >
                       <el-table-column prop="id" label="序号" width="60">
@@ -85,7 +85,7 @@
                       </el-table-column>
                     </el-table>
                   </div>
-                  <el-form-item label="" prop="" style="margin-top: 23%">
+                  <el-form-item label="" prop="">
                     <el-button
                       style="float: right; height: 30px; line-height: 10px"
                       type="primary"
@@ -117,7 +117,7 @@
                     <el-table
                       :data="tableData"
                       stripe
-                      height="250"
+                      height="480"
                       style="width: 100%"
                     >
                       <el-table-column prop="id" label="序号" width="60">
@@ -139,7 +139,7 @@
                       </el-table-column>
                     </el-table>
                   </div>
-                  <el-form-item label="" prop="" style="margin-top: 45%">
+                  <el-form-item label="" prop="">
                     <el-button
                       style="float: right; height: 30px; line-height: 10px"
                       type="primary"
@@ -243,19 +243,24 @@ export default {
           isolation: "挂锁",
           type: "电能",
         },
-      ],
-      // 右侧中间选择隔离点中已选隔离点
-      spointOptions: [
-        { label: "E-1", value: 1 },
-        { label: "E-2", value: 2 },
-        { label: "E-3", value: 3 },
-        { label: "E-4", value: 4 },
-        { label: "E-5", value: 5 },
-        { label: "E-6", value: 6 },
-        { label: "E-7", value: 7 },
-        { label: "E-8", value: 8 },
-        { label: "E-9", value: 9 },
-        { label: "E-10", value: 10 },
+        {
+          id: 4,
+          point: "E-4",
+          isolation: "挂锁",
+          type: "电能",
+        },
+        {
+          id: 5,
+          point: "E-5",
+          isolation: "挂锁",
+          type: "电能",
+        },
+        {
+          id: 6,
+          point: "E-6",
+          isolation: "挂锁",
+          type: "电能",
+        },
       ],
     };
   },
@@ -271,29 +276,6 @@ export default {
 
       console.log("我点击了下一步");
     },
-
-    // 选择隔离点中间已选隔离点
-    // 下拉框选择事件
-    handleSelect(value) {
-      console.log(value, "value");
-      const checkedCount = value.length;
-      this.checkAll = checkedCount === this.spointOptions.length;
-      this.isIndeterminate =
-        checkedCount > 0 && checkedCount < this.spointOptions.length;
-      const data = value.map((item) => {
-        return item;
-      });
-      this.form.spoint = value.length > 0 ? data : [];
-      console.log(this.form.spoint, " form.spoint");
-    },
-    // 全选事件
-    handleCheckAllChange(val) {
-      const data = this.spointOptions.map((item) => {
-        return item.value;
-      });
-      this.form.spoint = val ? data : [];
-      this.isIndeterminate = false;
-    },
   },
 };
 </script>
@@ -318,8 +300,6 @@ export default {
     .right_top {
       height: 540px;
     }
-    .right_bottom {
-    }
   }
 }
 //右侧卡片样式开始
@@ -329,6 +309,7 @@ export default {
 
 .item {
   margin-bottom: 18px;
+
   p {
     font-size: 18px;
     font-weight: bolder;
@@ -349,7 +330,7 @@ export default {
 .box-card {
   // width: 390px;
   width: 95%;
-  height: 800px;
+  height: 820px;
 }
 
 ::v-deeep .el-tabs--top .el-tabs__item.is-top:nth-child(2),