1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057 |
- <%@ 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" v-model="subInfo.status" lay-filter="status" disabled>
- <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.code }">${hy.title}
- <c:forEach items="${hy.children }" var="hy2">
- <option value="${hy2.code }">  ${hy2.title}
- </c:forEach>
- </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"></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"
- >项目进展情况</label>
- <div class="layui-input-block">
- <textarea 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>
- <option value="D">D类</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">状态</label>
- <div class="layui-input-block">
- <select v-model="subInfo.cbStatus" lay-filter="cbStatus">
- <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">签约日期</label>
- <div class="layui-input-block">
- <input type="text" id=qyDate readonly="readonly" 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">储备转新建周期</label>
- <div class="layui-input-block">
- <input type="number" name="cbNum" id="cbNum" placeholder="请输入"
- autocomplete="off" 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">新建转在建周期</label>--%>
- <%-- <div class="layui-input-block">--%>
- <%-- <input type="number" name="xjNum" id="xjNum" placeholder="请输入"--%>
- <%-- autocomplete="off" 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">在建转投产周期</label>--%>
- <%-- <div class="layui-input-block">--%>
- <%-- <input type="number" name="zjNum" id="zjNum" placeholder="请输入"--%>
- <%-- autocomplete="off" 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>
- </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("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;
- });
- var kind = [];
- <c:forEach items="${XMLX}" var="xm">
- kind.push({value: "${xm.code}", name: "${xm.title}"});
- </c:forEach>
- 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();
- // },
- 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) {
- self.subInfo = res.data;
- /* 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;
- }
- const abc = self.subInfo.abc;
- if (!abc){
- layer.msg("请选择ABC类");
- return;
- }
- const indusKind = self.subInfo.indusKind;
- if (!indusKind){
- layer.msg("请选择行业类型");
- return;
- }
- var saveUrl = "/api/subject/subInfo/saveEditSubInfo";
- // var saveAmtSource = this.amtSource.concat(this.delAmtSource);
- // this.subInfo.subSource = saveAmtSource;
- 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();
- }
- });
- }
- });
- })
- },
- // 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();
- // },
- // 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>
|