From a2586ce70485035d77746ff9c18364f408f4c6aa Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期一, 07 八月 2023 16:57:06 +0800 Subject: [PATCH] 服务管理模块详情页 --- src/views/service/clientServiceOrder/index.vue | 66 ++++++++++++++++++++++++++++----- 1 files changed, 56 insertions(+), 10 deletions(-) diff --git a/src/views/service/orderManage/index.vue b/src/views/service/clientServiceOrder/index.vue similarity index 71% rename from src/views/service/orderManage/index.vue rename to src/views/service/clientServiceOrder/index.vue index c1f2eac..d068dfc 100644 --- a/src/views/service/orderManage/index.vue +++ b/src/views/service/clientServiceOrder/index.vue @@ -1,8 +1,10 @@ <template> <div class="sales-lead"> - <!-- <div class="detail-top"> - </div> --> - <div class="top"> + <div v-if="isDetail" class="detail-top"> + <DetailListCommonBtn :query-class-options="queryClassOptions" /> + <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" /> + </div> + <div v-else class="top"> <SearchCommonView ref="searchCommonView" :query-class-options="queryClassOptions" @@ -13,7 +15,13 @@ <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" /> </div> </div> - <TableCommonView ref="tableListRef" :table-list="tableList"> + <TableCommonView + ref="tableListRef" + :table-list="tableList" + :select-box="!isDetail" + @selClientClick="selClientClick" + @selCommonClick="selCommonClick" + > <template slot="tableButton"> <el-table-column label="鎿嶄綔" width="90"> <template slot-scope="scope"> @@ -24,21 +32,33 @@ </template> </TableCommonView> <!-- 鏂板缓/缂栬緫 --> - <AddOrderManageDialog v-if="editConfig.visible" :edit-common-config="editConfig" /> + <AddClientServiceOrderDialog v-if="editConfig.visible" :edit-common-config="editConfig" /> + <!-- 瀹㈡埛鏈嶅姟鍗曡鎯� --> + <DetailClientServiceOrder v-if="clientServiceDetail.visible" :client-service-detail="clientServiceDetail" /> + <!-- 瀹㈡埛璇︽儏 --> + <DetailClientManage v-if="clientDeail.visible" :client-manage-detail="clientDeail" /> </div> </template> <script> -import AddOrderManageDialog from "@/views/service/orderManage/AddOrderManageDialog" +import AddClientServiceOrderDialog from "@/views/service/clientServiceOrder/AddCientServiceOrderDialog" import { getOrderManageList, getDelOrderManage } from "@/api/serviceManage/orderManage" import pageMixin from "@/components/makepager/pager/mixin/pageMixin" +import DetailClientServiceOrder from "@/views/service/clientServiceOrder/DetailClientServiceOrder" export default { name: "SalesLead", - props: {}, + props: { + isDetail: { + type: Boolean, + default: false + } + }, mixins: [pageMixin], components: { - AddOrderManageDialog + AddClientServiceOrderDialog, + DetailClientServiceOrder, + DetailClientManage: () => import("@/views/client/client/DetailClientManage") }, computed: { searchCommonHeight() { @@ -65,6 +85,14 @@ visible: false, title: "鏂板缓", infomation: {} + }, + clientServiceDetail: { + visible: false, + infomation: {} + }, + clientDeail: { + visible: false, + infomation: {} } } }, @@ -77,9 +105,9 @@ this.tableList = { tableInfomation: [], tableColumn: [ - { label: "鏈嶅姟鍗曠紪鍙�", prop: "number", min: 100 }, // 鏈嶅姟鍗曠紪鍙� + { label: "鏈嶅姟鍗曠紪鍙�", prop: "number", min: 100, isCommonClick: true }, // 鏈嶅姟鍗曠紪鍙� { label: "涓婚", prop: "name" }, // 涓婚 - { label: "瀹㈡埛鍚嶇О", prop: "clientId", min: 130 }, // 瀹㈡埛鍚嶇О + { label: "瀹㈡埛鍚嶇О", prop: "clientId", min: 130, isClientClick: true }, // 瀹㈡埛鍚嶇О { label: "瀹為檯澶勭悊鏃堕棿", prop: "contactName" }, // 瀹為檯澶勭悊鏃堕棿 { label: "鏈嶅姟浜哄憳", prop: "name" }, // 鏈嶅姟浜哄憳 { label: "鏈嶅姟鏂瑰紡", prop: "orderType" }, // 鏈嶅姟鏂瑰紡 @@ -165,6 +193,18 @@ }, getSelectArray(val) { console.log(val) + }, + // 瀹㈡埛鍚嶇О璇︽儏 + selClientClick(row) { + console.log(row) + this.clientDeail.visible = true + this.clientDeail.infomation = { ...row, client_name: row.name } + }, + // 瀹㈡埛鏈嶅姟鍗曡鎯� + selCommonClick(row) { + console.log(row) + this.clientServiceDetail.visible = true + this.clientServiceDetail.infomation = { ...row } } } } @@ -182,6 +222,12 @@ } } } + .detail-top { + display: flex; + .page { + margin-left: auto; + } + } } ::v-deep { .el-tabs--top .el-tabs__item.is-top:nth-child(2) { -- Gitblit v1.8.0