邀请排名-排序类型-默认值

(cherry picked from commit 020ac0a3adcf4e6cfba8832b5f3b60b8682ce1d5)

src/views/invitationFission/invitationRanking.vue

@@ -1,174 +1,183 @@
 <template>
   <div class="outer">
     <!-- 查询条件 -->
-    <div class="inquire" style="display: inline-block; margin-right: 20px">
+    <div class="inquire"
+         style="display: inline-block; margin-right: 20px">
       <div class="block">
         <span class="demonstration">日期</span>
-        <el-date-picker
-          v-model="inquire.time"
-          type="daterange"
-          range-separator="至"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-        >
+        <el-date-picker v-model="inquire.time"
+                        type="daterange"
+                        range-separator="至"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期">
         </el-date-picker>
       </div>
     </div>
-    <div class="inquire" style="display: inline-block; margin-right: 20px">
+    <div class="inquire"
+         style="display: inline-block; margin-right: 20px">
       <span class="demonstration">排序方式</span>
-      <el-select v-model="inquire.value" placeholder="请选择">
-        <el-option
-          v-for="item in inquire.options"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value"
-        >
+      <el-select v-model="inquire.value"
+                 placeholder="请选择">
+        <el-option v-for="item in inquire.options"
+                   :key="item.value"
+                   :label="item.label"
+                   :value="item.value">
         </el-option>
       </el-select>
     </div>
-    <div class="inquire" style="margin-right: 20px">
-      <span class="demonstration" style="margin-top: 5px">用户ID </span>
-      <el-input v-model="inquire.userId" placeholder="" class="input"></el-input>
+    <div class="inquire"
+         style="margin-right: 20px">
+      <span class="demonstration"
+            style="margin-top: 5px">用户ID </span>
+      <el-input v-model="inquire.userId"
+                placeholder=""
+                class="input"></el-input>
     </div>
     <!-- 查询按钮 -->
-    <el-button style="" type="primary" @click="getData()">查询</el-button>
+    <el-button style=""
+               type="primary"
+               @click="getData()">查询</el-button>
 
     <!-- 表格 -->
-    <el-table
-      v-loading="loading"
-      :data="tableData"
-      border
-      style="width: 100%; margin-top: 25px"
-    >
-      <el-table-column prop="erBanNo" align="center" label="用户id" />
-      <el-table-column prop="nick" align="center" label="用户昵称" />
-      <el-table-column prop="inviteCode" align="center" label="邀请码" />
-      <el-table-column prop="directNum" align="center" label="直接邀请人数" />
-      <el-table-column prop="indirectNum" align="center" label="间接邀请人数" />
-      <el-table-column
-        prop="directChargeAmount"
-        align="center"
-        label="直接邀请人总充值"
-      />
-      <el-table-column
-        prop="indirectChargeAmount"
-        align="center"
-        label="间接邀请人总充值"
-      />
-      <el-table-column
-        prop="activityRegisterProfit"
-        align="center"
-        label="活动内注册收益"
-      />
-      <el-table-column
-        prop="activityReturnProfit"
-        align="center"
-        label="活动内返点收益"
-      />
-      <el-table-column align="center" label="操作" width="300">
+    <el-table v-loading="loading"
+              :data="tableData"
+              border
+              style="width: 100%; margin-top: 25px">
+      <el-table-column prop="erBanNo"
+                       align="center"
+                       label="用户id" />
+      <el-table-column prop="nick"
+                       align="center"
+                       label="用户昵称" />
+      <el-table-column prop="inviteCode"
+                       align="center"
+                       label="邀请码" />
+      <el-table-column prop="directNum"
+                       align="center"
+                       label="直接邀请人数" />
+      <el-table-column prop="indirectNum"
+                       align="center"
+                       label="间接邀请人数" />
+      <el-table-column prop="directChargeAmount"
+                       align="center"
+                       label="直接邀请人总充值" />
+      <el-table-column prop="indirectChargeAmount"
+                       align="center"
+                       label="间接邀请人总充值" />
+      <el-table-column prop="activityRegisterProfit"
+                       align="center"
+                       label="活动内注册收益" />
+      <el-table-column prop="activityReturnProfit"
+                       align="center"
+                       label="活动内返点收益" />
+      <el-table-column align="center"
+                       label="操作"
+                       width="300">
         <template v-slot="scope">
-          <el-button
-            @click="details(scope.row)"
-            class="primary"
-            type="primary"
-            size="default"
-            >查看详情</el-button
-          >
-          <el-button
-            @click="set(scope.row)"
-            :class="scope.row.isBlack == 0 ? 'primary' : 'info'"
-            :type="scope.row.isBlack == 0 ? 'primary' : 'info'"
-            size="default"
-            >{{ scope.row.isBlack == 0 ? "设为活动黑名单" : "取消活动黑名单" }}</el-button
-          >
+          <el-button @click="details(scope.row)"
+                     class="primary"
+                     type="primary"
+                     size="default">查看详情</el-button>
+          <el-button @click="set(scope.row)"
+                     :class="scope.row.isBlack == 0 ? 'primary' : 'info'"
+                     :type="scope.row.isBlack == 0 ? 'primary' : 'info'"
+                     size="default">{{ scope.row.isBlack == 0 ? "设为活动黑名单" : "取消活动黑名单" }}</el-button>
         </template>
       </el-table-column>
     </el-table>
 
     <!-- 分页 -->
-    <el-pagination
-      style="margin-top: 10px"
-      class="paginationClass"
-      v-model:current-page="currentPage"
-      v-model:page-size="pageSize"
-      :page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
-      layout="sizes, prev, pager, next"
-      :total="total"
-      @size-change="handleSizeChange"
-      @current-change="handleCurrentChange"
-    />
+    <el-pagination style="margin-top: 10px"
+                   class="paginationClass"
+                   v-model:current-page="currentPage"
+                   v-model:page-size="pageSize"
+                   :page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
+                   layout="sizes, prev, pager, next"
+                   :total="total"
+                   @size-change="handleSizeChange"
+                   @current-change="handleCurrentChange" />
 
     <!-- 详情 -->
-    <el-dialog v-model="detailsDialog" :title="detailsTitle" width="65%" center>
+    <el-dialog v-model="detailsDialog"
+               :title="detailsTitle"
+               width="65%"
+               center>
       <!-- 条件 -->
       <span>用户ID </span>
-      <el-input
-        style="display: inline-block; width: 200px"
-        v-model="detailsUserId"
-        placeholder=""
-        class="input"
-      ></el-input>
+      <el-input style="display: inline-block; width: 200px"
+                v-model="detailsUserId"
+                placeholder=""
+                class="input"></el-input>
       <!-- 查询按钮 -->
-      <el-button style="" type="primary" @click="getDataDetailsDialog()">查询</el-button>
+      <el-button style=""
+                 type="primary"
+                 @click="getDataDetailsDialog()">查询</el-button>
       <!-- 内表格 -->
-      <el-table
-        v-loading="loading"
-        :data="tableDataIn"
-        border
-        style="width: 100%; margin-top: 25px"
-      >
-        <el-table-column prop="createTime" align="center" label="新增时间" />
-        <el-table-column prop="nick" align="center" label="用户昵称" />
-        <el-table-column prop="erbanNo" align="center" label="用户ID" />
-        <el-table-column prop="inviteCode" align="center" label="填写邀请码" />
-        <el-table-column align="center" label="是否补填">
+      <el-table v-loading="loading"
+                :data="tableDataIn"
+                border
+                style="width: 100%; margin-top: 25px">
+        <el-table-column prop="createTime"
+                         align="center"
+                         label="新增时间" />
+        <el-table-column prop="nick"
+                         align="center"
+                         label="用户昵称" />
+        <el-table-column prop="erbanNo"
+                         align="center"
+                         label="用户ID" />
+        <el-table-column prop="inviteCode"
+                         align="center"
+                         label="填写邀请码" />
+        <el-table-column align="center"
+                         label="是否补填">
           <template v-slot="scope">
             {{ scope.row.isRepair == 1 ? "是" : "否" }}
           </template>
         </el-table-column>
-        <el-table-column align="center" label="邀请者">
+        <el-table-column align="center"
+                         label="邀请者">
           <template v-slot="scope">
             昵称：{{ scope.row.inviteNick }} ID：{{ scope.row.inviteErBanNo }}
           </template>
         </el-table-column>
-        <el-table-column align="center" label="邀请者的邀请者">
+        <el-table-column align="center"
+                         label="邀请者的邀请者">
           <template v-slot="scope">
             昵称：{{ scope.row.grandInviteNick }} ID：{{ scope.row.grandInviteErBanNo }}
           </template>
         </el-table-column>
-        <el-table-column align="center" label="是否充值">
+        <el-table-column align="center"
+                         label="是否充值">
           <template v-slot="scope">
             {{ scope.row.isCharge == 1 ? "是" : "否" }}
           </template>
         </el-table-column>
-        <el-table-column
-          prop="inviteCharge30Amount"
-          align="center"
-          label="邀请30天内充值"
-        />
-        <el-table-column prop="inviteChargeAmount" align="center" label="累计充值" />
-        <el-table-column
-          prop="inviteGiveAmount"
-          align="center"
-          label="累计接收代充转增"
-        />
+        <el-table-column prop="inviteCharge30Amount"
+                         align="center"
+                         label="邀请30天内充值" />
+        <el-table-column prop="inviteChargeAmount"
+                         align="center"
+                         label="累计充值" />
+        <el-table-column prop="inviteGiveAmount"
+                         align="center"
+                         label="累计接收代充转增" />
       </el-table>
       <!-- 分页 -->
-      <el-pagination
-        style="margin-top: 10px"
-        class="paginationClass"
-        v-model:current-page="currentPage2"
-        v-model:page-size="pageSize2"
-        :page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
-        layout="sizes, prev, pager, next"
-        :total="total"
-        @size-change="handleSizeChange2"
-        @current-change="handleCurrentChange2"
-      />
+      <el-pagination style="margin-top: 10px"
+                     class="paginationClass"
+                     v-model:current-page="currentPage2"
+                     v-model:page-size="pageSize2"
+                     :page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
+                     layout="sizes, prev, pager, next"
+                     :total="total"
+                     @size-change="handleSizeChange2"
+                     @current-change="handleCurrentChange2" />
       <!-- 操作 -->
       <template #footer>
         <span class="dialog-footer">
-          <el-button type="primary" @click="exportDate()"> 导出 </el-button>
+          <el-button type="primary"
+                     @click="exportDate()"> 导出 </el-button>
           <el-button @click="detailsDialog = false">关闭</el-button>
         </span>
       </template>
@@ -186,12 +195,12 @@ import { dateFormat } from "@/utils/system-helper";
 import { ElMessage } from "element-plus";
 export default {
   name: "invitationRanking",
-  data() {
+  data () {
     return {
       inquire: {
         time: "",
         userId: "",
-        value: "",
+        value: "0",
         options: [
           {
             value: "0",
@@ -225,12 +234,12 @@ export default {
       tableDataIn: [],
     };
   },
-  created() {
+  created () {
     this.getData();
   },
   methods: {
     // 查询
-    getData() {
+    getData () {
       this.loading = true;
       let startTime = "";
       let endTime = "";
@@ -252,7 +261,7 @@ export default {
       });
     },
     // 查看详情
-    details(val) {
+    details (val) {
       this.detailsTitle = `用户ID:${val.erBanNo}的数据`;
       this.getDataDetailsDialogVal = val;
       this.detailsDialog = true;
@@ -269,7 +278,7 @@ export default {
       });
     },
     // 设置黑名单
-    set(val) {
+    set (val) {
       userInviteFissionRecordSetBlack({
         status: val.isBlack == 0 ? 1 : 0,
         uid: val.uid,
@@ -278,7 +287,7 @@ export default {
       });
     },
     // 详情查询
-    getDataDetailsDialog() {
+    getDataDetailsDialog () {
       this.loading = true;
       userInviteFissionRecordGetDailyDetailList({
         // date: this.getDataDetailsDialogVal.date,
@@ -294,24 +303,24 @@ export default {
       });
     },
     // 导出
-    exportDate() {
+    exportDate () {
       userInviteFissionRecordExport({
         invitedErBanNo: this.detailsUserId,
         inviteErBanNo: this.getDataDetailsDialogVal.erBanNo,
-      }).then((res) => {});
+      }).then((res) => { });
     },
     // 分页导航
-    handleSizeChange() {
+    handleSizeChange () {
       this.getData();
     },
-    handleCurrentChange() {
+    handleCurrentChange () {
       this.getData();
     },
     // 分页导航
-    handleSizeChange2() {
+    handleSizeChange2 () {
       this.getDataDetailsDialog();
     },
-    handleCurrentChange2() {
+    handleCurrentChange2 () {
       this.getDataDetailsDialog();
     },
   },