Merge branch 'main' into ljj
This commit is contained in:
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="p-6 bg-gray-50 main">
|
||||
<div class="appWidth mx-auto mt-38 bg-white rounded-xl shadow-sm overflow-hidden transition-all duration-300 hover:shadow-md">
|
||||
<div class="appWidth1 mx-auto mt-38 bg-white rounded-xl shadow-sm overflow-hidden transition-all duration-300 hover:shadow-md">
|
||||
<!-- 表单标题区域 -->
|
||||
<div class="bg-gradient-to-r from-blue-500 to-blue-600 text-white p-6">
|
||||
<h2 class="text-2xl font-bold flex items-center"><i class="el-icon-user-circle mr-3"></i>人员配置</h2>
|
||||
@ -196,7 +196,7 @@ onUnmounted(() => {
|
||||
.main {
|
||||
height: calc(100vh - 90px);
|
||||
}
|
||||
.appWidth {
|
||||
.appWidth1 {
|
||||
width: 50vw;
|
||||
max-width: 1200px;
|
||||
.el-select__wrapper {
|
||||
@ -315,7 +315,7 @@ onUnmounted(() => {
|
||||
|
||||
// 适配小屏幕
|
||||
@media (max-width: 768px) {
|
||||
.appWidth {
|
||||
.appWidth1 {
|
||||
width: 95vw;
|
||||
}
|
||||
|
||||
|
||||
@ -68,7 +68,7 @@
|
||||
<el-button type="primary" plain icon="Edit" @click="handleUpdata" v-hasPermi="['cailiaoshebei:cailiaoshebei:add']">修改</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button plain type="warning" icon="Finished" @click="handleAudit()" v-hasPermi="['cailiaoshebei:mrpBase:query']">审核</el-button>
|
||||
<el-button plain type="warning" icon="Finished" @click="handleAudit()" v-hasPermi="['out:monthPlan:remove']">审核</el-button>
|
||||
</el-col>
|
||||
|
||||
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
|
||||
|
||||
@ -145,8 +145,13 @@
|
||||
<div v-for="(item, index) in form.itemList" :key="index" class="detail-item">
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="名称" :prop="`itemList.${index}.name`" :rules="{ required: true, message: '名称不能为空', trigger: 'blur' }">
|
||||
<el-input v-model="item.name" placeholder="请输入名称" />
|
||||
<el-form-item
|
||||
disabled
|
||||
label="名称"
|
||||
:prop="`itemList.${index}.name`"
|
||||
:rules="{ required: true, message: '名称不能为空', trigger: 'blur' }"
|
||||
>
|
||||
<el-input disabled v-model="item.name" placeholder="请输入名称" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
@ -155,12 +160,12 @@
|
||||
:prop="`itemList.${index}.specification`"
|
||||
:rules="{ required: true, message: '规格不能为空', trigger: 'blur' }"
|
||||
>
|
||||
<el-input v-model="item.specification" placeholder="请输入规格" />
|
||||
<el-input disabled v-model="item.specification" placeholder="请输入规格" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="单位" :prop="`itemList.${index}.unit`" :rules="{ required: true, message: '单位不能为空', trigger: 'blur' }">
|
||||
<el-input v-model="item.unit" placeholder="请输入单位" />
|
||||
<el-input disabled v-model="item.unit" placeholder="请输入单位" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
@ -169,7 +174,7 @@
|
||||
:prop="`itemList.${index}.quantity`"
|
||||
:rules="{ required: true, message: '数量不能为空', trigger: 'blur' }"
|
||||
>
|
||||
<el-input type="number" v-model="item.quantity" placeholder="请输入数量" />
|
||||
<el-input disabled type="number" v-model="item.quantity" placeholder="请输入数量" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
@ -178,7 +183,7 @@
|
||||
:prop="`itemList.${index}.acceptedQuantity`"
|
||||
:rules="{ required: true, message: '验收数量不能为空', trigger: 'blur' }"
|
||||
>
|
||||
<el-input type="number" v-model="item.acceptedQuantity" placeholder="请输入验收" />
|
||||
<el-input type="number" v-model="item.acceptedQuantity" placeholder="请输入验收" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
@ -345,7 +350,20 @@ const data = reactive({
|
||||
supplierUnit: undefined,
|
||||
params: {}
|
||||
},
|
||||
rules: {}
|
||||
rules: {
|
||||
// 物资采购单
|
||||
docId: [{ required: true, message: '请选择物资采购单', trigger: 'change' }],
|
||||
// 材料来源
|
||||
materialSource: [{ required: true, message: '请选择材料来源', trigger: 'change' }],
|
||||
// 表单编号
|
||||
formCode: [{ required: true, message: '请输入表单编号', trigger: 'blur' }],
|
||||
// 采购单编号
|
||||
docCode: [{ required: true, message: '请输入采购单编号', trigger: 'blur' }],
|
||||
// 供货单位
|
||||
supplierUnit: [{ required: true, message: '请输入供货单位', trigger: 'blur' }],
|
||||
// 订货单位
|
||||
orderingUnit: [{ required: true, message: '请输入订货单位', trigger: 'blur' }]
|
||||
}
|
||||
});
|
||||
|
||||
const { queryParams, form, rules } = toRefs(data);
|
||||
|
||||
@ -117,9 +117,6 @@
|
||||
v-hasPermi="['cailiaoshebei:purchaseDoc:remove']"
|
||||
>物流单分享</el-button
|
||||
>
|
||||
<el-button link type="primary" icon="View" @click="handleDetail(scope.row)" v-hasPermi="['cailiaoshebei:purchaseDoc:remove']"
|
||||
>详情</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@ -241,27 +238,13 @@
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<el-dialog title="详情" v-model="detailBASEVisble" width="1000">
|
||||
<div class="text-center">
|
||||
<img :src="detailBASE" class="w200" />
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
<logisticsDetail ref="logisticsDetailRef"></logisticsDetail>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup name="PurchaseDoc" lang="ts">
|
||||
import { getBatch, listBatch } from '@/api/materials/batchPlan';
|
||||
import {
|
||||
listPurchaseDoc,
|
||||
getPurchaseDoc,
|
||||
listLink,
|
||||
addPurchaseDoc,
|
||||
updatePurchaseDoc,
|
||||
logisticsDetial,
|
||||
getDetailBASE
|
||||
} from '@/api/materials/purchaseDoc';
|
||||
import { listPurchaseDoc, getPurchaseDoc, listLink, addPurchaseDoc, updatePurchaseDoc, logisticsDetial } from '@/api/materials/purchaseDoc';
|
||||
import { PurchaseDocVO, PurchaseDocQuery, PurchaseDocForm } from '@/api/materials/purchaseDoc/types';
|
||||
import { listContractor } from '@/api/project/contractor';
|
||||
import { useUserStoreHook } from '@/store/modules/user';
|
||||
@ -286,9 +269,6 @@ const single = ref(true);
|
||||
const multiple = ref(true);
|
||||
const total = ref(0);
|
||||
const feedbackUrl = ref('');
|
||||
const detailBASEVisble = ref(false);
|
||||
const detailBASE = ref<any>({});
|
||||
|
||||
// 组件
|
||||
const logisticsDetailRef = ref<InstanceType<typeof logisticsDetail>>();
|
||||
const queryFormRef = ref<ElFormInstance>();
|
||||
@ -519,15 +499,6 @@ const handleShare = async (row?: PurchaseDocVO) => {
|
||||
ElMessage[success ? 'success' : 'error'](success ? '复制成功！' : '复制失败');
|
||||
};
|
||||
|
||||
const handleDetail = async (row?: PurchaseDocVO) => {
|
||||
detailBASEVisble.value = true;
|
||||
|
||||
const res = await getDetailBASE(row.id);
|
||||
detailBASE.value = res.data;
|
||||
|
||||
console.log('🚀 ~ handleDetail ~ res:', res);
|
||||
};
|
||||
|
||||
/** 导出按钮操作 */
|
||||
const handleUpload = (row?: PurchaseDocVO) => {
|
||||
form.value.feedbackUrl = '';
|
||||
|
||||
@ -113,26 +113,22 @@
|
||||
<!-- </template> -->
|
||||
</el-table-column>
|
||||
|
||||
<!-- 备注信息列（可展开） -->
|
||||
<el-table-column label="备注信息" min-width="120">
|
||||
<template #default="scope">
|
||||
<el-popover placement="top" width="300" trigger="click">
|
||||
<template #reference>
|
||||
<el-button size="small" type="text">查看详情</el-button>
|
||||
</template>
|
||||
<div class="space-y-2 text-sm">
|
||||
<p><span class="font-medium">采购备注：</span>{{ scope.row.cgRemark || '-' }}
|
||||
</p>
|
||||
<p><span class="font-medium">到货备注：</span>{{ scope.row.dhRemark || '-' }}
|
||||
</p>
|
||||
<p><span class="font-medium">供应商备注：</span>{{ scope.row.gysRemark || '-'
|
||||
}}</p>
|
||||
<p><span class="font-medium">结算备注：</span>{{ scope.row.jsRemark || '-' }}
|
||||
</p>
|
||||
</div>
|
||||
</el-popover>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 备注信息列（可展开） -->
|
||||
<el-table-column label="备注信息" min-width="120">
|
||||
<template #default="scope">
|
||||
<el-popover placement="top" width="300" trigger="click">
|
||||
<template #reference>
|
||||
<el-button size="small" type="text">查看详情</el-button>
|
||||
</template>
|
||||
<div class="space-y-2 text-sm">
|
||||
<p><span class="font-medium">采购备注：</span>{{ scope.row.cgRemark || '-' }}</p>
|
||||
<p><span class="font-medium">到货备注：</span>{{ scope.row.dhRemark || '-' }}</p>
|
||||
<p><span class="font-medium">供应商备注：</span>{{ scope.row.gysRemark || '-' }}</p>
|
||||
<p><span class="font-medium">结算备注：</span>{{ scope.row.jsRemark || '-' }}</p>
|
||||
</div>
|
||||
</el-popover>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<!-- 操作列 -->
|
||||
<el-table-column label="操作" min-width="120" align="center" fixed="right">
|
||||
@ -157,217 +153,240 @@
|
||||
<div class="text-gray-500 text-sm">
|
||||
共 {{ total }} 条记录，当前显示第 {{ (currentPage - 1) * pageSize + 1 }} 至 {{ Math.min(currentPage * pageSize, total) }} 条
|
||||
</div>
|
||||
<el-dialog v-model="dialogVisible2" :title="dialogType2 === 'addSon' ? '新增采购信息' : '编辑采购信息'" :width="dialogWidth"
|
||||
:fullscreen="isFullscreen" :close-on-click-modal="false" :before-close="handleClose" destroy-on-close>
|
||||
<!-- 表单内容 -->
|
||||
<el-form ref="formRef" :model="form" :rules="formRules" label-width="140px" class="space-y-4">
|
||||
<!-- 第一行 -->
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="批次" prop="batch">
|
||||
<el-input v-model="form.batch" placeholder="请输入批次信息"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="联系单下达时间" prop="issuanceTime">
|
||||
<el-date-picker v-model="form.issuanceTime" type="datetime" placeholder="选择联系单下达时间"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-dialog
|
||||
v-model="dialogVisible2"
|
||||
:title="dialogType2 === 'addSon' ? '新增采购信息' : '编辑采购信息'"
|
||||
:width="dialogWidth"
|
||||
:fullscreen="isFullscreen"
|
||||
:close-on-click-modal="false"
|
||||
:before-close="handleClose"
|
||||
destroy-on-close
|
||||
>
|
||||
<!-- 表单内容 -->
|
||||
<el-form ref="formRef" :model="form" :rules="formRules" label-width="140px" class="space-y-4">
|
||||
<!-- 第一行 -->
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="批次" prop="batch">
|
||||
<el-input v-model="form.batch" placeholder="请输入批次信息"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="联系单下达时间" prop="issuanceTime">
|
||||
<el-date-picker
|
||||
v-model="form.issuanceTime"
|
||||
type="datetime"
|
||||
placeholder="选择联系单下达时间"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!-- 第二行 -->
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="要求到货数量" prop="requiredQuantity">
|
||||
<el-input v-model="form.requiredQuantity" placeholder="请输入要求到货数量"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="要求到货时间" prop="requireDelivery">
|
||||
<el-date-picker v-model="form.requireDelivery" type="datetime" placeholder="选择要求到货时间"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- 第二行 -->
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="要求到货数量" prop="requiredQuantity">
|
||||
<el-input v-model="form.requiredQuantity" placeholder="请输入要求到货数量"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="要求到货时间" prop="requireDelivery">
|
||||
<el-date-picker
|
||||
v-model="form.requireDelivery"
|
||||
type="datetime"
|
||||
placeholder="选择要求到货时间"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!-- 第三行 -->
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="计划到货数量" prop="plannedQuantity">
|
||||
<el-input v-model="form.plannedQuantity" placeholder="请输入计划到货数量"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="计划到货时间" prop="scheduledDelivery">
|
||||
<el-date-picker v-model="form.scheduledDelivery" type="datetime" placeholder="选择计划到货时间"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- 第三行 -->
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="计划到货数量" prop="plannedQuantity">
|
||||
<el-input v-model="form.plannedQuantity" placeholder="请输入计划到货数量"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="计划到货时间" prop="scheduledDelivery">
|
||||
<el-date-picker
|
||||
v-model="form.scheduledDelivery"
|
||||
type="datetime"
|
||||
placeholder="选择计划到货时间"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!-- 第四行 -->
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="实际到货验收数量" prop="actualAcceptance">
|
||||
<el-input v-model="form.actualAcceptance" placeholder="请输入实际到货验收数量"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="实际到货时间" prop="actualDelivery">
|
||||
<el-date-picker v-model="form.actualDelivery" type="datetime" placeholder="选择实际到货时间"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- 第四行 -->
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="实际到货验收数量" prop="actualAcceptance">
|
||||
<el-input v-model="form.actualAcceptance" placeholder="请输入实际到货验收数量"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="实际到货时间" prop="actualDelivery">
|
||||
<el-date-picker
|
||||
v-model="form.actualDelivery"
|
||||
type="datetime"
|
||||
placeholder="选择实际到货时间"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!-- 第五行 -->
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="差异量" prop="differenceQuantity">
|
||||
<el-input v-model="form.differenceQuantity" placeholder="请输入差异量"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="到货差异量" prop="dhDifferenceQuantity">
|
||||
<el-input v-model="form.dhDifferenceQuantity" placeholder="请输入到货差异量"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- 第五行 -->
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="差异量" prop="differenceQuantity">
|
||||
<el-input v-model="form.differenceQuantity" placeholder="请输入差异量"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="到货差异量" prop="dhDifferenceQuantity">
|
||||
<el-input v-model="form.dhDifferenceQuantity" placeholder="请输入到货差异量"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!-- 第六行 -->
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="验收移交时间" prop="acceptanceCheck">
|
||||
<el-date-picker v-model="form.acceptanceCheck" type="datetime" placeholder="选择验收移交时间"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="逾期状态" prop="expectedState">
|
||||
<el-select v-model="form.expectedState" placeholder="请选择逾期状态">
|
||||
<el-option label="未逾期" value="未逾期"></el-option>
|
||||
<el-option label="已逾期" value="已逾期"></el-option>
|
||||
<el-option label="即将逾期" value="即将逾期"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- 第六行 -->
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="验收移交时间" prop="acceptanceCheck">
|
||||
<el-date-picker
|
||||
v-model="form.acceptanceCheck"
|
||||
type="datetime"
|
||||
placeholder="选择验收移交时间"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="逾期状态" prop="expectedState">
|
||||
<el-select v-model="form.expectedState" placeholder="请选择逾期状态">
|
||||
<el-option label="未逾期" value="未逾期"></el-option>
|
||||
<el-option label="已逾期" value="已逾期"></el-option>
|
||||
<el-option label="即将逾期" value="即将逾期"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!-- 第七行 - 金额信息 -->
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="6">
|
||||
<el-form-item label="货物金额" prop="cargoAmount">
|
||||
<el-input v-model="form.cargoAmount" placeholder="0.00" prefix="¥"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="预付款" prop="advance">
|
||||
<el-input v-model="form.advance" placeholder="0.00" prefix="¥"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="投料款" prop="feed">
|
||||
<el-input v-model="form.feed" placeholder="0.00" prefix="¥"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="到货验收款" prop="acceptancePayment">
|
||||
<el-input v-model="form.acceptancePayment" placeholder="0.00" prefix="¥"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- 第七行 - 金额信息 -->
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="6">
|
||||
<el-form-item label="货物金额" prop="cargoAmount">
|
||||
<el-input v-model="form.cargoAmount" placeholder="0.00" prefix="¥"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="预付款" prop="advance">
|
||||
<el-input v-model="form.advance" placeholder="0.00" prefix="¥"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="投料款" prop="feed">
|
||||
<el-input v-model="form.feed" placeholder="0.00" prefix="¥"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="到货验收款" prop="acceptancePayment">
|
||||
<el-input v-model="form.acceptancePayment" placeholder="0.00" prefix="¥"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!-- 第八行 - 金额信息 -->
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="调试款" prop="debugging">
|
||||
<el-input v-model="form.debugging" placeholder="0.00" prefix="¥"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="质保金" prop="qualityGuarantee">
|
||||
<el-input v-model="form.qualityGuarantee" placeholder="0.00" prefix="¥"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="结算金额" prop="settlementAmount">
|
||||
<el-input v-model="form.settlementAmount" placeholder="0.00" prefix="¥"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- 第八行 - 金额信息 -->
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="调试款" prop="debugging">
|
||||
<el-input v-model="form.debugging" placeholder="0.00" prefix="¥"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="质保金" prop="qualityGuarantee">
|
||||
<el-input v-model="form.qualityGuarantee" placeholder="0.00" prefix="¥"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="结算金额" prop="settlementAmount">
|
||||
<el-input v-model="form.settlementAmount" placeholder="0.00" prefix="¥"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!-- 第九行 -->
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="交接方式" prop="associate">
|
||||
<el-input v-model="form.associate" placeholder="请输入交接方式"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="转换为合同" prop="transition">
|
||||
<el-select v-model="form.transition" placeholder="请选择是否转换为合同">
|
||||
<el-option label="是" value="是"></el-option>
|
||||
<el-option label="否" value="否"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- 第九行 -->
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="交接方式" prop="associate">
|
||||
<el-input v-model="form.associate" placeholder="请输入交接方式"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="转换为合同" prop="transition">
|
||||
<el-select v-model="form.transition" placeholder="请选择是否转换为合同">
|
||||
<el-option label="是" value="是"></el-option>
|
||||
<el-option label="否" value="否"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!-- 第十行 -->
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="到货要求" prop="deliveryRequirements">
|
||||
<el-input v-model="form.deliveryRequirements" placeholder="请输入到货要求" type="textarea"
|
||||
rows="3"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- 第十行 -->
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="到货要求" prop="deliveryRequirements">
|
||||
<el-input v-model="form.deliveryRequirements" placeholder="请输入到货要求" type="textarea" rows="3"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!-- 第十一行 - 备注信息 -->
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="采购备注" prop="cgRemark">
|
||||
<el-input v-model="form.cgRemark" placeholder="请输入采购备注" type="textarea" rows="4"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="到货备注" prop="dhRemark">
|
||||
<el-input v-model="form.dhRemark" placeholder="请输入到货备注" type="textarea" rows="4"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="供应商备注" prop="gysRemark">
|
||||
<el-input v-model="form.gysRemark" placeholder="请输入供应商备注" type="textarea"
|
||||
rows="4"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- 第十一行 - 备注信息 -->
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="采购备注" prop="cgRemark">
|
||||
<el-input v-model="form.cgRemark" placeholder="请输入采购备注" type="textarea" rows="4"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="到货备注" prop="dhRemark">
|
||||
<el-input v-model="form.dhRemark" placeholder="请输入到货备注" type="textarea" rows="4"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="供应商备注" prop="gysRemark">
|
||||
<el-input v-model="form.gysRemark" placeholder="请输入供应商备注" type="textarea" rows="4"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!-- 第十二行 -->
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="结算备注" prop="jsRemark">
|
||||
<el-input v-model="form.jsRemark" placeholder="请输入结算备注" type="textarea" rows="3"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<!-- 底部按钮 -->
|
||||
<template #footer>
|
||||
<div class="flex justify-end gap-3">
|
||||
<el-button @click="handleCancel" class="transition-all duration-200">
|
||||
取消
|
||||
</el-button>
|
||||
<el-button type="primary" @click="handleSubmit" :loading="submitLoading"
|
||||
class="transition-all duration-200">
|
||||
{{ dialogType2 === 'addSon' ? '新增' : '保存' }}
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
<!-- 第十二行 -->
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="结算备注" prop="jsRemark">
|
||||
<el-input v-model="form.jsRemark" placeholder="请输入结算备注" type="textarea" rows="3"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<!-- 底部按钮 -->
|
||||
<template #footer>
|
||||
<div class="flex justify-end gap-3">
|
||||
<el-button @click="handleCancel" class="transition-all duration-200"> 取消 </el-button>
|
||||
<el-button type="primary" @click="handleSubmit" :loading="submitLoading" class="transition-all duration-200">
|
||||
{{ dialogType2 === 'addSon' ? '新增' : '保存' }}
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
<script setup>
|
||||
import { ref, reactive, onMounted, toRaw, getCurrentInstance } from 'vue';
|
||||
@ -535,15 +554,18 @@ const handleSubmit = async () => {
|
||||
}
|
||||
};
|
||||
const materialsUsageDetails1 = () => {
|
||||
loading.value = true;
|
||||
materialsUsageDetails({ physicalsupplyId: routeParams.value.id }).then(res => {
|
||||
tableData.value = res.rows
|
||||
}).catch(() => {
|
||||
loading.value = false;
|
||||
}).finally(() => {
|
||||
loading.value = false;
|
||||
loading.value = true;
|
||||
materialsUsageDetails({ physicalsupplyId: routeParams.value.id })
|
||||
.then((res) => {
|
||||
tableData.value = res.rows;
|
||||
})
|
||||
}
|
||||
.catch(() => {
|
||||
loading.value = false;
|
||||
})
|
||||
.finally(() => {
|
||||
loading.value = false;
|
||||
});
|
||||
};
|
||||
// 格式化日期
|
||||
const formatDate = (dateString) => {
|
||||
if (!dateString) return '-';
|
||||
|
||||
Reference in New Issue
Block a user