From 72f3e4bdf1044cc07fabc56067f133b11cb89cd3 Mon Sep 17 00:00:00 2001
From: yujiacong <1016029365@qq.com>
Date: Wed, 15 Oct 2025 18:39:35 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B6=85=E7=AE=A1=E4=B8=AD=E5=BF=83=20-=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=20=E5=BA=A7=E9=A9=BE=E7=AE=A1=E7=90=86=20/?=
 =?UTF-8?q?=20=E5=8A=A8=E6=80=81=E5=AE=A1=E6=A0=B8=20/=20=E7=AC=AC?=
 =?UTF-8?q?=E4=BA=8Cbanner=E7=AE=A1=E7=90=86=20/=20=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/nobleman/GuildInfo.vue              |   11 +
 .../superCenter/CarGoodsAdminViewSuper.vue    | 1478 +++++++++++++++++
 .../superCenter/DynamicVerifyViewSuper.vue    |  630 +++++++
 src/views/superCenter/GuildInfoSuper.vue      |   65 +-
 .../superCenter/UserCheckAdminViewSuper.vue   | 1372 +++++++++++++++
 src/views/superCenter/VipGiveSuper.vue        |    4 +
 .../superCenter/towPageBannerViewSuper.vue    | 1197 +++++++++++++
 7 files changed, 4714 insertions(+), 43 deletions(-)
 create mode 100644 src/views/superCenter/CarGoodsAdminViewSuper.vue
 create mode 100644 src/views/superCenter/DynamicVerifyViewSuper.vue
 create mode 100644 src/views/superCenter/UserCheckAdminViewSuper.vue
 create mode 100644 src/views/superCenter/towPageBannerViewSuper.vue

diff --git a/src/views/nobleman/GuildInfo.vue b/src/views/nobleman/GuildInfo.vue
index ab105c2..b38bee5 100644
--- a/src/views/nobleman/GuildInfo.vue
+++ b/src/views/nobleman/GuildInfo.vue
@@ -1,5 +1,9 @@
 <template>
   <div class="box">
+    <div class="inquire">
+      <span>分区</span>
+      <partition-select v-model:partition-id="inquire.partitionId" />
+    </div>
     <!-- 查询 -->
     <div class="inquire">
       <span>公会ID</span>
@@ -112,6 +116,9 @@
                      size="default">{{ scope.row.memberNum }}/{{ scope.row.memberNumLimit }}</el-button>
         </template>
       </el-table-column>
+      <el-table-column prop="operator"
+                       align="center"
+                       label="操作人" />
       <el-table-column align="center"
                        label="收款账户"
                        width="300">
@@ -509,10 +516,12 @@ import {
 } from "@/api/nobleman/nobleman";
 // @ts-ignore
 import { dateFormat } from "@/utils/system-helper";
+import PartitionSelect from "../common/partitionSelect.vue";
 // @ts-ignore
 import { ElMessage } from "element-plus";
 export default {
   name: "GuildInfo",
+  components: { PartitionSelect },
   data () {
     return {
       loading: false,
@@ -525,6 +534,7 @@ export default {
         referrer: "",
         time: "",
         inviteErbanNo: undefined,
+  partitionId: undefined,
       },
       //新增所需对象
       resource: {
@@ -595,6 +605,7 @@ export default {
         erbanNo: this.inquire.userId,
         referrer: this.inquire.referrer,
         familyName: this.inquire.nick,
+        partitionId: this.inquire.partitionId,
         // startDate: startTime,
         // endDate: endTime,
         inviteErbanNo: this.inquire.inviteErbanNo,
diff --git a/src/views/superCenter/CarGoodsAdminViewSuper.vue b/src/views/superCenter/CarGoodsAdminViewSuper.vue
new file mode 100644
index 0000000..6fdb4f1
--- /dev/null
+++ b/src/views/superCenter/CarGoodsAdminViewSuper.vue
@@ -0,0 +1,1478 @@
+<template>
+  <section class="content">
+    <div class="box box-primary">
+      <div class="box-body">
+        <!-- Content Header (Page header) -->
+        <section class="content-header">
+          <h1 id="itemTitle"></h1>
+        </section>
+        <!-- .content -->
+        <section class="content">
+          <div id="table"></div>
+          <!-- <div id="toolbar">
+            <div class="col-sm-12">
+              <label for="query_carGoodsId"
+                     class="col-sm-1 control-label">座驾ID:</label>
+              <div class="col-sm-3">
+                <input type="number"
+                       class="form-control"
+                       name="query_carGoodsId"
+                       id="query_carGoodsId" />
+              </div>
+              <label for="query_carGoodsName"
+                     class="col-sm-1 control-label">名称:</label>
+              <div class="col-sm-3"><input type="text"
+                       class="form-control"
+                       name="query_carGoodsName"
+                       id="query_carGoodsName" />
+              </div>
+              <label for="query_carGoodsType"
+                     class="col-sm-1 control-label">类型:</label>
+              <div class="col-sm-3">
+                <select name="query_carGoodsType"
+                        id="query_carGoodsType"
+                        class="form-control">
+                  <option value=""
+                          selected="selected">全部</option>
+                  <option value="1">普通座驾</option>
+                  <option value="2">贵族座驾</option>
+                </select>
+              </div>
+            </div>
+            <div class="col-sm-12">
+              <label for="condition_type"
+                     class="col-sm-1 control-label">状态:</label>
+              <div class="col-sm-3">
+                <select name="condition_type"
+                        id="condition_type"
+                        class="form-control">
+                  <option value="-1"
+                          selected="selected">全部</option>
+                  <option value="2">启用</option>
+                  <option value="1">未启用</option>
+                </select>
+              </div>
+              <label for="partitionId"
+                     class="col-sm-1 control-label">地区:</label>
+              <div class="col-sm-3">
+                <select name="partitionId"
+                        id="partitionId"
+                        class="form-control"></select>
+              </div>
+            </div>
+            <div class="col-sm-12">
+              <button id="car-goods-refresh"
+                      class="btn btn-default">
+                <i class="glyphicon glyphicon-search"></i>查询
+              </button>
+              <button id="car-goods-add"
+                      class="btn btn-default">
+                <i class="glyphicon glyphicon-plus"></i>增加
+              </button>
+            </div>
+
+          </div> -->
+        </section><!-- .content -->
+      </div>
+    </div>
+  </section>
+  <div class="modal fade"
+       id="cardGoodsModal"
+       tabindex="-1"
+       role="dialog"
+       aria-labelledby="modalLabel">
+    <div class="modal-dialog"
+         role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+          <button type="button"
+                  class="close"
+                  data-dismiss="modal"
+                  aria-label="Close"><span aria-hidden="true">&times;</span></button>
+          <h4 class="modal-title"
+              id="modalLabel">商城座驾信息</h4>
+        </div>
+        <div class="modal-body">
+          <form class="form-horizontal"
+                id="carGoodsForm">
+            <input type="hidden"
+                   name="id"
+                   id="id" />
+            <div class="form-group">
+              <label for="partitionFlag"
+                     class="col-sm-4 control-label">选择分区</label>
+              <div class="col-sm-6">
+                <input type="checkbox"
+                       name="partitionFlag"
+                       value="1" />英语区<br>
+                <input type="checkbox"
+                       name="partitionFlag"
+                       value="2" />阿拉伯语区<br>
+                <input type="checkbox"
+                       name="partitionFlag"
+                       value="4" />华语区<br>
+                <input type="checkbox"
+                       name="partitionFlag"
+                       value="8" />土耳其区<br>
+                <input type="checkbox"
+                       name="partitionFlag"
+                       value="16" />英语2区<br>
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="carGoodsType"
+                     class="col-sm-3 control-label">座驾类型:</label>
+              <div class="col-sm-9">
+                <select name="carGoodsType"
+                        id="carGoodsType"
+                        data-btn-class="btn-warning"
+                        class="form-control">
+                  <option value="">请选择</option>
+                  <option value="1">普通座驾</option>
+                  <option value="2">贵族座驾</option>
+                </select>
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="name"
+                     class="col-sm-3 control-label">座驾名称</label>
+              <div class="col-sm-9">
+                <input type="text"
+                       class="form-control validate[required]"
+                       name="name"
+                       id="name">
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="en_name"
+                     class="col-sm-3 control-label">英语名称</label>
+              <div class="col-sm-9">
+                <input type="text"
+                       class="form-control validate[required]"
+                       name="name"
+                       id="en_name">
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="ar_name"
+                     class="col-sm-3 control-label">阿语名称</label>
+              <div class="col-sm-9">
+                <input type="text"
+                       class="form-control validate[required]"
+                       name="name"
+                       id="ar_name">
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="tr_name"
+                     class="col-sm-3 control-label">土耳其名称</label>
+              <div class="col-sm-9">
+                <input type="text"
+                       class="form-control validate[required]"
+                       name="name"
+                       id="tr_name">
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="pt_name"
+                     class="col-sm-3 control-label">葡萄牙语名称</label>
+              <div class="col-sm-9">
+                <input type="text"
+                       class="form-control validate[required]"
+                       name="name"
+                       id="pt_name">
+              </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="radishSale"
+                         value="0"
+                         checked>否</label>
+                <label class="radio-inline"><input type="radio"
+                         name="radishSale"
+                         value="1">是</label>
+              </div>
+            </div>
+
+            <div class="form-group">
+              <label for="radishPrice"
+                     class="col-sm-3 control-label">首次价格:</label>
+              <div class="col-sm-6">
+                <input type="text"
+                       class="form-control"
+                       name="radishPrice"
+                       id="radishPrice">
+              </div>
+              <span class="col-sm-3">萝卜</span>
+            </div>
+
+            <div class="form-group">
+              <label for="radishRenewPrice"
+                     class="col-sm-3 control-label">续费价格:</label>
+              <div class="col-sm-6">
+                <input type="text"
+                       class="form-control"
+                       name="radishRenewPrice"
+                       id="radishRenewPrice">
+              </div>
+              <span class="col-sm-3">萝卜</span>
+            </div>
+            <div class="form-group">
+              <label for="radishOriginalPrice"
+                     class="col-sm-3 control-label">原价:</label>
+              <div class="col-sm-6">
+                <input type="number"
+                       class="form-control"
+                       placeholder="没有填0"
+                       value="0"
+                       name="radishOriginalPrice"
+                       id="radishOriginalPrice">
+              </div>
+              <span class="col-sm-3">萝卜</span>
+            </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="goldSale"
+                         value="0">否</label>
+                <label class="radio-inline"><input type="radio"
+                         name="goldSale"
+                         value="1"
+                         checked>是</label>
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="price"
+                     class="col-sm-3 control-label">首次价格:</label>
+              <div class="col-sm-6">
+                <input type="text"
+                       class="form-control"
+                       name="price"
+                       id="price">
+              </div>
+              <span class="col-sm-3">钻石</span>
+            </div>
+
+            <div class="form-group">
+              <label for="renewPrice"
+                     class="col-sm-3 control-label">续费价格:</label>
+              <div class="col-sm-6">
+                <input type="text"
+                       class="form-control"
+                       name="renewPrice"
+                       id="renewPrice">
+              </div>
+              <span class="col-sm-3">钻石</span>
+            </div>
+            <div class="form-group">
+              <label for="originalPrice"
+                     class="col-sm-3 control-label">原价:</label>
+              <div class="col-sm-6">
+                <input type="number"
+                       class="form-control"
+                       placeholder="没有填0"
+                       value="0"
+                       name="originalPrice"
+                       id="originalPrice">
+              </div>
+              <span class="col-sm-3">钻石</span>
+            </div>
+
+            <div class="form-group">
+              <label for="days"
+                     class="col-sm-3 control-label">购买天数</label>
+              <div class="col-sm-9">
+                <input type="text"
+                       class="form-control validate[required]"
+                       name="days"
+                       id="days">
+              </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="enable"
+                         value="2"
+                         checked>启用</label>
+                <label class="radio-inline"><input type="radio"
+                         name="enable"
+                         value="1">未启用</label>
+              </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="isSale"
+                         value="1"
+                         checked>是</label>
+                <label class="radio-inline"><input type="radio"
+                         name="isSale"
+                         value="0">否</label>
+              </div>
+            </div>
+            <div class="form-group">
+              <label class="col-sm-3 control-label">贵族限定</label>
+              <div class="col-sm-3">
+                <label class="radio-inline"><input type="radio"
+                         name="isNobleLimit"
+                         value="0"
+                         checked>否</label>
+                <label class="radio-inline"><input type="radio"
+                         name="isNobleLimit"
+                         value="1">是</label>
+              </div>
+
+              <label class="col-sm-3 control-label">怪兽限定</label>
+              <div class="col-sm-3">
+                <label class="radio-inline"><input type="radio"
+                         name="isMonsterLimit"
+                         value="0"
+                         checked>否</label>
+                <label class="radio-inline"><input type="radio"
+                         name="isMonsterLimit"
+                         value="1">是</label>
+              </div>
+            </div>
+
+            <div class="form-group">
+              <label class="col-sm-3 control-label">周星榜限定</label>
+              <div class="col-sm-3">
+                <label class="radio-inline"><input type="radio"
+                         name="isWeekStarLimit"
+                         value="0"
+                         checked>否</label>
+                <label class="radio-inline"><input type="radio"
+                         name="isWeekStarLimit"
+                         value="1">是</label>
+              </div>
+
+              <label class="col-sm-3 control-label">活动限定</label>
+              <div class="col-sm-3">
+                <label class="radio-inline"><input type="radio"
+                         name="isActivityLimit"
+                         value="0"
+                         checked>否</label>
+                <label class="radio-inline"><input type="radio"
+                         name="isActivityLimit"
+                         value="1">是</label>
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="limitTipMsg"
+                     class="col-sm-3 control-label">限定提示信息</label>
+              <div class="col-sm-9">
+                <input type="text"
+                       class="form-control"
+                       name="limitTipMsg"
+                       id="limitTipMsg">
+              </div>
+            </div>
+            <div class="form-group">
+              <label class="col-sm-3 control-label">座驾图片:</label>
+              <div class="col-sm-9">
+                <img src=""
+                     id="picImage"
+                     style="width:250px;height:90px;"
+                     alt="">
+                <input type="file"
+                       id="picUploadFile"
+                       name="file">
+                <button class="btn btn-success"
+                        type="button"
+                        id="picUploadBtn">上传</button>
+                <input type="hidden"
+                       id="pic"
+                       name="pic"
+                       class="form-control validate[required]" />
+                <span id="picImgInfo"
+                      style="color:red;"></span>
+              </div>
+            </div>
+            <div class="form-group">
+              <label class="col-sm-3 control-label">动画图片:</label>
+              <div class="col-sm-9">
+                <img src=""
+                     id="effectImage"
+                     style="width:250px;height:90px;"
+                     alt="">
+                <input type="file"
+                       id="vggUploadFile"
+                       name="file">
+                <button class="btn btn-success"
+                        type="button"
+                        id="vggUploadBtn">上传</button>
+                <input type="hidden"
+                       id="effect"
+                       name="effect"
+                       class="form-control validate[required]" />
+                <span id="effectImgInfo"
+                      style="color:red;"></span>
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="otherViewType"
+                     class="col-sm-3 control-label">其他视图文件类型:</label>
+              <div class="col-sm-9">
+                <select name="otherViewType"
+                        id="otherViewType"
+                        data-btn-class="btn-warning">
+                  <option value="0">全部</option>
+                  <option value="1">MP4</option>
+                </select>
+              </div>
+            </div>
+            <div class="form-group">
+              <label class="col-sm-3 control-label">其他视图文件:</label>
+              <div class="col-sm-9">
+                <img src=""
+                     id="viewFile"
+                     style="width:250px;height:90px;"
+                     alt="">
+                <input type="file"
+                       id="viewUploadFile"
+                       name="file">
+                <button class="btn btn-success"
+                        type="button"
+                        id="viewFileUploadBtn">上传</button>
+                <input type="hidden"
+                       id="viewUrl"
+                       name="viewUrl"
+                       class="form-control validate[required]" />
+                <span id="viewFileInfo"
+                      style="color:red;"></span>
+              </div>
+            </div>
+
+            <div class="form-group">
+              <label for="nobleId"
+                     class="col-sm-3 control-label">贵族等级</label>
+              <div class="col-sm-9">
+                <select name="nobleId"
+                        id="nobleId"
+                        data-btn-class="btn-warning">
+                  <option value="0">&nbsp;&nbsp;</option>
+                  <option value="1">男爵</option>
+                  <option value="2">子爵</option>
+                  <option value="3">伯爵</option>
+                  <option value="4">侯爵</option>
+                  <option value="5">公爵</option>
+                  <option value="6">国王</option>
+                  <option value="7">皇帝</option>
+                </select>
+              </div>
+            </div>
+            <input type="hidden"
+                   id="nobleName"
+                   name="nobleName">
+
+            <div class="form-group">
+              <label for="seq"
+                     class="col-sm-3 control-label">排序</label>
+              <div class="col-sm-9">
+                <input type="text"
+                       class="form-control validate[required]"
+                       name="seq"
+                       id="seq">
+              </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="labelType"
+                         id="noOne"
+                         value="0"
+                         checked>无</label>
+                <label class="radio-inline"><input type="radio"
+                         name="labelType"
+                         id="newOne"
+                         value="1">新品</label>
+                <label class="radio-inline"><input type="radio"
+                         name="labelType"
+                         id="discountOne"
+                         value="2">折扣</label>
+                <label class="radio-inline"><input type="radio"
+                         name="labelType"
+                         id="limitOne"
+                         value="3">限定</label>
+                <label class="radio-inline"><input type="radio"
+                         name="labelType"
+                         id="exclusiveOne"
+                         value="4">专属</label>
+              </div>
+            </div>
+
+            <div class="form-group">
+              <label for="limitDesc"
+                     class="col-sm-3 control-label">限定描述:</label>
+              <div class="col-sm-9">
+                <input type="text"
+                       class="form-control"
+                       name="limitDesc"
+                       placeholder="限定和专属需要填写描述，限制30字"
+                       id="limitDesc">
+              </div>
+            </div>
+
+            <div class="form-group">
+              <label for="redirectLink"
+                     class="col-sm-3 control-label">跳转链接:</label>
+              <div class="col-sm-9">
+                <input type="text"
+                       class="form-control"
+                       name="redirectLink"
+                       placeholder="非必填，若填写，前端展示去看看按钮，反之则无按钮"
+                       id="redirectLink">
+              </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>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- 为用户赠送座驾弹窗 -->
+  <div class="modal fade"
+       id="sendCarModal"
+       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="modalSendLabel">赠送座驾</h4>
+        </div>
+        <div class="modal-body">
+          <form class="form-horizontal"
+                id="carSendForm">
+            <input type="hidden"
+                   name="sendCarId"
+                   id="sendCarId" />
+            <div class="form-group">
+              <label for="sendErbanNo"
+                     class="col-sm-3 control-label">平台号</label>
+              <div class="col-sm-9">
+                <textarea name="sendErbanNo"
+                          id="sendErbanNo"
+                          class="form-control validate[required]"
+                          placeholder="多个平台号使用换行符分隔"></textarea>
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="sendDays"
+                     class="col-sm-3 control-label">体验天数</label>
+              <div class="col-sm-9">
+                <select name="days"
+                        id="sendDays">
+                  <option value="">-- 请选择 --</option>
+                  <option value="1">1天</option>
+                  <option value="3">3天</option>
+                  <option value="5">5天</option>
+                  <option value="7">7天</option>
+                  <option value="15">15天</option>
+                  <option value="30">30天</option>
+                  <option value="999">自定义</option>
+                </select>
+              </div>
+            </div>
+            <div class="form-group otherZDY"
+                 style="display: none">
+              <label for="otherVal"
+                     class="col-sm-3 control-label">自定义</label>
+              <div class="col-sm-9">
+                <input type="text"
+                       id="otherVal"
+                       class=""
+                       oninput="value=value.replace(/[^\d]/g,'')" />
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="sendDesc"
+                     class="col-sm-3 control-label">备注</label>
+              <div class="col-sm-9">
+                <input type="text"
+                       name="desc"
+                       id="sendDesc"
+                       class="form-control validate[required]" />
+              </div>
+            </div>
+          </form>
+        </div>
+        <div class="modal-footer">
+          <button type="button"
+                  class="btn btn-default"
+                  data-dismiss="modal">关闭</button>
+          <button type="button"
+                  class="btn btn-primary"
+                  id="send">提交</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!--<div class="modal fade" id="tipModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h4 class="modal-title">提示信息</h4>
+            </div>
+            <div class="modal-body" id="tipMsg"></div>
+        </div>
+    </div>
+</div>-->
+</template>
+
+<script>
+import TableHelper from '@/utils/bootstrap-table-helper';
+import ComboboxHelper from '@/assets/plugins/bootstrap-combobox/js/bootstrap-combobox-helper';
+import { getPartitionInfoList } from '@/api/partition/partitionInfo';
+import { buildSelectOption } from '@/utils/system-helper';
+
+export default {
+  name: "CarGoodsAdminViewSuper",
+  setup () {
+    return {};
+  },
+  created () {
+    this.$nextTick(function () {
+      this.initPartition();
+      this.initData();
+    });
+  },
+  methods: {
+    initData () {
+      ComboboxHelper.build(null, '#enable');
+      //ComboboxHelper.build(null,'#condition_type');
+      ComboboxHelper.build(null, '#nobleId');
+      $(function () {
+        //选择select时触发
+        $("#sendDays").change(function () {
+          var val = $(this).val();
+          if (val == "999") {
+            $('.otherZDY').show();
+          } else {
+            $('.otherZDY').hide();
+            $('.otherZDY input').val('');
+          }
+          console.log(val);
+        });
+        $('#table').bootstrapTable('destroy');
+        $('#table').bootstrapTable({
+          columns: [
+            { field: 'tmp', title: 'id', align: 'center', checkbox: true, width: '5%' },
+            { field: 'id', title: '座驾ID', align: 'center', width: '5%' },
+            { field: 'name.zh', title: '座驾名称', align: 'center', width: '20%' },
+            { field: 'name.en', title: '英语名称', align: 'center', width: '20%' },
+            { field: 'name.ar', title: '阿语名称', align: 'center', width: '20%' },
+            { field: 'name.tr', title: '土耳其语名称', align: 'center', width: '20%' },
+            { field: 'name.pt', title: '葡萄牙语名称', align: 'center', width: '20%' },
+            {
+              field: "pic",
+              title: "座驾样式",
+              align: "center",
+              width: "5%",
+              formatter: function (val, row, index) {
+                if (val) {
+                  return (
+                    "<img style='max-width: 50px;max-height: 50px' src='" +
+                    val +
+                    "'>"
+                  );
+                } else {
+                  return "-";
+                }
+              },
+            },
+            {
+              field: 'partitionFlag',
+              title: '地区',
+              align: 'center',
+              width: '10%',
+              formatter: function (val, row, index) {
+                let value = '';
+                if ((val & 1) != 0) {
+                  value += '英语区<br>';
+                }
+                if ((val & 2) != 0) {
+                  value += '阿拉伯语区<br>';
+                }
+                if ((val & 4) != 0) {
+                  value += '华语区<br>';
+                }
+                if ((val & 8) != 0) {
+                  value += '土耳其区<br>';
+                }
+                if ((val & 16) != 0) {
+                  value += '英语2区<br>';
+                }
+                return value;
+              }
+            },
+            {
+              field: 'carGoodsType', title: '座驾类型', align: 'center', width: '20%',
+              formatter: function (val) {
+                if (val == 1) {
+                  return '普通座驾';
+                } else if (val == 2) {
+                  return '贵族座驾';
+                }
+              }
+            },
+            {
+              field: 'goldSale',
+              title: '钻石购买',
+              align: 'center',
+              width: '3%',
+              formatter: function (val, row, index) {
+                if (val == true) {
+                  return "是";
+                } else if (val == false) {
+                  return "否";
+                } else {
+                  return "-";
+                }
+              }
+            },
+            { field: 'originalPrice', title: '原价（钻石）', align: 'center', width: '5%' },
+            { field: 'price', title: '购买价格（钻石）', align: 'center', width: '5%' },
+            { field: 'renewPrice', title: '续费价格（钻石）', align: 'center', width: '5%' },
+            {
+              field: 'enable', title: '启用状态', align: 'center', width: '15%', formatter: function (val, row, index) {
+                if (val == 1) {
+                  return '未启用';
+                } else if (val == 2) {
+                  return '启用';
+                } else {
+                  return '无效';
+                }
+              }
+            },
+            { field: 'days', title: '购买天数', align: 'center', width: '10%' },
+            {
+              field: 'labelType',
+              title: '标签',
+              align: 'center',
+              width: '5%',
+              formatter: function (val, row, index) {
+                if (val == 0) {
+                  return "无";
+                } else if (val == 1) {
+                  return "新品";
+                } else if (val == 2) {
+                  return "折扣";
+                } else if (val == 3) {
+                  return "限定";
+                } else if (val == 4) {
+                  return "专属";
+                } else {
+                  return "未知状态";
+                }
+              }
+            },
+            { field: 'limitDesc', title: '限定描述', align: 'center', width: '5%' },
+            { field: 'redirectLink', title: '跳转链接', align: 'center', width: '5%' },
+            { field: 'seq', title: '排序', align: 'center', width: '10%' },
+            {
+              field: 'id', title: '操作', align: 'center', width: '30%', formatter: function (val, row, index) {
+                let isSendDisabled = false;
+                if (row.carGoodsType === 2) {
+                  isSendDisabled = true;
+                }
+                return  '<button class="btn btn-sm btn-success opt-send" data-id=' + val + "" + `${isSendDisabled ? ' disabled ' : ''}` + '>' +
+                  '<i class="glyphicon glyphicon-send"></i>赠送</button>';/* +
+                            '&nbsp;&nbsp;<button class="btn btn-sm btn-danger opt-remove" data-id=' + val +
+                            '><i class="glyphicon glyphicon-remove"></i>删除</button>';*/
+              }
+            }
+          ],
+          cache: false,
+          striped: true,
+          showRefresh: false,
+          pageSize: 20,
+          pagination: true,
+          pageList: [20, 50, 100, 200],
+          search: false,
+          sidePagination: "server", //表示服务端请求
+          //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+          //设置为limit可以获取limit, offset, search, sort, order
+          queryParamsType: "undefined",
+          queryParams: function queryParams (params) {   //设置查询参数
+            var param = {
+              page: params.pageNumber,
+              pageSize: params.pageSize,
+              searchText: params.searchText,
+              carGoodsId: $("#query_carGoodsId").val(),
+              carGoodsName: $("#query_carGoodsName").val(),
+              carGoodsType: $("#query_carGoodsType").val(),
+              enable: $("condition_type").val(),
+              partitionId: $('#partitionId').val(),
+            };
+            return param;
+          },
+          ajax: function (request) {                    //使用ajax请求
+            $.ajax({
+              type: "GET",
+              url: '/admin/superCenter/cars',
+              contentType: 'application/json;charset=utf-8',
+              dataType: 'json',
+              data: request.data,
+              success: function (res) {
+                console.log(res);
+                request.success({
+                  "rows": res.rows.map(i => {
+                    let value = i.name;
+                    if (value.startsWith('{') && value.endsWith('}')) {
+                      i.name = JSON.parse(value);
+                    } else {
+                      i.name = {
+                        zh: value,
+                        ar: value,
+                        en: value,
+                      };
+                    }
+                    return i;
+                  }),
+                  "total": res.total
+                });
+              },
+              error: function (error) {
+                console.log(error);
+              }
+            })
+          },
+          toolbar: '#toolbar',
+          onLoadSuccess: function () {  //加载成功时执行
+            console.log("load success");
+          },
+          onLoadError: function () {  //加载失败时执行
+            console.log("load fail");
+          }
+        });
+
+        /*$("#table").on("click", '.opt-remove', function () {
+            var id = $(this).attr("data-id");
+            if (id == 'undefined') {
+                $("#tipMsg").text("id参数有误");
+                $("#tipModal").modal('show');
+                return;
+            }
+            if (confirm("你确认删除该记录吗? \r\n 删除后再也不能找回，请谨慎操作！")) {
+                $.ajax({
+                    type: 'post',
+                    url: "/admin/car/goods/deletion",
+                    data: {'ids': JSON.stringify([id])},
+                    dataType: "json",
+                    success: function (json) {
+                        if (json.success == 'true') {
+                            $("#tipMsg").text("删除成功");
+                            $("#tipModal").modal('show');
+                            TableHelper.doRefresh("#table");
+                        } else {
+                            $("#tipMsg").text("删除失败");
+                            $("#tipModal").modal('show');
+                        }
+                    }
+                });
+            }
+        });*/
+
+        $("#car-goods-add").click(function () {
+          // 打开编辑弹窗
+          $("#cardGoodsModal").modal('show');
+          $("#carGoodsForm")[0].reset();
+
+          $('#pic').val('');
+          $('#picImage').attr("src", '');
+          $("#picImgInfo").html('');
+          $('#effect').val('');
+          $('#effectImage').attr("src", '');
+          $("#effectImgInfo").html('');
+
+          $('#viewUrl').attr('');
+          $('#viewFile').attr("src", '');
+          $("#viewFileInfo").html('');
+
+          $("#id").val('');
+          $('#name').val('');
+          $('#ar_name').val('');
+          $('#en_name').val('');
+          $('#tr_name').val('');
+          $('#pt_name').val('');
+          $("#name").attr('readonly', false);
+          $("#ar_name").attr('readonly', false);
+          $("#en_name").attr('readonly', false);
+          $("#tr_name").attr('readonly', false);
+          $("#pt_name").attr('readonly', false);
+          // $("#price").attr('readonly', false);
+          // $("#renewPrice").attr('readonly', false);
+          $("#seq").val('');
+          $("#limitTipMsg").val('');
+
+          $("#price").val("");
+          $("#renewPrice").val("");
+          $("#originalPrice").val("");
+          $("#radishPrice").val("");
+          $("#radishRenewPrice").val("");
+          $("#radishOriginalPrice").val("");
+
+          $("input:radio[name='goldSale']")[0].checked = true;
+          $("input:radio[name='radishSale']")[0].checked = true;
+          $("input:radio[name='enable']")[0].checked = true;
+          $("input:radio[name='isSale']")[0].checked = true;
+          $("input:radio[name='isNobleLimit']")[0].checked = true;
+          $("input:radio[name='isMonsterLimit']")[0].checked = true;
+          $("input:radio[name='isWeekStarLimit']")[0].checked = true;
+          $("input:radio[name='isActivityLimit']")[0].checked = true;
+
+          $('input[name="partitionFlag"]').each(function () {
+            $(this).checked = false;
+          });
+          $("#nobleId").btComboBox('disable');
+          ComboboxHelper.setDef("#nobleId", '0');
+
+          ComboboxHelper.setDef("#enable", '2');
+        });
+
+        $("#nobleId").on('change', function () {
+          if (ComboboxHelper.getSelected("#nobleId") != 0) {
+            var nobleName = $("#nobleId").btComboBox('selectedOption')[1];
+            $("#nobleName").val(nobleName);
+          } else {
+            $("#nobleName").val('');
+          }
+
+        })
+
+        $("#car-goods-refresh").click(function () {
+          $("#table").bootstrapTable('refresh', { url: '/admin/car/goods' });
+        })
+
+        /*$("#car-goods-multiDel").click(function () {
+            var rows = $("#table").bootstrapTable("getSelections");
+            if (rows.length == 0) {
+                alert("请先选择要删除的记录");
+                return;
+            }
+            console.log("rows: " + rows.length);
+            var idArr = [];
+            for (var i = 0; i < rows.length; i++) {
+                idArr.push(rows[i]['id']);
+            }
+            console.log(idArr);
+ 
+            if (confirm("你确认批量删除该记录吗?" + "\r\n删除后再也不能找回，请谨慎操作！")) {
+                $.ajax({
+                    type: 'post',
+                    url: "/admin/car/goods/deletion",
+                    data: {'ids': JSON.stringify(idArr)},
+                    dataType: "json",
+                    success: function (json) {
+                        if (json.success == 'true') {
+                            $("#tipMsg").text("删除成功");
+                            $("#tipModal").modal('show');
+                            TableHelper.doRefresh("#table");
+                        } else {
+                            $("#tipMsg").text("删除失败");
+                            $("#tipModal").modal('show');
+                        }
+                    }
+                });
+            }
+        });*/
+
+        $('#picUploadBtn').on('click', function () {
+          $.ajaxFileUpload({
+            fileElementId: 'picUploadFile',    //需要上传的文件域的ID，即<input type="file">的ID。
+            url: '/admin/car/goods/upload', //后台方法的路径
+            type: 'post',   //当要提交自定义参数时，这个参数要设置成post
+            dataType: 'json',   //服务器返回的数据类型。可以为xml,script,json,html。如果不填写，jQuery会自动判断。
+            secureuri: false,   //是否启用安全提交，默认为false。
+            async: true,   //是否是异步
+            success: function (json) {   //提交成功后自动执行的处理函数，参数data就是服务器返回的数据。
+              if (json.path) {
+                $('#pic').val(json.path);
+                $('#picImage').attr("src", json.path);
+                if (json.path != '') {
+                  $("#picImgInfo").html('已上传成功');
+                } else {
+                  $("#picImgInfo").html('未上传成功');
+                }
+                console.log(json.path);
+
+              } else {
+                $("#tipMsg").text(json.msg);
+                $("#tipModal").modal('show');
+              }
+            },
+            error: function (data, status, e) {  //提交失败自动执行的处理函数。
+              console.error(e);
+            }
+          });
+        })
+
+        $('#vggUploadBtn').on('click', function () {
+          $.ajaxFileUpload({
+            url: '/admin/car/goods/upload',//后台请求地址
+            type: 'post',//请求方式  当要提交自定义参数时，这个参数要设置成post
+            secureuri: false,//是否启用安全提交，默认为false。
+            fileElementId: 'vggUploadFile',// 需要上传的文件域的ID，即<input type="file">的ID。
+            dataType: 'json',//服务器返回的数据类型。可以为xml,script,json,html。如果不填写，jQuery会自动判断。如果json返回的带pre,这里修改为json即可解决。
+            success: function (json, status) {//提交成功后自动执行的处理函数，参数data就是服务器返回的数据。
+              console.log(json);
+              if (json.path) {
+                $('#effect').val(json.path);
+                $('#effectImage').attr("src", json.path);
+                if (json.path != '') {
+                  $("#effectImgInfo").html('已上传成功');
+                } else {
+                  $("#effectImgInfo").html('未上传成功');
+                }
+                console.log(json.path);
+              } else {
+                $("#tipMsg").text(json.msg);
+                $("#tipModal").modal('show');
+              }
+            }
+          });
+        })
+
+        $('#viewFileUploadBtn').on('click', function () {
+          $.ajaxFileUpload({
+            url: '/admin/car/goods/upload',//后台请求地址
+            type: 'post',//请求方式  当要提交自定义参数时，这个参数要设置成post
+            secureuri: false,//是否启用安全提交，默认为false。
+            fileElementId: 'viewUploadFile',// 需要上传的文件域的ID，即<input type="file">的ID。
+            dataType: 'json',//服务器返回的数据类型。可以为xml,script,json,html。如果不填写，jQuery会自动判断。如果json返回的带pre,这里修改为json即可解决。
+            success: function (json, status) {//提交成功后自动执行的处理函数，参数data就是服务器返回的数据。
+              console.log(json);
+              if (json.path) {
+                $('#viewUrl').val(json.path);
+                $('#viewFile').attr("src", json.path);
+                if (json.path != '') {
+                  $("#viewFileInfo").html('已上传成功');
+                } else {
+                  $("#viewFileInfo").html('未上传成功');
+                }
+                console.log(json.path);
+              } else {
+                $("#tipMsg").text(json.msg);
+                $("#tipModal").modal('show');
+              }
+            }
+          });
+        })
+
+        $("#cancel").click(function () {
+          TableHelper.unCheckAll("#table");
+        });
+
+        function parseNum (val) {
+          if (val == undefined || val == 'false' || val == 0) {
+            return 0;
+          }
+          else {
+            return 1;
+          }
+        }
+
+        $("#table").on("click", '.opt-edit', function () {
+          console.log("btnEdit");
+          var id = $(this).attr("data-id");
+          $.ajax({
+            type: "get",
+            url: "/admin/car/goods/" + id + "",
+            data: { id: id },
+            dataType: "json",
+            success: function (json) {
+              if (json.entity) {
+                $("#id").val(json.entity.id);
+                //$("#name").attr('readonly', true);
+                //$("#price").attr('readonly', true);
+                //$("#renewPrice").attr('readonly', true);
+
+                //$("#name").val(json.entity.name);
+                // $("#price").val(json.entity.price);
+                // $("#renewPrice").val(json.entity.renewPrice);
+                $("#days").val(json.entity.days);
+                console.log(json.entity.name)
+                let name = json.entity.name;
+                if (name.startsWith('{') && name.endsWith('}')) {
+                  var jsonName = JSON.parse(json.entity.name);
+                  $("#name").val(jsonName.zh);
+                  $("#ar_name").val(jsonName.ar);
+                  $("#en_name").val(jsonName.en);
+                  $("#tr_name").val(jsonName.tr);
+                  $("#pt_name").val(jsonName.pt);
+                } else {
+                  $("#name").val(name);
+                  $("#ar_name").val(name);
+                  $("#en_name").val(name);
+                  $("#tr_name").val(name);
+                  $("#pt_name").val(name);
+                }
+                $("#price").val(json.entity.price);
+                $("#renewPrice").val(json.entity.renewPrice);
+                $("#seq").val(json.entity.seq);
+                $("#limitTipMsg").val(json.entity.limitTipMsg);
+
+                $("#originalPrice").val(json.entity.originalPrice);
+                $("#redirectLink").val(json.entity.redirectLink);
+                $("#limitDesc").val(json.entity.limitDesc);
+                $("#radishPrice").val(json.entity.radishPrice);
+                $("#radishRenewPrice").val(json.entity.radishRenewPrice);
+                $("#radishOriginalPrice").val(json.entity.radishOriginalPrice);
+                $("#carGoodsType").val(json.entity.carGoodsType);
+
+
+                if (json.entity.goldSale == true) {
+                  $("input:radio[name='goldSale']")[1].checked = true;
+                } else {
+                  $("input:radio[name='goldSale']")[0].checked = true;
+                }
+
+                if (json.entity.radishSale == true) {
+                  $("input:radio[name='radishSale']")[1].checked = true;
+                } else {
+                  $("input:radio[name='radishSale']")[0].checked = true;
+                }
+
+                //设置标签
+                var labelType = json.entity.labelType;
+                switch (labelType) {
+                  case 0:
+                    $("#noOne").prop("checked", true);
+                    break;
+                  case 1:
+                    $("#newOne").prop("checked", true);
+                    break;
+                  case 2:
+                    $("#discountOne").prop("checked", true);
+                    break;
+                  case 3:
+                    $("#limitOne").prop("checked", true);
+                    break;
+                  case 4:
+                    $("#exclusiveOne").prop("checked", true);
+                    break
+                }
+                ComboboxHelper.setDef("#enable", json.entity.enable);
+
+
+                // 礼物状态的值跟其他不同, 1为有效 0为无效
+                if (json.entity.enable == 2) {
+                  $("input:radio[name='enable']")[0].checked = true;
+                } else {
+                  $("input:radio[name='enable']")[1].checked = true;
+                }
+
+
+                if (json.entity.isSale == 1) {
+                  $("input:radio[name='isSale']")[0].checked = true;
+                } else {
+                  $("input:radio[name='isSale']")[1].checked = true;
+                }
+                if (json.entity.isNobleLimit == 0) {
+                  $("input:radio[name='isNobleLimit']")[0].checked = true;
+                } else {
+                  $("input:radio[name='isNobleLimit']")[1].checked = true;
+                }
+                if (json.entity.isMonsterLimit == 0) {
+                  $("input:radio[name='isMonsterLimit']")[0].checked = true;
+                } else {
+                  $("input:radio[name='isMonsterLimit']")[1].checked = true;
+                }
+                if (json.entity.isWeekStarLimit == 0) {
+                  $("input:radio[name='isWeekStarLimit']")[0].checked = true;
+                } else {
+                  $("input:radio[name='isWeekStarLimit']")[1].checked = true;
+                }
+                if (json.entity.isActivityLimit == 0) {
+                  $("input:radio[name='isActivityLimit']")[0].checked = true;
+                } else {
+                  $("input:radio[name='isActivityLimit']")[1].checked = true;
+                }
+
+                // 设置礼物图片
+                $('#pic').val(json.entity.pic);
+                $('#picImage').attr("src", json.entity.pic);
+                if (json.entity.pic != '') {
+                  $("#picImgInfo").html('已上传');
+                } else {
+                  $("#picImgInfo").html('未上传');
+                }
+
+                // 设置动画效果图片
+                $('#effect').val(json.entity.effect);
+                $('#effectImage').attr("src", json.entity.effect);
+                if (json.entity.effect != '') {
+                  $("#effectImgInfo").html('已上传');
+                } else {
+                  $("#effectImgInfo").html('未上传');
+                }
+
+                // 设置其他视图文件效果图片
+                $('#otherViewType').val(json.entity.otherViewType);
+                $('#viewUrl').val(json.entity.viewUrl);
+                $('#viewFile').attr("src", json.entity.viewUrl);
+                if (json.entity.viewUrl != null && json.entity.viewUrl != 'undefined' && json.entity.viewUrl != '') {
+                  $("#viewFileInfo").html('已上传');
+                } else {
+                  $("#viewFileInfo").html('未上传');
+                }
+
+                //分区
+                let partitionFlag = json.entity.partitionFlag;
+                if ((partitionFlag & 1) != 0) {
+                  $("input:checkbox[name='partitionFlag']")[0].checked = true;
+                } else {
+                  $("input:checkbox[name='partitionFlag']")[0].checked = false;
+                }
+                if ((partitionFlag & 2) != 0) {
+                  $("input:checkbox[name='partitionFlag']")[1].checked = true;
+                } else {
+                  $("input:checkbox[name='partitionFlag']")[1].checked = false;
+                }
+                if ((partitionFlag & 4) != 0) {
+                  $("input:checkbox[name='partitionFlag']")[2].checked = true;
+                } else {
+                  $("input:checkbox[name='partitionFlag']")[2].checked = false;
+                }
+                if ((partitionFlag & 8) != 0) {
+                  $("input:checkbox[name='partitionFlag']")[3].checked = true;
+                } else {
+                  $("input:checkbox[name='partitionFlag']")[3].checked = false;
+                }
+                if ((partitionFlag & 16) != 0) {
+                  $("input:checkbox[name='partitionFlag']")[4].checked = true;
+                } else {
+                  $("input:checkbox[name='partitionFlag']")[4].checked = false;
+                }
+
+                // 打开编辑弹窗
+                $("#cardGoodsModal").modal('show');
+              } else {
+                $("#tipMsg").text("获取菜单信息出错");
+                $("#tipModal").modal('show');
+              }
+            }
+          });
+        });
+
+        $("#save").click(function () {
+          if ($("#carGoodsForm").validationEngine('validate')) {
+            var goldSale = $('input[name="goldSale"]:checked').val();
+            var radishSale = $('input[name="radishSale"]:checked').val();
+            var price = $("#price").val();
+            var renewPrice = $("#renewPrice").val();
+            var originalPrice = $("#originalPrice").val();
+            var radishOriginalPrice = $("#radishOriginalPrice").val();
+            var radishPrice = $("#radishPrice").val();
+            var radishRenewPrice = $("#radishRenewPrice").val();
+            var pic = $('#pic').val();
+            var effect = $('#effect').val();
+            var otherViewType = $('#otherViewType').val();
+            var viewUrl = $('#viewUrl').val();
+            // console.log("$('#viewUrl').val() : "+ $('#viewUrl').val())
+            /*if (otherViewType !== 0){
+                viewUrl =$('#viewUrl').val();
+            }*/
+            var days = $('#days').val();
+            if (goldSale == 0 && radishSale == 0) {
+              $("#tipMsg").text("请选择一种支持的购买方式");
+              $("#tipModal").modal('show');
+              return;
+            }
+            if (goldSale == 1 && (!price || !renewPrice || !originalPrice)) {
+              $("#tipMsg").text("请填写完整钻石价格");
+              $("#tipModal").modal('show');
+              return;
+            } else if (radishSale == 1 && (!radishPrice || !radishRenewPrice || !radishOriginalPrice)) {
+              $("#tipMsg").text("请填写完整萝卜价格");
+              $("#tipModal").modal('show');
+              return;
+            }
+            if (!pic) {
+              $("#tipMsg").text("请上传座驾图片");
+              $("#tipModal").modal('show');
+              return;
+            }
+            // if (!effect) {
+            //     $("#tipMsg").text("请上传动画图片");
+            //     $("#tipModal").modal('show');
+            //     return;
+            // } 
+            if (!days || days <= 0) {
+              $("#tipMsg").text("请输入合理的购买天数");
+              $("#tipModal").modal('show');
+              return;
+            }
+            if (otherViewType < 0) {
+              $("#tipMsg").text("请选择正确的文件类型");
+              $("#tipModal").modal('show');
+              return;
+            }
+            if (otherViewType > 0 && !viewUrl) {
+              $("#tipMsg").text("请上传对应类型的视图文件");
+              $("#tipModal").modal('show');
+              return;
+            }
+            // 获取序列化字符串并转换为对象
+            let formData = $('#carGoodsForm').serializeArray().reduce(function (obj, item) {
+              obj[item.name] = item.value;
+              return obj;
+            }, {});
+
+            var name = $("#name").val();
+            // 阿语名称
+            var ar_name = $("#ar_name").val();
+            // 英语名称
+            var en_name = $("#en_name").val();
+            // 土耳其名称
+            var tr_name = $("#tr_name").val();
+            var pt_name = $("#pt_name").val();
+            // 国际化字段
+            var jsonName = { "zh": name, "ar": ar_name, "en": en_name, "tr": tr_name, "pt": pt_name }
+            const nameValue = JSON.stringify(jsonName);
+            // 修改属性值
+            formData.name = nameValue; // 将giftName修改为"newGiftName"
+            //分区
+            const partitionFlagArray = $("input:checkbox[name='partitionFlag']:checked").serializeArray();
+            let partitionFlag = 0;
+            for (let i = 0, len = partitionFlagArray.length; i < len; i++) {
+              console.log(partitionFlagArray[i]);
+              partitionFlag |= partitionFlagArray[i].value;
+            }
+            formData.partitionFlag = partitionFlag;
+            // 将修改后的对象转换回序列化字符串
+            let newSerializeStr = $.param(formData);
+            $.ajax({
+              type: "post",
+              url: "/admin/car/goods",
+              data: newSerializeStr,
+              dataType: "json",
+              success: function (json) {
+                if (json.code == 200) {
+                  $("#carGoodsModal").modal('hide');
+                  $("#tipMsg").text("保存成功");
+                  $("#tipModal").modal('show');
+                  setTimeout(function () {
+                    TableHelper.doRefresh("#table");
+                    $("#cardGoodsModal").modal('hide');
+                  }, 1000);
+                } else {
+                  $("#tipMsg").text("保存失败." + json.msg);
+                  $("#tipModal").modal('show');
+                  $("#cardGoodsModal").modal('hide');
+
+                }
+              }
+            });
+          }
+        });
+      });
+
+      //打开赠送座驾弹窗
+      $("#table").on("click", '.opt-send', function () {
+        var id = $(this).attr("data-id");
+        //清理数据
+        $('#sendCarModal').find('input').val('');
+        $('#sendCarModal').find('select').val('');
+        $('#sendCarModal').find('textarea').val('');
+        //保存数据
+        $('#sendCarId').val(id);
+        // 隐藏并清空自定义天数
+        $('.otherZDY').hide();
+        $('.otherZDY input').val('');
+        //显示弹窗
+        $('#sendCarModal').modal('show');
+      });
+
+      //赠送座驾
+      $('#send').on('click', function () {
+        var otherZDYVal = $('.otherZDY input').val();
+        if (!($('#sendCarId').val() && $('#sendDays').val() && $('#sendDesc').val())) {
+          $("#tipMsg").text("请输入体验天数和备注");
+          $("#tipModal").modal('show');
+          return;
+        }
+        var erbanNo = $('#sendErbanNo').val().trim();//去掉首尾的空格和换行符
+        if (!(erbanNo.length > 0)) {
+          $("#tipMsg").text("请输入平台号");
+          $("#tipModal").modal('show');
+          return;
+        }
+        var carId = $("#sendCarId").val();
+        var sendDays = $("#sendDays").val();
+        var sendDesc = $("#sendDesc").val();
+        $("#tipMsg").text("赠送中，请稍后...");
+        $("#tipModal").modal('show');
+        $.ajax({
+          type: 'post',
+          url: "/admin/superCenter/carSend",
+          data: {
+            erbanNo: erbanNo,
+            carId: carId,
+            days: sendDays,
+            desc: sendDesc,
+            otherDay: otherZDYVal
+          },
+          dataType: 'json',
+          success: function (res) {
+            if (res.code == 100) {
+              $('#sendCarModal').modal('hide');
+              $("#tipMsg").text("全部赠送成功");
+              TableHelper.doRefresh("#table");
+            } else if (res.code == 200) {
+              $("#tipMsg").text("部分赠送成功，赠送失败平台号：" + res.erban + "，赠送失败原因：" + res.message);
+            } else {
+              $("#tipMsg").text("全部赠送失败，赠送失败原因：" + res.message);
+            }
+          }
+        })
+
+      });
+    },
+    initPartition () {
+      getPartitionInfoList().then(res => {
+        let data = res.data;
+        buildSelectOption(
+          "#partitionId",
+          null,
+          [{
+            value: '',
+            text: '全部',
+          }].concat(data.map((v) => {
+            return {
+              value: v.id,
+              text: v.desc,
+            };
+          }))
+        );
+      });
+    },
+  },
+};
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/views/superCenter/DynamicVerifyViewSuper.vue b/src/views/superCenter/DynamicVerifyViewSuper.vue
new file mode 100644
index 0000000..8be6b1a
--- /dev/null
+++ b/src/views/superCenter/DynamicVerifyViewSuper.vue
@@ -0,0 +1,630 @@
+<template>
+  <section class="content">
+    <div class="box box-primary">
+      <div class="box-body">
+        <!-- Content Header (Page header) -->
+        <section class="content-header">
+          <h1 id="itemTitle"></h1>
+        </section>
+        <!-- .content -->
+        <div id="table"></div>
+        <div id="toolbar" style="height: auto">
+          <form
+            id="searchForm"
+            class="col-sm-pull-12"
+            action="/admin/dynamic/verify/export"
+            method="post"
+            target="_blank"
+          >
+          </form>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <div
+    class="modal fade"
+    id="showModal"
+    tabindex="-1"
+    role="dialog"
+    aria-labelledby="modalLabel"
+  >
+    <div class="modal-dialog" role="document">
+      <div class="modal-content" style="width: 500px">
+        <div class="modal-header">
+          <button
+            type="button"
+            class="close"
+            data-dismiss="modal"
+            aria-label="Close"
+          >
+            <span aria-hidden="true">&times;</span>
+          </button>
+          <h4 class="modal-title" id="modalLabel">查看</h4>
+        </div>
+        <div class="modal-body">
+          <input type="hidden" name="id" id="dynamicId" />
+          <div class="show" style="margin-left: 60px"></div>
+        </div>
+        <div id="imgMask"><img src="" alt="" /></div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-default" data-dismiss="modal">
+            关闭
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="modal fade"
+    id="notPassModal"
+    tabindex="-1"
+    role="dialog"
+    aria-labelledby="modalLabe2"
+  >
+    <div class="modal-dialog" role="document">
+      <div class="modal-content" style="width: 600px">
+        <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="modalLabe2">请选择原因</h4>
+        </div>
+        <div class="modal-body">
+          <form class="form-horizontal" id="notPassForm">
+            <input type="hidden" name="id" id="dynamicId1" />
+            <input type="hidden" name="status" id="status1" />
+            <div class="form-group">
+              <div class="col-sm-10">
+                <select
+                  id="quick_reason"
+                  class="form-control"
+                  data-btn-class="btn-warning"
+                  onchange="setReason()"
+                >
+                  <option value="0">
+                    動態可能包含抽煙、喝酒、辱罵、攻擊他人等不文明內容
+                  </option>
+                  <option value="1">動態涉及色情、暴力、病毒等違規內容</option>
+                  <option value="2">動態包含政治敏感信息</option>
+                  <option value="3">動態包含廣告、營銷內容</option>
+                  <option value="4">
+                    動態可能包含個人隱私信息或涉及他人營私信息
+                  </option>
+                  <option value="5">動態可能涉及線下交易</option>
+                  <option value="6">動態內容無意義</option>
+                  <option value="7">動態內容與世界主題無關</option>
+                  <option value="8">動態可能涉嫌侵犯他人版權</option>
+                  <option value="9">其他</option>
+                </select>
+              </div>
+            </div>
+
+            <div class="form-group">
+              <div class="col-sm-10">
+                <textarea
+                  name="reason"
+                  id="reason"
+                  class="form-control"
+                  rows="3"
+                ></textarea>
+              </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="not-pass-save">
+            保存
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="modal fade"
+    id="showContentModal"
+    tabindex="-1"
+    role="dialog"
+    aria-labelledby="modalLabe3"
+  >
+    <div class="modal-dialog" role="document">
+      <div class="modal-content" style="width: 500px">
+        <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="modalLabe3">查看动态内容详情</h4>
+        </div>
+        <div class="modal-body">
+          <span id="dynamic-content"></span>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-default" data-dismiss="modal">
+            关闭
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import TableHelper from "@/utils/bootstrap-table-helper";
+import { showLoading, hideLoading } from "@/utils/maintainer";
+
+var picker1 = $("#beginDate").datetimepicker({
+  format: "yyyy-mm-dd hh:ii:00",
+  autoclose: true,
+  todayBtn: true,
+});
+var picker2 = $("#endDate").datetimepicker({
+  format: "yyyy-mm-dd hh:ii:00",
+  autoclose: true,
+  todayBtn: true,
+});
+picker1.on("changeDate", function () {
+  var date = $("#beginDate").datetimepicker("getDate");
+  picker2.datetimepicker("setStartDate", date);
+});
+picker2.on("changeDate", function () {
+  var date = $("#endDate").datetimepicker("getDate");
+  picker1.datetimepicker("setEndDate", date);
+});
+export default {
+  name: "DynamicVerifyViewSuper",
+  setup() {
+    function setReason() {
+      if ($("#quick_reason option:selected").val() != 9) {
+        $("#reason").val($("#quick_reason option:selected").text());
+      } else {
+        $("#reason").val("");
+      }
+    }
+
+    function showContent(note) {
+      var content = $(note).parent().find("input").val();
+      $("#dynamic-content").text(content);
+      $("#showContentModal").modal("show");
+    }
+
+    function showPic(resUrl, id) {
+      var html = '<div style="width: 320px;">';
+      console.log(resUrl);
+      if (resUrl != null && resUrl != "" && resUrl != undefined) {
+        var resUrls = resUrl.split(",");
+        for (var i = 0; i < resUrls.length; i++) {
+          if (
+            resUrls[i] != null &&
+            resUrls[i] != undefined &&
+            resUrls[i] != ""
+          ) {
+            html +=
+              '<img id="imgs" src="' +
+              resUrls[i] +
+              '" style="width: 100px;height: 100px;">';
+          }
+        }
+      }
+      html += "</div>";
+      // 打开编辑弹窗
+      $("#showModal").modal("show");
+      $("#dynamicId").val(id);
+      $(".show").html(html);
+    }
+
+    function showVideo(resUrl, id) {
+      var html =
+        '<video width="320" height="240" controls autoplay><source src="' +
+        resUrl +
+        '" type="video/mp4"></video>';
+      // 打开编辑弹窗
+      $("#showModal").modal("show");
+      $("#dynamicId").val(id);
+      $(".show").html(html);
+    }
+    window.setReason = setReason;
+    window.showContent = showContent;
+    window.showPic = showPic;
+    window.showVideo = showVideo;
+    return {
+      setReason,
+      showContent,
+      showPic,
+      showVideo,
+    };
+  },
+  created() {
+    this.$nextTick(function () {
+      this.initData();
+    });
+  },
+  methods: {
+    initData() {
+      $(function () {
+        $("#table").bootstrapTable("destroy");
+        $("#table").bootstrapTable({
+          columns: [
+            //{field: 'id', title: 'id', align: 'center', width: '5%'},
+            {
+              field: "tmp",
+              title: "id",
+              align: "center",
+              checkbox: true,
+              width: "5%",
+            },
+            { field: "erbanNo", title: "平台号", align: "center", width: "5%" },
+            { field: "nick", title: "昵称", align: "center", width: "5%" },
+            { field: "gender", title: "性别", align: "center", width: "5%" },
+            { field: "worldName", title: "话题", align: "center", width: "5%" },
+            {
+              field: "content",
+              title: "动态内容",
+              align: "center",
+              width: "5%",
+              formatter: function (val, row, index) {
+                if (isEmpty(val)) {
+                  return "-";
+                } else {
+                  if (val.length > 50) {
+                    var content =
+                      "<input type='hidden' id='input-content' value='" +
+                      val +
+                      "'>";
+                    return (
+                      val.substring(0, 50) +
+                      "..." +
+                      content +
+                      "<button href='#' class='btn btn-sm' style='color: #00acd6;background:none' onclick=showContent(this) style='margin-left: 10px;'>查看更多</a>"
+                    );
+                  } else {
+                    return val;
+                  }
+                }
+              },
+            },
+            {
+              field: "resUrl",
+              title: "图片/视频/语音",
+              align: "center",
+              width: "5%",
+              formatter: function (val, row, index) {
+                if (row.type == 1) {
+                  return (
+                    '<audio controls="controls"><source src="' +
+                    val +
+                    '" type="audio/mpeg"></audio>'
+                  );
+                } else if (row.type == 2) {
+                  return (
+                    "<button href='#' class='btn btn-sm' style='color: #00acd6;background:none' onclick=showPic('" +
+                    row.resUrl +
+                    "'," +
+                    row.id +
+                    ")>查看图片</button>"
+                  );
+                } else if (row.type == 3) {
+                  return (
+                    "<button href='#' class='btn btn-sm' style='color: #00acd6;background:none' onclick=showVideo('" +
+                    row.resUrl +
+                    "'," +
+                    row.id +
+                    ")>查看视频</button>"
+                  );
+                }
+              },
+            },
+            {
+              field: "createTime",
+              title: "发布时间",
+              align: "center",
+              width: "5%",
+              valign: "middle",
+              formatter: function (val, row, index) {
+                if (val) {
+                  var date = new Date(val);
+                  return date.format("yyyy-MM-dd hh:mm:00");
+                } else {
+                  return "-";
+                }
+              },
+            },
+            { field: "statusStr", title: "状态", align: "center", width: "5%" },
+            {
+              field: "updateBy",
+              title: "操作人",
+              align: "center",
+              width: "5%",
+            },
+            {
+              field: "updateTime",
+              title: "操作时间",
+              align: "center",
+              width: "5%",
+              valign: "middle",
+              formatter: function (val, row, index) {
+                if (val) {
+                  var date = new Date(val);
+                  return date.format("yyyy-MM-dd hh:mm:00");
+                } else {
+                  return "-";
+                }
+              },
+            },
+            {
+              field: "id",
+              title: "操作",
+              align: "center",
+              width: "5%",
+              formatter: function (val, row, index) {
+                var pass =
+                  '<button class="btn btn-sm btn-primary opt-pass" data-id=' +
+                  val +
+                  " data-status=1>通&#12288;过</button>";
+                var noPass =
+                  '<button class="btn btn-sm btn-danger opt-not-pass" data-id=' +
+                  val +
+                  " data-status=2>不通过</button>";
+                var shelve =
+                  '<button class="btn btn-sm btn-primary opt-pass" data-id=' +
+                  val +
+                  " data-status=4>上&#12288;架</button>";
+                var unshelve =
+                  '<button class="btn btn-sm btn-danger opt-not-pass" data-id=' +
+                  val +
+                  " data-status=5>下&#12288;架</button>";
+                if (row.status == 0) {
+                  return pass + "</br>" + noPass;
+                } else if (
+                  row.status == 1 ||
+                  row.status == 6 ||
+                  row.status == 4
+                ) {
+                  return unshelve;
+                } else if (
+                  row.status == 2 ||
+                  row.status == 5 ||
+                  row.status == 7
+                ) {
+                  return shelve;
+                }
+              },
+            },
+          ],
+          cache: false,
+          striped: true,
+          showRefresh: false,
+          pageSize: 10,
+          pagination: true,
+          pageList: [10, 20, 50, 100],
+          search: false,
+          sidePagination: "server", //表示服务端请求
+          //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+          //设置为limit可以获取limit, offset, search, sort, order
+          queryParamsType: "-",
+          queryParams: function queryParams(params) {
+            //设置查询参数
+            var param = {
+              pageNumber: params.pageNumber,
+              pageSize: params.pageSize,
+              erbanNo: $("#erbanNo").val(),
+              nick: $("#nick").val(),
+              status: $("#status").val(),
+              beginDate: $("#beginDate").val(),
+              endDate: $("#endDate").val(),
+              wolrdId: $("#wolrdId").val(),
+              partitionId: $("#partitionId").val(),
+            };
+            return param;
+          },
+          toolbar: "#toolbar",
+          url: "/admin/superCenter/dynamicList",
+          onLoadSuccess: function () {
+            //加载成功时执行
+            console.log("load success");
+          },
+          onLoadError: function () {
+            //加载失败时执行
+            console.log("load fail");
+          },
+        });
+
+        // 查询刷新
+        $("#btnSearch").on("click", function () {
+          TableHelper.doRefresh("#table");
+        });
+
+        //重置
+        $("#btnReset").on("click", function () {
+          $("#erbanNo").val("");
+          $("#nick").val("");
+          $("#status").val("");
+          $("#beginDate").val("");
+          $("#endDate").val("");
+          $("#wolrdId").val("");
+        });
+
+        //审核不通过/下架弹框
+        $("#table").on("click", ".opt-not-pass", function () {
+          var id = $(this).attr("data-id");
+          var status = $(this).attr("data-status");
+          if (id == "undefined") {
+            $("#tipMsg").text("id参数有误");
+            $("#tipModal").modal("show");
+            return;
+          }
+          if (status == "undefined") {
+            $("#tipMsg").text("状态参数有误");
+            $("#tipModal").modal("show");
+            return;
+          }
+          $("#dynamicId1").val(id);
+          $("#status1").val(status);
+          // 打开编辑弹窗
+          $("#notPassModal").modal("show");
+          $("#modalLabe2").text("请选择不通过的原因");
+          status = 5;
+          if (status) {
+            $("#modalLabe2").text("请选择下架的原因");
+          }
+          window.setReason();
+        });
+        //审核不通过/下架弹窗
+        $("#not-pass-save").click(function () {
+          var id = $("#dynamicId1").val();
+          if (id == "undefined") {
+            $("#tipMsg").text("id参数有误");
+            $("#tipModal").modal("show");
+            return;
+          }
+          var status = $("#status1").val();
+          if (status == "undefined") {
+            $("#tipMsg").text("状态参数有误");
+            $("#tipModal").modal("show");
+            return;
+          }
+          var reason = $("#reason").val();
+          if (reason.length <= 0) {
+            alert("请输入原因！");
+            return;
+          }
+          var text = "不通过";
+          if (status == 5) {
+            text = "下架";
+          }
+          verify(text, id, status, reason);
+        });
+
+        $("#table").on("click", ".opt-pass", function () {
+          var id = $(this).attr("data-id");
+          var status = $(this).attr("data-status");
+          if (id == "undefined") {
+            $("#tipMsg").text("id参数有误");
+            $("#tipModal").modal("show");
+            return;
+          }
+          if (status == "undefined") {
+            $("#tipMsg").text("状态参数有误");
+            $("#tipModal").modal("show");
+            return;
+          }
+          var text = "通过";
+          if (status == 4) {
+            text = "上架";
+          }
+          verify(text, id, status, "");
+        });
+        //导出
+        $("#btnExport").on("click", function () {
+          var erbanNo = $("#erbanNo").val();
+          var nick = $("#nick").val();
+          var status = $("#status").val();
+          var beginDate = $("#beginDate").val();
+          var endDate = $("#endDate").val();
+          var wolrdId = $("#wolrdId").val();
+          if (
+            isEmpty(erbanNo) &&
+            isEmpty(nick) &&
+            isEmpty(status) &&
+            isEmpty(beginDate) &&
+            isEmpty(endDate) &&
+            isEmpty(wolrdId)
+          ) {
+            $("#tipMsg").text("请输入导出条件!");
+            $("#tipModal").modal("show");
+            return;
+          }
+          $("#searchForm").submit();
+        });
+        //图片放大
+        $("#showModal").on("mouseenter", "#imgs", function (e) {
+          var src = $(this).attr("src");
+          $("#imgMask img").attr("src", src);
+          $("#imgMask").show();
+          $("#imgMask").css({
+            top: e.clientY + 20,
+          });
+        });
+        $("#showModal").on("mouseleave", "#imgs", function (e) {
+          console.log("移出");
+          $("#imgMask").hide();
+        });
+      });
+    },
+  },
+};
+
+//判断空值
+function isEmpty(data) {
+  if (data == null || data == undefined || data == "") {
+    return true;
+  }
+  return false;
+}
+//审核
+function verify(text, id, status, reason) {
+  //if (confirm("你确认【"+ text + "】该动态吗?")) {
+  showLoading();
+  $.ajax({
+    type: "post",
+    url: "/admin/superCenter/dynamicChangeStatus",
+    data: {
+      dynamicId: id,
+      status: status,
+      reason: reason,
+    },
+    dataType: "json",
+    success: function (json) {
+      hideLoading();
+      if (status == 2 || status == 5) {
+        $("#notPassModal").modal("hide");
+      }
+      if (json.success == "true") {
+        $("#tipMsg").text("操作成功");
+        $("#tipModal").modal("show");
+        TableHelper.doRefresh("#table");
+      } else {
+        $("#tipMsg").text("操作失败");
+        $("#tipModal").modal("show");
+      }
+    },
+  });
+  //}
+}
+
+</script>
+
+<style scoped>
+#imgMask {
+  position: absolute;
+  top: 0;
+  left: 0;
+  min-width: 150px;
+  padding: 4px;
+  background: #fff;
+  z-index: 999;
+  display: none;
+}
+
+#imgMask img {
+  max-height: 600px;
+  max-width: 600px;
+  vertical-align: top;
+}
+
+.fixed-table-body {
+  height: auto !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/superCenter/GuildInfoSuper.vue b/src/views/superCenter/GuildInfoSuper.vue
index f793e18..eb38396 100644
--- a/src/views/superCenter/GuildInfoSuper.vue
+++ b/src/views/superCenter/GuildInfoSuper.vue
@@ -1,5 +1,18 @@
 <template>
   <div class="box">
+    <div class="inquire">
+      <span>公会ID</span>
+      <el-input v-model="inquire.familyId"
+                placeholder=""
+                class="input"
+                type="number"></el-input>
+    </div>
+    <div class="inquire">
+      <span>会长ID</span>
+      <el-input v-model="inquire.userId"
+                placeholder=""
+                class="input"></el-input>
+    </div>
     <!-- 查询按钮 -->
     <el-button class="primary" type="primary" @click="getData()"
       >查询</el-button
@@ -58,41 +71,11 @@
            {{ scope.row.memberNum }}/{{ scope.row.memberNumLimit }}
         </template>
       </el-table-column>
-      <el-table-column align="center" label="收款账户" width="300">
-        <template v-slot="scope">
-          <el-button
-            @click="payAccountDialogFun(scope.row)"
-            type="text"
-            size="medium "
-          >
-            payoneer:{{
-              scope.row.payAccount.payoneer
-                ? scope.row.payAccount.payoneer
-                : "未添加"
-            }} </el-button
-          ><br />
-          <el-button
-            @click="payAccountDialogFun(scope.row)"
-            type="text"
-            size="medium "
-          >
-            USDT-ERC20:{{
-              scope.row.payAccount.usdt ? scope.row.payAccount.usdt : "未添加"
-            }} </el-button
-          ><br />
-          <el-button
-            @click="payAccountDialogFun(scope.row)"
-            type="text"
-            size="medium "
-          >
-            PayPal:{{
-              scope.row.payAccount.payPal
-                ? scope.row.payAccount.payPal
-                : "未添加"
-            }} </el-button
-          ><br />
-        </template>
-      </el-table-column>
+      <el-table-column
+        prop="operator"
+        align="center"
+        label="操作人"
+      />
        <el-table-column
         prop="guildContact"
         align="center"
@@ -203,10 +186,8 @@ export default {
       delDialogData: null,
       //查询所需条件对象
       inquire: {
-        familyId: undefined,
-        userId: "",
-        referrer: "",
-        time: "",
+        familyId:'',
+        userId:'',
       },
       //新增所需对象
       resource: {
@@ -234,10 +215,8 @@ export default {
     getData() {
       this.loading = true;
       pageFamily({
-        // familyId: this.inquire.familyId,
-        // erbanNo: this.inquire.userId,
-        // referrer: this.inquire.referrer,
-        // familyName: this.inquire.nick,
+        familyId: this.inquire.familyId,
+        erbanNo: this.inquire.userId,
         pageNum: this.currentPage,
         pageSize: this.pageSize,
       }).then((res) => {
diff --git a/src/views/superCenter/UserCheckAdminViewSuper.vue b/src/views/superCenter/UserCheckAdminViewSuper.vue
new file mode 100644
index 0000000..1cd1a49
--- /dev/null
+++ b/src/views/superCenter/UserCheckAdminViewSuper.vue
@@ -0,0 +1,1372 @@
+<template>
+  <section class="content">
+    <div class="box box-primary">
+      <div class="box-body">
+        <section class="content-header">
+          <h1 id="itemTitle"></h1>
+        </section>
+        <section class="content">
+          <div id="toolbar">
+            <div style="margin-bottom: 6px">
+              <button id="btnSearch"
+                      class="btn btn-sm btn-primary">查询</button>
+              搜索根源：
+              <select name="checkType"
+                      id="checkType">
+                <option value="1">平台号</option>
+              </select>
+            </div>
+            <textarea name="erbanNoList"
+                      id="erbanNoList"
+                      placeholder="多个搜索号请用逗号隔开"></textarea>
+
+          </div>
+          <div id="table"></div>
+
+        </section>
+
+      </div>
+    </div>
+  </section>
+  <div class="modal fade"
+       id="detailModal"
+       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">用户详细信息</h4>
+        </div>
+        <div class="modal-body">
+          <div class="detail">
+            <div class="part form-group">
+              <div class="nick">昵称: <span></span></div>
+              <div class="partitionId">地区: <span></span></div>
+              <div class="regionName">国家: <span></span></div>
+              <div class="erbanNo">平台号: <span></span></div>
+              <div class="uid">UID: <span></span></div>
+              <!--                            <div class="avatar">头像：<img src="" alt="" width="70px" height="70px"></div>-->
+            </div>
+            <div class="part form-group">
+              <div class="gender">性别: <span></span></div>
+              <div class="phoneAreaCode">手机区号: <span></span></div>
+              <div class="phone">手机: <span></span></div>
+              <div class="email">email: <span></span></div>
+              <div class="birth">出生日期: <span></span></div>
+            </div>
+            <div class="part form-group">
+              <div class="sign">签名: <span></span></div>
+              <div class="userDesc">自我描述: <span></span></div>
+            </div>
+            <div class="part form-group">
+              <div class="vipLevel">vip等级: <span></span></div>
+              <div class="exper">财富等级: <span></span></div>
+              <div class="charm">魅力等级: <span></span></div>
+            </div>
+            <div class="part form-group">
+              <div class="diamondNum">金币数: <span></span></div>
+              <!--                            <div class="crystalNum">水晶数: <span></span></div>-->
+              <div class="goldNum">钻石数: <span></span></div>
+            </div>
+            <div class="part form-group">
+              <div class="followNum">关注数: <span></span></div>
+              <div class="fansNum">粉丝数: <span></span></div>
+              <div class="defUser">账号类型: <span></span></div>
+            </div>
+            <!--                        <div class="part form-group">
+                            <div class="fortune">财富值: <span></span></div>
+                            <div class="channelType">下载渠道类型: <span></span></div>
+                        </div>-->
+            <!--                        <div class="part form-group">-->
+            <!--                            <div class="alipayAccount">支付宝: <span></span></div>-->
+            <!--                            <div class="alipayAccountName">支付宝账户名: <span></span></div>-->
+            <!--                        </div>-->
+            <!--                        <div class="part form-group">
+                            <div class="ispType">运营商: <span></span></div>
+                            <div class="netType">网络类型: <span></span></div>
+                            <div class="model">手机型号: <span></span></div>
+                        </div>-->
+            <div class="part form-group">
+              <div class="ip">最后更新ip: <span></span></div>
+              <div class="ipRegion">ip地区: <span></span></div>
+            </div>
+            <div class="part form-group">
+              <div class="model">手机型号: <span></span></div>
+              <div class="os">系统: <span></span></div>
+              <div class="deviceID">设备号: <span></span></div>
+              <div class="appVersion">版本号: <span></span></div>
+            </div>
+          </div>
+        </div>
+        <div class="modal-footer">
+          <button type="button"
+                  class="btn btn-default"
+                  data-dismiss="modal">关闭</button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="modal fade"
+       id="editModal"
+       tabindex="-1"
+       role="dialog"
+       aria-labelledby="modalLabel2" style="overflow-y: auto;">
+    <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>
+        </div>
+        <div class="modal-body">
+          <form id="editUser"
+                class="form-horizontal">
+            <input type="hidden"
+                   name="uid"
+                   id="editUid">
+            <input type="hidden"
+                   name="app"
+                   id="app">
+            <div class="form-group">
+              <label for="partitionId"
+                     class="col-sm-3 control-label">选择地区:</label>
+              <div class="col-sm-7">
+                <select name="partitionId"
+                        id="partitionId"
+                        class="form-control validate[required]"></select>
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="regionId"
+                     class="col-sm-3 control-label">选择国家:</label>
+              <div class="col-sm-7">
+                <select name="regionId"
+                        id="regionId"
+                        class="form-control validate[required]"></select>
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="editNick"
+                     class="col-sm-3 control-label">昵称:</label>
+              <div class="col-sm-7">
+                <input type="text"
+                       class="form-control validate[required]"
+                       name="nick"
+                       id="editNick">
+              </div>
+              <button class="btn btn-warning col-sm-2"
+                      type="button"
+                      id="default_nick">恢复默认</button>
+            </div>
+            <div class="form-group">
+              <label for="editGender"
+                     class="col-sm-3 control-label">性别:</label>
+              <div class="col-sm-8">
+                <select name="gender"
+                        class="form-control"
+                        id="editGender">
+                  <option value="1">男</option>
+                  <option value="2">女</option>
+                </select>
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="editPhone"
+                     class="col-sm-3 control-label">手机号:</label>
+              <div class="col-sm-3 control-label">
+                <select name="phoneAreaCode"
+                        id="phoneAreaCode"
+                        class="form-control validate[required]"></select>
+              </div>
+              <div class="col-sm-5 control-label">
+                <input type="text"
+                       class="form-control"
+                       name="editPhone"
+                       id="editPhone">
+                <a href="javascript:void(0)"
+                   id="removePhone">解绑</a>
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="editEmail"
+                     class="col-sm-3 control-label">邮箱:</label>
+              <div class="col-sm-8 control-label">
+                <input type="text"
+                       class="form-control"
+                       name="editEmail"
+                       id="editEmail">
+                <a href="javascript:void(0)"
+                   id="removeEmail">解绑</a>
+              </div>
+            </div>
+            <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:70px;"
+                     alt="">
+                <input type="file"
+                       id="addUploadFile"
+                       name="uploadFile"
+                       accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
+                <button class="btn btn-success"
+                        type="button"
+                        id="editUploadBtn">上传</button>
+                <button class="btn btn-warning"
+                        type="button"
+                        id="default_avatar">恢复默认</button>
+                <input type="hidden"
+                       id="editAvatar"
+                       name="avatar"
+                       class="form-control validate[required]" />
+              </div>
+            </div>
+            <!--                        <div class="form-group">-->
+            <!--                            <label for="alipayAccount" class="col-sm-3 control-label">支付宝账号 :</label>-->
+            <!--                            <div class="col-sm-8">-->
+            <!--                                <input type="text" class="form-control" name="alipayAccount" id="alipayAccount">-->
+            <!--                            </div>-->
+            <!--                        </div>-->
+            <!--                        <div class="form-group">-->
+            <!--                            <label for="alipayAccountName" class="col-sm-3 control-label">支付宝账户名:</label>-->
+            <!--                            <div class="col-sm-8">-->
+            <!--                                <input type="text" class="form-control" name="alipayAccountName" id="alipayAccountName">-->
+            <!--                            </div>-->
+            <!--                        </div>-->
+
+            <div class="form-group">
+              <label for="editDefUser"
+                     class="col-sm-3 control-label">账号类型:</label>
+              <div class="col-sm-8">
+                <select name="defUser"
+                        class="form-control"
+                        id="editDefUser">
+                  <option value="1">普通账号</option>
+                  <option value="2">官方账号</option>
+                  <option value="3">机器账号</option>
+                  <option value="4">工会账号</option>
+                </select>
+              </div>
+            </div>
+
+            <!-- <div class="form-group">
+              <label for="editDefUser"
+                     class="col-sm-3 control-label">财富等级:</label>
+              <div class="col-sm-8" style="display: flex;align-items: center;">
+                <p class="experLevelName" style="margin:0 10px 0 0 !important"></p>
+                <button class="btn btn-warning"
+                        type="button"
+                        id="modifyWealthLevelBtn">修改</button>
+              </div>
+            </div>
+
+            <div class="form-group">
+              <label for="editDefUser"
+                     class="col-sm-3 control-label">魅力等级:</label>
+              <div class="col-sm-8" style="display: flex;align-items: center;">
+                <p class="charmLevelName" style="margin:0 10px 0 0 !important"></p>
+                <button class="btn btn-warning"
+                        type="button"
+                        id="modifyCharmLevelBtn">修改</button>
+              </div>
+            </div> -->
+
+            <div class="form-group">
+              <label for="alipayAccountName"
+                     class="col-sm-3 control-label">简介:</label>
+              <div class="col-sm-8">
+                <input type="text"
+                       class="form-control"
+                       name="userDesc"
+                       id="userDesc">
+              </div>
+            </div>
+
+            <div class="form-group">
+              <label class="col-sm-3 control-label">相册:</label>
+              <table class="table table-bordered table-hover"
+                     id="photoTable">
+                <tbody id="photoTbody">
+
+                </tbody>
+              </table>
+            </div>
+            <div class="form-group">
+              <label class="col-sm-3 control-label">添加相册:</label>
+              <div class="col-sm-8">
+                <img src=""
+                     id="picUrl"
+                     style="width:70px;height:70px;"
+                     alt="">
+                <input type="file"
+                       id="uploadPhotoFile"
+                       name="uploadPhotoFile"
+                       accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
+                <button class="btn btn-success"
+                        type="button"
+                        id="uploadPicBtn">上传</button>
+                <input type="hidden"
+                       class="form-control validate[required]"
+                       name="imgUrl"
+                       id="imgUrl"
+                       style="width:400px">
+              </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"
+                         checked>是</label>
+                <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="msgDiv">
+                <textarea type="text"
+                          class="form-control"
+                          name="msg"
+                          id="msg"
+                          maxlength="100"
+                          placeholder="请填写通知内容，100字符内"></textarea>
+              </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="editSave">保存</button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="modal fade"
+       id="resetPasswdModal"
+       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">重置密码</h4>
+        </div>
+        <div class="modal-body">
+          <form id="resetPasswdForm"
+                class="form-horizontal">
+            <input type="hidden"
+                   name="uid"
+                   id="resetPasswdUid">
+            <div class="form-group">
+              <label for="resetPasswdNick"
+                     class="col-sm-3 control-label">昵称:</label>
+              <div class="col-sm-8">
+                <input type="text"
+                       class="form-control"
+                       name="nick"
+                       id="resetPasswdNick"
+                       disabled>
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="resetPasswdErbanNo"
+                     class="col-sm-3 control-label">平台号:</label>
+              <div class="col-sm-8">
+                <input type="text"
+                       class="form-control"
+                       name="erbanNo"
+                       id="resetPasswdErbanNo"
+                       disabled>
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="resetPasswdNewPasswd"
+                     class="col-sm-3 control-label">新密码 :</label>
+              <div class="col-sm-8">
+                <input type="text"
+                       class="form-control"
+                       name="password"
+                       id="resetPasswdNewPasswd">
+              </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="resetPasswdSave">保存</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- 修改财富等级 -->
+    <div class="modal fade"
+       id="resetWealthLevel"
+       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"></h4>
+        </div>
+        <div class="modal-body">
+          <form 
+                class="form-horizontal">
+            <input type="hidden"
+                   name="uid"
+                   id="resetWealthLevelUid">
+             <div class="form-group">
+              <label 
+                     class="col-sm-3 control-label" style="padding-top: 2px;">当前等级 :</label>
+              <div class="col-sm-8">
+                <label id="experLevelNameTxt"></label>
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="resetPasswdNewPasswd"
+                     class="col-sm-3 control-label">更改等级 :</label>
+              <div class="col-sm-8">
+                <input type="text"
+                       class="form-control"
+                       id="resetNewWealthLevel">
+              </div>
+              <div class="col-sm-12 control-label tip" style="text-align: center;">(更改等级之后财富等级会变为该等级的起始值)</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="resetExperLevelNameSave">保存</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+
+
+  <div class="modal fade"
+       id="tipModal"
+       tabindex="-1"
+       role="dialog"
+       aria-labelledby="modalLabel">
+    <div class="modal-dialog"
+         role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h4 class="modal-title">提示信息</h4>
+        </div>
+        <div class="modal-body"
+             id="tipMsg"></div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import TableHelper from '@/utils/bootstrap-table-helper';
+import { listAll } from '@/api/partition/partitionInfo';
+import { buildSelectOption } from '@/utils/system-helper';
+
+export default {
+  name: "UserCheckAdminViewSuper",
+  data () {
+    return {
+      partitionInfos: [],
+      phoneAreaCodes: [],
+    };
+  },
+  setup () {
+    function delPhoto (obj) {
+      var tr = $(obj).parent().parent();
+      tr.remove();
+    }
+    window.delPhoto = delPhoto;
+    return {
+      delPhoto
+    };
+  },
+  created () {
+    this.$nextTick(function () {
+      this.initPartition();
+      this.initPhoneAreaCode();
+      this.initData();
+
+      const $this = this;
+      $("#partitionId").on("change", function () {
+        var selectedValue = $(this).val();
+        $this.initRegionInfo(selectedValue);
+      });
+
+    });
+  },
+  methods: {
+    initData () {
+      let $this = this;
+      $(function () {
+        $('#table').bootstrapTable('destroy');
+        $('#table').bootstrapTable({
+          cache: false,
+          striped: true,
+          showRefresh: false,
+          pageSize: 10,
+          pagination: true,
+          pageList: [10, 20, 30, 50],
+          sidePagination: "client", //表示服务端请求
+          //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+          //设置为limit可以获取limit, offset, search, sort, order
+          queryParamsType: "undefined",
+          queryParams: function queryParams (params) {   //设置查询参数
+            var param = {
+              pageSize: params.pageSize,
+              pageNumber: params.pageNumber,
+              erbanNoList: $('#erbanNoList').val(),
+              type: $('#checkType').val()
+            };
+            //                console.log(param);
+            return param;
+          },
+          uniqueId: 'code',
+          toolbar: '#toolbar',
+          url: '/admin/superCenter/userList',
+          onLoadSuccess: function (data) {//加载成功时执行
+            console.log(data);
+            if (data.code !== 200) {
+              $("#tipMsg").text("数据加载失败 " + data.message);
+              $("#tipModal").modal('show');
+            }
+            console.log("load success");
+          },
+          onLoadError: function () {  //加载失败时执行
+            console.log("load fail");
+          },
+          columns: [
+            { field: 'account.erbanNo', title: '平台号', align: 'center', valign: 'middle' },
+            {
+              field: 'users.avatar',
+              title: '头像',
+              align: 'center',
+              valign: 'middle',
+              formatter: function (val, row, index) {
+                return "<img src='" + val + "' width='40' height='40'>";
+              }
+            },
+            { field: 'users.nick', title: '用户昵称', align: 'center', valign: 'middle' },
+            { field: 'users.phoneAreaCode', title: '区号', align: 'center', valign: 'middle' },
+            { field: 'users.phone', title: '手机号', align: 'center', valign: 'middle' },
+            { field: 'users.email', title: '邮箱', align: 'center', valign: 'middle' },
+            { field: 'users.userDesc', title: '简介', align: 'center', valign: 'middle' },
+            {
+              field: 'users.partitionId',
+              title: '地区',
+              align: 'center',
+              valign: 'middle',
+              formatter: function (val, row, index) {
+                let value = '';
+                let partitions = $this.partitionInfos.filter(v => v.id == val);
+                if (val && partitions.length > 0) {
+                  value = partitions[0].desc;
+                }
+                return value;
+              }
+            },
+            { field: 'regionName', title: '国家', align: 'center', valign: 'middle' },
+            {
+              field: '', title: '是否实名认证', align: 'center', valign: 'middle',
+              formatter: function (val, row, index) {
+                if (row.users.idCardNum && row.users.realName) {
+                  return '是';
+                } else {
+                  return '否';
+                }
+              }
+            },
+            {
+              field: 'privatePhoto',
+              title: '相册',
+              align: 'center',
+              width: '10%',
+              valign: 'middle',
+              formatter: function (val, row, index) {
+                var photoUrl = '';
+                val.forEach(function (item, index) {
+                  photoUrl += "<img src='" + item.photoUrl + "' width='70' height='70'>";
+                });
+                return photoUrl;
+              }
+            },
+
+            { field: 'userPurseVo.diamonds', title: '金币数', align: 'center', valign: 'middle' },
+            { field: 'userPurseVo.golds', title: '钻石数', align: 'center', valign: 'middle' },
+            {
+              field: 'users.birth',
+              title: '用户出生日期',
+              align: 'center',
+              valign: 'middle',
+              formatter: function (val, row, index) {
+                if (val) {
+                  var date = new Date(val);
+                  return date.format("yyyy-MM-dd");
+                } else {
+                  return '-';
+                }
+              }
+            },
+            {
+              field: 'users.gender',
+              title: '性别',
+              align: 'center',
+              valign: 'middle',
+              formatter: function (val, row, index) {
+                if (val == 1) {
+                  return '男';
+                } else {
+                  return '女';
+                }
+              }
+            },
+            // { field: 'users.alipayAccount', title: '支付宝账号', align: 'center', valign: 'middle' },
+            // { field: 'users.alipayAccountName', title: '支付宝账户名', align: 'center', valign: 'middle' },
+            {
+              field: 'users.userVipInfoVO',
+              title: 'vip等级',
+              align: 'center',
+              valign: 'middle',
+              formatter: function (val, row, index) {
+                if (!val) {
+                  return 0
+                } else {
+                  return val.vipLevel;
+                }
+              }
+            },
+            {
+              field: 'users.userLevelVo',
+              title: '财富等级(经验值)',
+              align: 'center',
+              valign: 'middle',
+              formatter: function (val, row, index) {
+                return val.experLevelName + '(' + val.experAmount + ')';
+              }
+            },
+            {
+              field: 'users.userLevelVo',
+              title: '魅力等级(魅力值)',
+              align: 'center',
+              valign: 'middle',
+              formatter: function (val, row, index) {
+                return val.charmLevelName + '(' + val.charmAmount + ')';
+              }
+            },
+            {
+              field: 'users.defUser',
+              title: '账号类型',
+              align: 'center',
+              valign: 'middle',
+              formatter: function (val, row, index) {
+                switch (val) {
+                  case 1:
+                    return '普通账号';
+                  case 2:
+                    return '官方账号';
+                  case 3:
+                    return '机器账号';
+                  case 4:
+                    return '工会账户';
+                }
+              }
+            },
+            {
+              field: 'users.createTime',
+              title: '创建时间',
+              align: 'center',
+              valign: 'middle',
+              formatter: function (val, row, index) {
+                if (val) {
+                  var date = new Date(val);
+                  return date.format("yyyy-MM-dd hh:mm:ss");
+                } else {
+                  return '-';
+                }
+              }
+            },
+            { field: 'users.inviteCode', title: '所属邀请码', align: 'center', valign: 'middle' },
+          ]
+        })
+        $('#btnSearch').on('click', function () {
+          TableHelper.doRefresh('#table');
+        })
+
+        $('#table').on('click', '.opt-detail', function () {
+          console.log($(this).data('id'));
+          clearDetailModal();
+          //清除个人相册
+          $("#userpriphos").val("");
+          $.ajax({
+            url: '/admin/userCheckAdmin/getOne',
+            type: 'post',
+            data: {
+              uid: $(this).data('id')
+            },
+            dataType: 'json',
+            success: function (res) {
+              if (res.code == 200) {
+                var purse = res.data.userPurseVo;
+                var users = res.data.users;
+                var loginRecord = res.data.accountLoginRecord;
+                if (users) {
+                  $('.nick span').html(users.nick);
+                  $('.erbanNo span').html(users.erbanNo);
+                  $('.uid span').html(users.uid);
+                  $('.regionName span').html(res.data.regionName);
+
+                  if (users.gender == 1) {
+                    $('.gender span').html('男');
+                  } else {
+                    $('.gender span').html('女');
+                  }
+                  $('.phone span').html(users.phone);
+                  var birthDate = users.birth ? new Date(users.birth).format('yyyy-MM-dd') : '';
+                  $('.birth span').html(birthDate);
+                  $('.email span').html(users.email);
+
+                  $('.sign span').html(users.signture);
+                  //$('.userVoice span').html(users.userVoice);
+
+                  $('.userDesc span').html(users.userDesc);
+
+                  const vipLevel = users.userVipInfoVO ? users.userVipInfoVO.vipLevel : 0;
+                  $('.vipLevel span').html(vipLevel)
+
+                  const experDesc = users.userLevelVo.experLevelName + '(' + users.userLevelVo.experAmount + ')'
+                  $('.exper span').html(experDesc)
+                  const charmDesc = users.userLevelVo.charmLevelName + '(' + users.userLevelVo.charmAmount + ')'
+                  $('.charm span').html(charmDesc)
+
+                  $('.diamondNum span').html(purse.diamonds);
+                  //$('.crystalNum span').html(purse.crystals);
+                  $('.goldNum span').html(purse.golds);
+
+                  $('.followNum span').html(users.followNum);
+                  $('.fansNum span').html(users.fansNum);
+                  switch (users.defUser) {
+                    case 1:
+                      $('.defUser span').html('普通账号');
+                      break;
+                    case 2:
+                      $('.defUser span').html('官方账号');
+                      break;
+                    case 3:
+                      $('.defUser span').html('机器账号');
+                      break;
+                    case 4:
+                      $('.defUser span').html('工会账号');
+                      break;
+                  }
+
+                  /*$('.fortune span').html(users.fortune);
+                  $('.channelType span').html(users.channel);*/
+
+                  /*$('.alipayAccount span').html(users.alipayAccount);
+                  $('.alipayAccountName span').html(users.alipayAccountName);*/
+                  if (loginRecord) {
+                    /*$('.ispType span').html(loginRecord.ispType);
+                    $('.netType span').html(loginRecord.netType);*/
+                    $('.ip span').html(loginRecord.loginIp);
+                    $('.ipRegion span').html(loginRecord.loginIpRegion);
+                    $('.model span').html(loginRecord.model);
+                    $('.os span').html(loginRecord.os);
+                    $('.deviceID span').html(loginRecord.deviceId);
+                    $('.appVersion span').html(loginRecord.appVersion);
+                  } else {
+                    /*$('.ispType span').html(users.ispType);
+                    $('.netType span').html(users.netType);*/
+                    $('.ip span').html(users.loginIp);
+                    $('.ipRegion span').html(users.loginIpRegion);
+                    $('.model span').html(users.model);
+                    $('.os span').html(users.os);
+                    $('.deviceID span').html(users.deviceId);
+                    $('.appVersion span').html(users.appVersion);
+                  }
+                  let partitionDesc = '';
+                  let partitionId = users.partitionId;
+                  let partitions = $this.partitionInfos.filter(v => v.id == partitionId);
+                  if (partitions.length > 0) {
+                    partitionDesc = partitions[0].desc;
+                  }
+                  $('.partitionId span').html(partitionDesc);
+
+                  $('#detailModal').modal('show');
+                } else {
+                  $("#tipMsg").text("不存在用户详细信息，原因：该用户资料未补全");
+                  $("#tipModal").modal('show');
+                }
+
+              }
+
+            }
+          })
+
+        })
+        function clearDetailModal () {
+          $('#detailModal span').html('');
+        }
+
+        $('#uploadPicBtn').on('click', function () {
+          if (!$('#uploadPhotoFile').val()) {
+            $("#tipMsg").text("请选择上传图片");
+            $("#tipModal").modal('show');
+            return;
+          }
+          var options = {
+            type: 'post',
+            url: '/admin/userCheckAdmin/upload/photo',
+            dataType: 'json',
+            success: function (json) {
+              if (json.path) {
+                $('#imgUrl').val(json.path);
+                $('#picUrl').attr('src', json.path);
+                var trHtml = '<tr><td style="text-align:center;"><img src="' + json.path + '" width="100" height="100" class="photoImgUrl"></td>' +
+                  '<td><button class="btn btn-danger" type="button" onclick="delPhoto(this)">删除</button></td></tr>';
+                $('#photoTbody').append(trHtml);
+              } else {
+                $('#tipMsg').text(json.msg);
+                $('#tipModal').modal('show');
+              }
+            }
+          }
+          $("#editUser").ajaxSubmit(options);
+        });
+
+        $('#table').on('click', '.opt-edit', function () {
+          $('#imgUrl').val('');
+          $('#picUrl').attr('src', '');
+          $('#uploadPhotoFile').val('');
+          $("#notSend").prop("checked", true);
+          $('#msg').val('');
+          $('#msgDiv').show();
+          $.ajax({
+            url: '/admin/userCheckAdmin/getOne',
+            type: 'post',
+            data: {
+              uid: $(this).data('id')
+            },
+            dataType: 'json',
+            success: function (res) {
+              if (res.code == 200) {
+
+                var users = res.data.users;
+                var account = res.data.account;
+                var nick = users ? users.nick : '';
+                var avatar = users ? users.avatar : '';
+                var gender = users ? users.gender : 1;
+                var defUser = users ? users.defUser : 1;
+                const partitionId = users.partitionId;
+                const regionId = users.regionId;
+                $this.initRegionInfo(partitionId, regionId)
+
+                $('#editNick').val(nick);
+                $('#phoneAreaCode').val(users.phoneAreaCode);
+                $('#editPhone').val(users.phone);
+                $('#editEmail').val(users.email);
+                $('#addImgUrl').attr('src', avatar);
+                $('#editAvatar').val(avatar);
+                $('#editGender').val(gender);
+                $('#editUid').val(users.uid);
+                $('#editDefUser').val(defUser);
+                $("#alipayAccount").val(users.alipayAccount);
+                $("#alipayAccountName").val(users.alipayAccountName);
+                $("#app").val(users.currentApp);
+                $("#userDesc").val(users.userDesc);
+                $('#partitionId').val(partitionId);
+
+                const experDesc = users.userLevelVo.experLevelName + '(' + users.userLevelVo.experAmount + ')'
+                  $('.experLevelName').html(experDesc)
+                  const charmDesc = users.userLevelVo.charmLevelName + '(' + users.userLevelVo.charmAmount + ')'
+                  $('.charmLevelName').html(charmDesc)
+                // 财富等级修改按钮
+                $('#modifyWealthLevelBtn').attr('experLevelName',users.userLevelVo.experLevelName)
+                $('#modifyWealthLevelBtn').attr('uid',users.uid)
+                // 魅力等级修改按钮
+                $('#modifyCharmLevelBtn').attr('charmLevelName',users.userLevelVo.charmLevelName)
+                $('#modifyCharmLevelBtn').attr('uid',users.uid)
+                  
+
+                var privatePhoto = res.data.privatePhoto;
+                var $photos = $('#photoTbody');
+                $photos.html("");
+                $.each(privatePhoto, function (i, item) {
+                  var $photo = $('<tr><td style="text-align:center;"><img src="' + item.photoUrl + '" width="100" height="100" class="photoImgUrl"></td>' +
+                    '<td><button class="btn btn-danger" type="button" onclick="delPhoto(this)">删除</button></td></tr>');
+                  $photos.append($photo);
+                });
+
+              }
+              $('#editModal').modal('show');
+            }
+          })
+        })
+
+        /**
+         * 重置密码
+         */
+        $('#table').on('click', '.opt-resetPasswd', function () {
+          $('#resetPasswdUid').val($(this).data('id'));
+          $('#resetPasswdNick').val('');
+          $('#resetPasswdErbanNo').val('');
+          $('#resetPasswdNewPasswd').val('');
+          $.ajax({
+            url: '/admin/userCheckAdmin/getOne',
+            type: 'post',
+            data: {
+              uid: $(this).data('id')
+            },
+            dataType: 'json',
+            success: function (res) {
+              if (res.code == 200) {
+
+                var users = res.data.users;
+                var nick = users ? users.nick : '';
+                var erbanNo = users ? users.erbanNo : '';
+
+                $('#resetPasswdNick').val(nick);
+                $('#resetPasswdErbanNo').val(erbanNo);
+              }
+              $('#resetPasswdModal').modal('show');
+            }
+          })
+        })
+
+        /**
+         * 关闭青少年模式
+         */
+        $('#table').on('click', '.opt-closeParentMode', function () {
+          debugger;
+          $.ajax({
+            url: '/admin/userCheckAdmin/closeUserParentModeByAdmin',
+            type: 'get',
+            data: {
+              uid: $(this).data('id'),
+              password: $(this).data('password'),
+              status: 0,
+            },
+            dataType: 'json',
+            success: function (res) {
+              if (res.code == 200) {
+                $("#tipMsg").text("操作成功");
+              } else {
+                $("#tipMsg").text("操作失败");
+              }
+              $("#tipModal").modal('show');
+            }
+          })
+        })
+
+        $('#resetPasswdSave').on('click', function () {
+          if ($('#resetPasswdForm').validationEngine('validate')) {
+            if (!/^(?=.*\d)(?=.*[A-z]).{6,16}$/.test($('#resetPasswdNewPasswd').val())) {
+              $("#tipMsg").text("保存失败，密码必须包括字母和数字，长度为6到16");
+              $("#tipModal").modal('show');
+              return;
+            }
+            $.ajax({
+              type: "post",
+              url: "/admin/account/resetPassword",
+              data: {
+                uid: $('#resetPasswdUid').val(),
+                password: $('#resetPasswdNewPasswd').val()
+              },
+              dataType: 'json',
+              success: function (res) {
+                if (res.code == 200) {
+                  $("#resetPasswdModal").modal('hide');
+                  $("#tipMsg").text("保存成功");
+                  $("#tipModal").modal('show');
+                  TableHelper.doRefresh("#table");
+                } else {
+                  $("#tipMsg").text("保存失败，错误码：" + res.code);
+                  $("#tipModal").modal('show');
+                }
+              }
+            })
+          }
+        })
+
+        $('#removePhone').on('click', function () {
+          $.ajax({
+            type: "post",
+            url: "/admin/userCheckAdmin/removePhone",
+            data: {
+              uid: $('#editUid').val()
+            },
+            dataType: 'json',
+            success: function (res) {
+              if (res.code == 200) {
+                $("#tipMsg").text("解绑成功");
+                $("#tipModal").modal('show');
+                $('#editPhone').html(res.data.phone);
+
+                TableHelper.doRefresh('#table');
+              } else {
+                $("#tipMsg").text("解绑失败");
+                $("#tipModal").modal('show');
+              }
+            }
+          })
+        })
+        $('#editSave').on('click', function () {
+          var userDesc = $("#userDesc").val();
+          if (userDesc && userDesc.length > 60) {
+            $("#tipMsg").text("简介文字过长");
+            $("#tipModal").modal('show');
+            return;
+          }
+          var photoUrls = '';
+          var list = $('#photoTable').find($('.photoImgUrl'));
+          var size = list ? list.length : 0;
+          if (size > 8) {
+            $("#tipMsg").text("最多只能上传8张照片");
+            $("#tipModal").modal('show');
+            return;
+          }
+          for (var i = 0; i < size; i++) {
+            photoUrls += list[i].src + ',';
+          }
+          var sendMsg = $('input[name="sendMsg"]:checked').val();
+
+          if (sendMsg == 1 && !$("#msg").val()) {
+            $("#tipMsg").text("请填写通知内容");
+            $("#tipModal").modal('show');
+            return;
+          }
+
+          if ($('#editUser').validationEngine('validate')) {
+            $.ajax({
+              type: "post",
+              url: "/admin/userCheckAdmin/saveUser",
+              data: {
+                nick: $('#editNick').val(),
+                gender: $('#editGender').val(),
+                avatar: $('#editAvatar').val(),
+                uid: $('#editUid').val(),
+                phoneAreaCode: $('#phoneAreaCode').val(),
+                phone: $('#editPhone').val(),
+                email: $('#editEmail').val(),
+                defUser: $('#editDefUser').val(),
+                alipayAccount: $('#alipayAccount').val(),
+                alipayAccountName: $('#alipayAccountName').val(),
+                userDesc: $("#userDesc").val(),
+                photoUrls: photoUrls,
+                msg: $("#msg").val(),
+                sendMsg: sendMsg,
+                partitionId: $('#partitionId').val(),
+                regionId: $('#regionId').val()
+              },
+              dataType: 'json',
+              success: function (res) {
+                if (res.code == 200) {
+                  //                            $('#erbanNoList').val('');
+                  $("#editModal").modal('hide');
+                  $("#tipMsg").text("保存成功");
+                  $("#tipModal").modal('show');
+                  TableHelper.doRefresh("#table");
+                } else if (res.code == 1600) {
+                  $("#tipMsg").text("保存失败，错误码：" + res.code + "，无法寻找用户资料，请确认该用户资料是否补全或存在");
+                  $("#tipModal").modal('show');
+                } else if (res.code == 999) {
+                  $("#tipMsg").text("保存失败，错误码：" + res.code + "，该平台号已被占用");
+                  $("#tipModal").modal('show');
+                } else if (res.code == 4002) {
+                  $("#tipMsg").text("保存失败，错误码：" + res.code + "，该手机号已被占用");
+                  $("#tipModal").modal('show');
+                } else {
+                  $("#tipMsg").text("保存失败，" + res.message);
+                  $("#tipModal").modal('show');
+                }
+              }
+            })
+          }
+        })
+        $('#editUploadBtn').on('click', function () {
+          //判断图片的大小
+          var file = $('#addUploadFile')[0];
+          if (file != undefined && file != "") {
+            var fileSize = file.files[0].size; //获得文件大小；
+            console.log(fileSize);
+            if (fileSize > 5242880) {
+              $("#tipMsg").text("当前图片大于5M,请重新选择");
+              $("#tipModal").modal('show');
+              return
+            }
+          }
+          var options = {
+            fileElementId: 'addUploadFile',    //需要上传的文件域的ID，即<input type="file">的ID。
+            type: 'post',
+            url: '/admin/upload/img',
+            dataType: 'json',
+            success: function (json) {
+              if (json.path) {
+                $('#editAvatar').val(json.path);
+                $('#addImgUrl').attr("src", json.path);
+                console.log(json.path);
+              } else {
+                $("#tipMsg").text(json.msg);
+                $("#tipModal").modal('show');
+              }
+            }
+          }
+          $("#editUser").ajaxSubmit(options);
+        })
+        $('#default_nick').on('click', function () {
+
+          $.ajax({
+            type: "post",
+            url: "/admin/userCheckAdmin/getDefaultNick",
+            data: {
+              app: $('#app').val()
+            },
+            dataType: 'json',
+            success: function (res) {
+              if (res.code == 200) {
+                $("#editNick").val(res.data);
+              }
+            }
+          })
+        })
+        $('#default_avatar').on('click', function () {
+
+          $.ajax({
+            type: "post",
+            url: "/admin/userCheckAdmin/getDefaultAvatar",
+            data: {
+              app: $('#app').val()
+            },
+            dataType: 'json',
+            success: function (res) {
+              if (res.code == 200) {
+                $("#addImgUrl").attr("src", res.data);
+                $("#editAvatar").val(res.data);
+              }
+            }
+          })
+        })
+
+        $('input[name="sendMsg"]').change(function () {
+          if ($("#needSend").is(":checked")) {
+            $('#msgDiv').show();
+          } else if ($("#notSend").is(":checked")) {
+            $('#msgDiv').hide();
+          }
+        });
+
+        // 财富等级 - 打开弹窗
+        $('#modifyWealthLevelBtn').on('click', function () {
+          let experLevelName = $(this).attr('experLevelName');
+           $('#resetWealthLevelUid').val($(this).attr('uid'));
+          $('#experLevelNameTxt').html(experLevelName);
+          $('#resetWealthLevel .modal-title').html('财富等级修改');
+          $('#resetWealthLevel .tip').html('(更改等级之后财富等级会变为该等级的起始值)');
+          $('#resetExperLevelNameSave').attr('type',2);
+           $('#resetWealthLevel').modal('show');
+        })
+
+        // 魅力等级 - 打开弹窗
+        $('#modifyCharmLevelBtn').on('click', function () {
+          let experLevelName = $(this).attr('charmLevelName');
+           $('#resetWealthLevelUid').val($(this).attr('uid'));
+          $('#experLevelNameTxt').html(experLevelName);
+          $('#resetWealthLevel .modal-title').html('魅力等级修改');
+          $('#resetWealthLevel .tip').html('(更改等级之后魅力等级会变为该等级的起始值)');
+          $('#resetExperLevelNameSave').attr('type',1);
+           $('#resetWealthLevel').modal('show');
+        })
+
+        // 修改财富等级
+        $('#resetExperLevelNameSave').on('click', function () {
+          let type = $(this).attr('type');
+            $.ajax({
+              type: "post",
+              url: "/userExpChange/change",
+              data: {
+                uid: $('#resetWealthLevelUid').val(),
+                newLevelSeq : $('#resetNewWealthLevel').val(),
+                type
+              },
+              dataType: 'json',
+              success: function (res) {
+                if (res.code == 200) {
+                  $("#editModal").modal('hide');
+                  $("#resetWealthLevel").modal('hide');
+                  $("#tipMsg").text("保存成功");
+                  $("#tipModal").modal('show');
+                  TableHelper.doRefresh("#table");
+                  $('#resetNewWealthLevel').val('');
+                } else {
+                  $("#tipMsg").text("保存失败，错误码：" + res.code);
+                  $("#tipModal").modal('show');
+                }
+              }
+            })
+        })
+
+        // // 子模态框关闭后恢复父模态框的滚动能力
+        // $('#resetWealthLevel').on('hidden.bs.modal', function () {
+        //   // 确保父模态框仍然可滚动
+        //   setTimeout(function() {
+        //     $('#editModal').style.overflow = 'auto';
+        //   }, 0);
+        // });
+
+        
+
+
+      })
+
+    },
+    initPartition () {
+      listAll().then(res => {
+        let data = res.data;
+        this.partitionInfos = data;
+        buildSelectOption(
+          "#partitionId",
+          null,
+          data.map((v) => {
+            return {
+              value: v.id,
+              text: v.desc,
+            };
+          })
+        );
+      });
+    },
+    initRegionInfo (partitionId, regionId) {
+      const regionSelect = $("#regionId");
+      $.ajax({
+        type: "get",
+        url: "/admin/regionInfo/listByPartitionId",
+        data: { partitionId: partitionId, containAll: false },
+        dataType: "json",
+        beforeSend: function () {
+          regionSelect.prop("disabled", true);
+        },
+        success: function (res) {
+          if (res.code !== 200) {
+            //报错
+            throw new Error(res);
+          }
+          regionSelect.empty();
+          for (var i = 0; i < res.data.length; i++) {
+            const regionInfo = res.data[i];
+            const option = $("<option>", { text: regionInfo.name, value: regionInfo.id, selected: regionId && regionId === regionInfo.id });
+            regionSelect.append(option);
+          }
+        },
+        error: function (err) {
+          console.log(err);
+          $("#tipMsg").text("获取手机区号失败，错误码：");
+          $("#tipModal").modal('show');
+        },
+        complete: function () {
+          regionSelect.prop("disabled", false);
+        }
+      })
+    },
+    initPhoneAreaCode () {
+      $.ajax({
+        type: "get",
+        url: "/admin/userCheckAdmin/listPhoneAreaCode",
+        dataType: "json",
+        success: function (res) {
+          let data = res.data;
+          this.phoneAreaCodes = data;
+          buildSelectOption(
+            "#phoneAreaCode",
+            null,
+            data.map((v) => {
+              return {
+                value: v.phoneAreaCode,
+                text: v.phoneAreaCode + "(" + v.desc + ")",
+              };
+            })
+          );
+        }
+      });
+    },
+  },
+
+};
+</script>
+
+<style scoped>
+.pull-left {
+  width: 100%;
+}
+
+#toolbar textarea {
+  overflow: hidden;
+  resize: none;
+  width: 100%;
+  box-sizing: border-box;
+  padding: 4px;
+  height: 100px;
+  line-height: 20px;
+}
+
+#detailModal .part {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+#removePhone,
+#editPhone {
+  display: block;
+  text-align: left;
+}
+
+#btnSearch {
+  margin-right: 12px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/superCenter/VipGiveSuper.vue b/src/views/superCenter/VipGiveSuper.vue
index ce62ef8..30707b4 100644
--- a/src/views/superCenter/VipGiveSuper.vue
+++ b/src/views/superCenter/VipGiveSuper.vue
@@ -125,6 +125,10 @@ export default {
           {
             vipLevel:3, 
             vipName: "VIP3"
+          },
+          {
+            vipLevel:4, 
+            vipName: "VIP4"
           }
         ],
         value2: "",
diff --git a/src/views/superCenter/towPageBannerViewSuper.vue b/src/views/superCenter/towPageBannerViewSuper.vue
new file mode 100644
index 0000000..a9eee69
--- /dev/null
+++ b/src/views/superCenter/towPageBannerViewSuper.vue
@@ -0,0 +1,1197 @@
+<template>
+  <section class="content">
+    <div class="box box-primary">
+      <div class="box-body">
+        <section class="content-header">
+          <h1 id="itemTitle"></h1>
+        </section>
+        <section class="content">
+          <div id="table"></div>
+          <div id="toolbar">
+           
+            <button id="btnSearch"
+                    class="btn btn-sm btn-primary">查询</button>
+
+            <button id="add"
+                    class="btn btn-default">
+              <i class="glyphicon glyphicon-plus"></i>增加
+            </button>
+
+            <button id="btnMultiDel"
+                    class="btn btn-default">
+              <i class="glyphicon"></i>删除选中
+            </button>
+            <div class="text">banner尺寸"690*236</div>
+          </div>
+        </section>
+      </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-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>
+        </div>
+        <div class="modal-body">
+          <form class="form-horizontal"
+                id="bannerForm">
+            <div class="form-group">
+              <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" />
+              </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>
+                <span class="attention">注意:图片尺寸请注意在750*250,选择图片后请点击上传按钮</span>
+                <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="2">Room ID</option>
+                <option value="100">无跳转</option>
+              </select>
+              <div class="col-sm-6" id="SkipUrlInput">
+                <input type="text"
+                       class="form-control"
+                       name="skipUri"
+                       id="skipUrlContent"
+                       onkeydown="return event.key !== ' '"
+                       oninput="this.value = this.value.replace(/\s+/g, '')" />
+              </div>
+            </div>
+            <div class="form-group">
+              <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>
+          </form>
+        </div>
+        <div class="modal-footer">
+          <button type="button"
+                  class="btn btn-default"
+                  data-dismiss="modal">
+            关闭
+          </button>
+          <button type="button"
+                  class="btn btn-primary"
+                  id="save">保存</button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="modal fade"
+       id="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>
+        </div>
+        <div class="modal-body">
+          <form id="addBannerForm"
+                class="form-horizontal">
+            <div class="form-group">
+              <label for="addName"
+                     class="col-sm-3 control-label">Banner名字:</label>
+              <div class="col-sm-8">
+                <input type="text"
+                       class="form-control"
+                       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"
+                       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="2">Room ID</option>
+                <option value="100">无跳转</option>
+              </select>
+              <div class="col-sm-6" id="addSkipUrlInput">
+                <input type="text"
+                       class="form-control"
+                       name="skipUri"
+                       id="addSkipUrlContent"
+                       onkeydown="return event.key !== ' '"
+                       oninput="this.value = this.value.replace(/\s+/g, '')" />
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="addStartDate"
+                     class="col-sm-3 control-label">起始时间:</label>
+              <div class="col-sm-8">
+                <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>
+              <div class="col-sm-8">
+                <input id="addEndDate"
+                       type="text"
+                       name="endTime"
+                       class="form-control validate[required]" />
+              </div>
+            </div>
+          </form>
+        </div>
+        <div class="modal-footer">
+          <button type="button"
+                  class="btn btn-default"
+                  data-dismiss="modal">
+            关闭
+          </button>
+          <button type="button"
+                  class="btn btn-primary"
+                  id="addSave">
+            保存
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div id="imgMask"><img src=""
+         alt="" /></div>
+</template>
+
+<script>
+import TableHelper from "@/utils/bootstrap-table-helper";
+import { getPartitionInfoList } from "@/api/partition/partitionInfo";
+import { buildSelectOption } from "@/utils/system-helper";
+
+var app = {};
+var validApp = {};
+
+export default {
+  name: "towPageBannerViewSuper",
+  setup () {
+    function selectOnChange (val) {
+      if (val == 1) {
+        $("#bannerTypeDiv").show();
+        $("#actLimitDiv").hide();
+      } else if (val == 2) {
+        $("#actLimitDiv").show();
+        $("#bannerTypeDiv").hide();
+      } else {
+        $("#bannerTypeDiv").hide();
+        $("#actLimitDiv").hide();
+      }
+    }
+    function addSelectOnChange (val) {
+      if (val == 1) {
+        $("#addBannerTypeDiv").show();
+        $("#addActLimitDiv").hide();
+      } else if (val == 2) {
+        $("#addActLimitDiv").show();
+        $("#addBannerTypeDiv").hide();
+      } else {
+        $("#addBannerTypeDiv").hide();
+        $("#addActLimitDiv").hide();
+      }
+    }
+    window.selectOnChange = selectOnChange;
+    window.addSelectOnChange = addSelectOnChange;
+    return {
+      selectOnChange,
+      addSelectOnChange,
+    };
+  },
+  created () {
+    this.$nextTick(function () {
+      this.initPartition();
+      this.initData();
+      $("#partitionAddCheck").on("change", "input[type='radio']", function () {
+        var selectedValue = $(this).val();
+        console.log(selectedValue);
+        if (selectedValue) {
+          $("#bannerAddCountryDiv").show();
+          $.ajax({
+            type: "get",
+            url: "/admin/regionInfo/listByPartitionId",
+            data: { partitionId: selectedValue, containAll: true },
+            dataType: "json",
+            success: function (res) {
+              var chooseAddCountry = $("#chooseAddCountry");
+              chooseAddCountry.empty();
+              if (res.code == 200) {
+                for (var i = 0; i < res.data.length; i++) {
+
+                  var option = $("<option>", {
+                    text: res.data[i].name,
+                    value: res.data[i].id
+                  });
+                  chooseAddCountry.append(option);
+
+                }
+              }
+            }
+          })
+        } else {
+          $("#bannerAddCountryDiv").hide();
+        }
+      });
+      $("#partitionCheck").on("change", "input[type='radio']", function () {
+        var selectedValue = $(this).val();
+        console.log(selectedValue);
+        $.ajax({
+          type: "get",
+          url: "/admin/regionInfo/listByPartitionId",
+          data: { partitionId: selectedValue, containAll: true },
+          dataType: "json",
+          success: function (res) {
+            var chooseCountry = $("#chooseCountry");
+            chooseCountry.empty();
+            if (res.code == 200) {
+              for (var i = 0; i < res.data.length; i++) {
+
+                var option = $("<option>", {
+                  text: res.data[i].name,
+                  value: res.data[i].id
+                });
+                chooseCountry.append(option);
+
+              }
+            }
+          }
+        })
+      });
+    });
+  },
+  methods: {
+    initData () {
+      $(function () {
+        var isEdit = false;
+        $("#table").bootstrapTable("destroy");
+        initTable();
+
+        //getAppNames();
+        // function getAppNames() {
+        //     $.get('/admin/appName/listAll', {}, function (res) {
+        //         if (res.rows.length > 0) {
+        //             renderSelect(res.rows);
+        //             renderAppObj(res.rows);
+        //         }
+        //     })
+        // }
+
+        // function renderSelect(data) {
+        //     var $select = $('#app');
+        //     for (var i = 0; i < data.length; i++) {
+        //         var $option = $('<option value="' + data[i].app + '" />');
+        //         $option.html(data[i].appName);
+        //         $select.append($option);
+        //     }
+        // }
+        //
+        // function renderAppObj(rows) {
+        //     for(var i = 0; i < rows.length; i++) {
+        //         var row = rows[i];
+        //         app[row.app] = row.appName;
+        //         // 有效的app
+        //         if(row.status == 1) {
+        //             validApp[row.app] = row.appName;
+        //         }
+        //     }
+        // }
+        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: "regionName",
+                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%",
+                formatter: function (val, row, index) {
+                  switch (val) {
+                    case 1:
+                      return "首页";
+
+                    case 2:
+                      return "房间内";
+
+                    case 3:
+                      return "我的装扮";
+                    case 10:
+                      return "个人中心";
+                  }
+                },
+              },
+              {
+                field: "bannerPic",
+                title: "banner图",
+                align: "center",
+                width: "10%",
+                formatter: function (val, row, index) {
+                  return "<img src='" + val + "' width='60' height='50'>";
+                },
+              },
+              {
+                field: "skipType",
+                title: "跳转类型",
+                align: "center",
+                valign: "middle",
+                width: "10%",
+                formatter: function (val, row, index) {
+                  switch (val) {
+                    case 1:
+                      return "App页面";
+
+                    case 2:
+                      return "聊天室";
+
+                    case 3:
+                      return "H5页面";
+                    case 100:
+                      return "无跳转";
+                  }
+                },
+              },
+              {
+                field: "seqNo",
+                title: "banner排序",
+                align: "center",
+                width: "8%",
+                valign: "middle",
+              },
+              {
+                field: "limitExpLevel",
+                title: "用户等级限制",
+                align: "center",
+                width: "8%",
+                valign: "middle",
+              },
+              {
+                field: "bannerStatus",
+                title: "状态",
+                align: "center",
+                width: "10%",
+                valign: "middle",
+                formatter: function (val, row, index) {
+                  console.log(val);
+                  switch (val) {
+                    case 1:
+                      return "正在启用";
+
+                    case 2:
+                      return "未激活";
+                      case 3:
+                      return "未过期";
+                  }
+                },
+              },
+              {
+                field: "platform",
+                title: "展示平台",
+                align: "center",
+                valign: "middle",
+                width: "10%",
+                formatter: function (val, row, index) {
+                  if (row.bannerType == 1) {
+                    switch (val) {
+                      case "all":
+                        return "所有平台展示";
+
+                      case "none":
+                        return "都不展示";
+
+                      case "ios":
+                        return "只在IOS展示";
+
+                      case "android":
+                        return "只在安卓展示";
+                    }
+                  } else {
+                    return "-";
+                  }
+                },
+              },
+              {
+                field: "iosVersion",
+                title: "ios版本号",
+                align: "center",
+                valign: "middle",
+                width: "10%",
+              },
+              {
+                field: "androidVersion",
+                title: "安卓版本号",
+                align: "center",
+                valign: "middle",
+                width: "10%",
+              },
+              {
+                field: "noShowChannels",
+                title: "不展示的渠道",
+                align: "center",
+                valign: "middle",
+                width: "10%",
+              },
+              {
+                field: "startTime",
+                title: "活动开始时间",
+                align: "center",
+                width: "5%",
+                valign: "middle",
+                formatter: function (val, row, index) {
+                  if (val) {
+                    var date = new Date(val);
+                    return date.format("yyyy-MM-dd hh:mm:ss");
+                  } else {
+                    return "-";
+                  }
+                },
+              },
+              {
+                field: "endTime",
+                title: "活动结束时间",
+                align: "center",
+                width: "5%",
+                valign: "middle",
+                formatter: function (val, row, index) {
+                  if (val) {
+                    var date = new Date(val);
+                    return date.format("yyyy-MM-dd hh:mm:ss");
+                  } else {
+                    return "-";
+                  }
+                },
+              },
+              {
+                field: "operator",
+                title: "操作人",
+                align: "center",
+                width: "5%",
+              },
+              {
+                field: "updateTime",
+                title: "操作时间",
+                align: "center",
+                width: "5%",
+                valign: "middle",
+                formatter: function (val, row, index) {
+                  if (val) {
+                    var date = new Date(val);
+                    return date.format("yyyy-MM-dd hh:mm:ss");
+                  } else {
+                    return "-";
+                  }
+                },
+              },
+              {
+                field: "tmp",
+                title: "操作",
+                align: "center",
+                width: "10%",
+                valign: "middle",
+                formatter: function (val, row, index) {
+                  var key = row.bannerId;
+                  var str;
+                  str =
+                    "<button class='btn btn-sm btn-success opt-edit' data-id=" +
+                    key +
+                    ">编辑</button>";
+                  return str;
+                },
+              },
+            ],
+            cache: false,
+            striped: true,
+            showRefresh: false,
+            pageSize: 10,
+            pagination: true,
+            pageList: [10, 20, 30, 50],
+            sidePagination: "server", //表示服务端请求
+            //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+            //设置为limit可以获取limit, offset, search, sort, order
+            queryParamsType: "undefined",
+            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 = {
+                pageSize: params.pageSize,
+                pageNo: params.pageNumber,
+              };
+              //                console.log(param);
+              return param;
+            },
+            uniqueId: "code",
+            toolbar: "#toolbar",
+            url: "/admin/superCenter/bannelList",
+            onLoadSuccess: function () {
+              //加载成功时执行
+              console.log("load success");
+            },
+            onLoadError: function () {
+              //加载失败时执行
+              console.log("load fail");
+            },
+          });
+        }
+
+        $("#btnSearch").on("click", function () {
+          TableHelper.doRefresh("#table");
+        });
+        $("#table").on("click", ".opt-edit", function () {
+          $("#titleList").html("");
+          $(".titleListDev").addClass("hidden");
+          var id = parseInt($(this).data("id"));
+          isEdit = true;
+          // // 处理appId
+          // $('#appId').empty();
+          // $('#appId').append('<option value="">请选择</option>');
+          // for(var key in app) {
+          //     $('#appId').append('<option value="'+key+'">'+app[key]+'</option>');
+          // }
+          $.ajax({
+            type: "get",
+            url: "/partition/listPartitionInfo",
+            dataType: "json",
+            success: function (json) {
+              if (json.code == 200) {
+                var length = json.data.length;
+                var partitionCheck = $("#partitionCheck");
+                partitionCheck.empty();
+                // 分区
+                for (var i = 0; i < length; i++) {
+                  var checkbox = $("<input>", {
+                    type: "radio",
+                    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);
+                }
+
+                $.ajax({
+                  type: "get",
+                  url: "/admin/secondBanner/get",
+                  data: { bannerId: id },
+                  dataType: "json",
+                  success: function (json) {
+                    if (json.code == 200) {
+                      var date = json.data.endTime
+                        ? new Date(json.data.endTime).format(
+                          "yyyy-MM-dd hh:mm:ss"
+                        )
+                        : "";
+                      var startDate = json.data.startTime
+                        ? new Date(json.data.startTime).format(
+                          "yyyy-MM-dd hh:mm:ss"
+                        )
+                        : "";
+                      $("#name").val(json.data.bannerName);
+                      $("#imgUrl").attr("src", json.data.bannerPic);
+                      $("#bannerPic").val(json.data.bannerPic);
+                      $("#skipUrlSort").val(json.data.skipType);
+                      if(json.data.skipType != 100){
+                        $("#SkipUrlInput").show();
+                      }else{
+                        $("#SkipUrlInput").hide();
+                      }
+                      $("#skipUrlContent").val(json.data.skipUri);
+                      $("#bannerType").val(json.data.bannerType);
+                      $("#seqNo").val(json.data.seqNo);
+                      //$("#appId").val(json.data.appId);
+                      $("#iosVersion").val(json.data.iosVersion);
+                      $("#androidVersion").val(json.data.androidVersion);
+                      $("#noShowChannels").val(json.data.noShowChannels);
+                      $("#bannerStatus").val(json.data.bannerStatus);
+                      $("#startDate").val(startDate);
+                      $("#endDate").val(date);
+                      $("#bannerId").val(json.data.bannerId);
+                      $("#platform").val(json.data.platform);
+                      $("#limitLevelExper").val(json.data.limitLevelExper);
+                      $("#showType").val(json.data.showType);
+                      $("#showRule").val(json.data.showRule);
+                      $("#limitExpLevel").val(json.data.limitExpLevel);
+                      window.selectOnChange(
+                        json.data.bannerType,
+                        json.data.titleId
+                      );
+                      $("#titleList").val(json.data.titleId);
+                      // 分区信息
+                      var partitionIds = json.data.partitionIds;
+                      // var length = partitionIds.length;
+                      // for (var i = 0; i < length; i++) {
+                      //   $("#checkbox" + partitionIds[i]).prop("checked", true);
+                      // }
+                      $("#checkbox" + partitionIds[0]).prop("checked", true);
+                      // 获取选择地区
+                      $.ajax({
+                        type: "get",
+                        url: "/admin/regionInfo/listByPartitionId",
+                        data: { partitionId: partitionIds[0], containAll: true },
+                        dataType: "json",
+                        success: function (res) {
+                          var chooseCountry = $("#chooseCountry");
+                          chooseCountry.empty();
+                          if (res.code == 200) {
+                            for (var i = 0; i < res.data.length; i++) {
+
+                              var option = $("<option>", {
+                                text: res.data[i].name,
+                                value: res.data[i].id
+                              });
+                              chooseCountry.append(option);
+
+                            }
+                            $("#chooseCountry").val(json.data.regionId);
+                          }
+                        }
+                      })
+                      $("#bannerModal").modal("show");
+                      // picker1.datetimepicker('setStartDate', startDate);
+                    } else {
+                      $("#tipMsg").text("获取信息出错");
+                      $("#tipModal").modal("show");
+                    }
+                  },
+                });
+              } else {
+                $("#tipMsg").text("获取信息出错");
+                $("#tipModal").modal("show");
+              }
+            },
+          });
+        });
+        function cleanModal (obj) {
+          $("#addBannerForm")
+            .find("input[type=text],input[type=hidden],input[type=file]")
+            .each(function () {
+              $(this).val("");
+            });
+          $("#addBannerForm").find("img").attr("src", "");
+          //清空输入框
+          obj.find("input:text").val("");
+          //清空隐藏域
+          obj.find("input:hidden").val("");
+          //清空单选按钮
+          obj.find("input:radio").attr("checked", false);
+          //清空文本域
+          obj.find("textarea").val("");
+          //清空图片
+          obj.find("img").attr("src", "");
+          //清空已上传
+        }
+        // 事件编辑
+        var $timeBegin = $("#beginTime").datepicker({
+          format: "yyyy-mm-dd",
+          autoclose: true,
+        });
+        var $timeEnd = $("#endTime").datepicker({
+          format: "yyyy-mm-dd",
+          autoclose: true,
+        });
+
+        $timeBegin.on("changeDate", function () {
+          var date = $("#beginTime").datepicker("getDate");
+          $timeEnd.datepicker("setStartDate", date);
+        });
+        $timeEnd.on("changeDate", function () {
+          var date = $("#endTime").datepicker("getDate");
+          $timeBegin.datepicker("setEndDate", date);
+        });
+        $("#save").on("click", function () {
+          // if(!$('#appId').val()){
+          //     $("#tipMsg").text("请选择app");
+          //     $("#tipModal").modal('show');
+          //     return;
+          // }
+          if (
+            parseInt($("#skipUrlSort").val()) != 100 &&
+            $("#skipUrlContent").val() == ""
+          ) {
+            alert("请填写跳转链接跳转链接");
+            return;
+          }
+          if (
+            parseInt($("#skipUrlSort").val()) == 100 &&
+            $("#skipUrlContent").val() != ""
+          ) {
+            alert("无跳转无需填写跳转链接");
+            return;
+          }
+          if ($("#bannerForm").validationEngine("validate")) {
+            $.ajax({
+              type: "post",
+              url:
+                "/admin/superCenter/secondBannerSave?startTimeString=" +
+                $("#startDate").val() +
+                "&endTimeString=" +
+                $("#endDate").val(),
+              data: $("#bannerForm").serialize(),
+              dataType: "json",
+              success: function (json) {
+                if (json.code == 200) {
+                  $("#bannerModal").modal("hide");
+                  $("#tipMsg").text("保存成功");
+                  $("#tipModal").modal("show");
+                  TableHelper.doRefresh("#table");
+                } else {
+                  $("#tipMsg").text("保存失败，错误码：" + json.message);
+                  $("#tipModal").modal("show");
+                }
+              },
+            });
+          }
+        });
+        $("#add").on("click", function () {
+          cleanModal($("#addBannerForm"));
+          $("#addTitleList").html("");
+          $("#addStartDate").val("");
+          $("#addEndDate").val("");
+
+          $("#addBannerTypeDiv").hide();
+          $("#addActLimitDiv").hide();
+        });
+        $("#addSave").on("click", function () {
+          var startDateVal = $("#addStartDate").val();
+          var endDateVal = $("#addEndDate").val();
+          if (
+            parseInt($("#addSkipUrlSort").val()) != 100 &&
+            $("#addSkipUrlContent").val() == ""
+          ) {
+            alert("请填写跳转链接跳转链接");
+            return;
+          }
+          if (
+            parseInt($("#addSkipUrlSort").val()) == 100 &&
+            $("#addSkipUrlContent").val() != ""
+          ) {
+            alert("无跳转无需填写跳转链接");
+            return;
+          }
+          if (!startDateVal || !endDateVal) {
+            $("#tipMsg").text("请选择日期");
+            $("#tipModal").modal("show");
+            return;
+          }
+          // if(!$('#addAppId').val()){
+          //     $("#tipMsg").text("请选择app");
+          //     $("#tipModal").modal('show');
+          //     return;
+          // }
+          if ($("#addBannerForm").validationEngine("validate")) {
+            $.ajax({
+              type: "post",
+              url:
+                "/admin/superCenter/secondBannerSave?startTimeString=" +
+                $("#addStartDate").val() +
+                "&endTimeString=" +
+                $("#addEndDate").val(),
+              data: $("#addBannerForm").serialize(),
+              dataType: "json",
+              success: function (json) {
+                console.log(json);
+                if (json.code == 200) {
+                  $("#addBannerModal").modal("hide");
+                  $("#tipMsg").text("保存成功");
+                  $("#tipModal").modal("show");
+                  TableHelper.doRefresh("#table");
+                } else {
+                  $("#tipMsg").text("保存失败，错误码：" + json.message);
+                  $("#tipModal").modal("show");
+                }
+              },
+            });
+          }
+        });
+
+        var picker2 = $("#addStartDate").datetimepicker({
+          format: "yyyy-mm-dd hh:ii:00",
+          autoclose: true,
+        });
+        var picker3 = $("#addEndDate").datetimepicker({
+          format: "yyyy-mm-dd hh:ii:00",
+          autoclose: true,
+        });
+        picker2.on("changeDate", function () {
+          var date = $("#addStartDate").datetimepicker("getDate");
+          picker2.datetimepicker("setStartDate", date);
+        });
+        picker3.on("changeDate", function () {
+          var date = $("#addEndDate").datetimepicker("getDate");
+          picker3.datetimepicker("setEndDate", date);
+        });
+        var picker4 = $("#startDate").datetimepicker({
+          format: "yyyy-mm-dd hh:ii:00",
+          autoclose: true,
+        });
+        var picker5 = $("#endDate").datetimepicker({
+          format: "yyyy-mm-dd hh:ii:00",
+          autoclose: true,
+        });
+        picker4.on("changeDate", function () {
+          var date = $("#startDate").datetimepicker("getDate");
+          picker4.datetimepicker("setStartDate", date);
+        });
+        picker5.on("changeDate", function () {
+          var date = $("#endDate").datetimepicker("getDate");
+          picker5.datetimepicker("setEndDate", date);
+        });
+        $("#uploadBtn").on("click", function () {
+          var options = {
+            type: "post",
+            url: "/admin/banner/upload",
+            dataType: "json",
+            success: function (json) {
+              if (json.code == 200) {
+                $("#bannerPic").val(json.data);
+                $("#imgUrl").attr("src", json.data);
+              } else {
+                $("#tipMsg").text(json.msg);
+                $("#tipModal").modal("show");
+              }
+            },
+          };
+          $("#bannerForm").ajaxSubmit(options);
+        });
+        $("#addUploadBtn").on("click", function () {
+          var options = {
+            type: "post",
+            url: "/admin/banner/upload",
+            dataType: "json",
+            success: function (json) {
+              if (json.code == 200) {
+                $("#addBannerPic").val(json.data);
+                $("#addImgUrl").attr("src", json.data);
+                console.log(json.data);
+              } else {
+                $("#tipMsg").text(json.msg);
+                $("#tipModal").modal("show");
+              }
+            },
+          };
+          $("#addBannerForm").ajaxSubmit(options);
+        });
+        $("#add").on("click", function () {
+          isEdit = false;
+          $("#addBannerForm")[0].reset();
+          $("#addImgUrl").attr("src", "");
+          $("#addBannerPic").val("");
+          //ComboboxHelper.setDef("#displayType", 0);
+          // // 处理appId
+          // $('#addAppId').empty();
+          // $('#addAppId').append('<option value="">请选择</option>');
+          // for(var key in validApp) {
+          //     $('#addAppId').append('<option value="'+key+'">'+validApp[key]+'</option>');
+          // }
+          $("#addBannerModal").modal("show");
+          $("#addSkipUrlInput").show();
+        });
+        $("#table").on("mouseenter", "img", function (e) {
+          console.log($(this), e.clientX);
+          var src = $(this).attr("src");
+          $("#imgMask img").attr("src", src);
+          $("#imgMask").show();
+          $("#imgMask").css({
+            top: e.clientY + 20,
+            left: e.clientX + 20,
+          });
+        });
+        $("#table").on("mouseleave", "img", function (e) {
+          console.log("移出");
+          $("#imgMask").hide();
+        });
+
+        $("#btnMultiDel").on("click", function () {
+          var rows = $("#table").bootstrapTable("getSelections");
+          if (rows.length == 0) {
+            alert("请先选择要删除的记录");
+            return;
+          }
+          var idArr = [];
+
+          for (var i = 0; i < rows.length; i++) {
+            idArr.push(rows[i]["bannerId"]);
+          }
+
+          if (confirm("你确认删除选中Banner吗?")) {
+            $.ajax({
+              type: "post",
+              url: "/admin/secondBanner/delete",
+              data: {
+                ids: JSON.stringify(idArr),
+              },
+              dataType: "json",
+              success: function (json) {
+                if (json.code == 200) {
+                  $("#tipMsg").text("已删除选中Banner");
+                  $("#tipModal").modal("show");
+                  TableHelper.doRefresh("#table");
+                } else {
+                  $("#tipMsg").text("操作失败");
+                  $("#tipModal").modal("show");
+                }
+              },
+            });
+          }
+        });
+
+        $("#table").on("click", ".opt-del", function () {
+          var key = parseInt($(this).attr("data-id"));
+          var idArr = [];
+          idArr.push(key);
+          if (confirm("你确认删除Banner吗?")) {
+            $.ajax({
+              type: "post",
+              url: "/admin/secondBanner/delete",
+              data: {
+                ids: JSON.stringify(idArr),
+              },
+              dataType: "json",
+              success: function (json) {
+                if (json.code == 200) {
+                  $("#tipMsg").text("已删除Banner");
+                  $("#tipModal").modal("show");
+                  TableHelper.doRefresh("#table");
+                } else {
+                  $("#tipMsg").text("操作失败");
+                  $("#tipModal").modal("show");
+                }
+              },
+            });
+          }
+        });
+        $('#addSkipUrlSort').on('change', function() {
+            let selectedValue = $(this).val();
+            if(selectedValue == 100){
+              $("#addSkipUrlInput").hide();
+              $("#addSkipUrlContent").val("");
+            }else{
+              $("#addSkipUrlInput").show();
+            }
+        });
+        $('#skipUrlSort').on('change', function() {
+            let selectedValue = $(this).val();
+            if(selectedValue == 100){
+              $("#SkipUrlInput").hide();
+              $("#skipUrlContent").val("");
+            }else{
+              $("#SkipUrlInput").show();
+            }
+        });
+      });
+    },
+    initPartition () {
+      getPartitionInfoList().then((res) => {
+        let data = res.data;
+        buildSelectOption(
+          "#partitionId",
+          null,
+          [
+            {
+              value: "",
+              text: "全部",
+            },
+          ].concat(
+            data.map((v) => {
+              return {
+                value: v.id,
+                text: v.desc,
+              };
+            })
+          )
+        );
+      });
+    },
+  },
+};
+</script>
+
+<style scoped>
+#skipType,
+#status {
+  margin-right: 10px;
+}
+
+.btn {
+  margin: 0 4px;
+}
+
+#uploadBtn,
+#addUploadBtn {
+  margin-top: 4px;
+}
+#chooseAddCountry,
+#chooseCountry,
+#skipUrlSort,
+#bannerStatus,
+#addSkipUrlSort,
+#addBannerStatus {
+  height: 34px;
+}
+
+.attention {
+  line-height: 30px;
+  display: inline-block;
+  margin-top: 4px;
+  color: red;
+}
+
+#imgMask {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 450px;
+  height: 150px;
+  padding: 4px;
+  background: #fff;
+  z-index: 999;
+  display: none;
+}
+
+#imgMask img {
+  width: 100%;
+  height: 100%;
+  vertical-align: top;
+}
+
+.partition-checkbox-label {
+  margin-right: 10px;
+  margin-left: 5px;
+}
+.text {
+  font-size: 20px;
+  margin-top: 20px;
+  color: rgb(173, 53, 53);
+}
+</style>
\ No newline at end of file