【7.1.2】更新app应用的必填

Author: stylefeng

src/main/webapp/assets/modular/system/app/app_add.js

@@ -1,10 +1,11 @@
 /**
  * 添加应用
  */
-layui.use(['form', 'admin', 'HttpRequest'], function () {
+layui.use(['form', 'admin', 'HttpRequest', 'iconPicker'], function () {
     var form = layui.form;
     var admin = layui.admin;
     var HttpRequest = layui.HttpRequest;
+    var iconPicker = layui.iconPicker;
 
     //表单提交事件
     form.on('submit(btnSubmit)', function (data) {
@@ -20,4 +21,15 @@ layui.use(['form', 'admin', 'HttpRequest'], function () {
         request.start(true);
     });
 
+    //初始化图标选择
+    iconPicker.render({
+        elem: '#appIcon',
+        type: 'fontClass',
+        search: true,
+        page: true,
+        limit: 12,
+        click: function (data) {
+        }
+    });
+
 });

src/main/webapp/assets/modular/system/app/app_edit.js

@@ -1,10 +1,11 @@
 /**
  * 编辑应用
  */
-layui.use(['form', 'admin', 'HttpRequest'], function () {
+layui.use(['form', 'admin', 'HttpRequest', 'iconPicker'], function () {
     var form = layui.form;
     var admin = layui.admin;
     var HttpRequest = layui.HttpRequest;
+    var iconPicker = layui.iconPicker;
 
     // 获取应用详情
     var request = new HttpRequest(Feng.ctxPath + "/sysApp/detail?appId=" + Feng.getUrlParam("appId"), 'get');
@@ -26,4 +27,17 @@ layui.use(['form', 'admin', 'HttpRequest'], function () {
         request.start(true);
     });
 
+    //初始化图标选择
+    iconPicker.render({
+        elem: '#appIcon',
+        type: 'fontClass',
+        search: true,
+        page: true,
+        limit: 12,
+        click: function (data) {
+        }
+    });
+
+    iconPicker.checkIcon('iconPicker', result.data.appIcon);
+
 });

src/main/webapp/pages/modular/system/app/app_add.html

@@ -18,6 +18,12 @@
                             <input name="appCode" placeholder="请输入应用编码" type="text" class="layui-input" lay-verify="required" required autocomplete="off"/>
                         </div>
                     </div>
+                    <div class="layui-inline layui-col-md12">
+                        <label class="layui-form-label layui-form-required">应用图标</label>
+                        <div class="layui-input-block">
+                            <input name="appIcon" id="appIcon" placeholder="请输入应用图标" lay-filter="iconPicker" type="text" class="layui-input" lay-verify="required" required/>
+                        </div>
+                    </div>
                 </div>
             </div>
         </div>

src/main/webapp/pages/modular/system/app/app_edit.html

@@ -18,6 +18,12 @@
                             <input name="appCode" placeholder="请输入应用编码" type="text" class="layui-input" lay-verify="required" required autocomplete="off"/>
                         </div>
                     </div>
+                    <div class="layui-inline layui-col-md12">
+                        <label class="layui-form-label layui-form-required">应用图标</label>
+                        <div class="layui-input-block">
+                            <input name="appIcon" id="appIcon" placeholder="请输入应用图标" lay-filter="iconPicker" type="text" class="layui-input" lay-verify="required" required/>
+                        </div>
+                    </div>
                 </div>
             </div>
         </div>