From df12b2e53a71dc1d92d3bb2453e62bfc17d9bf5f Mon Sep 17 00:00:00 2001
From: zhouhaibin <zhouhaibin@qq.com>
Date: Fri, 7 Feb 2025 13:52:41 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E9=A1=B9=E7=9B=AE=E8=B4=9F?=
 =?UTF-8?q?=E8=B4=A3=E4=BA=BA=E5=AD=97=E6=AE=B5=E5=92=8C=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E8=B4=9F=E8=B4=A3=E4=BA=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../projectInfo/modifyfieldInfo.vue           | 334 ++++++++++--------
 .../projectInfo/projectInfo.data.ts           |  20 ++
 2 files changed, 201 insertions(+), 153 deletions(-)

diff --git a/src/views/projectLib/projectInfo/modifyfieldInfo.vue b/src/views/projectLib/projectInfo/modifyfieldInfo.vue
index cbcf99d..369084f 100644
--- a/src/views/projectLib/projectInfo/modifyfieldInfo.vue
+++ b/src/views/projectLib/projectInfo/modifyfieldInfo.vue
@@ -1,13 +1,26 @@
 <template>
   <ProjectDetails :isEdit="false" :projectid="projectid" />
   <el-divider content-position="left">项目信息变更字段</el-divider>
-  选择变更字段：<a-select v-model:value="selectValue" style="width: 30%" placeholder="选择变更字段" :options="options"
-    @change="changeOptions" />
+  选择变更字段：<a-select
+    v-model:value="selectValue"
+    style="width: 30%"
+    placeholder="选择变更字段"
+    :options="options"
+    @change="changeOptions"
+  />
   <div v-if="showupload">
     <el-divider content-position="left">上传文件</el-divider>
     <el-form-item label="上传文件:">
-      <el-upload class="upload-demo" ref="upload" action :http-request="httpRequest" :before-upload="beforeUpload"
-        :on-exceed="handleExceed" :limit="1" :on-remove="removeFile">
+      <el-upload
+        class="upload-demo"
+        ref="upload"
+        action
+        :http-request="httpRequest"
+        :before-upload="beforeUpload"
+        :on-exceed="handleExceed"
+        :limit="1"
+        :on-remove="removeFile"
+      >
         <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
         <div slot="tip" class="el-upload__tip">文件大小且不超过500M</div>
       </el-upload>
@@ -15,174 +28,189 @@
   </div>
   <el-divider content-position="left">字段新值</el-divider>
   <BasicForm @register="registerchangeFieldForm" @submit="handleSubmit" />
-
 </template>
 <script lang="ts" name="Detailpage" setup>
-import { defineProps, onMounted, ref, reactive } from 'vue'
-import { } from './projectInfo.data';
-
-import { getChangeFieldManageDict, submitFieldchange, getRemainingMoneyinfo, queryProjectInfoById } from './projectInfo.api'
-import ProjectDetails from "../../ProcessApprovalSubPage/component/ProjectDetails.vue"
-import { useForm, BasicForm } from '@/components/Form';
-import { formSchemas } from './projectInfo.data';
-import { message } from 'ant-design-vue';
-import { cloneDeep } from 'lodash-es';
-import { FormSchema } from '@/components/Form';
+  import { defineProps, onMounted, ref, reactive } from 'vue';
+  import {} from './projectInfo.data';
 
-let dataTo = defineProps(["projectid", "stage", "IsModify", "fatherid"])
-let emit = defineEmits(["close"])
-console.log("dataTo11111", dataTo)
-let selectValue = ref()
-let options = ref()
-let showupload = ref(false)
-let fileList = reactive<Array<any>>([]);
-let showFormSchema: FormSchema[] = []
-onMounted(async () => {
-  options.value = await getChangeFieldManageDict()
-})
-//
-const [registerchangeFieldForm, { getFieldsValue, validate, setFieldsValue, resetSchema, appendSchemaByField }] = useForm({
+  import {
+    getChangeFieldManageDict,
+    submitFieldchange,
+    getRemainingMoneyinfo,
+    queryProjectInfoById,
+  } from './projectInfo.api';
+  import ProjectDetails from '../../ProcessApprovalSubPage/component/ProjectDetails.vue';
+  import { useForm, BasicForm } from '@/components/Form';
+  import { formSchemas } from './projectInfo.data';
+  import { message } from 'ant-design-vue';
+  import { cloneDeep } from 'lodash-es';
+  import { FormSchema } from '@/components/Form';
 
-  resetButtonOptions: { text: '取消' },
+  let dataTo = defineProps(['projectid', 'stage', 'IsModify', 'fatherid']);
+  let emit = defineEmits(['close']);
+  console.log('dataTo11111', dataTo);
+  let selectValue = ref();
+  let options = ref();
+  let showupload = ref(false);
+  let fileList = reactive<Array<any>>([]);
+  let showFormSchema: FormSchema[] = [];
+  onMounted(async () => {
+    options.value = await getChangeFieldManageDict();
+  });
+  //
+  const [
+    registerchangeFieldForm,
+    { getFieldsValue, validate, setFieldsValue, resetSchema, appendSchemaByField },
+  ] = useForm({
+    resetButtonOptions: { text: '取消' },
 
-  submitButtonOptions: { text: '提交' },
-  //查询列占比 24代表一行 取值范围 0-24
-  actionColOptions: { span: 14 },
+    submitButtonOptions: { text: '提交' },
+    //查询列占比 24代表一行 取值范围 0-24
+    actionColOptions: { span: 14 },
 
-  resetFunc: customResetFunc,
-  labelCol: { style: { width: '120px' } },
-  wrapperCol: { style: { width: 'auto' } },
-  // disabled:true
-})
+    resetFunc: customResetFunc,
+    labelCol: { style: { width: '120px' } },
+    wrapperCol: { style: { width: 'auto' } },
+    // disabled:true
+  });
 
-function httpRequest(option) {
-  fileList.push(option)
-}
-function removeFile(option) {
-  for (let i = 0; i < fileList.length; i++) {
-    if (fileList[i].file.name == option.name) {
-      fileList.splice(i, 1)
+  function httpRequest(option) {
+    fileList.push(option);
+  }
+  function removeFile(option) {
+    for (let i = 0; i < fileList.length; i++) {
+      if (fileList[i].file.name == option.name) {
+        fileList.splice(i, 1);
+      }
     }
+    console.log(fileList, option);
   }
-  console.log(fileList, option)
-
-}
-// 上传前处理
-function beforeUpload(file) {
-  let fileSize = file.size
-  const FIVE_M = 500 * 1024 * 1024;
-  //大于5M，不允许上传
-  if (fileSize > FIVE_M) {
-    message.error("最大上传500M")
-    return false
+  // 上传前处理
+  function beforeUpload(file) {
+    let fileSize = file.size;
+    const FIVE_M = 500 * 1024 * 1024;
+    //大于5M，不允许上传
+    if (fileSize > FIVE_M) {
+      message.error('最大上传500M');
+      return false;
+    }
+    //判断文件类型，必须是xlsx格式
+    // let fileName = file.name
+    // let reg = /^.+(\.xlsx)$/
+    // if(!reg.test(fileName)){
+    //   ElMessage.error("只能上传xlsx!")
+    //   return false
+    // }
+    return true;
+  }
+  // 文件数量过多时提醒
+  function handleExceed() {
+    message.warning('最多只能上传一个文件');
   }
-  //判断文件类型，必须是xlsx格式
-  // let fileName = file.name
-  // let reg = /^.+(\.xlsx)$/
-  // if(!reg.test(fileName)){
-  //   ElMessage.error("只能上传xlsx!")
-  //   return false
-  // }
-  return true
-}
-// 文件数量过多时提醒
-function handleExceed() {
-  message.warning("最多只能上传一个文件")
-}
 
+  async function handleSubmit(record) {
+    const params = new FormData();
+    // 将上传文件数组依次添加到参数paramsData中
+    if (fileList.length > 0) {
+      fileList.forEach((x) => {
+        console.log('xxxxxxxxxx', x, x.file);
+        params.append('file', x.file);
+      });
+    }
+    params.append('id', dataTo.projectid);
+    params.append('fieldValue', selectValue.value);
+    if (await validate) {
+      let newValue = await getFieldsValue();
+      Object.keys(newValue).forEach((key) => {
+        //如果是修改金额，则只提交金额相关的值
+        if (selectValue.value == 'Money' && key.includes('Money')) {
+          params.append(key, newValue[key]);
+        } else {
+          //只添加修改项有关值
+          if (key == selectValue.value) {
+            params.append(key, newValue[key]);
+          }
+        }
+      });
+      console.log('params', params);
+      await submitFieldchange(params);
 
-async function handleSubmit(record) {
-  const params = new FormData()
-  // 将上传文件数组依次添加到参数paramsData中
-  if (fileList.length > 0) {
-    fileList.forEach((x) => {
-      console.log("xxxxxxxxxx", x, x.file)
-      params.append('file', x.file)
-    });
+      emit('close');
+    }
+  }
+  async function customResetFunc() {
+    emit('close');
   }
-  params.append("id", dataTo.projectid)
-  params.append("fieldValue", selectValue.value)
-  if (await validate) {
-    let newValue = await getFieldsValue()
-    Object.keys(newValue).forEach(key => {
-      //如果是修改金额，则只提交金额相关的值
-      if (selectValue.value == "Money" && key.includes("Money")) {
-        params.append(key, newValue[key])
+  async function changeOptions(value, option) {
+    let formSchemasTemp = cloneDeep(formSchemas);
+    //如果是子项目修改
+    if (dataTo.fatherid) {
+      let subres = await getRemainingMoneyinfo({
+        projectId: dataTo.fatherid, //主项目id
+        id: dataTo.projectid, //子项目id
+      });
+      if (value == 'Money') {
+        //取出含有金额的内容，并设置最大值
+        let moenyform = formSchemasTemp.filter((item) => item.field.includes('Money'));
+        moenyform.forEach((item) => {
+          item.componentProps['max'] = subres[item.field];
+          showFormSchema.push(item);
+        });
+        resetSchema(moenyform);
+        queryProjectInfoById({
+          projectid: dataTo.projectid,
+        }).then((res) => {
+          setFieldsValue(res);
+        });
       } else {
-        //只添加修改项有关值
-        if (key == selectValue.value) {
-          params.append(key, newValue[key])
-        }
+        formSchemasTemp.forEach((item) => {
+          if (item.field == value) {
+            item.dynamicDisabled = false;
+            resetSchema(item);
+          }
+        });
       }
-    })
-    console.log("params", params)
-    await submitFieldchange(params)
-
-    emit("close")
-  }
-}
-async function customResetFunc() {
-  emit("close")
-}
-async function changeOptions(value, option) {
-  let formSchemasTemp = cloneDeep(formSchemas)
-  //如果是子项目修改
-  if (dataTo.fatherid) {
-    let subres = await getRemainingMoneyinfo({
-      projectId: dataTo.fatherid,//主项目id
-      id: dataTo.projectid//子项目id
-
-    })
-    if (value == "Money") {
-      //取出含有金额的内容，并设置最大值
-      let moenyform = formSchemasTemp.filter(item => item.field.includes("Money"))
-      moenyform.forEach(item => {
-        item.componentProps["max"] = subres[item.field]
-        showFormSchema.push(item)
-      })
-      resetSchema(moenyform)
-      queryProjectInfoById({
-        projectid: dataTo.projectid
-      }).then(res => {
-        setFieldsValue(res)
-      })
+      //主项目修改
     } else {
-      formSchemasTemp.forEach(item => {
-        if (item.field == value) {
-          item.dynamicDisabled = false
-          resetSchema(item)
-        }
-      })
+      //选择修改金额，则重置金额表单，显示之前的金额值
+      if (value == 'Money') {
+        let moenyform = formSchemasTemp.filter((item) => item.field.includes('Money'));
+        resetSchema(moenyform);
+        queryProjectInfoById({
+          projectid: dataTo.projectid,
+        }).then((res) => {
+          setFieldsValue(res);
+        });
+      } else if (value == 'manager') {
+        let tempitem = [] as any;
+        formSchemasTemp.forEach((item) => {
+          if (item.field == value) {
+            item.dynamicDisabled = false;
+            tempitem.push(item);
+          }
+          if (item.field == 'managerPhone') {
+            item.dynamicDisabled = false;
+            tempitem.push(item);
+          }
+        });
+        resetSchema(tempitem);
+      } else {
+        formSchemasTemp.forEach((item) => {
+          if (item.field == value) {
+            item.dynamicDisabled = false;
+            resetSchema(item);
+          }
+        });
+      }
     }
-//主项目修改
-  } else {
-    //选择修改金额，则重置金额表单，显示之前的金额值
-    if (value == "Money") {
-      let moenyform = formSchemasTemp.filter(item => item.field.includes("Money"))
-      resetSchema(moenyform)
-      queryProjectInfoById({
-        projectid: dataTo.projectid
-      }).then(res => {
-        setFieldsValue(res)
-      })
+
+    if (option.upload == '1') {
+      showupload.value = true;
     } else {
-      formSchemasTemp.forEach(item => {
-        if (item.field == value) {
-          item.dynamicDisabled = false
-          resetSchema(item)
-        }
-      })
+      showupload.value = false;
+      fileList.pop();
     }
+    selectValue.value;
   }
-
-  if (option.upload == "1") {
-    showupload.value = true
-  } else {
-    showupload.value = false
-    fileList.pop()
-
-  }
-  selectValue.value
-}
 </script>
 <style></style>
diff --git a/src/views/projectLib/projectInfo/projectInfo.data.ts b/src/views/projectLib/projectInfo/projectInfo.data.ts
index cda20bc..58e8e96 100644
--- a/src/views/projectLib/projectInfo/projectInfo.data.ts
+++ b/src/views/projectLib/projectInfo/projectInfo.data.ts
@@ -544,6 +544,26 @@ export const formSchemas: FormSchema[] = [
     colProps: { span: 12 },
     dynamicDisabled: true,
   },
+  {
+    //标题名称
+    label: '项目负责人',
+    //字段
+    field: 'manager',
+    //组件 支持组件详见 components/Form/src/types/index.ts 中的 ComponentType
+    component: 'Input',
+    //一列占比总共24，比如一行显示2列
+    colProps: { span: 12 },
+  },
+  {
+    //标题名称
+    label: '负责人联系电话',
+    //字段
+    field: 'managerPhone',
+    //组件 支持组件详见 components/Form/src/types/index.ts 中的 ComponentType
+    component: 'Input',
+    //一列占比总共24，比如一行显示2列
+    colProps: { span: 12 },
+  },
   {
     //标题名称
     label: '信息化工作专班',