优化线索、商机、项目相关开发

backend/src/views/apps/crm/business/index.vue

@@ -3,7 +3,7 @@
     <div class="page-header">
       <div>
         <h2>商机管理</h2>
-        <p>推进商机阶段，达成后可转化为项目；转化后商机将锁定不可编辑</p>
+        <p>推进商机阶段，达成后可转化为项目</p>
       </div>
       <div class="header-actions">
         <el-button :icon="Refresh" @click="fetchList">刷新</el-button>
@@ -47,6 +47,11 @@
 
     <div class="table-container" v-loading="loading">
       <el-table :data="tableData" stripe border row-key="id">
+        <el-table-column label="状态" width="110" align="center" fixed>
+          <template #default="{ row }">
+            <el-tag :type="businessStatusTag(row.status)" size="small">{{ businessStatusText(row.status) }}</el-tag>
+          </template>
+        </el-table-column>
         <el-table-column label="商机名称" min-width="170" show-overflow-tooltip fixed>
           <template #default="{ row }">
             <span class="name-link" @click="openDetail(row)">{{ row.business_name }}</span>
@@ -77,11 +82,6 @@
         <el-table-column label="下次联系时间" width="160" align="center">
           <template #default="{ row }">{{ formatDateTime(row.next_contact_time) }}</template>
         </el-table-column>
-        <el-table-column label="状态" width="110" align="center">
-          <template #default="{ row }">
-            <el-tag :type="businessStatusTag(row.status)" size="small">{{ businessStatusText(row.status) }}</el-tag>
-          </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)">
@@ -96,7 +96,15 @@
             >
               转项目
             </el-button>
-            <el-button link type="danger" size="small" @click="handleDelete(row)">删除</el-button>
+            <el-button
+              link
+              type="danger"
+              size="small"
+              :disabled="row.locked === 1 || row.status === 2"
+              @click="handleDelete(row)"
+            >
+              删除
+            </el-button>
           </template>
         </el-table-column>
         <template #empty><el-empty description="暂无商机" :image-size="80" /></template>
@@ -118,32 +126,11 @@
     <BusinessEdit v-model:visible="editVisible" :edit-data="currentRow" @success="fetchList" />
     <BusinessConvert v-model:visible="convertVisible" :business="currentRow" @success="handleConvertSuccess" />
 
-    <el-dialog v-model="detailVisible" :title="currentRow?.business_name || '商机详情'" width="720px">
-      <el-descriptions v-if="currentRow" :column="2" border size="small">
-        <el-descriptions-item label="商机名称" :span="2">{{ currentRow.business_name }}</el-descriptions-item>
-        <el-descriptions-item label="客户名称">{{ currentRow.customer_name || "-" }}</el-descriptions-item>
-        <el-descriptions-item label="客户来源">{{ clueSourceText(currentRow.source) }}</el-descriptions-item>
-        <el-descriptions-item label="商机阶段">
-          <el-tag :type="businessStageTag(currentRow.stage)" size="small">{{ businessStageText(currentRow.stage) }}</el-tag>
-        </el-descriptions-item>
-        <el-descriptions-item label="级别">
-          <el-tag :type="pipelineLevelTag(currentRow.level)" size="small">{{ pipelineLevelText(currentRow.level) }}</el-tag>
-        </el-descriptions-item>
-        <el-descriptions-item label="预计金额">{{ formatMoney(currentRow.amount) }}</el-descriptions-item>
-        <el-descriptions-item label="预计成交日期">{{ formatDateOnly(currentRow.expect_deal_date) }}</el-descriptions-item>
-        <el-descriptions-item label="负责人">{{ currentRow.owner_user_name || "-" }}</el-descriptions-item>
-        <el-descriptions-item label="下次联系时间">{{ formatDateTime(currentRow.next_contact_time) }}</el-descriptions-item>
-        <el-descriptions-item label="对接人">{{ currentRow.contact_person || "-" }}</el-descriptions-item>
-        <el-descriptions-item label="对接人职位">{{ currentRow.contact_position || "-" }}</el-descriptions-item>
-        <el-descriptions-item label="对接人手机">{{ currentRow.contact_phone || "-" }}</el-descriptions-item>
-        <el-descriptions-item label="客户地址" :span="2">{{ currentRow.address || "-" }}</el-descriptions-item>
-        <el-descriptions-item label="状态">
-          <el-tag :type="businessStatusTag(currentRow.status)" size="small">{{ businessStatusText(currentRow.status) }}</el-tag>
-        </el-descriptions-item>
-        <el-descriptions-item label="转化时间">{{ formatDateTime(currentRow.convert_time) }}</el-descriptions-item>
-        <el-descriptions-item label="备注" :span="2">{{ currentRow.remark || "-" }}</el-descriptions-item>
-      </el-descriptions>
-    </el-dialog>
+    <BusinessDetail
+      v-model:visible="detailVisible"
+      :business="currentRow"
+      @refresh="fetchList"
+    />
   </div>
 </template>
 
@@ -154,6 +141,7 @@ import { Plus, Search, Refresh } from "@element-plus/icons-vue";
 import { getBusinessList, deleteBusiness } from "@/api/crmPipeline";
 import BusinessEdit from "./components/edit.vue";
 import BusinessConvert from "./components/convert.vue";
+import BusinessDetail from "./components/detail.vue";
 import {
   BUSINESS_STAGE_OPTIONS,
   BUSINESS_STATUS_OPTIONS,
@@ -164,7 +152,6 @@ import {
   businessStatusTag,
   pipelineLevelText,
   pipelineLevelTag,
-  clueSourceText,
   formatMoney,
   formatDateOnly,
   formatDateTime,