增加页面

src/components/FinancialModule/ReportForm/ElectricalProfits.vue

+
+<template>
+  <div class="Sheepcommission">
+      <div class="query-box">
+      <ul>
+        <li>
+            <span>
+                <em>名称</em>
+                <el-input type="text" v-model="msg.Name" :placeholder="$t('pub.pleaseImport')"></el-input>
+            </span>
+        </li>
+        <li>
+            <span>
+                <em>手机</em>
+                <el-input type="text" v-model="msg.Moblie" :placeholder="$t('pub.pleaseImport')"></el-input>
+            </span>
+        </li>
+        <li>
+            <input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')" @click="getList()" />
+        </li>
+      </ul>
+    </div>
+    <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading">
+      <tr> 
+        <th>用户ID</th>
+        <th>名称</th>
+        <th>手机</th>
+        <th>分销等级</th>
+        <th>累计佣金</th>
+        <th>可提现佣金</th>   
+        <th>待结算佣金</th>   
+        <th>已提现佣金</th>
+        
+      </tr>
+      <tr v-for="(item,i) in dataList" :key="i">
+        <td>{{item.UserId}}</td>
+        <td>{{item.Name}}</td>
+        <td>{{item.Moblie}}</td>
+        <td>{{item.GradeName}}</td>
+        <td>{{item.TotalCommission}}</td>
+        <td>{{item.CommissionWithdrawal}}</td>
+        <td>
+            <span @click="goUrl(item)" class="underline point">{{item.WaitCommission}}</span>
+        </td>
+        <td>
+            <span @click="goUrl(item)" class="underline point">{{item.Commission}}</span>
+        </td>
+      </tr>
+      <tr v-if="dataList.length==0">
+        <td colspan="15" align="center">暂无数据</td>
+      </tr>
+    </table>
+    <el-pagination background @current-change="handleCurrentChange"
+      layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total='total'>
+    </el-pagination> 
+
+  </div>
+</template>
+
+<script>
+import moment from "moment";
+export default {
+  name: "Feedback",
+  data() {
+    return {
+      total: 0,
+      msg: {
+        pageIndex: 1,
+        pageSize: 10,
+        Name:'',
+        Moblie:'',
+        IsSelectCommpany:1
+      },
+      dataList: [],
+      loading: false
+    };
+  },
+  created() {
+    this.getList();
+  },
+  mounted() {},
+  methods: {
+    goUrl(item) {
+    this.$router.push({
+        name: "commissionSubsidiary",
+        query: {
+            UserId: item.UserId,
+            blank:'y'
+        }
+    })
+    },
+    handleCurrentChange(val) {
+      this.msg.pageIndex = val;
+      this.getList();
+    },
+    getList() {
+      this.loading = true;
+        this.apipost('Financial_get_GetMallUserCommissionPageList',this.msg,res=>{
+          this.loading = false;
+        if(res.data.resultCode==1){
+            this.total = res.data.data.count;
+            this.dataList = res.data.data.pageData;
+        }else{
+          this.$message.error(res.data.message);
+        }
+        
+      },err=>{})
+        // this.apiJavaPostSmall("/api/ERPOrderCommission/GetDistributionCommissionPageList", this.msg, res => {
+        //   if (res.data.resultCode === 1) {
+        //     this.total = res.data.data.count;
+        //     this.dataList = res.data.data.pageData;
+        //   } else {
+        //     this.Error(res.data.message);
+        //   }
+        // }, null);
+      },
+  }
+};
+</script>
+<style>
+.Sheepcommission .underline{
+    text-decoration: underline;
+}
+.Sheepcommission .point{
+    cursor: pointer;
+}
+</style>

src/router/config.js

@@ -3592,6 +3592,14 @@ export default {
                 title: '营收文件管理'
               },
             },
+            {  //财务 电商利润
+              path: '/ElectricalProfits',
+              name: 'ElectricalProfits',
+              component: resolve => require(['@/components/FinancialModule/ReportForm/ElectricalProfits'], resolve),
+              meta: {
+                title: '电商利润'
+              },
+            },
             { //财务 线路收客
               path: '/LineReceiver',
               name: 'LineReceiver',