@ebiz/designer-components 0.1.124 → 0.1.126

package/src/components/EbizApprovalDetail.vue

@@ -1,170 +1,170 @@
-<template>
-    <div class='ebiz-approval-container'>
-        <div class='detail-container'>
-            <div class="title">{{ approvalDetail.variables?.startUserName + '的' + approvalDetail.processDefinitionName }}
-                <ebiz-tag
-                variant="light"
-                size="medium"
-                class="component-base-style"
-                :theme="themeMap[approvalDetail?.state]"
-                :content="approvalDetail.stateDesc || '-'"
-                ></ebiz-tag>
-            </div>
-            <!-- 区块详情 -->
-            <div class="block-detail">
-                <slot name="block"></slot>
-                <ebiz-s-approval-process ref="approvalprocessRef" :businessKey="businessKey" :type="type"></ebiz-s-approval-process>
-            </div>
-            <!-- 审批区域 -->
-            <div class="approval-area">
-                <ebiz-approval-form v-if="isAssignee" :taskId="currTask.id" :businessKey="businessKey"
-                    :taskDefinitionKey="currTask.taskDefinitionKey" :approvalDetail="approvalDetail" @pass="refresh"
-                    @reject="refresh" @refresh="refresh"></ebiz-approval-form>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script lang='ts' setup>
-
-import { ref, onMounted } from 'vue';
-import { dataService, EbizSApprovalProcess, EbizApprovalForm, EbizTag } from '../index'
-import { MessagePlugin as message, LoadingPlugin as loading } from 'tdesign-vue-next'
-
-const props = defineProps({
-    businessKey: {
-        type: String,
-        default: ''
-    },
-    type: {
-        type: String,
-        default: ''
-    }
-})
-
-const emit = defineEmits(['loaded'])
-
-// 审批流程组件实例
-const approvalprocessRef = ref(null)
-
-// 当前用户
-const user = ref({})
-
-// 审批详情
-const approvalDetail = ref({})
-
-// 当前任务
-const currTask = ref({})
-
-// 是否为当前任务的审批人
-const isAssignee = ref(false)
-
-// 加载状态
-const isLoading = ref(false)
-
-const themeMap = {
-    CANCELED: 'default',
-    REJECTED: 'danger',
-    APPROVED: 'success',
-    ACTIVE: 'primary',
-    COMPLETED: 'success',
-    SUSPENDED: 'warning'
-}
-
-// 获取审批详情
-const getApprovalDetail = () => {
-    loading(true)
-    isLoading.value = true
-    dataService.fetch(
-        {
-            businessKey: props.businessKey,
-            type: props.type
-        },
-        {},
-        '/tasks/process/detail'
-    ).then((res) => {
-        approvalDetail.value = res
-        if (res.activeTasks.length > 0) {
-            //是待处理的任务
-            currTask.value = res.activeTasks[0] //当前任务
-            isAssignee.value = currTask.value.assignee == user.value.userId
-
-        } else {
-            isAssignee.value = false
-        }
-        loading(false)
-        isLoading.value = false
-        emit('loaded', res)
-    }).catch((err) => {
-        message.error(err.message)
-        loading(false)
-        isLoading.value = false
-        emit('loaded', err)
-    })
-}
-
-// 初始化
-const init = () => {
-    approvalDetail.value = {}
-    currTask.value = {}
-    isAssignee.value = false
-    const { businessKey, type } = props
-    getApprovalDetail()
-    user.value = JSON.parse(localStorage.getItem('user'))
-    approvalprocessRef.value?.requestApprovalDetail(businessKey, type)
-}
-
-// 刷新页面
-const refresh = () => {
-    init()
-}
-
-onMounted(() => {
-    init()
-})
-
-defineExpose({
-    refresh,
-    currTask,
-    isLoading,
-    isAssignee
-})
-</script>
-
-<style lang='less' scoped>
-.ebiz-approval-container {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.title {
-    position: absolute;
-    top: 0;
-    left: 0;
-    padding: 4px 12px;
-    color: #000000;
-    font-size: 18px;
-    font-weight: 600;
-}
-
-.detail-container {
-    position: relative;
-    display: flex;
-    width: 900px;
-    padding: 30px 12px;
-    background-color: #ffffff;
-    border-radius: 4px;
-    box-sizing: border-box;
-}
-
-.block-detail {
-    padding-top: 12px;
-    flex: 3;
-}
-
-.approval-area {
-    padding-left: 16px;
-    flex: 2;
-}
+<template>
+    <div class='ebiz-approval-container'>
+        <div class='detail-container'>
+            <div class="title">{{ approvalDetail.variables?.startUserName + '的' + approvalDetail.processDefinitionName }}
+                <ebiz-tag
+                variant="light"
+                size="medium"
+                class="component-base-style"
+                :theme="themeMap[approvalDetail?.state]"
+                :content="approvalDetail.stateDesc || '-'"
+                ></ebiz-tag>
+            </div>
+            <!-- 区块详情 -->
+            <div class="block-detail">
+                <slot name="block"></slot>
+                <ebiz-s-approval-process ref="approvalprocessRef" :businessKey="businessKey" :type="type"></ebiz-s-approval-process>
+            </div>
+            <!-- 审批区域 -->
+            <div class="approval-area">
+                <ebiz-approval-form v-if="isAssignee" :taskId="currTask.id" :businessKey="businessKey"
+                    :taskDefinitionKey="currTask.taskDefinitionKey" :approvalDetail="approvalDetail" @pass="refresh"
+                    @reject="refresh" @refresh="refresh"></ebiz-approval-form>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang='ts' setup>
+
+import { ref, onMounted } from 'vue';
+import { dataService, EbizSApprovalProcess, EbizApprovalForm, EbizTag } from '../index'
+import { MessagePlugin as message, LoadingPlugin as loading } from 'tdesign-vue-next'
+
+const props = defineProps({
+    businessKey: {
+        type: String,
+        default: ''
+    },
+    type: {
+        type: String,
+        default: ''
+    }
+})
+
+const emit = defineEmits(['loaded'])
+
+// 审批流程组件实例
+const approvalprocessRef = ref(null)
+
+// 当前用户
+const user = ref({})
+
+// 审批详情
+const approvalDetail = ref({})
+
+// 当前任务
+const currTask = ref({})
+
+// 是否为当前任务的审批人
+const isAssignee = ref(false)
+
+// 加载状态
+const isLoading = ref(false)
+
+const themeMap = {
+    CANCELED: 'default',
+    REJECTED: 'danger',
+    APPROVED: 'success',
+    ACTIVE: 'primary',
+    COMPLETED: 'success',
+    SUSPENDED: 'warning'
+}
+
+// 获取审批详情
+const getApprovalDetail = () => {
+    loading(true)
+    isLoading.value = true
+    dataService.fetch(
+        {
+            businessKey: props.businessKey,
+            type: props.type
+        },
+        {},
+        '/tasks/process/detail'
+    ).then((res) => {
+        approvalDetail.value = res
+        if (res.activeTasks.length > 0) {
+            //是待处理的任务
+            currTask.value = res.activeTasks[0] //当前任务
+            isAssignee.value = currTask.value.assignee == user.value.userId
+
+        } else {
+            isAssignee.value = false
+        }
+        loading(false)
+        isLoading.value = false
+        emit('loaded', res)
+    }).catch((err) => {
+        message.error(err.message)
+        loading(false)
+        isLoading.value = false
+        emit('loaded', err)
+    })
+}
+
+// 初始化
+const init = () => {
+    approvalDetail.value = {}
+    currTask.value = {}
+    isAssignee.value = false
+    const { businessKey, type } = props
+    getApprovalDetail()
+    user.value = JSON.parse(localStorage.getItem('user'))
+    approvalprocessRef.value?.requestApprovalDetail(businessKey, type)
+}
+
+// 刷新页面
+const refresh = () => {
+    init()
+}
+
+onMounted(() => {
+    init()
+})
+
+defineExpose({
+    refresh,
+    currTask,
+    isLoading,
+    isAssignee
+})
+</script>
+
+<style lang='less' scoped>
+.ebiz-approval-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.title {
+    position: absolute;
+    top: 0;
+    left: 0;
+    padding: 4px 12px;
+    color: #000000;
+    font-size: 18px;
+    font-weight: 600;
+}
+
+.detail-container {
+    position: relative;
+    display: flex;
+    width: 900px;
+    padding: 30px 12px;
+    background-color: #ffffff;
+    border-radius: 4px;
+    box-sizing: border-box;
+}
+
+.block-detail {
+    padding-top: 12px;
+    flex: 3;
+}
+
+.approval-area {
+    padding-left: 16px;
+    flex: 2;
+}
 </style>