添加流程开关按钮

src/api/wf/PROTEMPLATE.js

@@ -105,5 +105,13 @@ export function getUser() {
     method: 'get',
   })
 }
+// 流程开关
+export function enableOrDisable(data) {
+  return request({
+    url: '/proTemplate/type',
+    method: 'post',
+    data:data
+  })
+}
 
 

src/views/wf/index.vue

@@ -27,7 +27,7 @@
       </el-form-item>
     </el-form>
 
-    <el-row :gutter="10" style="margin-bottom: 8px;">
+    <el-row :gutter="10" style="margin-bottom: 8px">
       <el-col :span="1.5">
         <el-button
           type="primary"
@@ -69,11 +69,7 @@
       ></right-toolbar>
     </el-row>
 
-    <el-table
-      
-      :data="PROTEMPLATEList"
-      @selection-change="handleSelectionChange"
-    >
+    <el-table :data="PROTEMPLATEList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="流程编码" align="center" prop="procode" />
       <el-table-column label="流程名称" align="center" prop="proname">
@@ -93,6 +89,17 @@
       <el-table-column label="流程说明" align="center" prop="pronotes" />
       <el-table-column label="服务层地址" align="center" prop="serviceUrl" />
       <el-table-column label="前端查看页面地址" align="center" prop="infoUrl" />
+      <el-table-column label="是否启用" align="center" prop="status">
+        <template slot-scope="scope">
+          <el-switch
+            v-model="scope.row.type"
+            active-color="#13ce66"
+            inactive-color="#ff4949"
+            @change="handleStatus(scope.row)"
+          >
+          </el-switch>
+        </template>
+      </el-table-column>
       <el-table-column
         label="操作"
         align="center"
@@ -208,7 +215,7 @@
           prop="dealhours"
           label="办理期限 小时"
         ></el-table-column>
-<!--        <el-table-column prop="pronotes" label="流程说明"></el-table-column>-->
+        <!--        <el-table-column prop="pronotes" label="流程说明"></el-table-column>-->
         <el-table-column prop="exelIds" label="审核人">
           <template slot-scope="scope">
             {{ searchUserName(scope.row.exelIds) }}
@@ -283,13 +290,13 @@
             type="text"
           />
         </el-form-item>
-<!--        <el-form-item label="流程说明" prop="pronotes">-->
-<!--          <el-input-->
-<!--            v-model="Proform.pronotes"-->
-<!--            placeholder="请输入流程说明"-->
-<!--            type="text"-->
-<!--          />-->
-<!--        </el-form-item>-->
+        <!--        <el-form-item label="流程说明" prop="pronotes">-->
+        <!--          <el-input-->
+        <!--            v-model="Proform.pronotes"-->
+        <!--            placeholder="请输入流程说明"-->
+        <!--            type="text"-->
+        <!--          />-->
+        <!--        </el-form-item>-->
         <el-form-item label="审核人" prop="exelIds">
           <el-select v-model="selectValue" placeholder="请选择">
             <el-option
@@ -339,6 +346,7 @@ import {
   addPro,
   updatePro,
   getUser,
+  enableOrDisable
 } from "@/api/wf/PROTEMPLATE";
 
 export default {
@@ -432,6 +440,12 @@ export default {
     this.getList();
   },
   methods: {
+    handleStatus(row){
+      row.type = !row.type
+      enableOrDisable(row).then(res=>{
+        console.log(res);
+      })
+    },
     searchUserName(id) {
       let fined = this.user.find((item) => item.value == id);
       return fined.label;
@@ -606,7 +620,7 @@ export default {
     handleDelete(row) {
       const ids = row.id || this.ids;
       this.$modal
-        .confirm('是否确认删除已选择的流程模板?')
+        .confirm("是否确认删除已选择的流程模板?")
         .then(function () {
           return delPROTEMPLATE(ids);
         })