优化图片显示

package-lock.json

@@ -22,10 +22,12 @@
         "knockout": "^3.5.1",
         "less": "^4.2.0",
         "less-loader": "^11.1.3",
+        "moment-timezone": "^0.5.45",
         "node-sass": "^9.0.0",
         "popper.js": "^1.16.1",
         "sass": "^1.67.0",
         "sass-loader": "^13.3.2",
+        "svgaplayerweb": "^2.3.2",
         "unplugin-element-plus": "^0.8.0",
         "vue-clipboard2": "^0.3.3",
         "vue-router": "^4.0.3",
@@ -8974,6 +8976,25 @@
       "integrity": "sha512-23g5BFj4zdQL/b6tor7Ji+QY4pEfNH784BMslY9Qb0UnJWRAt+lQGLYmRaM0KDBwIG23ffEBELhZDP2rhi9f/Q==",
       "dev": true
     },
+    "node_modules/moment": {
+      "version": "2.30.1",
+      "resolved": "https://registry.npmmirror.com/moment/-/moment-2.30.1.tgz",
+      "integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/moment-timezone": {
+      "version": "0.5.45",
+      "resolved": "https://registry.npmmirror.com/moment-timezone/-/moment-timezone-0.5.45.tgz",
+      "integrity": "sha512-HIWmqA86KcmCAhnMAN0wuDOARV/525R2+lOLotuGFzn4HO+FH+/645z2wx0Dt3iDv6/p61SIvKnDstISainhLQ==",
+      "dependencies": {
+        "moment": "^2.29.4"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/mrmime": {
       "version": "1.0.1",
       "resolved": "https://registry.npmmirror.com/mrmime/-/mrmime-1.0.1.tgz",
@@ -11970,6 +11991,11 @@
       "integrity": "sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==",
       "dev": true
     },
+    "node_modules/svgaplayerweb": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmmirror.com/svgaplayerweb/-/svgaplayerweb-2.3.2.tgz",
+      "integrity": "sha512-QuTvNIgy3W6Mi4h74SczEHUtAwb8m3ax7Ai7xRLUuN6hjJh49RGtWOWq1IuF2I7ECcl0HAYn8FcTn99UDz9UiQ=="
+    },
     "node_modules/svgo": {
       "version": "2.8.0",
       "resolved": "https://registry.npmmirror.com/svgo/-/svgo-2.8.0.tgz",

package.json

@@ -22,10 +22,12 @@
     "knockout": "^3.5.1",
     "less": "^4.2.0",
     "less-loader": "^11.1.3",
+    "moment-timezone": "^0.5.45",
     "node-sass": "^9.0.0",
     "popper.js": "^1.16.1",
     "sass": "^1.67.0",
     "sass-loader": "^13.3.2",
+    "svgaplayerweb": "^2.3.2",
     "unplugin-element-plus": "^0.8.0",
     "vue-clipboard2": "^0.3.3",
     "vue-router": "^4.0.3",

src/api/lingSmallGames/lingSmallGames.js

@@ -0,0 +1,38 @@
+import request from '@/utils/request';
+import { genQueryParam } from '@/utils/maintainer';
+import qs from 'qs';
+
+// 获取游戏列表
+export const sysConfKey = query => {
+    return request({
+        url: '/admin/sysConf/key',
+        method: 'get',
+        params: query
+    });
+};
+// 获取列表
+export const statisPage = query => {
+    return request({
+        url: '/admin/miniGame/leadercc/statis/page',
+        method: 'get',
+        params: query
+    });
+};
+// 获取详情列表
+export const detailPage = query => {
+    return request({
+        url: '/admin/miniGame/leadercc/statis/detailPage',
+        method: 'get',
+        params: query
+    });
+};
+// 导出
+export const exportForMiniGame = query => {
+    window.location.href = `/admin/miniGame/leadercc/statis/exportForMiniGame?${genQueryParam(query)}`;
+    return;
+};
+// 导出弹窗
+export const statisExport = query => {
+    window.location.href = `/admin/miniGame/leadercc/statis/export?${genQueryParam(query)}`;
+    return;
+};

src/api/luckGift/luckGift.js

@@ -0,0 +1,70 @@
+import request from '@/utils/request';
+import { genQueryParam } from '@/utils/maintainer';
+import qs from 'qs';
+
+// 奖池拉框
+export const listType = query => {
+    return request({
+        url: '/admin/lucky24/pool/listType',
+        method: 'get',
+        params: query
+    });
+};
+// 池子列表
+export const list = query => {
+    return request({
+        url: '/admin/lucky24/pool/list',
+        method: 'get',
+        params: query
+    });
+};
+// 基础配置
+export const getConfig = query => {
+    return request({
+        url: '/admin/lucky24/config/getConfig',
+        method: 'get',
+        params: query
+    });
+};
+// 基础配置-修改
+export const updateSet = query => {
+    return request({
+        headers: { "Content-Type": 'application/json;charset=UTF-8' },
+        url: '/admin/lucky24/config/update',
+        method: 'post',
+        data: query
+    });
+};
+// 个人数据
+export const personal = query => {
+    return request({
+        url: '/admin/lucky24/record/personal',
+        method: 'get',
+        params: query
+    });
+};
+// 汇总
+export const platform = query => {
+    return request({
+        url: '/admin/lucky24/record/platform',
+        method: 'get',
+        params: query
+    });
+};
+// 保存池子
+export const save = query => {
+    return request({
+        headers: { "Content-Type": 'application/json;charset=UTF-8' },
+        url: '/admin/lucky24/pool/save',
+        method: 'post',
+        data: query
+    });
+};
+// 赠送用户
+export const updateUserMulti = query => {
+    return request({
+        url: '/admin/lucky24/config/updateUserMulti',
+        method: 'post',
+        params: query
+    });
+};

src/api/relAgency/relAgency.js

@@ -88,9 +88,16 @@ export const agencyWithdrawExamineExport = query => {
     });
 };
 // 官方提现记录 结算
+// export const agencyWithdrawSet = query => {
+//     return request({
+//         url: '/agencyWithdrawExamine/settle',
+//         method: 'post',
+//         params: query
+//     });
+// };
 export const agencyWithdrawSet = query => {
     return request({
-        url: '/agencyWithdrawExamine/settle',
+        url: '/agencyWithdrawExamine/batchSettle',
         method: 'post',
         params: query
     });
@@ -103,6 +110,14 @@ export const agencyWithdrawBatchSet = query => {
         params: query
     });
 };
+// 官方提现记录 批量驳回
+export const batchReject = query => {
+    return request({
+        url: '/agencyWithdrawExamine/batchReject',
+        method: 'post',
+        params: query
+    });
+};
 
 // 公会开业数据统计
 export const agencyOpenList = query => {
@@ -136,3 +151,26 @@ export const excellentAnchorDetail = query => {
         params: query
     });
 };
+// 官方提现-国家
+export const adminCountry = query => {
+    return request({
+        url: '/admin/country/list',
+        method: 'get',
+        params: query
+    });
+};
+
+// =====================================钻石充值流水=======================================
+// 查询
+export const diamondStatistics = query => {
+    return request({
+        url: '/admin/guild/diamondStatistics',
+        method: 'get',
+        params: query
+    });
+};
+//  导出
+export const diamondStatisticsExport = query => {
+    window.location.href = `/admin/guild/diamondStatistics/export?${genQueryParam(query)}`;
+    return;
+};

src/api/relPrivilegeManage/relPrivilegeManage.js

@@ -35,7 +35,7 @@ export const prettyNumberExamineReject = query => {
 // 靓号导入
 export const erbanUpload = query => {
     return request({
-        url: '/prettyNumberExamine/erban/upload',
+        url: '/admin/prettyNumber/upload',
         method: 'post',
         headers: { 'Content-Type': 'multipart/form-data' },
         data: query

src/api/roomBackground/roomBackground.js

@@ -0,0 +1,87 @@
+import request from '@/utils/request';
+import { genQueryParam } from '@/utils/maintainer';
+import qs from 'qs';
+
+// 地区接口
+export const listPartitionInfo = query => {
+    return request({
+        url: '/partition/listPartitionInfo',
+        method: 'get',
+        params: query
+    });
+};
+// ==============================================首页ui配置==============================================
+// 配置
+export const appUiSetting = query => {
+    return request({
+        url: '/appUiSetting',
+        method: 'get',
+        params: query
+    });
+};
+// 保存
+export const appUiSettingSave = query => {
+    return request({
+        url: '/appUiSetting/save',
+        method: 'post',
+        data: query
+    });
+};
+// ==============================================自定义背景==============================================
+// 列表
+export const page = query => {
+    return request({
+        url: '/admin/roomBackground/page',
+        method: 'get',
+        params: query
+    });
+};
+// 新增
+export const roomBackgroundAdd = query => {
+    return request({
+        url: '/admin/roomBackground/add',
+        method: 'post',
+        params: query
+    });
+};
+// 编辑
+export const roomBackgroundUpdate = query => {
+    return request({
+        url: '/admin/roomBackground/update',
+        method: 'post',
+        params: query
+    });
+};
+// ==============================================自定义背景==============================================
+// 列表
+export const customPage = query => {
+    return request({
+        url: '/admin/roomBackground/custom/page',
+        method: 'get',
+        params: query
+    });
+};
+// 通过
+export const customPass = query => {
+    return request({
+        url: '/admin/roomBackground/custom/pass',
+        method: 'post',
+        params: query
+    });
+};
+// 拒绝
+export const customReject = query => {
+    return request({
+        url: '/admin/roomBackground/custom/reject',
+        method: 'post',
+        params: query
+    });
+};
+// 删除
+export const customDel = query => {
+    return request({
+        url: '/admin/roomBackground/custom/del',
+        method: 'post',
+        params: query
+    });
+};

src/views/accountApplyManage/accountApplyManage.vue

@@ -3,52 +3,55 @@
     <div class="container">
       <div class="region-box">
         <el-radio-group v-model="region">
-          <el-radio
-            v-for="(item, index) in userAreaRegion"
+          <el-radio v-for="(item, index) in userAreaRegion"
                     :key="index"
-            :label="item.value"
-            >{{ item.name }}</el-radio
-          >
+                    :label="item.value">{{ item.name }}</el-radio>
         </el-radio-group>
       </div>
       <div class="handle-box">
-        <el-form
-          ref="searchForm"
+        <el-form ref="searchForm"
                  :model="searchForm"
                  label-width="90px"
-          :disabled="tableLoading"
-        >
+                 :disabled="tableLoading">
           <div class="search-line">
-            <el-form-item label="Shaker ID" prop="erbanNo">
-              <el-input
-                v-model.trim="searchForm.erbanNo"
-                placeholder="Please enter"
-              ></el-input>
+            <el-form-item label="MoliStar ID"
+                          prop="erbanNo">
+              <el-input v-model.trim="searchForm.erbanNo"
+                        placeholder="Please enter"></el-input>
             </el-form-item>
-            <el-form-item label="UID" prop="uid">
-              <el-input
-                v-model.trim="searchForm.uid"
-                placeholder="Please enter"
-              ></el-input>
+            <el-form-item label="UID"
+                          prop="uid">
+              <el-input v-model.trim="searchForm.uid"
+                        placeholder="Please enter"></el-input>
             </el-form-item>
-            <el-form-item label="SID" prop="sid">
-              <el-input
-                v-model.trim="searchForm.sid"
-                placeholder="Please enter"
-              ></el-input>
+            <el-form-item label="SID"
+                          prop="sid">
+              <el-input v-model.trim="searchForm.sid"
+                        placeholder="Please enter"></el-input>
+            </el-form-item>
+            <el-form-item label="Region"
+                          prop="partitionId">
+              <el-select v-model="searchForm.partitionId">
+                <el-option label="全部"
+                           value=""></el-option>
+                <el-option v-for="item in partitionInfoList"
+                           :key="item.id"
+                           :label="item.desc"
+                           :value="item.id"></el-option>
+              </el-select>
             </el-form-item>
             <el-form-item label-width="40px">
-              <el-button type="primary" @click="handSearch">Search</el-button>
-              <el-button plain @click="resetSearchForm">Reset Search</el-button>
-              <el-upload
-                class="file-uploader"
+              <el-button type="primary"
+                         @click="handSearch">Search</el-button>
+              <el-button plain
+                         @click="resetSearchForm">Reset Search</el-button>
+              <el-upload class="file-uploader"
                          action="#"
                          list-type="picture-card"
                          :show-file-list="false"
                          :on-change="handleExcel"
                          accept=".xls, .xlsx"
-                :auto-upload="false"
-              >
+                         :auto-upload="false">
                 <el-button type="primary">Import</el-button>
               </el-upload>
             </el-form-item>
@@ -67,76 +70,93 @@
         </el-upload> -->
       </div>
       <div class="table">
-        <el-table
-          :data="tableData"
+        <el-table :data="tableData"
                   border
                   v-loading="tableLoading"
                   @header-click="headerCopy"
-          style="width: 100%"
-        >
-          <el-table-column align="center" prop="id" label="No.">
+                  style="width: 100%">
+          <el-table-column align="center"
+                           prop="id"
+                           label="No.">
           </el-table-column>
-          <el-table-column align="center" prop="erbanNo" label="Shaker ID">
+          <el-table-column align="center"
+                           prop="erbanNo"
+                           label="MoliStar ID">
           </el-table-column>
-          <el-table-column align="center" prop="uid" label="UID">
+          <el-table-column align="center"
+                           prop="uid"
+                           label="UID">
           </el-table-column>
-          <el-table-column align="center" prop="level" label="SID Level">
+          <el-table-column align="center"
+                           prop="level"
+                           label="SID Level">
           </el-table-column>
-          <el-table-column align="center" prop="nick" label="Nickname">
+          <el-table-column align="center"
+                           prop="nick"
+                           label="Nickname">
           </el-table-column>
-          <el-table-column align="center" prop="createTime" label="Apply time">
+          <el-table-column align="center"
+                           prop="partitionInfo"
+                           label="Region">
+          </el-table-column>
+          <el-table-column align="center"
+                           prop="createTime"
+                           label="Apply time">
             <template v-slot="scope">{{
               convertTimestamp(scope.row.createTime)
             }}</template>
           </el-table-column>
-          <el-table-column align="center" prop="prettyNo" label="SID">
+          <el-table-column align="center"
+                           prop="prettyNo"
+                           label="SID">
           </el-table-column>
-          <el-table-column align="center" prop="status" label="State">
+          <el-table-column align="center"
+                           prop="status"
+                           label="State">
             <template v-slot="scope">
               <el-tag :type="applyStateTag(scope.row.status)">{{
                 applyStateText(scope.row.status)
               }}</el-tag>
             </template>
           </el-table-column>
-          <el-table-column align="center" prop="updateTime" label="Review time">
+          <el-table-column align="center"
+                           prop="updateTime"
+                           label="Review time">
             <template v-slot="scope">{{
               convertTimestamp(scope.row.updateTime)
             }}</template>
           </el-table-column>
-          <el-table-column align="center" label="Operate">
+          <el-table-column align="center"
+                           prop="operater"
+                           label="Operator">
+          </el-table-column>
+          <el-table-column align="center"
+                           label="Operate">
             <template v-slot="scope">
-              <el-button
-                type="text"
+              <el-button type="text"
                          v-if="scope.row.status == 0"
-                @click="handlePass(scope.$index, scope.row)"
-              >
+                         @click="handlePass(scope.$index, scope.row)">
                 Pass
               </el-button>
-              <el-button
-                type="text"
+              <el-button type="text"
                          v-if="scope.row.status == 0"
-                @click="handleReject(scope.$index, scope.row)"
-              >
+                         @click="handleReject(scope.$index, scope.row)">
                 Reject
               </el-button>
-              <el-button
-                type="text"
+              <el-button type="text"
                          v-if="scope.row.status == 1"
                          class="red"
-                @click="handleDelete(scope.$index, scope.row)"
-              >
+                         @click="handleDelete(scope.$index, scope.row)">
                 Delete
               </el-button>
             </template>
           </el-table-column>
         </el-table>
-        <table-pagination
-          :pageParams="pageParams"
+        <table-pagination :pageParams="pageParams"
                           :pageTotal="pageTotal"
                           :ifShowSizes="true"
                           @handleSizeChange="handleSizeChange"
-          @handlePageChange="handlePageChange"
-        ></table-pagination>
+                          @handlePageChange="handlePageChange"></table-pagination>
       </div>
     </div>
   </div>
@@ -150,6 +170,7 @@ import {
   prettyNumberExamineReject,
   erbanUpload,
 } from "@/api/relPrivilegeManage/relPrivilegeManage.js";
+import { getPartitionInfoList } from '@/api/partition/partitionInfo';
 import TablePagination from "@/components/common/TablePagination";
 import { formatDate } from "@/utils/relDate";
 import { ElMessageBox, ElMessage } from "element-plus"; // 正确引入 ElM
@@ -160,16 +181,17 @@ export default {
   name: "accountApplyManage",
   // mixins: [Mixin],
   components: { TablePagination },
-  data() {
+  data () {
     return {
+      partitionInfoList: [],
       tableLoading: false, // 表格是否加载中
       tableData: [], // 接口返回的表格数据
       // 搜索表单相关
       searchForm: {
         erbanNo: null,
         uid: null,
-        level: null,
-        region: null,
+        sid: null,
+        partitionId: null,
       },
       pageTotal: 0, // 接口返回的表格总条数
       pageParams: {
@@ -178,11 +200,12 @@ export default {
       },
     };
   },
-  created() {
+  created () {
+    this.initPartition();
     this.getData();
   },
   methods: {
-    getData() {
+    getData () {
       this.tableLoading = true;
 
       let { pageParams, searchForm } = this;
@@ -209,7 +232,7 @@ export default {
       });
     },
     //导入表格
-    handleExcel(file) {
+    handleExcel (file) {
       let formData = new FormData(); //声明一个FormDate对象
       formData.append("file", file.raw); //把文件信息放入对象中
       console.log(file.raw);
@@ -228,7 +251,7 @@ export default {
         });
     },
     // 通过
-    handlePass(index, row) {
+    handlePass (index, row) {
       ElMessageBox.confirm("Are you sure you want to pass?", "Prompt", {
         type: "warning",
         confirmButtonText: "Sure",
@@ -252,10 +275,10 @@ export default {
             }
           });
         })
-        .catch(() => {});
+        .catch(() => { });
     },
     // 拒绝
-    handleReject(index, row) {
+    handleReject (index, row) {
       ElMessageBox.confirm("Are you sure you want to refuse?", "Prompt", {
         type: "warning",
         confirmButtonText: "Sure",
@@ -279,10 +302,10 @@ export default {
             }
           });
         })
-        .catch(() => {});
+        .catch(() => { });
     },
     // 删除操作
-    handleDelete(index, row) {
+    handleDelete (index, row) {
       // 二次确认删除
       ElMessageBox.confirm("Are you sure you want to delete?", "Prompt", {
         type: "warning",
@@ -307,10 +330,10 @@ export default {
             }
           });
         })
-        .catch(() => {});
+        .catch(() => { });
     },
     // 点击搜索
-    handSearch() {
+    handSearch () {
       this.$refs["searchForm"].validate((valid) => {
         if (valid) {
           this.pageParams.pageNo = 1;
@@ -319,27 +342,32 @@ export default {
       });
     },
     // 重置搜索表单
-    resetSearchForm() {
+    resetSearchForm () {
       this.$refs["searchForm"].resetFields();
       this.pageParams.pageNo = 1;
       this.getData();
     },
-
     // 分页导航
-    handleSizeChange(val) {
+    handleSizeChange (val) {
       this.pageParams.pageNo = val;
       this.getData();
     },
-    handlePageChange(val) {
+    handlePageChange (val) {
       this.pageParams.pageNo = val;
       this.getData();
     },
-    headerCopy(column, e) {
+    headerCopy (column, e) {
       this.$copy(column.label);
     },
+    initPartition () {
+      getPartitionInfoList().then(res => {
+        let data = res.data;
+        this.partitionInfoList = data;
+      });
+    },
   },
   computed: {
-    applyStateTag() {
+    applyStateTag () {
       return function (val) {
         let text = "";
         switch (val) {
@@ -359,7 +387,7 @@ export default {
         return text;
       };
     },
-    applyStateText() {
+    applyStateText () {
       return function (val) {
         let text = "";
         switch (val) {
@@ -379,7 +407,7 @@ export default {
         return text;
       };
     },
-    convertTimestamp() {
+    convertTimestamp () {
       return function (time) {
         let date = new Date(time);
         return formatDate(date);

src/views/car/CarGoodsAdminView.vue

@@ -1046,11 +1046,11 @@ export default {
                             $("#tipModal").modal('show');
                             return;
                         }
-                        if (!effect) {
-                            $("#tipMsg").text("请上传动画图片");
-                            $("#tipModal").modal('show');
-                            return;
-                        }
+                        // if (!effect) {
+                        //     $("#tipMsg").text("请上传动画图片");
+                        //     $("#tipModal").modal('show');
+                        //     return;
+                        // } 
                         if (!days || days <= 0) {
                             $("#tipMsg").text("请输入合理的购买天数");
                             $("#tipModal").modal('show');

src/views/firstpage/FirstPageBannerView.vue

@@ -9,34 +9,46 @@
           <div id="table"></div>
           <div id="toolbar">
             <div class="col-sm-12">
-                            <label for="skipType" class="col-sm-1 control-label">跳转类型: </label>
+              <label for="skipType"
+                     class="col-sm-1 control-label">跳转类型: </label>
               <div class="col-sm-2">
-                                <select name="skipType" id="skipType" class="input-m form-control">
+                <select name="skipType"
+                        id="skipType"
+                        class="input-m form-control">
                   <option value="0">--全部--</option>
-                                    <option value="1">跳转app内部</option>
-                                    <option value="2">跳转房间</option>
+                  <option value="2">Room ID</option>
+                  <option value="1">指定地址</option>
                   <option value="3">跳转H5页面</option>
                 </select>
               </div>
-                            <label for="status" class="col-sm-1 control-label">状态:</label>
+              <label for="status"
+                     class="col-sm-1 control-label">状态:</label>
               <div class="col-sm-2">
-                                <select name="status" id="status" class="input-m form-control">
+                <select name="status"
+                        id="status"
+                        class="input-m form-control">
                   <option value="0">--全部--</option>
                   <option value="1">激活启用中</option>
                   <option value="2">未激活</option>
                 </select>
               </div>
-                            <label for="app" class="col-sm-1 control-label">app:</label>
+              <label for="app"
+                     class="col-sm-1 control-label">app:</label>
               <div class="col-sm-2">
-                                <select name="app" id="app" class="input-m form-control">
+                <select name="app"
+                        id="app"
+                        class="input-m form-control">
                   <option value="">--全部--</option>
                 </select>
               </div>
             </div>
             <div class="col-sm-12">
-                            <label for="bannerType" class="col-sm-1 control-label">banner位置:</label>
+              <label for="bannerType"
+                     class="col-sm-1 control-label">banner位置:</label>
               <div class="col-sm-2">
-                                <select name="bannerType" id="searchBannerType" class="input-m form-control">
+                <select name="bannerType"
+                        id="searchBannerType"
+                        class="input-m form-control">
                   <option value="">--全部--</option>
                   <option value="1">首页</option>
                   <option value="2">房间内</option>
@@ -44,27 +56,43 @@
                   <option value="10">个人中心</option>
                 </select>
               </div>
-                            <label for="beginTime" class="col-sm-1 control-label">开始日期:&nbsp;&nbsp;</label>
+              <label for="beginTime"
+                     class="col-sm-1 control-label">开始日期:&nbsp;&nbsp;</label>
               <div class="col-sm-2">
-                                <input type="text" name="timeBegin" id="beginTime" class="input-sm form-control" value="">
+                <input type="text"
+                       name="timeBegin"
+                       id="beginTime"
+                       class="input-sm form-control"
+                       value="">
               </div>
-                            <label for="endTime" class="col-sm-1 control-label">结束日期:&nbsp;&nbsp;</label>
+              <label for="endTime"
+                     class="col-sm-1 control-label">结束日期:&nbsp;&nbsp;</label>
               <div class="col-sm-2">
-                                <input type="text" name="timeEnd" id="endTime" class="input-sm form-control" value="">
+                <input type="text"
+                       name="timeEnd"
+                       id="endTime"
+                       class="input-sm form-control"
+                       value="">
               </div>
-                            <label for="partitionId" class="col-sm-1 control-label">地区:</label>
+              <label for="partitionId"
+                     class="col-sm-1 control-label">地区:</label>
               <div class="col-sm-2">
-                                <select name="partitionId" id="partitionId" class="form-control"></select>
+                <select name="partitionId"
+                        id="partitionId"
+                        class="form-control"></select>
               </div>
 
             </div>
-                        <button id="btnSearch" class="btn btn-sm btn-primary">查询</button>
+            <button id="btnSearch"
+                    class="btn btn-sm btn-primary">查询</button>
 
-                        <button id="add" class="btn btn-default">
+            <button id="add"
+                    class="btn btn-default">
               <i class="glyphicon glyphicon-plus"></i>增加
             </button>
 
-                        <button id="btnMultiDel" class="btn btn-default">
+            <button id="btnMultiDel"
+                    class="btn btn-default">
               <i class="glyphicon"></i>删除选中
             </button>
           </div>
@@ -72,84 +100,132 @@
       </div>
     </div>
   </section>
-    <div class="modal fade" id="bannerModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
-        <div class="modal-dialog" role="document">
+  <div class="modal fade"
+       id="bannerModal"
+       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">x</span></button>
-                    <h4 class="modal-title" id="modalLabel">banner信息</h4>
+          <button type="button"
+                  class="close"
+                  data-dismiss="modal"
+                  aria-label="Close"><span aria-hidden="true">x</span></button>
+          <h4 class="modal-title"
+              id="modalLabel">banner信息</h4>
         </div>
         <div class="modal-body">
-                    <form class="form-horizontal" id="bannerForm">
+          <form class="form-horizontal"
+                id="bannerForm">
             <div id="bannerPartitionDiv">
               <div class="form-group">
-                                <label name="partition" class="col-sm-3 control-label">选择地区*:</label>
-                                <div class="form-check" id = "partitionCheck">
+                <label name="partition"
+                       class="col-sm-3 control-label">选择地区*:</label>
+                <div class="form-check"
+                     id="partitionCheck">
                   <!--                                分区展示-->
                 </div>
               </div>
             </div>
             <div class="form-group">
-                            <label for="name" class="col-sm-3 control-label">Banner名字:</label>
+              <label for="name"
+                     class="col-sm-3 control-label">Banner名字:</label>
               <div class="col-sm-8">
-                                <input type="text" class="form-control validate[required]" name="bannerName" id="name">
-                                <input type="hidden" id="bannerId" name="bannerId">
+                <input type="text"
+                       class="form-control validate[required]"
+                       name="bannerName"
+                       id="name">
+                <input type="hidden"
+                       id="bannerId"
+                       name="bannerId">
               </div>
             </div>
             <div class="form-group">
               <label class="col-sm-3 control-label">banner图:</label>
               <div class="col-sm-8">
-                                <img src="" id="imgUrl" style="width:250px;height:90px;" alt="">
-                                <input type="file" id="uploadFile" name="uploadFile">
-                                <button class="btn btn-success" type="button" id="uploadBtn">上传</button>
+                <img src=""
+                     id="imgUrl"
+                     style="width:250px;height:90px;"
+                     alt="">
+                <input type="file"
+                       id="uploadFile"
+                       name="uploadFile">
+                <button class="btn btn-success"
+                        type="button"
+                        id="uploadBtn">上传</button>
                 <span class="attention">注意:图片尺寸请注意在750*250,选择图片后请点击上传按钮</span>
-                                <input type="hidden" id="bannerPic" name="bannerPic"
+                <input type="hidden"
+                       id="bannerPic"
+                       name="bannerPic"
                        class="form-control validate[required]" />
               </div>
             </div>
             <div class="form-group">
               <label class="col-sm-3 control-label">跳转链接:</label>
-                            <select name="skipType" id="skipUrlSort" class="col-sm-2">
-                                <option value="1">跳转app内部</option>
-                                <option value="2">跳转房间</option>
+              <select name="skipType"
+                      id="skipUrlSort"
+                      class="col-sm-2">
+                <option value="2">Room ID</option>
+                <option value="1">指定地址</option>
                 <option value="3">跳转H5页面</option>
               </select>
               <div class="col-sm-6">
-                                <input type="text" class="form-control validate[required]" name="skipUri"
+                <input type="text"
+                       class="form-control validate[required]"
+                       name="skipUri"
                        id="skipUrlContent">
               </div>
             </div>
             <div class="form-group">
-                            <label for="startDate" class="col-sm-3 control-label">起始时间:</label>
+              <label for="startDate"
+                     class="col-sm-3 control-label">起始时间:</label>
               <div class="col-sm-8">
-                                <input id="startDate" type="text" name="startTime" class="form-control validate[required]">
-                            </div>
-                        </div>
-                        <div class="form-group">
-                            <label for="endDate" class="col-sm-3 control-label">结束时间:</label>
-                            <div class="col-sm-8">
-                                <input id="endDate" type="text" name="endTime" class="form-control validate[required]">
-                            </div>
-                        </div>
-                        <div class="form-group">
-                            <label for="seqNo" class="col-sm-3 control-label">排序设置:</label>
-                            <div class="col-sm-3">
-                                <input type="text" id="seqNo" name="seqNo" class="form-control validate[required]">
-                            </div>
-                        </div>
-                        <div class="form-group">
-                            <div class="form-group">
-                                <label for="iosVersion" class="col-sm-3 control-label">ios版本号:</label>
-                                <div class="col-sm-3">
-                                    <input type="text" id="iosVersion" name="iosVersion"
+                <input id="startDate"
+                       type="text"
+                       name="startTime"
                        class="form-control validate[required]">
               </div>
             </div>
             <div class="form-group">
-                                <label for="androidVersion" class="col-sm-3 control-label">安卓版本号:</label>
+              <label for="endDate"
+                     class="col-sm-3 control-label">结束时间:</label>
+              <div class="col-sm-8">
+                <input id="endDate"
+                       type="text"
+                       name="endTime"
+                       class="form-control validate[required]">
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="seqNo"
+                     class="col-sm-3 control-label">排序设置:</label>
               <div class="col-sm-3">
-                                    <input type="text" id="androidVersion" name="androidVersion"
+                <input type="text"
+                       id="seqNo"
+                       name="seqNo"
+                       class="form-control validate[required]">
+              </div>
+            </div>
+            <div class="form-group">
+              <div class="form-group">
+                <label for="iosVersion"
+                       class="col-sm-3 control-label">ios版本号:</label>
+                <div class="col-sm-3">
+                  <input type="text"
+                         id="iosVersion"
+                         name="iosVersion"
+                         class="form-control validate[required]">
+                </div>
+              </div>
+              <div class="form-group">
+                <label for="androidVersion"
+                       class="col-sm-3 control-label">安卓版本号:</label>
+                <div class="col-sm-3">
+                  <input type="text"
+                         id="androidVersion"
+                         name="androidVersion"
                          class="form-control validate[required]">
                 </div>
               </div>
@@ -157,16 +233,23 @@
             </div>
             <div class="form-group">
               <div class="form-group">
-                                <label for="noShowChannels" class="col-sm-3 control-label">不展示的渠道:</label>
+                <label for="noShowChannels"
+                       class="col-sm-3 control-label">不展示的渠道:</label>
                 <div class="col-sm-8">
-                                    <input type="text" id="noShowChannels" name="noShowChannels" class="form-control ">
+                  <input type="text"
+                         id="noShowChannels"
+                         name="noShowChannels"
+                         class="form-control ">
                 </div>
               </div>
               <span style="color:red; padding-left: 60px">注:留空则为所有渠道展示。多个渠道用英文逗号“,”隔开</span>
             </div>
             <div class="form-group">
-                            <label for="bannerStatus" class="col-sm-3 control-label">激活设置:</label>
-                            <select name="bannerStatus" id="bannerStatus" class="col-sm-2">
+              <label for="bannerStatus"
+                     class="col-sm-3 control-label">激活设置:</label>
+              <select name="bannerStatus"
+                      id="bannerStatus"
+                      class="col-sm-2">
                 <option value="1">激活</option>
                 <option value="2">不激活</option>
               </select>
@@ -179,7 +262,9 @@
             <div class="form-group">
               <label class="col-sm-3 control-label">Banner位置:</label>
               <div class="col-sm-4">
-                                <select name="bannerType" id="bannerType" class="col-sm-10"
+                <select name="bannerType"
+                        id="bannerType"
+                        class="col-sm-10"
                         onchange="selectOnChange(this.value)">
                   <option value="1">首页</option>
                   <option value="2">房间内</option>
@@ -188,7 +273,9 @@
                 </select>
               </div>
               <div class="col-sm-5 hidden titleListDev">
-                                <select name="titleId" id="titleList" class="col-sm-10 titleList">
+                <select name="titleId"
+                        id="titleList"
+                        class="col-sm-10 titleList">
 
                 </select>
               </div>
@@ -196,8 +283,11 @@
             </div>
             <div id="bannerTypeDiv">
               <div class="form-group">
-                                <label for="platform" class="col-sm-3 control-label">展示平台:</label>
-                                <select name="platform" id="platform" class="col-sm-3">
+                <label for="platform"
+                       class="col-sm-3 control-label">展示平台:</label>
+                <select name="platform"
+                        id="platform"
+                        class="col-sm-3">
                   <option value="all">全平台展示</option>
                   <option value="ios">只展示IOS</option>
                   <option value="android">只展示安卓</option>
@@ -208,21 +298,31 @@
 
             <div id="actLimitDiv">
               <div class="form-group">
-                                <label for="limitLevelExper" class="col-sm-3 control-label">活动限制等级经验:</label>
+                <label for="limitLevelExper"
+                       class="col-sm-3 control-label">活动限制等级经验:</label>
                 <div class="col-sm-8">
-                                    <input type="text" class="form-control " name='limitLevelExper' id="limitLevelExper">
+                  <input type="text"
+                         class="form-control "
+                         name='limitLevelExper'
+                         id="limitLevelExper">
                 </div>
               </div>
               <div class="form-group">
-                                <label for="showType" class="col-sm-3 control-label">h5页面是否全屏展示:</label>
-                                <select name="showType" id="showType" class="col-sm-2">
+                <label for="showType"
+                       class="col-sm-3 control-label">h5页面是否全屏展示:</label>
+                <select name="showType"
+                        id="showType"
+                        class="col-sm-2">
                   <option value="1">全屏</option>
                   <option value="2">非全屏</option>
                 </select>
               </div>
               <div class="form-group">
-                                <label for="showRule" class="col-sm-3 control-label">活动入口展示规则:</label>
-                                <select name="showRule" id="showRule" class="col-sm-4">
+                <label for="showRule"
+                       class="col-sm-3 control-label">活动入口展示规则:</label>
+                <select name="showRule"
+                        id="showRule"
+                        class="col-sm-4">
                   <option value="1">始终展示</option>
                   <option value="2">达到限制等级展示</option>
                 </select>
@@ -232,90 +332,139 @@
           </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>
+          <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="addBannerModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel2">
-        <div class="modal-dialog" role="document">
+  <div class="modal fade"
+       id="addBannerModal"
+       tabindex="-1"
+       role="dialog"
+       aria-labelledby="modalLabel2">
+    <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">x</span></button>
-                    <h4 class="modal-title" id="addModalLabel">新增banner</h4>
+          <button type="button"
+                  class="close"
+                  data-dismiss="modal"
+                  aria-label="Close"><span aria-hidden="true">x</span></button>
+          <h4 class="modal-title"
+              id="addModalLabel">新增banner</h4>
         </div>
         <div class="modal-body">
-                    <form id="addBannerForm" class="form-horizontal">
+          <form id="addBannerForm"
+                class="form-horizontal">
             <div id="bannerAddPartitionDiv">
               <div class="form-group">
-                                <label name="partition" class="col-sm-3 control-label">选择地区*:</label>
-                                <div class="form-check" id = "partitionAddCheck">
+                <label name="partition"
+                       class="col-sm-3 control-label">选择地区*:</label>
+                <div class="form-check"
+                     id="partitionAddCheck">
                   <!--                                分区展示-->
                 </div>
               </div>
             </div>
             <div class="form-group">
-                            <label for="addName" class="col-sm-3 control-label">Banner名字:</label>
+              <label for="addName"
+                     class="col-sm-3 control-label">Banner名字:</label>
               <div class="col-sm-8">
-                                <input type="text" class="form-control validate[required]" name="bannerName" id="addName">
+                <input type="text"
+                       class="form-control validate[required]"
+                       name="bannerName"
+                       id="addName">
               </div>
             </div>
             <div class="form-group">
               <label class="col-sm-3 control-label">banner图:</label>
               <div class="col-sm-8">
-                                <img src="" id="addImgUrl" style="width:250px;height:90px;" alt="">
-                                <input type="file" id="addUploadFile" name="uploadFile">
-                                <button class="btn btn-success" type="button" id="addUploadBtn">上传</button>
-                                <input type="hidden" id="addBannerPic" name="bannerPic"
+                <img src=""
+                     id="addImgUrl"
+                     style="width:250px;height:90px;"
+                     alt="">
+                <input type="file"
+                       id="addUploadFile"
+                       name="uploadFile">
+                <button class="btn btn-success"
+                        type="button"
+                        id="addUploadBtn">上传</button>
+                <input type="hidden"
+                       id="addBannerPic"
+                       name="bannerPic"
                        class="form-control validate[required]" />
               </div>
             </div>
             <div class="form-group">
               <label class="col-sm-3 control-label">跳转链接:</label>
-                            <select name="skipType" id="addSkipUrlSort" class="col-sm-2">
-                                <option value="1">跳转app内部</option>
-                                <option value="2">跳转房间</option>
+              <select name="skipType"
+                      id="addSkipUrlSort"
+                      class="col-sm-2">
+                <option value="2">Room ID</option>
+                <option value="1">指定地址</option>
                 <option value="3">跳转H5页面</option>
               </select>
               <div class="col-sm-6">
-                                <input type="text" class="form-control validate[required]" name="skipUri"
+                <input type="text"
+                       class="form-control validate[required]"
+                       name="skipUri"
                        id="addSkipUrlContent">
               </div>
             </div>
             <div class="form-group">
-                            <label for="addStartDate" class="col-sm-3 control-label">起始时间:</label>
+              <label for="addStartDate"
+                     class="col-sm-3 control-label">起始时间:</label>
               <div class="col-sm-8">
-                                <input id="addStartDate" type="text" name="startTime"
+                <input id="addStartDate"
+                       type="text"
+                       name="startTime"
                        class="form-control validate[required]">
               </div>
             </div>
             <div class="form-group">
-                            <label for="addEndDate" class="col-sm-3 control-label">结束时间:</label>
+              <label for="addEndDate"
+                     class="col-sm-3 control-label">结束时间:</label>
               <div class="col-sm-8">
-                                <input id="addEndDate" type="text" name="endTime" class="form-control validate[required]">
+                <input id="addEndDate"
+                       type="text"
+                       name="endTime"
+                       class="form-control validate[required]">
               </div>
             </div>
             <div class="form-group">
-                            <label for="seqNo" class="col-sm-3 control-label">排序设置:</label>
+              <label for="seqNo"
+                     class="col-sm-3 control-label">排序设置:</label>
               <div class="col-sm-3">
-                                <input type="text" id="addSeqNo" name="seqNo" class="form-control validate[required]">
+                <input type="text"
+                       id="addSeqNo"
+                       name="seqNo"
+                       class="form-control validate[required]">
               </div>
             </div>
 
             <div class="form-group">
               <div class="form-group">
-                                <label for="iosVersion" class="col-sm-3 control-label">ios版本号:</label>
+                <label for="iosVersion"
+                       class="col-sm-3 control-label">ios版本号:</label>
                 <div class="col-sm-3">
-                                    <input type="text" id="addIosVersion" name="iosVersion"
+                  <input type="text"
+                         id="addIosVersion"
+                         name="iosVersion"
                          class="form-control validate[required]">
                 </div>
               </div>
               <div class="form-group">
-                                <label for="androidVersion" class="col-sm-3 control-label">安卓版本号:</label>
+                <label for="androidVersion"
+                       class="col-sm-3 control-label">安卓版本号:</label>
                 <div class="col-sm-3">
-                                    <input type="text" id="addAndroidVersion" name="androidVersion"
+                  <input type="text"
+                         id="addAndroidVersion"
+                         name="androidVersion"
                          class="form-control validate[required]">
                 </div>
               </div>
@@ -323,16 +472,23 @@
             </div>
             <div class="form-group">
               <div class="form-group">
-                                <label for="noShowChannels" class="col-sm-3 control-label">不展示的渠道:</label>
+                <label for="noShowChannels"
+                       class="col-sm-3 control-label">不展示的渠道:</label>
                 <div class="col-sm-8">
-                                    <input type="text" id="addNoShowChannels" name="noShowChannels" class="form-control ">
+                  <input type="text"
+                         id="addNoShowChannels"
+                         name="noShowChannels"
+                         class="form-control ">
                 </div>
               </div>
               <span style="color:red; padding-left: 60px">注:留空则为所有渠道展示。多个渠道用英文逗号“,”隔开</span>
             </div>
             <div class="form-group">
-                            <label for="bannerStatus" class="col-sm-3 control-label">激活设置:</label>
-                            <select name="bannerStatus" id="addBannerStatus" class="col-sm-2">
+              <label for="bannerStatus"
+                     class="col-sm-3 control-label">激活设置:</label>
+              <select name="bannerStatus"
+                      id="addBannerStatus"
+                      class="col-sm-2">
                 <option value="1">激活</option>
                 <option value="2">不激活</option>
               </select>
@@ -346,7 +502,9 @@
             <div class="form-group">
               <label class="col-sm-3 control-label">Banner位置:</label>
               <div class="col-sm-4">
-                                <select name="bannerType" id="addBannerType" class="col-sm-10"
+                <select name="bannerType"
+                        id="addBannerType"
+                        class="col-sm-10"
                         onchange="addSelectOnChange(this.value)">
                   <option value="1">首页</option>
                   <option value="2">房间内</option>
@@ -355,15 +513,20 @@
                 </select>
               </div>
               <div class="col-sm-5 hidden titleListDev">
-                                <select name="titleId" id="addTitleList" class="col-sm-10 titleList">
+                <select name="titleId"
+                        id="addTitleList"
+                        class="col-sm-10 titleList">
 
                 </select>
               </div>
             </div>
             <div id="addBannerTypeDiv">
               <div class="form-group">
-                                <label for="platform" class="col-sm-3 control-label">展示平台:</label>
-                                <select name="platform" id="addPlatform" class="col-sm-3">
+                <label for="platform"
+                       class="col-sm-3 control-label">展示平台:</label>
+                <select name="platform"
+                        id="addPlatform"
+                        class="col-sm-3">
                   <option value="all">全平台展示</option>
                   <option value="ios">只展示IOS</option>
                   <option value="android">只展示安卓</option>
@@ -373,21 +536,31 @@
             </div>
             <div id="addActLimitDiv">
               <div class="form-group">
-                                <label for="limitLevelExper" class="col-sm-3 control-label">活动限制等级经验:</label>
+                <label for="limitLevelExper"
+                       class="col-sm-3 control-label">活动限制等级经验:</label>
                 <div class="col-sm-8">
-                                    <input type="text" class="form-control " name='limitLevelExper' id="addLimitLevelExper">
+                  <input type="text"
+                         class="form-control "
+                         name='limitLevelExper'
+                         id="addLimitLevelExper">
                 </div>
               </div>
               <div class="form-group">
-                                <label for="showType" class="col-sm-3 control-label">h5页面是否全屏展示:</label>
-                                <select name="showType" id="addShowType" class="col-sm-2">
+                <label for="showType"
+                       class="col-sm-3 control-label">h5页面是否全屏展示:</label>
+                <select name="showType"
+                        id="addShowType"
+                        class="col-sm-2">
                   <option value="1">全屏</option>
                   <option value="2">非全屏</option>
                 </select>
               </div>
               <div class="form-group">
-                                <label for="showRule" class="col-sm-3 control-label">活动入口展示规则:</label>
-                                <select name="showRule" id="addShowRule" class="col-sm-4">
+                <label for="showRule"
+                       class="col-sm-3 control-label">活动入口展示规则:</label>
+                <select name="showRule"
+                        id="addShowRule"
+                        class="col-sm-4">
                   <option value="1">始终展示</option>
                   <option value="2">达到限制等级展示</option>
                 </select>
@@ -397,13 +570,18 @@
           </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="addSave">保存</button>
+          <button type="button"
+                  class="btn btn-default"
+                  data-dismiss="modal">关闭</button>
+          <button type="button"
+                  class="btn btn-primary"
+                  id="addSave">保存</button>
         </div>
       </div>
     </div>
   </div>
-    <div id="imgMask"><img src="" alt=""></div>
+  <div id="imgMask"><img src=""
+         alt=""></div>
 </template>
 
 <script>
@@ -416,8 +594,8 @@ var validApp = {};
 
 export default {
   name: "FirstPageBannerView",
-    setup() {
-        function selectOnChange(val) {
+  setup () {
+    function selectOnChange (val) {
       if (val == 1) {
         $("#bannerTypeDiv").show();
         $("#actLimitDiv").hide();
@@ -429,7 +607,7 @@ export default {
         $("#actLimitDiv").hide();
       }
     }
-        function addSelectOnChange(val) {
+    function addSelectOnChange (val) {
       if (val == 1) {
         $("#addBannerTypeDiv").show();
         $("#addActLimitDiv").hide();
@@ -448,14 +626,14 @@ export default {
       addSelectOnChange
     };
   },
-    created() {
+  created () {
     this.$nextTick(function () {
       this.initPartition();
       this.initData();
     });
   },
   methods: {
-        initData() {
+    initData () {
 
       $(function () {
         var isEdit = false;
@@ -492,12 +670,12 @@ export default {
         //     }
         // }
 
-                function initTable() {
+        function initTable () {
           $('#table').bootstrapTable({
             columns: [
               { field: 'sel', title: 'ID', align: 'center', valign: 'middle', checkbox: true, width: '1%' },
               { field: 'bannerId', title: 'bannerID', align: 'center', valign: 'middle', width: '5%' },
-                            {field: 'partitionDesc', title: '地区', align: 'center', valign: 'middle', width: '5%'},
+              { field: 'partitionDesc', title: '地区', align: 'center', valign: 'middle', width: '5%' },
               { field: 'bannerName', title: '名称', align: 'center', valign: 'middle', width: '10%' },
               {
                 field: 'bannerType', title: 'banner位置', align: 'center', valign: 'middle', width: '10%',
@@ -666,7 +844,7 @@ export default {
             //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
             //设置为limit可以获取limit, offset, search, sort, order
             queryParamsType: "undefined",
-                        queryParams: function queryParams(params) {   //设置查询参数
+            queryParams: function queryParams (params) {   //设置查询参数
               var beginTime = ($('#beginTime').val()) ? ($("#beginTime").val() + ' 00:00:00') : null;
               var endTime = ($('#endTime').val()) ? ($('#endTime').val() + ' 23:59:59') : null;
               var param = {
@@ -720,15 +898,15 @@ export default {
                 partitionCheck.empty();
                 // 分区
                 for (var i = 0; i < length; i++) {
-                                    var checkbox = $("<input>", {type: "checkbox", id: "checkbox" + json.data[i].id, name: "partitionIds", value: json.data[i].id});
-                                    var label = $("<label>", {class: "partition-checkbox-label", text: json.data[i].desc});
+                  var checkbox = $("<input>", { type: "checkbox", id: "checkbox" + json.data[i].id, name: "partitionIds", value: json.data[i].id });
+                  var label = $("<label>", { class: "partition-checkbox-label", text: json.data[i].desc });
 
-                                    partitionCheck.append(checkbox,label);
+                  partitionCheck.append(checkbox, label);
                 }
                 $.ajax({
                   type: 'get',
                   url: '/admin/banner/get',
-                                    data: {'bannerId': id},
+                  data: { 'bannerId': id },
                   dataType: 'json',
                   success: function (json) {
                     if (json.code == 200) {
@@ -776,7 +954,7 @@ export default {
             }
           })
         });
-                function cleanModal(obj) {
+        function cleanModal (obj) {
           $('#addBannerForm').find('input[type=text],input[type=hidden],input[type=file]').each(function () {
             $(this).val('');
           })
@@ -862,7 +1040,7 @@ export default {
                     name: "partitionIds",
                     value: json.data[i].id
                   });
-                                    var label = $("<label>", {class: "partition-checkbox-label", text: json.data[i].desc});
+                  var label = $("<label>", { class: "partition-checkbox-label", text: json.data[i].desc });
 
                   partitionCheck.append(checkbox, label);
                 }
@@ -1076,7 +1254,7 @@ export default {
         })
       });
     },
-        initPartition() {
+    initPartition () {
       getPartitionInfoList().then(res => {
         let data = res.data;
         buildSelectOption(
@@ -1150,5 +1328,4 @@ export default {
   margin-right: 10px;
   margin-left: 5px;
 }
-
 </style>

src/views/gamepartner/GameInfo.vue

@@ -48,7 +48,7 @@
           :src="scope.row.logo"
           :zoom-rate="1.1"
           :preview-src-list="scope.row.logo"
-          fit="cover"
+          fit="scale-down"
           preview-teleported="true"
           hide-on-click-modal="true"
         />
@@ -63,7 +63,7 @@
           :src="scope.row.background"
           :zoom-rate="1.1"
           :preview-src-list="scope.row.background"
-          fit="cover"
+          fit="scale-down"
           preview-teleported="true"
           hide-on-click-modal="true"
         />
@@ -78,7 +78,7 @@
           :src="scope.row.pic"
           :zoom-rate="1.1"
           :preview-src-list="scope.row.pic"
-          fit="cover"
+          fit="scale-down"
           preview-teleported="true"
           hide-on-click-modal="true"
         />

src/views/games/lingSmallGames.vue

@@ -0,0 +1,376 @@
+<template>
+  <div class="box">
+    <!-- 查询 -->
+    <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 class="demonstration">日期</span>
+      <el-date-picker
+        v-model="inquire.time"
+        type="daterange"
+        range-separator="至"
+        start-placeholder="开始日期"
+        end-placeholder="结束日期"
+      >
+      </el-date-picker>
+    </div>
+    <!-- 查询按钮 -->
+    <el-button
+      class="primary"
+      type="primary"
+      @click="
+        tableData = [];
+        currentPage = 1;
+        isFinished = false;
+        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="dateTime" align="center" label="日期" />
+      <el-table-column prop="userCount" align="center" label="人数" />
+      <el-table-column prop="consumeNum" align="center" label="货币消耗" />
+      <el-table-column prop="settleNum" align="center" label="结算总量" />
+      <el-table-column prop="platformNum" align="center" label="平台收入" />
+      <el-table-column align="center" label="操作" width="300">
+        <template v-slot="scope">
+          <el-button
+            class="primary"
+            type="primary"
+            @click="
+              detailPageFunArr = scope.row;
+              tableDataDetails = [];
+              currentPage2 = 1;
+              isFinished2 = false;
+              detailPageFun();
+            "
+            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="[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 v-if="!isFinished" class="pagination">
+      <el-button
+        class="pagination_in"
+        @click="loadMore"
+        type="primary"
+        :loading="isLoading"
+        >加载更多</el-button
+      >
+    </div>
+    <div v-else class="pagination">
+      <span class="pagination_in">没有更多数据了</span>
+    </div>
+  </div>
+
+  <!-- 内嵌单个工会详情 -->
+  <el-dialog :title="detailsTitle" v-model="detailsDialog">
+    <el-table
+      v-loading="loading2"
+      :data="tableDataDetails"
+      border
+      style="width: 100%; margin-top: 25px"
+    >
+      <el-table-column prop="erbanNo" align="center" label="用户平台ID" />
+      <el-table-column prop="nick" align="center" label="昵称" />
+      <el-table-column prop="consumeNum" align="center" label="货币消耗" />
+      <el-table-column prop="settleNum" align="center" label="结算总量" />
+      <el-table-column prop="platformNum" align="center" label="平台收入" />
+    </el-table>
+    <!-- 分页 -->
+    <!-- <el-pagination
+      style="margin-top: 10px"
+      class="paginationClass"
+      v-model:current-page="currentPage2"
+      v-model:page-size="pageSize2"
+      :page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
+      layout="sizes, prev, pager, next"
+      :total="total2"
+      @size-change="handleSizeChange2"
+      @current-change="handleCurrentChange2"
+    /> -->
+    <!-- 加载更多按钮 -->
+    <div v-if="!isFinished2" class="pagination">
+      <el-button
+        class="pagination_in"
+        @click="loadMore2"
+        type="primary"
+        :loading="isLoading2"
+        >加载更多</el-button
+      >
+    </div>
+    <div v-else class="pagination">
+      <span class="pagination_in">没有更多数据了</span>
+    </div>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="detailsDialog = false">关闭</el-button>
+        <el-button type="primary" @click="confirmExport2Excel2()"
+          >导出</el-button
+        >
+      </div></template
+    >
+  </el-dialog>
+</template>
+<script>
+import {
+  statisPage,
+  sysConfKey,
+  detailPage,
+  exportForMiniGame,
+  statisExport,
+} from "@/api/lingSmallGames/lingSmallGames";
+// @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: "lingSmallGames",
+  data() {
+    return {
+      loading: false,
+      loading2: false,
+      //查询所需条件对象
+      inquire: {
+        time: "",
+        gameArrVal: "",
+        gamesArr: [],
+      },
+      // 表格
+      tableData: [],
+      // 分页
+      total: 0, //总页数
+      currentPage: 1, //页码
+      pageSize: 10, //条数
+      isLoading: false, // 加载状态
+      isFinished: false, // 是否加载完成
+      //   弹窗
+      detailsDialog: false,
+      detailsTitle: "",
+      tableDataDetails: [],
+      dateTimePub: null,
+      detailPageFunArr: {},
+      // 分页
+      total2: 0, //总页数
+      currentPage2: 1, //页码
+      pageSize2: 10, //条数
+      isLoading2: false, // 加载状态
+      isFinished2: false, // 是否加载完成
+    };
+  },
+  created() {
+    sysConfKey({ configId: "leadercc_game" }).then((res) => {
+      this.inquire.gamesArr = JSON.parse(res.data.configValue);
+      this.getData();
+    });
+  },
+  methods: {
+    // 查询接口
+    getData() {
+      this.isLoading = true;
+      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");
+      }
+      statisPage({
+        gameId: this.inquire.gameArrVal,
+        startTime: startTime,
+        endTime: endTime,
+        pageNum: this.currentPage,
+        pageSize: this.pageSize,
+      }).then((res) => {
+        if (res.code == 200) {
+          // 判断返回的记录是否为空数组
+          const records = res.data.records;
+          if (records.length > 0) {
+            // 如果有数据，追加到表格数据中
+            this.tableData = [...this.tableData, ...records];
+            this.currentPage++; // 更新当前页码
+          } else {
+            // 如果数据长度为 0，停止加载
+            this.isFinished = true;
+          }
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+        this.loading = false;
+        this.isLoading = false;
+      });
+    },
+    // 加载下一页数据
+    loadMore() {
+      if (!this.isFinished) {
+        this.currentPage = this.currentPage++;
+        this.getData(this.currentPage);
+      }
+    },
+    // 加载下一页数据
+    loadMore2() {
+      if (!this.isFinished2) {
+        this.currentPage2 = this.currentPage2++;
+        this.detailPageFun(this.currentPage2);
+      }
+    },
+    // 导出
+    confirmExport2Excel() {
+      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");
+      }
+      exportForMiniGame({
+        gameId: this.inquire.gameArrVal,
+        startTime: startTime,
+        endTime: endTime,
+      }).then();
+    },
+    // 导出弹窗
+    confirmExport2Excel2() {
+      statisExport({
+        dateTime: this.dateTimePub,
+        gameId: this.inquire.gameArrVal,
+      }).then();
+    },
+    // 详情接口
+    detailPageFun() {
+      this.isLoading2 = true;
+      this.detailsDialog = true;
+      this.loading2 = true;
+      this.detailsTitle = this.dateTimePub = this.detailPageFunArr.dateTime;
+      detailPage({
+        gameId: this.detailPageFunArr.gameId,
+        dateTime: this.detailPageFunArr.dateTime,
+        pageNum: this.currentPage2,
+        pageSize: this.pageSize2,
+      }).then((res) => {
+        if (res.code == 200) {
+          // 判断返回的记录是否为空数组
+          const records2 = res.data.records;
+          if (records2.length > 0) {
+            // 如果有数据，追加到表格数据中
+            this.tableDataDetails = [...this.tableDataDetails, ...records2];
+            this.currentPage2++; // 更新当前页码
+          } else {
+            // 如果数据长度为 0，停止加载
+            this.isFinished2 = true;
+          }
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+        this.loading2 = false;
+        this.isLoading2 = false;
+      });
+    },
+    // 分页导航
+    handleSizeChange() {
+      this.getData();
+    },
+    handleCurrentChange() {
+      this.getData();
+    },
+    handleSizeChange2() {
+      this.detailPageFun();
+    },
+    handleCurrentChange2() {
+      this.detailPageFun();
+    },
+  },
+};
+</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/guildOperationManagement/agentSendSalary.vue

@@ -177,8 +177,13 @@ export default {
       this.tableLoading = true;
 
       let { pageParams, searchForm } = this;
-      searchForm.startTime = dateFormat(searchForm.startTime,'yyyy-MM-dd hh:mm:ss');
-      searchForm.endTime = dateFormat(searchForm.endTime,'yyyy-MM-dd hh:mm:ss');
+      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) => {
@@ -198,7 +203,7 @@ export default {
           let data = res.data;
           this.tableData = data.records;
           this.pageTotal = data.total;
-        }else {
+        } else {
           ElMessage({
             showClose: true,
             message: res.message,
@@ -209,7 +214,7 @@ export default {
       chargeAgentSum(pageParams).then((res) => {
         if (res.code == 200) {
           this.total = res.data;
-        }else {
+        } else {
           ElMessage({
             showClose: true,
             message: res.message,

src/views/guildOperationManagement/diamondFlow.vue

@@ -0,0 +1,237 @@
+<template>
+  <div class="box">
+    <!-- 查询 -->
+    <div class="inquire">
+      <span>公会ID</span>
+      <el-input
+        v-model="inquire.guildId"
+        placeholder=""
+        class="input"
+      ></el-input>
+    </div>
+    <div class="inquire">
+      <span>公会长ID</span>
+      <el-input
+        v-model="inquire.guildBoosId"
+        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> -->
+    <div class="inquire">
+      <div class="block">
+        <span class="demonstration">开始时间</span>
+        <el-date-picker
+          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>
+    </div>
+
+    <!-- 查询按钮 -->
+    <el-button class="primary but" type="primary" @click="getData()"
+      >查询</el-button
+    >
+    <el-button
+      class="primary"
+      type="primary"
+      @click="
+        inquire.guildId = '';
+        inquire.guildBoosId = '';
+        inquire.time = [];
+        getData();
+      "
+      >重置查询</el-button
+    >
+    <el-button
+      class="primary"
+      type="primary"
+      @click="diamondStatisticsExportFun()"
+      >导出</el-button
+    >
+
+    <!-- 表格 -->
+    <el-table
+      v-loading="loading"
+      :data="tableData"
+      border
+      style="width: 100%; margin-top: 25px"
+    >
+      <el-table-column type="index" width="100" align="center" label="序号" />
+      <el-table-column prop="guildId" align="center" label="公会ID" />
+      <el-table-column prop="guildName" align="center" label="公会昵称" />
+      <el-table-column prop="ownerErbanNo" align="center" label="公会长ID" />
+      <el-table-column prop="memberNum" align="center" label="主播人数" />
+      <el-table-column prop="diamondNum" 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 {
+  diamondStatistics,
+  diamondStatisticsExport,
+} from "@/api/relAgency/relAgency";
+// @ts-ignore
+import { dateFormat } from "@/utils/system-helper";
+// @ts-ignore
+import { ElMessage } from "element-plus";
+export default {
+  name: "diamondFlow",
+  data() {
+    return {
+      loading: false,
+      //查询所需条件对象
+      inquire: {
+        guildId: "",
+        guildBoosId: "",
+        time: [],
+      },
+      // 表格
+      tableData: [],
+      //   新增弹窗
+      addDialog: false,
+      // 分页
+      total: 0, //总页数
+      currentPage: 1, //页码
+      pageSize: 5, //条数
+    };
+  },
+  created() {
+    // this.getData();
+  },
+  methods: {
+    // 查询接口
+    getData() {
+      this.loading = true;
+      let time = this.inquire.time;
+      let startTime = null;
+      let endTime = null;
+      if (time.length > 0) {
+        startTime = this.inquire.time[0]
+          ? dateFormat(this.inquire.time[0], "yyyy-MM-dd")
+          : null;
+        endTime = this.inquire.time[1]
+          ? dateFormat(this.inquire.time[1], "yyyy-MM-dd")
+          : null;
+      }
+      diamondStatistics({
+        guildId: this.inquire.guildId,
+        ownerErbanNo: this.inquire.guildBoosId,
+        startTime: startTime,
+        endTime: endTime,
+        pageNo: this.currentPage,
+        pageSize: this.pageSize,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.total = res.data.total;
+          this.tableData = res.data.records;
+          this.loading = false;
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    },
+    // 导出
+    diamondStatisticsExportFun() {
+      let time = this.inquire.time;
+      let startTime = "";
+      let endTime = "";
+      if (time && time.length > 0) {
+        startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd");
+        endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd");
+      }
+      diamondStatisticsExport({
+        guildId: this.inquire.guildId,
+        ownerErbanNo: this.inquire.guildBoosId,
+        startTime: startTime,
+        endTime: endTime,
+      });
+    },
+    // 分页导航
+    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: 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/guildInfo.vue

@@ -61,6 +61,19 @@
       <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="公会背景图">
@@ -69,7 +82,7 @@
                     :src="scope.row.backgroundUrl"
                     :zoom-rate="1.1"
                     :preview-src-list="[scope.row.backgroundUrl]"
-                    fit="cover"
+                    fit="scale-down"
                     preview-teleported="true"
                     hide-on-click-modal="true" />
         </template>
@@ -241,6 +254,22 @@
                   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"
@@ -480,6 +509,7 @@ export default {
         guildNumber: "",
         id: "",
         imageUrl1: "",
+        imageUrl2: "",
       },
       // 收款账户弹窗
       payAccountDialog: false,
@@ -706,6 +736,7 @@ export default {
       this.ediObj.guildNumber = obj.memberNumLimit;
       this.ediObj.id = obj.id;
       this.ediObj.imageUrl1 = obj.backgroundUrl;
+      this.ediObj.imageUrl2 = obj.avatar;
       this.editDialog = true;
     },
     // 二次确认弹窗
@@ -715,6 +746,7 @@ export default {
         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) {
@@ -774,7 +806,6 @@ export default {
     },
     handleAvatarSuccess (res, file) {
       console.log(file);
-      // this.ediObj.imageUrl1 = URL.createObjectURL();
       this.ediObj.imageUrl1 = file.response.data;
       ElMessage({
         showClose: true,
@@ -782,6 +813,15 @@ export default {
         type: "success",
       });
     },
+    handleAvatarSuccess2(res, file) {
+      console.log(file);
+      this.ediObj.imageUrl2 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
     // 分页导航
     handleSizeChange () {
       this.getData();

src/views/guildOperationManagement/officialWithdrawRecord.vue

@@ -20,16 +20,36 @@
           :disabled="tableLoading"
         >
           <div class="search-line">
-            <el-form-item label="公会长ID" prop="agencyOwnerErbanNo">
+            <el-form-item label="MoliStar ID" prop="agencyOwnerErbanNo">
               <el-input
                 v-model.trim="searchForm.agencyOwnerErbanNo"
                 placeholder="请输入"
               ></el-input>
             </el-form-item>
-            <el-form-item label="状态" prop="status">
+            <el-form-item label="提现状态" prop="status">
               <el-select v-model="searchForm.status">
-                <el-option label="已结算" value="1"></el-option>
-                <el-option label="未结算" value="0"></el-option>
+                <el-option label="审核中" value="0"></el-option>
+                <el-option label="审核通过" value="1"></el-option>
+                <el-option label="未通过" value="2"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="提现账户" prop="accountType">
+              <el-select v-model="searchForm.accountType">
+                <el-option label="Vodafone" value="VODAFONE"></el-option>
+                <el-option label="Payonner" value="PAYONNER"></el-option>
+                <el-option label="USD" value="USDT"></el-option>
+                <el-option label="Bank" value="BANK"></el-option>
+                <el-option label="Other" value="OTHER"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="国家" prop="country">
+              <el-select v-model="searchForm.country">
+                <el-option
+                  v-for="(item, index) in adminCountryArr"
+                  :key="index"
+                  :label="item.label"
+                  :value="item.value"
+                ></el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="时间" class="large">
@@ -52,17 +72,30 @@
 
             <el-form-item label-width="40px">
               <el-button type="primary" @click="handSearch">搜索</el-button>
-              <el-button plain @click="resetSearchForm">重置搜索</el-button>
-            </el-form-item>
-          </div>
-        </el-form>
-        <el-button type="primary" class="exportBtn" @click="confirmExport2Excel"
+              <el-button  type="primary" plain @click="resetSearchForm">重置搜索</el-button>
+              <el-button
+                type="primary"
+                class="exportBtn"
+                @click="confirmExport2Excel"
                 >导出</el-button
               >
               <el-button @click="handleChangeAll()" type="info" plain
-          >批量操作</el-button
+                >批量发放</el-button
               >
+              <el-button
+                @click="
+                  centerDialogVisible = true;
+                  centerDialogVisibleType = 1;
+                "
+                type="info"
+                plain
+                >批量驳回</el-button
+              >
+            </el-form-item>
           </div>
+        </el-form>
+      </div>
+      <!-- 表格 -->
       <div class="table">
         <el-table
           :data="tableData"
@@ -70,74 +103,88 @@
           v-loading="tableLoading"
           @header-click="headerCopy"
           @selection-change="handleSelectionChange"
-          style="width: 100%"
+          style="width: 100%;overflow-x: auto;"
         >
-          <el-table-column type="selection" width="55"> </el-table-column>
-          <!-- <el-table-column align="center" prop="region" label="区服">
-            <template v-slot="scope">
-              {{ regionType(scope.row.region) }}
-            </template>
-          </el-table-column>-->
-          <el-table-column align="center" prop="agencyId" label="公会ID">
-          </el-table-column>
-          <el-table-column align="center" prop="erbanNo" label="公会长ID">
-          </el-table-column>
-          <el-table-column align="center" prop="nick" label="公会长昵称">
-          </el-table-column>
-          <!-- <el-table-column align="center" prop="region" label="区域">
-          </el-table-column>
-          <el-table-column align="center" prop="abbr" label="国家">
-          </el-table-column> -->
-          <el-table-column align="center" prop="guildUsdNum" label="提现薪资">
-            <template v-slot="scope">
-              {{ scope.row.guildUsdNum }}
-            </template>
-          </el-table-column>
+          <el-table-column type="selection"> </el-table-column>
+          <el-table-column align="center" prop="erbanNo" label="MoliStar ID" />
+          <el-table-column align="center" prop="nick" label="昵称" />
+          <el-table-column align="center" prop="accountCountry" label="国家" />
           <el-table-column
             align="center"
-            prop="createTime"
-            label="创建时间"
-            width="160"
+            prop="blocked"
+            label="用户当前账户状态"
           >
             <template v-slot="scope">
-              {{ convertTimestamp(scope.row.createTime) }}
+              {{ scope.row.blocked ? "封禁" : "正常" }}
             </template>
           </el-table-column>
-          <el-table-column align="center" prop="status" label="状态">
+          <el-table-column align="center" prop="status" label="申请状态">
             <template v-slot="scope">
-              {{ scope.row.status == 0 ? "未结算" : "已结算" }}
+              {{
+                scope.row.status == 0
+                  ? "审核中"
+                  : scope.row.status == 1
+                  ? "通过"
+                  : "未通过"
+              }}
             </template>
           </el-table-column>
-          <el-table-column align="center" prop="hallSalary" label="操作">
+          <el-table-column align="center" prop="createTime" label="申请时间" />
+          <el-table-column
+            align="center"
+            prop="accountType"
+            label="提现类型  "
+          />
+          <el-table-column
+            align="center"
+            prop="guildUsdNum"
+            label="提现薪资US"
+          />
+          <el-table-column align="center" prop="currency" label="发放币种" />
+          <el-table-column align="center" prop="currencyNum" label="发放金额" />
+          <el-table-column align="center" prop="withdrawRate" label="手续费" />
+          <el-table-column align="center" prop="withdrawNum" label="核销薪资" />
+          <el-table-column align="center" prop="remark" label="驳回理由">
             <template v-slot="scope">
+              {{ scope.row.remark ? scope.row.remark : "/" }}
+            </template>
+          </el-table-column>
+          <el-table-column align="center" prop="hallSalary" label="操作" width="150">
+            <template v-slot="scope">
+              <div v-if="scope.row.status == 0">
                 <el-button
-                v-if="scope.row.status == 0"
                   @click="handleChange(scope.row)"
                   type="text"
                   size="mini"
                 >
-                结算
+                  发放
                 </el-button>
-            </template>
-          </el-table-column>
-          <el-table-column
-            align="center"
-            prop="updateTime"
-            label="操作时间"
-            width="160"
+                <el-button
+                  @click="
+                    centerDialogVisible = true;
+                    centerDialogVisibleType = 2;
+                    centerDialogVisibleID = scope.row.id;
+                  "
+                  type="text"
+                  size="mini"
                 >
-            <template v-slot="scope">
-              {{
-                scope.row.updateTime
-                  ? convertTimestamp(scope.row.updateTime)
-                  : ""
-              }}
+                  驳回
+                </el-button>
+              </div>
+              <div>
+                <el-button
+                  @click="accountInfosFun(scope.row)"
+                  type="text"
+                  size="mini"
+                >
+                  查看详情
+                </el-button>
+              </div>
             </template>
           </el-table-column>
-          <el-table-column align="center" prop="operator" label="操作人">
-          </el-table-column>
         </el-table>
       </div>
+      <!-- 分页 -->
       <table-pagination
         :pageParams="pageParams"
         :pageTotal="pageTotal"
@@ -145,6 +192,46 @@
         @handleSizeChange="handleSizeChange"
         @handlePageChange="handlePageChange"
       ></table-pagination>
+      <!-- 驳回弹窗 -->
+      <el-dialog v-model="centerDialogVisible" title="提示" width="30%" center>
+        <span> 请选择驳回理由:</span>
+        <div class="boxs">
+          <el-radio class="radios" v-model="radio" label="用户消息提供不足"
+            >用户消息提供不足</el-radio
+          >
+        </div>
+        <template #footer>
+          <span class="dialog-footer">
+            <el-button @click="centerDialogVisible = false">取消</el-button>
+            <el-button type="primary" @click="dialogClick()"> 确认 </el-button>
+          </span>
+        </template>
+      </el-dialog>
+      <!-- 提现详情弹窗 -->
+      <el-dialog v-model="centerDialogVisible2" title="提现详情">
+        <div class="boxs2">
+          <div>申请提现时间：{{ accountDetails.createTime }}</div>
+          <div>申请ID：{{ accountDetails.erbanNo }}</div>
+          <div>country：{{ accountDetails.country }}</div>
+          <div>payeeAccount：{{ accountDetails.bank_account }}</div>
+          <div>Bank Name：{{ accountDetails.bank_name }}</div>
+          <div>SWIFT Code：{{ accountDetails.swift_code }}</div>
+          <div>payeeName:：{{ accountDetails.full_name }}</div>
+          <div>address：{{ accountDetails.address }}</div>
+          <div>提现薪资US：{{ accountDetails.guildUsdNum }}</div>
+          <div>
+            发放金额：{{ accountDetails.currency }}
+            {{ accountDetails.currencyNum }}
+          </div>
+          <div>提现手续费：{{ accountDetails.withdrawRate }}</div>
+          <div>核销薪资：{{ accountDetails.withdrawNum }}</div>
+        </div>
+        <template #footer>
+          <span class="dialog-footer">
+            <el-button @click="centerDialogVisible2 = false">确认</el-button>
+          </span>
+        </template>
+      </el-dialog>
     </div>
   </div>
 </template>
@@ -155,12 +242,14 @@ import {
   agencyWithdrawExamineExport,
   agencyWithdrawSet,
   agencyWithdrawBatchSet,
+  batchReject,
+  adminCountry,
 } from "@/api/relAgency/relAgency.js";
 import TablePagination from "@/components/common/TablePagination";
 import { formatDate, formatDateYMD } from "@/utils/relDate";
 import { dateFormat } from "@/utils/system-helper";
 import { ElMessage } from "element-plus";
-import { ElMessageBox } from 'element-plus'; // 正确引入 ElM
+import { ElMessageBox } from "element-plus"; // 正确引入 ElM
 // 混入
 // import Mixin from '../../mixin/mixRegion.js';
 
@@ -174,19 +263,27 @@ export default {
       btnLoading: false, // 导出弹出框(dialog)的确认按钮
       tableLoading: false, // 表格是否加载中
 
-      tableData: [], // 接口返回的表格数据
+      tableData: [], // 接口  返回的表格数据
       pageTotal: 0, // 接口返回的表格总条数
       pageParams: {
         pageNo: 1,
         pageSize: 20,
       },
+      centerDialogVisible: false, //驳回弹窗
+      centerDialogVisibleType: null, //驳回弹窗
+      centerDialogVisibleID: null, //驳回弹窗
+      centerDialogVisible2: false, //操作弹窗
+      radio: "用户消息提供不足", //驳回原因
       // 搜索表单相关
       searchForm: {
         agencyOwnerErbanNo: null,
         status: null,
         startTime: null,
         endTime: null,
+        adminCountry: null,
+        country: null,
       },
+      adminCountryArr: [],
       searchRule: {
         startTime: [
           {
@@ -216,18 +313,41 @@ export default {
         ],
       },
       idStr: [], //批量删除ID
+      // 查看薪资弹窗数据存储
+      accountDetails: {
+        createTime: null,
+        erbanNo: null,
+        country: null,
+        bank_account: null,
+        bank_name: null,
+        swift_code: null,
+        full_name: null,
+        address: null,
+        guildUsdNum: null,
+        currency: null,
+        currencyNum: null,
+        withdrawRate: null,
+        withdrawNum: null,
+      },
     };
   },
   created() {
-    // this.getData();
+    adminCountry().then((res) => {
+      this.adminCountryArr = res.data;
+      this.getData();
+    });
   },
   methods: {
     getData() {
       this.tableLoading = true;
 
       let { pageParams, searchForm } = this;
-      searchForm.startTime = dateFormat(searchForm.startTime,'yyyy-MM-dd hh:mm:ss');
-      searchForm.endTime = dateFormat(searchForm.endTime,'yyyy-MM-dd hh:mm:ss');
+      searchForm.startTime = searchForm.startTime
+        ? dateFormat(searchForm.startTime, "yyyy-MM-dd hh:mm:ss")
+        : "";
+      searchForm.endTime = searchForm.endTime
+        ? dateFormat(searchForm.endTime, "yyyy-MM-dd hh:mm:ss")
+        : "";
       searchForm = JSON.parse(JSON.stringify(searchForm));
       pageParams = JSON.parse(JSON.stringify(pageParams));
       Object.keys(searchForm).forEach((item) => {
@@ -239,7 +359,8 @@ export default {
         }
       });
       Object.assign(pageParams, searchForm);
-
+      console.log(pageParams);
+      console.log(searchForm);
       agencyWithdrawList(pageParams).then((res) => {
         this.tableLoading = false;
         if (res.code == 200) {
@@ -284,6 +405,61 @@ export default {
           });
         });
     },
+    // 查看详情处理函数
+    accountInfosFun(res) {
+      var obj = JSON.parse(res.accountInfos);
+      console.log(obj);
+      this.accountDetails.createTime = res.createTime ? res.createTime : "-";
+      this.accountDetails.erbanNo = res.erbanNo ? res.erbanNo : "-";
+      this.accountDetails.country = obj.country ? obj.country : "-";
+      this.accountDetails.bank_account = obj.bank_account
+        ? obj.bank_account
+        : "-";
+      this.accountDetails.bank_name = obj.bank_name ? obj.bank_name : "-";
+      this.accountDetails.swift_code = obj.swift_code ? obj.swift_code : "-";
+      this.accountDetails.full_name = obj.full_name ? obj.full_name : "-";
+      this.accountDetails.address = obj.address ? obj.address : "-";
+      this.accountDetails.guildUsdNum = res.guildUsdNum ? res.guildUsdNum : "-";
+      this.accountDetails.currency = res.currency ? res.currency : "-";
+      this.accountDetails.currencyNum = res.currencyNum ? res.currencyNum : "-";
+      this.accountDetails.withdrawRate = res.withdrawRate
+        ? res.withdrawRate
+        : "-";
+      this.accountDetails.withdrawNum = res.withdrawNum ? res.withdrawNum : "-";
+      this.centerDialogVisible2 = true;
+    },
+    // 批量驳回
+    dialogClick() {
+      batchReject({
+        ids:
+          this.centerDialogVisibleType == 1
+            ? this.idStr
+            : this.centerDialogVisibleID,
+        remark: this.radio,
+      })
+        .then((res) => {
+          if (res.code == 200) {
+            ElMessage({
+              type: "success",
+              message: "操作成功!",
+            });
+            this.getData();
+            this.centerDialogVisible = false;
+            this.idStr = null;
+          } else {
+            ElMessage({
+              type: "error",
+              message: res.message,
+            });
+          }
+        })
+        .catch(() => {
+          ElMessage({
+            type: "warning ",
+            message: "已取消",
+          });
+        });
+    },
     handleChange(row) {
       ElMessageBox.confirm("确定要结算吗", "提示", {
         confirmButtonText: "确定",
@@ -291,7 +467,7 @@ export default {
         type: "warning",
       })
         .then(() => {
-          agencyWithdrawSet({ id: row.id }).then((res) => {
+          agencyWithdrawSet({ ids: row.id }).then((res) => {
             if (res.success === true) {
               ElMessage({
                 type: "success",
@@ -405,13 +581,34 @@ export default {
 
 <style scope>
 .exportBtn {
-  margin-bottom: 20px;
+  margin-bottom: 0;
+}
+.text {
+  margin-left: 20px;
 }
-
 .container {
   width: 100%;
 }
 .search-line {
   width: 38%;
 }
+.boxs {
+  margin-top: 10px;
+  width: 100%;
+  word-wrap: break-word; /* 允许在单词内换行 */
+  overflow-wrap: break-word; /* 同上，现代浏览器推荐使用 */
+  white-space: normal; /* 允许换行 */
+}
+.radios {
+  display: block !important;
+  width: 100% !important;
+  word-wrap: break-word !important; /* 允许在单词内换行 */
+  overflow-wrap: break-word !important; /* 同上，现代浏览器推荐使用 */
+  white-space: normal !important; /* 允许换行 */
+  height: auto !important;
+}
+.boxs2 div {
+  margin-bottom: 10px;
+  font-size: 16px;
+}
 </style>

src/views/luckGift/arrange.vue

@@ -0,0 +1,232 @@
+<template>
+  <div class="box">
+    <div class="condition">
+      <!-- 分区 -->
+      <div class="inquire">
+        <span>奖池</span>
+        <el-select
+          v-model="inquire.value"
+          placeholder="请选择"
+          @change="handleChange"
+        >
+          <el-option
+            v-for="item in inquire.options"
+            :key="item.type"
+            :label="item.name"
+            :value="item.type"
+          >
+          </el-option>
+        </el-select>
+      </div>
+    </div>
+
+    <!-- 总分组 -->
+    <div class="allArr">
+      目前数组 <span>{{ allArr.length }} </span> 组:
+      <span class="span" v-for="(item, index) in allArr" :key="index">
+        {{ item.expect }},
+      </span>
+    </div>
+
+    <!-- 数组设置 -->
+    <div class="arrSet">数组设置：</div>
+
+    <!-- 数组内容 -->
+    <div class="boxs">
+      <div class="arrContent" v-for="(item, index) in arr" :key="index">
+        <div class="arrBox">
+          <div class="left">
+            <div class="left_in1">
+              期望: <b class="b1">{{ item.expect }}</b> ,
+            </div>
+            <div class="left_in2">
+              得到率: <b class="b2">{{ (item.winRate * 100).toFixed(2) }}%</b> ,
+            </div>
+          </div>
+          <div class="right" v-for="(arrInItem, i) in item.itemList" :key="i">
+            <span>{{ arrInItem.multi }}</span>
+            <el-input
+              @input="handleInput(index, i, $event)"
+              v-model="arrInItem.num"
+              placeholder=""
+              class="input"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 按钮 -->
+    <div class="but">
+      <el-button class="primary" type="primary" @click="saveFun()"
+        >保存
+      </el-button>
+    </div>
+  </div>
+</template>
+<script>
+import { listType, list, save } from "@/api/luckGift/luckGift";
+// @ts-ignore
+import { dateFormat } from "@/utils/system-helper";
+// @ts-ignore
+import { ElMessage } from "element-plus";
+import moment from "moment-timezone";
+export default {
+  name: "luckGiftArrange",
+  data() {
+    return {
+      //查询所需条件对象
+      inquire: {
+        value: "",
+        options: [],
+      },
+      allArr: [], //总数组
+      arr: [], //处理下面总数组
+    };
+  },
+  created() {
+    listType().then((res) => {
+      this.inquire.options = res.data;
+      this.inquire.value = res.data[0].type;
+      this.getData();
+    });
+  },
+  methods: {
+    // 查询接口
+    getData() {
+      list({ type: this.inquire.value }).then((res) => {
+        this.allArr = res.data;
+        this.arr = res.data;
+      });
+    },
+    handleInput(index, i, val) {
+      // 期望值 expectedvalue = 倍数 * 5 * num / 2500
+      // 中奖率 winRate =不为θ的倍数的num / 500
+      this.arr[index].expect = this.calculationFun(index, i, val).expect;
+      this.arr[index].winRate = this.calculationFun(index, i, val).winRate;
+    },
+    // 计算函数
+    calculationFun(index, i, val) {
+      var expectNum = 0;
+      var winRate = 0;
+      this.arr[index].itemList.forEach((res) => {
+        expectNum += res.multi * res.num;
+        winRate += Number(res.num);
+      });
+      console.log(winRate);
+      return {
+        expect: (expectNum / 500).toFixed(2),
+        winRate: (winRate / 500).toFixed(4),
+      };
+    },
+    // 保存
+    saveFun() {
+      //
+      save(
+        JSON.stringify({ poolList: this.arr, type: this.inquire.value })
+      ).then((res) => {
+        if (res.code == 200) {
+          ElMessage({
+            showClose: true,
+            message: "保存成功",
+            type: "success",
+          });
+          this.getData();
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    },
+    // 监听类型
+    handleChange(value) {
+      this.inquire.value = value;
+      this.getData();
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.box {
+  padding-top: 20px;
+  background: #ecf0f5;
+  font-size: 18px;
+  .condition {
+    margin-bottom: 20px;
+    .inquire {
+      display: inline-block;
+      margin-right: 20px;
+      span {
+        margin-right: 10px;
+      }
+      .input {
+        width: 180px;
+        margin-right: 10px;
+      }
+    }
+  }
+  .but {
+    margin-bottom: 20px;
+  }
+  .allArr {
+    margin: 20px 0 10px 0;
+    span {
+      color: red;
+    }
+    .span {
+      margin: 0 10px;
+    }
+  }
+  .arrSet {
+    margin-bottom: 0px;
+  }
+  .boxs {
+    display: flex;
+    // justify-content: space-between;
+    flex-wrap: wrap;
+    .arrContent {
+      // margin-bottom: 20px;
+      width: 190px;
+      height: 395px;
+      line-height: 30px;
+      margin-bottom: 20px;
+      .arrBox {
+        .left {
+          // float: left;
+          div {
+            min-width: 100px;
+            display: block;
+            // margin-bottom: -25px;
+            .b1 {
+              color: red;
+            }
+            .b2 {
+              color: blue;
+            }
+          }
+          .left_in2 {
+            margin-bottom: 10px
+          }
+        }
+        .right {
+          float: left;
+          margin-bottom: 15px;
+          span {
+            display: inline-block;
+            width: 45px;
+          }
+          .input {
+            display: inline-block;
+            width: 100px;
+            margin-right: 10px;
+            font-size: 16px;
+          }
+        }
+      }
+    }
+  }
+}
+</style>

src/views/luckGift/luckGiftData.vue

@@ -0,0 +1,265 @@
+<template>
+  <div class="box">
+    <!-- ID -->
+    <div class="condition">
+      <!-- 分区 -->
+      <div class="inquire">
+        <span>分区</span>
+        <el-select
+          v-model="inquire.value"
+          placeholder="请选择"
+          @change="handleChange"
+        >
+          <el-option
+            v-for="item in inquire.options"
+            :key="item.type"
+            :label="item.name"
+            :value="item.type"
+          >
+          </el-option>
+        </el-select>
+      </div>
+      <div class="inquire">
+        <span>MoliStar ID</span>
+        <el-input v-model="inquire.userId" placeholder="" class="input">
+        </el-input>
+      </div>
+      <!-- 送出时间 -->
+      <div class="inquire">
+        <span>送出时间</span>
+        <el-date-picker v-model="inquire.time" type="date" placeholder="请选择">
+        </el-date-picker>
+      </div>
+    </div>
+    <!-- 按钮 -->
+    <div class="but">
+      <el-button class="primary" type="primary" @click="getData()"
+        >查询
+      </el-button>
+      <el-button
+        @click="
+          inquire.userId = '';
+          inquire.time = '';
+        "
+        >重置筛选
+      </el-button>
+      <el-button
+        class="primary"
+        type="primary"
+        style="margin-left=20px;"
+        :disabled="butClick"
+        @click="
+          editDialog = true;
+          type = 12;
+          editDialogTitle = '赠送1000倍奖励';
+          value = inquire.x;
+        "
+      >
+        赠送</el-button
+      >
+    </div>
+
+    <!-- 表格 -->
+    <el-table
+      v-loading="loading"
+      :data="tableData"
+      border
+      style="width: 100%; margin-top: 25px"
+    >
+      <el-table-column prop="date" align="center" label="日期" />
+      <el-table-column prop="uid" align="center" label="uid" />
+      <el-table-column prop="erbanNo" align="center" label="平台id" />
+      <el-table-column prop="totalInput" align="center" label="进入" />
+      <el-table-column prop="totalOutput" align="center" label="退出" />
+      <el-table-column prop="production" align="center" label="剩余" />
+      <el-table-column
+        prop="productionRatio"
+        align="center"
+        label="退出/进入"
+      />
+      <el-table-column prop="avgInput" align="center" label="每次进入" />
+      <el-table-column prop="num" align="center" label="总次数" />
+      <el-table-column prop="winNum" align="center" label="得到次数" />
+      <el-table-column prop="winRate" 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"
+    />
+
+    <!-- 编辑弹窗 -->
+    <el-dialog v-model="editDialog" :title="editDialogTitle" width="36%" center>
+      <div style="margin-bottom: 25px; margin-top: 10px">
+        <span
+          style="display: inline-block; margin-right: 20px"
+          class="col-sm-2 control-label"
+          >{{ editDialogTitle }}</span
+        >
+        <el-input
+          v-model="value"
+          style="width: 75%"
+          class="input"
+          placeholder="请输入用户ID"
+        ></el-input>
+      </div>
+
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button
+            @click="
+              editDialog = false;
+              butClick = false;
+            "
+            >取消</el-button
+          >
+          <el-button
+            type="primary"
+            :disabled="butClick"
+            @click="editDialogClick()"
+          >
+            保存
+          </el-button>
+        </span>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { personal, updateUserMulti } from "@/api/luckGift/luckGift";
+// @ts-ignore
+import { dateFormat } from "@/utils/system-helper";
+// @ts-ignore
+import { ElMessage } from "element-plus";
+import moment from "moment-timezone";
+export default {
+  name: "luckGiftData",
+  data() {
+    return {
+      loading: false,
+      //查询所需条件对象
+      inquire: {
+        userId: "",
+        time: "",
+        value: 2,
+        options: [
+          {
+            name: "阿拉伯区",
+            type: 2,
+          },
+          {
+            name: "英语区",
+            type: 1,
+          },
+          {
+            name: "华语区",
+            type: 4,
+          },
+        ],
+      },
+      // 表格
+      tableData: [],
+      // 分页
+      total: 10, //总页数
+      currentPage: 1, //页码
+      pageSize: 10, //条数
+      editDialog: false,
+      editDialogTitle: "",
+      value: "",
+    };
+  },
+  created() {
+    // this.getData();
+  },
+  methods: {
+    // 查询接口
+    getData() {
+      console.log(dateFormat(this.inquire.time, "yyyy-MM-dd"));
+      if (!this.inquire.time) {
+        ElMessage({
+          showClose: true,
+          message: "请选择时间",
+          type: "error",
+        });
+        return;
+      }
+      this.loading = true;
+      personal({
+        erbanNo: this.inquire.userId,
+        pageNo: this.currentPage,
+        pageSize: this.pageSize,
+        startDate: dateFormat(this.inquire.time, "yyyy-MM-dd"),
+        endDate: dateFormat(this.inquire.time, "yyyy-MM-dd"),
+        partitionId: this.inquire.value,
+      }).then((res) => {
+        this.total = res.data.total;
+        this.tableData = res.data.rows;
+        this.loading = false;
+      });
+    },
+    // 确认保存
+    editDialogClick() {
+      this.butClick = true;
+      updateUserMulti({ erbanNo: this.value }).then((res) => {
+        if (res.code == 200) {
+          ElMessage({
+            showClose: true,
+            message: "赠送成功",
+            type: "success",
+          });
+          setTimeout(() => {
+            this.butClick = false;
+          }, 3000);
+          this.editDialog = false;
+          this.getData();
+        } else {
+          this.butClick = false;
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    },
+    // 分页导航
+    handleSizeChange() {
+      this.getData();
+    },
+    handleCurrentChange() {
+      this.getData();
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.box {
+  padding-top: 20px;
+  background: #ecf0f5;
+  .condition {
+    margin-bottom: 20px;
+    .inquire {
+      display: inline-block;
+      margin-right: 20px;
+      span {
+        margin-right: 10px;
+      }
+      .input {
+        width: 180px;
+        margin-right: 10px;
+      }
+    }
+  }
+  .but {
+    margin-bottom: 20px;
+  }
+}
+</style>

src/views/luckGift/luckGiftDataAll.vue

@@ -0,0 +1,158 @@
+<template>
+  <div class="box">
+    <div class="condition">
+      <!-- 分区 -->
+      <div class="inquire">
+        <span>分区</span>
+        <el-select v-model="inquire.value" placeholder="请选择">
+          <el-option
+            v-for="item in inquire.options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+      </div>
+      <!-- 时间 -->
+      <div class="inquire">
+        <span>时间</span>
+        <el-date-picker v-model="inquire.time" type="date" placeholder="请选择">
+        </el-date-picker>
+      </div>
+    </div>
+    <!-- 按钮 -->
+    <div class="but">
+      <el-button class="primary" type="primary" @click="getData()"
+        >查询
+      </el-button>
+    </div>
+
+    <!-- 表格 -->
+    <el-table
+      v-loading="loading"
+      :data="tableData"
+      border
+      style="width: 100%; margin-top: 25px"
+    >
+      <el-table-column prop="date" align="center" label="日期" />
+      <el-table-column prop="totalInput" align="center" label="进入" />
+      <el-table-column prop="totalOutput" align="center" label="退出" />
+      <el-table-column prop="x" align="center" label="退出/进入比例"
+        ><template v-slot="scope">
+          {{ (scope.row.totalOutput / scope.row.totalInput).toFixed(4) }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="num" align="center" label="参与次数" />
+      <el-table-column prop="count" align="center" label="参与人数" />
+      <el-table-column prop="winCount" align="center" label="得到人数" />
+      <el-table-column prop="winNum" align="center" label="得到次数" />
+      <el-table-column prop="winRate" align="center" label="得到率"
+        ><template v-slot="scope">
+          {{ scope.row.winRate ? scope.row.winRate : "-" }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="stock" align="center" label="数组库存" />
+    </el-table>
+  </div>
+</template>
+<script>
+import { platform } from "@/api/luckGift/luckGift";
+// @ts-ignore
+import { dateFormat } from "@/utils/system-helper";
+// @ts-ignore
+import { ElMessage } from "element-plus";
+import moment from "moment-timezone";
+export default {
+  name: "luckGiftDataAll",
+  data() {
+    return {
+      loading: false,
+      //查询所需条件对象
+      inquire: {
+        value: 2,
+        options: [
+          {
+            value: 2,
+            label: "阿拉伯区",
+          },
+          {
+            value: 1,
+            label: "英语区",
+          },
+          {
+            value: 4,
+            label: "华语区",
+          },
+        ],
+        time: "",
+      },
+      // 表格
+      tableData: [],
+      // 分页
+      total: 10, //总页数
+      currentPage: 1, //页码
+      pageSize: 10, //条数
+    };
+  },
+  created() {
+    // this.getData();
+  },
+  methods: {
+    // 查询接口
+    getData() {
+      console.log(dateFormat(this.inquire.time, "yyyy-MM-dd"));
+      if (!this.inquire.time) {
+        ElMessage({
+          showClose: true,
+          message: "请选择时间",
+          type: "error",
+        });
+        return;
+      }
+      this.loading = true;
+      platform({
+        erbanNo: this.inquire.userId,
+        startDate: dateFormat(this.inquire.time, "yyyy-MM-dd"),
+        endDate: dateFormat(this.inquire.time, "yyyy-MM-dd"),
+        partitionId: this.inquire.value,
+      }).then((res) => {
+        this.total = res.data.total;
+        this.tableData = res.data;
+        this.loading = false;
+        console.log(this.tableData, 123);
+      });
+    },
+    // 分页导航
+    handleSizeChange() {
+      this.getData();
+    },
+    handleCurrentChange() {
+      this.getData();
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.box {
+  padding-top: 20px;
+  background: #ecf0f5;
+  .condition {
+    margin-bottom: 20px;
+    .inquire {
+      display: inline-block;
+      margin-right: 20px;
+      span {
+        margin-right: 10px;
+      }
+      .input {
+        width: 180px;
+        margin-right: 10px;
+      }
+    }
+  }
+  .but {
+    margin-bottom: 20px;
+  }
+}
+</style>

src/views/luckGift/luckGiftSet.vue

@@ -0,0 +1,500 @@
+<template>
+  <div class="box">
+    <div class="condition">
+      <!-- 分区 -->
+      <div class="inquire">
+        <span>分区</span>
+        <el-select
+          v-model="inquire.value"
+          placeholder="请选择"
+          @change="handleChange"
+        >
+          <el-option
+            v-for="item in inquire.options"
+            :key="item.type"
+            :label="item.name"
+            :value="item.type"
+          >
+          </el-option>
+        </el-select>
+      </div>
+
+      <div class="inquire">
+        <span>对比值N</span>
+        <!-- @input="handleInput" -->
+        <el-input
+          v-model="inquire.comparisonValue"
+          placeholder=""
+          class="input"
+          disabled
+        ></el-input>
+        <el-button
+          class="primary"
+          type="primary"
+          @click="
+            editDialog = true;
+            butClick = false;
+            type = 1;
+            editDialogTitle = '对比值N';
+            value = inquire.comparisonValue;
+          "
+        >
+          编辑</el-button
+        >
+      </div>
+
+      <div class="inquire">
+        <span>对比值M</span>
+        <el-input
+          v-model="inquire.supplement.supplementRatio"
+          placeholder=""
+          class="input"
+          disabled
+        ></el-input>
+        <el-button
+          class="primary"
+          type="primary"
+          @click="
+            editDialog = true;
+            butClick = false;
+            type = 5;
+            editDialogTitle = '对比值M';
+            value = inquire.supplement.supplementRatio;
+          "
+        >
+          编辑</el-button
+        >
+      </div>
+
+      <div class="inquire">
+        <span>金币对比值A</span>
+        <!-- @input="handleInput" -->
+        <el-input
+          v-model="inquire.supplement.conditionInput"
+          placeholder=""
+          class="input"
+          disabled
+        ></el-input>
+        <el-button
+          class="primary"
+          type="primary"
+          @click="
+            editDialog = true;
+            butClick = false;
+            type = 6;
+            editDialogTitle = '金币对比值A';
+            value = inquire.supplement.conditionInput;
+          "
+        >
+          编辑</el-button
+        >
+      </div>
+
+      <div class="inquire">
+        <span>奖励金币倍数</span>
+        <!-- @input="handleInput" -->
+        <el-input
+          v-model="inquire.supplement.supplementMulti"
+          placeholder=""
+          class="input"
+          disabled
+        ></el-input>
+        <el-button
+          class="primary"
+          type="primary"
+          @click="
+            editDialog = true;
+            butClick = false;
+            type = 7;
+            editDialogTitle = '奖励金币倍数';
+            value = inquire.supplement.supplementMulti;
+          "
+        >
+          编辑</el-button
+        >
+      </div>
+
+      <div class="inquire">
+        <span>幸运24金币库存</span>
+        <el-input
+          v-model="inquire.goldInventory"
+          placeholder=""
+          class="input"
+          disabled
+        ></el-input>
+        <el-button
+          class="primary"
+          type="primary"
+          @click="
+            editDialog = true;
+            butClick = false;
+            type = 2;
+            editDialogTitle = '幸运24金币库存';
+            value = inquire.goldInventory;
+          "
+          >编辑</el-button
+        >
+      </div>
+
+      <!-- <div class="inquire">  
+        <span>幸运礼物ID</span>
+        <el-input
+          v-model="inquire.x"
+          placeholder=""
+          class="input"
+          disabled
+        ></el-input>
+        <el-button
+          class="primary"
+          type="primary"
+          @click="
+            editDialog = true;
+            butClick = false;
+            type = 8;
+            editDialogTitle = '幸运礼物ID';
+            value = inquire.x;
+          "
+        >
+          编辑</el-button
+        >
+      </div> -->
+
+      <div class="inquire">
+        <span>平台抽成</span>
+        <el-input
+          v-model="inquire.platformCommission"
+          placeholder=""
+          class="input"
+          disabled
+        ></el-input>
+        <el-button
+          class="primary"
+          type="primary"
+          @click="
+            editDialog = true;
+            butClick = false;
+            type = 3;
+            editDialogTitle = '平台抽成';
+            value = inquire.platformCommission;
+          "
+          >编辑</el-button
+        >
+      </div>
+
+      <div class="inquire">
+        <span>用户收益比例</span>
+        <el-input
+          v-model="inquire.userRevenueRatio"
+          placeholder=""
+          class="input"
+          disabled
+        ></el-input>
+        <el-button
+          class="primary"
+          type="primary"
+          @click="
+            editDialog = true;
+            butClick = false;
+            type = 4;
+            editDialogTitle = '用户收益比例';
+            value = inquire.userRevenueRatio;
+          "
+          >编辑</el-button
+        >
+      </div>
+
+      <div class="inquire">
+        <span>通知制定金额</span>
+        <!-- @input="handleInput" -->
+        <el-input
+          v-model="inquire.warnMulti"
+          placeholder=""
+          class="input"
+          disabled
+        ></el-input>
+        <el-button
+          class="primary"
+          type="primary"
+          @click="
+            editDialog = true;
+            butClick = false;
+            type = 9;
+            editDialogTitle = '通知制定金额';
+            value = inquire.warnMulti;
+          "
+        >
+          编辑</el-button
+        >
+      </div>
+
+      <!-- <div class="inquire">
+        <span>库存告急通知</span>
+        <el-input
+          v-model="inquire.x"
+          placeholder=""
+          class="input"
+          disabled
+        ></el-input>
+        <el-button
+          class="primary"
+          type="primary"
+          @click="
+            editDialog = true;
+            butClick = false;
+            type = 10;
+            editDialogTitle = '库存告急通知';
+            value = inquire.x;
+          "
+        >
+          编辑</el-button
+        >
+      </div> -->
+
+      <div class="inquire">
+        <span>用户上线列表</span>
+        <!-- @input="handleInput" -->
+        <el-input
+          v-model="inquire.followErbanNoList"
+          placeholder=""
+          class="input"
+          disabled
+        ></el-input>
+        <el-button
+          class="primary"
+          type="primary"
+          @click="
+            editDialog = true;
+            butClick = false;
+            type = 11;
+            editDialogTitle = '用户上线列表';
+            value = inquire.followErbanNoList;
+          "
+        >
+          编辑</el-button
+        >
+      </div>
+      <div class="inquire">
+        <span>赠送1000倍奖励</span>
+        <el-button
+          class="primary"
+          type="primary"
+          :disabled="butClick"
+          @click="
+            editDialog = true;
+            type = 12;
+            editDialogTitle = '赠送1000倍奖励';
+            value = inquire.x;
+          "
+        >
+          赠送</el-button
+        >
+      </div>
+    </div>
+    <!-- 编辑弹窗 -->
+    <el-dialog v-model="editDialog" :title="editDialogTitle" width="36%" center>
+      <div style="margin-bottom: 25px; margin-top: 10px">
+        <span
+          style="display: inline-block; margin-right: 20px"
+          class="col-sm-2 control-label"
+          >{{ editDialogTitle }}</span
+        >
+        <el-input
+          v-model="value"
+          style="width: 75%"
+          class="input"
+          placeholder="请输入"
+        ></el-input>
+      </div>
+
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button
+            @click="
+              editDialog = false;
+              butClick = false;
+            "
+            >取消</el-button
+          >
+          <el-button
+            type="primary"
+            :disabled="butClick"
+            @click="editDialogClick()"
+          >
+            保存
+          </el-button>
+        </span>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { getConfig, updateSet, updateUserMulti } from "@/api/luckGift/luckGift";
+// @ts-ignore
+import { dateFormat } from "@/utils/system-helper";
+// @ts-ignore
+import { ElMessage } from "element-plus";
+import moment from "moment-timezone";
+export default {
+  name: "luckGiftSet",
+  data() {
+    return {
+      loading: false,
+      butClick: false,
+      butClickTime: null,
+      //查询所需条件对象
+      inquire: {
+        value: 2,
+        options: [
+          {
+            name: "阿拉伯区",
+            type: 2,
+          },
+          {
+            name: "英语区",
+            type: 1,
+          },
+          {
+            name: "华语区",
+            type: 4,
+          },
+        ],
+        comparisonValue: "",
+        goldInventory: "",
+        giftId: "",
+        platformCommission: "",
+        userRevenueRatio: "",
+        supplement: {
+          conditionInput: "",
+          conditionNum: "",
+          supplementMulti: "",
+          supplementNum: "",
+          supplementRatio: "",
+        },
+        warnMulti: "",
+        followErbanNoList: "",
+      },
+      editDialog: false,
+      editDialogTitle: "",
+      value: "",
+      type: null,
+    };
+  },
+  created() {
+    this.getData();
+  },
+  methods: {
+    // 查询接口
+    getData() {
+      getConfig({ partitionId: this.inquire.value }).then((res) => {
+        this.inquire.comparisonValue = res.data.productionRatio;
+        this.inquire.goldInventory = res.data.stock;
+        this.inquire.platformCommission = res.data.platformRatio;
+        this.inquire.userRevenueRatio = res.data.receiverRatio;
+        this.inquire.supplement = res.data.supplement;
+        this.inquire.warnMulti = res.data.warnMulti;
+        this.inquire.followErbanNoList = res.data.followErbanNoList.join();
+      });
+    },
+    // 确认保存
+    editDialogClick() {
+      var obj = {};
+      obj.partitionId = this.inquire.value;
+      if (this.type == 12) {
+        this.butClick = true;
+        updateUserMulti({ erbanNo: this.value }).then((res) => {
+          if (res.code == 200) {
+            ElMessage({
+              showClose: true,
+              message:'赠送成功',
+              type: "success",
+            });
+            setTimeout(() => {
+              this.butClick = false;
+            }, 3000);
+            this.editDialog = false;
+            this.getData();
+          } else {
+            this.butClick = false;
+            ElMessage({
+              showClose: true,
+              message: res.message,
+              type: "error",
+            });
+          }
+        });
+      } else {
+        if (this.type == 1) {
+          obj.productionRatio = this.value;
+        } else if (this.type == 2) {
+          obj.stock = this.value;
+        } else if (this.type == 3) {
+          obj.platformRatio = this.value;
+        } else if (this.type == 4) {
+          obj.receiverRatio = this.value;
+        }else if (this.type == 5) {
+          obj.supplement = this.inquire.supplement;
+          obj.supplement.supplementRatio = this.value;
+        } else if (this.type == 6) {
+          obj.supplement = this.inquire.supplement;
+          obj.supplement.conditionInput = this.value;
+        } else if (this.type == 7) {
+          obj.supplement = this.inquire.supplement;
+          obj.supplement.supplementMulti = this.value;
+        } else if (this.type == 9) {
+          obj.warnMulti = this.value;
+        } else if (this.type == 11) {
+          obj.followErbanNoList = this.value.split(",");
+        }
+        updateSet(obj).then((res) => {
+          if (res.code == 200) {
+            ElMessage({
+              showClose: true,
+              message: "保存成功",
+              type: "success",
+            });
+            this.editDialog = false;
+            this.getData();
+          } else {
+            ElMessage({
+              showClose: true,
+              message: res.message,
+              type: "error",
+            });
+          }
+        });
+      }
+    },
+    // 监听类型
+    handleChange(value) {
+      this.inquire.value = value;
+      this.getData();
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.box {
+  padding-top: 20px;
+  background: #ecf0f5;
+  .condition {
+    margin-bottom: 20px;
+    .inquire {
+      margin-right: 20px;
+      margin-bottom: 20px;
+      span {
+        display: inline-block;
+        width: 110px;
+        margin-right: 10px;
+        // text-align: right;
+      }
+      .input {
+        width: 180px;
+        margin-right: 10px;
+      }
+    }
+  }
+  .but {
+    margin-bottom: 20px;
+  }
+}
+</style>

src/views/lucky/LuckyGiftRangeView.vue

@@ -306,7 +306,8 @@ export default {
       this.inquire.value1 = e;
       luckyGiftRangeConfigList({ giftId: this.inquire.value1 }).then((res) => {
         this.inquire.giftsNum = res.data;
-        // this.inquire.value2 = res.data[0].id;
+      // this.inquire.value2 = "";
+        this.inquire.value2 = res.data[0].id;
         // this.loading = true;
         // luckyGiftRewardList({
         //   giftId: e,

src/views/luckyTycoon/luckyTycoonCollectSet.vue

@@ -72,7 +72,7 @@
           :src="imgFun(JsonFunc(scope.row.rewardJson))[0]"
           :zoom-rate="1.1"
           :preview-src-list="imgFun(JsonFunc(scope.row.rewardJson))"
-          fit="cover"
+          fit="scale-down"
           preview-teleported="true"
           hide-on-click-modal="true"
         />

src/views/luckyTycoon/luckyTycoonOnePlusOne.vue

@@ -26,7 +26,7 @@
           :src="scope.row.luckyBagPic"
           :zoom-rate="1.1"
           :preview-src-list="[scope.row.luckyBagPic]"
-          fit="cover"
+          fit="scale-down"
           preview-teleported="true"
           hide-on-click-modal="true"
         />
@@ -46,7 +46,7 @@
           :src="scope.row.destGiftPic"
           :zoom-rate="1.1"
           :preview-src-list="[scope.row.destGiftPic]"
-          fit="cover"
+          fit="scale-down"
           preview-teleported="true"
           hide-on-click-modal="true"
         />
@@ -70,7 +70,7 @@
           :src="scope.row.rewardGiftPic"
           :zoom-rate="1.1"
           :preview-src-list="[scope.row.rewardGiftPic]"
-          fit="cover"
+          fit="scale-down"
           preview-teleported="true"
           hide-on-click-modal="true"
         />

src/views/medal/MedalInfo.vue

@@ -60,7 +60,7 @@
             :src="scope.row.picUrl"
             :zoom-rate="1.1"
             :preview-src-list="scope.row.picUrl"
-            fit="cover"
+            fit="scale-down"
             preview-teleported="true"
             hide-on-click-modal="true"
           />

src/views/medal/MedalRecord.vue

@@ -43,7 +43,7 @@
             :src="scope.row.picUrl"
             :zoom-rate="1.1"
             :preview-src-list="scope.row.picUrl"
-            fit="cover"
+            fit="scale-down"
             preview-teleported="true"
             hide-on-click-modal="true"
           />

src/views/nobleman/GuildInfo.vue

@@ -58,6 +58,19 @@
         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
@@ -65,7 +78,7 @@
             :src="scope.row.backgroundUrl"
             :zoom-rate="1.1"
             :preview-src-list="[scope.row.backgroundUrl]"
-            fit="cover"
+            fit="scale-down"
             preview-teleported="true"
             hide-on-click-modal="true"
           />
@@ -245,6 +258,22 @@
           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>
@@ -487,6 +516,7 @@ export default {
         guildNumber: "",
         id: "",
         imageUrl1: "",
+        imageUrl2: "",
       },
       // 收款账户弹窗
       payAccountDialog: false,
@@ -700,6 +730,7 @@ export default {
       this.ediObj.guildNumber = obj.memberNumLimit;
       this.ediObj.id = obj.id;
       this.ediObj.imageUrl1 = obj.backgroundUrl;
+      this.ediObj.imageUrl2 = obj.avatar;
       this.editDialog = true;
     },
     // 二次确认弹窗
@@ -709,6 +740,7 @@ export default {
         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) {
@@ -766,6 +798,16 @@ export default {
         type: "error",
       });
     },
+    handleAvatarSuccess2(res, file) {
+      console.log(file);
+      // this.ediObj.imageUrl1 = URL.createObjectURL();
+      this.ediObj.imageUrl2 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
     handleAvatarSuccess(res, file) {
       console.log(file);
       // this.ediObj.imageUrl1 = URL.createObjectURL();

src/views/nobleman/GuildInfoSearch.vue

@@ -50,6 +50,19 @@
       <el-table-column prop="ownerErbanNo" align="center" label="会长ID" />
       <el-table-column prop="ownerNick" 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
@@ -57,7 +70,7 @@
             :src="scope.row.backgroundUrl"
             :zoom-rate="1.1"
             :preview-src-list="[scope.row.backgroundUrl]"
-            fit="cover"
+            fit="scale-down"
             preview-teleported="true"
             hide-on-click-modal="true"
           />

src/views/pretty/PrettyNoAdminView.vue

@@ -8,20 +8,32 @@
         <section class="content">
           <div id="table"></div>
           <div id="toolbar">
-                        <label for="prettyNo" class="control-label">靓号:</label>
-                        <input type="text" name="goodNum" id="prettyNo">
-                        <label for="erbanNo" class="control-label">平台号:</label>
-                        <input type="text" name="erbanNo" id="erbanNo">
+            <label for="prettyNo"
+                   class="control-label">靓号:</label>
+            <input type="text"
+                   name="goodNum"
+                   id="prettyNo">
+            <label for="erbanNo"
+                   class="control-label">平台号:</label>
+            <input type="text"
+                   name="erbanNo"
+                   id="erbanNo">
 
-                        <label for="status" class="control-label">状态:</label>
-                        <select name="status" id="status" class="input-m">
+            <label for="status"
+                   class="control-label">状态:</label>
+            <select name="status"
+                    id="status"
+                    class="input-m">
               <option value="">全部</option>
               <option value="0">未使用</option>
               <option value="1">使用中</option>
               <option value="2">已占用</option>
             </select>
-                        <label for="status" class="control-label">来源:</label>
-                        <select name="origin" id="origin" class="input-m">
+            <label for="status"
+                   class="control-label">来源:</label>
+            <select name="origin"
+                    id="origin"
+                    class="input-m">
               <option value="">全部</option>
               <option value="1">活动</option>
               <option value="2">贵族</option>
@@ -29,8 +41,10 @@
               <option value="4">摇一摇抽奖所获</option>
             </select>
 
-                        <button id="btnSearch" class="btn btn-sm btn-primary">查询</button>
-                        <button id="add" class="btn btn-default">
+            <button id="btnSearch"
+                    class="btn btn-sm btn-primary">查询</button>
+            <button id="add"
+                    class="btn btn-default">
               <i class="glyphicon glyphicon-plus"></i>新建靓号
             </button>
           </div>
@@ -40,32 +54,51 @@
   </section>
 
   <!--增加对话框-->
-    <div class="modal fade" id="addPrettyNoModel" tabindex="-1" role="dialog" aria-labelledby="modalLabel2">
-        <div class="modal-dialog" role="document">
+  <div class="modal fade"
+       id="addPrettyNoModel"
+       tabindex="-1"
+       role="dialog"
+       aria-labelledby="modalLabel2">
+    <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">x</span></button>
-                    <h4 class="modal-title" id="addModalLabel">新增靓号</h4>
+          <button type="button"
+                  class="close"
+                  data-dismiss="modal"
+                  aria-label="Close"><span aria-hidden="true">x</span></button>
+          <h4 class="modal-title"
+              id="addModalLabel">新增靓号</h4>
         </div>
         <div class="modal-body">
-                    <form id="addPrettyNoForm" class="form-horizontal">
+          <form id="addPrettyNoForm"
+                class="form-horizontal">
             <div class="form-group">
-                            <label for="addPrettyNo" class="col-sm-3 control-label">请输入靓号：</label>
+              <label for="addPrettyNo"
+                     class="col-sm-3 control-label">请输入靓号：</label>
               <!-- 默认靓号使用状态为0，未使用 -->
-                            <input type="hidden" name="status" value="0">
+              <input type="hidden"
+                     name="status"
+                     value="0">
               <!-- 默认上架 -->
-                            <input type="hidden" name="isValid" value="1">
+              <input type="hidden"
+                     name="isValid"
+                     value="1">
               <div class="col-sm-3">
-                                <input type="text" class="form-control validate[required]" name="prettyNo"
+                <input type="text"
+                       class="form-control validate[required]"
+                       name="prettyNo"
                        id="addPrettyNo" />
               </div>
             </div>
 
             <div class="form-group">
-                            <label for="addSource" class="col-sm-3 control-label">选择使用来源：</label>
+              <label for="addSource"
+                     class="col-sm-3 control-label">选择使用来源：</label>
               <div class="col-sm-8">
-                                <select name="useSource" id="addSource" class="col-sm-3">
+                <select name="useSource"
+                        id="addSource"
+                        class="col-sm-3">
                   <option value="1">活动</option>
                   <option value="2">贵族</option>
                   <option value="3">运营需要赠送</option>
@@ -74,68 +107,102 @@
               </div>
             </div>
             <div class="form-group">
-                            <label for="addRemark" class="col-sm-3 control-label">备注:</label>
+              <label for="addRemark"
+                     class="col-sm-3 control-label">备注:</label>
               <div class="col-sm-8">
-                                <input type="text" class="form-control" name="prettyDesc" id="addRemark">
+                <input type="text"
+                       class="form-control"
+                       name="prettyDesc"
+                       id="addRemark">
               </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="addSave">新建</button>
+          <button type="button"
+                  class="btn btn-default"
+                  data-dismiss="modal">取消</button>
+          <button type="button"
+                  class="btn btn-primary"
+                  id="addSave">新建</button>
         </div>
       </div>
     </div>
   </div>
 
   <!--使用对话框-->
-    <div class="modal fade" id="usePrettyNoModel" tabindex="-1" role="dialog" aria-labelledby="modalLabel2">
-        <div class="modal-dialog" role="document">
+  <div class="modal fade"
+       id="usePrettyNoModel"
+       tabindex="-1"
+       role="dialog"
+       aria-labelledby="modalLabel2">
+    <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">x</span></button>
-                    <h4 class="modal-title" id="useModalLabel">使用靓号</h4>
+          <button type="button"
+                  class="close"
+                  data-dismiss="modal"
+                  aria-label="Close"><span aria-hidden="true">x</span></button>
+          <h4 class="modal-title"
+              id="useModalLabel">使用靓号</h4>
         </div>
         <div class="modal-body">
-                    <form id="usePrettyNoForm" class="form-horizontal">
+          <form id="usePrettyNoForm"
+                class="form-horizontal">
             <div class="form-group">
-                            <input type="hidden" name="prettyId" id="prettyId" />
-                            <label for="usePrettyNo" class="col-sm-3 control-label">靓号：</label>
+              <label for="usePrettyNo"
+                     class="col-sm-3 control-label">靓号：</label>
               <div class="col-sm-3">
-                                <input type="text" class="form-control validate[required]" disabled="disabled"
-                                    name="usePrettyNo" id="usePrettyNo">
+                <input type="text"
+                       class="form-control validate[required]"
+                       disabled="disabled"
+                       name="usePrettyNo"
+                       id="usePrettyNo">
               </div>
             </div>
 
             <div class="form-group">
-                            <label for="userMsNo" class="col-sm-3 control-label">使用人平台号:</label>
+              <label for="userMsNo"
+                     class="col-sm-3 control-label">使用人平台号:</label>
               <div class="col-sm-8">
-                                <input type="text" class="form-control validate[required]" name="userMsNo" id="userMsNo" />
+                <input type="text"
+                       class="form-control validate[required]"
+                       name="userMsNo"
+                       id="userMsNo" />
               </div>
             </div>
 
             <div class="form-group">
-                            <label for="startUseDate" class="col-sm-3 control-label">开始日期：</label>
+              <label for="startUseDate"
+                     class="col-sm-3 control-label">开始日期：</label>
               <div class="col-sm-4">
-                                <input id="startUseDate" type="text" name="startUseDate"
+                <input id="startUseDate"
+                       type="text"
+                       name="startUseDate"
                        class="form-control validate[required]" />
               </div>
             </div>
 
             <div class="form-group">
-                            <label for="endUseDate" class="col-sm-3 control-label">结束日期：</label>
+              <label for="endUseDate"
+                     class="col-sm-3 control-label">结束日期：</label>
               <div class="col-sm-4">
-                                <input id="endUseDate" type="text" name="endUseDate"
+                <input id="endUseDate"
+                       type="text"
+                       name="endUseDate"
                        class="form-control validate[required]" />
               </div>
             </div>
 
             <div class="form-group">
-                            <label for="useSource" class="col-sm-3 control-label">靓号使用来源：</label>
+              <label for="useSource"
+                     class="col-sm-3 control-label">靓号使用来源：</label>
               <div class="col-sm-8">
-                                <select name="useSource" id="useSource" class="col-sm-3" disabled>
+                <select name="useSource"
+                        id="useSource"
+                        class="col-sm-3"
+                        disabled>
                   <option value="1">活动</option>
                   <option value="2">贵族</option>
                   <option value="3">运营需要赠送</option>
@@ -144,103 +211,144 @@
               </div>
             </div>
             <div class="form-group">
-                            <label for="remark" class="col-sm-3 control-label">备注:</label>
+              <label for="remark"
+                     class="col-sm-3 control-label">备注:</label>
               <div class="col-sm-8">
-                                <input type="text" class="form-control" name="remark" id="remark">
+                <input type="text"
+                       class="form-control"
+                       name="remark"
+                       id="remark">
               </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="useSave">确认使用</button>
+          <button type="button"
+                  class="btn btn-default"
+                  data-dismiss="modal">取消</button>
+          <button type="button"
+                  class="btn btn-primary"
+                  id="useSave">确认使用</button>
         </div>
       </div>
     </div>
   </div>
 
-
   <!--删除-->
-    <div class="modal fade" id="delModel">
+  <div class="modal fade"
+       id="delModel">
     <div class="modal-dialog">
       <div class="modal-content message_align">
         <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
-                            aria-hidden="true">×</span></button>
+          <button type="button"
+                  class="close"
+                  data-dismiss="modal"
+                  aria-label="Close"><span aria-hidden="true">×</span></button>
           <h4 class="modal-title">提示信息</h4>
         </div>
         <div class="modal-body">
           <p>您确认要删除吗？</p>
         </div>
         <div class="modal-footer">
-                    <input type="hidden" id="url" />
-                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
-                    <button type="button" class="btn btn-primary" id="doDelete">确认</button>
+          <input type="hidden"
+                 id="url" />
+          <button type="button"
+                  class="btn btn-default"
+                  data-dismiss="modal">取消</button>
+          <button type="button"
+                  class="btn btn-primary"
+                  id="doDelete">确认</button>
         </div>
       </div>
     </div>
   </div>
 
   <!--解绑-->
-    <div class="modal fade" id="unbindModel">
+  <div class="modal fade"
+       id="unbindModel">
     <div class="modal-dialog">
       <div class="modal-content message_align">
         <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
-                            aria-hidden="true">×</span></button>
+          <button type="button"
+                  class="close"
+                  data-dismiss="modal"
+                  aria-label="Close"><span aria-hidden="true">×</span></button>
           <h4 class="modal-title">提示信息</h4>
         </div>
         <div class="modal-body">
           <p>确认解绑？
             解绑后，使用人会恢复原ID</p>
-                    <div><label for="del-remark">解绑叙述：</label><input type="text" id="del-remark" placeholder="选填" /></div>
+          <div><label for="del-remark">解绑叙述：</label><input type="text"
+                   id="del-remark"
+                   placeholder="选填" /></div>
         </div>
         <div class="modal-footer">
-                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
-                    <button type="button" class="btn btn-primary" id="del-sure">确认</button>
+          <button type="button"
+                  class="btn btn-default"
+                  data-dismiss="modal">取消</button>
+          <button type="button"
+                  class="btn btn-primary"
+                  id="del-sure">确认</button>
         </div>
       </div>
     </div>
   </div>
 
   <!--解绑-->
-    <div class="modal fade" id="unbindForAllModel">
+  <div class="modal fade"
+       id="unbindForAllModel">
     <div class="modal-dialog">
       <div class="modal-content message_align">
         <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
-                            aria-hidden="true">×</span></button>
+          <button type="button"
+                  class="close"
+                  data-dismiss="modal"
+                  aria-label="Close"><span aria-hidden="true">×</span></button>
           <h4 class="modal-title">提示信息</h4>
         </div>
         <div class="modal-body">
           <p>确认全面解绑？
             解绑后，使用人会恢复原ID</p>
-                    <div><label for="del-remark-all">解绑叙述：</label><input type="text" id="del-remark-all" placeholder="选填" />
+          <div><label for="del-remark-all">解绑叙述：</label><input type="text"
+                   id="del-remark-all"
+                   placeholder="选填" />
           </div>
         </div>
         <div class="modal-footer">
-                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
-                    <button type="button" class="btn btn-primary" id="del-sure-all">确认</button>
+          <button type="button"
+                  class="btn btn-default"
+                  data-dismiss="modal">取消</button>
+          <button type="button"
+                  class="btn btn-primary"
+                  id="del-sure-all">确认</button>
         </div>
       </div>
     </div>
   </div>
 
   <!--占用-->
-    <div class="modal fade" id="occupyModel">
+  <div class="modal fade"
+       id="occupyModel">
     <div class="modal-dialog">
       <div class="modal-content message_align">
         <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
-                            aria-hidden="true">×</span></button>
+          <button type="button"
+                  class="close"
+                  data-dismiss="modal"
+                  aria-label="Close"><span aria-hidden="true">×</span></button>
           <h4 class="modal-title">提示信息</h4>
         </div>
         <div class="modal-body">
-                    <div><label for="occupy-msNo">平台号：</label><input type="text" id="occupy-msNo" /></div>
+          <div><label for="occupy-msNo">平台号：</label><input type="text"
+                   id="occupy-msNo" /></div>
         </div>
         <div class="modal-footer">
-                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
-                    <button type="button" class="btn btn-primary" id="occupy-sure">确认</button>
+          <button type="button"
+                  class="btn btn-default"
+                  data-dismiss="modal">取消</button>
+          <button type="button"
+                  class="btn btn-primary"
+                  id="occupy-sure">确认</button>
         </div>
       </div>
     </div>
@@ -252,21 +360,20 @@ import TableHelper from '@/utils/bootstrap-table-helper';
 
 export default {
   name: "PrettyNoAdminView",
-    setup() {
+  setup () {
     return {};
   },
-    created() {
+  created () {
     this.$nextTick(function () {
       this.initData();
     });
   },
   methods: {
-        initData() {
+    initData () {
       $(function () {
         $('#table').bootstrapTable('destroy');
         $('#table').bootstrapTable({
           columns: [
-                        { field: 'id', title: 'ID', align: 'center', valign: 'middle', width: '5%' },
             { field: 'prettyNo', title: '靓号', align: 'center', valign: 'middle', width: '10%' },
             {
               field: 'status',
@@ -367,12 +474,11 @@ export default {
               width: '20%',
               valign: 'middle',
               formatter: function (val, row, index) {
-                                var key = row.id;
+                var key = row.prettyNo;
                 var returnS = "";
                 if (row.isValid) {
                   if (row.status == 1) {
-                                        returnS = "<button class='btn btn-sm btn-danger opt-unbind'  data-id=" + key + " >解绑</button>" +
-                                            "<button class='btn btn-sm btn-danger opt-unbind-all'  data-id=" + key + " >全面解绑</button>";
+                    returnS = "<button class='btn btn-sm btn-danger opt-unbind'  data-id=" + key + " >解绑</button>";
                   } else if (row.status == 2) {
                     returnS = "<button class='btn btn-sm btn-success opt-cancel-occupy'  data-id=" + key + ">解除占用</button>";
                   } else if (row.status == 0) {
@@ -392,7 +498,7 @@ export default {
           pageList: [10, 20, 30, 50],
           sidePagination: "server", //表示服务端请求
           queryParamsType: "undefined",
-                    queryParams: function queryParams(params) {   //设置查询参数
+          queryParams: function queryParams (params) {   //设置查询参数
             var param = {
               pageSize: params.pageSize,
               pageNum: params.pageNumber,
@@ -403,9 +509,9 @@ export default {
             };
             return param;
           },
-                    uniqueId: 'id',
+          uniqueId: 'prettyNo',
           toolbar: '#toolbar',
-                    url: '/admin/pretty/list',
+          url: '/admin/prettyNumber/list',
           onLoadSuccess: function () {  //加载成功时执行
             console.log("load success");
           },
@@ -424,7 +530,7 @@ export default {
           if ($('#addPrettyNoForm').validationEngine('validate')) {
             $.ajax({
               type: "post",
-                            url: "/admin/pretty/save",
+              url: "/admin/prettyNumber/save",
               data: $('#addPrettyNoForm').serialize(),
               dataType: 'json',
               success: function (data) {
@@ -453,11 +559,11 @@ export default {
           $('#usePrettyNoForm')[0].reset();
           var key = parseInt($(this).data('id'));
           var data = $('#table').bootstrapTable('getRowByUniqueId', key);
+          console.info(data)
           $('#usePrettyNo').val(data.prettyNo);
           $('#useSource').val(data.useSource);
           $('#remark').val(data.prettyDesc);
           $("#userMsNo").val(data.userErbanNo)
-                    $("#prettyId").val(key);
           console.log(key, typeof key);
           $("#usePrettyNoModel").modal('show');
         })
@@ -468,9 +574,9 @@ export default {
           if ($('#usePrettyNoForm').validationEngine('validate')) {
             $.ajax({
               type: 'post',
-                            url: '/admin/pretty/bind',
+              url: '/admin/prettyNumber/bind',
               data: {
-                                prettyId: $('#prettyId').val(),
+                prettyNo: $('#usePrettyNo').val(),
                 erbanNo: $('#userMsNo').val(),
                 desc: $('#remark').val(),
                 startTime: $('#startUseDate').val() + ' 00:00:00',
@@ -497,9 +603,9 @@ export default {
         $("#del-sure").click(function () {
           $.ajax({
             type: 'post',
-                        url: '/admin/pretty/unBind',
+            url: '/admin/prettyNumber/unBind',
             data: {
-                            prettyId: $(this).data('id'),
+              prettyNo: $(this).data('id'),
               desc: $('#del-remark').val()
             },
             dataType: 'json',
@@ -520,9 +626,9 @@ export default {
         $("#del-sure-all").click(function () {
           $.ajax({
             type: 'post',
-                        url: '/admin/pretty/unBindForAll',
+            url: '/admin/prettyNumber/unBindForAll',
             data: {
-                            prettyId: $(this).data('id'),
+              prettyNo: $(this).data('id'),
               desc: $('#del-remark-all').val()
             },
             dataType: 'json',
@@ -543,9 +649,9 @@ export default {
         $("#occupy-sure").click(function () {
           $.ajax({
             type: 'post',
-                        url: '/admin/pretty/occupy',
+            url: '/admin/prettyNumber/occupy',
             data: {
-                            prettyId: $(this).data('id'),
+              prettyNo: $(this).data('id'),
               erbanNo: $("#occupy-msNo").val()
             },
             dataType: 'json',
@@ -580,9 +686,9 @@ export default {
           var key = parseInt($(this).data('id'));
           $.ajax({
             type: 'post',
-                        url: '/admin/pretty/cancelOccupy',
+            url: '/admin/prettyNumber/cancelOccupy',
             data: {
-                            prettyId: key
+              prettyNo: key
             },
             dataType: 'json',
             success: function (data) {
@@ -673,4 +779,5 @@ select {
 
 .record .title {
   font-size: 16px;
-}</style>
+}
+</style>

src/views/pretty/PrettyNoRecordAdminView.vue

@@ -8,17 +8,26 @@
         <div class="content">
           <div id="table"></div>
           <div id="toolbar">
-                        <label for="prettyNo" class="control-label">目标平台号：</label>
-                        <input type="text" name="goodNum" id="targetPrettyNo">
-                        <label for="prettyNo" class="control-label">原平台号：</label>
-                        <input type="text" id="currentPrettyNo">
-                        <label for="operator" class="control-label">操作类型:</label>
-                        <select name="status" id="operator" class="input-m">
+            <label for="prettyNo"
+                   class="control-label">目标平台号：</label>
+            <input type="text"
+                   name="goodNum"
+                   id="targetPrettyNo">
+            <label for="prettyNo"
+                   class="control-label">原平台号：</label>
+            <input type="text"
+                   id="currentPrettyNo">
+            <label for="operator"
+                   class="control-label">操作类型:</label>
+            <select name="status"
+                    id="operator"
+                    class="input-m">
               <option value="">全部</option>
               <option value="1">绑定</option>
               <option value="2">解绑</option>
             </select>
-                        <button id="btnSearch" class="btn btn-sm btn-primary">查询</button>
+            <button id="btnSearch"
+                    class="btn btn-sm btn-primary">查询</button>
           </div>
         </div>
       </div>
@@ -31,21 +40,20 @@ import TableHelper from '@/utils/bootstrap-table-helper';
 
 export default {
   name: "PrettyNoRecordAdminView",
-    setup() {
+  setup () {
     return {};
   },
-    created() {
+  created () {
     this.$nextTick(function () {
       this.initData();
     });
   },
   methods: {
-        initData() {
+    initData () {
       $(function () {
         $('#table').bootstrapTable('destroy');
         $('#table').bootstrapTable({
           columns: [
-                        { field: 'id', title: 'ID', align: 'center', valign: 'middle', width: '5%' },
             { field: 'currentErbanNo', title: '原平台号', align: 'center', valign: 'middle', width: '10%' },
             {
               field: 'operator',
@@ -123,7 +131,7 @@ export default {
           pageList: [10, 20, 30, 50],
           sidePagination: "server", //表示服务端请求
           queryParamsType: "undefined",
-                    queryParams: function queryParams(params) {   //设置查询参数
+          queryParams: function queryParams (params) {   //设置查询参数
             var param = {
               pageSize: params.pageSize,
               pageNumber: params.pageNumber,
@@ -135,7 +143,7 @@ export default {
           },
           uniqueId: 'id',
           toolbar: '#toolbar',
-                    url: '/admin/pretty/record/getList',
+          url: '/admin/prettyNumber/record/getList',
           onLoadSuccess: function () {  //加载成功时执行
             console.log("load success");
           },

src/views/prize/DeviateRangeManageAdminView.vue

@@ -10,15 +10,20 @@
         <section class="content">
           <div id="table"></div>
           <div id="toolbar">
-                        <form action="" id="searchForm" method="POST">
-                            <select name="search-type" id="search-type">
-                                <option value="0">请选择</option>
+            <form action=""
+                  id="searchForm"
+                  method="POST">
+              <select name="search-type"
+                      id="search-type">
                 <option value="1">幸运许愿池偏差类型</option>
                 <option value="4">梦幻许愿池池偏差类型</option>
               </select>
+              <select id="partitionId"></select>
             </form>
-                        <button class="btn btn-primary" id="searchBtn">搜索</button>
-                        <button id="add" class="btn btn-default">
+            <button class="btn btn-primary"
+                    id="searchBtn">搜索</button>
+            <button id="add"
+                    class="btn btn-default">
               <i class="glyphicon glyphicon-plus"></i>新增
             </button>
           </div>
@@ -26,21 +31,35 @@
       </div>
     </div>
   </section>
-    <div class="modal fade" id="deviateRangeModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
-        <div class="modal-dialog" role="document">
+  <div class="modal fade"
+       id="deviateRangeModal"
+       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>
+          <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="deviateRangeForm">
-                        <input id="deviateRangeId" type="hidden" name="id" />
+          <form class="form-horizontal"
+                id="deviateRangeForm">
+            <input id="deviateRangeId"
+                   type="hidden"
+                   name="id" />
             <div class="form-group">
               <label class="col-sm-3 control-label">下限：</label>
               <div class="col-sm-8">
-                                <input type="number" id="deviateLowerLimit" name="lowerLimit" class=" validate[required]"
+                <input type="number"
+                       id="deviateLowerLimit"
+                       name="lowerLimit"
+                       class=" validate[required]"
                        placeholder="单行输入">
               </div>
             </div>
@@ -48,33 +67,58 @@
             <div class="form-group">
               <label class="col-sm-3 control-label">上限：</label>
               <div class="col-sm-8">
-                                <input type="number" id="deviateUpperLimit" name="upperLimit" class=" validate[required]"
+                <input type="number"
+                       id="deviateUpperLimit"
+                       name="upperLimit"
+                       class=" validate[required]"
                        placeholder="单行输入">
               </div>
             </div>
 
             <div class="form-group type">
-                            <label for="type" class="col-sm-3 control-label">选择类型：</label>
+              <label for="type"
+                     class="col-sm-3 control-label">选择类型：</label>
               <div class="col-sm-8">
-                                <select name="type" id="type" data-btn-class="btn btn-warning">
+                <select name="type"
+                        id="type"
+                        data-btn-class="btn btn-warning">
                   <option value="1">幸运许愿池偏差类型</option>
                   <option value="4">梦幻许愿池池偏差类型</option>
                 </select>
               </div>
             </div>
 
+            <div class="form-group deviatePartitionId">
+              <label for="type"
+                     class="col-sm-3 control-label">选择分区：</label>
+              <div class="col-sm-8">
+                <select name="partitionId"
+                        id="deviatePartitionId"
+                        data-btn-class="btn btn-warning">
+                </select>
+              </div>
+            </div>
+
             <div class="form-group">
               <label class="col-sm-3 control-label">创建者：</label>
 
               <div class="col-sm-8">
-                                <input type="text" id="creator" name="creator" class="validate[required]" placeholder="必填项">
+                <input type="text"
+                       id="creator"
+                       name="creator"
+                       class="validate[required]"
+                       placeholder="必填项">
               </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="save">保存</button>
+          <button type="button"
+                  class="btn btn-default"
+                  data-dismiss="modal">关闭</button>
+          <button type="button"
+                  class="btn btn-primary"
+                  id="save">保存</button>
         </div>
       </div>
     </div>
@@ -87,16 +131,44 @@ import ComboboxHelper from '@/assets/plugins/bootstrap-combobox/js/bootstrap-com
 
 export default {
   name: "DeviateRangeManageAdminView",
-    setup() {
+  setup () {
     return {};
   },
-    created() {
+  created () {
     this.$nextTick(function () {
       this.initData();
     });
   },
   methods: {
-        initData() {
+    initData () {
+      $.ajax({
+        type: 'get',
+        url: '/partition/listPartitionInfo',
+        dataType: 'json',
+        success: function (json) {
+          if (json.code == 200) {
+            var deviatePartitionId = $("#deviatePartitionId");
+            deviatePartitionId.empty();
+
+            var partitionId = $("#partitionId");
+            partitionId.empty();
+
+            // 遍历数据并添加 option
+            $.each(json.data, function (index, item) {
+              // 创建新的 option 元素
+              var option = $('<option></option>')
+                .attr('value', item.id)  // 设置 value 属性
+                .text(item.desc);           // 设置文本内容
+
+              // 追加到 select 元素
+              partitionId.append(option.clone());
+
+              deviatePartitionId.append(option.clone());
+            });
+          }
+        }
+      });
+
       $(function () {
         $('#table').bootstrapTable('destroy');
         $('#table').bootstrapTable({
@@ -123,11 +195,12 @@ export default {
           //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
           //设置为limit可以获取limit, offset, search, sort, order
           queryParamsType: "undefined",
-                    queryParams: function queryParams(params) {   //设置查询参数
+          queryParams: function queryParams (params) {   //设置查询参数
             var param = {
               pageNumber: params.pageNumber,
               pageSize: params.pageSize,
-                            type: parseInt($("#search-type").val())
+              type: parseInt($("#search-type").val()),
+              partitionId: parseInt($("#partitionId").val())
             };
             return param;
           },
@@ -189,6 +262,7 @@ export default {
                 $("#deviateRangeId").val(data.id);
                 $("#deviateLowerLimit").val(data.lowerLimit);
                 $("#deviateUpperLimit").val(data.upperLimit);
+                $("#deviatePartitionId").val(data.partitionId);
                 $("#creator").val(data.creator);
                 ComboboxHelper.setDef("#type", data.type);
                 // 打开编辑弹窗

src/views/prize/PrizeAdminView.vue

@@ -9,23 +9,49 @@
         <section class="content">
           <div id="table"></div>
           <div id="toolbar">
-                        <form action="" id="searchForm" method="POST">
+            <form action=""
+                  id="searchForm"
+                  method="POST">
 
-                            奖品名称：<input type="text" name="prizeName" id="prizeName" class="input-sm" placeholder="奖品名称">
+              奖品名称：<input type="text"
+                     name="prizeName"
+                     id="prizeName"
+                     class="input-sm"
+                     placeholder="奖品名称">
 
-                            奖品分类：<input type="text" name="prizeType" id="prizeType" class="input-sm" placeholder="奖品分类">
+              奖品分类：<input type="text"
+                     name="prizeType"
+                     id="prizeType"
+                     class="input-sm"
+                     placeholder="奖品分类">
 
-                            平台价值区间：<input type="text" name="priceStart" id="priceStart" class="input-sm" placeholder="最小值">
-                            --&nbsp;<input type="text" name="priceEnd" id="priceEnd" class="input-sm" placeholder="最大值">
-
-                            <br />
-                            实际价值区间：<input type="text" name="actualStart" id="actualStart" class="input-sm"
+              平台价值区间：<input type="text"
+                     name="priceStart"
+                     id="priceStart"
+                     class="input-sm"
                      placeholder="最小值">
-                            --&nbsp;<input type="text" name="actualEnd" id="actualEnd" class="input-sm" placeholder="最大值">
+              --&nbsp;<input type="text"
+                     name="priceEnd"
+                     id="priceEnd"
+                     class="input-sm"
+                     placeholder="最大值">
+
+              实际价值区间：<input type="text"
+                     name="actualStart"
+                     id="actualStart"
+                     class="input-sm"
+                     placeholder="最小值">
+              --&nbsp;<input type="text"
+                     name="actualEnd"
+                     id="actualEnd"
+                     class="input-sm"
+                     placeholder="最大值">
             </form>
 
-                        <button class="btn btn-primary" id="searchBtn">搜索</button>
-                        <button class="btn btn-primary" id="add">
+            <button class="btn btn-primary"
+                    id="searchBtn">搜索</button>
+            <button class="btn btn-primary"
+                    id="add">
               <i class="glyphicon glyphicon-plus"></i>增加
             </button>
           </div>
@@ -35,24 +61,39 @@
   </section>
 
   <!-- 弹窗 -->
-    <div class="modal fade" id="awardModal" rabindex='-1' role="dialog" aria-labelledby="modalLabel">
-        <div class="modal-dialog" role="document">
+  <div class="modal fade"
+       id="awardModal"
+       rabindex='-1'
+       role="dialog"
+       aria-labelledby="modalLabel">
+    <div class="modal-dialog"
+         role="document">
       <div class="modal-content">
 
         <div class="modal-header">
-                    <button class="close" type="button" data-dismiss="modal" aria-label="Close">
+          <button class="close"
+                  type="button"
+                  data-dismiss="modal"
+                  aria-label="Close">
             <span aria-hidden="true">x</span>
           </button>
 
-                    <div class="modal-title" id="editModalLabel">奖品设置</div>
+          <div class="modal-title"
+               id="editModalLabel">奖品设置</div>
         </div>
 
         <div class="modal-body">
-                    <div class="" id="addModalLabel">
-                        <label for="" class="col-sm-3 control-label" style="margin-left: 30px;">奖品类型：</label>
+          <div class=""
+               id="addModalLabel">
+            <label for=""
+                   class="col-sm-3 control-label"
+                   style="margin-left: 30px;">奖品类型：</label>
 
-                        <div class="col-sm-8" style="margin-left: -20px;">
-                            <select name="addType" id="addType" data-btn-class="btn btn-warning"
+            <div class="col-sm-8"
+                 style="margin-left: -20px;">
+              <select name="addType"
+                      id="addType"
+                      data-btn-class="btn btn-warning"
                       style="border-radius: 2px; width: 100px; height: 30px;">
                 <option value="budGold">钻石</option>
                 <option value="onlineGift">线上礼物</option>
@@ -63,15 +104,20 @@
               </select>
             </div>
           </div>
-                    <form action="" id="addForm" class="form-horizontal">
+          <form action=""
+                id="addForm"
+                class="form-horizontal">
 
             <!-- 选择礼物 -->
             <div class="form-group awardChoose">
 
-                            <label for="awardChoose" class="col-sm-3 control-label">选择礼物：</label>
+              <label for="awardChoose"
+                     class="col-sm-3 control-label">选择礼物：</label>
 
               <div class="col-sm-4">
-                                <select name="awardChoose" id="awardChoose" onchange="updateAward(this)">
+                <select name="awardChoose"
+                        id="awardChoose"
+                        onchange="updateAward(this)">
                   <!-- <option value="0">选取礼物</option> -->
                 </select>
               </div>
@@ -80,10 +126,13 @@
             <!-- 选择装扮类型 -->
             <div class="form-group dressType">
 
-                            <label for="dressType" class="col-sm-3 control-label">选择装扮类型：</label>
+              <label for="dressType"
+                     class="col-sm-3 control-label">选择装扮类型：</label>
 
               <div class="col-sm-8">
-                                <select name="dressType" id="dressType" data-btn-class="btn btn-warning">
+                <select name="dressType"
+                        id="dressType"
+                        data-btn-class="btn btn-warning">
                   <option value="4">头饰</option>
                   <option value="3">座驾</option>
                   <!--<option value="5">背景</option>-->
@@ -94,30 +143,39 @@
             <!-- 选择具体装扮 -->
             <div class="form-group realDressType headwearGift">
 
-                            <label for="realDressType" class="col-sm-3 control-label">选择具体装扮：</label>
+              <label for="realDressType"
+                     class="col-sm-3 control-label">选择具体装扮：</label>
 
               <div class="col-sm-8">
-                                <select name="realDressType" id="realDressType" class=" headwearContent">
+                <select name="realDressType"
+                        id="realDressType"
+                        class=" headwearContent">
                 </select>
               </div>
             </div>
 
             <div class="form-group realDressType carGift">
 
-                            <label for="realDressType" class="col-sm-3 control-label">选择具体装扮：</label>
+              <label for="realDressType"
+                     class="col-sm-3 control-label">选择具体装扮：</label>
 
               <div class="col-sm-8">
-                                <select name="realDressType" id="realDressType" class=" carContent">
+                <select name="realDressType"
+                        id="realDressType"
+                        class=" carContent">
                 </select>
               </div>
             </div>
 
             <div class="form-group realDressType backgroundGift">
 
-                            <label for="realDressType" class="col-sm-3 control-label">选择具体装扮：</label>
+              <label for="realDressType"
+                     class="col-sm-3 control-label">选择具体装扮：</label>
 
               <div class="col-sm-8">
-                                <select name="realDressType" id="realDressType" class=" backgroundContent">
+                <select name="realDressType"
+                        id="realDressType"
+                        class=" backgroundContent">
                 </select>
               </div>
             </div>
@@ -125,9 +183,14 @@
             <!-- 奖品名称 -->
             <div class="form-group giftName">
 
-                            <label for="giftName" class="col-sm-3 control-label">奖品名称：</label>
+              <label for="giftName"
+                     class="col-sm-3 control-label">奖品名称：</label>
 
-                            <input type="text" class="validate[required]" name="giftName" id="giftName" placeholder="单行输入">
+              <input type="text"
+                     class="validate[required]"
+                     name="giftName"
+                     id="giftName"
+                     placeholder="单行输入">
             </div>
 
             <!-- 奖品图片 -->
@@ -136,11 +199,20 @@
               <label class="col-sm-3 control-label">奖品图片：</label>
 
               <div class="col-sm-8">
-                                <img src="" alt="" id="imgUrl" style="width: 50px; height: 50px;">
-                                <input type="file" id="uploadFile" name="uploadFile"
+                <img src=""
+                     alt=""
+                     id="imgUrl"
+                     style="width: 50px; height: 50px;">
+                <input type="file"
+                       id="uploadFile"
+                       name="uploadFile"
                        accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
-                                <button class="btn btn-success" type="button" id="uploadBtn">上传</button>
-                                <input type="hidden" id="alertWinPic" name="alertWinPic"
+                <button class="btn btn-success"
+                        type="button"
+                        id="uploadBtn">上传</button>
+                <input type="hidden"
+                       id="alertWinPic"
+                       name="alertWinPic"
                        class="form-control validate[required]">
               </div>
             </div>
@@ -152,46 +224,67 @@
 
               <div class="col-sm-8">
                 <label for="">
-                                    <input type="radio" name="setDay">
-                                    <input type="text" class="input-sm" placeholder="0" style='width: 80px;'>&nbsp;天
+                  <input type="radio"
+                         name="setDay">
+                  <input type="text"
+                         class="input-sm"
+                         placeholder="0"
+                         style='width: 80px;'>&nbsp;天
                 </label>
                 <label for="">
-                                    <input type="radio" name="setDay">
-                                    <input type="text" class="input-sm" placeholder="0" style="width:80px;">&nbsp;月
+                  <input type="radio"
+                         name="setDay">
+                  <input type="text"
+                         class="input-sm"
+                         placeholder="0"
+                         style="width:80px;">&nbsp;月
                 </label>
                 <label for="">
-                                    <input type="radio" name="setDay">&nbsp;永久
+                  <input type="radio"
+                         name="setDay">&nbsp;永久
                 </label>
               </div>
             </div>
 
             <!-- 平台价值 -->
             <div class="form-group platformPrice">
-                            <label for="platformPrice" class="col-sm-3 control-label">平台价值：</label>
+              <label for="platformPrice"
+                     class="col-sm-3 control-label">平台价值：</label>
 
               <div class="col-sm-3">
-                                <input type="text" id="platformPrice" name="platformPrice"
-                                    class="form-control validate[required]" placeholder="">
+                <input type="text"
+                       id="platformPrice"
+                       name="platformPrice"
+                       class="form-control validate[required]"
+                       placeholder="">
               </div>
 
-                            <div class="col-sm-3" id="attention" style="color:lightgray;">平台价值和实际价值都指钻石价值</div>
+              <div class="col-sm-3"
+                   id="attention"
+                   style="color:lightgray;">平台价值和实际价值都指钻石价值</div>
             </div>
 
             <!-- 实际价值 -->
             <div class="form-group realPrice">
-                            <label for="realPrice" class="col-sm-3 control-label">实际价值：</label>
+              <label for="realPrice"
+                     class="col-sm-3 control-label">实际价值：</label>
 
               <div class="col-sm-3">
-                                <input type="text" id="realPrice" name="realPrice" class="form-control validate[required]">
+                <input type="text"
+                       id="realPrice"
+                       name="realPrice"
+                       class="form-control validate[required]">
               </div>
             </div>
 
             <!-- 礼物等级 -->
             <div class="form-group awardLevel">
-                            <label for="awardLevel" class="col-sm-3 control-label">礼物等级：</label>
+              <label for="awardLevel"
+                     class="col-sm-3 control-label">礼物等级：</label>
 
               <div class="col-sm-8">
-                                <select name="awardLevel" id="awardLevel">
+                <select name="awardLevel"
+                        id="awardLevel">
                   <option value="1">一级</option>
                   <option value="2">二级</option>
                   <option value="3">三级</option>
@@ -203,10 +296,14 @@
 
             <!-- 创建者 -->
             <div class="form-group creator">
-                            <label for="creator" class="col-sm-3 control-label">创建者：</label>
+              <label for="creator"
+                     class="col-sm-3 control-label">创建者：</label>
 
               <div class="col-sm-8">
-                                <input type="text" id="creator" name="creator" class="form-control validate[required]"
+                <input type="text"
+                       id="creator"
+                       name="creator"
+                       class="form-control validate[required]"
                        placeholder="请输入你的名字(必填)">
               </div>
             </div>
@@ -215,9 +312,14 @@
 
         <div class="modal-footer">
 
-                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
+          <button type="button"
+                  class="btn btn-default"
+                  data-dismiss="modal">取消</button>
 
-                    <button type="button" class="btn btn-primary" data-primary="addSave" id="save">保存</button>
+          <button type="button"
+                  class="btn btn-primary"
+                  data-primary="addSave"
+                  id="save">保存</button>
         </div>
       </div>
     </div>
@@ -229,9 +331,9 @@ import TableHelper from '@/utils/bootstrap-table-helper';
 
 export default {
   name: "PrizeAdminView",
-    setup() {
+  setup () {
     // select框监听事件
-        function updateAward(obj) {
+    function updateAward (obj) {
       console.log('------------------ change')
       // 赋值
       let referenceId = parseInt($('#awardChoose').siblings('.combobox-container').find('input:hidden').val())
@@ -242,12 +344,11 @@ export default {
       updateAward
     };
   },
-    created() {
+  created () {
     this.initData();
-
   },
   methods: {
-        initData() {
+    initData () {
       this.$nextTick(function () {
         // 定义线上礼物数据、装扮类型、具体装扮数据数组盒，用于ajax请求获取到的数据存储
         var onlineGift = [], dress = [], car = [], background = [];
@@ -430,7 +531,7 @@ export default {
           pageList: [10, 20, 30, 50],
           sidePagination: 'server',
           queryParamsType: 'undefined',
-                    queryParams: function queryParams(params) {
+          queryParams: function queryParams (params) {
             var giftKey = {
               '钻石': 1,
               '在线礼物': 2,
@@ -449,7 +550,8 @@ export default {
               minPlatformValue: $('#priceStart').val(),
               maxPlatformValue: $('#priceEnd').val(),
               minActualValue: $('#actualStart').val(),
-                            maxActualValue: $('#actualEnd').val()
+              maxActualValue: $('#actualEnd').val(),
+              partitionId: $('#partitionId').val(),
             };
             return param;
           },
@@ -464,7 +566,7 @@ export default {
           }
         });
 
-                function clearModal() {
+        function clearModal () {
           $('#addForm').find('input[type=text],select,input[type=hidden]').each(function () {
             $(this).val('');
           });
@@ -619,8 +721,6 @@ export default {
 
           $('.realPrice').find('#realPrice').val(data.actualValue);
 
-                    console.log(data.prizeLevel);
-
           $('.awardLevel').find('select').val(data.prizeLevel);
 
           $('#imgUrl').attr('src', data.prizeImgUrl);
@@ -631,6 +731,7 @@ export default {
           $('#addForm').data('wpType', data.prizeType);
           $('#addForm').data('referenceID', data.referenceId);
 
+          $('#awardPartitionId').val(data.partitionId);
         });
 
         // 添加事件
@@ -869,6 +970,7 @@ export default {
               $('#tipMsg').text('等级选择栏不能为空')
               $('#tipModal').modal('show');
             }
+            param.partitionId = $('#awardPartitionId').val();
 
             $.ajax({
               type: 'post',
@@ -882,7 +984,8 @@ export default {
                 prizeLevel: param.prizeLevel,
                 creator: param.creator,
                 platFormValue: param.platformValue,
-                                actualValue: param.actualValue
+                actualValue: param.actualValue,
+                partitionId: param.partitionId,
               },
               dataType: 'json',
               success: function (res) {
@@ -903,7 +1006,11 @@ export default {
       });
     }
   },
-
+  data () {
+    return {
+      partitionInfo: [],
+    }
+  }
 };
 
 </script>

src/views/prize/PrizeDataAdminNewView.vue

@@ -8,33 +8,63 @@
       <section class="content">
 
         <div id="toolbar">
-                    <form action="" id="searchForm" method="POST">
+          <form action=""
+                id="searchForm"
+                method="POST">
             <div class="col-sm-12">
+              <label for="partitionId"
+                     class="qry_col control-label">分区：</label>
+              <div class="col-sm-2">
+                <select id="partitionId"
+                        class="input-sm"></select>
+              </div>
               <div class="col-sm-4">
-                                <label for="timeBegin" class="qry_col control-label">日期：</label>
-                                <input type="text" name="timeBegin" id="timeBegin" class="input-sm" placeholder="起始时间">
-                                - <input type="text" name="timeEnd" id="timeEnd" class="input-sm" placeholder="结束时间">
+                <label for="timeBegin"
+                       class="qry_col control-label">日期：</label>
+                <input type="text"
+                       name="timeBegin"
+                       id="timeBegin"
+                       class="input-sm"
+                       placeholder="起始时间">
+                - <input type="text"
+                       name="timeEnd"
+                       id="timeEnd"
+                       class="input-sm"
+                       placeholder="结束时间">
               </div>
-                            <label for="erbanNo" class="qry_col control-label">平台号：</label>
+              <label for="erbanNo"
+                     class="qry_col control-label">平台号：</label>
               <div class="col-sm-2">
-                                <input type="text" name="erbanNo" id="erbanNo" class="input-sm" placeholder="">
+                <input type="text"
+                       name="erbanNo"
+                       id="erbanNo"
+                       class="input-sm"
+                       placeholder="">
               </div>
             </div>
             <div class="col-sm-12">
-                            <label for="boxType" class="qry_col control-label">许愿池类型:</label>
+              <label for="boxType"
+                     class="qry_col control-label">许愿池类型:</label>
               <div class="col-sm-2">
-                                <select name="boxType" id="boxType" class="col-sm-2 form-control"
+                <select name="boxType"
+                        id="boxType"
+                        class="col-sm-2 form-control"
                         data-btn-class="btn-warning">
-                                    <option value="" selected="selected">全部</option>
+                  <option value=""
+                          selected="selected">全部</option>
                   <option value="1">幸运许愿池</option>
                   <option value="2">梦幻许愿池</option>
                 </select>
               </div>
-                            <label for="poolType" class="qry_col control-label">奖池类型:</label>
+              <label for="poolType"
+                     class="qry_col control-label">奖池类型:</label>
               <div class="col-sm-2">
-                                <select name="poolType" id="poolType" class="col-sm-2 form-control"
+                <select name="poolType"
+                        id="poolType"
+                        class="col-sm-2 form-control"
                         data-btn-class="btn-warning">
-                                    <option value="" selected="selected">全部</option>
+                  <option value=""
+                          selected="selected">全部</option>
                   <option value="1">幸运新人奖池</option>
                   <option value="2">幸运普通奖池</option>
                   <option value="3">幸运白名单奖池</option>
@@ -46,17 +76,22 @@
                   <option value="11">梦幻白名单奖池</option>
                 </select>
               </div>
-                            <label for="dataType" class="qry_col control-label">数据类型:</label>
+              <label for="dataType"
+                     class="qry_col control-label">数据类型:</label>
               <div class="col-sm-2">
-                                <select name="dataType" id="dataType" class="col-sm-2 form-control"
+                <select name="dataType"
+                        id="dataType"
+                        class="col-sm-2 form-control"
                         data-btn-class="btn-warning">
-                                    <option value="1" selected="selected">普通用户数据</option>
+                  <option value="1"
+                          selected="selected">普通用户数据</option>
                   <option value="2">被排除用户的数据</option>
                 </select>
               </div>
             </div>
           </form>
-                    <button class="btn btn-primary" id="searchBtn">筛选</button>
+          <button class="btn btn-primary"
+                  id="searchBtn">筛选</button>
           <div class="tips">因数据量庞大，默认不会显示每天的结果，默认只展示平台总收益情况，请先选择时间范围再搜索</div>
           <div class="dataCount">
             <p>
@@ -90,7 +125,6 @@
           </div>
         </div>
 
-
         <div id="table"></div>
       </section>
     </div>
@@ -102,17 +136,48 @@ import TableHelper from '@/utils/bootstrap-table-helper';
 
 export default {
   name: "PrizeDataAdminNewView",
-    setup() {
+  setup () {
     return {};
   },
-    created() {
+  created () {
     this.$nextTick(function () {
       this.initData();
     });
   },
   methods: {
-        initData() {
+    initData () {
       $(function () {
+        $.ajax({
+          type: 'get',
+          url: '/partition/listPartitionInfo',
+          dataType: 'json',
+          success: function (json) {
+            if (json.code == 200) {
+              //var deviatePartitionId = $("#deviatePartitionId");
+              //deviatePartitionId.empty();
+
+              var partitionId = $("#partitionId");
+              partitionId.empty();
+
+              var defaultOption = $('<option></option>').attr('value', '').text("全部");
+              partitionId.append(defaultOption);
+
+              // 遍历数据并添加 option
+              $.each(json.data, function (index, item) {
+                // 创建新的 option 元素
+                var option = $('<option></option>')
+                  .attr('value', item.id)  // 设置 value 属性
+                  .text(item.desc);           // 设置文本内容
+
+                // 追加到 select 元素
+                partitionId.append(option.clone());
+
+                //deviatePartitionId.append(option.clone());
+              });
+            }
+          }
+        });
+
         var picker1 = $('#timeBegin').datetimepicker({
           format: 'yyyy-mm-dd',
           todayBtn: true,
@@ -182,7 +247,8 @@ export default {
                 endDate: $timeEnd,
                 boxType: $('#boxType').val(),
                 poolType: $('#poolType').val(),
-                                dataType: $('#dataType').val()
+                dataType: $('#dataType').val(),
+                partitionId: $("#partitionId").val(),
               }, function (res) {
                 console.log(res);
 
@@ -240,7 +306,7 @@ export default {
         };
         main.init();
 
-                function tableRefresh() {
+        function tableRefresh () {
           $('#table').bootstrapTable('destroy');
           $('#table').bootstrapTable({
             columns: [
@@ -274,7 +340,7 @@ export default {
             pageList: [10, 20, 30, 50],
             sidePagination: 'server',
             queryParamsType: 'undefined',
-                        queryParams: function queryParams(params) {
+            queryParams: function queryParams (params) {
               var param = {
                 pageSize: params.pageSize,
                 pageNumber: params.pageNumber,
@@ -284,6 +350,7 @@ export default {
                 poolType: $('#poolType').val(),
                 erbanNo: $('#erbanNo').val(),
                 dataType: $('#dataType').val(),
+                partitionId: $('#partitionId').val(),
               };
               return param;
             },
@@ -315,7 +382,7 @@ export default {
   margin-top: 10px;
 }
 
-.dataCount>p {
+.dataCount > p {
   padding: 5px;
   border-radius: 5px;
   background: #ccc;
@@ -329,4 +396,5 @@ export default {
 
 .qry_col {
   float: left;
-}</style>
+}
+</style>

src/views/prize/PrizeManageAdminView.vue

@@ -12,9 +12,14 @@
         <div id="toolbar">
 
           <div class="col-sm-12">
-            <form action="" id="searchForm" method="POST">
-
-              转盘分类：<select name="jackpotType" id="jackpotType" data-btn-class="btn btn-warning">
+            <form action=""
+                  id="searchForm"
+                  method="POST">
+              分区：<select id="partitionId"
+                      class="input-sm"></select>
+              转盘分类：<select name="jackpotType"
+                      class="input-sm"
+                      id="jackpotType">
                 <option value="1">幸运新人奖池</option>
                 <option value="2">幸运普通奖池</option>
                 <option value="3">幸运白名单奖池</option>
@@ -29,17 +34,23 @@
               </select>
               <label class="deviateRange">
                 偏差范围：
-                <select name="deviateRange" id="deviateRange" data-btn-class="btn btn-warning">
+                <select name="deviateRange"
+                        id="deviateRange"
+                        data-btn-class="btn btn-warning">
                 </select>
               </label>
               <label class="diamondDeviateRange">
                 偏差范围：
-                <select name="diamondDeviateRange" id="diamondDeviateRange" data-btn-class="btn btn-warning">
+                <select name="diamondDeviateRange"
+                        id="diamondDeviateRange"
+                        data-btn-class="btn btn-warning">
                 </select>
               </label>
             </form>
-            <button class="btn btn-primary" id="searchBtn">搜索</button>
-            <button class="btn btn-primary" id="add">添加奖品</button>
+            <button class="btn btn-primary"
+                    id="searchBtn">搜索</button>
+            <button class="btn btn-primary"
+                    id="add">添加奖品</button>
           </div>
 
           <div class="col-sm-12 jackpot">
@@ -51,10 +62,14 @@
             </p>
 
             <p class="col-sm-12">
-              <span class="col-sm-3" id="jackpotName"></span>
-              <span class="col-sm-3" id="jackpotNum"></span>
-              <span class="col-sm-3" id="prizeNum"></span>
-              <span class="col-sm-3" id="expectNum"></span>
+              <span class="col-sm-3"
+                    id="jackpotName"></span>
+              <span class="col-sm-3"
+                    id="jackpotNum"></span>
+              <span class="col-sm-3"
+                    id="prizeNum"></span>
+              <span class="col-sm-3"
+                    id="expectNum"></span>
             </p>
           </div>
 
@@ -65,31 +80,47 @@
   </section>
 
   <!-- 添加弹窗 -->
-  <div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
+  <div class="modal fade"
+       id="addModal"
+       tabindex="-1"
+       role="dialog"
+       aria-labelledby="modalLabel">
 
-    <div class="modal-dialog" role="document">
+    <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">
+          <button type="button"
+                  class="close"
+                  data-dismiss="modal"
+                  aria-label="Close">
             <span aria-hidden="true">x</span>
           </button>
 
-          <h4 class="modal-title" id="addModalLabel">添加奖品</h4>
+          <h4 class="modal-title"
+              id="addModalLabel">添加奖品</h4>
         </div>
 
         <div class="modal-body">
-          <form action="" class="form-horizontal" id="addForm">
+          <form action=""
+                class="form-horizontal"
+                id="addForm">
 
             <!-- 选择奖品 -->
             <div class="form-group">
-              <label for="" class="col-sm-3 control-label">选择奖品：</label>
+              <label for=""
+                     class="col-sm-3 control-label">选择奖品：</label>
               <div class="col-sm-8">
-                <select name="awardType" id="awardType" data-btn-class="btn btn-warning">
+                <select name="awardType"
+                        id="awardType"
+                        data-btn-class="btn btn-warning">
                   <!-- <option value=""></option> -->
                 </select>
 
-                <select name="awardChoose" id="awardChoose" data-btn-class="btn btn-warning">
+                <select name="awardChoose"
+                        id="awardChoose"
+                        data-btn-class="btn btn-warning">
                   <!-- <option value=""></option> -->
                 </select>
               </div>
@@ -97,19 +128,29 @@
 
             <!-- 奖品个数 -->
             <div class="form-group">
-              <label for="" class="col-sm-3 control-label">奖品个数：</label>
+              <label for=""
+                     class="col-sm-3 control-label">奖品个数：</label>
 
               <div class="col-sm-8">
-                <input type="text" id="jackpotNumber" name="jackpotNumber" class=" validate[required]" placeholder="单行输入">
+                <input type="text"
+                       id="jackpotNumber"
+                       name="jackpotNumber"
+                       class=" validate[required]"
+                       placeholder="单行输入">
               </div>
             </div>
 
             <!-- 中奖率 -->
             <div class="form-group">
-              <label for="" class="col-sm-3 control-label">实际中奖率：</label>
+              <label for=""
+                     class="col-sm-3 control-label">实际中奖率：</label>
 
               <div class="col-sm-8">
-                <input type="text" id="winningRate" name="winningRate" class=" validate[required]" placeholder="单行输入">%
+                <input type="text"
+                       id="winningRate"
+                       name="winningRate"
+                       class=" validate[required]"
+                       placeholder="单行输入">%
                 <br />
                 <div class="tips">
                   <i class="glyphicon glyphicon-info-sign"></i>中奖率综合为100，当前概率不得超过100
@@ -119,10 +160,15 @@
 
             <!-- 展示中奖率 -->
             <div class="form-group">
-              <label for="" class="col-sm-3 control-label">展示中奖率：</label>
+              <label for=""
+                     class="col-sm-3 control-label">展示中奖率：</label>
 
               <div class="col-sm-8">
-                <input type="text" id="showRate" name="showRate" class=" validate[required]" placeholder="单行输入">%
+                <input type="text"
+                       id="showRate"
+                       name="showRate"
+                       class=" validate[required]"
+                       placeholder="单行输入">%
                 <br />
                 <div class="tips">
                   <i class="glyphicon glyphicon-info-sign"></i>中奖率综合为100，当前概率不得超过100
@@ -131,21 +177,41 @@
             </div>
 
             <div class="form-group">
-              <label for="" class="col-sm-3 control-label">是否默认奖品：</label>
+              <label for=""
+                     class="col-sm-3 control-label">是否默认奖品：</label>
               <div class="col-sm-8">
-                <select name="itemType" id="itemType" data-btn-class="btn btn-warning">
+                <select name="itemType"
+                        id="itemType"
+                        data-btn-class="btn btn-warning">
                   <option value="1"> 默认奖品 </option>
                   <option value="2"> 普通奖品 </option>
                 </select>
               </div>
             </div>
 
-            <!-- 创建者 -->
-            <div class="form-group">
-              <label for="" class="col-sm-3 control-label">创建者：</label>
+            <!-- 分区 -->
+            <div class="form-group awardPartitionId">
+              <label for="awardPartitionId"
+                     class="col-sm-3 control-label">分区：</label>
 
               <div class="col-sm-8">
-                <input type="text" id="creator" name="creator" class="validate[required]" placeholder="必填项">
+                <select name="awardPartitionId"
+                        id="awardPartitionId">
+                </select>
+              </div>
+            </div>
+
+            <!-- 创建者 -->
+            <div class="form-group">
+              <label for=""
+                     class="col-sm-3 control-label">创建者：</label>
+
+              <div class="col-sm-8">
+                <input type="text"
+                       id="creator"
+                       name="creator"
+                       class="validate[required]"
+                       placeholder="必填项">
               </div>
             </div>
 
@@ -153,8 +219,12 @@
         </div>
 
         <div class="modal-footer">
-          <button class="btn btn-default" type="button" id="addReset">重置</button>
-          <button class="btn btn-primary" type="button" id="addSave">保存</button>
+          <button class="btn btn-default"
+                  type="button"
+                  id="addReset">重置</button>
+          <button class="btn btn-primary"
+                  type="button"
+                  id="addSave">保存</button>
         </div>
       </div>
     </div>
@@ -162,35 +232,56 @@
   </div>
 
   <!-- 编辑弹窗 -->
-  <div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
-    <div class="modal-dialog" role="document">
+  <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">
+          <button type="button"
+                  class="close"
+                  data-dismiss="modal"
+                  aria-label="Close">
             <span aria-hidden="true">x</span>
           </button>
-          <h4 class="modal-title" id="editModalLabel">编辑奖品</h4>
+          <h4 class="modal-title"
+              id="editModalLabel">编辑奖品</h4>
         </div>
 
         <div class="modal-body">
-          <form action="" class="form-horizontal" id="editForm">
-            <input type="hidden" id="editId">
+          <form action=""
+                class="form-horizontal"
+                id="editForm">
+            <input type="hidden"
+                   id="editId">
             <!-- 奖品个数 -->
             <div class="form-group">
-              <label for="" class="col-sm-3 control-label">奖品个数：</label>
+              <label for=""
+                     class="col-sm-3 control-label">奖品个数：</label>
 
               <div class="col-sm-8">
-                <input type="text" id="jackpotNumber2" name="jackpotNumber2" class=" validate[required]"
+                <input type="text"
+                       id="jackpotNumber2"
+                       name="jackpotNumber2"
+                       class=" validate[required]"
                        placeholder="单行输入">
               </div>
             </div>
 
             <!-- 中奖率 -->
             <div class="form-group">
-              <label for="" class="col-sm-3 control-label">实际中奖率：</label>
+              <label for=""
+                     class="col-sm-3 control-label">实际中奖率：</label>
 
               <div class="col-sm-8">
-                <input type="text" id="winningRate2" name="winningRate2" class=" validate[required]" placeholder="单行输入">%
+                <input type="text"
+                       id="winningRate2"
+                       name="winningRate2"
+                       class=" validate[required]"
+                       placeholder="单行输入">%
                 <br />
                 <div class="tips">
                   <i class="glyphicon glyphicon-info-sign"></i>中奖率综合为100，当前概率不得超过100
@@ -200,10 +291,15 @@
 
             <!-- 展示给用户看的中奖率 -->
             <div class="form-group">
-              <label for="" class="col-sm-3 control-label">展示中奖率：</label>
+              <label for=""
+                     class="col-sm-3 control-label">展示中奖率：</label>
 
               <div class="col-sm-8">
-                <input type="text" id="showRate2" name="showRate2" class=" validate[required]" placeholder="单行输入">%
+                <input type="text"
+                       id="showRate2"
+                       name="showRate2"
+                       class=" validate[required]"
+                       placeholder="单行输入">%
                 <br />
                 <div class="tips">
                   <i class="glyphicon glyphicon-info-sign"></i>中奖率综合为100，当前概率不得超过100
@@ -211,29 +307,52 @@
               </div>
             </div>
             <div class="form-group">
-              <label for="" class="col-sm-3 control-label">是否默认奖品：</label>
+              <label for=""
+                     class="col-sm-3 control-label">是否默认奖品：</label>
               <div class="col-sm-8">
-                <select name="itemType" id="itemType2" data-btn-class="btn btn-warning">
+                <select name="itemType"
+                        id="itemType2"
+                        data-btn-class="btn btn-warning">
                   <option value="1"> 默认奖品 </option>
                   <option value="2"> 普通奖品 </option>
                 </select>
               </div>
             </div>
 
-            <!-- 创建者 -->
-            <div class="form-group">
-              <label for="" class="col-sm-3 control-label">创建者：</label>
+            <!-- 分区 -->
+            <div class="form-group awardPartitionId">
+              <label for="awardPartitionId2"
+                     class="col-sm-3 control-label">分区：</label>
 
               <div class="col-sm-8">
-                <input type="text" id="creator2" name="creator2" class="validate[required]">
+                <select name="awardPartitionId2"
+                        id="awardPartitionId2">
+                </select>
+              </div>
+            </div>
+
+            <!-- 创建者 -->
+            <div class="form-group">
+              <label for=""
+                     class="col-sm-3 control-label">创建者：</label>
+
+              <div class="col-sm-8">
+                <input type="text"
+                       id="creator2"
+                       name="creator2"
+                       class="validate[required]">
               </div>
             </div>
           </form>
         </div>
 
         <div class="modal-footer">
-          <button class="btn btn-default" type="button" id="editReset">重置</button>
-          <button class="btn btn-primary" type="button" id="editSave">保存</button>
+          <button class="btn btn-default"
+                  type="button"
+                  id="editReset">重置</button>
+          <button class="btn btn-primary"
+                  type="button"
+                  id="editSave">保存</button>
         </div>
       </div>
     </div>
@@ -243,6 +362,7 @@
 <script>
 import TableHelper from '@/utils/bootstrap-table-helper';
 
+var partitionInfo = {}
 var idObj = {};
 var typeObj = {};
 var pId = '', saveId = '';
@@ -251,32 +371,85 @@ var ACCURACY = 1000; // 小数点精度
 var RATIO_PART = 100000; // 概率换算单位
 export default {
   name: "PrizeManageAdminView",
-  setup() {
+  setup () {
     return {};
   },
-  created() {
+  created () {
     this.initData();
 
   },
-  mounted() {
+  mounted () {
 
   },
   methods: {
-    initData() {
+    initData () {
       this.$nextTick(function () {
         var main = {
           init: function () {
+            this.initPartitionIdSelect();
+
             $('.deviateRange').hide();
             $('.chargeDeviateRange').hide();
             $('.diamondDeviateRange').hide();
+
             this.eventRegister();
             this.getDataFormBack();
+
             this.initDeviateRangeSelect();
             this.initDiamondDeviateRangeSelect();
             //$('#selectReplacePrize').hide();
             //this.initReplacePrizeSelect();
           },
 
+          initPartitionIdSelect: function () {
+            $.ajax({
+              type: 'get',
+              url: '/partition/listPartitionInfo',
+              dataType: 'json',
+              success: function (json) {
+                if (json.code == 200) {
+                  var awardPartitionId = $("#awardPartitionId");
+                  awardPartitionId.empty();
+
+                  var awardPartitionId2 = $("#awardPartitionId2");
+                  awardPartitionId2.empty();
+
+                  var partitionId = $("#partitionId");
+                  partitionId.empty();
+
+                  var defaultOption = $('<option></option>').attr('value', '').text("全部");
+                  partitionId.append(defaultOption);
+
+                  // 遍历数据并添加 option
+                  $.each(json.data, function (index, item) {
+                    // 创建新的 option 元素
+                    var option = $('<option></option>')
+                      .attr('value', item.id)  // 设置 value 属性
+                      .text(item.desc);           // 设置文本内容
+
+                    // 追加到 select 元素
+                    partitionId.append(option.clone());
+
+                    awardPartitionId.append(option.clone());
+
+                    awardPartitionId2.append(option.clone());
+                  });
+
+                  partitionInfo = json.data.reduce((acc, item) => {
+                    acc[item.id] = item.desc;
+                    return acc;
+                  }, {});
+                }
+              }
+            });
+
+            $('#partitionId').change(function () {
+              const partitionId = $(this).val();
+              main.initDeviateRangeSelect(partitionId);
+              main.initDiamondDeviateRangeSelect(partitionId);
+            });
+          },
+
           eventRegister: function () {
 
           },
@@ -306,36 +479,38 @@ export default {
             });
           },
 
-          initDeviateRangeSelect: function () {
-            let options = $('#deviateRange').children();
-            if (options.length <= 0) {
+          initDeviateRangeSelect: function (partitionId) {
+            $('#deviateRange').empty();
+
             $.get('/admin/deviateRange/list?type=1', {}, function (res) {
               if (res.total > 0) {
                 var rows = res.rows;
                 for (var i = 0; i < rows.length; i++) {
                   var deviateRange = rows[i];
-                    var str = '<option value=' + deviateRange.id + '>' + deviateRange.lowerLimit + '~' + deviateRange.upperLimit + '</option>';
+                  if (undefined != partitionId && '' != partitionId && deviateRange.partitionId == partitionId) {
+                    var str = '<option partitionId = ' + deviateRange.partitionId + ' value=' + deviateRange.id + '>' + deviateRange.lowerLimit + '~' + deviateRange.upperLimit + '</option>';
                     $('#deviateRange').append(str);
                   }
                 }
-              });
               }
+            });
           },
 
-          initDiamondDeviateRangeSelect: function () {
-            let options = $('#diamondDeviateRange').children();
-            if (options.length <= 0) {
+          initDiamondDeviateRangeSelect: function (partitionId) {
+            $('#diamondDeviateRange').empty();
+
             $.get('/admin/deviateRange/list?type=4', {}, function (res) {
               if (res.total > 0) {
                 var rows = res.rows;
                 for (var i = 0; i < rows.length; i++) {
                   var deviateRange = rows[i];
-                    var str = '<option value=' + deviateRange.id + '>' + deviateRange.lowerLimit + '~' + deviateRange.upperLimit + '</option>';
+                  if (undefined != partitionId && '' != partitionId && deviateRange.partitionId == partitionId) {
+                    var str = '<option partitionId = ' + deviateRange.partitionId + ' value=' + deviateRange.id + '>' + deviateRange.lowerLimit + '~' + deviateRange.upperLimit + '</option>';
                     $('#diamondDeviateRange').append(str);
                   }
                 }
-              });
               }
+            });
           },
 
           initReplacePrizeSelect: function () {
@@ -358,7 +533,7 @@ export default {
         $('#table').bootstrapTable('destroy');
         $('#table').bootstrapTable({
           columns: [
-            { field: 'id', title: '奖品编号', align: 'center', valign: 'middle', width: '10%' },
+            { field: 'id', title: '奖品编号', align: 'center', valign: 'middle', width: '3%' },
             {
               field: 'prizeName', title: '奖品名称', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
                 var key = row.prizeId;
@@ -448,6 +623,11 @@ export default {
               }
             },
             { field: 'usePrizeNum', title: '被抽中数量', align: 'center', valign: 'middle', width: '10%' },
+            {
+              field: 'partitionId', title: '分区', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
+                return partitionInfo[val] || val;
+              }
+            },
             {
               field: '', title: '操作', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
                 var key = row.id;
@@ -463,13 +643,14 @@ export default {
           pageList: [10, 20, 30, 50],
           sidePagination: 'server',
           queryParamsType: 'undefined',
-          queryParams: function queryParams(params) {
+          queryParams: function queryParams (params) {
 
             var param = {
               pageSize: params.pageSize,
               pageNumber: params.pageNumber,
               poolType: parseInt($('#jackpotType').val()),
-              deviateRangeId: getDeviateRangeId()
+              deviateRangeId: getDeviateRangeId(),
+              partitionId: $('#partitionId').val(),
             };
 
             return param;
@@ -479,7 +660,6 @@ export default {
           url: '/admin/prizePoolItem/list',
           onLoadSuccess: function (res) {
             console.log('load success');
-            console.log(res.rows);
             var arr = [];
             var Num = 0;
             var expectNum = 0;
@@ -587,7 +767,6 @@ export default {
         $('#addModal').find('#awardType').on('change', function () {
           $('#awardChoose').find('option').remove();
           var key = $(this).val();
-          console.log(key);
           // var str = '<option></option>';
           // $('#awardChoose').append(str);
           var str;
@@ -605,12 +784,12 @@ export default {
           var id = $(this).data('id');
           var data = $('#table').bootstrapTable('getRowByUniqueId', id);
 
-          console.log(data);
           $('#editModal').find('#jackpotNumber2').val(data.prizeNum);
           $('#editModal').find('#winningRate2').val(data.occupationRatio / ACCURACY);
           $('#editModal').find('#showRate2').val(data.showRatio / ACCURACY);
           $('#editModal').find('#creator2').val(data.creator);
           $('#editModal').find('#itemType2').val(data.itemType);
+          $('#editModal').find('#awardPartitionId2').val(data.partitionId);
           pId = data.prizeId;
           saveId = id;
         });
@@ -660,7 +839,8 @@ export default {
             occupationRatio: $('#winningRate').val() * ACCURACY,
             showRatio: $('#showRate').val() * ACCURACY,
             creator: $('#creator').val(),
-            itemType: $('#itemType').val()
+            itemType: $('#itemType').val(),
+            partitionId: $('#awardPartitionId').val(),
           }, function (res) {
             if (res.code == 200) {
               $('#addModal').modal('hide');
@@ -715,7 +895,8 @@ export default {
             occupationRatio: $('#winningRate2').val() * ACCURACY,
             showRatio: $('#showRate2').val() * ACCURACY,
             creator: $('#creator2').val(),
-            itemType: $('#itemType2').val()
+            itemType: $('#itemType2').val(),
+            partitionId: $('#awardPartitionId2').val(),
           }, function (res) {
             if (res.code == 200) {
               // console.log(res);
@@ -774,7 +955,7 @@ export default {
 
 };
 
-function clearModal() {
+function clearModal () {
   $('#addForm').find('input[type=text],select,input[type=hidden]').each(function () {
     $(this).val('');
   });
@@ -783,7 +964,7 @@ function clearModal() {
   });
 }
 
-function getDeviateRangeId() {
+function getDeviateRangeId () {
   if ($('#deviateRange').val()) {
     var jackpotType = $('#jackpotType').val();
     if (jackpotType == '4') {
@@ -814,7 +995,7 @@ function getDeviateRangeId() {
   align-items: center;
 }
 
-#toolbar>div:first-child {
+#toolbar > div:first-child {
   margin-right: 10px;
 }
 </style>

src/views/prize/PrizeRecordAdminView.vue

@@ -10,23 +10,40 @@
         <div id="toolbar">
           <div class="col-sm-12">
             <div class="pull-left">
-                            <form action="/admin/box/record/export" id="searchForm" method="POST">
-                                平台号：<input type="text" id="msNo" name="msNo" class="input-sm" placeholder="请输入平台号">
+              <form action="/admin/box/record/export"
+                    id="searchForm"
+                    method="POST">
+                平台号：<input type="text"
+                       id="msNo"
+                       name="msNo"
+                       class="input-sm"
+                       placeholder="请输入平台号">
 
-                                奖品名称：<input type="text" id="prizeName" name="prizeName" class="input-sm"
+                奖品名称：<input type="text"
+                       id="prizeName"
+                       name="prizeName"
+                       class="input-sm"
                        placeholder="请输入奖品名称">
 
-                                日期：<input type="text" name="startDate" id="timeBegin" class="input-sm datetime"
+                日期：<input type="text"
+                       name="startDate"
+                       id="timeBegin"
+                       class="input-sm datetime"
                        placeholder="起始时间">
-                                - <input type="text" name="endDate" id="timeEnd" class="input-sm datetime"
+                - <input type="text"
+                       name="endDate"
+                       id="timeEnd"
+                       class="input-sm datetime"
                        placeholder="结束时间">
 
               </form>
             </div>
 
             <div class="pull-right">
-                            &nbsp;&nbsp;&nbsp;&nbsp;<button id="searchBtn" class="btn btn-primary">筛选</button>
-                            <button id="exportBtn" class="btn btn-primary">导出</button>
+              &nbsp;&nbsp;&nbsp;&nbsp;<button id="searchBtn"
+                      class="btn btn-primary">筛选</button>
+              <button id="exportBtn"
+                      class="btn btn-primary">导出</button>
             </div>
           </div>
 
@@ -41,16 +58,16 @@ import TableHelper from '@/utils/bootstrap-table-helper';
 
 export default {
   name: "PrizeRecordAdminView",
-    setup() {
+  setup () {
     return {};
   },
-    created() {
+  created () {
     this.$nextTick(function () {
       this.initData();
     });
   },
   methods: {
-        initData() {
+    initData () {
       $(function () {
 
         $('.datetime').datetimepicker({
@@ -81,6 +98,7 @@ export default {
             { field: 'uid', title: 'uid', align: 'center', valign: 'middle', width: '10%' },
             { field: 'erbanNo', title: '平台号', align: 'center', valign: 'middle', width: '10%' },
             { field: 'nick', title: '用户昵称', align: 'center', valign: 'middle', width: '10%' },
+            { field: 'partition', title: '分区', align: 'center', valign: 'middle', width: '10%' },
             { field: 'prizeName', title: '奖品名称', align: 'center', valign: 'middle', width: '10%' },
             {
               field: 'createTime', title: '抽奖时间', align: 'center', valign: 'middle', width: '20%', formatter: function (val, row, index) {
@@ -142,7 +160,7 @@ export default {
           pageList: [10, 20, 30, 50],
           sidePagination: 'server',
           queryParamsType: 'undefined',
-                    queryParams: function queryParams(params) {
+          queryParams: function queryParams (params) {
             var param = {
               pageSize: params.pageSize,
               pageNumber: params.pageNumber,

src/views/prize/PrizeStatisAdminNewView.vue

@@ -9,30 +9,47 @@
           <div id="table"></div>
           <div id="toolbar">
             <label class="source">
-                            选择时间: <input type="text" name="startTime" id="startTime" class="input-sm">
-                            至 <input type="text" id="endTime" name="endTime" class="input-sm">
+              选择时间: <input type="text"
+                     name="startTime"
+                     id="startTime"
+                     class="input-sm">
+              至 <input type="text"
+                     id="endTime"
+                     name="endTime"
+                     class="input-sm">
             </label>
             <label class="source">
-                            宝箱类型: <select name="boxType" id="boxType" class="input-sm">
+              宝箱类型: <select name="boxType"
+                      id="boxType"
+                      class="input-sm">
                 <option value="0">全部</option>
                 <option value="1">幸运许愿池</option>
                 <option value="2">梦幻许愿池</option>
               </select>
             </label>
             <label class="source">
-                            查询凭据：<select name="source" id="source" class="input-sm">
+              查询凭据：<select name="source"
+                      id="source"
+                      class="input-sm">
                 <option value="1">平台号</option>
                 <option value="2">偏差范围</option>
               </select>
             </label>
             <label class="msNo">
-                            平台号：<input type="text" placeholder="请输入草莓号" id="msNo" class="input-sm">
+              平台号：<input type="text"
+                     placeholder="请输入草莓号"
+                     id="msNo"
+                     class="input-sm">
             </label>
             <label class="deviation">
-                            偏差值： <input type="text" id="minDis" class="input-m"> - <input type="text" id="maxDis"
+              偏差值： <input type="text"
+                     id="minDis"
+                     class="input-m"> - <input type="text"
+                     id="maxDis"
                      class="input-m">
             </label>
-                        <button id="btnSearch" class="btn btn-sm btn-primary">查询</button>
+            <button id="btnSearch"
+                    class="btn btn-sm btn-primary">查询</button>
           </div>
         </section>
       </div>
@@ -45,27 +62,28 @@ import TableHelper from '@/utils/bootstrap-table-helper';
 
 export default {
   name: "PrizeStatisAdminNewView",
-    setup() {
+  setup () {
     return {};
   },
-    created() {
+  created () {
     this.$nextTick(function () {
       this.initData();
     });
   },
   methods: {
-        initData() {
+    initData () {
       $(function () {
         //searchHistory();
         var whiteList = {};
         requestWhiteList(searchHistory());
-                function searchHistory() {
+        function searchHistory () {
           $('#table').bootstrapTable('destroy');
           $('#table').bootstrapTable({
             columns: [
               { field: 'uid', title: 'uid', align: 'center', valign: 'middle', width: '10%' },
               { field: 'erbanNo', title: '平台号', align: 'center', valign: 'middle', width: '10%' },
               { field: 'nick', title: '昵称', align: 'center', valign: 'middle', width: '10%' },
+              { field: 'partition', title: '分区', align: 'center', valign: 'middle', width: '10%' },
               { field: 'totalPurchaseMoney', title: '历史抽奖充值总额', align: 'center', valign: 'middle', width: '10%' },
               { field: 'totalDrawMoney', title: '历史抽奖总额', align: 'center', valign: 'middle', width: '10%' },
               { field: 'totalPlatformValue', title: '历史获奖平台价值', align: 'center', valign: 'middle', width: '10%' },
@@ -162,7 +180,7 @@ export default {
             //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
             //设置为limit可以获取limit, offset, search, sort, order
             queryParamsType: "undefined",
-                        queryParams: function queryParams(params) {   //设置查询参数
+            queryParams: function queryParams (params) {   //设置查询参数
               var param = {
                 pageSize: params.pageSize,
                 pageNumber: params.pageNumber,
@@ -236,7 +254,7 @@ export default {
           requestWhiteList(searchHistory());
         });
 
-                function editWhiteList(uid, availableNum, boxType) {
+        function editWhiteList (uid, availableNum, boxType) {
           $.post("/admin/prizeWhiteUser/save", { uid: uid, availableNum: availableNum, boxType: boxType }, function (res) {
             if (res.code == 200) {
               if (availableNum > 0) {
@@ -256,7 +274,7 @@ export default {
           })
         }
 
-                function requestWhiteList(callback) {
+        function requestWhiteList (callback) {
           $.ajax({
             url: '/admin/prizeWhiteUser/list',
             success: function (res) {
@@ -293,4 +311,5 @@ export default {
 
 #toolbar label {
   margin-right: 6px;
-}</style>
+}
+</style>

src/views/prize/PrizeStatisAdminView.vue

@@ -9,30 +9,47 @@
           <div id="table"></div>
           <div id="toolbar">
             <label class="source">
-                            选择时间: <input type="text" name="startTime" id="startTime" class="input-sm">
-                            至 <input type="text" id="endTime" name="endTime" class="input-sm">
+              选择时间: <input type="text"
+                     name="startTime"
+                     id="startTime"
+                     class="input-sm">
+              至 <input type="text"
+                     id="endTime"
+                     name="endTime"
+                     class="input-sm">
             </label>
             <label class="source">
-                            宝箱类型: <select name="boxType" id="boxType" class="input-sm">
+              宝箱类型: <select name="boxType"
+                      id="boxType"
+                      class="input-sm">
                 <option value="0">全部</option>
                 <option value="1">幸运许愿池</option>
                 <option value="2">梦幻许愿池</option>
               </select>
             </label>
             <label class="source">
-                            查询凭据：<select name="source" id="source" class="input-sm">
+              查询凭据：<select name="source"
+                      id="source"
+                      class="input-sm">
                 <option value="1">平台号</option>
                 <option value="2">偏差范围</option>
               </select>
             </label>
             <label class="msNo">
-                            平台号：<input type="text" placeholder="请输入草莓号" id="msNo" class="input-sm">
+              平台号：<input type="text"
+                     placeholder="请输入草莓号"
+                     id="msNo"
+                     class="input-sm">
             </label>
             <label class="deviation">
-                            偏差值： <input type="text" id="minDis" class="input-m"> - <input type="text" id="maxDis"
+              偏差值： <input type="text"
+                     id="minDis"
+                     class="input-m"> - <input type="text"
+                     id="maxDis"
                      class="input-m">
             </label>
-                        <button id="btnSearch" class="btn btn-sm btn-primary">查询</button>
+            <button id="btnSearch"
+                    class="btn btn-sm btn-primary">查询</button>
           </div>
         </section>
       </div>
@@ -45,27 +62,28 @@ import TableHelper from '@/utils/bootstrap-table-helper';
 
 export default {
   name: "PrizeStatisAdminView",
-    setup() {
+  setup () {
     return {};
   },
-    created() {
+  created () {
     this.$nextTick(function () {
       this.initData();
     });
   },
   methods: {
-        initData() {
+    initData () {
       $(function () {
         //searchHistory();
         var whiteList = {};
         requestWhiteList(searchHistory());
-                function searchHistory() {
+        function searchHistory () {
           $('#table').bootstrapTable('destroy');
           $('#table').bootstrapTable({
             columns: [
               { field: 'uid', title: 'uid', align: 'center', valign: 'middle', width: '10%' },
               { field: 'erbanNo', title: '平台号', align: 'center', valign: 'middle', width: '10%' },
               { field: 'nick', title: '昵称', align: 'center', valign: 'middle', width: '10%' },
+              { field: 'partition', title: '分区', align: 'center', valign: 'middle', width: '10%' },
               { field: 'totalPurchaseMoney', title: '历史抽奖充值总额', align: 'center', valign: 'middle', width: '10%' },
               { field: 'totalDrawMoney', title: '历史抽奖总额', align: 'center', valign: 'middle', width: '10%' },
               { field: 'totalPlatformValue', title: '历史获奖平台价值', align: 'center', valign: 'middle', width: '10%' },
@@ -162,7 +180,7 @@ export default {
             //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
             //设置为limit可以获取limit, offset, search, sort, order
             queryParamsType: "undefined",
-                        queryParams: function queryParams(params) {   //设置查询参数
+            queryParams: function queryParams (params) {   //设置查询参数
               var param = {
                 pageSize: params.pageSize,
                 pageNumber: params.pageNumber,
@@ -236,7 +254,7 @@ export default {
           requestWhiteList(searchHistory());
         });
 
-                function editWhiteList(uid, availableNum, boxType) {
+        function editWhiteList (uid, availableNum, boxType) {
           $.post("/admin/prizeWhiteUser/save", { uid: uid, availableNum: availableNum, boxType: boxType }, function (res) {
             if (res.code == 200) {
               if (availableNum > 0) {
@@ -256,7 +274,7 @@ export default {
           })
         }
 
-                function requestWhiteList(callback) {
+        function requestWhiteList (callback) {
           $.ajax({
             url: '/admin/prizeWhiteUser/list',
             success: function (res) {
@@ -293,4 +311,5 @@ export default {
 
 #toolbar label {
   margin-right: 6px;
-}</style>
+}
+</style>

src/views/resource/GamePlayView.vue

@@ -33,7 +33,7 @@
             <el-table-column align="center" prop="icon" label="入口icon">
                 <template v-slot="scope">
                     <el-image style="width: 100px; height: 100px" :src="scope.row.icon" :zoom-rate="1.1"
-                        :preview-src-list="[scope.row.icon]" fit="cover" preview-teleported="true"
+                        :preview-src-list="[scope.row.icon]" fit="scale-down" preview-teleported="true"
                         hide-on-click-modal="true" />
                 </template>
             </el-table-column>

src/views/resource/ResourceView.vue

@@ -33,7 +33,7 @@
             <el-table-column align="center" prop="icon" label="入口icon">
                 <template v-slot="scope">
                     <el-image style="width: 100px; height: 100px" :src="scope.row.icon" :zoom-rate="1.1"
-                        :preview-src-list="[scope.row.icon]" fit="cover" preview-teleported="true"
+                        :preview-src-list="[scope.row.icon]" fit="scale-down" preview-teleported="true"
                         hide-on-click-modal="true" />
                 </template>
             </el-table-column>

src/views/resource/SplashView.vue

@@ -33,7 +33,7 @@
             <el-table-column align="center" prop="url" label="开屏页" width="200">
                 <template v-slot="scope">
                     <el-image style="width: 100%; height: 100px" :src="scope.row.url" :zoom-rate="1.1"
-                        :preview-src-list="[scope.row.url]" fit="cover" preview-teleported="true"
+                        :preview-src-list="[scope.row.url]" fit="scale-down" preview-teleported="true"
                         hide-on-click-modal="true" />
                 </template>
             </el-table-column>

src/views/room/RoomAlbums.vue

@@ -41,7 +41,7 @@
             :src="scope.row.photoUrl"
             :zoom-rate="1.1"
             :preview-src-list="[scope.row.photoUrl]"
-            fit="cover"
+            fit="scale-down"
             preview-teleported="true"
             hide-on-click-modal="true"
         /></template>
@@ -58,7 +58,7 @@
             style="width: 30px; height: 30px; vertical-align: middle; margin-right: 6px"
             :src="scope.row.picUrl"
             :zoom-rate="1"
-            fit="cover"
+            fit="scale-down"
             preview-teleported="true"
           />
           <img

src/views/room/RoomSearchAdminView.vue

@@ -9,22 +9,33 @@
           <div id="table"></div>
           <div id="toolbar">
             <div class="col-sm-12">
-                            <label for="erbanNo" class="col-sm-1 control-label">平台号:</label>
+              <label for="erbanNo"
+                     class="col-sm-1 control-label">平台号:</label>
               <div class="col-sm-2">
-                                <input type="text" name="erbanNo" id="erbanNo" placeholder="请输入平台号" class="form-control">
+                <input type="text"
+                       name="erbanNo"
+                       id="erbanNo"
+                       placeholder="请输入平台号"
+                       class="form-control">
               </div>
 
-                            <label for="sort" class="col-sm-1 control-label">排序:</label>
+              <label for="sort"
+                     class="col-sm-1 control-label">排序:</label>
               <div class="col-sm-2">
-                                <select name="sort" id="sort" class="form-control">
+                <select name="sort"
+                        id="sort"
+                        class="form-control">
                   <option value="0">默认</option>
                   <option value="1">创建时间</option>
                 </select>
               </div>
 
-                            <label for="roomPermitType" class="col-sm-1 control-label">房间类型:</label>
+              <label for="roomPermitType"
+                     class="col-sm-1 control-label">房间类型:</label>
               <div class="col-sm-2">
-                                <select name="roomPermitType" id="roomPermitType" class="form-control">
+                <select name="roomPermitType"
+                        id="roomPermitType"
+                        class="form-control">
                   <option value="0"></option>
                   <option value="1">牌照房</option>
                   <option value="2">非牌照房</option>
@@ -32,92 +43,150 @@
                 </select>
               </div>
 
-                            <label for="partitionId" class="col-sm-1 control-label">地区:</label>
+              <label for="partitionId"
+                     class="col-sm-1 control-label">地区:</label>
               <div class="col-sm-2">
-                                <select name="partitionId" id="partitionId" class="form-control"></select>
+                <select name="partitionId"
+                        id="partitionId"
+                        class="form-control"></select>
               </div>
             </div>
 
-                        <button id="btnSearch" class="btn btn-sm btn-primary">查询</button>
+            <button id="btnSearch"
+                    class="btn btn-sm btn-primary">查询</button>
           </div>
         </section>
       </div>
     </div>
   </section>
-    <div class="modal fade" id="robotModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
-        <div class="modal-dialog" role="document">
+  <div class="modal fade"
+       id="robotModal"
+       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">x</span></button>
-                    <h4 class="modal-title" id="robotModalLabel">机器人管理</h4>
+          <button type="button"
+                  class="close"
+                  data-dismiss="modal"
+                  aria-label="Close"><span aria-hidden="true">x</span></button>
+          <h4 class="modal-title"
+              id="robotModalLabel">机器人管理</h4>
           <h5 id="robotUsingNum">当前房间机器人配置数量：</h5>
           <h5 id="robotOnlineNum">当前房间机器人在线数量：</h5>
         </div>
         <div class="modal-body">
-                    <form id="editRobot" class="form-horizontal">
-                        人数: <input type="text" name="count" id="addRobotCount" /><span
-                            style="color: red;">(人数不能超过100)</span>
-                        <input type="hidden" name="uid" id="addRobotUid" />
+          <form id="editRobot"
+                class="form-horizontal">
+            人数: <input type="text"
+                   name="count"
+                   id="addRobotCount" /><span style="color: red;">(人数不能超过100)</span>
+            <input type="hidden"
+                   name="uid"
+                   id="addRobotUid" />
           </form>
         </div>
         <div class="modal-footer">
-                    <button type="button" class="btn btn-primary" id="robot-sync">同步房间机器人</button>
-                    <button type="button" class="btn btn-primary" id="robot-save">新增</button>
-                    <button type="button" class="btn btn-primary" id="robot-remove">移除</button>
+          <button type="button"
+                  class="btn btn-primary"
+                  id="robot-sync">同步房间机器人</button>
+          <button type="button"
+                  class="btn btn-primary"
+                  id="robot-save">新增</button>
+          <button type="button"
+                  class="btn btn-primary"
+                  id="robot-remove">移除</button>
         </div>
       </div>
     </div>
   </div>
-    <div class="modal fade" id="roomTypeModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
-        <div class="modal-dialog" role="document">
+  <div class="modal fade"
+       id="roomTypeModal"
+       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">x</span></button>
-                    <h4 class="modal-title" id="roomTypeModalLabel">房间类型管理</h4>
+          <button type="button"
+                  class="close"
+                  data-dismiss="modal"
+                  aria-label="Close"><span aria-hidden="true">x</span></button>
+          <h4 class="modal-title"
+              id="roomTypeModalLabel">房间类型管理</h4>
         </div>
         <div class="modal-body">
-                    <form id="roomType" class="form-horizontal">
+          <form id="roomType"
+                class="form-horizontal">
             房间类型:
-                        <select id="permitType" name="permitType" class="form-control" data-btn-class="btn-warning">
+            <select id="permitType"
+                    name="permitType"
+                    class="form-control"
+                    data-btn-class="btn-warning">
               <option value="1">牌照房</option>
               <option value="2">普通房</option>
               <option value="4">个播房</option>
             </select>
-                        <input type="hidden" name="uid" id="roomTypeUid" />
+            <input type="hidden"
+                   name="uid"
+                   id="roomTypeUid" />
           </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="room-type-update">保存</button>
+          <button type="button"
+                  class="btn btn-default"
+                  data-dismiss="modal">关闭</button>
+          <button type="button"
+                  class="btn btn-primary"
+                  id="room-type-update">保存</button>
         </div>
       </div>
     </div>
   </div>
-    <div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
-        <div class="modal-dialog" role="document">
+  <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">x</span></button>
-                    <h4 class="modal-title" id="editModalLabel">修改房间信息</h4>
+          <button type="button"
+                  class="close"
+                  data-dismiss="modal"
+                  aria-label="Close"><span aria-hidden="true">x</span></button>
+          <h4 class="modal-title"
+              id="editModalLabel">修改房间信息</h4>
         </div>
         <div class="modal-body">
-                    <form id="editRoom" class="form-horizontal">
-                        <input type="hidden" name="uid" id="uid">
+          <form id="editRoom"
+                class="form-horizontal">
+            <input type="hidden"
+                   name="uid"
+                   id="uid">
             <div class="form-group">
-                            <label for="tag" class="col-sm-3 control-label">标签:</label>
+              <label for="tag"
+                     class="col-sm-3 control-label">标签:</label>
               <div class="col-sm-8 control-label">
-                                <select name="tag" id="tag" class="col-sm-5">
+                <select name="tag"
+                        id="tag"
+                        class="col-sm-5">
 
                 </select>
               </div>
             </div>
-                        <div class="form-group" id="close_single_sort">
-                            <label for="sortId" class="col-sm-3 control-label">房间分类:</label>
+            <div class="form-group"
+                 id="close_single_sort">
+              <label for="sortId"
+                     class="col-sm-3 control-label">房间分类:</label>
               <div class="col-sm-8 control-label">
-                                <select name="sortId" id="sortId" class="col-sm-5">
+                <select name="sortId"
+                        id="sortId"
+                        class="col-sm-5">
 
                 </select>
               </div>
@@ -126,134 +195,250 @@
             <div class="form-group">
               <label class="col-sm-3 control-label">角标图:</label>
               <div class="col-sm-8">
-                                <img src="" id="addImgUrl" style="width:70px;height:20px;" alt="">
-                                <input type="file" id="addUploadFile" name="uploadBadge"
+                <img src=""
+                     id="addImgUrl"
+                     style="width:70px;height:20px;"
+                     alt="">
+                <input type="file"
+                       id="addUploadFile"
+                       name="uploadBadge"
                        accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
-                                <button class="btn btn-success" type="button" id="uploadBtn">上传</button>
-                                <input type="hidden" id="badge" name="badge" class="form-control" />
-                                <a href="javascript:void(0)" id="removeBadge">下角标</a>
-                            </div>
-                        </div>
-                        <div class="form-group">
-                            <label class="col-sm-3 control-label">房间背景图:</label>
-                            <div class="col-sm-8">
-                                <img src="" id="addBackPic" style="width:60px;height:90px" alt="">
-                                <input type="file" id="addBackground" name="uploadBackground"
-                                    accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
-                                <button class="btn btn-success" type="button" id="uploadBtn2">上传</button>
-                                <input type="hidden" id="backPic" name="backPic" class="form-control" />
-                                <a href="javascript:void(0)" id="removeBackground">去除背景</a>
+                <button class="btn btn-success"
+                        type="button"
+                        id="uploadBtn">上传</button>
+                <input type="hidden"
+                       id="badge"
+                       name="badge"
+                       class="form-control" />
+                <a href="javascript:void(0)"
+                   id="removeBadge">下角标</a>
               </div>
             </div>
 
             <div class="form-group">
+              <label class="col-sm-3 control-label">头像:</label>
+              <div class="col-sm-8">
+                <img src=""
+                     id="addAvatarImg"
+                     style="width:60px;height:90px"
+                     alt="">
+                <input type="file"
+                       id="addAvatar"
+                       name="uploadAvatar"
+                       accept="image/gif,image/jpeg,image/jpg,image/png">
+                <button class="btn btn-success"
+                        type="button"
+                        id="uploadAvatar">上传</button>
+                <input type="hidden"
+                       id="avatar"
+                       name="avatar"
+                       class="form-control" />
+                <a href="javascript:void(0)"
+                   id="removeAvatar">去除头像</a>
+              </div>
+            </div>
+
+            <div class="form-group">
+              <label class="col-sm-3 control-label">房间背景图:</label>
+              <div class="col-sm-8">
+                <img src=""
+                     id="addBackPic"
+                     style="width:60px;height:90px"
+                     alt="">
+                <input type="file"
+                       id="addBackground"
+                       name="uploadBackground"
+                       accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
+                <button class="btn btn-success"
+                        type="button"
+                        id="uploadBtn2">上传</button>
+                <input type="hidden"
+                       id="backPic"
+                       name="backPic"
+                       class="form-control" />
+                <a href="javascript:void(0)"
+                   id="removeBackground">去除背景</a>
+              </div>
+            </div>
+
+            <!-- <div class="form-group">
               <label class="col-sm-3 control-label">是否有龙珠游戏:</label>
               <div class="col-sm-8">
-                                <label class="radio-inline"><input type="radio" name="hasDragonGame" value="0" />否</label>
-                                <label class="radio-inline"><input type="radio" name="hasDragonGame" value="1" />是</label>
-                            </div>
+                <label class="radio-inline"><input type="radio"
+                         name="hasDragonGame"
+                         value="0" />否</label>
+                <label class="radio-inline"><input type="radio"
+                         name="hasDragonGame"
+                         value="1" />是</label>
               </div>
+            </div> -->
 
             <div class="form-group">
               <label class="col-sm-3 control-label">是否开启纯净模式:</label>
               <div class="col-sm-8">
-                                <label class="radio-inline"><input type="radio" name="isPureMode" value="0" />否</label>
-                                <label class="radio-inline"><input type="radio" name="isPureMode" value="1" />是</label>
-                            </div>
-                        </div>
-
-                        <div class="form-group" id="close_box_group">
-                            <label class="col-sm-3 control-label">是否关闭转盘入口:</label>
-                            <div class="col-sm-8">
-                                <label class="radio-inline"><input type="radio" name="closeBox" value="0" />否</label>
-                                <label class="radio-inline"><input type="radio" name="closeBox" value="1" />是</label>
-                            </div>
-                        </div>
-                        <div class="form-group">
-                            <label class="col-sm-3 control-label">是否有KTV权限:</label>
-                            <div class="col-sm-8">
-                                <label class="radio-inline"><input type="radio" name="hasKTVPriv" value="0" />否</label>
-                                <label class="radio-inline"><input type="radio" name="hasKTVPriv" value="1" />是</label>
-                            </div>
-                        </div>
-                        <div class="form-group">
-                            <label class="col-sm-3 control-label">是否有相亲房权限:</label>
-                            <div class="col-sm-8">
-                                <label class="radio-inline"><input type="radio" name="hasBlindDateRoomPri"
+                <label class="radio-inline"><input type="radio"
+                         name="isPureMode"
                          value="0" />否</label>
-                                <label class="radio-inline"><input type="radio" name="hasBlindDateRoomPri"
+                <label class="radio-inline"><input type="radio"
+                         name="isPureMode"
                          value="1" />是</label>
               </div>
             </div>
 
-                        <div class="form-group" id="close_recommend">
+            <!-- <div class="form-group"
+                 id="close_box_group">
+              <label class="col-sm-3 control-label">是否关闭转盘入口:</label>
+              <div class="col-sm-8">
+                <label class="radio-inline"><input type="radio"
+                         name="closeBox"
+                         value="0" />否</label>
+                <label class="radio-inline"><input type="radio"
+                         name="closeBox"
+                         value="1" />是</label>
+              </div>
+            </div> -->
+            <!-- <div class="form-group">
+              <label class="col-sm-3 control-label">是否有KTV权限:</label>
+              <div class="col-sm-8">
+                <label class="radio-inline"><input type="radio"
+                         name="hasKTVPriv"
+                         value="0" />否</label>
+                <label class="radio-inline"><input type="radio"
+                         name="hasKTVPriv"
+                         value="1" />是</label>
+              </div>
+            </div> -->
+            <div class="form-group">
+              <label class="col-sm-3 control-label">是否有相亲房权限:</label>
+              <div class="col-sm-8">
+                <label class="radio-inline"><input type="radio"
+                         name="hasBlindDateRoomPri"
+                         value="0" />否</label>
+                <label class="radio-inline"><input type="radio"
+                         name="hasBlindDateRoomPri"
+                         value="1" />是</label>
+              </div>
+            </div>
+
+            <!-- <div class="form-group"
+                 id="close_recommend">
               <label class="col-sm-3 control-label">是否设置为卡片推荐位:</label>
               <div class="col-sm-8">
-                                <label class="radio-inline"><input type="radio" name="recommendStatus" value="0" />否</label>
-                                <label class="radio-inline"><input type="radio" name="recommendStatus" value="1" />是</label>
-                            </div>
+                <label class="radio-inline"><input type="radio"
+                         name="recommendStatus"
+                         value="0" />否</label>
+                <label class="radio-inline"><input type="radio"
+                         name="recommendStatus"
+                         value="1" />是</label>
               </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="save">保存</button>
+          <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="editRoomTitleModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
-        <div class="modal-dialog" role="document">
+  <div class="modal fade"
+       id="editRoomTitleModal"
+       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">x</span></button>
-                    <h4 class="modal-title" id="editRoomTitleModalLabel">修改房间标题</h4>
+          <button type="button"
+                  class="close"
+                  data-dismiss="modal"
+                  aria-label="Close"><span aria-hidden="true">x</span></button>
+          <h4 class="modal-title"
+              id="editRoomTitleModalLabel">修改房间标题</h4>
         </div>
         <div class="modal-body">
-                    <form id="editRoomTitleForm" class="form-horizontal">
-                        <input type="hidden" name="uid" id="editRoomTitleUid">
-                        <input type="hidden" name="erbanId" id="erbanId">
+          <form id="editRoomTitleForm"
+                class="form-horizontal">
+            <input type="hidden"
+                   name="uid"
+                   id="editRoomTitleUid">
+            <input type="hidden"
+                   name="erbanId"
+                   id="erbanId">
             <div class="form-group">
-                            <label for="titleInput" class="col-sm-2 control-label">标题:</label>
+              <label for="titleInput"
+                     class="col-sm-2 control-label">标题:</label>
               <div class="col-sm-10">
-                                <input type="text" class="form-control validate[required]" name="title" id="titleInput">
-                                <button class="btn btn-warning pull-left" type="button" id="default_title">恢复默认</button>
+                <input type="text"
+                       class="form-control validate[required]"
+                       name="title"
+                       id="titleInput">
+                <button class="btn btn-warning pull-left"
+                        type="button"
+                        id="default_title">恢复默认</button>
               </div>
               <div class="col-sm-10">
-                                <div id="msgDiv" style="color: #ee0101;float: right">
+                <div id="msgDiv"
+                     style="color: #ee0101;float: right">
                 </div>
               </div>
             </div>
             <div class="form-group">
-                            <label for="modal-roomDesc" class="col-sm-2 control-label">公告标题:</label>
+              <label for="modal-roomDesc"
+                     class="col-sm-2 control-label">公告标题:</label>
               <div class="col-sm-10">
-                                <input type="text" class="form-control" name="roomDesc" id="modal-roomDesc"
+                <input type="text"
+                       class="form-control"
+                       name="roomDesc"
+                       id="modal-roomDesc"
                        placeholder="公告标题仅限输入15字">
-                                <button class="clear-content" id="clear-roomDesc" type="button">清空</button>
+                <button class="clear-content"
+                        id="clear-roomDesc"
+                        type="button">清空</button>
               </div>
             </div>
             <div class="form-group">
-                            <label for="modal-roomDesc" class="col-sm-2 control-label">公告内容:</label>
+              <label for="modal-roomDesc"
+                     class="col-sm-2 control-label">公告内容:</label>
               <div class="col-sm-10">
-                                <textarea type="" class="form-control" name="introduction" id="modal-introduction"
+                <textarea type=""
+                          class="form-control"
+                          name="introduction"
+                          id="modal-introduction"
                           placeholder="公告内容仅限输入300字"></textarea>
-                                <button class="clear-content" id="clear-introduction" type="button">清空</button>
+                <button class="clear-content"
+                        id="clear-introduction"
+                        type="button">清空</button>
               </div>
             </div>
             <div class="form-group">
               <label class="col-sm-3 control-label">是否发送通知:</label>
               <div class="col-sm-9">
-                                <label class="radio-inline"><input type="radio" name="sendMsg" id="needSend" value="1"
+                <label class="radio-inline"><input type="radio"
+                         name="sendMsg"
+                         id="needSend"
+                         value="1"
                          checked>是</label>
-                                <label class="radio-inline"><input type="radio" name="sendMsg" id="notSend"
+                <label class="radio-inline"><input type="radio"
+                         name="sendMsg"
+                         id="notSend"
                          value="0">否</label>
               </div>
             </div>
             <div class="form-group">
               <label class="col-sm-3 control-label"> </label>
-                            <div class="col-sm-9" id="msgContentDiv">
-                                <textarea type="text" class="form-control" name="msgContent" id="msgContent" maxlength="100"
+              <div class="col-sm-9"
+                   id="msgContentDiv">
+                <textarea type="text"
+                          class="form-control"
+                          name="msgContent"
+                          id="msgContent"
+                          maxlength="100"
                           placeholder="请填写通知书内容，100字符内"></textarea>
               </div>
 
@@ -261,8 +446,12 @@
           </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="saveRoomTitle">保存</button>
+          <button type="button"
+                  class="btn btn-default"
+                  data-dismiss="modal">关闭</button>
+          <button type="button"
+                  class="btn btn-primary"
+                  id="saveRoomTitle">保存</button>
         </div>
       </div>
     </div>
@@ -276,17 +465,17 @@ import { buildSelectOption } from '@/utils/system-helper';
 
 export default {
   name: "RoomSearchAdminView",
-    setup() {
+  setup () {
     return {};
   },
-    created() {
+  created () {
     this.$nextTick(function () {
       this.initPartition();
       this.initData();
     });
   },
   methods: {
-        initData() {
+    initData () {
       $(function () {
         //选择select时触发
         $("#sendDays").change(function () {
@@ -313,7 +502,7 @@ export default {
           //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
           //设置为limit可以获取limit, offset, search, sort, order
           queryParamsType: "undefined",
-                    queryParams: function queryParams(params) {   //设置查询参数
+          queryParams: function queryParams (params) {   //设置查询参数
             var param = {
               pageSize: params.pageSize,
               pageNumber: params.pageNumber,
@@ -337,7 +526,7 @@ export default {
             { field: 'room.uid', title: 'Uid', align: 'center', valign: 'middle' },
             { field: 'erbanNo', title: '平台号', align: 'center', valign: 'middle' },
             { field: 'room.title', title: '标题', align: 'center', valign: 'middle' },
-                        { field:'partitionDesc',title:'地区',align:'center',valign:'middle' },
+            { field: 'partitionDesc', title: '地区', align: 'center', valign: 'middle' },
             {
               field: 'room.avatar',
               title: '房间头像',
@@ -345,7 +534,11 @@ export default {
               valign: 'middle',
               width: '5%',
               formatter: function (val, row, index) {
-                                return "<img src='" + val + "' width='40' height='40'>";
+                if ('' == val || undefined == val || null == val) {
+                  return '';
+                }
+                return "<img src='" + val + "' width='40' height='40'>"
+                  + (row.isReview ? "<br>审核中" : "");
               }
             },
             { field: 'room.roomPwd', title: '房间密码', align: 'center', valign: 'middle' },
@@ -447,32 +640,32 @@ export default {
                 }
               }
             },
-                        {
-                            field: 'room.hasDragonGame',
-                            title: '龙珠游戏',
-                            align: 'center',
-                            valign: 'middle',
-                            formatter: function (val, row, index) {
-                                if (val) {
-                                    return '有';
-                                } else {
-                                    return '没有';
-                                }
-                            }
-                        },
-                        {
-                            field: 'room.hasKTVPriv',
-                            title: 'KTV权限',
-                            align: 'center',
-                            valign: 'middle',
-                            formatter: function (val, row, index) {
-                                if (val) {
-                                    return '有';
-                                } else {
-                                    return '没有';
-                                }
-                            }
-                        },
+            // {
+            //   field: 'room.hasDragonGame',
+            //   title: '龙珠游戏',
+            //   align: 'center',
+            //   valign: 'middle',
+            //   formatter: function (val, row, index) {
+            //     if (val) {
+            //       return '有';
+            //     } else {
+            //       return '没有';
+            //     }
+            //   }
+            // },
+            // {
+            //   field: 'room.hasKTVPriv',
+            //   title: 'KTV权限',
+            //   align: 'center',
+            //   valign: 'middle',
+            //   formatter: function (val, row, index) {
+            //     if (val) {
+            //       return '有';
+            //     } else {
+            //       return '没有';
+            //     }
+            //   }
+            // },
             {
               field: 'room.canOpenBlindDate',
               title: '相亲房权限',
@@ -494,9 +687,7 @@ export default {
               valign: 'middle',
               formatter: function (val, row, index) {
                 var key = row.erbanNo;
-                                console.log("列表key = " + key);
                 var canShow = row.room.canShow;
-                                var uid = row.uid;
                 var str = "<button class='btn btn-sm btn-success opt-edit' style='margin-right: 4px;' data-id=" + key + ">编辑</button>";
                 if (canShow) {
                   str += "<button class='btn btn-sm btn-warning opt-show' data-id=" + key + ">不显示</button>";
@@ -711,22 +902,26 @@ export default {
             $('#badge').val(data.room.badge);
             $('#addImgUrl').attr('src', data.room.badge);
           }
+          if (data.room.avatar) {
+            $('#avatar').val(data.room.avatar);
+            $('#addAvatarImg').attr('src', data.room.avatar);
+          }
           if (data.room.backPic) {
             $('#backPic').val(data.room.backPic);
             $('#addBackPic').attr('src', data.room.backPic);
           }
-                    var hasDragonGame = parseNum(data.room.hasDragonGame);
-                    $("input:radio[name='hasDragonGame']")[hasDragonGame].checked = true;
+          //var hasDragonGame = parseNum(data.room.hasDragonGame);
+          //$("input:radio[name='hasDragonGame']")[hasDragonGame].checked = true;
 
           var isPureMode = parseNum(data.room.isPureMode);
           console.log("isPureMode", isPureMode)
           $("input:radio[name='isPureMode']")[isPureMode].checked = true;
 
-                    var closeBox = parseNum(data.room.closeBox);
-                    $("input:radio[name='closeBox']")[closeBox].checked = true;
+          //var closeBox = parseNum(data.room.closeBox);
+          //$("input:radio[name='closeBox']")[closeBox].checked = true;
 
-                    var hasKTVPriv = parseNum(data.room.hasKTVPriv);
-                    $("input:radio[name='hasKTVPriv']")[hasKTVPriv].checked = true;
+          //var hasKTVPriv = parseNum(data.room.hasKTVPriv);
+          //$("input:radio[name='hasKTVPriv']")[hasKTVPriv].checked = true;
 
           var hasBlindDateRoomPri = parseNum(data.room.canOpenBlindDate);
           $("input:radio[name='hasBlindDateRoomPri']")[hasBlindDateRoomPri].checked = true;
@@ -734,7 +929,7 @@ export default {
           $('#editModal').modal('show');
         })
 
-                function parseNum(val) {
+        function parseNum (val) {
           if (val == undefined || val == 'false' || val == 0) {
             return 0;
           }
@@ -833,7 +1028,7 @@ export default {
         $('#uploadBtn').on('click', function () {
           var options = {
             type: 'post',
-                        url: '/admin/roomAdmin/headBadge',
+            url: '/admin/roomAdmin/uploadBadge',
             dataType: 'json',
             success: function (json) {
               if (json.path) {
@@ -851,7 +1046,7 @@ export default {
         $('#uploadBtn2').on('click', function () {
           var options = {
             type: 'post',
-                        url: '/admin/roomAdmin/headBackground',
+            url: '/admin/roomAdmin/uploadBackground',
             dataType: 'json',
             success: function (json) {
               if (json.path) {
@@ -866,6 +1061,24 @@ export default {
           }
           $("#editRoom").ajaxSubmit(options);
         })
+        $('#uploadAvatar').on('click', function () {
+          var options = {
+            type: 'post',
+            url: '/admin/roomAdmin/uploadAvatar',
+            dataType: 'json',
+            success: function (json) {
+              if (json.path) {
+                $('#avatar').val(json.path);
+                $('#addAvatarImg').attr("src", json.path);
+                console.log(json.path);
+              } else {
+                $("#tipMsg").text(json.msg);
+                $("#tipModal").modal('show');
+              }
+            }
+          }
+          $("#editRoom").ajaxSubmit(options);
+        })
         $('#save').on('click', function () {
           if ($('#editRoom').validationEngine('validate')) {
             $.ajax({
@@ -877,13 +1090,14 @@ export default {
                 tagId: $('#tag').val(),
                 singleRoomSortId: $('#sortId').val(),
                 badge: $('#badge').val(),
+                avatar: $('#avatar').val(),
                 backPic: $('#backPic').val(),
-                                hasDragonGame: $("input[name='hasDragonGame']:checked").val(),
+                //hasDragonGame: $("input[name='hasDragonGame']:checked").val(),
                 isPureMode: $("input[name='isPureMode']:checked").val(),
-                                hasKTVPriv: $("input[name='hasKTVPriv']:checked").val(),
+                //hasKTVPriv: $("input[name='hasKTVPriv']:checked").val(),
                 hasBlindDateRoomPri: $("input[name='hasBlindDateRoomPri']:checked").val(),
-                                closeBox: $("input[name='closeBox']:checked").val(),
-                                recommendStatus: $("input[name='recommendStatus']:checked").val(),
+                //closeBox: $("input[name='closeBox']:checked").val(),
+                //recommendStatus: $("input[name='recommendStatus']:checked").val(),
               },
               success: function (res) {
                 if (res.code == 200) {
@@ -904,12 +1118,17 @@ export default {
           $('#addUploadFile').val('');
           $('#badge').val('');
         })
+        $('#removeAvatar').on('click', function () {
+          $('#addAvatarImg').attr('src', '');
+          $('#avatar').val('');
+          $('#addAvatar').val('');
+        })
         $('#removeBackground').on('click', function () {
           $('#addBackPic').attr('src', '');
           $('#backPic').val('');
           $('#addBackground').val('');
         })
-                function cleanModal() {
+        function cleanModal () {
           $('#uid').val('');
           $('#tag').val('');
           $('#sortId').val('');
@@ -920,7 +1139,7 @@ export default {
           $('#backPic').val('');
           $('#addBackground').val('');
         }
-                function getRoomTag() {
+        function getRoomTag () {
           $.ajax({
             type: 'GET',
             url: '/admin/roomAdmin/getRoomTags',
@@ -938,7 +1157,7 @@ export default {
             }
           })
         }
-                function getSingleRoomSort() {
+        function getSingleRoomSort () {
           $.ajax({
             type: 'GET',
             url: '/admin/single/room/sort/sortList',
@@ -1070,7 +1289,7 @@ export default {
         })
       })
     },
-        initPartition() {
+    initPartition () {
       getPartitionInfoList().then(res => {
         let data = res.data;
         buildSelectOption(
@@ -1093,7 +1312,7 @@ export default {
 };
 
 // 通过接口获取所有房间配置机器人数量
-function getRoomRobotNum() {
+function getRoomRobotNum () {
   $.ajax({
     url: "/admin/roomAdmin/roomRobotNum",    //后台controller中的请求路径
     type: 'GET',
@@ -1114,7 +1333,7 @@ function getRoomRobotNum() {
 }
 
 // 通过接口获取房间在线机器人数量
-function getOnlineRobotNum() {
+function getOnlineRobotNum () {
   $.ajax({
     url: "/admin/roomAdmin/countRobot",    //后台controller中的请求路径
     type: 'GET',

src/views/room/RoomSerialView.vue

@@ -10,15 +10,30 @@
         <div class="big-tips">
           数据量过大，不再默认加载所有的数据，请先选择时间后，再点查询按钮
         </div>
-        <form id="searchForm" action="/admin/roomSerial/export" method="POST">
+        <form id="searchForm"
+              action="/admin/roomSerial/export"
+              method="POST">
           房主平台号(多个查询以英文逗号分隔):
-          <input type="text" name="erbanNos" id="erbanNos" class="input-sm"  style="margin-right: 40px;display: inline-block;"/> 选择时间:
-          <input type="text" name="startTime" id="startTime" class="input-sm" /> 至
-          <input type="text" id="endTime" name="endTime" class="input-sm" />
+          <input type="text"
+                 name="erbanNos"
+                 id="erbanNos"
+                 class="input-sm"
+                 style="margin-right: 40px;display: inline-block;" /> 选择时间:
+          <input type="text"
+                 name="startTime"
+                 id="startTime"
+                 class="input-sm" /> 至
+          <input type="text"
+                 id="endTime"
+                 name="endTime"
+                 class="input-sm" />
           <br />
           <div style="width: 60%">
             房间类型:
-            <select name="isPermit" id="isPermit" class="input-sm" style="width: 30%;display: inline-block;">
+            <select name="isPermit"
+                    id="isPermit"
+                    class="input-sm"
+                    style="width: 30%;display: inline-block;">
               <option value="0">全部</option>
               <option value="1">牌照房</option>
               <option value="3">新秀房</option>
@@ -29,10 +44,12 @@
         </form>
       </div>
       <div class="col-sm-8">
-        <button id="room-serial-refresh" class="btn btn-default">
+        <button id="room-serial-refresh"
+                class="btn btn-default">
           <i class="glyphicon glyphicon-wrench"></i>查询
         </button>
-        <button id="room-serial-export" class="btn btn-default">
+        <button id="room-serial-export"
+                class="btn btn-default">
           <i class="glyphicon glyphicon-plus"></i>导出
         </button>
       </div>
@@ -40,37 +57,40 @@
   </section>
   <!-- .content -->
 
-  <div
-    class="modal fade"
+  <div class="modal fade"
        id="tipModal"
        tabindex="-1"
        role="dialog"
-    aria-labelledby="modalLabel"
-  >
-    <div class="modal-dialog" role="document">
+       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 class="modal-body"
+             id="tipMsg"></div>
       </div>
     </div>
   </div>
 
-  <div
-    class="modal fade"
+  <div class="modal fade"
        id="roomGiftSerialDetailModal"
        tabindex="-1"
        role="dialog"
-    aria-labelledby="modalLabel"
-  >
-    <div class="modal-dialog" role="document">
+       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">
+          <button type="button"
+                  class="close"
+                  data-dismiss="modal"
+                  aria-label="Close">
             <span aria-hidden="true">&times;</span>
           </button>
-          <h4 class="modal-title" id="roomGiftSerialDetailModalTitle">房间明细</h4>
+          <h4 class="modal-title"
+              id="roomGiftSerialDetailModalTitle">房间明细</h4>
         </div>
         <div class="modal-body">
           <div class="summary col-sm-12">
@@ -95,7 +115,9 @@
         </div>
         <div class="modal-footer">
           <h4 id="roundDetailModalFooter"></h4>
-          <button type="button" class="btn btn-default" data-dismiss="modal">确定</button>
+          <button type="button"
+                  class="btn btn-default"
+                  data-dismiss="modal">确定</button>
         </div>
       </div>
     </div>
@@ -109,16 +131,16 @@ import { serverError } from "@/utils/maintainer";
 
 export default {
   name: "RoomSerialView",
-  setup() {
+  setup () {
     return {};
   },
-  created() {
+  created () {
     this.$nextTick(function () {
       this.initData();
     });
   },
   methods: {
-    initData() {
+    initData () {
       // ComboboxHelper.build(null, '#isPermit');
       $(function () {
         $("#table").bootstrapTable("destroy");
@@ -140,11 +162,10 @@ export default {
               align: "center",
               width: "10%",
             },
-            { field: "totalRadish", title: "萝卜流水", align: "center", width: "10%" },
+            // { field: "totalRadish", title: "萝卜流水", align: "center", width: "10%" },
             { field: "roomTitle", title: "房间标题", align: "center", width: "10%" },
             { field: "clanName", title: "公会名称", align: "center", width: "10%" },
             { field: "executionTime", title: "统计时间", align: "center", width: "15%" },
-            { field: "executionTime", title: "统计时间", align: "center", width: "15%" },
             {
               field: "id",
               title: "操作",
@@ -169,15 +190,11 @@ export default {
           cache: false,
           striped: true,
           showRefresh: false,
-          pageSize: 10,
-          pagination: true,
-          pageList: [1, 10, 20, 30, 50],
+          pagination: false,
           search: false,
-          sidePagination: "server", //表示服务端请求
-          //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
           //设置为limit可以获取limit, offset, search, sort, order
           queryParamsType: "undefined",
-          queryParams: function queryParams(params) {
+          queryParams: function queryParams (params) {
             //设置查询参数
             var param = {
               pageNumber: params.pageNumber,
@@ -200,6 +217,7 @@ export default {
           onLoadError: function () {
             //加载失败时执行
             console.log("load fail");
+            enableRefreshBtn();
           },
         });
 
@@ -219,7 +237,7 @@ export default {
 
         $("#room-serial-refresh").click(function () {
           disableRefreshBtn();
-          $("#table").bootstrapTable("refresh", { url: "/admin/roomSerial/listByPage" });
+          $("#table").bootstrapTable("refresh", { url: "/admin/roomSerial/list" });
         });
 
         $("#room-serial-export").click(function () {
@@ -235,11 +253,11 @@ export default {
           }
         });
 
-        function disableRefreshBtn() {
+        function disableRefreshBtn () {
           $("#room-serial-refresh").attr("disabled", "true");
         }
 
-        function enableRefreshBtn() {
+        function enableRefreshBtn () {
           $("#room-serial-refresh").removeAttr("disabled");
         }
 
@@ -282,7 +300,7 @@ export default {
             search: false,
             sidePagination: "server", //表示服务端请求
             queryParamsType: "undefined",
-            queryParams: function queryParams(params) {
+            queryParams: function queryParams (params) {
               //设置查询参数
               var param = {
                 page: params.pageNumber,
@@ -330,7 +348,7 @@ export default {
           });
         });
 
-        function apiResult(json) {
+        function apiResult (json) {
           if (json.code == 200 && json.message == "success") {
             return true;
           }

src/views/roomBackground/appUiSet.vue

@@ -0,0 +1,573 @@
+<template>
+  <div class="box">
+    <!-- 查询 -->
+    <div class="inquire">
+      <span>说明:</span>
+    </div>
+    <div class="inquire">
+      <span>头图尺寸:</span>
+      <div class="text">750*280</div>
+    </div>
+    <div class="inquire">
+      <span>icon尺寸:</span>
+      <div class="text">80*80</div>
+    </div>
+    <div class="inquireBox">
+      <span>首页头图:</span>
+      <el-upload
+        class="avatar-uploader"
+        action="/admin/tencent/cos/upload/file"
+        :show-file-list="false"
+        :on-success="handleAvatarSuccess1"
+        :before-upload="beforeAvatarUpload"
+        :on-error="handleAvatarError"
+      >
+        <img v-if="inquire.imageUrl1" :src="inquire.imageUrl1" class="avatar" />
+        <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+      </el-upload>
+      <el-button class="primary but" type="primary" @click="defaultFun(1)"
+        >恢复默认</el-button
+      >
+    </div>
+    <div class="inquireBox">
+      <span>首页底图:</span>
+      <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="inquire.imageUrl2" :src="inquire.imageUrl2" class="avatar" />
+        <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+      </el-upload>
+      <el-button class="primary but" type="primary" @click="defaultFun(2)"
+        >恢复默认</el-button
+      >
+    </div>
+    <div class="inquireBox">
+      <span>首页icon选中状态:</span>
+      <el-upload
+        class="avatar-uploader"
+        action="/admin/tencent/cos/upload/file"
+        :show-file-list="false"
+        :on-success="handleAvatarSuccess3"
+        :before-upload="beforeAvatarUpload"
+        :on-error="handleAvatarError"
+      >
+        <img v-if="inquire.imageUrl3" :src="inquire.imageUrl3" class="avatar" />
+        <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+      </el-upload>
+      <el-button class="primary but" type="primary" @click="defaultFun(3)"
+        >恢复默认</el-button
+      >
+    </div>
+    <div class="inquireBox">
+      <span>首页icon未选中状态:</span>
+      <el-upload
+        class="avatar-uploader"
+        action="/admin/tencent/cos/upload/file"
+        :show-file-list="false"
+        :on-success="handleAvatarSuccess4"
+        :before-upload="beforeAvatarUpload"
+        :on-error="handleAvatarError"
+      >
+        <img v-if="inquire.imageUrl4" :src="inquire.imageUrl4" class="avatar" />
+        <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+      </el-upload>
+      <el-button class="primary but" type="primary" @click="defaultFun(4)"
+        >恢复默认</el-button
+      >
+    </div>
+    <div class="inquireBox">
+      <span>游戏icon选中状态:</span>
+      <el-upload
+        class="avatar-uploader"
+        action="/admin/tencent/cos/upload/file"
+        :show-file-list="false"
+        :on-success="handleAvatarSuccess5"
+        :before-upload="beforeAvatarUpload"
+        :on-error="handleAvatarError"
+      >
+        <img v-if="inquire.imageUrl5" :src="inquire.imageUrl5" class="avatar" />
+        <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+      </el-upload>
+      <el-button class="primary but" type="primary" @click="defaultFun(5)"
+        >恢复默认</el-button
+      >
+    </div>
+    <div class="inquireBox">
+      <span>游戏icon未选中状态:</span>
+      <el-upload
+        class="avatar-uploader"
+        action="/admin/tencent/cos/upload/file"
+        :show-file-list="false"
+        :on-success="handleAvatarSuccess6"
+        :before-upload="beforeAvatarUpload"
+        :on-error="handleAvatarError"
+      >
+        <img v-if="inquire.imageUrl6" :src="inquire.imageUrl6" class="avatar" />
+        <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+      </el-upload>
+      <el-button class="primary but" type="primary" @click="defaultFun(6)"
+        >恢复默认</el-button
+      >
+    </div>
+    <div class="inquireBox">
+      <span>动态icon选中状态:</span>
+      <el-upload
+        class="avatar-uploader"
+        action="/admin/tencent/cos/upload/file"
+        :show-file-list="false"
+        :on-success="handleAvatarSuccess7"
+        :before-upload="beforeAvatarUpload"
+        :on-error="handleAvatarError"
+      >
+        <img v-if="inquire.imageUrl7" :src="inquire.imageUrl7" class="avatar" />
+        <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+      </el-upload>
+      <el-button class="primary but" type="primary" @click="defaultFun(7)"
+        >恢复默认</el-button
+      >
+    </div>
+    <div class="inquireBox">
+      <span>动态icon未选中状态:</span>
+      <el-upload
+        class="avatar-uploader"
+        action="/admin/tencent/cos/upload/file"
+        :show-file-list="false"
+        :on-success="handleAvatarSuccess8"
+        :before-upload="beforeAvatarUpload"
+        :on-error="handleAvatarError"
+      >
+        <img v-if="inquire.imageUrl8" :src="inquire.imageUrl8" class="avatar" />
+        <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+      </el-upload>
+      <el-button class="primary but" type="primary" @click="defaultFun(8)"
+        >恢复默认</el-button
+      >
+    </div>
+    <div class="inquireBox">
+      <span>消息icon选中状态:</span>
+      <el-upload
+        class="avatar-uploader"
+        action="/admin/tencent/cos/upload/file"
+        :show-file-list="false"
+        :on-success="handleAvatarSuccess9"
+        :before-upload="beforeAvatarUpload"
+        :on-error="handleAvatarError"
+      >
+        <img v-if="inquire.imageUrl9" :src="inquire.imageUrl9" class="avatar" />
+        <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+      </el-upload>
+      <el-button class="primary but" type="primary" @click="defaultFun(9)"
+        >恢复默认</el-button
+      >
+    </div>
+    <div class="inquireBox">
+      <span>消息icon未选中状态:</span>
+      <el-upload
+        class="avatar-uploader"
+        action="/admin/tencent/cos/upload/file"
+        :show-file-list="false"
+        :on-success="handleAvatarSuccess10"
+        :before-upload="beforeAvatarUpload"
+        :on-error="handleAvatarError"
+      >
+        <img
+          v-if="inquire.imageUrl10"
+          :src="inquire.imageUrl10"
+          class="avatar"
+        />
+        <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+      </el-upload>
+      <el-button class="primary but" type="primary" @click="defaultFun(10)"
+        >恢复默认</el-button
+      >
+    </div>
+    <div class="inquireBox">
+      <span>我的icon选中状态:</span>
+      <el-upload
+        class="avatar-uploader"
+        action="/admin/tencent/cos/upload/file"
+        :show-file-list="false"
+        :on-success="handleAvatarSuccess11"
+        :before-upload="beforeAvatarUpload"
+        :on-error="handleAvatarError"
+      >
+        <img
+          v-if="inquire.imageUrl11"
+          :src="inquire.imageUrl11"
+          class="avatar"
+        />
+        <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+      </el-upload>
+      <el-button class="primary but" type="primary" @click="defaultFun(11)"
+        >恢复默认</el-button
+      >
+    </div>
+    <div class="inquireBox">
+      <span>我的icon未选中状态:</span>
+      <el-upload
+        class="avatar-uploader"
+        action="/admin/tencent/cos/upload/file"
+        :show-file-list="false"
+        :on-success="handleAvatarSuccess12"
+        :before-upload="beforeAvatarUpload"
+        :on-error="handleAvatarError"
+      >
+        <img
+          v-if="inquire.imageUrl12"
+          :src="inquire.imageUrl12"
+          class="avatar"
+        />
+        <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+      </el-upload>
+      <el-button class="primary but" type="primary" @click="defaultFun(12)"
+        >恢复默认</el-button
+      >
+    </div>
+    <div class="inquireBox">
+      <span>横条icon:</span>
+      <el-upload
+        class="avatar-uploader"
+        action="/admin/tencent/cos/upload/file"
+        :show-file-list="false"
+        :on-success="handleAvatarSuccess13"
+        :before-upload="beforeAvatarUpload"
+        :on-error="handleAvatarError"
+      >
+        <img
+          v-if="inquire.imageUrl13"
+          :src="inquire.imageUrl13"
+          class="avatar"
+        />
+        <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+      </el-upload>
+      <el-button class="primary but" type="primary" @click="defaultFun(13)"
+        >恢复默认</el-button
+      >
+    </div>
+    <div class="inquireBox">
+      <span>背景颜色:</span>
+      <el-input
+        v-model="inquire.color"
+        placeholder="例如:#FFFFFF"
+        class="input"
+      ></el-input>
+    </div>
+    <el-button
+      style="margin-bottom: 20px"
+      class="primary but"
+      type="primary"
+      @click="seave()"
+      >保存设置</el-button
+    >
+  </div>
+</template>
+<script>
+import {
+  appUiSetting,
+  appUiSettingSave,
+} from "@/api/roomBackground/roomBackground";
+// @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: "appUiSet",
+  data() {
+    return {
+      inquire: {
+        imageUrl1: "",
+        imageUrl2: "",
+        imageUrl3: "",
+        imageUrl4: "",
+        imageUrl5: "",
+        imageUrl6: "",
+        imageUrl7: "",
+        imageUrl8: "",
+        imageUrl9: "",
+        imageUrl10: "",
+        imageUrl11: "",
+        imageUrl12: "",
+        imageUrl13: "",
+        color: "",
+      },
+    };
+  },
+  created() {
+    this.getData();
+  },
+  methods: {
+    // 查询接口
+    getData() {
+      appUiSetting().then((res) => {
+        if (res.code == 200) {
+          console.log(res.data);
+          this.inquire.imageUrl1 = res.data.headIcon;
+          this.inquire.imageUrl2 = res.data.navbar;
+          this.inquire.imageUrl3 = res.data.homeSelectIcon;
+          this.inquire.imageUrl4 = res.data.homeUnSelectIcon;
+          this.inquire.imageUrl5 = res.data.gameSelectIcon;
+          this.inquire.imageUrl6 = res.data.gameUnSelectIcon;
+          this.inquire.imageUrl7 = res.data.dynamicSelectIcon;
+          this.inquire.imageUrl8 = res.data.dynamicUnSelectIcon;
+          this.inquire.imageUrl9 = res.data.msgSelectIcon;
+          this.inquire.imageUrl10 = res.data.msgUnSelectIcon;
+          this.inquire.imageUrl11 = res.data.mineSelectIcon;
+          this.inquire.imageUrl12 = res.data.mineUnSelectIcon;
+          this.inquire.imageUrl13 = res.data.selectBar;
+          this.inquire.color = res.data.backgroundColor;
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    },
+    seave() {
+      var obj = {
+        headIcon: this.inquire.imageUrl1,
+        navbar: this.inquire.imageUrl2,
+        homeSelectIcon: this.inquire.imageUrl3,
+        homeUnSelectIcon: this.inquire.imageUrl4,
+        gameSelectIcon: this.inquire.imageUrl5,
+        gameUnSelectIcon: this.inquire.imageUrl6,
+        dynamicSelectIcon: this.inquire.imageUrl7,
+        dynamicUnSelectIcon: this.inquire.imageUrl8,
+        msgSelectIcon: this.inquire.imageUrl9,
+        msgUnSelectIcon: this.inquire.imageUrl10,
+        mineSelectIcon: this.inquire.imageUrl11,
+        mineUnSelectIcon: this.inquire.imageUrl12,
+        selectBar: this.inquire.imageUrl13,
+        backgroundColor: this.inquire.color,
+      };
+      // obj = JSON.stringify(obj);
+      appUiSettingSave(obj).then((res) => {
+        if (res.code == 200) {
+          ElMessage({
+            showClose: true,
+            message: "保存成功",
+            type: "success",
+          });
+          this.getData();
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    },
+    defaultFun(num){
+      console.log(this.inquire);
+      console.log(this.inquire[`imageUrl${num}`]);
+      this.inquire[`imageUrl${num}`] = '';
+      console.log(this.inquire);
+    },
+    handleAvatarSuccess1(res, file) {
+      this.inquire.imageUrl1 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    handleAvatarSuccess2(res, file) {
+      this.inquire.imageUrl2 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    handleAvatarSuccess3(res, file) {
+      this.inquire.imageUrl3 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    handleAvatarSuccess4(res, file) {
+      this.inquire.imageUrl4 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    handleAvatarSuccess5(res, file) {
+      this.inquire.imageUrl5 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    handleAvatarSuccess6(res, file) {
+      this.inquire.imageUrl6 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    handleAvatarSuccess7(res, file) {
+      this.inquire.imageUrl7 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    handleAvatarSuccess8(res, file) {
+      this.inquire.imageUrl8 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    handleAvatarSuccess9(res, file) {
+      this.inquire.imageUrl9 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    handleAvatarSuccess10(res, file) {
+      this.inquire.imageUrl10 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    handleAvatarSuccess11(res, file) {
+      this.inquire.imageUrl11 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    handleAvatarSuccess12(res, file) {
+      this.inquire.imageUrl12 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    handleAvatarSuccess13(res, file) {
+      this.inquire.imageUrl13 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    beforeAvatarUpload() {
+      ElMessage({
+        showClose: true,
+        message: "上传中~",
+        type: "warning",
+      });
+    },
+    handleAvatarError() {
+      ElMessage({
+        showClose: true,
+        message: "上传失败！",
+        type: "error",
+      });
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.box {
+  padding-top: 20px;
+  background: #ecf0f5;
+  .inquire {
+    display: inline-block;
+    margin-right: 20px;
+    span {
+      margin-right: 10px;
+    }
+    .text {
+      display: inline-block;
+    }
+  }
+  .inquireBox {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    display: flex;
+    align-items: center;
+    span {
+      display: block;
+      margin-right: 20px;
+      width: 100px;
+    }
+    .but {
+      margin-left: 20px;
+    }
+    .input {
+      width: 180px;
+    }
+  }
+  .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;
+}
+.dialogBox {
+  width: 100%;
+  //   height: 50px;
+  //   line-height: 50px;
+  display: flex;
+  align-items: baseline;
+  margin-bottom: 20px;
+  .input {
+    width: 50%;
+  }
+  .selectBox {
+    display: flex;
+    height: 35px;
+    line-height: 35px;
+    margin-bottom: 20px;
+  }
+  .selectBoxImg {
+    height: 150px;
+  }
+}
+</style>

src/views/roomBackground/roomBackground.vue

@@ -0,0 +1,683 @@
+<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 class="demonstration">id</span>
+      <el-input v-model="inquire.id" 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.status"
+          :label="item.desc"
+          :value="item.status"
+        >
+        </el-option>
+      </el-select>
+    </div>
+    <!-- 查询按钮 -->
+    <el-button
+      class="primary"
+      type="primary"
+      @click="
+        tableData = [];
+        currentPage = 1;
+        isFinished = false;
+        getData();
+      "
+      >查询</el-button
+    >
+    <!-- 重置按钮 -->
+    <el-button
+      class="primary"
+      type="primary"
+      @click="
+        inquire.partitionId = '';
+        inquire.id = '';
+        inquire.status = '';
+        getData();
+      "
+      >重置按钮</el-button
+    >
+    <!-- 新增按钮 -->
+    <el-button
+      class="primary"
+      type="primary"
+      @click="
+        dialogVisibleTitle = '新增';
+        dialogVisibleTitleType = 1;
+        dialogObj.checkedArr = [];
+        dialogObj.radio = '0';
+        dialogObj.imageUrl1 = '';
+        dialogObj.imageUrl2 = '';
+        dialogObj.imageUrl3 = '';
+        dialogObj.price = '';
+        dialogObj.renew = '';
+        dialogObj.originalPrice = '';
+        dialogObj.day = '';
+        dialogObj.sort = '';
+        dialogObj.radio2 = '1';
+        dialogVisible = true;
+      "
+      >新增</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="id" align="center" label="id" />
+      <el-table-column prop="type" align="center" label="是否免费">
+        <template v-slot="scope">{{
+          scope.row.type == 0 ? "免费" : scope.row.type == 1 ? "付费" : "自定义"
+        }}</template>
+      </el-table-column>
+      <el-table-column prop="buyGoldPrice" align="center" label="购买价格" />
+      <el-table-column prop="renewGoldPrice" align="center" label="续费价格" />
+      <el-table-column prop="originalGoldPrice" align="center" label="原价" />
+      <el-table-column prop="buyHour" align="center" label="有效期" />
+      <el-table-column prop="seq" align="center" label="排序" />
+      <el-table-column prop="status" align="center" label="上架状态">
+        <template v-slot="scope">{{
+          scope.row.status == 1 ? "上架" : "下架"
+        }}</template>
+      </el-table-column>
+      <el-table-column prop="url" align="center" label="图片">
+        <template v-slot="scope">
+          <el-image
+            style="width: 100px; height: 100px"
+            :src="scope.row.url"
+            :zoom-rate="1.1"
+            :preview-src-list="[scope.row.url]"
+            fit="scale-down"
+            preview-teleported="true"
+            hide-on-click-modal="true"
+          />
+          <!-- <div
+            v-show="scope.row.url.toLowerCase().endsWith('.svga')"
+            :id="'guide' + scope.row.id"
+            class="game-guide"
+          >
+            {{ guideFn(scope.row.id, scope.row.url) }}
+          </div> -->
+        </template>
+      </el-table-column>
+      <el-table-column prop="createTime" align="center" label="创建时间" />
+      <el-table-column prop="partitionDesc" align="center" label="分区" />
+      <el-table-column prop="adminUser" align="center" label="操作人" />
+      <el-table-column align="center" label="操作">
+        <template v-slot="scope">
+          <el-button
+            class="primary"
+            type="primary"
+            @click="
+              dialogVisibleTitle = '编辑';
+              dialogVisibleTitleType = 2;
+              dialogObj.checkedArr = checkedArrFun(scope.row.partitionFlag);
+              dialogObj.radio = scope.row.type.toString();
+              dialogObj.price = scope.row.buyGoldPrice;
+              dialogObj.renew = scope.row.renewGoldPrice;
+              dialogObj.originalPrice = scope.row.originalGoldPrice;
+              dialogObj.day = scope.row.buyHour;
+              dialogObj.sort = scope.row.seq;
+              dialogObj.radio2 = scope.row.status.toString();
+              dialogObj.imageUrl2 = scope.row.url;
+              dialogObj.imageUrl1 = '';
+              dialogObj.imageUrl3 = '';
+              dialogObj.id = scope.row.id;
+              dialogVisible = true;
+            "
+            >编辑</el-button
+          >
+          <!-- <el-button class="primary" type="primary" @click="del(scope.row)"
+            >删除</el-button
+          > -->
+          <!-- 删除弹出框 -->
+          <!-- <el-popover
+            v-model:visible="scope.row.visible1"
+            placement="top"
+            :width="160"
+          >
+            <p>确定要删除么?</p>
+            <div style="text-align: right; margin: 0">
+              <el-button size="small" @click="scope.row.visible1 = false">
+                取消
+              </el-button>
+              <el-button
+                size="small"
+                type="primary"
+                @click="pass(scope.row.id)"
+              >
+                确认
+              </el-button>
+            </div>
+            <template #reference>
+              <el-button
+                class="danger"
+                type="danger"
+                @click="scope.row.visible1 = true"
+                >删除</el-button
+              > -->
+          <!-- </template>
+          </el-popover> -->
+        </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="[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"
+    />
+
+    <!-- 新增或编辑 -->
+    <el-dialog
+      v-model="dialogVisible"
+      :title="dialogVisibleTitle"
+      center
+      :width="500"
+    >
+      <div class="dialogBox">
+        <span>分区：</span>
+        <el-checkbox-group v-model="dialogObj.checkedArr">
+          <el-checkbox
+            v-for="(item, i) in inquire.partitionArr"
+            :key="i"
+            :label="item.id"
+            >{{ item.desc }}</el-checkbox
+          >
+        </el-checkbox-group>
+      </div>
+      <div class="dialogBox">
+        <span>是否免费：</span>
+        <div>
+          <el-radio v-model="dialogObj.radio" label="0">是</el-radio>
+          <el-radio v-model="dialogObj.radio" label="1">否</el-radio>
+        </div>
+      </div>
+      <!-- <div class="dialogBox">
+        <span>房内图标：</span>
+        <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="dialogObj.imageUrl1"
+            :src="dialogObj.imageUrl1"
+            class="avatar"
+          />
+          <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+        </el-upload>
+      </div> -->
+      <div class="dialogBox">
+        <span>购买价格：</span>
+        <el-input
+          v-model="dialogObj.price"
+          placeholder="如果是免费请写0"
+          class="input"
+        ></el-input>
+      </div>
+      <div class="dialogBox">
+        <span>续费价格：</span>
+        <el-input
+          v-model="dialogObj.renew"
+          placeholder="如果是免费请写0"
+          class="input"
+        ></el-input>
+      </div>
+      <div class="dialogBox">
+        <span>原价：</span>
+        <el-input
+          v-model="dialogObj.originalPrice"
+          placeholder="如果是免费请写0"
+          class="input"
+        ></el-input>
+      </div>
+      <div class="dialogBox">
+        <span>有效天数：</span>
+        <el-input
+          v-model="dialogObj.day"
+          placeholder=""
+          class="input"
+        ></el-input>
+      </div>
+      <div class="dialogBox">
+        <span>排序：</span>
+        <el-input
+          v-model="dialogObj.sort"
+          placeholder=""
+          class="input"
+        ></el-input>
+      </div>
+      <div class="dialogBox">
+        <span>状态：</span>
+        <div>
+          <el-radio v-model="dialogObj.radio2" label="1">上架</el-radio>
+          <el-radio v-model="dialogObj.radio2" label="-1">下架</el-radio>
+        </div>
+      </div>
+      <div class="dialogBox">
+        <span>背景图片：</span>
+        <el-upload
+          class="avatar-uploader"
+          action="/admin/tencent/cos/upload/file"
+          :show-file-list="false"
+          :on-success="handleAvatarSuccess2"
+          :before-upload="beforeAvatarUpload"
+          :on-error="handleAvatarError"
+        >
+          <!-- 这里是原来的图片预览 -->
+          <el-image
+            
+            style="width: 100px; height: 100px"
+            :src="dialogObj.imageUrl2"
+            :zoom-rate="1.1"
+            fit="scale-down"
+            preview-teleported="true"
+            hide-on-click-modal="true"
+          />
+          <!-- <div
+            v-show="dialogObj.imageUrl2.toLowerCase().endsWith('.svga')"
+            id="guide2"
+            class="game-guide"
+          >
+            {{ guideFn2(dialogObj.imageUrl2) }}
+          </div> -->
+        </el-upload>
+      </div>
+      <!-- <div class="dialogBox">
+        <span>动效图片：</span>
+        <el-upload
+          class="avatar-uploader"
+          action="/admin/tencent/cos/upload/file"
+          :show-file-list="false"
+          :on-success="handleAvatarSuccess3"
+          :before-upload="beforeAvatarUpload"
+          :on-error="handleAvatarError"
+        >
+          <img
+            v-if="dialogObj.imageUrl3"
+            :src="dialogObj.imageUrl3"
+            class="avatar"
+          />
+          <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+        </el-upload>
+      </div> -->
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="dialogVisible = false">取消</el-button>
+          <el-button type="primary" @click="addNeid(dialogVisibleTitleType)"
+            >确认</el-button
+          >
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  listPartitionInfo,
+  page,
+  roomBackgroundAdd,
+  roomBackgroundUpdate,
+} from "@/api/roomBackground/roomBackground";
+// @ts-ignore
+import { dateFormat } from "@/utils/system-helper";
+// @ts-ignore
+import { ElMessage, ElTable } from "element-plus";
+import { ref, onMounted, nextTick } from "vue";
+import SVGA from "svgaplayerweb";
+export default {
+  name: "roomBackground",
+  data() {
+    return {
+      loading: false,
+      //查询所需条件对象
+      inquire: {
+        partitionId: "",
+        partitionArr: [],
+        id: "",
+        status: "",
+        statusArr: [
+          {
+            status: "1",
+            desc: "上架",
+          },
+          {
+            status: "-1",
+            desc: "下架",
+          },
+        ],
+      },
+      // 表格
+      tableData: [],
+      // 分页
+      total: 0, //总页数
+      currentPage: 1, //页码
+      pageSize: 10, //条数
+      isLoading: false, // 加载状态
+      isFinished: false, // 是否加载完成
+      //   删除相关
+      visible: false,
+      //   编辑新增
+      dialogVisible: false,
+      dialogVisibleTitle: "新增",
+      dialogVisibleTitleType: 1, //1新增2编辑
+      dialogObj: {
+        checkedArr: [],
+        radio: "1",
+        imageUrl1: "",
+        imageUrl2: "",
+        imageUrl3: "",
+        price: "",
+        renew: "",
+        originalPrice: "",
+        day: "",
+        sort: "",
+        radio2: "1",
+        id: null,
+      },
+    };
+  },
+  created() {
+    listPartitionInfo().then((res) => {
+      console.log(res);
+      this.inquire.partitionArr = res.data;
+      this.getData();
+    });
+  },
+  methods: {
+    guideFn(id, url) {
+      // 等待 DOM 渲染完成
+      this.$nextTick(() => {
+        const guideElement = document.getElementById("guide" + id);
+        if (guideElement && url.toLowerCase().endsWith(".svga")) {
+          let player = new SVGA.Player(guideElement);
+          let parser = new SVGA.Parser();
+          parser.load(url, (videoItem) => {
+            // 你的svga文件路径
+            player.setVideoItem(videoItem);
+            player.startAnimation(); // 开始动画
+          });
+        }
+      });
+    },
+    guideFn2(url) {
+      // 等待 DOM 渲染完成
+      this.$nextTick(() => {
+        const guideElement = document.getElementById("guide2");
+        if (guideElement && url.toLowerCase().endsWith(".svga")) {
+          let player = new SVGA.Player(guideElement);
+          let parser = new SVGA.Parser();
+          parser.load(url, (videoItem) => {
+            // 你的 svga 文件路径
+            player.setVideoItem(videoItem);
+            player.startAnimation(); // 开始动画
+          });
+        }
+      });
+    },
+    // 查询接口
+    getData() {
+      this.isLoading = true;
+      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");
+      }
+      page({
+        partitionId: this.inquire.partitionId,
+        id: this.inquire.id,
+        status: this.inquire.status,
+        page: this.currentPage,
+        pageSize: this.pageSize,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.tableData = res.data.rows;
+          this.total = res.data.total;
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+        this.loading = false;
+      });
+    },
+    // 确认新增/确认编辑
+    addNeid(type) {
+      if (type == 1) {
+        var partitionIdNum = this.dialogObj.checkedArr.reduce(
+          (accumulator, currentValue) => {
+            return accumulator + currentValue;
+          },
+          0
+        );
+        roomBackgroundAdd({
+          partitionId: partitionIdNum,
+          type: this.dialogObj.radio,
+          buyGoldPrice: this.dialogObj.price,
+          renewGoldPrice: this.dialogObj.renew,
+          originalGoldPrice: this.dialogObj.originalPrice,
+          buyHour: this.dialogObj.day,
+          seq: this.dialogObj.sort,
+          status: this.dialogObj.radio2,
+          url: this.dialogObj.imageUrl2,
+        }).then((res) => {
+          if (res.code == 200) {
+            this.dialogVisible = false;
+            this.getData();
+          } else {
+            ElMessage({
+              showClose: true,
+              message: res.message,
+              type: "error",
+            });
+          }
+        });
+      } else {
+        var partitionIdNumEid = this.dialogObj.checkedArr.reduce(
+          (accumulator, currentValue) => {
+            return accumulator + currentValue;
+          },
+          0
+        );
+        roomBackgroundUpdate({
+          partitionId: partitionIdNumEid,
+          type: this.dialogObj.radio,
+          buyGoldPrice: this.dialogObj.price,
+          renewGoldPrice: this.dialogObj.renew,
+          originalGoldPrice: this.dialogObj.originalPrice,
+          buyHour: this.dialogObj.day,
+          seq: this.dialogObj.sort,
+          status: this.dialogObj.radio2,
+          url: this.dialogObj.imageUrl2,
+          id: this.dialogObj.id,
+        }).then((res) => {
+          if (res.code == 200) {
+            this.dialogVisible = false;
+            this.getData();
+          } else {
+            ElMessage({
+              showClose: true,
+              message: res.message,
+              type: "error",
+            });
+          }
+        });
+      }
+    },
+    checkedArrFun(num) {
+      const arr = this.inquire.partitionArr
+        .filter((p) => {
+          return num == 0 || p.id == (p.id & num);
+        })
+        .map((p) => p.id);
+      return arr;
+    },
+    handleAvatarSuccess(res, file) {
+      console.log(file);
+      // this.operation.imageUrl1 = URL.createObjectURL();
+      this.dialogObj.imageUrl1 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    handleAvatarSuccess2(res, file) {
+      console.log(file);
+      // this.operation.imageUrl1 = URL.createObjectURL();
+      this.dialogObj.imageUrl2 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    handleAvatarSuccess3(res, file) {
+      console.log(file);
+      // this.operation.imageUrl1 = URL.createObjectURL();
+      this.dialogObj.imageUrl3 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    beforeAvatarUpload() {
+      ElMessage({
+        showClose: true,
+        message: "上传中~",
+        type: "warning",
+      });
+    },
+    handleAvatarError() {
+      ElMessage({
+        showClose: true,
+        message: "上传失败！",
+        type: "error",
+      });
+    },
+    // 分页导航
+    handleSizeChange() {
+      this.getData();
+    },
+    handleCurrentChange() {
+      this.getData();
+    },
+  },
+  mounted() {},
+};
+</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;
+}
+.dialogBox {
+  width: 100%;
+  //   height: 50px;
+  //   line-height: 50px;
+  display: flex;
+  align-items: baseline;
+  margin-bottom: 20px;
+  .input {
+    width: 50%;
+  }
+  .selectBox {
+    display: flex;
+    height: 35px;
+    line-height: 35px;
+    margin-bottom: 20px;
+  }
+  .selectBoxImg {
+    height: 150px;
+  }
+}
+.game-guide {
+  width: 100px;
+  height: 100px;
+  overflow: hidden;
+  // left: 50%;
+  // top: 50%;
+  // transform: translate(-50%,-50%);
+  canvas {
+    position: absolute;
+    left: 0;
+    top: 0;
+  }
+}
+</style>

src/views/roomBackground/roomBackgroundCustom.vue

@@ -0,0 +1,425 @@
+<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 class="demonstration">用户ID</span>
+      <el-input v-model="inquire.id" placeholder="" class="input"></el-input>
+    </div>
+    <!-- 查询按钮 -->
+    <el-button class="primary" type="primary" @click="getData()"
+      >查询</el-button
+    >
+    <el-button
+      class="primary"
+      type="primary"
+      @click="
+        inquire.partitionId = null;
+        inquire.id = null;
+        getData();
+      "
+      >重置搜索</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="id" align="center" label="数字" />
+      <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="createTime" align="center" label="申请时间" />
+      <el-table-column prop="url" align="center" label="图片">
+        <template v-slot="scope">
+          <el-image
+            v-if="scope.row.url"
+            style="width: 100px; height: 100px"
+            :src="scope.row.url"
+            :zoom-rate="1.1"
+            :preview-src-list="[scope.row.url]"
+            fit="scale-down"
+            preview-teleported="true"
+            hide-on-click-modal="true"
+          />
+          <div v-else>/</div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="status" align="center" label="状态">
+        <template v-slot="scope">{{
+          scope.row.status < 0
+            ? "过期"
+            : scope.row.status == 0
+            ? "审核中"
+            : scope.row.status == 1
+            ? "通过"
+            : "不通过"
+        }}</template>
+      </el-table-column>
+      <el-table-column prop="updateTime" align="center" label="审核时间" />
+      <el-table-column prop="adminUser" align="center" label="操作人">
+        <template v-slot="scope">{{
+          scope.row.adminUser ? scope.row.adminUser : "-"
+        }}</template>
+      </el-table-column>
+      <el-table-column align="center" label="操作" width="300">
+        <template v-slot="scope">
+          <!-- 通过弹出框 -->
+          <el-popover
+            v-model:visible="scope.row.visible1"
+            placement="top"
+            :width="160"
+          >
+            <p>确定要通过么?</p>
+            <div style="text-align: right; margin: 0">
+              <el-button size="small" @click="scope.row.visible1 = false">
+                取消
+              </el-button>
+              <el-button
+                size="small"
+                type="primary"
+                @click="pass(scope.row.id)"
+              >
+                确认
+              </el-button>
+            </div>
+            <template #reference>
+              <el-button
+                v-show="scope.row.status == 0"
+                class="primary"
+                type="primary"
+                @click="scope.row.visible1 = true"
+                >通过</el-button
+              >
+            </template>
+          </el-popover>
+
+          <!-- 拒绝弹出框 -->
+          <el-popover
+            v-model:visible="scope.row.visible2"
+            placement="top"
+            :width="160"
+          >
+            <p>确定要拒绝么?</p>
+            <div style="text-align: right; margin: 0">
+              <el-button size="small" @click="scope.row.visible2 = false">
+                取消
+              </el-button>
+              <el-button
+                size="small"
+                type="primary"
+                @click="reject(scope.row.id)"
+              >
+                确认
+              </el-button>
+            </div>
+            <template #reference>
+              <el-button
+                v-show="scope.row.status == 0"
+                class="primary"
+                type="primary"
+                @click="scope.row.visible2 = true"
+                >拒绝</el-button
+              >
+            </template>
+          </el-popover>
+
+          <!-- 删除弹出框 -->
+          <el-popover
+            v-model:visible="scope.row.visible3"
+            placement="top"
+            :width="160"
+          >
+            <p>确定要删除么?</p>
+            <div style="text-align: right; margin: 0">
+              <el-button size="small" @click="scope.row.visible3 = false">
+                取消
+              </el-button>
+              <el-button size="small" type="primary" @click="del(scope.row.id)">
+                确认
+              </el-button>
+            </div>
+            <template #reference>
+              <el-button
+                class="danger"
+                type="danger"
+                @click="scope.row.visible3 = true"
+                >删除</el-button
+              >
+            </template>
+          </el-popover></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="[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 {
+  listPartitionInfo,
+  customPage,
+  customPass,
+  customReject,
+  customDel,
+} from "@/api/roomBackground/roomBackground";
+// @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: "roomBackgroundCustom",
+  data() {
+    return {
+      loading: false,
+      //查询所需条件对象
+      inquire: {
+        partitionId: "",
+        partitionArr: [],
+        id: "",
+      },
+      // 表格
+      tableData: [{ x: "x" }],
+      // 分页
+      total: 0, //总页数
+      currentPage: 1, //页码
+      pageSize: 10, //条数
+      //   删除相关
+      // visible1: false,
+      // visible2: false,
+      // visible3: false,
+    };
+  },
+  created() {
+    this.loading = true;
+    listPartitionInfo().then((res) => {
+      console.log(res);
+      this.inquire.partitionArr = res.data;
+      this.getData();
+    });
+  },
+  methods: {
+    // 查询接口
+    getData() {
+      this.loading = true;
+      customPage({
+        partitionId: this.inquire.partitionId,
+        erbanNo: this.inquire.id,
+        pageNum: this.currentPage,
+        pageSize: this.pageSize,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.tableData = res.data.rows;
+          this.total = res.data.total;
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+        this.loading = false;
+      });
+    },
+    // 通过
+    pass(id) {
+      customPass({ id }).then((res) => {
+        if (res.code == 200) {
+          ElMessage({
+            showClose: true,
+            message: "操作成功",
+            type: "success",
+          });
+          this.getData();
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    },
+    // 拒绝
+    reject(id) {
+      customReject({ id }).then((res) => {
+        if (res.code == 200) {
+          ElMessage({
+            showClose: true,
+            message: "操作成功",
+            type: "success",
+          });
+          this.getData();
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    },
+    // 删除
+    del(id) {
+      customDel({ id }).then((res) => {
+        if (res.code == 200) {
+          ElMessage({
+            showClose: true,
+            message: "操作成功",
+            type: "success",
+          });
+          this.getData();
+        } else {
+          ElMessage({
+            showClose: true,
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    },
+    handleAvatarSuccess(res, file) {
+      console.log(file);
+      // this.operation.imageUrl1 = URL.createObjectURL();
+      this.dialogObj.imageUrl1 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    handleAvatarSuccess2(res, file) {
+      console.log(file);
+      // this.operation.imageUrl1 = URL.createObjectURL();
+      this.dialogObj.imageUrl2 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    handleAvatarSuccess3(res, file) {
+      console.log(file);
+      // this.operation.imageUrl1 = URL.createObjectURL();
+      this.dialogObj.imageUrl3 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    beforeAvatarUpload() {
+      ElMessage({
+        showClose: true,
+        message: "上传中~",
+        type: "warning",
+      });
+    },
+    handleAvatarError() {
+      ElMessage({
+        showClose: true,
+        message: "上传失败！",
+        type: "error",
+      });
+    },
+    // 分页导航
+    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;
+}
+.dialogBox {
+  width: 100%;
+  //   height: 50px;
+  //   line-height: 50px;
+  display: flex;
+  align-items: baseline;
+  margin-bottom: 20px;
+  .input {
+    width: 50%;
+  }
+  .selectBox {
+    display: flex;
+    height: 35px;
+    line-height: 35px;
+    margin-bottom: 20px;
+  }
+  .selectBoxImg {
+    height: 150px;
+  }
+}
+</style>

src/views/users/ChargeRecordArPartitionStatisticsView.vue

@@ -103,6 +103,7 @@ export default {
             { field: 'googleUsd', title: 'google充值美元', 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%' },
             { field: 'iosUsd', title: 'ios充值美元', align: 'center', width: '14%' },
             { field: 'companyUsd', title: '对公打款美元', align: 'center', width: '14%' },
             { field: 'totalUsd', title: '总充值美元', align: 'center', width: '14%' },

src/views/users/ChargeRecordDailyStatisticsView.vue

@@ -7,14 +7,19 @@
           <h1 id="itemTitle"></h1>
         </section>
         <div id="toolbar">
-                    <form class="col-sm-12" id="searchForm" action="/admin/chargeRecord/dailyexport" method="get"
+          <form class="col-sm-12"
+                id="searchForm"
+                action="/admin/chargeRecord/dailyexport"
+                method="get"
                 target="_blank">
 
           </form>
           <div class="col-sm-12 pull-left">
             <h4>
-                            今日充值数据：<span class="totalAmount" style="color: red">0</span>（总金额）/
-                            <span class="totalCount" style="color: red">0</span>（总笔数）
+              今日充值数据：<span class="totalAmount"
+                    style="color: red">0</span>（总金额）/
+              <span class="totalCount"
+                    style="color: red">0</span>（总笔数）
               <span style="color: red">(单位：美元)</span>
             </h4>
           </div>
@@ -34,14 +39,22 @@
     </div>
   </section>
 
-    <div class="modal fade" id="recordDetail" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
-        <div class="modal-dialog" role="document">
+  <div class="modal fade"
+       id="recordDetail"
+       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 type="button"
+                  class="close"
+                  data-dismiss="modal"
+                  aria-label="Close"><span aria-hidden="true">&times;</span>
           </button>
-                    <h4 class="modal-title" id="modalLabel"></h4>
+          <h4 class="modal-title"
+              id="modalLabel"></h4>
         </div>
         <div class="modal-body">
           <div id="detailtable"></div>
@@ -57,16 +70,16 @@ import TableHelper from '@/utils/bootstrap-table-helper';
 
 export default {
   name: "ChargeRecordDailyStatisticsView",
-    setup() {
+  setup () {
     return {};
   },
-    created() {
+  created () {
     this.$nextTick(function () {
       this.initData();
     });
   },
   methods: {
-        initData() {
+    initData () {
       $(function () {
         $('#table').bootstrapTable('destroy');
         $('#table').bootstrapTable({
@@ -85,6 +98,7 @@ export default {
             { field: 'googleAmount', title: 'google支付', align: 'center', width: '5%' },
             { field: 'payermaxAmount', title: 'payermax支付', align: 'center', width: '5%' },
             { field: 'myCardAmount', title: 'MyCard支付', align: 'center', width: '5%' },
+            { field: 'startPayAmount', title: 'startPay支付', align: 'center', width: '5%' },
             { field: 'iosPayAmount', title: 'ios支付', align: 'center', width: '5%' },
             { field: 'companyAccount', title: '充值打公账', align: 'center', width: '5%' },
             {
@@ -108,7 +122,7 @@ export default {
           search: false,
           sidePagination: "client", //表示服务端请求
           queryParamsType: "undefined",
-                    queryParams: function queryParams(params) {   //设置查询参数
+          queryParams: function queryParams (params) {   //设置查询参数
             var param = {
               pageNum: params.pageNumber,
               pageSize: params.pageSize
@@ -163,7 +177,7 @@ export default {
             search: false,
             sidePagination: "client", //表示服务端请求
             queryParamsType: "undefined",
-                        queryParams: function queryParams(params) {   //设置查询参数
+            queryParams: function queryParams (params) {   //设置查询参数
               var param = {
                 pageNum: params.pageNumber,
                 pageSize: params.pageSize,
@@ -188,14 +202,14 @@ export default {
 
 };
 
-function parseTime(val) {
+function parseTime (val) {
   if (val < 10) {
     return '0' + val + ':00-0' + val + ':59';
   } else {
     return val + ':00-' + val + ':59';
   }
 }
-function getTotalStatis() {
+function getTotalStatis () {
   $.get('/admin/chargeRecord/dailytotal', function (res) {
     if (res.code == 200) {
       console.log(res.data);

src/views/users/ChargeRecordEnPartitionStatisticsView.vue

@@ -103,6 +103,7 @@ export default {
             { field: 'googleUsd', title: 'google充值美元', 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%' },
             { field: 'iosUsd', title: 'ios充值美元', align: 'center', width: '14%' },
             { field: 'companyUsd', title: '对公打款美元', align: 'center', width: '14%' },
             { field: 'totalUsd', title: '总充值美元', align: 'center', width: '14%' },

src/views/users/ChargeRecordTotalStatisticsView.vue

@@ -9,26 +9,39 @@
         <div id="toolbar">
           <div class="col-sm-12">
             <div class="pull-left">
-                            <form id="searchForm" class="col-sm-pull-12" action="/admin/chargeRecord/totalexport"
-                                method="get" target="_blank">
+              <form id="searchForm"
+                    class="col-sm-pull-12"
+                    action="/admin/chargeRecord/totalexport"
+                    method="get"
+                    target="_blank">
                 <div class="col-sm-11">
-                                    <label for="beginDate" class="col-sm-2 control-label">开始日期:</label>
-                                    <div class="col-sm-4"><input type="text" class="form-control" name="beginDate"
-                                            id="beginDate" placeholder="必填">
+                  <label for="beginDate"
+                         class="col-sm-2 control-label">开始日期:</label>
+                  <div class="col-sm-4"><input type="text"
+                           class="form-control"
+                           name="beginDate"
+                           id="beginDate"
+                           placeholder="必填">
                   </div>
-                                    <label for="endDate" class="col-sm-2 control-label">结束日期:</label>
-                                    <div class="col-sm-4"><input type="text" class="form-control" name="endDate"
-                                            id="endDate" placeholder="必填"></div>
+                  <label for="endDate"
+                         class="col-sm-2 control-label">结束日期:</label>
+                  <div class="col-sm-4"><input type="text"
+                           class="form-control"
+                           name="endDate"
+                           id="endDate"
+                           placeholder="必填"></div>
 
                 </div>
               </form>
             </div>
             <div class="pull-right">
 
-                            <button id="btnSearch" class="btn btn-default">
+              <button id="btnSearch"
+                      class="btn btn-default">
                 <i class="glyphicon glyphicon-search"></i>查询
               </button>
-                            <button id="btnExport" class="btn btn-default">
+              <button id="btnExport"
+                      class="btn btn-default">
                 <i class="glyphicon glyphicon-export"></i>导出
               </button>
               <span style="color: red">(单位：美元)</span>
@@ -44,14 +57,22 @@
     </div>
   </section>
 
-    <div class="modal fade" id="recordDetail" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
-        <div class="modal-dialog" role="document">
+  <div class="modal fade"
+       id="recordDetail"
+       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 type="button"
+                  class="close"
+                  data-dismiss="modal"
+                  aria-label="Close"><span aria-hidden="true">&times;</span>
           </button>
-                    <h4 class="modal-title" id="modalLabel"></h4>
+          <h4 class="modal-title"
+              id="modalLabel"></h4>
         </div>
         <div class="modal-body">
           <div id="detailtable"></div>
@@ -67,16 +88,16 @@ import TableHelper from '@/utils/bootstrap-table-helper';
 
 export default {
   name: "ChargeRecordTotalStatisticsView",
-    setup() {
+  setup () {
     return {};
   },
-    created() {
+  created () {
     this.$nextTick(function () {
       this.initData();
     });
   },
   methods: {
-        initData() {
+    initData () {
       $(function () {
         $('#table').bootstrapTable('destroy');
         $('#table').bootstrapTable({
@@ -96,6 +117,7 @@ export default {
             { field: 'googleAmount', title: 'google支付', align: 'center', width: '5%' },
             { field: 'payermaxAmount', title: 'payermax支付', align: 'center', width: '5%' },
             { field: 'myCardAmount', title: 'myCard支付', align: 'center', width: '5%' },
+            { field: 'startPayAmount', title: 'startPay支付', align: 'center', width: '5%' },
             { field: 'iosPayAmount', title: 'ios支付', align: 'center', width: '5%' },
             { field: 'companyAccount', title: '充值打公账', align: 'center', width: '5%' },
             { field: 'totalAmount', title: '总计充值金额数', align: 'center', width: '5%' },
@@ -120,7 +142,7 @@ export default {
           search: false,
           sidePagination: "server", //表示服务端请求
           queryParamsType: "undefined",
-                    queryParams: function queryParams(params) {   //设置查询参数
+          queryParams: function queryParams (params) {   //设置查询参数
             var param = {
               pageNum: params.pageNumber,
               pageSize: params.pageSize,
@@ -202,7 +224,7 @@ export default {
             search: false,
             sidePagination: "client", //表示服务端请求
             queryParamsType: "undefined",
-                        queryParams: function queryParams(params) {   //设置查询参数
+            queryParams: function queryParams (params) {   //设置查询参数
               var param = {
                 pageNum: params.pageNumber,
                 pageSize: params.pageSize,

src/views/users/ChargeRecordZhPartitionStatisticsView.vue

@@ -103,6 +103,7 @@ export default {
             { field: 'googleUsd', title: 'google充值美元', 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%' },
             { field: 'iosUsd', title: 'ios充值美元', align: 'center', width: '14%' },
             { field: 'companyUsd', title: '对公打款美元', align: 'center', width: '14%' },
             { field: 'totalUsd', title: '总充值美元', align: 'center', width: '14%' },

src/views/users/DiamondGiveHistoryView.vue

@@ -24,6 +24,7 @@
                                     <option value="">请选择...</option>
                                     <option value="0">金币</option>
                                     <option value="1">背包礼物</option>
+                                    <option value="2">web-api金币</option>
                                 </select>
                             </div>
 
@@ -163,6 +164,8 @@ export default {
                             formatter: function (val, row, index) {
                                 if (row.type == 0) {
                                     return '金币'
+                                }else if(row.type == 2){
+                                    return 'web-api金币';
                                 } else {
                                     return '背包礼物';
                                 }

src/views/users/FeedBack.vue

@@ -69,7 +69,7 @@
           :src="scope.row.screenUrl"
           :zoom-rate="1.1"
           :preview-src-list="scope.row.screenUrl"
-          fit="cover"
+          fit="scale-down"
           preview-teleported="true"
           hide-on-click-modal="true"
         />

src/views/users/GiftManageView.vue

@@ -66,6 +66,9 @@
                                     <option value="15">线性福袋礼物</option>
                                     <option value="16">超级幸运礼物</option>
                                     <option value="17">国家礼物</option>
+                                    <option value="18">幸运礼物</option>
+                                    <option value="19">CP礼物</option>
+                                    <option value="20">定制礼物</option>
                                 </select>
                             </div>
                             <label for="partitionId" class="col-sm-1 control-label">地区:</label>
@@ -208,6 +211,9 @@
                                     <option value="15">线性福袋礼物</option>
                                     <option value="16">超级幸运礼物</option>
                                     <option value="17">国家礼物</option>
+                                    <option value="18">幸运礼物</option>
+                                    <option value="19">CP礼物</option>
+                                    <option value="20">定制礼物</option>
                                 </select>
                             </div>
                         </div>

src/views/wishingStar/wishingRound.vue

@@ -52,7 +52,7 @@
             :src="scope.row.giftUrl"
             :zoom-rate="1.1"
             :preview-src-list="[scope.row.giftUrl]"
-            fit="cover"
+            fit="scale-down"
             preview-teleported="true"
             hide-on-click-modal="true"
           />

src/views/wishingStar/wishingStarSet.vue

@@ -42,7 +42,7 @@
             :src="scope.row.giftUrl"
             :zoom-rate="1.1"
             :preview-src-list="[scope.row.giftUrl]"
-            fit="cover"
+            fit="scale-down"
             preview-teleported="true"
             hide-on-click-modal="true"
           />