YwxAppThink/app/backend/view/addon/index.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="versionTpl">
  {{= d.version || '-' }}
  {{# if(d.upgradable){ }}
  <span class="layui-badge layui-bg-orange" style="margin-left:4px;"
        title="市场最新版本 {{= d.latest_version }}">可升级 {{= d.latest_version }}</span>
  {{# } }}
</script>

<script type="text/html" id="operateTpl">
  <div class="layui-clear-space">
    {{# if(d.upgradable){ }}
    <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="upgrade" data-perm="addon:edit">升级</a>
    {{# } }}
    {{# 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>