|
@@ -0,0 +1,108 @@
|
|
|
|
+<template>
|
|
|
|
+ <div>
|
|
|
|
+ <div class="pt20 pb20">
|
|
|
|
+ <span
|
|
|
|
+ class="font14"
|
|
|
|
+ style="margin: 0px 20px; display: inline-block; font-weight: 600"
|
|
|
|
+ >请选择代理</span
|
|
|
|
+ >
|
|
|
|
+ <el-select clearable v-model="ProxySchoolSelected" placeholder="">
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="(item, index) in proxySchoolList"
|
|
|
|
+ :value="item.openid"
|
|
|
|
+ :label="item.nickName"
|
|
|
|
+ :key="index"
|
|
|
|
+ >{{ item.nickName }}</el-option
|
|
|
|
+ >
|
|
|
|
+ </el-select>
|
|
|
|
+ <el-button class="ml20" @click="getPage" @keydown.enter="getPage" type="primary">搜索</el-button>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="pl20 pr20">
|
|
|
|
+ <el-table :data="tableData">
|
|
|
|
+ <el-table-column label="微信名" prop="nickName"></el-table-column>
|
|
|
|
+ <el-table-column label="微信头像" prop="extensionCount">
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <img class="w40" :src="scope.row.headImage" />
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column
|
|
|
|
+ label="推广人数"
|
|
|
|
+ prop="extensionCount"
|
|
|
|
+ ></el-table-column>
|
|
|
|
+ <el-table-column
|
|
|
|
+ label="未结算推广积分"
|
|
|
|
+ prop="achievement"
|
|
|
|
+ ></el-table-column>
|
|
|
|
+ <el-table-column
|
|
|
|
+ label="已结算推广积分"
|
|
|
|
+ prop="achievementSettled"
|
|
|
|
+ ></el-table-column>
|
|
|
|
+ <!-- achievement -->
|
|
|
|
+ </el-table>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+</template>
|
|
|
|
+
|
|
|
|
+<script>
|
|
|
|
+import proxyscoreApi from "@/api/proxyscore";
|
|
|
|
+export default {
|
|
|
|
+ data() {
|
|
|
|
+ return {
|
|
|
|
+ proxySchoolList: [],
|
|
|
|
+ ProxySchoolSelected: "",
|
|
|
|
+ tableData: [],
|
|
|
|
+ };
|
|
|
|
+ },
|
|
|
|
+ methods: {
|
|
|
|
+ getPage() {
|
|
|
|
+ let query =this.ProxySchoolSelected? {
|
|
|
|
+ openid: this.ProxySchoolSelected,
|
|
|
|
+ }:{}
|
|
|
|
+ proxyscoreApi
|
|
|
|
+ .extensionIncomeExtensionPoints(query)
|
|
|
|
+ .then((res) => {
|
|
|
|
+ this.tableData = res.data;
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ },
|
|
|
|
+ mounted() {
|
|
|
|
+ proxyscoreApi.extensionIncomeInfo({}).then((res) => {
|
|
|
|
+ this.proxySchoolList = res.data;
|
|
|
|
+ this.ProxySchoolSelected = res.data[0].openid
|
|
|
|
+ this.getPage();
|
|
|
|
+ // console.log(res.data);
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ },
|
|
|
|
+};
|
|
|
|
+</script>
|
|
|
|
+
|
|
|
|
+<style lang="scss" scoped>
|
|
|
|
+.pl20{
|
|
|
|
+ padding-left: 20px;
|
|
|
|
+}
|
|
|
|
+.pr20{
|
|
|
|
+ padding-right: 20px;
|
|
|
|
+}
|
|
|
|
+.pb20{
|
|
|
|
+ padding-bottom: 20px;
|
|
|
|
+}
|
|
|
|
+.w40 {
|
|
|
|
+ width: 40px;
|
|
|
|
+}
|
|
|
|
+.font12 {
|
|
|
|
+ font-size: 14px;
|
|
|
|
+}
|
|
|
|
+.pt15 {
|
|
|
|
+ padding-top: 15px;
|
|
|
|
+}
|
|
|
|
+.ml10 {
|
|
|
|
+ margin-left: 10px;
|
|
|
|
+}
|
|
|
|
+.ml20 {
|
|
|
|
+ margin-left: 20px;
|
|
|
|
+}
|
|
|
|
+.pt20 {
|
|
|
|
+ padding-top: 20px;
|
|
|
|
+}
|
|
|
|
+</style>
|