From 8eb2495ceae655aa1827926bd627f7db8495b237 Mon Sep 17 00:00:00 2001
From: liyongde <1419499670@qq.com>
Date: Wed, 25 Mar 2026 16:09:27 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=AE=A2=E6=88=B7=E6=A3=80=E7=B4=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/views/components/PartnerInfo.vue    | 33 ++++++++--
 .../src/views/customer-mgr/customersearch.vue | 61 ++++++++++++++++++-
 2 files changed, 86 insertions(+), 8 deletions(-)

diff --git a/front/src/views/components/PartnerInfo.vue b/front/src/views/components/PartnerInfo.vue
index bb4b812..9dd63c6 100644
--- a/front/src/views/components/PartnerInfo.vue
+++ b/front/src/views/components/PartnerInfo.vue
@@ -74,7 +74,7 @@
 
 		<!-- 添加项目对话框 -->
 		<el-dialog title="添加联系人" :visible.sync="dialogVisibleAddContacts" width="30%" :close-on-click-modal="false"
-			append-to-body>
+			append-to-body custom-class="nested-dialog">
 			<el-form :model="newContacts" label-width="100px">
 				<el-form-item label="联系人姓名">
 					<el-input v-model="newContacts.name"></el-input>
@@ -96,7 +96,8 @@
 		</el-dialog>
 
 		<!-- 添加项目对话框 -->
-		<el-dialog title="编辑联系人" :visible.sync="dialogVisibleUpdateContacts" width="30%" :close-on-click-modal="false">
+		<el-dialog title="编辑联系人" :visible.sync="dialogVisibleUpdateContacts" width="30%" :close-on-click-modal="false"
+			append-to-body custom-class="nested-dialog">
 			<el-form :model="editContacts" label-width="100px">
 				<el-form-item label="联系人姓名">
 					<el-input v-model="editContacts.contacts_name"></el-input>
@@ -118,7 +119,8 @@
 		</el-dialog>
 
 		<!-- 添加合作伙伴对话框 -->
-		<el-dialog title="添加公司信息" :visible.sync="dialogVisibleAddPartner" width="30%" :close-on-click-modal="false">
+		<el-dialog title="添加公司信息" :visible.sync="dialogVisibleAddPartner" width="30%" :close-on-click-modal="false"
+			append-to-body custom-class="nested-dialog">
 			<el-form :model="newPartner" label-width="100px">
 				<el-form-item label="公司名称">
 					<el-input v-model="newPartner.company_name"></el-input>
@@ -139,7 +141,8 @@
 		</el-dialog>
 
 		<!-- 编辑合作伙伴对话框 -->
-		<el-dialog title="编辑公司信息" :visible.sync="dialogVisibleUpdatePartner" width="30%" :close-on-click-modal="false">
+		<el-dialog title="编辑公司信息" :visible.sync="dialogVisibleUpdatePartner" width="30%" :close-on-click-modal="false"
+			append-to-body custom-class="nested-dialog">
 			<el-form :model="editPartner" label-width="100px">
 				<el-form-item label="公司名称">
 					<el-input v-model="editPartner.company_name"></el-input>
@@ -160,7 +163,8 @@
 		</el-dialog>
 
 		<!-- 添加项目对话框 -->
-		<el-dialog title="添加项目" :visible.sync="dialogVisibleCreateProject" width="30%" :close-on-click-modal="false">
+		<el-dialog title="添加项目" :visible.sync="dialogVisibleCreateProject" width="30%" :close-on-click-modal="false"
+			append-to-body custom-class="nested-dialog">
 			<el-form :model="newProject" label-width="100px">
 				<el-form-item label="项目名称">
 					<el-input v-model="newProject.project_name"></el-input>
@@ -188,7 +192,8 @@
 		</el-dialog>
 
 		<!-- 编辑项目对话框 -->
-		<el-dialog title="编辑项目" :visible.sync="dialogVisibleEditProject" width="30%" :close-on-click-modal="false">
+		<el-dialog title="编辑项目" :visible.sync="dialogVisibleEditProject" width="30%" :close-on-click-modal="false"
+			append-to-body custom-class="nested-dialog">
 			<el-form :model="editProject" label-width="100px">
 				<el-form-item label="项目名称">
 					<el-input v-model="editProject.project_name"></el-input>
@@ -457,3 +462,19 @@ export default {
 	}
 }
 </script>
+
+<style scoped>
+/* 嵌套对话框样式 - 确保在父对话框之上显示 */
+.nested-dialog {
+  z-index: 3000 !important;
+}
+
+/* 全局样式调整嵌套对话框 */
+:deep(.nested-dialog) {
+  z-index: 3000 !important;
+}
+
+:deep(.nested-dialog .el-overlay) {
+  z-index: 2999 !important;
+}
+</style>
diff --git a/front/src/views/customer-mgr/customersearch.vue b/front/src/views/customer-mgr/customersearch.vue
index 3c2b078..1f91e48 100644
--- a/front/src/views/customer-mgr/customersearch.vue
+++ b/front/src/views/customer-mgr/customersearch.vue
@@ -28,7 +28,13 @@
           border
           style="width: 100%">
           <el-table-column prop="company_id" label="公司ID" width="80"/>
-          <el-table-column prop="company_name" label="公司名称" min-width="200"/>
+          <el-table-column prop="company_name" label="公司名称" min-width="200">
+            <template slot-scope="scope">
+              <el-button type="text" @click="showPartnerDetail(scope.row)">
+                {{ scope.row.company_name }}
+              </el-button>
+            </template>
+          </el-table-column>
           <el-table-column prop="company_intro" label="公司介绍" min-width="200"/>
           <el-table-column prop="company_type" label="公司类型" width="120">
             <template slot-scope="scope">
@@ -56,13 +62,37 @@
         </div>
       </el-card>
     </el-row>
+
+    <!-- 客户详情对话框 -->
+    <el-dialog 
+      title="客户详情" 
+      :visible.sync="dialogVisible" 
+      width="80%" 
+      :close-on-click-modal="false"
+      :modal-append-to-body="false"
+      custom-class="customer-detail-dialog"
+      append-to-body>
+      <PartnerInfo 
+        :partner_id="selectedPartnerId" 
+        :partner_type="1" 
+        :service_type="0" 
+        :add_support="false" 
+        v-if="dialogVisible"/>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">关闭</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import { searchPartnerCompany } from '@/api/customer'
+import PartnerInfo from '@/views/components/PartnerInfo'
 
 export default {
+  components: {
+    PartnerInfo
+  },
   data() {
     return {
       loading: false,
@@ -74,7 +104,9 @@ export default {
         page: 1,
         limit: 10,
         total: 0
-      }
+      },
+      dialogVisible: false,
+      selectedPartnerId: null
     }
   },
   mounted() {
@@ -133,6 +165,12 @@ export default {
     handleCurrentChange(val) {
       this.pagination.page = val
       this.getList()
+    },
+
+    // 显示客户详情
+    showPartnerDetail(row) {
+      this.selectedPartnerId = row.company_id
+      this.dialogVisible = true
     }
   }
 }
@@ -152,4 +190,23 @@ export default {
 	margin-top: 20px;
 	text-align: right;
 }
+
+/* 客户详情对话框样式 */
+.customer-detail-dialog {
+  z-index: 2000 !important;
+}
+
+/* 确保内部对话框有更高的层级 */
+.customer-detail-dialog .el-dialog__wrapper {
+  z-index: 2001 !important;
+}
+
+/* 内部对话框遮罩层调整 */
+:deep(.el-dialog__wrapper) {
+  z-index: 2010 !important;
+}
+
+:deep(.el-overlay) {
+  z-index: 2009 !important;
+}
 </style>