cxhxy/app/user/view/applet/index.html
2023-11-21 15:14:59 +08:00

146 lines
8.3 KiB
HTML

<div class="row-content am-cf">
<div class="row">
<div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
<div class="widget am-cf">
<div class="widget-head am-cf">
<div class="widget-title am-cf">小程序管理</div>
</div>
<div class="widget-body am-fr">
<div class="am-u-sm-12 am-u-md-6 am-u-lg-6">
<div class="am-form-group">
<div class="am-btn-toolbar">
<div class="am-btn-group am-btn-group-sm">
<a class="am-btn am-btn-primary am-radius" href="{:url('applet/add')}">
<span class="am-icon-plus"></span> 创建
</a>
</div>
</div>
</div>
</div>
<div class="am-scrollable-horizontal am-u-sm-12">
<table width="100%" class="am-table am-table-hover tpl-table-black">
<thead>
<tr>
<th>Applet_Id</th>
<th>图标</th>
<th>名称</th>
<th>模板</th>
<th>上线平台</th>
<th>小程序码</th>
<th>到期时间</th>
<th>创建时间</th>
<th>管理操作</th>
</tr>
</thead>
<tbody>
{if !$list->isEmpty()}
{foreach $list as $index => $item}
<tr>
<td class="am-text-middle">{$item['applet_id']}</td>
<td class="am-text-middle">
<img src="{$item['head_img']}" width="50" height="50" alt="小程序图片">
</td>
<td class="am-text-middle">
<p class="item-title">{$item['app_name']|default='--'}</p>
</td>
<td class="am-text-middle">
{if $item['template']['value'] > 0}
<span class="am-badge am-radius am-badge-primary">
{else /}
{if $item['template']['text'] == ''}
<span class="am-badge am-radius">
{else /}
<span class="am-badge am-radius am-badge-secondary">
{/if}
{/if}
{$item['template']['name']}
</span>
</td>
<td class="am-text-middle" style="font-size:25px;color:#ccc;">
<i class="iconfont iconH5" style="{$item['qrcode']['h5']?'color:#ff9900;':''}"></i>
<i class="iconfont iconweixinxiaochengxu" style="{$item['qrcode']['weixin']?'color:#19be6b;':''}"></i>
<i class="iconfont iconzhifubao" style="{$item['qrcode']['alipay']?'color:#2979ff;':''}"></i>
</td>
<td class="am-text-middle">
<a id="qrcode" data-index="{$index}" href="javascript:;">
<i class="iconfont iconerweima" style="font-size:25px;color:#2979ff;"></i>
</a>
</td>
<td class="am-text-middle">
{if $item['template']['value']>0}
{$item['expire_time']['text']}
{else /}
--
{/if}
</td>
<td class="am-text-middle">{$item['create_time']}</td>
<td class="am-text-middle">
<div class="tpl-table-black-operation">
<a href="{:url('applet/setup',['id' => $item['applet_id']])}" target="_blank"
class="tpl-table-black-operation-primary">
<i class="am-icon-cog"></i> 设置
</a>
{if $item['template']['text'] != ''}
<a href="{:url('applet/login',['id' => $item['applet_id']])}" target="_blank">
<i class="am-icon-desktop"></i> 管理
</a>
{/if}
{if $item['template']['value']>0}
<a href="{:url('applet/status',['id' => $item['applet_id']])}"
class="item-delete tpl-table-black-operation-green" >
<i class="am-icon-credit-card"></i> 续费
</a>
{/if}
{if $item['app_id'] == ''}
<a href="javascript:;" class="item-del tpl-table-black-operation-del"
data-index="{$item['applet_id']}">
<i class="am-icon-trash"></i> 删除
</a>
{/if}
</div>
</td>
</tr>
{/foreach}
{else /}
<tr>
<td colspan="7" class="am-text-center">暂无记录</td>
</tr>
{/if}
</tbody>
</table>
</div>
<div class="am-u-lg-12 am-cf">
<div class="am-fr">{:$list->render()} </div>
<div class="am-fr pagination-total am-margin-right">
<div class="am-vertical-align-middle">总记录:{:$list->total()}</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{include file="applet/qrcode" /}
<script>
$(function () {
$('#qrcode').on('click', function () {
let data = $(this).data();
let list = <?= json_encode($list)?>;
$.showAction({
title: '小程序二维码(客户端)',
area: '750px',
content: template('tpl-qrcode', {qrcode:list.data[data.index].qrcode}),
uCheck: true,
btn: ['取消'],
success: function ($content) {
},
btn2: function ($content) {
return true;
}
});
});
// 删除元素
$('.item-del').del('id', "{:url('applet/delete')}",'确定要删除吗?删除后相关数据将无法恢复!');
});
</script>