添加解除绑定对话框

src/views/storeManage/warehouse3DConfig/index.vue

@@ -8,7 +8,7 @@
       </div>
       <div>
         <el-button type="primary" class="iconfont icon-bangdingcanshu-fanbai" size="mini" :disabled="selections.length !== 1 || selections[0].bindState" @click="handleBindParam">绑定参数</el-button>
-        <el-button type="primary" class="unbind-btn iconfont icon-jiechubangding-fanbai" size="mini" :disabled="selections.length !== 1 || !selections[0].bindState" @click="handleUnbind">解除绑定</el-button>
+        <el-button type="primary" class="unbind-btn iconfont icon-jiechubangding-fanbai" size="mini" :disabled="selections.length !== 1 || !selections[0].bindState" @click="unbind()">解除绑定</el-button>
       </div>
     </div>
     <div class="app-container container-wrap">
@@ -79,6 +79,18 @@
         </div>
       </div>
     </el-dialog>
+    <el-dialog title="解除绑定" :visible.sync="unbindVisible">
+      <span class="dialog-right-top" />
+      <span class="dialog-left-bottom" />
+      <div class="setting-dialog">
+        <div class="dialog-delt">
+          <p><span>确定解除当前显示位置绑定设备吗？</span></p>
+        </div>
+        <div slot="footer" class="dialog-footer">
+          <el-button type="primary" @click.native="handleUnbind">确定</el-button>
+        </div>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -119,7 +131,8 @@ export default {
           { required: true, validator: checkDeviceInfo, trigger: 'change' }
         ]
       },
-      isMultiple: false
+      isMultiple: false,
+      unbindVisible: false
     }
   },
   watch: {
@@ -224,8 +237,17 @@ export default {
         })
       }
     },
+    unbind() {
+      this.unbindVisible = true
+    },
     handleUnbind() {
       crudDevice.unbind({ id: this.selections[0].id }).then((data) => {
+        this.unbindVisible = false
+        this.$message({
+          message: '解除绑定成功',
+          type: 'success',
+          duration: 2500
+        })
         this.getDisplayConfigList()
       })
     },
@@ -304,13 +326,6 @@ export default {
         this.$set(this.form.deviceInfo, 'id', '')
       }
     }
-    // beforeClose(done) {
-    //   this.$set(this.form, 'deviceSpecParams', '')
-    //   this.$set(this.form, 'divPosition', '')
-    //   this.$set(this.form, 'isDisplay', false)
-    //   this.$set(this.form.deviceInfo, 'id', '')
-    //   done()
-    // }
   }
 }
 </script>