【图斑举证审核】督办添加

src/api/bootstraps/index.ts

@@ -27,6 +27,8 @@ enum Api {
   GetCaseInfoById = '/api/DroneCaseInfoSingle/GetCaseInfoById',
   // 更新案件行政区划
   UpdateDroneCaseInfo = '/api/DroneCaseInfoSingle/UpdateDroneCaseInfo',
+  // 督办流程
+  Supervise = '/api/WFProcess/Supervise',
 }
 
 /**
@@ -71,3 +73,6 @@ export function getCaseInfoById(params?: { id: string }) {
 }
 export const updateDroneCaseInfo = (params: updateCaseInfoParams) =>
   defHttp.post({ url: Api.UpdateDroneCaseInfo, params });
+
+export const updateSupervise = (params: {id:string,supervise: number}) =>
+  defHttp.post({ url: `${Api.Supervise}?id=${params.id}&supervise=${params.supervise}`, params });

src/views/demo/bootstraps/auditinfo/MapList/index.vue

@@ -95,12 +95,20 @@
             </div>
           </div>
         </div>
-        <div class="button-div">
-          <Icon
-            style="font-size: 20px; color: #0960bd; cursor: pointer"
-            icon="ant-design:audit-outlined"
-            @click="goAudit(item)"
-          />
+        <div class="data-list-item-control">
+          <a-button 
+            size="small" 
+            :class="`reminders-button ${item.issupervise && 'reminder-button-select'}`"
+            @click="changeSupervise(item)">
+            {{item.issupervise? '已督办': '督办'}}
+          </a-button>
+          <div class="button-div">
+            <Icon
+              style="font-size: 20px; color: #0960bd; cursor: pointer"
+              icon="ant-design:audit-outlined"
+              @click="goAudit(item)"
+            />
+          </div>
         </div>
       </div>
       <div v-else class="no-data">
@@ -141,11 +149,12 @@
   import { onMounted, ref, defineEmits } from 'vue';
   import { StarOutlined } from '@ant-design/icons-vue';
   import Icon from '@/components/Icon/Icon.vue';
-  import { getLoadTaskDetailList } from '@/api/bootstraps/index';
+  import { getLoadTaskDetailList, updateSupervise } from '@/api/bootstraps/index';
   import { flowStore } from '@/store/modules/flow';
   import { getDetail } from '@/api/sys/WFSchemeInfo';
   import { Audit } from '@/views/demo/workflow/task/process/page';
   import { Empty } from 'ant-design-vue';
+  import { message } from 'ant-design-vue';
 
   const simpleImage = Empty.PRESENTED_IMAGE_SIMPLE;
   const emits = defineEmits(['changeTask', 'changeShowParent']);
@@ -207,6 +216,23 @@
   onMounted(() => {
     getTaskList();
   });
+  const changeSupervise = (item) => {
+    let params = {
+      id: item.processid,
+      supervise: 1,
+    }
+    if(item.issupervise === 1){
+      params.supervise = 0
+    }
+    updateSupervise(params).then(res => {
+      if(params.supervise === 1){
+        message.success('成功发起督办')
+      }else{
+        message.success('取消督办成功')
+      }
+      getTaskList();
+    })
+  }
 </script>
 <style lang="less">
   .full-modal {
@@ -349,6 +375,19 @@
           }
         }
       }
+      .data-list-item-control{
+        display: flex;
+        margin-left:10px;
+        align-items: center;
+        .reminders-button{
+          width: 58px;
+          background: #086DEC;
+          color: #FFF;
+        }
+        .reminder-button-select{
+          background: rgb(242, 12, 0);
+        }
+      }
       .button-div {
         height: 30px;
         width: 30px;
@@ -357,7 +396,7 @@
         font-size: 20px;
         border: 1px solid #d9d9d9;
         border-radius: 50%;
-        margin-left: 20px;
+        margin-left: 10px;
         .collect-button:hover {
           color: rgb(255, 205, 42);
         }