|
@@ -87,13 +87,31 @@
|
|
|
<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-tab-pane label="业绩目标" name="second"></el-tab-pane> -->
|
|
|
+ <el-tab-pane label="代理区域" name="area"></el-tab-pane>
|
|
|
</el-tabs>
|
|
|
</div>
|
|
|
<div class="container normal-panel">
|
|
|
- <el-button class="normal-margin" type="primary" size="small" @click="createAgentMainUser">创建经销商主账号</el-button>
|
|
|
- <tableLayout :layout="tablecols" :data="form.hrs" :custom="false" height="300px"></tableLayout>
|
|
|
+ <template v-if="activeName=='first'">
|
|
|
+ <el-button class="normal-margin" type="primary" size="small" @click="createAgentMainUser">创建经销商主账号</el-button>
|
|
|
+ <tableLayout :layout="tablecols" :data="form.hrs" :custom="false" height="300px"></tableLayout>
|
|
|
+ </template>
|
|
|
+ <template v-if="activeName=='area'">
|
|
|
+ <div class="area-header">
|
|
|
+ <!-- <Search /> -->
|
|
|
+ <add-agent-btn :arealist="arealist" @areaAddSuccess="areaAddSuccess"></add-agent-btn>
|
|
|
+ </div>
|
|
|
+ <tableLayout :layout="tablecols2" :data="agentAreaList" :custom="false" height="300px">
|
|
|
+ <template v-slot:opreation="scope">
|
|
|
+ <div class="handle">
|
|
|
+ <delAgentArea :data="scope.data" type="text" @onAgentSuccess="onAgentSuccess" v-if="tool.checkAuth($route.name,'agent_area_delete')" />
|
|
|
+ <editAgentArea :arealist="arealist" :areaData="scope.data" @areaAddSuccess="areaAddSuccess" v-if="tool.checkAuth($route.name,'agent_area_edit')" />
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </tableLayout>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
+
|
|
|
<div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -102,10 +120,18 @@
|
|
|
<script>
|
|
|
import selectAgent from '../../../../components/selectAgent/index.vue'
|
|
|
import arealist from '../../area/list.vue'
|
|
|
+import Search from '@/components/search/index.vue'
|
|
|
+import addAgentBtn from './add_agent_btn'
|
|
|
+import delAgentArea from './del_agent_area'
|
|
|
+import editAgentArea from './edit_agent_area'
|
|
|
export default {
|
|
|
components:{
|
|
|
selectAgent,
|
|
|
- arealist
|
|
|
+ arealist,
|
|
|
+ Search,
|
|
|
+ addAgentBtn,
|
|
|
+ delAgentArea,
|
|
|
+ editAgentArea
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
@@ -145,7 +171,9 @@ export default {
|
|
|
arealist:[],
|
|
|
agent_type:[],
|
|
|
agent_level:[],
|
|
|
- tablecols:[]
|
|
|
+ tablecols:[],
|
|
|
+ tablecols2:[],
|
|
|
+ agentAreaList:[]
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
@@ -174,6 +202,20 @@ export default {
|
|
|
})
|
|
|
this.arealist = this.tool.createMenu(res.data)
|
|
|
},
|
|
|
+ async query_agent_areaList() {
|
|
|
+ let res = await this.$api.requested({
|
|
|
+ "accesstoken": "9c3a065cb578fc27cabd392bcad7eec1",
|
|
|
+ "classname": "webmanage.sale.agentscope.agentscope",
|
|
|
+ "method": "query_areascope",
|
|
|
+ "content": {
|
|
|
+ "nocache": true,
|
|
|
+ "sa_agentsid":this.$route.query.id
|
|
|
+ }
|
|
|
+ })
|
|
|
+ this.agentAreaList = res.data
|
|
|
+ console.log(this.agentAreaList);
|
|
|
+
|
|
|
+ },
|
|
|
cascaderChange (val) {
|
|
|
if (val.length === 1)
|
|
|
return this.form = Object.assign({},this.form,{province:val[0],city:'',county:''})
|
|
@@ -187,6 +229,11 @@ export default {
|
|
|
const res1 = await this.$store.dispatch('optiontypeselect','agenttypemx')
|
|
|
this.agent_type = res1.data
|
|
|
},
|
|
|
+ areaAddSuccess(data) {
|
|
|
+ console.log(data);
|
|
|
+
|
|
|
+ this.agentAreaList = data
|
|
|
+ },
|
|
|
selectAgent (data) {
|
|
|
this.form.parentid = data.sa_agentsid
|
|
|
},
|
|
@@ -216,11 +263,16 @@ export default {
|
|
|
this.tool.showMessage(res)
|
|
|
res.code === 1?this.$router.replace({path:'/agent_detail',query:{id:this.form.sa_agentsid}}):''
|
|
|
});
|
|
|
+ },
|
|
|
+ onAgentSuccess() {
|
|
|
+ this.query_agent_areaList()
|
|
|
}
|
|
|
},
|
|
|
created () {
|
|
|
+ this.query_agent_areaList()
|
|
|
// 获取表结构
|
|
|
this.tablecols = this.tool.tabelCol(this.$route.name)['agentGrouptable'].tablecols
|
|
|
+ this.tablecols2 = this.tool.tabelCol(this.$route.name)['agentAreaTable'].tablecols
|
|
|
// 验证权限
|
|
|
console.log(this.tool.checkAuth(this.$route.name,'agent_update'))
|
|
|
this.tool.checkAuth(this.$route.name,'agent_update')?'':this.$router.go(-1)
|
|
@@ -239,5 +291,12 @@ export default {
|
|
|
.width-240{
|
|
|
width: 240px;
|
|
|
}
|
|
|
-
|
|
|
+.area-header {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+.handle {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-evenly;
|
|
|
+}
|
|
|
</style>
|