关联优化

src/components/preTreat/PubSelect.vue

@@ -2,13 +2,6 @@
   <div class="single-container">
     <el-form>
       <div class="operation-row">
-        <el-checkbox-group size="small" v-model="checkedCon">
-          <el-checkbox-button
-            :label="0"
-            v-if="type==1||type==2"
-            @change="handleExcluCon"
-          >添加关联</el-checkbox-button>
-        </el-checkbox-group>
         <el-checkbox-group size="small">
           <el-checkbox-button
             :label="0"
@@ -115,6 +108,14 @@
               </p>
             </li>
           </ul>
+
+          <el-checkbox-group size="small" v-model="checkedCon" class="connect">
+            <el-checkbox-button
+              :label="0"
+              v-if="type==1||type==2"
+              @change="handleExcluCon"
+            >{{checkedCon?'取消关联':'添加关联'}}</el-checkbox-button>
+          </el-checkbox-group>
         </div>
       </div>
     </el-form>
@@ -396,6 +397,7 @@ export default {
           type: "warning",
           showClose: true
         });
+        this.checkedCon = false
         return;
       }
       if(this.selectLeftTagsList.length==0&&this.rows[i].exclusionCon!=1){
@@ -404,6 +406,7 @@ export default {
           type: "warning",
           showClose: true
         });
+        this.checkedCon = false
         return;
       }
       if (this.rows[i].exclusionCon&&this.rows[i].exclusionCon === 1) {
@@ -591,4 +594,12 @@ export default {
 .main-area .inps,.main-area .el-button {
   width:calc(100% - 120px)
 }
+.el-checkbox-group.connect {
+  position: absolute;
+  right: -150px;
+  top: 0;
+}
+.pool {
+  position: relative;
+}
 </style>