{{# var lang001 = {"ch": "我的应用", "en": "My APPs"}, lang002 = {"ch": "应用商店", "en": "APP Store"}, lang003 = {"ch": "安装升级", "en": "Install/Upgrade"}, lang004 = {"ch": "应用名称", "en": "APP Name"}, lang005 = {"ch": "软件版本", "en": "Software Version"}, lang006 = {"ch": "功能描述", "en": "Description"}, lang007 = {"ch": "确定要继续安装吗", "en": "Confirm Install?"}, lang008 = {"ch": "安装确认", "en": "Install Confirmation"}, lang009 = {"ch": "上传出错", "en": "Upload Error"}; }} <style> .paui-app-store .layui-table-header{display:none} .paui-app-store .layui-table td, .paui-app-store .layui-table th { font-size: 12px; } .paui-app-store .paui-app-row{line-height:20px; height:20px} .paui-app-store .paui-app-row:hover, .paui-app-store img:hover{cursor:pointer} .paui-app-store .paui-app-name {font-weight:bold} .paui-app-store .layui-form-switch {height: 16px; line-height: 16px;} .paui-app-store .layui-form-switch i{top:1px} .paui-app-store .layui-icon-delete {font-size: 18px;} .paui-app-store .paui-app-upgrade {color:#00ff00; font-size:12px; font-weight: normal; margin-left:10px;}  .paui-app-store .paui-app-addtop-top{display: none;} .paui-app-store tr:hover .paui-app-addtop-top{display: inline-block;} </style>  <div class="layui-tab layui-tab-brief paui-app-store" lay-filter="menu_app_store" style="height:100%"> <ul class="layui-tab-title paui-appstore-title"> <li target="app_local" status=0>{{ lang001[g_lang] || "我的应用" }}</li> <li target="app_cloud" status=0>{{ lang002[g_lang] || "应用商店" }}</li> </ul> <div class="paui-card-tool" style="top:8px"> <span class="abtn" id="paui-btn-install-app"> <i class="layui-icon layui-icon-upload-drag"></i>&nbsp;{{ lang003[g_lang] || "安装升级" }} </span> </div> <div class="layui-tab-content"> <div class="layui-tab-item"></div> <div class="layui-tab-item"></div> </div> </div>  <div class="layui-hide" id="paui_confirm_install"> <div class="layui-form paui-form" style="margin:20px"> <div class="layui-form-item"> <label class="layui-form-label">{{ lang004[g_lang] || "应用名称" }}</label> <div class="layui-form-mid">{% d.app_cname %}</div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang005[g_lang] || "软件版本" }}</label> <div class="layui-form-mid">{% d.app_version %}</div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang006[g_lang] || "功能描述" }}</label> <div class="layui-form-mid">{% d.app_desc %}</div> </div> <div class="layui-form-item"> <label class="layui-form-label" style="width:240px; text-align:left; padding-left: 58px;">{{ lang007[g_lang] || "确定要继续安装吗" }}？</label> </div> </div> </div>  <script id="tpl_show_app_upload" type="text/html"> <div class="layui-progress layui-progress-big" lay-filter="div_appupload_process" style="margin:50px 40px"> <div class="layui-progress-bar layui-bg-blue" lay-percent="0%"></div> </div> </script>  <script> layui.use(function(){ var $ = layui.$, table = layui.table, upload = layui.upload, laytpl = layui.laytpl, patpl = layui.patpl, element = layui.element;  var l_upd_index = "";  var api = "/cgi-bin/system/ajax_app_store"; var TPL_CONFIRM = $("#paui_confirm_install").html(); $("#paui_confirm_install").remove();   var show_upload_load = function(){ return paopen({ title: false, closeBtn: false, content: $("#tpl_show_app_upload").html(), shade: ["0.9", "#333333"], area: ['460px', '120px'], shadeClose: false }); };   var confirm_install = function(data){ paopen({ title: '{{ lang008[g_lang] || "安装确认" }}', area: ['600px', '300px'], closeBtn: false, content: patpl(TPL_CONFIRM).render(data), btn: 'default', btn1: function(){ layer.load(); pa_ajax({ url: api, data: {"action": "confirm_install_app", "app_cname": data.app_cname}, success: function(json){ layer.closeAll(); $("#btn_reload_local_app_data").click(); $("#btn_reload_cloud_app_data").click(); reload_sys_env(paui_show_quick_access);  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() }); } } }); }, btn2: function(){ pa_ajax({ url: api, data: {"action": "cancel_install_app"}, }); } }); };   paui_upload({ elem: '#paui-btn-install-app' ,url: api ,accept: 'file' ,data: {"action": "upload_app"} ,before: function(obj){ l_upd_index = show_upload_load(); } ,progress: function(n, elem){ element.progress('div_appupload_process',  n + '%'); } ,done: function(json){ layer.close(l_upd_index); if(json.code != 0) alert_err(json.msg); else confirm_install(json.data); } ,error: function(){ layer.close(l_upd_index); alert_err('{{ lang009[g_lang] || "上传出错" }}'); } });   element.on('tab(menu_app_store)', function(obj){ var index = obj.index; var target = $(this).attr("target"); var status = $(this).attr("status");  $(this).attr("status", 1);  if (status == 1) { if(index == 0) $("#btn_reload_local_app_tab").click(); else $("#btn_reload_cloud_app_tab").click(); return; }  pa_get_html('/html/system/' + target + '.html', function(html){ laytpl(html).render({{-JSON.stringify(d)}}, function(string){ $(".paui-app-store .layui-tab-item").eq(index).html(string); }); }); });   $(".paui-appstore-title li").eq(0).trigger("click");  }); </script>