fix: 客户检索
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user