Guoyan
/
new_huozhou_frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

新增项目负责人字段和修改项目负责人

master
zhouhaibin 4 days ago
parent
39b9569ca5
commit
df12b2e53a
2 changed files with 201 additions and 153 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 190
      src/views/projectLib/projectInfo/modifyfieldInfo.vue
  2. 20
      src/views/projectLib/projectInfo/projectInfo.data.ts

190
src/views/projectLib/projectInfo/modifyfieldInfo.vue
View File

@ -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,34 +28,40 @@
</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 { 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 {
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';
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 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[] = []
let showFormSchema: FormSchema[] = [];
onMounted(async () => {
options.value = await getChangeFieldManageDict()
})
options.value = await getChangeFieldManageDict();
});
//
const [registerchangeFieldForm, { getFieldsValue, validate, setFieldsValue, resetSchema, appendSchemaByField }] = useForm({
const [
registerchangeFieldForm,
{ getFieldsValue, validate, setFieldsValue, resetSchema, appendSchemaByField },
] = useForm({
resetButtonOptions: { text: '取消' },
submitButtonOptions: { text: '提交' },
@ -53,28 +72,27 @@ const [registerchangeFieldForm, { getFieldsValue, validate, setFieldsValue, rese
labelCol: { style: { width: '120px' } },
wrapperCol: { style: { width: 'auto' } },
// disabled:true
})
});
function httpRequest(option) {
fileList.push(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)
fileList.splice(i, 1);
}
}
console.log(fileList, option)
console.log(fileList, option);
}
// 上传前处理
function beforeUpload(file) {
let fileSize = file.size
let fileSize = file.size;
const FIVE_M = 500 * 1024 * 1024;
//大于5M，不允许上传
if (fileSize > FIVE_M) {
message.error("最大上传500M")
return false
message.error('最大上传500M');
return false;
}
//判断文件类型，必须是xlsx格式
// let fileName = file.name
@ -83,106 +101,116 @@ function beforeUpload(file) {
// ElMessage.error("只能上传xlsx!")
// return false
// }
return true
return true;
}
// 文件数量过多时提醒
function handleExceed() {
message.warning("最多只能上传一个文件")
message.warning('最多只能上传一个文件');
}
async function handleSubmit(record) {
const params = new FormData()
const params = new FormData();
// 将上传文件数组依次添加到参数paramsData中
if (fileList.length > 0) {
fileList.forEach((x) => {
console.log("xxxxxxxxxx", x, x.file)
params.append('file', x.file)
console.log('xxxxxxxxxx', x, x.file);
params.append('file', x.file);
});
}
params.append("id", dataTo.projectid)
params.append("fieldValue", selectValue.value)
params.append('id', dataTo.projectid);
params.append('fieldValue', selectValue.value);
if (await validate) {
let newValue = await getFieldsValue()
Object.keys(newValue).forEach(key => {
let newValue = await getFieldsValue();
Object.keys(newValue).forEach((key) => {
//如果是修改金额，则只提交金额相关的值
if (selectValue.value == "Money" && key.includes("Money")) {
params.append(key, newValue[key])
if (selectValue.value == 'Money' && key.includes('Money')) {
params.append(key, newValue[key]);
} else {
//只添加修改项有关值
if (key == selectValue.value) {
params.append(key, newValue[key])
params.append(key, newValue[key]);
}
}
})
console.log("params", params)
await submitFieldchange(params)
});
console.log('params', params);
await submitFieldchange(params);
emit("close")
emit('close');
}
}
async function customResetFunc() {
emit("close")
emit('close');
}
async function changeOptions(value, option) {
let formSchemasTemp = cloneDeep(formSchemas)
let formSchemasTemp = cloneDeep(formSchemas);
//如果是子项目修改
if (dataTo.fatherid) {
let subres = await getRemainingMoneyinfo({
projectId: dataTo.fatherid, //主项目id
id: dataTo.projectid//子项目id
})
if (value == "Money") {
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)
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)
})
projectid: dataTo.projectid,
}).then((res) => {
setFieldsValue(res);
});
} else {
formSchemasTemp.forEach(item => {
formSchemasTemp.forEach((item) => {
if (item.field == value) {
item.dynamicDisabled = false
resetSchema(item)
item.dynamicDisabled = false;
resetSchema(item);
}
})
});
}
//主项目修改
} else {
//选择修改金额，则重置金额表单，显示之前的金额值
if (value == "Money") {
let moenyform = formSchemasTemp.filter(item => item.field.includes("Money"))
resetSchema(moenyform)
if (value == 'Money') {
let moenyform = formSchemasTemp.filter((item) => item.field.includes('Money'));
resetSchema(moenyform);
queryProjectInfoById({
projectid: dataTo.projectid
}).then(res => {
setFieldsValue(res)
})
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 => {
formSchemasTemp.forEach((item) => {
if (item.field == value) {
item.dynamicDisabled = false
resetSchema(item)
item.dynamicDisabled = false;
resetSchema(item);
}
})
});
}
}
if (option.upload == "1") {
showupload.value = true
if (option.upload == '1') {
showupload.value = true;
} else {
showupload.value = false
fileList.pop()
showupload.value = false;
fileList.pop();
}
selectValue.value
selectValue.value;
}
</script>
<style></style>

20
src/views/projectLib/projectInfo/projectInfo.data.ts
View File

@ -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: '信息化工作专班',

Write Preview
Loading…
Cancel
Save