ly
/
KYGK


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
							<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>新建</title>
    <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="@{/lib/font-awesome-4.7.0/css/font-awesome.min.css}" media="all">
    <style>
        body {
            background-color: #ffffff;
        }
    </style>
</head>
<body>
<form class="layui-form" action="" lay-filter="formDemo">
    <div class="layui-form layuimini-form">
        <div class="layui-form-item layui-inline" style="width: 100%">
            <label class="layui-form-label required" style="width: 70px">人员</label>
            <div class="layui-input-inline" style="width: 650px">
                <input type="hidden" id="ry" name="ry">
                <input type="text" id="ryxm" name="ryxm" lay-verify="required" lay-reqtext="人员不能为空" class="layui-input" readonly>
            </div>
        </div>

        <div class="layui-form-item layui-inline" style="width: 100%">
            <label class="layui-form-label" style="width: 70px">单位</label>
            <div class="layui-input-inline" style="width: 650px">
                <input type="hidden" id="dw" name="dw">
                <input type="text" id="dwmc" name="dwmc" class="layui-input" readonly>
            </div>
        </div>

        <div class="layui-form-item layui-inline" style="width: 100%">
            <label class="layui-form-label" style="width: 70px">单位类型</label>
            <div class="layui-input-inline" style="width: 650px">
                <input type="hidden" id="dwlx" name="dwlx" class="layui-input">
                <input type="text" id="dwlxmc" name="dwlxmc" class="layui-input" readonly>
            </div>
        </div>

        <div class="layui-form-item layui-inline" style="width: 100%">
            <label class="layui-form-label" style="width: 70px">职称</label>
            <div class="layui-input-inline" style="width: 250px">
                <input type="hidden" id="zc" name="zc" class="layui-input">
                <input type="text" id="zcmc" name="zcmc" class="layui-input" readonly>
            </div>
            <label class="layui-form-label" style="width: 110px">学历</label>
            <div class="layui-input-inline" style="width: 250px">
                <input type="hidden" id="xl" name="xl" class="layui-input">
                <input type="text" id="xlmc" name="xlmc" class="layui-input" readonly>
            </div>
        </div>

        <div class="layui-form-item layui-inline" style="width: 100%">
            <label class="layui-form-label required" style="width: 70px">项目角色</label>
            <div class="layui-input-inline" style="width: 650px">
                <input type="hidden" id="xmjsmc" name="xmjsmc" class="layui-input">
                <select name="xmjs" id="xmjs" lay-verify="required" lay-reqtext="项目角色不能为空" lay-filter="xmjs">
                    <option value="">请选择</option>
                    <option th:each="item:${xmjsList}" th:text="${item.name}" th:value="${item.code}"></option>
                </select>
            </div>
        </div>

        <div class="layui-form-item layui-inline" style="width: 100%">
            <label class="layui-form-label" style="width: 70px">本项目分工</label>
            <div class="layui-input-inline" style="width: 650px">
                <input type="text" id="bxmfg" name="bxmfg" autocomplete="off" style="position: absolute; z-index: 2; margin:2px; width: 90%; height: 90%; border: none" class="layui-input">
                <select name="bxmfgmc" id="bxmfgmc" lay-search="" lay-filter="bxmfg">
                    <option value="">选择或输入本项目分工</option>
                    <option th:each="item:${bxmfgList}" th:text="${item.name}" th:value="${item.name}"></option>
                </select>
            </div>
        </div>

        <div class="layui-form-item layui-inline" style="width: 100%">
            <label class="layui-form-label " style="width: 70px">顺序编号</label>
            <div class="layui-input-inline" style="width: 250px">
                <input type="number" name="sxbh" class="layui-input" autocomplete="off">
            </div>
            <label class="layui-form-label" style="width: 110px">投入工作总月数</label>
            <div class="layui-input-inline" style="width: 250px">
                <input type="number" min="1" name="trgzzys" value="1" class="layui-input">
            </div>
        </div>

        <!-- 右侧悬浮按钮 -->
        <div class="right-bottom-btn">
            <button class="layui-btn" lay-submit lay-filter="saveBtn">
                <i class="layui-icon layui-icon-ok"></i>确定
            </button>
            <button class="layui-btn" lay-filter="cancleBtn">
                <i class="layui-icon layui-icon-close"></i>取消
            </button>
        </div>
    </div>
</form>

<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 type="text/javascript" th:inline="javascript">
    AjaxUtil.ctx = /*[[@{/}]]*/'';
    layui.use(['form', 'layer', 'tableSelect'], function () {
        var form = layui.form,
            tableSelect = layui.tableSelect;

        //监听项目角色
        form.on('select(xmjs)', function (data) {
            let text = data.elem.selectedOptions[0].text;
            $("#xmjsmc").val(text);
        });
        //监听项目分工
        form.on('select(bxmfg)', function (data) {
            let text = data.elem.selectedOptions[0].text;
            $("#bxmfg").val(text);
        });

        //人员
        tableSelect.render({
            elem: '#ryxm',
            checkedKey: 'id',
            searchKey: 'xm',
            searchPlaceholder: '搜索姓名',
            table: {
                url: AjaxUtil.ctx + 'basePerson/rylist',
                cols: [
                    [
                        {type: "radio", fixed: 'left'},
                        {type: 'numbers', align: 'center'},
                        {field: 'xm', width: '15%', title: '姓名'},
                        {field: 'dwmc', title: '公司/单位'}
                    ]
                ],
                done: function (res, curr, count) {

                },
                page: true
            },
            done: function (elem, data) {
                var NEWJSON = [];
                var NEWJSON1 = [];
                var NEWJSON2 = [];
                var NEWJSON3 = [];
                var NEWJSON4 = [];
                var NEWJSON5 = [];
                var NEWJSON6 = [];
                var NEWJSON7 = [];
                var NEWJSON8 = [];
                var NEWJSON9 = [];
                layui.each(data.data, function (index, item) {
                    NEWJSON.push(item.xm);
                    NEWJSON1.push(item.id);
                    NEWJSON2.push(item.dw);
                    NEWJSON3.push(item.dwmc);
                    NEWJSON4.push(item.dwxz);
                    NEWJSON5.push(item.dwxzmc);
                    NEWJSON6.push(item.zc);
                    NEWJSON7.push(item.zcmc);
                    NEWJSON8.push(item.xl);
                    NEWJSON9.push(item.xlmc);
                })
                elem.val(NEWJSON.join(","));
                $("#ry").val(NEWJSON1.join(","));
                $("#dw").val(NEWJSON2.join(","));
                $("#dwmc").val(NEWJSON3.join(","));
                $("#dwlx").val(NEWJSON4.join(","));
                $("#dwlxmc").val(NEWJSON5.join(","));
                $("#zc").val(NEWJSON6.join(","));
                $("#zcmc").val(NEWJSON7.join(","));
                $("#xl").val(NEWJSON8.join(","));
                $("#xlmc").val(NEWJSON9.join(","));
            }
        })

        //监听提交
        form.on('submit(saveBtn)', function (data) {
            if(data.field.bxmfg != "") {
                AjaxUtil.post({
                    url: AjaxUtil.ctx + "prjProjectdivision/doAdd",
                    data: data.field
                });
            }
            parent.setMember(data.field);
            parent.setUpdateFlag();
            parent.layer.close(parent.layer.getFrameIndex(window.name));// 关闭子窗口

            return false;
        });

        // 监听取消按钮
        $("button[lay-filter='cancleBtn']").click(function () {
            var iframeIndex = parent.layer.getFrameIndex(window.name);
            parent.layer.close(iframeIndex);
        });
    });
</script>
</body>
</html>