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

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