Calculation/app/view/sub_proj/info.ejs

<% include ./sp_info_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main">
            <% include ./sp_info_mini_menu.ejs %>
            <div class="d-inline-block">
                项目信息
            </div>
        </div>
        <div class="ml-auto"></div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <div class="sjs-height-0" style="height: 570px;">
                <div class="col-9 px-3">
                    <div>
                        <div class="py-2 font-weight-bold">立项批准（核准）情况：</div>
                        <div class="row">
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="">部门：</label>
                                    <input type="text" class="form-control form-control-sm" name="lx_department" value="<%- info.lx_department %>" org="<%- info.lx_department %>" maxlength="100" placeholder="请输入部门名称" oninput="limitMaxLength(this)" onblur="changeInfo(this)">
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <label for="">日期：</label>
                                    <input type="date" class="form-control form-control-sm" name="lx_date" value="<%- info.lx_date %>" org="<%- info.lx_date %>" placeholder="请输入" onchange="changeInfo(this)">
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <label for="">文号：</label>
                                    <input type="text" class="form-control form-control-sm" name="lx_code" value="<%- info.lx_code %>" org="<%- info.lx_code %>" placeholder="请输入文号" maxlength="50" oninput="limitMaxLength(this)" onblur="changeInfo(this)">
                                </div>
                            </div>
                        </div>
                        <div class="py-2 font-weight-bold">初步（修编）设计批准情况：</div>
                        <div class="row">
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="">部门：</label>
                                    <input type="text" class="form-control form-control-sm" name="cb_department" value="<%- info.cb_department %>" org="<%- info.cb_department %>" placeholder="请输入部门名称" maxlength="100" oninput="limitMaxLength(this)" onblur="changeInfo(this)">
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <label for="">日期：</label>
                                    <input type="date" class="form-control form-control-sm" name="cb_date" value="<%- info.cb_date %>" org="<%- info.cb_date %>" placeholder="请输入" onchange="changeInfo(this)">
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <label for="">文号：</label>
                                    <input type="text" class="form-control form-control-sm" name="cb_code" value="<%- info.cb_code %>" org="<%- info.cb_code %>" placeholder="请输入文号" maxlength="50" oninput="limitMaxLength(this)" onblur="changeInfo(this)">
                                </div>
                            </div>
                        </div>
                        <div class="py-2 font-weight-bold">施工许可批复情况：</div>
                        <div class="row">
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="">部门：</label>
                                    <input type="text" class="form-control form-control-sm" name="sg_department" value="<%- info.sg_department %>" org="<%- info.sg_department %>" placeholder="请输入部门名称" maxlength="100" oninput="limitMaxLength(this)" onblur="changeInfo(this)">
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <label for="">日期：</label>
                                    <input type="date" class="form-control form-control-sm" name="sg_date" value="<%- info.sg_date %>" org="<%- info.sg_date %>" placeholder="请输入" onchange="changeInfo(this)">
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <label for="">文号：</label>
                                    <input type="text" class="form-control form-control-sm" name="sg_code" value="<%- info.sg_code %>" org="<%- info.sg_code %>" placeholder="请输入文号" maxlength="50" oninput="limitMaxLength(this)" onblur="changeInfo(this)">
                                </div>
                            </div>
                        </div>
                        <div class="py-2 font-weight-bold">交工验收情况：</div>
                        <div class="row">
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="">部门：</label>
                                    <input type="text" class="form-control form-control-sm" name="jg_department" value="<%- info.jg_department %>" org="<%- info.jg_department %>" placeholder="请输入部门名称" maxlength="100" oninput="limitMaxLength(this)" onblur="changeInfo(this)">
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <label for="">日期：</label>
                                    <input type="date" class="form-control form-control-sm" name="jg_date" value="<%- info.jg_date %>" org="<%- info.jg_date %>" placeholder="请输入" onchange="changeInfo(this)">
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <label for="">文号：</label>
                                    <input type="text" class="form-control form-control-sm" name="jg_code" value="<%- info.jg_code %>" org="<%- info.jg_code %>" placeholder="请输入文号" maxlength="50" oninput="limitMaxLength(this)" onblur="changeInfo(this)">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-3">
                                <div class="form-group">
                                    <label for="">工程质量评分：</label>
                                    <input type="text" class="form-control form-control-sm" name="jg_quality_score" value="<%- info.jg_quality_score %>" org="<%- info.jg_quality_score %>" placeholder="请输入" maxlength="50" oninput="limitMaxLength(this)" onblur="changeInfo(this)">
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <label for="">等级：</label>
                                    <select class="form-control form-control-sm" name="jg_level" value="<%- info.jg_level %>" org="<%- info.jg_level %>" onchange="changeInfo(this)">
                                        <option value="">请选择</option>
                                        <option value="优良" <%if (info.jg_level === '优良') { %>selected<% } %>>优良</option>
                                        <option value="合格" <%if (info.jg_level === '合格') { %>selected<% } %>>合格</option>
                                        <option value="不合格" <%if (info.jg_level === '不合格') { %>selected<% } %>>不合格</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="py-2 font-weight-bold">单位信息：</div>
                        <div class="row">
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="">建设单位：</label>
                                    <input type="text" class="form-control form-control-sm" name="unit_construction" value="<%- info.unit_construction %>" org="<%- info.unit_construction %>" placeholder="请输入" maxlength="100" oninput="limitMaxLength(this)" onblur="changeInfo(this)">
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="">质量监督机构：</label>
                                    <input type="text" class="form-control form-control-sm" name="unit_qa" value="<%- info.unit_qa %>" org="<%- info.unit_qa %>" placeholder="请输入" maxlength="100" oninput="limitMaxLength(this)" onblur="changeInfo(this)">
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="">主要设计单位：</label>
                                    <textarea class="form-control form-control-sm" name="unit_design" org="<%- info.unit_design %>" rows="3" maxlength="500" oninput="limitMaxLength(this)" onblur="changeInfo(this)"><%- info.unit_design %></textarea>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="">主要监理单位：</label>
                                    <textarea class="form-control form-control-sm" name="unit_supervision" org="<%- info.unit_supervision %>" rows="3" maxlength="500" oninput="limitMaxLength(this)" onblur="changeInfo(this)"><%- info.unit_supervision %></textarea>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="">主要施工单位：</label>
                                    <textarea class="form-control form-control-sm" name="unit_contract" org="<%- info.unit_contract %>" rows="3" maxlength="500" oninput="limitMaxLength(this)" onblur="changeInfo(this)"><%- info.unit_contract %></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $.subMenu({
        menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
        toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
        key: 'menu.1.0.0',
        miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
        callback: function (info) {
            if (info.mini) {
                $('.panel-title').addClass('fluid');
                $('#sub-menu').removeClass('panel-sidebar');
            } else {
                $('.panel-title').removeClass('fluid');
                $('#sub-menu').addClass('panel-sidebar');
            }
            autoFlashHeight();
        }
    });
    // 根据Maxlength限制input输入
    function limitMaxLength (obj) {
        if (obj.value.length > obj.maxLength) {
            obj.value = obj.value.substr(0, obj.maxLength);
        }
    }
    function changeInfo(obj) {
        const field = obj.getAttribute('name');
        if (!field) return;
        if (obj.getAttribute('org') === obj.value) return;

        const updateData = {};
        updateData[field] = obj.value;
        postData('info/save', { updateData }, function (result) {
            obj.setAttribute('org', obj.value);
        }, function () {
            obj.value = obj.getAttribute('org');
        });
    };
</script>