完成周奖励后台

src/App.vue

@@ -34,3 +34,11 @@ export default {
   computed: {},
 };
 </script>
+<style>
+.modal-open{
+    overflow-y: scroll;
+}
+body{
+    padding-right:0 !important;
+}
+</style>

src/api/partition/partitionInfo.js

@@ -6,4 +6,11 @@ export const getPartitionInfoList = query => {
         method: 'get',
         params: query
     });
+};
+export const listAll = query => {
+    return request({
+        url: '/partition/listAll',
+        method: 'get',
+        params: query
+    });
 };

src/api/refund/refund.js

@@ -31,4 +31,18 @@ export const refundList = query => {
 export const refundExport = query => {
     window.location.href = `/admin/chargeRecord/refundExport?${genQueryParam(query)}`;
     return;
+};
+// ======================================金币钻石操作记录==================================
+// 列表
+export const goldcoinRecordAll = query => {
+    return request({
+        url: '/admin/goldcoin/recordAll',
+        method: 'get',
+        params: query
+    });
+};
+// 导出
+export const recordAllExport = query => {
+    window.location.href = `/admin/goldcoin/recordAllExport?${genQueryParam(query)}`;
+    return;
 };

src/api/relAgency/relAgency.js

@@ -13,14 +13,42 @@ export const listPartitionInfo = query => {
     });
 };
 
+//  充值代理列表导出
+export const chargeAgentExport = query => {
+    window.location.href = `/anchorSalaryBill/chargeAgent/export?${genQueryParam(query)}`;
+    return;
+};
+
 // 获取 周期列表
-export const getDateCycleList = query => { 
+export const getDateCycleList = query => {
     return request({
         url: '/anchorSalaryBill/dateCycle/list',
         method: 'get',
         params: query
     });
 };
+// 获取 周奖励周期列表
+export const familyMemberWeekLevelRewardListCycleDate = query => {
+    return request({
+        url: '/admin/familyMemberWeekLevelReward/listCycleDate',
+        method: 'get',
+        params: query
+    });
+};
+// 获取 周奖励查询列表
+export const familyMemberWeekLevelRewardPage = query => {
+    return request({
+        url: '/admin/familyMemberWeekLevelReward/page',
+        method: 'get',
+        params: query
+    });
+};
+
+//  导出
+export const familyMemberWeekLevelRewardExport = query => {
+    window.location.href = `/admin/familyMemberWeekLevelReward/export?${genQueryParam(query)}`;
+    return;
+};
 
 // 获取 公会钻石薪资流水统计 列表
 export const getAgencyDiamondFlow = query => {

src/views/accessRestriction/AccessRestriction.vue

@@ -51,6 +51,7 @@
           {{langFormat(scope.row.lang)}}
         </template>
       </el-table-column>
+      <el-table-column prop="reason" align="center" label="原因" />
       <el-table-column align="center" label="操作" width="300">
         <template v-slot="scope">
           <el-button

src/views/chatbubble/ChatbubbleManageView.vue

@@ -519,11 +519,6 @@ export default {
                         $("#tipModal").modal('show');
                         return;
                     }
-                    if (isEmpty(androidUrl) || isEmpty(iosUrl)) {
-                        $("#tipMsg").text("图片不能为空");
-                        $("#tipModal").modal('show');
-                        return;
-                    }
                     if ($("#addForm").validationEngine('validate')) {
                         console.log('$("#addForm").serialize()', $("#addForm").serialize())
                         $.ajax({

src/views/firstpage/FirstPageBannerView.vue

@@ -22,6 +22,9 @@
                   <option value="2">Room ID</option>
                   <option value="1">指定地址</option>
                   <option value="3">跳转H5页面</option>
+                  <option value="4">CP活动</option>
+                  <option value="5">周星榜活动</option>
+                  <option value="6">定制礼物活动</option>
                 </select>
               </div>
               <label for="status" class="col-sm-1 control-label">状态:</label>
@@ -181,6 +184,9 @@
                 <option value="2">Room ID</option>
                 <option value="1">指定地址</option>
                 <option value="3">跳转H5页面</option>
+                <option value="4">CP活动</option>
+                <option value="5">周星榜活动</option>
+                <option value="6">定制礼物活动</option>
               </select>
               <div class="col-sm-6">
                 <input
@@ -446,6 +452,9 @@
                 <option value="2">Room ID</option>
                 <option value="1">指定地址</option>
                 <option value="3">跳转H5页面</option>
+                <option value="4">CP活动</option>
+                <option value="5">周星榜活动</option>
+                <option value="6">定制礼物活动</option>
               </select>
               <div class="col-sm-6">
                 <input
@@ -808,6 +817,12 @@ export default {
 
                     case 3:
                       return "H5页面";
+                    case 4:
+                      return "CP活动";
+                    case 5:
+                      return "周星榜活动";
+                    case 6:
+                      return "定制礼物活动";
                   }
                 },
               },

src/views/guildOperationManagement/agentSendSalary.vue

@@ -54,6 +54,9 @@
             <el-form-item label-width="40px">
               <el-button type="primary" @click="handSearch">搜索</el-button>
               <el-button plain @click="resetSearchForm">重置搜索</el-button>
+              <el-button type="primary" @click="chargeAgentExportFun"
+                >导出</el-button
+              >
             </el-form-item>
           </div>
         </el-form>
@@ -127,6 +130,7 @@ import {
   chargeAgentList,
   chargeAgentSum,
   listPartitionInfo,
+  chargeAgentExport,
 } from "@/api/relAgency/relAgency.js";
 import TablePagination from "@/components/common/TablePagination";
 import { formatDate, formatDateYMD } from "@/utils/relDate";
@@ -192,7 +196,7 @@ export default {
     // this.getData();
     listPartitionInfo().then((res) => {
       this.partitionArr = res.data;
-      this.searchForm.partitionId=this.partitionArr[0].id;
+      this.searchForm.partitionId = this.partitionArr[0].id;
     });
   },
   methods: {
@@ -246,6 +250,32 @@ export default {
         }
       });
     },
+    // 导出
+    chargeAgentExportFun() {
+
+      let { pageParams, searchForm } = this;
+      console.log(searchForm);
+      searchForm.startTime = searchForm.startTime
+        ? dateFormat(searchForm.startTime, "yyyy-MM-dd hh:mm:ss")
+        : null;
+      searchForm.endTime = searchForm.endTime
+        ? dateFormat(searchForm.endTime, "yyyy-MM-dd hh:mm:ss")
+        : null;
+      searchForm = JSON.parse(JSON.stringify(searchForm));
+      pageParams = JSON.parse(JSON.stringify(pageParams));
+      Object.keys(searchForm).forEach((item) => {
+        if (
+          !searchForm[item] ||
+          (searchForm[item] !== undefined && searchForm[item] === "")
+        ) {
+          delete searchForm[item];
+        }
+      });
+      Object.assign(pageParams, searchForm);
+      console.log(pageParams);
+
+      chargeAgentExport(pageParams).then((res) => {});
+    },
     // 点击搜索
     handSearch() {
       this.$refs["searchForm"].validate((valid) => {
@@ -270,7 +300,7 @@ export default {
     },
     handlePageChange(val) {
       // this.$set(this.pageParams, 'pageNo', val);
-      this.pageParams.pageSize = val;
+      this.pageParams.pageNo = val;
       this.getData();
     },
     headerCopy(column, e) {

src/views/guildOperationManagement/anchorSalaryOperate.vue

@@ -532,11 +532,11 @@ export default {
     },
     // 弹窗分页导航
     handleSizeChange1(val) {
-      this.$set(this.pageParams1, "pageSize", val);
+      this.pageParams1.pageSize = val;
       this.getDetail();
     },
     handlePageChange1(val) {
-      this.$set(this.pageParams1, "pageNo", val);
+       this.pageParams1.pageNo = val;
       this.getDetail();
     },
 

src/views/guildOperationManagement/guildInfoCustomerService.vue

@@ -0,0 +1,950 @@
+<template>
+  <div class="box">
+    <!-- 查询 -->
+    <div class="inquire">
+      <span>ID</span>
+      <el-input
+        v-model="inquire.userId"
+        placeholder=""
+        class="input"
+      ></el-input>
+    </div>
+    <div class="inquire">
+      <div class="block">
+        <span class="demonstration">分区</span>
+        <el-select
+          v-model="inquire.partitionId"
+          style="width: 75%"
+          placeholder="请选择"
+        >
+          <el-option
+            v-for="item in inquire.partitionArr"
+            :key="item.id"
+            :label="item.desc"
+            :value="item.id"
+          ></el-option>
+        </el-select>
+      </div>
+    </div>
+    <!-- <div class="inquire">
+      <span>推荐人</span>
+      <el-input
+        v-model="inquire.referrer"
+        placeholder=""
+        class="input"
+      ></el-input>
+    </div> -->
+    <!-- 时间选择器 -->
+    <!-- <div class="inquire">
+      <div class="block">
+        <span class="demonstration">日期</span>
+        <el-date-picker
+          v-model="inquire.time"
+          type="datetimerange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        >
+        </el-date-picker>
+      </div>
+    </div> -->
+    <!-- 查询按钮 -->
+    <el-button class="primary" type="primary" @click="getData()"
+      >查询</el-button
+    >
+    <el-button class="primary" type="primary" @click="addDialog = true"
+      >添加</el-button
+    >
+    <el-button class="primary" type="primary" @click="exportInfoFun()"
+      >导出</el-button
+    >
+
+    <!-- 表格 -->
+    <el-table
+      v-loading="loading"
+      :data="tableData"
+      border
+      style="width: 100%; margin-top: 25px"
+    >
+      <el-table-column prop="id" align="center" label="公会ID" />
+      <!-- <el-table-column prop="referrer" align="center" label="推荐人" /> -->
+      <el-table-column prop="ownerErbanNo" align="center" label="会长ID" />
+      <el-table-column prop="ownerNick" align="center" label="会长昵称" />
+      <el-table-column
+        prop="ownerPartitionName"
+        align="center"
+        label="会长分区"
+      />
+      <el-table-column prop="name" align="center" label="公会昵称" />
+      <el-table-column align="center" prop="giftInfo" label="公会头像">
+        <template v-slot="scope">
+          <el-image
+            style="width: 100px; height: 100px"
+            :src="scope.row.avatar"
+            :zoom-rate="1.1"
+            :preview-src-list="[scope.row.avatar]"
+            fit="scale-down"
+            preview-teleported="true"
+            hide-on-click-modal="true"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="giftInfo" label="公会背景图">
+        <template v-slot="scope">
+          <el-image
+            style="width: 100px; height: 100px"
+            :src="scope.row.backgroundUrl"
+            :zoom-rate="1.1"
+            :preview-src-list="[scope.row.backgroundUrl]"
+            fit="scale-down"
+            preview-teleported="true"
+            hide-on-click-modal="true"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column prop="createTime" align="center" label="创建日期" />
+      <!-- <el-table-column prop="memberNum" align="center" label="成员数量" /> -->
+      <el-table-column align="center" label="成员数量/上限">
+        <template v-slot="scope">
+          <el-button
+            @click="memberDialogFun(scope.row)"
+            type="text"
+            size="default"
+            >{{ scope.row.memberNum }}/{{ scope.row.memberNumLimit }}</el-button
+          >
+        </template>
+      </el-table-column>
+      <el-table-column prop="adminName" align="center" label="操作人" />
+      <el-table-column
+        prop=""
+        align="center"
+        label="公会联系方式"
+      />
+      <el-table-column align="center" prop="idCard" label="公会长身份证件">
+        <template v-slot="scope">
+          <el-image
+            style="width: 100px; height: 100px"
+            :src="scope.row.idCard"
+            :zoom-rate="1.1"
+            :preview-src-list="[scope.row.idCard]"
+            fit="scale-down"
+            preview-teleported="true"
+            hide-on-click-modal="true"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column prop="inviteErbanNo" align="center" label="邀请人ID" />
+      <el-table-column prop="inviteCheck" align="center" label="邀请人证明">
+        <template v-slot="scope">
+          <el-image
+            style="width: 100px; height: 100px"
+            :src="scope.row.inviteCheck"
+            :zoom-rate="1.1"
+            :preview-src-list="[scope.row.inviteCheck]"
+            fit="scale-down"
+            preview-teleported="true"
+            hide-on-click-modal="true"
+          />
+        </template>
+      </el-table-column>
+      <!-- <el-table-column align="center" label="收款账户" width="300">
+        <template v-slot="scope">
+          <el-button
+            @click="payAccountDialogFun(scope.row)"
+            type="text"
+            size="medium "
+          >
+            payoneer:{{
+              scope.row.payAccount.payoneer
+                ? scope.row.payAccount.payoneer
+                : "未添加"
+            }} </el-button
+          ><br />
+          <el-button
+            @click="payAccountDialogFun(scope.row)"
+            type="text"
+            size="medium "
+          >
+            USDT-ERC20:{{
+              scope.row.payAccount.usdt ? scope.row.payAccount.usdt : "未添加"
+            }} </el-button
+          ><br />
+          <el-button
+            @click="payAccountDialogFun(scope.row)"
+            type="text"
+            size="medium "
+          >
+            PayPal:{{
+              scope.row.payAccount.payPal
+                ? scope.row.payAccount.payPal
+                : "未添加"
+            }} </el-button
+          ><br />
+        </template>
+      </el-table-column> -->
+      <!-- <el-table-column prop="goldIncome" align="center" label="金币总收入" />
+      <el-table-column prop="diamondRemain" align="center" label="钻石总收入" /> -->
+
+      <el-table-column align="center" label="操作" width="300">
+        <template v-slot="scope">
+          <el-button
+            @click="ediClick(scope)"
+            class="primary"
+            type="primary"
+            size="default"
+            :disabled="!scope.row.enable"
+            >编辑</el-button
+          >
+          <el-button
+            @click="
+              delDialog = true;
+              delDialogData = scope.row;
+            "
+            :class="scope.row.enable ? 'danger' : 'info'"
+            :type="scope.row.enable ? 'danger' : 'info'"
+            size="default"
+            :disabled="!scope.row.enable"
+            >{{ scope.row.enable ? "移除" : "已解散" }}</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 新增弹窗 -->
+    <el-dialog v-model="addDialog" title="新增" width="28%" center>
+      <div style="margin-bottom: 25px">
+        <span
+          style="display: inline-block; margin-right: 20px; width: 100px"
+          class="col-sm-2 control-label"
+          >会长ID</span
+        >
+        <el-input
+          v-model="resource.id"
+          style="width: 75%"
+          class="input"
+        ></el-input>
+      </div>
+      <!-- <div style="margin-bottom: 25px">
+        <span
+          style="display: inline-block; margin-right: 20px; width: 100px"
+          class="col-sm-2 control-label"
+          >推荐人</span
+        >
+        <el-input
+          v-model="resource.referrer"
+          style="width: 75%"
+          class="input"
+        ></el-input>
+      </div> -->
+      <!-- <div style="margin-bottom: 25px">
+        <span
+          style="display: inline-block; margin-right: 20px; width: 100px"
+          class="col-sm-2 control-label"
+          >会长昵称</span
+        >
+        <el-input
+          v-model="resource.nick"
+          style="width: 75%"
+          class="input"
+        ></el-input>
+      </div> -->
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="addDialog = false">取消</el-button>
+          <el-button type="primary" @click="add()"> 确认 </el-button>
+        </span>
+      </template>
+    </el-dialog>
+    <!-- 分页 -->
+    <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="editDialog" title="编辑" width="28%" center>
+      <!-- 公会ID -->
+      <div style="margin-bottom: 25px; margin-top: 10px">
+        <span
+          style="display: inline-block; margin-right: 20px"
+          class="col-sm-2 control-label"
+          >公会ID</span
+        >
+        <el-input
+          v-model="ediObj.id"
+          style="width: 75%"
+          class="input"
+          disabled
+        ></el-input>
+      </div>
+      <!-- 会长ID -->
+      <div style="margin-bottom: 25px; margin-top: 10px">
+        <span
+          style="display: inline-block; margin-right: 20px"
+          class="col-sm-2 control-label"
+          >会长ID</span
+        >
+        <el-input
+          v-model="ediObj.leaderId"
+          style="width: 75%"
+          class="input"
+          disabled
+        ></el-input>
+      </div>
+      <!-- 会长昵称 -->
+      <div style="margin-bottom: 25px; margin-top: 10px">
+        <span
+          style="display: inline-block; margin-right: 20px"
+          class="col-sm-2 control-label"
+          >会长昵称</span
+        >
+        <el-input
+          v-model="ediObj.leaderNick"
+          style="width: 75%"
+          class="input"
+          disabled
+        ></el-input>
+      </div>
+      <!-- 公会昵称 -->
+      <div style="margin-bottom: 25px; margin-top: 10px">
+        <span
+          style="display: inline-block; margin-right: 20px"
+          class="col-sm-2 control-label"
+          >公会昵称</span
+        >
+        <el-input
+          v-model="ediObj.guildNick"
+          style="width: 75%"
+          class="input"
+        ></el-input>
+      </div>
+      <!-- 公会头像 -->
+      <div class="selectBox selectBoxImg">
+        <span class="left" style="margin-right: 20px">公会头像</span>
+        <!-- action="/admin/tencent/cos/upload/file" -->
+        <el-upload
+          class="avatar-uploader"
+          action="/admin/tencent/cos/upload/file"
+          :show-file-list="false"
+          :on-success="handleAvatarSuccess2"
+          :before-upload="beforeAvatarUpload"
+          :on-error="handleAvatarError"
+        >
+          <img v-if="ediObj.imageUrl2" :src="ediObj.imageUrl2" class="avatar" />
+          <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+        </el-upload>
+      </div>
+      <!-- 公会背景图 -->
+      <div class="selectBox selectBoxImg">
+        <span class="left" style="margin-right: 20px">公会背景图</span>
+        <!-- action="/admin/tencent/cos/upload/file" -->
+        <el-upload
+          class="avatar-uploader"
+          action="/admin/tencent/cos/upload/file"
+          :show-file-list="false"
+          :on-success="handleAvatarSuccess"
+          :before-upload="beforeAvatarUpload"
+          :on-error="handleAvatarError"
+        >
+          <img v-if="ediObj.imageUrl1" :src="ediObj.imageUrl1" class="avatar" />
+          <el-icon v-else class="avatar-uploader-icon">
+            <Plus />
+          </el-icon>
+        </el-upload>
+      </div>
+      <!-- 成员数量上限 -->
+      <div style="margin-bottom: 25px; margin-top: 10px">
+        <span
+          style="display: inline-block; margin-right: 20px"
+          class="col-sm-2 control-label"
+          >成员数量上限</span
+        >
+        <el-input
+          v-model="ediObj.guildNumber"
+          style="width: 75%"
+          class="input"
+        ></el-input>
+      </div>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="editDialog = false">取消</el-button>
+          <el-button type="primary" @click="editDialogClick()">
+            确认
+          </el-button>
+        </span>
+      </template>
+    </el-dialog>
+    <!-- 二次确认删除弹窗 -->
+    <el-dialog v-model="delDialog" title="提示" width="30%" center>
+      <span> 确定要解散该公会吗?</span>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="delDialog = false">取消</el-button>
+          <el-button type="primary" @click="delClick()"> 确认 </el-button>
+        </span>
+      </template>
+    </el-dialog>
+    <!-- 编辑收款账户弹窗 -->
+    <el-dialog
+      v-model="payAccountDialog"
+      :title="payAccountTitle"
+      width="28%"
+      center
+    >
+      <!-- Payoneer -->
+      <div style="margin-bottom: 25px; margin-top: 10px">
+        <span
+          style="display: inline-block; margin-right: 20px"
+          class="col-sm-2 control-label"
+          >Payoneer</span
+        >
+        <el-input
+          v-model="payAccount.payoneer"
+          style="width: 75%"
+          class="input"
+        ></el-input>
+      </div>
+      <!-- USDT-ERC20 -->
+      <div style="margin-bottom: 25px; margin-top: 10px">
+        <span
+          style="display: inline-block; margin-right: 20px"
+          class="col-sm-2 control-label"
+          >USDT-ERC20</span
+        >
+        <el-input
+          v-model="payAccount.usdt"
+          style="width: 75%"
+          class="input"
+        ></el-input>
+      </div>
+      <!-- PayPal -->
+      <div style="margin-bottom: 25px; margin-top: 10px">
+        <span
+          style="display: inline-block; margin-right: 20px"
+          class="col-sm-2 control-label"
+          >PayPal</span
+        >
+        <el-input
+          v-model="payAccount.payPal"
+          style="width: 75%"
+          class="input"
+        ></el-input>
+      </div>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="payAccountDialog = false">取消</el-button>
+          <el-button type="primary" @click="payAccountClick()">
+            保存
+          </el-button>
+        </span>
+      </template>
+    </el-dialog>
+    <!-- 编辑成员弹窗 -->
+    <el-dialog v-model="memberDialog" :title="memberTitle" width="36%" center>
+      <!-- 新增用户 -->
+      <div class="inquire">
+        <span>平台ID</span>
+        <el-input
+          v-model="member.userID"
+          placeholder="请输入新增平台id"
+          class="input"
+        ></el-input>
+        <el-button type="primary" @click="addMemberFun()"> 新增 </el-button>
+      </div>
+      <!-- 内嵌表格 -->
+      <el-table
+        v-loading="loading"
+        :data="member.tableData"
+        border
+        style="width: 100%; margin-top: 25px"
+      >
+        <el-table-column align="center" label="用户平台ID">
+          <template v-slot="scope">
+            {{ scope.row.erbanNo
+            }}{{
+              scope.row.roleType == 1
+                ? "(会长)"
+                : scope.row.roleType == 2
+                ? "(管理员)"
+                : ""
+            }}
+            {{ scope.row.enable == false ? "(已离开)" : "" }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="nick" align="center" label="用户昵称" />
+        <el-table-column prop="createTime" align="center" label="加入时间" />
+        <el-table-column prop="adminName" align="center" label="操作人" />
+        <el-table-column align="center" label="操作" width="300">
+          <template v-slot="scope">
+            <el-button
+              @click="setMemberFun(scope.row)"
+              :class="scope.row.roleType == 2 ? 'danger' : 'primary'"
+              :type="scope.row.roleType == 2 ? 'danger' : 'primary'"
+              size="default"
+              :disabled="scope.row.roleType == 1 ? true : false"
+              >{{
+                scope.row.roleType == 1
+                  ? "会长"
+                  : scope.row.roleType == 2
+                  ? "取消管理员"
+                  : "设为管理员"
+              }}</el-button
+            >
+            <el-button
+              @click="
+                memberRemoveObj = scope.row;
+                memberRemoveDialog = true;
+              "
+              class="danger"
+              type="danger"
+              size="default"
+              :disabled="scope.row.roleType == 1 ? true : false"
+              >删除</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button type="primary" @click="memberDialog = false">
+            关闭
+          </el-button>
+        </span>
+      </template>
+    </el-dialog>
+    <!-- 二次确认删除弹窗 -->
+    <el-dialog v-model="memberRemoveDialog" title="提示" width="30%" center>
+      <span> 确定要删除该成员吗?</span>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="memberRemoveDialog = false">取消</el-button>
+          <el-button type="primary" @click="delmemberRemoveClick()">
+            确认
+          </el-button>
+        </span>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  pageFamily,
+  exportInfo,
+  create,
+  update,
+  dismiss,
+  savePayAccount,
+  manageListFamilyMember,
+  addMember,
+  setManager,
+  removeMember,
+  listPartitionInfo,
+} from "@/api/noblemanNew/noblemanNew";
+// @ts-ignore
+import { dateFormat } from "@/utils/system-helper";
+// @ts-ignore
+import { ElMessage } from "element-plus";
+export default {
+  name: "GuildInfoNewCustomerService",
+  data() {
+    return {
+      loading: false,
+      delDialog: false,
+      delDialogData: null,
+      //查询所需条件对象
+      inquire: {
+        userId: "",
+        referrer: "",
+        time: "",
+        partitionId: "",
+        partitionArr: [],
+      },
+      //新增所需对象
+      resource: {
+        id: "",
+        nick: "",
+        referrer: "",
+      },
+      // 表格
+      tableData: [],
+      //   新增弹窗
+      addDialog: false,
+      // 分页
+      total: 10, //总页数
+      currentPage: 1, //页码
+      pageSize: 10, //条数
+      // 编辑弹窗
+      editDialog: false,
+      ediObj: {
+        leaderId: "",
+        leaderNick: "",
+        guildNick: "",
+        guildNumber: "",
+        id: "",
+        imageUrl1: "",
+        imageUrl2: "",
+      },
+      // 收款账户弹窗
+      payAccountDialog: false,
+      payAccountTitle: "(会长昵称【ID:0】)的收款账户",
+      payAccountNew: {},
+      payAccount: {
+        payoneer: "",
+        usdt: "",
+        payPal: "",
+      },
+      // 新增成员弹窗
+      memberDialog: false,
+      memberTitle: "【公会名称】成员信息",
+      memberNew: {},
+      member: {
+        userID: "",
+        tableData: [],
+      },
+      // 删除成员弹窗
+      memberRemoveDialog: false,
+      memberRemoveObj: {},
+    };
+  },
+  created() {
+    listPartitionInfo().then((res) => {
+      this.inquire.partitionArr = res.data;
+      this.inquire.partitionId = this.inquire.partitionArr[0].id;
+      this.getData();
+    });
+  },
+  methods: {
+    // 查询接口
+    getData() {
+      this.loading = true;
+      let time = this.inquire.time;
+      let startTime = "";
+      let endTime = "";
+      if (time && time.length > 0) {
+        startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss");
+        endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss");
+      }
+      pageFamily({
+        erbanNo: this.inquire.userId,
+        referrer: this.inquire.referrer,
+        familyName: this.inquire.nick,
+        partitionId: this.inquire.partitionId,
+        // startDate: startTime,
+        // endDate: endTime,
+        pageNum: this.currentPage,
+        pageSize: this.pageSize,
+      }).then((res) => {
+        this.total = res.data.total;
+        this.tableData = res.data.rows;
+        this.loading = false;
+      });
+    },
+    // 打开成员信息弹窗
+    memberDialogFun(val) {
+      var than = this;
+      than.memberTitle = `【${val.name}】成员信息`;
+      than.memberNew = val;
+      manageListFamilyMember({
+        guildId: val.id,
+      }).then((res) => {
+        this.member.tableData = res.data;
+        than.memberDialog = true;
+      });
+    },
+    // 二次确认删除成员
+    delmemberRemoveClick() {
+      removeMember({
+        guildMemberId: this.memberRemoveObj.guildMemberId,
+      }).then((res) => {
+        if (res.code == 200) {
+          ElMessage({
+            showClose: true,
+            message: "删除成功",
+            type: "success",
+          });
+          manageListFamilyMember({
+            guildId: this.memberNew.id,
+          }).then((res) => {
+            this.member.tableData = res.data;
+          });
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+        this.memberRemoveDialog = false;
+      });
+    },
+    // 设置管理员
+    setMemberFun(val) {
+      setManager({
+        guildMemberId: val.guildMemberId,
+        status: val.roleType == 3 ? true : val.roleType == 2 ? false : null,
+      }).then((res) => {
+        if (res.code == 200) {
+          ElMessage({
+            showClose: true,
+            message: "设置成功！",
+            type: "success",
+          });
+          this.member.userID = "";
+          manageListFamilyMember({
+            guildId: this.memberNew.id,
+          }).then((res) => {
+            this.member.tableData = res.data;
+          });
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    },
+    // 新增成员
+    addMemberFun() {
+      addMember({
+        erbanNo: this.member.userID,
+        guildId: this.memberNew.id,
+      }).then((res) => {
+        if (res.code == 200) {
+          ElMessage({
+            showClose: true,
+            message: "保存成功！",
+            type: "success",
+          });
+          this.member.userID = "";
+          manageListFamilyMember({
+            guildId: this.memberNew.id,
+          }).then((res) => {
+            this.member.tableData = res.data;
+          });
+        } else {
+          ElMessage({
+            showClose: true,
+            message: "保存失败！",
+            type: "error",
+          });
+        }
+      });
+    },
+    // 打开收款账户弹窗
+    payAccountDialogFun(val) {
+      this.payAccountTitle = `(${val.ownerNick}【ID:${val.ownerErbanNo}】)的收款账户`;
+      this.payAccount.payoneer = val.payAccount.payoneer;
+      this.payAccount.usdt = val.payAccount.usdt;
+      this.payAccount.payPal = val.payAccount.payPal;
+      this.payAccountDialog = true;
+      this.payAccountNew = val;
+    },
+    // 保存收款账户
+    payAccountClick() {
+      savePayAccount({
+        id: this.payAccountNew.payAccount.familyId,
+        payPal: this.payAccount.payPal,
+        payoneer: this.payAccount.payoneer,
+        usdt: this.payAccount.usdt,
+      }).then((res) => {
+        if (res.code == 200) {
+          ElMessage({
+            showClose: true,
+            message: "保存成功！",
+            type: "success",
+          });
+          this.payAccountDialog = false;
+          this.getData();
+        } else {
+          ElMessage({
+            showClose: true,
+            message: "保存失败！",
+            type: "error",
+          });
+        }
+      });
+    },
+    // 导出
+    exportInfoFun() {
+      let time = this.inquire.time;
+      let startTime = "";
+      let endTime = "";
+      if (time && time.length > 0) {
+        startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss");
+        endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss");
+      }
+      exportInfo({
+        erbanNo: this.inquire.userId,
+        referrer: this.inquire.referrer,
+        familyName: this.inquire.nick,
+        // startDate: startTime,
+        // endDate: endTime,
+      }).then((res) => {});
+    },
+    // 添加
+    add() {
+      this.addDialog = false;
+      create({
+        erbanNo: this.resource.id,
+        referrer: this.resource.referrer,
+      }).then((res) => {
+        if (res.code == 200) {
+          ElMessage({
+            showClose: true,
+            message: "添加成功",
+            type: "success",
+          });
+          this.getData();
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    },
+    // 编辑按钮
+    ediClick(res) {
+      var obj = res.row;
+      this.ediObj.leaderId = obj.ownerErbanNo;
+      this.ediObj.leaderNick = obj.ownerNick;
+      this.ediObj.guildNick = obj.name;
+      this.ediObj.guildNumber = obj.memberNumLimit;
+      this.ediObj.id = obj.id;
+      this.ediObj.imageUrl1 = obj.backgroundUrl;
+      this.ediObj.imageUrl2 = obj.avatar;
+      this.editDialog = true;
+    },
+    // 二次确认弹窗
+    editDialogClick() {
+      console.log(this.ediObj);
+      update({
+        id: this.ediObj.id,
+        memberNumLimit: this.ediObj.guildNumber,
+        backgroundUrl: this.ediObj.imageUrl1,
+        avatar: this.ediObj.imageUrl2,
+        name: this.ediObj.guildNick,
+      }).then((res) => {
+        if (res.code == 200) {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "success",
+          });
+          this.getData();
+          this.editDialog = false;
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+        this.delDialog = false;
+      });
+    },
+    // 解散按钮
+    delClick() {
+      console.log(this.delDialogData.id);
+      var guildId = this.delDialogData.id;
+      dismiss({ guildId }).then((res) => {
+        console.log();
+        if (res.code == 200) {
+          this.getData();
+          ElMessage({
+            showClose: true,
+            message: "解散成功",
+            type: "success",
+          });
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+        this.delDialog = false;
+      });
+    },
+    beforeAvatarUpload() {
+      ElMessage({
+        showClose: true,
+        message: "上传中~",
+        type: "warning",
+      });
+    },
+    handleAvatarError() {
+      ElMessage({
+        showClose: true,
+        message: "上传失败！",
+        type: "error",
+      });
+    },
+    handleAvatarSuccess(res, file) {
+      console.log(file);
+      this.ediObj.imageUrl1 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    handleAvatarSuccess2(res, file) {
+      console.log(file);
+      this.ediObj.imageUrl2 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    // 分页导航
+    handleSizeChange() {
+      this.getData();
+    },
+    handleCurrentChange() {
+      this.getData();
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.box {
+  padding-top: 20px;
+  background: #ecf0f5;
+  .inquire {
+    display: inline-block;
+    margin-right: 20px;
+    span {
+      margin-right: 10px;
+    }
+    .input {
+      width: 180px;
+      margin-right: 10px;
+    }
+  }
+  .dialogTableVisibleBut {
+    display: block;
+    margin: 30px 0 0 830px;
+  }
+  .paginationClass {
+    margin: 15px 0 5px 0px;
+  }
+}
+.selectBox {
+  display: flex;
+  height: 35px;
+  line-height: 35px;
+  margin-bottom: 20px;
+}
+.selectBoxImg {
+  height: 150px;
+}
+</style>

src/views/guildOperationManagement/weeklyRewards.vue

@@ -0,0 +1,282 @@
+<template>
+  <div class="box">
+    <!-- 查询 -->
+    <div class="inquire">
+      <div class="block">
+        <span class="demonstration">分区</span>
+        <el-select
+          v-model="inquire.partitionId"
+          style="width: 75%"
+          placeholder="请选择"
+        >
+          <el-option
+            v-for="item in inquire.partitionArr"
+            :key="item.id"
+            :label="item.desc"
+            :value="item.id"
+          ></el-option>
+        </el-select>
+      </div>
+    </div>
+    <div class="inquire">
+      <span>周期</span>
+      <el-select v-model="inquire.gameArrVal" placeholder="请选择">
+        <el-option
+          v-for="item in inquire.gamesArr"
+          :key="item.gameId"
+          :label="item.gameName"
+          :value="item.gameId"
+        >
+        </el-option>
+      </el-select>
+    </div>
+    <div class="inquire">
+      <span>ID</span>
+      <el-input
+        v-model="inquire.userId"
+        placeholder=""
+        class="input"
+      ></el-input>
+    </div>
+    <!-- 查询按钮 -->
+    <el-button
+      class="primary"
+      type="primary"
+      @click="
+        tableData = [];
+        currentPage = 1;
+        isFinished = false;
+        getData();
+      "
+      >查询</el-button
+    >
+    <el-button
+      class="primary"
+      type="primary"
+      @click="
+        this.inquire.userId = '';
+        this.getData();
+      "
+      >重置搜索</el-button
+    >
+    <el-button class="primary" type="primary" @click="confirmExport2Excel()"
+      >导出</el-button
+    >
+
+    <!-- 表格 -->
+    <el-table
+      v-loading="loading"
+      :data="tableData"
+      ref="multipleTable"
+      @selection-change="handleSelectionChange"
+      border
+      style="width: 100%; margin-top: 25px"
+    >
+      <el-table-column prop="cycleDate" align="center" label="周期" />
+      <el-table-column prop="familyId" align="center" label="公会ID" />
+      <el-table-column prop="familyName" align="center" label="公会昵称" />
+      <el-table-column prop="familyOwnerId" align="center" label="公会长ID" />
+      <el-table-column
+        prop="familyOwnerNick"
+        align="center"
+        label="公会长昵称"
+      />
+      <el-table-column prop="erbanNo" align="center" label="主播ID" />
+      <el-table-column prop="nick" align="center" label="主播昵称" />
+      <el-table-column prop="level" align="center" label="主播等级" />
+      <el-table-column prop="processNum" align="center" label="钻石流水" />
+      <el-table-column prop="rewardNum" align="center" label="已获得金币" />
+      <el-table-column prop="receivedNum" align="center" label="已领取金币" />
+    </el-table>
+
+    <!-- 分页 -->
+    <el-pagination
+      style="margin-top: 10px"
+      class="paginationClass"
+      v-model:current-page="currentPage"
+      v-model:page-size="pageSize"
+      :page-sizes="[1, 10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
+      layout="sizes, prev, pager, next"
+      :total="total"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+  </div>
+</template>
+<script>
+import {
+  familyMemberWeekLevelRewardPage,
+  familyMemberWeekLevelRewardExport,
+  familyMemberWeekLevelRewardListCycleDate,
+} from "@/api/relAgency/relAgency";
+import { listPartitionInfo } from "@/api/noblemanNew/noblemanNew";
+// @ts-ignore
+import { dateFormat } from "@/utils/system-helper";
+// @ts-ignore
+import { ElMessage, ElTable } from "element-plus";
+import { ref } from "vue";
+import { ElMessageBox } from "element-plus"; // 正确引入 ElM
+export default {
+  name: "weeklyRewards",
+  data() {
+    return {
+      loading: false,
+      //查询所需条件对象
+      inquire: {
+        userId: "",
+        gamesArr: [],
+        gameArrVal: 1,
+        partitionId: 1,
+        partitionArr: [
+          { id: 1, desc: "英语区" },
+          { id: 2, desc: "阿拉伯" },
+        ],
+      },
+      // 表格
+      tableData: [],
+      // 分页
+      total: 0, //总页数
+      currentPage: 1, //页码
+      pageSize: 10, //条数
+    };
+  },
+  created() {
+    // const timestamps = this.getCurrentWeekTimestamps();
+    // var obj = {};
+    // timestamps.forEach((res, i) => {
+    //   this.inquire.gamesArr[i] = {
+    //     gameName: dateFormat(res, "yyyy-MM-dd"),
+    //     gameId: dateFormat(res, "yyyy-MM-dd"),
+    //   };
+    // });
+    // this.inquire.gameArrVal = this.inquire.gamesArr[0].gameId;
+    familyMemberWeekLevelRewardListCycleDate().then((res) => {
+      if (res.code == 200) {
+        res.data.forEach((res, i) => {
+          this.inquire.gamesArr[i] = {
+            gameName: `${dateFormat(res.startDate, "yyyy-MM-dd")}~${dateFormat(
+              res.endDate,
+              "yyyy-MM-dd"
+            )}`,
+            gameId: res.dateCycle,
+          };
+        });
+        this.inquire.gameArrVal = this.inquire.gamesArr[0].gameId;
+        this.getData();
+      } else {
+        ElMessage({
+          showClose: true,
+          message: res.message,
+          type: "error",
+        });
+      }
+    });
+    // listPartitionInfo().then((res) => {
+    //   this.inquire.partitionArr = res.data;
+    //   this.inquire.partitionId = this.inquire.partitionArr[0].id;
+    //   this.getData();
+    // });
+  },
+  methods: {
+    // 查询接口
+    getData() {
+      this.isLoading = true;
+      this.loading = true;
+      familyMemberWeekLevelRewardPage({
+        cycleDate: this.inquire.gameArrVal,
+        erbanNo: this.inquire.userId,
+        pageNo: this.currentPage,
+        pageSize: this.pageSize,
+        partitionId: this.inquire.partitionId,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.total = res.data.total;
+          this.tableData = res.data.rows;
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+        this.loading = false;
+        this.isLoading = false;
+      });
+    },
+    getCurrentWeekTimestamps() {
+      const today = new Date();
+      const dayOfWeek = today.getDay(); // 0（周日）到6（周六）
+      // 计算到周一的天数差：周日需-6天，其他天减(当前星期数 - 1)
+      const diffToMonday = dayOfWeek === 0 ? -6 : 1 - dayOfWeek;
+      const monday = new Date(today);
+      monday.setDate(monday.getDate() + diffToMonday);
+      monday.setHours(0, 0, 0, 0); // 设置为周一的0点
+
+      const weekTimestamps = [];
+      for (let i = 0; i < 7; i++) {
+        const date = new Date(monday);
+        date.setDate(monday.getDate() + i);
+        weekTimestamps.push(date.getTime());
+      }
+      return weekTimestamps; // 包含周一到周日每天0点的时间戳数组
+    },
+    // 导出
+    confirmExport2Excel() {
+      familyMemberWeekLevelRewardExport({
+        cycleDate: this.inquire.gameArrVal,
+        erbanNo: this.inquire.userId,
+        partitionId: this.inquire.partitionId,
+      }).then();
+    },
+    // 分页导航
+    handleSizeChange() {
+      this.getData();
+    },
+    handleCurrentChange() {
+      this.getData();
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.box {
+  padding-top: 20px;
+  background: #ecf0f5;
+  .inquire {
+    display: inline-block;
+    margin-right: 20px;
+    span {
+      margin-right: 10px;
+    }
+    .input {
+      width: 180px;
+      margin-right: 10px;
+    }
+  }
+  .dialogTableVisibleBut {
+    display: block;
+    margin: 30px 0 0 830px;
+  }
+  .paginationClass {
+    margin: 15px 0 5px 0px;
+  }
+}
+.selectBox {
+  display: flex;
+  height: 35px;
+  line-height: 35px;
+  margin-bottom: 20px;
+}
+.selectBoxImg {
+  height: 150px;
+}
+.pagination {
+  margin: 10px auto 10px;
+  position: relative;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.pagination_in {
+  text-align: center;
+}
+</style>

src/views/nobleman/GoldWater.vue

@@ -3,13 +3,24 @@
     <!-- 时间选择器 -->
     <div class="inquire">
       <div class="block">
-        <span class="demonstration">日期</span>
+        <span class="demonstration">开始时间</span>
         <el-date-picker
-          v-model="inquire.time"
-          type="daterange"
-          range-separator="至"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
+          v-model="inquire.time[0]"
+          type="date"
+          placeholder="开始时间"
+          format="YYYY-MM-DD 00:00:00"
+        >
+        </el-date-picker>
+      </div>
+    </div>
+    <div class="inquire">
+      <div class="block">
+        <span class="demonstration">结束时间</span>
+        <el-date-picker
+          v-model="inquire.time[1]"
+          type="date"
+          placeholder="结束时间"
+          format="YYYY-MM-DD 23:59:59"
         >
         </el-date-picker>
       </div>
@@ -193,11 +204,24 @@ export default {
     getData() {
       this.loading = true;
       let time = this.inquire.time;
-      let startTime = "";
-      let endTime = "";
-      if (time && time.length > 0) {
-        startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss");
-        endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss");
+      let startTime = null;
+      let endTime = null;
+      if (time.length > 0) {
+        startTime = this.inquire.time[0]
+          ? dateFormat(this.inquire.time[0], "yyyy-MM-dd 00:00:00")
+          : null;
+        endTime = this.inquire.time[1]
+          ? dateFormat(this.inquire.time[1], "yyyy-MM-dd 23:59:59")
+          : null;
+      }
+      if (!startTime || !endTime) {
+        ElMessage({
+          showClose: true,
+          message: "请输入开始时间和结束时间",
+          type: "error",
+        });
+        this.loading = false;
+        return;
       }
       incomePageFamily({
         erbanNo: this.inquire.id,
@@ -208,8 +232,17 @@ export default {
         pageNum: this.currentPage,
         pageSize: this.pageSize,
       }).then((res) => {
-        this.total = res.data.total;
-        this.tableData = res.data.rows;
+        if (res.code == 200) {
+          this.total = res.data.total;
+          this.tableData = res.data.rows;
+          this.loading = false;
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
         this.loading = false;
       });
     },

src/views/nobleman/newGuildApplicationCustomerService.vue

@@ -0,0 +1,368 @@
+<template>
+  <div class="box">
+    <!-- 查询 -->
+    <div class="inquire">
+      <span>分区</span>
+      <el-select v-model="inquire.partitionId" placeholder="请选择">
+        <el-option
+          v-for="item in inquire.partitionArr"
+          :key="item.id"
+          :label="item.desc"
+          :value="item.id"
+        >
+        </el-option>
+      </el-select>
+    </div>
+    <div class="inquire">
+      <span>平台ID</span>
+      <el-input
+        v-model="inquire.userId"
+        placeholder=""
+        class="input"
+      ></el-input>
+    </div>
+    <div class="inquire">
+      <span>状态</span>
+      <el-select v-model="inquire.status" placeholder="请选择">
+        <el-option
+          v-for="item in inquire.statusArr"
+          :key="item.id"
+          :label="item.desc"
+          :value="item.id"
+        >
+        </el-option>
+      </el-select>
+    </div>
+    <!-- 时间选择器 -->
+    <div class="inquire">
+      <div class="block">
+        <span class="demonstration">日期</span>
+        <el-date-picker
+          v-model="inquire.time"
+          type="datetimerange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        >
+        </el-date-picker>
+      </div>
+    </div>
+    <!-- 查询按钮 -->
+    <el-button class="primary" type="primary" @click="getData()"
+      >查询</el-button
+    >
+    <el-button class="primary" type="primary" @click="addDialog = true"
+      >重置搜索</el-button
+    >
+
+    <!-- 表格 -->
+    <el-table
+      v-loading="loading"
+      :data="tableData"
+      border
+      style="width: 100%; margin-top: 25px"
+    >
+      <el-table-column prop="id" align="center" label="序号" />
+      <el-table-column prop="guildId" align="center" label="公会ID" />
+      <el-table-column prop="erbanNo" align="center" label="公会长ID" />
+      <el-table-column prop="nick" align="center" label="公会长昵称" />
+      <el-table-column align="center" prop="giftInfo" label="公会长头像">
+        <template v-slot="scope">
+          <el-image
+            style="width: 100px; height: 100px"
+            :src="scope.row.avatar"
+            :zoom-rate="1.1"
+            :preview-src-list="[scope.row.avatar]"
+            fit="scale-down"
+            preview-teleported="true"
+            hide-on-click-modal="true"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column prop="guildName" align="center" label="公会昵称" />
+      <el-table-column align="center" prop="giftInfo" label="公会头像">
+        <template v-slot="scope">
+          <el-image
+            style="width: 100px; height: 100px"
+            :src="scope.row.guildAvatar"
+            :zoom-rate="1.1"
+            :preview-src-list="[scope.row.guildAvatar]"
+            fit="scale-down"
+            preview-teleported="true"
+            hide-on-click-modal="true"
+          />
+        </template>
+      </el-table-column>
+      <!-- guildContact -->
+      <el-table-column
+        prop=""
+        align="center"
+        label="公会联系方式"
+      />
+      <el-table-column align="center" prop="idCard" label="公会长身份证件">
+        <template v-slot="scope">
+          <el-image
+            style="width: 100px; height: 100px"
+            :src="scope.row.idCard"
+            :zoom-rate="1.1"
+            :preview-src-list="[scope.row.idCard]"
+            fit="scale-down"
+            preview-teleported="true"
+            hide-on-click-modal="true"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column prop="inviteErbanNo" align="center" label="邀请人ID" />
+      <el-table-column prop="inviteCheck" align="center" label="邀请人证明">
+        <template v-slot="scope">
+          <el-image
+            style="width: 100px; height: 100px"
+            :src="scope.row.inviteCheck"
+            :zoom-rate="1.1"
+            :preview-src-list="[scope.row.inviteCheck]"
+            fit="scale-down"
+            preview-teleported="true"
+            hide-on-click-modal="true"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column prop="applyTime" align="center" label="申请时间" />
+      <el-table-column prop="auditStatus" align="center" label="状态">
+        <template v-slot="scope">
+          {{
+            scope.row.auditStatus == 0
+              ? "未审核"
+              : scope.row.auditStatus == 1
+              ? "已通过"
+              : "拒绝"
+          }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="adminName" align="center" label="操作人" />
+      <el-table-column align="center" label="操作">
+        <template v-slot="scope">
+          <el-button
+            v-show="scope.row.auditStatus == 0"
+            @click="agree(scope.row.id)"
+            type="text"
+            size="default"
+            >同意</el-button
+          >
+          <el-button
+            v-show="scope.row.auditStatus == 0"
+            @click="refuse(scope.row.id)"
+            type="text"
+            size="default"
+            >拒绝</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-dialog v-model="delDialog" title="提示" width="30%" center>
+      <span> 确定要解散该公会吗?</span>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="delDialog = false">取消</el-button>
+          <el-button type="primary" @click="delClick()"> 确认 </el-button>
+        </span>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  listPartitionInfo,
+  guildApplyList,
+  guildApplyAudit,
+} from "@/api/nobleman/nobleman";
+// @ts-ignore
+import { dateFormat } from "@/utils/system-helper";
+// @ts-ignore
+import { ElMessage } from "element-plus";
+export default {
+  name: "newGuildApplicationCustomerService",
+  data() {
+    return {
+      loading: false,
+      //查询所需条件对象
+      inquire: {
+        partitionId: "",
+        partitionArr: [],
+        userId: "",
+        status: -1,
+        statusArr: [
+          { desc: "未审核", id: 0 },
+          { desc: "全部", id: -1 },
+          { desc: "通过", id: 1 },
+          { desc: "已拒绝", id: 2 },
+        ],
+        time: "",
+      },
+      // 表格
+      tableData: [],
+      //   新增弹窗
+      addDialog: false,
+      // 分页
+      total: 10, //总页数
+      currentPage: 1, //页码
+      pageSize: 10, //条数
+    };
+  },
+  created() {
+    listPartitionInfo().then((res) => {
+      console.log(res.data);
+      this.inquire.partitionArr = res.data;
+      this.inquire.partitionId = this.inquire.partitionArr[0].id;
+    });
+  },
+  methods: {
+    // 查询接口
+    getData() {
+      this.loading = true;
+      let time = this.inquire.time;
+      let startTime = "";
+      let endTime = "";
+      if (time && time.length > 0) {
+        startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss");
+        endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss");
+      }
+      guildApplyList({
+        partitionId: this.inquire.partitionId,
+        erbanNo: this.inquire.userId,
+        auditStatus: this.inquire.status,
+        startDate: startTime,
+        endDate: endTime,
+        pageNo: this.currentPage,
+        pageSize: this.pageSize,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.total = res.data.total;
+          this.tableData = res.data.rows;
+          this.loading = false;
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    },
+    agree(id) {
+      guildApplyAudit({
+        auditStatus: 1,
+        id,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.getData();
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    },
+    refuse(id) {
+      guildApplyAudit({
+        auditStatus: 2,
+        id,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.getData();
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    },
+    beforeAvatarUpload() {
+      ElMessage({
+        showClose: true,
+        message: "上传中~",
+        type: "warning",
+      });
+    },
+    handleAvatarError() {
+      ElMessage({
+        showClose: true,
+        message: "上传失败！",
+        type: "error",
+      });
+    },
+    handleAvatarSuccess2(res, file) {
+      this.ediObj.imageUrl2 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    handleAvatarSuccess(res, file) {
+      this.ediObj.imageUrl1 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    // 分页导航
+    handleSizeChange() {
+      this.getData();
+    },
+    handleCurrentChange() {
+      this.getData();
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.box {
+  padding-top: 20px;
+  background: #ecf0f5;
+  .inquire {
+    display: inline-block;
+    margin-right: 20px;
+    span {
+      margin-right: 10px;
+    }
+    .input {
+      width: 180px;
+      margin-right: 10px;
+    }
+  }
+  .dialogTableVisibleBut {
+    display: block;
+    margin: 30px 0 0 830px;
+  }
+  .paginationClass {
+    margin: 15px 0 5px 0px;
+  }
+}
+.selectBox {
+  display: flex;
+  height: 35px;
+  line-height: 35px;
+  margin-bottom: 20px;
+}
+.selectBoxImg {
+  height: 150px;
+}
+</style>

src/views/recharge/RechargeDiamondGiveDetailView.vue

@@ -75,7 +75,7 @@
               </div>
             </div>
           </form>
-          <div id="mapObjHtml">
+          <div id="mapObjHtml" style="display:none">
             <span
               style="
                 margin-right: 10px;
@@ -125,6 +125,33 @@ export default {
       $(function () {
         userRegion();
         $("#table").bootstrapTable("destroy");
+        var picker1 = $("#startTime").datetimepicker({
+          format: "yyyy-mm-dd hh:ii:00",
+          todayBtn: true,
+          autoclose: true,
+        });
+        var picker2 = $("#endTime").datetimepicker({
+          format: "yyyy-mm-dd hh:ii:00",
+          todayBtn: true,
+          autoclose: true,
+        });
+        picker1.on("changeDate", function () {
+          var date = $("#startTime").datetimepicker("getDate");
+          picker2.datetimepicker("setStartDate", date);
+        });
+        picker2.on("changeDate", function () {
+          var date = $("#endTime").datetimepicker("getDate");
+          picker1.datetimepicker("setEndDate", date);
+        });
+
+        //导出功能
+        $("#btnExport").on("click", function () {
+          $("#searchForm").submit();
+        });
+
+        // 查询刷新
+        $("#btnSearch").on("click", function () {
+          
         $("#table").bootstrapTable({
           columns: [
             {
@@ -239,34 +266,8 @@ export default {
             console.log("load fail");
           },
         });
-
-        var picker1 = $("#startTime").datetimepicker({
-          format: "yyyy-mm-dd hh:ii:00",
-          todayBtn: true,
-          autoclose: true,
-        });
-        var picker2 = $("#endTime").datetimepicker({
-          format: "yyyy-mm-dd hh:ii:00",
-          todayBtn: true,
-          autoclose: true,
-        });
-        picker1.on("changeDate", function () {
-          var date = $("#startTime").datetimepicker("getDate");
-          picker2.datetimepicker("setStartDate", date);
-        });
-        picker2.on("changeDate", function () {
-          var date = $("#endTime").datetimepicker("getDate");
-          picker1.datetimepicker("setEndDate", date);
-        });
-
-        //导出功能
-        $("#btnExport").on("click", function () {
-          $("#searchForm").submit();
-        });
-
-        // 查询刷新
-        $("#btnSearch").on("click", function () {
           TableHelper.doRefresh("#table");
+          $('#mapObjHtml').show();
         });
 
         //用户地区

src/views/recharge/RechargeUserView.vue

@@ -1,412 +1,553 @@
 <template>
-    <section class="content">
-        <div class="box box-primary">
-            <div class="box-body">
-                <!-- Content Header (Page header) -->
-                <section class="content-header">
-                    <h1 id="itemTitle"></h1>
-                </section>
-                <!-- .content -->
-                <div id="table"></div>
-                <div id="toolbar">
-                    <div class="col-sm-12">
-                        <label for="searchValue" class="col-sm-3 control-label">Peko ID:</label>
-                        <div class="col-sm-3"><input type="text" class="form-control" name="searchValue" id="searchValue">
-                        </div>
-                        <label for="searchType" class="col-sm-3 control-label">地区:</label>
-                        <div class="col-sm-3">
-                            <select name="searchType" id="searchType" data-btn-class="btn-warning" class="form-control">
-                                <option value="0" selected="selected">全部</option>
-                            </select>
-                        </div>
-                    </div>
-                    <div class="col-sm-12">
-                        <button id="btnSearch" class="btn btn-default">
-                            <i class="glyphicon glyphicon-search"></i>查询
-                        </button>
-                        <button id="btnAdd" class="btn btn-default">
-                            <i class="glyphicon glyphicon-plus-sign"></i>新增
-                        </button>
-                    </div>
-                </div>
+  <section class="content">
+    <div class="box box-primary">
+      <div class="box-body">
+        <!-- Content Header (Page header) -->
+        <section class="content-header">
+          <h1 id="itemTitle"></h1>
+        </section>
+        <!-- .content -->
+        <div id="table"></div>
+        <div id="toolbar">
+          <div class="col-sm-12">
+            <label for="searchValue" class="col-sm-1 control-label">ID:</label>
+            <div class="col-sm-2">
+              <input
+                type="text"
+                class="form-control"
+                name="searchValue"
+                id="searchValue"
+              />
             </div>
-        </div>
-    </section>
-
-    <div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
-        <div class="modal-dialog" role="document">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
-                            aria-hidden="true">&times;</span>
-                    </button>
-                    <h4 class="modal-title" id="modalLabel">代充信息</h4>
-                </div>
-                <div class="modal-body">
-                    <form class="form-horizontal">
-                        <input type="hidden" name="id" id="id" />
-                        <div class="form-group">
-                            <label for="erbanNo" class="col-sm-3 control-label">Peko ID：</label>
-                            <div class="col-sm-9">
-                                <input type="text" class="form-control" id="erbanNo">
-                            </div>
-                        </div>
-                        <div class="form-group">
-                            <label class="col-sm-3 control-label">代充地区</label>
-                        </div>
-                    </form>
-                </div>
-                <div class="modal-footer">
-                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
-                    <button type="button" class="btn btn-primary" id="save">确认</button>
-                </div>
+            <label for="partitionId" class="col-sm-1 control-label">分区:</label>
+            <div class="col-sm-2">
+              <select
+                  name="partitionId"
+                  id="partitionId"
+                  data-btn-class="btn-warning"
+                  class="form-control"
+              >
+              </select>
             </div>
+            <label for="searchType" class="col-sm-1 control-label">地区:</label>
+            <div class="col-sm-2">
+              <select
+                name="searchType"
+                id="searchType"
+                data-btn-class="btn-warning"
+                class="form-control"
+              >
+                <option value="0" selected="selected">全部</option>
+              </select>
+            </div>
+          </div>
+          <div class="col-sm-12">
+            <button id="btnSearch" class="btn btn-default">
+              <i class="glyphicon glyphicon-search"></i>查询
+            </button>
+            <button id="btnAdd" class="btn btn-default">
+              <i class="glyphicon glyphicon-plus-sign"></i>新增
+            </button>
+          </div>
         </div>
+      </div>
     </div>
+  </section>
 
-    <div class="modal fade" id="tipModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
-        <div class="modal-dialog" role="document">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <h4 class="modal-title">提示信息</h4>
-                </div>
-                <div class="modal-body" id="tipMsg"></div>
-            </div>
+  <div
+    class="modal fade"
+    id="editModal"
+    tabindex="-1"
+    role="dialog"
+    aria-labelledby="modalLabel"
+  >
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+          <button
+            type="button"
+            class="close"
+            data-dismiss="modal"
+            aria-label="Close"
+          >
+            <span aria-hidden="true">&times;</span>
+          </button>
+          <h4 class="modal-title" id="modalLabel">代充信息</h4>
         </div>
+        <div class="modal-body">
+          <form class="form-horizontal">
+            <input type="hidden" name="id" id="id" />
+            <div class="form-group">
+              <label for="erbanNo" class="col-sm-3 control-label"
+                >Peko ID：</label
+              >
+              <div class="col-sm-9">
+                <input type="text" class="form-control" id="erbanNo" />
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="starLevel" class="col-sm-3 control-label"
+                >信誉值:</label
+              >
+              <div class="col-sm-9">
+                <select name="starLevel" id="starLevel">
+                  <option value="">-- 请选择 --</option>
+                  <option value="1">1</option>
+                  <option value="2">2</option>
+                  <option value="3">3</option>
+                  <option value="4">4</option>
+                  <option value="5">5</option>
+                </select>
+              </div>
+            </div>
+            <div class="form-group">
+              <label class="col-sm-3 control-label">代充地区</label>
+            </div>
+          </form>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-default" data-dismiss="modal">
+            取消
+          </button>
+          <button type="button" class="btn btn-primary" id="save">确认</button>
+        </div>
+      </div>
     </div>
+  </div>
+
+  <div
+    class="modal fade"
+    id="tipModal"
+    tabindex="-1"
+    role="dialog"
+    aria-labelledby="modalLabel"
+  >
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h4 class="modal-title">提示信息</h4>
+        </div>
+        <div class="modal-body" id="tipMsg"></div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
-import TableHelper from '@/utils/bootstrap-table-helper';
+import TableHelper from "@/utils/bootstrap-table-helper";
 
+var partitionArray;
 var regionArray;
 export default {
-    name: "RechargeUserView",
-    setup() {
-        //切换只读
-        function editSeqText(obj) {
-            if (!regionArray) {
-                return;
-            }
-            var $input = $(obj);
-            const typeArray = $("input:checkbox[name='type']:checked").serializeArray();
-            if (!typeArray) {
-                return;
-            }
-            for (let i = 0; i < regionArray.length; i++) {
-                var region = regionArray[i];
-                var type = region.type;
-                var isCheck = false;
-                for (let j = 0; j < typeArray.length; j++) {
-                    var value = typeArray[j].value;
-                    if (type == value) {
-                        isCheck = true;
-                        break;
-                    }
-                }
-                var $seq = $('#seq' + type);
-                if (isCheck) {
-                    $seq.removeAttr('readonly');
-                } else {
-                    $seq.attr('readonly', 'true');
-                }
-            }
+  name: "RechargeUserView",
+  setup() {
+    //切换只读
+    function editSeqText(obj) {
+      if (!regionArray) {
+        return;
+      }
+      var $input = $(obj);
+      const typeArray = $(
+        "input:checkbox[name='type']:checked"
+      ).serializeArray();
+      if (!typeArray) {
+        return;
+      }
+      for (let i = 0; i < regionArray.length; i++) {
+        var region = regionArray[i];
+        var type = region.type;
+        var isCheck = false;
+        for (let j = 0; j < typeArray.length; j++) {
+          var value = typeArray[j].value;
+          if (type == value) {
+            isCheck = true;
+            break;
+          }
         }
-        window.editSeqText = editSeqText;
-        return {
-            editSeqText
-        };
-    },
-    created() {
-        this.$nextTick(function () {
-            this.initData();
+        var $seq = $("#seq" + type);
+        if (isCheck) {
+          $seq.removeAttr("readonly");
+        } else {
+          $seq.attr("readonly", "true");
+        }
+      }
+    }
+    window.editSeqText = editSeqText;
+    return {
+      editSeqText,
+    };
+  },
+  created() {
+    this.$nextTick(function () {
+      this.initData();
+    });
+  },
+  methods: {
+    initData() {
+      $(function () {
+        //分区
+        partitionArray = listPartitionInfo();
+        //地区
+        regionArray = chargeRegion();
+
+        $("#table").bootstrapTable("destroy");
+        $("#table").bootstrapTable({
+          columns: [
+            {
+              field: "erbanNo",
+              title: "Peko ID",
+              align: "center",
+              width: "5%",
+            },
+            { field: "nick", title: "昵称", align: "center", width: "5%" },
+            {
+              field: "starLevel",
+              title: "信誉值",
+              align: "center",
+              width: "5%",
+            },
+            {
+              field: "createTime",
+              title: "首次加入代充时间",
+              align: "center",
+              width: "5%",
+            },
+            {
+              field: "type",
+              title: "地区",
+              align: "center",
+              width: "5%",
+              formatter: function (val, row, index) {
+                var value = "";
+                if (regionArray) {
+                  for (var i = 0, len = regionArray.length; i < len; i++) {
+                    var region = regionArray[i];
+                    var name = region.name;
+                    var type = region.type;
+                    if ((val & type) != 0) {
+                      value += name;
+                      if (i != len - 1) {
+                        value += "<br>";
+                      }
+                    }
+                  }
+                }
+                return value;
+              },
+            },
+            {
+              field: "userRegions",
+              title: "排序",
+              align: "center",
+              width: "5%",
+              formatter: function (val, row, index) {
+                var value = "";
+                if (row.userRegions) {
+                  for (var i = 0, len = row.userRegions.length; i < len; i++) {
+                    var userRegion = row.userRegions[i];
+                    var name = userRegion.name;
+                    var seq = userRegion.seq;
+                    value += name + "：" + seq;
+                    if (i != len - 1) {
+                      value += "<br>";
+                    }
+                  }
+                }
+                return value;
+              },
+            },
+            {
+              field: "outDiamondNum",
+              title: "最近30天转出金币",
+              align: "center",
+              width: "5%",
+            },
+            {
+              field: "id",
+              title: "操作",
+              align: "center",
+              width: "5%",
+              valign: "middle",
+              formatter: function (val, row, index) {
+                return (
+                  '<button class="btn btn-sm btn-default opt-edit" data-index="' +
+                  index +
+                  '">编辑</button>' +
+                  '<button class="btn btn-sm btn-default opt-del" data-index="' +
+                  index +
+                  '">删除</button>'
+                );
+              },
+            },
+          ],
+          cache: false,
+          striped: true,
+          showRefresh: false,
+          pageSize: 20,
+          pagination: true,
+          pageList: [20, 50, 100],
+          search: false,
+          sidePagination: "server", //表示服务端请求
+          //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+          //设置为limit可以获取limit, offset, search, sort, order
+          queryParamsType: "undefined",
+          queryParams: function queryParams(params) {
+            //设置查询参数
+            var param = {
+              page: params.pageNumber,
+              pageSize: params.pageSize,
+              erbanNo: $("#searchValue").val(),
+              partitionId: $("#partitionId").val(),
+              regionType: $("#searchType").val(),
+              starLevel: $("#starLevel").val(),
+            };
+            return param;
+          },
+          toolbar: "#toolbar",
+          url: "/admin/recharge/user/page",
+          onLoadSuccess: function () {
+            //加载成功时执行
+            console.log("load success");
+          },
+          onLoadError: function () {
+            //加载失败时执行
+            console.log("load fail");
+          },
         });
-    },
-    methods: {
-        initData() {
-            $(function () {
-                //地区
-                regionArray = chargeRegion();
-                $('#table').bootstrapTable('destroy');
-                $('#table').bootstrapTable({
-                    columns: [
-                        { field: 'erbanNo', title: 'Peko ID', align: 'center', width: '5%' },
-                        { field: 'nick', title: '昵称', align: 'center', width: '5%' },
-                        { field: 'createTime', title: '首次加入代充时间', align: 'center', width: '5%' },
-                        {
-                            field: 'type',
-                            title: '地区',
-                            align: 'center',
-                            width: '5%',
-                            formatter: function (val, row, index) {
-                                var value = '';
-                                if (regionArray) {
-                                    for (var i = 0, len = regionArray.length; i < len; i++) {
-                                        var region = regionArray[i];
-                                        var name = region.name;
-                                        var type = region.type;
-                                        if ((val & type) != 0) {
-                                            value += name;
-                                            if (i != len - 1) {
-                                                value += '<br>';
-                                            }
-                                        }
-                                    }
-                                }
-                                return value;
-                            }
-                        },
-                        {
-                            field: 'userRegions',
-                            title: '排序',
-                            align: 'center',
-                            width: '5%',
-                            formatter: function (val, row, index) {
-                                var value = '';
-                                if (row.userRegions) {
-                                    for (var i = 0, len = row.userRegions.length; i < len; i++) {
-                                        var userRegion = row.userRegions[i];
-                                        var name = userRegion.name;
-                                        var seq = userRegion.seq;
-                                        value += name + '：' + seq;
-                                        if (i != len - 1) {
-                                            value += '<br>';
-                                        }
-                                    }
-                                }
-                                return value;
-                            }
-                        },
-                        { field: 'outDiamondNum', title: '最近30天转出金币', align: 'center', width: '5%' },
-                        {
-                            field: 'id',
-                            title: '操作',
-                            align: 'center',
-                            width: '5%',
-                            valign: 'middle',
-                            formatter: function (val, row, index) {
-                                return '<button class="btn btn-sm btn-default opt-edit" data-index="' + index + '">编辑</button>' + '<button class="btn btn-sm btn-default opt-del" data-index="' + index + '">删除</button>';
-                            }
-                        }
-                    ],
-                    cache: false,
-                    striped: true,
-                    showRefresh: false,
-                    pageSize: 20,
-                    pagination: true,
-                    pageList: [20, 50, 100],
-                    search: false,
-                    sidePagination: "server", //表示服务端请求
-                    //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
-                    //设置为limit可以获取limit, offset, search, sort, order
-                    queryParamsType: "undefined",
-                    queryParams: function queryParams(params) {   //设置查询参数
-                        var param = {
-                            page: params.pageNumber,
-                            pageSize: params.pageSize,
-                            erbanNo: $('#searchValue').val(),
-                            regionType: $('#searchType').val()
-                        };
-                        return param;
-                    },
-                    toolbar: '#toolbar',
-                    url: '/admin/recharge/user/page',
-                    onLoadSuccess: function () {  //加载成功时执行
-                        console.log("load success");
-                    },
-                    onLoadError: function () {  //加载失败时执行
-                        console.log("load fail");
-                    }
-                });
 
-                //地区
-                function chargeRegion() {
-                    var array;
-                    $.ajax({
-                        type: "get",
-                        url: "/admin/charge/region/list",
-                        dataType: "json",
-                        async: false,
-                        success: function (json) {
-                            if (json.success == 'true' || json.code == 200) {
-                                array = json.data;
-                            }
-                        }
-                    });
-                    var $select = $('#searchType');
-                    for (let i = 0; i < array.length; i++) {
-                        var $option = $('<option value="' + array[i].type + '" />');
-                        $option.html(array[i].name);
-                        $select.append($option);
-                    }
-                    return array;
-                }
-
-                //新增
-                $('#btnAdd').on('click', function () {
-                    $("#id").val('');
-                    $("#erbanNo").val('');
-                    showRegion();
-                    $("#editModal").modal('show');
-                });
-
-                // 查询刷新
-                $('#btnSearch').on('click', function () {
-                    TableHelper.doRefresh('#table');
-                });
-
-                //展示地区
-                function showRegion() {
-                    if (!regionArray) {
-                        return;
-                    }
-                    var $form = $('#editModal .modal-body .form-horizontal');
-                    for (let i = 0, len = regionArray.length; i < len; i++) {
-                        $('#region' + i).remove();
-                        var region = regionArray[i];
-                        var name = region.name;
-                        var type = region.type;
-                        var $formGroup = $('<div/>');
-                        $formGroup.attr('id', 'region' + i);
-                        $formGroup.attr('class', 'form-group');
-                        var $label = $('<label/>');
-                        $label.attr('class', 'col-sm-3 control-label');
-                        $label.html('<input type="checkbox" name="type" value="' + type + '" onclick=\"editSeqText(this);\"/>&nbsp;' + name);
-                        $formGroup.append($label);
-                        var $div = $('<div/>');
-                        $div.attr('class', 'col-sm-9');
-                        $div.html('<input type="text" readonly class="form-control" id="seq' + type + '" value="0"/>');
-                        $formGroup.append($div);
-                        $form.append($formGroup);
-                    }
-                }
-
-                //保存
-                $("#save").click(function () {
-                    const msg = '确定要保存吗？';
-                    if (confirm(msg)) {
-                        var id = $('#id').val();
-                        const typeArray = $("input:checkbox[name='type']:checked").serializeArray();
-                        if (!typeArray) {
-                            $("#tipMsg").text("代充地区不能为空");
-                            $("#tipModal").modal('show');
-                            return;
-                        }
-                        var userRegionArray = [];
-                        for (let i = 0; i < regionArray.length; i++) {
-                            var region = regionArray[i];
-                            var name = region.name;
-                            var seq = 0;
-                            var isCheck = false;
-                            for (let j = 0; j < typeArray.length; j++) {
-                                console.log(typeArray[j]);
-                                if (typeArray[j] && region.type == typeArray[j].value) {
-                                    seq = $('#seq' + region.type).val();
-                                    isCheck = true;
-                                    break;
-                                }
-                            }
-                            var userRegion = {
-                                type: region.type,
-                                name: region.name,
-                                isCheck: isCheck,
-                                seq: seq
-                            };
-                            userRegionArray.push(userRegion);
-                        }
-                        var data = {
-                            erbanNo: $('#erbanNo').val(),
-                            userRegions: JSON.stringify(userRegionArray)
-                        };
-                        if (id) {
-                            data.id = id;
-                        }
-                        $.ajax({
-                            type: "post",
-                            url: "/admin/recharge/user/save",
-                            data: data,
-                            dataType: "json",
-                            success: function (json) {
-                                if (json.success == 'true' || json.code == 200) {
-                                    $("#tipMsg").text("保存成功");
-                                    $("#tipModal").modal('show');
-                                    TableHelper.doRefresh("#table");
-                                    $("#editModal").modal('hide');
-                                } else {
-                                    $("#tipMsg").text("保存失败." + json.message);
-                                    $("#tipModal").modal('show');
-                                    $("#editModal").modal('hide');
-                                }
-                            }
-                        });
-                    }
-                });
-
-                //编辑
-                $('#table').on('click', '.opt-edit', function () {
-                    const currentData = $('#table').bootstrapTable('getData')[$(this).data('index')];
-                    showRegion();
-                    var id = currentData.id;
-                    var erbanNo = currentData.erbanNo;
-                    var userRegions = currentData.userRegions;
-                    $("#erbanNo").val(erbanNo);
-                    $("#id").val(id);
-                    if (regionArray) {
-                        for (let i = 0; i < regionArray.length; i++) {
-                            var region = regionArray[i];
-                            var seq = 0;
-                            var isCheck = false;
-                            for (let j = 0; j < userRegions.length; j++) {
-                                var userRegion = userRegions[j];
-                                if (region.type == userRegion.type) {
-                                    seq = userRegion.seq;
-                                    isCheck = true;
-                                    break;
-                                }
-                            }
-                            if (isCheck) {
-                                $('input:checkbox[value="' + region.type + '"]').prop('checked', true);
-                                $('#seq' + region.type).removeAttr('readonly');
-                                $('#seq' + region.type).val(seq);
-                            } else {
-                                $("input:checkbox[value='" + region.type + "']").prop('checked', false);
-                                $('#seq' + region.type).attr('readonly', 'true');
-                                $('#seq' + region.type).val(0);
-                            }
-                        }
-                    }
-                    $("#editModal").modal('show');
-                });
-
-                //删除
-                $('#table').on('click', '.opt-del', function () {
-                    const currentData = $('#table').bootstrapTable('getData')[$(this).data('index')];
-                    var id = currentData.id;
-                    const msg = '确定要删除吗？';
-                    if (confirm(msg)) {
-                        $.ajax({
-                            type: "get",
-                            url: "/admin/recharge/user/del?id=" + id,
-                            dataType: "json",
-                            success: function (json) {
-                                if (json.success == 'true' || json.code == 200) {
-                                    $("#tipMsg").text("删除成功");
-                                    $("#tipModal").modal('show');
-                                    TableHelper.doRefresh("#table");
-                                    $("#editModal").modal('hide');
-                                } else {
-                                    $("#tipMsg").text("删除失败." + json.message);
-                                    $("#tipModal").modal('show');
-                                    $("#editModal").modal('hide');
-                                }
-                            }
-                        });
-                    }
-                });
-            });
+        //分区
+        function listPartitionInfo() {
+          var array;
+          $.ajax({
+            type: "get",
+            url: "/partition/listPartitionInfo",
+            dataType: "json",
+            async: false,
+            success: function (json) {
+              if (json.success == "true" || json.code == 200) {
+                array = json.data;
+              }
+            },
+          });
+          var $select = $("#partitionId");
+          for (let i = 0; i < array.length; i++) {
+            var $option = $('<option value="' + array[i].id + '" />');
+            $option.html(array[i].desc);
+            $select.append($option);
+          }
+          return array;
         }
-    },
 
+        //地区
+        function chargeRegion() {
+          var array;
+          $.ajax({
+            type: "get",
+            url: "/admin/charge/region/list",
+            dataType: "json",
+            async: false,
+            success: function (json) {
+              if (json.success == "true" || json.code == 200) {
+                array = json.data;
+              }
+            },
+          });
+          var $select = $("#searchType");
+          for (let i = 0; i < array.length; i++) {
+            var $option = $('<option value="' + array[i].type + '" />');
+            $option.html(array[i].desc);
+            $select.append($option);
+          }
+          return array;
+        }
+
+        //新增
+        $("#btnAdd").on("click", function () {
+          $("#id").val("");
+          $("#erbanNo").val("");
+          $("#starLevel").val("");
+          showRegion();
+          $("#editModal").modal("show");
+        });
+
+        // 查询刷新
+        $("#btnSearch").on("click", function () {
+          TableHelper.doRefresh("#table");
+        });
+
+        //展示地区
+        function showRegion() {
+          if (!regionArray) {
+            return;
+          }
+          var $form = $("#editModal .modal-body .form-horizontal");
+          for (let i = 0, len = regionArray.length; i < len; i++) {
+            $("#region" + i).remove();
+            var region = regionArray[i];
+            var name = region.name;
+            var type = region.type;
+            var $formGroup = $("<div/>");
+            $formGroup.attr("id", "region" + i);
+            $formGroup.attr("class", "form-group");
+            var $label = $("<label/>");
+            $label.attr("class", "col-sm-3 control-label");
+            $label.html(
+              '<input type="checkbox" name="type" value="' +
+                type +
+                '" onclick="editSeqText(this);"/>&nbsp;' +
+                name
+            );
+            $formGroup.append($label);
+            var $div = $("<div/>");
+            $div.attr("class", "col-sm-9");
+            $div.html(
+              '<input type="text" readonly class="form-control" id="seq' +
+                type +
+                '" value="0"/>'
+            );
+            $formGroup.append($div);
+            $form.append($formGroup);
+          }
+        }
+
+        //保存
+        $("#save").click(function () {
+          const msg = "确定要保存吗？";
+          if (confirm(msg)) {
+            var id = $("#id").val();
+            const typeArray = $(
+              "input:checkbox[name='type']:checked"
+            ).serializeArray();
+            if (!typeArray) {
+              $("#tipMsg").text("代充地区不能为空");
+              $("#tipModal").modal("show");
+              return;
+            }
+            var userRegionArray = [];
+            for (let i = 0; i < regionArray.length; i++) {
+              var region = regionArray[i];
+              var name = region.name;
+              var seq = 0;
+              var isCheck = false;
+              for (let j = 0; j < typeArray.length; j++) {
+                console.log(typeArray[j]);
+                if (typeArray[j] && region.type == typeArray[j].value) {
+                  seq = $("#seq" + region.type).val();
+                  isCheck = true;
+                  break;
+                }
+              }
+              var userRegion = {
+                type: region.type,
+                name: region.name,
+                isCheck: isCheck,
+                seq: seq,
+              };
+              userRegionArray.push(userRegion);
+            }
+            var data = {
+              erbanNo: $("#erbanNo").val(),
+              starLevel: $("#starLevel").val(),
+              userRegions: JSON.stringify(userRegionArray),
+            };
+            if (id) {
+              data.id = id;
+            }
+            $.ajax({
+              type: "post",
+              url: "/admin/recharge/user/save",
+              data: data,
+              dataType: "json",
+              success: function (json) {
+                if (json.success == "true" || json.code == 200) {
+                  $("#tipMsg").text("保存成功");
+                  $("#tipModal").modal("show");
+                  TableHelper.doRefresh("#table");
+                  $("#editModal").modal("hide");
+                } else {
+                  $("#tipMsg").text("保存失败." + json.message);
+                  $("#tipModal").modal("show");
+                  $("#editModal").modal("hide");
+                }
+              },
+            });
+          }
+        });
+
+        //编辑
+        $("#table").on("click", ".opt-edit", function () {
+          const currentData =
+            $("#table").bootstrapTable("getData")[$(this).data("index")];
+          showRegion();
+          var id = currentData.id;
+          var erbanNo = currentData.erbanNo;
+          var starLevel = currentData.starLevel;
+          var userRegions = currentData.userRegions;
+          $("#erbanNo").val(erbanNo);
+          $("#starLevel").val(starLevel);
+          $("#id").val(id);
+          if (regionArray) {
+            for (let i = 0; i < regionArray.length; i++) {
+              var region = regionArray[i];
+              var seq = 0;
+              var isCheck = false;
+              for (let j = 0; j < userRegions.length; j++) {
+                var userRegion = userRegions[j];
+                if (region.type == userRegion.type) {
+                  seq = userRegion.seq;
+                  isCheck = true;
+                  break;
+                }
+              }
+              if (isCheck) {
+                $('input:checkbox[value="' + region.type + '"]').prop(
+                  "checked",
+                  true
+                );
+                $("#seq" + region.type).removeAttr("readonly");
+                $("#seq" + region.type).val(seq);
+              } else {
+                $("input:checkbox[value='" + region.type + "']").prop(
+                  "checked",
+                  false
+                );
+                $("#seq" + region.type).attr("readonly", "true");
+                $("#seq" + region.type).val(0);
+              }
+            }
+          }
+          $("#editModal").modal("show");
+        });
+
+        //删除
+        $("#table").on("click", ".opt-del", function () {
+          const currentData =
+            $("#table").bootstrapTable("getData")[$(this).data("index")];
+          var id = currentData.id;
+          const msg = "确定要删除吗？";
+          if (confirm(msg)) {
+            $.ajax({
+              type: "get",
+              url: "/admin/recharge/user/del?id=" + id,
+              dataType: "json",
+              success: function (json) {
+                if (json.success == "true" || json.code == 200) {
+                  $("#tipMsg").text("删除成功");
+                  $("#tipModal").modal("show");
+                  TableHelper.doRefresh("#table");
+                  $("#editModal").modal("hide");
+                } else {
+                  $("#tipMsg").text("删除失败." + json.message);
+                  $("#tipModal").modal("show");
+                  $("#editModal").modal("hide");
+                }
+              },
+            });
+          }
+        });
+      });
+    },
+  },
 };
 </script>
 

src/views/refund/goldDiamondOperationRecord.vue

@@ -0,0 +1,292 @@
+<template>
+  <div class="box">
+    <!-- 分区 -->
+    <div class="inquire">
+      <div class="block">
+        <span class="demonstration">分区</span>
+        <el-select
+          v-model="inquire.partitionId"
+          style="width: 75%"
+          placeholder="请选择"
+        >
+          <el-option
+            v-for="item in inquire.partitionArr"
+            :key="item.id"
+            :label="item.desc"
+            :value="item.id"
+          ></el-option>
+        </el-select>
+      </div>
+    </div>
+    <!-- 平台ID -->
+    <div class="inquire">
+      <span>平台ID</span>
+      <el-input
+        v-model="inquire.userId"
+        placeholder=""
+        class="input"
+      ></el-input>
+    </div>
+    <!-- 赠送类型 -->
+    <div class="inquire">
+      <div class="block">
+        <span class="demonstration">赠送类型</span>
+        <el-select
+          v-model="inquire.platform"
+          style="width: 75%"
+          placeholder="请选择"
+        >
+          <el-option
+            v-for="item in inquire.platformArr"
+            :key="item.id"
+            :label="item.desc"
+            :value="item.id"
+          ></el-option>
+        </el-select>
+      </div>
+    </div>
+    <!-- 时间选择器 -->
+    <div class="inquire">
+      <div class="block">
+        <span class="demonstration">时间</span>
+        <el-date-picker
+          v-model="inquire.time"
+          type="datetimerange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        >
+        </el-date-picker>
+      </div>
+    </div>
+    <!-- 查询按钮 -->
+    <el-button class="primary" type="primary" @click="getData()"
+      >搜索</el-button
+    >
+    <el-button
+      class="primary"
+      type="primary"
+      @click="
+        inquire.partitionId = inquire.partitionArr[0].id;
+        inquire.userId = '';
+        inquire.platform = '';
+        inquire.time = '';
+        getData();
+      "
+      >重置搜索</el-button
+    >
+    <el-button class="primary" type="primary" @click="exportInfoFun()"
+      >导出</el-button
+    >
+    <div>
+      <el-button v-for="(value, key) in sortedMapObj" :key="key" type="text"
+        >{{ key }}: {{ value }},
+      </el-button>
+    </div>
+    <!-- 表格 -->
+    <el-table
+      v-loading="loading"
+      :data="tableData"
+      border
+      style="width: 100%; margin-top: 25px"
+    >
+      <el-table-column prop="createTime" align="center" label="操作时间">
+        <template v-slot="scope">
+          {{
+            dateFormat(
+              new Date(scope.row.createTime).getTime(),
+              "yyyy-MM-dd hh:mm:ss"
+            )
+          }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="erbanNo" align="center" label="用户ID" />
+      <el-table-column prop="nick" align="center" label="用户昵称" />
+      <el-table-column prop="partitionDesc" align="center" label="区域" />
+      <el-table-column prop="money" align="center" label="实时金币余额" />
+      <el-table-column prop="goldNum" align="center" label="赠送金币数量" />
+      <el-table-column prop="diamondNum" align="center" label="赠送钻石数量" />
+      <el-table-column prop="typeDesc" align="center" label="赠送类型" />
+      <el-table-column
+        prop="currencyTypeDesc"
+        align="center"
+        label="赠送分类"
+      />
+      <el-table-column prop="actualAmount" align="center" label="打款金额" />
+      <el-table-column prop="remark" align="center" label="备注" />
+      <el-table-column prop="operatorName" align="center" label="操作人" />
+    </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"
+    />
+  </div>
+</template>
+<script>
+import {
+  listPartitionInfo,
+  goldcoinRecordAll,
+  recordAllExport,
+} from "@/api/refund/refund";
+// @ts-ignore
+import { dateFormat } from "@/utils/system-helper";
+// @ts-ignore
+import { ElMessage } from "element-plus";
+export default {
+  name: "goldDiamondOperationRecord",
+  data() {
+    return {
+      loading: false,
+      delDialog: false,
+      delDialogData: null,
+      mapObj: {},
+      //查询所需条件对象
+      inquire: {
+        partitionId: 0,
+        partitionArr: [],
+        userId: "",
+        platform: "",
+        platformArr: [
+          { desc: "全部", id: "" },
+          { desc: "官方赠送金币", id: "OFFICAL_DIAMOND" },
+          { desc: "官方赠送水晶", id: "OFFICAL_RADISH" },
+          { desc: "活动奖励钻石", id: "ACTIVITY_GOLD" },
+          { desc: "公款充值金币", id: "COMPANY_ACCOUNT_DIAMOND" },
+          { desc: "官方金币消除", id: "OFFICAL_REDUCE_DIAMONDS" },
+          { desc: "官方赠送钻石", id: "OFFICAL_GOLD" },
+          { desc: "用户钻石清除", id: "CLEAR_USER_GOLD" },
+        ],
+        time: "",
+      },
+      // 表格
+      tableData: [],
+      // 分页
+      total: 10, //总页数
+      currentPage: 1, //页码
+      pageSize: 10, //条数
+    };
+  },
+  computed: {
+    sortedMapObj() {
+      const entries = Object.entries(this.mapObj);
+      // 将 "总充值{USD}" 的键排到第一位
+      entries.sort(([keyA], [keyB]) =>
+        keyA === "总充值{USD}" ? -1 : keyB === "总充值{USD}" ? 1 : 0
+      );
+      return Object.fromEntries(entries);
+    },
+  },
+  created() {
+    listPartitionInfo().then((res) => {
+      this.inquire.partitionArr = res.data;
+      this.inquire.partitionId = this.inquire.partitionArr[0].id;
+    });
+  },
+  methods: {
+    dateFormat,
+    // 查询接口
+    getData() {
+      this.loading = true;
+      let time = this.inquire.time;
+      let startTime = "";
+      let endTime = "";
+      if (time && time.length > 0) {
+        startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss");
+        endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss");
+      }
+      goldcoinRecordAll({
+        partitionId: this.inquire.partitionId,
+        type: this.inquire.platform,
+        erbanNo: this.inquire.userId,
+        pageNo: this.currentPage,
+        pageSize: this.pageSize,
+        beginDate: startTime,
+        endDate: endTime,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.total = res.data.total;
+          this.tableData = res.data.rows;
+          this.mapObj = res.data.totalMap;
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+        this.loading = false;
+      });
+    },
+    jsonFun(val) {
+      return JSON.parse(val);
+    },
+    exportInfoFun() {
+      let time = this.inquire.time;
+      let startTime = "";
+      let endTime = "";
+      if (time && time.length > 0) {
+        startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd 00:00:00");
+        endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd 23:59:59");
+      }
+      recordAllExport({
+        partitionId: this.inquire.partitionId,
+        type: this.inquire.platform,
+        erbanNo: this.inquire.userId,
+        pageNo: this.currentPage,
+        pageSize: this.pageSize,
+        beginDate: startTime,
+        endDate: endTime,
+      }).then();
+    },
+    // 分页导航
+    handleSizeChange() {
+      this.getData();
+    },
+    handleCurrentChange() {
+      this.getData();
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.box {
+  padding-top: 20px;
+  background: #ecf0f5;
+  .inquire {
+    display: inline-block;
+    margin-right: 20px;
+    margin-bottom: 10px;
+    span {
+      margin-right: 10px;
+    }
+    .input {
+      width: 180px;
+      margin-right: 10px;
+    }
+  }
+  .dialogTableVisibleBut {
+    display: block;
+    margin: 30px 0 0 830px;
+  }
+  .paginationClass {
+    margin: 15px 0 5px 0px;
+  }
+}
+.selectBox {
+  display: flex;
+  height: 35px;
+  line-height: 35px;
+  margin-bottom: 20px;
+}
+.selectBoxImg {
+  height: 150px;
+}
+</style>

src/views/room/RoomTabHomeView.vue

@@ -83,20 +83,20 @@
               >
               <div class="col-sm-9">
                 <select name="isTop" id="modal_isTop" class="form-control">
-                  <option value=""></option>
                   <option value="1">是</option>
                   <option value="0">否</option>
                 </select>
               </div>
             </div>
             <div class="form-group">
-              <label for="modal_type" class="col-sm-3 control-label"
+              <label for="homeType" class="col-sm-3 control-label"
                 >房间类型：<font color="red">*</font>：</label
               >
               <div class="col-sm-9">
-                <select name="type" id="modal_type" class="form-control">
-                  <option value="1">客服房间</option>
-                  <option value="2">热门房间</option>
+                <select name="type" id="homeType" class="form-control">
+                  <option value="0">普通</option>
+                  <option value="1">热门房间</option>
+                  <option value="2">客服房间</option>
                 </select>
               </div>
             </div>
@@ -113,7 +113,7 @@
                   min="1"
                   max="5"
                   placeholder="填入的数字=在首页的第几个位置"
-                  oninput="this.value = Math.min(Math.max(this.value, 1), 5)"
+                  oninput="this.value = Math.min(Math.max(this.value, 0), 5)"
                 />
               </div>
             </div>
@@ -283,7 +283,6 @@ export default {
                 } else if (val == 0) {
                   return "否";
                 }
-                return "是";
               },
             },
             { field: "seq", title: "置顶排序", align: "center", width: "5%" },
@@ -304,23 +303,40 @@ export default {
               formatter: formatTime,
             },
             {
-              field: "isHourTop1",
-              title: "小时榜top1",
+              field: "hourTop",
+              title: "小时榜排名",
               align: "center",
               valign: "middle",
               width: "10%",
+            },
+            {
+              field: "hotValue",
+              title: "热力值",
+              align: "center",
+              valign: "middle",
+              width: "10%",
+            },
+            {
+              field: "regionFlag",
+              title: "地区旗帜",
+              align: "center",
+              width: "5%",
               formatter: function (val, row, index) {
-                return val ? "是" : "否";
+                return "<img src='" + val + "' width='40' height='40'>";
               },
             },
             {
-              field: "isHourTop1",
-              title: "周榜top1",
+              field: "homeType",
+              title: "房间类型",
               align: "center",
               valign: "middle",
               width: "10%",
               formatter: function (val, row, index) {
-                return val ? "是" : "否";
+                return val == 1
+                  ? "热门房间"
+                  : val == 0
+                  ? "普通房间"
+                  : "客服房间";
               },
             },
             {
@@ -404,11 +420,28 @@ export default {
           var roomUid = $("#roomUid").val();
           var seq = $("#modal_seq").val();
           var isTop = $("#modal_isTop").val();
-          var type = $("#modal_type").val();
+          var homeType = $("#homeType").val();
           var iconContent = $("#modal_iconContent").val();
           var topStart = $("#modal_topStart").val();
           var topEnd = $("#modal_topEnd").val();
           var isShow = $("#modal_isShow").val();
+          if (
+            isTop == 1 && seq <1 
+          ) {
+            alert("置顶为是时，排序必须大于等于1");
+            return;
+          }
+          if (
+            isTop == "" ||
+            homeType == "" ||
+            seq == "" ||
+            topStart == "" ||
+            topEnd == "" ||
+            isShow == ""
+          ) {
+            alert("请填写必填项");
+            return;
+          }
           if ($("#addForm").validationEngine("validate")) {
             $.ajax({
               type: "post",
@@ -416,6 +449,7 @@ export default {
               data: {
                 id: id,
                 roomUid: roomUid,
+                homeType: homeType,
                 seq: seq,
                 isTop: isTop,
                 iconContent: iconContent,
@@ -449,10 +483,10 @@ export default {
           $("#id").val(null);
           $("#modal_seq").val(0);
           $("#modal_isTop").val(0);
-          $("#modal_type").val(0);
-          $("#modal_topStart").val("");
-          $("#modal_topEnd").val("");
-          $("#modal_isShow").val(0);
+          $("#homeType").val(record.homeType + "");
+          $("#modal_topStart").val(formatTime(record.topStart));
+          $("#modal_topEnd").val(formatTime(record.topEnd));
+          $("#modal_isShow").val(1);
           $("#roomUid").val(record.roomUid);
           if (id && id != "null") {
             $.ajax({
@@ -466,7 +500,7 @@ export default {
                   $("#id").val(id);
                   $("#modal_seq").val(json.seq);
                   $("#modal_isTop").val(json.isTop ? 1 : 0);
-                  $("#modal_type").val(json.type);
+                  $("#homeType").val(json.homeType);
                   $("#modal_topStart").val(formatTime(json.topStart));
                   $("#modal_topEnd").val(formatTime(json.topEnd));
                   $("#modal_isShow").val(json.isShow ? 1 : 0);

src/views/room/RoomTabView.vue

@@ -1,369 +1,584 @@
 <template>
-    <section class="content">
-        <div class="box box-primary">
-            <div class="box-body">
-                <!-- Content Header (Page header) -->
-                <section class="content-header">
-                    <h1 id="itemTitle"></h1>
-                </section>
-                <div id="toolbar">
-                    <div class="col-sm-12">
-                        <button id="btnSearch" class="btn btn-default">
-                            <i class="glyphicon glyphicon-search"></i>查询
-                        </button>
-                        <button id="btnAdd" class="btn btn-default">
-                            <i class="glyphicon glyphicon-plus"></i>增加
-                        </button>
-                    </div>
-
-                    <input type="hidden" id="currentPageNum">
-                </div>
-            </div>
-
-            <!-- .content -->
-            <div id="table"></div>
-
+  <section class="content">
+    <div class="box box-primary">
+      <div class="box-body">
+        <!-- Content Header (Page header) -->
+        <section class="content-header">
+          <h1 id="itemTitle"></h1>
+        </section>
+        <div class="col-sm-12">
+          <label for="partitionId" class="col-sm-1 control-label">地区:</label>
+          <div class="col-sm-2">
+            <select name="partitionId" id="partitionId" class="form-control">
+              <option value="4" selected>华语区</option>
+            </select>
+          </div>
         </div>
-    </section>
+        <div id="toolbar">
+          <div class="col-sm-12">
+            <button id="btnSearch" class="btn btn-default">
+              <i class="glyphicon glyphicon-search"></i>查询
+            </button>
+            <button id="btnAdd" class="btn btn-default">
+              <i class="glyphicon glyphicon-plus"></i>增加
+            </button>
+          </div>
 
-    <div class="modal fade" id="roomTabModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
-        <div class="modal-dialog" role="document">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
-                            aria-hidden="true">&times;</span>
-                    </button>
-                    <h4 class="modal-title" id="modalLabel">编辑房间标签</h4>
-                </div>
-                <div class="modal-body">
-                    <form class="form-horizontal" id="addForm">
-                        <input type="hidden" name="id" id="id" />
-                        <div class="form-group">
-                            <label for="modal_seq" class="col-sm-3 control-label">排序<font color="red">*</font>:</label>
-                            <div class="col-sm-9">
-                                <input type="text" class="form-control validate[custom[integer]]" name="seq" id="modal_seq"
-                                    placeholder="数字小的排前面，必填">
-                            </div>
-                        </div>
-                        <div class="form-group">
-                            <label for="modal_name" class="col-sm-3 control-label">名称<font color="red">*</font>:</label>
-                            <div class="col-sm-9">
-                                <input type="text" class="form-control validate[required]" name="name" id="modal_name">
-                            </div>
-                        </div>
-                        <div class="form-group">
-                            <label for="ar_modal_name" class="col-sm-3 control-label">阿语名称<font color="red">*</font>:</label>
-                            <div class="col-sm-9">
-                                <input type="text" class="form-control validate[required]" name="name" id="ar_modal_name">
-                            </div>
-                        </div>
-                        <div class="form-group">
-                            <label for="en_modal_name" class="col-sm-3 control-label">英语名称<font color="red">*</font>:</label>
-                            <div class="col-sm-9">
-                                <input type="text" class="form-control validate[required]" name="name" id="en_modal_name">
-                            </div>
-                        </div>
-                        <div class="form-group">
-                            <label for="status" class="col-sm-3 control-label">显示状态<font color="red">*</font>：</label>
-                            <div class="col-sm-9">
-                                <select name="status" id="modal_status" class="form-control validate[required]">
-                                    <option value=""></option>
-                                    <option value="1">显示</option>
-                                    <option value="0">不显示</option>
-                                </select>
-                            </div>
-                        </div>
-                        <div class="form-group">
-                            <label for="room_tab_show" class="col-sm-3 control-label">房间管理列表展示状态<font color="red">*</font>
-                                ：</label>
-                            <div class="col-sm-9">
-                                <select name="room_tab_show" id="modal_room_tab_show"
-                                    class="form-control validate[required]">
-                                    <option value=""></option>
-                                    <option value="true">展示</option>
-                                    <option value="false">不展示</option>
-                                </select>
-                            </div>
-                        </div>
-                    </form>
-                </div>
-                <div class="modal-footer">
-                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
-                    <button type="button" class="btn btn-primary" id="add">确定</button>
-                </div>
-
-            </div>
+          <input type="hidden" id="currentPageNum" />
         </div>
+      </div>
+
+      <!-- .content -->
+      <div id="table"></div>
     </div>
+  </section>
+
+  <div
+    class="modal fade"
+    id="roomTabModal"
+    tabindex="-1"
+    role="dialog"
+    aria-labelledby="modalLabel"
+  >
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+          <button
+            type="button"
+            class="close"
+            data-dismiss="modal"
+            aria-label="Close"
+          >
+            <span aria-hidden="true">&times;</span>
+          </button>
+          <h4 class="modal-title" id="modalLabel">编辑房间标签</h4>
+        </div>
+        <div class="modal-body">
+          <form class="form-horizontal" id="addForm">
+            <input type="hidden" name="id" id="id" />
+            <div class="form-group">
+              <label for="modal_seq" class="col-sm-3 control-label"
+                >排序<font color="red">*</font>:</label
+              >
+              <div class="col-sm-9">
+                <input
+                  type="text"
+                  class="form-control validate[custom[integer]]"
+                  name="seq"
+                  id="modal_seq"
+                  placeholder="数字小的排前面，必填"
+                />
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="modal_name" class="col-sm-3 control-label"
+                >名称<font color="red">*</font>:</label
+              >
+              <div class="col-sm-9">
+                <input
+                  type="text"
+                  class="form-control validate[required]"
+                  name="name"
+                  id="modal_name"
+                />
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="ar_modal_name" class="col-sm-3 control-label"
+                >阿语名称<font color="red">*</font>:</label
+              >
+              <div class="col-sm-9">
+                <input
+                  type="text"
+                  class="form-control validate[required]"
+                  name="name"
+                  id="ar_modal_name"
+                />
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="en_modal_name" class="col-sm-3 control-label"
+                >英语名称<font color="red">*</font>:</label
+              >
+              <div class="col-sm-9">
+                <input
+                  type="text"
+                  class="form-control validate[required]"
+                  name="name"
+                  id="en_modal_name"
+                />
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="tr_modal_name" class="col-sm-3 control-label"
+                >土耳其名称<font color="red">*</font>:</label
+              >
+              <div class="col-sm-9">
+                <input
+                  type="text"
+                  class="form-control validate[required]"
+                  name="name"
+                  id="tr_modal_name"
+                />
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="status" class="col-sm-3 control-label"
+                >显示状态<font color="red">*</font>：</label
+              >
+              <div class="col-sm-9">
+                <select
+                  name="status"
+                  id="modal_status"
+                  class="form-control validate[required]"
+                >
+                  <option value=""></option>
+                  <option value="1">显示</option>
+                  <option value="0">不显示</option>
+                </select>
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="room_tab_show" class="col-sm-3 control-label"
+                >房间管理列表展示状态<font color="red">*</font> ：</label
+              >
+              <div class="col-sm-9">
+                <select
+                  name="room_tab_show"
+                  id="modal_room_tab_show"
+                  class="form-control validate[required]"
+                >
+                  <option value=""></option>
+                  <option value="true">展示</option>
+                  <option value="false">不展示</option>
+                </select>
+              </div>
+            </div>
+            <div class="form-group" id="imgBox">
+              <label class="col-sm-3 control-label">icon</label>
+              <div class="col-sm-8">
+                <img
+                  src=""
+                  id="iconImgUrl"
+                  style="width: 108px; height: 45px"
+                  alt=""
+                />
+                <input
+                  type="file"
+                  id="iconFile"
+                  name="uploadFile"
+                  accept="image/gif,image/jpeg,image/jpg,image/png,image/svg"
+                />
+                <button class="btn btn-success" type="button" id="iconBtn">
+                  上传
+                </button>
+                <input
+                  type="hidden"
+                  id="iconUrl"
+                  name="alertWinPic"
+                  class="form-control validate[required]"
+                />
+              </div>
+            </div>
+          </form>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-default" data-dismiss="modal">
+            关闭
+          </button>
+          <button type="button" class="btn btn-primary" id="add">确定</button>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
-import TableHelper from '@/utils/bootstrap-table-helper';
-
+import TableHelper from "@/utils/bootstrap-table-helper";
+import { getPartitionInfoList } from "@/api/partition/partitionInfo";
+import { buildSelectOption } from "@/utils/system-helper";
 export default {
-    name: "RoomTabView",
-    setup() {
-        return {};
-    },
-    created() {
-        this.$nextTick(function () {
-            this.initData();
-        });
-    },
-    methods: {
-        initData() {
-            $(function () {
-                $('#table').bootstrapTable('destroy');
-                $('#table').bootstrapTable({
-                    columns: [
-                        { field: 'seq', title: '排序', align: 'center', width: '5%' },
-                        {field: 'name.zh', title: 'Tab名称', align: 'center', width: '10%'},
-                        {field: 'name.ar', title: '阿语Tab名称', align: 'center', width: '10%'},
-                        {field: 'name.en', title: '英语Tab名称', align: 'center', width: '10%'},
-                        {
-                            field: 'status', title: '显示状态', align: 'center', valign: 'middle', width: '5%',
-                            formatter: function (val, row, index) {
-                                if (val) {
-                                    return '显示';
-                                } else {
-                                    return '不显示';
-                                }
-
-                            }
-                        },
-                        {
-                            field: 'roomTabShow', title: '房间管理列表展示状态', align: 'center', valign: 'middle', width: '5%',
-                            formatter: function (val, row, index) {
-                                if (val) {
-                                    return '展示';
-                                } else {
-                                    return '不展示';
-                                }
-
-                            }
-                        },
-                        {
-                            field: 'id',
-                            title: '操作',
-                            align: 'center',
-                            width: '10%',
-                            formatter: function (val, row, index) {
-                                return '<button id="btnEdit" name="btnEdit" class="btn btn-sm btn-success opt-edit" data-id=' + val + '>' +
-                                        '<i class="glyphicon glyphicon-edit"></i> 编辑</button>' +
-                                        '&nbsp;&nbsp;<button class="btn btn-sm btn-danger opt-remove" data-id=' + val +
-                                        '><i class="glyphicon glyphicon-remove"></i>删除</button>';
-                            }
-                        }
-                    ],
-                    undefinedText: 0,
-                    cache: false,
-                    striped: true,
-                    showRefresh: false,
-                    pageSize: 20,
-                    pagination: true,
-                    pageList: [20, 50, 100, 200, 300, 500],
-                    search: false,
-                    sidePagination: "server", //表示服务端请求
-                    queryParamsType: "undefined",
-                    queryParams: function queryParams(params) {   //设置查询参数
-                        $("#currentPageNum").val(params.pageNumber);
-                        var param = {
-                            page: params.pageNumber,
-                            pageSize: params.pageSize,
-                        };
-                        return param;
-                    },
-                    ajax: function (request) {                    //使用ajax请求
-                        $.ajax({
-                            type: "GET",
-                            url: '/admin/roomTab/list',
-                            contentType: 'application/json;charset=utf-8',
-                            dataType: 'json',
-                            data: request.data,
-                            success: function (res) {
-                                console.log(res);
-                                request.success({
-                                    "rows": res.rows.map(i=>{
-                                        let name = i.name;
-                                        if (name.startsWith('{') && name.endsWith('}')) {
-                                            i.name = JSON.parse(i.name); 
-                                        } else {
-                                            i.name = {
-                                                zh: i.name,
-                                                ar: i.name,
-                                                en: i.name,
-                                            };
-                                        }
-                                        return i;
-                                    }),
-                                    "total": res.total
-                                });
-                            },
-                            error: function (error) {
-                                console.log(error);
-                            }
-                        })
-                    },
-                    toolbar: '#toolbar',
-                    onLoadSuccess: function () {  //加载成功时执行
-                        console.log("load success");
-                    },
-                    onLoadError: function () {  //加载失败时执行
-                        console.log("load fail");
+  name: "RoomTabView",
+  setup() {
+    return {};
+  },
+  created() {
+    this.$nextTick(function () {
+      this.initPartition();
+      this.initData();
+    });
+  },
+  methods: {
+    initData() {
+      $(function () {
+        $("#table").bootstrapTable("destroy");
+        $("#table").bootstrapTable({
+          columns: [
+            { field: "seq", title: "排序", align: "center", width: "5%" },
+            {
+              field: "name.zh",
+              title: "Tab名称",
+              align: "center",
+              width: "10%",
+            },
+            {
+              field: "name.ar",
+              title: "阿语Tab名称",
+              align: "center",
+              width: "10%",
+            },
+            {
+              field: "name.en",
+              title: "英语Tab名称",
+              align: "center",
+              width: "10%",
+            },
+            {
+              field: "name.tr",
+              title: "土耳其Tab名称",
+              align: "center",
+              width: "10%",
+            },
+            {
+              field: "status",
+              title: "显示状态",
+              align: "center",
+              valign: "middle",
+              width: "5%",
+              formatter: function (val, row, index) {
+                if (val) {
+                  return "显示";
+                } else {
+                  return "不显示";
+                }
+              },
+            },
+            {
+              field: "icon",
+              title: "图标",
+              align: "center",
+              valign: "middle",
+              width: "10%",
+              formatter: function (val, row, index) {
+                if (null != val && val != "") {
+                  return (
+                    '<img src="' +
+                    val +
+                    '" alt="" style="width: 50px; height: 50px;">'
+                  );
+                }
+                return "-";
+              },
+            },
+            {
+              field: "roomTabShow",
+              title: "房间管理列表展示状态",
+              align: "center",
+              valign: "middle",
+              width: "5%",
+              formatter: function (val, row, index) {
+                if (val) {
+                  return "展示";
+                } else {
+                  return "不展示";
+                }
+              },
+            },
+            {
+              field: "id",
+              title: "操作",
+              align: "center",
+              width: "10%",
+              formatter: function (val, row, index) {
+                return (
+                  '<button id="btnEdit" name="btnEdit" class="btn btn-sm btn-success opt-edit" data-id=' +
+                  val +
+                  ">" +
+                  '<i class="glyphicon glyphicon-edit"></i> 编辑</button>' +
+                  '&nbsp;&nbsp;<button class="btn btn-sm btn-danger opt-remove" data-id=' +
+                  val +
+                  '><i class="glyphicon glyphicon-remove"></i>删除</button>'
+                );
+              },
+            },
+          ],
+          undefinedText: 0,
+          cache: false,
+          striped: true,
+          showRefresh: false,
+          pageSize: 20,
+          pagination: true,
+          pageList: [20, 50, 100, 200, 300, 500],
+          search: false,
+          sidePagination: "server", //表示服务端请求
+          queryParamsType: "undefined",
+          queryParams: function queryParams(params) {
+            //设置查询参数
+            $("#currentPageNum").val(params.pageNumber);
+            var param = {
+              page: params.pageNumber,
+              pageSize: params.pageSize,
+              partitionId: $("#partitionId").val(),
+            };
+            return param;
+          },
+          ajax: function (request) {
+            //使用ajax请求
+            $.ajax({
+              type: "GET",
+              url: "/admin/roomTab/list",
+              contentType: "application/json;charset=utf-8",
+              dataType: "json",
+              data: request.data,
+              success: function (res) {
+                console.log(res);
+                request.success({
+                  rows: res.rows.map((i) => {
+                    let name = i.name;
+                    if (name.startsWith("{") && name.endsWith("}")) {
+                      i.name = JSON.parse(i.name);
+                    } else {
+                      i.name = {
+                        zh: i.name,
+                        ar: i.name,
+                        en: i.name,
+                      };
                     }
+                    return i;
+                  }),
+                  total: res.total,
                 });
-
-
-                // 查询刷新
-                $('#btnSearch').on('click', function () {
-                    TableHelper.doRefresh('#table');
-                });
-
-                //新建标签
-                $("#btnAdd").click(function () {
-                    $("#id").val("");
-                    $("#modal_name").val("");
-                    $("#ar_modal_name").val("");
-                    $("#en_modal_name").val("");
-                    $("#modal_seq").val("");
-                    $("#modal_status").val("");
-                    $("#modal_room_tab_show").val("");
-                    $("#modal_type").val("");
-                    $("#modal_istop").val("");
-                    $("#modal_description").val("");
-                    $('#addActPic').val('');
-                    $('#addUploadFile').val('');
-                    $('#addImgUrl').attr('src', '');
-                    $("#roomTabModal").modal('show');
-                });
-
-                $("#add").click(function () {
-                    var id = $("#id").val();
-                    var name = $("#modal_name").val();
-                    // 阿语名称
-                    var ar_name = $("#ar_modal_name").val();
-                    // 英语名称
-                    var en_name = $("#en_modal_name").val();
-                    // 国际化字段
-                    var jsonName = {"zh":name,"ar":ar_name,"en":en_name}
-                    const nameValue = JSON.stringify(jsonName);
-                    var seq = $("#modal_seq").val();
-                    var status = $("#modal_status").val();
-                    var roomTabShow = $("#modal_room_tab_show").val();
-
-                    if ($("#addForm").validationEngine('validate')) {
-                        $.ajax({
-                            type: "post",
-                            url: "/admin/roomTab/save",
-                            data: {
-                                id: id,
-                                name: nameValue,
-                                seq: seq,
-                                status: status,
-                                roomTabShow: roomTabShow,
-                            },
-                            dataType: "json",
-                            success: function (json) {
-                                if (json.code == 200) {
-                                    $("#tipMsg").text("保存成功");
-                                    $("#tipModal").modal('show');
-                                    TableHelper.doRefresh("#table");
-                                    $("#roomTabModal").modal('hide');
-                                } else {
-                                    $("#tipMsg").text("保存失败." + json.msg);
-                                    $("#tipModal").modal('show');
-                                    TableHelper.doRefresh("#table");
-                                    $("#roomTabModal").modal('hide');
-                                }
-                            }
-                        });
-                    }
-
-                });
-
-                $("#table").on("click", '.opt-edit', function () {
-                    var id = $(this).attr("data-id");
-                    $('#addImgUrl').attr('src', '');
-                    $('#addActPic').val('');
-                    $('#addUploadFile').val('');
-                    $.ajax({
-                        type: "get",
-                        url: "/admin/roomTab/get",
-                        data: { id: id },
-                        dataType: "json",
-                        success: function (ret) {
-                            console.log(ret);
-                            if (ret.code == 200) {
-                                var json = ret.data.roomTab;
-                                $("#id").val(id);
-                                let name = json.name;
-                                if (name.startsWith('{') && name.endsWith('}')) {
-                                    var jsonName = JSON.parse(json.name);
-                                    $("#modal_name").val(jsonName.zh);
-                                    // 阿语名称
-                                    $("#ar_modal_name").val(jsonName.ar);
-                                    // 英语名称
-                                    $("#en_modal_name").val(jsonName.en);
-                                } else {
-                                    $("#modal_name").val(name);
-                                    // 阿语名称
-                                    $("#ar_modal_name").val(name);
-                                    // 英语名称
-                                    $("#en_modal_name").val(name);
-                                }
-                                $("#modal_seq").val(json.seq);
-                                if (json.status == 1) {
-                                    $("#modal_status").val(1);
-                                } else {
-                                    $("#modal_status").val(0);
-                                }
-                                if (json.roomTabShow == 1) {
-                                    $("#modal_room_tab_show").val("true");
-                                } else {
-                                    $("#modal_room_tab_show").val("false");
-                                }
-                                // 打开编辑弹窗
-                                $("#roomTabModal").modal('show');
-                                $("#modalLabel").text("编辑房间Tab");
-                            } else {
-                                $("#tipMsg").text("获取菜单信息出错");
-                                $("#tipModal").modal('show');
-                            }
-                        }
-                    });
-                });
-
-                $("#table").on("click", '.opt-remove', function () {
-                    var id = $(this).attr("data-id");
-                    if (id == 'undefined') {
-                        $("#tipMsg").text("id参数有误");
-                        $("#tipModal").modal('show');
-                        return;
-                    }
-                    if (confirm("你确认删除吗? \r\n 删除后隐藏tab不会显示，请谨慎操作！")) {
-                        $.ajax({
-                            type: 'post',
-                            url: "/admin/roomTab/hide",
-                            data: { id: id },
-                            dataType: "json",
-                            success: function (json) {
-                                if (json.code == 200) {
-                                    $("#tipMsg").text("删除成功");
-                                    $("#tipModal").modal('show');
-                                    TableHelper.doRefresh("#table");
-                                } else {
-                                    $("#tipMsg").text("删除失败");
-                                    $("#tipModal").modal('show');
-                                }
-                            }
-                        });
-                    }
-                });
-
+              },
+              error: function (error) {
+                console.log(error);
+              },
             });
-        }
-    },
+          },
+          toolbar: "#toolbar",
+          onLoadSuccess: function () {
+            //加载成功时执行
+            console.log("load success");
+          },
+          onLoadError: function () {
+            //加载失败时执行
+            console.log("load fail");
+          },
+        });
 
+        // 查询刷新
+        $("#btnSearch").on("click", function () {
+          TableHelper.doRefresh("#table");
+        });
+        //新建标签
+        $("#btnAdd").click(function () {
+          $("#id").val("");
+          $("#modal_name").val("");
+          $("#ar_modal_name").val("");
+          $("#en_modal_name").val("");
+          $("#tr_modal_name").val("");
+          $("#modal_seq").val("");
+          $("#modal_status").val("");
+          $("#modal_room_tab_show").val("");
+          $("#modal_type").val("");
+          $("#modal_istop").val("");
+          $("#modal_description").val("");
+          $("#addActPic").val("");
+          $("#addUploadFile").val("");
+          $("#addImgUrl").attr("src", "");
+          $("#roomTabModal").modal("show");
+        });
+
+        $("#add").click(function () {
+          var id = $("#id").val();
+          var name = $("#modal_name").val();
+          // 阿语名称
+          var ar_name = $("#ar_modal_name").val();
+          // 英语名称
+          var en_name = $("#en_modal_name").val();
+          var tr_name = $("#tr_modal_name").val();
+          // 国际化字段
+          var jsonName = { zh: name, ar: ar_name, en: en_name, tr: tr_name };
+          const nameValue = JSON.stringify(jsonName);
+          var seq = $("#modal_seq").val();
+          var status = $("#modal_status").val();
+          var roomTabShow = $("#modal_room_tab_show").val();
+          var icon = $("#iconImgUrl").attr("src");
+
+          if ($("#addForm").validationEngine("validate")) {
+            $.ajax({
+              type: "post",
+              url: "/admin/roomTab/save",
+              data: {
+                id: id,
+                name: nameValue,
+                seq: seq,
+                status: status,
+                roomTabShow: roomTabShow,
+                icon: icon,
+              },
+              dataType: "json",
+              success: function (json) {
+                if (json.code == 200) {
+                  $("#tipMsg").text("保存成功");
+                  $("#tipModal").modal("show");
+                  TableHelper.doRefresh("#table");
+                  $("#roomTabModal").modal("hide");
+                } else {
+                  $("#tipMsg").text("保存失败." + json.msg);
+                  $("#tipModal").modal("show");
+                  TableHelper.doRefresh("#table");
+                  $("#roomTabModal").modal("hide");
+                }
+              },
+            });
+          }
+        });
+
+        $("#table").on("click", ".opt-edit", function () {
+          var id = $(this).attr("data-id");
+          $("#addImgUrl").attr("src", "");
+          $("#addActPic").val("");
+          $("#addUploadFile").val("");
+          $.ajax({
+            type: "get",
+            url: "/admin/roomTab/get",
+            data: { id: id },
+            dataType: "json",
+            success: function (ret) {
+              console.log(ret);
+              if (ret.code == 200) {
+                var json = ret.data.roomTab;
+                $("#id").val(id);
+                let name = json.name;
+                $('#iconImgUrl').attr('src',json.icon);
+                if (name.startsWith("{") && name.endsWith("}")) {
+                  var jsonName = JSON.parse(json.name);
+                  $("#modal_name").val(jsonName.zh);
+                  // 阿语名称
+                  $("#ar_modal_name").val(jsonName.ar);
+                  // 英语名称
+                  $("#en_modal_name").val(jsonName.en);
+                  // 土耳其名称
+                  $("#tr_modal_name").val(jsonName.tr);
+                } else {
+                  $("#modal_name").val(name);
+                  // 阿语名称
+                  $("#ar_modal_name").val(name);
+                  // 英语名称
+                  $("#en_modal_name").val(name);
+                  // 土耳其名称
+                  $("#tr_modal_name").val(name);
+                }
+                $("#modal_seq").val(json.seq);
+                if (json.status == 1) {
+                  $("#modal_status").val(1);
+                } else {
+                  $("#modal_status").val(0);
+                }
+                if (json.roomTabShow == 1) {
+                  $("#modal_room_tab_show").val("true");
+                } else {
+                  $("#modal_room_tab_show").val("false");
+                }
+                // 打开编辑弹窗
+                $("#roomTabModal").modal("show");
+                $("#modalLabel").text("编辑房间Tab");
+              } else {
+                $("#tipMsg").text("获取菜单信息出错");
+                $("#tipModal").modal("show");
+              }
+            },
+          });
+        });
+
+        $("#table").on("click", ".opt-remove", function () {
+          var id = $(this).attr("data-id");
+          if (id == "undefined") {
+            $("#tipMsg").text("id参数有误");
+            $("#tipModal").modal("show");
+            return;
+          }
+          if (
+            confirm("你确认删除吗? \r\n 删除后隐藏tab不会显示，请谨慎操作！")
+          ) {
+            $.ajax({
+              type: "post",
+              url: "/admin/roomTab/hide",
+              data: { id: id },
+              dataType: "json",
+              success: function (json) {
+                if (json.code == 200) {
+                  $("#tipMsg").text("删除成功");
+                  $("#tipModal").modal("show");
+                  TableHelper.doRefresh("#table");
+                } else {
+                  $("#tipMsg").text("删除失败");
+                  $("#tipModal").modal("show");
+                }
+              },
+            });
+          }
+        });
+
+        $("#iconBtn").on("click", function () {
+          if ($("#iconFile").val() == "") {
+            $("#tipMsg").text("上传图片为空");
+            $("#tipModal").modal("show");
+            return;
+          }
+          $.ajaxFileUpload({
+            fileElementId: "iconFile", //需要上传的文件域的ID，即<input type="file">的ID。
+            url: "/admin/upload/img", //后台方法的路径
+            type: "post", //当要提交自定义参数时，这个参数要设置成post
+            dataType: "json", //服务器返回的数据类型。可以为xml,script,json,html。如果不填写，jQuery会自动判断。
+            secureuri: false, //是否启用安全提交，默认为false。
+            async: true, //是否是异步
+            success: function (json) {
+              //提交成功后自动执行的处理函数，参数data就是服务器返回的数据。
+              if (json.path) {
+                $("#iconUrl").val(json.path);
+                $("#iconImgUrl").attr("src", json.path);
+              } else {
+                $("#tipMsg").text(json.msg);
+                $("#tipModal").modal("show");
+              }
+            },
+            error: function (data, status, e) {
+              //提交失败自动执行的处理函数。
+              console.error(e);
+            },
+          });
+        });
+
+        function clearModal() {
+          $("#iconImgUrl").attr("src", "");
+
+          $("#addForm")
+            .find("input[type=text],input[type=hidden],input[type=file]")
+            .each(function () {
+              $(this).val("");
+            });
+
+          $("#type").val(1);
+        }
+      });
+    },
+    initPartition() {
+      getPartitionInfoList().then((res) => {
+        let data = res.data;
+        buildSelectOption(
+          "#partitionId",
+          4,
+          data.map((v) => {
+            return {
+              value: v.id,
+              text: v.desc,
+            };
+          })
+        );
+      });
+    },
+  },
 };
 </script>
 

src/views/users/BillRecordAdminView.vue

@@ -87,17 +87,15 @@ export default {
                     { field: 'nick', title: '查询用户昵称', align: 'center', valign: 'middle', width: '10%' },
                     { field: 'erbanNo', title: '查询用户平台号', align: 'center', valign: 'middle', width: '10%' },
                     { field: 'targetNick', title: '对应对象昵称', align: 'center', valign: 'middle', width: '10%' },
-                    { field: 'targetErbanNo', title: '对应对象平台号', align: 'center', valign: 'middle', width: '10%' },
+                    { field: 'targetErbanNo', title: '对应对象平台号', align: 'center', valign: 'middle', width: '5%' },
                     { field: 'roomNick', title: '消费地点房主昵称', align: 'center', valign: 'middle', width: '10%' },
-                    { field: 'roomErbanNo', title: '房主平台号', align: 'center', valign: 'middle', width: '10%' },
+                    { field: 'roomErbanNo', title: '房主平台号', align: 'center', valign: 'middle', width: '5%' },
                     { field: 'giftName', title: '礼物名称', align: 'center', valign: 'middle', width: '5%' },
                     { field: 'giftNum', title: '礼物数量', align: 'center', valign: 'middle', width: '5%' },
-                    { field: 'amount', title: '金币/水晶/钻石', align: 'center', valign: 'middle', width: '5%' },
-                    { field: 'country', title: '国家/地区', align: 'center', valign: 'middle', width: '5%' },
-                    { field: 'localCurrencyCode', title: '本地货币数', align: 'center', valign: 'middle', width: '5%' },
-                    { field: 'localAmount', title: '货币数', align: 'center', valign: 'middle', width: '5%' },
                     { field: 'currencyDesc', title: '交易币种', align: 'center', valign: 'middle', width: '5%' },
-                    { field: 'billTypeDesc', title: '账单类型', align: 'center', valign: 'middle', width: '10%' },
+                    { field: 'beforeAmount', title: '变动前', align: 'center', valign: 'middle', width: '5%' },
+                    { field: 'amount', title: '金币/钻石', align: 'center', valign: 'middle', width: '5%' },
+                    { field: 'afterAmount', title: '变动后', align: 'center', valign: 'middle', width: '5%' },
                     { field: 'objTypeDesc', title: '业务类型', align: 'center', valign: 'middle', width: '10%' },
                     {
                         field: 'createTime', title: '创建时间', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
@@ -113,9 +111,9 @@ export default {
                 cache: false,
                 striped: true,
                 showRefresh: false,
-                pageSize: 10,
+                pageSize: 20,
                 pagination: true,
-                pageList: [10, 20, 30, 50],
+                pageList: [ 20, 30, 50],
                 sidePagination: "server", //表示服务端请求
                 //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
                 //设置为limit可以获取limit, offset, search, sort, order

src/views/users/ChargeRecordArPartitionStatisticsView.vue

@@ -101,6 +101,7 @@ export default {
           columns: [
             { field: 'date', title: '日期', align: 'center', width: '14%' },
             { field: 'googleUsd', title: 'google充值美元', align: 'center', width: '14%' },
+            { field: 'razerUsd', title: 'razer充值', align: 'center', width: '14%' },
             { field: 'payermaxUsd', title: 'payermax充值美元', align: 'center', width: '14%' },
             { field: 'myCardUsd', title: 'myCard充值美元', align: 'center', width: '14%' },
             { field: 'startPayUsd', title: 'startPay充值美元', align: 'center', width: '14%' },

src/views/users/ChargeRecordDailyStatisticsView.vue

@@ -96,6 +96,7 @@ export default {
             {field: 'iosPayAmount', title: 'IOS支付', align: 'center', width: '5%'},
             {field: 'wxMiniAppAmount', title: '小程序支付', align: 'center', width: '5%'},*/
             { field: 'googleAmount', title: 'google支付', align: 'center', width: '5%' },
+            { field: 'razerAmount', title: 'razer充值', align: 'center', width: '14%' },
             { field: 'payermaxAmount', title: 'payermax支付', align: 'center', width: '5%' },
             { field: 'myCardAmount', title: 'MyCard支付', align: 'center', width: '5%' },
             { field: 'startPayAmount', title: 'startPay支付', align: 'center', width: '5%' },
@@ -163,7 +164,7 @@ export default {
             columns: [
               { field: 'channel', title: '渠道', align: 'center', width: '5%' },
               { field: 'amount', title: '充值金额', align: 'center', width: '5%' },
-              { field: 'count', title: '充值笔数', align: 'center', width: '5%' }
+              { field: 'count', title: '充值笔数', align: 'center', width: '5%' },
 
             ],
             undefinedText: 0,

src/views/users/ChargeRecordEnPartitionStatisticsView.vue

@@ -101,6 +101,7 @@ export default {
           columns: [
             { field: 'date', title: '日期', align: 'center', width: '14%' },
             { field: 'googleUsd', title: 'google充值美元', align: 'center', width: '14%' },
+            { field: 'razerUsd', title: 'razer充值', align: 'center', width: '14%' },
             { field: 'payermaxUsd', title: 'payermax充值美元', align: 'center', width: '14%' },
             { field: 'myCardUsd', title: 'myCard充值美元', align: 'center', width: '14%' },
             { field: 'startPayUsd', title: 'startPay充值美元', align: 'center', width: '14%' },

src/views/users/ChargeRecordPartitionStatisticsView.vue

@@ -97,6 +97,7 @@ export default {
           columns: [
             { field: 'partitionName', title: '分区', align: 'center', width: '25%' },
             { field: 'googleUsd', title: 'google充值美元', align: 'center', width: '25%' },
+            { field: 'razerUsd', title: 'razer充值', align: 'center', width: '14%' },
             { field: 'payermaxUsd', title: 'payermax充值美元', align: 'center', width: '25%' },
             { field: 'myCardUsd', title: 'myCard充值美元', align: 'center', width: '25%' },
             { field: 'iosUsd', title: 'ios充值美元', align: 'center', width: '25%' },

src/views/users/ChargeRecordTotalStatisticsView.vue

@@ -115,6 +115,7 @@ export default {
             {field: 'iosPayAmount', title: 'IOS支付', align: 'center', width: '5%'},
             {field: 'wxMiniAppAmount', title: '小程序支付', align: 'center', width: '5%'},*/
             { field: 'googleAmount', title: 'google支付', align: 'center', width: '5%' },
+            { field: 'razerAmount', title: 'razer充值', align: 'center', width: '14%' },
             { field: 'payermaxAmount', title: 'payermax支付', align: 'center', width: '5%' },
             { field: 'myCardAmount', title: 'myCard支付', align: 'center', width: '5%' },
             { field: 'startPayAmount', title: 'startPay支付', align: 'center', width: '5%' },

src/views/users/ChargeRecordTrPartitionStatisticsView.vue

@@ -101,6 +101,7 @@ export default {
           columns: [
             { field: 'date', title: '日期', align: 'center', width: '14%' },
             { field: 'googleUsd', title: 'google充值美元', align: 'center', width: '14%' },
+            { field: 'razerUsd', title: 'razer充值', align: 'center', width: '14%' },
             { field: 'payermaxUsd', title: 'payermax充值美元', align: 'center', width: '14%' },
             { field: 'myCardUsd', title: 'myCard充值美元', align: 'center', width: '14%' },
             { field: 'startPayUsd', title: 'startPay充值美元', align: 'center', width: '14%' },

src/views/users/ChargeRecordZhPartitionStatisticsView.vue

@@ -101,6 +101,7 @@ export default {
           columns: [
             { field: 'date', title: '日期', align: 'center', width: '14%' },
             { field: 'googleUsd', title: 'google充值美元', align: 'center', width: '14%' },
+            { field: 'razerUsd', title: 'razer充值1', align: 'center', width: '14%' },
             { field: 'payermaxUsd', title: 'payermax充值美元', align: 'center', width: '14%' },
             { field: 'myCardUsd', title: 'myCard充值美元', align: 'center', width: '14%' },
             { field: 'startPayUsd', title: 'startPay充值美元', align: 'center', width: '14%' },

src/views/users/UserCheckAdminView.vue

@@ -271,7 +271,7 @@
 
 <script>
 import TableHelper from '@/utils/bootstrap-table-helper';
-import { getPartitionInfoList } from '@/api/partition/partitionInfo';
+import { listAll } from '@/api/partition/partitionInfo';
 import { buildSelectOption } from '@/utils/system-helper';
 
 export default {
@@ -902,7 +902,7 @@ export default {
 
         },
         initPartition() {
-            getPartitionInfoList().then(res => {
+            listAll().then(res => {
                 let data = res.data;
                 this.partitionInfos = data;
                 buildSelectOption(