{{# var lang001 = {"ch": "排序方式", "en": "Sort By"}, lang002 = {"ch": "默认排序", "en": "Default Sort"}, lang003 = {"ch": "APP名称", "en": "APP Name"}, lang004 = {"ch": "APP版本", "en": "APP Version"}, lang005 = {"ch": "使用次数", "en": "Usage Count"}, lang006 = {"ch": "-", "en": "-"}, lang007 = {"ch": "-", "en": "-"}, lang008 = {"ch": "-", "en": "-"}, lang009 = {"ch": "-", "en": "-"}, lang010 = {"ch": "-", "en": "-"}, lang011 = {"ch": "-", "en": "-"}, lang012 = {"ch": "-", "en": "-"}, lang013 = {"ch": "APP状态", "en": "APP Status"}, lang014 = {"ch": "所有状态", "en": "All Status"}, lang015 = {"ch": "启用", "en": "Enable"}, lang016 = {"ch": "禁用", "en": "Disable"}, lang017 = {"ch": "可更新", "en": "Updatable"}, lang018 = {"ch": "关键字搜索", "en": "Search"}, lang019 = {"ch": "最近使用", "en": "Recently Used"}, lang020 = {"ch": "可更新", "en": "Updatable"}, lang021 = {"ch": "版本", "en": "Version"}, lang022 = {"ch": "已启用", "en": "Enabled"}, lang023 = {"ch": "已禁用", "en": "Disabled"}, lang024 = {"ch": "状态", "en": "Status"}, lang025 = {"ch": "更新", "en": "Update"}, lang026 = {"ch": "启用", "en": "Enable"}, lang027 = {"ch": "禁用", "en": "Disable"}, lang028 = {"ch": "暂无APP使用记录", "en": "No APP usage record available"}, lang029 = {"ch": "加载出错", "en": "Load Error"}, lang030 = {"ch": "删除", "en": "Delete"}, lang031 = {"ch": "确定要删除", "en": "Confirm Delete?"}, lang032 = {"ch": "接口错误，删除失败", "en": "Server error, deletion failed"}, lang033 = {"ch": "正在更新", "en": "Updating"}, lang034 = {"ch": "接口错误，更新失败", "en": "Server error, update failed"}, lang035 = {"ch": "无", "en": "None"}, lang036 = {"ch": "无状态应用", "en": "Stateless APP"}, lang037 = {"ch": "加入快捷访问", "en": "Add to Quick Access"}, lang038 = {"ch": "该APP默认提供快捷访问", "en": "Quick Access provided by default"}, lang039 = {"ch": "确定要将该APP加入到【快捷访问】吗?", "en": "Confirm adding this APP to Quick Access?"}; }}  <div class="layui-row paui-app-list">  <form class="layui-form layui-form-pane" lay-filter="form_search_local_app"> <div class="layui-form-item" style="margin-bottom:0px"> <label class="layui-form-label">{{ lang001[g_lang] || "排序方式" }}</label> <div class="layui-input-inline" style="width:100px"> <select name="sort" lay-filter="select_search_local_app"> <option value="">{{ lang002[g_lang] || "默认排序" }}</option> <option value="app_name">{{ lang003[g_lang] || "APP名称" }}</option> <option value="app_version">{{ lang004[g_lang] || "APP版本" }}</option> <option value="app_times">{{ lang005[g_lang] || "使用次数" }}</option> </select> </div>  <label class="layui-form-label">{{ lang013[g_lang] || "APP状态" }}</label> <div class="layui-input-inline" style="width:100px"> <select name="state" lay-filter="select_search_local_app"> <option value="">{{ lang014[g_lang] || "所有状态" }}</option> <option value="enable">{{ lang015[g_lang] || "启用" }}</option> <option value="disable">{{ lang016[g_lang] || "禁用" }}</option> <option value="upgrade">{{ lang017[g_lang] || "可更新" }}</option> </select> </div> <div class="layui-input-inline"> <input type="text" name="keyword" id="paui-local-app-input-keyword" class="layui-input" autocomplete="off" placeholder='{{ lang018[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_search_local_app"> </div> <div class="layui-input-inline" style="width:80px"> <span class="layui-hide" id="btn_reload_local_app_data"></span> <span class="layui-hide" id="btn_reload_local_app_tab"></span> <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_search_local_app"> <i class="layui-icon layui-icon-search"></i> </button> </div> </div> </form>  <div class="layui-card" style="margin-top:8px;"> <div class="layui-card-body"> <div class="layui-inline"><b>{{ lang019[g_lang] || "最近使用" }}：</b></div> <div class="layui-inline" id="paui-local-app-recent"></div> </div> </div>  <div class="layui-row paui-table-card" style="margin-top:8px; padding:8px; display:none;"> <table id="tab_local_app_list" lay-filter="tab_local_app_list"></table> </div> </div>   <script id="tpl_local_app_icon" type="text/html"> <div class="layui-row" lay-event="tabevt_open_app"> <img src="{{ g_sys_env.paui_vpath }}{% d.app_icon %}{{ g_sys_env.static_url_args }}" style="width:26px"></img> </div> </script>   <script id="tpl_local_app_name" type="text/html"> {%# var _class = d.app_status == "enable" ? "" : "paui-color-disable"; %} <div lay-event="tabevt_open_app"> <div class="layui-row paui-app-row paui-app-name {% _class %}"> {% d.app_cname %} {%# if(d.upgrade == 1) { %} <span class="paui-app-upgrade paui-color-good">{{ lang020[g_lang] || "可更新" }}</span> {%# } %} </div> <div class="layui-row paui-app-row paui-color-disable">{% d.app_desc %}</div> </div> </script>   <script id="tpl_local_app_version" type="text/html"> <div lay-event="tabevt_open_app"> {%# if(d.app_status == "enable") { %} <div class="layui-row paui-app-row">{{ lang021[g_lang] || "版本" }}：{% d.app_version %}</div> <div class="layui-row paui-app-row"> {{ lang024[g_lang] || "状态" }}：<div class="layui-inline paui-local-app-status-{% d.app_name %}">{{ lang022[g_lang] || "已启用" }}</div> </div> {%# } else if(d.app_status == "disable") { %} <div class="layui-row paui-app-row paui-color-disable">{{ lang021[g_lang] || "版本" }}：{% d.app_version %}</div> <div class="layui-row paui-app-row paui-color-disable"> {{ lang024[g_lang] || "状态" }}：<div class="layui-inline paui-local-app-status-{% d.app_name %}">{{ lang023[g_lang] || "已禁用" }}</div> </div> {%# } else if(d.app_status == "none") { %} <div class="layui-row paui-app-row">{{ lang021[g_lang] || "版本" }}：{% d.app_version %}</div> <div class="layui-row paui-app-row"> {{ lang024[g_lang] || "状态" }}：{{ lang035[g_lang] || "无" }} </div> {%# } %} </div> </script>   <script id="tpl_local_app_delete" type="text/html"> <span class="abtn" title='{{ lang030[g_lang] || "删除" }}' lay-event="tabevt_del"> <i class="layui-icon layui-icon-delete"></i> </span> <span class="abtn paui-app-addtop-top" title='{{ lang037[g_lang] || "加入快捷访问" }}' lay-event="tabevt_addto_quick"> <i class="pa-icon pa-gotop"></i> </span> </script>   <script id="tpl_local_app_switch" type="text/html"> {%# if(d.upgrade == 1) { %} <div class="layui-inline"> <button class="layui-btn layui-btn-xs paui-bg-green" lay-event="tabevt_upgrade">{{ lang025[g_lang] || "更新" }}</button> </div> {%# } %} {%# if(d.app_status == "enable" || d.app_status == "disable") { %} <div class="layui-inline"> <input type="checkbox" name="disable" value="{%d.app_name%}" lay-skin="switch" lay-text='{{ lang026[g_lang] || "启用" }}|{{ lang027[g_lang] || "禁用" }}' lay-filter="app_enable" {% d.app_status == "enable" ? 'checked' : '' %}> </div> {%# } else { %} <div class="layui-inline paui-color-disable">{{ lang036[g_lang] || "无状态应用" }}</div> {%# } %} </script>   <script id="tpl_local_app_recent" type="text/html"> {%# var show_num = 0; layui.each(d, function(index, elem){ if(index > 7 ) return; if(elem.app_times < 1) return; show_num++; %} <div class="layui-inline" title="{% elem.app_cname %}" style="margin:0px 5px;"> <img src="{{ g_sys_env.paui_vpath }}{% elem.app_icon %}{{ g_sys_env.static_url_args }}" app_name="{% elem.app_name %}" app_width="{% elem.app_width %}" app_height="{% elem.app_height %}" style="width:26px"> </div> {%# }); if(show_num == 0) { %} <div class="layui-inline layui-word-aux">{{ lang028[g_lang] || "暂无APP使用记录" }}</div> {%# } %} </script>  <script> layui.use(function(){ var $ = layui.$, form = layui.form, table = layui.table, patpl = layui.patpl;  var pa_table = new Paui_table(); var api = "/cgi-bin/system/ajax_app_store";  var l_app_list = []; var l_user_data = paui_db.get("local_appstore") || {"times":{}, "search":{}};   var open_app = function(app_name, app_width, app_height) { openApp(app_name, app_width, app_height);  if(!l_user_data.times) l_user_data.times = {};  if(l_user_data.times[app_name]) l_user_data.times[app_name]++; else l_user_data.times[app_name] = 1;  paui_db.save("local_appstore", l_user_data); show_recent_app("upgrade"); };   var event_center = { app_enable_switch: function(obj){ var action = obj.elem.checked ? "enable_app" : "disable_app";  layer.load();  pa_ajax({ url: api, type: 'post', data: {"action": action, "app": obj.value}, error: function(status){ layer.closeAll(); alert_err("SYS API ERROR!"); }, success: function(json){ layer.closeAll();  get_app_list(); if(json.code == 0) { alert_ok(json.msg); return; }  var msg = ""; if(json.data){ layui.each(json.data, function(index, elem){ if(elem == "") return; msg += '<div class="paui-color-disable" style="font-size:12px;">'+ elem +'</div>'; }); } if(json.code == 1){ alert_err(json.msg + msg, function(){ layer.closeAll() }); } else{ alert_tips(json.msg + msg, function(){ layer.closeAll() }); } } }); },  tabevt_open_app: function(obj){ open_app(obj.data.app_name, obj.data.app_width, obj.data.app_height); },  tabevt_addto_quick: function(obj){ if(obj.data.app_onmenu == 1){ layer.msg('{{ lang038[g_lang] || "该APP默认提供快捷访问" }}'); return; }  pa_confirm('{{ lang039[g_lang] || "确定要将该APP加入到【快捷访问】吗?" }}', function(index){ layer.close(index); paui_add_quick_access(obj.data, 'app', 'add'); }); },  tabevt_del: function(obj){ pa_confirm('{{ lang031[g_lang] || "确定要删除" }} <span style="color:red">' + obj.data.app_cname + '</span> ?', function(index){ layer.close(index); var status_obj = $(".paui-local-app-status-" + obj.data.app_name.replace('.', '\\.')); var cur_status = status_obj.html(); status_obj.html('<span class="paui-color-danger">正在删除</span>'); pa_ajax({ url: api, type: 'post', data: {"action": "delete_app", "app": obj.data.app_name}, error: function(){ layer.msg('{{ lang032[g_lang] || "接口错误，删除失败" }}！'); status_obj.html(cur_status); }, success: function(json){ if(json.code != 0) { alert_err(json.msg); status_obj.html(cur_status); } else { alert_ok(json.msg); $("#btn_reload_local_app_data").click(); $("#btn_reload_cloud_app_data").click(); reload_sys_env(paui_show_quick_access); } } }); }); },  tabevt_upgrade: function(obj){ var status_obj = $(".paui-local-app-status-" + obj.data.app_name.replace('.', '\\.')); var cur_status = status_obj.html(); status_obj.html('<span style="color:orange">{{ lang033[g_lang] || "正在更新" }}</span>'); pa_ajax({ url: api, data: {action: 'auto_install_app', app_name: obj.data.app_name, app_cname: obj.data.app_cname, file_md5: obj.data.file_md5}, error: function(){ layer.msg('{{ lang034[g_lang] || "接口错误，更新失败" }}!'); status_obj.html(cur_status); }, success: function(json){ if(json.code != 0) { alert_err(json.msg); status_obj.html(cur_status); } else { alert_ok(json.msg); $("#btn_reload_local_app_data").click(); $("#btn_reload_cloud_app_data").click(); } } }); } };   var col_render = function(r){ switch(this.field){ case "app_icon": return patpl($("#tpl_local_app_icon").html()).render(r);  case "app_name": return patpl($("#tpl_local_app_name").html()).render(r);  case "app_version": return patpl($("#tpl_local_app_version").html()).render(r);  case "app_status": return patpl($("#tpl_local_app_switch").html()).render(r);  case "delete": return patpl($("#tpl_local_app_delete").html()).render(r); } };   var table_render = function(){ var sdata = [], data = []; var search = form.getValue("form_search_local_app"); var sTop = $("div[lay-table-id='tab_local_app_list'] .layui-table-body").scrollTop();  /* 保存搜索数据 */ l_user_data.search = search; paui_db.save("local_appstore", l_user_data);  if (search.sort == "" )/* 排序 */ sdata = layui.sort(l_app_list, "app_status", true); else sdata = layui.sort(l_app_list, search.sort, true);  for(var i = 0; i < sdata.length; i++){ if( !pa_str_find(sdata[i].app_name, search.keyword) && !pa_str_find(sdata[i].app_cname, search.keyword) && !pa_str_find(sdata[i].app_desc, search.keyword)) continue;  if (search.state == "disable" && sdata[i].app_status != "disable") /* 过滤状态 */ continue;  if (search.state == "enable" && sdata[i].app_status != "enable") /* 过滤状态 */ continue;  if (search.state == "upgrade" && sdata[i].upgrade != 1) /* 过滤可更新 */ continue;  data.push(sdata[i]); };  $("#tab_local_app_list").parent().show();  pa_table.render({ elem: '#tab_local_app_list' ,data: data ,height: 'full-{{d.pop_route ? 135 : 177}}' ,colHeight: 'auto' ,cols: [[ {field: 'app_icon', title: 'ICON', width:36, templet: col_render} ,{field: 'app_name', title: 'NAME', templet: col_render} ,{field: 'app_version', title: 'VER', width: 320, templet: col_render} ,{field:'app_status', title:'ACT',  width: 120, align: 'right', templet: col_render} ,{field:'delete', title:'ACT', width: 25, templet: col_render} ]] }); };   var show_recent_app = function(type){ var data = l_app_list; if(type == "upgrade") { data = []; for (i = 0; i < l_app_list.length; i++) { var item = l_app_list[i];  if( l_user_data.times && l_user_data.times.hasOwnProperty(item.app_name) ) {/* 添加使用次数 */ item.app_times = l_user_data.times[item.app_name]; }  data.push(item); } }  $("#paui-local-app-recent").html(""); sdata = layui.sort(l_app_list, "app_times", true); patpl($("#tpl_local_app_recent").html()).render(sdata, function(html){ $("#paui-local-app-recent").html(html); });  $("#paui-local-app-recent img").on("click", function(){ var app_name = $(this).attr("app_name"); var app_width = $(this).attr("app_width"); var app_height = $(this).attr("app_height"); open_app(app_name, app_width, app_height); }); };   var get_app_list = function(type){ if(type == "init") layer.load(); pa_ajax({ url: api, data: {'action': 'list_all_app'}, error: function(){ layer.closeAll("loading"); layer.msg('{{ lang029[g_lang] || "加载出错" }}'); l_app_list = []; table_render(); }, success: function(json){ l_app_list = [];  for (i = 0; i < json.data.local.length; i++) { var item = json.data.local[i];  item.app_times = 0; if( l_user_data.times && l_user_data.times.hasOwnProperty(item.app_name) ) {/* 添加使用次数 */ item.app_times = l_user_data.times[item.app_name]; }  for(var x = 0; x < json.data.cloud.length; x++) {/*添加可更新*/ var elem = json.data.cloud[x];  if(elem.app_name == item.app_name) { item.upgrade = elem.app_version > item.app_version ? 1 : 0; item.new_version = elem.app_version; item.file_md5 = elem.file_md5; break; } }  l_app_list.push(item); } table_render(); show_recent_app("init"); layer.closeAll("loading"); } }); };   /* 页面事件*/ form.val("form_search_local_app", l_user_data.search);  get_app_list("init");   /* 事件绑定 */ $("#btn_reload_local_app_tab").on("click", table_render); $("#btn_reload_local_app_data").on("click", function(){ l_user_data = paui_db.get("local_appstore") || {"times":{}, "search":{}}; get_app_list(); });  form.on('submit(submit_search_local_app)', function(obj){ table_render(); return false; });  $("#paui-local-app-input-keyword").on("keyup", table_render); form.on('select(select_search_local_app)', table_render); form.on('input-affix(clear_search_local_app)', table_render);  form.on('switch(app_enable)', function(obj){ event_center.app_enable_switch(obj); });  table.on('tool(tab_local_app_list)', function(obj){ event_center[obj.event](obj); });  {{# if(d.pop_route) { }} $(window).resize(table_render); {{# } }}  }); </script>