update

src/App.vue

@@ -89,6 +89,12 @@
     padding: 0;
   }
 
+  ol, ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
   .el-collapse-item__arrow {
     margin-left: 0;
   }

src/components/brokerage/index.vue

+<template>
+
+  <div class="brokerage">
+
+    <el-tabs v-model="type" type="card" style="background: #fff; padding-top: 10px">
+      <el-tab-pane label="顾问" name="1">
+        <ul class="tab-content">
+
+          <li class="brokerage-item">
+            {{filterName(1, 'BROKERAGE_COURSE_TYPE')}}
+            <!--<el-table :data="">
+              <el-table-column prop="id" label="ID"></el-table-column>
+            </el-table>-->
+          </li>
+
+          <li class="brokerage-item">
+            {{filterName(2, 'BROKERAGE_COURSE_TYPE')}}
+            <!--<el-table :data="">
+              <el-table-column prop="id" label="ID"></el-table-column>
+            </el-table>-->
+          </li>
+
+          <li class="brokerage-item">
+            {{filterName(3, 'BROKERAGE_COURSE_TYPE')}}
+            <!--<el-table :data="">
+              <el-table-column prop="id" label="ID"></el-table-column>
+            </el-table>-->
+          </li>
+
+        </ul>
+      </el-tab-pane>
+      <el-tab-pane label="主管" name="2">
+        <div class="tab-content">
+          敢发广告
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+
+  </div>
+
+</template>
+
+<script>
+  import {getBrokerageApi} from '@/service/api';
+  import {BROKERAGE_COURSE_TYPE} from '@/util/wordbook';
+
+  export default {
+    name: "index",
+    data() {
+      return {
+        type: '1',
+        BROKERAGE_COURSE_TYPE: BROKERAGE_COURSE_TYPE,
+
+      }
+    },
+    mounted() {
+      this.getData();
+    },
+    methods: {
+      filterName(string, type) {
+        return this[type].find(i => {
+          return i.value == string
+        }).label
+      },
+
+      getData() {
+        getBrokerageApi().then(res => {
+          console.log(res)
+        })
+      }
+    }
+  }
+</script>
+
+<style lang="less">
+  .brokerage {
+    .tab-content {
+      padding: 10px;
+    }
+
+    .brokerage-item {
+
+    }
+  }
+</style>

src/service/api.js

@@ -1420,3 +1420,7 @@ export const postMediaConvertApi = function (json) {
 export const getUpdateTimeApi = function () {
   return Vue.prototype.$fetch(`${_baseUrl}api/admin/get/report/time`)
 };
+// 获取佣金配置
+export const getBrokerageApi = function () {
+  return Vue.prototype.$fetch(`${_baseUrl}api/admin/bkge/config/list`)
+};

src/util/menuList.js

@@ -162,7 +162,17 @@ export default [{
       name: 'talkingSkill',
       component: e => require(['@/components/talkingSkill'], e),
     }
-  },]
+  }, {
+      value: '佣金配置',
+      routerName: 'brokerage',
+      path: '/brokerage',
+      cover: '11-8',
+      router: {
+        path: '/brokerage',
+        name: 'brokerage',
+        component: e => require(['@/components/brokerage'], e),
+      }
+    },]
 },
 {
   name: '',

src/util/wordbook.js

@@ -282,3 +282,23 @@ export const STAFF_TYPE = [{
   label: '增长',
   value: 4
 }];
+
+export const BROKERAGE_COURSE_TYPE = [{
+  label: '试听课来源-转年课业绩',
+  value: 1
+}, {
+  label: '月课、季课来源-转年课业绩',
+  value: 2
+}, {
+  label: '年课来源 - 转两年课业绩提点配置',
+  value: 3
+}, {
+  label: '主管业绩提点',
+  value: 4
+}, {
+  label: '主管转化率系数（试听课）',
+  value: 5
+}, {
+  label: '主管转化率系数（月课、季课）',
+  value: 6
+}];