From e769535672635f27505a3daa4ddc5d6a9591e38d Mon Sep 17 00:00:00 2001
From: XaoLi717 <144221124+XaoLi717@users.noreply.github.com>
Date: Mon, 23 Dec 2024 13:42:44 +0800
Subject: [PATCH] =?UTF-8?q?=E6=89=80=E6=9C=89=E6=B5=81=E7=A8=8BDetail?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Home/bgnr/bgyp/BgypDetail.vue | 71 +++++++++++++++++---
 src/views/Home/clnr/clgl/ClglDetail.vue | 85 ++++++++++++++++++-----
 src/views/Home/hynr/hygl/HyglDetail.vue | 89 ++++++++++++++++++++-----
 src/views/Home/jbgl/JbglDetail.vue      | 71 +++++++++++++++++---
 src/views/Home/kqnr/kqgl/KqglDetail.vue | 59 +++++++++++++++-
 src/views/Home/xjgl/XjglDetail.vue      | 72 +++++++++++++++++---
 6 files changed, 386 insertions(+), 61 deletions(-)

diff --git a/src/views/Home/bgnr/bgyp/BgypDetail.vue b/src/views/Home/bgnr/bgyp/BgypDetail.vue
index d4ec48e..0e341e9 100644
--- a/src/views/Home/bgnr/bgyp/BgypDetail.vue
+++ b/src/views/Home/bgnr/bgyp/BgypDetail.vue
@@ -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>
diff --git a/src/views/Home/clnr/clgl/ClglDetail.vue b/src/views/Home/clnr/clgl/ClglDetail.vue
index 0904aec..8734b45 100644
--- a/src/views/Home/clnr/clgl/ClglDetail.vue
+++ b/src/views/Home/clnr/clgl/ClglDetail.vue
@@ -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' }],
diff --git a/src/views/Home/hynr/hygl/HyglDetail.vue b/src/views/Home/hynr/hygl/HyglDetail.vue
index 118b656..fc86f12 100644
--- a/src/views/Home/hynr/hygl/HyglDetail.vue
+++ b/src/views/Home/hynr/hygl/HyglDetail.vue
@@ -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' }],
diff --git a/src/views/Home/jbgl/JbglDetail.vue b/src/views/Home/jbgl/JbglDetail.vue
index 485e0b0..59b9589 100644
--- a/src/views/Home/jbgl/JbglDetail.vue
+++ b/src/views/Home/jbgl/JbglDetail.vue
@@ -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>
diff --git a/src/views/Home/kqnr/kqgl/KqglDetail.vue b/src/views/Home/kqnr/kqgl/KqglDetail.vue
index 57beb57..9a35923 100644
--- a/src/views/Home/kqnr/kqgl/KqglDetail.vue
+++ b/src/views/Home/kqnr/kqgl/KqglDetail.vue
@@ -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,
diff --git a/src/views/Home/xjgl/XjglDetail.vue b/src/views/Home/xjgl/XjglDetail.vue
index 69aa986..2b27799 100644
--- a/src/views/Home/xjgl/XjglDetail.vue
+++ b/src/views/Home/xjgl/XjglDetail.vue
@@ -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 {
     }
   }