主仓只保留代码：移出 contracts/deploy/docs 与模板监听包/原型图，并提交后台工单页改动。

Co-authored-by: Cursor <cursoragent@cursor.com>

inquiry-backend/src/views/inquiry/workOrder/index.vue

@@ -2,6 +2,8 @@
 /**
  * 询价工单列表：对接主账 /inquiry/workOrder。
  * 六态关单/重试必须调主账；禁止本地改 status 冒充成功。
+ * 详情/关单弹窗必须用 AdminModal：本工程 ant-design-vue 3 的 a-modal 只认 visible，
+ * v-model:open 不会弹出（账号/角色页已统一走 AdminModal）。
  */
 import { onMounted, reactive, ref, watch } from "vue";
 import { message, Modal } from "ant-design-vue";
@@ -12,14 +14,21 @@ import {
   transitionWorkOrder,
 } from "/@/views/inquiry/workOrder/workOrder.api";
 import ProtoIcon from "/@/views/inquiry/components/ProtoIcon.vue";
+import AdminModal from "/@/views/inquiry/components/AdminModal.vue";
+
+type TicketQuote = { source: string; price: string; highlight?: boolean };
+type TicketAttach = { name: string; uploadedAt: string; uploader: string };
+type TicketTimeline = { status: string; remark: string; time: string };
 
 type TicketRow = {
   id: string;
   initiator: string;
   demandTitle: string;
   demandDetail: string;
-  quotes: { source: string; price: string; highlight?: boolean }[];
+  quotes: TicketQuote[];
   attachments: string[];
+  attachRows: TicketAttach[];
+  timeline: TicketTimeline[];
   status: string;
   costPrice: string;
   salePrice: string;
@@ -30,6 +39,14 @@ type TicketRow = {
   createdAt: string;
   quoteDate: string;
   bizType: string;
+  customerName: string;
+  origin: string;
+  destination: string;
+  pieces: string;
+  weightKg: string;
+  volumeCbm: string;
+  goodsName: string;
+  updateTime: string;
 };
 
 const rows = ref<TicketRow[]>([]);
@@ -55,18 +72,48 @@ function dash(v: any) {
   return s ? s : "-";
 }
 
-function mapTicket(t: any, quotes: any[] = [], attachments: any[] = []): TicketRow {
+function fmtTime(v: any) {
+  const s = (v ?? "").toString().trim().replace("T", " ");
+  return s ? s.slice(0, 19) : "-";
+}
+
+function fmtMeasure(v: any, unit: string) {
+  if (v == null || v === "") return "-";
+  const s = String(v).trim();
+  return s ? `${s} ${unit}` : "-";
+}
+
+function mapTicket(t: any, quotes: any[] = [], attachments: any[] = [], timeline: any[] = []): TicketRow {
+  const attachRows: TicketAttach[] = (attachments || [])
+    .map((a) => ({
+      name: a.fileName || a.objectKey || "附件",
+      uploadedAt: fmtTime(a.createTime),
+      uploader: dash(a.createBy || a.uploader || a.uploadedBy),
+    }))
+    .filter((a) => a.name);
+  const origin = dash(t.origin);
+  const destination = dash(t.destination);
+  const route =
+    origin !== "-" || destination !== "-"
+      ? `${origin === "-" ? "" : origin} → ${destination === "-" ? "" : destination}`.trim()
+      : "";
   return {
     id: t.workOrderNo || t.id || "",
     initiator: t.salesName || t.salesWecomId || "—",
-    demandTitle: t.demandTitle || `${t.origin || ""} → ${t.destination || ""}` || "—",
+    demandTitle: t.demandTitle || route || "—",
     demandDetail: t.demandDetail || "",
     quotes: (quotes || []).map((q) => ({
       source: q.sourceLabel || q.source || "报价",
       price: q.priceText || "-",
       highlight: q.highlighted === 1 || q.highlighted === true,
     })),
-    attachments: (attachments || []).map((a) => a.fileName || a.objectKey || "附件").filter(Boolean),
+    attachments: attachRows.map((a) => a.name),
+    attachRows,
+    timeline: (timeline || []).map((x) => ({
+      status: dash(x.toStatus || x.status),
+      remark: dash(x.remark || x.action),
+      time: fmtTime(x.createTime),
+    })),
     status: t.status || "询价中",
     costPrice: dash(t.costPrice),
     salePrice: dash(t.salePrice),
@@ -74,12 +121,27 @@ function mapTicket(t: any, quotes: any[] = [], attachments: any[] = []): TicketR
     eventException: dash(t.eventException),
     systemException: dash(t.systemException),
     systemExceptionReason: dash(t.systemExceptionReason),
-    createdAt: (t.createTime || "").toString().slice(0, 19),
+    createdAt: fmtTime(t.createTime),
     quoteDate: dash((t.quoteDate || "").toString().slice(0, 10)),
     bizType: t.bizTypeLabel || t.businessLine || "",
+    customerName: dash(t.customerName),
+    origin,
+    destination,
+    pieces: t.pieces != null && t.pieces !== "" ? `${t.pieces} 件` : "-",
+    weightKg: fmtMeasure(t.weightKg, "kg"),
+    volumeCbm: fmtMeasure(t.volumeCbm, "CBM"),
+    goodsName: dash(t.goodsName),
+    updateTime: fmtTime(t.updateTime || t.createTime),
   };
 }
 
+function routeText(row: TicketRow) {
+  if (row.origin !== "-" || row.destination !== "-") {
+    return `${row.origin === "-" ? "" : row.origin} → ${row.destination === "-" ? "" : row.destination}`.trim();
+  }
+  return row.demandTitle || "-";
+}
+
 async function loadList() {
   loading.value = true;
   try {
@@ -122,9 +184,9 @@ async function openDetail(row: TicketRow) {
   detailOpen.value = true;
   try {
     const res: any = await getWorkOrderDetail(row.id);
-    const detail = res?.result || res || {};
+    const detail = res?.ticket ? res : res?.result || res || {};
     const ticket = detail.ticket || detail;
-    current.value = mapTicket(ticket, detail.quotes || [], detail.attachments || []);
+    current.value = mapTicket(ticket, detail.quotes || [], detail.attachments || [], detail.timeline || []);
     const idx = rows.value.findIndex((r) => r.id === row.id);
     if (idx >= 0) rows.value[idx] = current.value;
   } catch (e: any) {
@@ -380,20 +442,131 @@ function refresh() {
     </div>
   </div>
 
-  <a-modal v-model:open="detailOpen" title="工单详情" width="920px" :footer="null">
-    <template v-if="current">
-      <p><b>工单号：</b>{{ current.id }}</p>
-      <p><b>发起人：</b>{{ current.initiator }}</p>
-      <p><b>需求：</b>{{ current.demandTitle }}</p>
-      <p style="white-space: pre-line">{{ current.demandDetail }}</p>
-      <p><b>状态：</b>{{ current.status }}</p>
-      <p><b>报价日期：</b>{{ current.quoteDate }}</p>
-      <p><b>创建时间：</b>{{ current.createdAt }}</p>
+  <AdminModal
+    v-model:open="detailOpen"
+    title="工单详情"
+    size="xxl"
+    cancel-text="关闭"
+    :show-ok="false"
+  >
+    <template #titleExtra>
+      <span v-if="current" class="ticket-detail-no">{{ current.id }}</span>
     </template>
-  </a-modal>
+    <div v-if="current" class="ticket-detail">
+      <section class="ticket-detail-section">
+        <div class="ticket-detail-title">
+          <ProtoIcon name="tickets" :size="14" />工单基础信息
+        </div>
+        <div class="ticket-detail-grid">
+          <div class="ticket-detail-item"><label>发起销售</label><span>{{ current.initiator }}</span></div>
+          <div class="ticket-detail-item"><label>业务类型</label><span>{{ dash(current.bizType) }}</span></div>
+          <div class="ticket-detail-item"><label>当前状态</label><span>{{ current.status }}</span></div>
+          <div class="ticket-detail-item"><label>报价日期</label><span>{{ current.quoteDate }}</span></div>
+          <div class="ticket-detail-item"><label>创建时间</label><span>{{ current.createdAt }}</span></div>
+          <div class="ticket-detail-item"><label>事件异常</label><span>{{ current.eventException }}</span></div>
+          <div class="ticket-detail-item"><label>系统异常</label><span>{{ current.systemException }}</span></div>
+          <div class="ticket-detail-item"><label>系统异常原因</label><span>{{ current.systemExceptionReason }}</span></div>
+        </div>
+      </section>
 
-  <a-modal v-model:open="closeOpen" title="关闭工单" ok-text="确认关闭" @ok="confirmClose">
-    <p v-if="current">工单 {{ current.id }}</p>
-    <a-textarea v-model:value="closeReason" :rows="4" placeholder="关闭原因（可选）" />
-  </a-modal>
+      <section class="ticket-detail-section">
+        <div class="ticket-detail-title">
+          <ProtoIcon name="gauge" :size="14" />价格与利润
+        </div>
+        <div class="ticket-detail-grid">
+          <div class="ticket-detail-item"><label>成本价</label><span>{{ current.costPrice }}</span></div>
+          <div class="ticket-detail-item"><label>销售价</label><span>{{ current.salePrice }}</span></div>
+          <div class="ticket-detail-item"><label>利润点</label><span>{{ current.profit }}</span></div>
+        </div>
+        <div v-if="current.quotes.length" class="ticket-detail-demand">
+          <div v-for="q in current.quotes" :key="q.source + q.price" class="quote-row" style="margin-bottom: 6px">
+            <div class="quote-source">{{ q.source }}</div>
+            <div class="quote-price" :style="q.highlight ? { color: '#1d4ed8' } : undefined">{{ q.price }}</div>
+          </div>
+        </div>
+      </section>
+
+      <section class="ticket-detail-section">
+        <div class="ticket-detail-title">
+          <ProtoIcon name="route" :size="14" />询价需求
+        </div>
+        <div class="ticket-detail-demand">
+          <div style="font-weight: 800; color: #0f172a">
+            {{ dash(current.bizType) }}：{{ routeText(current) }}
+          </div>
+          <div class="ticket-detail-grid" style="margin-top: 8px">
+            <div class="ticket-detail-item"><label>业务类型</label><span>{{ dash(current.bizType) }}</span></div>
+            <div class="ticket-detail-item"><label>起运 / 目的</label><span>{{ routeText(current) }}</span></div>
+            <div class="ticket-detail-item"><label>件数</label><span>{{ current.pieces }}</span></div>
+            <div class="ticket-detail-item"><label>毛重</label><span>{{ current.weightKg }}</span></div>
+            <div class="ticket-detail-item"><label>体积</label><span>{{ current.volumeCbm }}</span></div>
+            <div class="ticket-detail-item"><label>品名</label><span>{{ current.goodsName }}</span></div>
+            <div class="ticket-detail-item"><label>客户</label><span>{{ current.customerName }}</span></div>
+          </div>
+          <div v-if="current.demandDetail" class="ticket-detail-note">{{ current.demandDetail }}</div>
+        </div>
+      </section>
+
+      <section class="ticket-detail-section">
+        <div class="ticket-detail-title">
+          <ProtoIcon name="fileText" :size="14" />附件记录
+        </div>
+        <table v-if="current.attachRows.length" class="ticket-detail-attach">
+          <thead>
+            <tr>
+              <th>附件名称</th>
+              <th>上传时间</th>
+              <th>上传人</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr v-for="f in current.attachRows" :key="f.name + f.uploadedAt">
+              <td class="ticket-detail-attach-name">{{ f.name }}</td>
+              <td>{{ f.uploadedAt }}</td>
+              <td>{{ f.uploader }}</td>
+            </tr>
+          </tbody>
+        </table>
+        <div v-else class="ticket-detail-empty">暂无附件</div>
+      </section>
+
+      <section class="ticket-detail-section">
+        <div class="ticket-detail-title">
+          <ProtoIcon name="clock" :size="14" />状态流转与备注
+        </div>
+        <div v-if="current.timeline.length" class="ticket-detail-timeline">
+          <div v-for="(item, idx) in current.timeline" :key="item.time + idx" class="ticket-detail-tl-item">
+            <div>
+              <b>{{ item.status }}</b>
+              <span v-if="item.remark !== '-'"> · {{ item.remark }}</span>
+            </div>
+            <span class="ticket-detail-tl-time">{{ item.time }}</span>
+          </div>
+        </div>
+        <div v-else class="ticket-detail-empty">暂无流转记录</div>
+      </section>
+    </div>
+    <template #footer>
+      <div class="ticket-detail-foot">
+        <span class="ticket-detail-updated">最后更新：{{ current?.updateTime || "-" }}</span>
+        <button type="button" class="btn btn-secondary" @click="detailOpen = false">
+          <ProtoIcon name="x" :size="14" />关闭
+        </button>
+      </div>
+    </template>
+  </AdminModal>
+
+  <AdminModal
+    v-model:open="closeOpen"
+    title="关闭工单"
+    :subtitle="current ? `工单 ${current.id}` : ''"
+    size="md"
+    ok-text="确认关闭"
+    @ok="confirmClose"
+  >
+    <div class="form-row">
+      <label class="lbl">关闭原因</label>
+      <textarea v-model="closeReason" class="field" rows="4" placeholder="关闭原因（可选）" />
+    </div>
+  </AdminModal>
 </template>