<!DOCTYPE html>
<!--解决idea thymeleaf 表达式模板报红波浪线-->
<!--suppress ALL -->
<html xmlns:th="http://www.thymeleaf.org">
<head>

<!--    <link th:href="@{/common/step-lay/step.css}" rel="stylesheet" type="text/css"/>-->
    <!-- 引入公用部分 -->
    <script th:replace="common/head::static"></script>

    <style type="text/css">
        /*.layui-form-label {*/
        /*    width: 380px !important;*/
        /*}*/
        .layui-table-cell{height:60px;line-height:60px}
    </style>
</head>
<body>
<div class="layui-row layui-col-space15">
    <!-- 树 -->
    <div class="layui-col-md12">
        <div class="layui-card">
            <div class="layui-card-body" id="cardBody">
                <!-- 表格主体 -->
                <table class="layui-hide" id="mainTable" lay-filter="test"></table>
                <!-- 模板 -->
                <script type="text/html" id="mainTableToolbarDemo">
                    <div class="layui-form" action="">
                        <div class="layui-form-item">
                            <div class="layui-inline tool-btn">
<!--                                <button class="layui-btn layui-btn-sm" lay-event="addNewRow">新增</button>-->
                            </div>
                        </div>
                    </div>
                </script>

                <script type="text/html" id="mainTableBarDemo">
                    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑<i class="layui-icon layui-icon-edit"></i></a>
                    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
                </script>
                <script type="text/html" id="configButton">
                    {{# if(d.showConfig !== null){}}
                    <a class="layui-btn layui-btn-xs" lay-event="config">设置配置信息<i class="layui-icon layui-icon-edit"></i></a>
                    {{#}}}
                </script>

                <script type="text/html" id="gamePicture">
                    <img  src="{{domainName}}{{d.gamePicture}}" style="" width="60" height="60" alt="">
                </script>
                <script type="text/html" id="gameIcon">
                    <img src="{{domainName}}{{d.gameIcon}}" style="" width="60" height="60" alt="">
                </script>

            </div>
        </div>

    </div>
    <!-- 操作表单 -->
    <div class="layui-col-md12" style="display:none;" id="show_state_div">
        <div class="layui-card">
            <div class="layui-card-body">
                <form id="comStateForm" class="layui-form layui-form-pane" lay-filter="comStateForm">
                    <div class="layui-form-item">
                        <label class="layui-form-label">限制展示平台</label>
                        <div class="layui-input-block">
                            <select name="limitPlatform" id="limitPlatform" lay-verify="required" lay-filter="xmFilter">
                                <option value="">请选择</option>
                            </select>
                        </div>
                    </div>
                    <input type="text" name="id" hidden="hidden"/>
                    <div class="layui-form-item">
                        <a id="saveStateBtn" class="layui-btn" type="submit" lay-submit lay-filter="comStateFilter">保存数据修改</a>
                    </div>
                </form>

            </div>
        </div>
    </div>
    <div class="layui-col-md12" style="display:none;" id="show_div">
        <div class="layui-tab layui-tab-brief" lay-filter="statesTab">
            <ul class="layui-tab-title">
<!--                <li class="layui-this">首页</li>-->
            </ul>
            <div class="layui-tab-content">
<!--                <div class="layui-tab-item layui-show">1</div>-->
            </div>
        </div>

        <div class="layui-card">
            <div class="layui-card-body">
                <form id="comForm" class="layui-form layui-form-pane" lay-filter="comForm">
                    <div class="layui-form-item">
                        <label class="layui-form-label">下标</label>
                        <div class="layui-input-block">
                            <input type="text" name="index" autocomplete="off" placeholder="index"
                                   class="layui-input"  readonly="readonly">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">名称</label>
                        <div class="layui-input-block">
                            <input type="text" name="name" autocomplete="off" placeholder="name"
                                   class="layui-input"  readonly="readonly">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">是否显示</label>
                        <div class="layui-input-block">
                            <input type="radio" name="isShow"  value="1" title="是">
                            <input type="radio" name="isShow"  value="0" title="否">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">是否需要连接设备</label>
                        <div class="layui-input-block">
                            <input type="radio" name="isNeedConnect"  value="1" title="是">
                            <input type="radio" name="isNeedConnect"  value="0" title="否">
                        </div>
                    </div>

                    <input type="text" name="isTabbar" hidden="hidden"/>
                    <input type="text" name="connectInfo" hidden="hidden"/>
                    <input type="text" name="id" hidden="hidden"/>
                    <div class="layui-form-item">
                        <a id="saveBtn" class="layui-btn" type="submit" lay-submit lay-filter="comFilter">保存数据修改</a>
                    </div>
                </form>

            </div>
        </div>
    </div>

<!--    <div class="layui-col-md12" style="display:none;" id="show_add_div">-->
<!--        <div class="layui-card">-->
<!--            <div class="layui-card-body">-->
<!--                <form id="comForm" class="layui-form layui-form-pane" lay-filter="comForm">-->
<!--                    <div class="layui-form-item">-->
<!--                        <label class="layui-form-label">名称</label>-->
<!--                        <div class="layui-input-block">-->
<!--                            <input type="text" name="title" autocomplete="off" placeholder="title"-->
<!--                                   class="layui-input" >-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="layui-form-item">-->
<!--                        <label class="layui-form-label">版本号</label>-->
<!--                        <div class="layui-input-block">-->
<!--                            <input type="number" name="code" autocomplete="off" placeholder="code"-->
<!--                                   class="layui-input" >-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="layui-form-item">-->
<!--                        <label class="layui-form-label">模式类型</label>-->
<!--                        <div class="layui-input-block" >-->
<!--                            <div id="multiselectTag" style="width: 600px;"></div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="layui-form-item">-->
<!--                        <label class="layui-form-label">是否显示</label>-->
<!--                        <div class="layui-input-block">-->
<!--                            <input type="radio" name="isShow" value= 1 title="是">-->
<!--                            <input type="radio" name="isShow" value= 0 title="否">-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="layui-form-item">-->
<!--                        <label class="layui-form-label">是否需要连接设备</label>-->
<!--                        <div class="layui-input-block">-->
<!--                            <input type="radio" name="isNeedConnect" value= 1 title="是">-->
<!--                            <input type="radio" name="isNeedConnect" value= 0 title="否">-->
<!--                        </div>-->
<!--                    </div>-->

<!--                    <input type="number" name="isTabbar" hidden="hidden"/>-->
<!--                    <input type="text" name="connectInfo" hidden="hidden"/>-->
<!--                    <input type="number" name="id" hidden="hidden"/>-->
<!--                    <div class="layui-form-item">-->
<!--                        <a id="saveBtn" class="layui-btn" type="submit" lay-submit lay-filter="comFilter">保存数据修改</a>-->
<!--                    </div>-->
<!--                </form>-->

<!--            </div>-->
<!--        </div>-->
<!--    </div>-->

</div>
</body>
<!--<script type="text/javascript" th:inline="javascript">-->
<!--    //新增数据表单-->
<!--    categoryList = [[${categoryList}]];-->
<!--    allCustomTags = [[${allCustomTags}]];-->
<!--</script>-->
<script th:src="@{/client/js/statesInfo.js}"></script>
</html>