更新采购申请前端

This commit is contained in:
吴红兵
2026-02-08 18:03:56 +08:00
parent 5dc9b39cab
commit 496116d7f8

View File

@@ -15,13 +15,13 @@
ref="formRef" ref="formRef"
:model="dataForm" :model="dataForm"
:rules="dataRules" :rules="dataRules"
label-width="120px" label-width="150px"
:disabled="isViewMode" :disabled="isViewMode"
class="compact-form"> class="compact-form">
<!-- 第一步基本信息查看模式下一并展示新增/编辑按步骤切换 --> <!-- 第一步基本信息查看模式下一并展示新增/编辑按步骤切换 -->
<div v-show="isViewMode || currentStep === 0"> <div v-show="isViewMode || currentStep === 0">
<el-row :gutter="20"> <el-row :gutter="24">
<el-col :span="12" class="mb16"> <el-col :span="12" class="mb16">
<el-form-item label="采购项目名称" prop="projectName"> <el-form-item label="采购项目名称" prop="projectName">
<el-input <el-input
@@ -42,7 +42,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="24">
<el-col :span="12" class="mb16"> <el-col :span="12" class="mb16">
<el-form-item label="资金来源" prop="fundSource"> <el-form-item label="资金来源" prop="fundSource">
<el-select <el-select
@@ -81,7 +81,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="24">
<el-col :span="12" class="mb16"> <el-col :span="12" class="mb16">
<el-form-item label="是否集采" prop="isCentralized"> <el-form-item label="是否集采" prop="isCentralized">
<el-select <el-select
@@ -113,7 +113,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="24">
<el-col :span="24" class="mb16"> <el-col :span="24" class="mb16">
<el-form-item label="品目编码" prop="categoryCode"> <el-form-item label="品目编码" prop="categoryCode">
<el-cascader <el-cascader
@@ -133,640 +133,250 @@
<!-- 第二步采购详情查看模式下一并展示新增/编辑按步骤切换 --> <!-- 第二步采购详情查看模式下一并展示新增/编辑按步骤切换 -->
<div v-show="isViewMode || currentStep === 1"> <div v-show="isViewMode || currentStep === 1">
<!-- 分支一部门自行采购 --> <!-- 分支一部门自行采购单行两列流式布局条件显示的项自动填满两列 -->
<div class="mb20" v-if="isDeptPurchase"> <div class="mb20" v-if="isDeptPurchase">
<div class="step-title mb16">部门自行采购</div> <div class="step-title mb16">部门自行采购</div>
<el-form-item label="采购内容" prop="projectContent" class="mb16"> <el-row :gutter="24">
<el-input
v-model="dataForm.projectContent"
type="textarea"
:rows="3"
:maxlength="1000"
show-word-limit
placeholder="请输入采购内容限制1000字"
clearable />
</el-form-item>
<el-form-item label="采购方式" prop="purchaseType" class="mb16">
<el-select
v-model="dataForm.purchaseType"
placeholder="请选择采购方式"
clearable
:disabled="isAutoSelectPurchaseType"
style="width: 100%">
<el-option
v-for="item in purchaseTypeDeptList"
:key="item.value"
:label="item.label"
:value="item.value" />
</el-select>
</el-form-item>
<!-- 商务洽谈 -->
<el-form-item
v-if="isPurchaseType(PURCHASE_TYPE_IDS.BUSINESS_NEGOTIATION)"
label="商务洽谈表"
prop="businessNegotiationTable"
class="mb16">
<el-button
type="primary"
link
icon="Download"
@click="downloadTemplate('business_negotiation')"
class="mb10">
下载商务洽谈表模版
</el-button>
<upload-file
v-model="dataForm.businessNegotiationTable"
:limit="1"
:file-type="['doc', 'docx', 'pdf']"
:data="{ fileType: FILE_TYPE_MAP.businessNegotiationTable }"
upload-file-url="/purchase/purchasingfiles/upload" />
</el-form-item>
<!-- 市场采购 -->
<el-form-item
v-if="isPurchaseType(PURCHASE_TYPE_IDS.MARKET_PURCHASE)"
label="市场采购纪要"
prop="marketPurchaseMinutes"
class="mb16">
<el-button
type="primary"
link
icon="Download"
@click="downloadTemplate('market_purchase_minutes')"
class="mb10">
下载市场采购纪要模版
</el-button>
<upload-file
v-model="dataForm.marketPurchaseMinutes"
:limit="1"
:file-type="['doc', 'docx', 'pdf']"
:data="{ fileType: FILE_TYPE_MAP.marketPurchaseMinutes }"
upload-file-url="/purchase/purchasingfiles/upload" />
</el-form-item>
<!-- 网上商城 -->
<el-form-item
v-if="isPurchaseType(PURCHASE_TYPE_IDS.ONLINE_MALL)"
label="网上商城采购相关材料"
prop="onlineMallMaterials"
class="mb16">
<upload-file
v-model="dataForm.onlineMallMaterials"
:limit="1"
:file-type="['doc', 'docx', 'pdf']"
:data="{ fileType: FILE_TYPE_MAP.onlineMallMaterials }"
upload-file-url="/purchase/purchasingfiles/upload" />
</el-form-item>
<!-- 询价 -->
<el-form-item
v-if="isInquiryPurchaseType"
label="询价模板"
prop="inquiryTemplate"
class="mb16">
<el-button
type="primary"
link
icon="Download"
@click="downloadTemplate('inquiry')"
class="mb10">
下载部门采购询价模版模版
</el-button>
<upload-file
v-model="dataForm.inquiryTemplate"
:limit="1"
:file-type="['doc', 'docx', 'pdf']"
:data="{ fileType: FILE_TYPE_MAP.inquiryTemplate }"
upload-file-url="/purchase/purchasingfiles/upload" />
</el-form-item>
<!-- 委托采购中心 -->
<template v-if="isPurchaseType(PURCHASE_TYPE_IDS.ENTRUST_CENTER)">
<el-form-item label="委托采购中心方式" prop="entrustCenterType" class="mb16">
<!-- 由系统根据品目末级节点标记自动判断不允许用户手动选择 -->
<el-radio-group v-model="dataForm.entrustCenterType" disabled>
<el-radio label="service_online">服务类网上商城</el-radio>
<el-radio label="other">其他方式</el-radio>
</el-radio-group>
</el-form-item>
<!-- 服务类网上商城判断品目编码的第一个值是否为C -->
<template v-if="dataForm.entrustCenterType === 'service_online' && categoryCodePath && categoryCodePath.length > 0 && categoryCodePath[0] === 'C'">
<el-form-item label="是否有供应商" prop="hasSupplier" class="mb16">
<el-radio-group v-model="dataForm.hasSupplier">
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
</el-radio-group>
</el-form-item>
<!-- 有供应商显示供应商名称输入框 -->
<template v-if="dataForm.hasSupplier === '1'">
<el-form-item
label="供应商名称"
prop="suppliers"
class="mb16">
<el-input
v-model="dataForm.suppliers"
type="textarea"
:rows="2"
placeholder="请输入供应商名称,多个供应商请用逗号或分号分隔"
maxlength="500"
show-word-limit />
<div class="template-note mt5">
<el-text type="info" size="small">多个供应商请用逗号,或分号;分隔</el-text>
</div>
</el-form-item>
<el-form-item
label="服务商城项目需求模板(直选)"
prop="serviceDirectSelect"
class="mb16">
<el-button
type="primary"
link
icon="Download"
@click="downloadTemplate('direct_select')"
class="mb10">
下载服务商城项目需求模板直选模版
</el-button>
<upload-file
v-model="dataForm.serviceDirectSelect"
:limit="1"
:file-type="['doc', 'docx', 'pdf']"
:data="{ fileType: FILE_TYPE_MAP.serviceDirectSelect }"
upload-file-url="/purchase/purchasingfiles/upload" />
</el-form-item>
</template>
<el-form-item
v-if="dataForm.hasSupplier === '0'"
label="服务商城项目需求模板(邀请比选)"
prop="serviceInviteSelect"
class="mb16">
<el-button
type="primary"
link
icon="Download"
@click="downloadTemplate('invite_select')"
class="mb10">
下载服务商城项目需求模板邀请比选模版
</el-button>
<upload-file
v-model="dataForm.serviceInviteSelect"
:limit="1"
:file-type="['doc', 'docx', 'pdf']"
:data="{ fileType: FILE_TYPE_MAP.serviceInviteSelect }"
upload-file-url="/purchase/purchasingfiles/upload" />
</el-form-item>
</template>
<!-- 其他方式货物类 -->
<el-form-item
v-if="dataForm.entrustCenterType === 'other' && categoryCodePath && categoryCodePath[0] === 'A'"
label="采购需求填报模板"
prop="purchaseRequirementTemplate"
class="mb16">
<el-button
type="primary"
link
icon="Download"
@click="downloadTemplate('purchase_requirement')"
class="mb10">
下载表1采购需求填报模板模版
</el-button>
<upload-file
v-model="dataForm.purchaseRequirementTemplate"
:limit="1"
:file-type="['doc', 'docx', 'pdf']"
:data="{ fileType: FILE_TYPE_MAP.purchaseRequirementTemplate }"
upload-file-url="/purchase/purchasingfiles/upload" />
</el-form-item>
</template>
<!-- 特殊规则5<=金额<40万服务类目自动使用邀请比选模版 -->
<template v-if="showAutoInviteSelect">
<el-form-item label="是否有推荐供应商" prop="hasSupplier" class="mb16">
<el-radio-group v-model="dataForm.hasSupplier">
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
</el-radio-group>
</el-form-item>
<!-- 有推荐供应商显示推荐供应商输入框和邀请比选模板 -->
<template v-if="dataForm.hasSupplier === '1'">
<el-form-item
label="推荐供应商"
prop="suppliers"
class="mb16">
<el-input
v-model="dataForm.suppliers"
placeholder="请输入三家供应商名称,用逗号分隔"
clearable />
<div class="template-note mt5">
<el-text type="info" size="small">请输入三家供应商名称用逗号分隔</el-text>
</div>
</el-form-item>
<el-form-item
label="服务商城项目需求模板(邀请比选)"
prop="serviceInviteSelect"
class="mb16">
<el-button
type="primary"
link
icon="Download"
@click="downloadTemplate('invite_select')"
class="mb10">
下载服务商城项目需求模板邀请比选模版
</el-button>
<upload-file
v-model="dataForm.serviceInviteSelect"
:limit="1"
:file-type="['doc', 'docx', 'pdf']"
:data="{ fileType: FILE_TYPE_MAP.serviceInviteSelect }"
upload-file-url="/purchase/purchasingfiles/upload" />
</el-form-item>
</template>
<!-- 无推荐供应商显示公开比选模板 -->
<el-form-item
v-if="dataForm.hasSupplier === '0'"
label="服务商城项目需求模板(公开比选)"
prop="servicePublicSelectAuto"
class="mb16">
<el-button
type="primary"
link
icon="Download"
@click="downloadTemplate('public_select')"
class="mb10">
下载服务商城项目需求模板公开比选模版
</el-button>
<upload-file
v-model="dataForm.servicePublicSelectAuto"
:limit="1"
:file-type="['doc', 'docx', 'pdf']"
:data="{ fileType: FILE_TYPE_MAP.servicePublicSelectAuto }"
upload-file-url="/purchase/purchasingfiles/upload" />
</el-form-item>
</template>
<!-- 其他材料zip压缩包 -->
<el-form-item label="其他材料" prop="otherMaterials" class="mb16">
<upload-file
v-model="dataForm.otherMaterials"
:limit="1"
:file-type="['zip']"
:data="{ fileType: FILE_TYPE_MAP.otherMaterials }"
upload-file-url="/purchase/purchasingfiles/upload" />
<div class="template-note">支持上传zip格式的压缩包文件</div>
</el-form-item>
</div>
<!-- 分支二学校统一采购 -->
<div class="mb20" v-else>
<div class="step-title mb16">学校统一采购</div>
<el-row :gutter="20">
<el-col :span="12" class="mb16"> <el-col :span="12" class="mb16">
<el-form-item label="采购形式" prop="purchaseMode"> <el-form-item label="采购内容" prop="projectContent" class="mb16">
<el-radio-group v-model="dataForm.purchaseMode"> <el-input
<el-radio v-model="dataForm.projectContent"
v-for="item in purchaseModeSchoolList" type="textarea"
:key="item.value" :rows="3"
:label="item.value"> :maxlength="1000"
{{ item.label }} show-word-limit
</el-radio> placeholder="请输入采购内容限制1000字"
</el-radio-group> clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" class="mb16"> <el-col :span="12" class="mb16">
<el-form-item label="采购方式" prop="purchaseTypeUnion"> <el-form-item label="采购方式" prop="purchaseType" required class="mb16">
<el-select <el-select
v-model="dataForm.purchaseType" v-model="dataForm.purchaseType"
placeholder="请选择采购方式" placeholder="请选择采购方式"
clearable clearable
:disabled="isAutoSelectPurchaseTypeUnion" :disabled="isAutoSelectPurchaseType"
style="width: 100%"> style="width: 100%">
<el-option <el-option
v-for="item in purchaseTypeUnionList" v-for="item in purchaseTypeDeptList"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value" /> :value="item.value" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> <el-col :span="12" class="mb16" v-if="isPurchaseType(PURCHASE_TYPE_IDS.BUSINESS_NEGOTIATION)">
<el-form-item label="商务洽谈表" prop="businessNegotiationTable" required class="mb16">
<el-row :gutter="20"> <upload-file v-model="dataForm.businessNegotiationTable" :limit="1" :file-type="['doc', 'docx', 'pdf']" :data="{ fileType: FILE_TYPE_MAP.businessNegotiationTable }" upload-file-url="/purchase/purchasingfiles/upload" />
<!-- 业务分管处室 --> <el-button type="primary" link icon="Download" size="small" @click="downloadTemplate('business_negotiation')" style="margin-top: 8px; display: inline-block">下载商务洽谈表模版</el-button>
<el-col :span="12" class="mb16"> </el-form-item>
<el-form-item label="业务分管处室" prop="deptClassifyUserId"> </el-col>
<el-select <el-col :span="12" class="mb16" v-if="isPurchaseType(PURCHASE_TYPE_IDS.MARKET_PURCHASE)">
v-model="dataForm.deptClassifyUserId" <el-form-item label="市场采购纪要" prop="marketPurchaseMinutes" required class="mb16">
placeholder="请选择业务分管处室" <upload-file v-model="dataForm.marketPurchaseMinutes" :limit="1" :file-type="['doc', 'docx', 'pdf']" :data="{ fileType: FILE_TYPE_MAP.marketPurchaseMinutes }" upload-file-url="/purchase/purchasingfiles/upload" />
clearable <el-button type="primary" link icon="Download" size="small" @click="downloadTemplate('market_purchase_minutes')" style="margin-top: 8px; display: inline-block">下载市场采购纪要模版</el-button>
filterable </el-form-item>
@change="handleBusinessDeptChange" </el-col>
style="width: 100%"> <el-col :span="12" class="mb16" v-if="isPurchaseType(PURCHASE_TYPE_IDS.ONLINE_MALL)">
<el-option <el-form-item label="网上商城采购相关材料" prop="onlineMallMaterials" required class="mb16">
v-for="item in businessDeptList" <upload-file v-model="dataForm.onlineMallMaterials" :limit="1" :file-type="['doc', 'docx', 'pdf']" :data="{ fileType: FILE_TYPE_MAP.onlineMallMaterials }" upload-file-url="/purchase/purchasingfiles/upload" />
:key="item.id" </el-form-item>
:label="item.deptName" </el-col>
:value="item.username" /> <el-col :span="12" class="mb16" v-if="isInquiryPurchaseType">
</el-select> <el-form-item label="询价模板" prop="inquiryTemplate" required class="mb16">
<upload-file v-model="dataForm.inquiryTemplate" :limit="1" :file-type="['doc', 'docx', 'pdf']" :data="{ fileType: FILE_TYPE_MAP.inquiryTemplate }" upload-file-url="/purchase/purchasingfiles/upload" />
<el-button type="primary" link icon="Download" size="small" @click="downloadTemplate('inquiry')" style="margin-top: 8px; display: inline-block">下载部门采购询价模版模版</el-button>
</el-form-item>
</el-col>
<el-col :span="12" class="mb16" v-if="isPurchaseType(PURCHASE_TYPE_IDS.ENTRUST_CENTER)">
<el-form-item label="委托采购中心方式" prop="entrustCenterType" class="mb16">
<el-radio-group v-model="dataForm.entrustCenterType" disabled>
<el-radio label="service_online">服务类网上商城</el-radio>
<el-radio label="other">其他方式</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="12" class="mb16" v-if="isPurchaseType(PURCHASE_TYPE_IDS.ENTRUST_CENTER) && dataForm.entrustCenterType === 'service_online' && categoryCodePath && categoryCodePath.length > 0 && categoryCodePath[0] === 'C'">
<el-form-item label="是否有供应商" prop="hasSupplier" class="mb16">
<el-radio-group v-model="dataForm.hasSupplier">
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="12" class="mb16" v-if="isPurchaseType(PURCHASE_TYPE_IDS.ENTRUST_CENTER) && dataForm.entrustCenterType === 'service_online' && categoryCodePath && categoryCodePath[0] === 'C' && dataForm.hasSupplier === '1'">
<el-form-item label="供应商名称" prop="suppliers" class="mb16">
<el-input v-model="dataForm.suppliers" type="textarea" :rows="2" placeholder="请输入供应商名称,多个供应商请用逗号或分号分隔" maxlength="500" show-word-limit />
<div class="template-note mt5"><el-text type="info" size="small">多个供应商请用逗号,或分号;分隔</el-text></div>
</el-form-item>
</el-col>
<el-col :span="12" class="mb16" v-if="isPurchaseType(PURCHASE_TYPE_IDS.ENTRUST_CENTER) && dataForm.entrustCenterType === 'service_online' && categoryCodePath && categoryCodePath[0] === 'C' && dataForm.hasSupplier === '1'">
<el-form-item label="需求文件" prop="serviceDirectSelect" required class="mb16">
<upload-file v-model="dataForm.serviceDirectSelect" :limit="1" :file-type="['doc', 'docx', 'pdf']" :data="{ fileType: FILE_TYPE_MAP.serviceDirectSelect }" upload-file-url="/purchase/purchasingfiles/upload" />
<el-button type="primary" link icon="Download" size="small" @click="downloadTemplate('direct_select')" style="margin-top: 8px; display: inline-block">下载服务商城项目需求模板直选模版</el-button>
</el-form-item>
</el-col>
<el-col :span="12" class="mb16" v-if="isPurchaseType(PURCHASE_TYPE_IDS.ENTRUST_CENTER) && dataForm.entrustCenterType === 'service_online' && categoryCodePath && categoryCodePath[0] === 'C' && dataForm.hasSupplier === '0'">
<el-form-item label="需求文件" prop="serviceInviteSelect" required class="mb16">
<upload-file v-model="dataForm.serviceInviteSelect" :limit="1" :file-type="['doc', 'docx', 'pdf']" :data="{ fileType: FILE_TYPE_MAP.serviceInviteSelect }" upload-file-url="/purchase/purchasingfiles/upload" />
<el-button type="primary" link icon="Download" size="small" @click="downloadTemplate('invite_select')" style="margin-top: 8px; display: inline-block">下载服务商城项目需求模板邀请比选模版</el-button>
</el-form-item>
</el-col>
<el-col :span="12" class="mb16" v-if="isPurchaseType(PURCHASE_TYPE_IDS.ENTRUST_CENTER) && dataForm.entrustCenterType === 'other' && categoryCodePath && categoryCodePath[0] === 'A'">
<el-form-item label="需求模板" prop="purchaseRequirementTemplate" required class="mb16">
<upload-file v-model="dataForm.purchaseRequirementTemplate" :limit="1" :file-type="['doc', 'docx', 'pdf']" :data="{ fileType: FILE_TYPE_MAP.purchaseRequirementTemplate }" upload-file-url="/purchase/purchasingfiles/upload" />
<el-button type="primary" link icon="Download" size="small" @click="downloadTemplate('purchase_requirement')" style="margin-top: 8px; display: inline-block">下载表1需求模板模版</el-button>
</el-form-item>
</el-col>
<el-col :span="12" class="mb16" v-if="showAutoInviteSelect">
<el-form-item label="是否有推荐供应商" prop="hasSupplier" class="mb16">
<el-radio-group v-model="dataForm.hasSupplier">
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="12" class="mb16" v-if="showAutoInviteSelect && dataForm.hasSupplier === '1'">
<el-form-item label="推荐供应商" prop="suppliers" class="mb16">
<el-input v-model="dataForm.suppliers" placeholder="请输入三家供应商名称,用逗号分隔" clearable />
<div class="template-note mt5"><el-text type="info" size="small">请输入三家供应商名称用逗号分隔</el-text></div>
</el-form-item>
</el-col>
<el-col :span="12" class="mb16" v-if="showAutoInviteSelect && dataForm.hasSupplier === '1'">
<el-form-item label="服务商城项目需求模板(邀请比选)" prop="serviceInviteSelect" required class="mb16">
<upload-file v-model="dataForm.serviceInviteSelect" :limit="1" :file-type="['doc', 'docx', 'pdf']" :data="{ fileType: FILE_TYPE_MAP.serviceInviteSelect }" upload-file-url="/purchase/purchasingfiles/upload" />
<el-button type="primary" link icon="Download" size="small" @click="downloadTemplate('invite_select')" style="margin-top: 8px; display: inline-block">下载服务商城项目需求模板邀请比选模版</el-button>
</el-form-item>
</el-col>
<el-col :span="12" class="mb16" v-if="showAutoInviteSelect && dataForm.hasSupplier === '0'">
<el-form-item label="服务商城项目需求模板(公开比选)" prop="servicePublicSelectAuto" required class="mb16">
<upload-file v-model="dataForm.servicePublicSelectAuto" :limit="1" :file-type="['doc', 'docx', 'pdf']" :data="{ fileType: FILE_TYPE_MAP.servicePublicSelectAuto }" upload-file-url="/purchase/purchasingfiles/upload" />
<el-button type="primary" link icon="Download" size="small" @click="downloadTemplate('public_select')" style="margin-top: 8px; display: inline-block">下载服务商城项目需求模板公开比选模版</el-button>
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- 分管校领导 -->
<el-col :span="12" class="mb16"> <el-col :span="12" class="mb16">
<el-form-item label="分管校领导" prop="schoolLeaderUserId"> <el-form-item label="其他材料" prop="otherMaterials" class="mb16">
<el-select <upload-file v-model="dataForm.otherMaterials" :limit="1" :file-type="['zip']" :data="{ fileType: FILE_TYPE_MAP.otherMaterials }" upload-file-url="/purchase/purchasingfiles/upload" />
v-model="dataForm.schoolLeaderUserId" <div class="template-note">支持上传zip格式的压缩包文件</div>
placeholder="请选择分管校领导"
clearable
filterable
@change="handleSchoolLeaderChange"
style="width: 100%">
<el-option
v-for="item in schoolLeaderList"
:key="item.id"
:label="item.name"
:value="item.userId" />
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</div>
<!-- 金额>=30显示可行性论证报告和会议纪要 --> <!-- 分支二学校统一采购单行两列流式布局条件显示的项自动填满两列 -->
<template v-if="dataForm.budget && dataForm.budget >= 300000"> <div class="mb20" v-else>
<el-row :gutter="20"> <div class="step-title mb16">学校统一采购</div>
<el-col :span="12" class="mb16"> <el-row :gutter="24">
<el-form-item <el-col :span="12" class="mb16">
label="项目可行性论证报告" <el-form-item label="采购形式" prop="purchaseMode">
prop="feasibilityReport"> <el-radio-group v-model="dataForm.purchaseMode">
<el-button <el-radio v-for="item in purchaseModeSchoolList" :key="item.value" :label="item.value">{{ item.label }}</el-radio>
type="primary" </el-radio-group>
link </el-form-item>
icon="Download" </el-col>
@click="downloadTemplate('feasibility_report')" <el-col :span="12" class="mb16">
class="mb10"> <el-form-item label="采购方式" prop="purchaseType" :required="!isDeptPurchase">
下载项目可行性论证报告模板.doc <el-select v-model="dataForm.purchaseType" placeholder="请选择采购方式" clearable :disabled="isAutoSelectPurchaseTypeUnion" style="width: 100%">
</el-button> <el-option v-for="item in purchaseTypeUnionList" :key="item.value" :label="item.label" :value="item.value" />
<upload-file </el-select>
v-model="dataForm.feasibilityReport" </el-form-item>
:limit="1" </el-col>
:file-type="['doc', 'docx', 'pdf']" <el-col :span="12" class="mb16">
:data="{ fileType: FILE_TYPE_MAP.feasibilityReport }" <el-form-item label="业务分管处室" prop="deptClassifyUserId" :required="!isDeptPurchase">
upload-file-url="/purchase/purchasingfiles/upload" /> <el-select v-model="dataForm.deptClassifyUserId" placeholder="请选择业务分管处室" clearable filterable @change="handleBusinessDeptChange" style="width: 100%">
</el-form-item> <el-option v-for="item in businessDeptList" :key="item.id" :label="item.deptName" :value="item.username" />
</el-col> </el-select>
<!-- 通用会议纪要只有在没有选择特殊情况时才显示 --> </el-form-item>
<el-col </el-col>
v-if="!isUrgentSpecial && !isSpecialType('2') && !isSpecialType('3')" <el-col :span="12" class="mb16">
:span="12" <el-form-item label="分管校领导" prop="schoolLeaderUserId" :required="!isDeptPurchase">
class="mb16"> <el-select v-model="dataForm.schoolLeaderUserId" placeholder="请选择分管校领导" clearable filterable @change="handleSchoolLeaderChange" style="width: 100%">
<el-form-item <el-option v-for="item in schoolLeaderList" :key="item.id" :label="item.name" :value="item.userId" />
label="会议纪要" </el-select>
prop="meetingMinutes"> </el-form-item>
<upload-file </el-col>
v-model="dataForm.meetingMinutes" <el-col :span="12" class="mb16" v-if="dataForm.budget && dataForm.budget >= 300000">
:limit="1" <el-form-item label="项目可行性论证报告" prop="feasibilityReport" required>
:file-type="['doc', 'docx', 'pdf']" <upload-file v-model="dataForm.feasibilityReport" :limit="1" :file-type="['doc', 'docx', 'pdf']" :data="{ fileType: FILE_TYPE_MAP.feasibilityReport }" upload-file-url="/purchase/purchasingfiles/upload" />
:data="{ fileType: FILE_TYPE_MAP.meetingMinutes }" <el-button type="primary" link icon="Download" size="small" @click="downloadTemplate('feasibility_report')" style="margin-top: 8px; display: inline-block">下载项目可行性论证报告模板.doc</el-button>
upload-file-url="/purchase/purchasingfiles/upload" /> </el-form-item>
</el-form-item> </el-col>
</el-col> <el-col :span="12" class="mb16" v-if="dataForm.budget && dataForm.budget >= 300000 && !isUrgentSpecial && !isSpecialType('2') && !isSpecialType('3')">
</el-row> <el-form-item label="会议纪要" prop="meetingMinutes" required>
</template> <upload-file v-model="dataForm.meetingMinutes" :limit="1" :file-type="['doc', 'docx', 'pdf']" :data="{ fileType: FILE_TYPE_MAP.meetingMinutes }" upload-file-url="/purchase/purchasingfiles/upload" />
</el-form-item>
<!-- 特殊情况紧急 --> </el-col>
<template v-if="isUrgentSpecial"> <el-col :span="12" class="mb16" v-if="isUrgentSpecial">
<el-row :gutter="20"> <el-form-item label="会议纪要" prop="meetingMinutesUrgent" required>
<el-col :span="12" class="mb16"> <upload-file v-model="dataForm.meetingMinutesUrgent" :limit="1" :file-type="['doc', 'docx', 'pdf']" :data="{ fileType: FILE_TYPE_MAP.meetingMinutesUrgent }" upload-file-url="/purchase/purchasingfiles/upload" />
<el-form-item label="会议纪要" prop="meetingMinutesUrgent"> </el-form-item>
<upload-file </el-col>
v-model="dataForm.meetingMinutesUrgent" <el-col :span="12" class="mb16" v-if="isSpecialType('2')">
:limit="1" <el-form-item label="单一来源论专家证附件" prop="singleSourceProof" required>
:file-type="['doc', 'docx', 'pdf']" <upload-file v-model="dataForm.singleSourceProof" :limit="1" :file-type="['doc', 'docx', 'pdf']" :data="{ fileType: FILE_TYPE_MAP.singleSourceProof }" upload-file-url="/purchase/purchasingfiles/upload" />
:data="{ fileType: FILE_TYPE_MAP.meetingMinutesUrgent }" <el-button type="primary" link icon="Download" size="small" @click="downloadTemplate('single_source')" style="margin-top: 8px; display: inline-block">下载单一来源论专家证附件.docx</el-button>
upload-file-url="/purchase/purchasingfiles/upload" /> </el-form-item>
</el-form-item> </el-col>
</el-col> <el-col :span="12" class="mb16" v-if="isSpecialType('2')">
</el-row> <el-form-item label="会议纪要" prop="meetingMinutesSingle" required>
</template> <upload-file v-model="dataForm.meetingMinutesSingle" :limit="1" :file-type="['doc', 'docx', 'pdf']" :data="{ fileType: FILE_TYPE_MAP.meetingMinutesSingle }" upload-file-url="/purchase/purchasingfiles/upload" />
</el-form-item>
<!-- 特殊情况单一来源 --> </el-col>
<template v-if="isSpecialType('2')"> <el-col :span="12" class="mb16" v-if="isSpecialType('3')">
<el-row :gutter="20"> <el-form-item label="进口产品申请及专家论证意见表" prop="importApplication" required>
<el-col :span="12" class="mb16"> <upload-file v-model="dataForm.importApplication" :limit="1" :file-type="['doc', 'docx', 'pdf']" :data="{ fileType: FILE_TYPE_MAP.importApplication }" upload-file-url="/purchase/purchasingfiles/upload" />
<el-form-item <el-button type="primary" link icon="Download" size="small" @click="downloadTemplate('import_application')" style="margin-top: 8px; display: inline-block">下载进口产品申请及专家论证意见表.doc</el-button>
label="单一来源论专家证附件" </el-form-item>
prop="singleSourceProof"> </el-col>
<el-button <el-col :span="12" class="mb16" v-if="isSpecialType('3')">
type="primary" <el-form-item label="会议纪要" prop="meetingMinutesImport" required>
link <upload-file v-model="dataForm.meetingMinutesImport" :limit="1" :file-type="['doc', 'docx', 'pdf']" :data="{ fileType: FILE_TYPE_MAP.meetingMinutesImport }" upload-file-url="/purchase/purchasingfiles/upload" />
icon="Download" </el-form-item>
@click="downloadTemplate('single_source')" </el-col>
class="mb10"> <el-col :span="12" class="mb16" v-if="showAutoInviteSelectSchool">
下载单一来源论专家证附件.docx <el-form-item label="是否有推荐供应商" prop="hasSupplier">
</el-button> <el-radio-group v-model="dataForm.hasSupplier">
<upload-file <el-radio label="1"></el-radio>
v-model="dataForm.singleSourceProof" <el-radio label="0"></el-radio>
:limit="1" </el-radio-group>
:file-type="['doc', 'docx', 'pdf']" </el-form-item>
:data="{ fileType: FILE_TYPE_MAP.singleSourceProof }" </el-col>
upload-file-url="/purchase/purchasingfiles/upload" /> <el-col :span="12" class="mb16" v-if="showAutoInviteSelectSchool && dataForm.hasSupplier === '1'">
</el-form-item> <el-form-item label="推荐供应商" prop="suppliers">
</el-col> <el-input v-model="dataForm.suppliers" type="textarea" :rows="2" placeholder="请输入至少三家供应商名称,用逗号或分号分隔" clearable />
<el-col :span="12" class="mb16"> <div class="template-note mt5"><el-text type="info" size="small">请输入至少三家供应商名称用逗号或分号分隔</el-text></div>
<el-form-item label="会议纪要" prop="meetingMinutesSingle"> </el-form-item>
<upload-file </el-col>
v-model="dataForm.meetingMinutesSingle" <el-col :span="12" class="mb16">
:limit="1" <el-form-item label="需求文件" :prop="getRequirementFileProp()" required class="mb16">
:file-type="['doc', 'docx', 'pdf']" <template v-if="showAutoInviteSelectSchool">
:data="{ fileType: FILE_TYPE_MAP.meetingMinutesSingle }" <template v-if="dataForm.hasSupplier === '1'">
upload-file-url="/purchase/purchasingfiles/upload" /> <upload-file v-model="dataForm.serviceInviteSelectSchool" :limit="1" :file-type="['doc', 'docx', 'pdf']" :data="{ fileType: FILE_TYPE_MAP.serviceInviteSelectSchool }" upload-file-url="/purchase/purchasingfiles/upload" />
</el-form-item> <el-button type="primary" link icon="Download" size="small" @click="downloadTemplate('invite_select')" style="margin-top: 8px; display: inline-block">下载服务商城项目需求模板邀请比选模版</el-button>
</el-col> </template>
</el-row> <template v-else-if="dataForm.hasSupplier === '0'">
</template> <upload-file v-model="dataForm.servicePublicSelectSchoolAuto" :limit="1" :file-type="['doc', 'docx', 'pdf']" :data="{ fileType: FILE_TYPE_MAP.servicePublicSelectSchoolAuto }" upload-file-url="/purchase/purchasingfiles/upload" />
<el-button type="primary" link icon="Download" size="small" @click="downloadTemplate('public_select')" style="margin-top: 8px; display: inline-block">下载服务商城项目需求模板公开比选模版</el-button>
<!-- 特殊情况进口 --> </template>
<template v-if="isSpecialType('3')"> </template>
<el-row :gutter="20"> <template v-else-if="showAutoPublicSelect">
<el-col :span="12" class="mb16"> <upload-file v-model="dataForm.servicePublicSelectSchool" :limit="1" :file-type="['doc', 'docx', 'pdf']" :data="{ fileType: FILE_TYPE_MAP.servicePublicSelectSchool }" upload-file-url="/purchase/purchasingfiles/upload" />
<el-form-item <el-button type="primary" link icon="Download" size="small" @click="downloadTemplate('public_select')" style="margin-top: 8px; display: inline-block">下载服务商城项目需求模板公开比选模版</el-button>
label="进口产品申请及专家论证意见表" </template>
prop="importApplication"> <template v-else>
<el-button <upload-file v-model="dataForm.purchaseRequirement" :limit="1" :file-type="['doc', 'docx', 'pdf']" :data="{ fileType: FILE_TYPE_MAP.purchaseRequirement }" upload-file-url="/purchase/purchasingfiles/upload" />
type="primary" <el-button type="primary" link icon="Download" size="small" @click="downloadTemplate('purchase_requirement')" style="margin-top: 8px; display: inline-block">下载需求模板模版</el-button>
link </template>
icon="Download" </el-form-item>
@click="downloadTemplate('import_application')" </el-col>
class="mb10"> <el-col :span="12" class="mb16" v-if="dataForm.budget && dataForm.budget >= 1000000">
下载进口产品申请及专家论证意见表.doc <el-form-item label="政府采购意向申请表" prop="governmentPurchaseIntent" required>
</el-button> <upload-file v-model="dataForm.governmentPurchaseIntent" :limit="1" :file-type="['doc', 'docx', 'pdf']" :data="{ fileType: FILE_TYPE_MAP.governmentPurchaseIntent }" upload-file-url="/purchase/purchasingfiles/upload" />
<upload-file
v-model="dataForm.importApplication"
:limit="1"
:file-type="['doc', 'docx', 'pdf']"
:data="{ fileType: FILE_TYPE_MAP.importApplication }"
upload-file-url="/purchase/purchasingfiles/upload" />
</el-form-item>
</el-col>
<el-col :span="12" class="mb16">
<el-form-item label="会议纪要" prop="meetingMinutesImport">
<upload-file
v-model="dataForm.meetingMinutesImport"
:limit="1"
:file-type="['doc', 'docx', 'pdf']"
:data="{ fileType: FILE_TYPE_MAP.meetingMinutesImport }"
upload-file-url="/purchase/purchasingfiles/upload" />
</el-form-item>
</el-col>
</el-row>
</template>
<!-- 特殊规则5<=金额<40万服务类目isMallService=1isProjectService=1自动使用邀请比选模版 -->
<template v-if="showAutoInviteSelectSchool">
<el-row :gutter="20">
<el-col :span="12" class="mb16">
<el-form-item label="是否有推荐供应商" prop="hasSupplier">
<el-radio-group v-model="dataForm.hasSupplier">
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<!-- 有推荐供应商显示推荐供应商输入框 -->
<el-col
v-if="dataForm.hasSupplier === '1'"
:span="12"
class="mb16">
<el-form-item
label="推荐供应商"
prop="suppliers">
<el-input
v-model="dataForm.suppliers"
type="textarea"
:rows="2"
placeholder="请输入至少三家供应商名称,用逗号或分号分隔"
clearable />
<div class="template-note mt5">
<el-text type="info" size="small">请输入至少三家供应商名称用逗号或分号分隔</el-text>
</div>
</el-form-item>
</el-col>
</el-row>
</template>
<!-- 需求文件 -->
<el-form-item label="需求文件" :prop="getRequirementFileProp()" class="mb16">
<!-- 特殊规则5<=金额<40万服务类目isMallService=1isProjectService=1自动使用邀请比选模版 -->
<template v-if="showAutoInviteSelectSchool">
<!-- 有推荐供应商显示邀请比选模板 -->
<template v-if="dataForm.hasSupplier === '1'">
<div class="mb10">
<el-button
type="primary"
link
icon="Download"
@click="downloadTemplate('invite_select')"
class="mb10">
下载服务商城项目需求模板邀请比选模版
</el-button>
</div>
<upload-file
v-model="dataForm.serviceInviteSelectSchool"
:limit="1"
:file-type="['doc', 'docx', 'pdf']"
:data="{ fileType: FILE_TYPE_MAP.serviceInviteSelectSchool }"
upload-file-url="/purchase/purchasingfiles/upload" />
</template>
<!-- 无推荐供应商显示公开比选模板 -->
<template v-else-if="dataForm.hasSupplier === '0'">
<div class="mb10">
<el-button
type="primary"
link
icon="Download"
@click="downloadTemplate('public_select')"
class="mb10">
下载服务商城项目需求模板公开比选模版
</el-button>
</div>
<upload-file
v-model="dataForm.servicePublicSelectSchoolAuto"
:limit="1"
:file-type="['doc', 'docx', 'pdf']"
:data="{ fileType: FILE_TYPE_MAP.servicePublicSelectSchoolAuto }"
upload-file-url="/purchase/purchasingfiles/upload" />
</template>
</template>
<!-- 特殊规则40<=金额<100万服务类目自动使用公开比选需求模版 -->
<template v-else-if="showAutoPublicSelect">
<div class="mb10">
<el-button
type="primary"
link
icon="Download"
@click="downloadTemplate('public_select')"
class="mb10">
下载服务商城项目需求模板公开比选模版
</el-button>
</div>
<upload-file
v-model="dataForm.servicePublicSelectSchool"
:limit="1"
:file-type="['doc', 'docx', 'pdf']"
:data="{ fileType: FILE_TYPE_MAP.servicePublicSelectSchool }"
upload-file-url="/purchase/purchasingfiles/upload" />
</template>
<!-- 默认采购需求填报模板 -->
<template v-else>
<div class="mb10">
<el-button
type="primary"
link
icon="Download"
@click="downloadTemplate('purchase_requirement')"
class="mb10">
下载采购需求填报模板模版
</el-button>
</div>
<upload-file
v-model="dataForm.purchaseRequirement"
:limit="1"
:file-type="['doc', 'docx', 'pdf']"
:data="{ fileType: FILE_TYPE_MAP.purchaseRequirement }"
upload-file-url="/purchase/purchasingfiles/upload" />
</template>
</el-form-item>
<el-row :gutter="20">
<!-- 金额>=100政府采购意向表 -->
<el-col
v-if="dataForm.budget && dataForm.budget >= 1000000"
:span="12"
class="mb16">
<el-form-item
label="政府采购意向申请表"
prop="governmentPurchaseIntent">
<upload-file
v-model="dataForm.governmentPurchaseIntent"
:limit="1"
:file-type="['doc', 'docx', 'pdf']"
:data="{ fileType: FILE_TYPE_MAP.governmentPurchaseIntent }"
upload-file-url="/purchase/purchasingfiles/upload" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- 其他材料zip压缩包 -->
<el-col :span="12" class="mb16"> <el-col :span="12" class="mb16">
<el-form-item label="其他材料" prop="otherMaterials"> <el-form-item label="其他材料" prop="otherMaterials">
<upload-file <upload-file v-model="dataForm.otherMaterials" :limit="1" :file-type="['zip']" :data="{ fileType: FILE_TYPE_MAP.otherMaterials }" upload-file-url="/purchase/purchasingfiles/upload" />
v-model="dataForm.otherMaterials"
:limit="1"
:file-type="['zip']"
:data="{ fileType: FILE_TYPE_MAP.otherMaterials }"
upload-file-url="/purchase/purchasingfiles/upload" />
<div class="template-note">支持上传zip格式的压缩包文件</div> <div class="template-note">支持上传zip格式的压缩包文件</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
@@ -774,14 +384,18 @@
</div> </div>
</div> </div>
<el-form-item label="备注" prop="remark" v-if="currentStep === 1" class="mb16"> <el-row :gutter="24" v-if="currentStep === 1">
<el-input <el-col :span="12" class="mb16">
v-model="dataForm.remark" <el-form-item label="备注" prop="remark" class="mb16">
type="textarea" <el-input
:rows="2" v-model="dataForm.remark"
placeholder="请输入备注" type="textarea"
clearable /> :rows="2"
</el-form-item> placeholder="请输入备注"
clearable />
</el-form-item>
</el-col>
</el-row>
</el-form> </el-form>
<!-- 操作按钮 --> <!-- 操作按钮 -->
@@ -807,13 +421,13 @@
:disabled="loading"> :disabled="loading">
暂存 暂存
</el-button> </el-button>
<el-button <!-- <el-button -->
v-if="currentStep === 1" <!-- v-if="currentStep === 1" -->
type="primary" <!-- type="primary" -->
@click="handleSubmit" <!-- @click="handleSubmit" -->
:disabled="loading"> <!-- :disabled="loading">-->
{{ isEditMode ? '保存' : '提交' }} <!-- {{ isEditMode ? '保存' : '提交' }}-->
</el-button> <!-- </el-button>-->
</template> </template>
</template> </template>
</div> </div>
@@ -950,8 +564,8 @@ const FILE_TYPE_MAP: Record<string, string> = {
serviceInviteSelect: '120', // 服务商城项目需求模板(邀请比选)- 采购需求表 serviceInviteSelect: '120', // 服务商城项目需求模板(邀请比选)- 采购需求表
servicePublicSelect: '120', // 服务商城项目需求模板(公开比选)- 采购需求表 servicePublicSelect: '120', // 服务商城项目需求模板(公开比选)- 采购需求表
servicePublicSelectAuto: '120', // 服务商城项目需求模板(公开比选-自动)- 采购需求表 servicePublicSelectAuto: '120', // 服务商城项目需求模板(公开比选-自动)- 采购需求表
purchaseRequirementTemplate: '120', // 采购需求填报模板 - 采购需求表 purchaseRequirementTemplate: '120', // 需求模板 - 采购需求表
purchaseRequirement: '120', // 采购需求填报模板 - 采购需求表 purchaseRequirement: '120', // 需求模板 - 采购需求表
serviceInviteSelectSchool: '120', // 服务商城项目需求模板(邀请比选-学校)- 采购需求表 serviceInviteSelectSchool: '120', // 服务商城项目需求模板(邀请比选-学校)- 采购需求表
servicePublicSelectSchoolAuto: '120', // 服务商城项目需求模板(公开比选-学校-自动)- 采购需求表 servicePublicSelectSchoolAuto: '120', // 服务商城项目需求模板(公开比选-学校-自动)- 采购需求表
servicePublicSelectSchool: '120', // 服务商城项目需求模板(公开比选-学校)- 采购需求表 servicePublicSelectSchool: '120', // 服务商城项目需求模板(公开比选-学校)- 采购需求表
@@ -1254,7 +868,7 @@ const downloadTemplate = async (type: string) => {
'direct_select': { fileName: '服务商城项目需求模板(直选).doc', displayName: '服务商城项目需求模板(直选).doc' }, 'direct_select': { fileName: '服务商城项目需求模板(直选).doc', displayName: '服务商城项目需求模板(直选).doc' },
'public_select': { fileName: '服务商城项目需求模板(公开比选).doc', displayName: '服务商城项目需求模板(公开比选).doc' }, 'public_select': { fileName: '服务商城项目需求模板(公开比选).doc', displayName: '服务商城项目需求模板(公开比选).doc' },
'invite_select': { fileName: '服务商城项目需求模板(邀请比选).doc', displayName: '服务商城项目需求模板(邀请比选).doc' }, 'invite_select': { fileName: '服务商城项目需求模板(邀请比选).doc', displayName: '服务商城项目需求模板(邀请比选).doc' },
'purchase_requirement': { fileName: '表1采购需求填报模板.doc', displayName: '采购需求填报模板.doc' }, 'purchase_requirement': { fileName: '表1需求模板.doc', displayName: '需求模板.doc' },
'import_application': { fileName: '附件1进口产品申请及专家论证意见表.doc', displayName: '进口产品申请及专家论证意见表.doc' }, 'import_application': { fileName: '附件1进口产品申请及专家论证意见表.doc', displayName: '进口产品申请及专家论证意见表.doc' },
'single_source': { fileName: '表7单一来源论专家证附件.docx', displayName: '单一来源论专家证附件.docx' }, 'single_source': { fileName: '表7单一来源论专家证附件.docx', displayName: '单一来源论专家证附件.docx' },
'feasibility_report': { fileName: '表6项目可行性论证报告模板.doc', displayName: '项目可行性论证报告模板.doc' }, 'feasibility_report': { fileName: '表6项目可行性论证报告模板.doc', displayName: '项目可行性论证报告模板.doc' },
@@ -1326,6 +940,35 @@ const dataRules = reactive({
purchaseType: [ purchaseType: [
{ required: true, message: '请选择采购方式', trigger: 'change' } { required: true, message: '请选择采购方式', trigger: 'change' }
], ],
// 学校统一采购时必填
deptClassifyUserId: [
{
validator: (_rule: any, value: string, callback: (e?: Error) => void) => {
if (!isDeptPurchase.value) {
if (!value || String(value).trim() === '') {
callback(new Error('请选择业务分管处室'));
return;
}
}
callback();
},
trigger: 'change'
}
],
schoolLeaderUserId: [
{
validator: (_rule: any, value: string, callback: (e?: Error) => void) => {
if (!isDeptPurchase.value) {
if (!value || String(value).trim() === '') {
callback(new Error('请选择分管校领导'));
return;
}
}
callback();
},
trigger: 'change'
}
],
}); });
// 下一步 // 下一步