@ebiz/designer-components 0.1.90 → 0.1.91

package/src/components/EbizApprovalForm.vue

@@ -1,508 +1,508 @@
-<template>
-  <div class="approval-form">
-    <t-form labelWidth="100px" labelAlign="right" class="component-base-style" :data="{}">
-      <!-- 添加审批人选择组件 -->
-      <div v-if="!isInWhiteList && hasNextApprover" style="margin-bottom: 10px;">
-        <ebiz-approval :showCC="false" type="all" :showRootOrg="false" class="component-base-style"
-          :required="hasNextApprover" v-model:approverList="selectedApprover" :canEdit="hasNextApprover"
-          v-model:ccList="selectedCCList">
-          <template #title>
-            <div></div>
-          </template>
-        </ebiz-approval>
-      </div>
-      <t-form-item label="审批意见">
-        <t-textarea placeholder="请输入" :maxLength="200" :maxCharacter="true" class="component-base-style"
-          v-model="comments"></t-textarea>
-      </t-form-item>
-      <t-form-item label="附件">
-        <ebiz-upload v-model="attachments" :multiple="true" theme="file" />
-      </t-form-item>
-      <t-form-item>
-        <div class="button-group">
-          <div class="more-actions">
-            <t-dropdown :options="actionOptions" @click="onActionSelected">
-              <t-button theme="default" variant="outline">
-                <template #icon>
-                  <t-icon name="ellipsis" size="large" class="component-base-style"></t-icon>
-                </template>
-              </t-button>
-            </t-dropdown>
-          </div>
-          <div>
-            <t-button theme="primary" type="submit" content="通过" @click="handlePass">
-              <template #icon>
-                <t-icon name="check" size="large" class="component-base-style"></t-icon>
-              </template>
-            </t-button>
-            <t-button content="拒绝" the type="reset" style="margin-left: 10px" @click="handleReject">
-              <template #icon>
-                <t-icon name="close" size="large" class="component-base-style"></t-icon>
-              </template>
-            </t-button>
-          </div>
-        </div>
-      </t-form-item>
-    </t-form>
-
-    <!-- 转审人员选择 -->
-    <t-dialog header="选择转审人" :visible="showTransferDialog" :confirm-btn="{ content: '确定', theme: 'primary' }"
-      :cancel-btn="{ content: '取消', theme: 'default' }" @confirm="confirmTransfer" @close="showTransferDialog = false">
-      <EbizEmployeeSelector v-model="transferApprover" :single="true"></EbizEmployeeSelector>
-    </t-dialog>
-
-    <!-- 转接待人选择 -->
-    <t-dialog header="选择接待人" :visible="showReceiverDialog" :confirm-btn="{ content: '确定', theme: 'primary' }"
-      :cancel-btn="{ content: '取消', theme: 'default' }" @confirm="confirmReceiver" @close="showReceiverDialog = false">
-      <EbizEmployeeSelector v-model="selectedReceiver" :single="true"></EbizEmployeeSelector>
-    </t-dialog>
-
-    <!-- 加签位置选择 -->
-    <t-dialog header="选择加签位置" :visible="showPositionDialog" :confirm-btn="{ content: '确定', theme: 'primary' }"
-      :cancel-btn="{ content: '取消', theme: 'default' }" @confirm="confirmPosition" @close="showPositionDialog = false">
-      <t-radio-group v-model="addSignPosition">
-        <t-radio value="before">往前加签</t-radio>
-        <t-radio value="after">往后加签</t-radio>
-      </t-radio-group>
-    </t-dialog>
-
-    <!-- 加签人员选择 -->
-    <t-dialog header="选择加签人员" :visible="showAddSignDialog" :confirm-btn="{ content: '确定', theme: 'primary' }"
-      :cancel-btn="{ content: '取消', theme: 'default' }" @confirm="confirmAddSign" @close="showAddSignDialog = false">
-      <EbizEmployeeSelector v-model="selectedAddSignUser" :single="true"></EbizEmployeeSelector>
-    </t-dialog>
-
-    <!-- 退回确认 -->
-    <t-dialog header="退回确认" :visible="showReturnDialog" :confirm-btn="{ content: '确定退回', theme: 'danger' }"
-      :cancel-btn="{ content: '取消', theme: 'default' }" @confirm="confirmReturn" @close="showReturnDialog = false">
-      <p>确定要退回该审批吗？</p>
-    </t-dialog>
-  </div>
-</template>
-
-<script setup>
-import {
-  Form as TForm,
-  FormItem as TFormItem,
-  Button as TButton,
-  Icon as TIcon,
-  Textarea as TTextarea,
-  Dropdown as TDropdown,
-  Dialog as TDialog,
-  Select as TSelect,
-  RadioGroup as TRadioGroup,
-  Radio as TRadio,
-  Input as TInput,
-  MessagePlugin
-} from 'tdesign-vue-next'
-import { defineProps, defineEmits, ref, reactive, computed, onMounted } from 'vue'
-import { dataService, EbizEmployeeSelector, EbizApproval } from '../index'
-import { EbizUpload } from '../index.js'
-
-const request = (params = {}, apiConfig = {}, url = '') => {
-  return dataService.fetch(params, apiConfig, url)
-}
-const props = defineProps({
-  loading: {
-    type: Boolean,
-    default: false
-  },
-  approvalDetail: {
-    type: Object,
-    default: () => ({})
-  },
-  taskId: {
-    type: String,
-    default: ''
-  },
-  businessKey: {
-    type: String,
-    default: ''
-  },
-  processInstanceId: {
-    type: String,
-    default: ''
-  },
-  taskDefinitionKey: {
-    type: String,
-    default: ''
-  },
-  utils: {
-    type: Object,
-    default: () => ({})
-  }
-})
-
-const emit = defineEmits(['pass', 'reject', 'refresh'])
-
-// 基础数据
-const comments = ref('')
-const attachments = ref([])
-const showMoreActions = ref(false)
-const taskType = ref('')
-
-// 下一步审批人相关
-const hasNextApprover = ref(false)
-const isInWhiteList = ref(false)
-const selectedApprover = ref([])
-const selectedCCList = ref([])
-
-// 转审相关
-const showTransferDialog = ref(false)
-const transferApprover = ref(null)
-
-// 转接待人相关
-const showReceiverDialog = ref(false)
-const selectedReceiver = ref(null)
-
-// 加签相关
-const showPositionDialog = ref(false)
-const showAddSignDialog = ref(false)
-const addSignPosition = ref('after')
-const selectedAddSignUser = ref(null)
-
-// 退回相关
-const showReturnDialog = ref(false)
-const returnReason = ref('')
-
-// 员工选择相关
-const employeeLoading = ref(false)
-const employeeOptions = ref([])
-
-// 操作选项
-const actionOptions = computed(() => {
-  const options = [
-    { content: '转审', value: 'transfer' },
-    { content: '加签', value: 'addSign' },
-    { content: '退回', value: 'return' }
-  ]
-
-  // 如果是接待人节点，添加转接待人选项
-  if (props.taskDefinitionKey === 'receiver') {
-    options.unshift({ content: '转接待人', value: 'changeReceiver' })
-  }
-
-  return options
-})
-
-// 获取当前任务节点类型
-const getCurrentTaskType = async () => {
-  try {
-    employeeLoading.value = true
-    const res = await request(
-      { taskId: props.taskId },
-      {},
-      `/tasks/curr-user-task-type`
-    )
-    taskType.value = res.taskType
-  } catch (err) {
-    MessagePlugin.error(err.message || '获取任务类型失败')
-  } finally {
-    employeeLoading.value = false
-  }
-}
-
-// 判断是否需要选择审批人
-const checkHasNextApprover = async () => {
-  try {
-    const res = await request(
-      { taskId: props.taskId },
-      {},
-      '/tasks/next-user-task-type'
-    )
-    hasNextApprover.value = res.hasNextUserTask ? ['sequential', 'parallel'].includes(res.taskType) : false
-  } catch (err) {
-    MessagePlugin.error(err.message || '获取下一步审批信息失败')
-  }
-}
-
-// 检查是否在白名单中
-const checkIsInWhiteList = async () => {
-  if (props.taskDefinitionKey === 'receiver' && props.approvalDetail?.variables?.form?.receiver) {
-    try {
-      const res = await request(
-        {},
-        {
-          key: 'visitor_whitelist_disenable_pagination',
-          apiId: 2282,
-          apiType: 0
-        },
-        ''
-      )
-      isInWhiteList.value = res?.data?.some(item =>
-        item.emp_id === Number(props.approvalDetail.variables.form.receiver)
-      )
-    } catch (err) {
-      MessagePlugin.error(err.message || '获取白名单信息失败')
-    }
-  }
-}
-
-// 获取员工列表
-const getEmployeeList = async () => {
-  try {
-    employeeLoading.value = true
-    const res = await request(
-      {},
-      { key: 'approval_employee_list', apiId: 2269, apiType: '0' },
-      ''
-    )
-    employeeOptions.value = (res.data || []).map(item => ({
-      label: item.name,
-      value: item.id
-    }))
-  } catch (err) {
-    MessagePlugin.error(err.message || '获取员工列表失败')
-  } finally {
-    employeeLoading.value = false
-  }
-}
-
-// 显示更多操作菜单
-const onShowMore = () => {
-  showMoreActions.value = true
-}
-
-// 选择操作
-const onActionSelected = ({ value }) => {
-  switch (value) {
-    case 'transfer':
-      showTransferDialog.value = true
-      getEmployeeList()
-      break
-    case 'changeReceiver':
-      showReceiverDialog.value = true
-      getEmployeeList()
-      break
-    case 'addSign':
-      if (taskType.value === 'sequential') {
-        showPositionDialog.value = true
-      } else {
-        MessagePlugin.warning('加签仅支持会签模式')
-      }
-      break
-    case 'return':
-      showReturnDialog.value = true
-      break
-  }
-}
-
-// 通过审批
-const handlePass = async () => {
-  console.log("selectedApprover", selectedApprover.value)
-  // 检查是否需要选择下一步审批人
-  if (!isInWhiteList.value && hasNextApprover.value && (!Array.isArray(selectedApprover.value) || selectedApprover.value.length === 0)) {
-    MessagePlugin.warning('请先选择审批人')
-    return
-  }
-
-  const params = {
-    taskId: props.taskId,
-    comment: comments.value,
-    attachments: attachments.value,
-    approve: true,
-    ccList: selectedCCList.value || []
-  }
-
-  console.log("Array.isArray(selectedApprover.value)", Array.isArray(selectedApprover.value))
-  if (Array.isArray(selectedApprover.value) && selectedApprover.value.length > 0) {
-    params.approverList = selectedApprover.value
-  }
-
-  try {
-    //await emit('pass', params)
-
-    //通过审批申请
-    await request(
-      {
-        ...params
-      },
-      {},
-      `/tasks/${params.taskId}/complete`
-    )
-
-    emit('pass')
-
-    comments.value = ''
-    attachments.value = []
-  } catch (err) {
-    MessagePlugin.error(err.message || '操作失败')
-  }
-}
-
-// 拒绝审批
-const handleReject = async () => {
-  try {
-    //await emit('reject', comments.value)
-    await request(
-      {
-        taskId: props.taskId,
-        comment: comments.value,
-        approve: false
-      },
-      {},
-      `/tasks/${props.taskId}/complete`
-    )
-    emit('reject')
-    comments.value = ''
-    attachments.value = []
-  } catch (err) {
-    MessagePlugin.error(err.message || '操作失败')
-  }
-}
-
-// 确认转审
-const confirmTransfer = async () => {
-  if (!transferApprover.value) {
-    MessagePlugin.warning('请选择转审人')
-    return
-  }
-
-  try {
-    const res = await request(
-      {
-        toUserId: String(transferApprover.value),
-        comment: comments.value,
-        attachments: attachments.value
-      },
-      {},
-      `/tasks/${props.taskId}/transfer`
-    )
-
-    if (res.success) {
-      MessagePlugin.success(res.message || '转审成功')
-      showTransferDialog.value = false
-      transferApprover.value = null
-      emit('refresh')
-    }
-  } catch (err) {
-    MessagePlugin.error(err.message || '转审失败')
-  }
-}
-
-// 确认转接待人
-const confirmReceiver = async () => {
-  if (!selectedReceiver.value) {
-    MessagePlugin.warning('请选择接待人')
-    return
-  }
-
-  try {
-    const res = await request(
-      {
-        saveData: {
-          id: props.approvalDetail.variables.form.id,
-          receiver: String(selectedReceiver.value),
-          taskId: props.taskId,
-          comment: comments.value,
-          attachments: attachments.value
-        }
-      },
-      {
-        key: 'out_visitor_apply_update_receiver',
-        apiId: 2276,
-        apiType: 5
-      },
-      ''
-    )
-
-    MessagePlugin.success('转接待人成功')
-
-    showReceiverDialog.value = false
-    selectedReceiver.value = null
-    emit('refresh')
-  } catch (err) {
-    MessagePlugin.error(err.message || '转接待人失败')
-  }
-}
-
-// 确认加签位置
-const confirmPosition = () => {
-  showPositionDialog.value = false
-  showAddSignDialog.value = true
-  getEmployeeList()
-}
-
-// 确认加签
-const confirmAddSign = async () => {
-  if (!selectedAddSignUser.value) {
-    MessagePlugin.warning('请选择加签人员')
-    return
-  }
-
-  try {
-    const res = await request(
-      {
-        userIds: [selectedAddSignUser.value],
-        position: addSignPosition.value,
-        comment: comments.value,
-        attachments: attachments.value
-      },
-      {},
-      `/tasks/${props.taskId}/addSign`
-    )
-
-    MessagePlugin.success('加签成功')
-
-    showAddSignDialog.value = false
-    selectedAddSignUser.value = null
-
-    /*     if (addSignPosition.value === 'before') {
-          emit('refresh')
-        } */
-    emit('refresh')
-  } catch (err) {
-    MessagePlugin.error(err.message || '加签失败')
-  }
-}
-
-// 确认退回
-const confirmReturn = async () => {
-  try {
-    const res = await request(
-      {
-        comment: comments.value,
-        attachments: attachments.value
-      },
-      {},
-      `/tasks/${props.taskId}/return`
-    )
-
-    MessagePlugin.success('退回成功')
-
-    showReturnDialog.value = false
-    returnReason.value = ''
-    emit('refresh')
-  } catch (err) {
-    MessagePlugin.error(err.message || '退回失败')
-  }
-}
-
-onMounted(async () => {
-  if (props.taskId) {
-    await getCurrentTaskType()
-    await checkHasNextApprover()
-    await checkIsInWhiteList()
-  }
-})
-</script>
-
-<style scoped>
-.component-base-style {
-  margin: 0px;
-}
-
-.approval-form {
-  position: relative;
-}
-
-.button-group {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.more-actions {
-  margin-right: 10px;
-}
+<template>
+  <div class="approval-form">
+    <t-form labelWidth="100px" labelAlign="right" class="component-base-style" :data="{}">
+      <!-- 添加审批人选择组件 -->
+      <div v-if="!isInWhiteList && hasNextApprover" style="margin-bottom: 10px;">
+        <ebiz-approval :showCC="false" type="all" :showRootOrg="false" class="component-base-style"
+          :required="hasNextApprover" v-model:approverList="selectedApprover" :canEdit="hasNextApprover"
+          v-model:ccList="selectedCCList">
+          <template #title>
+            <div></div>
+          </template>
+        </ebiz-approval>
+      </div>
+      <t-form-item label="审批意见">
+        <t-textarea placeholder="请输入" :maxLength="200" :maxCharacter="true" class="component-base-style"
+          v-model="comments"></t-textarea>
+      </t-form-item>
+      <t-form-item label="附件">
+        <ebiz-upload v-model="attachments" :multiple="true" theme="file" />
+      </t-form-item>
+      <t-form-item>
+        <div class="button-group">
+          <div class="more-actions">
+            <t-dropdown :options="actionOptions" @click="onActionSelected">
+              <t-button theme="default" variant="outline">
+                <template #icon>
+                  <t-icon name="ellipsis" size="large" class="component-base-style"></t-icon>
+                </template>
+              </t-button>
+            </t-dropdown>
+          </div>
+          <div>
+            <t-button theme="primary" type="submit" content="通过" @click="handlePass">
+              <template #icon>
+                <t-icon name="check" size="large" class="component-base-style"></t-icon>
+              </template>
+            </t-button>
+            <t-button content="拒绝" the type="reset" style="margin-left: 10px" @click="handleReject">
+              <template #icon>
+                <t-icon name="close" size="large" class="component-base-style"></t-icon>
+              </template>
+            </t-button>
+          </div>
+        </div>
+      </t-form-item>
+    </t-form>
+
+    <!-- 转审人员选择 -->
+    <t-dialog header="选择转审人" :visible="showTransferDialog" :confirm-btn="{ content: '确定', theme: 'primary' }"
+      :cancel-btn="{ content: '取消', theme: 'default' }" @confirm="confirmTransfer" @close="showTransferDialog = false">
+      <EbizEmployeeSelector v-model="transferApprover" :single="true"></EbizEmployeeSelector>
+    </t-dialog>
+
+    <!-- 转接待人选择 -->
+    <t-dialog header="选择接待人" :visible="showReceiverDialog" :confirm-btn="{ content: '确定', theme: 'primary' }"
+      :cancel-btn="{ content: '取消', theme: 'default' }" @confirm="confirmReceiver" @close="showReceiverDialog = false">
+      <EbizEmployeeSelector v-model="selectedReceiver" :single="true"></EbizEmployeeSelector>
+    </t-dialog>
+
+    <!-- 加签位置选择 -->
+    <t-dialog header="选择加签位置" :visible="showPositionDialog" :confirm-btn="{ content: '确定', theme: 'primary' }"
+      :cancel-btn="{ content: '取消', theme: 'default' }" @confirm="confirmPosition" @close="showPositionDialog = false">
+      <t-radio-group v-model="addSignPosition">
+        <t-radio value="before">往前加签</t-radio>
+        <t-radio value="after">往后加签</t-radio>
+      </t-radio-group>
+    </t-dialog>
+
+    <!-- 加签人员选择 -->
+    <t-dialog header="选择加签人员" :visible="showAddSignDialog" :confirm-btn="{ content: '确定', theme: 'primary' }"
+      :cancel-btn="{ content: '取消', theme: 'default' }" @confirm="confirmAddSign" @close="showAddSignDialog = false">
+      <EbizEmployeeSelector v-model="selectedAddSignUser" :single="true"></EbizEmployeeSelector>
+    </t-dialog>
+
+    <!-- 退回确认 -->
+    <t-dialog header="退回确认" :visible="showReturnDialog" :confirm-btn="{ content: '确定退回', theme: 'danger' }"
+      :cancel-btn="{ content: '取消', theme: 'default' }" @confirm="confirmReturn" @close="showReturnDialog = false">
+      <p>确定要退回该审批吗？</p>
+    </t-dialog>
+  </div>
+</template>
+
+<script setup>
+import {
+  Form as TForm,
+  FormItem as TFormItem,
+  Button as TButton,
+  Icon as TIcon,
+  Textarea as TTextarea,
+  Dropdown as TDropdown,
+  Dialog as TDialog,
+  Select as TSelect,
+  RadioGroup as TRadioGroup,
+  Radio as TRadio,
+  Input as TInput,
+  MessagePlugin
+} from 'tdesign-vue-next'
+import { defineProps, defineEmits, ref, reactive, computed, onMounted } from 'vue'
+import { dataService, EbizEmployeeSelector, EbizApproval } from '../index'
+import { EbizUpload } from '../index.js'
+
+const request = (params = {}, apiConfig = {}, url = '') => {
+  return dataService.fetch(params, apiConfig, url)
+}
+const props = defineProps({
+  loading: {
+    type: Boolean,
+    default: false
+  },
+  approvalDetail: {
+    type: Object,
+    default: () => ({})
+  },
+  taskId: {
+    type: String,
+    default: ''
+  },
+  businessKey: {
+    type: String,
+    default: ''
+  },
+  processInstanceId: {
+    type: String,
+    default: ''
+  },
+  taskDefinitionKey: {
+    type: String,
+    default: ''
+  },
+  utils: {
+    type: Object,
+    default: () => ({})
+  }
+})
+
+const emit = defineEmits(['pass', 'reject', 'refresh'])
+
+// 基础数据
+const comments = ref('')
+const attachments = ref([])
+const showMoreActions = ref(false)
+const taskType = ref('')
+
+// 下一步审批人相关
+const hasNextApprover = ref(false)
+const isInWhiteList = ref(false)
+const selectedApprover = ref([])
+const selectedCCList = ref([])
+
+// 转审相关
+const showTransferDialog = ref(false)
+const transferApprover = ref(null)
+
+// 转接待人相关
+const showReceiverDialog = ref(false)
+const selectedReceiver = ref(null)
+
+// 加签相关
+const showPositionDialog = ref(false)
+const showAddSignDialog = ref(false)
+const addSignPosition = ref('after')
+const selectedAddSignUser = ref(null)
+
+// 退回相关
+const showReturnDialog = ref(false)
+const returnReason = ref('')
+
+// 员工选择相关
+const employeeLoading = ref(false)
+const employeeOptions = ref([])
+
+// 操作选项
+const actionOptions = computed(() => {
+  const options = [
+    { content: '转审', value: 'transfer' },
+    { content: '加签', value: 'addSign' },
+    { content: '退回', value: 'return' }
+  ]
+
+  // 如果是接待人节点，添加转接待人选项
+  if (props.taskDefinitionKey === 'receiver') {
+    options.unshift({ content: '转接待人', value: 'changeReceiver' })
+  }
+
+  return options
+})
+
+// 获取当前任务节点类型
+const getCurrentTaskType = async () => {
+  try {
+    employeeLoading.value = true
+    const res = await request(
+      { taskId: props.taskId },
+      {},
+      `/tasks/curr-user-task-type`
+    )
+    taskType.value = res.taskType
+  } catch (err) {
+    MessagePlugin.error(err.message || '获取任务类型失败')
+  } finally {
+    employeeLoading.value = false
+  }
+}
+
+// 判断是否需要选择审批人
+const checkHasNextApprover = async () => {
+  try {
+    const res = await request(
+      { taskId: props.taskId },
+      {},
+      '/tasks/next-user-task-type'
+    )
+    hasNextApprover.value = res.hasNextUserTask ? ['sequential', 'parallel'].includes(res.taskType) : false
+  } catch (err) {
+    MessagePlugin.error(err.message || '获取下一步审批信息失败')
+  }
+}
+
+// 检查是否在白名单中
+const checkIsInWhiteList = async () => {
+  if (props.taskDefinitionKey === 'receiver' && props.approvalDetail?.variables?.form?.receiver) {
+    try {
+      const res = await request(
+        {},
+        {
+          key: 'visitor_whitelist_disenable_pagination',
+          apiId: 2282,
+          apiType: 0
+        },
+        ''
+      )
+      isInWhiteList.value = res?.data?.some(item =>
+        item.emp_id === Number(props.approvalDetail.variables.form.receiver)
+      )
+    } catch (err) {
+      MessagePlugin.error(err.message || '获取白名单信息失败')
+    }
+  }
+}
+
+// 获取员工列表
+const getEmployeeList = async () => {
+  try {
+    employeeLoading.value = true
+    const res = await request(
+      {},
+      { key: 'approval_employee_list', apiId: 2269, apiType: '0' },
+      ''
+    )
+    employeeOptions.value = (res.data || []).map(item => ({
+      label: item.name,
+      value: item.id
+    }))
+  } catch (err) {
+    MessagePlugin.error(err.message || '获取员工列表失败')
+  } finally {
+    employeeLoading.value = false
+  }
+}
+
+// 显示更多操作菜单
+const onShowMore = () => {
+  showMoreActions.value = true
+}
+
+// 选择操作
+const onActionSelected = ({ value }) => {
+  switch (value) {
+    case 'transfer':
+      showTransferDialog.value = true
+      getEmployeeList()
+      break
+    case 'changeReceiver':
+      showReceiverDialog.value = true
+      getEmployeeList()
+      break
+    case 'addSign':
+      if (taskType.value === 'sequential') {
+        showPositionDialog.value = true
+      } else {
+        MessagePlugin.warning('加签仅支持会签模式')
+      }
+      break
+    case 'return':
+      showReturnDialog.value = true
+      break
+  }
+}
+
+// 通过审批
+const handlePass = async () => {
+  console.log("selectedApprover", selectedApprover.value)
+  // 检查是否需要选择下一步审批人
+  if (!isInWhiteList.value && hasNextApprover.value && (!Array.isArray(selectedApprover.value) || selectedApprover.value.length === 0)) {
+    MessagePlugin.warning('请先选择审批人')
+    return
+  }
+
+  const params = {
+    taskId: props.taskId,
+    comment: comments.value,
+    attachments: attachments.value,
+    approve: true,
+    ccList: selectedCCList.value || []
+  }
+
+  console.log("Array.isArray(selectedApprover.value)", Array.isArray(selectedApprover.value))
+  if (Array.isArray(selectedApprover.value) && selectedApprover.value.length > 0) {
+    params.approverList = selectedApprover.value
+  }
+
+  try {
+    //await emit('pass', params)
+
+    //通过审批申请
+    await request(
+      {
+        ...params
+      },
+      {},
+      `/tasks/${params.taskId}/complete`
+    )
+
+    emit('pass')
+
+    comments.value = ''
+    attachments.value = []
+  } catch (err) {
+    MessagePlugin.error(err.message || '操作失败')
+  }
+}
+
+// 拒绝审批
+const handleReject = async () => {
+  try {
+    //await emit('reject', comments.value)
+    await request(
+      {
+        taskId: props.taskId,
+        comment: comments.value,
+        approve: false
+      },
+      {},
+      `/tasks/${props.taskId}/complete`
+    )
+    emit('reject')
+    comments.value = ''
+    attachments.value = []
+  } catch (err) {
+    MessagePlugin.error(err.message || '操作失败')
+  }
+}
+
+// 确认转审
+const confirmTransfer = async () => {
+  if (!transferApprover.value) {
+    MessagePlugin.warning('请选择转审人')
+    return
+  }
+
+  try {
+    const res = await request(
+      {
+        toUserId: String(transferApprover.value),
+        comment: comments.value,
+        attachments: attachments.value
+      },
+      {},
+      `/tasks/${props.taskId}/transfer`
+    )
+
+    if (res.success) {
+      MessagePlugin.success(res.message || '转审成功')
+      showTransferDialog.value = false
+      transferApprover.value = null
+      emit('refresh')
+    }
+  } catch (err) {
+    MessagePlugin.error(err.message || '转审失败')
+  }
+}
+
+// 确认转接待人
+const confirmReceiver = async () => {
+  if (!selectedReceiver.value) {
+    MessagePlugin.warning('请选择接待人')
+    return
+  }
+
+  try {
+    const res = await request(
+      {
+        saveData: {
+          id: props.approvalDetail.variables.form.id,
+          receiver: String(selectedReceiver.value),
+          taskId: props.taskId,
+          comment: comments.value,
+          attachments: attachments.value
+        }
+      },
+      {
+        key: 'out_visitor_apply_update_receiver',
+        apiId: 2276,
+        apiType: 5
+      },
+      ''
+    )
+
+    MessagePlugin.success('转接待人成功')
+
+    showReceiverDialog.value = false
+    selectedReceiver.value = null
+    emit('refresh')
+  } catch (err) {
+    MessagePlugin.error(err.message || '转接待人失败')
+  }
+}
+
+// 确认加签位置
+const confirmPosition = () => {
+  showPositionDialog.value = false
+  showAddSignDialog.value = true
+  getEmployeeList()
+}
+
+// 确认加签
+const confirmAddSign = async () => {
+  if (!selectedAddSignUser.value) {
+    MessagePlugin.warning('请选择加签人员')
+    return
+  }
+
+  try {
+    const res = await request(
+      {
+        userIds: [selectedAddSignUser.value],
+        position: addSignPosition.value,
+        comment: comments.value,
+        attachments: attachments.value
+      },
+      {},
+      `/tasks/${props.taskId}/addSign`
+    )
+
+    MessagePlugin.success('加签成功')
+
+    showAddSignDialog.value = false
+    selectedAddSignUser.value = null
+
+    /*     if (addSignPosition.value === 'before') {
+          emit('refresh')
+        } */
+    emit('refresh')
+  } catch (err) {
+    MessagePlugin.error(err.message || '加签失败')
+  }
+}
+
+// 确认退回
+const confirmReturn = async () => {
+  try {
+    const res = await request(
+      {
+        comment: comments.value,
+        attachments: attachments.value
+      },
+      {},
+      `/tasks/${props.taskId}/return`
+    )
+
+    MessagePlugin.success('退回成功')
+
+    showReturnDialog.value = false
+    returnReason.value = ''
+    emit('refresh')
+  } catch (err) {
+    MessagePlugin.error(err.message || '退回失败')
+  }
+}
+
+onMounted(async () => {
+  if (props.taskId) {
+    await getCurrentTaskType()
+    await checkHasNextApprover()
+    await checkIsInWhiteList()
+  }
+})
+</script>
+
+<style scoped>
+.component-base-style {
+  margin: 0px;
+}
+
+.approval-form {
+  position: relative;
+}
+
+.button-group {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.more-actions {
+  margin-right: 10px;
+}
 </style>