diff --git a/src/api/personalHomepageResourceManagement/personalHomepageResourceManagement.js b/src/api/personalHomepageResourceManagement/personalHomepageResourceManagement.js
new file mode 100644
index 0000000..8fa9f5a
--- /dev/null
+++ b/src/api/personalHomepageResourceManagement/personalHomepageResourceManagement.js
@@ -0,0 +1,12 @@
+import request from '@/utils/request';
+import { genQueryParam } from '@/utils/maintainer';
+import qs from 'qs';
+
+// 地区接口
+export const listPartitionInfo = query => {
+    return request({
+        url: '/partition/listPartitionInfo',
+        method: 'get',
+        params: query
+    });
+};
\ No newline at end of file
diff --git a/src/views/dressShop/DressShopAdminView.vue b/src/views/dressShop/DressShopAdminView.vue
index 99998bd..a830da5 100644
--- a/src/views/dressShop/DressShopAdminView.vue
+++ b/src/views/dressShop/DressShopAdminView.vue
@@ -7,459 +7,672 @@
           <h1 id="itemTitle"></h1>
         </section>
         <div id="toolbar">
+          <el-form-item label="装扮类型" prop="dateCycle">
+            <el-select placeholder="请选择" v-model="dressTypeVal">
+              <el-option
+                v-for="(item, i) in dressTypeArr"
+                :key="i"
+                :label="item.desc"
+                :value="item.val"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="获得方式" prop="dateCycle">
+            <el-select placeholder="请选择" v-model="obtainWayVal">
+              <el-option
+                v-for="(item, i) in obtainWayArr"
+                :key="i"
+                :label="item.desc"
+                :value="item.val"
+              ></el-option>
+            </el-select>
+          </el-form-item>
           <div class="col-sm-12">
-            <button id="btnAdd"
-                    class="btn btn-default">
+            <button
+              id="btnAdd"
+              class="btn btn-default"
+              style="margin-right: 20px"
+            >
               <i class="glyphicon glyphicon-plus"></i>增加
             </button>
+            <button @click="initData" id="getData" class="btn btn-default">
+              查询
+            </button>
           </div>
-
         </div>
       </div>
 
       <!-- .content -->
       <div id="table"></div>
-
     </div>
   </section>
 
-  <div class="modal fade"
-       id="roomTagModal"
-       tabindex="-1"
-       role="dialog"
-       aria-labelledby="modalLabel">
-    <div class="modal-dialog"
-         role="document">
+  <div
+    class="modal fade"
+    id="roomTagModal"
+    tabindex="-1"
+    role="dialog"
+    aria-labelledby="modalLabel"
+  >
+    <div class="modal-dialog" role="document">
       <div class="modal-content">
         <div class="modal-header">
-          <button type="button"
-                  class="close"
-                  data-dismiss="modal"
-                  aria-label="Close"><span aria-hidden="true">&times;</span>
+          <button
+            type="button"
+            class="close"
+            data-dismiss="modal"
+            aria-label="Close"
+          >
+            <span aria-hidden="true">&times;</span>
           </button>
-          <h4 class="modal-title"
-              id="modalLabel">新增</h4>
+          <h4 class="modal-title" id="modalLabel">新增</h4>
         </div>
         <div class="modal-body">
-          <form class="form-horizontal"
-                id="addForm">
-            <input type="hidden"
-                   name="id"
-                   id="id" />
+          <form class="form-horizontal" id="addForm">
+            <input type="hidden" name="id" id="id" />
             <div class="form-group">
-              <label for="dressType"
-                     class="col-sm-3 control-label">装扮类型:</label>
+              <label for="dressType" class="col-sm-3 control-label"
+                >装扮类型:</label
+              >
               <div class="col-sm-9">
-                <select name="dressType"
-                        id="dressType">
+                <select name="dressType" id="dressType">
                   <option value="">-- 请选择 --</option>
                   <option value="0">头饰</option>
                   <option value="1">座驾</option>
                   <option value="2">铭牌</option>
                   <option value="3">资料卡</option>
                   <option value="4">聊天气泡</option>
+                  <option value="5">个人装扮</option>
                 </select>
               </div>
             </div>
-            <div class="form-group"
-                 id="txtBox">
-              <label for="dressId"
-                     class="col-sm-3 control-label">装扮id<font color="red">*</font>：</label>
+            <div class="form-group">
+              <label for="obtainWay" class="col-sm-3 control-label"
+                >获得方式:</label
+              >
               <div class="col-sm-9">
-                <input type="text"
-                       class="form-control validate[required]"
-                       name="dressId"
-                       id="dressId"
-                       placeholder="请输入对应的装扮id">
+                <select name="obtainWay" id="obtainWay">
+                  <option value="">-- 请选择 --</option>
+                  <option value="1">普通</option>
+                  <option value="2">活动</option>
+                </select>
+              </div>
+            </div>
+            <div class="form-group" id="txtBox">
+              <label for="dressId" class="col-sm-3 control-label"
+                >装扮id<font color="red">*</font>：</label
+              >
+              <div class="col-sm-9">
+                <input
+                  type="text"
+                  class="form-control validate[required]"
+                  name="dressId"
+                  id="dressId"
+                  placeholder="请输入对应的装扮id"
+                />
               </div>
             </div>
             <div class="form-group">
-              <label for="dressSeq"
-                     class="col-sm-3 control-label">展示排序<font color="red">*</font>：</label>
+              <label for="dressSeq" class="col-sm-3 control-label"
+                >展示排序<font color="red">*</font>：</label
+              >
               <div class="col-sm-9">
-                <input type="text"
-                       class="form-control validate[required]"
-                       name="dressSeq"
-                       id="dressSeq"
-                       placeholder="数字小的排前面，必填">
+                <input
+                  type="text"
+                  class="form-control validate[required]"
+                  name="dressSeq"
+                  id="dressSeq"
+                  placeholder="数字小的排前面，必填"
+                />
               </div>
             </div>
             <div class="form-group">
-              <label for="dressPrice"
-                     class="col-sm-3 control-label">装扮价格:</label>
+              <label for="dressPrice" class="col-sm-3 control-label"
+                >装扮价格:</label
+              >
               <div class="col-sm-9">
-                <input type="text"
-                       class="form-control validate[required]"
-                       name="dressPrice"
-                       id="dressPrice"
-                       placeholder="请输入价格">
+                <input
+                  type="text"
+                  class="form-control validate[required]"
+                  name="dressPrice"
+                  id="dressPrice"
+                  placeholder="请输入价格"
+                />
               </div>
             </div>
             <div class="form-group">
-              <label for="dressDay"
-                     class="col-sm-3 control-label">有效期（天）:</label>
+              <label for="dressDay" class="col-sm-3 control-label"
+                >有效期（天）:</label
+              >
               <div class="col-sm-9">
-                <input type="text"
-                       class="form-control validate[required]"
-                       name="dressDay"
-                       id="dressDay"
-                       placeholder="请输入天数">
+                <input
+                  type="text"
+                  class="form-control validate[required]"
+                  name="dressDay"
+                  id="dressDay"
+                  placeholder="请输入天数"
+                />
               </div>
             </div>
             <div class="form-group">
-              <label for="dressLimitStatus"
-                     class="col-sm-3 control-label">装扮限时状态:</label>
+              <label for="dressLimitStatus" class="col-sm-3 control-label"
+                >装扮限时状态:</label
+              >
               <div class="col-sm-9">
-                <select name="dressType"
-                        id="dressLimitStatus">
+                <select name="dressType" id="dressLimitStatus">
                   <option value="0">是</option>
                   <option value="1">否</option>
                 </select>
               </div>
             </div>
+            <div class="form-group">
+              <label for="vipLimit" class="col-sm-3 control-label"
+                >贵族限定:</label
+              >
+              <div class="col-sm-9">
+                <select name="dressType" id="vipLimit">
+                  <option value="">无限制</option>
+                  <option value="1">VIP1</option>
+                  <option value="2">VIP2</option>
+                  <option value="3">VIP3</option>
+                  <option value="4">VIP4</option>
+                  <option value="5">VIP5</option>
+                  <option value="6">VIP6</option>
+                  <option value="7">VIP7</option>
+                  <option value="8">VIP8</option>
+                  <option value="9">VIP9</option>
+                </select>
+              </div>
+            </div>
           </form>
         </div>
         <div class="modal-footer">
-          <button type="button"
-                  class="btn btn-default"
-                  data-dismiss="modal">关闭</button>
-          <button type="button"
-                  class="btn btn-primary"
-                  id="add">确定</button>
+          <button type="button" class="btn btn-default" data-dismiss="modal">
+            关闭
+          </button>
+          <button type="button" class="btn btn-primary" id="add">确定</button>
         </div>
-
       </div>
     </div>
   </div>
 </template>
 
 <script>
-import TableHelper from '@/utils/bootstrap-table-helper';
-import { serverError } from '@/utils/maintainer';
+import TableHelper from "@/utils/bootstrap-table-helper";
+import { serverError } from "@/utils/maintainer";
 
 export default {
   name: "DressShopAdminView",
-  setup () {
-    return {};
+  data() {
+    return {
+      dressTypeVal: "",
+      dressTypeArr: [
+        { desc: "全部", val: "" },
+        { desc: "头饰", val: "0" },
+        { desc: "座驾", val: "1" },
+        { desc: "铭牌", val: "2" },
+        { desc: "资料卡", val: "3" },
+        { desc: "聊天气泡", val: "4" },
+        { desc: "个人装扮", val: "5" },
+      ],
+      obtainWayVal: "",
+      obtainWayArr: [
+        { desc: "全部", val: "" },
+        { desc: "普通", val: "1" },
+        { desc: "活动", val: "2" },
+      ],
+    };
   },
-  created () {
+  created() {
     this.$nextTick(function () {
       this.initData();
     });
   },
   methods: {
-    initData () {
-      $(function () {
-        $('#table').bootstrapTable('destroy');
-        $('#table').bootstrapTable({
-          columns: [
-            { field: 'id', title: 'ID', align: 'center', valign: 'middle', width: '10%' },
-            { field: 'dressId', title: '装扮id', align: 'center', valign: 'middle', width: '10%' },
-            { field: 'name.zh', title: '装扮名称', align: 'left', valign: 'middle', width: '10%' },
-            { field: 'name.ar', title: '阿语装扮名称', align: 'left', valign: 'middle', width: '10%' },
-            { field: 'name.en', title: '英语装扮名称', align: 'left', valign: 'middle', width: '10%' },
-            { field: 'name.tr', title: '土耳其装扮名称', align: 'left', valign: 'middle', width: '10%' },
-            {
-              field: 'pic', title: '装扮图片', align: 'left', valign: 'middle', width: '10%',
-              formatter: function (val, row, index) {
-                if (null != val && val != '') {
-                  return '<img src="' + val + '" alt="" style="width: 30px; height: 30px;">';
-                }
-                return '-';
+    initData() {
+      var dressTypeVal = this.dressTypeVal;
+      var obtainWayVal = this.obtainWayVal;
+      $("#table").bootstrapTable("destroy");
+      $("#table").bootstrapTable({
+        columns: [
+          {
+            field: "id",
+            title: "ID",
+            align: "center",
+            valign: "middle",
+            width: "10%",
+          },
+          {
+            field: "dressId",
+            title: "装扮id",
+            align: "center",
+            valign: "middle",
+            width: "10%",
+          },
+          {
+            field: "name.zh",
+            title: "装扮名称",
+            align: "left",
+            valign: "middle",
+            width: "10%",
+          },
+          {
+            field: "name.ar",
+            title: "阿语装扮名称",
+            align: "left",
+            valign: "middle",
+            width: "10%",
+          },
+          {
+            field: "name.en",
+            title: "英语装扮名称",
+            align: "left",
+            valign: "middle",
+            width: "10%",
+          },
+          {
+            field: "pic",
+            title: "装扮图片",
+            align: "left",
+            valign: "middle",
+            width: "10%",
+            formatter: function (val, row, index) {
+              if (null != val && val != "") {
+                return (
+                  '<img src="' +
+                  val +
+                  '" alt="" style="width: 30px; height: 30px;">'
+                );
+              }
+              return "-";
+            },
+          },
+          {
+            field: "dressType",
+            title: "装扮类型",
+            align: "center",
+            width: "5%",
+            valign: "middle",
+            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 if (val == "5") {
+                return "个人装扮";
+              } else {
+                return "-";
               }
             },
-            {
-              field: 'dressType',
-              title: '装扮类型',
-              align: 'center',
-              width: '5%',
-              valign: 'middle',
-              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: "obtainWay",
+            title: "获得方式",
+            align: "center",
+            width: "5%",
+            valign: "middle",
+            formatter: function (val, row, index) {
+              if (val == "1") {
+                return "普通";
+              } else if (val == "2") {
+                return "活动";
+              } else {
+                return "-";
               }
-
             },
-            { field: 'dressSeq', title: '装扮排序', align: 'center', valign: 'middle', width: '10%' },
-            { field: 'dressPrice', title: '装扮展示价值', align: 'center', valign: 'middle', width: '10%' },
-            { field: 'dressDay', title: '装扮有效期（天）', align: 'center', valign: 'middle', width: '10%' },
-            { field: 'buyNum', title: '购买数量', align: '购买数量   ', valign: 'middle', width: '10%' },
-            { field: 'userDonateNum', title: '购买赠送用户数量', align: '购买数量', valign: 'middle', width: '10%' },
-            {
-              field: 'dressLimitStatus',
-              title: '装扮限时状态',
-              align: 'center',
-              width: '5%',
-              valign: 'middle',
-              formatter: function (val, row, index) {
-                if (val == '0') {
-                  return "有效";
-                } else {
-                  return '无效';
-                }
+          },
+          {
+            field: "dressSeq",
+            title: "装扮排序",
+            align: "center",
+            valign: "middle",
+            width: "10%",
+          },
+          {
+            field: "dressPrice",
+            title: "装扮展示价值",
+            align: "center",
+            valign: "middle",
+            width: "10%",
+          },
+          {
+            field: "dressDay",
+            title: "装扮有效期（天）",
+            align: "center",
+            valign: "middle",
+            width: "10%",
+          },
+          {
+            field: "buyNum",
+            title: "购买数量",
+            align: "购买数量   ",
+            valign: "middle",
+            width: "10%",
+          },
+          {
+            field: "userDonateNum",
+            title: "购买赠送用户数量",
+            align: "购买数量",
+            valign: "middle",
+            width: "10%",
+          },
+          {
+            field: "dressLimitStatus",
+            title: "装扮限时状态",
+            align: "center",
+            width: "5%",
+            valign: "middle",
+            formatter: function (val, row, index) {
+              if (val == "0") {
+                return "有效";
+              } else {
+                return "无效";
               }
-
             },
-            {
-              field: 'id',
-              title: '操作',
-              align: 'center',
-              width: '10%',
-              formatter: function (val, row, index) {
-                return '<button id="btnEdit" name="btnEdit" class="btn btn-sm btn-success opt-edit" data-id=' + val + '>' +
-                  '<i class="glyphicon glyphicon-edit"></i> 编辑</button>' +
-                  '&nbsp;&nbsp;<button class="btn btn-sm btn-danger opt-remove" data-id=' + val + ' data-new-status=' + 2 +
-                  '><i class="glyphicon glyphicon-remove"></i>删除</button>';
-
+          },
+          {
+            field: "vipLimit",
+            title: "贵族限定",
+            align: "center",
+            width: "5%",
+            valign: "middle",
+            formatter: function (val, row, index) {
+              if (val == "1") {
+                return "VIP1";
               }
+              if (val == "2") {
+                return "VIP2";
+              }
+              if (val == "3") {
+                return "VIP3";
+              }
+              if (val == "4") {
+                return "VIP4";
+              }
+              if (val == "5") {
+                return "VIP5";
+              }
+              if (val == "6") {
+                return "VIP6";
+              }
+              if (val == "7") {
+                return "VIP7";
+              }
+              if (val == "8") {
+                return "VIP8";
+              }
+              if (val == "9") {
+                return "VIP9";
+              } else {
+                return "无限制";
+              }
+            },
+          },
+          {
+            field: "id",
+            title: "操作",
+            align: "center",
+            width: "10%",
+            formatter: function (val, row, index) {
+              return (
+                '<button id="btnEdit" name="btnEdit" class="btn btn-sm btn-success opt-edit" data-id=' +
+                val +
+                ">" +
+                '<i class="glyphicon glyphicon-edit"></i> 编辑</button>' +
+                '&nbsp;&nbsp;<button class="btn btn-sm btn-danger opt-remove" data-id=' +
+                val +
+                " data-new-status=" +
+                2 +
+                '><i class="glyphicon glyphicon-remove"></i>删除</button>'
+              );
+            },
+          },
+        ],
+        undefinedText: "-",
+        cache: false,
+        striped: true,
+        showRefresh: false,
+        pageSize: 50,
+        pagination: true,
+        pageList: [20, 50, 100],
+        search: false,
+        sidePagination: "server", //表示服务端请求
+        queryParamsType: "undefined",
+        queryParams: function queryParams(params) {
+          //设置查询参数
+          var param = {
+            pageNum: params.pageNumber,
+            pageSize: params.pageSize,
+            dressType: dressTypeVal,
+            obtainWay: obtainWayVal,
+          };
+          return param;
+        },
+        ajax: function (request) {
+          //使用ajax请求
+          $.ajax({
+            type: "GET",
+            url: "/admin/dress/shop/list",
+            contentType: "application/json;charset=utf-8",
+            dataType: "json",
+            data: request.data,
+            success: function (res) {
+              apiResult(res);
+              console.log(res);
+              request.success({
+                total: res.data.total,
+                rows: res.data.rows.map((i) => {
+                  let value = i.name;
+                  if (value.startsWith("{") && value.endsWith("}")) {
+                    i.name = JSON.parse(i.name);
+                  } else {
+                    i.name = {
+                      zh: i.name,
+                      ar: i.name,
+                      en: i.name,
+                    };
+                  }
+                  return i;
+                }),
+              });
+            },
+            error: function (req) {
+              serverError(req);
+            },
+          });
+        },
+        toolbar: "#toolbar",
+        onLoadSuccess: function () {
+          //加载成功时执行
+          console.log("load success");
+        },
+        onLoadError: function () {
+          //加载失败时执行
+          console.log("load fail");
+        },
+      });
+
+      // 查询刷新
+      $("#btnSearch").on("click", function () {
+        TableHelper.doRefresh("#table");
+      });
+
+      //新建标签
+      $("#btnAdd").click(function () {
+        clearModal();
+        $("#roomTagModal").modal("show");
+      });
+
+      $("#add").click(function () {
+        var id = $("#id").val();
+        var dressType = $("#dressType").val();
+        var obtainWay = $("#obtainWay").val();
+        var dressId = $("#dressId").val();
+        var dressSeq = $("#dressSeq").val();
+        var dressPrice = $("#dressPrice").val();
+        var dressDay = $("#dressDay").val();
+        var dressLimitStatus = $("#dressLimitStatus").val();
+        var vipLimit = $("#vipLimit").val();
+
+        if ($("#addForm").validationEngine("validate")) {
+          $.ajax({
+            type: "post",
+            url: "/admin/dress/shop/saveOrUpdate",
+            data: {
+              id: id,
+              dressId: dressId,
+              dressType: dressType,
+              obtainWay: obtainWay,
+              dressSeq: dressSeq,
+              dressPrice: dressPrice,
+              dressDay: dressDay,
+              dressLimitStatus: dressLimitStatus,
+              vipLimit: vipLimit,
+            },
+            dataType: "json",
+            success: function (json) {
+              if (json.code == 200) {
+                $("#tipMsg").text("保存成功");
+                $("#tipModal").modal("show");
+                TableHelper.doRefresh("#table");
+                $("#roomTagModal").modal("hide");
+              } else {
+                $("#tipMsg").text("保存失败." + json.message);
+                $("#tipModal").modal("show");
+                TableHelper.doRefresh("#table");
+                $("#roomTagModal").modal("hide");
+              }
+            },
+          });
+        }
+      });
+
+      $("#table").on("click", ".opt-edit", function () {
+        var id = $(this).attr("data-id");
+        clearModal();
+
+        $.ajax({
+          type: "get",
+          url: "/admin/dress/shop/getById",
+          data: { id: id },
+          dataType: "json",
+          success: function (res) {
+            var json = res.data;
+            if (json) {
+              $("#id").val(id);
+              $("#dressId").val(json.dressId);
+              $("#dressType").val(json.dressType);
+              $("#obtainWay").val(json.obtainWay);
+              $("#dressSeq").val(json.dressSeq);
+              $("#dressPrice").val(json.dressPrice);
+              $("#dressDay").val(json.dressDay);
+              $("#dressLimitStatus").val(json.dressLimitStatus);
+              $("#vipLimit").val(json.vipLimit);
+              // 打开编辑弹窗
+              $("#roomTagModal").modal("show");
+              $("#modalLabel").text("编辑");
+            } else {
+              $("#tipMsg").text("获取信息出错");
+              $("#tipModal").modal("show");
             }
-          ],
-          undefinedText: "-",
-          cache: false,
-          striped: true,
-          showRefresh: false,
-          pageSize: 50,
-          pagination: true,
-          pageList: [20, 50, 100],
-          search: false,
-          sidePagination: "server", //表示服务端请求
-          queryParamsType: "undefined",
-          queryParams: function queryParams (params) {   //设置查询参数
-            var param = {
-              pageNum: params.pageNumber,
-              pageSize: params.pageSize
-            };
-            return param;
           },
-          ajax: function (request) {                    //使用ajax请求
-            $.ajax({
-              type: "GET",
-              url: '/admin/dress/shop/list',
-              contentType: 'application/json;charset=utf-8',
-              dataType: 'json',
-              data: request.data,
-              success: function (res) {
-                apiResult(res);
-                console.log(res)
-                request.success({
-                  total: res.data.total,
-                  rows: res.data.rows.map(i => {
-                    let value = i.name;
-                    if (value.startsWith('{') && value.endsWith('}')) {
-                      i.name = JSON.parse(i.name);
-                    } else {
-                      i.name = {
-                        zh: i.name,
-                        ar: i.name,
-                        en: i.name,
-                      };
-                    }
-                    return i;
-                  })
-                });
-              },
-              error: function (req) {
-                serverError(req);
-              }
-            })
-          },
-          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");
 
-        // 查询刷新
-        $('#btnSearch').on('click', function () {
-          TableHelper.doRefresh('#table');
-        });
-
-
-        //新建标签
-        $("#btnAdd").click(function () {
-          clearModal();
-          $("#roomTagModal").modal('show');
-        });
-
-        $("#add").click(function () {
-          var id = $("#id").val();
-          var dressType = $('#dressType').val();
-          var dressId = $("#dressId").val();
-          var dressSeq = $('#dressSeq').val();
-          var dressPrice = $('#dressPrice').val();
-          var dressDay = $('#dressDay').val();
-          var dressLimitStatus = $('#dressLimitStatus').val();
-
-          if ($("#addForm").validationEngine('validate')) {
-            $.ajax({
-              type: "post",
-              url: "/admin/dress/shop/saveOrUpdate",
-              data: {
-                id: id,
-                dressId: dressId,
-                dressType: dressType,
-                dressSeq: dressSeq,
-                dressPrice: dressPrice,
-                dressDay: dressDay,
-                dressLimitStatus: dressLimitStatus,
-              },
-              dataType: "json",
-              success: function (json) {
-                if (json.code == 200) {
-                  $("#tipMsg").text("保存成功");
-                  $("#tipModal").modal('show');
-                  TableHelper.doRefresh("#table");
-                  $("#roomTagModal").modal('hide');
-                } else {
-                  $("#tipMsg").text("保存失败." + json.message);
-                  $("#tipModal").modal('show');
-                  TableHelper.doRefresh("#table");
-                  $("#roomTagModal").modal('hide');
-                }
-              }
-            });
-          }
-
-        });
-
-        $("#table").on("click", '.opt-edit', function () {
-          var id = $(this).attr("data-id");
-          clearModal();
+        if (
+          confirm("你确认删除该记录吗? \r\n 删除后再也不能找回，请谨慎操作！")
+        ) {
+          const requestParam = {
+            id: id,
+          };
 
           $.ajax({
             type: "get",
-            url: "/admin/dress/shop/getById",
-            data: { id: id },
+            url: "/admin/dress/shop/delById",
+            data: requestParam,
             dataType: "json",
-            success: function (res) {
-              var json = res.data;
-              if (json) {
-                $("#id").val(id);
-                $('#dressId').val(json.dressId);
-                $('#dressType').val(json.dressType);
-                $('#dressSeq').val(json.dressSeq);
-                $('#dressPrice').val(json.dressPrice);
-                $('#dressDay').val(json.dressDay);
-                $('#dressLimitStatus').val(json.dressLimitStatus);
-                // 打开编辑弹窗
-                $("#roomTagModal").modal('show');
-                $("#modalLabel").text("编辑");
+            contentType: "application/json",
+            success: function (json) {
+              if (json.code == 200) {
+                $("#tipMsg").text("修改成功");
+                $("#tipModal").modal("show");
+                TableHelper.doRefresh("#table");
               } else {
-                $("#tipMsg").text("获取信息出错");
-                $("#tipModal").modal('show');
-              }
-            }
-          });
-        });
-
-        $("#table").on("click", '.opt-remove', function () {
-          var id = $(this).attr("data-id");
-
-          if (confirm("你确认删除该记录吗? \r\n 删除后再也不能找回，请谨慎操作！")) {
-            const requestParam = {
-              id: id
-            }
-
-            $.ajax({
-              type: "get",
-              url: "/admin/dress/shop/delById",
-              data: requestParam,
-              dataType: "json",
-              contentType: 'application/json',
-              success: function (json) {
-                if (json.code == 200) {
-                  $("#tipMsg").text("修改成功");
-                  $("#tipModal").modal('show');
-                  TableHelper.doRefresh("#table");
-                } else {
-                  $("#tipMsg").text("修改失败." + json.message);
-                  $("#tipModal").modal('show');
-                }
-              }
-            });
-          }
-        });
-
-
-
-        function apiResult (json) {
-          if (json.code == 200 && json.message == 'success') {
-            return true;
-          }
-          $("#tipMsg").text("请求失败，错误信息：" + json.message);
-          $("#tipModal").modal('show');
-          return false;
-        }
-
-
-        $('#iconBtn').on('click', function () {
-          if ($('#iconFile').val() == '') {
-            $('#tipMsg').text('上传图片为空');
-            $('#tipModal').modal('show');
-            return;
-          }
-          $.ajaxFileUpload({
-            fileElementId: 'iconFile',    //需要上传的文件域的ID，即<input type="file">的ID。
-            url: '/admin/upload/img', //后台方法的路径
-            type: 'post',   //当要提交自定义参数时，这个参数要设置成post
-            dataType: 'json',   //服务器返回的数据类型。可以为xml,script,json,html。如果不填写，jQuery会自动判断。
-            secureuri: false,   //是否启用安全提交，默认为false。
-            async: true,   //是否是异步
-            success: function (json) {   //提交成功后自动执行的处理函数，参数data就是服务器返回的数据。
-              if (json.path) {
-                $('#iconUrl').val(json.path);
-                $('#iconImgUrl').attr("src", json.path);
-
-                console.log(json.path);
-
-              } else {
-                $("#tipMsg").text(json.msg);
-                $("#tipModal").modal('show');
+                $("#tipMsg").text("修改失败." + json.message);
+                $("#tipModal").modal("show");
               }
             },
-            error: function (data, status, e) {  //提交失败自动执行的处理函数。
-              console.error(e);
-            }
           });
-        })
-
-        function clearModal () {
-          $('#iconImgUrl').attr('src', '');
-
-          $('#addForm').find('input[type=text],input[type=hidden],input[type=file]').each(function () {
-            $(this).val('');
-          })
-
-          $('#type').val(1);
-
         }
-
-
-        $("#type").change(function () {
-          var optVal = $(this).val();
-        });
-
-
-
       });
-    }
-  },
 
+      function apiResult(json) {
+        if (json.code == 200 && json.message == "success") {
+          return true;
+        }
+        $("#tipMsg").text("请求失败，错误信息：" + json.message);
+        $("#tipModal").modal("show");
+        return false;
+      }
+
+      $("#iconBtn").on("click", function () {
+        if ($("#iconFile").val() == "") {
+          $("#tipMsg").text("上传图片为空");
+          $("#tipModal").modal("show");
+          return;
+        }
+        $.ajaxFileUpload({
+          fileElementId: "iconFile", //需要上传的文件域的ID，即<input type="file">的ID。
+          url: "/admin/upload/img", //后台方法的路径
+          type: "post", //当要提交自定义参数时，这个参数要设置成post
+          dataType: "json", //服务器返回的数据类型。可以为xml,script,json,html。如果不填写，jQuery会自动判断。
+          secureuri: false, //是否启用安全提交，默认为false。
+          async: true, //是否是异步
+          success: function (json) {
+            //提交成功后自动执行的处理函数，参数data就是服务器返回的数据。
+            if (json.path) {
+              $("#iconUrl").val(json.path);
+              $("#iconImgUrl").attr("src", json.path);
+
+              console.log(json.path);
+            } else {
+              $("#tipMsg").text(json.msg);
+              $("#tipModal").modal("show");
+            }
+          },
+          error: function (data, status, e) {
+            //提交失败自动执行的处理函数。
+            console.error(e);
+          },
+        });
+      });
+
+      function clearModal() {
+        $("#iconImgUrl").attr("src", "");
+
+        $("#addForm")
+          .find("input[type=text],input[type=hidden],input[type=file]")
+          .each(function () {
+            $(this).val("");
+          });
+
+        $("#type").val(1);
+      }
+
+      $("#type").change(function () {
+        var optVal = $(this).val();
+      });
+    },
+  },
 };
 </script>
 
diff --git a/src/views/privilege/personalHomepageGiftRecordManagement.vue b/src/views/privilege/personalHomepageGiftRecordManagement.vue
new file mode 100644
index 0000000..817cd04
--- /dev/null
+++ b/src/views/privilege/personalHomepageGiftRecordManagement.vue
@@ -0,0 +1,151 @@
+<template>
+  <div class="box">
+    <!-- 查询 -->
+    <div class="inquire">
+      <span>平台ID</span>
+      <el-input v-model="inquire.id" placeholder="" class="input"></el-input>
+    </div>
+    <!-- 查询按钮 -->
+    <el-button class="primary" type="primary" @click="getData()"
+      >查询</el-button
+    >
+    <!-- 表格 -->
+    <el-table
+      v-loading="loading"
+      :data="tableData"
+      border
+      style="width: 100%; margin-top: 25px"
+    >
+      <el-table-column prop="x" align="center" label="个人主页id" />
+      <el-table-column prop="x" align="center" label="个人主页名称" />
+      <el-table-column prop="x" align="center" label="用户uID" />
+      <el-table-column prop="x" align="center" label="用户昵称" />
+      <el-table-column prop="x" align="center" label="赠送天数" />
+      <el-table-column prop="x" align="center" label="备注" />
+      <el-table-column prop="x" align="center" label="操作时间" />
+      <el-table-column prop="x" align="center" label="操作人" />
+      <!-- <el-table-column align="center" label="操作" width="300">
+        <template v-slot="scope">
+          <el-button
+            @click="
+              operationDialog = true;
+              operationValue.partitionId = scope.row.x;
+              operationValue.nameZh = scope.row.x;
+              operationValue.nameEn = scope.row.x;
+              operationValue.nameAr = scope.row.x;
+              operationValue.nameTr = scope.row.x;
+              operationValue.price = scope.row.x;
+              operationValue.day = scope.row.x;
+              operationValue.imageUrl = scope.row.x;
+              operationValue.status = scope.row.x;
+            "
+            class="primary"
+            type="primary"
+            size="default"
+            >编辑</el-button
+          >
+          <el-button
+            @click="send()"
+            class="primary"
+            type="primary"
+            size="default"
+            >赠送</el-button
+          >
+        </template>
+      </el-table-column> -->
+    </el-table>
+    <!-- 分页 -->
+    <el-pagination
+      style="margin-top: 10px"
+      class="paginationClass"
+      v-model:current-page="currentPage"
+      v-model:page-size="pageSize"
+      :page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
+      layout="sizes, prev, pager, next"
+      :total="total"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+  </div>
+</template>
+<script>
+// import {  } from "@/api/personalHomepageResourceManagement/personalHomepageResourceManagement";
+// @ts-ignore
+import { dateFormat } from "@/utils/system-helper";
+// @ts-ignore
+import { ElMessage } from "element-plus";
+export default {
+  name: "personalHomepageGiftRecordManagement",
+  data() {
+    return {
+      loading: false,
+      //查询所需条件对象
+      inquire: {
+        id: "",
+      },
+      // 表格
+      tableData: [{ x: "x" }],
+      // 分页
+      total: 10, //总页数
+      currentPage: 1, //页码
+      pageSize: 10, //条数
+    };
+  },
+  created() {},
+  methods: {
+    // 查询接口
+    getData() {
+      this.loading = true;
+      //   get({}).then((res) => {
+      //     if (res.code == 200) {
+      //       this.loading = false;
+      //     } else {
+      //       ElMessage({
+      //         showClose: true,
+      //         message: res.message,
+      //         type: "error",
+      //       });
+      //     }
+      //   });
+    },
+    // 分页导航
+    handleSizeChange() {
+      this.getData();
+    },
+    handleCurrentChange() {
+      this.getData();
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.box {
+  padding-top: 20px;
+  background: #ecf0f5;
+  .inquire {
+    display: inline-block;
+    margin-right: 20px;
+    span {
+      margin-right: 10px;
+    }
+    .input {
+      width: 180px;
+      margin-right: 10px;
+    }
+  }
+  .dialogTableVisibleBut {
+    display: block;
+    margin: 30px 0 0 830px;
+  }
+  .paginationClass {
+    margin: 15px 0 5px 0px;
+  }
+}
+.operation {
+  margin-bottom: 20px;
+  width: 55%;
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+}
+</style>
diff --git a/src/views/privilege/personalHomepageRecordManagement.vue b/src/views/privilege/personalHomepageRecordManagement.vue
new file mode 100644
index 0000000..89671cd
--- /dev/null
+++ b/src/views/privilege/personalHomepageRecordManagement.vue
@@ -0,0 +1,152 @@
+<template>
+  <div class="box">
+    <!-- 查询 -->
+    <div class="inquire">
+      <span>平台ID</span>
+      <el-input v-model="inquire.id" placeholder="" class="input"></el-input>
+    </div>
+    <!-- 查询按钮 -->
+    <el-button class="primary" type="primary" @click="getData()"
+      >查询</el-button
+    >
+    <!-- 表格 -->
+    <el-table
+      v-loading="loading"
+      :data="tableData"
+      border
+      style="width: 100%; margin-top: 25px"
+    >
+      <el-table-column prop="x" align="center" label="个人主页id" />
+      <el-table-column prop="x" align="center" label="个人主页名称" />
+      <el-table-column prop="x" align="center" label="用户uID" />
+      <el-table-column prop="x" align="center" label="用户昵称" />
+      <el-table-column prop="x" align="center" label="拥有个人主页" />
+      <el-table-column prop="x" align="center" label="个人主页状态" />
+      <el-table-column prop="x" align="center" label="购买时间" />
+      <el-table-column prop="x" align="center" label="有效时间" />
+      <el-table-column prop="x" align="center" label="过期时间" />
+      <!-- <el-table-column align="center" label="操作" width="300">
+        <template v-slot="scope">
+          <el-button
+            @click="
+              operationDialog = true;
+              operationValue.partitionId = scope.row.x;
+              operationValue.nameZh = scope.row.x;
+              operationValue.nameEn = scope.row.x;
+              operationValue.nameAr = scope.row.x;
+              operationValue.nameTr = scope.row.x;
+              operationValue.price = scope.row.x;
+              operationValue.day = scope.row.x;
+              operationValue.imageUrl = scope.row.x;
+              operationValue.status = scope.row.x;
+            "
+            class="primary"
+            type="primary"
+            size="default"
+            >编辑</el-button
+          >
+          <el-button
+            @click="send()"
+            class="primary"
+            type="primary"
+            size="default"
+            >赠送</el-button
+          >
+        </template>
+      </el-table-column> -->
+    </el-table>
+    <!-- 分页 -->
+    <el-pagination
+      style="margin-top: 10px"
+      class="paginationClass"
+      v-model:current-page="currentPage"
+      v-model:page-size="pageSize"
+      :page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
+      layout="sizes, prev, pager, next"
+      :total="total"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+  </div>
+</template>
+<script>
+// import {  } from "@/api/personalHomepageResourceManagement/personalHomepageResourceManagement";
+// @ts-ignore
+import { dateFormat } from "@/utils/system-helper";
+// @ts-ignore
+import { ElMessage } from "element-plus";
+export default {
+  name: "personalHomepageRecordManagement",
+  data() {
+    return {
+      loading: false,
+      //查询所需条件对象
+      inquire: {
+        id: "",
+      },
+      // 表格
+      tableData: [{ x: "x" }],
+      // 分页
+      total: 10, //总页数
+      currentPage: 1, //页码
+      pageSize: 10, //条数
+    };
+  },
+  created() {},
+  methods: {
+    // 查询接口
+    getData() {
+      this.loading = true;
+      //   get({}).then((res) => {
+      //     if (res.code == 200) {
+      //       this.loading = false;
+      //     } else {
+      //       ElMessage({
+      //         showClose: true,
+      //         message: res.message,
+      //         type: "error",
+      //       });
+      //     }
+      //   });
+    },
+    // 分页导航
+    handleSizeChange() {
+      this.getData();
+    },
+    handleCurrentChange() {
+      this.getData();
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.box {
+  padding-top: 20px;
+  background: #ecf0f5;
+  .inquire {
+    display: inline-block;
+    margin-right: 20px;
+    span {
+      margin-right: 10px;
+    }
+    .input {
+      width: 180px;
+      margin-right: 10px;
+    }
+  }
+  .dialogTableVisibleBut {
+    display: block;
+    margin: 30px 0 0 830px;
+  }
+  .paginationClass {
+    margin: 15px 0 5px 0px;
+  }
+}
+.operation {
+  margin-bottom: 20px;
+  width: 55%;
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+}
+</style>
diff --git a/src/views/privilege/personalHomepageResourceManagement.vue b/src/views/privilege/personalHomepageResourceManagement.vue
new file mode 100644
index 0000000..eae6247
--- /dev/null
+++ b/src/views/privilege/personalHomepageResourceManagement.vue
@@ -0,0 +1,369 @@
+<template>
+  <div class="box">
+    <!-- 查询 -->
+    <div class="inquire">
+      <span>地区</span>
+      <el-select v-model="inquire.partitionId" placeholder="请选择">
+        <el-option
+          v-for="item in inquire.partitionArr"
+          :key="item.id"
+          :label="item.desc"
+          :value="item.id"
+        >
+        </el-option>
+      </el-select>
+    </div>
+    <div class="inquire">
+      <span>名称</span>
+      <el-input v-model="inquire.name" placeholder="" class="input"></el-input>
+    </div>
+    <div class="inquire">
+      <span>状态</span>
+      <el-select v-model="inquire.status" placeholder="请选择">
+        <el-option
+          v-for="item in inquire.options"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"
+        >
+        </el-option>
+      </el-select>
+    </div>
+    <!-- 查询按钮 -->
+    <el-button class="primary" type="primary" @click="getData()"
+      >查询</el-button
+    >
+    <!-- 新增按钮 -->
+    <el-button
+      class="primary"
+      type="primary"
+      @click="
+        operationDialog = true;
+        operationValue.partitionId = '';
+        operationValue.nameZh = '';
+        operationValue.nameEn = '';
+        operationValue.nameAr = '';
+        operationValue.nameTr = '';
+        operationValue.price = '';
+        operationValue.day = '';
+        operationValue.imageUrl = '';
+        operationValue.status = '';
+      "
+      >新增</el-button
+    >
+    <!-- 表格 -->
+    <el-table
+      v-loading="loading"
+      :data="tableData"
+      border
+      style="width: 100%; margin-top: 25px"
+    >
+      <el-table-column prop="x" align="center" label="地区" />
+      <el-table-column prop="x" align="center" label="名称" />
+      <el-table-column prop="x" align="center" label="阿语名称" />
+      <el-table-column prop="x" align="center" label="英语名称" />
+      <el-table-column prop="x" align="center" label="土耳其名称" />
+      <el-table-column prop="x" align="center" label="价格" />
+      <el-table-column prop="x" align="center" label="有效期" />
+      <el-table-column prop="x" align="center" label="图片">
+        <template v-slot="scope">
+          <el-image
+            style="width: 200px; height: 200px"
+            :src="scope.row.x"
+            :zoom-rate="1.1"
+            :preview-src-list="[scope.row.x]"
+            fit="scale-down"
+            preview-teleported="true"
+            hide-on-click-modal="true"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column prop="x" align="center" label="状态">
+        <template v-slot="scope">
+          {{ scope.row.x }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="x" align="center" label="操作人" />
+      <el-table-column prop="x" align="center" label="操作时间" />
+      <el-table-column align="center" label="操作" width="300">
+        <template v-slot="scope">
+          <el-button
+            @click="
+              operationDialog = true;
+              operationValue.partitionId = scope.row.x;
+              operationValue.nameZh = scope.row.x;
+              operationValue.nameEn = scope.row.x;
+              operationValue.nameAr = scope.row.x;
+              operationValue.nameTr = scope.row.x;
+              operationValue.price = scope.row.x;
+              operationValue.day = scope.row.x;
+              operationValue.imageUrl = scope.row.x;
+              operationValue.status = scope.row.x;
+            "
+            class="primary"
+            type="primary"
+            size="default"
+            >编辑</el-button
+          >
+          <el-button
+            @click="send()"
+            class="primary"
+            type="primary"
+            size="default"
+            >赠送</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 新增&操作弹窗 -->
+    <el-dialog
+      v-model="operationDialog"
+      :title="operationDialogTitle"
+      width="28%"
+      center
+    >
+      <div class="operation">
+        <span style="margin-right: 20px">地区</span>
+        <el-select v-model="operationValue.partitionId" placeholder="请选择">
+          <el-option
+            v-for="item in operationValue.partitionArr"
+            :key="item.id"
+            :label="item.desc"
+            :value="item.id"
+          >
+          </el-option>
+        </el-select>
+      </div>
+      <div class="operation">
+        <span style="margin-right: 20px">华语名称</span>
+        <el-input
+          v-model="operationValue.nameZh"
+          style="width: 200px"
+          class="input"
+        ></el-input>
+      </div>
+      <div class="operation">
+        <span style="margin-right: 20px">英语名称</span>
+        <el-input
+          v-model="operationValue.nameEn"
+          style="width: 200px"
+          class="input"
+        ></el-input>
+      </div>
+      <div class="operation">
+        <span style="margin-right: 20px">阿拉伯名称</span>
+        <el-input
+          v-model="operationValue.nameAr"
+          style="width: 200px"
+          class="input"
+        ></el-input>
+      </div>
+      <div class="operation">
+        <span style="margin-right: 20px">土耳其名称</span>
+        <el-input
+          v-model="operationValue.nameTr"
+          style="width: 200px"
+          class="input"
+        ></el-input>
+      </div>
+      <div class="operation">
+        <span style="margin-right: 20px">价格</span>
+        <el-input
+          v-model="operationValue.price"
+          style="width: 200px"
+          class="input"
+        ></el-input>
+      </div>
+      <div class="operation">
+        <span style="margin-right: 20px">有效天数</span>
+        <el-input
+          v-model="operationValue.day"
+          style="width: 200px"
+          class="input"
+        ></el-input>
+      </div>
+      <div class="operation">
+        <span class="left" style="margin-right: 20px">图片</span>
+        <el-upload
+          class="avatar-uploader"
+          action="/admin/tencent/cos/upload/file"
+          :show-file-list="false"
+          :on-success="handleAvatarSuccess"
+          :before-upload="beforeAvatarUpload"
+          :on-error="handleAvatarError"
+        >
+          <img
+            v-if="operationValue.imageUrl"
+            :src="operationValue.imageUrl"
+            class="avatar"
+          />
+          <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+        </el-upload>
+      </div>
+      <div class="operation">
+        <span style="margin-right: 20px">状态</span>
+        <el-select v-model="operationValue.status" placeholder="请选择">
+          <el-option
+            v-for="item in operationValue.options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+      </div>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="operationDialog = false">取消</el-button>
+          <el-button type="primary" @click="operation()"> 确认 </el-button>
+        </span>
+      </template>
+    </el-dialog>
+    <!-- 分页 -->
+    <el-pagination
+      style="margin-top: 10px"
+      class="paginationClass"
+      v-model:current-page="currentPage"
+      v-model:page-size="pageSize"
+      :page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
+      layout="sizes, prev, pager, next"
+      :total="total"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+  </div>
+</template>
+<script>
+import { listPartitionInfo } from "@/api/personalHomepageResourceManagement/personalHomepageResourceManagement";
+// @ts-ignore
+import { dateFormat } from "@/utils/system-helper";
+// @ts-ignore
+import { ElMessage } from "element-plus";
+export default {
+  name: "personalHomepageResourceManagement",
+  data() {
+    return {
+      loading: false,
+      //查询所需条件对象
+      inquire: {
+        partitionId: "",
+        partitionArr: [],
+        name: "",
+        status: "",
+        options: [
+          { label: "有效", value: 1 },
+          { label: "无效", value: 0 },
+        ],
+      },
+      operationDialog: false,
+      operationDialogTitle: "新增%编辑",
+      operationValue: {
+        partitionId: "",
+        partitionArr: [],
+        nameZh: "",
+        nameEn: "",
+        nameAr: "",
+        nameTr: "",
+        price: "",
+        day: "",
+        imageUrl: "",
+        status: "",
+        options: [
+          { label: "有效", value: 1 },
+          { label: "无效", value: 0 },
+        ],
+      },
+      // 表格
+      tableData: [{ x: "x" }],
+      // 分页
+      total: 10, //总页数
+      currentPage: 1, //页码
+      pageSize: 10, //条数
+    };
+  },
+  created() {
+    listPartitionInfo().then((res) => {
+      this.inquire.partitionArr = this.operationValue.partitionArr = res.data;
+      // this.getData();
+    });
+  },
+  methods: {
+    // 查询接口
+    getData() {
+      this.loading = true;
+      //   get({}).then((res) => {
+      //     if (res.code == 200) {
+      //       this.loading = false;
+      //     } else {
+      //       ElMessage({
+      //         showClose: true,
+      //         message: res.message,
+      //         type: "error",
+      //       });
+      //     }
+      //   });
+    },
+    beforeAvatarUpload() {
+      ElMessage({
+        showClose: true,
+        message: "上传中~",
+        type: "warning",
+      });
+    },
+    handleAvatarError() {
+      ElMessage({
+        showClose: true,
+        message: "上传失败！",
+        type: "error",
+      });
+    },
+    handleAvatarSuccess(res, file) {
+      console.log(file);
+      this.ediObj.imageUrl1 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
+    // 分页导航
+    handleSizeChange() {
+      this.getData();
+    },
+    handleCurrentChange() {
+      this.getData();
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.box {
+  padding-top: 20px;
+  background: #ecf0f5;
+  .inquire {
+    display: inline-block;
+    margin-right: 20px;
+    span {
+      margin-right: 10px;
+    }
+    .input {
+      width: 180px;
+      margin-right: 10px;
+    }
+  }
+  .dialogTableVisibleBut {
+    display: block;
+    margin: 30px 0 0 830px;
+  }
+  .paginationClass {
+    margin: 15px 0 5px 0px;
+  }
+}
+.operation {
+  margin-bottom: 20px;
+  width: 55%;
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+}
+</style>
diff --git a/src/views/users/GenAccountView.vue b/src/views/users/GenAccountView.vue
index 15db367..9b74b35 100644
--- a/src/views/users/GenAccountView.vue
+++ b/src/views/users/GenAccountView.vue
@@ -1,448 +1,590 @@
 <template>
-    <section class="content">
-        <div class="box box-primary">
-            <div class="box-body">
-                <!-- Content Header (Page header) -->
-                <section class="content-header">
-                    <h1 id="itemTitle"></h1>
-                </section>
-                <div id="toolbar">
-                    <div class="col-sm-12">
-                        <form id="searchForm" method="get" target="_blank">
-                            账号类型:
-                            <select name="defUser" id="defUser" class="input-m">
-                                <option value="">--全部--</option>
-                                <option value="4">工会账号</option>
-                                <option value="5">大头账号</option>
-                            </select>
-                            &nbsp;&nbsp;&nbsp;
-                            操作时间：
-                            <input type="text" name="startTime" id="startTime" class="input-sm" placeholder="请选择开始时间">
-                            - <input type="text" name="endTime" id="endTime" class="input-sm" placeholder="请选择结束时间">
-                        </form>
-                        <button id="btnSearch" class="btn btn-primary">
-                            <i class="glyphicon glyphicon-search"></i>查询
-                        </button>
-                        <button class="btn btn-success" id='addBtn'>
-                            <i class="glyphicon glyphicon-plus"></i>生成账号
-                        </button>
-                        <button id="btnExport" class="btn btn-default">
-                            <i class="glyphicon glyphicon-export"></i>导出
-                        </button>
-                    </div>
-
-                </div>
-                <!-- .content -->
-                <div id="table"></div>
-            </div>
-
-
-
-        </div>
-    </section>
-
-    <div class="modal fade" id="genAccountModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
-        <div class="modal-dialog" role="document">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
-                            aria-hidden="true">&times;</span>
-                    </button>
-                    <h4 class="modal-title" id="modalLabel">生成账号</h4>
-                </div>
-                <div class="modal-body">
-                    <form class="form-horizontal" id="addForm">
-                        <div class="form-group">
-                            <label for="partitionId" class="col-sm-3 control-label">选择地区：</label>
-                            <div class="col-sm-9">
-                                <select name="partitionId" id="partitionId" class="form-control">
-                                    <option value="1">英语区</option>
-                                    <option value="2">阿拉伯语区</option>
-                                    <option value="4">华语区</option>
-                                </select>
-                            </div>
-                        </div>
-
-                        <div class="form-group">
-                            <label for="nick" class="col-sm-3 control-label">昵称:</label>
-                            <div class="col-sm-9">
-                                <input type="text" class="form-control" name="nick" id="nick" placeholder='不填写默认“Peko小新”'>
-                            </div>
-                        </div>
-                        <div class="form-group">
-                            <label for="gender" class="col-sm-3 control-label">性别:</label>
-                            <div class="col-sm-9">
-                                <select name="gender" id="gender" class="form-control">
-                                    <option value="1">男</option>
-                                    <option value="2">女</option>
-                                </select>
-                            </div>
-                        </div>
-                        <div class="form-group">
-                            <label for="avatar" class="col-sm-3 control-label">头像:</label>
-                            <div class="col-sm-9">
-                                <img src="" id="picUrl" style="width:40px;height:40px;" alt="">
-                                <input type="file" id="uploadAvatarFile" name="uploadAvatarFile"
-                                    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="avatar" id="avatar"
-                                    style="width:40px"><span>不上传将使用默认头像</span>
-                            </div>
-                        </div>
-                        <div class="form-group">
-
-                        </div>
-                        <div class="form-group">
-                            <label for="size" class="col-sm-3 control-label">数量:</label>
-                            <div class="col-sm-9">
-                                <input type="text" class="form-control" name="size" id="size" placeholder='一次生成最多不超过20个'
-                                    oninput="value=value.replace(/[^\d]/g,'')">
-                            </div>
-                        </div>
-                        <div class="form-group">
-                            <label for="remark" class="col-sm-3 control-label">备注:</label>
-                            <div class="col-sm-9">
-                                <input type="text" class="form-control" name="remark" id="remark" value="仅供后台记录用"
-                                    placeholder="请输入备注，50字内">
-                            </div>
-                        </div>
-                        <div class="form-group">
-                            <label for="genDefUser" class="col-sm-3 control-label">帐号类型:</label>
-                            <div class="col-sm-9">
-                                <select name="defUser" id="genDefUser" class="form-control validate[required]">
-                                    <option value="4">工会账号</option>
-                                    <!-- <option value="5">大头账号</option> -->
-                                </select>
-                            </div>
-                        </div>
-                        <div id="header_block" style="display: none;">
-                            <div class="form-group">
-                                <label for="phone" class="col-sm-3 control-label">手机号:</label>
-                                <div class="col-sm-9">
-                                    <input type="text" class="form-control validate[required, maxlength: 20]" name="phone"
-                                        id="phone" placeholder='请输入手机号，必填'>
-                                </div>
-                            </div>
-                            <div class="form-group">
-                                <label for="realName" class="col-sm-3 control-label">实际姓名:</label>
-                                <div class="col-sm-9">
-                                    <input type="text" class="form-control validate[required] validate[maxlength: 20]"
-                                        name="realName" id="realName" placeholder='请输入身份证上的姓名，必填'>
-                                </div>
-                            </div>
-                            <div class="form-group">
-                                <label for="idCardNum" class="col-sm-3 control-label">身份证号:</label>
-                                <div class="col-sm-9">
-                                    <input type="text" class="form-control validate[required] validate[maxlength: 30]"
-                                        name="idCardNum" id="idCardNum" placeholder='请输入身份证号码，必填'>
-                                </div>
-                            </div>
-                            <div class="form-group">
-                                <label for="alipayAccount" class="col-sm-3 control-label">支付宝账号:</label>
-                                <div class="col-sm-9">
-                                    <input type="text" class="form-control validate[required] validate[maxlength: 60]"
-                                        name="alipayAccount" id="alipayAccount" placeholder='请输入支付宝帐号，必填'>
-                                </div>
-                            </div>
-                            <div class="form-group">
-                                <label for="alipayAccountName" class="col-sm-3 control-label">支付宝姓名:</label>
-                                <div class="col-sm-9">
-                                    <input type="text" class="form-control validate[required] validate[maxlength: 60]"
-                                        name="alipayAccountName" id="alipayAccountName" placeholder='请输入支付宝姓名'>
-                                </div>
-                            </div>
-                            <div class="form-group">
-                                <label for="bankCardNum" class="col-sm-3 control-label">银行卡号:</label>
-                                <div class="col-sm-9">
-                                    <input type="text" class="form-control validate[required] validate[maxlength: 30]"
-                                        name="bankCardNum" id="bankCardNum" placeholder='请输入银行卡号'>
-                                </div>
-                            </div>
-                            <div class="form-group">
-                                <label for="bankCardName" class="col-sm-3 control-label">持卡人:</label>
-                                <div class="col-sm-9">
-                                    <input type="text" class="form-control validate[required] validate[maxlength: 20]"
-                                        name="bankCardName" id="bankCardName" placeholder='请输入银行卡-持卡人姓名'>
-                                </div>
-                            </div>
-                            <div class="form-group">
-                                <label for="paymentPwd" class="col-sm-3 control-label">支付密码:</label>
-                                <div class="col-sm-9">
-                                    <input type="text"
-                                        class="form-control validate[required] validate[minlength: 6] validate[maxlength: 20]"
-                                        name="paymentPwd" id="paymentPwd" placeholder='请输入6位数字的支付密码，必填'>
-                                </div>
-                            </div>
-                        </div>
-                    </form>
-                </div>
-                <div class="modal-footer">
-
-                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
-                    <button type="button" class="btn btn-primary" id="add">确定</button>
-                </div>
-
-            </div>
+  <section class="content">
+    <div class="box box-primary">
+      <div class="box-body">
+        <!-- Content Header (Page header) -->
+        <section class="content-header">
+          <h1 id="itemTitle"></h1>
+        </section>
+        <div id="toolbar">
+          <div class="col-sm-12">
+            <form id="searchForm" method="get" target="_blank">
+              账号类型:
+              <select name="defUser" id="defUser" class="input-m">
+                <option value="">--全部--</option>
+                <option value="4">工会账号</option>
+                <option value="5">大头账号</option>
+              </select>
+              &nbsp;&nbsp;&nbsp; 操作时间：
+              <input
+                type="text"
+                name="startTime"
+                id="startTime"
+                class="input-sm"
+                placeholder="请选择开始时间"
+              />
+              -
+              <input
+                type="text"
+                name="endTime"
+                id="endTime"
+                class="input-sm"
+                placeholder="请选择结束时间"
+              />
+            </form>
+            <button id="btnSearch" class="btn btn-primary">
+              <i class="glyphicon glyphicon-search"></i>查询
+            </button>
+            <button class="btn btn-success" id="addBtn">
+              <i class="glyphicon glyphicon-plus"></i>生成账号
+            </button>
+            <button id="btnExport" class="btn btn-default">
+              <i class="glyphicon glyphicon-export"></i>导出
+            </button>
+          </div>
         </div>
+        <!-- .content -->
+        <div id="table"></div>
+      </div>
     </div>
+  </section>
+
+  <div
+    class="modal fade"
+    id="genAccountModal"
+    tabindex="-1"
+    role="dialog"
+    aria-labelledby="modalLabel"
+  >
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+          <button
+            type="button"
+            class="close"
+            data-dismiss="modal"
+            aria-label="Close"
+          >
+            <span aria-hidden="true">&times;</span>
+          </button>
+          <h4 class="modal-title" id="modalLabel">生成账号</h4>
+        </div>
+        <div class="modal-body">
+          <form class="form-horizontal" id="addForm">
+            <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="nick" class="col-sm-3 control-label">昵称:</label>
+              <div class="col-sm-9">
+                <input
+                  type="text"
+                  class="form-control"
+                  name="nick"
+                  id="nick"
+                  placeholder="不填写默认“Peko小新”"
+                />
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="gender" class="col-sm-3 control-label">性别:</label>
+              <div class="col-sm-9">
+                <select name="gender" id="gender" class="form-control">
+                  <option value="1">男</option>
+                  <option value="2">女</option>
+                </select>
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="avatar" class="col-sm-3 control-label">头像:</label>
+              <div class="col-sm-9">
+                <img
+                  src=""
+                  id="picUrl"
+                  style="width: 40px; height: 40px"
+                  alt=""
+                />
+                <input
+                  type="file"
+                  id="uploadAvatarFile"
+                  name="uploadAvatarFile"
+                  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="avatar"
+                  id="avatar"
+                  style="width: 40px"
+                /><span>不上传将使用默认头像</span>
+              </div>
+            </div>
+            <div class="form-group"></div>
+            <div class="form-group">
+              <label for="size" class="col-sm-3 control-label">数量:</label>
+              <div class="col-sm-9">
+                <input
+                  type="text"
+                  class="form-control"
+                  name="size"
+                  id="size"
+                  placeholder="一次生成最多不超过20个"
+                  oninput="value=value.replace(/[^\d]/g,'')"
+                />
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="remark" class="col-sm-3 control-label">备注:</label>
+              <div class="col-sm-9">
+                <input
+                  type="text"
+                  class="form-control"
+                  name="remark"
+                  id="remark"
+                  value="仅供后台记录用"
+                  placeholder="请输入备注，50字内"
+                />
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="genDefUser" class="col-sm-3 control-label"
+                >帐号类型:</label
+              >
+              <div class="col-sm-9">
+                <select
+                  name="defUser"
+                  id="genDefUser"
+                  class="form-control validate[required]"
+                >
+                  <option value="4">工会账号</option>
+                  <!-- <option value="5">大头账号</option> -->
+                </select>
+              </div>
+            </div>
+            <div id="header_block" style="display: none">
+              <div class="form-group">
+                <label for="phone" class="col-sm-3 control-label"
+                  >手机号:</label
+                >
+                <div class="col-sm-9">
+                  <input
+                    type="text"
+                    class="form-control validate[required, maxlength: 20]"
+                    name="phone"
+                    id="phone"
+                    placeholder="请输入手机号，必填"
+                  />
+                </div>
+              </div>
+              <div class="form-group">
+                <label for="realName" class="col-sm-3 control-label"
+                  >实际姓名:</label
+                >
+                <div class="col-sm-9">
+                  <input
+                    type="text"
+                    class="form-control validate[required] validate[maxlength: 20]"
+                    name="realName"
+                    id="realName"
+                    placeholder="请输入身份证上的姓名，必填"
+                  />
+                </div>
+              </div>
+              <div class="form-group">
+                <label for="idCardNum" class="col-sm-3 control-label"
+                  >身份证号:</label
+                >
+                <div class="col-sm-9">
+                  <input
+                    type="text"
+                    class="form-control validate[required] validate[maxlength: 30]"
+                    name="idCardNum"
+                    id="idCardNum"
+                    placeholder="请输入身份证号码，必填"
+                  />
+                </div>
+              </div>
+              <div class="form-group">
+                <label for="alipayAccount" class="col-sm-3 control-label"
+                  >支付宝账号:</label
+                >
+                <div class="col-sm-9">
+                  <input
+                    type="text"
+                    class="form-control validate[required] validate[maxlength: 60]"
+                    name="alipayAccount"
+                    id="alipayAccount"
+                    placeholder="请输入支付宝帐号，必填"
+                  />
+                </div>
+              </div>
+              <div class="form-group">
+                <label for="alipayAccountName" class="col-sm-3 control-label"
+                  >支付宝姓名:</label
+                >
+                <div class="col-sm-9">
+                  <input
+                    type="text"
+                    class="form-control validate[required] validate[maxlength: 60]"
+                    name="alipayAccountName"
+                    id="alipayAccountName"
+                    placeholder="请输入支付宝姓名"
+                  />
+                </div>
+              </div>
+              <div class="form-group">
+                <label for="bankCardNum" class="col-sm-3 control-label"
+                  >银行卡号:</label
+                >
+                <div class="col-sm-9">
+                  <input
+                    type="text"
+                    class="form-control validate[required] validate[maxlength: 30]"
+                    name="bankCardNum"
+                    id="bankCardNum"
+                    placeholder="请输入银行卡号"
+                  />
+                </div>
+              </div>
+              <div class="form-group">
+                <label for="bankCardName" class="col-sm-3 control-label"
+                  >持卡人:</label
+                >
+                <div class="col-sm-9">
+                  <input
+                    type="text"
+                    class="form-control validate[required] validate[maxlength: 20]"
+                    name="bankCardName"
+                    id="bankCardName"
+                    placeholder="请输入银行卡-持卡人姓名"
+                  />
+                </div>
+              </div>
+              <div class="form-group">
+                <label for="paymentPwd" class="col-sm-3 control-label"
+                  >支付密码:</label
+                >
+                <div class="col-sm-9">
+                  <input
+                    type="text"
+                    class="form-control validate[required] validate[minlength: 6] validate[maxlength: 20]"
+                    name="paymentPwd"
+                    id="paymentPwd"
+                    placeholder="请输入6位数字的支付密码，必填"
+                  />
+                </div>
+              </div>
+            </div>
+          </form>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-default" data-dismiss="modal">
+            关闭
+          </button>
+          <button type="button" class="btn btn-primary" id="add">确定</button>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
-import TableHelper from '@/utils/bootstrap-table-helper';
-import { showLoading, hideLoading } from '@/utils/maintainer';
-
+import TableHelper from "@/utils/bootstrap-table-helper";
+import { showLoading, hideLoading } from "@/utils/maintainer";
+import { getPartitionInfoList } from '@/api/partition/partitionInfo';
+import { buildSelectOption } from '@/utils/system-helper';
 export default {
-    name: "GenAccountView",
-    setup() {
-        return {};
+  name: "GenAccountView",
+  setup() {
+    return {};
+  },
+  created() {
+    this.$nextTick(function () {
+      this.initPartition();
+      this.initData();
+    });
+  },
+  methods: {
+    initPartition() {
+      getPartitionInfoList().then((res) => {
+        let data = res.data;
+        this.partitionInfos = data;
+        buildSelectOption(
+          "#partitionId",
+          null,
+          data.map((v) => {
+            return {
+              value: v.id,
+              text: v.desc,
+            };
+          })
+        );
+      });
     },
-    created() {
-        this.$nextTick(function () {
-            this.initData();
+    initData() {
+      $(function () {
+        var picker1 = $("#startTime").datetimepicker({
+          format: "yyyy-mm-dd hh:ii:00",
+          autoclose: true,
+          endDate: new Date(),
         });
-    },
-    methods: {
-        initData() {
-            $(function () {
-                var picker1 = $('#startTime').datetimepicker({
-                    format: 'yyyy-mm-dd hh:ii:00',
-                    autoclose: true,
-                    endDate: new Date()
-                });
 
-                var picker2 = $('#endTime').datetimepicker({
-                    format: 'yyyy-mm-dd hh:ii:00',
-                    autoclose: true
-                });
+        var picker2 = $("#endTime").datetimepicker({
+          format: "yyyy-mm-dd hh:ii:00",
+          autoclose: true,
+        });
 
-                picker1.on('changeDate', function () {
-                    var date = $('#startTime').datetimepicker('getDate');
-                    picker2.datetimepicker('setStartDate', date);
-                });
+        picker1.on("changeDate", function () {
+          var date = $("#startTime").datetimepicker("getDate");
+          picker2.datetimepicker("setStartDate", date);
+        });
 
-                picker2.on('changeDate', function () {
-                    var date = $('#endTime').datetimepicker('getDate');
-                    picker1.datetimepicker('setEndDate', date);
-                });
-                $('#table').bootstrapTable('destroy');
-                $('#table').bootstrapTable({
-                    columns: [
-                        { field: 'uid', title: 'UID', align: 'center', width: '5%' },
-                        { field: 'erbanNo', title: 'ID', align: 'center', width: '5%' },
-                        { field: 'nick', title: '昵称', align: 'center', width: '5%' },
-                        {
-                            field: 'defUser', title: '账号类型', align: 'center', width: '5%',
-                            formatter: function (val, row, index) {
-                                if (val == null) {
-                                    return '-';
-                                }
-                                if (val == 1) {
-                                    return '普通账号';
-                                } else if (val == 2) {
-                                    return '官方账号';
-                                } else if (val == 3) {
-                                    return '机器账号';
-                                } else if (val == 4) {
-                                    return '工会账户';
-                                } else if (val == 5) {
-                                    return '大头账号';
-                                }
-                                return val;
-                            }
-                        },
-                        { field: 'remark', title: '备注', align: 'center', width: '5%' },
-                        { field: 'operator', title: '操作人', align: 'center', width: '5%' },
-                        {
-                            field: 'createTime', title: '操作时间', align: 'center', valign: 'middle', width: '10%',
-                            formatter: function (val, row, index) {
+        picker2.on("changeDate", function () {
+          var date = $("#endTime").datetimepicker("getDate");
+          picker1.datetimepicker("setEndDate", date);
+        });
+        $("#table").bootstrapTable("destroy");
+        $("#table").bootstrapTable({
+          columns: [
+            { field: "uid", title: "UID", align: "center", width: "5%" },
+            { field: "erbanNo", title: "ID", align: "center", width: "5%" },
+            { field: "nick", title: "昵称", align: "center", width: "5%" },
+            {
+              field: "defUser",
+              title: "账号类型",
+              align: "center",
+              width: "5%",
+              formatter: function (val, row, index) {
+                if (val == null) {
+                  return "-";
+                }
+                if (val == 1) {
+                  return "普通账号";
+                } else if (val == 2) {
+                  return "官方账号";
+                } else if (val == 3) {
+                  return "机器账号";
+                } else if (val == 4) {
+                  return "工会账户";
+                } else if (val == 5) {
+                  return "大头账号";
+                }
+                return val;
+              },
+            },
+            { field: "remark", title: "备注", align: "center", width: "5%" },
+            {
+              field: "operator",
+              title: "操作人",
+              align: "center",
+              width: "5%",
+            },
+            {
+              field: "createTime",
+              title: "操作时间",
+              align: "center",
+              valign: "middle",
+              width: "10%",
+              formatter: function (val, row, index) {
+                if (val) {
+                  var date = new Date(val);
+                  return date.format("yyyy-MM-dd hh:mm:ss");
+                } else {
+                  return "-";
+                }
+              },
+            },
+          ],
+          undefinedText: "-",
+          cache: false,
+          striped: true,
+          showRefresh: false,
+          pageSize: 20,
+          pagination: true,
+          pageList: [20, 50, 100, 200, 300, 500],
+          search: false,
+          sidePagination: "server", //表示服务端请求
+          queryParamsType: "undefined",
+          queryParams: function queryParams(params) {
+            //设置查询参数
+            var param = {
+              pageNum: params.pageNumber,
+              pageSize: params.pageSize,
+              defUser: $("#defUser").val(),
+              startTime: $("#startTime").val(),
+              endTime: $("#endTime").val(),
+            };
+            return param;
+          },
+          toolbar: "#toolbar",
+          url: "/admin/gen/account/list",
+          onLoadSuccess: function () {
+            //加载成功时执行
+            console.log("load success");
+          },
+          onLoadError: function () {
+            //加载失败时执行
+            console.log("load fail");
+          },
+        });
+        $("#addBtn").on("click", function () {
+          $("#addForm")[0].reset();
+          $("#addForm").validationEngine("hideAll");
+          $("#picUrl").attr("src", "");
+          $("#genDefUser").val(4);
+          $("#header_block").attr("style", "display:none;");
+          $("#genAccountModal").modal("show");
+        });
 
-                                if (val) {
-                                    var date = new Date(val);
-                                    return date.format('yyyy-MM-dd hh:mm:ss');
-                                } else {
-                                    return '-';
-                                }
-                            }
-                        }
-                    ],
-                    undefinedText: '-',
-                    cache: false,
-                    striped: true,
-                    showRefresh: false,
-                    pageSize: 20,
-                    pagination: true,
-                    pageList: [20, 50, 100, 200, 300, 500],
-                    search: false,
-                    sidePagination: "server", //表示服务端请求
-                    queryParamsType: "undefined",
-                    queryParams: function queryParams(params) {   //设置查询参数
-                        var param = {
-                            pageNum: params.pageNumber,
-                            pageSize: params.pageSize,
-                            defUser: $('#defUser').val(),
-                            startTime: $('#startTime').val(),
-                            endTime: $('#endTime').val()
-                        };
-                        return param;
-                    },
-                    toolbar: '#toolbar',
-                    url: '/admin/gen/account/list',
-                    onLoadSuccess: function () {  //加载成功时执行
-                        console.log("load success");
-                    },
-                    onLoadError: function () {  //加载失败时执行
-                        console.log("load fail");
-                    }
-                });
-                $('#addBtn').on('click', function () {
-                    $("#addForm")[0].reset();
-                    $('#addForm').validationEngine('hideAll');
-                    $('#picUrl').attr('src', '');
-                    $('#genDefUser').val(4);
-                    $('#header_block').attr('style', 'display:none;');
-                    $('#genAccountModal').modal('show');
-                });
+        // 查询刷新
+        $("#btnSearch").on("click", function () {
+          TableHelper.doRefresh("#table");
+        });
+        $("#uploadPicBtn").on("click", function () {
+          var options = {
+            type: "post",
+            url: "/admin/gen/account/headImg",
+            dataType: "json",
+            success: function (json) {
+              if (json.path) {
+                $("#avatar").val(json.path);
+                $("#picUrl").attr("src", json.path);
+              } else {
+                $("#tipMsg").text(json.msg);
+                $("#tipModal").modal("show");
+              }
+            },
+          };
+          $("#addForm").ajaxSubmit(options);
+        });
+        $("#add").click(function () {
+          if ($("#addForm").validationEngine("validate")) {
+            var size = $("#size").val();
+            if (!size) {
+              $("#tipMsg").text("请填写数量");
+              $("#tipModal").modal("show");
+              return;
+            }
+            if (size > 20) {
+              $("#tipMsg").text("一次只允许生成20个账号");
+              $("#tipModal").modal("show");
+              return;
+            }
+            if (!$("#gender").val()) {
+              $("#tipMsg").text("请选择性别");
+              $("#tipModal").modal("show");
+              return;
+            }
+            if ($("#remark").val().length > 50) {
+              $("#tipMsg").text("备注不能超过50字");
+              $("#tipModal").modal("show");
+              return;
+            }
+            if ($("#genDefUser").val() == 5) {
+              // 验证手机号
+              var phoneReg = /^1[0-9]{10}$/;
+              if (!phoneReg.test($("#phone").val())) {
+                $("#tipMsg").text("手机号不正确");
+                $("#tipModal").modal("show");
+                return;
+              }
+              // 验证身份证号
+              var idCardNumReg = /(^\d{15}$)|(^\d{17}(\d|X|x)$)/;
+              if (!idCardNumReg.test($("#idCardNum").val())) {
+                $("#tipMsg").text("身份证号不正确");
+                $("#tipModal").modal("show");
+                return;
+              }
 
-                // 查询刷新
-                $('#btnSearch').on('click', function () {
-                    TableHelper.doRefresh('#table');
-                });
-                $('#uploadPicBtn').on('click', function () {
-                    var options = {
-                        type: 'post',
-                        url: '/admin/gen/account/headImg',
-                        dataType: 'json',
-                        success: function (json) {
-                            if (json.path) {
-                                $('#avatar').val(json.path);
-                                $('#picUrl').attr('src', json.path);
-                            } else {
-                                $('#tipMsg').text(json.msg);
-                                $('#tipModal').modal('show');
-                            }
-                        }
-                    }
-                    $('#addForm').ajaxSubmit(options);
-                });
-                $("#add").click(function () {
-                    if ($('#addForm').validationEngine('validate')) {
-                        var size = $('#size').val();
-                        if (!size) {
-                            $("#tipMsg").text("请填写数量");
-                            $("#tipModal").modal('show');
-                            return;
-                        }
-                        if (size > 20) {
-                            $("#tipMsg").text("一次只允许生成20个账号");
-                            $("#tipModal").modal('show');
-                            return;
-                        }
-                        if (!$('#gender').val()) {
-                            $("#tipMsg").text("请选择性别");
-                            $("#tipModal").modal('show');
-                            return;
-                        }
-                        if ($('#remark').val().length > 50) {
-                            $("#tipMsg").text("备注不能超过50字");
-                            $("#tipModal").modal('show');
-                            return;
-                        }
-                        if ($('#genDefUser').val() == 5) {
-                            // 验证手机号
-                            var phoneReg = /^1[0-9]{10}$/;
-                            if (!phoneReg.test($('#phone').val())) {
-                                $("#tipMsg").text("手机号不正确");
-                                $("#tipModal").modal('show');
-                                return;
-                            }
-                            // 验证身份证号
-                            var idCardNumReg = /(^\d{15}$)|(^\d{17}(\d|X|x)$)/;
-                            if (!idCardNumReg.test($('#idCardNum').val())) {
-                                $("#tipMsg").text("身份证号不正确");
-                                $("#tipModal").modal('show');
-                                return;
-                            }
-
-                            // 验证银行卡号
-                            var bankCardNumReg = /^\d{10,30}$/;
-                            if (!bankCardNumReg.test($('#bankCardNum').val())) {
-                                $("#tipMsg").text("银行卡号不正确");
-                                $("#tipModal").modal('show');
-                                return;
-                            }
-
-                            // 验证支付密码
-                            var paymentPwdReg = /^\d{6}$/;
-                            if (!paymentPwdReg.test($('#paymentPwd').val())) {
-                                $("#tipMsg").text("支付密码不正确，必须为6位数字");
-                                $("#tipModal").modal('show');
-                                return;
-                            }
-                        }
-
-                        showLoading();
-                        $.ajax({
-                            type: "post",
-                            url: "/admin/gen/account/add",
-                            data: $('#addForm').serialize(),
-                            dataType: 'json',
-                            success: function (json) {
-                                if (json.success == 'true') {
-                                    $("#genAccountModal").modal('hide');
-                                    $("#tipMsg").text(json.msg);
-                                    $("#tipModal").modal('show');
-                                    TableHelper.doRefresh("#table");
-                                    hideLoading();
-                                } else {
-                                    $("#tipMsg").text("保存失败，错误信息：" + json.msg);
-                                    $("#tipModal").modal('show');
-                                    hideLoading();
-                                }
-                            }
-                        })
-                    }
-
-                });
-
-                $('#genDefUser').on('change', function () {
-                    var defUser = $('#genDefUser').val();
-                    if (defUser == 4) {
-                        $('#header_block').attr('style', 'display:none;');
-                    } else if (defUser == 5) {
-                        $('#header_block').removeAttr('style');
-                    }
-                });
-
-                //导出
-                $('#btnExport').on('click', function () {
-                    var startTime = $('#startTime').val();
-                    var endTime = $('#endTime').val();
-                    if (null == startTime || startTime.trim() == '') {
-                        $("#tipMsg").text("开始日期不能为空");
-                        $("#tipModal").modal('show');
-                        return;
-                    }
-                    if (null == endTime || endTime.trim() == '') {
-                        $("#tipMsg").text("结束日期不能为空");
-                        $("#tipModal").modal('show');
-                        return;
-                    }
-                    if (startTime > endTime) {
-                        $("#tipMsg").text("开始日期不能大于结束日期");
-                        $("#tipModal").modal('show');
-                        return;
-                    }
-
-                    var form = $("#searchForm");
-                    form.attr("action", "/admin/gen/account/export");
-                    form.submit();
-                });
+              // 验证银行卡号
+              var bankCardNumReg = /^\d{10,30}$/;
+              if (!bankCardNumReg.test($("#bankCardNum").val())) {
+                $("#tipMsg").text("银行卡号不正确");
+                $("#tipModal").modal("show");
+                return;
+              }
 
+              // 验证支付密码
+              var paymentPwdReg = /^\d{6}$/;
+              if (!paymentPwdReg.test($("#paymentPwd").val())) {
+                $("#tipMsg").text("支付密码不正确，必须为6位数字");
+                $("#tipModal").modal("show");
+                return;
+              }
+            }
 
+            showLoading();
+            $.ajax({
+              type: "post",
+              url: "/admin/gen/account/add",
+              data: $("#addForm").serialize(),
+              dataType: "json",
+              success: function (json) {
+                if (json.success == "true") {
+                  $("#genAccountModal").modal("hide");
+                  $("#tipMsg").text(json.msg);
+                  $("#tipModal").modal("show");
+                  TableHelper.doRefresh("#table");
+                  hideLoading();
+                } else {
+                  $("#tipMsg").text("保存失败，错误信息：" + json.msg);
+                  $("#tipModal").modal("show");
+                  hideLoading();
+                }
+              },
             });
-        }
-    },
+          }
+        });
 
+        $("#genDefUser").on("change", function () {
+          var defUser = $("#genDefUser").val();
+          if (defUser == 4) {
+            $("#header_block").attr("style", "display:none;");
+          } else if (defUser == 5) {
+            $("#header_block").removeAttr("style");
+          }
+        });
+
+        //导出
+        $("#btnExport").on("click", function () {
+          var startTime = $("#startTime").val();
+          var endTime = $("#endTime").val();
+          if (null == startTime || startTime.trim() == "") {
+            $("#tipMsg").text("开始日期不能为空");
+            $("#tipModal").modal("show");
+            return;
+          }
+          if (null == endTime || endTime.trim() == "") {
+            $("#tipMsg").text("结束日期不能为空");
+            $("#tipModal").modal("show");
+            return;
+          }
+          if (startTime > endTime) {
+            $("#tipMsg").text("开始日期不能大于结束日期");
+            $("#tipModal").modal("show");
+            return;
+          }
+
+          var form = $("#searchForm");
+          form.attr("action", "/admin/gen/account/export");
+          form.submit();
+        });
+      });
+    },
+  },
 };
 </script>