补充4

src/views/prize/PrizeManageAdminView.vue

@@ -255,15 +255,17 @@ export default {
     return {};
   },
   created() {
-    this.$nextTick(function () {
     this.initData();
-    });
+
+  },
+  mounted() {
+
   },
   methods: {
     initData() {
+      this.$nextTick(function () {
         var main = {
           init: function () {
-          debugger;
             $('.deviateRange').hide();
             $('.chargeDeviateRange').hide();
             $('.diamondDeviateRange').hide();
@@ -276,7 +278,238 @@ export default {
           },
 
           eventRegister: function () {
-          debugger;
+
+          },
+
+          getDataFormBack: function () {
+            $.get('/admin/prize/total/list', {}, function (res) {
+              if (res.code == 200) {
+                // console.log(res);
+                for (var i = 0; i < res.data.length; i++) {
+                  // id对象存储
+                  var id = '' + res.data[i].id;
+                  idObj[id] = res.data[i];
+
+                  // Type对象存储
+                  var type = '' + res.data[i].prizeType;
+
+                  console.log(type);
+
+                  if (!typeObj[type]) {
+                    typeObj[type] = [];
+                  }
+                  typeObj[type].push(res.data[i]);
+
+                }
+                console.log(idObj, typeObj);
+              }
+            });
+          },
+
+          initDeviateRangeSelect: function () {
+            $.get('/admin/deviateRange/list?type=1', {}, function (res) {
+              if (res.total > 0) {
+                var rows = res.rows;
+                for (var i = 0; i < rows.length; i++) {
+                  var deviateRange = rows[i];
+                  var str = '<option value=' + deviateRange.id + '>' + deviateRange.lowerLimit + '~' + deviateRange.upperLimit + '</option>';
+                  $('#deviateRange').append(str);
+                }
+              }
+            });
+          },
+
+          initDiamondDeviateRangeSelect: function () {
+            $.get('/admin/deviateRange/list?type=4', {}, function (res) {
+              if (res.total > 0) {
+                var rows = res.rows;
+                for (var i = 0; i < rows.length; i++) {
+                  var deviateRange = rows[i];
+                  var str = '<option value=' + deviateRange.id + '>' + deviateRange.lowerLimit + '~' + deviateRange.upperLimit + '</option>';
+                  $('#diamondDeviateRange').append(str);
+                }
+              }
+            });
+          },
+
+          initReplacePrizeSelect: function () {
+            $.get('/admin/prize/list/type?prizeType=2', {}, function (res) {
+              $('#replaceAwardChoose').find('option').remove();
+              for (var i in res.data) {
+                var str = '<option value=' + res.data[i].id + '>' + res.data[i].prizeName + '</option>';
+                $('#replaceAwardChoose').append(str);
+              }
+            });
+          }
+        };
+
+        main.init();
+
+        var isEdit = false;
+        $('#table').bootstrapTable('destroy');
+        $('#table').bootstrapTable({
+          columns: [
+            { field: 'id', title: '奖品编号', align: 'center', valign: 'middle', width: '10%' },
+            {
+              field: 'prizeName', title: '奖品名称', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
+                var key = row.prizeId;
+                console.log(key);
+                if (idObj[key]) {
+                  return idObj[key].prizeName;
+                }
+                return '';
+              }
+            },
+            {
+              field: '', title: '奖品分类', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
+                var $prizeId = row.prizeId;
+                var $type;
+                if (idObj[$prizeId]) {
+                  $type = idObj[$prizeId].prizeType;
+                }
+                switch ($type) {
+                  case 8:
+                    return '谢谢参与';
+
+                  case 1:
+                    return '金币';
+
+                  case 2:
+                    return '在线礼物';
+
+                  case 3:
+                    return '座驾';
+
+                  case 4:
+                    return '头饰';
+
+                  case 5:
+                    return '背景';
+
+                  case 6:
+                    return '实体奖品';
+
+                  case 7:
+                    return '靓号';
+
+                }
+
+              }
+            },
+            {
+              field: '', title: '奖品个数', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
+                return row.prizeNum;
+              }
+            },
+            {
+              field: '', title: '平台价值', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
+                var key = row.prizeId;
+                if (idObj[key]) {
+                  return idObj[key].platformValue;
+                }
+                return '';
+              }
+            },
+            {
+              field: '', title: '实际价值', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
+                var key = row.prizeId;
+                if (idObj[key]) {
+                  return idObj[key].actualValue;
+                }
+                return '';
+              }
+            },
+            {
+              field: '', title: '实际中奖率', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
+                return row.occupationRatio / ACCURACY + '%';
+              }
+            },
+            {
+              field: '', title: '显示中奖率', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
+                return row.showRatio / ACCURACY + '%';
+              }
+            },
+            {
+              field: '', title: '期望值', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
+                var key = row.prizeId;
+                if (idObj[key]) {
+                  return row.occupationRatio * idObj[key].actualValue / RATIO_PART;
+                }
+                return '';
+              }
+            },
+            { field: 'usePrizeNum', title: '被抽中数量', align: 'center', valign: 'middle', width: '10%' },
+            {
+              field: '', title: '操作', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
+                var key = row.id;
+                return '<button class="btn btn-primary opt-edit" data-id="' + key + '">编辑</button>    <button class="btn btn-primary remove" data-id="' + key + '">移除</button>';
+              }
+            }
+          ],
+          cache: false,
+          striped: true,
+          showRefresh: false,
+          pageSize: 10,
+          pagination: true,
+          pageList: [10, 20, 30, 50],
+          sidePagination: 'server',
+          queryParamsType: 'undefined',
+          queryParams: function queryParams(params) {
+
+            var param = {
+              pageSize: params.pageSize,
+              pageNumber: params.pageNumber,
+              poolType: parseInt($('#jackpotType').val()),
+              deviateRangeId: getDeviateRangeId()
+            };
+
+            return param;
+          },
+          uniqueId: 'id',
+          toolbar: '#toolbar',
+          url: '/admin/prizePoolItem/list',
+          onLoadSuccess: function (res) {
+            console.log('load success');
+            console.log(res.rows);
+            var arr = [];
+            var Num = 0;
+            var expectNum = 0;
+            var typeObjArr = {
+              1: '幸运新人奖池',
+              2: '幸运普通奖池',
+              3: '幸运白名单奖池',
+              4: '幸运偏差奖池',
+              12: '幸运次数奖池',
+              7: '梦幻普通奖池',
+              9: '梦幻偏差奖池',
+              10: '梦幻新人奖池',
+              11: '梦幻白名单奖池',
+            }
+            for (var i in res.rows) {
+
+              $('#jackpotName').html(typeObjArr[res.rows[i].prizePoolType]);
+              if (arr.indexOf(res.rows[i].prizeId) == -1) {
+                arr.push(res.rows[i].prizeId);
+                $('#jackpotNum').html(arr.length)
+              }
+              Num += parseInt(res.rows[i].prizeNum);
+              $('#prizeNum').html(Num);
+              var $expect = res.rows[i].occupationRatio;
+              // console.log(idObj[res.rows[]]);
+              var $actual = 0;
+              if (res.rows[i] && idObj[res.rows[i].prizeId]) {
+                $actual = idObj[res.rows[i].prizeId].actualValue;
+              }
+              var $Num = parseInt($expect) * parseInt($actual) / RATIO_PART;
+              expectNum += $Num;
+              $('#expectNum').html(expectNum);
+
+            }
+          },
+          onLoadError: function () {
+            console.log('load fail');
+          }
+        });
         // 搜索按钮事件
         $('#searchBtn').on('click', function () {
           $('#table').bootstrapTable('refreshOptions', { pageNumber: 1 });
@@ -525,238 +758,8 @@ export default {
             }
           })
         });
-
-        },
-
-        getDataFormBack: function () {
-          $.get('/admin/prize/total/list', {}, function (res) {
-            if (res.code == 200) {
-              // console.log(res);
-              for (var i = 0; i < res.data.length; i++) {
-                // id对象存储
-                var id = '' + res.data[i].id;
-                idObj[id] = res.data[i];
-
-                // Type对象存储
-                var type = '' + res.data[i].prizeType;
-
-                console.log(type);
-
-                if (!typeObj[type]) {
-                  typeObj[type] = [];
-                }
-                typeObj[type].push(res.data[i]);
-
-              }
-              console.log(idObj, typeObj);
-            }
       });
-        },
 
-        initDeviateRangeSelect: function () {
-          $.get('/admin/deviateRange/list?type=1', {}, function (res) {
-            if (res.total > 0) {
-              var rows = res.rows;
-              for (var i = 0; i < rows.length; i++) {
-                var deviateRange = rows[i];
-                var str = '<option value=' + deviateRange.id + '>' + deviateRange.lowerLimit + '~' + deviateRange.upperLimit + '</option>';
-                $('#deviateRange').append(str);
-              }
-            }
-          });
-        },
-
-        initDiamondDeviateRangeSelect: function () {
-          $.get('/admin/deviateRange/list?type=4', {}, function (res) {
-            if (res.total > 0) {
-              var rows = res.rows;
-              for (var i = 0; i < rows.length; i++) {
-                var deviateRange = rows[i];
-                var str = '<option value=' + deviateRange.id + '>' + deviateRange.lowerLimit + '~' + deviateRange.upperLimit + '</option>';
-                $('#diamondDeviateRange').append(str);
-              }
-            }
-          });
-        },
-
-        initReplacePrizeSelect: function () {
-          $.get('/admin/prize/list/type?prizeType=2', {}, function (res) {
-            $('#replaceAwardChoose').find('option').remove();
-            for (var i in res.data) {
-              var str = '<option value=' + res.data[i].id + '>' + res.data[i].prizeName + '</option>';
-              $('#replaceAwardChoose').append(str);
-            }
-          });
-        }
-      };
-
-      main.init();
-
-      var isEdit = false;
-      $('#table').bootstrapTable('destroy');
-      $('#table').bootstrapTable({
-        columns: [
-          { field: 'id', title: '奖品编号', align: 'center', valign: 'middle', width: '10%' },
-          {
-            field: 'prizeName', title: '奖品名称', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
-              var key = row.prizeId;
-              console.log(key);
-              if (idObj[key]) {
-                return idObj[key].prizeName;
-              }
-              return '';
-            }
-          },
-          {
-            field: '', title: '奖品分类', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
-              var $prizeId = row.prizeId;
-              var $type;
-              if (idObj[$prizeId]) {
-                $type = idObj[$prizeId].prizeType;
-              }
-              switch ($type) {
-                case 8:
-                  return '谢谢参与';
-
-                case 1:
-                  return '金币';
-
-                case 2:
-                  return '在线礼物';
-
-                case 3:
-                  return '座驾';
-
-                case 4:
-                  return '头饰';
-
-                case 5:
-                  return '背景';
-
-                case 6:
-                  return '实体奖品';
-
-                case 7:
-                  return '靓号';
-
-              }
-
-            }
-          },
-          {
-            field: '', title: '奖品个数', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
-              return row.prizeNum;
-            }
-          },
-          {
-            field: '', title: '平台价值', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
-              var key = row.prizeId;
-              if (idObj[key]) {
-                return idObj[key].platformValue;
-              }
-              return '';
-            }
-          },
-          {
-            field: '', title: '实际价值', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
-              var key = row.prizeId;
-              if (idObj[key]) {
-                return idObj[key].actualValue;
-              }
-              return '';
-            }
-          },
-          {
-            field: '', title: '实际中奖率', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
-              return row.occupationRatio / ACCURACY + '%';
-            }
-          },
-          {
-            field: '', title: '显示中奖率', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
-              return row.showRatio / ACCURACY + '%';
-            }
-          },
-          {
-            field: '', title: '期望值', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
-              var key = row.prizeId;
-              if (idObj[key]) {
-                return row.occupationRatio * idObj[key].actualValue / RATIO_PART;
-              }
-              return '';
-            }
-          },
-          { field: 'usePrizeNum', title: '被抽中数量', align: 'center', valign: 'middle', width: '10%' },
-          {
-            field: '', title: '操作', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
-              var key = row.id;
-              return '<button class="btn btn-primary opt-edit" data-id="' + key + '">编辑</button>    <button class="btn btn-primary remove" data-id="' + key + '">移除</button>';
-            }
-          }
-        ],
-        cache: false,
-        striped: true,
-        showRefresh: false,
-        pageSize: 10,
-        pagination: true,
-        pageList: [10, 20, 30, 50],
-        sidePagination: 'server',
-        queryParamsType: 'undefined',
-        queryParams: function queryParams(params) {
-
-          var param = {
-            pageSize: params.pageSize,
-            pageNumber: params.pageNumber,
-            poolType: parseInt($('#jackpotType').val()),
-            deviateRangeId: getDeviateRangeId()
-          };
-
-          return param;
-        },
-        uniqueId: 'id',
-        toolbar: '#toolbar',
-        url: '/admin/prizePoolItem/list',
-        onLoadSuccess: function (res) {
-          console.log('load success');
-          console.log(res.rows);
-          var arr = [];
-          var Num = 0;
-          var expectNum = 0;
-          var typeObjArr = {
-            1: '幸运新人奖池',
-            2: '幸运普通奖池',
-            3: '幸运白名单奖池',
-            4: '幸运偏差奖池',
-            12: '幸运次数奖池',
-            7: '梦幻普通奖池',
-            9: '梦幻偏差奖池',
-            10: '梦幻新人奖池',
-            11: '梦幻白名单奖池',
-          }
-          for (var i in res.rows) {
-
-            $('#jackpotName').html(typeObjArr[res.rows[i].prizePoolType]);
-            if (arr.indexOf(res.rows[i].prizeId) == -1) {
-              arr.push(res.rows[i].prizeId);
-              $('#jackpotNum').html(arr.length)
-            }
-            Num += parseInt(res.rows[i].prizeNum);
-            $('#prizeNum').html(Num);
-            var $expect = res.rows[i].occupationRatio;
-            // console.log(idObj[res.rows[]]);
-            var $actual = 0;
-            if (res.rows[i] && idObj[res.rows[i].prizeId]) {
-              $actual = idObj[res.rows[i].prizeId].actualValue;
-            }
-            var $Num = parseInt($expect) * parseInt($actual) / RATIO_PART;
-            expectNum += $Num;
-            $('#expectNum').html(expectNum);
-
-          }
-        },
-        onLoadError: function () {
-          console.log('load fail');
-        }
-      });
     }
   },