fix: 客户检索

This commit is contained in:
2026-03-25 16:09:27 +08:00
parent 8df05405b4
commit 8eb2495cea
2 changed files with 86 additions and 8 deletions

View File

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

View File

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