From 3b2d308ccc949b841eb0fe0851e1466f58918f4e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=91=A8=E5=BB=BA?= <1348660141@qq.com>
Date: Sun, 25 Jun 2023 14:06:14 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A1=A5=E5=85=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Login/components/LoginForm.vue |   1 +
 src/views/bpm/processInstance/create.vue |  21 +-
 src/views/bpm/processInstance/detail.vue | 245 ++++++++++++-----------
 src/views/system/role/index.vue          |   5 +-
 types/global.d.ts                        |  12 +-
 5 files changed, 150 insertions(+), 134 deletions(-)

diff --git a/src/views/Login/components/LoginForm.vue b/src/views/Login/components/LoginForm.vue
index 77e0d817..b056537d 100644
--- a/src/views/Login/components/LoginForm.vue
+++ b/src/views/Login/components/LoginForm.vue
@@ -213,6 +213,7 @@ const getTenantId = async () => {
   if (loginData.tenantEnable === 'true') {
     const res = await LoginApi.getTenantIdByNameApi(loginData.loginForm.tenantName)
     authUtil.setTenantId(res)
+    authUtil.setTenantName(loginData.loginForm.tenantName)
   }
 }
 // 记住我
diff --git a/src/views/bpm/processInstance/create.vue b/src/views/bpm/processInstance/create.vue
index dfa0baa9..7414be9e 100644
--- a/src/views/bpm/processInstance/create.vue
+++ b/src/views/bpm/processInstance/create.vue
@@ -38,10 +38,17 @@
         </el-col>
       </el-card>
       <el-card class="box-card">
-        <!-- <div class="clearfix">
+        <div class="clearfix">
           <span class="el-icon-picture-outline">流程图</span>
-        </div> -->
-        <ProcessInstanceBpmnViewer :bpmn-xml="bpmnXML" />
+        </div>
+        <!-- TODO 芋艿：待完成？？？ -->
+        <my-process-viewer
+          key="designer"
+          v-model="bpmnXML"
+          :value="bpmnXML"
+          v-bind="bpmnControlForm"
+          :prefix="bpmnControlForm.prefix"
+        />
       </el-card>
     </div>
   </ContentWrap>
@@ -54,7 +61,7 @@ import * as ProcessInstanceApi from '@/api/bpm/processInstance'
 import { setConfAndFields2 } from '@/utils/formCreate'
 import type { ApiAttrs } from '@form-create/element-ui/types/config'
 import { DICT_TYPE } from '@/utils/dict'
-import ProcessInstanceBpmnViewer from './detail/ProcessInstanceBpmnViewer.vue'
+
 const router = useRouter() // 路由
 const message = useMessage() // 消息
 
@@ -133,9 +140,9 @@ const submitForm = async (formData) => {
 
 // // BPMN 数据
 const bpmnXML = ref(null)
-// const bpmnControlForm = ref({
-//   prefix: 'flowable'
-// })
+const bpmnControlForm = ref({
+  prefix: 'flowable'
+})
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/bpm/processInstance/detail.vue b/src/views/bpm/processInstance/detail.vue
index 0de03b7b..88ecb520 100644
--- a/src/views/bpm/processInstance/detail.vue
+++ b/src/views/bpm/processInstance/detail.vue
@@ -49,7 +49,7 @@
             pre-icon="ep:edit"
             type="primary"
             title="转办"
-            @click="openTaskUpdateAssigneeForm(item.id)"
+            @click="handleUpdateAssignee(item)"
           />
           <XButton
             pre-icon="ep:position"
@@ -78,7 +78,7 @@
       </el-col>
       <!-- 情况二：流程表单 -->
       <div v-if="processInstance?.processDefinition?.formType === 20">
-        <!-- <router-link
+        <router-link
           :to="
             processInstance.processDefinition.formCustomViewPath +
             '?id=' +
@@ -86,21 +86,24 @@
           "
         >
           <XButton type="primary" preIcon="ep:view" title="点击查看" />
-        </router-link> -->
-        <autoComponent :id="processInstance.businessKey" />
+        </router-link>
       </div>
     </el-card>
 
     <!-- 审批记录 -->
-    <!-- <el-card class="box-card" v-loading="tasksLoad">
+    <el-card class="box-card" v-loading="tasksLoad">
       <template #header>
         <span class="el-icon-picture-outline">审批记录</span>
       </template>
       <el-col :span="16" :offset="4">
         <div class="block">
           <el-timeline>
-            <el-timeline-item v-for="(item, index) in tasks" :key="index" :icon="getTimelineItemIcon(item)"
-              :type="getTimelineItemType(item)">
+            <el-timeline-item
+              v-for="(item, index) in tasks"
+              :key="index"
+              :icon="getTimelineItemIcon(item)"
+              :type="getTimelineItemType(item)"
+            >
               <p style="font-weight: 700">任务：{{ item.name }}</p>
               <el-card :body-style="{ padding: '10px' }">
                 <label v-if="item.assigneeUser" style="font-weight: normal; margin-right: 30px">
@@ -131,67 +134,79 @@
           </el-timeline>
         </div>
       </el-col>
-    </el-card> -->
-    <ProcessInstanceTaskList :loading="tasksLoad" :tasks="tasks" />
+    </el-card>
 
     <!-- 高亮流程图 -->
-    <!-- <el-card class="box-card" v-loading="processInstanceLoading"> -->
-    <!--  <template #header>
+    <el-card class="box-card" v-loading="processInstanceLoading">
+      <template #header>
         <span class="el-icon-picture-outline">流程图</span>
       </template>
-      <my-process-viewer key="designer" v-model="bpmnXML" :value="bpmnXML" v-bind="bpmnControlForm"
-        :prefix="bpmnControlForm.prefix" :activityData="activityList" :processInstanceData="processInstance"
-        :taskData="tasks" /> -->
-    <ProcessInstanceBpmnViewer
-      :id="`${id}`"
-      :bpmn-xml="bpmnXML"
-      :loading="processInstanceLoading"
-      :process-instance="processInstance"
-      :tasks="tasks"
-    />
-    <!-- </el-card> -->
+      <my-process-viewer
+        key="designer"
+        v-model="bpmnXML"
+        :value="bpmnXML"
+        v-bind="bpmnControlForm"
+        :prefix="bpmnControlForm.prefix"
+        :activityData="activityList"
+        :processInstanceData="processInstance"
+        :taskData="tasks"
+      />
+    </el-card>
 
     <!-- 对话框(转派审批人) -->
-    <!-- <XModal v-model="updateAssigneeVisible" title="转派审批人" width="500">
-      <el-form ref="updateAssigneeFormRef" :model="updateAssigneeForm" :rules="updateAssigneeRules" label-width="110px">
+    <XModal v-model="updateAssigneeVisible" title="转派审批人" width="500">
+      <el-form
+        ref="updateAssigneeFormRef"
+        :model="updateAssigneeForm"
+        :rules="updateAssigneeRules"
+        label-width="110px"
+      >
         <el-form-item label="新审批人" prop="assigneeUserId">
           <el-select v-model="updateAssigneeForm.assigneeUserId" clearable style="width: 100%">
-            <el-option v-for="item in userOptions" :key="parseInt(item.id)" :label="item.nickname"
-              :value="parseInt(item.id)" />
+            <el-option
+              v-for="item in userOptions"
+              :key="parseInt(item.id)"
+              :label="item.nickname"
+              :value="parseInt(item.id)"
+            />
           </el-select>
         </el-form-item>
       </el-form>
-      操作按钮
+      <!-- 操作按钮 -->
       <template #footer>
-        按钮：保存
-        <XButton type="primary" :title="t('action.save')" :loading="updateAssigneeLoading"
-          @click="submitUpdateAssigneeForm" />
-        按钮：关闭
-        <XButton :loading="updateAssigneeLoading" :title="t('dialog.close')" @click="updateAssigneeLoading = false" />
+        <!-- 按钮：保存 -->
+        <XButton
+          type="primary"
+          :title="t('action.save')"
+          :loading="updateAssigneeLoading"
+          @click="submitUpdateAssigneeForm"
+        />
+        <!-- 按钮：关闭 -->
+        <XButton
+          :loading="updateAssigneeLoading"
+          :title="t('dialog.close')"
+          @click="updateAssigneeLoading = false"
+        />
       </template>
-    </XModal> -->
-    <TaskUpdateAssigneeForm ref="taskUpdateAssigneeFormRef" @success="getDetail" />
+    </XModal>
   </ContentWrap>
 </template>
 <script setup lang="ts">
-// import dayjs from 'dayjs'
+import dayjs from 'dayjs'
 import * as UserApi from '@/api/system/user'
 import * as ProcessInstanceApi from '@/api/bpm/processInstance'
 import * as DefinitionApi from '@/api/bpm/definition'
 import * as TaskApi from '@/api/bpm/task'
 import * as ActivityApi from '@/api/bpm/activity'
-// import { formatPast2 } from '@/utils/formatTime'
+import { formatPast2 } from '@/utils/formatTime'
 import { setConfAndFields2 } from '@/utils/formCreate'
 // import { OptionAttrs } from '@form-create/element-ui/types/config'
 import type { ApiAttrs } from '@form-create/element-ui/types/config'
 import { useUserStore } from '@/store/modules/user'
-import { registerComponent } from '@/utils/routerHelper'
-import ProcessInstanceBpmnViewer from './detail/ProcessInstanceBpmnViewer.vue'
-import ProcessInstanceTaskList from './detail/ProcessInstanceTaskList.vue'
-import TaskUpdateAssigneeForm from './detail/TaskUpdateAssigneeForm.vue'
+
 const { query } = useRoute() // 查询参数
 const message = useMessage() // 消息弹窗
-// const { t } = useI18n() // 国际化
+const { t } = useI18n() // 国际化
 const { proxy } = getCurrentInstance() as any
 
 // ========== 审批信息 ==========
@@ -247,85 +262,88 @@ const detailForm = ref({
 const tasksLoad = ref(true)
 const tasks = ref<any[]>([])
 
-// const getTimelineItemIcon = (item) => {
-//   if (item.result === 1) {
-//     return 'el-icon-time'
-//   }
-//   if (item.result === 2) {
-//     return 'el-icon-check'
-//   }
-//   if (item.result === 3) {
-//     return 'el-icon-close'
-//   }
-//   if (item.result === 4) {
-//     return 'el-icon-remove-outline'
-//   }
-//   return ''
-// }
-// const getTimelineItemType = (item) => {
-//   if (item.result === 1) {
-//     return 'primary'
-//   }
-//   if (item.result === 2) {
-//     return 'success'
-//   }
-//   if (item.result === 3) {
-//     return 'danger'
-//   }
-//   if (item.result === 4) {
-//     return 'info'
-//   }
-//   return ''
-// }
+const getTimelineItemIcon = (item) => {
+  if (item.result === 1) {
+    return 'el-icon-time'
+  }
+  if (item.result === 2) {
+    return 'el-icon-check'
+  }
+  if (item.result === 3) {
+    return 'el-icon-close'
+  }
+  if (item.result === 4) {
+    return 'el-icon-remove-outline'
+  }
+  return ''
+}
+const getTimelineItemType = (item) => {
+  if (item.result === 1) {
+    return 'primary'
+  }
+  if (item.result === 2) {
+    return 'success'
+  }
+  if (item.result === 3) {
+    return 'danger'
+  }
+  if (item.result === 4) {
+    return 'info'
+  }
+  return ''
+}
 
 // ========== 审批记录 ==========
-// const updateAssigneeVisible = ref(false)
-// const updateAssigneeLoading = ref(false)
-// const updateAssigneeForm = ref({
-//   id: undefined,
-//   assigneeUserId: undefined
-// })
-// const updateAssigneeRules = ref({
-//   assigneeUserId: [{ required: true, message: '新审批人不能为空', trigger: 'change' }]
-// })
-// const updateAssigneeFormRef = ref()
+const updateAssigneeVisible = ref(false)
+const updateAssigneeLoading = ref(false)
+const updateAssigneeForm = ref({
+  id: undefined,
+  assigneeUserId: undefined
+})
+const updateAssigneeRules = ref({
+  assigneeUserId: [{ required: true, message: '新审批人不能为空', trigger: 'change' }]
+})
+const updateAssigneeFormRef = ref()
 const userOptions = ref<any[]>([])
 
 // 处理转派审批人
-const taskUpdateAssigneeFormRef = ref()
-const openTaskUpdateAssigneeForm = (id: string) => {
-  taskUpdateAssigneeFormRef.value.open(id)
+const handleUpdateAssignee = (task) => {
+  // 设置表单
+  resetUpdateAssigneeForm()
+  updateAssigneeForm.value.id = task.id
+  // 设置为打开
+  updateAssigneeVisible.value = true
 }
 
 // 提交转派审批人
-// const submitUpdateAssigneeForm = async () => {
-//   // 1. 校验表单
-//   const elForm = unref(updateAssigneeFormRef)
-//   if (!elForm) return
-//   const valid = await elForm.validate()
-//   if (!valid) return
+const submitUpdateAssigneeForm = async () => {
+  // 1. 校验表单
+  const elForm = unref(updateAssigneeFormRef)
+  if (!elForm) return
+  const valid = await elForm.validate()
+  if (!valid) return
 
-//   // 2.1 提交审批
-//   updateAssigneeLoading.value = true
-//   try {
-//     await TaskApi.updateTaskAssignee(updateAssigneeForm.value)
-//     // 2.2 设置为隐藏
-//     updateAssigneeVisible.value = false
-//     // 加载最新数据
-//     getDetail()
-//   } finally {
-//     updateAssigneeLoading.value = false
-//   }
-// }
+  // 2.1 提交审批
+  updateAssigneeLoading.value = true
+  try {
+    await TaskApi.updateTaskAssignee(updateAssigneeForm.value)
+    // 2.2 设置为隐藏
+    updateAssigneeVisible.value = false
+    // 加载最新数据
+    getDetail()
+  } finally {
+    updateAssigneeLoading.value = false
+  }
+}
 
 // 重置转派审批人表单
-// const resetUpdateAssigneeForm = () => {
-//   updateAssigneeForm.value = {
-//     id: undefined,
-//     assigneeUserId: undefined
-//   }
-//   updateAssigneeFormRef.value?.resetFields()
-// }
+const resetUpdateAssigneeForm = () => {
+  updateAssigneeForm.value = {
+    id: undefined,
+    assigneeUserId: undefined
+  }
+  updateAssigneeFormRef.value?.resetFields()
+}
 
 /** 处理审批退回的操作 */
 const handleDelegate = async (task) => {
@@ -350,9 +368,9 @@ const handleBack = async (task) => {
 
 // ========== 高亮流程图 ==========
 const bpmnXML = ref(null)
-// const bpmnControlForm = ref({
-//   prefix: 'flowable'
-// })
+const bpmnControlForm = ref({
+  prefix: 'flowable'
+})
 const activityList = ref([])
 
 // ========== 初始化 ==========
@@ -364,7 +382,7 @@ onMounted(() => {
     userOptions.value.push(...data)
   })
 })
-const autoComponent = ref(null) // 异步组件
+
 const getDetail = () => {
   // 1. 获得流程实例相关
   processInstanceLoading.value = true
@@ -375,7 +393,6 @@ const getDetail = () => {
         return
       }
       processInstance.value = data
-      autoComponent.value = registerComponent(data.processDefinition.formCustomViewPath)
 
       // 设置表单信息
       const processDefinition = data.processDefinition
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index de0d3ef8..eef67306 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -137,8 +137,9 @@
                 empty-text="加载中，请稍候"
               />
             </el-card>
-          </el-form-item> </el-col
-      ></el-row>
+          </el-form-item>
+        </el-col>
+      </el-row>
     </el-form>
     <!-- 操作按钮 -->
     <template #footer>
diff --git a/types/global.d.ts b/types/global.d.ts
index 60ad11a6..5e292687 100644
--- a/types/global.d.ts
+++ b/types/global.d.ts
@@ -19,17 +19,7 @@ declare global {
     | 'application/x-www-form-urlencoded'
     | 'multipart/form-data'
 
-  type AxiosMethod =
-    | 'get'
-    | 'post'
-    | 'delete'
-    | 'put'
-    | 'patch'
-    | 'GET'
-    | 'POST'
-    | 'DELETE'
-    | 'PUT'
-    | 'PATCH'
+  type AxiosMethod = 'get' | 'post' | 'delete' | 'put' | 'GET' | 'POST' | 'DELETE' | 'PUT'
 
   type AxiosResponseType = 'arraybuffer' | 'blob' | 'document' | 'json' | 'text' | 'stream'