新增提成管理及详情 少价管理页面

src/components/administrative/CommissionDetail.vue

+<style>
+  .ComDetail_nav{margin: 20px 0 0 0 ;background-color: #f5f5f5;margin-bottom:20px;}
+  .ComDetail_nav li{float: left;font-size: 14px;color: #666666;padding: 15px 20px;cursor: pointer;position: relative;background-color: #f1f1f1;margin-right: 5px}
+  .ComDetail_nav li._active{background-color:#FFFFFF;color: #333333 }
+  .ComDetail_nav li._active::after{content: "";width: 20px;height: 3px;background-color: #E95252;display: inline-block;position: absolute;bottom: 0;left: 38%;}
+  .CD_orderNum{
+    color: #3980C8;
+    border-bottom: 1px dotted #3980C8;
+    cursor: pointer;      
+  }
+</style>
+
+<template>
+    <div>
+        <ul class="ComDetail_nav clearfix">
+            <li :class="active==1?'_active':''" @click="active=1,commonName='姓名'">按人排序</li>
+            <li :class="active==2?'_active':''" @click="active=2,commonName='公司名'">按公司排序</li>
+        </ul>
+        <table border="0" cellspacing="0" cellpadding="0" class="singeRowTable">
+            <tr>
+                <th width="300">{{commonName}}</th>
+                <th>提成金额</th>
+                <th>期数</th>
+                <th width="500">备注</th>
+                <th>操作</th>
+            </tr>
+            <tr>
+                <td>张三疯</td>
+                <td>20000</td>
+                <td>第三期</td>
+                <td>我是备注我是备注</td>
+                <td>
+                    <span class="CD_orderNum">89757</span>
+                </td>
+            </tr>
+        </table>    
+
+    </div>
+</template>
+<script>
+  export default {
+    data(){
+      return{
+        active:1,
+        commonName:'姓名'
+      }
+    },methods:{
+
+    },mounted(){
+      
+    }
+  }
+</script>
+

src/components/administrative/CommissionManagement.vue

+<style>
+  .CM_look{
+      padding:4px!important;
+      position: relative;
+      top:1px;
+  }
+</style>
+<template>
+  <div class="flexOne">
+    <div class="query-box">
+      <ul>
+        <li>
+            <input type="button" class="normalBtn" value="生成提成报表"/>
+        </li>
+      </ul>
+    </div>
+    <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0">
+      <tr>
+        <th>期数</th>
+        <th>总价</th>
+        <th>操作人</th>
+        <th>日期</th>
+        <th>操作</th>
+      </tr>
+      <tr>
+        <td>第一期</td>
+        <td>8888</td>
+        <td>张三疯</td>
+        <td>2019-2-1</td>
+        <td>
+          <el-tooltip class="item" effect="dark" content="取消" placement="top">
+            <el-button type="danger" icon="el-icon-delete" circle></el-button>
+          </el-tooltip>
+          <el-tooltip class="item" effect="dark" content="查看" placement="top">
+            <el-button type="primary" class="CM_look" @click="goUrl('CommissionDetail')" icon="iconfont icon-chakan" circle></el-button>
+          </el-tooltip>
+        </td>
+      </tr>
+    </table>
+    <!-- 分页 -->
+    <!-- <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
+                   layout="total,prev, pager, next, jumper" :page-size=msg.pageSize :total=total>
+    </el-pagination> -->
+  </div>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        
+      }
+    },
+    mounted() {
+
+    },
+    methods: {
+      goUrl(path) {
+        this.$router.push({
+          path: path,
+          query: {
+            blank: 'y',
+            tab: '报价详情'
+          }
+        });
+      },
+
+    }
+  }
+</script>

src/components/systemManagement/LessPriceManagement.vue

+<style>
+.LM_mainDiv{
+    overflow-y:auto; 
+}
+.LP_table{
+    margin-top: 10px;
+    background-color: #fff;
+    border-top: 1px solid #d1d1d1;
+    border-left: 1px solid #d1d1d1;
+    border-right: 1px solid #d1d1d1;
+    font-size: 14px;
+}
+.LP_table tr{
+    height:40px;
+}
+.LP_table tr th{
+    border-bottom:1px solid #d1d1d1;
+    border-right:1px solid #d1d1d1;
+    position: relative;
+    background-color: #E6E6E6;
+}
+th[class=first]:before{
+    content: "";
+    position: absolute;
+    width: 1px;
+    height:252px;/*这里需要自己调整，根据td的宽度和高度*/
+    top:0;
+    left:0;
+    background-color: #d1d1d1;
+    display: block;
+    transform: rotate(-81deg);/*这里需要自己调整，根据线的位置*/
+    transform-origin: top;
+}
+
+.LP_table td{
+    border-bottom: 1px solid #d1d1d1;
+    border-right: 1px solid #d1d1d1;
+    text-align: center;
+    padding: 5px;
+    min-width: 250px;
+}
+.LP_table .el-button--primary{
+    padding:5px;
+}
+.Lp_role{
+    position: absolute;
+    top:15px;
+    left:30px;
+}
+.Lp_company{
+    position: absolute;
+    right:30px;
+    top:5px;
+}
+</style>
+
+<template>
+<div>
+    <div class="LM_mainDiv">
+        <table border="0" cellspacing="0" cellpadding="0" class="LP_table">
+            <tr>
+                <th class="first">
+                    <span class="Lp_role">角色</span>
+                    <span class="Lp_company">公司</span>
+                </th>
+                <th>成都</th>
+                <th>成都</th>
+                <th>成都</th>
+                <th>成都</th>
+                <th>成都</th>
+                <th>操作</th>
+            </tr>
+            <tr>
+                <td>
+                    <el-select filterable :placeholder="$t('pub.pleaseSel')" class="w150">
+                        <el-option label="不限" value="-1"></el-option>
+                    </el-select>
+                </td>
+                <td>
+                    <el-input class="w80" placeholder="金額"></el-input>
+                    <el-input class="w80" placeholder="百分比"></el-input>
+                </td>
+                <td>
+                    <el-input class="w80" placeholder="金額"></el-input>
+                    <el-input class="w80" placeholder="百分比"></el-input>
+                </td>
+                <td>
+                    <el-input class="w80" placeholder="金額"></el-input>
+                    <el-input class="w80" placeholder="百分比"></el-input>
+                </td>
+                <td>
+                    <el-input class="w80" placeholder="金額"></el-input>
+                    <el-input class="w80" placeholder="百分比"></el-input>
+                </td>
+                <td>
+                    <el-input class="w80" placeholder="金額"></el-input>
+                    <el-input class="w80" placeholder="百分比"></el-input>
+                </td>
+                <td>
+                    <el-tooltip class="item" effect="dark" content="保存" placement="top-start">
+                        <el-button type="primary" icon="iconfont icon-baocun" circle></el-button>
+                    </el-tooltip>
+                </td>
+            </tr>
+        </table>    
+    </div>
+</div>  
+</template>
+
+<script>
+export default {
+data() {
+return {
+    getCompanyList: [],
+};
+},
+methods: {
+ 
+},
+mounted() {
+
+},
+};
+</script>

src/router/config.js

@@ -248,6 +248,22 @@ export default {
                 title: '新增付款对象'
               },
             },
+            {
+              path: '/CommissionManagement', //提成管理
+              name: 'CommissionManagement',
+              component: resolve => require(['@/components/administrative/CommissionManagement'], resolve),
+              meta: {
+                title: '提成管理'
+              },
+            },
+            {
+              path: '/CommissionDetail',  //提成详情
+              name: 'CommissionDetail',
+              component: resolve => require(['@/components/administrative/CommissionDetail'], resolve),
+              meta: {
+                title: '提成详情'
+              },
+            },
             {
               path: '/leaderManagement', //领队导游管理
               name: 'leaderManagement',
@@ -2003,7 +2019,14 @@ export default {
               meta: {
                 title: '账户类型'
               },
-            }, { //财务 现金日报表
+            },{ //少价管理
+              path: '/LessPriceManagement',
+              name: 'LessPriceManagement',
+              component: resolve => require(['@/components/systemManagement/LessPriceManagement'], resolve),
+              meta: {
+                title: '少价管理'
+              }
+          },{ //财务 现金日报表
               path: '/CashReport',
               name: 'CashReport',
               component: resolve => require(['@/components/FinancialModule/CashReport'], resolve),