增加招投标模块

backend/src/views/apps/crm/bidding/tender/components/TenderBaseInfo.vue

@@ -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>