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="form-group">
                            <label for="">建设项目名称：</label>
                            <input type="text" class="form-control form-control-sm" name="proj_name" value="<%- info.proj_name %>" org="<%- info.proj_name %>" maxlength="100" placeholder="请输入建设项目名称" oninput="limitMaxLength(this)" onblur="changeInfo(this)">
                        </div>
                        <div class="form-group">
                            <label for="">主管部门：</label>
                            <input type="text" class="form-control form-control-sm" name="chief_department" value="<%- info.chief_department %>" org="<%- info.chief_department %>" maxlength="100" placeholder="指建设单位的主管部门" oninput="limitMaxLength(this)" onblur="changeInfo(this)">
                        </div>
                        <div class="row">
                            <div class="col-3">
                                <div class="form-group">
                                    <label for="">建设项目类型：</label>
                                    <select class="form-control form-control-sm" name="proj_type" value="<%- info.proj_type %>" org="<%- info.proj_type %>" onchange="changeInfo(this)">
                                        <option value="">请选择</option>
                                        <option value="大中型" <%if (info.proj_type === '大中型') { %>selected<% } %>>大中型</option>
                                        <option value="小型" <%if (info.proj_type === '小型') { %>selected<% } %>>小型</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <label for="">建设性质：</label>
                                    <select class="form-control form-control-sm" name="proj_quality" value="<%- info.proj_quality %>" org="<%- info.proj_quality %>" onchange="changeInfo(this)">
                                        <option value="">请选择</option>
                                        <option value="新建" <%if (info.proj_quality === '新建') { %>selected<% } %>>新建</option>
                                        <option value="改建" <%if (info.proj_quality === '改建') { %>selected<% } %>>改建</option>
                                        <option value="扩建" <%if (info.proj_quality === '扩建') { %>selected<% } %>>扩建</option>
                                        <option value="改扩建" <%if (info.proj_quality === '改扩建') { %>selected<% } %>>改扩建</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <label for="">级别：</label>
                                    <select class="form-control form-control-sm" name="proj_level" value="<%- info.proj_level %>" org="<%- info.proj_level %>" onchange="changeInfo(this)">
                                        <option value="">请选择</option>
                                        <option value="中央级" <%if (info.proj_level === '中央级') { %>selected<% } %>>中央级</option>
                                        <option value="地方级" <%if (info.proj_level === '地方级') { %>selected<% } %>>地方级</option>
                                        <option value="其他" <%if (info.proj_level === '其他') { %>selected<% } %>>其他</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-3"></div>
                        </div>
                        <div class="row">
                            <div class="col-3">
                                <div class="form-group">
                                    <label for="">计划开工：</label>
                                    <input type="date" class="form-control form-control-sm" name="plan_start_date" value="<%- info.plan_start_date %>" org="<%- info.plan_start_date %>" placeholder="请输入" onchange="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="plan_finish_date" value="<%- info.plan_finish_date %>" org="<%- info.plan_finish_date %>" placeholder="请输入" onchange="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="real_start_date" value="<%- info.real_start_date %>" org="<%- info.real_start_date %>" placeholder="请输入" onchange="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="real_finish_date" value="<%- info.real_finish_date %>" org="<%- info.real_finish_date %>"placeholder="请输入" onchange="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="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>