DeXun/klp-oa
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

电子请购单优化

Browse Source
This commit is contained in:
jhd
2026-06-29 16:48:37 +08:00
parent 6af45432b6
commit afd4165007
2 changed files with 490 additions and 290 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
klp-erp/src/main/java/com/klp/erp/service/impl/ErpPurchaseRequisitionServiceImpl.java
View File

@@ -103,11 +103,16 @@ public class ErpPurchaseRequisitionServiceImpl implements IErpPurchaseRequisitio
if (items == null || items.isEmpty()) {
return;
}
int seq = 1;
for (ErpPurchaseRequisitionItemBo itemBo : items) {
ErpPurchaseRequisitionItem item = BeanUtil.toBean(itemBo, ErpPurchaseRequisitionItem.class);
item.setItemId(null);
item.setReqId(reqId);
if (StringUtils.isBlank(item.getSeq())) {
item.setSeq(String.valueOf(seq));
}
itemMapper.insert(item);
seq++;
}
}

775
klp-ui/src/views/erp/purchaseRequisition/index.vue
View File

@@ -41,7 +41,7 @@
<KLPTable v-loading="loading" :data="reqList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="序号" align="center" prop="reqId" width="70" />
<el-table-column label="序号" align="center" prop="reqId" width="70" v-if="false" />
<el-table-column label="请购部门" align="center" prop="reqDept" width="120" />
<el-table-column label="品名" align="center" prop="itemName" width="160" :show-overflow-tooltip="true" />
<el-table-column label="规格" align="center" prop="specification" width="140" :show-overflow-tooltip="true" />
@@ -70,197 +70,167 @@
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
<!-- 新增/修改 弹窗 -->
<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body class="pr-dialog" :close-on-click-modal="false">
<el-form :model="form" :rules="rules" ref="form" label-width="100px" size="small">
<div class="pr-section">请购信息</div>
<el-row :gutter="16">
<el-col :span="8">
<el-form-item label="请购部门" prop="reqDept">
<el-input v-model="form.reqDept" placeholder="请购部门" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="品名" prop="itemName">
<el-input v-model="form.itemName" placeholder="品名" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="规格" prop="specification">
<el-input v-model="form.specification" placeholder="规格" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="16">
<el-col :span="8">
<el-form-item label="单位" prop="unit">
<el-input v-model="form.unit" placeholder="单位" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="请购量" prop="quantity">
<el-input v-model="form.quantity" placeholder="请购量" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="类别" prop="category">
<el-input v-model="form.category" placeholder="类别" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="需求日期" prop="requiredDate">
<el-input v-model="form.requiredDate" placeholder="需求日期" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="使用部门" prop="useDept">
<el-input v-model="form.useDept" placeholder="使用部门" />
</el-form-item>
</el-col>
</el-row>
<el-form-item label="用途说明" prop="purposeDesc">
<el-input v-model="form.purposeDesc" type="textarea" :rows="2" placeholder="用途说明" />
</el-form-item>
<!-- 新增/修改 弹窗（按纸质单表格排版） -->
<el-dialog :title="title" :visible.sync="open" width="980px" append-to-body class="pr-dialog pf-dialog" :close-on-click-modal="false">
<el-form :model="form" :rules="rules" ref="form" size="small" class="pf-form">
<!-- 基本信息 -->
<div class="pf-tb">
<!-- 第1行：表头（5列，按纸质单样式） -->
<div class="pf-tr" style="grid-template-columns:23fr 24fr 26fr 7fr 20fr">
<div class="pf-td pf-lbl">请购部门</div>
<div class="pf-td pf-lbl">品　名</div>
<div class="pf-td pf-lbl">规　格</div>
<div class="pf-td pf-lbl">单位</div>
<div class="pf-td pf-lbl">请购量</div>
</div>
<!-- 第2行：输入区域 -->
<div class="pf-tr" style="grid-template-columns:23fr 24fr 26fr 7fr 20fr">
<div class="pf-td pf-val"><el-form-item prop="reqDept"><el-input v-model="form.reqDept" size="mini" /></el-form-item></div>
<div class="pf-td pf-val"><el-form-item prop="itemName"><el-input v-model="form.itemName" size="mini" /></el-form-item></div>
<div class="pf-td pf-val"><el-form-item prop="specification"><el-input v-model="form.specification" size="mini" /></el-form-item></div>
<div class="pf-td pf-val"><el-form-item prop="unit"><el-input v-model="form.unit" size="mini" /></el-form-item></div>
<div class="pf-td pf-val"><el-form-item prop="quantity"><el-input v-model="form.quantity" size="mini" /></el-form-item></div>
</div>
<!-- 第3行：用途类别 + 需求日期 -->
<div class="pf-tr" style="grid-template-columns:23fr 49fr 11fr 17fr">
<div class="pf-td pf-lbl">用途类别</div>
<div class="pf-td pf-val pf-chk-group">
<el-radio-group v-model="form.category" size="mini">
<el-radio label="原料物料">原料物料</el-radio>
<el-radio label="设备增添">设备增添</el-radio>
<el-radio label="工程劳务">工程劳务</el-radio>
<el-radio label="其它用途">其它用途</el-radio>
</el-radio-group>
</div>
<div class="pf-td pf-lbl">需求日期</div>
<div class="pf-td pf-val"><el-form-item prop="requiredDate"><el-input v-model="form.requiredDate" size="mini" /></el-form-item></div>
</div>
<!-- 第4行：用途说明 + 使用部门 -->
<div class="pf-tr" style="grid-template-columns:23fr 49fr 11fr 17fr">
<div class="pf-td pf-lbl">用途说明</div>
<div class="pf-td pf-val"><el-form-item prop="purposeDesc"><el-input v-model="form.purposeDesc" size="mini" /></el-form-item></div>
<div class="pf-td pf-lbl">使用部门</div>
<div class="pf-td pf-val"><el-form-item prop="useDept"><el-input v-model="form.useDept" size="mini" /></el-form-item></div>
</div>
</div>
<div class="pr-section">采购处理</div>
<el-row :gutter="16">
<el-col :span="8">
<el-form-item label="品检条件" prop="inspectionCondition">
<el-input v-model="form.inspectionCondition" placeholder="品检条件" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="试用天数" prop="trialDays">
<el-input v-model="form.trialDays" placeholder="试用天数" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="付款条件" prop="paymentTerms">
<el-input v-model="form.paymentTerms" placeholder="付款条件" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="前期采购记录" prop="prevPurchaseRecord">
<el-input v-model="form.prevPurchaseRecord" placeholder="前期采购记录" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="采购金额" prop="totalAmount">
<el-input v-model="form.totalAmount" placeholder="采购金额" />
</el-form-item>
</el-col>
</el-row>
<el-form-item label="采购拟办" prop="purchaseProposal">
<el-input v-model="form.purchaseProposal" type="textarea" :rows="2" placeholder="采购拟办" />
</el-form-item>
<div class="pr-section">
<!-- 请购明细 -->
<div class="pf-sec">
请购明细
<el-button type="primary" plain size="mini" icon="el-icon-plus" @click="addItem">加行</el-button>
<span class="pr-section-hint" v-if="form.items && form.items.length">共 {{ form.items.length }} 项</span>
<span class="pf-sec-hint" v-if="form.items && form.items.length">共 {{ form.items.length }} 项</span>
</div>
<el-table :data="form.items" border size="mini" max-height="280" style="margin-bottom:14px">
<el-table :data="form.items" border size="mini" max-height="240" class="pf-it-tb">
<el-table-column label="项次" width="60" align="center">
<template slot-scope="s">{{ s.$index + 1 }}</template>
</el-table-column>
<el-table-column label="品名" min-width="130">
<template slot-scope="s"><el-input v-model="s.row.itemName" size="mini" placeholder="品名" /></template>
<template slot-scope="s"><el-input v-model="s.row.itemName" size="mini" /></template>
</el-table-column>
<el-table-column label="规格" min-width="130">
<template slot-scope="s"><el-input v-model="s.row.specification" size="mini" placeholder="规格" /></template>
<template slot-scope="s"><el-input v-model="s.row.specification" size="mini" /></template>
</el-table-column>
<el-table-column label="单位" width="80">
<template slot-scope="s"><el-input v-model="s.row.unit" size="mini" placeholder="单位" /></template>
<el-table-column label="单位" width="80" align="center">
<template slot-scope="s"><el-input v-model="s.row.unit" size="mini" /></template>
</el-table-column>
<el-table-column label="请购量" width="100">
<template slot-scope="s"><el-input v-model="s.row.quantity" size="mini" placeholder="请购量" /></template>
<template slot-scope="s"><el-input v-model="s.row.quantity" size="mini" /></template>
</el-table-column>
<el-table-column label="操作" width="64" align="center" fixed="right">
<template slot-scope="s">
<i class="el-icon-delete pr-del" @click="removeItem(s.$index)" />
</template>
<template slot-scope="s"><i class="el-icon-delete pf-del" @click="removeItem(s.$index)" /></template>
</el-table-column>
<template slot="empty"><span>点「加行」添加明细</span></template>
<template slot="empty"><span>点击「加行」添加明细</span></template>
</el-table>
<div class="pr-section">审批签名</div>
<el-row :gutter="16">
<el-col :span="8">
<el-form-item label="经办(请购)" prop="signRequestHandler">
<el-input v-model="form.signRequestHandler" placeholder="经办" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="主任(请购)" prop="signRequestDirector">
<el-input v-model="form.signRequestDirector" placeholder="主任" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="厂长(请购)" prop="signRequestFactoryMgr">
<el-input v-model="form.signRequestFactoryMgr" placeholder="厂长" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="16">
<el-col :span="8">
<el-form-item label="生产总经理" prop="signRequestGm">
<el-input v-model="form.signRequestGm" placeholder="生产总经理" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="经办(采购)" prop="signPurchaseHandler">
<el-input v-model="form.signPurchaseHandler" placeholder="经办" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="主任(采购)" prop="signPurchaseDirector">
<el-input v-model="form.signPurchaseDirector" placeholder="主任" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="16">
<el-col :span="8">
<el-form-item label="部长/厂长(采购)" prop="signPurchaseManager">
<el-input v-model="form.signPurchaseManager" placeholder="部长/厂长" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="董事长(采购)" prop="signPurchaseChairman">
<el-input v-model="form.signPurchaseChairman" placeholder="董事长" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="指定卸货位" prop="unloadLocation">
<el-input v-model="form.unloadLocation" placeholder="指定卸货位" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="卸货其他位置" prop="unloadOther">
<el-input v-model="form.unloadOther" placeholder="卸货其他位置" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="状态" prop="formStatus">
<el-select v-model="form.formStatus" placeholder="状态" style="width:100%">
<!-- 采购处理 -->
<div class="pf-tb pf-pt">
<!-- 品检条件 + 前期采购记录 -->
<div class="pf-tr" style="grid-template-columns:8fr 42fr 17fr 33fr">
<div class="pf-td pf-lbl">品检条件</div>
<div class="pf-td pf-val pf-chk-group" style="flex-wrap:wrap">
<el-checkbox-group v-model="inspectionChecks" size="mini">
<el-checkbox label="1">1.一般规格/目视检验</el-checkbox>
<el-checkbox label="2">2.品保检验品</el-checkbox>
<el-checkbox label="3">3.工程、劳务/特殊规格品</el-checkbox>
<el-checkbox label="4">4.试用</el-checkbox>
</el-checkbox-group>
<span style="margin-left:4px;font-size:12px;color:#606266;white-space:nowrap">
试用 <el-input v-model="form.trialDays" size="mini" style="width:56px;display:inline-block" /> 天后验收
</span>
</div>
<div class="pf-td pf-lbl">前期采购记录</div>
<div class="pf-td pf-val"><el-form-item prop="prevPurchaseRecord"><el-input v-model="form.prevPurchaseRecord" size="mini" /></el-form-item></div>
</div>
<!-- 采购拟办 + 付款条件 -->
<div class="pf-tr" style="grid-template-columns:10fr 40fr 8fr 42fr">
<div class="pf-td pf-lbl">采购拟办</div>
<div class="pf-td pf-val"><el-form-item prop="purchaseProposal"><el-input v-model="form.purchaseProposal" size="mini" /></el-form-item></div>
<div class="pf-td pf-lbl">付款条件</div>
<div class="pf-td pf-val"><el-form-item prop="paymentTerms"><el-input v-model="form.paymentTerms" size="mini" /></el-form-item></div>
</div>
<!-- 采购金额(人民币) -->
<div class="pf-tr" style="grid-template-columns:18fr 82fr">
<div class="pf-td pf-lbl">采购金额(人民币)</div>
<div class="pf-td pf-val"><el-form-item prop="totalAmount"><el-input v-model="form.totalAmount" size="mini" /></el-form-item></div>
</div>
</div>
<!-- 审批签名 -->
<div class="pf-sec">审批签名</div>
<div class="pf-tb pf-sig">
<div class="pf-tr" style="grid-template-columns:repeat(8,1fr)">
<div class="pf-td pf-lbl" style="grid-column:span 4">采购单位</div>
<div class="pf-td pf-lbl" style="grid-column:span 4">请购单位</div>
</div>
<div class="pf-tr" style="grid-template-columns:repeat(8,1fr)">
<div class="pf-td pf-lbl" style="grid-column:span 1">董事长</div>
<div class="pf-td pf-lbl" style="grid-column:span 1">部长/厂长</div>
<div class="pf-td pf-lbl" style="grid-column:span 1">主任</div>
<div class="pf-td pf-lbl" style="grid-column:span 1">经办</div>
<div class="pf-td pf-lbl" style="grid-column:span 1">生产总经理</div>
<div class="pf-td pf-lbl" style="grid-column:span 1">厂长</div>
<div class="pf-td pf-lbl" style="grid-column:span 1">主任</div>
<div class="pf-td pf-lbl" style="grid-column:span 1">经办</div>
</div>
<div class="pf-tr" style="grid-template-columns:repeat(8,1fr)">
<div class="pf-td pf-val" style="grid-column:span 1"><el-form-item prop="signPurchaseChairman"><el-input v-model="form.signPurchaseChairman" size="mini" /></el-form-item></div>
<div class="pf-td pf-val" style="grid-column:span 1"><el-form-item prop="signPurchaseManager"><el-input v-model="form.signPurchaseManager" size="mini" /></el-form-item></div>
<div class="pf-td pf-val" style="grid-column:span 1"><el-form-item prop="signPurchaseDirector"><el-input v-model="form.signPurchaseDirector" size="mini" /></el-form-item></div>
<div class="pf-td pf-val" style="grid-column:span 1"><el-form-item prop="signPurchaseHandler"><el-input v-model="form.signPurchaseHandler" size="mini" /></el-form-item></div>
<div class="pf-td pf-val" style="grid-column:span 1"><el-form-item prop="signRequestGm"><el-input v-model="form.signRequestGm" size="mini" /></el-form-item></div>
<div class="pf-td pf-val" style="grid-column:span 1"><el-form-item prop="signRequestFactoryMgr"><el-input v-model="form.signRequestFactoryMgr" size="mini" /></el-form-item></div>
<div class="pf-td pf-val" style="grid-column:span 1"><el-form-item prop="signRequestDirector"><el-input v-model="form.signRequestDirector" size="mini" /></el-form-item></div>
<div class="pf-td pf-val" style="grid-column:span 1"><el-form-item prop="signRequestHandler"><el-input v-model="form.signRequestHandler" size="mini" /></el-form-item></div>
</div>
</div>
<!-- 底部：卸货位 -->
<div class="pf-tb">
<div class="pf-tr" style="grid-template-columns:20fr 30fr 8fr 42fr">
<div class="pf-td pf-lbl">※物品进厂<br>指定卸货位</div>
<div class="pf-td pf-val"><el-form-item prop="unloadLocation"><el-input v-model="form.unloadLocation" size="mini" /></el-form-item></div>
<div class="pf-td pf-lbl">置于</div>
<div class="pf-td pf-val"><el-form-item prop="unloadOther"><el-input v-model="form.unloadOther" size="mini" placeholder="仓库/其他" /></el-form-item></div>
</div>
</div>
<!-- 状态 + 备注 -->
<div class="pf-tb">
<div class="pf-tr" style="grid-template-columns:8fr 20fr 8fr 64fr">
<div class="pf-td pf-lbl">状态</div>
<div class="pf-td pf-val">
<el-select v-model="form.formStatus" size="mini" style="width:100%">
<el-option label="请购草稿" value="0" />
<el-option label="请购审批中" value="1" />
<el-option label="请购已通过" value="2" />
<el-option label="审批中" value="1" />
<el-option label="已通过" value="2" />
<el-option label="采购处理中" value="3" />
<el-option label="已完成" value="4" />
<el-option label="已驳回" value="5" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" :rows="2" placeholder="备注" />
</el-form-item>
</div>
<div class="pf-td pf-lbl">备　注</div>
<div class="pf-td pf-val"><el-form-item prop="remark"><el-input v-model="form.remark" size="mini" /></el-form-item></div>
</div>
</div>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">取 消</el-button>
@@ -269,83 +239,123 @@
</el-dialog>
<!-- 查看弹窗 -->
<el-dialog title="请购单详情" :visible.sync="viewOpen" width="700px" append-to-body class="pr-dialog">
<el-dialog title="请购单详情" :visible.sync="viewOpen" width="880px" append-to-body class="pr-dialog pr-view-dialog" :close-on-click-modal="false">
<div class="pr-view">
<div class="pr-view-section">请购信息</div>
<el-row :gutter="16" class="pr-view-row">
<el-col :span="8"><label>请购部门</label><span>{{ viewForm.reqDept || '—' }}</span></el-col>
<el-col :span="8"><label>品名</label><span>{{ viewForm.itemName || '—' }}</span></el-col>
<el-col :span="8"><label>规格</label><span>{{ viewForm.specification || '—' }}</span></el-col>
</el-row>
<el-row :gutter="16" class="pr-view-row">
<el-col :span="8"><label>单位</label><span>{{ viewForm.unit || '—' }}</span></el-col>
<el-col :span="8"><label>请购量</label><span>{{ viewForm.quantity || '—' }}</span></el-col>
<el-col :span="8"><label>类别</label><span>{{ viewForm.category || '—' }}</span></el-col>
</el-row>
<el-row :gutter="16" class="pr-view-row">
<el-col :span="12"><label>需求日期</label><span>{{ viewForm.requiredDate || '—' }}</span></el-col>
<el-col :span="12"><label>使用部门</label><span>{{ viewForm.useDept || '—' }}</span></el-col>
</el-row>
<el-row class="pr-view-row">
<el-col><label>用途说明</label><span>{{ viewForm.purposeDesc || '—' }}</span></el-col>
</el-row>
<div class="pf-tb">
<!-- 第1行：表头 -->
<div class="pf-tr" style="grid-template-columns:23fr 24fr 26fr 7fr 20fr">
<div class="pf-td pf-lbl">请购部门</div>
<div class="pf-td pf-lbl">品　名</div>
<div class="pf-td pf-lbl">规　格</div>
<div class="pf-td pf-lbl">单位</div>
<div class="pf-td pf-lbl">请购量</div>
</div>
<!-- 第2行：值 -->
<div class="pf-tr" style="grid-template-columns:23fr 24fr 26fr 7fr 20fr">
<div class="pf-td pf-val pf-val-read">{{ viewForm.reqDept || '—' }}</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.itemName || '—' }}</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.specification || '—' }}</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.unit || '—' }}</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.quantity || '—' }}</div>
</div>
<!-- 第3行：用途类别 + 需求日期 -->
<div class="pf-tr" style="grid-template-columns:23fr 49fr 11fr 17fr">
<div class="pf-td pf-lbl">用途类别</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.category || '—' }}</div>
<div class="pf-td pf-lbl">需求日期</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.requiredDate || '—' }}</div>
</div>
<!-- 第4行：用途说明 + 使用部门 -->
<div class="pf-tr" style="grid-template-columns:23fr 49fr 11fr 17fr">
<div class="pf-td pf-lbl">用途说明</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.purposeDesc || '—' }}</div>
<div class="pf-td pf-lbl">使用部门</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.useDept || '—' }}</div>
</div>
</div>
<div class="pr-view-section">采购处理</div>
<el-row :gutter="16" class="pr-view-row">
<el-col :span="8"><label>品检条件</label><span>{{ viewForm.inspectionCondition || '—' }}</span></el-col>
<el-col :span="8"><label>试用天数</label><span>{{ viewForm.trialDays || '—' }}</span></el-col>
<el-col :span="8"><label>付款条件</label><span>{{ viewForm.paymentTerms || '—' }}</span></el-col>
</el-row>
<el-row :gutter="16" class="pr-view-row">
<el-col :span="12"><label>前期采购记录</label><span>{{ viewForm.prevPurchaseRecord || '—' }}</span></el-col>
<el-col :span="12"><label>采购金额</label><span>{{ viewForm.totalAmount || '—' }}</span></el-col>
</el-row>
<el-row class="pr-view-row">
<el-col><label>采购拟办</label><span>{{ viewForm.purchaseProposal || '—' }}</span></el-col>
</el-row>
<div class="pr-view-section">请购明细</div>
<el-table :data="viewForm.items || []" border size="mini" max-height="260" style="margin-bottom:14px">
<!-- 请购明细 -->
<div class="pv-section-title" style="margin-top:14px">请购明细</div>
<el-table :data="viewForm.items || []" border size="mini" style="margin-bottom:14px">
<el-table-column label="项次" width="60" align="center">
<template slot-scope="s">{{ s.$index + 1 }}</template>
</el-table-column>
<el-table-column label="品名" prop="itemName" min-width="130" show-overflow-tooltip />
<el-table-column label="规格" prop="specification" min-width="130" show-overflow-tooltip />
<el-table-column label="品名" prop="itemName" min-width="140" show-overflow-tooltip />
<el-table-column label="规格" prop="specification" min-width="140" show-overflow-tooltip />
<el-table-column label="单位" prop="unit" width="80" align="center" />
<el-table-column label="请购量" prop="quantity" width="100" align="right" />
<template slot="empty"><span>无明细</span></template>
</el-table>
<div class="pr-view-section">审批签名</div>
<el-row :gutter="16" class="pr-view-row">
<el-col :span="8"><label>经办(请购)</label><span>{{ viewForm.signRequestHandler || '—' }}</span></el-col>
<el-col :span="8"><label>主任(请购)</label><span>{{ viewForm.signRequestDirector || '—' }}</span></el-col>
<el-col :span="8"><label>厂长(请购)</label><span>{{ viewForm.signRequestFactoryMgr || '—' }}</span></el-col>
</el-row>
<el-row :gutter="16" class="pr-view-row">
<el-col :span="8"><label>生产总经理</label><span>{{ viewForm.signRequestGm || '—' }}</span></el-col>
<el-col :span="8"><label>经办(采购)</label><span>{{ viewForm.signPurchaseHandler || '—' }}</span></el-col>
<el-col :span="8"><label>主任(采购)</label><span>{{ viewForm.signPurchaseDirector || '—' }}</span></el-col>
</el-row>
<el-row :gutter="16" class="pr-view-row">
<el-col :span="8"><label>部长/厂长(采购)</label><span>{{ viewForm.signPurchaseManager || '—' }}</span></el-col>
<el-col :span="8"><label>董事长(采购)</label><span>{{ viewForm.signPurchaseChairman || '—' }}</span></el-col>
<el-col :span="8"><label>指定卸货位</label><span>{{ viewForm.unloadLocation || '—' }}</span></el-col>
</el-row>
<el-row :gutter="16" class="pr-view-row">
<el-col :span="12"><label>卸货其他位置</label><span>{{ viewForm.unloadOther || '—' }}</span></el-col>
<el-col :span="12"><label>状态</label><span>{{ statusText(viewForm.formStatus) }}</span></el-col>
</el-row>
<el-row class="pr-view-row">
<el-col><label>备注</label><span>{{ viewForm.remark || '—' }}</span></el-col>
</el-row>
<!-- 采购处理 -->
<div class="pf-tb pf-pt">
<div class="pf-tr" style="grid-template-columns:8fr 42fr 17fr 33fr">
<div class="pf-td pf-lbl">品检条件</div>
<div class="pf-td pf-val pf-val-read" style="text-align:left">{{ formatInsp(viewForm.inspectionCondition, viewForm.trialDays) }}</div>
<div class="pf-td pf-lbl">前期采购记录</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.prevPurchaseRecord || '—' }}</div>
</div>
<div class="pf-tr" style="grid-template-columns:10fr 40fr 8fr 42fr">
<div class="pf-td pf-lbl">采购拟办</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.purchaseProposal || '—' }}</div>
<div class="pf-td pf-lbl">付款条件</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.paymentTerms || '—' }}</div>
</div>
<div class="pf-tr" style="grid-template-columns:18fr 82fr">
<div class="pf-td pf-lbl">采购金额(人民币)</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.totalAmount || '—' }}</div>
</div>
</div>
<!-- 审批签名 -->
<div class="pv-section-title" style="margin-top:14px">审批签名</div>
<div class="pf-tb pf-sig">
<div class="pf-tr" style="grid-template-columns:repeat(8,1fr)">
<div class="pf-td pf-lbl" style="grid-column:span 4">采购单位</div>
<div class="pf-td pf-lbl" style="grid-column:span 4">请购单位</div>
</div>
<div class="pf-tr" style="grid-template-columns:repeat(8,1fr)">
<div class="pf-td pf-lbl">董事长</div>
<div class="pf-td pf-lbl">部长/厂长</div>
<div class="pf-td pf-lbl">主任</div>
<div class="pf-td pf-lbl">经办</div>
<div class="pf-td pf-lbl">生产总经理</div>
<div class="pf-td pf-lbl">厂长</div>
<div class="pf-td pf-lbl">主任</div>
<div class="pf-td pf-lbl">经办</div>
</div>
<div class="pf-tr" style="grid-template-columns:repeat(8,1fr)">
<div class="pf-td pf-val pf-val-read">{{ viewForm.signPurchaseChairman || '—' }}</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.signPurchaseManager || '—' }}</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.signPurchaseDirector || '—' }}</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.signPurchaseHandler || '—' }}</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.signRequestGm || '—' }}</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.signRequestFactoryMgr || '—' }}</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.signRequestDirector || '—' }}</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.signRequestHandler || '—' }}</div>
</div>
</div>
<!-- 底部 -->
<div class="pf-tb" style="margin-top:14px">
<div class="pf-tr" style="grid-template-columns:20fr 30fr 8fr 42fr">
<div class="pf-td pf-lbl">※物品进厂<br>指定卸货位</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.unloadLocation || '—' }}</div>
<div class="pf-td pf-lbl">置于</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.unloadOther || '—' }}</div>
</div>
<div class="pf-tr" style="grid-template-columns:8fr 20fr 8fr 64fr">
<div class="pf-td pf-lbl">状态</div>
<div class="pf-td pf-val pf-val-read">
<span class="pv-status" :class="'s' + viewForm.formStatus">{{ statusText(viewForm.formStatus) }}</span>
</div>
<div class="pf-td pf-lbl">备　注</div>
<div class="pf-td pf-val pf-val-read">{{ viewForm.remark || '—' }}</div>
</div>
</div>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="viewOpen = false">关 闭</el-button>
</div>
<div slot="footer" class="dialog-footer">
<el-button type="primary" plain icon="el-icon-download" :loading="printing" @click="exportPdf">导出PDF</el-button>
<el-button @click="viewOpen = false">关 闭</el-button>
<el-button type="primary" icon="el-icon-download" :loading="printing" @click="exportPdf">导出PDF</el-button>
</div>
</el-dialog>
@@ -357,36 +367,40 @@
<!-- 表1：基本信息 -->
<table class="pp-tb">
<!-- 第1行：表头 -->
<tr>
<td class="pp-lbl" style="width:9%">请购部门</td>
<td class="pp-val" style="width:12%">{{ printData.reqDept || '' }}</td>
<td class="pp-lbl" style="width:6%">品　名</td>
<td class="pp-val" style="width:15%">{{ printData.itemName || '' }}</td>
<td class="pp-lbl" style="width:6%">规　格</td>
<td class="pp-val" style="width:12%">{{ printData.specification || '' }}</td>
<td class="pp-lbl" style="width:6%">单位</td>
<td class="pp-val" style="width:8%">{{ printData.unit || '' }}</td>
<td class="pp-lbl" style="width:8%">请购量</td>
<td class="pp-val" style="width:10%">{{ printData.quantity || '' }}</td>
<td class="pp-lbl" style="width:6%">用途</td>
<td class="pp-val" style="width:8%">{{ printData.category || '' }}</td>
<td class="pp-lbl" style="width:23%">请购部门</td>
<td class="pp-lbl" style="width:25%">品　名</td>
<td class="pp-lbl" style="width:24%">规　格</td>
<td class="pp-lbl" style="width:11%">单位</td>
<td class="pp-lbl" style="width:17%">请购量</td>
</tr>
<!-- 第2行：值 -->
<tr>
<td class="pp-lbl">类　别</td>
<td colspan="11" class="pp-val" style="text-align:left">
<td class="pp-val">{{ printData.reqDept || '' }}</td>
<td class="pp-val">{{ printData.itemName || '' }}</td>
<td class="pp-val">{{ printData.specification || '' }}</td>
<td class="pp-val">{{ printData.unit || '' }}</td>
<td class="pp-val">{{ printData.quantity || '' }}</td>
</tr>
<!-- 第3行：用途类别 + 需求日期 -->
<tr>
<td class="pp-lbl">用途类别</td>
<td colspan="2" class="pp-val" style="text-align:left;font-size:8.5pt">
<span :class="ppCheck(printData.category === '原料物料')">□</span>原料物料
<span :class="ppCheck(printData.category === '设备增添')">□</span>设备增添
<span :class="ppCheck(printData.category === '工程劳务')">□</span>工程劳务
<span :class="ppCheck(printData.category === '其它用途')">□</span>其它用途
</td>
</tr>
<tr>
<td class="pp-lbl">需求日期</td>
<td class="pp-val">{{ printData.requiredDate || '' }}</td>
<td class="pp-lbl" colspan="1">用途说明</td>
<td class="pp-val" colspan="5">{{ printData.purposeDesc || '' }}</td>
</tr>
<!-- 第4行：用途说明 + 使用部门 -->
<tr>
<td class="pp-lbl">用途说明</td>
<td colspan="2" class="pp-val" style="text-align:left">{{ printData.purposeDesc || '' }}</td>
<td class="pp-lbl">使用部门</td>
<td class="pp-val" colspan="3">{{ printData.useDept || '' }}</td>
<td class="pp-val">{{ printData.useDept || '' }}</td>
</tr>
</table>
@@ -426,28 +440,26 @@
<!-- 表3：采购处理 -->
<table class="pp-tb">
<tr>
<td class="pp-lbl" style="width:10%">品检条件</td>
<td colspan="5" class="pp-val" style="text-align:left;font-size:9pt">
<span :class="ppCheck(printData.inspectionCondition && printData.inspectionCondition.includes('一般'))">□</span>1.一般规格/目视检验
<span :class="ppCheck(printData.inspectionCondition && printData.inspectionCondition.includes('品保'))">□</span>2.品保检验品
<span :class="ppCheck(printData.inspectionCondition && printData.inspectionCondition.includes('工程'))">□</span>3.工程、劳务/特殊规格品
<span :class="ppCheck(printData.inspectionCondition && printData.inspectionCondition.includes('试用'))">□</span>4.试用
<td class="pp-lbl" style="width:8%">品检条件</td>
<td class="pp-val" style="width:42%;text-align:left;font-size:8.5pt">
<span>{{ hasInsp(1) ? '☑' : '□' }}</span>1.一般规格/目视检验
<span>{{ hasInsp(2) ? '☑' : '□' }}</span>2.品保检验品
<span>{{ hasInsp(3) ? '☑' : '□' }}</span>3.工程、劳务/特殊规格品
<span>{{ hasInsp(4) ? '☑' : '□' }}</span>4.试用
{{ printData.trialDays || '____' }} 天后验收
</td>
</tr>
<tr>
<td class="pp-lbl">前期采购记录</td>
<td colspan="5" class="pp-val">{{ printData.prevPurchaseRecord || '' }}</td>
<td class="pp-lbl" style="width:17%">前期采购记录</td>
<td class="pp-val" style="width:33%">{{ printData.prevPurchaseRecord || '' }}</td>
</tr>
<tr>
<td class="pp-lbl">采购拟办</td>
<td colspan="5" class="pp-val">{{ printData.purchaseProposal || '' }}</td>
<td class="pp-val">{{ printData.purchaseProposal || '' }}</td>
<td class="pp-lbl">付款条件</td>
<td class="pp-val">{{ printData.paymentTerms || '' }}</td>
</tr>
<tr>
<td class="pp-lbl">付款条件</td>
<td class="pp-val" colspan="2">{{ printData.paymentTerms || '' }}</td>
<td class="pp-lbl">采购金额(人民币)</td>
<td class="pp-val" colspan="2" style="font-size:9pt">
<td class="pp-val" colspan="3" style="text-align:right;padding-right:8px;font-size:9pt">
￥ {{ printData.totalAmount || '' }}
</td>
</tr>
@@ -531,6 +543,7 @@ export default {
},
form: {},
viewForm: {},
inspectionChecks: [],
printData: {},
rules: {}
}
@@ -578,6 +591,7 @@ export default {
unloadLocation: '', unloadOther: '', formStatus: '0', remark: '',
items: []
}
this.inspectionChecks = []
this.open = true
},
// 修改
@@ -604,6 +618,7 @@ export default {
formStatus: d.formStatus, remark: d.remark,
items: d.items || []
}
this.inspectionChecks = d.inspectionCondition ? d.inspectionCondition.split(',').filter(s => s.trim()) : []
this.open = true
}).finally(() => { this.buttonLoading = false })
},
@@ -621,6 +636,7 @@ export default {
submitForm() {
this.$refs['form'].validate(valid => {
if (!valid) return
this.form.inspectionCondition = this.inspectionChecks.join(',')
this.buttonLoading = true
const api = this.form.reqId ? updatePurchaseRequisition : addPurchaseRequisition
api(this.form).then(() => {
@@ -701,9 +717,9 @@ export default {
},
// 明细操作
addItem() {
const last = this.form.items[this.form.items.length - 1]
const seq = this.form.items.length + 1
this.form.items.push({
itemName: '', specification: '', unit: '', quantity: ''
seq: String(seq), itemName: '', specification: '', unit: '', quantity: ''
})
},
removeItem(index) {
@@ -718,7 +734,34 @@ export default {
const map = { '0': 'info', '1': 'warning', '2': 'success', '3': 'warning', '4': 'success', '5': 'danger' }
return map[s] || 'info'
},
// PDF 复选框
// 品检条件 — 数字代码 -> 可读描述（查看弹窗用）
formatInsp(val, trialDays) {
if (!val) return '—'
const map = { '1': '1.一般规格/目视检验', '2': '2.品保检验品', '3': '3.工程、劳务/特殊规格品', '4': '4.试用' }
const parts = val.split(',').map(s => s.trim())
// 数字代码格式
if (/^\d+$/.test(parts[0])) {
const labels = parts.map(c => map[c] || c)
if (parts.includes('4') && trialDays) {
const idx = parts.indexOf('4')
labels[idx] = '4.试用 ' + trialDays + ' 天后验收'
}
return labels.join('、')
}
// 旧文本格式直接返回
return val
},
// 品检条件 — 检查是否选中了某个选项（同时兼容数字代码和旧文本格式）
hasInsp(code) {
if (!this.printData.inspectionCondition) return false
const val = this.printData.inspectionCondition
// 数字代码格式 "1,2,4"
if (val.split(',').map(s => s.trim()).includes(String(code))) return true
// 旧文本格式 "一般规格/目视检验,品保检验品" 回退
const keywords = { 1: '一般', 2: '品保', 3: '工程', 4: '试用' }
return val.includes(keywords[code])
},
// PDF 复选框样式
ppCheck(cond) {
return cond ? 'pp-chk pp-on' : 'pp-chk'
}
@@ -730,14 +773,114 @@ export default {
$accent: #5b8db8;
$sub: #909399;
.pr-section {
.pr-dialog {
::v-deep .el-dialog__body {
padding-top: 10px;
}
}
/* ===== 新增/修改表单 — 纸质单表格排版 ===== */
.pf-dialog {
::v-deep .el-dialog__body {
padding: 14px 16px 6px;
}
::v-deep .el-dialog {
/* 保持980px宽度 */
}
}
.pf-form {
/* form-item 样式委托给 .pf-td.pf-val 处理 */
.el-form-item__error {
position: static;
padding-top: 0;
line-height: 1.2;
}
}
/* 表单表格（CSS Grid 版，避免 Vue2 HTML table 组件兼容问题） */
.pf-tb {
width: 100%;
margin-bottom: 8px;
border: 1px solid #dcdfe6;
border-bottom: none;
box-sizing: border-box;
}
.pf-tr {
display: grid;
width: 100%;
}
.pf-td {
border-right: 1px solid #dcdfe6;
border-bottom: 1px solid #dcdfe6;
padding: 3px 5px;
min-height: 28px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.pf-td:last-child {
border-right: none;
}
.pf-td.pf-lbl {
background: #f5f7fa;
font-size: 12px;
color: #606266;
text-align: center;
font-weight: 600;
white-space: nowrap;
justify-content: center;
min-width: 56px;
}
.pf-td.pf-val {
padding: 2px 4px;
.el-form-item {
margin-bottom: 0;
width: 100%;
}
::v-deep .el-form-item__content {
margin-left: 0 !important;
width: 100%;
}
.el-input--mini,
.el-select--mini {
width: 100%;
}
}
.pf-td.pf-chk-group {
text-align: left;
padding: 4px 8px;
flex-wrap: wrap;
.el-checkbox,
.el-radio {
margin-right: 14px;
.el-checkbox__label,
.el-radio__label {
font-size: 12px;
}
}
}
/* 表之间的间距 */
.pf-tb + .pf-tb {
margin-top: -5px;
}
/* 明细 */
.pf-sec {
font-size: 13px;
font-weight: 600;
color: #303133;
border-left: 3px solid $accent;
padding-left: 8px;
margin: 16px 0 12px;
.pr-section-hint {
margin: 14px 0 8px;
.pf-sec-hint {
float: right;
font-weight: 400;
color: $sub;
@@ -745,40 +888,92 @@ $sub: #909399;
}
}
.pr-del {
.pf-it-tb {
margin-bottom: 12px;
.el-input--mini {
width: 100%;
}
}
/* 采购处理表 — 品检条件行内试用天数 */
.pf-pt .pf-chk-group {
line-height: 26px;
}
/* 签名区 */
.pf-sig .pf-td.pf-lbl {
font-weight: 600;
min-width: 0;
}
/* 删除图标 */
.pf-del {
color: #c45656;
cursor: pointer;
}
.pr-view-dialog ::v-deep .el-dialog__body {
padding: 16px 20px 6px;
}
/* 查看弹窗卡片式布局 */
.pr-view {
padding: 0 4px;
.pr-view-section {
.pv-section {
margin-bottom: 16px;
&:last-child { margin-bottom: 0; }
}
.pv-section-title {
font-size: 13px;
font-weight: 600;
color: #303133;
border-left: 3px solid $accent;
padding-left: 8px;
margin: 14px 0 10px;
&:first-child { margin-top: 0; }
color: $accent;
padding-bottom: 6px;
margin-bottom: 10px;
border-bottom: 1px solid #ebeef5;
}
.pr-view-row {
margin-bottom: 8px;
.pv-grid {
display: flex;
flex-wrap: wrap;
gap: 0;
}
.pv-item {
width: 33.33%;
padding: 4px 8px 4px 0;
box-sizing: border-box;
display: flex;
align-items: flex-start;
label {
display: block;
font-size: 12px;
color: $sub;
margin-bottom: 2px;
white-space: nowrap;
flex-shrink: 0;
min-width: 72px;
line-height: 22px;
}
span {
font-size: 13px;
color: #303133;
line-height: 22px;
word-break: break-all;
}
&.pv-full {
width: 100%;
}
}
}
.pr-dialog {
::v-deep .el-dialog__body {
padding-top: 10px;
.pv-status {
display: inline-block;
font-size: 12px;
padding: 0 8px;
border-radius: 2px;
line-height: 20px;
border: 1px solid #dcdfe6;
color: $sub;
background: #fafafa;
&.s0 { color: $sub; }
&.s1 { color: #d6a256; border-color: #ecd4a6; background: #fdf6ec; }
&.s2 { color: $accent; border-color: #b9d2e6; background: #eef3f8; }
&.s3 { color: #d6a256; border-color: #ecd4a6; background: #fdf6ec; }
&.s4 { color: $accent; border-color: #b9d2e6; background: #eef3f8; }
&.s5 { color: #c45656; border-color: #e6c4c4; background: #fbf0f0; }
}
}