taoge_xiaodi/td_official
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

成本核算清单

Browse Source
This commit is contained in:
taoge1020
2025-08-21 15:46:30 +08:00
parent 7933ffbc0e
commit 5454018914
3 changed files with 452 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
src/views/biddingManagemen/listOfWinningBids/index.vue
View File

@ -5,44 +5,34 @@
<!-- 卡片头部：独立背景色+内边距+圆角 -->
<template #header>
<div class="bg-blue-50 px-6 py-4 rounded-t-xl mb-0">
<h3 class="el-card__header-title text-lg font-semibold text-blue-800">中标项目信息填写</h3>
<h3 class="el-card__header-title text-lg font-semibold text-blue-800">投标项目信息填写</h3>
<span>{{ currentProject.name }}</span>
</div>
</template>
<!-- 表单区域：内边距+间距优化 -->
<el-form ref="listOfWinningBidsFormRef" :model="form" :rules="rules" label-width="110px" class="p-6 pt-4" style="background-color: #ffffff">
<el-form ref="listOfWinningBidsFormRef" :model="form" :rules="rules" label-width="150px" class="p-6 pt-4" style="background-color: #ffffff">
<el-row :gutter="32">
<!-- 表单列：统一12列布局，保持对齐 -->
<el-col :span="12">
<el-form-item label="项目名称" prop="projectName" class="rounded-lg border border-gray-100 p-1 mb-5">
<el-input v-model="form.projectName" placeholder="请输入项目名称" size="medium" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="中标价(原始)" prop="winningBidOriginal" class="rounded-lg border border-gray-100 p-1 mb-5">
<el-input v-model="form.winningBidOriginal" placeholder="请输入中标价(原始)" size="medium" />
<el-form-item label="中标价(美元)" prop="winningBidOriginal" class="rounded-lg border border-gray-100 p-1 mb-5">
<el-input v-model.number="form.winningBidOriginal" type="number" placeholder="请输入中标价" @input="calculateWinningBid" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="汇率" prop="exchangeRate" class="rounded-lg border border-gray-100 p-1 mb-5">
<el-input v-model="form.exchangeRate" placeholder="请输入汇率" size="medium" />
<el-input v-model.number="form.exchangeRate" type="number" placeholder="请输入汇率" step="0.0001" @input="calculateWinningBid" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="币种" prop="currency" class="rounded-lg border border-gray-100 p-1 mb-5">
<el-input v-model="form.currency" placeholder="请输入币种" size="medium" />
<el-input v-model="form.currency" placeholder="请输入币种" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属主体" prop="subject" class="rounded-lg border border-gray-100 p-1 mb-5">
<el-input v-model="form.subject" placeholder="请输入所属主体" size="medium" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="中标价" prop="winningBid" class="rounded-lg border border-gray-100 p-1 mb-5">
<el-input v-model="form.winningBid" placeholder="请输入中标价" size="medium" />
<el-form-item label="中标价(人民币)" prop="winningBid" class="rounded-lg border border-gray-100 p-1 mb-5">
<!-- 人民币输入框：添加readonly禁止手动修改 -->
<el-input v-model="form.winningBid" type="number" placeholder="根据美元中标价和汇率自动计算" readonly />
</el-form-item>
</el-col>
<!-- 其他表单项保持不变 -->
<el-col :span="12">
<el-form-item label="中标日期" prop="bidWinningDate" class="rounded-lg border border-gray-100 p-1 mb-5">
<el-date-picker
@ -52,38 +42,45 @@
format="YYYY-MM-DD"
value-format="YYYY-MM-DD"
placeholder="请选择中标日期"
size="medium"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="投标保证金" prop="bidDeposit" class="rounded-lg border border-gray-100 p-1 mb-5">
<el-input v-model="form.bidDeposit" placeholder="请输入投标保证金" size="medium" />
<el-form-item label="投标保证金(人民币)" prop="bidDeposit" class="rounded-lg border border-gray-100 p-1 mb-5">
<el-input v-model="form.bidDeposit" type="number" placeholder="请输入投标保证金" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="是否退还" prop="whetherSendBack" class="rounded-lg border border-gray-100 p-1 mb-5">
<el-input v-model="form.whetherSendBack" placeholder="请输入是否退还(如：是/否)" size="medium" />
<el-radio-group v-model="form.whetherSendBack">
<el-radio label="是" border>是</el-radio>
<el-radio label="否" border>否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属主体" prop="subject" class="rounded-lg border border-gray-100 p-1 mb-5">
<el-input v-model="form.subject" placeholder="请输入所属主体" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="建设单位" prop="construction" class="rounded-lg border border-gray-100 p-1 mb-5">
<el-input v-model="form.construction" placeholder="请输入建设单位" size="medium" />
<el-input v-model="form.construction" placeholder="请输入建设单位" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="总造价" prop="totalCost" class="rounded-lg border border-gray-100 p-1 mb-5">
<el-input v-model="form.totalCost" placeholder="请输入总造价" size="medium" />
<el-input v-model="form.totalCost" placeholder="请输入总造价" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="立项申请人" prop="projectApplicant" class="rounded-lg border border-gray-100 p-1 mb-5">
<el-input v-model="form.projectApplicant" placeholder="请输入立项申请人" size="medium" />
<el-input v-model="form.projectApplicant" placeholder="请输入立项申请人" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="立项部门" prop="projectApplicantDept" class="rounded-lg border border-gray-100 p-1 mb-5">
<el-input v-model="form.projectApplicantDept" placeholder="请输入立项部门" size="medium" />
<el-input v-model="form.projectApplicantDept" placeholder="请输入立项部门" />
</el-form-item>
</el-col>
<el-col :span="12">
@ -95,28 +92,21 @@
format="YYYY-MM-DD"
value-format="YYYY-MM-DD"
placeholder="请选择立项申请日期"
size="medium"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="项目编号" prop="projectNumbering" class="rounded-lg border border-gray-100 p-1 mb-5">
<el-input v-model="form.projectNumbering" placeholder="请输入项目编号" size="medium" />
<el-input v-model="form.projectNumbering" placeholder="请输入项目编号" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="项目状态" prop="projectStatus" class="rounded-lg border border-gray-100 p-1 mb-5">
<el-input v-model="form.projectStatus" placeholder="请输入项目状态(如：进行中/已完成)" size="medium" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="流程状态" prop="processStatus" class="rounded-lg border border-gray-100 p-1 mb-5">
<el-input v-model="form.processStatus" placeholder="请输入流程状态(如：待审核/已通过)" size="medium" />
<el-input v-model="form.projectStatus" placeholder="请输入项目状态(如：进行中/已完成)" />
</el-form-item>
</el-col>
</el-row>
<!-- 操作按钮区域：优化间距+圆角按钮 -->
<!-- 操作按钮区域 -->
<el-row class="mt-8">
<el-col :span="24" class="text-center">
<el-button
@ -124,12 +114,12 @@
type="primary"
@click="submitForm"
v-hasPermi="['bidding:listOfWinningBids:add', 'bidding:listOfWinningBids:edit']"
size="medium"
class="rounded-full px-8"
size="large"
>
确认提交
</el-button>
<el-button type="default" @click="resetForm" class="ml-6 rounded-full px-8" size="medium"> 重置 </el-button>
<el-button type="default" @click="resetForm" class="ml-6 rounded-full px-8" size="large"> 重置 </el-button>
</el-col>
</el-row>
</el-form>
@ -142,7 +132,7 @@ import { ref, reactive, toRefs, watch, onMounted, onUnmounted, getCurrentInstanc
import { addListOfWinningBids, updateListOfWinningBids, getListOfWinningBids } from '@/api/bidding/listOfWinningBids';
import { ListOfWinningBidsVO, ListOfWinningBidsForm } from '@/api/bidding/listOfWinningBids/types';
import { useUserStoreHook } from '@/store/modules/user';
import { ElFormInstance } from 'element-plus';
import { ElFormInstance, ElMessage } from 'element-plus';
// 获取组件实例
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
@ -185,6 +175,10 @@ const data = reactive({
projectId: [{ required: true, message: '项目ID不能为空', trigger: 'blur' }],
projectName: [{ required: true, message: '请输入项目名称', trigger: 'blur' }],
winningBidOriginal: [{ required: true, message: '请输入原始中标价', trigger: 'blur' }],
exchangeRate: [
{ required: true, message: '请输入汇率', trigger: 'blur' },
{ type: 'number', min: 0.001, message: '汇率需大于0', trigger: 'blur' }
],
currency: [{ required: true, message: '请输入币种', trigger: 'blur' }],
subject: [{ required: true, message: '请输入所属主体', trigger: 'blur' }],
winningBid: [{ required: true, message: '请输入中标价', trigger: 'blur' }],
@ -196,6 +190,26 @@ const data = reactive({
// 解构响应式数据
const { form, rules } = toRefs(data);
/**
* 计算人民币中标价
* 显式触发的计算函数，确保执行时机可靠
*/
const calculateWinningBid = () => {
// 确保数据类型正确
const dollarAmount = Number(form.value.winningBidOriginal);
const rate = Number(form.value.exchangeRate);
// 验证输入有效性
if (isNaN(dollarAmount) || isNaN(rate) || dollarAmount <= 0 || rate <= 0) {
form.value.winningBid = undefined;
return;
}
// 计算并保留2位小数
const result = dollarAmount * rate;
form.value.winningBid = Number(result.toFixed(2));
};
/**
* 页面初始化 - 获取已有数据（如存在）
*/
@ -203,14 +217,15 @@ const initData = async () => {
try {
if (currentProject.value?.id) {
const res = await getListOfWinningBids(currentProject.value.id);
// 若存在数据则赋值到表单
console.log(res);
if (res.data && res.data.id) {
Object.assign(form.value, res.data);
// 初始化时手动触发一次计算
setTimeout(calculateWinningBid, 0);
}
}
} catch (error) {
console.error('初始化数据失败:', error);
ElMessage.error('初始化数据失败');
}
};
@ -222,19 +237,20 @@ const submitForm = () => {
if (valid) {
buttonLoading.value = true;
try {
// 补充项目ID（从store获取）
// 提交前确保计算正确
calculateWinningBid();
form.value.projectId = currentProject.value?.id;
// 区分新增/修改（根据ID是否存在）
if (form.value.id) {
await updateListOfWinningBids(form.value);
} else {
await addListOfWinningBids(form.value);
}
// 提示成功并重置表单
proxy?.$modal.msgSuccess('提交成功');
ElMessage.success('提交成功');
resetForm();
} catch (error) {
proxy?.$modal.msgError('提交失败，请重试');
ElMessage.error('提交失败，请重试');
console.error('提交表单失败:', error);
} finally {
buttonLoading.value = false;
@ -310,4 +326,10 @@ onUnmounted(() => {
.el-button:hover {
transform: translateY(-1px);
}
/* 只读输入框样式优化（区分可编辑状态） */
.el-input--readonly .el-input__wrapper {
background-color: #f9fafb;
cursor: not-allowed;
}
</style>