build : 流程演示

src/views/projectdemand/demandcollection/add.vue

@@ -44,7 +44,7 @@
     <file-upload @getFile="getFile"/>
     <div class="approval-record">
       <baseTitle title="流程"></baseTitle>
-      <process-diagram-viewer v-if="processDiagramViewer"/>
+      <process-diagram-viewer mode="view" v-if="processDiagramViewer" />
       <!--      <div class="process" id="approvalRecord">-->
       <!--        <process-tree ref="processTree" mode="view" id-name="approvalRecord"/>-->
       <!--      </div>-->

src/views/projectdemand/demandcollection/detail.vue

@@ -60,16 +60,16 @@
       <div class="approval-record">
         <baseTitle title="审批记录"></baseTitle>
         <div class="process">
-          <operation-render :operation-list="processInstanceData.operationList"
+          <operation-render v-if="processDiagramViewer" :operation-list="processInstanceData.operationList"
                             :state="'4'"/>
-<!--          <process-diagram-viewer v-if="processDiagramViewer"/>-->
+          <process-diagram-viewer v-if="processDiagramViewer"/>
         </div>
       </div>
       <!--        </el-col>-->
       <!--      </el-row>-->
     </el-form>
     <div class="oper-page-btn" v-if="processInstanceData.taskId">
-      <el-button @click="handleBack">驳回</el-button>
+      <el-button @click="handleReject">驳回</el-button>
       <el-button color="#DED0B2" @click="handleSubmit">同意</el-button>
     </div>
   </div>
@@ -79,7 +79,7 @@
 import OperationRender from '@/views/workflow/common/OperationRender.vue'
 import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue'
 import {useProcessStore} from '@/stores/processStore.js';
-import {getInfo, agreeTask} from "@/api/project-demand/index.js";
+import {getInfo, agreeTask, rejectTask} from "@/api/project-demand/index.js";
 
 const route = useRoute()
 const form = ref();
@@ -130,6 +130,15 @@ const handleSubmit = () => {
     console.log(res)
   })
 }
+const handleReject = () => {
+  let approve = {
+    taskId: processInstanceData.value.taskId,
+    auditOpinion : auditOpinion.value,
+  }
+  rejectTask(approve).then(res => {
+    console.log(res)
+  })
+}
 
 const init = async () => {
   getInfo(route.query.id).then(res => {