feat: model style

src/views/bpm/model/index.vue

@@ -9,7 +9,7 @@
           :maxSize="20"
           :maxNumber="1"
           :emptyHidePreview="true"
-          @change="handleChange"
+          @change="reload"
           :uploadParams="uploadParams"
           :api="importModel"
           class="my-5"
@@ -19,8 +19,26 @@
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
           <TableAction
-            :actions="[
+            :actions="[{ icon: IconEnum.EDIT, label: t('action.edit'), auth: 'bpm:model:update', onClick: handleEdit.bind(null, record) }]"
-              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'bpm:model:update', onClick: handleEdit.bind(null, record) },
+            :dropDownActions="[
+              { icon: IconEnum.EDIT, label: '设计流程', auth: 'bpm:model:update', onClick: handleDesign.bind(null, record) },
+              { icon: IconEnum.EDIT, label: '分配规则', auth: 'bpm:task-assign-rule:query', onClick: handleAssignRule.bind(null, record) },
+              {
+                icon: IconEnum.EDIT,
+                label: '发布流程',
+                auth: 'bpm:model:deploy',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDeploy.bind(null, record)
+                }
+              },
+              {
+                icon: IconEnum.EDIT,
+                label: '流程定义',
+                auth: 'bpm:process-definition:query',
+                onClick: handleDefinitionList.bind(null, record)
+              },
               {
                 icon: IconEnum.DELETE,
                 color: 'error',
@@ -42,6 +60,7 @@
 </template>
 <script lang="ts" setup>
 import { ref } from 'vue'
+import { useGo } from '@/hooks/web/usePage'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
@@ -49,12 +68,13 @@ import ModelModal from './ModelModal.vue'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicUpload } from '@/components/Upload'
 import { BasicTable, useTable, TableAction } from '@/components/Table'
-import { deleteModel, getModelPage, importModel } from '@/api/bpm/model'
+import { deleteModel, deployModel, getModelPage, importModel } from '@/api/bpm/model'
 import { columns, searchFormSchema } from './model.data'
 import { getAccessToken, getTenantId } from '@/utils/auth'
 
 defineOptions({ name: 'BpmModel' })
 
+const go = useGo()
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
@@ -87,10 +107,28 @@ function handleEdit(record: Recordable) {
   openModal(true, { record, isUpdate: true })
 }
 
-function handleChange() {
+/** 设计流程 */
+function handleDesign(record: Recordable) {
+  go({ name: 'BpmModelEditor', query: { modelId: record.id } })
+}
+
+/** 点击任务分配按钮 */
+function handleAssignRule(record: Recordable) {
+  go({ name: 'BpmTaskAssignRuleList', query: { modelId: record.id } })
+}
+
+/** 发布流程 */
+async function handleDeploy(record: Recordable) {
+  await deployModel(record.id)
+  createMessage.success(t('common.successText'))
   reload()
 }
 
+/** 跳转到指定流程定义列表 */
+function handleDefinitionList(record: Recordable) {
+  go({ name: 'BpmProcessDefinition', query: { modelId: record.key } })
+}
+
 async function handleDelete(record: Recordable) {
   await deleteModel(record.id)
   createMessage.success(t('common.delSuccessText'))