提交

src/api/device/deviceList.js

@@ -28,3 +28,12 @@ export function ReqQueryDevice(parameter) {
         params: parameter
     })
 }
+
+// 根据id解绑
+export function ReqRemoveDevice(parameter) {
+    return request({
+        url: 'api/device/delete',
+        method: 'post',
+        data: parameter
+    })
+}

src/api/device/startUpList.js

@@ -17,3 +17,12 @@ export function reqEditStartUp(parameter) {
         data: parameter
     })
 }
+
+// 情况开关机配置列表的接口
+export function reqClearStartUp(parameter) {
+    return request({
+        url: 'api/device/clearSetting',
+        method: 'post',
+        data: 'parameter'
+    })
+}

src/views/device/deviceConfig.vue

@@ -14,7 +14,7 @@
           </div>
         </el-col>
         <el-col class="page_add" :span="4">
-          <el-button class="table_add clear_btn" plain :disabled="clearBtnDisabled">清空</el-button>
+          <el-button class="table_add clear_btn" plain :disabled="clearBtnDisabled" @click="clearStartUp">清空</el-button>
         </el-col>
       </el-row>
     </div>
@@ -391,7 +391,7 @@ export default {
       } else {
         this.clearBtnDisabled = true
       }
-      // console.log(val)
+      console.log(val)
     }
   }
 }

src/views/device/index.vue

@@ -91,7 +91,7 @@
                 @click="editFormData(scope.row)"
               >编辑</el-button>
               <el-button type="danger" class="record_btn" @click="recordData(scope.$index, scope.row)">记录</el-button>
-              <el-button type="danger">解绑</el-button>
+              <el-button type="danger" @click="removeDevice(scope.row)">解绑</el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -198,7 +198,7 @@
 </template>
 
 <script>
-import { ReqDeviceEdit ,ReqDeviceList,ReqQueryDevice} from '@/api/device/deviceList.js'
+import { ReqDeviceEdit ,ReqDeviceList,ReqQueryDevice,ReqRemoveDevice} from '@/api/device/deviceList.js'
 import {parseTime} from '@/utils/index.js'
 export default {
   name: 'Device',
@@ -267,7 +267,40 @@ export default {
       this.form.name=row.device_name
       this.form.orientation=row.device_direction==1?'竖屏':'横屏'
       this.form.device_id=row.device_id     
-      console.log(this.form.orientation)
+      // console.log(this.form.device_id)    
+    },
+    // 解绑
+    removeDevice(row){
+      // console.log(row.device_id)
+      this.$confirm(`你确定解绑${row.device_name}?`, "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(()=>{
+        const params={
+          id:row.device_id
+        }
+        ReqRemoveDevice(params).then(res=>{   
+          if (res.code === 200) {
+            this.$message({
+              message: '解绑成功',
+              type: 'success'
+            })
+             this.getDevice()
+          }
+        })
+      })
+      // .catch(err => err) //用catch来捕获错误消息
+
+      // if ('cancel' === confirmRes) {//用户点击了取消
+      //  return this.$message.info('已经取消了删除')
+      // }
+      // if ('confirm' === confirmRes) { //用户点击了确认 
+      //   ReqRemoveDevice(row.id).then(res=>{
+      //     console.log(res)
+      //   })
+         
+      // }
       
 
     },