zc

src/api/safetyEducationExaminationNew/index.js

@@ -778,6 +778,14 @@ export function examElLabEduRelationAudit(data) {
     data: data
   })
 }
+//解除实验室绑定
+export function examElLabEduRelationUnbind(data) {
+  return request({
+    url: '/exam/elLabEduRelation/unbind',
+    method: 'post',
+    data: data
+  })
+}
 //实验室申请绑定
 export function examElLabEduRelationBind(data) {
   return request({

src/views/safetyEducationExaminationNew/personnelApproval/index.vue

@@ -44,14 +44,19 @@
           <el-table-column prop="statusCode" label="状态" width="80" align="center" show-overflow-tooltip>
             <template slot-scope="scope">
             <span :class="scope.row.statusCode==0?'status-txt-a':(scope.row.statusCode==1?'status-txt-b':(scope.row.statusCode==2?'status-txt-c':''))">
-              {{ scope.row.statusCode==0?'待审批':(scope.row.statusCode==1?'已通过':(scope.row.statusCode==2?'已驳回':'')) }}
+              {{ scope.row.statusCode==0?'待审批':(scope.row.statusCode==1?'已通过':(scope.row.statusCode==2?'已驳回':(scope.row.statusCode==3?'已解绑':''))) }}
             </span>
             </template>
           </el-table-column>
           <el-table-column label="操作" min-width="130" align="left">
             <template slot-scope="scope">
-              <p class="button-color-a" v-if="scope.row.statusCode==0" @click="tableButton(1,scope.row)">通过</p>
-              <p class="button-color-b" v-if="scope.row.statusCode==0" @click="tableButton(2,scope.row)">驳回</p>
+              <div class="table-button-box">
+                <p class="table-button-null"></p>
+                <p class="button-color-a" v-if="scope.row.statusCode==0" @click="tableButton(1,scope.row)">通过</p>
+                <p class="button-color-b" v-if="scope.row.statusCode==0" @click="tableButton(2,scope.row)">驳回</p>
+                <p class="button-color-c" v-if="scope.row.statusCode==1" @click="tableButton(3,scope.row)">解绑</p>
+                <p class="table-button-null"></p>
+              </div>
             </template>
           </el-table-column>
         </el-table>
@@ -102,6 +107,7 @@
 <script>
   import {
     examElLabEduRelationAuditList,examElLabEduRelationAudit,
+    examElLabEduRelationUnbind,
   } from "@/api/safetyEducationExaminationNew/index";
   export default {
     name: 'LabBindingApply',
@@ -159,9 +165,19 @@
           }).then(() => {
             self.examElLabEduRelationAudit(1)
           }).catch(() => {});
-        } else {
+        } else if(val == 2) {
           //驳回
           this.$set(this,'dialogType',true);
+        } else if(val == 3) {
+          //解绑
+          this.$confirm('确认解除 '+row.userName+' 与 '+row.subName+'('+row.roomNum+')'+' 的绑定?', "提示", {
+            confirmButtonText: "确认",
+            cancelButtonText: "取消",
+            type: "warning"
+          }).then(function() {
+          }).then(() => {
+            self.examElLabEduRelationUnbind(row.id)
+          }).catch(() => {});
         }
       },
       //提交按钮
@@ -185,6 +201,15 @@
           this.getList();
         })
       },
+      examElLabEduRelationUnbind(id){
+        let obj = {
+          relationId:id,
+        }
+        examElLabEduRelationUnbind(obj).then(response => {
+          this.msgSuccess(response.message)
+          this.getList();
+        })
+      },
       //关闭按钮
       dialogCancel(){
         this.$set(this,'dialogType',false);
@@ -293,6 +318,17 @@
       color: #fff;
       background-color: #E86452;
     }
+    .button-color-c{
+      width:60px;
+      cursor: pointer;
+      display: inline-block;
+      text-align: center;
+      line-height:24px;
+      border-radius:4px;
+      border: 1px solid #999;
+      color: #fff;
+      background-color: #999;
+    }
     .status-txt-a{
       color: #F59A48;
     }