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. 334
      src/views/projectLib/projectInfo/modifyfieldInfo.vue
  2. 20
      src/views/projectLib/projectInfo/projectInfo.data.ts

334
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,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>

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