新增信誉值

src/views/recharge/RechargeUserView.vue

@@ -10,12 +10,25 @@
         <div id="table"></div>
         <div id="toolbar">
           <div class="col-sm-12">
-                        <label for="searchValue" class="col-sm-3 control-label">Peko ID:</label>
+            <label for="searchValue" class="col-sm-3 control-label"
-                        <div class="col-sm-3"><input type="text" class="form-control" name="searchValue" id="searchValue">
+              >Peko ID:</label
+            >
+            <div class="col-sm-3">
+              <input
+                type="text"
+                class="form-control"
+                name="searchValue"
+                id="searchValue"
+              />
             </div>
             <label for="searchType" class="col-sm-3 control-label">地区:</label>
             <div class="col-sm-3">
-                            <select name="searchType" id="searchType" data-btn-class="btn-warning" class="form-control">
+              <select
+                name="searchType"
+                id="searchType"
+                data-btn-class="btn-warning"
+                class="form-control"
+              >
                 <option value="0" selected="selected">全部</option>
               </select>
             </div>
@@ -33,12 +46,23 @@
     </div>
   </section>
 
-    <div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
+  <div
+    class="modal fade"
+    id="editModal"
+    tabindex="-1"
+    role="dialog"
+    aria-labelledby="modalLabel"
+  >
     <div class="modal-dialog" role="document">
       <div class="modal-content">
         <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
+          <button
-                            aria-hidden="true">&times;</span>
+            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>
@@ -46,9 +70,26 @@
           <form class="form-horizontal">
             <input type="hidden" name="id" id="id" />
             <div class="form-group">
-                            <label for="erbanNo" class="col-sm-3 control-label">Peko ID：</label>
+              <label for="erbanNo" class="col-sm-3 control-label"
+                >Peko ID：</label
+              >
               <div class="col-sm-9">
-                                <input type="text" class="form-control" id="erbanNo">
+                <input type="text" class="form-control" id="erbanNo" />
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="starLevel" class="col-sm-3 control-label"
+                >幸运值:</label
+              >
+              <div class="col-sm-9">
+                <select name="starLevel" id="starLevel">
+                  <option value="">-- 请选择 --</option>
+                  <option value="1">1</option>
+                  <option value="2">2</option>
+                  <option value="3">3</option>
+                  <option value="4">4</option>
+                  <option value="5">5</option>
+                </select>
               </div>
             </div>
             <div class="form-group">
@@ -57,14 +98,22 @@
           </form>
         </div>
         <div class="modal-footer">
-                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
+          <button type="button" class="btn btn-default" data-dismiss="modal">
+            取消
+          </button>
           <button type="button" class="btn btn-primary" id="save">确认</button>
         </div>
       </div>
     </div>
   </div>
 
-    <div class="modal fade" id="tipModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
+  <div
+    class="modal fade"
+    id="tipModal"
+    tabindex="-1"
+    role="dialog"
+    aria-labelledby="modalLabel"
+  >
     <div class="modal-dialog" role="document">
       <div class="modal-content">
         <div class="modal-header">
@@ -77,7 +126,7 @@
 </template>
 
 <script>
-import TableHelper from '@/utils/bootstrap-table-helper';
+import TableHelper from "@/utils/bootstrap-table-helper";
 
 var regionArray;
 export default {
@@ -89,7 +138,9 @@ export default {
         return;
       }
       var $input = $(obj);
-            const typeArray = $("input:checkbox[name='type']:checked").serializeArray();
+      const typeArray = $(
+        "input:checkbox[name='type']:checked"
+      ).serializeArray();
       if (!typeArray) {
         return;
       }
@@ -104,17 +155,17 @@ export default {
             break;
           }
         }
-                var $seq = $('#seq' + type);
+        var $seq = $("#seq" + type);
         if (isCheck) {
-                    $seq.removeAttr('readonly');
+          $seq.removeAttr("readonly");
         } else {
-                    $seq.attr('readonly', 'true');
+          $seq.attr("readonly", "true");
         }
       }
     }
     window.editSeqText = editSeqText;
     return {
-            editSeqText
+      editSeqText,
     };
   },
   created() {
@@ -127,19 +178,35 @@ export default {
       $(function () {
         //地区
         regionArray = chargeRegion();
-                $('#table').bootstrapTable('destroy');
+        $("#table").bootstrapTable("destroy");
-                $('#table').bootstrapTable({
+        $("#table").bootstrapTable({
           columns: [
-                        { field: 'erbanNo', title: 'Peko ID', align: 'center', width: '5%' },
-                        { field: 'nick', title: '昵称', align: 'center', width: '5%' },
-                        { field: 'createTime', title: '首次加入代充时间', align: 'center', width: '5%' },
             {
-                            field: 'type',
+              field: "erbanNo",
-                            title: '地区',
+              title: "Peko ID",
-                            align: 'center',
+              align: "center",
-                            width: '5%',
+              width: "5%",
+            },
+            { field: "nick", title: "昵称", align: "center", width: "5%" },
+            {
+              field: "starLevel",
+              title: "信誉值",
+              align: "center",
+              width: "5%",
+            },
+            {
+              field: "createTime",
+              title: "首次加入代充时间",
+              align: "center",
+              width: "5%",
+            },
+            {
+              field: "type",
+              title: "地区",
+              align: "center",
+              width: "5%",
               formatter: function (val, row, index) {
-                                var value = '';
+                var value = "";
                 if (regionArray) {
                   for (var i = 0, len = regionArray.length; i < len; i++) {
                     var region = regionArray[i];
@@ -148,46 +215,58 @@ export default {
                     if ((val & type) != 0) {
                       value += name;
                       if (i != len - 1) {
-                                                value += '<br>';
+                        value += "<br>";
                       }
                     }
                   }
                 }
                 return value;
-                            }
+              },
             },
             {
-                            field: 'userRegions',
+              field: "userRegions",
-                            title: '排序',
+              title: "排序",
-                            align: 'center',
+              align: "center",
-                            width: '5%',
+              width: "5%",
               formatter: function (val, row, index) {
-                                var value = '';
+                var value = "";
                 if (row.userRegions) {
                   for (var i = 0, len = row.userRegions.length; i < len; i++) {
                     var userRegion = row.userRegions[i];
                     var name = userRegion.name;
                     var seq = userRegion.seq;
-                                        value += name + '：' + seq;
+                    value += name + "：" + seq;
                     if (i != len - 1) {
-                                            value += '<br>';
+                      value += "<br>";
                     }
                   }
                 }
                 return value;
-                            }
               },
-                        { field: 'outDiamondNum', title: '最近30天转出金币', align: 'center', width: '5%' },
+            },
             {
-                            field: 'id',
+              field: "outDiamondNum",
-                            title: '操作',
+              title: "最近30天转出金币",
-                            align: 'center',
+              align: "center",
-                            width: '5%',
+              width: "5%",
-                            valign: 'middle',
+            },
+            {
+              field: "id",
+              title: "操作",
+              align: "center",
+              width: "5%",
+              valign: "middle",
               formatter: function (val, row, index) {
-                                return '<button class="btn btn-sm btn-default opt-edit" data-index="' + index + '">编辑</button>' + '<button class="btn btn-sm btn-default opt-del" data-index="' + index + '">删除</button>';
+                return (
-                            }
+                  '<button class="btn btn-sm btn-default opt-edit" data-index="' +
-                        }
+                  index +
+                  '">编辑</button>' +
+                  '<button class="btn btn-sm btn-default opt-del" data-index="' +
+                  index +
+                  '">删除</button>'
+                );
+              },
+            },
           ],
           cache: false,
           striped: true,
@@ -200,23 +279,27 @@ export default {
           //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
           //设置为limit可以获取limit, offset, search, sort, order
           queryParamsType: "undefined",
-                    queryParams: function queryParams(params) {   //设置查询参数
+          queryParams: function queryParams(params) {
+            //设置查询参数
             var param = {
               page: params.pageNumber,
               pageSize: params.pageSize,
-                            erbanNo: $('#searchValue').val(),
+              erbanNo: $("#searchValue").val(),
-                            regionType: $('#searchType').val()
+              regionType: $("#searchType").val(),
+              starLevel: $("#starLevel").val(),
             };
             return param;
           },
-                    toolbar: '#toolbar',
+          toolbar: "#toolbar",
-                    url: '/admin/recharge/user/page',
+          url: "/admin/recharge/user/page",
-                    onLoadSuccess: function () {  //加载成功时执行
+          onLoadSuccess: function () {
+            //加载成功时执行
             console.log("load success");
           },
-                    onLoadError: function () {  //加载失败时执行
+          onLoadError: function () {
+            //加载失败时执行
             console.log("load fail");
-                    }
+          },
         });
 
         //地区
@@ -228,12 +311,12 @@ export default {
             dataType: "json",
             async: false,
             success: function (json) {
-                            if (json.success == 'true' || json.code == 200) {
+              if (json.success == "true" || json.code == 200) {
                 array = json.data;
               }
-                        }
+            },
           });
-                    var $select = $('#searchType');
+          var $select = $("#searchType");
           for (let i = 0; i < array.length; i++) {
             var $option = $('<option value="' + array[i].type + '" />');
             $option.html(array[i].name);
@@ -243,16 +326,17 @@ export default {
         }
 
         //新增
-                $('#btnAdd').on('click', function () {
+        $("#btnAdd").on("click", function () {
-                    $("#id").val('');
+          $("#id").val("");
-                    $("#erbanNo").val('');
+          $("#erbanNo").val("");
+          $("#starLevel").val("");
           showRegion();
-                    $("#editModal").modal('show');
+          $("#editModal").modal("show");
         });
 
         // 查询刷新
-                $('#btnSearch').on('click', function () {
+        $("#btnSearch").on("click", function () {
-                    TableHelper.doRefresh('#table');
+          TableHelper.doRefresh("#table");
         });
 
         //展示地区
@@ -260,22 +344,31 @@ export default {
           if (!regionArray) {
             return;
           }
-                    var $form = $('#editModal .modal-body .form-horizontal');
+          var $form = $("#editModal .modal-body .form-horizontal");
           for (let i = 0, len = regionArray.length; i < len; i++) {
-                        $('#region' + i).remove();
+            $("#region" + i).remove();
             var region = regionArray[i];
             var name = region.name;
             var type = region.type;
-                        var $formGroup = $('<div/>');
+            var $formGroup = $("<div/>");
-                        $formGroup.attr('id', 'region' + i);
+            $formGroup.attr("id", "region" + i);
-                        $formGroup.attr('class', 'form-group');
+            $formGroup.attr("class", "form-group");
-                        var $label = $('<label/>');
+            var $label = $("<label/>");
-                        $label.attr('class', 'col-sm-3 control-label');
+            $label.attr("class", "col-sm-3 control-label");
-                        $label.html('<input type="checkbox" name="type" value="' + type + '" onclick=\"editSeqText(this);\"/>&nbsp;' + name);
+            $label.html(
+              '<input type="checkbox" name="type" value="' +
+                type +
+                '" onclick="editSeqText(this);"/>&nbsp;' +
+                name
+            );
             $formGroup.append($label);
-                        var $div = $('<div/>');
+            var $div = $("<div/>");
-                        $div.attr('class', 'col-sm-9');
+            $div.attr("class", "col-sm-9");
-                        $div.html('<input type="text" readonly class="form-control" id="seq' + type + '" value="0"/>');
+            $div.html(
+              '<input type="text" readonly class="form-control" id="seq' +
+                type +
+                '" value="0"/>'
+            );
             $formGroup.append($div);
             $form.append($formGroup);
           }
@@ -283,13 +376,15 @@ export default {
 
         //保存
         $("#save").click(function () {
-                    const msg = '确定要保存吗？';
+          const msg = "确定要保存吗？";
           if (confirm(msg)) {
-                        var id = $('#id').val();
+            var id = $("#id").val();
-                        const typeArray = $("input:checkbox[name='type']:checked").serializeArray();
+            const typeArray = $(
+              "input:checkbox[name='type']:checked"
+            ).serializeArray();
             if (!typeArray) {
               $("#tipMsg").text("代充地区不能为空");
-                            $("#tipModal").modal('show');
+              $("#tipModal").modal("show");
               return;
             }
             var userRegionArray = [];
@@ -301,7 +396,7 @@ export default {
               for (let j = 0; j < typeArray.length; j++) {
                 console.log(typeArray[j]);
                 if (typeArray[j] && region.type == typeArray[j].value) {
-                                    seq = $('#seq' + region.type).val();
+                  seq = $("#seq" + region.type).val();
                   isCheck = true;
                   break;
                 }
@@ -310,13 +405,14 @@ export default {
                 type: region.type,
                 name: region.name,
                 isCheck: isCheck,
-                                seq: seq
+                seq: seq,
               };
               userRegionArray.push(userRegion);
             }
             var data = {
-                            erbanNo: $('#erbanNo').val(),
+              erbanNo: $("#erbanNo").val(),
-                            userRegions: JSON.stringify(userRegionArray)
+              starLevel: $("#starLevel").val(),
+              userRegions: JSON.stringify(userRegionArray),
             };
             if (id) {
               data.id = id;
@@ -327,29 +423,32 @@ export default {
               data: data,
               dataType: "json",
               success: function (json) {
-                                if (json.success == 'true' || json.code == 200) {
+                if (json.success == "true" || json.code == 200) {
                   $("#tipMsg").text("保存成功");
-                                    $("#tipModal").modal('show');
+                  $("#tipModal").modal("show");
                   TableHelper.doRefresh("#table");
-                                    $("#editModal").modal('hide');
+                  $("#editModal").modal("hide");
                 } else {
                   $("#tipMsg").text("保存失败." + json.message);
-                                    $("#tipModal").modal('show');
+                  $("#tipModal").modal("show");
-                                    $("#editModal").modal('hide');
+                  $("#editModal").modal("hide");
-                                }
                 }
+              },
             });
           }
         });
 
         //编辑
-                $('#table').on('click', '.opt-edit', function () {
+        $("#table").on("click", ".opt-edit", function () {
-                    const currentData = $('#table').bootstrapTable('getData')[$(this).data('index')];
+          const currentData =
+            $("#table").bootstrapTable("getData")[$(this).data("index")];
           showRegion();
           var id = currentData.id;
           var erbanNo = currentData.erbanNo;
+          var starLevel = currentData.starLevel;
           var userRegions = currentData.userRegions;
           $("#erbanNo").val(erbanNo);
+          $("#starLevel").val(starLevel);
           $("#id").val(id);
           if (regionArray) {
             for (let i = 0; i < regionArray.length; i++) {
@@ -365,48 +464,54 @@ export default {
                 }
               }
               if (isCheck) {
-                                $('input:checkbox[value="' + region.type + '"]').prop('checked', true);
+                $('input:checkbox[value="' + region.type + '"]').prop(
-                                $('#seq' + region.type).removeAttr('readonly');
+                  "checked",
-                                $('#seq' + region.type).val(seq);
+                  true
+                );
+                $("#seq" + region.type).removeAttr("readonly");
+                $("#seq" + region.type).val(seq);
               } else {
-                                $("input:checkbox[value='" + region.type + "']").prop('checked', false);
+                $("input:checkbox[value='" + region.type + "']").prop(
-                                $('#seq' + region.type).attr('readonly', 'true');
+                  "checked",
-                                $('#seq' + region.type).val(0);
+                  false
+                );
+                $("#seq" + region.type).attr("readonly", "true");
+                $("#seq" + region.type).val(0);
               }
             }
           }
-                    $("#editModal").modal('show');
+          $("#editModal").modal("show");
         });
 
         //删除
-                $('#table').on('click', '.opt-del', function () {
+        $("#table").on("click", ".opt-del", function () {
-                    const currentData = $('#table').bootstrapTable('getData')[$(this).data('index')];
+          const currentData =
+            $("#table").bootstrapTable("getData")[$(this).data("index")];
           var id = currentData.id;
-                    const msg = '确定要删除吗？';
+          const msg = "确定要删除吗？";
           if (confirm(msg)) {
             $.ajax({
               type: "get",
               url: "/admin/recharge/user/del?id=" + id,
               dataType: "json",
               success: function (json) {
-                                if (json.success == 'true' || json.code == 200) {
+                if (json.success == "true" || json.code == 200) {
                   $("#tipMsg").text("删除成功");
-                                    $("#tipModal").modal('show');
+                  $("#tipModal").modal("show");
                   TableHelper.doRefresh("#table");
-                                    $("#editModal").modal('hide');
+                  $("#editModal").modal("hide");
                 } else {
                   $("#tipMsg").text("删除失败." + json.message);
-                                    $("#tipModal").modal('show');
+                  $("#tipModal").modal("show");
-                                    $("#editModal").modal('hide');
+                  $("#editModal").modal("hide");
-                                }
-                            }
-                        });
-                    }
-                });
-            });
                 }
               },
-
+            });
+          }
+        });
+      });
+    },
+  },
 };
 </script>