<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('用户列表')"/>
    <style>
        .container-div .row .addBox {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
        }
        .addBox .addItems {
            display: flex;
            align-items: center;
            margin-top: 20px;
        }
        .addBox .addItems span {
            display: inline-block;
            width: 100px;
            text-align: right;
            margin-right: 8px;
        }
    </style>
</head>
<body class="gray-bg">
<div class="container-div">
    <div class="row">
        <div class="addBox">
            <div class="addItems">
                <span><em style="color: red;">*</em>特邀代理姓名</span><input id="name" type="text" placeholder="特邀代理姓名" style="width:200px;height: 30px;">
            </div>
            <div class="addItems">
                <span><em style="color: red;">*</em>特邀代理手机号</span><input id="phone" maxlength="11" type="text" placeholder="特邀代理手机号" style="width:200px;height: 30px;">
            </div>
            <div class="addItems">
                <span><em style="color: red;">*</em>代理描述</span><input id="text" type="text" placeholder="代理描述" style="width:200px;height: 30px;">
            </div>
            <div class="addItems">
                <span><em style="color: red;">*</em>特邀代理姓名</span>
                <select name="" id="performance" style="width:200px;height: 30px;">
                    <option value="" disabled selected>选择演出</option>
                </select>
            </div>
            <div class="addItems">
                <span><em style="color: red;">*</em>票提设置</span><input id="ticket" type="text" placeholder="票提设置%" style="width:200px;height: 30px;">
            </div>
        </div>
    </div>
</div>
<th:block th:include="include :: footer"/>
<script th:inline="javascript">
    let uid = null
    let perId = null
    let hostname = null
    var title = null

    var smilePrefix = ctx + "smile/user";
    var performancesId = null
    $.ajax({
        url:'/smile/show/listAll',
        type:'get',
        success:function(res){
            let arr = []
            res.data.forEach(item =>{
                arr.push(`<option value="${item.performancesId}">${item.title}</option>`)
            })
            $('#performance').append(arr)
        }
    })
</script>
</body>
</html>