longping
/
subject_gxj


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409
							<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <jsp:include page="../../common/common-meta-include.jsp"></jsp:include>
    <jsp:include page="../../common/common-js-include.jsp"></jsp:include>
    <jsp:include page="../../common/common-css-include.jsp"></jsp:include>
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
        .layui-colla-content {
            border-width: 0px;
            left: 11px;
            top: 0px;
            width: -webkit-fill-available;
            height: 522px;
            background: inherit;
            background-color: rgba(255, 255, 255, 0.996078431372549);
            border: none;
            border-radius: 12px;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .table_box h2 {
            margin-left: 30px;
            margin-top: 20px;
            height: 25px;
            width: 200px;
            font-size: 16px;
            color: #1c56a3;
        }

        #addAmt {
            font-size: 50px;
        }

        .layui-form-label {
            color: #6E6F80 !important;
        }

        .layui-colla-content {
            background: none;
            padding: 10px 0;
        }

        .layui-form-label {
            width: 130px;
            text-align: justify;
            text-align-last: justify;
            display: flex;
            justify-content: end;
            align-items: center;
            color: #666;
            padding: 9px 15px;
        }

        .layui-input {
            height: 38px;
        }

        .layui-input-block {
            display: flex;
            width: auto;
        }

        .layui-layout-admin {
            padding: 20px 40px;
        }

        .layui-show {
            height: auto;
            border: none;
        }

        .layui-input-block xm-select {
            height: 38px !important;
        }

        .layui-table-body .layui-table-cell {
            /*padding: 10px !important;*/
        }

        .layui-table-cell {
            height: 42px !important;
            line-height: 42px;
        }

        /*.table_box .layui-form{*/
        /*	width: 90.2%;*/
        /*}*/
    </style>
</head>
<body>
<div id="app"></div>
<input type="hidden" id="id" value="${id}"/>
<template id="template">
    <div>
        <div class="right_title">
            <%--			<div class="btn_group">--%>
            <%--				<button class="btn btn1" :class="{active: tabActive === 1}" @click="onChangeActive(1)">项目信息</button>--%>
            <%--				<button class="btn btn2" :class="{active: tabActive === 2}" @click="onChangeActive(2)">监管单位</button>--%>
            <%--			</div>--%>
            <div class="layui-collapse">
                <div class="layui-colla-item">
                    <h2 class="layui-colla-title return">
                        <button class="btn" @click="addManage" v-if="tabActive === 2"
                                style="margin: 0 10px 0 0; padding: 3px 8px 5px; background: #3362c9"><i
                                class="layui-icon layui-icon-addition"></i>新增监管单位
                        </button>
                        <button class="btn" @click="closeWin">返回</button>
                    </h2>
                </div>
            </div>
        </div>
        <form class="layui-form" lay-filter="formData" style="padding: 0 20px">
            <div class="layui-colla-content layui-show" style="height: auto;">
                <div class="table_box">
                    <%--                    <div class="layui-row">
                                            <h2>项目基本情况</h2>
                                        </div>--%>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required"
                                >项目代码</label>
                                <div class="layui-input-block">
                                    <input type="text" required lay-verify="required" placeholder="请输入"
                                           autocomplete="off" class="layui-input" v-model="subInfo.subCode">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required">项目名称</label>
                                <div class="layui-input-block">
                                    <input type="text" required lay-verify="required" placeholder="请输入"
                                           autocomplete="off" class="layui-input" v-model="subInfo.subName">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required">建设性质</label>
                                <div class="layui-input-block">
                                    <select lay-verify="required" lay-filter="status" v-model="subInfo.status">
                                        <option value="">请选择</option>
                                        <c:forEach items="${JSXZ}" var="js">
                                            <option value="${js.code }">${js.title }</option>
                                        </c:forEach>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required"
                                >所属行业</label>
                                <div class="layui-input-block">
                                    <select lay-verify="required" id="indusKind" lay-search="" name="indusKind"
                                            v-model="subInfo.indusKind" lay-filter="indusKind">
                                        <option value="">请选择</option>
                                        <c:forEach items="${HYFL }" var="hy">
                                            <option value="${hy.id }">${hy.title}</option>
                                        </c:forEach>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs6 layui-col-sm6">

                        </div>
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required"
                                >项目所在地</label>
                                <div class="layui-input-block">
                                    <select lay-verify="required" v-model="subInfo.subjectId" lay-filter="subjectId"
                                            id="subjectId">
                                        <option value="">请选择</option>
                                        <c:forEach items="${JSDD }" var="dd">
                                            <option value="${dd.code }" ztdw="${dd.unitId}">${dd.title }</option>
                                        </c:forEach>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required"
                                >项目单位</label>
                                <div class="layui-input-block">
                                    <select lay-verify="required" lay-search="" v-model="subInfo.unitId"
                                            lay-filter="unitId" id="unitId">
                                        <c:forEach items="${allUnit }" var="un">
                                            <option value="${un.id }" nameLead="${un.nameLead}"
                                                    tel="${un.tel}">${un.title }</option>
                                        </c:forEach>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs12 layui-col-sm12">
                            <div class="layui-form-item">
                                <label class="layui-form-label required"
                                >建设内容及规模</label>
                                <div class="layui-input-block">
                                    <textarea required lay-verify="required" autocomplete="off" class="layui-textarea"
                                              v-model="subInfo.content"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <%--                    <div class="layui-row">
                                            <div class="layui-col-xs6 layui-col-sm6">
                                                <div class="layui-form-item">
                                                    <label class="layui-form-label" >备注</label>
                                                    <div class="layui-input-block">
                                                        <input type="text" placeholder="" autocomplete="off" class="layui-input"
                                                               v-model="subInfo.remark">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>--%>
                    <div class="layui-row">
                        <h2 style="width: 80%;background-color: #EDE9EC;margin-bottom: 20px;margin-top: 20px">资金信息</h2>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required"
                                >投资类型</label>
                                <div class="layui-input-block">
                                    <select lay-verify="required" lay-filter="kindNature" v-model="subInfo.kindNature">
                                        <option value="">请选择</option>
                                        <c:forEach items="${TZXZ }" var="tz">
                                            <option value="${tz.code }">${tz.title }</option>
                                        </c:forEach>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <%--                        <div class="layui-col-xs6 layui-col-sm6" style="display: none;">
                                                    <div class="layui-form-item">
                                                        <label class="layui-form-label required" >年度计划投资金额(万元)</label>
                                                        <div class="layui-input-block">
                                                            <input type="number" placeholder="请输入" autocomplete="off" class="layui-input"
                                                                   v-model="subInfo.amtYear">
                                                        </div>
                                                    </div>
                                                </div>--%>
                    </div>
                    <%--                    <div class="layui-row">
                                            <div class="layui-col-xs6 layui-col-sm6">
                                                <div class="layui-form-item">
                                                    <label class="layui-form-label required" style="width: 186px;margin-left: 30px;">项目资金来源(万元)</label>
                                                    <div class="layui-input-block">
                                                        <span id="addAmt" @click="addAmt" class="layui-btn layui-btn-sm layui-btn-normal">
                                                            <i class="layui-icon">&#xe654;</i>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>--%>
                    <%--                    <div class="layui-row">
                                            <div class="layui-col-xs12 layui-col-sm12">
                                                <div class="layui-form-item">
                                                    <label class="layui-form-label"
                                                           style="width: 186px;margin-left: 30px;color: transparent !important;;">总投资金额(万元)</label>
                                                    <div class="layui-input-block">
                                                        <table class="layui-table" id="amtSource" lay-filter="amtSource"
                                                               style="width: 0"></table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>--%>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required">总投资金额(万元)</label>
                                <div class="layui-input-block">
                                    <input type="number" name="totalInvestment" id="totalInvestment" placeholder="请输入"
                                           autocomplete="off" required lay-verify="required" class="layui-input"
                                           v-model="subInfo.amtTotal">
                                </div>
                            </div>
                        </div>
                        <%-- <div class="layui-col-xs6 layui-col-sm6">
                             <div class="layui-form-item">
                                 <label class="layui-form-label"
                                        style="width: 196px; margin-left: 20px;">到位资金(万元)</label>
                                 <div class="layui-input-block">
                                     <input type="number" placeholder="请输入" autocomplete="off" class="layui-input"
                                            v-model="subInfo.amtComptotal">
                                 </div>
                             </div>
                         </div>--%>
                    </div>
                    <div class="layui-row" id="isFix" name="isFix" style="display: none">
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required">是否纳入年度固定资产投资项目库:</label>
                                <div class="layui-input-block">
                                    <select lay-verify="required" v-model="subInfo.isFix" lay-filter="isFix">
                                        <option value="1">是</option>
                                        <option value="0">否</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs6 layui-col-sm6" id="stateFix" name="stateFix" style="display: none">
                            <div class="layui-form-item">
                                <label class="layui-form-label required">项目性质:</label>
                                <div class="layui-input-block">
                                    <select lay-verify="required" v-model="subInfo.stateFix" lay-filter="stateFix">
                                        <option value="1">新建项目</option>
                                        <option value="3">储备项目</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <h2 style="width: 80%;background-color: #EDE9EC;margin-bottom: 20px;margin-top: 20px">项目进度</h2>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required">计划开工时间</label>
                                <div class="layui-input-block">
                                    <input type="text" id=beginDate readonly="readonly" required lay-verify="required"
                                           placeholder="请输入" autocomplete="off" class="layui-input"
                                           v-model="subInfo.beginDate">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required"
                                >计划竣工时间</label>
                                <div class="layui-input-block">
                                    <input type="text" id="endDate" readonly="readonly" required lay-verify="required"
                                           placeholder="请输入" autocomplete="off" class="layui-input"
                                           v-model="subInfo.endDate">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required"
                                >平台联系人</label>
                                <div class="layui-input-block">
                                    <input type="text" required lay-verify="required" placeholder="平台项目信息录入人姓名"
                                           autocomplete="off" class="layui-input" v-model="subInfo.nameZrr">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required">平台联系人电话</label>
                                <div class="layui-input-block">
                                    <input type="text" required lay-verify="required" placeholder="平台项目信息录入人电话"
                                           autocomplete="off" class="layui-input" v-model="subInfo.tel">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required"
                                >项目总负责人</label>
                                <div class="layui-input-block">
                                    <input type="text" required lay-verify="required" placeholder="请输入"
                                           autocomplete="off" class="layui-input" v-model="subInfo.nameLead">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required">总负责人联系电话</label>
                                <div class="layui-input-block">
                                    <input type="text" required lay-verify="required" placeholder="请输入"
                                           autocomplete="off" class="layui-input" v-model="subInfo.telLead">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="layui-row">
                        <div class="layui-col-xs12 layui-col-sm12">
                            <div class="layui-form-item">
                                <label class="layui-form-label required"
                                >项目进展情况</label>
                                <div class="layui-input-block">
                                    <textarea required lay-verify="required" autocomplete="off" class="layui-textarea"
                                              v-model="subInfo.progress"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
<%--                    <div class="layui-row">--%>
<%--                        <div class="layui-col-xs12 layui-col-sm12">--%>
<%--                            <div class="layui-form-item">--%>
<%--                                <label class="layui-form-label required"--%>
<%--                                >项目基本情况</label>--%>
<%--                                <div class="layui-input-block">--%>
<%--                                    <textarea required lay-verify="required" autocomplete="off" class="layui-textarea"--%>
<%--                                              v-model="subInfo.content"></textarea>--%>
<%--                                </div>--%>
<%--                            </div>--%>
<%--                        </div>--%>
<%--                    </div>--%>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label required">ABC类</label>
                                <div class="layui-input-block">
                                    <select v-model="subInfo.abc" lay-filter="abc" lay-verify="required">
                                        <option value="">请选择</option>
                                        <option value="A">A类</option>
                                        <option value="B">B类</option>
                                        <option value="C">C类</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label required">状态</label>
                                <div class="layui-input-block">
                                    <select v-model="subInfo.cbStatus" lay-filter="cbStatus" lay-verify="required">
                                        <option value="">请选择</option>
                                        <option value="1">正在谋划</option>
                                        <option value="2">正在洽谈</option>
                                        <option value="3">已签约</option>
                                        <option value="4">已备案</option>
                                        <option value="5">已核准</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label required">签约日期</label>
                                <div class="layui-input-block">
                                    <input type="text" id=qyDate readonly="readonly" required lay-verify="required"
                                           placeholder="请输入" autocomplete="off" class="layui-input"
                                           v-model="subInfo.qyDate">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label required">储备转新建周期</label>
                                <div class="layui-input-block">
                                    <input type="number" name="cbNum" id="cbNum" placeholder="请输入"
                                           autocomplete="off" required lay-verify="required" class="layui-input"
                                           v-model="subInfo.cbNum">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label required">新建转在建周期</label>
                                <div class="layui-input-block">
                                    <input type="number" name="xjNum" id="xjNum" placeholder="请输入"
                                           autocomplete="off" required lay-verify="required" class="layui-input"
                                           v-model="subInfo.xjNum">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label required">在建转投产周期</label>
                                <div class="layui-input-block">
                                    <input type="number" name="zjNum" id="zjNum" placeholder="请输入"
                                           autocomplete="off" required lay-verify="required" class="layui-input"
                                           v-model="subInfo.zjNum">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="layui-row">
                        <div class='layui-form-item'>
                            <label class="layui-form-label">备注</label>
                            <div class="layui-input-block" style="padding: 0 10px 0 0;">
                                <input type="text" class="layui-input" v-model="subInfo.remark">
                            </div>
                        </div>
                    </div>

                    <div class="layui-row" style="display: none;">
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required" style="width: 186px;">是否入库</label>
                                <div class="layui-input-block" style="margin-left: 216px;">
                                    <input type="radio" lay-verify="required" value="1" checked="checked"
                                           lay-filter="isRk" name="isRk" title="是"/>
                                    <input type="radio" lay-verify="required" value="2" lay-filter="isRk" name="isRk"
                                           title="否">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="btn_group">
                        <input type="button" class="btn btn1" style="color: #fff; background-color: #3362c9;"
                               value="提交项目信息" lay-submit lay-filter="saveSubInfo"/>
                    </div>
                </div>
            </div>
        </form>

        <div id="amtSourceEdit" style="display: none; padding: 10px 0 0;">
            <div class="layuimini-main">

                <div class="layui-form" lay-filter="amtSourceEdit" action=""
                     onkeydown="if(event.keyCode==13){return false;}">
                    <div class="layui-row">
                        <div class="layui-col-xs11 layui-col-sm11">
                            <div class='layui-form-item'>
                                <label class="layui-form-label required" style="width: 90px">资金来源</label>
                                <div class="layui-input-block">
                                    <select id="testAmt" name="testAmt" lay-filter="testAmt">
                                        <option value="">请选择</option>
                                        <c:forEach items="${ZJLY }" var="zj">
                                            <option value="${zj.id }">${zj.title }</option>
                                        </c:forEach>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs11 layui-col-sm11">
                            <div class='layui-form-item'>
                                <label class="layui-form-label required" style="width: 90px">金额(万元)</label>
                                <div class="layui-input-block">
                                    <input id="zjAmt" min="0" class="layui-input" type="number"/>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs11 layui-col-sm11">
                            <div class='layui-form-item'>
                                <label class="layui-form-label required" style="width: 90px">到位金额(万元)</label>
                                <div class="layui-input-block">
                                    <input id="zjAmtSj" min="0" class="layui-input" type="number"/>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="width: 90px"></label>
                            <div class="layui-input-block">
                                <button class="layui-btn-submit" @click="closePane">取消</button>
                                <button class="layui-btn-submit" style="margin-left: 10px" lay-submit
                                        lay-filter="amtConfirm">确定
                                </button>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div id="planEdit" style="display: none; padding: 10px 0 0;">
            <form class="layui-form" lay-filter="planEdit">
                <div class="table_box">
                    <div class="layui-row">
                        <div class='layui-form-item'>
                            <label class="layui-form-label required">结束时间</label>
                            <div class="layui-input-block" style="padding: 0 10px 0 0;">
                                <input type="text" id="planEndDate" readonly="readonly" required lay-verify="required"
                                       class="layui-input" v-model="planEditInfo.endDate">
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class='layui-form-item'>
                            <label class="layui-form-label required">工作内容</label>
                            <div class="layui-input-block" style="padding: 0 10px 0 0;">
                                <textarea v-model="planEditInfo.content" class="layui-textarea" required
                                          lay-verify="required"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class='layui-form-item'>
                            <label class="layui-form-label required">进度权重</label>
                            <div class="layui-input-block" style="padding: 0 10px 0 0;">
                                <input type="number" min="1" max="10" required lay-verify="required" class="layui-input"
                                       v-model="planEditInfo.numRate">
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-form-item" style="text-align: right; padding: 0 67px 10px;">
                            <input type="button" value="取消" class="layui-btn btn btn1" @click="closePane"/>
                            <input type="button" value="保存" class="layui-btn btn btn1" lay-submit
                                   lay-filter="planConfirm"/>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <div id="manageEdit" style="display: none">
            <div class="layuimini-main">
                <form class="layui-form" lay-filter="manageEdit">
                    <div class="table_box">
                        <div class="layui-row">
                            <div class="layui-form-item">
                                <label class="layui-form-label required">监管单位</label>
                                <div class="layui-input-block" id="gzsm">
                                    <select name="manageId" required lay-verify="required" lay-filter="manageId"
                                            v-model="currObjData.manageId" lay-search>
                                        <option value="">--请选择--</option>
                                        <c:forEach items="${unit }" var="un">
                                            <option value="${un.id }" nameLead="${un.nameLead}"
                                                    tel="${un.tel}">${un.title }</option>
                                        </c:forEach>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="layui-row">
                            <div class="layui-form-item">
                                <label class="layui-form-label">责任科室</label>
                                <div class="layui-input-block">
                                    <select name="departId" lay-filter="departId" v-model="currObjData.departId">
                                        <option value="">--请选择--</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="layui-row">
                            <div class="layui-form-item">
                                <label class="layui-form-label required">责任领导</label>
                                <div class="layui-input-block">
                                    <input type="text" name="nameLead" required lay-verify="required" placeholder="请输入"
                                           autocomplete="off" class="layui-input" v-model="currObjData.nameLead">
                                </div>
                            </div>
                        </div>
                        <div class="layui-row">
                            <div class="layui-form-item">
                                <label class="layui-form-label required">责任电话</label>
                                <div class="layui-input-block">
                                    <input type="text" name="tel" required lay-verify="required" placeholder="请输入"
                                           autocomplete="off" class="layui-input" v-model="currObjData.tel">
                                </div>
                            </div>
                        </div>
                        <div class="layui-row">
                            <div class="layui-form-item">
                                <label class="layui-form-label"></label>
                                <div class="layui-input-block">
                                    <button type="button" class="layui-btn-submit" @click="closePane">取消</button>
                                    <button type="button" class="layui-btn-submit" style="margin-left: 10px" lay-submit
                                            lay-filter="manageConfirm">保存
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>

        </div>
    </div>
</template>
<script type="text/text" id="amtToolBar">
	<div class="toolBar">
		<span javascript:void(0); lay-event="delAmt">删除</span>
	</div>


</script>
<script type="text/html" id="planToolBar">
    <div class="toolBar">
        <span title="编辑" lay-event="planEdit">编辑</span>
        {{#if(d.id == null || d.statusSp == '0') { }}
        <span title="删除" lay-event="delPlan">删除</span>
        {{#}}}
    </div>
</script>
<script type="text/html" id="manageToolBar">
    <div class="toolBar"><span title="删除" lay-event="delManage">删除</span></div>
</script>
<script type="text/javascript">
    new Vue({
        el: "#app",
        template: "#template",
        data: {
            tabActive: 1,
            subInfo: {
                unitId: "${currUnitId}",
                subjectId: "",
                indusKind: "",
                mainId: "",
                subName: "",
                kindNature: "",
                isRk: "1",
                propKind: "",
                kind: "",
                abc: "",
            },
            kindAmt: {},
            testAmt: "",
            testAmtName: "",
            amtSource: [],
            delAmtSource: [],
            closeMark: false,
            kindSelect: null,
            planList: [],
            planEditInfo: {},
            currObjData: {},
            delPlanList: [],
            manageList: [],
            delManageList: []
        },
        mounted: function () {
            this.init();
        },
        methods: {
            init: function () {
                var self = this;
                layui.laydate.render({
                    elem: "#qyDate",
                    type: "date",
                    theme: layDateTheme,
                    done: function (value) {
                        self.subInfo.qyDate = value
                    }
                });
                layui.laydate.render({
                    elem: "#beginDate",
                    type: "date",
                    theme: layDateTheme,
                    done: function (value) {
                        if (self.subInfo.endDate != null) {
                            var endDate = new Date(self.subInfo.endDate);
                            var beginDate = new Date(value);
                            if (endDate >= beginDate) {
                                self.subInfo.beginDate = value;
                            } else {
                                layer.msg("开始时间必须小于结束时间");
                                self.subInfo.beginDate = value;
                            }
                        } else {
                            self.subInfo.beginDate = value;
                        }
                    }
                });
                layui.form.on("select(unitId)", function (data) {
                    self.subInfo.unitId = data.value;
                });
                layui.laydate.render({
                    elem: "#endDate",
                    type: "date",
                    theme: layDateTheme,
                    done: function (value) {
                        if (self.subInfo.beginDate != null) {
                            var endDate = new Date(value);
                            var beginDate = new Date(self.subInfo.beginDate);
                            if (beginDate <= endDate) {
                                self.subInfo.endDate = value;
                            } else {
                                layer.msg("结束时间必须大于开始时间");
                                self.subInfo.endDate = value;
                            }
                        } else {
                            self.subInfo.endDate = value;
                        }
                    }
                });
                layui.laydate.render({
                    elem: "#planEndDate",
                    type: "date",
                    theme: layDateTheme,
                    done: function (value) {
                        self.planEditInfo.endDate = value;
                    }
                });
                layui.form.on("submit(amtConfirm)", function (obj) {
                    var amt = $("#zjAmt").val();
                    if (!isNumber(amt) || Number(amt) < 0) {
                        App.msg.warn("请填写正数的金额");
                        return;
                    }
                    var amtSj = $("#zjAmtSj").val();
                    if (!isNumber(amtSj) || Number(amtSj) < 0) {
                        App.msg.warn("请填写正数的到位金额");
                        return;
                    }
                    //获取选择的值。
                    if (self.amtSource.filter((item, index) => {
                        return item.sourceId == self.testAmt;
                    }).length > 0) {
                        //存在，阻断
                        App.msg.warn("该类型已被选择");
                    } else {
                        self.amtSource.push({
                            sourceId: self.testAmt,
                            sourceName: self.testAmtName,
                            amt: amt,
                            amtSj: amtSj
                        });
                        self.initAmtSource();
                        self.closePane();
                    }
                });
                layui.form.on("submit(planConfirm)", function (obj) {
                    self.addPlanData();
                });
                layui.form.on("select(subjectId)", function (data) {
                    var ztdw = $("#subjectId option:checked").attr("ztdw");
                    self.subInfo.subjectId = data.value;
                    self.subInfo.mainId = ztdw;
                });
                layui.form.on("select(abc)", function (data) {
                    self.subInfo.abc = data.value;
                });
                layui.form.on("select(cbStatus)", function (data) {
                    self.subInfo.cbStatus = data.value;
                });
                layui.form.on("select(kindNature)", function (data) {
                    self.subInfo.kindNature = data.value;
                    self.chooseTzxz(data.value);
                });
                var kind = [];
                <c:forEach items="${XMLX}" var="xm">
                kind.push({value: "${xm.code}", name: "${xm.title}"});
                </c:forEach>
                /*				this.kindSelect = layui.xmSelect.render({
                                    el:'#kind',
                                    language:'zn',
                                    data: kind
                                });*/
                layui.form.on("select(indusKind)", function (data) {
                    self.subInfo.indusKind = data.value;
                });
                layui.form.on("select(propKind)", function (data) {
                    self.subInfo.propKind = data.value;
                });
                //layui监听input内容变动
                $(function () {
                    //输入框的值改变时触发
                    $("#totalInvestment").on("input", function (e) {
                        //获取input输入的值
                        var totalInvestment = e.delegateTarget.value;
                        var query = ${queryType};
                        if (totalInvestment >= 500 && query == '1') {
                            var select = document.getElementById('isFix'); // 获取下拉框的DOM元素
                            // 根据值的大小显示或隐藏下拉框
                            if (totalInvestment >= 500) {
                                select.style.display = 'block'; // 显示下拉框
                                layui.form.render('select'); // 更新下拉框的渲染
                            } else {
                                select.style.display = 'none'; // 隐藏下拉框
                                layui.form.render('select'); // 更新下拉框的渲染
                            }
                        }
                    })
                });
                layui.form.on("select(isFix)", function (data) {
                    self.subInfo.isFix = data.value;
                    if (data.value == "1") {
                        var select = document.getElementById('stateFix'); // 获取下拉框的DOM元素
                        select.style.display = 'block'; // 显示下拉框
                        layui.form.render('select'); // 更新下拉框的渲染
                    } else {
                        var select = document.getElementById('stateFix'); // 获取下拉框的DOM元素
                        select.style.display = 'none'; // 显示下拉框
                        layui.form.render('select'); // 更新下拉框的渲染
                    }
                });
                layui.form.on("select(stateFix)", function (data) {
                    self.subInfo.stateFix = data.value;
                });
                layui.form.on("select(testAmt)", function (data) {
                    self.testAmt = data.value;
                    self.testAmtName = this.innerText;
                });

                layui.form.on("submit(saveSubInfo)", function (obj) {
                    self.saveSubInfo();
                });
                layui.form.on("submit(savePlan)", function (obj) {
                    self.savePlan();
                });
                layui.form.on("submit(saveManage)", function (obj) {
                    self.saveManage();
                });
                layui.form.on("submit(manageConfirm)", function (obj) {
                    if (self.manageList.filter(item => {
                        return item.manageId === self.currObjData.manageId;
                    }).length > 0) {
                        App.msg.warn("该监管单位已存在");
                        return;
                    }
                    self.addManageData();
                });

                layui.form.on("select(manageId)", function (data) {
                    self.currObjData.manageId = data.value;
                    self.currObjData.manageName = this.innerText;
                    self.currObjData.nameLead = $("select[name='manageId']").find("option:selected").eq(0).attr("nameLead");
                    self.currObjData.tel = $("select[name='manageId']").find("option:selected").eq(0).attr("tel");
                    self.currObjData.departId = "";
                    $("input[name='nameLead']").val(self.currObjData.nameLead);
                    $("input[name='tel']").val(self.currObjData.tel);
                    self.setJgDept(data.value);
                });
                layui.form.on("select(departId)", function (data) {
                    self.currObjData.departId = data.value;
                    self.currObjData.departName = this.innerText;
                });

                layui.table.on("edit(amtSource)", function (obj) {
                    var oldText = $(this).prev().text();
                    if (obj.value != '' && !isNumber(obj.value)) {
                        App.msg.warn("请填写数字");
                        $(this).val(oldText);
                        obj.value = oldText;
                        obj.data[obj.field] = oldText;
                        obj.update(obj.data);
                        self.amtSource = layui.table.getData("amtSource");
                    } else {
                        self.amtSource = layui.table.getData("amtSource");
                    }
                });
                this.getForm();
            },
            initAmtSource: function () {
                var self = this;
                layui.table.render({
                    elem: '#amtSource', // 指定原始表格元素选择器（推荐id选择器）
                    even: true,
                    cols: [[ // 设置表头
                        {type: 'numbers', title: '序号'},
                        {field: 'sourceName', title: '资金来源'},
                        {field: 'amt', title: '资金（万元）', edit: 'text'},
                        {field: 'amtSj', title: '到位资金（万元）', edit: 'text'},
                        {title: '操作', align: 'center', toolbar: '#amtToolBar'}
                    ]],
                    limit: self.amtSource.length,
                    data: self.amtSource
                });
                layui.table.on("tool(amtSource)", function (obj) {
                    self[obj.event].call(this, obj);
                });
            },
            delAllAmt: function () {
                for (var i = 0; i < this.amtSource.length; i++) {
                    if (this.amtSource[i].id) {
                        this.amtSource[i].logicDeleteFlag = 1;
                        this.delAmtSource.push(this.amtSource[i]);
                    }
                }
                this.amtSource = [];
            },
            delAmt: function (obj) {
                if (obj.data.id) {
                    obj.data.logicDeleteFlag = 1;
                    this.delAmtSource.push(obj.data);
                    obj.del();
                } else {
                    obj.del();
                }
                this.amtSource = layui.table.getData("amtSource");
                this.initAmtSource();
            },
            chooseTzxz: function (kindNature) {
                /*var self = this;
                if (kindNature=="2"){
                    $("#addAmt").hide();
                    //设置企业投资
                    if(self.amtSource.length == 1 && self.amtSource[0].sourceName == '社会资金') {
                        return;
                    }
                    self.delAllAmt();
                    var qyzj = $("#testAmt").find("option").filter((index,item)=>{return item.innerText == '社会资金';}).eq(0);
                    self.amtSource.push({sourceId:qyzj.val(),sourceName:qyzj.text().trim()});
                    this.initAmtSource();
                }else{
                    $("#addAmt").show();
                    //非企业投资
                    if(self.amtSource.length == 1 && self.amtSource[0].sourceName == '社会资金') {
                        self.delAllAmt();
                        this.initAmtSource();
                        return;
                    }
                }*/
            },
            getForm: function () {
                var id = $("#id").val();
                var self = this;
                if (id == "") {
                    App.msg.warn("请从正规页面进入");
                    return;
                } else {
                    App.postJson("/api/subject/subInfo/getById", {id: id}, function (res) {
                        if (res.success) {
                            console.log(res.data, "+++++++++++++")
                            self.subInfo = res.data;
                            // console.log(self.subInfo.qyDate, "========================")

                            /*		self.kindSelect.setValue(self.subInfo.kind.split(","));*/
                            self.amtSource = res.data.subSource || [];
                            //	alert(JSON.stringify(self.amtSource))
                            self.initAmtSource();
                            var total = self.subInfo.amtTotal;

                            self.chooseTotal(total, ${queryType});
                            setTimeout(function () {
                                layui.form.render();
                            }, 200);
                        }
                    });
                    /* App.postJson("/api/subject/process/getPlanList",{subId : id}, function(res){
                        if(res.success){
                            self.planList = res.data;
                            self.loadPlanTable();
                        }
                    }); */
                    App.postJson("/api/subject/subInfo/getManageList", {subId: id}, function (res) {
                        if (res.success) {
                            self.manageList = res.data;
                            self.loadManageTable();
                        }
                    });
                }
            },
            chooseTotal(totalInvestment, queryType) {
                if (totalInvestment >= 500 && queryType == '1') {
                    var select = document.getElementById('isFix'); // 获取下拉框的DOM元素
                    // 根据值的大小显示或隐藏下拉框
                    if (totalInvestment >= 500) {
                        select.style.display = 'block'; // 显示下拉框
                        layui.form.render('select'); // 更新下拉框的渲染
                    } else {
                        select.style.display = 'none'; // 隐藏下拉框
                        layui.form.render('select'); // 更新下拉框的渲染
                    }
                }
            },
            addAmt: function () {
                var self = this;
                $("#zjAmt").val("");
                $("#zjAmtSj").val("");
                this.planEditPanl = layer.open({
                    title: "资金选择",
                    type: 1,
                    content: $("#amtSourceEdit"),
                    area: ['400px', '320px']
                });
            },
            closePane: function () {
                layer.close(this.planEditPanl);
            },
            // onChangeActive: function(ind){
            // 	this.tabActive = ind;
            // 	$(".layui-colla-content").removeClass("layui-show");
            // 	$($(".layui-colla-content")[ind -1]).addClass("layui-show");
            // },
            saveSubInfo: function () {
                var self = this;
                var beginDate = new Date(self.subInfo.beginDate);
                var endDate = new Date(self.subInfo.endDate);
                if (beginDate > endDate) {
                    layer.msg("开始时间必须小于结束时间");
                    return;
                }
                var saveUrl = "/api/subject/subInfo/saveEditSubInfo";
                //项目资金来源
                if (this.amtSource.length == 0) {
                    App.msg.warn("项目资金来源至少选择一项");
                    return;
                }
                var totalSourceAmt = 0;
                for (var i = 0; i < this.amtSource.length; i++) {
                    if (this.amtSource[i].amt == null || this.amtSource[i].amt == undefined) {
                        App.msg.warn(this.amtSource[i].sourceName + "资金不能为空");
                        return;
                    }
                    if (this.amtSource[i].amtSj == null || this.amtSource[i].amtSj == undefined) {
                        App.msg.warn(this.amtSource[i].sourceName + "到位资金不能为空");
                        return;
                    }
                    totalSourceAmt += Number(this.amtSource[i].amt);
                }
                if (totalSourceAmt > this.subInfo.amtTotal) {
                    App.msg.warn("资金来源不能大于总投资");
                    return;
                }
                var saveAmtSource = this.amtSource.concat(this.delAmtSource);
                this.subInfo.subSource = saveAmtSource;
                /*		this.subInfo.kind = this.kindSelect.getValue("value").sort().join(",");*/
                /*			if(this.subInfo.kind == "") {
                                App.msg.warn("项目类型不能为空");
                                return;
                            }*/
                /*if (self.subInfo.mainId == undefined || self.subInfo.mainId == null) {
                    App.msg.warn("您选择的建设地点还未分配监管单位");
                    return;
                }*/
                App.msg.confirm("确认提交项目信息吗？", function () {
                    console.log(self.subInfo)
                    App.postJson(saveUrl, {subInfo: self.subInfo}, function (res) {
                        if (res.success) {
                            self.closeMark = true;
                            App.msg.success("保存成功");
                            App.postJson("/api/subject/subInfo/getById", {id: self.subInfo.id}, function (resc) {
                                if (resc.success) {
                                    self.subInfo = resc.data;
                                    /*	self.kindSelect.setValue(self.subInfo.kind.split(","));*/
                                    self.amtSource = resc.data.subSource || [];
                                    self.initAmtSource();
                                    self.delAmtSource = [];
                                    setTimeout(function () {
                                        layui.form.render();
                                    }, 200);
                                    self.closeWin();
                                }
                            });
                        }
                    });
                })
            },
            addPlan: function () {
                var self = this;
                this.edit = false;
                this.planEditInfo = {
                    numRate: 1
                };
                this.planEditPanl = layer.open({
                    title: "新增计划",
                    type: 1,
                    content: $("#planEdit"),
                    area: ['500px', 'auto']
                })
            },
            addPlanData: function () {
                if (this.planEditInfo.numRate > 10 || this.planEditInfo.numRate <= 0 || this.planEditInfo.numRate % 1 != 0) {
                    layer.msg("进度权重必须是1-10的整数", {icon: 5, time: 2000});
                    return;
                }
                var startDate = $("#beginDate").val();
                var endDate = new Date(this.planEditInfo.endDate);
                if (startDate > endDate) {
                    layer.msg("计划结束时间不能小于项目开始时间！！！  项目开始时间" + startDate);
                    return;
                }
                if (this.edit) {
                    var dataIndex = this.currPlanObj.tr[0].dataset.index;
                    if (this.planList.filter((item, index) => {
                        return index != dataIndex && item.endDate == this.planEditInfo.endDate
                    }).length > 0) {
                        App.msg.warn(this.planEditInfo.endDate + "结束时间已存在，不能重复");
                        return;
                    }
                    this.currPlanObj.update(this.planEditInfo);
                } else {
                    if (this.planList.filter(item => {
                        return item.endDate == this.planEditInfo.endDate
                    }).length > 0) {
                        App.msg.warn(this.planEditInfo.endDate + "结束时间已存在，不能重复");
                        return;
                    }
                    this.planList.push(this.planEditInfo);
                }
                this.sort();
                this.closePane();
            },
            planEdit: function (obj) {
                this.currPlanObj = obj;
                this.edit = true;
                this.planEditInfo = obj.data;
                var self = this;
                this.planEditPanl = layer.open({
                    title: "新增计划",
                    type: 1,
                    content: $("#planEdit"),
                    area: ["500px", "500px"]
                });
            },
            delPlan: function (obj) {
                var self = this;
                App.msg.confirm("确认删除该计划吗？", function () {
                    if (obj.data.id) {
                        obj.data.logicDeleteFlag = 1;
                        self.delPlanList.push(obj.data);
                        obj.del();
                        self.planList = layui.table.getData("planList");
                    } else {
                        obj.del();
                        self.planList = layui.table.getData("planList");
                    }
                    self.sort();
                })
            },
            /* loadPlanTable : function(){
                var self = this;
                layui.table.render({
                    elem: '#planList', // 指定原始表格元素选择器（推荐id选择器）
                    even: true,
                    cols: [[ // 设置表头
                        {type: 'numbers',title:'序号'},
                        {field: 'beginDate', title: '开始时间', minWidth: 120},
                        {field: 'endDate', title: '结束时间', minWidth: 120},
                        {field: 'content', title: '工作内容', minWidth: 200},
                        {field: 'numRate', title: '进度权重', minWidth: 100},
                        {field: 'remark', title: '备注', width: 250},
                        {title: '操作', align:'center', toolbar: '#planToolBar'}
                    ]],
                    data : self.planList
                });
                layui.table.on("tool(planList)", function(obj){
                    self[obj.event].call(this, obj);
                })
            }, */
            sort: function () {
                var beginDate = $("#beginDate").val();
                this.planList.sort(function (a, b) {
                    var date1 = new Date(a.endDate);
                    var date2 = new Date(b.endDate);
                    return date1.getTime() > date2.getTime() ? 1 : -1;
                });
                for (var i = 0; i < this.planList.length; i++) {
                    if (i == 0) {
                        this.planList[i].beginDate = beginDate;
                    } else {
                        var endDate = new Date(this.planList[i - 1].endDate);
                        endDate = endDate.addDays(1);
                        this.planList[i].beginDate = layui.util.toDateString(endDate, "yyyy-MM-dd");
                    }
                }
                this.loadPlanTable();
            },
            savePlan: function () {
                var plans = this.planList;
                var subId = this.subInfo.id;
                for (var i = 0; i < this.delPlanList.length; i++) {
                    plans.push(this.delPlanList[i]);
                }
                this.planList = plans;
                var self = this;
                var data = {
                    subId: subId,
                    list: self.planList
                }
                App.msg.confirm("确认提交计划吗？", function () {
                    App.postJson("/api/subject/subInfo/saveEditSubInfo", {planList: data}, function (res) {
                        if (res.success) {
                            App.msg.warn("提交成功");
                            App.postJson("/api/subject/process/getPlanList", {subId: subId}, function (resc) {
                                if (resc.success) {
                                    self.planList = resc.data;
                                    self.delPlanList = [];
                                    self.loadPlanTable();
                                }
                            });
                        }
                    });
                });
            },
            addManage: function () {
                var self = this;
                this.currObjData = {
                    manageId: "",
                    departId: "",
                    nameLead: "",
                    tel: ""
                };
                $("select[name='manageId']").next().find("input").eq(0).val("")
                this.setJgDept("");
                layui.form.render();
                layui.use('form', function () {
                    layui.form.render('select');
                })

                this.planEditPanl = layer.open({
                    title: "新增监管单位",
                    type: 1,
                    content: $("#manageEdit"),
                    area: ['500px', 'auto']
                })
            },
            loadManageTable: function () {
                var self = this;
                layui.table.render({
                    elem: '#manageList', // 指定原始表格元素选择器（推荐id选择器）
                    even: true,
                    cols: [[ // 设置表头
                        {type: 'numbers', title: '序号', align: 'center'},
                        {field: 'manageName', title: '监管单位'},
                        {field: 'departName', title: '责任科室'},
                        {field: 'nameLead', title: '责任领导',},
                        {field: 'tel', title: '联系电话'},
                        {title: '操作', align: 'center', toolbar: '#manageToolBar'}
                    ]],
                    data: self.manageList
                });
                layui.table.on("tool(manageList)", function (obj) {
                    self[obj.event].call(this, obj);
                })
            },
            setJgDept: function (unitId) {
                $("select[name='departId']").html("<option value=''>--请选择--</option>");
                layui.form.render();
                if (unitId != '') {
                    App.postJson("/api/jdepart/listByUnit", {unitId: unitId}, function (res) {
                        for (var i = 0; i < res.data.length; i++) {
                            let cuData = res.data[i];
                            $("select[name='departId']")
                                .append("<option value='" + cuData.id + "' tel='" + cuData.tel + "' nameLead='" + cuData.nameLead + "'>" + cuData.title + "</option>");
                        }
                        layui.form.render();
                    });
                }
            },
            addManageData: function () {
                this.manageList.push(this.currObjData);
                this.loadManageTable();
                this.closePane();
            },
            delManage: function (obj) {
                var self = this;
                App.msg.confirm("确认删除该监管单位吗？", function () {
                    if (obj.data.id) {
                        obj.data.logicDeleteFlag = 1;
                        self.delManageList.push(obj.data);
                        obj.del();
                        self.manageList = layui.table.getData("manageList");
                    } else {
                        obj.del();
                        self.manageList = layui.table.getData("manageList");
                    }
                })
            },
            saveManage: function () {
                var manages = this.manageList;
                var subId = this.subInfo.id;
                for (var i = 0; i < this.delManageList.length; i++) {
                    manages.push(this.delManageList[i]);
                }
                var data = {
                    subId: subId,
                    manage: manages
                };
                var self = this;
                App.msg.confirm("确认提交监管单位信息吗？", function () {
                    App.postJson("/api/subject/subInfo/saveEditSubInfo", {manage: data}, function (res) {
                        if (res.success) {
                            App.msg.warn("提交成功");
                            App.postJson("/api/subject/subInfo/getManageList", {subId: subId}, function (resc) {
                                if (resc.success) {
                                    self.manageList = resc.data;
                                    self.delManageList = [];
                                    self.loadManageTable();
                                }
                            });
                        }
                    });
                });
            },
            closeWin: function () {
                var self = this;
                if (!this.closeMark) {
                    App.msg.confirm("当前信息未保存或未保存成功，确认关闭？", function () {
                        window.history.back(-1);
                    });
                } else {
                    window.history.back(-1);
                }
            }
        }
    })
</script>
</body>
</html>