暂存

src/Form/marketing2/saler/add.vue

@@ -1,54 +1,69 @@
 <template>
   <div>
-    <el-button type="primary" size="mini" @click="onShow(dialogVisible = true)">新 建</el-button>
-    <el-dialog title="创建经销商" append-to-body :visible.sync="dialogVisible">
-      <div>
-        <p class="normal-title normal-margin">业务员信息</p>
+    <el-button type="primary" size="small" @click="onShow(dialogVisible = true)">新 建</el-button>
+    <el-drawer
+        title="创建业务员"
+        :visible.sync="dialogVisible"
+        size="20%"
+        direction="rtl"
+        append-to-body
+        @close="dialogVisible = false">
+      <div class="drawer__panel">
         <el-row>
-          <el-form :model="form"  :rules="rules" ref="form" label-position="right" label-width="100px" size="small">
-            <el-col :span="12">
-              <el-form-item label="业务员姓名" prop="hrid">
-                <selectMenber style="width:240px" @selectMenber="selectMenber"></selectMenber>
+          <el-form :model="form"  :rules="rules" ref="form" label-position="right" label-width="75px" size="small">
+            <el-col :span="24">
+              <el-form-item label="业务员:" prop="hrid">
+                <selectMenber  @selectMenber="selectMenber"></selectMenber>
               </el-form-item>
             </el-col>
-            <el-col :span="12">
-              <el-form-item label="手机号" style="width:340px" prop="phonenumber">
-                <el-input style="width:240px" readonly v-model="form.phonenumber" placeholder="手机号"></el-input>
+            <el-col :span="24">
+              <el-form-item label="手机号:"  prop="phonenumber">
+                <el-input   v-model="form.phonenumber" placeholder="手机号" disabled></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="12">
-              <el-form-item style="width:340px" label="汇报对象" prop="reporthrname">
-                <el-input style="width:240px" readonly v-model="form.reporthrname" placeholder="汇报对象"></el-input>
+            <el-col :span="24">
+              <el-form-item  label="汇报对象:" prop="reporthrname">
+                <el-input   v-model="form.reporthrname" placeholder="汇报对象" disabled></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="12">
-              <el-form-item style="width:340px" label="编号" prop="hrcode">
-                <el-input style="width:240px" readonly v-model="form.hrcode" placeholder="编号"></el-input>
+            <el-col :span="24">
+              <el-form-item  label="编号:" prop="hrcode">
+                <el-input   v-model="form.hrcode" placeholder="编号" disabled></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="12">
-              <el-form-item style="width:340px" label="邮箱" prop="email">
-                <el-input style="width:240px" readonly v-model="form.email" placeholder="邮箱"></el-input>
+            <el-col :span="24">
+              <el-form-item  label="邮箱:" prop="email">
+                <el-input   v-model="form.email" placeholder="邮箱" disabled></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="12">
-              <el-form-item style="width:340px" label="部门" prop="depname">
-                <el-input style="width:240px" readonly v-model="form.depname" placeholder="部门"></el-input>
+            <el-col :span="24">
+              <el-form-item  label="部门:" prop="depname">
+                <el-input   v-model="form.depname" placeholder="部门" disabled></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="12">
-              <el-form-item style="width:340px" label="区域" prop="areaname">
-                <el-input style="width:240px" readonly v-model="form.areaname" placeholder="区域"></el-input>
+            <el-col :span="24">
+              <el-form-item  label="区域:" prop="areaname">
+                <el-input  v-model="form.areaname" placeholder="区域" disabled></el-input>
               </el-form-item>
             </el-col>
           </el-form>
         </el-row>
       </div>
+      <div class="fixed__btn__panel">
+        <el-button size="small" @click="drawer = false" class="normal-btn-width">取 消</el-button>
+        <el-button size="small" type="primary" @click="onSubmit" class="normal-btn-width">确 定</el-button>
+      </div>
+    </el-drawer>
+<!--    <el-dialog title="创建经销商" append-to-body :visible.sync="dialogVisible">
+      <div>
+        <p class="normal-title normal-margin">业务员信息</p>
+
+      </div>
       <div class="dialog-footer">
         <el-button size="small" @click="dialogVisible = false" class="normal-btn-width">取 消</el-button>
         <el-button size="small" type="warning" @click="onSubmit" class="normal-btn-width btn-warning">确 定</el-button>
       </div>
-    </el-dialog>
+    </el-dialog>-->
   </div>
 </template>
 

src/Form/marketing2/saler/edit.vue

@@ -1,10 +1,93 @@
 <template>
-  <div></div>
+  <div>
+    <el-button type="primary" size="small" @click="onShow(dialogVisible = true)">编 辑</el-button>
+    <el-drawer
+        title="创建业务员"
+        :visible.sync="dialogVisible"
+        size="20%"
+        direction="rtl"
+        append-to-body
+        @close="dialogVisible = false">
+      <div class="drawer__panel">
+        <el-row>
+          <el-form :model="form"  :rules="rules" ref="form" label-position="right" label-width="75px" size="small">
+            <el-col :span="24">
+              <el-form-item label="业务员:" prop="hrid">
+                <selectMenber  @selectMenber="selectMenber"></selectMenber>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="手机号:"  prop="phonenumber">
+                <el-input   v-model="form.phonenumber" placeholder="手机号" disabled></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item  label="汇报对象:" prop="reporthrname">
+                <el-input   v-model="form.reporthrname" placeholder="汇报对象" disabled></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item  label="编号:" prop="hrcode">
+                <el-input   v-model="form.hrcode" placeholder="编号" disabled></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item  label="邮箱:" prop="email">
+                <el-input   v-model="form.email" placeholder="邮箱" disabled></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item  label="部门:" prop="depname">
+                <el-input   v-model="form.depname" placeholder="部门" disabled></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item  label="区域:" prop="areaname">
+                <el-input  v-model="form.areaname" placeholder="区域" disabled></el-input>
+              </el-form-item>
+            </el-col>
+          </el-form>
+        </el-row>
+      </div>
+      <div class="fixed__btn__panel">
+        <el-button size="small" @click="drawer = false" class="normal-btn-width">取 消</el-button>
+        <el-button size="small" type="primary" @click="onSubmit" class="normal-btn-width">确 定</el-button>
+      </div>
+    </el-drawer>
+  </div>
 </template>
 
 <script>
+import selectMenber from '@/components/selectMenber/index.vue'
 export default {
+  name: "edit",
+  props:["data"],
+  components:{
+    selectMenber
+  },
+  data(){
+    return {
+      dialogVisible:false,
+      form:{
+        "sa_saleareaid":'',
+        "hrid":''
+      },
+      rules:{
+        hrid:[
+          { required: true, message: '请选择业务员', trigger: 'blur' },
+          { required: true, message: '请选择业务员', trigger: 'change' },
+        ]
+      }
+    }
+  },
+  methods:{
+    onShow(){
+      this.form = this.data
+    },
+    onSubmit(){
 
+    }
+  }
 }
 
 </script>

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

@@ -2,7 +2,7 @@
 <div>
   <basicDetails
       ref="details"
-      :titleText="mainData.enterprisename"
+      :titleText="mainData.name"
       formPath="marketing2/saler"
       :editData="mainData"
       :mainAreaData="mainAreaData"
@@ -10,7 +10,7 @@
       idname="sa_salearea_hrid"
       ownertable="sa_salearea_hr"
       tags=""
-      :tabs="['详细信息']"
+      :tabs="['详细信息','业绩目标']"
       @pageChange="pageChange"
       @onEditSuccess="queryMainData($route.query.id)">
     <div slot="tags">
@@ -28,6 +28,9 @@
       <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="slot0" >
       <detailed ref="detailed"></detailed>
     </div>
@@ -50,49 +53,63 @@ export default {
     }
   },
   methods:{
-    async query_salermain () {
+    async queryMainData (id) {
       const res = await this.$api.requested({
         "classname": "webmanage.sale.salearea.salearea",
         "method": "query_salermain",
         "content": {
-            "sa_salearea_hrid":this.$route.query.id
+          "sa_salearea_hrid":id
         }
       })
-      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)
+      console.log(this.mainData)
       this.changeDataStructure()
-      this.$refs.detailed.detailedList(this.mainData)
-      this.flag = true
     },
     // 监听切换数据,上一页,下一页
-    pageChange (id,rowindex,tabIndex) {
-      tabIndex = this.$route.query.tabIndex
+    pageChange (id,rowindex) {
       this.flag = false
-      this.$router.replace({path:'/PublicCustomerDetail',query:{id:id,rowindex:rowindex,tabIndex:tabIndex}})
+      this.$router.replace({path:'/saler_detail',query:{id:id,rowindex:rowindex}})
       this.queryMainData(id)
     },
+    changeDataStructure () {
+      this.mainAreaData = [
+        {
+          label:'业务员名称',
+          value:this.mainData.name
+        },
+        {
+          label:'编号',
+          value:this.mainData.hrcode
+        },
+        {
+          label:'部门',
+          value:this.mainData.depname
+        },
+        {
+          label:'手机号',
+          value:this.mainData.phonenumber
+        },
+        {
+          label:'邮箱',
+          value:this.mainData.email
+        },
+        {
+          label:'负责区域',
+          value:this.mainData.areaname
+        },
+        {
+          label:'汇报对象',
+          value:this.mainData.reporthrname
+        }
+      ]
+    },
   },
   mounted () {
     /*this.query_salermain()*/
 
     console.log("id"+'_____'+this.$route.query.id)
+    this.queryMainData(this.$route.query.id)
   }
 }
 

src/HManagement/marketing2/saler/area/detail/index.vue

@@ -0,0 +1,121 @@
+<template>
+  <div>
+    <basicDetails
+        ref="details"
+        :titleText="mainData.name"
+        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="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>
+
+<script>
+import detailed from './modules/detailedData'
+export default {
+  components:{detailed},
+  data () {
+    return {
+      mainData:{},
+      mainAreaData:{}
+    }
+  },
+  methods:{
+    async queryMainData (id) {
+      const res = await this.$api.requested({
+        "classname": "webmanage.sale.salearea.salearea",
+        "method": "query_salermain",
+        "content": {
+          "sa_salearea_hrid":id
+        }
+      })
+      this.mainData = res.data
+      console.log("输出获取的数据")
+      console.log(this.mainData)
+      this.changeDataStructure()
+      this.$refs.detailed.detailedList(this.mainData)
+    },
+    // 监听切换数据,上一页,下一页
+    pageChange (id,rowindex) {
+      this.$refs[details].param.content.sa_saleareaid = id
+      this.$router.replace({path:'/saler_detail',query:{id:id,rowindex:rowindex}})
+      this.queryMainData(id)
+    },
+    changeDataStructure () {
+      this.mainAreaData = [
+        {
+          label:'业务员',
+          value:this.mainData.name
+        },
+        {
+          label:'编号',
+          value:this.mainData.hrcode
+        },
+        {
+          label:'部门',
+          value:this.mainData.depname
+        },
+        {
+          label:'手机号',
+          value:this.mainData.phonenumber
+        },
+        {
+          label:'邮箱',
+          value:this.mainData.email
+        },
+        {
+          label:'负责区域',
+          value:this.mainData.areaname
+        },
+        {
+          label:'汇报对象',
+          value:this.mainData.reporthrname
+        }
+      ]
+    },
+  },
+  mounted () {
+    /*this.query_salermain()*/
+
+    console.log("id"+'_____'+this.$route.query.id)
+    this.queryMainData(this.$route.query.id)
+  }
+}
+
+</script>
+<style>
+</style>

src/HManagement/marketing2/saler/area/detail/modules/detailedData.vue

@@ -0,0 +1,55 @@
+<template>
+  <div>
+    <div class="normal-margin">
+      <el-descriptions :column="2" labelClassName="my-label" contentClassName="my-content" border>
+        <div slot="title" class="my-label__title">基本信息</div>
+        <el-descriptions-item  label="编号">{{ detailData.hrcode?detailData.hrcode:"--" }}</el-descriptions-item>
+        <el-descriptions-item label="业务员">{{ detailData.name?detailData.name:"--" }}</el-descriptions-item>
+        <el-descriptions-item label="部门">{{ detailData.depname?detailData.depname:"--"}}</el-descriptions-item>
+        <el-descriptions-item label="手机号">{{ detailData.phonenumber?detailData.phonenumber:"--" }}</el-descriptions-item>
+        <el-descriptions-item label="邮箱">{{ detailData.email?detailData.email:"--" }}</el-descriptions-item>
+        <el-descriptions-item label="负责区域">{{ detailData.areaname?detailData.areaname:"--" }}</el-descriptions-item>
+        <el-descriptions-item label="汇报对象">{{ detailData.reporthrname?detailData.reporthrname:"--" }}</el-descriptions-item>
+      </el-descriptions>
+    </div>
+
+    <div>
+      <el-descriptions :column="2" labelClassName="my-label" contentClassName="my-content" border>
+        <div slot="title" class="my-label__title">系统信息</div>
+        <el-descriptions-item label="创建人">{{ detailData.createby?detailData.createby:"--" }}</el-descriptions-item>
+        <el-descriptions-item label="创建时间">{{ detailData.createdate?detailData.createdate:"--" }}</el-descriptions-item>
+        <el-descriptions-item label="最近编辑人">{{ detailData.changeby?detailData.changeby:"--" }}</el-descriptions-item>
+        <el-descriptions-item label="最近编辑时间">{{ detailData.changedate?detailData.changedate:"--" }}</el-descriptions-item>
+      </el-descriptions>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "detailedData",
+  data(){
+    return {
+      detailData:[]
+    }
+  },
+  mounted() {
+    /*this.basicData(this.data)
+    this.systemData(this.data)*/
+  },
+  methods:{
+    detailedList(data){
+      console.log("输出")
+      console.log(data)
+      this.detailData = data
+      /*this.sa_customersid = data.sa_customersid
+      this.basicData(data.sa_customersid)
+      this.systemData(data.sa_customersid)*/
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/HManagement/marketing2/saler/index.vue

@@ -8,7 +8,7 @@
         ref="basicLayout" 
         formPath="marketing2/saler"
         tableName="salerTable" 
-        :idName="['sa_saleareaid','hrid']"
+        :idName="['sa_saleareaid','sa_salearea_hrid']"
         :apiId="{query:20221011144603,del:20221011144803}"
         :autoQuery="false"
         :options="options"

src/router/HManagement.js

@@ -161,7 +161,7 @@ const HManagement = [
           ast_nav: true,
           keeproute: true
         },
-        component: () => import(/* webpackChunkName: "about" */ '@/HManagement/marketing/saler/modules/saler_detail.vue')
+        component: () => import(/* webpackChunkName: "about" */ '@/HManagement/marketing2/saler/area/detail/index')
       }
     ]
   },