zhaobao
/
layui_back


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>新增道路</title>
    <link rel="stylesheet" href="../../../assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="../../../assets/module/formSelects/formSelects-v4.css"/>
    <link rel="stylesheet" href="../../../assets/module/admin.css?v=312"/>
</head>
<body>

<!-- 加载动画 -->
<div class="page-loading">
    <div class="ball-loader">
        <span></span><span></span><span></span><span></span>
    </div>
</div>

<!-- 正文开始 -->
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body">
            <div class="layui-card-header">添加道路信息
                <div class="layui-inline pull-right">
                    <button onclick="history.back()" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal"><i
                            class="layui-icon">&#xe65c;</i>返回
                    </button>
                </div>
            </div>
            <div class="layui-card-body">
                <form class="layui-form" lay-filter="layuiForm" style="max-width: 700px;margin: 40px auto;">
                    <div class="layui-form-item">
                        <label class="layui-form-label w-width150"><span class="layui-badge-dot"></span>所属部门:</label>
                        <div class="layui-input-block w-m180">
                            <input type="text" id="groupName" class="layui-input" name="liableGroupIdName"
                                   value=""
                                   placeholder="点击选择车辆所属部门"
                                   class="form-control" readonly>
                            <input type="hidden" id="groupId" name="gId" readonly>
                            <div id="menuContent" class="menuContent">
                                <ul id="groupTree" class="ztree" style="margin-top:0;"></ul>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label w-width150"><span class="layui-badge-dot"></span>道路名称:</label>
                        <div class="layui-input-block w-m180">
                            <input name="roadName" type="text" placeholder="请输入道路名称 例：朝阳路中段" class="layui-input"
                                   lay-verType="tips" lay-verify="required|uniques">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label w-width150"><span class="layui-badge-dot"></span>道路编号:</label>
                        <div class="layui-input-block w-m180">
                            <input name="roadCode" type="text" placeholder="请输入道路编号 例：G108 京昆线(1231.700--1242.861)"
                                   class="layui-input"
                                   lay-verType="tips" lay-verify="required|uniques">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label w-width150"><span class="layui-badge-dot"></span>起点桩号:</label>
                        <div class="layui-input-block w-m180">
                            <input name="roadBeginPegNumber" type="text" placeholder="请输入起点桩号 例：1231.700"
                                   class="layui-input"
                                   lay-verType="tips" lay-verify="required">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label w-width150"><span class="layui-badge-dot"></span>终点桩号:</label>
                        <div class="layui-input-block w-m180">
                            <input name="roadEndPegNumber" type="text" placeholder="请输入终点桩号 例：1236.700"
                                   class="layui-input"
                                   lay-verType="tips" lay-verify="required">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label w-width150">道路等级：</label>
                        <div class="layui-input-block w-m180">
                            <select name="roadLevel" xm-select-radio>
                                <option value="0">高速</option>
                                <option value="1">一级公路</option>
                                <option value="2">二级公路</option>
                                <option value="3">三级公路</option>
                                <option value="4">四级公路</option>
                                <option value="4">等外公路</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label w-width150"><span
                                class="layui-badge-dot"></span>公路里程（KM）:</label>
                        <div class="layui-input-block w-m180">
                            <input name="roadLength" type="number" placeholder="请输入公路里程 例：5.2" class="layui-input"
                                   lay-verType="tips" lay-verify="required"/>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label w-width150">路面类型</label>
                        <div class="layui-input-block w-m180">
                            <select name="roadSurfaceType" xm-select-radio>
                                <option value="1">沥青混凝土路面</option>
                                <option value="2">水泥混凝土路面</option>
                                <option value="3">简易铺装</option>
                                <option value="4">未铺装</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label w-width150"></span>路基宽度（M）: </label>
                        <div class="layui-input-block w-m180">
                            <input name="roadSubgradeWidth" type="number" placeholder="请输入路基宽度 例：5.2"
                                   class="layui-input"
                                   lay-verType="tips"/>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label w-width150"></span>路面宽度（M）: </label>
                        <div class="layui-input-block w-m180">
                            <input name="roadSurfaceWidth" type="number" placeholder="请输入路面宽度 例：5.2"
                                   class="layui-input"
                                   lay-verType="tips"/>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label w-width150"></span>车道数: </label>
                        <div class="layui-input-block w-m180">
                            <input name="roadLanesNumber" type="number" placeholder="请输入车道数"
                                   class="layui-input"
                                   lay-verType="tips"/>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label w-width150">道路状态:</label>
                        <div class="layui-input-block w-m180">
                            <input type="radio" name="driverSex" value="1" title="正常" checked="">
                            <input type="radio" name="driverSex" value="2" title="废弃">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label w-width150">是否是收费道路:</label>
                        <div class="layui-input-block w-m180">
                            <input type="radio" name="roadIsCharge" value="1" title="是">
                            <input type="radio" name="roadIsCharge" value="0" title="否" checked="">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label w-width150"><span class="layui-badge-dot"></span>管理性质:</label>
                        <div class="layui-input-block w-m180">
                            <select name="roadManagementNature" xm-select-radio>
                                <option value="1">正常养护路段</option>
                                <option value="2">城管路段</option>
                                <option value="3">代养路段</option>
                                <option value="4">列养旧线</option>
                                <option value="5">高速公路连接线</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label w-width150">修建时间:</label>
                        <div class="layui-input-block w-m180">
                            <input type="text" name="roadBuildTime" id="roadBuildTime"
                                   lay-verify="date" autocomplete="off" class="layui-input" readonly>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label w-width150">通车时间:</label>
                        <div class="layui-input-block w-m180">
                            <input type="text" name="roadAccessTime" id="roadAccessTime"
                                   lay-verify="date" autocomplete="off" class="layui-input" readonly>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label w-width150">备注:</label>
                        <div class="layui-input-block w-m180">
                            <textarea type="text" name="roadRemark" id="roadRemark"
                                      autocomplete="off" class="layui-input"></textarea>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block w-m180">
                            <button class="layui-btn" lay-filter="formSubmitBas" lay-submit>&emsp;提交&emsp;</button>
                            <button type="reset" class="layui-btn layui-btn-primary">&emsp;重置&emsp;</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- js部分 -->
<script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
<script type="text/javascript" src="../../../assets/js/common.js?v=312"></script>

<script>
    layui.use(['layer', 'form', 'table', 'util', 'zTree', 'admin', 'uParas', 'laydate', '_groupTree'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var form = layui.form;
        var util = layui.util;
        var admin = layui.admin;
        var uParas = layui.uParas;
        var laydate = layui.laydate;
        var _groupTree = layui._groupTree;
        // 渲染laydate
        laydate.render({
            elem: '#roadBuildTime', format: 'yyyy-MM-dd', type: 'date', max: 'date'
        });
        laydate.render({
            elem: '#roadAccessTime', format: 'yyyy-MM-dd', type: 'date', max: 'date'
        });
        _groupTree.init(null);
        form.verify({
            uniques: function (value) {
                var checkValue = value.trim();
                var checkResult = '';
                $.ajax({
                    url: uParas.baseUrl + '/ent/road/checkRoadCode',
                    type: 'POST',
                    data: {
                        "roadCode": checkValue
                    },
                    datatype: 'json',
                    async: false,
                    success: function (result) {
                        if (result > 0) {
                            checkResult = '路线编号重复，请重新填写'
                        }
                    },
                    error: function () {
                        checkResult = '路线编号验证失败'
                    }
                });
                return checkResult
            }
        });
        // 监听表单提交
        form.on('submit(formSubmitBas)', function (data) {
            // 表格选择的数据放到data.field中
            admin.req(uParas.baseUrl + '/ent/road/save', data.field, function (resp) {
                if (resp.code == 1) {
                    layer.msg(resp.msg);
                    location.href = "./index.html";
                } else {
                    layer.msg(resp.msg)
                }
            }, 'POST');
            return false;
        });
    });
</script>
</body>

</html>