增加招投标模块
This commit is contained in:
@@ -0,0 +1,330 @@
|
||||
import request from "@/utils/request";
|
||||
|
||||
/**
|
||||
* CRM 招投标管理接口
|
||||
*
|
||||
* 关联类型 related_type：4=投标 5=招标
|
||||
* 投标状态机：0草稿 -> 1立项审批中 -> 2投标中 -> 3已开标 -> (4中标 | 5落标) -> (6已转合同 | 7已归档)
|
||||
* 招标状态机：0草稿 -> 1公告中 -> 2报名中 -> 3投标中 -> 4开标中 -> 5评标中 -> 6已定标 -> 7已归档
|
||||
*/
|
||||
|
||||
/* ====================== 投标（Bid）主表 ====================== */
|
||||
|
||||
export function getBidList(params) {
|
||||
return request({ url: "/backend/crm/bidding/bid/list", method: "get", params });
|
||||
}
|
||||
|
||||
export function getBidDetail(id) {
|
||||
return request({ url: `/backend/crm/bidding/bid/detail/${id}`, method: "get" });
|
||||
}
|
||||
|
||||
export function createBid(data) {
|
||||
return request({ url: "/backend/crm/bidding/bid", method: "post", data });
|
||||
}
|
||||
|
||||
export function updateBid(id, data) {
|
||||
return request({ url: `/backend/crm/bidding/bid/${id}`, method: "put", data });
|
||||
}
|
||||
|
||||
export function deleteBid(id) {
|
||||
return request({ url: `/backend/crm/bidding/bid/${id}`, method: "delete" });
|
||||
}
|
||||
|
||||
/** 中标转合同 */
|
||||
export function convertBidToContract(id, data) {
|
||||
return request({ url: `/backend/crm/bidding/bid/${id}/contract`, method: "post", data });
|
||||
}
|
||||
|
||||
/** 中标转项目 */
|
||||
export function convertBidToProject(id, data) {
|
||||
return request({ url: `/backend/crm/bidding/bid/${id}/project`, method: "post", data });
|
||||
}
|
||||
|
||||
/** 提交开标结果 */
|
||||
export function submitBidResult(id, data) {
|
||||
return request({ url: `/backend/crm/bidding/bid/${id}/result`, method: "post", data });
|
||||
}
|
||||
|
||||
/** 从商机创建投标 */
|
||||
export function createBidFromBusiness(data) {
|
||||
return request({ url: "/backend/crm/bidding/bid/from-business", method: "post", data });
|
||||
}
|
||||
|
||||
/** 从项目创建投标 */
|
||||
export function createBidFromProject(data) {
|
||||
return request({ url: "/backend/crm/bidding/bid/from-project", method: "post", data });
|
||||
}
|
||||
|
||||
/* ====================== 投标文件 ====================== */
|
||||
|
||||
export function getBidFileList(params) {
|
||||
return request({ url: "/backend/crm/bidding/bid-file/list", method: "get", params });
|
||||
}
|
||||
|
||||
export function createBidFile(data) {
|
||||
return request({ url: "/backend/crm/bidding/bid-file", method: "post", data });
|
||||
}
|
||||
|
||||
export function deleteBidFile(id) {
|
||||
return request({ url: `/backend/crm/bidding/bid-file/${id}`, method: "delete" });
|
||||
}
|
||||
|
||||
/* ====================== 投标任务 ====================== */
|
||||
|
||||
export function getBidTaskList(params) {
|
||||
return request({ url: "/backend/crm/bidding/bid-task/list", method: "get", params });
|
||||
}
|
||||
|
||||
export function createBidTask(data) {
|
||||
return request({ url: "/backend/crm/bidding/bid-task", method: "post", data });
|
||||
}
|
||||
|
||||
export function updateBidTask(id, data) {
|
||||
return request({ url: `/backend/crm/bidding/bid-task/${id}`, method: "put", data });
|
||||
}
|
||||
|
||||
export function deleteBidTask(id) {
|
||||
return request({ url: `/backend/crm/bidding/bid-task/${id}`, method: "delete" });
|
||||
}
|
||||
|
||||
/* ====================== 投标结果 ====================== */
|
||||
|
||||
export function getBidResultList(params) {
|
||||
return request({ url: "/backend/crm/bidding/bid-result/list", method: "get", params });
|
||||
}
|
||||
|
||||
export function getBidResultDetail(id) {
|
||||
return request({ url: `/backend/crm/bidding/bid-result/detail/${id}`, method: "get" });
|
||||
}
|
||||
|
||||
/* ====================== 投标报价 ====================== */
|
||||
|
||||
export function getBidQuoteList(params) {
|
||||
return request({ url: "/backend/crm/bidding/bid-quote/list", method: "get", params });
|
||||
}
|
||||
|
||||
export function createBidQuote(data) {
|
||||
return request({ url: "/backend/crm/bidding/bid-quote", method: "post", data });
|
||||
}
|
||||
|
||||
export function deleteBidQuote(id) {
|
||||
return request({ url: `/backend/crm/bidding/bid-quote/${id}`, method: "delete" });
|
||||
}
|
||||
|
||||
/* ====================== 投标竞争对手 ====================== */
|
||||
|
||||
export function getBidCompetitorList(params) {
|
||||
return request({ url: "/backend/crm/bidding/bid-competitor/list", method: "get", params });
|
||||
}
|
||||
|
||||
export function createBidCompetitor(data) {
|
||||
return request({ url: "/backend/crm/bidding/bid-competitor", method: "post", data });
|
||||
}
|
||||
|
||||
export function deleteBidCompetitor(id) {
|
||||
return request({ url: `/backend/crm/bidding/bid-competitor/${id}`, method: "delete" });
|
||||
}
|
||||
|
||||
/* ====================== 投标费用 ====================== */
|
||||
|
||||
export function getBidExpenseList(params) {
|
||||
return request({ url: "/backend/crm/bidding/bid-expense/list", method: "get", params });
|
||||
}
|
||||
|
||||
export function createBidExpense(data) {
|
||||
return request({ url: "/backend/crm/bidding/bid-expense", method: "post", data });
|
||||
}
|
||||
|
||||
export function deleteBidExpense(id) {
|
||||
return request({ url: `/backend/crm/bidding/bid-expense/${id}`, method: "delete" });
|
||||
}
|
||||
|
||||
/* ====================== 招标（Tender）主表 ====================== */
|
||||
|
||||
export function getTenderList(params) {
|
||||
return request({ url: "/backend/crm/bidding/tender/list", method: "get", params });
|
||||
}
|
||||
|
||||
export function getTenderDetail(id) {
|
||||
return request({ url: `/backend/crm/bidding/tender/detail/${id}`, method: "get" });
|
||||
}
|
||||
|
||||
export function createTender(data) {
|
||||
return request({ url: "/backend/crm/bidding/tender", method: "post", data });
|
||||
}
|
||||
|
||||
export function updateTender(id, data) {
|
||||
return request({ url: `/backend/crm/bidding/tender/${id}`, method: "put", data });
|
||||
}
|
||||
|
||||
export function deleteTender(id) {
|
||||
return request({ url: `/backend/crm/bidding/tender/${id}`, method: "delete" });
|
||||
}
|
||||
|
||||
/** 定标 */
|
||||
export function awardTender(id, data) {
|
||||
return request({ url: `/backend/crm/bidding/tender/${id}/award`, method: "post", data });
|
||||
}
|
||||
|
||||
/** 定标转合同 */
|
||||
export function awardTenderToContract(id, data) {
|
||||
return request({ url: `/backend/crm/bidding/tender/${id}/contract`, method: "post", data });
|
||||
}
|
||||
|
||||
/* ====================== 招标文件 ====================== */
|
||||
|
||||
export function getTenderFileList(params) {
|
||||
return request({ url: "/backend/crm/bidding/tender-file/list", method: "get", params });
|
||||
}
|
||||
|
||||
export function createTenderFile(data) {
|
||||
return request({ url: "/backend/crm/bidding/tender-file", method: "post", data });
|
||||
}
|
||||
|
||||
export function deleteTenderFile(id) {
|
||||
return request({ url: `/backend/crm/bidding/tender-file/${id}`, method: "delete" });
|
||||
}
|
||||
|
||||
/* ====================== 招标公告 ====================== */
|
||||
|
||||
export function getTenderAnnounceList(params) {
|
||||
return request({ url: "/backend/crm/bidding/tender-announce/list", method: "get", params });
|
||||
}
|
||||
|
||||
export function createTenderAnnounce(data) {
|
||||
return request({ url: "/backend/crm/bidding/tender-announce", method: "post", data });
|
||||
}
|
||||
|
||||
export function publishTenderAnnounce(id) {
|
||||
return request({ url: `/backend/crm/bidding/tender-announce/${id}/publish`, method: "post" });
|
||||
}
|
||||
|
||||
export function deleteTenderAnnounce(id) {
|
||||
return request({ url: `/backend/crm/bidding/tender-announce/${id}`, method: "delete" });
|
||||
}
|
||||
|
||||
/* ====================== 投标方 / 供应商 ====================== */
|
||||
|
||||
export function getTenderSupplierList(params) {
|
||||
return request({ url: "/backend/crm/bidding/tender-supplier/list", method: "get", params });
|
||||
}
|
||||
|
||||
export function createTenderSupplier(data) {
|
||||
return request({ url: "/backend/crm/bidding/tender-supplier", method: "post", data });
|
||||
}
|
||||
|
||||
export function updateTenderSupplier(id, data) {
|
||||
return request({ url: `/backend/crm/bidding/tender-supplier/${id}`, method: "put", data });
|
||||
}
|
||||
|
||||
export function deleteTenderSupplier(id) {
|
||||
return request({ url: `/backend/crm/bidding/tender-supplier/${id}`, method: "delete" });
|
||||
}
|
||||
|
||||
/* ====================== 开标评标 ====================== */
|
||||
|
||||
export function getTenderEvaluationList(params) {
|
||||
return request({ url: "/backend/crm/bidding/tender-evaluation/list", method: "get", params });
|
||||
}
|
||||
|
||||
export function createTenderEvaluation(data) {
|
||||
return request({ url: "/backend/crm/bidding/tender-evaluation", method: "post", data });
|
||||
}
|
||||
|
||||
export function deleteTenderEvaluation(id) {
|
||||
return request({ url: `/backend/crm/bidding/tender-evaluation/${id}`, method: "delete" });
|
||||
}
|
||||
|
||||
/* ====================== 定标结果 ====================== */
|
||||
|
||||
export function getTenderResultList(params) {
|
||||
return request({ url: "/backend/crm/bidding/tender-result/list", method: "get", params });
|
||||
}
|
||||
|
||||
export function getTenderResultDetail(id) {
|
||||
return request({ url: `/backend/crm/bidding/tender-result/detail/${id}`, method: "get" });
|
||||
}
|
||||
|
||||
/* ====================== 投标立项审批 ====================== */
|
||||
|
||||
export function getBidApprovalList(params) {
|
||||
return request({ url: "/backend/crm/bidding/bid-approval/list", method: "get", params });
|
||||
}
|
||||
|
||||
export function createBidApproval(data) {
|
||||
return request({ url: "/backend/crm/bidding/bid-approval", method: "post", data });
|
||||
}
|
||||
|
||||
export function approveBidApproval(id, data) {
|
||||
return request({ url: `/backend/crm/bidding/bid-approval/${id}/approve`, method: "post", data });
|
||||
}
|
||||
|
||||
/* ====================== 标书版本 ====================== */
|
||||
|
||||
export function getBidDocumentList(params) {
|
||||
return request({ url: "/backend/crm/bidding/bid-document/list", method: "get", params });
|
||||
}
|
||||
|
||||
export function createBidDocument(data) {
|
||||
return request({ url: "/backend/crm/bidding/bid-document", method: "post", data });
|
||||
}
|
||||
|
||||
export function updateBidDocument(id, data) {
|
||||
return request({ url: `/backend/crm/bidding/bid-document/${id}`, method: "put", data });
|
||||
}
|
||||
|
||||
export function deleteBidDocument(id) {
|
||||
return request({ url: `/backend/crm/bidding/bid-document/${id}`, method: "delete" });
|
||||
}
|
||||
|
||||
/* ====================== 标书模板库 ====================== */
|
||||
|
||||
export function getTemplateList(params) {
|
||||
return request({ url: "/backend/crm/bidding/template/list", method: "get", params });
|
||||
}
|
||||
|
||||
export function createTemplate(data) {
|
||||
return request({ url: "/backend/crm/bidding/template", method: "post", data });
|
||||
}
|
||||
|
||||
export function updateTemplate(id, data) {
|
||||
return request({ url: `/backend/crm/bidding/template/${id}`, method: "put", data });
|
||||
}
|
||||
|
||||
export function deleteTemplate(id) {
|
||||
return request({ url: `/backend/crm/bidding/template/${id}`, method: "delete" });
|
||||
}
|
||||
|
||||
/* ====================== 资质文件库 ====================== */
|
||||
|
||||
export function getQualificationList(params) {
|
||||
return request({ url: "/backend/crm/bidding/qualification/list", method: "get", params });
|
||||
}
|
||||
|
||||
export function createQualification(data) {
|
||||
return request({ url: "/backend/crm/bidding/qualification", method: "post", data });
|
||||
}
|
||||
|
||||
export function updateQualification(id, data) {
|
||||
return request({ url: `/backend/crm/bidding/qualification/${id}`, method: "put", data });
|
||||
}
|
||||
|
||||
export function deleteQualification(id) {
|
||||
return request({ url: `/backend/crm/bidding/qualification/${id}`, method: "delete" });
|
||||
}
|
||||
|
||||
/* ====================== 统计 ====================== */
|
||||
|
||||
export function getTenderStatistics(params) {
|
||||
return request({ url: "/backend/crm/bidding/statistics/tender", method: "get", params });
|
||||
}
|
||||
|
||||
export function getBidStatistics(params) {
|
||||
return request({ url: "/backend/crm/bidding/statistics/bid", method: "get", params });
|
||||
}
|
||||
|
||||
/* ====================== 到期提醒（开发计划 4.1） ====================== */
|
||||
|
||||
export function getBiddingReminders(params) {
|
||||
return request({ url: "/backend/crm/bidding/reminders", method: "get", params });
|
||||
}
|
||||
@@ -0,0 +1,226 @@
|
||||
<template>
|
||||
<div class="bid-approval" v-loading="loading">
|
||||
<div class="section-header">
|
||||
<h3 class="section-title">立项审批</h3>
|
||||
<el-button type="primary" :icon="Promotion" :disabled="disabled" @click="openSubmit">
|
||||
提交立项审批
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
<el-empty v-if="list.length === 0" description="暂无审批记录" :image-size="80" />
|
||||
|
||||
<el-timeline v-else class="approval-timeline">
|
||||
<el-timeline-item
|
||||
v-for="row in list"
|
||||
:key="row.id"
|
||||
:type="statusType(row.approval_status)"
|
||||
:timestamp="formatDateTime(row.submit_time)"
|
||||
placement="top"
|
||||
>
|
||||
<el-card shadow="never" class="approval-card">
|
||||
<div class="approval-row">
|
||||
<el-tag :type="approvalStatusTag(row.approval_status)" size="small">
|
||||
{{ approvalStatusText(row.approval_status) }}
|
||||
</el-tag>
|
||||
<span class="approval-type">{{ approvalTypeText(row.approval_type) }}</span>
|
||||
<span class="approval-user">提交人：{{ row.submit_user_name || "-" }}</span>
|
||||
</div>
|
||||
<div v-if="row.approval_users" class="approval-row muted">
|
||||
审批人：{{ row.approval_users }}
|
||||
</div>
|
||||
<div v-if="row.comment" class="approval-comment">{{ row.comment }}</div>
|
||||
<div v-if="row.complete_time" class="approval-row muted">
|
||||
完成时间：{{ formatDateTime(row.complete_time) }}
|
||||
</div>
|
||||
<div
|
||||
v-if="row.approval_status === 1 && !disabled"
|
||||
class="approval-actions"
|
||||
>
|
||||
<el-button type="success" size="small" @click="handleApprove(row, true)">通过</el-button>
|
||||
<el-button type="danger" size="small" @click="handleApprove(row, false)">驳回</el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
</el-timeline>
|
||||
|
||||
<el-dialog v-model="dialogVisible" title="提交立项审批" width="560px" :close-on-click-modal="false">
|
||||
<el-form :model="form" label-width="100px">
|
||||
<el-form-item label="审批类型">
|
||||
<el-select v-model="form.approval_type" style="width: 100%">
|
||||
<el-option
|
||||
v-for="opt in approvalTypeOptions"
|
||||
:key="opt.value"
|
||||
:label="opt.label"
|
||||
:value="opt.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="审批人">
|
||||
<el-input v-model="form.approval_users" placeholder="多个审批人用逗号分隔" />
|
||||
</el-form-item>
|
||||
<el-form-item label="说明">
|
||||
<el-input v-model="form.comment" type="textarea" :rows="3" placeholder="立项说明（选填）" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="dialogVisible = false">取消</el-button>
|
||||
<el-button type="primary" :loading="submitting" @click="handleSubmit">提交</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, onMounted } from "vue";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { Promotion } from "@element-plus/icons-vue";
|
||||
import { getBidApprovalList, createBidApproval, approveBidApproval } from "@/api/crmBidding";
|
||||
import {
|
||||
approvalStatusText,
|
||||
approvalStatusTag,
|
||||
approvalTypeOptions,
|
||||
formatDateTime,
|
||||
} from "@/views/apps/crm/dict";
|
||||
|
||||
const props = defineProps({
|
||||
bidId: { type: [Number, String], required: true },
|
||||
disabled: { type: Boolean, default: false },
|
||||
});
|
||||
const emit = defineEmits(["count", "approved"]);
|
||||
|
||||
const loading = ref(false);
|
||||
const list = ref([]);
|
||||
const dialogVisible = ref(false);
|
||||
const submitting = ref(false);
|
||||
|
||||
const form = reactive({ approval_type: "1", approval_users: "", comment: "" });
|
||||
|
||||
defineExpose({ reload: loadList });
|
||||
|
||||
onMounted(loadList);
|
||||
|
||||
async function loadList() {
|
||||
if (!props.bidId) return;
|
||||
loading.value = true;
|
||||
try {
|
||||
const res = await getBidApprovalList({ bid_id: props.bidId });
|
||||
list.value = res?.data?.list || [];
|
||||
emit("count", list.value.length);
|
||||
} catch {
|
||||
list.value = [];
|
||||
emit("count", 0);
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
function openSubmit() {
|
||||
form.approval_type = "1";
|
||||
form.approval_users = "";
|
||||
form.comment = "";
|
||||
dialogVisible.value = true;
|
||||
}
|
||||
|
||||
async function handleSubmit() {
|
||||
submitting.value = true;
|
||||
try {
|
||||
await createBidApproval({
|
||||
bid_id: props.bidId,
|
||||
approval_type: form.approval_type,
|
||||
approval_users: form.approval_users,
|
||||
comment: form.comment,
|
||||
});
|
||||
ElMessage.success("已提交，投标状态转为「立项审批中」");
|
||||
dialogVisible.value = false;
|
||||
loadList();
|
||||
emit("approved");
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "提交失败");
|
||||
} finally {
|
||||
submitting.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function handleApprove(row, pass) {
|
||||
let comment = "";
|
||||
try {
|
||||
const { value } = await ElMessageBox.prompt(
|
||||
pass ? "填写审批意见（可留空）" : "填写驳回原因",
|
||||
pass ? "审批通过" : "审批驳回",
|
||||
{ inputPlaceholder: "审批意见", inputType: "textarea" }
|
||||
);
|
||||
comment = value || "";
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
await approveBidApproval(row.id, { pass, comment });
|
||||
ElMessage.success(pass ? "已通过，投标转为「投标中」" : "已驳回，投标退回草稿");
|
||||
loadList();
|
||||
emit("approved");
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "操作失败");
|
||||
}
|
||||
}
|
||||
|
||||
function approvalTypeText(v) {
|
||||
const hit = approvalTypeOptions.find((i) => String(i.value) === String(v));
|
||||
return hit ? hit.label : "-";
|
||||
}
|
||||
|
||||
function statusType(v) {
|
||||
const map = { 1: "primary", 2: "success", 3: "danger" };
|
||||
return map[Number(v)] || "info";
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.section-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.section-title {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.approval-timeline {
|
||||
padding-left: 8px;
|
||||
}
|
||||
.approval-card {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.approval-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
font-size: 13px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.approval-row.muted {
|
||||
color: var(--el-text-color-secondary);
|
||||
font-size: 12px;
|
||||
}
|
||||
.approval-type {
|
||||
font-weight: 500;
|
||||
}
|
||||
.approval-user {
|
||||
color: var(--el-text-color-secondary);
|
||||
}
|
||||
.approval-comment {
|
||||
margin: 6px 0;
|
||||
padding: 8px;
|
||||
background: var(--el-bg-color-page);
|
||||
border-radius: 4px;
|
||||
font-size: 13px;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-word;
|
||||
}
|
||||
.approval-actions {
|
||||
margin-top: 8px;
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,145 @@
|
||||
<template>
|
||||
<div class="bid-basic" v-loading="loading">
|
||||
<div class="section-header">
|
||||
<h3 class="section-title">基本信息</h3>
|
||||
<div class="section-actions">
|
||||
<el-button v-if="canEdit" type="primary" link :icon="EditPen" @click="handleEdit">编辑</el-button>
|
||||
<el-button v-if="canConvertContract" type="success" link :icon="Document" @click="handleConvert('contract')">
|
||||
中标转合同
|
||||
</el-button>
|
||||
<el-button v-if="canConvertProject" type="warning" link :icon="Box" @click="handleConvert('project')">
|
||||
中标转项目
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<el-descriptions :column="2" border>
|
||||
<el-descriptions-item label="投标编号">{{ bid.bid_no || "-" }}</el-descriptions-item>
|
||||
<el-descriptions-item label="投标标题">{{ bid.title }}</el-descriptions-item>
|
||||
<el-descriptions-item label="投标类型">
|
||||
<el-tag size="small">{{ bidTypeText(bid.bid_type) }}</el-tag>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="投标状态">
|
||||
<el-tag :type="bidStatusTag(bid.status)" size="small">
|
||||
{{ bidStatusText(bid.status) }}
|
||||
</el-tag>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="来源">
|
||||
<el-tag v-if="bid.source_type === 1" size="small" type="warning">商机</el-tag>
|
||||
<el-tag v-else-if="bid.source_type === 2" size="small" type="primary">项目</el-tag>
|
||||
<el-tag v-else size="small" type="info" effect="plain">独立</el-tag>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="来源名称">
|
||||
<span v-if="bid.business_name">{{ bid.business_name }}</span>
|
||||
<span v-else-if="bid.project_name">{{ bid.project_name }}</span>
|
||||
<span v-else>-</span>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="招标方">{{ bid.customer_name || "-" }}</el-descriptions-item>
|
||||
<el-descriptions-item label="发布单位">{{ bid.publish_org || "-" }}</el-descriptions-item>
|
||||
<el-descriptions-item label="投标报价">{{ formatMoney(bid.bid_amount) }}</el-descriptions-item>
|
||||
<el-descriptions-item label="保证金">{{ formatMoney(bid.bid_deposit) }}</el-descriptions-item>
|
||||
<el-descriptions-item label="招标发布日期">{{ formatDateOnly(bid.publish_date) }}</el-descriptions-item>
|
||||
<el-descriptions-item label="报名截止">{{ formatDateTime(bid.register_end_date) }}</el-descriptions-item>
|
||||
<el-descriptions-item label="投标截止">{{ formatDateTime(bid.bid_end_date) }}</el-descriptions-item>
|
||||
<el-descriptions-item label="开标时间">{{ formatDateTime(bid.open_bid_date) }}</el-descriptions-item>
|
||||
<el-descriptions-item label="中标状态">
|
||||
<el-tag v-if="bid.win_status === 1" type="success" size="small">已中标</el-tag>
|
||||
<el-tag v-else-if="bid.win_status === 2" type="danger" size="small">未中标</el-tag>
|
||||
<el-tag v-else-if="bid.win_status === 3" type="warning" size="small">废标</el-tag>
|
||||
<el-tag v-else-if="bid.win_status === 4" type="info" size="small">流标</el-tag>
|
||||
<el-tag v-else type="info" size="small" effect="plain">未开标</el-tag>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="中标日期">{{ formatDateTime(bid.win_date) }}</el-descriptions-item>
|
||||
<el-descriptions-item label="我方排名">{{ bid.our_ranking || "-" }}</el-descriptions-item>
|
||||
<el-descriptions-item label="我方得分">{{ bid.total_score || "-" }}</el-descriptions-item>
|
||||
<el-descriptions-item label="联系人">{{ bid.contact_person || "-" }}</el-descriptions-item>
|
||||
<el-descriptions-item label="联系电话">{{ bid.contact_phone || "-" }}</el-descriptions-item>
|
||||
<el-descriptions-item label="负责人">{{ bid.owner_user_name || "-" }}</el-descriptions-item>
|
||||
<el-descriptions-item label="创建时间">{{ formatDateTime(bid.create_time) }}</el-descriptions-item>
|
||||
<el-descriptions-item label="关联合同">
|
||||
<el-link v-if="bid.contract_id" type="primary" :underline="false">合同 #{{ bid.contract_id }}</el-link>
|
||||
<span v-else>-</span>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="关联项目" v-if="bid.new_project_id || bid.project_id">
|
||||
<el-link type="primary" :underline="false">
|
||||
项目 #{{ bid.new_project_id || bid.project_id }}
|
||||
</el-link>
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
|
||||
<el-divider />
|
||||
|
||||
<h4 class="block-title">项目描述</h4>
|
||||
<div class="content-box">{{ bid.description || "暂无描述" }}</div>
|
||||
|
||||
<h4 class="block-title">备注</h4>
|
||||
<div class="content-box">{{ bid.remark || "—" }}</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { computed, ref } from "vue";
|
||||
import { EditPen, Document, Box } from "@element-plus/icons-vue";
|
||||
import {
|
||||
bidStatusText,
|
||||
bidStatusTag,
|
||||
bidTypeText,
|
||||
formatMoney,
|
||||
formatDateOnly,
|
||||
formatDateTime,
|
||||
} from "@/views/apps/crm/dict";
|
||||
|
||||
const props = defineProps({
|
||||
bid: { type: Object, required: true },
|
||||
});
|
||||
const emit = defineEmits(["action"]);
|
||||
|
||||
const loading = ref(false);
|
||||
|
||||
const canEdit = computed(() => props.bid.locked !== 1 && props.bid.status !== 6);
|
||||
const canConvertContract = computed(
|
||||
() => props.bid.win_status === 1 && !props.bid.contract_id
|
||||
);
|
||||
const canConvertProject = computed(
|
||||
() => props.bid.win_status === 1 && !props.bid.new_project_id
|
||||
);
|
||||
|
||||
function handleEdit() {
|
||||
emit("action", { type: "edit", row: props.bid });
|
||||
}
|
||||
|
||||
function handleConvert(type) {
|
||||
emit("action", { type, row: props.bid });
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.section-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.section-title {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.block-title {
|
||||
margin: 16px 0 8px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: var(--el-text-color-regular);
|
||||
}
|
||||
.content-box {
|
||||
background: var(--el-bg-color-page);
|
||||
border-radius: 6px;
|
||||
padding: 12px;
|
||||
font-size: 13px;
|
||||
line-height: 1.6;
|
||||
color: var(--el-text-color-primary);
|
||||
min-height: 40px;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-word;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,195 @@
|
||||
<template>
|
||||
<div class="bid-competitor" v-loading="loading">
|
||||
<div class="section-header">
|
||||
<h3 class="section-title">竞争对手分析</h3>
|
||||
<el-button type="primary" :icon="Plus" :disabled="disabled" @click="openCreate">
|
||||
添加对手
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
<el-empty v-if="list.length === 0" description="暂无竞争对手记录" :image-size="80" />
|
||||
|
||||
<el-table v-else :data="list" stripe border>
|
||||
<el-table-column label="竞争对手" min-width="160" show-overflow-tooltip prop="competitor_name" />
|
||||
<el-table-column label="类型" width="110" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag size="small">{{ competitorTypeText(row.competitor_type) }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="对手报价" width="130" align="right">
|
||||
<template #default="{ row }">{{ formatMoney(row.quote_amount) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="优势" prop="advantages" min-width="160" show-overflow-tooltip />
|
||||
<el-table-column label="劣势" prop="weaknesses" min-width="160" show-overflow-tooltip />
|
||||
<el-table-column label="信息来源" prop="source" width="130" show-overflow-tooltip />
|
||||
<el-table-column label="操作" width="100" align="center" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
link
|
||||
type="danger"
|
||||
size="small"
|
||||
:disabled="disabled"
|
||||
@click="handleDelete(row)"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<el-dialog v-model="dialogVisible" title="添加竞争对手" width="680px" :close-on-click-modal="false">
|
||||
<el-form :model="form" label-width="100px">
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="对手名称" required>
|
||||
<el-input v-model="form.competitor_name" placeholder="请输入竞争对手名称" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="对手类型">
|
||||
<el-select v-model="form.competitor_type" style="width: 100%">
|
||||
<el-option
|
||||
v-for="opt in competitorTypeOptions"
|
||||
:key="opt.value"
|
||||
:label="opt.label"
|
||||
:value="opt.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item label="对手报价">
|
||||
<el-input-number v-model="form.quote_amount" :min="0" :precision="2" style="width: 100%" />
|
||||
</el-form-item>
|
||||
<el-form-item label="对手优势">
|
||||
<el-input v-model="form.advantages" type="textarea" :rows="3" placeholder="对手的优势" />
|
||||
</el-form-item>
|
||||
<el-form-item label="对手劣势">
|
||||
<el-input v-model="form.weaknesses" type="textarea" :rows="3" placeholder="对手的劣势" />
|
||||
</el-form-item>
|
||||
<el-form-item label="信息来源">
|
||||
<el-input v-model="form.source" placeholder="如：招标公告 / 客户透露 / 公开中标公示" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注">
|
||||
<el-input v-model="form.remark" type="textarea" :rows="2" placeholder="备注（选填）" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="dialogVisible = false">取消</el-button>
|
||||
<el-button type="primary" :loading="submitting" @click="handleSubmit">保存</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, onMounted } from "vue";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { Plus } from "@element-plus/icons-vue";
|
||||
import { getBidCompetitorList, createBidCompetitor, deleteBidCompetitor } from "@/api/crmBidding";
|
||||
import { competitorTypeOptions, competitorTypeText, formatMoney } from "@/views/apps/crm/dict";
|
||||
|
||||
const props = defineProps({
|
||||
bidId: { type: [Number, String], required: true },
|
||||
disabled: { type: Boolean, default: false },
|
||||
});
|
||||
const emit = defineEmits(["count"]);
|
||||
|
||||
const loading = ref(false);
|
||||
const list = ref([]);
|
||||
const dialogVisible = ref(false);
|
||||
const submitting = ref(false);
|
||||
|
||||
const emptyForm = () => ({
|
||||
competitor_name: "",
|
||||
competitor_type: 1,
|
||||
quote_amount: 0,
|
||||
advantages: "",
|
||||
weaknesses: "",
|
||||
source: "",
|
||||
remark: "",
|
||||
});
|
||||
const form = reactive(emptyForm());
|
||||
|
||||
defineExpose({ reload: loadList });
|
||||
|
||||
onMounted(loadList);
|
||||
|
||||
async function loadList() {
|
||||
if (!props.bidId) return;
|
||||
loading.value = true;
|
||||
try {
|
||||
const res = await getBidCompetitorList({ bid_id: props.bidId });
|
||||
list.value = res?.data?.list || [];
|
||||
emit("count", list.value.length);
|
||||
} catch {
|
||||
list.value = [];
|
||||
emit("count", 0);
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
function openCreate() {
|
||||
Object.assign(form, emptyForm());
|
||||
dialogVisible.value = true;
|
||||
}
|
||||
|
||||
async function handleSubmit() {
|
||||
if (!form.competitor_name.trim()) {
|
||||
ElMessage.warning("请输入竞争对手名称");
|
||||
return;
|
||||
}
|
||||
submitting.value = true;
|
||||
try {
|
||||
await createBidCompetitor({
|
||||
bid_id: props.bidId,
|
||||
competitor_name: form.competitor_name,
|
||||
competitor_type: form.competitor_type,
|
||||
quote_amount: form.quote_amount,
|
||||
advantages: form.advantages,
|
||||
weaknesses: form.weaknesses,
|
||||
source: form.source,
|
||||
remark: form.remark,
|
||||
});
|
||||
ElMessage.success("保存成功");
|
||||
dialogVisible.value = false;
|
||||
loadList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "保存失败");
|
||||
} finally {
|
||||
submitting.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function handleDelete(row) {
|
||||
try {
|
||||
await ElMessageBox.confirm(`确认删除竞争对手「${row.competitor_name}」？`, "提示", {
|
||||
type: "warning",
|
||||
});
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
await deleteBidCompetitor(row.id);
|
||||
ElMessage.success("删除成功");
|
||||
loadList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "删除失败");
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.section-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.section-title {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,311 @@
|
||||
<template>
|
||||
<div class="bid-document" v-loading="loading">
|
||||
<div class="section-header">
|
||||
<h3 class="section-title">标书版本</h3>
|
||||
<el-button type="primary" :icon="Plus" :disabled="disabled" @click="openCreate">
|
||||
新建版本
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
<el-empty v-if="list.length === 0" description="暂无标书版本" :image-size="80" />
|
||||
|
||||
<el-table v-else :data="list" stripe border>
|
||||
<el-table-column label="版本" prop="version" width="90" align="center" />
|
||||
<el-table-column label="标题" min-width="180" show-overflow-tooltip prop="title" />
|
||||
<el-table-column label="引用模板" width="140" show-overflow-tooltip>
|
||||
<template #default="{ row }">{{ templateName(row.template_id) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" width="110" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag :type="documentStatusTag(row.status)" size="small">
|
||||
{{ documentStatusText(row.status) }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="审核意见" prop="review_comment" min-width="140" show-overflow-tooltip />
|
||||
<el-table-column label="创建时间" width="160" align="center">
|
||||
<template #default="{ row }">{{ formatDateTime(row.create_time) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="200" align="center" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button link type="primary" size="small" @click="openPreview(row)">查看</el-button>
|
||||
<el-button
|
||||
link
|
||||
type="warning"
|
||||
size="small"
|
||||
:disabled="disabled"
|
||||
@click="openEdit(row)"
|
||||
>
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button
|
||||
link
|
||||
type="danger"
|
||||
size="small"
|
||||
:disabled="disabled"
|
||||
@click="handleDelete(row)"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<el-dialog
|
||||
v-model="dialogVisible"
|
||||
:title="editing ? '编辑标书版本' : '新建标书版本'"
|
||||
width="820px"
|
||||
:close-on-click-modal="false"
|
||||
>
|
||||
<el-form :model="form" label-width="100px">
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="版本号">
|
||||
<el-input v-model="form.version" placeholder="如 v1.0" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="引用模板">
|
||||
<el-select
|
||||
v-model="form.template_id"
|
||||
clearable
|
||||
filterable
|
||||
placeholder="可选，从标书模板库引用"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-option
|
||||
v-for="t in templates"
|
||||
:key="t.id"
|
||||
:label="t.template_name"
|
||||
:value="t.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item label="标题" required>
|
||||
<el-input v-model="form.title" placeholder="标书标题" />
|
||||
</el-form-item>
|
||||
<el-form-item label="状态">
|
||||
<el-select v-model="form.status" style="width: 100%">
|
||||
<el-option
|
||||
v-for="opt in bidDocumentStatusOptions"
|
||||
:key="opt.value"
|
||||
:label="opt.label"
|
||||
:value="opt.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="文件链接">
|
||||
<el-input v-model="form.file_url" placeholder="上传后得到的附件地址（选填）" />
|
||||
</el-form-item>
|
||||
<el-form-item label="正文内容">
|
||||
<el-input v-model="form.content" type="textarea" :rows="10" placeholder="标书正文" />
|
||||
</el-form-item>
|
||||
<el-form-item label="审核意见">
|
||||
<el-input v-model="form.review_comment" type="textarea" :rows="2" placeholder="审核意见（选填）" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="dialogVisible = false">取消</el-button>
|
||||
<el-button type="primary" :loading="submitting" @click="handleSubmit">保存</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog v-model="previewVisible" :title="previewRow?.title || '标书预览'" width="800px">
|
||||
<el-descriptions :column="3" border size="small">
|
||||
<el-descriptions-item label="版本">{{ previewRow?.version || "-" }}</el-descriptions-item>
|
||||
<el-descriptions-item label="状态">
|
||||
<el-tag :type="documentStatusTag(previewRow?.status)" size="small">
|
||||
{{ documentStatusText(previewRow?.status) }}
|
||||
</el-tag>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="模板">
|
||||
{{ templateName(previewRow?.template_id) }}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
<el-divider />
|
||||
<div class="preview-content">{{ previewRow?.content || "（空）" }}</div>
|
||||
<template v-if="previewRow?.file_url">
|
||||
<el-divider />
|
||||
<el-link :href="previewRow.file_url" target="_blank" type="primary">打开附件</el-link>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, onMounted } from "vue";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { Plus } from "@element-plus/icons-vue";
|
||||
import {
|
||||
getBidDocumentList,
|
||||
createBidDocument,
|
||||
updateBidDocument,
|
||||
deleteBidDocument,
|
||||
getTemplateList,
|
||||
} from "@/api/crmBidding";
|
||||
import {
|
||||
bidDocumentStatusOptions,
|
||||
documentStatusText,
|
||||
documentStatusTag,
|
||||
formatDateTime,
|
||||
} from "@/views/apps/crm/dict";
|
||||
|
||||
const props = defineProps({
|
||||
bidId: { type: [Number, String], required: true },
|
||||
disabled: { type: Boolean, default: false },
|
||||
});
|
||||
const emit = defineEmits(["count"]);
|
||||
|
||||
const loading = ref(false);
|
||||
const list = ref([]);
|
||||
const templates = ref([]);
|
||||
|
||||
const dialogVisible = ref(false);
|
||||
const previewVisible = ref(false);
|
||||
const previewRow = ref(null);
|
||||
const editing = ref(null);
|
||||
const submitting = ref(false);
|
||||
|
||||
const emptyForm = () => ({
|
||||
version: "v1.0",
|
||||
title: "",
|
||||
template_id: null,
|
||||
status: 1,
|
||||
content: "",
|
||||
file_url: "",
|
||||
review_comment: "",
|
||||
});
|
||||
const form = reactive(emptyForm());
|
||||
|
||||
defineExpose({ reload: loadList });
|
||||
|
||||
onMounted(() => {
|
||||
loadList();
|
||||
loadTemplates();
|
||||
});
|
||||
|
||||
async function loadList() {
|
||||
if (!props.bidId) return;
|
||||
loading.value = true;
|
||||
try {
|
||||
const res = await getBidDocumentList({ bid_id: props.bidId });
|
||||
list.value = res?.data?.list || [];
|
||||
emit("count", list.value.length);
|
||||
} catch {
|
||||
list.value = [];
|
||||
emit("count", 0);
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function loadTemplates() {
|
||||
try {
|
||||
const res = await getTemplateList({ page: 1, pageSize: 100 });
|
||||
templates.value = res?.data?.list || [];
|
||||
} catch {
|
||||
templates.value = [];
|
||||
}
|
||||
}
|
||||
|
||||
function templateName(id) {
|
||||
if (!id) return "-";
|
||||
const hit = templates.value.find((t) => Number(t.id) === Number(id));
|
||||
return hit ? hit.template_name : `模板 #${id}`;
|
||||
}
|
||||
|
||||
function openCreate() {
|
||||
editing.value = null;
|
||||
Object.assign(form, emptyForm());
|
||||
dialogVisible.value = true;
|
||||
}
|
||||
|
||||
function openEdit(row) {
|
||||
editing.value = row;
|
||||
Object.assign(form, {
|
||||
version: row.version || "v1.0",
|
||||
title: row.title || "",
|
||||
template_id: row.template_id || null,
|
||||
status: Number(row.status) || 1,
|
||||
content: row.content || "",
|
||||
file_url: row.file_url || "",
|
||||
review_comment: row.review_comment || "",
|
||||
});
|
||||
dialogVisible.value = true;
|
||||
}
|
||||
|
||||
async function handleSubmit() {
|
||||
if (!form.title.trim()) {
|
||||
ElMessage.warning("请输入标书标题");
|
||||
return;
|
||||
}
|
||||
submitting.value = true;
|
||||
try {
|
||||
const payload = {
|
||||
bid_id: props.bidId,
|
||||
version: form.version,
|
||||
title: form.title,
|
||||
template_id: form.template_id || 0,
|
||||
status: form.status,
|
||||
content: form.content,
|
||||
file_url: form.file_url,
|
||||
review_comment: form.review_comment,
|
||||
};
|
||||
if (editing.value?.id) {
|
||||
await updateBidDocument(editing.value.id, payload);
|
||||
} else {
|
||||
await createBidDocument(payload);
|
||||
}
|
||||
ElMessage.success("保存成功");
|
||||
dialogVisible.value = false;
|
||||
loadList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "保存失败");
|
||||
} finally {
|
||||
submitting.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function handleDelete(row) {
|
||||
try {
|
||||
await ElMessageBox.confirm(`确认删除版本「${row.version}」？`, "提示", { type: "warning" });
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
await deleteBidDocument(row.id);
|
||||
ElMessage.success("删除成功");
|
||||
loadList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "删除失败");
|
||||
}
|
||||
}
|
||||
|
||||
function openPreview(row) {
|
||||
previewRow.value = row;
|
||||
previewVisible.value = true;
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.section-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.section-title {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.preview-content {
|
||||
white-space: pre-wrap;
|
||||
word-break: break-word;
|
||||
line-height: 1.8;
|
||||
font-size: 14px;
|
||||
min-height: 120px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,287 @@
|
||||
<template>
|
||||
<div class="bid-expense" v-loading="loading">
|
||||
<div class="section-header">
|
||||
<h3 class="section-title">投标费用</h3>
|
||||
<el-button type="primary" :icon="Plus" :disabled="disabled" @click="openCreate">
|
||||
登记费用
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
<el-empty v-if="list.length === 0" description="暂无费用记录" :image-size="80" />
|
||||
<template v-else>
|
||||
<el-table :data="list" stripe border>
|
||||
<el-table-column label="费用名称" min-width="150" show-overflow-tooltip prop="expense_name" />
|
||||
<el-table-column label="类型" width="110" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag size="small">{{ expenseTypeText(row.expense_type) }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="金额" width="130" align="right">
|
||||
<template #default="{ row }">
|
||||
{{ formatMoney(row.amount) }} {{ row.currency || "" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="支付状态" width="110" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag :type="paymentStatusTag(row.payment_status)" size="small">
|
||||
{{ paymentStatusText(row.payment_status) }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="支付日期" width="120" align="center">
|
||||
<template #default="{ row }">{{ formatDateOnly(row.payment_date) || "-" }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="说明" prop="description" min-width="130" show-overflow-tooltip />
|
||||
<el-table-column label="操作" width="100" align="center" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
link
|
||||
type="danger"
|
||||
size="small"
|
||||
:disabled="disabled"
|
||||
@click="handleDelete(row)"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<div class="expense-summary">
|
||||
<span>
|
||||
合计：<strong>{{ formatMoney(totalAmount) }}</strong>
|
||||
</span>
|
||||
<span>
|
||||
已付：<strong class="paid">{{ formatMoney(paidAmount) }}</strong>
|
||||
</span>
|
||||
<span>
|
||||
未付：<strong class="unpaid">{{ formatMoney(unpaidAmount) }}</strong>
|
||||
</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<el-dialog v-model="dialogVisible" title="登记投标费用" width="640px" :close-on-click-modal="false">
|
||||
<el-form :model="form" label-width="100px">
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="费用类型">
|
||||
<el-select v-model="form.expense_type" style="width: 100%">
|
||||
<el-option
|
||||
v-for="opt in bidExpenseTypeOptions"
|
||||
:key="opt.value"
|
||||
:label="opt.label"
|
||||
:value="opt.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="费用名称" required>
|
||||
<el-input v-model="form.expense_name" placeholder="如：标书制作费" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="金额">
|
||||
<el-input-number v-model="form.amount" :min="0" :precision="2" style="width: 100%" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="币种">
|
||||
<el-select v-model="form.currency" style="width: 100%">
|
||||
<el-option label="人民币 CNY" value="CNY" />
|
||||
<el-option label="美元 USD" value="USD" />
|
||||
<el-option label="欧元 EUR" value="EUR" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="支付状态">
|
||||
<el-select v-model="form.payment_status" style="width: 100%">
|
||||
<el-option
|
||||
v-for="opt in paymentStatusOptions"
|
||||
:key="opt.value"
|
||||
:label="opt.label"
|
||||
:value="opt.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="支付日期">
|
||||
<el-date-picker
|
||||
v-model="form.payment_date"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD"
|
||||
placeholder="选择日期"
|
||||
style="width: 100%"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item label="凭证链接">
|
||||
<el-input v-model="form.voucher_url" placeholder="发票/凭证文件地址（选填）" />
|
||||
</el-form-item>
|
||||
<el-form-item label="费用说明">
|
||||
<el-input v-model="form.description" type="textarea" :rows="3" placeholder="费用说明（选填）" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="dialogVisible = false">取消</el-button>
|
||||
<el-button type="primary" :loading="submitting" @click="handleSubmit">保存</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, computed, onMounted } from "vue";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { Plus } from "@element-plus/icons-vue";
|
||||
import { getBidExpenseList, createBidExpense, deleteBidExpense } from "@/api/crmBidding";
|
||||
import {
|
||||
bidExpenseTypeOptions,
|
||||
expenseTypeText,
|
||||
paymentStatusOptions,
|
||||
paymentStatusText,
|
||||
paymentStatusTag,
|
||||
formatMoney,
|
||||
formatDateOnly,
|
||||
} from "@/views/apps/crm/dict";
|
||||
|
||||
const props = defineProps({
|
||||
bidId: { type: [Number, String], required: true },
|
||||
disabled: { type: Boolean, default: false },
|
||||
});
|
||||
const emit = defineEmits(["count"]);
|
||||
|
||||
const loading = ref(false);
|
||||
const list = ref([]);
|
||||
const dialogVisible = ref(false);
|
||||
const submitting = ref(false);
|
||||
|
||||
const emptyForm = () => ({
|
||||
expense_type: 1,
|
||||
expense_name: "",
|
||||
amount: 0,
|
||||
currency: "CNY",
|
||||
payment_status: 0,
|
||||
payment_date: "",
|
||||
voucher_url: "",
|
||||
description: "",
|
||||
});
|
||||
const form = reactive(emptyForm());
|
||||
|
||||
const totalAmount = computed(() =>
|
||||
list.value.reduce((s, r) => s + (Number(r.amount) || 0), 0)
|
||||
);
|
||||
const paidAmount = computed(() =>
|
||||
list.value
|
||||
.filter((r) => Number(r.payment_status) === 1)
|
||||
.reduce((s, r) => s + (Number(r.amount) || 0), 0)
|
||||
);
|
||||
const unpaidAmount = computed(() =>
|
||||
list.value
|
||||
.filter((r) => Number(r.payment_status) === 0)
|
||||
.reduce((s, r) => s + (Number(r.amount) || 0), 0)
|
||||
);
|
||||
|
||||
defineExpose({ reload: loadList });
|
||||
|
||||
onMounted(loadList);
|
||||
|
||||
async function loadList() {
|
||||
if (!props.bidId) return;
|
||||
loading.value = true;
|
||||
try {
|
||||
const res = await getBidExpenseList({ bid_id: props.bidId });
|
||||
list.value = res?.data?.list || [];
|
||||
emit("count", list.value.length);
|
||||
} catch {
|
||||
list.value = [];
|
||||
emit("count", 0);
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
function openCreate() {
|
||||
Object.assign(form, emptyForm());
|
||||
dialogVisible.value = true;
|
||||
}
|
||||
|
||||
async function handleSubmit() {
|
||||
if (!form.expense_name.trim()) {
|
||||
ElMessage.warning("请输入费用名称");
|
||||
return;
|
||||
}
|
||||
submitting.value = true;
|
||||
try {
|
||||
await createBidExpense({
|
||||
bid_id: props.bidId,
|
||||
expense_type: form.expense_type,
|
||||
expense_name: form.expense_name,
|
||||
amount: form.amount,
|
||||
currency: form.currency,
|
||||
payment_status: form.payment_status,
|
||||
payment_date: form.payment_date,
|
||||
voucher_url: form.voucher_url,
|
||||
description: form.description,
|
||||
});
|
||||
ElMessage.success("保存成功");
|
||||
dialogVisible.value = false;
|
||||
loadList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "保存失败");
|
||||
} finally {
|
||||
submitting.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function handleDelete(row) {
|
||||
try {
|
||||
await ElMessageBox.confirm(`确认删除费用「${row.expense_name}」？`, "提示", {
|
||||
type: "warning",
|
||||
});
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
await deleteBidExpense(row.id);
|
||||
ElMessage.success("删除成功");
|
||||
loadList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "删除失败");
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.section-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.section-title {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.expense-summary {
|
||||
margin-top: 12px;
|
||||
display: flex;
|
||||
gap: 24px;
|
||||
font-size: 13px;
|
||||
color: var(--el-text-color-regular);
|
||||
}
|
||||
.expense-summary .paid {
|
||||
color: var(--el-color-success);
|
||||
}
|
||||
.expense-summary .unpaid {
|
||||
color: var(--el-color-danger);
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,160 @@
|
||||
<template>
|
||||
<div class="bid-file-list" v-loading="loading">
|
||||
<div class="section-header">
|
||||
<h3 class="section-title">投标文件</h3>
|
||||
<el-upload
|
||||
:http-request="handleUpload"
|
||||
:show-file-list="false"
|
||||
:before-upload="beforeUpload"
|
||||
>
|
||||
<el-button type="primary" :icon="Plus">上传文件</el-button>
|
||||
</el-upload>
|
||||
</div>
|
||||
|
||||
<el-empty v-if="list.length === 0" description="暂无文件" :image-size="80" />
|
||||
|
||||
<el-table v-else :data="list" stripe border>
|
||||
<el-table-column label="文件名" min-width="200" show-overflow-tooltip>
|
||||
<template #default="{ row }">
|
||||
<el-icon><Document /></el-icon>
|
||||
<span style="margin-left: 8px">{{ row.file_name }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="类型" width="120" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag size="small">{{ fileTypeText(row.file_type) }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="版本" prop="version" width="80" align="center" />
|
||||
<el-table-column label="大小" width="100" align="center">
|
||||
<template #default="{ row }">{{ formatFileSize(row.file_size) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="上传人" prop="upload_user_name" width="100" align="center" />
|
||||
<el-table-column label="上传时间" width="160" align="center">
|
||||
<template #default="{ row }">{{ formatDateTime(row.create_time) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="160" align="center" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button link type="primary" size="small" @click="handleDownload(row)">下载</el-button>
|
||||
<el-button link type="danger" size="small" @click="handleDelete(row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted } from "vue";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { Plus, Document } from "@element-plus/icons-vue";
|
||||
import {
|
||||
getBidFileList,
|
||||
createBidFile,
|
||||
deleteBidFile,
|
||||
} from "@/api/crmBidding";
|
||||
import { formatDateTime } from "@/views/apps/crm/dict";
|
||||
|
||||
const props = defineProps({
|
||||
bidId: { type: [Number, String], required: true },
|
||||
});
|
||||
const emit = defineEmits(["count"]);
|
||||
|
||||
const loading = ref(false);
|
||||
const list = ref([]);
|
||||
|
||||
defineExpose({ reload: loadList });
|
||||
|
||||
onMounted(loadList);
|
||||
|
||||
async function loadList() {
|
||||
if (!props.bidId) return;
|
||||
loading.value = true;
|
||||
try {
|
||||
const res = await getBidFileList({ bid_id: props.bidId });
|
||||
list.value = res?.data?.list || [];
|
||||
emit("count", list.value.length);
|
||||
} catch (e) {
|
||||
list.value = [];
|
||||
emit("count", 0);
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
function beforeUpload(file) {
|
||||
if (file.size > 100 * 1024 * 1024) {
|
||||
ElMessage.warning("文件大小不能超过 100MB");
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
async function handleUpload(option) {
|
||||
// 这里简化为只记录元数据；真实场景应先调用文件上传接口获取 URL
|
||||
ElMessage.info("请先通过文件服务上传文件，再录入文件信息（已预留 API）");
|
||||
// 模拟创建记录
|
||||
try {
|
||||
await createBidFile({
|
||||
bid_id: props.bidId,
|
||||
file_name: option.file.name,
|
||||
file_url: URL.createObjectURL(option.file),
|
||||
file_size: option.file.size,
|
||||
file_ext: option.file.name.split(".").pop() || "",
|
||||
file_type: "1",
|
||||
});
|
||||
ElMessage.success("上传成功");
|
||||
loadList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "上传失败");
|
||||
}
|
||||
}
|
||||
|
||||
async function handleDelete(row) {
|
||||
try {
|
||||
await ElMessageBox.confirm(`确认删除文件「${row.file_name}」？`, "提示", { type: "warning" });
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
await deleteBidFile(row.id);
|
||||
ElMessage.success("删除成功");
|
||||
loadList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "删除失败");
|
||||
}
|
||||
}
|
||||
|
||||
function handleDownload(row) {
|
||||
if (!row.file_url) {
|
||||
ElMessage.warning("文件 URL 为空");
|
||||
return;
|
||||
}
|
||||
window.open(row.file_url, "_blank");
|
||||
}
|
||||
|
||||
function fileTypeText(t) {
|
||||
const map = { 1: "投标文件", 2: "技术方案", 3: "商务方案", 4: "报价单", 5: "保证金", 7: "其他" };
|
||||
return map[t] || t;
|
||||
}
|
||||
|
||||
function formatFileSize(size) {
|
||||
if (!size) return "-";
|
||||
if (size < 1024) return size + " B";
|
||||
if (size < 1024 * 1024) return (size / 1024).toFixed(2) + " KB";
|
||||
return (size / 1024 / 1024).toFixed(2) + " MB";
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.section-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.section-title {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,389 @@
|
||||
<template>
|
||||
<div class="bid-quote" v-loading="loading">
|
||||
<div class="section-header">
|
||||
<h3 class="section-title">投标报价</h3>
|
||||
<el-button type="primary" :icon="Plus" :disabled="disabled" @click="openCreate">
|
||||
新建报价
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
<el-empty v-if="list.length === 0" description="暂无报价记录" :image-size="80" />
|
||||
|
||||
<el-table v-else :data="list" stripe border>
|
||||
<el-table-column label="报价名称" min-width="160" show-overflow-tooltip prop="quote_name" />
|
||||
<el-table-column label="报价金额" width="140" align="right">
|
||||
<template #default="{ row }">
|
||||
{{ formatMoney(row.total_amount) }} {{ row.currency || "" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="税率" width="90" align="center">
|
||||
<template #default="{ row }">{{ taxText(row.tax_rate) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="利润率" width="100" align="center">
|
||||
<template #default="{ row }">{{ percentText(row.profit_rate) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="有效期" width="120" align="center">
|
||||
<template #default="{ row }">{{ formatDateOnly(row.valid_date) || "-" }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" width="110" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag :type="bidQuoteStatusTag(row.status)" size="small">
|
||||
{{ bidQuoteStatusText(row.status) }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="提交人" prop="submit_user_name" width="100" align="center" />
|
||||
<el-table-column label="操作" width="160" align="center" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button link type="primary" size="small" @click="openDetail(row)">明细</el-button>
|
||||
<el-button
|
||||
link
|
||||
type="danger"
|
||||
size="small"
|
||||
:disabled="disabled"
|
||||
@click="handleDelete(row)"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<el-dialog v-model="dialogVisible" title="新建报价" width="820px" :close-on-click-modal="false">
|
||||
<el-form :model="form" label-width="100px">
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="报价名称" required>
|
||||
<el-input v-model="form.quote_name" placeholder="如：一期报价方案" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="币种">
|
||||
<el-select v-model="form.currency" style="width: 100%">
|
||||
<el-option label="人民币 CNY" value="CNY" />
|
||||
<el-option label="美元 USD" value="USD" />
|
||||
<el-option label="欧元 EUR" value="EUR" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="税率(%)">
|
||||
<el-input-number v-model="form.tax_rate" :min="0" :max="100" :precision="2" style="width: 100%" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="利润率(%)">
|
||||
<el-input-number v-model="form.profit_rate" :min="-100" :max="100" :precision="2" style="width: 100%" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="有效期">
|
||||
<el-date-picker
|
||||
v-model="form.valid_date"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD"
|
||||
placeholder="选择日期"
|
||||
style="width: 100%"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-divider content-position="left">产品明细</el-divider>
|
||||
<el-table :data="form.products" border size="small">
|
||||
<el-table-column label="产品名称" min-width="160">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.name" size="small" placeholder="产品名称" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="数量" width="100">
|
||||
<template #default="{ row }">
|
||||
<el-input-number v-model="row.qty" :min="0" :precision="0" size="small" controls-position="right" style="width: 100%" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="单价" width="120">
|
||||
<template #default="{ row }">
|
||||
<el-input-number v-model="row.price" :min="0" :precision="2" size="small" controls-position="right" style="width: 100%" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="小计" width="120" align="right">
|
||||
<template #default="{ row }">
|
||||
{{ ((Number(row.qty) || 0) * (Number(row.price) || 0)).toFixed(2) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="70" align="center">
|
||||
<template #default="{ $index }">
|
||||
<el-button link type="danger" size="small" @click="removeProduct($index)">
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="product-footer">
|
||||
<el-button size="small" :icon="Plus" @click="addProduct">添加一行</el-button>
|
||||
<span class="sum-text">合计：{{ productsSum.toFixed(2) }}</span>
|
||||
</div>
|
||||
|
||||
<el-form-item label="报价总额" style="margin-top: 12px">
|
||||
<el-input-number v-model="form.total_amount" :min="0" :precision="2" style="width: 100%" />
|
||||
</el-form-item>
|
||||
<el-form-item label="成本分析">
|
||||
<el-input v-model="form.cost_analysis" type="textarea" :rows="3" placeholder="成本构成说明" />
|
||||
</el-form-item>
|
||||
<el-form-item label="状态">
|
||||
<el-select v-model="form.status" style="width: 100%">
|
||||
<el-option
|
||||
v-for="opt in bidQuoteStatusOptions"
|
||||
:key="opt.value"
|
||||
:label="opt.label"
|
||||
:value="opt.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注">
|
||||
<el-input v-model="form.remark" type="textarea" :rows="2" placeholder="备注（选填）" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="dialogVisible = false">取消</el-button>
|
||||
<el-button type="primary" :loading="submitting" @click="handleSubmit">保存</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog v-model="detailVisible" :title="detailRow?.quote_name || '报价明细'" width="720px">
|
||||
<el-descriptions v-if="detailRow" :column="2" border size="small">
|
||||
<el-descriptions-item label="报价金额">
|
||||
{{ formatMoney(detailRow.total_amount) }} {{ detailRow.currency || "" }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="税率">{{ taxText(detailRow.tax_rate) }}</el-descriptions-item>
|
||||
<el-descriptions-item label="利润率">
|
||||
{{ percentText(detailRow.profit_rate) }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="有效期">
|
||||
{{ formatDateOnly(detailRow.valid_date) || "-" }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="状态">
|
||||
<el-tag :type="bidQuoteStatusTag(detailRow.status)" size="small">
|
||||
{{ bidQuoteStatusText(detailRow.status) }}
|
||||
</el-tag>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="提交人">
|
||||
{{ detailRow.submit_user_name || "-" }}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
|
||||
<el-divider content-position="left">产品明细</el-divider>
|
||||
<el-table :data="detailProducts" border size="small">
|
||||
<el-table-column label="产品名称" prop="name" min-width="180" />
|
||||
<el-table-column label="数量" prop="qty" width="90" align="center" />
|
||||
<el-table-column label="单价" width="120" align="right">
|
||||
<template #default="{ row }">{{ Number(row.price || 0).toFixed(2) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="小计" width="120" align="right">
|
||||
<template #default="{ row }">
|
||||
{{ ((Number(row.qty) || 0) * (Number(row.price) || 0)).toFixed(2) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<template #empty><el-empty description="无产品明细" :image-size="60" /></template>
|
||||
</el-table>
|
||||
|
||||
<el-divider content-position="left">成本分析</el-divider>
|
||||
<div class="content-box">{{ detailRow?.cost_analysis || "—" }}</div>
|
||||
<el-divider content-position="left">备注</el-divider>
|
||||
<div class="content-box">{{ detailRow?.remark || "—" }}</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, computed, onMounted } from "vue";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { Plus } from "@element-plus/icons-vue";
|
||||
import { getBidQuoteList, createBidQuote, deleteBidQuote } from "@/api/crmBidding";
|
||||
import {
|
||||
bidQuoteStatusOptions,
|
||||
bidQuoteStatusText,
|
||||
bidQuoteStatusTag,
|
||||
formatMoney,
|
||||
formatDateOnly,
|
||||
} from "@/views/apps/crm/dict";
|
||||
|
||||
const props = defineProps({
|
||||
bidId: { type: [Number, String], required: true },
|
||||
disabled: { type: Boolean, default: false },
|
||||
});
|
||||
const emit = defineEmits(["count"]);
|
||||
|
||||
const loading = ref(false);
|
||||
const list = ref([]);
|
||||
const dialogVisible = ref(false);
|
||||
const detailVisible = ref(false);
|
||||
const detailRow = ref(null);
|
||||
const submitting = ref(false);
|
||||
|
||||
const emptyForm = () => ({
|
||||
quote_name: "",
|
||||
currency: "CNY",
|
||||
tax_rate: 0,
|
||||
profit_rate: 0,
|
||||
valid_date: "",
|
||||
total_amount: 0,
|
||||
cost_analysis: "",
|
||||
status: 1,
|
||||
remark: "",
|
||||
products: [{ name: "", qty: 1, price: 0 }],
|
||||
});
|
||||
const form = reactive(emptyForm());
|
||||
|
||||
const productsSum = computed(() =>
|
||||
(form.products || []).reduce(
|
||||
(sum, p) => sum + (Number(p.qty) || 0) * (Number(p.price) || 0),
|
||||
0
|
||||
)
|
||||
);
|
||||
|
||||
const detailProducts = computed(() => {
|
||||
const raw = detailRow.value?.products;
|
||||
if (!raw) return [];
|
||||
if (Array.isArray(raw)) return raw;
|
||||
try {
|
||||
const parsed = JSON.parse(raw);
|
||||
return Array.isArray(parsed) ? parsed : [];
|
||||
} catch {
|
||||
return [];
|
||||
}
|
||||
});
|
||||
|
||||
defineExpose({ reload: loadList });
|
||||
|
||||
onMounted(loadList);
|
||||
|
||||
async function loadList() {
|
||||
if (!props.bidId) return;
|
||||
loading.value = true;
|
||||
try {
|
||||
const res = await getBidQuoteList({ bid_id: props.bidId });
|
||||
list.value = res?.data?.list || [];
|
||||
emit("count", list.value.length);
|
||||
} catch {
|
||||
list.value = [];
|
||||
emit("count", 0);
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
function addProduct() {
|
||||
form.products.push({ name: "", qty: 1, price: 0 });
|
||||
}
|
||||
|
||||
function removeProduct(index) {
|
||||
form.products.splice(index, 1);
|
||||
}
|
||||
|
||||
function openCreate() {
|
||||
Object.assign(form, emptyForm());
|
||||
dialogVisible.value = true;
|
||||
}
|
||||
|
||||
async function handleSubmit() {
|
||||
if (!form.quote_name.trim()) {
|
||||
ElMessage.warning("请输入报价名称");
|
||||
return;
|
||||
}
|
||||
submitting.value = true;
|
||||
try {
|
||||
await createBidQuote({
|
||||
bid_id: props.bidId,
|
||||
quote_name: form.quote_name,
|
||||
currency: form.currency,
|
||||
tax_rate: form.tax_rate,
|
||||
profit_rate: form.profit_rate,
|
||||
valid_date: form.valid_date,
|
||||
total_amount: form.total_amount,
|
||||
cost_analysis: form.cost_analysis,
|
||||
status: form.status,
|
||||
remark: form.remark,
|
||||
products: JSON.stringify(
|
||||
(form.products || []).filter((p) => (p.name || "").trim() !== "")
|
||||
),
|
||||
});
|
||||
ElMessage.success("保存成功");
|
||||
dialogVisible.value = false;
|
||||
loadList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "保存失败");
|
||||
} finally {
|
||||
submitting.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function handleDelete(row) {
|
||||
try {
|
||||
await ElMessageBox.confirm(`确认删除报价「${row.quote_name}」？`, "提示", {
|
||||
type: "warning",
|
||||
});
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
await deleteBidQuote(row.id);
|
||||
ElMessage.success("删除成功");
|
||||
loadList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "删除失败");
|
||||
}
|
||||
}
|
||||
|
||||
function openDetail(row) {
|
||||
detailRow.value = row;
|
||||
detailVisible.value = true;
|
||||
}
|
||||
|
||||
function taxText(v) {
|
||||
if (v === null || v === undefined || v === "") return "-";
|
||||
return `${Number(v)}%`;
|
||||
}
|
||||
|
||||
function percentText(v) {
|
||||
if (v === null || v === undefined || v === "") return "-";
|
||||
return `${Number(v)}%`;
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.section-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.section-title {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.product-footer {
|
||||
margin-top: 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.sum-text {
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
color: var(--el-text-color-primary);
|
||||
}
|
||||
.content-box {
|
||||
background: var(--el-bg-color-page);
|
||||
border-radius: 6px;
|
||||
padding: 12px;
|
||||
font-size: 13px;
|
||||
line-height: 1.6;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-word;
|
||||
min-height: 40px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,215 @@
|
||||
<template>
|
||||
<div class="bid-result" v-loading="loading">
|
||||
<div class="section-header">
|
||||
<h3 class="section-title">开标结果</h3>
|
||||
<el-button
|
||||
v-if="canSubmit"
|
||||
type="primary"
|
||||
:icon="Plus"
|
||||
@click="openSubmit()"
|
||||
>
|
||||
录入开标结果
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
<el-empty v-if="list.length === 0" description="暂无开标结果" :image-size="80" />
|
||||
|
||||
<el-table v-else :data="list" stripe border>
|
||||
<el-table-column label="结果" width="100" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag :type="bidResultTypeTag(row.result_type)" size="small">
|
||||
{{ bidResultTypeText(row.result_type) }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="我方排名" prop="our_ranking" width="100" align="center" />
|
||||
<el-table-column label="我方得分" prop="total_score" width="100" align="center" />
|
||||
<el-table-column label="竞争对手数" prop="competitor_count" width="100" align="center" />
|
||||
<el-table-column label="公告日期" width="160" align="center">
|
||||
<template #default="{ row }">{{ formatDateTime(row.announce_date) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="公告链接" min-width="200" show-overflow-tooltip>
|
||||
<template #default="{ row }">
|
||||
<el-link v-if="row.announce_url" :href="row.announce_url" target="_blank" type="primary">
|
||||
{{ row.announce_url }}
|
||||
</el-link>
|
||||
<span v-else>-</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="原因分析" min-width="200" show-overflow-tooltip>
|
||||
<template #default="{ row }">{{ row.reason || "-" }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="经验教训" min-width="200" show-overflow-tooltip>
|
||||
<template #default="{ row }">{{ row.lessons || "-" }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="录入时间" width="160" align="center">
|
||||
<template #default="{ row }">{{ formatDateTime(row.create_time) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="录入人" width="100" align="center">
|
||||
<template #default="{ row }">{{ row.create_user_name || "-" }}</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<!-- 录入开标结果弹窗 -->
|
||||
<el-dialog
|
||||
v-model="submitVisible"
|
||||
title="录入开标结果"
|
||||
width="600px"
|
||||
:close-on-click-modal="false"
|
||||
>
|
||||
<el-form ref="formRef" :model="form" :rules="rules" label-width="110px">
|
||||
<el-form-item label="开标结果" prop="result_type">
|
||||
<el-select v-model="form.result_type" style="width: 100%">
|
||||
<el-option v-for="i in bidResultTypeOptions" :key="i.value" :label="i.label" :value="i.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="我方排名">
|
||||
<el-input v-model.number="form.our_ranking" type="number" placeholder="如 1、2、3..." />
|
||||
</el-form-item>
|
||||
<el-form-item label="我方得分">
|
||||
<el-input v-model.number="form.total_score" type="number" placeholder="0-100" />
|
||||
</el-form-item>
|
||||
<el-form-item label="竞争对手数">
|
||||
<el-input v-model.number="form.competitor_count" type="number" placeholder="0" />
|
||||
</el-form-item>
|
||||
<el-form-item label="公告日期">
|
||||
<el-date-picker v-model="form.announce_date" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" style="width: 100%" />
|
||||
</el-form-item>
|
||||
<el-form-item label="公告链接">
|
||||
<el-input v-model="form.announce_url" placeholder="招标方公告URL" />
|
||||
</el-form-item>
|
||||
<el-form-item label="原因分析">
|
||||
<el-input v-model="form.reason" type="textarea" :rows="2" placeholder="中标/落标原因分析" />
|
||||
</el-form-item>
|
||||
<el-form-item label="经验教训">
|
||||
<el-input v-model="form.lessons" type="textarea" :rows="2" placeholder="可复用的经验教训" />
|
||||
</el-form-item>
|
||||
<el-form-item label="下一步行动">
|
||||
<el-input v-model="form.next_step" placeholder="如：发起转合同审批" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="submitVisible = false">取消</el-button>
|
||||
<el-button type="primary" :loading="submitting" @click="handleSubmit">保存</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, onMounted, computed } from "vue";
|
||||
import { ElMessage } from "element-plus";
|
||||
import { Plus } from "@element-plus/icons-vue";
|
||||
import {
|
||||
getBidResultList,
|
||||
submitBidResult,
|
||||
} from "@/api/crmBidding";
|
||||
import {
|
||||
bidResultTypeText,
|
||||
bidResultTypeTag,
|
||||
bidResultTypeOptions,
|
||||
formatDateTime,
|
||||
} from "@/views/apps/crm/dict";
|
||||
|
||||
const props = defineProps({
|
||||
bid: { type: Object, required: true },
|
||||
});
|
||||
const emit = defineEmits(["count", "action"]);
|
||||
|
||||
const loading = ref(false);
|
||||
const list = ref([]);
|
||||
const submitVisible = ref(false);
|
||||
const submitting = ref(false);
|
||||
const formRef = ref();
|
||||
|
||||
const form = reactive({
|
||||
result_type: 1,
|
||||
our_ranking: 0,
|
||||
total_score: 0,
|
||||
competitor_count: 0,
|
||||
announce_date: "",
|
||||
announce_url: "",
|
||||
reason: "",
|
||||
lessons: "",
|
||||
next_step: "",
|
||||
});
|
||||
|
||||
const rules = {
|
||||
result_type: [{ required: true, message: "请选择开标结果", trigger: "change" }],
|
||||
};
|
||||
|
||||
const canSubmit = computed(
|
||||
() => props.bid.status !== 7 && props.bid.locked !== 1
|
||||
);
|
||||
|
||||
defineExpose({
|
||||
reload: loadList,
|
||||
});
|
||||
|
||||
onMounted(loadList);
|
||||
|
||||
async function loadList() {
|
||||
if (!props.bid?.id) return;
|
||||
loading.value = true;
|
||||
try {
|
||||
const res = await getBidResultList({ bid_id: props.bid.id });
|
||||
list.value = res?.data?.list || [];
|
||||
emit("count", list.value.length);
|
||||
} catch (e) {
|
||||
list.value = [];
|
||||
emit("count", 0);
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
function openSubmit() {
|
||||
Object.assign(form, {
|
||||
result_type: 1,
|
||||
our_ranking: 0,
|
||||
total_score: 0,
|
||||
competitor_count: 0,
|
||||
announce_date: "",
|
||||
announce_url: "",
|
||||
reason: "",
|
||||
lessons: "",
|
||||
next_step: "",
|
||||
});
|
||||
submitVisible.value = true;
|
||||
}
|
||||
|
||||
async function handleSubmit() {
|
||||
if (!formRef.value) return;
|
||||
try {
|
||||
await formRef.value.validate();
|
||||
} catch (e) {
|
||||
return;
|
||||
}
|
||||
submitting.value = true;
|
||||
try {
|
||||
await submitBidResult(props.bid.id, { ...form });
|
||||
ElMessage.success("保存成功");
|
||||
submitVisible.value = false;
|
||||
loadList();
|
||||
emit("action", { type: "saved" });
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "保存失败");
|
||||
} finally {
|
||||
submitting.value = false;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.section-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.section-title {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,257 @@
|
||||
<template>
|
||||
<div class="bid-task-list" v-loading="loading">
|
||||
<div class="section-header">
|
||||
<h3 class="section-title">任务分工</h3>
|
||||
<el-button type="primary" :icon="Plus" @click="openCreate()">新增任务</el-button>
|
||||
</div>
|
||||
|
||||
<el-empty v-if="list.length === 0" description="暂无任务" :image-size="80" />
|
||||
|
||||
<el-table v-else :data="list" stripe border>
|
||||
<el-table-column label="任务名称" min-width="180" show-overflow-tooltip prop="task_name" />
|
||||
<el-table-column label="类型" width="100" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag size="small">{{ taskTypeText(row.task_type) }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="负责人" prop="owner_user_name" width="100" align="center" />
|
||||
<el-table-column label="起止日期" width="200" align="center">
|
||||
<template #default="{ row }">
|
||||
{{ formatDateOnly(row.start_date) }} ~ {{ formatDateOnly(row.end_date) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="进度" width="160" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-progress :percentage="row.progress || 0" :status="progressStatus(row)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" width="100" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag :type="bidTaskStatusTag(row.status)" size="small">
|
||||
{{ bidTaskStatusText(row.status) }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="160" align="center" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button link type="primary" size="small" @click="openEdit(row)">编辑</el-button>
|
||||
<el-button link type="danger" size="small" @click="handleDelete(row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<el-dialog
|
||||
v-model="dialogVisible"
|
||||
:title="form.id ? '编辑任务' : '新增任务'"
|
||||
width="600px"
|
||||
>
|
||||
<el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
|
||||
<el-form-item label="任务名称" prop="task_name">
|
||||
<el-input v-model="form.task_name" placeholder="请输入任务名称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="任务类型">
|
||||
<el-select v-model="form.task_type" style="width: 100%">
|
||||
<el-option v-for="i in bidTaskTypeOptions" :key="i.value" :label="i.label" :value="i.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="负责人" prop="owner_user_id">
|
||||
<el-input v-model="form.owner_user_name" placeholder="负责人姓名" />
|
||||
</el-form-item>
|
||||
<el-form-item label="开始日期">
|
||||
<el-date-picker v-model="form.start_date" type="date" value-format="YYYY-MM-DD" style="width: 100%" />
|
||||
</el-form-item>
|
||||
<el-form-item label="截止日期">
|
||||
<el-date-picker v-model="form.end_date" type="date" value-format="YYYY-MM-DD" style="width: 100%" />
|
||||
</el-form-item>
|
||||
<el-form-item label="进度">
|
||||
<el-slider v-model="form.progress" :max="100" show-stops />
|
||||
</el-form-item>
|
||||
<el-form-item label="状态">
|
||||
<el-select v-model="form.status" style="width: 100%">
|
||||
<el-option v-for="i in bidTaskStatusOptions" :key="i.value" :label="i.label" :value="i.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="任务内容">
|
||||
<el-input v-model="form.content" type="textarea" :rows="3" placeholder="任务说明" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注">
|
||||
<el-input v-model="form.remark" type="textarea" :rows="2" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="dialogVisible = false">取消</el-button>
|
||||
<el-button type="primary" :loading="submitting" @click="handleSubmit">保存</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, onMounted } from "vue";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { Plus } from "@element-plus/icons-vue";
|
||||
import {
|
||||
getBidTaskList,
|
||||
createBidTask,
|
||||
updateBidTask,
|
||||
deleteBidTask,
|
||||
} from "@/api/crmBidding";
|
||||
import {
|
||||
bidTaskStatusText,
|
||||
bidTaskStatusTag,
|
||||
bidTaskStatusOptions,
|
||||
bidTaskTypeOptions,
|
||||
formatDateOnly,
|
||||
} from "@/views/apps/crm/dict";
|
||||
|
||||
const props = defineProps({
|
||||
bidId: { type: [Number, String], required: true },
|
||||
});
|
||||
const emit = defineEmits(["count"]);
|
||||
|
||||
const loading = ref(false);
|
||||
const list = ref([]);
|
||||
const dialogVisible = ref(false);
|
||||
const submitting = ref(false);
|
||||
const formRef = ref();
|
||||
|
||||
const form = reactive({
|
||||
id: null,
|
||||
task_name: "",
|
||||
task_type: "1",
|
||||
owner_user_id: "",
|
||||
owner_user_name: "",
|
||||
start_date: "",
|
||||
end_date: "",
|
||||
status: 0,
|
||||
progress: 0,
|
||||
content: "",
|
||||
remark: "",
|
||||
});
|
||||
|
||||
const rules = {
|
||||
task_name: [{ required: true, message: "请输入任务名称", trigger: "blur" }],
|
||||
};
|
||||
|
||||
defineExpose({ reload: loadList });
|
||||
|
||||
onMounted(loadList);
|
||||
|
||||
async function loadList() {
|
||||
if (!props.bidId) return;
|
||||
loading.value = true;
|
||||
try {
|
||||
const res = await getBidTaskList({ bid_id: props.bidId });
|
||||
list.value = res?.data?.list || [];
|
||||
emit("count", list.value.length);
|
||||
} catch (e) {
|
||||
list.value = [];
|
||||
emit("count", 0);
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
function taskTypeText(t) {
|
||||
return bidTaskTypeOptions.find((i) => String(i.value) === String(t))?.label || "-";
|
||||
}
|
||||
|
||||
function progressStatus(row) {
|
||||
if (row.status === 2) return "success";
|
||||
if (row.status === 3) return "exception";
|
||||
if (row.progress >= 100) return "success";
|
||||
return undefined;
|
||||
}
|
||||
|
||||
function resetForm() {
|
||||
Object.assign(form, {
|
||||
id: null,
|
||||
task_name: "",
|
||||
task_type: "1",
|
||||
owner_user_id: "",
|
||||
owner_user_name: "",
|
||||
start_date: "",
|
||||
end_date: "",
|
||||
status: 0,
|
||||
progress: 0,
|
||||
content: "",
|
||||
remark: "",
|
||||
});
|
||||
}
|
||||
|
||||
function openCreate() {
|
||||
resetForm();
|
||||
dialogVisible.value = true;
|
||||
}
|
||||
|
||||
function openEdit(row) {
|
||||
Object.assign(form, row);
|
||||
dialogVisible.value = true;
|
||||
}
|
||||
|
||||
async function handleSubmit() {
|
||||
if (!formRef.value) return;
|
||||
try {
|
||||
await formRef.value.validate();
|
||||
} catch (e) {
|
||||
return;
|
||||
}
|
||||
submitting.value = true;
|
||||
try {
|
||||
const payload = {
|
||||
bid_id: props.bidId,
|
||||
task_name: form.task_name,
|
||||
task_type: form.task_type,
|
||||
owner_user_id: form.owner_user_id,
|
||||
owner_user_name: form.owner_user_name,
|
||||
start_date: form.start_date,
|
||||
end_date: form.end_date,
|
||||
status: form.status,
|
||||
progress: form.progress,
|
||||
content: form.content,
|
||||
remark: form.remark,
|
||||
};
|
||||
if (form.id) {
|
||||
await updateBidTask(form.id, payload);
|
||||
} else {
|
||||
await createBidTask(payload);
|
||||
}
|
||||
ElMessage.success("保存成功");
|
||||
dialogVisible.value = false;
|
||||
loadList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "保存失败");
|
||||
} finally {
|
||||
submitting.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function handleDelete(row) {
|
||||
try {
|
||||
await ElMessageBox.confirm(`确认删除任务「${row.task_name}」？`, "提示", { type: "warning" });
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
await deleteBidTask(row.id);
|
||||
ElMessage.success("删除成功");
|
||||
loadList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "删除失败");
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.section-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.section-title {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,103 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
:model-value="visible"
|
||||
title="中标转合同"
|
||||
width="600px"
|
||||
:close-on-click-modal="false"
|
||||
@update:model-value="handleClose"
|
||||
>
|
||||
<el-alert
|
||||
type="success"
|
||||
:closable="false"
|
||||
show-icon
|
||||
title="恭喜中标！转化后将创建合同并锁定投标记录，相关信息会自动带入。"
|
||||
style="margin-bottom: 16px"
|
||||
/>
|
||||
<el-form ref="formRef" :model="form" :rules="rules" label-width="110px">
|
||||
<el-form-item label="合同名称" prop="contract_name">
|
||||
<el-input v-model="form.contract_name" placeholder="留空将使用投标标题" />
|
||||
</el-form-item>
|
||||
<el-form-item label="合同编号">
|
||||
<el-input v-model="form.contract_no" placeholder="可留空自动生成" />
|
||||
</el-form-item>
|
||||
<el-form-item label="合同分类">
|
||||
<el-select v-model="form.contract_category" style="width: 100%">
|
||||
<el-option v-for="i in contractCategoryOptions" :key="i.value" :label="i.label" :value="i.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="签约日期">
|
||||
<el-date-picker v-model="form.sign_date" type="date" value-format="YYYY-MM-DD" style="width: 100%" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注">
|
||||
<el-input v-model="form.remark" type="textarea" :rows="2" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="handleClose">取消</el-button>
|
||||
<el-button type="primary" :loading="submitting" @click="handleSubmit">确认转化</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, watch } from "vue";
|
||||
import { ElMessage } from "element-plus";
|
||||
import { convertBidToContract } from "@/api/crmBidding";
|
||||
import { contractCategoryOptions } from "@/views/apps/crm/dict";
|
||||
|
||||
const props = defineProps({
|
||||
visible: { type: Boolean, default: false },
|
||||
bid: { type: Object, default: null },
|
||||
});
|
||||
const emit = defineEmits(["update:visible", "success"]);
|
||||
|
||||
const formRef = ref();
|
||||
const submitting = ref(false);
|
||||
const form = reactive({
|
||||
contract_name: "",
|
||||
contract_no: "",
|
||||
contract_category: "2",
|
||||
sign_date: "",
|
||||
remark: "",
|
||||
});
|
||||
|
||||
const rules = {
|
||||
contract_name: [{ required: true, message: "请输入合同名称", trigger: "blur" }],
|
||||
};
|
||||
|
||||
watch(
|
||||
() => props.visible,
|
||||
(val) => {
|
||||
if (val && props.bid) {
|
||||
form.contract_name = props.bid.title || "";
|
||||
form.contract_no = "";
|
||||
form.contract_category = "2";
|
||||
form.sign_date = "";
|
||||
form.remark = "";
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
function handleClose() {
|
||||
emit("update:visible", false);
|
||||
}
|
||||
|
||||
async function handleSubmit() {
|
||||
if (!formRef.value || !props.bid) return;
|
||||
try {
|
||||
await formRef.value.validate();
|
||||
} catch (e) {
|
||||
return;
|
||||
}
|
||||
submitting.value = true;
|
||||
try {
|
||||
await convertBidToContract(props.bid.id, { ...form });
|
||||
ElMessage.success("合同创建成功");
|
||||
emit("success");
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "创建失败");
|
||||
} finally {
|
||||
submitting.value = false;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,107 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
:model-value="visible"
|
||||
title="中标转项目"
|
||||
width="600px"
|
||||
:close-on-click-modal="false"
|
||||
@update:model-value="handleClose"
|
||||
>
|
||||
<el-alert
|
||||
type="warning"
|
||||
:closable="false"
|
||||
show-icon
|
||||
title="中标后转为正式执行项目，可关联合同、记录回款、跟进交付。"
|
||||
style="margin-bottom: 16px"
|
||||
/>
|
||||
<el-form ref="formRef" :model="form" :rules="rules" label-width="110px">
|
||||
<el-form-item label="项目名称" prop="project_name">
|
||||
<el-input v-model="form.project_name" placeholder="留空将使用投标标题" />
|
||||
</el-form-item>
|
||||
<el-form-item label="项目编号">
|
||||
<el-input v-model="form.project_no" />
|
||||
</el-form-item>
|
||||
<el-form-item label="项目金额">
|
||||
<el-input v-model.number="form.amount" placeholder="0.00">
|
||||
<template #append>元</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="开始日期">
|
||||
<el-date-picker v-model="form.start_date" type="date" value-format="YYYY-MM-DD" style="width: 100%" />
|
||||
</el-form-item>
|
||||
<el-form-item label="结束日期">
|
||||
<el-date-picker v-model="form.end_date" type="date" value-format="YYYY-MM-DD" style="width: 100%" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注">
|
||||
<el-input v-model="form.remark" type="textarea" :rows="2" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="handleClose">取消</el-button>
|
||||
<el-button type="primary" :loading="submitting" @click="handleSubmit">确认转化</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, watch } from "vue";
|
||||
import { ElMessage } from "element-plus";
|
||||
import { convertBidToProject } from "@/api/crmBidding";
|
||||
|
||||
const props = defineProps({
|
||||
visible: { type: Boolean, default: false },
|
||||
bid: { type: Object, default: null },
|
||||
});
|
||||
const emit = defineEmits(["update:visible", "success"]);
|
||||
|
||||
const formRef = ref();
|
||||
const submitting = ref(false);
|
||||
const form = reactive({
|
||||
project_name: "",
|
||||
project_no: "",
|
||||
amount: 0,
|
||||
start_date: "",
|
||||
end_date: "",
|
||||
remark: "",
|
||||
});
|
||||
|
||||
const rules = {
|
||||
project_name: [{ required: true, message: "请输入项目名称", trigger: "blur" }],
|
||||
};
|
||||
|
||||
watch(
|
||||
() => props.visible,
|
||||
(val) => {
|
||||
if (val && props.bid) {
|
||||
form.project_name = props.bid.title || "";
|
||||
form.project_no = "";
|
||||
form.amount = props.bid.bid_amount || 0;
|
||||
form.start_date = "";
|
||||
form.end_date = "";
|
||||
form.remark = "";
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
function handleClose() {
|
||||
emit("update:visible", false);
|
||||
}
|
||||
|
||||
async function handleSubmit() {
|
||||
if (!formRef.value || !props.bid) return;
|
||||
try {
|
||||
await formRef.value.validate();
|
||||
} catch (e) {
|
||||
return;
|
||||
}
|
||||
submitting.value = true;
|
||||
try {
|
||||
await convertBidToProject(props.bid.id, { ...form });
|
||||
ElMessage.success("项目创建成功");
|
||||
emit("success");
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "创建失败");
|
||||
} finally {
|
||||
submitting.value = false;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,152 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
:model-value="visible"
|
||||
title="编辑投标"
|
||||
width="780px"
|
||||
:close-on-click-modal="false"
|
||||
@update:model-value="handleClose"
|
||||
>
|
||||
<el-form ref="formRef" :model="form" :rules="rules" label-width="110px">
|
||||
<el-form-item label="投标标题" prop="title">
|
||||
<el-input v-model="form.title" />
|
||||
</el-form-item>
|
||||
<el-form-item label="投标编号">
|
||||
<el-input v-model="form.bid_no" />
|
||||
</el-form-item>
|
||||
<el-form-item label="投标类型">
|
||||
<el-select v-model="form.bid_type" style="width: 100%">
|
||||
<el-option v-for="i in bidTypeOptions" :key="i.value" :label="i.label" :value="i.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="招标方" prop="customer_name">
|
||||
<el-input v-model="form.customer_name" />
|
||||
</el-form-item>
|
||||
<el-form-item label="发布单位">
|
||||
<el-input v-model="form.publish_org" />
|
||||
</el-form-item>
|
||||
<el-form-item label="投标报价">
|
||||
<el-input v-model.number="form.bid_amount" placeholder="0.00">
|
||||
<template #append>元</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="保证金">
|
||||
<el-input v-model.number="form.bid_deposit" placeholder="0.00">
|
||||
<template #append>元</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="招标发布日期">
|
||||
<el-date-picker v-model="form.publish_date" type="date" value-format="YYYY-MM-DD" style="width: 100%" />
|
||||
</el-form-item>
|
||||
<el-form-item label="报名截止">
|
||||
<el-date-picker v-model="form.register_end_date" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" style="width: 100%" />
|
||||
</el-form-item>
|
||||
<el-form-item label="投标截止">
|
||||
<el-date-picker v-model="form.bid_end_date" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" style="width: 100%" />
|
||||
</el-form-item>
|
||||
<el-form-item label="开标时间">
|
||||
<el-date-picker v-model="form.open_bid_date" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" style="width: 100%" />
|
||||
</el-form-item>
|
||||
<el-form-item label="联系人">
|
||||
<el-input v-model="form.contact_person" />
|
||||
</el-form-item>
|
||||
<el-form-item label="联系电话">
|
||||
<el-input v-model="form.contact_phone" />
|
||||
</el-form-item>
|
||||
<el-form-item label="项目描述">
|
||||
<el-input v-model="form.description" type="textarea" :rows="3" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注">
|
||||
<el-input v-model="form.remark" type="textarea" :rows="2" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="handleClose">取消</el-button>
|
||||
<el-button type="primary" :loading="submitting" @click="handleSubmit">保存</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, watch } from "vue";
|
||||
import { ElMessage } from "element-plus";
|
||||
import { updateBid } from "@/api/crmBidding";
|
||||
import { bidTypeOptions } from "@/views/apps/crm/dict";
|
||||
|
||||
const props = defineProps({
|
||||
visible: { type: Boolean, default: false },
|
||||
bid: { type: Object, default: null },
|
||||
});
|
||||
const emit = defineEmits(["update:visible", "success"]);
|
||||
|
||||
const formRef = ref();
|
||||
const submitting = ref(false);
|
||||
const form = reactive({
|
||||
title: "",
|
||||
bid_no: "",
|
||||
bid_type: "1",
|
||||
customer_name: "",
|
||||
publish_org: "",
|
||||
bid_amount: 0,
|
||||
bid_deposit: 0,
|
||||
publish_date: "",
|
||||
register_end_date: "",
|
||||
bid_end_date: "",
|
||||
open_bid_date: "",
|
||||
contact_person: "",
|
||||
contact_phone: "",
|
||||
description: "",
|
||||
remark: "",
|
||||
});
|
||||
|
||||
const rules = {
|
||||
title: [{ required: true, message: "请输入投标标题", trigger: "blur" }],
|
||||
customer_name: [{ required: true, message: "请输入招标方名称", trigger: "blur" }],
|
||||
};
|
||||
|
||||
watch(
|
||||
() => props.visible,
|
||||
(val) => {
|
||||
if (val && props.bid) {
|
||||
const b = props.bid;
|
||||
form.title = b.title || "";
|
||||
form.bid_no = b.bid_no || "";
|
||||
form.bid_type = b.bid_type || "1";
|
||||
form.customer_name = b.customer_name || "";
|
||||
form.publish_org = b.publish_org || "";
|
||||
form.bid_amount = b.bid_amount || 0;
|
||||
form.bid_deposit = b.bid_deposit || 0;
|
||||
form.publish_date = b.publish_date || "";
|
||||
form.register_end_date = b.register_end_date || "";
|
||||
form.bid_end_date = b.bid_end_date || "";
|
||||
form.open_bid_date = b.open_bid_date || "";
|
||||
form.contact_person = b.contact_person || "";
|
||||
form.contact_phone = b.contact_phone || "";
|
||||
form.description = b.description || "";
|
||||
form.remark = b.remark || "";
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
function handleClose() {
|
||||
emit("update:visible", false);
|
||||
}
|
||||
|
||||
async function handleSubmit() {
|
||||
if (!formRef.value || !props.bid) return;
|
||||
try {
|
||||
await formRef.value.validate();
|
||||
} catch (e) {
|
||||
return;
|
||||
}
|
||||
submitting.value = true;
|
||||
try {
|
||||
await updateBid(props.bid.id, { ...form });
|
||||
ElMessage.success("保存成功");
|
||||
emit("success");
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "保存失败");
|
||||
} finally {
|
||||
submitting.value = false;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,237 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
:model-value="visible"
|
||||
:title="dialogTitle"
|
||||
width="780px"
|
||||
:close-on-click-modal="false"
|
||||
@update:model-value="handleClose"
|
||||
>
|
||||
<el-alert
|
||||
v-if="mode !== 'independent'"
|
||||
type="info"
|
||||
:closable="false"
|
||||
show-icon
|
||||
:title="modeTip"
|
||||
style="margin-bottom: 16px"
|
||||
/>
|
||||
|
||||
<el-form ref="formRef" :model="form" :rules="rules" label-width="110px">
|
||||
<el-form-item label="投标标题" prop="title">
|
||||
<el-input v-model="form.title" placeholder="请输入投标标题" />
|
||||
</el-form-item>
|
||||
<el-form-item label="投标编号">
|
||||
<el-input v-model="form.bid_no" placeholder="可留空自动生成" />
|
||||
</el-form-item>
|
||||
<el-form-item label="投标类型">
|
||||
<el-select v-model="form.bid_type" style="width: 100%">
|
||||
<el-option v-for="i in bidTypeOptions" :key="i.value" :label="i.label" :value="i.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="招标方" prop="customer_name">
|
||||
<el-input v-model="form.customer_name" placeholder="请输入招标方名称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="发布单位">
|
||||
<el-input v-model="form.publish_org" placeholder="请输入招标信息发布单位" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="投标报价">
|
||||
<el-input v-model.number="form.bid_amount" placeholder="0.00">
|
||||
<template #append>元</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="保证金">
|
||||
<el-input v-model.number="form.bid_deposit" placeholder="0.00">
|
||||
<template #append>元</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="招标发布日期">
|
||||
<el-date-picker v-model="form.publish_date" type="date" value-format="YYYY-MM-DD" placeholder="选择日期" style="width: 100%" />
|
||||
</el-form-item>
|
||||
<el-form-item label="报名截止">
|
||||
<el-date-picker v-model="form.register_end_date" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" placeholder="选择日期时间" style="width: 100%" />
|
||||
</el-form-item>
|
||||
<el-form-item label="投标截止">
|
||||
<el-date-picker v-model="form.bid_end_date" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" placeholder="选择日期时间" style="width: 100%" />
|
||||
</el-form-item>
|
||||
<el-form-item label="开标时间">
|
||||
<el-date-picker v-model="form.open_bid_date" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" placeholder="选择日期时间" style="width: 100%" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="联系人">
|
||||
<el-input v-model="form.contact_person" placeholder="招标方联系人" />
|
||||
</el-form-item>
|
||||
<el-form-item label="联系电话">
|
||||
<el-input v-model="form.contact_phone" placeholder="联系电话" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="项目描述">
|
||||
<el-input v-model="form.description" type="textarea" :rows="3" placeholder="项目背景与需求说明" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注">
|
||||
<el-input v-model="form.remark" type="textarea" :rows="2" placeholder="其他备注（选填）" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<template #footer>
|
||||
<el-button @click="handleClose">取消</el-button>
|
||||
<el-button type="primary" :loading="submitting" @click="handleSubmit">保存为草稿</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, computed, watch } from "vue";
|
||||
import { ElMessage } from "element-plus";
|
||||
import {
|
||||
createBid,
|
||||
createBidFromBusiness,
|
||||
createBidFromProject,
|
||||
} from "@/api/crmBidding";
|
||||
import { bidTypeOptions } from "@/views/apps/crm/dict";
|
||||
|
||||
const props = defineProps({
|
||||
visible: { type: Boolean, default: false },
|
||||
mode: { type: String, default: "independent" }, // independent | from-business | from-project
|
||||
prefill: { type: Object, default: null },
|
||||
});
|
||||
const emit = defineEmits(["update:visible", "success", "cancel"]);
|
||||
|
||||
const formRef = ref();
|
||||
const submitting = ref(false);
|
||||
|
||||
const dialogTitle = computed(() => {
|
||||
if (props.mode === "from-business") return "从商机发起投标";
|
||||
if (props.mode === "from-project") return "从项目发起投标";
|
||||
return "新建投标";
|
||||
});
|
||||
|
||||
const modeTip = computed(() => {
|
||||
if (props.mode === "from-business") {
|
||||
return "将基于商机自动带入招标方、客户信息，商机不会被锁定。";
|
||||
}
|
||||
if (props.mode === "from-project") {
|
||||
return "将基于项目自动带入项目名称、金额等信息，便于一站式跟进。";
|
||||
}
|
||||
return "";
|
||||
});
|
||||
|
||||
const form = reactive({
|
||||
title: "",
|
||||
bid_no: "",
|
||||
bid_type: "1",
|
||||
customer_name: "",
|
||||
publish_org: "",
|
||||
bid_amount: 0,
|
||||
bid_deposit: 0,
|
||||
publish_date: "",
|
||||
register_end_date: "",
|
||||
bid_end_date: "",
|
||||
open_bid_date: "",
|
||||
contact_person: "",
|
||||
contact_phone: "",
|
||||
description: "",
|
||||
remark: "",
|
||||
});
|
||||
|
||||
const rules = {
|
||||
title: [{ required: true, message: "请输入投标标题", trigger: "blur" }],
|
||||
customer_name: [{ required: true, message: "请输入招标方名称", trigger: "blur" }],
|
||||
};
|
||||
|
||||
watch(
|
||||
() => props.visible,
|
||||
(val) => {
|
||||
if (val) {
|
||||
// 重置
|
||||
Object.assign(form, {
|
||||
title: "",
|
||||
bid_no: "",
|
||||
bid_type: "1",
|
||||
customer_name: "",
|
||||
publish_org: "",
|
||||
bid_amount: 0,
|
||||
bid_deposit: 0,
|
||||
publish_date: "",
|
||||
register_end_date: "",
|
||||
bid_end_date: "",
|
||||
open_bid_date: "",
|
||||
contact_person: "",
|
||||
contact_phone: "",
|
||||
description: "",
|
||||
remark: "",
|
||||
});
|
||||
// 从 prefill 填充
|
||||
const p = props.prefill;
|
||||
if (props.mode === "from-business" && p?.business) {
|
||||
form.title = p.business.business_name || "";
|
||||
form.customer_name = p.business.customer_name || "";
|
||||
form.contact_person = p.business.contact_person || "";
|
||||
form.contact_phone = p.business.contact_phone || "";
|
||||
} else if (props.mode === "from-project" && p?.project) {
|
||||
form.title = p.project.project_name || "";
|
||||
form.bid_amount = p.project.amount || 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
function handleClose() {
|
||||
emit("update:visible", false);
|
||||
emit("cancel");
|
||||
}
|
||||
|
||||
async function handleSubmit() {
|
||||
if (!formRef.value) return;
|
||||
try {
|
||||
await formRef.value.validate();
|
||||
} catch (e) {
|
||||
return;
|
||||
}
|
||||
submitting.value = true;
|
||||
try {
|
||||
let res;
|
||||
if (props.mode === "from-business" && props.prefill?.business?.id) {
|
||||
res = await createBidFromBusiness({
|
||||
business_id: props.prefill.business.id,
|
||||
title: form.title,
|
||||
customer_name: form.customer_name,
|
||||
publish_org: form.publish_org,
|
||||
bid_type: form.bid_type,
|
||||
bid_amount: form.bid_amount,
|
||||
bid_end_date: form.bid_end_date,
|
||||
open_bid_date: form.open_bid_date,
|
||||
description: form.description,
|
||||
remark: form.remark,
|
||||
});
|
||||
} else if (props.mode === "from-project" && props.prefill?.project?.id) {
|
||||
res = await createBidFromProject({
|
||||
project_id: props.prefill.project.id,
|
||||
title: form.title,
|
||||
bid_type: form.bid_type,
|
||||
bid_amount: form.bid_amount,
|
||||
bid_end_date: form.bid_end_date,
|
||||
open_bid_date: form.open_bid_date,
|
||||
description: form.description,
|
||||
remark: form.remark,
|
||||
});
|
||||
} else {
|
||||
res = await createBid({ ...form });
|
||||
}
|
||||
ElMessage.success("创建成功");
|
||||
emit("success", res?.data);
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "创建失败");
|
||||
} finally {
|
||||
submitting.value = false;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.el-input-number,
|
||||
.el-date-picker {
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,207 @@
|
||||
<template>
|
||||
<el-drawer
|
||||
:model-value="visible"
|
||||
:title="bid?.title || '投标详情'"
|
||||
direction="rtl"
|
||||
size="1000px"
|
||||
@update:model-value="handleClose"
|
||||
@opened="loadAll"
|
||||
>
|
||||
<div v-if="bid" class="bid-detail">
|
||||
<el-tabs v-model="activeTab" tab-position="left" class="detail-tabs">
|
||||
<!-- 基本信息 -->
|
||||
<el-tab-pane label="基本信息" name="basic">
|
||||
<BidBaseInfo :bid="bid" @action="handleAction" />
|
||||
<el-divider />
|
||||
<h4 class="block-title">流程进度</h4>
|
||||
<BidTimeline kind="bid" :status="bid.status" :times="bid" />
|
||||
</el-tab-pane>
|
||||
|
||||
<!-- 立项审批 -->
|
||||
<el-tab-pane :label="`立项审批 (${counts.approval})`" name="approval">
|
||||
<BidApproval
|
||||
ref="approvalRef"
|
||||
:bid-id="bid.id"
|
||||
:disabled="locked"
|
||||
@count="counts.approval = $event"
|
||||
@approved="refreshSelf"
|
||||
/>
|
||||
</el-tab-pane>
|
||||
|
||||
<!-- 标书版本 -->
|
||||
<el-tab-pane :label="`标书版本 (${counts.document})`" name="document">
|
||||
<BidDocumentList
|
||||
ref="documentRef"
|
||||
:bid-id="bid.id"
|
||||
:disabled="locked"
|
||||
@count="counts.document = $event"
|
||||
/>
|
||||
</el-tab-pane>
|
||||
|
||||
<!-- 投标报价 -->
|
||||
<el-tab-pane :label="`投标报价 (${counts.quote})`" name="quote">
|
||||
<BidQuote
|
||||
ref="quoteRef"
|
||||
:bid-id="bid.id"
|
||||
:disabled="locked"
|
||||
@count="counts.quote = $event"
|
||||
/>
|
||||
</el-tab-pane>
|
||||
|
||||
<!-- 竞争对手 -->
|
||||
<el-tab-pane :label="`竞争对手 (${counts.competitor})`" name="competitor">
|
||||
<BidCompetitor
|
||||
ref="competitorRef"
|
||||
:bid-id="bid.id"
|
||||
:disabled="locked"
|
||||
@count="counts.competitor = $event"
|
||||
/>
|
||||
</el-tab-pane>
|
||||
|
||||
<!-- 投标费用 -->
|
||||
<el-tab-pane :label="`投标费用 (${counts.expense})`" name="expense">
|
||||
<BidExpenseList
|
||||
ref="expenseRef"
|
||||
:bid-id="bid.id"
|
||||
:disabled="locked"
|
||||
@count="counts.expense = $event"
|
||||
/>
|
||||
</el-tab-pane>
|
||||
|
||||
<!-- 开标结果 -->
|
||||
<el-tab-pane :label="`开标结果 (${counts.result})`" name="result">
|
||||
<BidResult
|
||||
ref="resultRef"
|
||||
:bid="bid"
|
||||
@count="counts.result = $event"
|
||||
@action="handleAction"
|
||||
/>
|
||||
</el-tab-pane>
|
||||
|
||||
<!-- 投标文件 -->
|
||||
<el-tab-pane :label="`投标文件 (${counts.file})`" name="file">
|
||||
<BidFileList
|
||||
ref="fileRef"
|
||||
:bid-id="bid.id"
|
||||
@count="counts.file = $event"
|
||||
/>
|
||||
</el-tab-pane>
|
||||
|
||||
<!-- 任务分工 -->
|
||||
<el-tab-pane :label="`任务分工 (${counts.task})`" name="task">
|
||||
<BidTaskList
|
||||
ref="taskRef"
|
||||
:bid-id="bid.id"
|
||||
@count="counts.task = $event"
|
||||
/>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</el-drawer>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, computed } from "vue";
|
||||
import { ElMessage } from "element-plus";
|
||||
import { getBidDetail } from "@/api/crmBidding";
|
||||
import BidBaseInfo from "./components/BidBaseInfo.vue";
|
||||
import BidResult from "./components/BidResult.vue";
|
||||
import BidFileList from "./components/BidFileList.vue";
|
||||
import BidTaskList from "./components/BidTaskList.vue";
|
||||
import BidApproval from "./components/BidApproval.vue";
|
||||
import BidDocumentList from "./components/BidDocumentList.vue";
|
||||
import BidQuote from "./components/BidQuote.vue";
|
||||
import BidCompetitor from "./components/BidCompetitor.vue";
|
||||
import BidExpenseList from "./components/BidExpenseList.vue";
|
||||
import BidTimeline from "../components/BidTimeline.vue";
|
||||
|
||||
const props = defineProps({
|
||||
visible: { type: Boolean, default: false },
|
||||
bid: { type: Object, default: null },
|
||||
});
|
||||
const emit = defineEmits(["update:visible", "refresh", "action"]);
|
||||
|
||||
const activeTab = ref("basic");
|
||||
const counts = reactive({
|
||||
approval: 0,
|
||||
document: 0,
|
||||
quote: 0,
|
||||
competitor: 0,
|
||||
expense: 0,
|
||||
result: 0,
|
||||
file: 0,
|
||||
task: 0,
|
||||
});
|
||||
|
||||
const approvalRef = ref();
|
||||
const documentRef = ref();
|
||||
const quoteRef = ref();
|
||||
const competitorRef = ref();
|
||||
const expenseRef = ref();
|
||||
const resultRef = ref();
|
||||
const fileRef = ref();
|
||||
const taskRef = ref();
|
||||
|
||||
const locked = computed(() => props.bid?.locked === 1 || Number(props.bid?.status) === 7);
|
||||
|
||||
function handleClose() {
|
||||
emit("update:visible", false);
|
||||
}
|
||||
|
||||
async function refreshSelf() {
|
||||
if (!props.bid?.id) return;
|
||||
// 重新拉取主表数据，确保看到最新状态
|
||||
try {
|
||||
const res = await getBidDetail(props.bid.id);
|
||||
if (res?.data) {
|
||||
Object.assign(props.bid, res.data);
|
||||
}
|
||||
} catch {
|
||||
// ignore
|
||||
}
|
||||
emit("refresh");
|
||||
}
|
||||
|
||||
async function loadAll() {
|
||||
if (!props.bid?.id) return;
|
||||
await refreshSelf();
|
||||
Object.keys(counts).forEach((k) => {
|
||||
counts[k] = 0;
|
||||
});
|
||||
// 触发子组件 reload
|
||||
approvalRef.value?.reload?.();
|
||||
documentRef.value?.reload?.();
|
||||
quoteRef.value?.reload?.();
|
||||
competitorRef.value?.reload?.();
|
||||
expenseRef.value?.reload?.();
|
||||
resultRef.value?.reload?.();
|
||||
fileRef.value?.reload?.();
|
||||
taskRef.value?.reload?.();
|
||||
}
|
||||
|
||||
async function handleAction({ type, row }) {
|
||||
if (type === "saved") {
|
||||
await loadAll();
|
||||
emit("refresh");
|
||||
return;
|
||||
}
|
||||
emit("action", { type, row: props.bid });
|
||||
}
|
||||
|
||||
defineExpose({ reload: loadAll });
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.bid-detail {
|
||||
padding: 0 16px 16px;
|
||||
}
|
||||
.detail-tabs {
|
||||
min-height: 640px;
|
||||
}
|
||||
.block-title {
|
||||
margin: 0 0 12px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: var(--el-text-color-regular);
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,350 @@
|
||||
<template>
|
||||
<div class="crm-page">
|
||||
<div class="page-header">
|
||||
<div>
|
||||
<h2>我要投标</h2>
|
||||
<p>从商机或项目发起投标，跟踪投标全过程，中标可一键转合同/转项目</p>
|
||||
</div>
|
||||
<div class="header-actions">
|
||||
<el-button :icon="Refresh" @click="fetchList">刷新</el-button>
|
||||
<el-button :icon="Folder" @click="goLibrary">资料库</el-button>
|
||||
<el-button :icon="DataAnalysis" @click="goStatistics">统计</el-button>
|
||||
<el-dropdown @command="handleCreateCommand">
|
||||
<el-button type="primary" :icon="Plus">
|
||||
新建投标<el-icon class="el-icon--right"><ArrowDown /></el-icon>
|
||||
</el-button>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item command="from-business">
|
||||
<el-icon><Aim /></el-icon>从商机发起
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item command="from-project">
|
||||
<el-icon><Box /></el-icon>从项目发起
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item command="independent" divided>
|
||||
<el-icon><EditPen /></el-icon>独立创建
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="filter-bar">
|
||||
<el-form :inline="true" :model="filters" @submit.prevent>
|
||||
<el-form-item>
|
||||
<el-input
|
||||
v-model="filters.keyword"
|
||||
clearable
|
||||
placeholder="搜索投标标题 / 编号 / 招标方"
|
||||
:prefix-icon="Search"
|
||||
style="width: 260px"
|
||||
@keyup.enter="handleSearch"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="投标状态">
|
||||
<el-select v-model="filters.status" clearable placeholder="全部" style="width: 140px">
|
||||
<el-option v-for="i in bidStatusOptions" :key="i.value" :label="i.label" :value="i.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="来源">
|
||||
<el-select v-model="filters.source_type" clearable placeholder="全部" style="width: 130px">
|
||||
<el-option v-for="i in bidSourceTypeOptions" :key="i.value" :label="i.label" :value="i.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="中标状态">
|
||||
<el-select v-model="filters.win_status" clearable placeholder="全部" style="width: 140px">
|
||||
<el-option v-for="i in bidResultTypeOptions" :key="i.value" :label="i.label" :value="i.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" :icon="Search" @click="handleSearch">查询</el-button>
|
||||
<el-button :icon="Refresh" @click="resetFilters">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
|
||||
<div class="table-container" v-loading="loading">
|
||||
<el-table :data="tableData" stripe border row-key="id">
|
||||
<el-table-column label="状态" width="100" align="center" fixed>
|
||||
<template #default="{ row }">
|
||||
<el-tag :type="bidStatusTag(row.status)" size="small">
|
||||
{{ bidStatusText(row.status) }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="投标标题" min-width="180" show-overflow-tooltip fixed>
|
||||
<template #default="{ row }">
|
||||
<span class="name-link" @click="openDetail(row)">{{ row.title }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="bid_no" label="投标编号" width="140" show-overflow-tooltip />
|
||||
<el-table-column label="来源" width="90" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag v-if="row.source_type === 1" size="small" type="warning">商机</el-tag>
|
||||
<el-tag v-else-if="row.source_type === 2" size="small" type="primary">项目</el-tag>
|
||||
<el-tag v-else size="small" type="info" effect="plain">独立</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="customer_name" label="招标方" min-width="160" show-overflow-tooltip />
|
||||
<el-table-column prop="publish_org" label="发布单位" min-width="140" show-overflow-tooltip />
|
||||
<el-table-column label="投标报价" width="130" align="right">
|
||||
<template #default="{ row }">{{ formatMoney(row.bid_amount) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="投标截止" width="160" align="center">
|
||||
<template #default="{ row }">{{ formatDateTime(row.bid_end_date) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="开标时间" width="160" align="center">
|
||||
<template #default="{ row }">{{ formatDateTime(row.open_bid_date) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="负责人" width="100">
|
||||
<template #default="{ row }">{{ row.owner_user_name || "-" }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="220" align="center" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button link type="primary" size="small" :disabled="row.locked === 1" @click="openEdit(row)">
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button link type="success" size="small" :disabled="row.win_status !== 1 || row.contract_id" @click="openConvertContract(row)">
|
||||
转合同
|
||||
</el-button>
|
||||
<el-button link type="warning" size="small" :disabled="row.win_status !== 1 || row.new_project_id" @click="openConvertProject(row)">
|
||||
转项目
|
||||
</el-button>
|
||||
<el-button link type="danger" size="small" :disabled="row.locked === 1" @click="handleDelete(row)">
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<template #empty><el-empty description="暂无投标" :image-size="80" /></template>
|
||||
</el-table>
|
||||
|
||||
<div class="pagination">
|
||||
<el-pagination
|
||||
v-model:current-page="pagination.page"
|
||||
v-model:page-size="pagination.pageSize"
|
||||
:total="pagination.total"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
@size-change="handleSearch"
|
||||
@current-change="fetchList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 弹窗组件 -->
|
||||
<BidCreate
|
||||
v-model:visible="createVisible"
|
||||
:mode="createMode"
|
||||
:prefill="createPrefill"
|
||||
@success="handleCreateSuccess"
|
||||
@cancel="createVisible = false"
|
||||
/>
|
||||
<BidEdit
|
||||
v-model:visible="editVisible"
|
||||
:bid="currentRow"
|
||||
@success="handleEditSuccess"
|
||||
/>
|
||||
<BidDetail
|
||||
v-model:visible="detailVisible"
|
||||
:bid="currentRow"
|
||||
@refresh="fetchList"
|
||||
@action="handleDetailAction"
|
||||
/>
|
||||
<BidConvertContract
|
||||
v-model:visible="convertContractVisible"
|
||||
:bid="currentRow"
|
||||
@success="handleConvertSuccess"
|
||||
/>
|
||||
<BidConvertProject
|
||||
v-model:visible="convertProjectVisible"
|
||||
:bid="currentRow"
|
||||
@success="handleConvertSuccess"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, onMounted } from "vue";
|
||||
import { useRoute, useRouter } from "vue-router";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import {
|
||||
Plus,
|
||||
Search,
|
||||
Refresh,
|
||||
ArrowDown,
|
||||
Aim,
|
||||
Box,
|
||||
EditPen,
|
||||
Folder,
|
||||
DataAnalysis,
|
||||
} from "@element-plus/icons-vue";
|
||||
|
||||
import {
|
||||
getBidList,
|
||||
deleteBid,
|
||||
} from "@/api/crmBidding";
|
||||
import {
|
||||
bidStatusText,
|
||||
bidStatusTag,
|
||||
formatMoney,
|
||||
formatDateTime,
|
||||
bidStatusOptions,
|
||||
bidSourceTypeOptions,
|
||||
bidResultTypeOptions,
|
||||
} from "@/views/apps/crm/dict";
|
||||
|
||||
import BidCreate from "./create.vue";
|
||||
import BidEdit from "./components/edit.vue";
|
||||
import BidDetail from "./detail.vue";
|
||||
import BidConvertContract from "./components/convert-contract.vue";
|
||||
import BidConvertProject from "./components/convert-project.vue";
|
||||
|
||||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
|
||||
const loading = ref(false);
|
||||
const tableData = ref([]);
|
||||
const filters = reactive({
|
||||
keyword: "",
|
||||
status: "",
|
||||
source_type: "",
|
||||
win_status: "",
|
||||
});
|
||||
const pagination = reactive({ page: 1, pageSize: 20, total: 0 });
|
||||
|
||||
const createVisible = ref(false);
|
||||
const createMode = ref("independent"); // independent | from-business | from-project
|
||||
const createPrefill = ref(null);
|
||||
|
||||
const editVisible = ref(false);
|
||||
const detailVisible = ref(false);
|
||||
const convertContractVisible = ref(false);
|
||||
const convertProjectVisible = ref(false);
|
||||
const currentRow = ref(null);
|
||||
|
||||
onMounted(() => {
|
||||
// 从首页快速入口筛选
|
||||
const filter = route.query.filter;
|
||||
if (filter === "draft") filters.status = 0;
|
||||
else if (filter === "bidding") filters.status = 2;
|
||||
else if (filter === "won") filters.win_status = 1;
|
||||
fetchList();
|
||||
// 从到期提醒跳转：携带 id 直接打开详情
|
||||
const qid = route.query.id;
|
||||
if (qid) {
|
||||
openDetail({ id: Number(qid) });
|
||||
}
|
||||
});
|
||||
|
||||
async function fetchList() {
|
||||
loading.value = true;
|
||||
try {
|
||||
const res = await getBidList({
|
||||
page: pagination.page,
|
||||
pageSize: pagination.pageSize,
|
||||
...filters,
|
||||
});
|
||||
tableData.value = res?.data?.list || [];
|
||||
pagination.total = res?.data?.total || 0;
|
||||
} catch (e) {
|
||||
tableData.value = [];
|
||||
pagination.total = 0;
|
||||
ElMessage.error(e?.message || "查询失败");
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
function handleSearch() {
|
||||
pagination.page = 1;
|
||||
fetchList();
|
||||
}
|
||||
|
||||
function resetFilters() {
|
||||
filters.keyword = "";
|
||||
filters.status = "";
|
||||
filters.source_type = "";
|
||||
filters.win_status = "";
|
||||
pagination.page = 1;
|
||||
fetchList();
|
||||
}
|
||||
|
||||
function handleCreateCommand(cmd) {
|
||||
createMode.value = cmd;
|
||||
createPrefill.value = null;
|
||||
createVisible.value = true;
|
||||
}
|
||||
|
||||
function openDetail(row) {
|
||||
currentRow.value = row;
|
||||
detailVisible.value = true;
|
||||
}
|
||||
|
||||
function openEdit(row) {
|
||||
currentRow.value = row;
|
||||
editVisible.value = true;
|
||||
}
|
||||
|
||||
function openConvertContract(row) {
|
||||
currentRow.value = row;
|
||||
convertContractVisible.value = true;
|
||||
}
|
||||
|
||||
function openConvertProject(row) {
|
||||
currentRow.value = row;
|
||||
convertProjectVisible.value = true;
|
||||
}
|
||||
|
||||
async function handleDelete(row) {
|
||||
try {
|
||||
await ElMessageBox.confirm(
|
||||
`确定删除投标「${row.title}」吗？删除后不可恢复。`,
|
||||
"删除确认",
|
||||
{ type: "warning" }
|
||||
);
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
await deleteBid(row.id);
|
||||
ElMessage.success("删除成功");
|
||||
fetchList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "删除失败");
|
||||
}
|
||||
}
|
||||
|
||||
function handleCreateSuccess() {
|
||||
createVisible.value = false;
|
||||
fetchList();
|
||||
}
|
||||
|
||||
function handleEditSuccess() {
|
||||
editVisible.value = false;
|
||||
fetchList();
|
||||
}
|
||||
|
||||
function handleConvertSuccess() {
|
||||
convertContractVisible.value = false;
|
||||
convertProjectVisible.value = false;
|
||||
fetchList();
|
||||
}
|
||||
|
||||
function handleDetailAction({ type, row }) {
|
||||
currentRow.value = row;
|
||||
if (type === "edit") editVisible.value = true;
|
||||
else if (type === "contract") convertContractVisible.value = true;
|
||||
else if (type === "project") convertProjectVisible.value = true;
|
||||
}
|
||||
|
||||
function goLibrary() {
|
||||
router.push("/apps/crm/bidding/library/template");
|
||||
}
|
||||
|
||||
function goStatistics() {
|
||||
router.push("/apps/crm/bidding/statistics/bid");
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped src="../../styles/crm-page.less"></style>
|
||||
@@ -0,0 +1,95 @@
|
||||
<template>
|
||||
<el-timeline class="bid-timeline">
|
||||
<el-timeline-item
|
||||
v-for="node in nodes"
|
||||
:key="node.status"
|
||||
:type="node.type"
|
||||
:hollow="node.hollow"
|
||||
:timestamp="node.time"
|
||||
placement="top"
|
||||
>
|
||||
<div class="node-title">{{ node.label }}</div>
|
||||
<div v-if="node.desc" class="node-desc">{{ node.desc }}</div>
|
||||
</el-timeline-item>
|
||||
</el-timeline>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { computed } from "vue";
|
||||
import {
|
||||
bidStatusText,
|
||||
tenderStatusText,
|
||||
formatBidTime
|
||||
} from "@/views/apps/crm/dict";
|
||||
|
||||
/**
|
||||
* 招投标状态时间线
|
||||
* kind: bid | tender
|
||||
* 只展示已到达的状态节点，未到达的节点不渲染（避免时间线过长）。
|
||||
*/
|
||||
const props = defineProps({
|
||||
kind: { type: String, default: "bid" },
|
||||
status: { type: [Number, String], default: 0 },
|
||||
times: { type: Object, default: () => ({}) }
|
||||
});
|
||||
|
||||
// 投标节点顺序与对应时间字段
|
||||
const BID_NODES = [
|
||||
{ status: 0, label: "创建草稿", timeKey: "create_time" },
|
||||
{ status: 1, label: "提交立项审批", timeKey: "submit_time" },
|
||||
{ status: 2, label: "投标中", timeKey: "bid_start_date" },
|
||||
{ status: 3, label: "已开标", timeKey: "open_bid_date" },
|
||||
{ status: 4, label: "中标", timeKey: "result_time" },
|
||||
{ status: 5, label: "落标", timeKey: "result_time" },
|
||||
{ status: 6, label: "已转合同", timeKey: "convert_time" },
|
||||
{ status: 7, label: "已归档", timeKey: "archive_time" }
|
||||
];
|
||||
|
||||
const TENDER_NODES = [
|
||||
{ status: 0, label: "创建草稿", timeKey: "create_time" },
|
||||
{ status: 1, label: "发布公告", timeKey: "publish_date" },
|
||||
{ status: 2, label: "报名中", timeKey: "register_start_date" },
|
||||
{ status: 3, label: "投标中", timeKey: "bid_start_date" },
|
||||
{ status: 4, label: "开标", timeKey: "open_bid_date" },
|
||||
{ status: 5, label: "评标中", timeKey: "evaluation_time" },
|
||||
{ status: 6, label: "已定标", timeKey: "winner_date" },
|
||||
{ status: 7, label: "已归档", timeKey: "archive_time" }
|
||||
];
|
||||
|
||||
const nodes = computed(() => {
|
||||
const current = Number(props.status || 0);
|
||||
const table = props.kind === "tender" ? TENDER_NODES : BID_NODES;
|
||||
// 落标(5)时不应展示中标(4)节点
|
||||
const skipped = props.kind === "bid" && current === 5 ? [4] : [];
|
||||
return table
|
||||
.filter(n => !skipped.includes(n.status))
|
||||
.filter(n => n.status <= current || (current === 6 && n.status === 6))
|
||||
.map(n => {
|
||||
const reached = n.status <= current;
|
||||
return {
|
||||
status: n.status,
|
||||
label: props.kind === "tender"
|
||||
? tenderStatusText(n.status)
|
||||
: bidStatusText(n.status),
|
||||
time: formatBidTime(props.times?.[n.timeKey]),
|
||||
type: n.status === current ? "primary" : reached ? "success" : "info",
|
||||
hollow: !reached
|
||||
};
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.bid-timeline {
|
||||
padding-left: 8px;
|
||||
}
|
||||
.node-title {
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.node-desc {
|
||||
font-size: 12px;
|
||||
color: var(--el-text-color-secondary);
|
||||
margin-top: 2px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,128 @@
|
||||
<template>
|
||||
<div class="source-select">
|
||||
<el-radio-group v-model="sourceType" class="source-radio">
|
||||
<el-radio-button :value="0">独立创建</el-radio-button>
|
||||
<el-radio-button :value="1">来自商机</el-radio-button>
|
||||
<el-radio-button :value="2">来自项目</el-radio-button>
|
||||
</el-radio-group>
|
||||
|
||||
<div v-if="sourceType === 1" class="source-picker">
|
||||
<el-select
|
||||
v-model="sourceId"
|
||||
filterable
|
||||
remote
|
||||
clearable
|
||||
placeholder="输入商机名称搜索"
|
||||
:remote-method="searchBusiness"
|
||||
:loading="loading"
|
||||
style="width: 320px"
|
||||
@change="handlePick"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in businessOptions"
|
||||
:key="item.id"
|
||||
:label="item.business_name"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
<span v-if="pickedLabel" class="picked-tip">
|
||||
已选：{{ pickedLabel }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div v-else-if="sourceType === 2" class="source-picker">
|
||||
<el-input
|
||||
v-model.number="sourceId"
|
||||
placeholder="请输入项目 ID"
|
||||
clearable
|
||||
style="width: 320px"
|
||||
@change="handlePick"
|
||||
/>
|
||||
<span class="picked-tip muted">
|
||||
项目来源请填写项目 ID，提交后由后端带出项目信息
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, watch } from "vue";
|
||||
import { getBusinessList } from "@/api/crmPipeline";
|
||||
|
||||
/**
|
||||
* 投标来源选择：独立创建 / 来自商机 / 来自项目
|
||||
* 商机走远程搜索；项目按 ID 关联（项目模块未提供通用搜索接口）。
|
||||
*/
|
||||
const props = defineProps({
|
||||
modelValue: { type: Object, default: () => ({ source_type: 0, source_id: null }) }
|
||||
});
|
||||
const emit = defineEmits(["update:modelValue", "pick"]);
|
||||
|
||||
const loading = ref(false);
|
||||
const sourceType = ref(props.modelValue?.source_type ?? 0);
|
||||
const sourceId = ref(props.modelValue?.source_id ?? null);
|
||||
const businessOptions = ref([]);
|
||||
const pickedLabel = ref("");
|
||||
|
||||
watch(
|
||||
() => props.modelValue,
|
||||
v => {
|
||||
sourceType.value = v?.source_type ?? 0;
|
||||
sourceId.value = v?.source_id ?? null;
|
||||
},
|
||||
{ deep: true }
|
||||
);
|
||||
|
||||
watch([sourceType, sourceId], () => {
|
||||
emit("update:modelValue", {
|
||||
source_type: sourceType.value,
|
||||
source_id: sourceId.value || null
|
||||
});
|
||||
});
|
||||
|
||||
async function searchBusiness(keyword) {
|
||||
loading.value = true;
|
||||
try {
|
||||
const res = await getBusinessList({ keyword, page: 1, pageSize: 20 });
|
||||
businessOptions.value = res?.data?.list || [];
|
||||
} catch {
|
||||
businessOptions.value = [];
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
function handlePick(val) {
|
||||
if (sourceType.value === 1) {
|
||||
const hit = businessOptions.value.find(b => b.id === val);
|
||||
pickedLabel.value = hit?.business_name || "";
|
||||
emit("pick", { type: 1, row: hit || null });
|
||||
} else {
|
||||
emit("pick", { type: 2, id: val });
|
||||
}
|
||||
}
|
||||
|
||||
// 初始化时拉一次商机列表，便于快速选择
|
||||
searchBusiness("");
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.source-select {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
}
|
||||
.source-picker {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.picked-tip {
|
||||
font-size: 12px;
|
||||
color: var(--el-color-primary);
|
||||
}
|
||||
.picked-tip.muted {
|
||||
color: var(--el-text-color-secondary);
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,34 @@
|
||||
<template>
|
||||
<el-tag :type="tagType" size="small" effect="light">{{ text }}</el-tag>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { computed } from "vue";
|
||||
import {
|
||||
bidStatusText,
|
||||
bidStatusTag,
|
||||
tenderStatusText,
|
||||
tenderStatusTag
|
||||
} from "@/views/apps/crm/dict";
|
||||
|
||||
/**
|
||||
* 招投标状态标签
|
||||
* kind: bid（投标）| tender（招标）
|
||||
*/
|
||||
const props = defineProps({
|
||||
kind: { type: String, default: "bid" },
|
||||
status: { type: [Number, String], default: 0 }
|
||||
});
|
||||
|
||||
const text = computed(() =>
|
||||
props.kind === "tender"
|
||||
? tenderStatusText(props.status)
|
||||
: bidStatusText(props.status)
|
||||
);
|
||||
|
||||
const tagType = computed(() =>
|
||||
props.kind === "tender"
|
||||
? tenderStatusTag(props.status)
|
||||
: bidStatusTag(props.status)
|
||||
);
|
||||
</script>
|
||||
@@ -0,0 +1,16 @@
|
||||
<template>
|
||||
<el-tag :type="tagType" size="small" effect="plain">{{ text }}</el-tag>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { computed } from "vue";
|
||||
import { tenderTypeText, tenderTypeTag } from "@/views/apps/crm/dict";
|
||||
|
||||
/** 招标类型标签：公开招标 / 邀请招标 / 竞争性谈判 / 询价 / 单一来源 */
|
||||
const props = defineProps({
|
||||
type: { type: [Number, String], default: "" }
|
||||
});
|
||||
|
||||
const text = computed(() => tenderTypeText(props.type));
|
||||
const tagType = computed(() => tenderTypeTag(props.type));
|
||||
</script>
|
||||
@@ -1,5 +0,0 @@
|
||||
<template>
|
||||
<div />
|
||||
</template>
|
||||
|
||||
<script setup></script>
|
||||
@@ -0,0 +1,371 @@
|
||||
<template>
|
||||
<div class="bidding-home crm-page">
|
||||
<div class="page-header">
|
||||
<div>
|
||||
<h2>招投标管理</h2>
|
||||
<p>支持「我要招标」与「我要投标」双场景，与商机/项目/合同无缝衔接</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="entry-cards">
|
||||
<div class="entry-card" @click="goBid">
|
||||
<div class="card-icon" :style="{ background: 'linear-gradient(135deg, #409EFF, #67C23A)' }">
|
||||
<el-icon :size="48"><Trophy /></el-icon>
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<h3>我要投标</h3>
|
||||
<p class="card-desc">作为乙方参与，从商机或项目发起投标，沉淀标书与报价，中标可一键转合同/项目</p>
|
||||
<ul class="card-features">
|
||||
<li>支持从商机/项目快速发起</li>
|
||||
<li>任务分工 + 标书版本管理</li>
|
||||
<li>报价/竞争对手/费用全记录</li>
|
||||
<li>中标自动转合同/项目</li>
|
||||
</ul>
|
||||
</div>
|
||||
<el-button type="primary" :icon="ArrowRight">进入投标</el-button>
|
||||
</div>
|
||||
|
||||
<div class="entry-card" @click="goTender">
|
||||
<div class="card-icon" :style="{ background: 'linear-gradient(135deg, #E6A23C, #F56C6C)' }">
|
||||
<el-icon :size="48"><Document /></el-icon>
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<h3>我要招标</h3>
|
||||
<p class="card-desc">作为甲方发布招标、收集投标、评标定标，支持流标/废标/转合同全流程</p>
|
||||
<ul class="card-features">
|
||||
<li>招标公告发布与版本管理</li>
|
||||
<li>投标方报名审核</li>
|
||||
<li>开标评标多维度打分</li>
|
||||
<li>定标自动转合同</li>
|
||||
</ul>
|
||||
</div>
|
||||
<el-button type="warning" :icon="ArrowRight">进入招标</el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quick-stats">
|
||||
<h3 class="section-title">快速入口</h3>
|
||||
<el-row :gutter="16">
|
||||
<el-col :xs="24" :sm="12" :md="6">
|
||||
<el-card shadow="hover" class="quick-card" @click="goBid('draft')">
|
||||
<div class="quick-content">
|
||||
<el-icon :size="28" color="#909399"><EditPen /></el-icon>
|
||||
<div class="quick-text">
|
||||
<div class="quick-title">草稿投标</div>
|
||||
<div class="quick-desc">继续未完成的投标</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="6">
|
||||
<el-card shadow="hover" class="quick-card" @click="goBid('bidding')">
|
||||
<div class="quick-content">
|
||||
<el-icon :size="28" color="#E6A23C"><Loading /></el-icon>
|
||||
<div class="quick-text">
|
||||
<div class="quick-title">进行中的投标</div>
|
||||
<div class="quick-desc">跟踪进度</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="6">
|
||||
<el-card shadow="hover" class="quick-card" @click="goBid('won')">
|
||||
<div class="quick-content">
|
||||
<el-icon :size="28" color="#67C23A"><CircleCheck /></el-icon>
|
||||
<div class="quick-text">
|
||||
<div class="quick-title">已中标</div>
|
||||
<div class="quick-desc">转合同/转项目</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="6">
|
||||
<el-card shadow="hover" class="quick-card" @click="goLibrary">
|
||||
<div class="quick-content">
|
||||
<el-icon :size="28" color="#409EFF"><Files /></el-icon>
|
||||
<div class="quick-text">
|
||||
<div class="quick-title">公共资料库</div>
|
||||
<div class="quick-desc">标书模板 + 资质文件</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
|
||||
<div class="reminder-section">
|
||||
<div class="section-title-row">
|
||||
<h3 class="section-title">到期提醒</h3>
|
||||
<el-select v-model="reminderDays" size="small" style="width: 120px" @change="loadReminders">
|
||||
<el-option :value="3" label="近 3 天" />
|
||||
<el-option :value="7" label="近 7 天" />
|
||||
<el-option :value="15" label="近 15 天" />
|
||||
<el-option :value="30" label="近 30 天" />
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<el-card v-loading="reminderLoading" shadow="never" class="reminder-card">
|
||||
<el-empty v-if="!reminderList.length" :description="'近 ' + reminderDays + ' 天暂无到期事项'" :image-size="60" />
|
||||
<ul v-else class="reminder-list">
|
||||
<li
|
||||
v-for="item in reminderList"
|
||||
:key="item.biz_type + item.biz_id + item.kind"
|
||||
class="reminder-item"
|
||||
@click="goReminder(item)"
|
||||
>
|
||||
<el-tag :type="reminderTagType(item.level)" size="small" effect="dark">
|
||||
{{ item.level === 'danger' ? '紧急' : item.level === 'warning' ? '提醒' : '关注' }}
|
||||
</el-tag>
|
||||
<div class="reminder-main">
|
||||
<div class="reminder-title">
|
||||
<span class="reminder-biz">{{ bizTypeText(item.biz_type) }}</span>
|
||||
{{ item.title }}
|
||||
</div>
|
||||
<div class="reminder-meta">
|
||||
{{ item.kind_name }} · 到期 {{ item.due_date }} · 负责人 {{ item.owner_user_name || '—' }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="reminder-days" :class="'is-' + item.level">
|
||||
{{ item.remain_days < 0 ? '已逾期 ' + Math.abs(item.remain_days) + ' 天' : '剩 ' + item.remain_days + ' 天' }}
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</el-card>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted } from "vue";
|
||||
import { useRouter } from "vue-router";
|
||||
import { Trophy, Document, ArrowRight, EditPen, Loading, CircleCheck, Files } from "@element-plus/icons-vue";
|
||||
import { getBiddingReminders } from "@/api/crmBidding";
|
||||
|
||||
const router = useRouter();
|
||||
|
||||
function goBid(filter) {
|
||||
const query = filter ? { filter } : {};
|
||||
router.push({ path: "/apps/crm/bidding/bid", query });
|
||||
}
|
||||
|
||||
function goTender() {
|
||||
router.push("/apps/crm/bidding/tender");
|
||||
}
|
||||
|
||||
function goLibrary() {
|
||||
router.push("/apps/crm/bidding/library/template");
|
||||
}
|
||||
|
||||
/* ====================== 到期提醒（开发计划 4.1） ====================== */
|
||||
const reminderDays = ref(7);
|
||||
const reminderList = ref([]);
|
||||
const reminderLoading = ref(false);
|
||||
|
||||
async function loadReminders() {
|
||||
reminderLoading.value = true;
|
||||
try {
|
||||
const res = await getBiddingReminders({ days: reminderDays.value });
|
||||
reminderList.value = (res && res.data && res.data.list) || [];
|
||||
} catch (e) {
|
||||
reminderList.value = [];
|
||||
} finally {
|
||||
reminderLoading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
function reminderTagType(level) {
|
||||
if (level === "danger") return "danger";
|
||||
if (level === "warning") return "warning";
|
||||
return "info";
|
||||
}
|
||||
|
||||
function bizTypeText(type) {
|
||||
if (type === "bid") return "投标";
|
||||
if (type === "tender") return "招标";
|
||||
return "资质";
|
||||
}
|
||||
|
||||
function goReminder(item) {
|
||||
if (item.biz_type === "bid") {
|
||||
router.push({ path: "/apps/crm/bidding/bid", query: { id: item.biz_id } });
|
||||
} else if (item.biz_type === "tender") {
|
||||
router.push({ path: "/apps/crm/bidding/tender", query: { id: item.biz_id } });
|
||||
} else {
|
||||
router.push({ path: "/apps/crm/bidding/library/qualification", query: { id: item.biz_id } });
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(loadReminders);
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.bidding-home {
|
||||
.entry-cards {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
|
||||
gap: 20px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.entry-card {
|
||||
background: var(--el-bg-color);
|
||||
border: 1px solid var(--el-border-color-lighter);
|
||||
border-radius: 8px;
|
||||
padding: 24px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
|
||||
transform: translateY(-2px);
|
||||
border-color: var(--el-color-primary-light-5);
|
||||
}
|
||||
|
||||
.card-icon {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.card-content {
|
||||
flex: 1;
|
||||
h3 {
|
||||
margin: 0 0 8px;
|
||||
font-size: 20px;
|
||||
color: var(--el-text-color-primary);
|
||||
}
|
||||
.card-desc {
|
||||
margin: 0 0 12px;
|
||||
color: var(--el-text-color-regular);
|
||||
font-size: 13px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.card-features {
|
||||
margin: 0;
|
||||
padding-left: 18px;
|
||||
color: var(--el-text-color-secondary);
|
||||
font-size: 12px;
|
||||
line-height: 1.8;
|
||||
li {
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.quick-stats {
|
||||
.section-title {
|
||||
font-size: 16px;
|
||||
margin: 0 0 16px;
|
||||
color: var(--el-text-color-regular);
|
||||
}
|
||||
.quick-card {
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
&:hover {
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
.quick-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
.quick-title {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.quick-desc {
|
||||
font-size: 12px;
|
||||
color: var(--el-text-color-secondary);
|
||||
margin-top: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.reminder-section {
|
||||
.section-title-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin: 0 0 16px;
|
||||
.section-title {
|
||||
font-size: 16px;
|
||||
margin: 0;
|
||||
color: var(--el-text-color-regular);
|
||||
}
|
||||
}
|
||||
.reminder-card {
|
||||
border-radius: 8px;
|
||||
}
|
||||
.reminder-list {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
.reminder-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
padding: 12px 8px;
|
||||
border-bottom: 1px solid var(--el-border-color-lighter);
|
||||
cursor: pointer;
|
||||
transition: background 0.2s ease;
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
&:hover {
|
||||
background: var(--el-fill-color-light);
|
||||
}
|
||||
.reminder-main {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
.reminder-title {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: var(--el-text-color-primary);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
.reminder-biz {
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
color: var(--el-text-color-secondary);
|
||||
background: var(--el-fill-color);
|
||||
border-radius: 4px;
|
||||
padding: 1px 6px;
|
||||
}
|
||||
}
|
||||
.reminder-meta {
|
||||
font-size: 12px;
|
||||
color: var(--el-text-color-secondary);
|
||||
margin-top: 4px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
.reminder-days {
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
white-space: nowrap;
|
||||
&.is-danger {
|
||||
color: var(--el-color-danger);
|
||||
}
|
||||
&.is-warning {
|
||||
color: var(--el-color-warning);
|
||||
}
|
||||
&.is-info {
|
||||
color: var(--el-color-info);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,436 @@
|
||||
<template>
|
||||
<div class="crm-page">
|
||||
<div class="page-header">
|
||||
<div>
|
||||
<h2>企业资质库</h2>
|
||||
<p>集中管理营业执照、资质证书等投标所需证照，临期自动预警</p>
|
||||
</div>
|
||||
<div class="header-actions">
|
||||
<el-button :icon="Refresh" @click="fetchList">刷新</el-button>
|
||||
<el-button type="primary" :icon="Plus" @click="openCreate">新增资质</el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<el-alert
|
||||
v-if="expiringCount > 0"
|
||||
type="warning"
|
||||
:closable="false"
|
||||
show-icon
|
||||
:title="`有 ${expiringCount} 项资质即将到期或已失效，请及时更新`"
|
||||
style="margin-bottom: 12px"
|
||||
/>
|
||||
|
||||
<div class="filter-bar">
|
||||
<el-form :inline="true" :model="filters" @submit.prevent>
|
||||
<el-form-item>
|
||||
<el-input
|
||||
v-model="filters.keyword"
|
||||
clearable
|
||||
placeholder="搜索资质名称 / 编号"
|
||||
:prefix-icon="Search"
|
||||
style="width: 240px"
|
||||
@keyup.enter="handleSearch"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="状态">
|
||||
<el-select v-model="filters.status" clearable placeholder="全部" style="width: 140px">
|
||||
<el-option
|
||||
v-for="opt in qualificationStatusOptions"
|
||||
:key="opt.value"
|
||||
:label="opt.label"
|
||||
:value="opt.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" :icon="Search" @click="handleSearch">查询</el-button>
|
||||
<el-button :icon="RefreshLeft" @click="resetFilters">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
|
||||
<div class="table-container" v-loading="loading">
|
||||
<el-table :data="tableData" stripe border>
|
||||
<el-table-column label="资质名称" min-width="160" show-overflow-tooltip prop="qualification_name" />
|
||||
<el-table-column label="类型" width="120" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag size="small">{{ qualTypeText(row.qualification_type) }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="证书编号" prop="qualification_no" width="160" show-overflow-tooltip />
|
||||
<el-table-column label="发证机关" prop="issuing_authority" min-width="150" show-overflow-tooltip />
|
||||
<el-table-column label="有效期至" width="120" align="center">
|
||||
<template #default="{ row }">{{ formatDateOnly(row.expire_date) || "-" }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" width="120" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag :type="qualificationStatusTag(row.status)" size="small">
|
||||
{{ qualificationStatusText(row.status) }}
|
||||
</el-tag>
|
||||
<div v-if="row.expiring_days !== undefined && row.expiring_days !== null" class="expire-tip">
|
||||
{{ expireTip(row) }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="负责人" prop="owner_user_name" width="100" align="center" />
|
||||
<el-table-column label="操作" width="200" align="center" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button link type="primary" size="small" @click="openPreview(row)">查看</el-button>
|
||||
<el-button link type="warning" size="small" @click="openEdit(row)">编辑</el-button>
|
||||
<el-button link type="danger" size="small" @click="handleDelete(row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<template #empty><el-empty description="暂无资质" :image-size="80" /></template>
|
||||
</el-table>
|
||||
|
||||
<div class="pagination">
|
||||
<el-pagination
|
||||
v-model:current-page="pagination.page"
|
||||
v-model:page-size="pagination.pageSize"
|
||||
:total="pagination.total"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
@size-change="handleSearch"
|
||||
@current-change="fetchList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 新建 / 编辑 -->
|
||||
<el-dialog
|
||||
v-model="dialogVisible"
|
||||
:title="editing ? '编辑资质' : '新增资质'"
|
||||
width="700px"
|
||||
:close-on-click-modal="false"
|
||||
>
|
||||
<el-form :model="form" label-width="110px">
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="资质名称" required>
|
||||
<el-input v-model="form.qualification_name" placeholder="如：ISO9001 认证" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="资质类型">
|
||||
<el-select v-model="form.qualification_type" style="width: 100%">
|
||||
<el-option
|
||||
v-for="opt in qualificationTypeOptions"
|
||||
:key="opt.value"
|
||||
:label="opt.label"
|
||||
:value="opt.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="证书编号">
|
||||
<el-input v-model="form.qualification_no" placeholder="证书编号" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="发证机关">
|
||||
<el-input v-model="form.issuing_authority" placeholder="发证机关" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="发证日期">
|
||||
<el-date-picker
|
||||
v-model="form.issue_date"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD"
|
||||
placeholder="选择日期"
|
||||
style="width: 100%"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="到期日期">
|
||||
<el-date-picker
|
||||
v-model="form.expire_date"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD"
|
||||
placeholder="选择日期"
|
||||
style="width: 100%"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="预警天数">
|
||||
<el-input-number v-model="form.alert_days" :min="0" :max="365" style="width: 100%" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item label="附件">
|
||||
<div class="file-row">
|
||||
<el-upload :http-request="handleUpload" :show-file-list="false">
|
||||
<el-button :icon="Upload">上传附件</el-button>
|
||||
</el-upload>
|
||||
<el-input v-model="form.file_url" placeholder="附件地址（也可直接填写）" />
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="说明">
|
||||
<el-input v-model="form.description" type="textarea" :rows="3" placeholder="资质说明（选填）" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="dialogVisible = false">取消</el-button>
|
||||
<el-button type="primary" :loading="submitting" @click="handleSubmit">保存</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 预览 -->
|
||||
<el-dialog v-model="previewVisible" :title="previewRow?.qualification_name || '资质详情'" width="680px">
|
||||
<el-descriptions v-if="previewRow" :column="2" border>
|
||||
<el-descriptions-item label="资质类型">
|
||||
{{ qualTypeText(previewRow.qualification_type) }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="证书编号">
|
||||
{{ previewRow.qualification_no || "-" }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="发证机关">
|
||||
{{ previewRow.issuing_authority || "-" }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="发证日期">
|
||||
{{ formatDateOnly(previewRow.issue_date) || "-" }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="到期日期">
|
||||
{{ formatDateOnly(previewRow.expire_date) || "-" }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="状态">
|
||||
<el-tag :type="qualificationStatusTag(previewRow.status)" size="small">
|
||||
{{ qualificationStatusText(previewRow.status) }}
|
||||
</el-tag>
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
<el-divider />
|
||||
<h4 class="block-title">说明</h4>
|
||||
<div class="content-box">{{ previewRow?.description || "—" }}</div>
|
||||
<template v-if="previewRow?.file_url">
|
||||
<el-divider />
|
||||
<el-link :href="previewRow.file_url" target="_blank" type="primary">打开附件</el-link>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, computed, onMounted } from "vue";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { Plus, Search, Refresh, RefreshLeft, Upload } from "@element-plus/icons-vue";
|
||||
import {
|
||||
getQualificationList,
|
||||
createQualification,
|
||||
updateQualification,
|
||||
deleteQualification,
|
||||
} from "@/api/crmBidding";
|
||||
import { uploadFile } from "@/api/file";
|
||||
import {
|
||||
qualificationTypeOptions,
|
||||
qualificationStatusOptions,
|
||||
qualificationStatusText,
|
||||
qualificationStatusTag,
|
||||
formatDateOnly,
|
||||
} from "@/views/apps/crm/dict";
|
||||
|
||||
const loading = ref(false);
|
||||
const tableData = ref([]);
|
||||
const filters = reactive({ keyword: "", status: "" });
|
||||
const pagination = reactive({ page: 1, pageSize: 20, total: 0 });
|
||||
|
||||
const dialogVisible = ref(false);
|
||||
const previewVisible = ref(false);
|
||||
const previewRow = ref(null);
|
||||
const editing = ref(null);
|
||||
const submitting = ref(false);
|
||||
|
||||
const emptyForm = () => ({
|
||||
qualification_name: "",
|
||||
qualification_type: "1",
|
||||
qualification_no: "",
|
||||
issuing_authority: "",
|
||||
issue_date: "",
|
||||
expire_date: "",
|
||||
alert_days: 30,
|
||||
file_url: "",
|
||||
file_name: "",
|
||||
file_size: 0,
|
||||
description: "",
|
||||
});
|
||||
const form = reactive(emptyForm());
|
||||
|
||||
const expiringCount = computed(
|
||||
() => tableData.value.filter((r) => Number(r.status) !== 1).length
|
||||
);
|
||||
|
||||
onMounted(fetchList);
|
||||
|
||||
async function fetchList() {
|
||||
loading.value = true;
|
||||
try {
|
||||
const res = await getQualificationList({
|
||||
page: pagination.page,
|
||||
pageSize: pagination.pageSize,
|
||||
...filters,
|
||||
});
|
||||
tableData.value = res?.data?.list || [];
|
||||
pagination.total = res?.data?.total || 0;
|
||||
} catch (e) {
|
||||
tableData.value = [];
|
||||
pagination.total = 0;
|
||||
ElMessage.error(e?.message || "查询失败");
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
function handleSearch() {
|
||||
pagination.page = 1;
|
||||
fetchList();
|
||||
}
|
||||
|
||||
function resetFilters() {
|
||||
filters.keyword = "";
|
||||
filters.status = "";
|
||||
handleSearch();
|
||||
}
|
||||
|
||||
function openCreate() {
|
||||
editing.value = null;
|
||||
Object.assign(form, emptyForm());
|
||||
dialogVisible.value = true;
|
||||
}
|
||||
|
||||
function openEdit(row) {
|
||||
editing.value = row;
|
||||
Object.assign(form, {
|
||||
qualification_name: row.qualification_name || "",
|
||||
qualification_type: String(row.qualification_type || "1"),
|
||||
qualification_no: row.qualification_no || "",
|
||||
issuing_authority: row.issuing_authority || "",
|
||||
issue_date: trimTime(row.issue_date, 10),
|
||||
expire_date: trimTime(row.expire_date, 10),
|
||||
alert_days: Number(row.alert_days) || 30,
|
||||
file_url: row.file_url || "",
|
||||
file_name: row.file_name || "",
|
||||
file_size: Number(row.file_size) || 0,
|
||||
description: row.description || "",
|
||||
});
|
||||
dialogVisible.value = true;
|
||||
}
|
||||
|
||||
function trimTime(val, len) {
|
||||
if (!val) return "";
|
||||
const s = String(val).replace("T", " ");
|
||||
return s.length > len ? s.slice(0, len) : s;
|
||||
}
|
||||
|
||||
async function handleUpload(option) {
|
||||
const file = option.file;
|
||||
const fd = new FormData();
|
||||
fd.append("file", file);
|
||||
try {
|
||||
const upRes = await uploadFile(fd);
|
||||
if (upRes?.code !== 200 && upRes?.code !== 201) {
|
||||
throw new Error(upRes?.msg || "上传失败");
|
||||
}
|
||||
const data = upRes?.data || {};
|
||||
form.file_url = data.url || "";
|
||||
form.file_name = data.name || file.name;
|
||||
form.file_size = file.size || 0;
|
||||
ElMessage.success("上传成功");
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "上传失败");
|
||||
}
|
||||
}
|
||||
|
||||
async function handleSubmit() {
|
||||
if (!form.qualification_name.trim()) {
|
||||
ElMessage.warning("请输入资质名称");
|
||||
return;
|
||||
}
|
||||
submitting.value = true;
|
||||
try {
|
||||
if (editing.value?.id) {
|
||||
await updateQualification(editing.value.id, { ...form });
|
||||
} else {
|
||||
await createQualification({ ...form });
|
||||
}
|
||||
ElMessage.success("保存成功");
|
||||
dialogVisible.value = false;
|
||||
fetchList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "保存失败");
|
||||
} finally {
|
||||
submitting.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function handleDelete(row) {
|
||||
try {
|
||||
await ElMessageBox.confirm(`确认删除资质「${row.qualification_name}」？`, "删除确认", {
|
||||
type: "warning",
|
||||
});
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
await deleteQualification(row.id);
|
||||
ElMessage.success("删除成功");
|
||||
fetchList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "删除失败");
|
||||
}
|
||||
}
|
||||
|
||||
function openPreview(row) {
|
||||
previewRow.value = row;
|
||||
previewVisible.value = true;
|
||||
}
|
||||
|
||||
function qualTypeText(v) {
|
||||
const hit = qualificationTypeOptions.find((i) => String(i.value) === String(v));
|
||||
return hit ? hit.label : "-";
|
||||
}
|
||||
|
||||
function expireTip(row) {
|
||||
const d = Number(row.expiring_days);
|
||||
if (Number.isNaN(d)) return "";
|
||||
if (d < 0) return `已过期 ${Math.abs(d)} 天`;
|
||||
return `剩余 ${d} 天`;
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped src="../../styles/crm-page.less"></style>
|
||||
|
||||
<style scoped>
|
||||
.expire-tip {
|
||||
font-size: 12px;
|
||||
color: var(--el-text-color-secondary);
|
||||
margin-top: 2px;
|
||||
}
|
||||
.file-row {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
width: 100%;
|
||||
}
|
||||
.block-title {
|
||||
margin: 0 0 8px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: var(--el-text-color-regular);
|
||||
}
|
||||
.content-box {
|
||||
background: var(--el-bg-color-page);
|
||||
border-radius: 6px;
|
||||
padding: 12px;
|
||||
font-size: 13px;
|
||||
line-height: 1.6;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-word;
|
||||
min-height: 40px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,303 @@
|
||||
<template>
|
||||
<div class="crm-page">
|
||||
<div class="page-header">
|
||||
<div>
|
||||
<h2>标书模板库</h2>
|
||||
<p>沉淀技术标 / 商务标 / 综合标模板，投标时可直接引用生成标书版本</p>
|
||||
</div>
|
||||
<div class="header-actions">
|
||||
<el-button :icon="Refresh" @click="fetchList">刷新</el-button>
|
||||
<el-button type="primary" :icon="Plus" @click="openCreate">新建模板</el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="filter-bar">
|
||||
<el-form :inline="true" :model="filters" @submit.prevent>
|
||||
<el-form-item>
|
||||
<el-input
|
||||
v-model="filters.keyword"
|
||||
clearable
|
||||
placeholder="搜索模板名称 / 行业"
|
||||
:prefix-icon="Search"
|
||||
style="width: 240px"
|
||||
@keyup.enter="handleSearch"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="模板类型">
|
||||
<el-select v-model="filters.template_type" clearable placeholder="全部" style="width: 140px">
|
||||
<el-option
|
||||
v-for="opt in bidTemplateTypeOptions"
|
||||
:key="opt.value"
|
||||
:label="opt.label"
|
||||
:value="opt.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" :icon="Search" @click="handleSearch">查询</el-button>
|
||||
<el-button :icon="RefreshLeft" @click="resetFilters">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
|
||||
<div class="table-container" v-loading="loading">
|
||||
<el-table :data="tableData" stripe border>
|
||||
<el-table-column label="模板名称" min-width="180" show-overflow-tooltip prop="template_name" />
|
||||
<el-table-column label="类型" width="110" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag size="small">{{ templateTypeText(row.template_type) }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="适用行业" prop="industry" width="130" show-overflow-tooltip />
|
||||
<el-table-column label="描述" prop="description" min-width="180" show-overflow-tooltip />
|
||||
<el-table-column label="引用次数" prop="use_count" width="100" align="center" />
|
||||
<el-table-column label="状态" width="90" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag :type="row.status === 1 ? 'success' : 'info'" size="small">
|
||||
{{ row.status === 1 ? "启用" : "禁用" }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="负责人" prop="owner_user_name" width="100" align="center" />
|
||||
<el-table-column label="操作" width="200" align="center" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button link type="primary" size="small" @click="openPreview(row)">查看</el-button>
|
||||
<el-button link type="warning" size="small" @click="openEdit(row)">编辑</el-button>
|
||||
<el-button link type="danger" size="small" @click="handleDelete(row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<template #empty><el-empty description="暂无模板" :image-size="80" /></template>
|
||||
</el-table>
|
||||
|
||||
<div class="pagination">
|
||||
<el-pagination
|
||||
v-model:current-page="pagination.page"
|
||||
v-model:page-size="pagination.pageSize"
|
||||
:total="pagination.total"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
@size-change="handleSearch"
|
||||
@current-change="fetchList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 新建 / 编辑 -->
|
||||
<el-dialog
|
||||
v-model="dialogVisible"
|
||||
:title="editing ? '编辑模板' : '新建模板'"
|
||||
width="820px"
|
||||
:close-on-click-modal="false"
|
||||
>
|
||||
<el-form :model="form" label-width="100px">
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="模板名称" required>
|
||||
<el-input v-model="form.template_name" placeholder="请输入模板名称" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="模板类型">
|
||||
<el-select v-model="form.template_type" style="width: 100%">
|
||||
<el-option
|
||||
v-for="opt in bidTemplateTypeOptions"
|
||||
:key="opt.value"
|
||||
:label="opt.label"
|
||||
:value="opt.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="适用行业">
|
||||
<el-input v-model="form.industry" placeholder="如：政企 / 医疗 / 制造" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="状态">
|
||||
<el-radio-group v-model="form.status">
|
||||
<el-radio :value="1">启用</el-radio>
|
||||
<el-radio :value="0">禁用</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item label="文件链接">
|
||||
<el-input v-model="form.file_url" placeholder="模板文件地址（选填）" />
|
||||
</el-form-item>
|
||||
<el-form-item label="模板描述">
|
||||
<el-input v-model="form.description" type="textarea" :rows="2" placeholder="模板适用场景说明" />
|
||||
</el-form-item>
|
||||
<el-form-item label="模板正文">
|
||||
<el-input v-model="form.content" type="textarea" :rows="12" placeholder="标书模板内容" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="dialogVisible = false">取消</el-button>
|
||||
<el-button type="primary" :loading="submitting" @click="handleSubmit">保存</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 预览 -->
|
||||
<el-dialog v-model="previewVisible" :title="previewRow?.template_name || '模板预览'" width="800px">
|
||||
<el-descriptions :column="3" border size="small">
|
||||
<el-descriptions-item label="类型">
|
||||
{{ templateTypeText(previewRow?.template_type) }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="行业">{{ previewRow?.industry || "-" }}</el-descriptions-item>
|
||||
<el-descriptions-item label="引用次数">{{ previewRow?.use_count || 0 }}</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
<el-divider />
|
||||
<div class="preview-content">{{ previewRow?.content || "（空）" }}</div>
|
||||
<template v-if="previewRow?.file_url">
|
||||
<el-divider />
|
||||
<el-link :href="previewRow.file_url" target="_blank" type="primary">打开模板文件</el-link>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, onMounted } from "vue";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { Plus, Search, Refresh, RefreshLeft } from "@element-plus/icons-vue";
|
||||
import {
|
||||
getTemplateList,
|
||||
createTemplate,
|
||||
updateTemplate,
|
||||
deleteTemplate,
|
||||
} from "@/api/crmBidding";
|
||||
import { bidTemplateTypeOptions, templateTypeText } from "@/views/apps/crm/dict";
|
||||
|
||||
const loading = ref(false);
|
||||
const tableData = ref([]);
|
||||
const filters = reactive({ keyword: "", template_type: "" });
|
||||
const pagination = reactive({ page: 1, pageSize: 20, total: 0 });
|
||||
|
||||
const dialogVisible = ref(false);
|
||||
const previewVisible = ref(false);
|
||||
const previewRow = ref(null);
|
||||
const editing = ref(null);
|
||||
const submitting = ref(false);
|
||||
|
||||
const emptyForm = () => ({
|
||||
template_name: "",
|
||||
template_type: "1",
|
||||
industry: "",
|
||||
description: "",
|
||||
content: "",
|
||||
file_url: "",
|
||||
status: 1,
|
||||
});
|
||||
const form = reactive(emptyForm());
|
||||
|
||||
onMounted(fetchList);
|
||||
|
||||
async function fetchList() {
|
||||
loading.value = true;
|
||||
try {
|
||||
const res = await getTemplateList({
|
||||
page: pagination.page,
|
||||
pageSize: pagination.pageSize,
|
||||
...filters,
|
||||
});
|
||||
tableData.value = res?.data?.list || [];
|
||||
pagination.total = res?.data?.total || 0;
|
||||
} catch (e) {
|
||||
tableData.value = [];
|
||||
pagination.total = 0;
|
||||
ElMessage.error(e?.message || "查询失败");
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
function handleSearch() {
|
||||
pagination.page = 1;
|
||||
fetchList();
|
||||
}
|
||||
|
||||
function resetFilters() {
|
||||
filters.keyword = "";
|
||||
filters.template_type = "";
|
||||
handleSearch();
|
||||
}
|
||||
|
||||
function openCreate() {
|
||||
editing.value = null;
|
||||
Object.assign(form, emptyForm());
|
||||
dialogVisible.value = true;
|
||||
}
|
||||
|
||||
function openEdit(row) {
|
||||
editing.value = row;
|
||||
Object.assign(form, {
|
||||
template_name: row.template_name || "",
|
||||
template_type: String(row.template_type || "1"),
|
||||
industry: row.industry || "",
|
||||
description: row.description || "",
|
||||
content: row.content || "",
|
||||
file_url: row.file_url || "",
|
||||
status: Number(row.status) || 1,
|
||||
});
|
||||
dialogVisible.value = true;
|
||||
}
|
||||
|
||||
async function handleSubmit() {
|
||||
if (!form.template_name.trim()) {
|
||||
ElMessage.warning("请输入模板名称");
|
||||
return;
|
||||
}
|
||||
submitting.value = true;
|
||||
try {
|
||||
if (editing.value?.id) {
|
||||
await updateTemplate(editing.value.id, { ...form });
|
||||
} else {
|
||||
await createTemplate({ ...form });
|
||||
}
|
||||
ElMessage.success("保存成功");
|
||||
dialogVisible.value = false;
|
||||
fetchList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "保存失败");
|
||||
} finally {
|
||||
submitting.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function handleDelete(row) {
|
||||
try {
|
||||
await ElMessageBox.confirm(`确认删除模板「${row.template_name}」？`, "删除确认", {
|
||||
type: "warning",
|
||||
});
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
await deleteTemplate(row.id);
|
||||
ElMessage.success("删除成功");
|
||||
fetchList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "删除失败");
|
||||
}
|
||||
}
|
||||
|
||||
function openPreview(row) {
|
||||
previewRow.value = row;
|
||||
previewVisible.value = true;
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped src="../../styles/crm-page.less"></style>
|
||||
|
||||
<style scoped>
|
||||
.preview-content {
|
||||
white-space: pre-wrap;
|
||||
word-break: break-word;
|
||||
line-height: 1.8;
|
||||
font-size: 14px;
|
||||
min-height: 120px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,243 @@
|
||||
<template>
|
||||
<div class="crm-page">
|
||||
<div class="page-header">
|
||||
<div>
|
||||
<h2>投标统计</h2>
|
||||
<p>汇总投标数量、中标率、中标金额与费用投入，按月跟踪立项趋势</p>
|
||||
</div>
|
||||
<div class="header-actions">
|
||||
<el-button :icon="Refresh" @click="fetchData">刷新</el-button>
|
||||
<el-button :icon="ArrowLeft" @click="goBack">返回</el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-loading="loading">
|
||||
<el-row :gutter="16" class="stat-row">
|
||||
<el-col :xs="24" :sm="12" :md="6">
|
||||
<el-card shadow="never" class="stat-card">
|
||||
<div class="stat-label">投标总数</div>
|
||||
<div class="stat-value">{{ data.total || 0 }}</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="6">
|
||||
<el-card shadow="never" class="stat-card">
|
||||
<div class="stat-label">中标数量</div>
|
||||
<div class="stat-value success">{{ data.won || 0 }}</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="6">
|
||||
<el-card shadow="never" class="stat-card">
|
||||
<div class="stat-label">中标率</div>
|
||||
<div class="stat-value">{{ winRateText }}</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="6">
|
||||
<el-card shadow="never" class="stat-card">
|
||||
<div class="stat-label">投标费用合计</div>
|
||||
<div class="stat-value money">{{ formatMoney(data.expense) }}</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="16">
|
||||
<el-col :xs="24" :md="12">
|
||||
<el-card shadow="never" class="chart-card">
|
||||
<template #header><span>按投标状态分布</span></template>
|
||||
<div ref="statusChartRef" class="chart-box" />
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :xs="24" :md="12">
|
||||
<el-card shadow="never" class="chart-card">
|
||||
<template #header><span>近 12 个月立项趋势</span></template>
|
||||
<div ref="monthlyChartRef" class="chart-box" />
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-card shadow="never" class="chart-card">
|
||||
<template #header><span>投入产出</span></template>
|
||||
<el-descriptions :column="3" border>
|
||||
<el-descriptions-item label="中标项目金额">
|
||||
{{ formatMoney(data.amount_won) }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="投标费用">
|
||||
{{ formatMoney(data.expense) }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="费效比">
|
||||
{{ roiText }}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-card>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, computed, onMounted, onUnmounted, nextTick } from "vue";
|
||||
import { useRouter } from "vue-router";
|
||||
import { Refresh, ArrowLeft } from "@element-plus/icons-vue";
|
||||
import * as echarts from "echarts";
|
||||
import { getBidStatistics } from "@/api/crmBidding";
|
||||
import { bidStatusText, formatMoney } from "@/views/apps/crm/dict";
|
||||
|
||||
const router = useRouter();
|
||||
|
||||
const loading = ref(false);
|
||||
const data = reactive({
|
||||
total: 0,
|
||||
won: 0,
|
||||
win_rate: 0,
|
||||
by_status: [],
|
||||
amount_won: 0,
|
||||
expense: 0,
|
||||
monthly: [],
|
||||
});
|
||||
|
||||
const statusChartRef = ref();
|
||||
const monthlyChartRef = ref();
|
||||
let statusChart = null;
|
||||
let monthlyChart = null;
|
||||
|
||||
const winRateText = computed(() => {
|
||||
const r = Number(data.win_rate);
|
||||
if (!r && r !== 0) return "-";
|
||||
return `${r.toFixed(2)}%`;
|
||||
});
|
||||
|
||||
const roiText = computed(() => {
|
||||
const expense = Number(data.expense) || 0;
|
||||
const amount = Number(data.amount_won) || 0;
|
||||
if (expense <= 0) return amount > 0 ? "—（无费用投入）" : "-";
|
||||
return `${(amount / expense).toFixed(2)} 倍`;
|
||||
});
|
||||
|
||||
onMounted(async () => {
|
||||
window.addEventListener("resize", handleResize);
|
||||
await fetchData();
|
||||
});
|
||||
|
||||
onUnmounted(() => {
|
||||
window.removeEventListener("resize", handleResize);
|
||||
statusChart?.dispose();
|
||||
monthlyChart?.dispose();
|
||||
});
|
||||
|
||||
function handleResize() {
|
||||
statusChart?.resize();
|
||||
monthlyChart?.resize();
|
||||
}
|
||||
|
||||
async function fetchData() {
|
||||
loading.value = true;
|
||||
try {
|
||||
const res = await getBidStatistics();
|
||||
const d = res?.data || {};
|
||||
data.total = d.total || 0;
|
||||
data.won = d.won || 0;
|
||||
data.win_rate = d.win_rate || 0;
|
||||
data.by_status = d.by_status || [];
|
||||
data.amount_won = d.amount_won || 0;
|
||||
data.expense = d.expense || 0;
|
||||
data.monthly = d.monthly || [];
|
||||
await nextTick();
|
||||
renderCharts();
|
||||
} catch {
|
||||
data.by_status = [];
|
||||
data.monthly = [];
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
function renderCharts() {
|
||||
if (statusChartRef.value) {
|
||||
statusChart?.dispose();
|
||||
statusChart = echarts.init(statusChartRef.value);
|
||||
statusChart.setOption({
|
||||
tooltip: { trigger: "item" },
|
||||
legend: { bottom: 0 },
|
||||
series: [
|
||||
{
|
||||
type: "pie",
|
||||
radius: ["40%", "65%"],
|
||||
avoidLabelOverlap: true,
|
||||
itemStyle: { borderRadius: 6 },
|
||||
label: { formatter: "{b}: {c}" },
|
||||
data: (data.by_status || []).map((r) => ({
|
||||
name: bidStatusText(r.name),
|
||||
value: Number(r.count) || 0,
|
||||
})),
|
||||
},
|
||||
],
|
||||
});
|
||||
}
|
||||
|
||||
if (monthlyChartRef.value) {
|
||||
const rows = data.monthly || [];
|
||||
monthlyChart?.dispose();
|
||||
monthlyChart = echarts.init(monthlyChartRef.value);
|
||||
monthlyChart.setOption({
|
||||
tooltip: { trigger: "axis" },
|
||||
grid: { left: 40, right: 20, top: 30, bottom: 40 },
|
||||
xAxis: {
|
||||
type: "category",
|
||||
data: rows.map((r) => r.month || ""),
|
||||
axisLabel: { rotate: 30 },
|
||||
},
|
||||
yAxis: { type: "value", minInterval: 1 },
|
||||
series: [
|
||||
{
|
||||
type: "bar",
|
||||
name: "立项数",
|
||||
data: rows.map((r) => Number(r.count) || 0),
|
||||
itemStyle: {
|
||||
borderRadius: [4, 4, 0, 0],
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||
{ offset: 0, color: "#409eff" },
|
||||
{ offset: 1, color: "#a0cfff" },
|
||||
]),
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function goBack() {
|
||||
router.push("/apps/crm/bidding/bid");
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped src="../../styles/crm-page.less"></style>
|
||||
|
||||
<style scoped>
|
||||
.stat-row {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.stat-card {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.stat-label {
|
||||
font-size: 13px;
|
||||
color: var(--el-text-color-secondary);
|
||||
}
|
||||
.stat-value {
|
||||
margin-top: 6px;
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
color: var(--el-text-color-primary);
|
||||
}
|
||||
.stat-value.success {
|
||||
color: var(--el-color-success);
|
||||
}
|
||||
.stat-value.money {
|
||||
font-size: 20px;
|
||||
}
|
||||
.chart-card {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.chart-box {
|
||||
width: 100%;
|
||||
height: 320px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,192 @@
|
||||
<template>
|
||||
<div class="crm-page">
|
||||
<div class="page-header">
|
||||
<div>
|
||||
<h2>招标统计</h2>
|
||||
<p>按状态 / 类型统计招标项目分布，汇总预算与中标金额</p>
|
||||
</div>
|
||||
<div class="header-actions">
|
||||
<el-button :icon="Refresh" @click="fetchData">刷新</el-button>
|
||||
<el-button :icon="ArrowLeft" @click="goBack">返回</el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-loading="loading">
|
||||
<el-row :gutter="16" class="stat-row">
|
||||
<el-col :xs="24" :sm="12" :md="6">
|
||||
<el-card shadow="never" class="stat-card">
|
||||
<div class="stat-label">招标总数</div>
|
||||
<div class="stat-value">{{ data.total || 0 }}</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="6">
|
||||
<el-card shadow="never" class="stat-card">
|
||||
<div class="stat-label">预算总额</div>
|
||||
<div class="stat-value money">{{ formatMoney(data.budget_total) }}</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="6">
|
||||
<el-card shadow="never" class="stat-card">
|
||||
<div class="stat-label">中标总额</div>
|
||||
<div class="stat-value money">{{ formatMoney(data.award_total) }}</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="6">
|
||||
<el-card shadow="never" class="stat-card">
|
||||
<div class="stat-label">节资率</div>
|
||||
<div class="stat-value">{{ saveRate }}</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="16">
|
||||
<el-col :xs="24" :md="12">
|
||||
<el-card shadow="never" class="chart-card">
|
||||
<template #header><span>按状态分布</span></template>
|
||||
<div ref="statusChartRef" class="chart-box" />
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :xs="24" :md="12">
|
||||
<el-card shadow="never" class="chart-card">
|
||||
<template #header><span>按招标类型分布</span></template>
|
||||
<div ref="typeChartRef" class="chart-box" />
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, computed, onMounted, onUnmounted, nextTick } from "vue";
|
||||
import { useRouter } from "vue-router";
|
||||
import { Refresh, ArrowLeft } from "@element-plus/icons-vue";
|
||||
import * as echarts from "echarts";
|
||||
import { getTenderStatistics } from "@/api/crmBidding";
|
||||
import {
|
||||
tenderStatusText,
|
||||
tenderTypeText,
|
||||
formatMoney,
|
||||
} from "@/views/apps/crm/dict";
|
||||
|
||||
const router = useRouter();
|
||||
|
||||
const loading = ref(false);
|
||||
const data = reactive({ total: 0, by_status: [], by_type: [], budget_total: 0, award_total: 0 });
|
||||
|
||||
const statusChartRef = ref();
|
||||
const typeChartRef = ref();
|
||||
let statusChart = null;
|
||||
let typeChart = null;
|
||||
|
||||
const saveRate = computed(() => {
|
||||
const budget = Number(data.budget_total) || 0;
|
||||
const award = Number(data.award_total) || 0;
|
||||
if (budget <= 0) return "-";
|
||||
return `${(((budget - award) / budget) * 100).toFixed(2)}%`;
|
||||
});
|
||||
|
||||
onMounted(async () => {
|
||||
window.addEventListener("resize", handleResize);
|
||||
await fetchData();
|
||||
});
|
||||
|
||||
onUnmounted(() => {
|
||||
window.removeEventListener("resize", handleResize);
|
||||
statusChart?.dispose();
|
||||
typeChart?.dispose();
|
||||
});
|
||||
|
||||
function handleResize() {
|
||||
statusChart?.resize();
|
||||
typeChart?.resize();
|
||||
}
|
||||
|
||||
async function fetchData() {
|
||||
loading.value = true;
|
||||
try {
|
||||
const res = await getTenderStatistics();
|
||||
const d = res?.data || {};
|
||||
data.total = d.total || 0;
|
||||
data.by_status = d.by_status || [];
|
||||
data.by_type = d.by_type || [];
|
||||
data.budget_total = d.budget_total || 0;
|
||||
data.award_total = d.award_total || 0;
|
||||
await nextTick();
|
||||
renderCharts();
|
||||
} catch (e) {
|
||||
data.by_status = [];
|
||||
data.by_type = [];
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
function toPieOption(rows, labelFn) {
|
||||
return {
|
||||
tooltip: { trigger: "item" },
|
||||
legend: { bottom: 0 },
|
||||
series: [
|
||||
{
|
||||
type: "pie",
|
||||
radius: ["40%", "65%"],
|
||||
avoidLabelOverlap: true,
|
||||
itemStyle: { borderRadius: 6 },
|
||||
label: { formatter: "{b}: {c}" },
|
||||
data: (rows || []).map((r) => ({
|
||||
name: labelFn(r.name),
|
||||
value: Number(r.count) || 0,
|
||||
})),
|
||||
},
|
||||
],
|
||||
};
|
||||
}
|
||||
|
||||
function renderCharts() {
|
||||
if (statusChartRef.value) {
|
||||
statusChart?.dispose();
|
||||
statusChart = echarts.init(statusChartRef.value);
|
||||
statusChart.setOption(toPieOption(data.by_status, tenderStatusText));
|
||||
}
|
||||
if (typeChartRef.value) {
|
||||
typeChart?.dispose();
|
||||
typeChart = echarts.init(typeChartRef.value);
|
||||
typeChart.setOption(toPieOption(data.by_type, tenderTypeText));
|
||||
}
|
||||
}
|
||||
|
||||
function goBack() {
|
||||
router.push("/apps/crm/bidding/tender");
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped src="../../styles/crm-page.less"></style>
|
||||
|
||||
<style scoped>
|
||||
.stat-row {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.stat-card {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.stat-label {
|
||||
font-size: 13px;
|
||||
color: var(--el-text-color-secondary);
|
||||
}
|
||||
.stat-value {
|
||||
margin-top: 6px;
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
color: var(--el-text-color-primary);
|
||||
}
|
||||
.stat-value.money {
|
||||
font-size: 20px;
|
||||
}
|
||||
.chart-card {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.chart-box {
|
||||
width: 100%;
|
||||
height: 320px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,260 @@
|
||||
<template>
|
||||
<div class="tender-announce" v-loading="loading">
|
||||
<div class="section-header">
|
||||
<h3 class="section-title">招标公告</h3>
|
||||
<el-button type="primary" :icon="Plus" :disabled="disabled" @click="openCreate">
|
||||
新建公告
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
<el-empty v-if="list.length === 0" description="暂无公告" :image-size="80" />
|
||||
|
||||
<el-table v-else :data="list" stripe border>
|
||||
<el-table-column label="公告标题" min-width="200" show-overflow-tooltip>
|
||||
<template #default="{ row }">
|
||||
<el-link type="primary" :underline="false" @click="openPreview(row)">
|
||||
{{ row.title }}
|
||||
</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="类型" width="120" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag size="small">{{ announceTypeText(row.announce_type) }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" width="110" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag :type="row.publish_status === 1 ? 'success' : 'info'" size="small">
|
||||
{{ row.publish_status === 1 ? "已发布" : "草稿" }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="发布时间" width="160" align="center">
|
||||
<template #default="{ row }">{{ formatDateTime(row.publish_time) || "-" }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="浏览" prop="view_count" width="80" align="center" />
|
||||
<el-table-column label="创建人" prop="create_user_name" width="100" align="center" />
|
||||
<el-table-column label="操作" width="180" align="center" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
v-if="row.publish_status !== 1"
|
||||
link
|
||||
type="success"
|
||||
size="small"
|
||||
:disabled="disabled"
|
||||
@click="handlePublish(row)"
|
||||
>
|
||||
发布
|
||||
</el-button>
|
||||
<el-button link type="primary" size="small" @click="openPreview(row)">预览</el-button>
|
||||
<el-button
|
||||
link
|
||||
type="danger"
|
||||
size="small"
|
||||
:disabled="disabled || row.publish_status === 1"
|
||||
@click="handleDelete(row)"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<!-- 新建公告 -->
|
||||
<el-dialog
|
||||
v-model="createVisible"
|
||||
title="新建招标公告"
|
||||
width="760px"
|
||||
:close-on-click-modal="false"
|
||||
>
|
||||
<el-form :model="form" label-width="90px">
|
||||
<el-form-item label="公告标题" required>
|
||||
<el-input v-model="form.title" placeholder="请输入公告标题" />
|
||||
</el-form-item>
|
||||
<el-form-item label="公告类型">
|
||||
<el-select v-model="form.announce_type" style="width: 100%">
|
||||
<el-option
|
||||
v-for="opt in tenderAnnounceTypeOptions"
|
||||
:key="opt.value"
|
||||
:label="opt.label"
|
||||
:value="opt.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="公告内容">
|
||||
<el-input
|
||||
v-model="form.content"
|
||||
type="textarea"
|
||||
:rows="10"
|
||||
placeholder="支持纯文本，可粘贴公告正文"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="createVisible = false">取消</el-button>
|
||||
<el-button type="primary" :loading="submitting" @click="handleSubmit">保存</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 公告预览 -->
|
||||
<el-dialog v-model="previewVisible" :title="previewRow?.title || '公告预览'" width="760px">
|
||||
<div class="preview-meta">
|
||||
<el-tag size="small">{{ announceTypeText(previewRow?.announce_type) }}</el-tag>
|
||||
<span>{{ formatDateTime(previewRow?.publish_time) || "未发布" }}</span>
|
||||
</div>
|
||||
<el-divider />
|
||||
<div class="preview-content">{{ previewRow?.content || "（空）" }}</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, onMounted } from "vue";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { Plus } from "@element-plus/icons-vue";
|
||||
import {
|
||||
getTenderAnnounceList,
|
||||
createTenderAnnounce,
|
||||
publishTenderAnnounce,
|
||||
deleteTenderAnnounce,
|
||||
} from "@/api/crmBidding";
|
||||
import { tenderAnnounceTypeOptions, formatDateTime } from "@/views/apps/crm/dict";
|
||||
|
||||
const props = defineProps({
|
||||
tenderId: { type: [Number, String], required: true },
|
||||
disabled: { type: Boolean, default: false },
|
||||
});
|
||||
const emit = defineEmits(["count", "published"]);
|
||||
|
||||
const loading = ref(false);
|
||||
const list = ref([]);
|
||||
|
||||
const createVisible = ref(false);
|
||||
const previewVisible = ref(false);
|
||||
const previewRow = ref(null);
|
||||
const submitting = ref(false);
|
||||
|
||||
const form = reactive({ title: "", announce_type: "1", content: "" });
|
||||
|
||||
defineExpose({ reload: loadList });
|
||||
|
||||
onMounted(loadList);
|
||||
|
||||
async function loadList() {
|
||||
if (!props.tenderId) return;
|
||||
loading.value = true;
|
||||
try {
|
||||
const res = await getTenderAnnounceList({ tender_id: props.tenderId });
|
||||
list.value = res?.data?.list || [];
|
||||
emit("count", list.value.length);
|
||||
} catch {
|
||||
list.value = [];
|
||||
emit("count", 0);
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
function openCreate() {
|
||||
form.title = "";
|
||||
form.announce_type = "1";
|
||||
form.content = "";
|
||||
createVisible.value = true;
|
||||
}
|
||||
|
||||
async function handleSubmit() {
|
||||
if (!form.title.trim()) {
|
||||
ElMessage.warning("请输入公告标题");
|
||||
return;
|
||||
}
|
||||
submitting.value = true;
|
||||
try {
|
||||
await createTenderAnnounce({
|
||||
tender_id: props.tenderId,
|
||||
title: form.title,
|
||||
announce_type: form.announce_type,
|
||||
content: form.content,
|
||||
});
|
||||
ElMessage.success("已创建");
|
||||
createVisible.value = false;
|
||||
loadList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "创建失败");
|
||||
} finally {
|
||||
submitting.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function handlePublish(row) {
|
||||
try {
|
||||
await ElMessageBox.confirm(
|
||||
`发布后招标状态将转为「公告中」，确认发布「${row.title}」？`,
|
||||
"发布确认",
|
||||
{ type: "warning" }
|
||||
);
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
await publishTenderAnnounce(row.id);
|
||||
ElMessage.success("已发布");
|
||||
loadList();
|
||||
emit("published");
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "发布失败");
|
||||
}
|
||||
}
|
||||
|
||||
async function handleDelete(row) {
|
||||
try {
|
||||
await ElMessageBox.confirm(`确认删除公告「${row.title}」？`, "提示", { type: "warning" });
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
await deleteTenderAnnounce(row.id);
|
||||
ElMessage.success("删除成功");
|
||||
loadList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "删除失败");
|
||||
}
|
||||
}
|
||||
|
||||
function openPreview(row) {
|
||||
previewRow.value = row;
|
||||
previewVisible.value = true;
|
||||
}
|
||||
|
||||
function announceTypeText(t) {
|
||||
const hit = tenderAnnounceTypeOptions.find((i) => String(i.value) === String(t));
|
||||
return hit ? hit.label : t || "-";
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.section-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.section-title {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.preview-meta {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
font-size: 13px;
|
||||
color: var(--el-text-color-secondary);
|
||||
}
|
||||
.preview-content {
|
||||
white-space: pre-wrap;
|
||||
word-break: break-word;
|
||||
line-height: 1.8;
|
||||
font-size: 14px;
|
||||
min-height: 120px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,176 @@
|
||||
<template>
|
||||
<div class="tender-basic">
|
||||
<div class="section-header">
|
||||
<h3 class="section-title">基本信息</h3>
|
||||
<div class="section-actions">
|
||||
<el-button
|
||||
v-if="canEdit"
|
||||
type="primary"
|
||||
link
|
||||
:icon="EditPen"
|
||||
@click="emit('action', { type: 'edit', row: tender })"
|
||||
>
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="canAward"
|
||||
type="success"
|
||||
link
|
||||
:icon="Trophy"
|
||||
@click="emit('action', { type: 'award', row: tender })"
|
||||
>
|
||||
定标
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="canToContract"
|
||||
type="warning"
|
||||
link
|
||||
:icon="Document"
|
||||
@click="emit('action', { type: 'contract', row: tender })"
|
||||
>
|
||||
转合同
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<el-descriptions :column="2" border>
|
||||
<el-descriptions-item label="招标编号">{{ tender.tender_no || "-" }}</el-descriptions-item>
|
||||
<el-descriptions-item label="招标标题">{{ tender.title || "-" }}</el-descriptions-item>
|
||||
<el-descriptions-item label="招标类型">
|
||||
<el-tag size="small" :type="tenderTypeTag(tender.tender_type)">
|
||||
{{ tenderTypeText(tender.tender_type) }}
|
||||
</el-tag>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="招标状态">
|
||||
<el-tag size="small" :type="tenderStatusTag(tender.status)">
|
||||
{{ tenderStatusText(tender.status) }}
|
||||
</el-tag>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="评标方法">
|
||||
{{ evaluationMethodText(tender.evaluation_method) }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="负责人">{{ tender.owner_user_name || "-" }}</el-descriptions-item>
|
||||
<el-descriptions-item label="招标方">{{ tender.customer_name || "-" }}</el-descriptions-item>
|
||||
<el-descriptions-item label="发布单位">{{ tender.publish_org || "-" }}</el-descriptions-item>
|
||||
<el-descriptions-item label="预算金额">
|
||||
{{ formatMoney(tender.budget_amount) }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="投标保证金">
|
||||
{{ formatMoney(tender.bid_deposit) }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="公告发布日期">
|
||||
{{ formatDateOnly(tender.publish_date) }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="报名起止">
|
||||
{{ formatBidTime(tender.register_start_date) || "-" }} ~
|
||||
{{ formatBidTime(tender.register_end_date) || "-" }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="投标起止">
|
||||
{{ formatBidTime(tender.bid_start_date) || "-" }} ~
|
||||
{{ formatBidTime(tender.bid_end_date) || "-" }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="开标时间">
|
||||
{{ formatBidTime(tender.open_bid_date) || "-" }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="联系人">{{ tender.contact_person || "-" }}</el-descriptions-item>
|
||||
<el-descriptions-item label="联系电话">{{ tender.contact_phone || "-" }}</el-descriptions-item>
|
||||
<el-descriptions-item label="联系邮箱">{{ tender.contact_email || "-" }}</el-descriptions-item>
|
||||
<el-descriptions-item label="投标地点">{{ tender.bid_address || "-" }}</el-descriptions-item>
|
||||
<el-descriptions-item label="开标地点">{{ tender.open_address || "-" }}</el-descriptions-item>
|
||||
<el-descriptions-item label="中标单位">
|
||||
<el-tag v-if="tender.winner_supplier_name" type="success" size="small">
|
||||
{{ tender.winner_supplier_name }}
|
||||
</el-tag>
|
||||
<span v-else>-</span>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="中标金额">
|
||||
{{ formatMoney(tender.winner_amount) }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="定标日期">
|
||||
{{ formatBidTime(tender.winner_date) || "-" }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="关联合同">
|
||||
<el-link v-if="tender.contract_id" type="primary" :underline="false">
|
||||
合同 #{{ tender.contract_id }}
|
||||
</el-link>
|
||||
<span v-else>-</span>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="创建时间">
|
||||
{{ formatDateTime(tender.create_time) }}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
|
||||
<el-divider />
|
||||
|
||||
<h4 class="block-title">项目描述</h4>
|
||||
<div class="content-box">{{ tender.description || "暂无描述" }}</div>
|
||||
|
||||
<h4 class="block-title">资质要求</h4>
|
||||
<div class="content-box">{{ tender.requirement || "—" }}</div>
|
||||
|
||||
<h4 class="block-title">备注</h4>
|
||||
<div class="content-box">{{ tender.remark || "—" }}</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { computed } from "vue";
|
||||
import { EditPen, Trophy, Document } from "@element-plus/icons-vue";
|
||||
import {
|
||||
tenderStatusText,
|
||||
tenderStatusTag,
|
||||
tenderTypeText,
|
||||
tenderTypeTag,
|
||||
evaluationMethodText,
|
||||
formatMoney,
|
||||
formatDateOnly,
|
||||
formatDateTime,
|
||||
formatBidTime,
|
||||
} from "@/views/apps/crm/dict";
|
||||
|
||||
const props = defineProps({
|
||||
tender: { type: Object, required: true },
|
||||
});
|
||||
const emit = defineEmits(["action"]);
|
||||
|
||||
const canEdit = computed(() => props.tender.locked !== 1);
|
||||
// 已开标（4）之后才允许定标
|
||||
const canAward = computed(() => {
|
||||
const s = Number(props.tender.status);
|
||||
return props.tender.locked !== 1 && s >= 4 && s < 6;
|
||||
});
|
||||
const canToContract = computed(
|
||||
() => props.tender.status === 6 && props.tender.winner_supplier_name && !props.tender.contract_id
|
||||
);
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.section-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.section-title {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.block-title {
|
||||
margin: 16px 0 8px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: var(--el-text-color-regular);
|
||||
}
|
||||
.content-box {
|
||||
background: var(--el-bg-color-page);
|
||||
border-radius: 6px;
|
||||
padding: 12px;
|
||||
font-size: 13px;
|
||||
line-height: 1.6;
|
||||
color: var(--el-text-color-primary);
|
||||
min-height: 40px;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-word;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,346 @@
|
||||
<template>
|
||||
<div class="tender-evaluation" v-loading="loading">
|
||||
<div class="section-header">
|
||||
<h3 class="section-title">开标评标</h3>
|
||||
<div class="header-actions">
|
||||
<el-button :icon="Setting" @click="weightVisible = true">权重设置</el-button>
|
||||
<el-button type="primary" :icon="Plus" :disabled="disabled" @click="openCreate">
|
||||
新增评分
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<el-alert
|
||||
v-if="weightSum > 0 && Math.abs(weightSum - 100) > 0.01"
|
||||
type="warning"
|
||||
:closable="false"
|
||||
show-icon
|
||||
:title="`当前权重合计 ${weightSum.toFixed(2)}%，不等于 100%，请检查权重设置`"
|
||||
style="margin-bottom: 12px"
|
||||
/>
|
||||
|
||||
<el-empty v-if="list.length === 0" description="暂无评分记录" :image-size="80" />
|
||||
|
||||
<el-table v-else :data="list" stripe border>
|
||||
<el-table-column label="排名" width="70" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag v-if="row.ranking === 1" type="success" size="small">1</el-tag>
|
||||
<span v-else>{{ row.ranking || "-" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="投标方" min-width="160" show-overflow-tooltip prop="supplier_name" />
|
||||
<el-table-column label="技术分" width="90" align="center" prop="technical_score" />
|
||||
<el-table-column label="商务分" width="90" align="center" prop="business_score" />
|
||||
<el-table-column label="价格分" width="90" align="center" prop="price_score" />
|
||||
<el-table-column label="服务分" width="90" align="center" prop="service_score" />
|
||||
<el-table-column label="总分" width="100" align="center">
|
||||
<template #default="{ row }">
|
||||
<strong>{{ Number(row.total_score || 0).toFixed(2) }}</strong>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="结论" width="100" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag :type="resultTag(row.result)" size="small">{{ resultText(row.result) }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="评标人" prop="evaluation_user_name" width="100" align="center" />
|
||||
<el-table-column label="评标时间" width="160" align="center">
|
||||
<template #default="{ row }">{{ formatDateTime(row.evaluation_time) || "-" }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="评价" prop="comment" min-width="140" show-overflow-tooltip />
|
||||
<el-table-column label="操作" width="100" align="center" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
link
|
||||
type="danger"
|
||||
size="small"
|
||||
:disabled="disabled"
|
||||
@click="handleDelete(row)"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<!-- 新增评分 -->
|
||||
<el-dialog v-model="dialogVisible" title="新增评标打分" width="620px" :close-on-click-modal="false">
|
||||
<el-form :model="form" label-width="100px">
|
||||
<el-form-item label="投标方" required>
|
||||
<el-select
|
||||
v-model="form.supplier_name"
|
||||
filterable
|
||||
allow-create
|
||||
default-first-option
|
||||
placeholder="选择或输入投标方"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-option
|
||||
v-for="name in supplierNames"
|
||||
:key="name"
|
||||
:label="name"
|
||||
:value="name"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="技术分">
|
||||
<el-input-number v-model="form.technical_score" :min="0" :max="100" :precision="2" style="width: 100%" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="商务分">
|
||||
<el-input-number v-model="form.business_score" :min="0" :max="100" :precision="2" style="width: 100%" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="价格分">
|
||||
<el-input-number v-model="form.price_score" :min="0" :max="100" :precision="2" style="width: 100%" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="服务分">
|
||||
<el-input-number v-model="form.service_score" :min="0" :max="100" :precision="2" style="width: 100%" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item label="折算总分">
|
||||
<el-input :model-value="previewTotal" readonly>
|
||||
<template #append>分</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="结论">
|
||||
<el-select v-model="form.result" style="width: 100%">
|
||||
<el-option
|
||||
v-for="opt in evaluationResultOptions"
|
||||
:key="opt.value"
|
||||
:label="opt.label"
|
||||
:value="opt.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="评价意见">
|
||||
<el-input v-model="form.comment" type="textarea" :rows="3" placeholder="评标意见（选填）" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="dialogVisible = false">取消</el-button>
|
||||
<el-button type="primary" :loading="submitting" @click="handleSubmit">保存</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 权重设置 -->
|
||||
<el-dialog v-model="weightVisible" title="评标权重设置" width="460px" :close-on-click-modal="false">
|
||||
<el-alert
|
||||
type="info"
|
||||
:closable="false"
|
||||
show-icon
|
||||
title="权重为百分比数值，建议四项合计 100。留空或合计为 0 时，总分按四项直接求和。"
|
||||
style="margin-bottom: 12px"
|
||||
/>
|
||||
<el-form label-width="110px">
|
||||
<el-form-item label="技术权重(%)">
|
||||
<el-input-number v-model="weights.technical" :min="0" :max="100" :precision="2" style="width: 100%" />
|
||||
</el-form-item>
|
||||
<el-form-item label="商务权重(%)">
|
||||
<el-input-number v-model="weights.business" :min="0" :max="100" :precision="2" style="width: 100%" />
|
||||
</el-form-item>
|
||||
<el-form-item label="价格权重(%)">
|
||||
<el-input-number v-model="weights.price" :min="0" :max="100" :precision="2" style="width: 100%" />
|
||||
</el-form-item>
|
||||
<el-form-item label="服务权重(%)">
|
||||
<el-input-number v-model="weights.service" :min="0" :max="100" :precision="2" style="width: 100%" />
|
||||
</el-form-item>
|
||||
<el-form-item label="合计">
|
||||
<el-input :model-value="weightSum.toFixed(2)" readonly>
|
||||
<template #append>%</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="weightVisible = false">关闭</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, computed, onMounted } from "vue";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { Plus, Setting } from "@element-plus/icons-vue";
|
||||
import {
|
||||
getTenderEvaluationList,
|
||||
createTenderEvaluation,
|
||||
deleteTenderEvaluation,
|
||||
getTenderSupplierList,
|
||||
} from "@/api/crmBidding";
|
||||
import { evaluationResultOptions, formatDateTime } from "@/views/apps/crm/dict";
|
||||
|
||||
const props = defineProps({
|
||||
tenderId: { type: [Number, String], required: true },
|
||||
disabled: { type: Boolean, default: false },
|
||||
});
|
||||
const emit = defineEmits(["count"]);
|
||||
|
||||
const loading = ref(false);
|
||||
const list = ref([]);
|
||||
const supplierNames = ref([]);
|
||||
|
||||
const dialogVisible = ref(false);
|
||||
const weightVisible = ref(false);
|
||||
const submitting = ref(false);
|
||||
|
||||
const emptyForm = () => ({
|
||||
supplier_name: "",
|
||||
technical_score: 0,
|
||||
business_score: 0,
|
||||
price_score: 0,
|
||||
service_score: 0,
|
||||
result: 0,
|
||||
comment: "",
|
||||
});
|
||||
const form = reactive(emptyForm());
|
||||
|
||||
const weights = reactive({ technical: 25, business: 25, price: 30, service: 20 });
|
||||
|
||||
const weightSum = computed(
|
||||
() =>
|
||||
Number(weights.technical || 0) +
|
||||
Number(weights.business || 0) +
|
||||
Number(weights.price || 0) +
|
||||
Number(weights.service || 0)
|
||||
);
|
||||
|
||||
const previewTotal = computed(() => {
|
||||
const s = weightSum.value;
|
||||
if (s <= 0) {
|
||||
return (
|
||||
Number(form.technical_score || 0) +
|
||||
Number(form.business_score || 0) +
|
||||
Number(form.price_score || 0) +
|
||||
Number(form.service_score || 0)
|
||||
).toFixed(2);
|
||||
}
|
||||
return (
|
||||
(Number(form.technical_score || 0) * Number(weights.technical || 0)) / 100 +
|
||||
(Number(form.business_score || 0) * Number(weights.business || 0)) / 100 +
|
||||
(Number(form.price_score || 0) * Number(weights.price || 0)) / 100 +
|
||||
(Number(form.service_score || 0) * Number(weights.service || 0)) / 100
|
||||
).toFixed(2);
|
||||
});
|
||||
|
||||
defineExpose({ reload: loadList });
|
||||
|
||||
onMounted(() => {
|
||||
loadList();
|
||||
loadSuppliers();
|
||||
});
|
||||
|
||||
async function loadList() {
|
||||
if (!props.tenderId) return;
|
||||
loading.value = true;
|
||||
try {
|
||||
const res = await getTenderEvaluationList({ tender_id: props.tenderId });
|
||||
list.value = res?.data?.list || [];
|
||||
emit("count", list.value.length);
|
||||
} catch {
|
||||
list.value = [];
|
||||
emit("count", 0);
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function loadSuppliers() {
|
||||
if (!props.tenderId) return;
|
||||
try {
|
||||
const res = await getTenderSupplierList({ tender_id: props.tenderId });
|
||||
supplierNames.value = (res?.data?.list || [])
|
||||
.map((i) => i.supplier_name)
|
||||
.filter(Boolean);
|
||||
} catch {
|
||||
supplierNames.value = [];
|
||||
}
|
||||
}
|
||||
|
||||
function openCreate() {
|
||||
Object.assign(form, emptyForm());
|
||||
dialogVisible.value = true;
|
||||
}
|
||||
|
||||
async function handleSubmit() {
|
||||
if (!form.supplier_name.trim()) {
|
||||
ElMessage.warning("请选择或输入投标方");
|
||||
return;
|
||||
}
|
||||
submitting.value = true;
|
||||
try {
|
||||
await createTenderEvaluation({
|
||||
tender_id: props.tenderId,
|
||||
supplier_name: form.supplier_name,
|
||||
technical_score: form.technical_score,
|
||||
business_score: form.business_score,
|
||||
price_score: form.price_score,
|
||||
service_score: form.service_score,
|
||||
weight_config: JSON.stringify(weights),
|
||||
comment: form.comment,
|
||||
result: form.result,
|
||||
});
|
||||
ElMessage.success("评分已保存，排名已自动重排");
|
||||
dialogVisible.value = false;
|
||||
loadList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "保存失败");
|
||||
} finally {
|
||||
submitting.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function handleDelete(row) {
|
||||
try {
|
||||
await ElMessageBox.confirm(`确认删除「${row.supplier_name}」的评分记录？`, "提示", {
|
||||
type: "warning",
|
||||
});
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
await deleteTenderEvaluation(row.id);
|
||||
ElMessage.success("删除成功");
|
||||
loadList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "删除失败");
|
||||
}
|
||||
}
|
||||
|
||||
function resultText(v) {
|
||||
const hit = evaluationResultOptions.find((i) => Number(i.value) === Number(v));
|
||||
return hit ? hit.label : "-";
|
||||
}
|
||||
|
||||
function resultTag(v) {
|
||||
const map = { 0: "info", 1: "success", 2: "danger", 3: "warning" };
|
||||
return map[Number(v)] || "info";
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.section-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.section-title {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.header-actions {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,200 @@
|
||||
<template>
|
||||
<div class="tender-file-list" v-loading="loading">
|
||||
<div class="section-header">
|
||||
<h3 class="section-title">招标文件</h3>
|
||||
<div class="header-actions">
|
||||
<el-select v-model="uploadType" size="small" style="width: 130px">
|
||||
<el-option
|
||||
v-for="opt in TENDER_FILE_TYPE_OPTIONS"
|
||||
:key="opt.value"
|
||||
:label="opt.label"
|
||||
:value="opt.value"
|
||||
/>
|
||||
</el-select>
|
||||
<el-upload
|
||||
:http-request="handleUpload"
|
||||
:show-file-list="false"
|
||||
:before-upload="beforeUpload"
|
||||
:disabled="disabled"
|
||||
>
|
||||
<el-button type="primary" :icon="Plus" :disabled="disabled">上传文件</el-button>
|
||||
</el-upload>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<el-empty v-if="list.length === 0" description="暂无招标文件" :image-size="80" />
|
||||
|
||||
<el-table v-else :data="list" stripe border>
|
||||
<el-table-column label="文件名" min-width="200" show-overflow-tooltip>
|
||||
<template #default="{ row }">
|
||||
<el-icon><Document /></el-icon>
|
||||
<span style="margin-left: 8px">{{ row.file_name }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="类型" width="120" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag size="small">{{ fileTypeText(row.file_type) }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="大小" width="100" align="center">
|
||||
<template #default="{ row }">{{ formatFileSize(row.file_size) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="上传人" prop="upload_user_name" width="100" align="center" />
|
||||
<el-table-column label="备注" prop="remark" min-width="140" show-overflow-tooltip />
|
||||
<el-table-column label="上传时间" width="160" align="center">
|
||||
<template #default="{ row }">{{ formatDateTime(row.create_time) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="160" align="center" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button link type="primary" size="small" @click="handleDownload(row)">下载</el-button>
|
||||
<el-button
|
||||
link
|
||||
type="danger"
|
||||
size="small"
|
||||
:disabled="disabled"
|
||||
@click="handleDelete(row)"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted } from "vue";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { Plus, Document } from "@element-plus/icons-vue";
|
||||
import { getTenderFileList, createTenderFile, deleteTenderFile } from "@/api/crmBidding";
|
||||
import { uploadFile } from "@/api/file";
|
||||
import { formatDateTime } from "@/views/apps/crm/dict";
|
||||
|
||||
// 招标文件类型：1招标文件 2技术规格书 3工程量清单 4合同模板 5答疑澄清 6其他
|
||||
const TENDER_FILE_TYPE_OPTIONS = [
|
||||
{ label: "招标文件", value: "1" },
|
||||
{ label: "技术规格书", value: "2" },
|
||||
{ label: "工程量清单", value: "3" },
|
||||
{ label: "合同模板", value: "4" },
|
||||
{ label: "答疑澄清", value: "5" },
|
||||
{ label: "其他", value: "6" },
|
||||
];
|
||||
|
||||
const props = defineProps({
|
||||
tenderId: { type: [Number, String], required: true },
|
||||
disabled: { type: Boolean, default: false },
|
||||
});
|
||||
const emit = defineEmits(["count"]);
|
||||
|
||||
const loading = ref(false);
|
||||
const list = ref([]);
|
||||
const uploadType = ref("1");
|
||||
|
||||
defineExpose({ reload: loadList });
|
||||
|
||||
onMounted(loadList);
|
||||
|
||||
async function loadList() {
|
||||
if (!props.tenderId) return;
|
||||
loading.value = true;
|
||||
try {
|
||||
const res = await getTenderFileList({ tender_id: props.tenderId });
|
||||
list.value = res?.data?.list || [];
|
||||
emit("count", list.value.length);
|
||||
} catch {
|
||||
list.value = [];
|
||||
emit("count", 0);
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
function beforeUpload(file) {
|
||||
if (file.size > 100 * 1024 * 1024) {
|
||||
ElMessage.warning("文件大小不能超过 100MB");
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
async function handleUpload(option) {
|
||||
const file = option.file;
|
||||
const fd = new FormData();
|
||||
fd.append("file", file);
|
||||
try {
|
||||
const upRes = await uploadFile(fd);
|
||||
// 秒传命中时返回 code=201，同样携带 url/id/name
|
||||
if (upRes?.code !== 200 && upRes?.code !== 201) {
|
||||
throw new Error(upRes?.msg || "上传失败");
|
||||
}
|
||||
const data = upRes?.data || {};
|
||||
const name = data.name || file.name;
|
||||
await createTenderFile({
|
||||
tender_id: props.tenderId,
|
||||
file_name: name,
|
||||
file_url: data.url || "",
|
||||
file_size: file.size || 0,
|
||||
file_ext: name.split(".").pop() || "",
|
||||
file_type: uploadType.value,
|
||||
});
|
||||
ElMessage.success("上传成功");
|
||||
loadList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "上传失败");
|
||||
}
|
||||
}
|
||||
|
||||
async function handleDelete(row) {
|
||||
try {
|
||||
await ElMessageBox.confirm(`确认删除文件「${row.file_name}」？`, "提示", { type: "warning" });
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
await deleteTenderFile(row.id);
|
||||
ElMessage.success("删除成功");
|
||||
loadList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "删除失败");
|
||||
}
|
||||
}
|
||||
|
||||
function handleDownload(row) {
|
||||
if (!row.file_url) {
|
||||
ElMessage.warning("文件 URL 为空");
|
||||
return;
|
||||
}
|
||||
window.open(row.file_url, "_blank");
|
||||
}
|
||||
|
||||
function fileTypeText(t) {
|
||||
const hit = TENDER_FILE_TYPE_OPTIONS.find((i) => String(i.value) === String(t));
|
||||
return hit ? hit.label : t || "-";
|
||||
}
|
||||
|
||||
function formatFileSize(size) {
|
||||
if (!size) return "-";
|
||||
if (size < 1024) return size + " B";
|
||||
if (size < 1024 * 1024) return (size / 1024).toFixed(2) + " KB";
|
||||
return (size / 1024 / 1024).toFixed(2) + " MB";
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.section-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.section-title {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.header-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,305 @@
|
||||
<template>
|
||||
<div class="tender-result" v-loading="loading">
|
||||
<div class="section-header">
|
||||
<h3 class="section-title">定标结果</h3>
|
||||
<el-button
|
||||
v-if="canAward"
|
||||
type="success"
|
||||
:icon="Trophy"
|
||||
@click="openAward"
|
||||
>
|
||||
定标
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
<el-empty v-if="list.length === 0" description="尚未定标" :image-size="80" />
|
||||
|
||||
<div v-else>
|
||||
<el-table :data="list" stripe border>
|
||||
<el-table-column label="结果类型" width="100" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag :type="resultTypeTag(row.result_type)" size="small">
|
||||
{{ resultTypeText(row.result_type) }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="中标单位" min-width="180" show-overflow-tooltip>
|
||||
<template #default="{ row }">{{ row.winner_supplier_name || "-" }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="中标金额" width="140" align="right">
|
||||
<template #default="{ row }">{{ formatMoney(row.winner_amount) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="定标日期" width="160" align="center">
|
||||
<template #default="{ row }">{{ formatDateTime(row.result_date) || "-" }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="关联合同" width="110" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-link v-if="row.contract_id" type="primary" :underline="false">
|
||||
合同 #{{ row.contract_id }}
|
||||
</el-link>
|
||||
<span v-else>-</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="100" align="center" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button link type="primary" size="small" @click="openDetail(row)">详情</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
<!-- 定标 -->
|
||||
<el-dialog v-model="awardVisible" title="定标" width="620px" :close-on-click-modal="false">
|
||||
<el-alert
|
||||
type="warning"
|
||||
:closable="false"
|
||||
show-icon
|
||||
title="定标后招标状态将转为「已定标」并锁定，不可重复定标。"
|
||||
style="margin-bottom: 12px"
|
||||
/>
|
||||
<el-form :model="awardForm" label-width="110px">
|
||||
<el-form-item label="结果类型">
|
||||
<el-radio-group v-model="awardForm.result_type">
|
||||
<el-radio :value="1">定标</el-radio>
|
||||
<el-radio :value="2">流标</el-radio>
|
||||
<el-radio :value="3">废标</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<template v-if="awardForm.result_type === 1">
|
||||
<el-form-item label="中标单位" required>
|
||||
<el-select
|
||||
v-model="awardForm.winner_supplier_name"
|
||||
filterable
|
||||
allow-create
|
||||
default-first-option
|
||||
placeholder="选择或输入中标单位"
|
||||
style="width: 100%"
|
||||
@change="onWinnerChange"
|
||||
>
|
||||
<el-option
|
||||
v-for="s in suppliers"
|
||||
:key="s.id"
|
||||
:label="s.supplier_name"
|
||||
:value="s.supplier_name"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="中标金额">
|
||||
<el-input v-model.number="awardForm.winner_amount" placeholder="0.00">
|
||||
<template #append>元</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</template>
|
||||
<el-form-item label="结果公告">
|
||||
<el-input v-model="awardForm.announcement" type="textarea" :rows="4" placeholder="定标公告内容（选填）" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="awardVisible = false">取消</el-button>
|
||||
<el-button type="primary" :loading="submitting" @click="handleAward">确认定标</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 结果详情 -->
|
||||
<el-dialog v-model="detailVisible" title="定标结果详情" width="680px">
|
||||
<el-descriptions v-if="detailRow" :column="2" border>
|
||||
<el-descriptions-item label="结果类型">
|
||||
<el-tag :type="resultTypeTag(detailRow.result_type)" size="small">
|
||||
{{ resultTypeText(detailRow.result_type) }}
|
||||
</el-tag>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="中标单位">
|
||||
{{ detailRow.winner_supplier_name || "-" }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="中标金额">
|
||||
{{ formatMoney(detailRow.winner_amount) }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="定标日期">
|
||||
{{ formatDateTime(detailRow.result_date) || "-" }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="关联合同">
|
||||
{{ detailRow.contract_id ? `合同 #${detailRow.contract_id}` : "-" }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="关联项目">
|
||||
{{ detailRow.project_id ? `项目 #${detailRow.project_id}` : "-" }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="记录人">
|
||||
{{ detailRow.create_user_name || "-" }}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
<el-divider />
|
||||
<h4 class="block-title">结果公告</h4>
|
||||
<div class="content-box">{{ detailRow?.announcement || "—" }}</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, computed, onMounted } from "vue";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { Trophy } from "@element-plus/icons-vue";
|
||||
import {
|
||||
getTenderResultList,
|
||||
getTenderResultDetail,
|
||||
awardTender,
|
||||
getTenderSupplierList,
|
||||
} from "@/api/crmBidding";
|
||||
import {
|
||||
tenderResultTypeOptions,
|
||||
formatMoney,
|
||||
formatDateTime,
|
||||
} from "@/views/apps/crm/dict";
|
||||
|
||||
const props = defineProps({
|
||||
tenderId: { type: [Number, String], required: true },
|
||||
tender: { type: Object, default: null },
|
||||
});
|
||||
const emit = defineEmits(["count", "awarded"]);
|
||||
|
||||
const loading = ref(false);
|
||||
const list = ref([]);
|
||||
const suppliers = ref([]);
|
||||
|
||||
const awardVisible = ref(false);
|
||||
const detailVisible = ref(false);
|
||||
const detailRow = ref(null);
|
||||
const submitting = ref(false);
|
||||
|
||||
const awardForm = reactive({
|
||||
result_type: 1,
|
||||
winner_supplier_name: "",
|
||||
winner_supplier_id: 0,
|
||||
winner_amount: 0,
|
||||
announcement: "",
|
||||
});
|
||||
|
||||
const canAward = computed(() => {
|
||||
if (!props.tender) return true;
|
||||
const s = Number(props.tender.status);
|
||||
return props.tender.locked !== 1 && s >= 4 && s < 6;
|
||||
});
|
||||
|
||||
defineExpose({ reload: loadList, openAward });
|
||||
|
||||
onMounted(() => {
|
||||
loadList();
|
||||
loadSuppliers();
|
||||
});
|
||||
|
||||
async function loadList() {
|
||||
if (!props.tenderId) return;
|
||||
loading.value = true;
|
||||
try {
|
||||
const res = await getTenderResultList({ tender_id: props.tenderId });
|
||||
list.value = res?.data?.list || [];
|
||||
emit("count", list.value.length);
|
||||
} catch {
|
||||
list.value = [];
|
||||
emit("count", 0);
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function loadSuppliers() {
|
||||
if (!props.tenderId) return;
|
||||
try {
|
||||
const res = await getTenderSupplierList({ tender_id: props.tenderId });
|
||||
suppliers.value = res?.data?.list || [];
|
||||
} catch {
|
||||
suppliers.value = [];
|
||||
}
|
||||
}
|
||||
|
||||
function onWinnerChange(name) {
|
||||
const hit = suppliers.value.find((s) => s.supplier_name === name);
|
||||
awardForm.winner_supplier_id = hit?.supplier_id || hit?.id || 0;
|
||||
if (hit && !awardForm.winner_amount) {
|
||||
awardForm.winner_amount = Number(hit.bid_amount) || 0;
|
||||
}
|
||||
}
|
||||
|
||||
async function openAward() {
|
||||
awardForm.result_type = 1;
|
||||
awardForm.winner_supplier_name = props.tender?.winner_supplier_name || "";
|
||||
awardForm.winner_supplier_id = props.tender?.winner_supplier_id || 0;
|
||||
awardForm.winner_amount = Number(props.tender?.budget_amount) || 0;
|
||||
awardForm.announcement = "";
|
||||
await loadSuppliers();
|
||||
awardVisible.value = true;
|
||||
}
|
||||
|
||||
async function handleAward() {
|
||||
if (awardForm.result_type === 1 && !awardForm.winner_supplier_name.trim()) {
|
||||
ElMessage.warning("请选择中标单位");
|
||||
return;
|
||||
}
|
||||
try {
|
||||
await ElMessageBox.confirm("定标后不可撤销，确认继续？", "定标确认", { type: "warning" });
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
submitting.value = true;
|
||||
try {
|
||||
await awardTender(props.tenderId, { ...awardForm });
|
||||
ElMessage.success("定标成功");
|
||||
awardVisible.value = false;
|
||||
loadList();
|
||||
emit("awarded");
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "定标失败");
|
||||
} finally {
|
||||
submitting.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function openDetail(row) {
|
||||
try {
|
||||
const res = await getTenderResultDetail(row.id);
|
||||
detailRow.value = res?.data || row;
|
||||
} catch {
|
||||
detailRow.value = row;
|
||||
}
|
||||
detailVisible.value = true;
|
||||
}
|
||||
|
||||
function resultTypeText(v) {
|
||||
const hit = tenderResultTypeOptions.find((i) => Number(i.value) === Number(v));
|
||||
return hit ? hit.label : "-";
|
||||
}
|
||||
|
||||
function resultTypeTag(v) {
|
||||
const map = { 1: "success", 2: "warning", 3: "danger" };
|
||||
return map[Number(v)] || "info";
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.section-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.section-title {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.block-title {
|
||||
margin: 0 0 8px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: var(--el-text-color-regular);
|
||||
}
|
||||
.content-box {
|
||||
background: var(--el-bg-color-page);
|
||||
border-radius: 6px;
|
||||
padding: 12px;
|
||||
font-size: 13px;
|
||||
line-height: 1.6;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-word;
|
||||
min-height: 40px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,292 @@
|
||||
<template>
|
||||
<div class="tender-supplier" v-loading="loading">
|
||||
<div class="section-header">
|
||||
<h3 class="section-title">投标方报名</h3>
|
||||
<el-button type="primary" :icon="Plus" :disabled="disabled" @click="openCreate">
|
||||
登记投标方
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
<el-empty v-if="list.length === 0" description="暂无投标方报名" :image-size="80" />
|
||||
|
||||
<el-table v-else :data="list" stripe border>
|
||||
<el-table-column label="投标方名称" min-width="180" show-overflow-tooltip>
|
||||
<template #default="{ row }">
|
||||
<span>{{ row.supplier_name }}</span>
|
||||
<el-tag v-if="row.is_winner === 1" type="success" size="small" style="margin-left: 6px">
|
||||
中标
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="报名状态" width="110" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag :type="registerStatusTag(row.register_status)" size="small">
|
||||
{{ registerStatusText(row.register_status) }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="投标报价" width="130" align="right">
|
||||
<template #default="{ row }">{{ formatMoney(row.bid_amount) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="联系人" prop="contact_person" width="100" align="center" />
|
||||
<el-table-column label="联系电话" prop="contact_phone" width="130" align="center" />
|
||||
<el-table-column label="排名" prop="ranking" width="70" align="center" />
|
||||
<el-table-column label="报名时间" width="160" align="center">
|
||||
<template #default="{ row }">{{ formatDateTime(row.register_time) || "-" }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" prop="remark" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column label="操作" width="200" align="center" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
link
|
||||
type="primary"
|
||||
size="small"
|
||||
:disabled="disabled"
|
||||
@click="openEdit(row)"
|
||||
>
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="row.is_winner !== 1"
|
||||
link
|
||||
type="success"
|
||||
size="small"
|
||||
:disabled="disabled || row.register_status !== 1"
|
||||
@click="handleSetWinner(row)"
|
||||
>
|
||||
设为中标
|
||||
</el-button>
|
||||
<el-button
|
||||
link
|
||||
type="danger"
|
||||
size="small"
|
||||
:disabled="disabled"
|
||||
@click="handleDelete(row)"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<el-dialog
|
||||
v-model="dialogVisible"
|
||||
:title="editing ? '编辑投标方' : '登记投标方'"
|
||||
width="620px"
|
||||
:close-on-click-modal="false"
|
||||
>
|
||||
<el-form :model="form" label-width="100px">
|
||||
<el-form-item label="投标方名称" required>
|
||||
<el-input v-model="form.supplier_name" placeholder="请输入投标方单位名称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="报名状态">
|
||||
<el-select v-model="form.register_status" style="width: 100%">
|
||||
<el-option
|
||||
v-for="opt in tenderSupplierStatusOptions"
|
||||
:key="opt.value"
|
||||
:label="opt.label"
|
||||
:value="opt.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="投标报价">
|
||||
<el-input v-model.number="form.bid_amount" placeholder="0.00">
|
||||
<template #append>元</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="联系人">
|
||||
<el-input v-model="form.contact_person" placeholder="联系人" />
|
||||
</el-form-item>
|
||||
<el-form-item label="联系电话">
|
||||
<el-input v-model="form.contact_phone" placeholder="联系电话" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注">
|
||||
<el-input v-model="form.remark" type="textarea" :rows="2" placeholder="备注（选填）" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="dialogVisible = false">取消</el-button>
|
||||
<el-button type="primary" :loading="submitting" @click="handleSubmit">保存</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, onMounted } from "vue";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { Plus } from "@element-plus/icons-vue";
|
||||
import {
|
||||
getTenderSupplierList,
|
||||
createTenderSupplier,
|
||||
updateTenderSupplier,
|
||||
deleteTenderSupplier,
|
||||
} from "@/api/crmBidding";
|
||||
import {
|
||||
tenderSupplierStatusOptions,
|
||||
formatMoney,
|
||||
formatDateTime,
|
||||
} from "@/views/apps/crm/dict";
|
||||
|
||||
const props = defineProps({
|
||||
tenderId: { type: [Number, String], required: true },
|
||||
disabled: { type: Boolean, default: false },
|
||||
});
|
||||
const emit = defineEmits(["count"]);
|
||||
|
||||
const loading = ref(false);
|
||||
const list = ref([]);
|
||||
const dialogVisible = ref(false);
|
||||
const editing = ref(null);
|
||||
const submitting = ref(false);
|
||||
|
||||
const emptyForm = () => ({
|
||||
supplier_name: "",
|
||||
register_status: 1,
|
||||
bid_amount: 0,
|
||||
contact_person: "",
|
||||
contact_phone: "",
|
||||
remark: "",
|
||||
});
|
||||
const form = reactive(emptyForm());
|
||||
|
||||
defineExpose({ reload: loadList });
|
||||
|
||||
onMounted(loadList);
|
||||
|
||||
async function loadList() {
|
||||
if (!props.tenderId) return;
|
||||
loading.value = true;
|
||||
try {
|
||||
const res = await getTenderSupplierList({ tender_id: props.tenderId });
|
||||
list.value = res?.data?.list || [];
|
||||
emit("count", list.value.length);
|
||||
} catch {
|
||||
list.value = [];
|
||||
emit("count", 0);
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
function openCreate() {
|
||||
editing.value = null;
|
||||
Object.assign(form, emptyForm());
|
||||
dialogVisible.value = true;
|
||||
}
|
||||
|
||||
function openEdit(row) {
|
||||
editing.value = row;
|
||||
Object.assign(form, {
|
||||
supplier_name: row.supplier_name || "",
|
||||
register_status: Number(row.register_status) || 1,
|
||||
bid_amount: Number(row.bid_amount) || 0,
|
||||
contact_person: row.contact_person || "",
|
||||
contact_phone: row.contact_phone || "",
|
||||
remark: row.remark || "",
|
||||
});
|
||||
dialogVisible.value = true;
|
||||
}
|
||||
|
||||
async function handleSubmit() {
|
||||
if (!form.supplier_name.trim()) {
|
||||
ElMessage.warning("请输入投标方名称");
|
||||
return;
|
||||
}
|
||||
submitting.value = true;
|
||||
try {
|
||||
const payload = {
|
||||
tender_id: props.tenderId,
|
||||
supplier_name: form.supplier_name,
|
||||
register_status: form.register_status,
|
||||
bid_amount: form.bid_amount,
|
||||
contact_person: form.contact_person,
|
||||
contact_phone: form.contact_phone,
|
||||
remark: form.remark,
|
||||
};
|
||||
if (editing.value?.id) {
|
||||
await updateTenderSupplier(editing.value.id, payload);
|
||||
} else {
|
||||
await createTenderSupplier(payload);
|
||||
}
|
||||
ElMessage.success("保存成功");
|
||||
dialogVisible.value = false;
|
||||
loadList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "保存失败");
|
||||
} finally {
|
||||
submitting.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function handleSetWinner(row) {
|
||||
try {
|
||||
await ElMessageBox.confirm(
|
||||
`确认将「${row.supplier_name}」标记为本招标的中标单位？`,
|
||||
"中标确认",
|
||||
{ type: "warning" }
|
||||
);
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
await updateTenderSupplier(row.id, {
|
||||
tender_id: props.tenderId,
|
||||
supplier_name: row.supplier_name,
|
||||
register_status: row.register_status,
|
||||
bid_amount: row.bid_amount,
|
||||
contact_person: row.contact_person,
|
||||
contact_phone: row.contact_phone,
|
||||
remark: row.remark,
|
||||
is_winner: 1,
|
||||
ranking: 1,
|
||||
});
|
||||
ElMessage.success("已标记中标");
|
||||
loadList();
|
||||
emit("count", list.value.length);
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "操作失败");
|
||||
}
|
||||
}
|
||||
|
||||
async function handleDelete(row) {
|
||||
try {
|
||||
await ElMessageBox.confirm(`确认删除投标方「${row.supplier_name}」？`, "提示", {
|
||||
type: "warning",
|
||||
});
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
await deleteTenderSupplier(row.id);
|
||||
ElMessage.success("删除成功");
|
||||
loadList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "删除失败");
|
||||
}
|
||||
}
|
||||
|
||||
function registerStatusText(v) {
|
||||
const hit = tenderSupplierStatusOptions.find((i) => Number(i.value) === Number(v));
|
||||
return hit ? hit.label : "未知";
|
||||
}
|
||||
|
||||
function registerStatusTag(v) {
|
||||
const map = { 1: "success", 2: "danger", 3: "info" };
|
||||
return map[Number(v)] || "info";
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.section-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.section-title {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,322 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
:model-value="visible"
|
||||
title="编辑招标"
|
||||
width="860px"
|
||||
:close-on-click-modal="false"
|
||||
@update:model-value="handleClose"
|
||||
>
|
||||
<el-alert
|
||||
v-if="locked"
|
||||
type="warning"
|
||||
:closable="false"
|
||||
show-icon
|
||||
title="该招标已定标归档，仅允许修改备注类信息。"
|
||||
style="margin-bottom: 16px"
|
||||
/>
|
||||
|
||||
<el-form ref="formRef" :model="form" :rules="rules" label-width="120px">
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="招标标题" prop="title">
|
||||
<el-input v-model="form.title" placeholder="请输入招标标题" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="招标编号">
|
||||
<el-input v-model="form.tender_no" placeholder="招标编号" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="招标类型">
|
||||
<el-select v-model="form.tender_type" style="width: 100%">
|
||||
<el-option
|
||||
v-for="opt in tenderTypeOptions"
|
||||
:key="opt.value"
|
||||
:label="opt.label"
|
||||
:value="opt.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="评标方法">
|
||||
<el-select v-model="form.evaluation_method" style="width: 100%">
|
||||
<el-option
|
||||
v-for="opt in evaluationMethodOptions"
|
||||
:key="opt.value"
|
||||
:label="opt.label"
|
||||
:value="opt.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="招标方" prop="customer_name">
|
||||
<el-input v-model="form.customer_name" placeholder="请输入招标方名称" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="发布单位">
|
||||
<el-input v-model="form.publish_org" placeholder="发布单位" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="预算金额">
|
||||
<el-input v-model.number="form.budget_amount" placeholder="0.00">
|
||||
<template #append>元</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="投标保证金">
|
||||
<el-input v-model.number="form.bid_deposit" placeholder="0.00">
|
||||
<template #append>元</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="公告发布日期">
|
||||
<el-date-picker
|
||||
v-model="form.publish_date"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD"
|
||||
placeholder="选择日期"
|
||||
style="width: 100%"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="开标时间">
|
||||
<el-date-picker
|
||||
v-model="form.open_bid_date"
|
||||
type="datetime"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
placeholder="选择日期时间"
|
||||
style="width: 100%"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="报名开始">
|
||||
<el-date-picker
|
||||
v-model="form.register_start_date"
|
||||
type="datetime"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
placeholder="选择日期时间"
|
||||
style="width: 100%"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="报名截止">
|
||||
<el-date-picker
|
||||
v-model="form.register_end_date"
|
||||
type="datetime"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
placeholder="选择日期时间"
|
||||
style="width: 100%"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="投标开始">
|
||||
<el-date-picker
|
||||
v-model="form.bid_start_date"
|
||||
type="datetime"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
placeholder="选择日期时间"
|
||||
style="width: 100%"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="投标截止">
|
||||
<el-date-picker
|
||||
v-model="form.bid_end_date"
|
||||
type="datetime"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
placeholder="选择日期时间"
|
||||
style="width: 100%"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="联系人">
|
||||
<el-input v-model="form.contact_person" placeholder="联系人" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="联系电话">
|
||||
<el-input v-model="form.contact_phone" placeholder="联系电话" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="联系邮箱">
|
||||
<el-input v-model="form.contact_email" placeholder="联系邮箱" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-form-item label="投标地点">
|
||||
<el-input v-model="form.bid_address" placeholder="递交投标文件的地点" />
|
||||
</el-form-item>
|
||||
<el-form-item label="开标地点">
|
||||
<el-input v-model="form.open_address" placeholder="开标地点" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="项目描述">
|
||||
<el-input v-model="form.description" type="textarea" :rows="3" placeholder="项目描述" />
|
||||
</el-form-item>
|
||||
<el-form-item label="资质要求">
|
||||
<el-input v-model="form.requirement" type="textarea" :rows="3" placeholder="资质要求" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注">
|
||||
<el-input v-model="form.remark" type="textarea" :rows="2" placeholder="备注" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<template #footer>
|
||||
<el-button @click="handleClose">取消</el-button>
|
||||
<el-button type="primary" :loading="submitting" @click="handleSubmit">保存</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, computed, watch } from "vue";
|
||||
import { ElMessage } from "element-plus";
|
||||
import { updateTender } from "@/api/crmBidding";
|
||||
import { tenderTypeOptions, evaluationMethodOptions } from "@/views/apps/crm/dict";
|
||||
|
||||
const props = defineProps({
|
||||
visible: { type: Boolean, default: false },
|
||||
tender: { type: Object, default: null },
|
||||
});
|
||||
const emit = defineEmits(["update:visible", "success"]);
|
||||
|
||||
const formRef = ref();
|
||||
const submitting = ref(false);
|
||||
|
||||
const locked = computed(() => props.tender?.locked === 1);
|
||||
|
||||
const form = reactive({
|
||||
title: "",
|
||||
tender_no: "",
|
||||
tender_type: "1",
|
||||
evaluation_method: "1",
|
||||
customer_name: "",
|
||||
publish_org: "",
|
||||
budget_amount: 0,
|
||||
bid_deposit: 0,
|
||||
publish_date: "",
|
||||
register_start_date: "",
|
||||
register_end_date: "",
|
||||
bid_start_date: "",
|
||||
bid_end_date: "",
|
||||
open_bid_date: "",
|
||||
contact_person: "",
|
||||
contact_phone: "",
|
||||
contact_email: "",
|
||||
bid_address: "",
|
||||
open_address: "",
|
||||
description: "",
|
||||
requirement: "",
|
||||
remark: "",
|
||||
});
|
||||
|
||||
const rules = {
|
||||
title: [{ required: true, message: "请输入招标标题", trigger: "blur" }],
|
||||
customer_name: [{ required: true, message: "请输入招标方名称", trigger: "blur" }],
|
||||
};
|
||||
|
||||
// 后端返回的时间字段可能是 "2026-01-01T00:00:00+08:00" 形式，统一裁剪
|
||||
function trimTime(val, len) {
|
||||
if (!val) return "";
|
||||
const s = String(val).replace("T", " ");
|
||||
return s.length > len ? s.slice(0, len) : s;
|
||||
}
|
||||
|
||||
watch(
|
||||
() => [props.visible, props.tender],
|
||||
([val, tender]) => {
|
||||
if (!val || !tender) return;
|
||||
Object.assign(form, {
|
||||
title: tender.title || "",
|
||||
tender_no: tender.tender_no || "",
|
||||
tender_type: String(tender.tender_type ?? "1"),
|
||||
evaluation_method: String(tender.evaluation_method ?? "1"),
|
||||
customer_name: tender.customer_name || "",
|
||||
publish_org: tender.publish_org || "",
|
||||
budget_amount: Number(tender.budget_amount) || 0,
|
||||
bid_deposit: Number(tender.bid_deposit) || 0,
|
||||
publish_date: trimTime(tender.publish_date, 10),
|
||||
register_start_date: trimTime(tender.register_start_date, 19),
|
||||
register_end_date: trimTime(tender.register_end_date, 19),
|
||||
bid_start_date: trimTime(tender.bid_start_date, 19),
|
||||
bid_end_date: trimTime(tender.bid_end_date, 19),
|
||||
open_bid_date: trimTime(tender.open_bid_date, 19),
|
||||
contact_person: tender.contact_person || "",
|
||||
contact_phone: tender.contact_phone || "",
|
||||
contact_email: tender.contact_email || "",
|
||||
bid_address: tender.bid_address || "",
|
||||
open_address: tender.open_address || "",
|
||||
description: tender.description || "",
|
||||
requirement: tender.requirement || "",
|
||||
remark: tender.remark || "",
|
||||
});
|
||||
},
|
||||
{ immediate: true, deep: true }
|
||||
);
|
||||
|
||||
function handleClose() {
|
||||
emit("update:visible", false);
|
||||
}
|
||||
|
||||
async function handleSubmit() {
|
||||
if (!formRef.value || !props.tender?.id) return;
|
||||
try {
|
||||
await formRef.value.validate();
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
submitting.value = true;
|
||||
try {
|
||||
await updateTender(props.tender.id, { ...form });
|
||||
ElMessage.success("保存成功");
|
||||
emit("success");
|
||||
handleClose();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "保存失败");
|
||||
} finally {
|
||||
submitting.value = false;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.el-date-picker {
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,292 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
:model-value="visible"
|
||||
title="新建招标"
|
||||
width="860px"
|
||||
:close-on-click-modal="false"
|
||||
@update:model-value="handleClose"
|
||||
>
|
||||
<el-form ref="formRef" :model="form" :rules="rules" label-width="120px">
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="招标标题" prop="title">
|
||||
<el-input v-model="form.title" placeholder="请输入招标标题" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="招标编号">
|
||||
<el-input v-model="form.tender_no" placeholder="可留空自动生成" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="招标类型">
|
||||
<el-select v-model="form.tender_type" style="width: 100%">
|
||||
<el-option
|
||||
v-for="opt in tenderTypeOptions"
|
||||
:key="opt.value"
|
||||
:label="opt.label"
|
||||
:value="opt.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="评标方法">
|
||||
<el-select v-model="form.evaluation_method" style="width: 100%">
|
||||
<el-option
|
||||
v-for="opt in evaluationMethodOptions"
|
||||
:key="opt.value"
|
||||
:label="opt.label"
|
||||
:value="opt.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="招标方" prop="customer_name">
|
||||
<el-input v-model="form.customer_name" placeholder="请输入招标方名称" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="发布单位">
|
||||
<el-input v-model="form.publish_org" placeholder="留空时默认取招标方" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="预算金额">
|
||||
<el-input v-model.number="form.budget_amount" placeholder="0.00">
|
||||
<template #append>元</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="投标保证金">
|
||||
<el-input v-model.number="form.bid_deposit" placeholder="0.00">
|
||||
<template #append>元</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="公告发布日期">
|
||||
<el-date-picker
|
||||
v-model="form.publish_date"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD"
|
||||
placeholder="选择日期"
|
||||
style="width: 100%"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="开标时间">
|
||||
<el-date-picker
|
||||
v-model="form.open_bid_date"
|
||||
type="datetime"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
placeholder="选择日期时间"
|
||||
style="width: 100%"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="报名开始">
|
||||
<el-date-picker
|
||||
v-model="form.register_start_date"
|
||||
type="datetime"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
placeholder="选择日期时间"
|
||||
style="width: 100%"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="报名截止">
|
||||
<el-date-picker
|
||||
v-model="form.register_end_date"
|
||||
type="datetime"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
placeholder="选择日期时间"
|
||||
style="width: 100%"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="投标开始">
|
||||
<el-date-picker
|
||||
v-model="form.bid_start_date"
|
||||
type="datetime"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
placeholder="选择日期时间"
|
||||
style="width: 100%"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="投标截止">
|
||||
<el-date-picker
|
||||
v-model="form.bid_end_date"
|
||||
type="datetime"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
placeholder="选择日期时间"
|
||||
style="width: 100%"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="联系人">
|
||||
<el-input v-model="form.contact_person" placeholder="联系人" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="联系电话">
|
||||
<el-input v-model="form.contact_phone" placeholder="联系电话" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="联系邮箱">
|
||||
<el-input v-model="form.contact_email" placeholder="联系邮箱" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-form-item label="投标地点">
|
||||
<el-input v-model="form.bid_address" placeholder="递交投标文件的地点" />
|
||||
</el-form-item>
|
||||
<el-form-item label="开标地点">
|
||||
<el-input v-model="form.open_address" placeholder="开标地点" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="项目描述">
|
||||
<el-input
|
||||
v-model="form.description"
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
placeholder="项目背景与整体说明"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="资质要求">
|
||||
<el-input
|
||||
v-model="form.requirement"
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
placeholder="对投标方的资质、业绩、技术要求"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注">
|
||||
<el-input v-model="form.remark" type="textarea" :rows="2" placeholder="其他备注（选填）" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<template #footer>
|
||||
<el-button @click="handleClose">取消</el-button>
|
||||
<el-button type="primary" :loading="submitting" @click="handleSubmit">保存为草稿</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, watch } from "vue";
|
||||
import { ElMessage } from "element-plus";
|
||||
import { createTender } from "@/api/crmBidding";
|
||||
import { tenderTypeOptions, evaluationMethodOptions } from "@/views/apps/crm/dict";
|
||||
|
||||
const props = defineProps({
|
||||
visible: { type: Boolean, default: false },
|
||||
});
|
||||
const emit = defineEmits(["update:visible", "success"]);
|
||||
|
||||
const formRef = ref();
|
||||
const submitting = ref(false);
|
||||
|
||||
const emptyForm = () => ({
|
||||
title: "",
|
||||
tender_no: "",
|
||||
tender_type: "1",
|
||||
evaluation_method: "1",
|
||||
customer_name: "",
|
||||
publish_org: "",
|
||||
budget_amount: 0,
|
||||
bid_deposit: 0,
|
||||
publish_date: "",
|
||||
register_start_date: "",
|
||||
register_end_date: "",
|
||||
bid_start_date: "",
|
||||
bid_end_date: "",
|
||||
open_bid_date: "",
|
||||
contact_person: "",
|
||||
contact_phone: "",
|
||||
contact_email: "",
|
||||
bid_address: "",
|
||||
open_address: "",
|
||||
description: "",
|
||||
requirement: "",
|
||||
remark: "",
|
||||
});
|
||||
|
||||
const form = reactive(emptyForm());
|
||||
|
||||
const rules = {
|
||||
title: [{ required: true, message: "请输入招标标题", trigger: "blur" }],
|
||||
customer_name: [{ required: true, message: "请输入招标方名称", trigger: "blur" }],
|
||||
};
|
||||
|
||||
watch(
|
||||
() => props.visible,
|
||||
(val) => {
|
||||
if (val) {
|
||||
Object.assign(form, emptyForm());
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
function handleClose() {
|
||||
emit("update:visible", false);
|
||||
}
|
||||
|
||||
async function handleSubmit() {
|
||||
if (!formRef.value) return;
|
||||
try {
|
||||
await formRef.value.validate();
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
submitting.value = true;
|
||||
try {
|
||||
const res = await createTender({ ...form });
|
||||
ElMessage.success("创建成功");
|
||||
emit("success", res?.data);
|
||||
handleClose();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "创建失败");
|
||||
} finally {
|
||||
submitting.value = false;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.el-date-picker {
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,188 @@
|
||||
<template>
|
||||
<el-drawer
|
||||
:model-value="visible"
|
||||
:title="tender?.title || '招标详情'"
|
||||
direction="rtl"
|
||||
size="1000px"
|
||||
@update:model-value="handleClose"
|
||||
@opened="loadAll"
|
||||
>
|
||||
<div v-if="tender" class="tender-detail">
|
||||
<el-tabs v-model="activeTab" tab-position="left" class="detail-tabs">
|
||||
<el-tab-pane label="基本信息" name="basic">
|
||||
<TenderBaseInfo :tender="tender" @action="handleAction" />
|
||||
<el-divider />
|
||||
<h4 class="block-title">流程进度</h4>
|
||||
<BidTimeline kind="tender" :status="tender.status" :times="tender" />
|
||||
</el-tab-pane>
|
||||
|
||||
<el-tab-pane :label="`招标公告 (${counts.announce})`" name="announce">
|
||||
<TenderAnnounceList
|
||||
ref="announceRef"
|
||||
:tender-id="tender.id"
|
||||
:disabled="locked"
|
||||
@count="counts.announce = $event"
|
||||
@published="refreshSelf"
|
||||
/>
|
||||
</el-tab-pane>
|
||||
|
||||
<el-tab-pane :label="`招标文件 (${counts.file})`" name="file">
|
||||
<TenderFileList
|
||||
ref="fileRef"
|
||||
:tender-id="tender.id"
|
||||
:disabled="locked"
|
||||
@count="counts.file = $event"
|
||||
/>
|
||||
</el-tab-pane>
|
||||
|
||||
<el-tab-pane :label="`投标方 (${counts.supplier})`" name="supplier">
|
||||
<TenderSupplierList
|
||||
ref="supplierRef"
|
||||
:tender-id="tender.id"
|
||||
:disabled="locked"
|
||||
@count="counts.supplier = $event"
|
||||
/>
|
||||
</el-tab-pane>
|
||||
|
||||
<el-tab-pane :label="`开标评标 (${counts.evaluation})`" name="evaluation">
|
||||
<TenderEvaluation
|
||||
ref="evaluationRef"
|
||||
:tender-id="tender.id"
|
||||
:disabled="locked"
|
||||
@count="counts.evaluation = $event"
|
||||
/>
|
||||
</el-tab-pane>
|
||||
|
||||
<el-tab-pane :label="`定标结果 (${counts.result})`" name="result">
|
||||
<TenderResult
|
||||
ref="resultRef"
|
||||
:tender-id="tender.id"
|
||||
:tender="tender"
|
||||
@count="counts.result = $event"
|
||||
@awarded="refreshSelf"
|
||||
/>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</el-drawer>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, computed } from "vue";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { getTenderDetail, awardTenderToContract } from "@/api/crmBidding";
|
||||
|
||||
import BidTimeline from "../components/BidTimeline.vue";
|
||||
import TenderBaseInfo from "./components/TenderBaseInfo.vue";
|
||||
import TenderAnnounceList from "./components/TenderAnnounceList.vue";
|
||||
import TenderFileList from "./components/TenderFileList.vue";
|
||||
import TenderSupplierList from "./components/TenderSupplierList.vue";
|
||||
import TenderEvaluation from "./components/TenderEvaluation.vue";
|
||||
import TenderResult from "./components/TenderResult.vue";
|
||||
|
||||
const props = defineProps({
|
||||
visible: { type: Boolean, default: false },
|
||||
tender: { type: Object, default: null },
|
||||
});
|
||||
const emit = defineEmits(["update:visible", "refresh", "action"]);
|
||||
|
||||
const activeTab = ref("basic");
|
||||
const counts = reactive({
|
||||
announce: 0,
|
||||
file: 0,
|
||||
supplier: 0,
|
||||
evaluation: 0,
|
||||
result: 0,
|
||||
});
|
||||
|
||||
const announceRef = ref();
|
||||
const fileRef = ref();
|
||||
const supplierRef = ref();
|
||||
const evaluationRef = ref();
|
||||
const resultRef = ref();
|
||||
|
||||
const locked = computed(() => props.tender?.locked === 1);
|
||||
|
||||
function handleClose() {
|
||||
emit("update:visible", false);
|
||||
}
|
||||
|
||||
async function refreshSelf() {
|
||||
if (!props.tender?.id) return;
|
||||
try {
|
||||
const res = await getTenderDetail(props.tender.id);
|
||||
if (res?.data) {
|
||||
Object.assign(props.tender, res.data);
|
||||
}
|
||||
} catch {
|
||||
// ignore
|
||||
}
|
||||
emit("refresh");
|
||||
}
|
||||
|
||||
async function loadAll() {
|
||||
if (!props.tender?.id) return;
|
||||
await refreshSelf();
|
||||
counts.announce = 0;
|
||||
counts.file = 0;
|
||||
counts.supplier = 0;
|
||||
counts.evaluation = 0;
|
||||
counts.result = 0;
|
||||
announceRef.value?.reload?.();
|
||||
fileRef.value?.reload?.();
|
||||
supplierRef.value?.reload?.();
|
||||
evaluationRef.value?.reload?.();
|
||||
resultRef.value?.reload?.();
|
||||
}
|
||||
|
||||
async function handleAction({ type, row }) {
|
||||
if (type === "edit") {
|
||||
emit("action", { type: "edit", row });
|
||||
return;
|
||||
}
|
||||
if (type === "award") {
|
||||
activeTab.value = "result";
|
||||
resultRef.value?.openAward?.();
|
||||
return;
|
||||
}
|
||||
if (type === "contract") {
|
||||
await handleToContract(row);
|
||||
}
|
||||
}
|
||||
|
||||
async function handleToContract(row) {
|
||||
try {
|
||||
await ElMessageBox.confirm(
|
||||
`确认将「${row.title}」的中标结果转为合同吗？`,
|
||||
"转合同确认",
|
||||
{ type: "warning" }
|
||||
);
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
await awardTenderToContract(row.id, {});
|
||||
ElMessage.success("已转合同");
|
||||
await refreshSelf();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "转合同失败");
|
||||
}
|
||||
}
|
||||
|
||||
defineExpose({ reload: loadAll });
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.tender-detail {
|
||||
padding: 0 16px 16px;
|
||||
}
|
||||
.detail-tabs {
|
||||
min-height: 640px;
|
||||
}
|
||||
.block-title {
|
||||
margin: 0 0 12px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: var(--el-text-color-regular);
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,274 @@
|
||||
<template>
|
||||
<div class="crm-page">
|
||||
<div class="page-header">
|
||||
<div>
|
||||
<h2>我要招标</h2>
|
||||
<p>作为甲方发布招标、收集投标、评标定标，支持定标后一键转合同</p>
|
||||
</div>
|
||||
<div class="header-actions">
|
||||
<el-button :icon="Refresh" @click="fetchList">刷新</el-button>
|
||||
<el-button :icon="DataAnalysis" @click="goStatistics">统计</el-button>
|
||||
<el-button type="primary" :icon="Plus" @click="openCreate">新建招标</el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="filter-bar">
|
||||
<el-form :inline="true" :model="filters" @submit.prevent>
|
||||
<el-form-item>
|
||||
<el-input
|
||||
v-model="filters.keyword"
|
||||
clearable
|
||||
placeholder="搜索招标标题 / 编号 / 招标方"
|
||||
:prefix-icon="Search"
|
||||
style="width: 260px"
|
||||
@keyup.enter="handleSearch"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-select v-model="filters.status" clearable placeholder="状态" style="width: 140px">
|
||||
<el-option
|
||||
v-for="opt in tenderStatusOptions"
|
||||
:key="opt.value"
|
||||
:label="opt.label"
|
||||
:value="opt.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-select v-model="filters.tender_type" clearable placeholder="招标类型" style="width: 140px">
|
||||
<el-option
|
||||
v-for="opt in tenderTypeOptions"
|
||||
:key="opt.value"
|
||||
:label="opt.label"
|
||||
:value="opt.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" :icon="Search" @click="handleSearch">查询</el-button>
|
||||
<el-button :icon="RefreshLeft" @click="resetFilters">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
|
||||
<div class="table-wrap" v-loading="loading">
|
||||
<el-table :data="tableData" stripe border>
|
||||
<el-table-column label="招标编号" prop="tender_no" width="140" show-overflow-tooltip />
|
||||
<el-table-column label="招标标题" min-width="200" show-overflow-tooltip>
|
||||
<template #default="{ row }">
|
||||
<el-link type="primary" :underline="false" @click="openDetail(row)">
|
||||
{{ row.title }}
|
||||
</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="类型" width="110" align="center">
|
||||
<template #default="{ row }"><TenderTypeTag :type="row.tender_type" /></template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" width="100" align="center">
|
||||
<template #default="{ row }"><StatusTag kind="tender" :status="row.status" /></template>
|
||||
</el-table-column>
|
||||
<el-table-column label="预算金额" width="130" align="right">
|
||||
<template #default="{ row }">{{ formatMoney(row.budget_amount) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="投标截止" width="160" align="center">
|
||||
<template #default="{ row }">{{ formatBidTime(row.bid_end_date) || "-" }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="中标单位" width="160" show-overflow-tooltip>
|
||||
<template #default="{ row }">{{ row.winner_supplier_name || "-" }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="负责人" width="100" align="center">
|
||||
<template #default="{ row }">{{ row.owner_user_name || "-" }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="220" align="center" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button link type="primary" size="small" @click="openDetail(row)">详情</el-button>
|
||||
<el-button
|
||||
link type="success" size="small"
|
||||
:disabled="row.status !== 6 || !!row.contract_id"
|
||||
@click="handleToContract(row)"
|
||||
>
|
||||
转合同
|
||||
</el-button>
|
||||
<el-button link type="warning" size="small" @click="openEdit(row)">编辑</el-button>
|
||||
<el-button link type="danger" size="small" @click="handleDelete(row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<template #empty><el-empty description="暂无招标项目" :image-size="80" /></template>
|
||||
</el-table>
|
||||
|
||||
<div class="pagination">
|
||||
<el-pagination
|
||||
v-model:current-page="pagination.page"
|
||||
v-model:page-size="pagination.pageSize"
|
||||
:total="pagination.total"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
@size-change="handleSearch"
|
||||
@current-change="fetchList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<TenderCreate v-model:visible="createVisible" @success="handleSaved" />
|
||||
<TenderEdit v-model:visible="editVisible" :tender="currentRow" @success="handleSaved" />
|
||||
<TenderDetail
|
||||
v-model:visible="detailVisible"
|
||||
:tender="currentRow"
|
||||
@refresh="fetchList"
|
||||
@action="handleDetailAction"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, onMounted } from "vue";
|
||||
import { useRouter, useRoute } from "vue-router";
|
||||
import { ElMessage, ElMessageBox } from "element-plus";
|
||||
import { Plus, Search, Refresh, RefreshLeft, DataAnalysis } from "@element-plus/icons-vue";
|
||||
|
||||
import { getTenderList, deleteTender, awardTenderToContract } from "@/api/crmBidding";
|
||||
import {
|
||||
tenderStatusOptions,
|
||||
tenderTypeOptions,
|
||||
formatMoney,
|
||||
formatBidTime
|
||||
} from "@/views/apps/crm/dict";
|
||||
|
||||
import StatusTag from "../components/StatusTag.vue";
|
||||
import TenderTypeTag from "../components/TenderTypeTag.vue";
|
||||
import TenderCreate from "./create.vue";
|
||||
import TenderEdit from "./components/edit.vue";
|
||||
import TenderDetail from "./detail.vue";
|
||||
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
|
||||
const loading = ref(false);
|
||||
const tableData = ref([]);
|
||||
const filters = reactive({ keyword: "", status: "", tender_type: "" });
|
||||
const pagination = reactive({ page: 1, pageSize: 20, total: 0 });
|
||||
|
||||
const createVisible = ref(false);
|
||||
const editVisible = ref(false);
|
||||
const detailVisible = ref(false);
|
||||
const currentRow = ref(null);
|
||||
|
||||
onMounted(() => {
|
||||
fetchList();
|
||||
// 从到期提醒跳转：携带 id 直接打开详情
|
||||
const qid = route.query.id;
|
||||
if (qid) {
|
||||
openDetail({ id: Number(qid) });
|
||||
}
|
||||
});
|
||||
|
||||
async function fetchList() {
|
||||
loading.value = true;
|
||||
try {
|
||||
const res = await getTenderList({
|
||||
page: pagination.page,
|
||||
pageSize: pagination.pageSize,
|
||||
...filters
|
||||
});
|
||||
tableData.value = res?.data?.list || [];
|
||||
pagination.total = res?.data?.total || 0;
|
||||
} catch (e) {
|
||||
tableData.value = [];
|
||||
pagination.total = 0;
|
||||
ElMessage.error(e?.message || "查询失败");
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
function handleSearch() {
|
||||
pagination.page = 1;
|
||||
fetchList();
|
||||
}
|
||||
|
||||
function resetFilters() {
|
||||
filters.keyword = "";
|
||||
filters.status = "";
|
||||
filters.tender_type = "";
|
||||
handleSearch();
|
||||
}
|
||||
|
||||
function openCreate() {
|
||||
currentRow.value = null;
|
||||
createVisible.value = true;
|
||||
}
|
||||
|
||||
function openEdit(row) {
|
||||
currentRow.value = row;
|
||||
editVisible.value = true;
|
||||
}
|
||||
|
||||
function openDetail(row) {
|
||||
currentRow.value = row;
|
||||
detailVisible.value = true;
|
||||
}
|
||||
|
||||
function goStatistics() {
|
||||
router.push("/apps/crm/bidding/statistics/tender");
|
||||
}
|
||||
|
||||
function handleSaved() {
|
||||
fetchList();
|
||||
}
|
||||
|
||||
function handleDetailAction({ type, row }) {
|
||||
if (type === "edit" && row) {
|
||||
openEdit(row);
|
||||
}
|
||||
fetchList();
|
||||
}
|
||||
|
||||
async function handleToContract(row) {
|
||||
try {
|
||||
await ElMessageBox.confirm(
|
||||
`确认将招标「${row.title}」的中标结果转为合同吗？`,
|
||||
"转合同确认",
|
||||
{ type: "warning" }
|
||||
);
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
await awardTenderToContract(row.id, {});
|
||||
ElMessage.success("已转合同");
|
||||
fetchList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "转合同失败");
|
||||
}
|
||||
}
|
||||
|
||||
async function handleDelete(row) {
|
||||
try {
|
||||
await ElMessageBox.confirm(`确认删除招标「${row.title}」？`, "删除确认", {
|
||||
type: "warning"
|
||||
});
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
await deleteTender(row.id);
|
||||
ElMessage.success("删除成功");
|
||||
fetchList();
|
||||
} catch (e) {
|
||||
ElMessage.error(e?.message || "删除失败");
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped src="../../styles/crm-page.less"></style>
|
||||
|
||||
<style scoped>
|
||||
.filter-bar {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.pagination {
|
||||
margin-top: 16px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
</style>
|
||||
@@ -716,3 +716,416 @@ export const paybackStatusTag = (val) => PAYBACK_STATUS_TAG[normalize(val)] || "
|
||||
export const paybackItemStatusText = (val) =>
|
||||
PAYBACK_ITEM_STATUS_MAP[normalize(val)] || normalize(val) || "-";
|
||||
export const paybackItemStatusTag = (val) => PAYBACK_ITEM_STATUS_TAG[normalize(val)] || "info";
|
||||
|
||||
/* =====================================================================
|
||||
* 招投标管理（CRM-我要招标/我要投标）
|
||||
* ===================================================================== */
|
||||
|
||||
/** 招标类型：1公开 2邀请 3竞争性谈判 4询比 5单一来源 */
|
||||
export const TENDER_TYPE_OPTIONS = [
|
||||
{ label: "公开招标", value: "1" },
|
||||
{ label: "邀请招标", value: "2" },
|
||||
{ label: "竞争性谈判", value: "3" },
|
||||
{ label: "询比采购", value: "4" },
|
||||
{ label: "单一来源", value: "5" },
|
||||
];
|
||||
|
||||
/** 招标状态：0草稿 1公告中 2报名中 3投标中 4开标中 5评标中 6已定标 7已归档 */
|
||||
export const TENDER_STATUS_OPTIONS = [
|
||||
{ label: "草稿", value: 0 },
|
||||
{ label: "公告中", value: 1 },
|
||||
{ label: "报名中", value: 2 },
|
||||
{ label: "投标中", value: 3 },
|
||||
{ label: "开标中", value: 4 },
|
||||
{ label: "评标中", value: 5 },
|
||||
{ label: "已定标", value: 6 },
|
||||
{ label: "已归档", value: 7 },
|
||||
];
|
||||
|
||||
/** 评标方法：1综合评估 2最低价 3性价比 */
|
||||
export const EVALUATION_METHOD_OPTIONS = [
|
||||
{ label: "综合评估法", value: "1" },
|
||||
{ label: "最低价法", value: "2" },
|
||||
{ label: "性价比法", value: "3" },
|
||||
];
|
||||
|
||||
/** 定标类型：1定标 2流标 3废标 */
|
||||
export const TENDER_RESULT_TYPE_OPTIONS = [
|
||||
{ label: "定标", value: 1 },
|
||||
{ label: "流标", value: 2 },
|
||||
{ label: "废标", value: 3 },
|
||||
];
|
||||
|
||||
/** 投标类型（同招标类型） */
|
||||
export const BID_TYPE_OPTIONS = TENDER_TYPE_OPTIONS;
|
||||
|
||||
/** 投标状态：0草稿 1立项审批中 2投标中 3已开标 4中标 5落标 6已转合同 7已归档 */
|
||||
export const BID_STATUS_OPTIONS = [
|
||||
{ label: "草稿", value: 0 },
|
||||
{ label: "立项审批中", value: 1 },
|
||||
{ label: "投标中", value: 2 },
|
||||
{ label: "已开标", value: 3 },
|
||||
{ label: "中标", value: 4 },
|
||||
{ label: "落标", value: 5 },
|
||||
{ label: "已转合同", value: 6 },
|
||||
{ label: "已归档", value: 7 },
|
||||
];
|
||||
|
||||
/** 投标来源：0独立 1商机 2项目 */
|
||||
export const BID_SOURCE_TYPE_OPTIONS = [
|
||||
{ label: "独立创建", value: 0 },
|
||||
{ label: "商机", value: 1 },
|
||||
{ label: "项目", value: 2 },
|
||||
];
|
||||
|
||||
/** 投标结果：1中标 2未中标 3废标 4流标 */
|
||||
export const BID_RESULT_TYPE_OPTIONS = [
|
||||
{ label: "中标", value: 1 },
|
||||
{ label: "未中标", value: 2 },
|
||||
{ label: "废标", value: 3 },
|
||||
{ label: "流标", value: 4 },
|
||||
];
|
||||
|
||||
/** 投标方报名状态：1待审核 2已通过 3已拒绝 4已退标 */
|
||||
export const TENDER_SUPPLIER_STATUS_OPTIONS = [
|
||||
{ label: "待审核", value: 1 },
|
||||
{ label: "已通过", value: 2 },
|
||||
{ label: "已拒绝", value: 3 },
|
||||
{ label: "已退标", value: 4 },
|
||||
];
|
||||
|
||||
/** 招标公告类型：1招标公告 2变更公告 3中标公告 4终止公告 */
|
||||
export const TENDER_ANNOUNCE_TYPE_OPTIONS = [
|
||||
{ label: "招标公告", value: "1" },
|
||||
{ label: "变更公告", value: "2" },
|
||||
{ label: "中标公告", value: "3" },
|
||||
{ label: "终止公告", value: "4" },
|
||||
];
|
||||
|
||||
/** 评标结论：0待评 1合格 2不合格 3废标 */
|
||||
export const EVALUATION_RESULT_OPTIONS = [
|
||||
{ label: "待评", value: 0 },
|
||||
{ label: "合格", value: 1 },
|
||||
{ label: "不合格", value: 2 },
|
||||
{ label: "废标", value: 3 },
|
||||
];
|
||||
|
||||
/** 任务类型：1商务 2技术 3报价 4法务 5财务 6其他 */
|
||||
export const BID_TASK_TYPE_OPTIONS = [
|
||||
{ label: "商务", value: "1" },
|
||||
{ label: "技术", value: "2" },
|
||||
{ label: "报价", value: "3" },
|
||||
{ label: "法务", value: "4" },
|
||||
{ label: "财务", value: "5" },
|
||||
{ label: "其他", value: "6" },
|
||||
];
|
||||
|
||||
/** 任务状态：0未开始 1进行中 2已完成 3已逾期 4已取消 */
|
||||
export const BID_TASK_STATUS_OPTIONS = [
|
||||
{ label: "未开始", value: 0 },
|
||||
{ label: "进行中", value: 1 },
|
||||
{ label: "已完成", value: 2 },
|
||||
{ label: "已逾期", value: 3 },
|
||||
{ label: "已取消", value: 4 },
|
||||
];
|
||||
|
||||
/** 标书模板类型：1技术标 2商务标 3综合标 */
|
||||
export const BID_TEMPLATE_TYPE_OPTIONS = [
|
||||
{ label: "技术标", value: "1" },
|
||||
{ label: "商务标", value: "2" },
|
||||
{ label: "综合标", value: "3" },
|
||||
];
|
||||
|
||||
/** 资质类型：1营业执照 2资质证书 3业绩证明 4认证证书 5其他 */
|
||||
export const QUALIFICATION_TYPE_OPTIONS = [
|
||||
{ label: "营业执照", value: "1" },
|
||||
{ label: "资质证书", value: "2" },
|
||||
{ label: "业绩证明", value: "3" },
|
||||
{ label: "认证证书", value: "4" },
|
||||
{ label: "其他", value: "5" },
|
||||
];
|
||||
|
||||
/** 资质状态：1有效 2即将过期 0失效 */
|
||||
export const QUALIFICATION_STATUS_OPTIONS = [
|
||||
{ label: "有效", value: 1 },
|
||||
{ label: "即将过期", value: 2 },
|
||||
{ label: "失效", value: 0 },
|
||||
];
|
||||
|
||||
/** 报价单状态：1草稿 2待审批 3已审批 4已使用 */
|
||||
export const BID_QUOTE_STATUS_OPTIONS = [
|
||||
{ label: "草稿", value: 1 },
|
||||
{ label: "待审批", value: 2 },
|
||||
{ label: "已审批", value: 3 },
|
||||
{ label: "已使用", value: 4 },
|
||||
];
|
||||
|
||||
/** 竞争对手类型：1同类厂商 2关联企业 3其他 */
|
||||
export const COMPETITOR_TYPE_OPTIONS = [
|
||||
{ label: "同类厂商", value: 1 },
|
||||
{ label: "关联企业", value: 2 },
|
||||
{ label: "其他", value: 3 },
|
||||
];
|
||||
|
||||
/** 投标费用类型：1标书费 2保证金 3差旅费 4咨询费 5代理费 6其他 */
|
||||
export const BID_EXPENSE_TYPE_OPTIONS = [
|
||||
{ label: "标书费", value: 1 },
|
||||
{ label: "保证金", value: 2 },
|
||||
{ label: "差旅费", value: 3 },
|
||||
{ label: "咨询费", value: 4 },
|
||||
{ label: "代理费", value: 5 },
|
||||
{ label: "其他", value: 6 },
|
||||
];
|
||||
|
||||
/** 费用支付状态：0未付 1已付 2已退还 3已抵扣 */
|
||||
export const PAYMENT_STATUS_OPTIONS = [
|
||||
{ label: "未付", value: 0 },
|
||||
{ label: "已付", value: 1 },
|
||||
{ label: "已退还", value: 2 },
|
||||
{ label: "已抵扣", value: 3 },
|
||||
];
|
||||
|
||||
/** 标书版本状态：1编辑中 2待审核 3已定稿 4已提交 */
|
||||
export const BID_DOCUMENT_STATUS_OPTIONS = [
|
||||
{ label: "编辑中", value: 1 },
|
||||
{ label: "待审核", value: 2 },
|
||||
{ label: "已定稿", value: 3 },
|
||||
{ label: "已提交", value: 4 },
|
||||
];
|
||||
|
||||
/** 立项审批状态：0待审批 1已通过 2已拒绝 3已撤回 */
|
||||
export const APPROVAL_STATUS_OPTIONS = [
|
||||
{ label: "待审批", value: 0 },
|
||||
{ label: "已通过", value: 1 },
|
||||
{ label: "已拒绝", value: 2 },
|
||||
{ label: "已撤回", value: 3 },
|
||||
];
|
||||
|
||||
/** 审批类型：1立项审批 2报价审批 3合同审批 */
|
||||
export const APPROVAL_TYPE_OPTIONS = [
|
||||
{ label: "立项审批", value: "1" },
|
||||
{ label: "报价审批", value: "2" },
|
||||
{ label: "合同审批", value: "3" },
|
||||
];
|
||||
|
||||
/* ---------------- 派生 MAP / TAG / 工具函数 ---------------- */
|
||||
|
||||
const TENDER_STATUS_MAP = TENDER_STATUS_OPTIONS.reduce((m, i) => ((m[i.value] = i.label), m), {});
|
||||
const TENDER_STATUS_TAG = {
|
||||
0: "info",
|
||||
1: "primary",
|
||||
2: "primary",
|
||||
3: "warning",
|
||||
4: "warning",
|
||||
5: "warning",
|
||||
6: "success",
|
||||
7: "info",
|
||||
};
|
||||
|
||||
const BID_STATUS_MAP = BID_STATUS_OPTIONS.reduce((m, i) => ((m[i.value] = i.label), m), {});
|
||||
const BID_STATUS_TAG = {
|
||||
0: "info",
|
||||
1: "primary",
|
||||
2: "warning",
|
||||
3: "warning",
|
||||
4: "success",
|
||||
5: "danger",
|
||||
6: "success",
|
||||
7: "info",
|
||||
};
|
||||
|
||||
const BID_RESULT_TYPE_MAP = BID_RESULT_TYPE_OPTIONS.reduce((m, i) => ((m[i.value] = i.label), m), {});
|
||||
const BID_RESULT_TYPE_TAG = {
|
||||
1: "success",
|
||||
2: "danger",
|
||||
3: "warning",
|
||||
4: "info",
|
||||
};
|
||||
|
||||
const BID_SOURCE_TYPE_MAP = BID_SOURCE_TYPE_OPTIONS.reduce((m, i) => ((m[i.value] = i.label), m), {});
|
||||
|
||||
const BID_TASK_STATUS_MAP = BID_TASK_STATUS_OPTIONS.reduce((m, i) => ((m[i.value] = i.label), m), {});
|
||||
const BID_TASK_STATUS_TAG = {
|
||||
0: "info",
|
||||
1: "primary",
|
||||
2: "success",
|
||||
3: "danger",
|
||||
4: "info",
|
||||
};
|
||||
|
||||
const QUALIFICATION_STATUS_MAP = QUALIFICATION_STATUS_OPTIONS.reduce((m, i) => ((m[i.value] = i.label), m), {});
|
||||
const QUALIFICATION_STATUS_TAG = {
|
||||
1: "success",
|
||||
2: "warning",
|
||||
0: "info",
|
||||
};
|
||||
|
||||
const BID_QUOTE_STATUS_MAP = BID_QUOTE_STATUS_OPTIONS.reduce((m, i) => ((m[i.value] = i.label), m), {});
|
||||
const BID_QUOTE_STATUS_TAG = {
|
||||
1: "info",
|
||||
2: "warning",
|
||||
3: "success",
|
||||
4: "primary",
|
||||
};
|
||||
|
||||
const PAYMENT_STATUS_MAP = PAYMENT_STATUS_OPTIONS.reduce((m, i) => ((m[i.value] = i.label), m), {});
|
||||
const PAYMENT_STATUS_TAG = {
|
||||
0: "warning",
|
||||
1: "success",
|
||||
2: "primary",
|
||||
3: "info",
|
||||
};
|
||||
|
||||
const APPROVAL_STATUS_MAP = APPROVAL_STATUS_OPTIONS.reduce((m, i) => ((m[i.value] = i.label), m), {});
|
||||
const APPROVAL_STATUS_TAG = {
|
||||
0: "warning",
|
||||
1: "success",
|
||||
2: "danger",
|
||||
3: "info",
|
||||
};
|
||||
|
||||
/* 工具函数 */
|
||||
export const tenderStatusText = (val) => TENDER_STATUS_MAP[normalize(val)] || normalize(val) || "-";
|
||||
export const tenderStatusTag = (val) => TENDER_STATUS_TAG[normalize(val)] || "info";
|
||||
|
||||
export const bidStatusText = (val) => BID_STATUS_MAP[normalize(val)] || normalize(val) || "-";
|
||||
export const bidStatusTag = (val) => BID_STATUS_TAG[normalize(val)] || "info";
|
||||
|
||||
export const bidResultTypeText = (val) => BID_RESULT_TYPE_MAP[normalize(val)] || normalize(val) || "-";
|
||||
export const bidResultTypeTag = (val) => BID_RESULT_TYPE_TAG[normalize(val)] || "info";
|
||||
|
||||
export const bidSourceTypeText = (val) => BID_SOURCE_TYPE_MAP[normalize(val)] || normalize(val) || "-";
|
||||
|
||||
export const bidTaskStatusText = (val) => BID_TASK_STATUS_MAP[normalize(val)] || normalize(val) || "-";
|
||||
export const bidTaskStatusTag = (val) => BID_TASK_STATUS_TAG[normalize(val)] || "info";
|
||||
|
||||
export const qualificationStatusText = (val) => QUALIFICATION_STATUS_MAP[normalize(val)] || normalize(val) || "-";
|
||||
export const qualificationStatusTag = (val) => QUALIFICATION_STATUS_TAG[normalize(val)] || "info";
|
||||
|
||||
export const bidQuoteStatusText = (val) => BID_QUOTE_STATUS_MAP[normalize(val)] || normalize(val) || "-";
|
||||
export const bidQuoteStatusTag = (val) => BID_QUOTE_STATUS_TAG[normalize(val)] || "info";
|
||||
|
||||
export const paymentStatusText = (val) => PAYMENT_STATUS_MAP[normalize(val)] || normalize(val) || "-";
|
||||
export const paymentStatusTag = (val) => PAYMENT_STATUS_TAG[normalize(val)] || "info";
|
||||
|
||||
export const approvalStatusText = (val) => APPROVAL_STATUS_MAP[normalize(val)] || normalize(val) || "-";
|
||||
export const approvalStatusTag = (val) => APPROVAL_STATUS_TAG[normalize(val)] || "info";
|
||||
|
||||
/** 暴露给 el-select 遍历 */
|
||||
export const tenderTypeOptions = TENDER_TYPE_OPTIONS;
|
||||
export const tenderStatusOptions = TENDER_STATUS_OPTIONS;
|
||||
export const evaluationMethodOptions = EVALUATION_METHOD_OPTIONS;
|
||||
export const tenderResultTypeOptions = TENDER_RESULT_TYPE_OPTIONS;
|
||||
export const bidTypeOptions = BID_TYPE_OPTIONS;
|
||||
export const bidStatusOptions = BID_STATUS_OPTIONS;
|
||||
export const bidSourceTypeOptions = BID_SOURCE_TYPE_OPTIONS;
|
||||
export const bidResultTypeOptions = BID_RESULT_TYPE_OPTIONS;
|
||||
export const tenderSupplierStatusOptions = TENDER_SUPPLIER_STATUS_OPTIONS;
|
||||
export const tenderAnnounceTypeOptions = TENDER_ANNOUNCE_TYPE_OPTIONS;
|
||||
export const evaluationResultOptions = EVALUATION_RESULT_OPTIONS;
|
||||
export const bidTaskTypeOptions = BID_TASK_TYPE_OPTIONS;
|
||||
export const bidTaskStatusOptions = BID_TASK_STATUS_OPTIONS;
|
||||
export const bidTemplateTypeOptions = BID_TEMPLATE_TYPE_OPTIONS;
|
||||
export const qualificationTypeOptions = QUALIFICATION_TYPE_OPTIONS;
|
||||
export const qualificationStatusOptions = QUALIFICATION_STATUS_OPTIONS;
|
||||
export const bidQuoteStatusOptions = BID_QUOTE_STATUS_OPTIONS;
|
||||
export const competitorTypeOptions = COMPETITOR_TYPE_OPTIONS;
|
||||
export const bidExpenseTypeOptions = BID_EXPENSE_TYPE_OPTIONS;
|
||||
export const paymentStatusOptions = PAYMENT_STATUS_OPTIONS;
|
||||
export const bidDocumentStatusOptions = BID_DOCUMENT_STATUS_OPTIONS;
|
||||
export const approvalStatusOptions = APPROVAL_STATUS_OPTIONS;
|
||||
export const approvalTypeOptions = APPROVAL_TYPE_OPTIONS;
|
||||
|
||||
/* =====================================================================
|
||||
* 招投标：补齐的取值工具
|
||||
* 上面的 *_OPTIONS 已定义，这里只补 "值 -> 文案 / tag 类型" 的映射，
|
||||
* 与既有一 Style保持一致，供页面和 Tab 组件直接引用。
|
||||
* ===================================================================== */
|
||||
|
||||
const BIDDING_TEXT_MAP = {
|
||||
tenderType: TENDER_TYPE_OPTIONS,
|
||||
evaluationMethod: EVALUATION_METHOD_OPTIONS,
|
||||
bidResult: BID_RESULT_TYPE_OPTIONS,
|
||||
templateType: BID_TEMPLATE_TYPE_OPTIONS,
|
||||
competitorType: COMPETITOR_TYPE_OPTIONS,
|
||||
expenseType: BID_EXPENSE_TYPE_OPTIONS,
|
||||
documentStatus: BID_DOCUMENT_STATUS_OPTIONS
|
||||
};
|
||||
|
||||
const BIDDING_TAG_MAP = {
|
||||
tenderType: { 1: "primary", 2: "success", 3: "warning", 4: "info", 5: "danger" },
|
||||
bidResult: { 1: "success", 2: "danger", 3: "warning", 4: "info" },
|
||||
documentStatus: { 1: "info", 2: "warning", 3: "success", 4: "primary" }
|
||||
};
|
||||
|
||||
function biddingText(kind, val) {
|
||||
const opt = BIDDING_TEXT_MAP[kind];
|
||||
if (!opt) return "-";
|
||||
const hit = opt.find(i => String(i.value) === normalize(val));
|
||||
return hit ? hit.label : normalize(val) || "-";
|
||||
}
|
||||
|
||||
export const tenderTypeText = val => biddingText("tenderType", val);
|
||||
export const tenderTypeTag = val => BIDDING_TAG_MAP.tenderType[normalize(val)] || "info";
|
||||
|
||||
// 投标类型与招标类型共用同一套字典，保留 bidType* 别名避免调用方改字典名
|
||||
export const bidTypeText = val => biddingText("tenderType", val);
|
||||
export const bidTypeTag = val => BIDDING_TAG_MAP.tenderType[normalize(val)] || "info";
|
||||
|
||||
export const evaluationMethodText = val => biddingText("evaluationMethod", val);
|
||||
|
||||
export const bidResultText = val => biddingText("bidResult", val);
|
||||
export const bidResultTag = val => BIDDING_TAG_MAP.bidResult[normalize(val)] || "info";
|
||||
|
||||
export const templateTypeText = val => biddingText("templateType", val);
|
||||
|
||||
export const competitorTypeText = val => biddingText("competitorType", val);
|
||||
|
||||
export const expenseTypeText = val => biddingText("expenseType", val);
|
||||
|
||||
export const documentStatusText = val => biddingText("documentStatus", val);
|
||||
export const documentStatusTag = val =>
|
||||
BIDDING_TAG_MAP.documentStatus[normalize(val)] || "info";
|
||||
|
||||
/**
|
||||
* 时间线/详情用的时间格式化：空值、零值时间统一返回空串而不是 "-"，
|
||||
* 避免时间线上出现一排 "-"。
|
||||
*/
|
||||
export function formatBidTime(val) {
|
||||
if (!val) return "";
|
||||
const s = String(val).trim();
|
||||
if (!s || s.startsWith("0001-")) return "";
|
||||
return s.length >= 16 ? s.slice(0, 16).replace("T", " ") : s.slice(0, 10);
|
||||
}
|
||||
|
||||
/* ====================== 状态流转合法性 ====================== */
|
||||
|
||||
// 允许流转到的下一状态，用于前端限制操作按钮（后端仍会二次校验）
|
||||
export const BID_NEXT_STATUS = {
|
||||
0: [1, 2], // 草稿 -> 审批中 / 直接投标中
|
||||
1: [2, 0], // 审批中 -> 投标中 / 驳回回草稿
|
||||
2: [3], // 投标中 -> 已开标
|
||||
3: [4, 5], // 已开标 -> 中标 / 落标
|
||||
4: [6, 7], // 中标 -> 已转合同 / 归档
|
||||
5: [7],
|
||||
6: [7],
|
||||
7: []
|
||||
};
|
||||
|
||||
export const TENDER_NEXT_STATUS = {
|
||||
0: [1],
|
||||
1: [2],
|
||||
2: [3],
|
||||
3: [4],
|
||||
4: [5],
|
||||
5: [6],
|
||||
6: [7],
|
||||
7: []
|
||||
};
|
||||
|
||||
/** 判断目标状态是否是合法流转 */
|
||||
export function canTransfer(kind, from, to) {
|
||||
const table = kind === "tender" ? TENDER_NEXT_STATUS : BID_NEXT_STATUS;
|
||||
const next = table[normalize(from)];
|
||||
return Array.isArray(next) && next.includes(Number(to));
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user