From 12750aecf8c5f14363995d6113dd6603c02e08f1 Mon Sep 17 00:00:00 2001
From: "zangch@mesnac.com" <zangch@mesnac.com>
Date: Tue, 17 Mar 2026 16:10:38 +0800
Subject: [PATCH] =?UTF-8?q?feat(crmQuoteInfo/index):=20=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E6=8A=A5=E4=BB=B7=E6=98=8E=E7=BB=86=E6=9F=A5=E7=9C=8B=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=E5=8F=8A=E5=88=97=E8=A1=A8=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/oa/crm/crmQuoteInfo/index.vue     |  25 +-
 src/views/oa/crm/crmQuoteMaterial/index.vue | 548 +++++++-------------
 2 files changed, 216 insertions(+), 357 deletions(-)

diff --git a/src/views/oa/crm/crmQuoteInfo/index.vue b/src/views/oa/crm/crmQuoteInfo/index.vue
index 899b28e..ae12b4c 100644
--- a/src/views/oa/crm/crmQuoteInfo/index.vue
+++ b/src/views/oa/crm/crmQuoteInfo/index.vue
@@ -290,7 +290,7 @@
             <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="操作" align="center" fixed="right" width="180" class-name="small-padding fixed-width">
+        <el-table-column label="操作" align="center" fixed="right" width="220" class-name="small-padding fixed-width">
           <template #default="scope">
             <!-- 修改：仅草稿或退回状态可编辑（与 projectInfo 保持一致，使用 flowStatus 判断） -->
             <el-tooltip content="修改" placement="top" v-if="scope.row.flowStatus === 'draft' || scope.row.flowStatus === 'back'">
@@ -308,6 +308,15 @@
             <el-tooltip content="删除" placement="top" v-if="!scope.row.flowStatus || scope.row.flowStatus === 'draft'">
               <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['oa/crm:crmQuoteInfo:remove']"></el-button>
             </el-tooltip>
+            <el-tooltip content="报价明细" placement="top">
+              <el-button
+                link
+                type="warning"
+                icon="Tickets"
+                @click="handleDetail(scope.row)"
+                v-hasPermi="['oa/crm:crmQuoteMaterial:list']"
+              ></el-button>
+            </el-tooltip>
             <!-- 参考合同信息 contractView：仅当已绑定模板时显示预览/导出入口，避免无模板时反复告警 -->
             <el-tooltip content="PDF导出" placement="top" v-if="scope.row.templateId != null">
               <el-button
@@ -740,6 +749,18 @@ const handleView = (row?: CrmQuoteInfoVO) => {
   });
 };
 
+/** 报价明细按钮操作 */
+const handleDetail = (row: CrmQuoteInfoVO) => {
+  router.push({
+    path: '/quote/crmQuoteMaterial',
+    query: {
+      quoteId: row.quoteId,
+      quoteCode: row.quoteCode,
+      quoteName: row.quoteName
+    }
+  });
+};
+
 /** 提交按钮 */
 const submitForm = () => {
   crmQuoteInfoFormRef.value?.validate(async (valid: boolean) => {
@@ -799,7 +820,7 @@ const handleExportTemplate = (row?: CrmQuoteInfoVO) => {
   });
 };
 
-let crmCustomerContactList = ref([]);
+const crmCustomerContactList = ref([]);
 const getCustomerContactList = async () => {
   const res = await getCrmCustomerContactList(null);
   crmCustomerContactList.value = res.data;
diff --git a/src/views/oa/crm/crmQuoteMaterial/index.vue b/src/views/oa/crm/crmQuoteMaterial/index.vue
index f0e4013..35fd2a3 100644
--- a/src/views/oa/crm/crmQuoteMaterial/index.vue
+++ b/src/views/oa/crm/crmQuoteMaterial/index.vue
@@ -1,373 +1,211 @@
 <template>
-    <div class="p-2">
-        <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
-            <div v-show="showSearch" class="mb-[10px]">
-                <el-card shadow="hover">
-                    <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width='100px'>
-                                    <el-form-item label="报价ID" prop="quoteId">
-                                        <el-input v-model="queryParams.quoteId" placeholder="请输入报价ID" clearable @keyup.enter="handleQuery" />
-                                    </el-form-item>
-                                    <el-form-item label="序号(ERP风格)" prop="itemNo">
-                                        <el-input v-model="queryParams.itemNo" placeholder="请输入序号(ERP风格)" clearable @keyup.enter="handleQuery" />
-                                    </el-form-item>
-                                    <el-form-item label="产品/服务名称" prop="productName">
-                                        <el-input v-model="queryParams.productName" placeholder="请输入产品/服务名称" clearable @keyup.enter="handleQuery" />
-                                    </el-form-item>
-                                    <el-form-item label="规格描述" prop="specificationDescription">
-                                        <el-input v-model="queryParams.specificationDescription" placeholder="请输入规格描述" clearable @keyup.enter="handleQuery" />
-                                    </el-form-item>
-                                    <el-form-item label="物料ID(SAP)" prop="materialId">
-                                        <el-input v-model="queryParams.materialId" placeholder="请输入物料ID(SAP)" clearable @keyup.enter="handleQuery" />
-                                    </el-form-item>
-                                    <el-form-item label="销售物料ID(关联名)" prop="relationMaterialId">
-                                        <el-input v-model="queryParams.relationMaterialId" placeholder="请输入销售物料ID(关联名)" clearable @keyup.enter="handleQuery" />
-                                    </el-form-item>
-                                    <el-form-item label="数量" prop="amount">
-                                        <el-input v-model="queryParams.amount" placeholder="请输入数量" clearable @keyup.enter="handleQuery" />
-                                    </el-form-item>
-                                    <el-form-item label="单位ID" prop="unitId">
-                                        <el-input v-model="queryParams.unitId" placeholder="请输入单位ID" clearable @keyup.enter="handleQuery" />
-                                    </el-form-item>
-                                    <el-form-item label="单位名称" prop="unitName">
-                                        <el-input v-model="queryParams.unitName" placeholder="请输入单位名称" clearable @keyup.enter="handleQuery" />
-                                    </el-form-item>
-                                    <el-form-item label="未税单价" prop="beforePrice">
-                                        <el-input v-model="queryParams.beforePrice" placeholder="请输入未税单价" clearable @keyup.enter="handleQuery" />
-                                    </el-form-item>
-                                    <el-form-item label="税率" prop="taxRate">
-                                        <el-input v-model="queryParams.taxRate" placeholder="请输入税率" clearable @keyup.enter="handleQuery" />
-                                    </el-form-item>
-                                    <el-form-item label="含税单价" prop="includingPrice">
-                                        <el-input v-model="queryParams.includingPrice" placeholder="请输入含税单价" clearable @keyup.enter="handleQuery" />
-                                    </el-form-item>
-                                    <el-form-item label="小计(含税)" prop="subtotal">
-                                        <el-input v-model="queryParams.subtotal" placeholder="请输入小计(含税)" clearable @keyup.enter="handleQuery" />
-                                    </el-form-item>
-                                    <el-form-item label="激活标识" prop="activeFlag">
-                                        <el-select v-model="queryParams.activeFlag" placeholder="请选择激活标识" clearable >
-                                            <el-option v-for="dict in active_flag" :key="dict.value" :label="dict.label" :value="dict.value"/>
-                                        </el-select>
-                                    </el-form-item>
-                        <el-form-item>
-                            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-                            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-                        </el-form-item>
-                    </el-form>
-                </el-card>
-            </div>
-        </transition>
-
-        <el-card shadow="never">
-            <template #header>
-                <el-row :gutter="10" class="mb8">
-                    <el-col :span="1.5">
-                        <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['oa/crm:crmQuoteMaterial:add']">新增</el-button>
-                    </el-col>
-                    <el-col :span="1.5">
-                        <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['oa/crm:crmQuoteMaterial:edit']">修改</el-button>
-                    </el-col>
-                    <el-col :span="1.5">
-                        <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['oa/crm:crmQuoteMaterial:remove']">删除</el-button>
-                    </el-col>
-                    <el-col :span="1.5">
-                        <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['oa/crm:crmQuoteMaterial:export']">导出</el-button>
-                    </el-col>
-                    <right-toolbar v-model:showSearch="showSearch" :columns="columns" :search="true" @queryTable="getList"></right-toolbar>
-                </el-row>
-            </template>
-
-            <el-table v-loading="loading" border :data="crmQuoteMaterialList" @selection-change="handleSelectionChange">
-                <el-table-column type="selection" width="55" align="center" />
-                        <el-table-column label="报价物料ID" align="center" prop="quoteMaterialId" v-if="columns[0].visible"/>
-                        <el-table-column label="报价ID" align="center" prop="quoteId" v-if="columns[2].visible"/>
-                        <el-table-column label="序号(ERP风格)" align="center" prop="itemNo" v-if="columns[3].visible"/>
-                        <el-table-column label="产品/服务名称" align="center" prop="productName" v-if="columns[4].visible"/>
-                        <el-table-column label="规格描述" align="center" prop="specificationDescription" v-if="columns[5].visible"/>
-                        <el-table-column label="物料ID(SAP)" align="center" prop="materialId" v-if="columns[6].visible"/>
-                        <el-table-column label="销售物料ID(关联名)" align="center" prop="relationMaterialId" v-if="columns[7].visible"/>
-                        <el-table-column label="数量" align="center" prop="amount" v-if="columns[8].visible"/>
-                        <el-table-column label="单位ID" align="center" prop="unitId" v-if="columns[9].visible"/>
-                        <el-table-column label="单位名称" align="center" prop="unitName" v-if="columns[10].visible"/>
-                        <el-table-column label="未税单价" align="center" prop="beforePrice" v-if="columns[11].visible"/>
-                        <el-table-column label="税率" align="center" prop="taxRate" v-if="columns[12].visible"/>
-                        <el-table-column label="含税单价" align="center" prop="includingPrice" v-if="columns[13].visible"/>
-                        <el-table-column label="小计(含税)" align="center" prop="subtotal" v-if="columns[14].visible"/>
-                        <el-table-column label="备注" align="center" prop="remark" v-if="columns[15].visible"/>
-                        <el-table-column label="激活标识" align="center" prop="activeFlag" v-if="columns[16].visible">
-                            <template #default="scope">
-                                    <dict-tag :options="active_flag" :value="scope.row.activeFlag"/>
-                            </template>
-                        </el-table-column>
-                <el-table-column label="操作" align="center" fixed="right"  class-name="small-padding fixed-width">
-                    <template #default="scope">
-                        <el-tooltip content="修改" placement="top">
-                            <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['oa/crm:crmQuoteMaterial:edit']"></el-button>
-                        </el-tooltip>
-                        <el-tooltip content="删除" placement="top">
-                            <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['oa/crm:crmQuoteMaterial:remove']"></el-button>
-                        </el-tooltip>
-                    </template>
-                </el-table-column>
-            </el-table>
-
-            <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+  <div class="p-2">
+    <el-alert v-if="detailQuoteId" :title="detailQuoteTitle" type="info" show-icon :closable="false" class="mb-[10px]" />
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+      <div v-show="showSearch" class="mb-[10px]">
+        <el-card shadow="hover">
+          <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="100px">
+            <el-form-item v-if="!detailQuoteId" label="报价ID" prop="quoteId">
+              <el-input v-model="queryParams.quoteId" placeholder="请输入报价ID" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="产品名称" prop="productName">
+              <el-input v-model="queryParams.productName" placeholder="请输入产品名称" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="SAP物料名称" prop="materialName">
+              <el-input v-model="queryParams.materialName" placeholder="请输入SAP物料名称" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="销售物料名称" prop="saleMaterialName">
+              <el-input v-model="queryParams.saleMaterialName" placeholder="请输入销售物料名称" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="物料编号" prop="materialCode">
+              <el-input v-model="queryParams.materialCode" placeholder="请输入物料编号" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="规格描述" prop="specificationDescription">
+              <el-input v-model="queryParams.specificationDescription" placeholder="请输入规格描述" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
         </el-card>
-        <!-- 添加或修改报价单物料明细对话框 -->
-        <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
-            <el-form ref="crmQuoteMaterialFormRef" :model="form" :rules="rules" label-width="120px">
-                            <el-form-item label="报价ID" prop="quoteId">
-                                <el-input v-model="form.quoteId" placeholder="请输入报价ID" />
-                            </el-form-item>
-                            <el-form-item label="序号(ERP风格)" prop="itemNo">
-                                <el-input v-model="form.itemNo" placeholder="请输入序号(ERP风格)" />
-                            </el-form-item>
-                            <el-form-item label="产品/服务名称" prop="productName">
-                                <el-input v-model="form.productName" placeholder="请输入产品/服务名称" />
-                            </el-form-item>
-                            <el-form-item label="规格描述" prop="specificationDescription">
-                                <el-input v-model="form.specificationDescription" placeholder="请输入规格描述" />
-                            </el-form-item>
-                            <el-form-item label="物料ID(SAP)" prop="materialId">
-                                <el-input v-model="form.materialId" placeholder="请输入物料ID(SAP)" />
-                            </el-form-item>
-                            <el-form-item label="销售物料ID(关联名)" prop="relationMaterialId">
-                                <el-input v-model="form.relationMaterialId" placeholder="请输入销售物料ID(关联名)" />
-                            </el-form-item>
-                            <el-form-item label="数量" prop="amount">
-                                <el-input v-model="form.amount" placeholder="请输入数量" />
-                            </el-form-item>
-                            <el-form-item label="单位ID" prop="unitId">
-                                <el-input v-model="form.unitId" placeholder="请输入单位ID" />
-                            </el-form-item>
-                            <el-form-item label="单位名称" prop="unitName">
-                                <el-input v-model="form.unitName" placeholder="请输入单位名称" />
-                            </el-form-item>
-                            <el-form-item label="未税单价" prop="beforePrice">
-                                <el-input v-model="form.beforePrice" placeholder="请输入未税单价" />
-                            </el-form-item>
-                            <el-form-item label="税率" prop="taxRate">
-                                <el-input v-model="form.taxRate" placeholder="请输入税率" />
-                            </el-form-item>
-                            <el-form-item label="含税单价" prop="includingPrice">
-                                <el-input v-model="form.includingPrice" placeholder="请输入含税单价" />
-                            </el-form-item>
-                            <el-form-item label="小计(含税)" prop="subtotal">
-                                <el-input v-model="form.subtotal" placeholder="请输入小计(含税)" />
-                            </el-form-item>
-                            <el-form-item label="备注" prop="remark">
-                                <el-input v-model="form.remark" placeholder="请输入备注" />
-                            </el-form-item>
-                            <el-form-item label="激活标识" prop="activeFlag">
-                                <el-radio-group v-model="form.activeFlag">
-                                    <el-radio
-                                        v-for="dict in active_flag"
-                                        :key="dict.value"
-                                        :value="dict.value"
-                                    >{{dict.label}}</el-radio>
-                                </el-radio-group>
-                            </el-form-item>
-            </el-form>
-            <template #footer>
-                <div class="dialog-footer">
-                    <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
-                    <el-button @click="cancel">取 消</el-button>
-                </div>
-            </template>
-        </el-dialog>
-    </div>
+      </div>
+    </transition>
+
+    <el-card shadow="never">
+      <template #header>
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['oa/crm:crmQuoteMaterial:export']">导出</el-button>
+          </el-col>
+          <right-toolbar v-model:showSearch="showSearch" :columns="columns" :search="true" @queryTable="getList"></right-toolbar>
+        </el-row>
+      </template>
+
+      <el-table v-loading="loading" border :data="crmQuoteMaterialList">
+        <el-table-column label="序号" align="center" prop="itemNo" width="80" v-if="columns[0].visible" />
+        <el-table-column label="产品名称" align="center" prop="productName" min-width="160" v-if="columns[1].visible" show-overflow-tooltip />
+        <el-table-column
+          label="规格描述"
+          align="center"
+          prop="specificationDescription"
+          min-width="160"
+          v-if="columns[2].visible"
+          show-overflow-tooltip
+        />
+        <el-table-column label="物料编号" align="center" prop="materialCode" min-width="140" v-if="columns[3].visible" show-overflow-tooltip />
+        <el-table-column label="SAP物料名称" align="center" prop="materialName" min-width="160" v-if="columns[4].visible" show-overflow-tooltip />
+        <el-table-column
+          label="销售物料名称"
+          align="center"
+          prop="saleMaterialName"
+          min-width="160"
+          v-if="columns[5].visible"
+          show-overflow-tooltip
+        />
+        <el-table-column label="数量" align="center" prop="amount" width="120" v-if="columns[6].visible">
+          <template #default="scope">
+            {{ scope.row.amount ? Number(scope.row.amount).toFixed(2) : '0.00' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="单位" align="center" prop="unitName" width="100" v-if="columns[7].visible" show-overflow-tooltip />
+        <el-table-column label="未税单价" align="center" prop="beforePrice" width="120" v-if="columns[8].visible">
+          <template #default="scope">
+            {{ scope.row.beforePrice ? Number(scope.row.beforePrice).toFixed(2) : '0.00' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="税率(%)" align="center" prop="taxRate" width="100" v-if="columns[9].visible">
+          <template #default="scope">
+            {{ scope.row.taxRate ? Number(scope.row.taxRate).toFixed(2) : '0.00' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="含税单价" align="center" prop="includingPrice" width="120" v-if="columns[10].visible">
+          <template #default="scope">
+            {{ scope.row.includingPrice ? Number(scope.row.includingPrice).toFixed(2) : '0.00' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="小计" align="center" prop="subtotal" width="120" v-if="columns[11].visible">
+          <template #default="scope">
+            {{ scope.row.subtotal ? Number(scope.row.subtotal).toFixed(2) : '0.00' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="备注" align="center" prop="remark" min-width="160" v-if="columns[12].visible" show-overflow-tooltip />
+      </el-table>
+
+      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+    </el-card>
+  </div>
 </template>
 
 <script setup name="CrmQuoteMaterial" lang="ts">
-    import { listCrmQuoteMaterial, getCrmQuoteMaterial, delCrmQuoteMaterial, addCrmQuoteMaterial, updateCrmQuoteMaterial } from '@/api/oa/crm/crmQuoteMaterial';
-    import { CrmQuoteMaterialVO, CrmQuoteMaterialQuery, CrmQuoteMaterialForm } from '@/api/oa/crm/crmQuoteMaterial/types';
+import { useRoute } from 'vue-router';
+import { listCrmQuoteMaterial } from '@/api/oa/crm/crmQuoteMaterial';
+import { CrmQuoteMaterialQuery, CrmQuoteMaterialVO } from '@/api/oa/crm/crmQuoteMaterial/types';
 
-    const { proxy } = getCurrentInstance() as ComponentInternalInstance;
-        const { active_flag } = toRefs<any>(proxy?.useDict('active_flag'));
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const route = useRoute();
 
-    const crmQuoteMaterialList = ref<CrmQuoteMaterialVO[]>([]);
-    const buttonLoading = ref(false);
-    const loading = ref(true);
-    const showSearch = ref(true);
-    const ids = ref<Array<string | number>>([]);
-    const single = ref(true);
-    const multiple = ref(true);
-    const total = ref(0);
+const crmQuoteMaterialList = ref<CrmQuoteMaterialVO[]>([]);
+const loading = ref(true);
+const showSearch = ref(true);
+const total = ref(0);
 
-    const queryFormRef = ref<ElFormInstance>();
-    const crmQuoteMaterialFormRef = ref<ElFormInstance>();
+const queryFormRef = ref<ElFormInstance>();
 
-    const dialog = reactive<DialogOption>({
-        visible: false,
-        title: ''
-    });
+const detailQuoteId = computed(() => route.query.quoteId as string | undefined);
+const detailQuoteTitle = computed(() => {
+  const quoteCode = route.query.quoteCode as string | undefined;
+  const quoteName = route.query.quoteName as string | undefined;
+  if (quoteCode && quoteName) {
+    return `当前查看报价明细：${quoteCode} / ${quoteName}`;
+  }
+  if (quoteCode) {
+    return `当前查看报价明细：${quoteCode}`;
+  }
+  return `当前查看报价明细，报价ID：${detailQuoteId.value}`;
+});
 
-    // 列显隐信息
-    const columns = ref<FieldOption[]>([
-            { key: 0, label: `报价物料ID`, visible: true },
-            { key: 1, label: `租户编号`, visible: true },
-            { key: 2, label: `报价ID`, visible: true },
-            { key: 3, label: `序号(ERP风格)`, visible: true },
-            { key: 4, label: `产品/服务名称`, visible: true },
-            { key: 5, label: `规格描述`, visible: true },
-            { key: 6, label: `物料ID(SAP)`, visible: true },
-            { key: 7, label: `销售物料ID(关联名)`, visible: true },
-            { key: 8, label: `数量`, visible: true },
-            { key: 9, label: `单位ID`, visible: true },
-            { key: 10, label: `单位名称`, visible: true },
-            { key: 11, label: `未税单价`, visible: true },
-            { key: 12, label: `税率`, visible: true },
-            { key: 13, label: `含税单价`, visible: true },
-            { key: 14, label: `小计(含税)`, visible: true },
-            { key: 15, label: `备注`, visible: true },
-            { key: 16, label: `激活标识`, visible: true },
-            { key: 17, label: `删除标志`, visible: true },
-            { key: 18, label: `创建部门`, visible: true },
-            { key: 19, label: `创建人`, visible: true },
-            { key: 20, label: `创建时间`, visible: true },
-            { key: 21, label: `更新人`, visible: true },
-            { key: 22, label: `更新时间`, visible: true },
-    ]);
+const columns = ref<FieldOption[]>([
+  { key: 0, label: `序号`, visible: true },
+  { key: 1, label: `产品名称`, visible: true },
+  { key: 2, label: `规格描述`, visible: true },
+  { key: 3, label: `物料编号`, visible: true },
+  { key: 4, label: `SAP物料名称`, visible: true },
+  { key: 5, label: `销售物料名称`, visible: true },
+  { key: 6, label: `数量`, visible: true },
+  { key: 7, label: `单位`, visible: true },
+  { key: 8, label: `未税单价`, visible: true },
+  { key: 9, label: `税率(%)`, visible: true },
+  { key: 10, label: `含税单价`, visible: true },
+  { key: 11, label: `小计`, visible: true },
+  { key: 12, label: `备注`, visible: true }
+]);
 
-    const initFormData: CrmQuoteMaterialForm = {
-                        quoteMaterialId: undefined,
-                        quoteId: undefined,
-                        itemNo: undefined,
-                        productName: undefined,
-                        specificationDescription: undefined,
-                        materialId: undefined,
-                        relationMaterialId: undefined,
-                        amount: undefined,
-                        unitId: undefined,
-                        unitName: undefined,
-                        beforePrice: undefined,
-                        taxRate: undefined,
-                        includingPrice: undefined,
-                        subtotal: undefined,
-                        remark: undefined,
-                        activeFlag: undefined,
-    }
-    const data = reactive<PageData<CrmQuoteMaterialForm, CrmQuoteMaterialQuery>>({
-        form: {...initFormData},
-        queryParams: {
-            pageNum: 1,
-            pageSize: 10,
-                            quoteId: undefined,
-                            itemNo: undefined,
-                            productName: undefined,
-                            specificationDescription: undefined,
-                            materialId: undefined,
-                            relationMaterialId: undefined,
-                            amount: undefined,
-                            unitId: undefined,
-                            unitName: undefined,
-                            beforePrice: undefined,
-                            taxRate: undefined,
-                            includingPrice: undefined,
-                            subtotal: undefined,
-                            activeFlag: undefined,
-            params: {
-            }
-        },
-        rules: {
-                            quoteMaterialId: [
-                            { required: true, message: "报价物料ID不能为空", trigger: "blur" }
-                        ],
-        }
-    });
+const initQueryParams: CrmQuoteMaterialQuery = {
+  pageNum: 1,
+  pageSize: 10,
+  quoteId: undefined,
+  itemNo: undefined,
+  productName: undefined,
+  materialCode: undefined,
+  materialName: undefined,
+  saleMaterialName: undefined,
+  specificationDescription: undefined,
+  materialId: undefined,
+  relationMaterialId: undefined,
+  amount: undefined,
+  unitId: undefined,
+  unitName: undefined,
+  beforePrice: undefined,
+  taxRate: undefined,
+  includingPrice: undefined,
+  subtotal: undefined,
+  activeFlag: undefined,
+  params: {}
+};
 
-    const { queryParams, form, rules } = toRefs(data);
+const queryParams = reactive<CrmQuoteMaterialQuery>({ ...initQueryParams });
 
-    /** 查询报价单物料明细列表 */
-    const getList = async () => {
-        loading.value = true;
-        const res = await listCrmQuoteMaterial(queryParams.value);
-            crmQuoteMaterialList.value = res.rows;
-        total.value = res.total;
-        loading.value = false;
-    }
+const getList = async () => {
+  loading.value = true;
+  try {
+    const res = await listCrmQuoteMaterial(queryParams);
+    crmQuoteMaterialList.value = res.rows;
+    total.value = res.total;
+  } finally {
+    loading.value = false;
+  }
+};
 
-    /** 取消按钮 */
-    const cancel = () => {
-        reset();
-        dialog.visible = false;
-    }
+const handleQuery = () => {
+  queryParams.pageNum = 1;
+  getList();
+};
 
-    /** 表单重置 */
-    const reset = () => {
-        form.value = {...initFormData};
-            crmQuoteMaterialFormRef.value?.resetFields();
-    }
+const resetQuery = () => {
+  // 明细页重置后仍保持当前报价上下文，避免用户误切到全量明细列表。
+  Object.assign(queryParams, {
+    ...initQueryParams,
+    quoteId: detailQuoteId.value
+  });
+  queryFormRef.value?.clearValidate?.();
+  handleQuery();
+};
 
-    /** 搜索按钮操作 */
-    const handleQuery = () => {
-        queryParams.value.pageNum = 1;
-        getList();
-    }
+const handleExport = () => {
+  proxy?.download(
+    'oa/crm/crmQuoteMaterial/export',
+    {
+      ...queryParams
+    },
+    `crmQuoteMaterial_${new Date().getTime()}.xlsx`
+  );
+};
 
-    /** 重置按钮操作 */
-    const resetQuery = () => {
-        queryFormRef.value?.resetFields();
-        handleQuery();
-    }
-
-    /** 多选框选中数据 */
-    const handleSelectionChange = (selection: CrmQuoteMaterialVO[]) => {
-        ids.value = selection.map(item => item.quoteMaterialId);
-        single.value = selection.length != 1;
-        multiple.value = !selection.length;
-    }
-
-    /** 新增按钮操作 */
-    const handleAdd = () => {
-        reset();
-        dialog.visible = true;
-        dialog.title = "添加报价单物料明细";
-    }
-
-    /** 修改按钮操作 */
-    const handleUpdate = async (row?: CrmQuoteMaterialVO) => {
-        reset();
-        const _quoteMaterialId = row?.quoteMaterialId || ids.value[0]
-        const res = await getCrmQuoteMaterial(_quoteMaterialId);
-        Object.assign(form.value, res.data);
-        dialog.visible = true;
-        dialog.title = "修改报价单物料明细";
-    }
-
-    /** 提交按钮 */
-    const submitForm = () => {
-            crmQuoteMaterialFormRef.value?.validate(async (valid: boolean) => {
-            if (valid) {
-                buttonLoading.value = true;
-                if (form.value.quoteMaterialId) {
-                    await updateCrmQuoteMaterial(form.value).finally(() =>  buttonLoading.value = false);
-                } else {
-                    await addCrmQuoteMaterial(form.value).finally(() =>  buttonLoading.value = false);
-                }
-                proxy?.$modal.msgSuccess("操作成功");
-                dialog.visible = false;
-                await getList();
-            }
-        });
-    }
-
-    /** 删除按钮操作 */
-    const handleDelete = async (row?: CrmQuoteMaterialVO) => {
-        const _quoteMaterialIds = row?.quoteMaterialId || ids.value;
-        await proxy?.$modal.confirm('是否确认删除报价单物料明细编号为"' + _quoteMaterialIds + '"的数据项？').finally(() => loading.value = false);
-        await delCrmQuoteMaterial(_quoteMaterialIds);
-        proxy?.$modal.msgSuccess("删除成功");
-        await getList();
-    }
-
-    /** 导出按钮操作 */
-    const handleExport = () => {
-        proxy?.download('oa/crm/crmQuoteMaterial/export', {
-            ...queryParams.value
-        }, `crmQuoteMaterial_${new Date().getTime()}.xlsx`)
-    }
-
-    onMounted(() => {
-        getList();
-    });
+onMounted(() => {
+  if (detailQuoteId.value) {
+    queryParams.quoteId = detailQuoteId.value;
+  }
+  getList();
+});
 </script>