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