move

components/workflow.vue

-<template>
-    <div class="h-100 pos-rel workflows">
-        <div class="workflow-header" v-if="flowList.length">
-            <div class="cell">名称</div>
-            <div class="cell">备注</div>
-            <div class="cell">状态</div>
-            <div class="cell">操作</div>
-        </div>
-        <el-scrollbar class="workflow-scrollbar adjust-el-scroll-right-bar">
-            <div
-                class="workflow pos-rel table"
-                v-for="item in flowList"
-                :key="item.id"
-            >
-                <span class="cell workflow-name">
-                    {{ item.processName }}
-                </span>
-                <span class="cell workflow-remark">
-                    {{ item.state }}
-                </span>
-                <span class="cell status">
-                    {{ getStatus(item.status) }}
-                </span>
-                <span class="cell">
-                    <el-button
-                        v-if="item.status === workFlowstatus.未启动"
-                        class="get-out"
-                        type="text"
-                        @click="start(item)"
-                        >启动</el-button
-                    >
-                    <el-button
-                        v-else
-                        class="get-out"
-                        type="text"
-                        @click="goToDetail(item)"
-                        >查看详情</el-button
-                    >
-                </span>
-            </div>
-            <div v-if="!flowList.length" class="text-center text-hint">
-                暂无数据
-            </div>
-        </el-scrollbar>
-        <div class="detal-btns">
-            <el-button>查看详情</el-button>
-        </div>
-        <start-process-dialog
-            @dialog-confirm="startDialogConfirm"
-            :modelName="model_name"
-            :ids="[]"
-            :processName="processName"
-            actionName="startProcess"
-            :selected_list="selectedProcess"
-            ref="startProcessDialog"
-        />
-    </div>
-</template>
-
-<script lang="ts">
-    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";
-
-    enum WorkFlowStatus {
-        "未启动" = 0,
-        "已启动" = 1,
-        "已完成" = 2,
-    }
-
-    @Component({ components: { startProcessDialog } })
-    export default class WorkFlow extends Vue {
-        @Ref("startProcessDialog")
-        private readonly startProcessIns!: startProcessDialog;
-
-        @Prop({ required: true })
-        private readonly model_name!: string;
-
-        @Prop({ required: true })
-        private readonly id!: string | number;
-
-        @Prop({ type: String, default: null })
-        private readonly name!: string;
-
-        private processName = "";
-        private selectedProcess = [];
-
-        private startDialogConfirm() {
-            console.log("startDialogConfirm");
-        }
-
-        private workFlowstatus = WorkFlowStatus;
-        private getStatus(status: WorkFlowStatus) {
-            return WorkFlowStatus[status];
-        }
-
-        private flowList = [];
-
-        public async created() {
-            this.flowList = await Chat.getSdk()
-                .model(this.model_name)
-                .workflow2()
-                .queryProcessByAssociateId(this.id as number);
-        }
-
-        public start(workflow: any) {
-            this.processName = workflow.processName;
-            this.selectedProcess = [{ id: workflow.id }];
-            this.startProcessIns.showDialog();
-        }
-
-        public goToDetail(workflow: any) {
-            Chat.$emit(EVENTS.ShowModalDialog, {
-                dialogName: "show_process_detail",
-                params: {
-                    modelName: this.model_name,
-                    selected: JSON.stringify([{ id: workflow.id }]),
-                },
-            });
-        }
-    }
-</script>
-
-<style lang="less" scoped>
-    .workflows {
-        padding: 10px 30px;
-        padding-bottom: 0;
-        background: #fff;
-        .workflow {
-            margin: 10px 0;
-            padding: 10px 0;
-            &:hover {
-                background-color: #f5f7fa;
-            }
-        }
-        .cell {
-            display: inline-block;
-            width: 25%;
-        }
-        .workflow-name {
-            word-break: break-word;
-            white-space: pre-line;
-        }
-        .get-out {
-            padding: 0;
-        }
-    }
-    .workflow-scrollbar {
-        height: calc(100% - 15px);
-    }
-
-    .text-hint {
-        margin: 20px 0;
-    }
-</style>