86 lines
4.2 KiB
HTML
86 lines
4.2 KiB
HTML
<!--
|
|
* @Author: YwxApp <ywx@ywxapp.cn>
|
|
* @Date: 2026-04-29 02:32:33
|
|
* @LastEditors: YwxApp <ywx@ywxapp.cn>
|
|
* @LastEditTime: 2026-07-31 14:57:37
|
|
* @Description:
|
|
* @FilePath: \ywxapp_dev\app\backend\view\addon\index.html
|
|
* @CustomString: Copyright (c) 2026 YwxApp
|
|
-->
|
|
|
|
<div class="plugin-container layui-card" style="margin-bottom: 5px;">
|
|
<!-- 1. 顶部搜索与操作栏 -->
|
|
<div class="layui-card-header layui-row layui-col-space15">
|
|
<div class="layui-col-md12">
|
|
<form class="layui-form" lay-filter="searchForm">
|
|
<div class="layui-form-item" style="margin-bottom: 0;">
|
|
<div class="layui-inline">
|
|
<label class="layui-form-label" style="width: auto;">插件搜索</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="keyword" placeholder="输入插件名称..." class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-inline">
|
|
<label class="layui-form-label" style="width: auto;">运行状态</label>
|
|
<div class="layui-input-inline">
|
|
<select name="status">
|
|
<option value="">全部</option>
|
|
<option value="1">已启用</option>
|
|
<option value="0">已停用</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="layui-inline">
|
|
<button class="layui-btn layui-btn-normal" lay-submit lay-filter="searchBtn">
|
|
<i class="layui-icon layui-icon-search"></i> 搜索
|
|
</button>
|
|
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="layui-border-green">
|
|
|
|
<!-- 2. 功能性操作按钮组 -->
|
|
<div class="layui-card-header" style="margin: 15px;">
|
|
<button class="layui-btn" data-type="install" id="buttonInstall" data-perm="addon:*"><i class="layui-icon layui-icon-add-1"></i> 安装新插件</button>
|
|
<a class="layui-btn layui-btn-normal" href="{:url('addon/market')}" data-perm="addon:*"><i class="layui-icon layui-icon-app"></i> 应用市场</a>
|
|
<a class="layui-btn layui-btn-normal" href="{:url('addon/my')}" data-perm="addon:*"><i class="layui-icon layui-icon-username"></i> 我的插件</a>
|
|
<button class="layui-btn layui-btn-danger" data-type="batchDel" data-perm="addon:delete"><i class="layui-icon layui-icon-delete"></i> 批量卸载</button>
|
|
<button class="layui-btn layui-btn-warm" data-type="refresh"><i class="layui-icon layui-icon-refresh"></i> 刷新列表</button>
|
|
{if config('ywxapp.addon_developer')}
|
|
<a class="layui-btn layui-btn-warm" href="{:url('addon/design')}"><i class="layui-icon layui-icon-set"></i> 设计插件</a>
|
|
{/if}
|
|
</div>
|
|
<diiv class="layui-card-body">
|
|
<!-- 3. 核心数据表格 -->
|
|
<table class="layui-hide" id="dataTable" lay-filter="dataTable"></table>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 状态开关模板 (控制启用/禁用) -->
|
|
<script type="text/html" id="switchTpl">
|
|
<input type="checkbox" name="status" value="{{= d.id }}" lay-skin="switch" lay-text="启用|停用"
|
|
lay-filter="statusSwitch" {{= d.status == 1 ? 'checked' : '' }}>
|
|
</script>
|
|
|
|
<!-- 右侧操作列模板 (配置/卸载) -->
|
|
|
|
<script type="text/html" id="operateTpl">
|
|
<div class="layui-clear-space">
|
|
{{# if(d.hasConfig){ }}
|
|
<a class="layui-btn layui-btn-xs" lay-event="config" data-perm="addon:config"><i class="layui-icon layui-icon-set"></i> 配置</a>
|
|
{{# } }}
|
|
<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="uninstall" data-perm="addon:delete"><i class="layui-icon layui-icon-close"></i> 卸载</a>
|
|
{{# if(layui.app.devToken){ }}
|
|
<a class="layui-btn layui-btn-xs" lay-event="more"> 更多 <i class="layui-icon layui-icon-down"></i></a>
|
|
{{# } }}
|
|
</div>
|
|
</script>
|
|
<script>
|
|
console.log(window)
|
|
layui.use(['addon', 'table']);
|
|
</script>
|