zhouhaibin
1 month ago
6 changed files with 696 additions and 83 deletions
@ -0,0 +1,535 @@ |
|||
<template> |
|||
<!-- 自定义表单 --> |
|||
<!-- <BasicModal v-bind="$attrs" @register="registerModal" title="项目合同信息详情" width="1500px" :showOkBtn="false" |
|||
:showCancelBtn="false"> --> |
|||
<el-divider content-position="left">合同信息</el-divider> |
|||
<BasicForm @register="registerContractForm" /> |
|||
<el-button type="primary" @click="addFrom"> |
|||
<template #icon> |
|||
<PlusCircleOutlined /> |
|||
</template> |
|||
</el-button> |
|||
<el-button type="primary" @click="minusFrom"> |
|||
<template #icon> |
|||
<MinusCircleOutlined /> |
|||
</template> |
|||
</el-button> |
|||
|
|||
<!-- </BasicModal> --> |
|||
</template> |
|||
<script lang="ts" name="addAndModify" setup> |
|||
import { ref, reactive, onMounted } from 'vue' |
|||
import { useForm, BasicForm } from '@/components/Form'; |
|||
import { contractformSchemas, MoneyFormSchemas } from './projectContract.data'; |
|||
import { modifyContractinfo, addContractinfo, getContractinfoByProjectId } from './projectContract.api'; |
|||
import { queryProjectInfoById } from '@/views/projectLib/projectInfo/projectInfo.api' |
|||
import { ElMessage } from 'element-plus' |
|||
import { useModalInner, BasicModal } from '@/components/Modal'; |
|||
import { FormSchema } from '@/components/Form'; |
|||
import { message } from 'ant-design-vue'; |
|||
import { PlusCircleOutlined, MinusCircleOutlined } from '@ant-design/icons-vue'; |
|||
import { cloneDeep } from 'lodash-es'; |
|||
import { getTaskNameTypeDict } from "./projectContract.api" |
|||
|
|||
const aaa = ({ values }) => { |
|||
console.log('values:', values);//表单所有值 |
|||
//需要return |
|||
return [ |
|||
{ |
|||
//默认开启表单检验 |
|||
required: true, |
|||
// value 当前手机号输入的值 |
|||
validator: (formSchemas, value) => { |
|||
console.log("______", formSchemas, value); |
|||
//需要return 一个Promise对象 |
|||
return new Promise((resolve, reject) => { |
|||
if (formSchemas.field.indexOf("centralMoney") != -1) { |
|||
let fieldnum = formSchemas.field.replace("centralMoney", "") |
|||
Object.keys(values).forEach(key => { |
|||
if (values["taskName" + fieldnum] == null) { |
|||
reject("请填写本次支付的属性值") |
|||
} |
|||
if (values["taskName" + fieldnum] != null && values["taskName" + fieldnum]?.indexOf("首付") != -1) { |
|||
if (fieldnum.length == 0) { |
|||
console.log("首付的中央资金不能超过总中央资金的30%11", value, Number(values["centralMoney"]), Number(resMoney.value.centralMoney), Number(values["centralMoney"]) / Number(resMoney.value.centralMoney)) |
|||
if (Number(value) / Number(resMoney.value.centralMoney) > 0.3) { |
|||
console.log("首付的中央资金不能超过总中央资金的30%") |
|||
} |
|||
} else { |
|||
let total = Number(values["centralMoney"]) |
|||
if (Number(fieldnum) == 2) { |
|||
total += value |
|||
} else { |
|||
for (let i = 2; i < Number(fieldnum); i++) { |
|||
total += Number(values[`centralMoney${i}`]) |
|||
} |
|||
total += value |
|||
} |
|||
|
|||
if (total / Number(resMoney.value.centralMoney) > 0.3) { |
|||
console.log("首付的中央资金不能超过总中央资金的30%") |
|||
} |
|||
} |
|||
} |
|||
if (values["taskName" + fieldnum] != null && values["taskName" + fieldnum]?.indexOf("初验") != -1) { |
|||
if (fieldnum.length == 0) { |
|||
if (Number(value) / Number(resMoney.value.centralMoney) > 0.6) { |
|||
console.log("初验的中央资金不能超过总中央资金的60%") |
|||
} |
|||
} else { |
|||
//首付之前有其他阶段，求和 |
|||
let total = Number(values["centralMoney"]) |
|||
if (Number(fieldnum) == 2) { |
|||
total += value |
|||
} else { |
|||
for (let i = 2; i < Number(fieldnum); i++) { |
|||
total += Number(values[`centralMoney${i}`]) |
|||
} |
|||
total += value |
|||
} |
|||
if (total / Number(resMoney.value.centralMoney) > 0.6) { |
|||
console.log("初验的中央资金不能超过总中央资金的60%") |
|||
} |
|||
} |
|||
} |
|||
resolve("1") |
|||
}) |
|||
} |
|||
if (value == null) { |
|||
let name = contractformSchemas.filter(item => formSchemas.field.indexOf(item.field) != -1)[0].label |
|||
reject(name + "不能为空") |
|||
} |
|||
resolve("1") |
|||
}); |
|||
}, |
|||
}, |
|||
]; |
|||
} |
|||
|
|||
const bbb = ({ schema, formModel, formActionType }) => { |
|||
console.log("formMode222222", schema, formModel) |
|||
if (schema == undefined || schema.field == undefined) { |
|||
console.log("formModel111111", schema, formModel) |
|||
return { |
|||
//数值精度 |
|||
precision: 2, |
|||
//步数 |
|||
step: 1, |
|||
} |
|||
} |
|||
return { |
|||
//数值精度 |
|||
precision: 2, |
|||
//步数 |
|||
step: 1, |
|||
min: 0, |
|||
max: resMoney.value[schema.field.replace(/\d/g, '')], |
|||
style: { width: '90%' }, |
|||
onChange: async (value, option) => { |
|||
// formModel.manageContactor = undefined; // reset city value |
|||
const { updateSchema, setFieldsValue, getFieldsValue } = formActionType; |
|||
let percentage = value / resMoney.value[schema.field.replace(/\d/g, '')] * 100 |
|||
console.log("percentage", percentage.toFixed(0)) |
|||
schema.suffix = percentage.toFixed(0) + "%" |
|||
updateSchema(schema) |
|||
}, |
|||
}; |
|||
} |
|||
// const [registerModal, { closeModal }] = useModalInner(init); |
|||
|
|||
let data = defineProps(["projectid", "isModify", "isEdit"]) |
|||
let fileList = reactive<Array<any>>([]); |
|||
let isModify = ref() |
|||
let projectid = ref() |
|||
let payNum = ref(1) |
|||
let resMoney = ref() |
|||
let taskNameTypeDict = ref() |
|||
let tempSchemas = cloneDeep(contractformSchemas) as Array<FormSchema> |
|||
// tempSchemas.forEach(item => { |
|||
// if (item.field.indexOf("Money") != -1) { |
|||
// item.dynamicRules = aaa() |
|||
// item.componentProps = bbb |
|||
// } |
|||
// if (item.field == "taskName") { |
|||
// item.componentProps.options = taskNameTypeDict.value |
|||
// } |
|||
// }) |
|||
const emit = defineEmits(['close']); |
|||
// async function init(data) { |
|||
|
|||
// } |
|||
onMounted(async () => { |
|||
projectid.value = data.projectid |
|||
taskNameTypeDict.value = await getTaskNameTypeDict({ projectid: projectid.value }) |
|||
payNum.value = 1 |
|||
tempSchemas = cloneDeep(contractformSchemas) as Array<FormSchema> |
|||
tempSchemas.forEach(item => { |
|||
if (item.field.indexOf("Money") != -1) { |
|||
item.dynamicRules = aaa |
|||
item.componentProps = bbb |
|||
} |
|||
if (item.field == "taskName") { |
|||
item.componentProps.options = taskNameTypeDict.value |
|||
console.log("item.componentProps.options", item.componentProps.options) |
|||
|
|||
|
|||
} |
|||
}) |
|||
console.log("datadatadata", data, tempSchemas) |
|||
let parammoney: any = { |
|||
projectid: data.projectid |
|||
} |
|||
resMoney.value = await queryProjectInfoById(parammoney) |
|||
setFieldsValueMoneyForm(resMoney.value) |
|||
fileList.pop() |
|||
if (data.isModify == true ||(data.isEdit !=null && data.isEdit != undefined)) { |
|||
isModify.value = data.isModify |
|||
let param: any = { |
|||
projectid: data.projectid |
|||
} |
|||
let res = await getContractinfoByProjectId(param) as Array<any> |
|||
let obj = new Object() |
|||
//记录一共有几次支付 |
|||
let num = res.length |
|||
//把数组变成对象 |
|||
for (let i = 1; i <= num; i++) { |
|||
|
|||
if (i == 1) { |
|||
obj = res[i - 1] |
|||
} else { |
|||
Object.keys(res[i - 1]).forEach(key => { |
|||
obj[key + i] = res[i - 1][key] |
|||
}) |
|||
} |
|||
} |
|||
if (num > 1) { |
|||
payNum.value = num |
|||
for (let i = 2; i <= num; i++) { |
|||
contractformSchemas.forEach(item => { |
|||
let tempitem = cloneDeep(item) |
|||
if (tempitem.field.indexOf("Money") != -1) { |
|||
tempitem.dynamicRules = aaa |
|||
tempitem.componentProps = bbb |
|||
} |
|||
if (tempitem.field == "payDate") { |
|||
tempitem.label = "第" + i + "次支付" |
|||
} |
|||
if (tempitem.field == "taskName") { |
|||
tempitem.componentProps.options = taskNameTypeDict.value |
|||
|
|||
} |
|||
// if (tempitem.field == "totalMoney") { |
|||
// tempitem.label = "第" + i + "支付总金额" |
|||
// } |
|||
tempitem.field = tempitem.field + i |
|||
tempSchemas.push(tempitem) |
|||
}) |
|||
} |
|||
resetSchema(tempSchemas) |
|||
} else { |
|||
resetSchema(tempSchemas) |
|||
} |
|||
console.log("结果是", res, obj) |
|||
obj["id"] = data.projectid |
|||
setFieldsValue(obj) |
|||
} else { |
|||
//需要项目id 组件需要这个id去查询属性名称是否正确 |
|||
resetSchema(tempSchemas) |
|||
setFieldsValue({ id: data.projectid }) |
|||
} |
|||
//流程展示会用到此页面，isEdit 流程页专门回传这个参数，控制是否显示编辑按钮 |
|||
if (data.isEdit == false) { |
|||
setProps({ |
|||
disabled: true |
|||
}) |
|||
} |
|||
}) |
|||
|
|||
//项目金额相关信息 |
|||
const [registerMoneyForm, { setFieldsValue: setFieldsValueMoneyForm }] = useForm({ |
|||
//注册表单列 |
|||
schemas: MoneyFormSchemas, |
|||
showActionButtonGroup: false, |
|||
//回车提交 |
|||
// autoSubmitOnEnter: true, |
|||
// //不显示重置按钮 |
|||
// showResetButton: false, |
|||
//自定义提交按钮文本和图标 |
|||
// submitButtonOptions: { text: '提交', preIcon: '' }, |
|||
//查询列占比 24代表一行 取值范围 0-24 |
|||
// actionColOptions: { span: 17 }, |
|||
disabled: true, |
|||
size: "small", |
|||
// labelCol: { style: { width: '120px' } }, |
|||
wrapperCol: { style: { width: 'auto' } }, |
|||
}); |
|||
|
|||
|
|||
|
|||
//项目入库详情 |
|||
const [registerContractForm, { setFieldsValue: setFieldsValue, getFieldsValue, validate, resetSchema, removeSchemaByField, setProps }] = useForm({ |
|||
//注册表单列 |
|||
schemas: contractformSchemas, |
|||
showActionButtonGroup: false, |
|||
//回车提交 |
|||
// autoSubmitOnEnter: true, |
|||
// //不显示重置按钮 |
|||
// showResetButton: false, |
|||
//自定义提交按钮文本和图标 |
|||
// submitButtonOptions: { text: '提交', preIcon: '' }, |
|||
//查询列占比 24代表一行 取值范围 0-24 |
|||
// actionColOptions: { span: 17 }, |
|||
size: 'small', |
|||
// labelCol: { style: { width: '120px' } }, |
|||
wrapperCol: { style: { width: 'auto' } }, |
|||
}); |
|||
|
|||
async function addFrom() { |
|||
console.log("addFrom", await getFieldsValue()) |
|||
let a = await validate() |
|||
if (a) { |
|||
payNum.value += 1 |
|||
contractformSchemas.forEach(item => { |
|||
let tempitem = cloneDeep(item) |
|||
if (tempitem.field.indexOf("Money") != -1) { |
|||
tempitem.dynamicRules = aaa |
|||
tempitem.componentProps = bbb |
|||
|
|||
} |
|||
if (tempitem.field == "payDate") { |
|||
tempitem.label = "第" + payNum.value + "次支付" |
|||
} |
|||
if (tempitem.field == "taskName") { |
|||
tempitem.componentProps.options = taskNameTypeDict.value |
|||
|
|||
} |
|||
// if (tempitem.field == "totalMoney") { |
|||
// tempitem.label = "第" + payNum.value + "支付总金额" |
|||
// } |
|||
tempitem.field = tempitem.field + payNum.value |
|||
tempSchemas.push(tempitem) |
|||
}) |
|||
// console.log("temp222222",tempSchemas,tempSchemas.length) |
|||
resetSchema(tempSchemas) |
|||
} |
|||
} |
|||
function minusFrom() { |
|||
if (payNum.value == 1) { |
|||
message.warning("至少保留一个支付项"); |
|||
return |
|||
} |
|||
let last = cloneDeep(tempSchemas) |
|||
last = last.slice(payNum.value * 9 - 9) |
|||
last.forEach(element => { |
|||
removeSchemaByField(element.field) |
|||
}); |
|||
tempSchemas = tempSchemas.slice(0, payNum.value * 9 - 9) |
|||
payNum.value -= 1 |
|||
resetSchema(tempSchemas) |
|||
} |
|||
//导入Excel病种信息数据 |
|||
async function submitImportForm() { |
|||
let res = [] |
|||
let data = await getFieldsValue() |
|||
for (let i = 1; i <= payNum.value; i++) { |
|||
let obj = new Object() |
|||
contractformSchemas.forEach(item => { |
|||
if (i == 1) { |
|||
obj[item.field] = data[item.field] |
|||
} else { |
|||
obj[item.field] = data[item.field + i] |
|||
} |
|||
obj["projectId"] = projectid.value |
|||
delete obj.id; |
|||
}) |
|||
res.push(obj) |
|||
} |
|||
console.log("data", data, res) |
|||
// if(checkForm()){ |
|||
// ElMessage.success("新增成功") |
|||
// } |
|||
if ( await checkForm()) { |
|||
const params = new FormData() |
|||
console.log("data", data) |
|||
// 使用form表单的数据格式 |
|||
if (isModify.value == true) { |
|||
if (fileList.length > 0) { |
|||
params.append("file", fileList[0].file) |
|||
} |
|||
//说明是修改 |
|||
params.append("contractinfoList", JSON.stringify(res)) |
|||
await modifyContractinfo(params) |
|||
} else { |
|||
if (fileList.length == 0) { |
|||
ElMessage.warning("请上传文件") |
|||
return; |
|||
} |
|||
params.append("file", fileList[0].file) |
|||
params.append("contractinfoList", JSON.stringify(res)) |
|||
await addContractinfo(params) |
|||
} |
|||
dialogVisible() |
|||
} |
|||
|
|||
} |
|||
function dialogVisible() { |
|||
emit("close") |
|||
} |
|||
|
|||
async function checkForm() { //校验表单 |
|||
await validate() |
|||
let data = getFieldsValue() |
|||
let totalCentralMoney = 0 |
|||
let totalCountyMoney = 0 |
|||
let totalCityMoney = 0 |
|||
let totalProvincialMoney = 0 |
|||
let totalSelfMoney = 0 |
|||
let totalMoney = 0 |
|||
let showshoufu = false |
|||
let showchuyan = false |
|||
let showzhongyan = false |
|||
let returnRes = true |
|||
//校验首付和初验比例 |
|||
Object.keys(data).forEach(key => { |
|||
if (key.indexOf("taskName") != -1 && data[key].indexOf("首付") != -1) { |
|||
showshoufu = true |
|||
// if (key == "taskName") { |
|||
// if (Number(data["centralMoney"]) / Number(centralMoney) > 0.3) { |
|||
// ElMessage.error("首付的中央资金不能超过总中央资金的30%") |
|||
// returnRes = false |
|||
|
|||
// return |
|||
// } |
|||
// } else { |
|||
// //首付之前有其他阶段，求和 |
|||
// let num = key.replace("taskName", "") |
|||
// let total = Number(data["centralMoney"]) |
|||
// for (let i = 2; i <= Number(num); i++) { |
|||
// total += Number(data[`centralMoney${i}`]) |
|||
// } |
|||
// if (total / Number(centralMoney) > 0.3) { |
|||
// ElMessage.error("首付的中央资金不能超过总中央资金的30%") |
|||
// returnRes = false |
|||
|
|||
// return |
|||
// } |
|||
// } |
|||
} |
|||
if (key.indexOf("taskName") != -1 && data[key].indexOf("初验") != -1) { |
|||
showchuyan = true |
|||
// if (key == "taskName") { |
|||
// if (Number(data["centralMoney"]) / Number(centralMoney) > 0.6) { |
|||
// ElMessage.error("初验的中央资金不能超过总中央资金的60%") |
|||
// returnRes = false |
|||
|
|||
// return |
|||
// } |
|||
// } else { |
|||
// //首付之前有其他阶段，求和 |
|||
// let num = key.replace("taskName", "") |
|||
// let total = Number(data["centralMoney"]) |
|||
// for (let i = 2; i <= Number(num); i++) { |
|||
// total += Number(data[`centralMoney${i}`]) |
|||
// } |
|||
// if (total / Number(centralMoney) > 0.6) { |
|||
// ElMessage.error("初验的中央资金不能超过总中央资金的60%") |
|||
// returnRes = false |
|||
|
|||
// return |
|||
// } |
|||
// } |
|||
} |
|||
if (key.indexOf("taskName") != -1 && data[key].indexOf("终验") != -1) { |
|||
showzhongyan = true |
|||
} |
|||
//校验各项金额比例 |
|||
if (key.includes("centralMoney")) { |
|||
totalCentralMoney += Number(data[key]) |
|||
} |
|||
if (key.includes("countyMoney")) { |
|||
totalCountyMoney += Number(data[key]) |
|||
} |
|||
if (key.includes("cityMoney")) { |
|||
totalCityMoney += Number(data[key]) |
|||
} |
|||
if (key.includes("provincialMoney")) { |
|||
totalProvincialMoney += Number(data[key]) |
|||
} |
|||
if (key.includes("selfMoney")) { |
|||
totalSelfMoney += Number(data[key]) |
|||
} |
|||
if (key.includes("totalMoney")) { |
|||
totalMoney += Number(data[key]) |
|||
} |
|||
}) |
|||
if (!returnRes) { |
|||
return false |
|||
} |
|||
if (totalCentralMoney != Number(resMoney.value.centralMoney)) { |
|||
ElMessage.error("中央资金总额不匹配") |
|||
return false |
|||
} |
|||
if (totalCountyMoney != Number(resMoney.value.countyMoney)) { |
|||
ElMessage.error("县级资金总额不匹配") |
|||
return false |
|||
} |
|||
if (totalCityMoney != Number(resMoney.value.cityMoney)) { |
|||
ElMessage.error("市级资金总额不匹配") |
|||
return false |
|||
} |
|||
if (totalProvincialMoney != Number(resMoney.value.provincialMoney)) { |
|||
ElMessage.error("省级资金总额不匹配") |
|||
return false |
|||
} |
|||
if (totalSelfMoney != Number(resMoney.value.selfMoney)) { |
|||
ElMessage.error("自筹资金总额不匹配") |
|||
return false |
|||
} |
|||
if (totalMoney != Number(resMoney.value.totalMoney)) { |
|||
ElMessage.error("总资金总额不匹配") |
|||
return false |
|||
} |
|||
if (!showshoufu) { |
|||
ElMessage.error("请添加首付任务") |
|||
return false |
|||
} |
|||
if (!showchuyan) { |
|||
ElMessage.error("请添加初验任务") |
|||
return false |
|||
} |
|||
if (!showzhongyan) { |
|||
ElMessage.error("请添加终验任务") |
|||
return false |
|||
} |
|||
console.log("data", data) |
|||
return true |
|||
} |
|||
async function getFieldsValuetoRef() { |
|||
let res = [] |
|||
let data = await getFieldsValue() |
|||
for (let i = 1; i <= payNum.value; i++) { |
|||
let obj = new Object() |
|||
contractformSchemas.forEach(item => { |
|||
if (i == 1) { |
|||
obj[item.field] = data[item.field] |
|||
} else { |
|||
obj[item.field] = data[item.field + i] |
|||
} |
|||
obj["projectId"] = projectid.value |
|||
delete obj.id; |
|||
}) |
|||
res.push(obj) |
|||
} |
|||
return res |
|||
} |
|||
defineExpose({ getFieldsValuetoRef, checkForm }) |
|||
|
|||
|
|||
</script> |
|||
<style scoped> |
|||
.suffix { |
|||
font-size: 12px; |
|||
color: #999; |
|||
margin-left: 5px; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue