编辑元素页面修改

src/views/manager/projectinfo/editElement/editElement.vue

@@ -23,14 +23,14 @@
               @click="saveReplace()">保存</el-button> -->
           </div>
            
-          <div v-show="AddNewElementField == '替换元素'" class="right-box">
+          <div v-show="AddNewElementField == '替换元素'">
            <div class="martop20"  style="font-weight: bold;font-size: 18px;"> 
                <i class="el-icon-edit" style="color: #52B200;"></i>
                替换操作栏
             </div>
             <div class="martop20">
               <div style="font-weight: bold;">选中的元素</div>
-              <div class="check_box">333333333333333333333333333333</div>
+              <div class="check_box">选中元素的值</div>
             </div>
       
             <!-- <el-select style="width:95%;" v-model="value" filterable placeholder="输入元素名称搜索">
@@ -52,10 +52,10 @@
                <i class="el-icon-s-order" style="color: #E3B8E1;"></i>
                未匹配元素快速选择栏
             </div>
-            <div class=" replace_box">
+            <div class=" replace_box" v-if="true">
               <div style="width: 100%;height: 100%;overflow-y: auto;">
                 <el-row class="mb-4 ">
-                  <div style="width: 60%;">
+                  <div style="width: 100%;">
                     <el-button type="warning" plain v-for="(item,index) in unMatchItems" @click="unMatchClick(item)" :key="index"
                       style="margin-bottom: 10px ;" size="small">{{ item.eName }}</el-button>
                   </div>
@@ -105,18 +105,7 @@
                 </el-select>
               </template>
             </el-table-column>
-            <!-- <el-table-column
-            prop="date"
-            label="长度"
-            align="center"
-          >
-            <template slot-scope="scope">
-              <el-input
-                v-model="scope.row.date"
-                placeholder="请输入内容"
-              ></el-input>
-            </template>
-          </el-table-column> -->
+
             <el-table-column prop="date" align="center" width="120" label="操作">
               <template slot-scope="scope">
                 <el-button type="danger" size="mini" @click="deleteziduan(scope.$index)">删除</el-button>
@@ -863,6 +852,8 @@ export default {
         }
 
         this.noRepeat(this.checkList)
+      
+        
       }
     },
 
@@ -1029,11 +1020,10 @@ export default {
   margin-top: 20px;
   border: 1px gray dashed;
   width:95%;
-
+  height: calc(100vh - 780px);
   position: relative;
   padding-top: 20px;
   padding-left: 20px;
-  flex: 1cqb;
 
 
 
@@ -1062,10 +1052,4 @@ export default {
   background: rgb(254, 252, 233);
   padding: 10px;
 }
-.right-box{
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  border: 1px solid red;
-}
 </style>