#
mrzhssss
2022-05-16 360427be92209485d972a8a68dd289666e608e40
src/main/webapp/views/area/area_detail.html
@@ -9,36 +9,48 @@
    <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../static/css/cool.css" media="all">
    <link rel="stylesheet" href="../../static/css/common.css" media="all">
    <style>
        .layui-form-select dl {
            max-height: 200px;
        }
    </style>
</head>
<body>
<!-- 详情 -->
<div id="data-detail" class="layer_self_wrap">
    <form id="detail" class="layui-form">
    <form id="detail" class="layui-form"  style="text-align: center">
        <div class="layui-inline"  style="width:31%;display: none">
            <label class="layui-form-label"><span class="not-null">*</span>I  D:</label>
            <label class="layui-form-label form-required"><span class="not-null">*</span>I  D:</label>
            <div class="layui-input-inline">
                <input id="id" class="layui-input" type="text" onkeyup="check(this.id, 'node')" lay-verify="number" >
            </div>
        </div>
        <div class="layui-inline"  style="width:31%;">
            <label class="layui-form-label">编  号:</label>
        <div class="layui-inline"  style="width:85%;">
            <label class="layui-form-label form-required">编号:</label>
            <div class="layui-input-inline">
                <input id="uuid" class="layui-input" type="text">
                <input id="uuid" class="layui-input" type="text" autocomplete="off" lay-verify="required">
            </div>
        </div>
        <div class="layui-inline"  style="width:31%;">
            <label class="layui-form-label">名  称:</label>
        <div class="layui-inline"  style="width:85%;">
            <label class="layui-form-label form-required">名称:</label>
            <div class="layui-input-inline">
                <input id="name" class="layui-input" type="text">
                <input id="name" class="layui-input" type="text" autocomplete="off" lay-verify="required">
            </div>
        </div>
        <div class="layui-inline"  style="width:31%;;display: none">
            <label class="layui-form-label">父  级:</label>
        <div class="layui-inline" style="width:85%;">
            <label class="layui-form-label form-required">所属仓库:</label>
            <div class="layui-input-inline">
                <input id="parentId" class="layui-input" type="text" lay-verify="number" >
                <select id="parentId" lay-verify="required" lay-search="">
                </select>
            </div>
        </div>
<!--        <div class="layui-inline"  style="width:31%;;display: none">-->
<!--            <label class="layui-form-label">父  级:</label>-->
<!--            <div class="layui-input-inline">-->
<!--                <input id="parentId" class="layui-input" type="text" lay-verify="number" >-->
<!--            </div>-->
<!--        </div>-->
        <div class="layui-inline"  style="width:31%;;display: none">
            <label class="layui-form-label">父级名称:</label>
            <div class="layui-input-inline">
@@ -74,10 +86,10 @@
                <input id="level" class="layui-input" type="text" lay-verify="number" >
            </div>
        </div>
        <div class="layui-inline"  style="width:31%;">
        <div class="layui-inline"  style="width:85%;">
            <label class="layui-form-label">负 责 人:</label>
            <div class="layui-input-inline">
                <input id="leading" class="layui-input" type="text">
                <input id="leading" class="layui-input" type="text"  autocomplete="off">
            </div>
        </div>
        <div class="layui-inline"  style="width:31%;;display: none">
@@ -144,10 +156,10 @@
                </div>
            </div>
        </div>
        <div class="layui-inline"  style="width:31%;">
            <label class="layui-form-label">备  注:</label>
        <div class="layui-inline"  style="width:85%;">
            <label class="layui-form-label">备注:</label>
            <div class="layui-input-inline">
                <input id="memo" class="layui-input" type="text">
                <input id="memo" class="layui-input" type="text"  autocomplete="off">
            </div>
        </div>
@@ -170,6 +182,43 @@
<script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script>
<script type="text/javascript" src="../../static/js/area/area.js" charset="utf-8"></script>
<script type="text/template" id="parentNodeGroup">
    <option value="">选择仓库</option>
    {{#each data}}
    <option value="{{this.key}}">{{this.val}}</option>
    {{/each}}
</script>
<script>
    layui.use(['form'], function(){
        var form = layui.form;
        getParentNode();
        function getParentNode(el) {
            $.ajax({
                url: baseUrl+"/parent/node/group",
                headers: {'token': localStorage.getItem('token')},
                data: {type: 1},
                method: 'POST',
                success: function (res) {
                    if (res.code === 200){
                        if (res.data != null) {
                            var tpl = $("#parentNodeGroup").html();
                            var template = Handlebars.compile(tpl);
                            var html = template(res);
                            $('#parentId').append(html);
                            form.render('select');
                        }
                    } else if (res.code === 403){
                        top.location.href = baseUrl+"/";
                    } else {
                        layer.msg(res.msg)
                    }
                }
            })
        }
    })
</script>
</html>