启动工作流

components/workflow.vue

@@ -42,10 +42,21 @@
         <div class="detal-btns">
         <div class="detal-btns">
             <el-button>查看详情</el-button>
             <el-button>查看详情</el-button>
         </div>
         </div>
+        <start-process-dialog
+            @dialog-confirm="startDialogConfirm"
+            :modelName="model_name"
+            :ids="[]"
+            :processName="processName"
+            actionName="startProcess"
+            :selected_list="selectedList"
+            ref="startProcessDialog"
+        />
     </div>
     </div>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-import { Component, Prop, Vue } from "vue-property-decorator";
+import { EVENTS } from "@/EventConsts";
+import startProcessDialog from "@/views/workflow2/components/startProcessDialog.vue";
+import { Component, Prop, Ref, Vue } from "vue-property-decorator";
 
 
 import Chat from "../xim/index";
 import Chat from "../xim/index";
 
 
@@ -55,8 +66,15 @@ enum WorkFlowStatus {
     "已完成" = 2,
     "已完成" = 2,
 }
 }
 const sdk = Chat.getSdk;
 const sdk = Chat.getSdk;
-@Component({ components: {} })
+@Component({
+    components: {
+        startProcessDialog,
+    },
+})
 export default class WorkFlow extends Vue {
 export default class WorkFlow extends Vue {
+    @Ref("startProcessDialog")
+    private readonly startProcessIns!: startProcessDialog;
+
     @Prop({
     @Prop({
         type: String,
         type: String,
         required: true,
         required: true,
@@ -75,6 +93,13 @@ export default class WorkFlow extends Vue {
     })
     })
     private readonly name!: string;
     private readonly name!: string;
 
 
+    private processName = ""
+    private selectedProcess = []
+
+    private startDialogConfirm() {
+        console.log("startDialogConfirm");
+    }
+
     private workFlowstatus = WorkFlowStatus;
     private workFlowstatus = WorkFlowStatus;
     private getStatus(status: WorkFlowStatus) {
     private getStatus(status: WorkFlowStatus) {
         return WorkFlowStatus[status];
         return WorkFlowStatus[status];
@@ -250,10 +275,19 @@ export default class WorkFlow extends Vue {
 
 
     public start(workflow: any) {
     public start(workflow: any) {
         console.log("start", workflow);
         console.log("start", workflow);
+        this.processName = workflow.processName;
+        this.selectedProcess = [{ id: workflow.id }];
+        // this.startProcessIns.showDialog(this.model_name,)
     }
     }
 
 
     public goToDetail(workflow: any) {
     public goToDetail(workflow: any) {
-        console.log("goToDetail", workflow);
+        this.$eventHub.$emit(EVENTS.ShowModalDialog, {
+            dialogName: "show_process_detail",
+            params: {
+                modelName: this.model_name,
+                selected: JSON.stringify([{ id: workflow.id }]),
+            },
+        });
     }
     }
 }
 }
 </script>
 </script>