暂存

src/HManagement/marketing/saler/modules/saler_detail.vue

@@ -1,26 +1,43 @@
 <template>
 <div>
-  <div class="container normal-panel normal-margin saler-details">
-    <el-descriptions title="业务员信息" :column="4">
-      <el-descriptions-item label="业务员姓名">{{salerInfo.name}}</el-descriptions-item>
-      <el-descriptions-item label="部门">{{salerInfo.depname}}</el-descriptions-item>
-      <el-descriptions-item label="邮箱">{{salerInfo.email}}</el-descriptions-item>
-      <el-descriptions-item label="负责区域">{{salerInfo.areaname}}</el-descriptions-item>
-      <el-descriptions-item label="编号">{{salerInfo.hrcode}}</el-descriptions-item>
-      <el-descriptions-item label="手机号码">{{salerInfo.phonenumber}}</el-descriptions-item>
-      <el-descriptions-item label="职位">{{salerInfo.position}}</el-descriptions-item>
-      <el-descriptions-item label="汇报对象">{{salerInfo.reporthrname}}</el-descriptions-item>
-    </el-descriptions>
-  </div>
-  <div  class="my-tabs" style="padding:0 16px">
-    <el-tabs v-model="activeName" type="card">
-      <el-tab-pane label="授权领域/品牌" name="first"></el-tab-pane>
-      <el-tab-pane label="业绩目标" name="second"></el-tab-pane>
-    </el-tabs>
-  </div>
-  <div class="container normal-panel normal-margin">
-
-  </div>
+  <basicDetails
+      ref="details"
+      :titleText="mainData.enterprisename"
+      formPath="marketing2/saler"
+      :editData="mainData"
+      :mainAreaData="mainAreaData"
+      turnPageId="20221011144603"
+      idname="sa_salearea_hrid"
+      ownertable="sa_salearea_hr"
+      tags=""
+      :tabs="['详细信息']"
+      @pageChange="pageChange"
+      @onEditSuccess="queryMainData($route.query.id)">
+    <div slot="tags">
+      <!-- 使用此插槽可不传[tags] -->
+      <!-- :tabs="['经销商团队','代理区域','营销类别','账户余额']" -->
+      <!--        <tagPanl slot="tags" :data="tags" :id="mainData.sa_customersid" @onSuccess="queryMainData"/>-->
+    </div>
+    <div slot="customOperation" >
+      <!-- 此区域提供了自定义操作按钮 -->
+<!--      <transaction_status class="inline-16" v-if="tool.checkAuth($route.name,'transaction')" :id="mainData.sa_customersid" @onshow="onSuccess" @shareSuccess="onSuccess"></transaction_status>-->
+      <!--<lock class="inline-16" v-if="tool.checkAuth($route.name,'lock')"   :id="mainData.sa_customersid" @onshow="onSuccess"></lock>-->
+      <!--<unlock class="inline-16" v-if="tool.checkAuth($route.name,'unlock')" :id="mainData.sa_customersid" @onshow="onSuccess"></unlock> -->
+<!--      <share class="inline-16" v-if="tool.checkAuth($route.name,'share') && mainData.poolname === ''" :id="mainData.sa_customersid" @onshow="onSuccess" @shareSuccess="onSuccess"></share>
+      <send_back style="display:inline" v-if="tool.checkAuth($route.name,'back') "  :data="mainData" @onshow="onSuccess" @backSuccess="onSuccess"></send_back>
+      <to_void class="inline-16" v-if="tool.checkAuth($route.name,'toVoid')" :id="mainData.sa_customersid" @onshow="onSuccess" @toVoidSuccess="onSuccess"></to_void>
+      <recovery class="inline-16" v-if="tool.checkAuth($route.name,'recovery') "  :data="mainData" @onshow="onSuccess" @backSuccess="onSuccess"></recovery>-->
+    </div>
+<!--    <div slot="slot0" >
+      <detailed ref="detailed"></detailed>
+    </div>
+    <div slot="slot1" class="container normal-panel"  >
+      <contacts :data="mainData"  @onSuccess="onSuccess" v-if="flag"></contacts>
+    </div>
+    <div slot="slot2" class="container normal-panel">
+      <address_manage :data="mainData"  v-if="flag"></address_manage>
+    </div>-->
+  </basicDetails>
 </div>
 </template>
 
@@ -28,8 +45,8 @@
 export default {
   data () {
     return {
-      salerInfo:{},
-      activeName:'first'
+      mainData:{},
+      mainAreaData:{}
     }
   },
   methods:{
@@ -42,10 +59,40 @@ export default {
         }
       })
       this.salerInfo = res.data
-    }
+      console.log(res.data)
+    },
+    async queryMainData (id) {
+      const res = await this.$api.requested({
+        "id": "20221012164302",
+        "content": {
+          "sa_customersid":id
+        }
+      })
+      this.$refs.details.param.content.where.sa_customerpoolid = this.$route.query.tabIndex
+      this.$refs.details.param.content.isExport = false
+      this.mainData = res.data
+      console.log("输出获取的数据")
+      console.log(this.mainData.freeget)
+      console.log(this.mainData);
+      this.length = this.mainData.leader.length
+      console.log(this.length)
+      this.getDataTag(this.mainData.sa_customersid)
+      this.changeDataStructure()
+      this.$refs.detailed.detailedList(this.mainData)
+      this.flag = true
+    },
+    // 监听切换数据,上一页,下一页
+    pageChange (id,rowindex,tabIndex) {
+      tabIndex = this.$route.query.tabIndex
+      this.flag = false
+      this.$router.replace({path:'/PublicCustomerDetail',query:{id:id,rowindex:rowindex,tabIndex:tabIndex}})
+      this.queryMainData(id)
+    },
   },
   mounted () {
-    this.query_salermain()
+    /*this.query_salermain()*/
+
+    console.log("id"+'_____'+this.$route.query.id)
   }
 }
 

src/HManagement/marketing/saler/modules/saler_detailCopy.vue

@@ -0,0 +1,54 @@
+<template>
+<div>
+  <div class="container normal-panel normal-margin saler-details">
+    <el-descriptions title="业务员信息" :column="4">
+      <el-descriptions-item label="业务员姓名">{{salerInfo.name}}</el-descriptions-item>
+      <el-descriptions-item label="部门">{{salerInfo.depname}}</el-descriptions-item>
+      <el-descriptions-item label="邮箱">{{salerInfo.email}}</el-descriptions-item>
+      <el-descriptions-item label="负责区域">{{salerInfo.areaname}}</el-descriptions-item>
+      <el-descriptions-item label="编号">{{salerInfo.hrcode}}</el-descriptions-item>
+      <el-descriptions-item label="手机号码">{{salerInfo.phonenumber}}</el-descriptions-item>
+      <el-descriptions-item label="职位">{{salerInfo.position}}</el-descriptions-item>
+      <el-descriptions-item label="汇报对象">{{salerInfo.reporthrname}}</el-descriptions-item>
+    </el-descriptions>
+  </div>
+  <div  class="my-tabs" style="padding:0 16px">
+    <el-tabs v-model="activeName" type="card">
+      <el-tab-pane label="授权领域/品牌" name="first"></el-tab-pane>
+      <el-tab-pane label="业绩目标" name="second"></el-tab-pane>
+    </el-tabs>
+  </div>
+  <div class="container normal-panel normal-margin">
+
+  </div>
+</div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      salerInfo:{},
+      activeName:'first'
+    }
+  },
+  methods:{
+    async query_salermain () {
+      const res = await this.$api.requested({
+        "classname": "webmanage.sale.salearea.salearea",
+        "method": "query_salermain",
+        "content": {
+            "sa_salearea_hrid":this.$route.query.id
+        }
+      })
+      this.salerInfo = res.data
+    }
+  },
+  mounted () {
+    this.query_salermain()
+  }
+}
+
+</script>
+<style>
+</style>

src/HManagement/marketing2/saler/index.vue

@@ -11,7 +11,10 @@
         :idName="['sa_saleareaid','hrid']"
         :apiId="{query:20221011144603,del:20221011144803}"
         :autoQuery="false"
-        :options="options">
+        :options="options"
+        :detailPath="{
+        path:'/saler_detail'
+        }">
         <div slot="custom"></div>
         <template v-slot:tbList="scope">
           <div>

src/router/HManagement.js

@@ -151,17 +151,20 @@ const HManagement = [
       ast_nav: true,
       keeproute:true
     },
-    component: () => import(/* webpackChunkName: "about" */ '@/HManagement/marketing2/saler/index.vue')
-  },{
-    path: '/saler_detail',
-    name: 'salermag',
-    meta: {
-      title: '业务员详情',
-      ast_nav: true,
-      keeproute: true
-    },
-    component: () => import(/* webpackChunkName: "about" */ '@/HManagement/marketing/saler/modules/saler_detail.vue')
-  }, 
+    component: () => import(/* webpackChunkName: "about" */ '@/HManagement/marketing2/saler/index.vue'),
+    children: [
+      {
+        path: '/saler_detail',
+        name: 'salermag',
+        meta: {
+          title: '业务员详情',
+          ast_nav: true,
+          keeproute: true
+        },
+        component: () => import(/* webpackChunkName: "about" */ '@/HManagement/marketing/saler/modules/saler_detail.vue')
+      }
+    ]
+  },
   {
     path: '/EnterpriseArchives',
     name: 'EnterpriseArchives',