<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>新增</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" th:href="@{/lib/layui/css/layui.css}" media="all">
    <link rel="stylesheet" th:href="@{/css/public.css}" media="all">
    <link rel="stylesheet" th:href="@{/css/WT/bugmanagement.css}" media="all">
    <style>
        select {
            padding-right: 1px; /* 调整内边距，使三角形贴近右边框 */
            background-position: right center; /* 背景图片（三角形）位置 */
            background-repeat: no-repeat; /* 不重复背景图片 */
            -webkit-appearance: none; /* 去除默认样式（WebKit 内核） */
            -moz-appearance: none; /* 去除默认样式（Firefox 内核） */
            appearance: none; /* 去除默认样式（通用） */
        }

    </style>
</head>
<body>
<div class="layui-form layuimini-form" style="margin-left: -15px; margin-right: 20px">
    <div class="form-container">
        <!-- 左侧表单 -->
        <div class="form-left">
            <div class="layui-form-item">
                <label class="layui-form-label required">标题</label>
                <div class="layui-input-block" style="width: 69%;">
                    <input type="text" name="title" id="title"
                           lay-verify="required"
                           lay-reqtext="项目名称不能为空！"
                           autocomplete="off"
                           placeholder="请输入项目名称..." maxlength="30"
                           class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label required">缺陷描述</label>
                <div class="layui-input-block" style="width: 77%;height: 800px" >
                    <textarea name="descripTion" id="descripTion" class="layui-textarea"></textarea>
                </div>
            </div>
        </div>
        <!-- 右侧表单 -->
        <div class="form-right">
            <div class="layui-form-item">
                <label class="layui-form-label required">项目名称</label>
                <div class="layui-input-inline">
                    <select id="xmid" name="xmid">
                        <option value="">请选择...</option>
                        <option th:each="item:${project}" th:text="${item.projectName}" th:value="${item.id}"/>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label required">工作类型</label>
                <div class="layui-input-inline">
                    <select id="workCode" name="workCode" >
                        <option value="">请选择...</option>
                        <option th:each="item:${workType}" th:text="${item.name}" th:value="${item.dict_id}" />
                    </select>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label required">负责人</label>
                <div class="layui-input-inline">
                    <input type="hidden" id="leader" name="leader" class="layui-input"/>
                    <input type="text" id="leaderName" name="leaderName" lay-verify="required" placeholder="请选择..." autocomplete="off"
                           class="layui-input" lay-reqtext="项目负责人不能为空！" readonly>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label required">开始时间</label>
                <div class="layui-form-item layui-inline" style="width: auto">
                    <div class="layui-input-inline">
                        <input type="text" name="beginTime" id="beginTime" lay-verify="required|date" placeholder="开始日期"
                               lay-reqtext="开始日期不能为空" autocomplete="off" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label required">结束时间</label>
                <div class="layui-form-item layui-inline" style="width: auto">
                    <div class="layui-input-inline" >
                        <input type="text" name="comeTime" id="comeTime" lay-verify="required|date" placeholder="结束日期"
                               lay-reqtext="结束日期不能为空" autocomplete="off" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label required">优先级</label>
                <div class="layui-input-inline">
                    <select id="priorityCode" name="priorityCode" >
                        <option value="">请选择...</option>
                        <option th:each="item:${priority}" th:text="${item.name}" th:value="${item.dict_id}"/>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label required">风险等级</label>
                <div class="layui-input-inline">
                    <select id="riskCode" name="riskCode" >
                        <option value="">请选择...</option>
                        <option th:each="item:${risk}" th:text="${item.name}" th:value="${item.dict_id}" />
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label required">需求类型</label>
                <div class="layui-input-inline">
                    <select id="reCode" name="reCode" >
                        <option value="">请选择...</option>
                        <option th:each="item:${reType}" th:text="${item.name}" th:value="${item.dict_id}"/>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label required">需求来源</label>
                <div class="layui-input-inline">
                    <select id="demandCode" name="demandCode" >
                        <option value="">请选择...</option>
                        <option th:each="item:${demand}" th:text="${item.name}" th:value="${item.dict_id}"/>
                    </select>
                </div>
            </div>


            <div class="layui-form-item">
                <label class="layui-form-label">项目周期</label>
                <div class="layui-input-inline">
                    <input type="text" name="xmzq" id="xmzq" class="layui-input" readonly/>
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">备注</label>
                <div class="layui-input-inline" style="height: 300px">
                    <textarea name="remark" id="remark" class="layui-textarea" autocomplete="off"></textarea>
                </div>
            </div>

        </div>
    </div>
    <!-- 右侧悬浮按钮 -->
    <div class="right-bottom-btn">

        <button class="layui-btn" lay-filter="cancleBtn"><i
                class="layui-icon layui-icon-close"></i>取消
        </button>
        <button class="layui-btn" lay-submit lay-filter="saveBtn"><i
                class="layui-icon layui-icon-ok"></i>提交
        </button>
    </div>

</div>
<script th:src="@{/lib/jquery-3.4.1/jquery-3.4.1.min.js}" charset="utf-8"></script>
<script th:src="@{/lib/layui/layui.js}" charset="utf-8"></script>
<script th:src="@{/lib/coco-message/coco-message.js}" charset="utf-8"></script>
<script th:src="@{/js/lay-config.js}" charset="utf-8"></script>
<script th:src="@{/js/WT/util/remarks.js}" charset="utf-8"></script>
</body>
</html>