yudao-team/oa-ui
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

所有流程Detail修改

Browse Source
This commit is contained in:
XaoLi717 2024-12-23 13:42:44 +08:00
parent 3fd1a93b0c
commit e769535672
6 changed files with 386 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
src/views/Home/bgnr/bgyp/BgypDetail.vue
View File

@ -26,25 +26,25 @@
<el-row>
<el-col :span="24">
<el-form-item label="标题" prop="title">
<el-input v-model="formData.title" placeholder="请输入申请标题" disabled/>
<el-input v-model="formData.title" placeholder="请输入申请标题" :disabled="!isEditable('title')"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="申请物品" prop="usageId">
<el-input v-model="formData.usageName" placeholder="请输入物品名字" disabled/>
<el-input v-model="formData.usageName" placeholder="请输入物品名字" :disabled="!isEditable('usageId')"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="物品分类" prop="unit">
<el-select v-model="formData.unit" placeholder="请选择申请物品分类" disabled>
<el-select v-model="formData.unit" placeholder="请选择申请物品分类" :disabled="!isEditable('unit')">
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.BGYP_UNIT)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
disabled
:disabled="!isEditable('unit')"
/>
</el-select>
</el-form-item>
@ -53,7 +53,7 @@
<el-row>
<el-col :span="12">
<el-form-item label="物品数量" prop="usageQuantity">
<el-input v-model="formData.usageQuantity" placeholder="请输入申请物品数量" disabled/>
<el-input v-model="formData.usageQuantity" placeholder="请输入申请物品数量" :disabled="!isEditable('usageQuantity')"/>
</el-form-item>
</el-col>
<el-col :span="12">
@ -63,22 +63,24 @@
type="date"
value-format="x"
placeholder="选择申请时间"
disabled
:disabled="!isEditable('usageDate')"
/>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="用途" prop="usagePurpose">
<el-input autosize v-model="formData.usagePurpose" type="textarea" placeholder="请输入申请用途" disabled />
<el-input autosize v-model="formData.usagePurpose" type="textarea" placeholder="请输入申请用途" :disabled="!isEditable('usagePurpose')" />
</el-form-item>
</el-form>
</el-card>
</template>
<script setup lang="ts">
import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
import { BgypApi } from '@/api/home/bgyp'
import {BgypApi, BgypVO} from '@/api/home/bgyp'
import {propTypes} from "@/utils/propTypes";
import {getUserProfile} from "@/api/system/user/profile";
import * as TaskApi from "@/api/bpm/task";
import {useUserStore} from "@/store/modules/user";
/** 办公用品管理 表单 */
defineOptions({ name: 'BgypDetail' })
@ -134,8 +136,61 @@ const getInfo = async () => {
detailLoading.value = false
}
}
const updateForm = async () => {
// 校验表单
await formRef.value.validate()
// 提交请求
formLoading.value = true
try {
const data = formData.value as unknown as BgypVO
await BgypApi.updateBgyp(data)
} finally {
formLoading.value = false
}
}
/** 打开弹窗 */
defineExpose({ updateForm }) // 提供 open 方法，用于打开弹窗
const editableFields = ref<string[]>([])
const isEditable = (field:string) => {
return editableFields.value.includes(field); // 如果字段在 editableFields 中，则返回 true
}
const userId = useUserStore().getUser.id // 当前登录的编号
const itemControl = async () => {
let flag = false
let itemType = ""
let itemContent = ""
if (queryId.length > 33 ) { //流程中打开表单
const taskids = await TaskApi.getTaskIdsForProcessInstance( queryId ) //通过流程实例id得到待办任务列表
// const token = getAccessToken();
for (const taskid of taskids) {
// 在 for...of 中可以使用 await
const assignee = await TaskApi.getTaskAssignee(taskid); //通过待办任务id得到审批人
if ( assignee == userId ) {
flag = true
itemType = await TaskApi.getTaskConfigFromBpmn( taskid ,"itemType")
if ( itemType == "1") {
itemContent = await TaskApi.getTaskConfigFromBpmn( taskid ,"itemContent")
}
}
}
if ( flag ) { //当然用户是审批人
if ( itemType == "1") { //表单字段0:禁用,1:允许
const parsedObject = JSON.parse(itemContent);
Object.entries(parsedObject).forEach(([key]) => {
editableFields.value.push( key )
});
}
}
}
}
onMounted(async ()=> {
await getUserInfo()
await getInfo()
await itemControl()
})
</script>

85
src/views/Home/clnr/clgl/ClglDetail.vue
View File

@ -25,15 +25,15 @@
</el-col>
</el-row>
<el-form-item label="标题" prop="title">
<el-input v-model="formData.title" placeholder="请输入标题" disabled />
<el-input v-model="formData.title" placeholder="请输入标题" :disabled="!isEditable('title')" />
</el-form-item>
<el-form-item label="车辆状态" prop="carStatus">
<el-radio-group v-model="formData.carStatus" disabled>
<el-radio-group v-model="formData.carStatus" :disabled="!isEditable('carStatus')">
<el-radio
v-for="dict in getIntDictOptions(DICT_TYPE.CLGL_CAR_STATUS)"
:key="dict.value"
:label="dict.value"
disabled
:disabled="!isEditable('carStatus')"
>
{{ dict.label }}
</el-radio>
@ -42,32 +42,32 @@
<el-row>
<el-col :span="12">
<el-form-item label="车辆类型" prop="carType">
<el-select v-model="formData.carType" placeholder="请选择用车类型" disabled>
<el-select v-model="formData.carType" placeholder="请选择用车类型" :disabled="!isEditable('carType')">
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.CLGL_CAR_TYPE)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
disabled
:disabled="!isEditable('carType')"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="车牌号" prop="carInfo">
<el-input v-model="formData.carInfo" placeholder="请输入车牌号" disabled />
<el-input v-model="formData.carInfo" placeholder="请输入车牌号" :disabled="!isEditable('carInfo')" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="驾驶员" prop="carDriver">
<el-input v-model="formData.carDriver" placeholder="请输入驾驶员" disabled />
<el-input v-model="formData.carDriver" placeholder="请输入驾驶员" :disabled="!isEditable('carDriver')" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="驾驶员手机号" prop="carDriverInfo">
<el-input v-model="formData.carDriverInfo" placeholder="请输入驾驶员手机号" disabled />
<el-input v-model="formData.carDriverInfo" placeholder="请输入驾驶员手机号" :disabled="!isEditable('carDriverInfo')" />
</el-form-item>
</el-col>
</el-row>
@ -79,7 +79,7 @@
type="date"
value-format="x"
placeholder="选择用车开始时间"
disabled
:disabled="!isEditable('carStart')"
/>
</el-form-item>
</el-col>
@ -90,7 +90,7 @@
type="date"
value-format="x"
placeholder="选择用车结束时间"
disabled
:disabled="!isEditable('carEnd')"
/>
</el-form-item>
</el-col>
@ -98,29 +98,31 @@
<el-row>
<el-col :span="12">
<el-form-item label="目的地" prop="carAddress">
<el-input v-model="formData.carAddress" placeholder="请输入目的地" disabled/>
<el-input v-model="formData.carAddress" placeholder="请输入目的地" :disabled="!isEditable('carAddress')"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="总里程" prop="carMileage">
<el-input v-model="formData.carMileage" placeholder="请输入总里程" disabled />
<el-input v-model="formData.carMileage" placeholder="请输入总里程" :disabled="!isEditable('carMileage')" />
</el-form-item>
</el-col>
</el-row>
<el-form-item label="用车原因" prop="carReason">
<el-input autosize v-model="formData.carReason" type="textarea" placeholder="请输入用车原因" disabled />
<el-input autosize v-model="formData.carReason" type="textarea" placeholder="请输入用车原因" :disabled="!isEditable('carReason')" />
</el-form-item>
<el-form-item label="备注" prop="carRemark">
<el-input autosize v-model="formData.carRemark" type="textarea" placeholder="请输入备注" disabled />
<el-input autosize v-model="formData.carRemark" type="textarea" placeholder="请输入备注" :disabled="!isEditable('carRemark')" />
</el-form-item>
</el-form>
</el-card>
</template>
<script setup lang="ts">
import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
import { ClglApi } from '@/api/home/clgl'
import {ClglApi, ClglVO} from '@/api/home/clgl'
import {propTypes} from "@/utils/propTypes";
import {getUserProfile} from "@/api/system/user/profile";
import * as TaskApi from "@/api/bpm/task";
import {useUserStore} from "@/store/modules/user";
/** 车辆管理 表单 */
defineOptions({ name: 'ClglDetail' })
@ -193,10 +195,63 @@ const getUserInfo = async () => {
userInfo.value = formData.value.carUserName
}
}
const userId = useUserStore().getUser.id // 当前登录的编号
const itemControl = async () => {
let flag = false
let itemType = ""
let itemContent = ""
if (queryId.length > 33 ) { //流程中打开表单
const taskids = await TaskApi.getTaskIdsForProcessInstance( queryId ) //通过流程实例id得到待办任务列表
// const token = getAccessToken();
for (const taskid of taskids) {
// 在 for...of 中可以使用 await
const assignee = await TaskApi.getTaskAssignee(taskid); //通过待办任务id得到审批人
if ( assignee == userId ) {
flag = true
itemType = await TaskApi.getTaskConfigFromBpmn( taskid ,"itemType")
if ( itemType == "1") {
itemContent = await TaskApi.getTaskConfigFromBpmn( taskid ,"itemContent")
}
}
}
if ( flag ) { //当然用户是审批人
if ( itemType == "1") { //表单字段0:禁用,1:允许
const parsedObject = JSON.parse(itemContent);
Object.entries(parsedObject).forEach(([key]) => {
editableFields.value.push( key )
});
}
}
}
}
const editableFields = ref<string[]>([])
const isEditable = (field:string) => {
return editableFields.value.includes(field); // 如果字段在 editableFields 中，则返回 true
}
const updateForm = async () => {
// 校验表单
await formRef.value.validate()
// 提交请求
formLoading.value = true
try {
const data = formData.value as unknown as ClglVO
await ClglApi.updateClgl(data)
} finally {
formLoading.value = false
}
}
/** 打开弹窗 */
defineExpose({ updateForm }) // 提供 open 方法，用于打开弹窗
/** 初始化 **/
onMounted(async () => {
await getUserInfo()
await getInfo()
await itemControl()
})
const formRules = reactive({
// carUser: [{ required: true, message: '申请人不能为空', trigger: 'blur' }],

89
src/views/Home/hynr/hygl/HyglDetail.vue
View File

@ -25,13 +25,13 @@
</el-col>
</el-row>
<el-form-item label="会议标题" prop="title">
<el-input v-model="formData.title" placeholder="请输入会议标题" disabled />
<el-input v-model="formData.title" placeholder="请输入会议标题" :disabled="!isEditable('title')" />
</el-form-item>
<el-form-item label="会议主题" prop="theme">
<el-input v-model="formData.theme" placeholder="请输入会议主题" disabled />
<el-input v-model="formData.theme" placeholder="请输入会议主题" :disabled="!isEditable('theme')" />
</el-form-item>
<el-form-item label="会议目标" prop="target">
<el-input v-model="formData.target" placeholder="请输入会议目标" disabled />
<el-input v-model="formData.target" placeholder="请输入会议目标" :disabled="!isEditable('target')" />
</el-form-item>
<el-row>
<el-col :span="12">
@ -41,7 +41,7 @@
type="datetime"
value-format="x"
placeholder="选择会议开始时间"
disabled
:disabled="!isEditable('startDate')"
/>
</el-form-item>
</el-col>
@ -52,7 +52,7 @@
type="datetime"
value-format="x"
placeholder="选择会议结束时间"
disabled
:disabled="!isEditable('endDate')"
/>
</el-form-item>
</el-col>
@ -65,13 +65,13 @@
type="date"
value-format="x"
placeholder="选择申请时间"
disabled
:disabled="!isEditable('time')"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="会议类型" prop="type">
<el-select v-model="formData.type" placeholder="请选择会议类型" disabled>
<el-select v-model="formData.type" placeholder="请选择会议类型" :disabled="!isEditable('type')">
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.HYGL_TYPE)"
:key="dict.value"
@ -85,24 +85,24 @@
<el-row>
<el-col :span="12">
<el-form-item label="组织者" prop="organizer">
<el-input v-model="formData.organizer" placeholder="请输入组织者" disabled />
<el-input v-model="formData.organizer" placeholder="请输入组织者" :disabled="!isEditable('organizer')" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="主讲人" prop="speaker">
<el-input v-model="formData.speaker" placeholder="请输入主讲人" disabled />
<el-input v-model="formData.speaker" placeholder="请输入主讲人" :disabled="!isEditable('speaker')" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="记录人员" prop="meetingTaker">
<el-input v-model="formData.meetingTaker" placeholder="请输入记录人员" disabled />
<el-input v-model="formData.meetingTaker" placeholder="请输入记录人员" :disabled="!isEditable('meetingTaker')" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="参会人数" prop="number">
<el-input v-model.number="formData.number" placeholder="请输入参会人数" disabled />
<el-input v-model.number="formData.number" placeholder="请输入参会人数" :disabled="!isEditable('number')" />
</el-form-item>
</el-col>
</el-row>
@ -113,7 +113,7 @@
v-model="formData.roomId"
placeholder="请选择会议室"
@change="getAddress()"
disabled
:disabled="!isEditable('roomId')"
>
<el-option
v-for="dict in listHysgl"
@ -139,17 +139,17 @@
type="textarea"
v-model="formData.roomAddress"
placeholder="请输入会议室地址"
disabled
:disabled="!isEditable('roomAddress')"
/>
</el-form-item>
<el-form-item label="描述" prop="depict">
<el-input autosize type="textarea" v-model="formData.depict" placeholder="请输入描述" disabled />
<el-input autosize type="textarea" v-model="formData.depict" placeholder="请输入描述" :disabled="!isEditable('depict')" />
</el-form-item>
<el-form-item label="设备需求" prop="equipmentList">
<el-input autosize type="textarea" v-model="formData.equipmentList" placeholder="请输入设备需求" disabled />
<el-input autosize type="textarea" v-model="formData.equipmentList" placeholder="请输入设备需求" :disabled="!isEditable('equipmentList')" />
</el-form-item>
<el-form-item label="网络需求" prop="network">
<el-input autosize type="textarea" v-model="formData.network" placeholder="请输入网络需求" disabled />
<el-input autosize type="textarea" v-model="formData.network" placeholder="请输入网络需求" :disabled="!isEditable('network')" />
</el-form-item>
</el-form>
<template #footer>
@ -158,10 +158,12 @@
</template>
<script setup lang="ts">
import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
import { HyglApi, } from '@/api/home/hygl'
import {HyglApi, HyglVO,} from '@/api/home/hygl'
import {getUserProfile} from "@/api/system/user/profile";
import {propTypes} from "@/utils/propTypes";
import {HysglApi, HysglVO} from "@/api/home/hysgl";
import * as TaskApi from "@/api/bpm/task";
import {useUserStore} from "@/store/modules/user";
/** 会议管理 表单 */
defineOptions({ name: 'HyglDetail' })
@ -277,11 +279,64 @@ const getAddress = async ()=>{
formLoading.value = false
}
}
const userId = useUserStore().getUser.id // 当前登录的编号
const itemControl = async () => {
let flag = false
let itemType = ""
let itemContent = ""
if (queryId.length > 33 ) { //流程中打开表单
const taskids = await TaskApi.getTaskIdsForProcessInstance( queryId ) //通过流程实例id得到待办任务列表
// const token = getAccessToken();
for (const taskid of taskids) {
// 在 for...of 中可以使用 await
const assignee = await TaskApi.getTaskAssignee(taskid); //通过待办任务id得到审批人
if ( assignee == userId ) {
flag = true
itemType = await TaskApi.getTaskConfigFromBpmn( taskid ,"itemType")
if ( itemType == "1") {
itemContent = await TaskApi.getTaskConfigFromBpmn( taskid ,"itemContent")
}
}
}
if ( flag ) { //当然用户是审批人
if ( itemType == "1") { //表单字段0:禁用,1:允许
const parsedObject = JSON.parse(itemContent);
Object.entries(parsedObject).forEach(([key]) => {
editableFields.value.push( key )
});
}
}
}
}
const editableFields = ref<string[]>([])
const isEditable = (field:string) => {
return editableFields.value.includes(field); // 如果字段在 editableFields 中，则返回 true
}
const updateForm = async () => {
// 校验表单
await formRef.value.validate()
// 提交请求
formLoading.value = true
try {
const data = formData.value as unknown as HyglVO
await HyglApi.updateHygl(data)
} finally {
formLoading.value = false
}
}
/** 打开弹窗 */
defineExpose({ updateForm }) // 提供 open 方法，用于打开弹窗
onMounted(async ()=>{
await getUserInfo()
await getInfo()
await getList()
await getAddress()
await itemControl()
})
const formRules = reactive({
title: [{ required: true, message: '会议标题不能为空', trigger: 'blur' }],

71
src/views/Home/jbgl/JbglDetail.vue
View File

@ -26,7 +26,7 @@
<el-row>
<el-col :span="24">
<el-form-item label="申请标题" prop="title">
<el-input v-model="formData.title" placeholder="请输入申请标题" disabled />
<el-input v-model="formData.title" placeholder="请输入申请标题" :disabled="!isEditable('title')" />
</el-form-item>
</el-col>
<!-- <el-col :span="12">-->
@ -35,13 +35,13 @@
<el-row>
<el-col :span="12">
<el-form-item label="加班类型" prop="type">
<el-select v-model="formData.type" placeholder="请选择加班类型" disabled>
<el-select v-model="formData.type" placeholder="请选择加班类型" :disabled="!isEditable('type')">
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.JBGL_TYPE)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
disabled
:disabled="!isEditable('type')"
/>
</el-select>
</el-form-item>
@ -53,7 +53,7 @@
type="date"
value-format="x"
placeholder="选择申请时间"
disabled
:disabled="!isEditable('usageDate')"
/>
</el-form-item>
</el-col>
@ -66,7 +66,7 @@
type="datetime"
value-format="x"
placeholder="选择加班开始时间"
disabled
:disabled="!isEditable('startDate')"
/>
</el-form-item>
</el-col>
@ -77,27 +77,29 @@
type="datetime"
value-format="x"
placeholder="选择加班结束时间"
disabled
:disabled="!isEditable('endDate')"
/>
</el-form-item>
</el-col>
</el-row>
<el-col :span="24">
<el-form-item label="加班总时长" prop="duration">
<el-input v-model="formData.duration" placeholder="请输入加班总时长" disabled />
<el-input v-model="formData.duration" placeholder="请输入加班总时长" :disabled="!isEditable('duration')" />
</el-form-item>
</el-col>
<el-form-item label="加班原因" prop="reason">
<el-input autosize v-model="formData.reason" type="textarea" placeholder="请输入加班原因" disabled />
<el-input autosize v-model="formData.reason" type="textarea" placeholder="请输入加班原因" :disabled="!isEditable('reason')" />
</el-form-item>
</el-form>
</el-card>
</template>
<script setup lang="ts">
import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
import { JbglApi } from '@/api/home/jbgl'
import {JbglApi, JbglVO} from '@/api/home/jbgl'
import {propTypes} from "@/utils/propTypes";
import {getUserProfile} from "@/api/system/user/profile";
import * as TaskApi from "@/api/bpm/task";
import {useUserStore} from "@/store/modules/user";
/** 加班管理 表单 */
defineOptions({ name: 'JbglDetail' })
@ -156,8 +158,59 @@ const getInfo = async () => {
}
const formRef = ref() // 表单 Ref
const userId = useUserStore().getUser.id // 当前登录的编号
const itemControl = async () => {
let flag = false
let itemType = ""
let itemContent = ""
if (queryId.length > 33 ) { //流程中打开表单
const taskids = await TaskApi.getTaskIdsForProcessInstance( queryId ) //通过流程实例id得到待办任务列表
// const token = getAccessToken();
for (const taskid of taskids) {
// 在 for...of 中可以使用 await
const assignee = await TaskApi.getTaskAssignee(taskid); //通过待办任务id得到审批人
if ( assignee == userId ) {
flag = true
itemType = await TaskApi.getTaskConfigFromBpmn( taskid ,"itemType")
if ( itemType == "1") {
itemContent = await TaskApi.getTaskConfigFromBpmn( taskid ,"itemContent")
}
}
}
if ( flag ) { //当然用户是审批人
if ( itemType == "1") { //表单字段0:禁用,1:允许
const parsedObject = JSON.parse(itemContent);
Object.entries(parsedObject).forEach(([key]) => {
editableFields.value.push( key )
});
}
}
}
}
const editableFields = ref<string[]>([])
const isEditable = (field:string) => {
return editableFields.value.includes(field); // 如果字段在 editableFields 中，则返回 true
}
const updateForm = async () => {
// 校验表单
await formRef.value.validate()
// 提交请求
formLoading.value = true
try {
const data = formData.value as unknown as JbglVO
await JbglApi.updateJbgl(data)
} finally {
formLoading.value = false
}
}
/** 打开弹窗 */
defineExpose({ updateForm }) // 提供 open 方法，用于打开弹窗
onMounted(async ()=>{
await getUserInfo()
await getInfo()
await itemControl()
})
</script>

59
src/views/Home/kqnr/kqgl/KqglDetail.vue
View File

@ -11,7 +11,7 @@
v-loading="formLoading"
>
<el-form-item label="标题" prop="title">
<el-input autosize v-model="formData.title" type="text" placeholder="请输入标题" disabled />
<el-input autosize v-model="formData.title" type="text" placeholder="请输入标题" :disabled="!isEditable('title')" />
</el-form-item>
<eL-row>
<el-col :span="12">
@ -33,7 +33,7 @@
type="date"
value-format="x"
placeholder="选择考勤日期"
disabled
:disabled="!isEditable('date')"
/>
</el-form-item>
<el-form-item label="考勤表单" >
@ -78,11 +78,13 @@
</template>
<script setup lang="ts">
// import { KqglApi, KqglVO } from '@/api/home/kqgl'
import { KqglApi } from '@/api/home/kqgl'
import {KqglApi, KqglVO} from '@/api/home/kqgl'
import {getUserProfile} from "@/api/system/user/profile";
import {KqdataApi, KqdataVO} from "@/api/home/kqdata";
// import {getUserPageKQ} from "@/api/system/user";
import {propTypes} from "@/utils/propTypes";
import {useUserStore} from "@/store/modules/user";
import * as TaskApi from "@/api/bpm/task";
/** 考勤管理 表单 */
defineOptions({ name: 'KqglDetail' })
@ -175,6 +177,7 @@ const open = async () => {
}
}
onMounted(async ()=>{
await itemControl()
await open()
})
// 获取用户部门
@ -244,6 +247,56 @@ const resetForm = () => {
}
formRef.value?.resetFields()
}
const userId = useUserStore().getUser.id // 当前登录的编号
const itemControl = async () => {
let flag = false
let itemType = ""
let itemContent = ""
if (queryId.length > 33 ) { //流程中打开表单
const taskids = await TaskApi.getTaskIdsForProcessInstance( queryId ) //通过流程实例id得到待办任务列表
// const token = getAccessToken();
for (const taskid of taskids) {
// 在 for...of 中可以使用 await
const assignee = await TaskApi.getTaskAssignee(taskid); //通过待办任务id得到审批人
if ( assignee == userId ) {
flag = true
itemType = await TaskApi.getTaskConfigFromBpmn( taskid ,"itemType")
if ( itemType == "1") {
itemContent = await TaskApi.getTaskConfigFromBpmn( taskid ,"itemContent")
}
}
}
if ( flag ) { //当然用户是审批人
if ( itemType == "1") { //表单字段0:禁用,1:允许
const parsedObject = JSON.parse(itemContent);
Object.entries(parsedObject).forEach(([key]) => {
editableFields.value.push( key )
});
}
}
}
}
const editableFields = ref<string[]>([])
const isEditable = (field:string) => {
return editableFields.value.includes(field); // 如果字段在 editableFields 中，则返回 true
}
const updateForm = async () => {
// 校验表单
await formRef.value.validate()
// 提交请求
formLoading.value = true
try {
const data = formData.value as unknown as KqglVO
await KqglApi.updateKqgl(data)
} finally {
formLoading.value = false
}
}
/** 打开弹窗 */
defineExpose({ updateForm }) // 提供 open 方法，用于打开弹窗
//获取所有员工的搜索条件参数
// const queryParamsUser = reactive({
// pageNo: 1,

72
src/views/Home/xjgl/XjglDetail.vue
View File

@ -8,9 +8,10 @@
:model="formData"
:rules="formRules"
label-width="100px"
v-loading="formLoading"
>
<el-form-item label="标题" prop="title">
<el-input v-model="formData.title" placeholder="请输入申请标题" disabled />
<el-input v-model="formData.title" placeholder="请输入申请标题" :disabled="!isEditable('title')" />
</el-form-item>
<el-row>
<el-col :span="12">
@ -39,7 +40,7 @@
type="date"
value-format="x"
placeholder="选择销假开始时间"
disabled
:disabled="!isEditable('startTime')"
/>
</el-form-item>
</el-col>
@ -50,7 +51,7 @@
type="date"
value-format="x"
placeholder="选择销假结束时间"
disabled
:disabled="!isEditable('endTime')"
/>
</el-form-item>
</el-col>
@ -60,14 +61,14 @@
<el-form-item label="销假天数" prop="day">
<el-row style="width: 100%; margin-bottom: 5px">
<el-col :span="24">
<el-input v-model="formData.day" placeholder="请输入销假天数" disabled />
<el-input v-model="formData.day" placeholder="请输入销假天数" :disabled="!isEditable('day')" />
</el-col>
</el-row>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="请假类型" prop="qjglType">
<el-select v-model="formData.qjglType" placeholder="请选择请假类型" disabled>
<el-select v-model="formData.qjglType" placeholder="请选择请假类型" :disabled="!isEditable('qjglType')">
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.BPM_OA_LEAVE_TYPE)"
:key="dict.value"
@ -79,10 +80,10 @@
</el-col>
</el-row>
<el-form-item label="销假原因" prop="cancelReason">
<el-input v-model="formData.cancelReason" type="textarea" placeholder="请输入销假原因" disabled />
<el-input v-model="formData.cancelReason" type="textarea" placeholder="请输入销假原因" :disabled="!isEditable('cancelReason')" />
</el-form-item>
<el-form-item label="备注" prop="remarks">
<el-input v-model="formData.remarks" type="textarea" placeholder="请输入备注" disabled />
<el-input v-model="formData.remarks" type="textarea" placeholder="请输入备注" :disabled="!isEditable('remarks')" />
</el-form-item>
</el-form>
</el-card>
@ -91,12 +92,15 @@
<script setup lang="ts">
import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
import { propTypes } from '@/utils/propTypes'
import { XjglApi } from '@/api/home/xjgl'
import {XjglApi, XjglVO} from '@/api/home/xjgl'
import QjglViewForm from "@/views/Home/qjgl/QjglViewForm.vue";
import * as TaskApi from "@/api/bpm/task";
import {useUserStore} from "@/store/modules/user";
/** 销假管理 表单 */
defineOptions({ name: 'XjglForm' })
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
const { query } = useRoute() // 查询参数
const queryId = query.id as unknown as number // 从 URL 传递过来的 id 编号 添加
@ -141,8 +145,57 @@ const selectQjglRef = ref()
const openQjglForm = ()=> {
selectQjglRef.value.open(formData.value.qjglId);
}
const editableFields = ref<string[]>([])
const isEditable = (field:string) => {
return editableFields.value.includes(field); // 如果字段在 editableFields 中，则返回 true
}
const userId = useUserStore().getUser.id // 当前登录的编号
const itemControl = async () => {
let flag = false
let itemType = ""
let itemContent = ""
if (queryId.length > 33 ) { //流程中打开表单
const taskids = await TaskApi.getTaskIdsForProcessInstance( queryId ) //通过流程实例id得到待办任务列表
// const token = getAccessToken();
for (const taskid of taskids) {
// 在 for...of 中可以使用 await
const assignee = await TaskApi.getTaskAssignee(taskid); //通过待办任务id得到审批人
if ( assignee == userId ) {
flag = true
itemType = await TaskApi.getTaskConfigFromBpmn( taskid ,"itemType")
if ( itemType == "1") {
itemContent = await TaskApi.getTaskConfigFromBpmn( taskid ,"itemContent")
}
}
}
if ( flag ) { //当然用户是审批人
if ( itemType == "1") { //表单字段0:禁用,1:允许
const parsedObject = JSON.parse(itemContent);
Object.entries(parsedObject).forEach(([key]) => {
editableFields.value.push( key )
});
}
}
}
}
const updateForm = async () => {
// 校验表单
await formRef.value.validate()
// 提交请求
formLoading.value = true
try {
const data = formData.value as unknown as XjglVO
await XjglApi.updateXjgl(data)
} finally {
formLoading.value = false
}
}
/** 打开弹窗 */
defineExpose({ open }) // 提供 open 方法，用于打开弹窗
defineExpose({ open, updateForm }) // 提供 open 方法，用于打开弹窗
/** 提交表单 */
const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
@ -152,6 +205,7 @@ onMounted(async () => {
if (id) {
try {
formData.value = await XjglApi.getXjgl(id)
await itemControl()
} finally {
}
}