Главная Обзор Помощь
Регистрация Вход
box
/
box-gm
Следить 2
В избранное 0
Ответвить 0
Файлы Обсуждения 0 Запросы на слияние 0 Вики
Просмотр исходного кода

修改roll房奖励方案物品选择

neo 1 год назад
Родитель
d939a1eb77
Сommit
1f21e3d0a3
1 измененных файлов с 46 добавлено и 9 удалено
Разделённый вид Показать статистику Diff
  1. 46 9
      views/rollaward.tpl

+ 46 - 9
views/rollaward.tpl
Просмотреть файл 

@@ -3,6 +3,7 @@
3 3 
     <head>
4 4 
         <meta charset="UTF-8" />
5 5 
         <title>欢迎页面-X-admin2.0</title>
6 
+
6 7 
         <link rel="stylesheet" href="./static/css/font.css">
7 8 
         <link rel="stylesheet" href="./static/css/xadmin.css">
8 9 
         <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
 
@@ -54,18 +55,14 @@
54 55 
             <hr class="hr20" >
55 56 
         </form>
56 57 
     </dialog>
57 
-    <dialog open id="modalItem" class="x-body layui-anim layui-anim-up" hidden=true style = "center;">
58 
+    <dialog open id="modalItem" class="x-body layui-anim layui-anim-up" hidden=true style="center;width:512px;">
58 59 
         <form class="layui-form layui-form-pane">
59 
-            <select name="" id="item_id" onchange="gradeItemChange(this.options[this.options.selectedIndex].value)">
60 
-              {{range .ItemList}}
61 
-                <option value={{.Id}}>{{.Name}}</option>
62 
-              {{end}}
63 
-            </select>
60 
+            <input id="item_id" name="item_id" placeholder="道具ID"  type="text" lay-verify="required" class="layui-input">
64 61 
             <hr class="hr15">
65 
-            <input id="btn" value="新增" class="layui-btn" style="width:100%;" type="button" onclick="addItem()">
62 
+            <input id="btn" value="新增" class="layui-btn" style="width:64px;" type="button" onclick="addItem()">
66 63 
             <br>
67 64 
             <br>
68 
-            <input value="关闭" class="layui-btn" style="width:100%;" type="button" onclick="closeModalItem()">
65 
+            <input value="关闭" class="layui-btn" style="width:64px;" type="button" onclick="closeModalItem()">
69 66 
             <hr class="hr20" >
70 67 
         </form>
71 68 
     </dialog>
 
@@ -100,11 +97,45 @@
100 97 
     <script language="JavaScript">
101 98 
       var isModelAdd = true
102 99 
       var _ItemList = [];
100 
+      var addSelectIndex = 0;
103 101 
       var awardItemIdList = [];
104 102
105 
-      function InitParams( itemList) {
103 
+      function InitParams(itemList) {
106 104 
         console.log("InitParams");
107 105 
         _ItemList = itemList;
106 
+        // UpdateSelectItems()
107 
+      }
108 
+      // 更新select控件
109 
+      function UpdateSelectItems() {
110 
+        var itemDialog = document.getElementById("modalItem")
111 
+        var obj = itemDialog.querySelector("#item_id")
112 
+        console.info("UpdateSelectItems options:" + obj.length)
113 
+        var maxItemsIndex = _ItemList.length - 1
114 
+        var startIndex = addSelectIndex
115 
+        var endIndex = addSelectIndex + 10
116 
+        if (endIndex > maxItemsIndex) {
117 
+          endIndex = maxItemsIndex
118 
+        }
119 
+
120 
+        for (var i = startIndex; i <= endIndex; i ++) {
121 
+          if (i > maxItemsIndex) {
122 
+            break
123 
+          }
124 
+          var id = _ItemList[i].id
125 
+          var name = _ItemList[i].name + "(" + getItemPrice(id) +")"
126 
+          console.log("modalAddItem index:"+i+" name:"+name+" id:"+id)
127 
+
128 
+          obj.add(new Option(name, id))
129 
+          // obj.options[obj.length] = new Option(name, id)
130 
+          // obj.options[obj.length].style = 'display:list-item';
131 
+
132 
+          addSelectIndex += 1
133 
+        }
134 
+        obj.options[0].selected = true;
135 
+        console.info("UpdateSelectItems options:" + obj.length)
136 
+      }
137 
+      function gradeItemChange(itemId) {
138 
+        console.info("gradeItemChange itemId:" + itemId)
108 139 
       }
109 140 
       // 道具名称
110 141 
       function getItemName(itemId) {
 
@@ -171,6 +202,7 @@
171 202 
       // 物品弹窗
172 203 
       function modalAddItem() {
173 204 
         refreshTableItem()
205 
+        // UpdateSelectItems()
174 206
175 207 
         document.getElementById("modalItem").hidden = false;
176 208 
       }
 
@@ -184,6 +216,11 @@
184 216 
           alert("请选择道具");
185 217 
           return;
186 218 
         }
219 
+        var itemName = getItemName(item_id)
220 
+        if (itemName == ""){
221 
+          alert("该道具未配置");
222 
+          return;
223 
+        }
187 224
188 225 
         awardItemIdList.push(item_id)
189 226 
         refreshTableItem()