longping
/
subject_gxj


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000
							<%@ 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">
        .page-main {
            padding: 10px 40px;
            box-sizing: border-box;
        }

        .table_box h2 {
            /*margin: 20px 0 10px;*/
            height: 25px;
            width: 200px;
            font-size: 16px;
            color: #1c56a3;
        }

        #addAmt {
            font-size: 50px;
        }

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

        .subject-info-title {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            padding: 9px 0;
        }

        .btn-form-label {
            margin-top: 4px;
        }

        .subject-info-text {
            margin-top: 3px;
        }

        .subject-info-detail {
            width: fit-content;
            min-width: 90px;
            height: 30px;
            margin-left: 30px;
            padding: 0 10px;
            box-sizing: border-box;
            line-height: 30px;
            text-align: center;
            font-size: 16px;
            color: #fff;
            background: #0b9ee2;
            border-radius: 5px;
            cursor: pointer;
        }

        .status-box {
            display: flex;
            align-items: center;
            margin: 9px 0 9px 216px;
            background: #f2f2f2;
        }

        .week-box {
            display: flex;
            align-items: center;
        }

        /* 覆盖95%宽度限制 */
        .table_box .layui-row {
            width: 100%;
            max-width: 100%;
        }

        /* 模块 */
        .module-box {
            /* display: flex; */
            width: 100%;
            min-height: 50px;
            padding: 0 20px;
            box-sizing: border-box;
            background: rgba(160, 207, 255, 0.15);
            border-radius: 10px;
        }

        .double-module {
            width: 49%;
        }

        /* 新版样式 */


        .page-title {
            font-weight: 500;
            font-size: 18px;
            color: #0F4082;
        }

        .right-content {
            display: flex;
            justify-content: space-between;
            width: 100%;
        }

        .table_box {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 106px;
            padding: 0;
            border-radius: 0;
        }
        .process-pie-layer{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 5px;
            font-size: 12px;
            font-weight: normal;
            color: #333333;
            line-height: 16px;
        }
        .process-pie-layer .img {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100px;
            height: 60px;
            background: #F5F5F5;
            border-radius: 3px 3px 3px 3px;
            border: 1px solid #DDDDDD;
            cursor: pointer;
        }
        .process-pie-layer .img img{
            width: 32px;
            height: 32px;
        }

        .layui-table-view .layui-table {
            width: 100%;
        }

        .layui-table-box {
            border: none;
        }

        .table_box .layui-table-header {
            height: 60px;
        }

        .layui-table-header .layui-table th {
            /*height: 60px;*/
            background: rgba(28, 86, 163, 0.2);
            font-size: 14px;
            color: #1C56A3;
            font-weight: bold;
        }

        .layui-table tr {
            /*height: 51px;*/
            border-bottom: 1px solid rgba(28, 86, 163, 0.15);
        }

        .layui-table-view .layui-table td {
            font-size: 14px;
            color: #333333;
            background-color: #E7EEF6;
        }

        .table_box .layui-table-hover,
        .table_box .layui-table[lay-even] tr:nth-child(even) {
            background-color: #E7EEF6;
        }

        .layui-table tbody tr:hover,
        .layui-table thead tr,
        .layui-table-click,
        .layui-table-header,
        .layui-table-hover,
        .layui-table-mend,
        .layui-table-patch,
        .layui-table-tool,
        .layui-table-total,
        .layui-table-total tr,
        .layui-table[lay-even] tr:nth-child(even) {
            background-color: #E7EEF6;
        }

        .page-btn {
            height: 32px;
            text-align: center;
            line-height: 32px;
            font-weight: 500;
            font-size: 14px;
            color: #FFF;
            background: #2C6EC6;
            border-radius: 5px;
            cursor: pointer;
            padding: 0 10px;
            white-space: nowrap;
        }

        .page-btn-ban {
            color: #999;
            background: #F5F5F5 !important;
        }

        .page-btn-pass {
            background: #00BB55 !important;
        }

        .page-btn-special {
            background: #FFAA01 !important;
        }

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

        .subject-subname {
            font-weight: bold;
            font-size: 14px;
            color: #333333;
            line-height: 28px;
            cursor: pointer;
        }
        .subject-subname:hover{
            color: #2B6EC6 !important;
        }
        .subject-department {
            display: flex;
            justify-content: space-between;
            width: 44%;
            margin-top: 10px;
        }

        .subject-department-name {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-top: 11px;
            font-weight: 400;
            font-size: 14px;
            color: #999;
            white-space: nowrap;
        }

        .subject-department-name span {
            color: #333;
            white-space: nowrap;
        }

        .process-box {
            width: 100%;
            min-height: 200px;
        }

        .process-item {
            display: flex;
            width: 100%;
            min-height: 50px;
            margin-bottom: 20px;
        }

        .process-item-2 {
            /*height: 162px;*/
            margin-bottom: 26px;
        }

        .process-item-3 {
            /*height: 432px;*/
            margin-bottom: 13px;
        }

        .process-item-4 {
            height: auto;
            width: 500px;
            /*margin-bottom: 26px;*/
            margin-right: 37px;
            display: flex;
            flex-direction: column;
        }

        .process-index {
            display: flex;
            flex-direction: column;
            align-items: center;
            /*width: 80px;*/
            margin-right: 20px;
            margin-left: 6px;
        }

        .process-spe{
            flex-direction: row;
            margin-bottom: 10px;
        }
        .process-spe .process-index-icon{
            margin-right: 5px;
        }
        .process-spe .process-index-name{
            margin-right: 5px;
        }
        .spe-line{
            border-bottom: 1px dashed #2B6EC6;
        }

        .process-index-icon {
            width: 24px;
            height: 24px;
            text-align: center;
            line-height: 24px;
            font-weight: bold;
            font-size: 14px;
            color: #FFFFFF;
            border-radius: 50%;
            background: #2C6EC6;
        }

        .process-index-name {
            min-width: 56px;
            margin-top: 3px;
            font-weight: 300;
            font-size: 14px;
            color: #1C56A3;
        }

        .process-index-line {
            position: relative;
            flex-grow: 1;
            width: 0px;
            border-right: 1px dashed #2B6EC6;
        }

        .process-index-arrow{
            width: 3px;
            height: 3px;
            border: 1px dashed #2B6EC6;
            border-right: none;
            border-bottom: none;
            transform: rotate(135deg);
        }

        /* 禁用 */
        .process-ban .process-index-icon {
            background: #999;
        }

        .process-ban .process-index-name {
            color: #999;
        }

        .process-ban .process-index-line {
            border-right: 1px dashed #999;
        }
        .process-ban .process-index-arrow {
            border: 1px dashed #999 !important;
            border-right: none !important;
            border-bottom: none !important;
        }

        /*完成*/
        .process-conplete .process-index-icon {
            background: #00BB55 !important;
        }

        .process-conplete .process-index-name {
            color: #00BB55 !important;
        }

        .process-conplete .process-index-line {
            border-right: 1px dashed #00BB55 !important;
        }
        .process-conplete .spe-line{
            border-bottom: 1px dashed #00BB55 !important;
        }
        .process-conplete .process-index-arrow {
            border: 1px dashed #00BB55 !important;
            border-right: none !important;
            border-bottom: none !important;
        }

        .status-line {
            display: flex;
            align-items: center;
            width: 100%;
        }

        .status-icon {
            padding: 2px;
            position: relative;
            margin-right: 10px;
            box-sizing: border-box;
            font-weight: 500;
            text-align: center;
            font-size: 11px;
            color: #FFF;
            line-height: 1.5;
            background: #00BB55;
            border-radius: 3px;
        }

        .status-icon-decorate {
            position: absolute;
            top: 7px;
            right: -8px;
            border-left: 4px solid #00BB55;
            border-right: 4px solid transparent;
            border-top: 4px solid transparent;
            border-bottom: 4px solid transparent;
        }

        .status-decorate-special {
            border-left: 6px solid #FFAA01;
        }

        .status-text {
            height: 28px;
            line-height: 28px;
            font-weight: 300;
            font-size: 14px;
            color: #00BB55;
        }

        .status-text-ban {
            color: #999;
        }

        /* 手续盒子 */
        .formalities {
            display: flex;
            justify-content: space-between;
            width: 100%;
            margin-top: 29px;
        }

        .formalities-box {
            text-align: center;
        }

        .formalities-box-value {
            /*height: 41px;*/
            font-weight: bold;
            font-size: 16px;
            /*line-height: 36px;*/
            color: #1C56A3;
        }

        .formalities-box-title {
            margin-top: 2px;
            height: 33px;
            font-weight: 300;
            font-size: 14px;
            color: #333333;
            line-height: 28px;
            white-space: nowrap;
            margin: 0 13px;
        }

        .apply-item {
            display: flex;
            align-items: center;
            margin-left: 20px;
            font-weight: 300;
            font-size: 14px;
            color: #999999;
            white-space: nowrap;
        }

        .apply-person {
            margin-left: 50px;
        }

        .apply-item-value {
            margin-left: 10px;
            color: #333;
        }

        .report-big {
            display: flex;
            justify-content: space-between;
            margin-top: 51px;
        }

        .report-title {
            height: 14px;
            margin-bottom: 19px;
            font-weight: 500;
            font-size: 14px;
            color: #999999;
            line-height: 28px;
        }

        .report-box {
            display: flex;
            flex-wrap: wrap;
            width: 390px;
            cursor: pointer;
        }

        .report-box-month {
            width: 270px;
        }

        .report-item {
            margin: 0 -1px -1px 0;
            padding: 8px;
            box-sizing: border-box;
            background: #F5F5F5;
            border: 1px solid #CCCCCC;
        }

        .report-item-title {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            font-weight: 500;
            font-size: 14px;
            /*line-height: 29px;*/
            color: #333333;
        }

        .report-item-status {
            /*width: 80px;*/
            /*height: 30px;*/
            padding: 0px 5px;
            margin-left: 10px;
            font-weight: 300;
            font-size: 12px;
            color: #FFFFFF;
            /*text-align: center;*/
            line-height: 1.3;
            background: #FFAA01;
            border-right: 3px;
        }

        .report-status-done {
            background: #00BB55;
        }

        .report-item-time {
            width: 100%;
            /*margin-top: 20px;*/
            font-weight: 300;
            font-size: 14px;
            color: #999999;
            text-align: center;
            /*height: 24px;*/
            /*line-height: 29px;*/
        }

        .report-done {
            background: rgba(44, 110, 198, 0.1);
            border: 1px solid #1C56A3;
            margin:0 -1px -1px 0;
            z-index: 1;
        }

        .report-done .report-item-title,
        .report-done .report-item-time {
            color: #1C56A3;
        }

        .year-big {
            width: 100%;
            height: auto;
            background: rgba(28, 86, 163, 0.1);
        }

        .year-title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 13px 19px 0 24px;
            box-sizing: border-box;
        }

        .year-title-text {
            font-weight: 500;
            font-size: 16px;
            color: #1C56A3;
        }


        .year-choose-box {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 16px 0 16px;
            padding: 0 10px;
        }

        .jihuazj {
            display: flex;
            align-items: center;
        }

        .year-choose {
            padding-top: 15px;
            padding-left: 7px;
            background: rgba(28, 86, 163, 0.1);
            width: auto;
            height: 40px;
            border-radius: 3px 3px 0px 0px;
            border-bottom: 1px solid #C9D8E9;
            cursor: pointer;
        }

        .year-choose input {
            height: 100%;
            font-size: 14px;
            padding-left: 20px;
            cursor: pointer;
        }

        .year-choose-intro {
            width: auto;
            font-size: 14px;
            color: #333333;
            line-height: 24px;
            text-align: left;
        }

        .year-choose-value {
            margin-left: 24px;
            font-weight: 500;
            font-size: 16px;
            color: #1C56A3;
        }

        .year-choose-unit {
            font-size: 14px;
        }

        .button-active {
            height: 102% !important;
            font-weight: bold !important;
            color: #2B6EC6 !important;
            background: #E7EEF6 !important;
            padding-bottom: 1px !important;
            border-bottom: 0 !important;
        }
        .button-item {
            margin-bottom: -1px;
            padding: 0 10px;
            width: auto;
            margin-left: -1px;
            height: 100%;
            background: #F5F5F5;
            border-radius: 0px 0px 0px 0px;
            border: 1px solid #C9D8E9;
            border-bottom: none;
            font-weight: 300;
            font-size: 14px;
            color: #999999;
            cursor: pointer;
        }
        .process-content,
        .progress-big{
            width: 100%;
        }

    </style>
</head>

<body>
<div id="app"></div>
<input type="hidden" id="subId" value="${subId}"/>
<input type="hidden" id="amtYear" value="${amtYear}"/>
<template id="template">
    <div class="page-main">
        <div class="right_title">
            <h2 class="page-title">项目信息</h2>
        </div>

        <div class="right-content">
            <div class="progress-big">
                <form class="layui-form" lay-filter="formData">
                    <div class="layui-colla-content layui-show" style="height: auto">
                        <div class="table_box" style="margin-bottom: 25px;">
                            <div>
                                <div class="subject-subname" @click="subInfoDetail">{{subInfo.subName}}</div>
                                <div class="subject-department">
                                    <div class="subject-department-name">
                                        监管单位：<span>{{subInfo.mainName}}</span>
                                    </div>
                                    <%--                                <div class="page-btn" @click="subInfoDetail">项目详情</div>--%>
                                </div>
                            </div>
                            <div class="process-pie-layer" @click="showPdf">
                                <div class="img"><img  src="${WebSite.asset}/css/images/flow.jpg" width="100%" height="100%"></div>
                                <div>查看管理流程图</div>
                            </div>
                        </div>

                        <div class="process-box" style="display: flex">
                            <div class="process-item process-item-4">
                                <div class="process-index process-spe" :class="ndjhtx ? 'process-conplete':''" :class="(!ndjhtx) ? '':'process-ban'">
                                    <div class="process-index-icon">1</div>
                                    <div class="process-index-name">年度计划</div>
                                    <div class="process-index-line spe-line"></div>
                                    <div class="process-index-arrow"></div>
                                </div>

                                <div class="process-content">
                                    <div class="year-big">
                                        <form class="layui-form" lay-filter="formData2" action=""
                                              onkeydown="if(event.keyCode==13){return false;}">
                                            <div class="year-choose">
                                                <button type="button" class="button-item" :class="item==planYear?'button-active':''" v-for="(item,index) in yearsArray" :key="index" @click="clickYear(item)">{{item}}年度</button>
                                            </div>
                                            <div class="year-choose-box">
                                                <div class="jihuazj">
                                                    <div class="year-choose-intro">计划</div>
                                                    <div class="year-choose-value">
                                                        {{plan.planAmtYear}}
                                                        <span class="year-choose-unit">(万元)</span>
                                                    </div>
                                                </div>
                                                <div class="page-btn year-title-btn" lay-submit lay-filter="save">保存
                                                </div>
                                            </div>
                                            <div class="layui-colla-content layui-show" style="height: auto;">
                                                <div class="table_progress" style="padding-top: 0;">
                                                    <table id="amtPlan" lay-filter="amtPlan"></table>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
<%--                            ||subInfo.status === '6'||subInfo.status === '7' || subInfo.status === '8'--%>
                            <div style="width: calc(100% - 420px)">
                                <div class="process-item process-item-1" :class="(subInfo.status !== '1') ? 'process-conplete':''" :class="(subInfo.status === '1' && ndjhtx) ? '':'process-ban'">
                                    <div class="process-index">
                                        <div class="process-index-icon">2</div>
                                        <div class="process-index-name">项目准备</div>
                                        <div class="process-index-line"></div>
                                        <div class="process-index-arrow" style="transform: rotate(-135deg)"></div>
                                    </div>

                                    <div class="process-content">
                                        <div class="status-line">
                                            <div class="status-icon">
                                                <div class="status-icon-decorate"></div>
                                                当前状态
                                            </div>
                                            <div class="status-text">{{preInfo.statusName}}</div>
                                        </div>

                                        <div class="formalities">
                                            <div class="formalities-box">
                                                <div class="formalities-box-value">{{preInfo.sumNum}}</div>
                                                <div class="formalities-box-title">总的手续</div>
                                            </div>

                                            <div class="formalities-box">
                                                <div class="formalities-box-value">{{preInfo.noNum}}</div>
                                                <div class="formalities-box-title">无需办理手续</div>

                                            </div>
                                            <div class="formalities-box">
                                                <div class="formalities-box-value">
                                                    {{preInfo.processNum}}
                                                </div>
                                                <div class="formalities-box-title">办理中的手续</div>

                                            </div>
                                            <div class="formalities-box">
                                                <div class="formalities-box-value">
                                                    {{preInfo.endNum}}
                                                </div>
                                                <div class="formalities-box-title">已办理完成手续</div>

                                            </div>
                                            <div class="formalities-box">
                                                <div class="page-btn" @click="toPre" v-if="ndjhtx">进入办理</div>
                                                <span v-if="!ndjhtx" style="color: red;">年度计划未填写，请先填写年度计划，再进行手续办理！</span>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                                <div class="process-item process-item-2" :class="(subInfo.status !== '6') ? 'process-conplete':''" :class="(subInfo.status === '6') ? '':'process-ban'">
                                    <div class="process-index">
                                        <div class="process-index-icon">3</div>
                                        <div class="process-index-name">开工申请</div>
                                        <div class="process-index-line"></div>
                                        <div class="process-index-arrow" style="transform: rotate(-135deg)"></div>
                                    </div>

                                    <div class="process-content">
                                        <div class="status-line" style="margin-top:12px;">
                                            <div class="page-btn" @click="toOpen"
                                                 v-if="subInfo.status==='6'&& open.status==='0'">
                                                开工申请
                                            </div>
                                            <div class="page-btn page-btn-ban"
                                                 v-if="subInfo.status==='6'&& open.status==='1'">
                                                申请中…
                                            </div>
                                            <div class="page-btn page-btn-pass"
                                                 v-if="subInfo.status==='6'&& open.status==='2'">
                                                审核通过
                                            </div>
                                            <div class="page-btn page-btn-ban" v-if="subInfo.status !=='6'">
                                                {{open.statusName}}
                                            </div>


                                            <div class="apply-item">
                                                开工申请时间
                                                <div class="apply-item-value">{{open.dateSq}}</div>
                                            </div>

                                            <div class="apply-item apply-person">
                                                申请人
                                                <div class="apply-item-value">{{open.nameSqr}}</div>
                                            </div>

                                        </div>

                                        <div class="status-line" style="margin-top:21px;">
                                            <div class="status-text" :class="open.status === '1'?'status-text-ban':''"
                                                 style="height: 33px;line-height: 36px;">{{open.statusName}}
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="process-item process-item-3"
                                     :class="(subInfo.status === '7' || subInfo.status === '8') ? '':'process-ban'"
                                     :class="(subInfo.status === 'A' || subInfo.status === '8') ? 'process-conplete':''">
                                    <div class="process-index">
                                        <div class="process-index-icon">4</div>
                                        <div class="process-index-name">施工阶段</div>
<%--                                        <div class="process-index-line"></div>--%>
                                    </div>

                                    <div class="process-content" style="border:none;">
                                        <div class="status-line"
                                             style="justify-content:space-between;">
                                            <div style="display:flex;">
                                                <div class="status-icon page-btn-special" style="height: 21px">
                                                    <div class="status-icon-decorate status-decorate-special"></div>
                                                    当前状态
                                                </div>
                                                <div class="status-text" style="margin-right:10px">
                                                    {{comp.process}}{{comp.statusName}}
                                                </div>
                                            </div>

                                            <div style="display:flex">
                                                <div class="page-btn" @click="toComp" v-if="subInfo.status === '7'">
                                                    竣工验收申请
                                                </div>

                                                <div class="page-btn page-btn-special" style="margin-left:6px"
                                                     @click="toOpenComp"
                                                     v-if="subInfo.status === '7' ">
                                                    停工
                                                </div>
                                                <div class="page-btn page-btn-special" style="margin-left:6px"
                                                     @click="toOpenComp"
                                                     v-if="subInfo.status === '8' ">
                                                    开工
                                                </div>
                                            </div>
                                        </div>

                                        <div class="report-big">
                                            <div>
                                                <div class="report-title">近四周周报情况</div>

                                                <div class="report-box">
                                                    <div class="report-item report-done"
                                                         @click="weekReport(week[0].beginDate)">
                                                        <div class="report-item-title">
                                                            本周
                                                            <div class="report-item-status"
                                                                 :class="week[0].status==='1'?'report-status-done':''">
                                                                {{week[0].statusName}}
                                                            </div>
                                                        </div>
                                                        <div class="report-item-time">{{week[0].kjMonth }}</div>
                                                    </div>

                                                    <div class="report-item" @click="weekReport(week[1].beginDate)">
                                                        <div class="report-item-title">
                                                            前一周周报
                                                            <div class="report-item-status"
                                                                 :class="week[1].status==='1'?'report-status-done':''">
                                                                {{week[1].statusName}}
                                                            </div>
                                                        </div>
                                                        <div class="report-item-time">{{week[1].kjMonth }}</div>
                                                    </div>

                                                    <div class="report-item" @click="weekReport(week[2].beginDate)">
                                                        <div class="report-item-title">
                                                            前二周周报
                                                            <div class="report-item-status"
                                                                 :class="week[2].status==='1'?'report-status-done':''">
                                                                {{week[2].statusName}}
                                                            </div>
                                                        </div>
                                                        <div class="report-item-time">{{week[2].kjMonth }}</div>
                                                    </div>

                                                    <div class="report-item" @click="weekReport(week[3].beginDate)">
                                                        <div class="report-item-title">
                                                            前三周周报
                                                            <div class="report-item-status"
                                                                 :class="week[3].status==='1'?'report-status-done':''">
                                                                {{week[3].statusName}}
                                                            </div>
                                                        </div>
                                                        <div class="report-item-time">{{week[3].kjMonth }}</div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div>
                                                <div class="report-title">近两个月月报情况</div>
                                                <div class="report-box report-box-month" style="width: 155px">
                                                    <div class="report-item report-done"
                                                         @click="monthReport(month[0].beginDate)">
                                                        <div class="report-item-title">
                                                            写本月月报
                                                            <div class="report-item-status"
                                                                 :class="month[0].status==='1'?'report-status-done':''">
                                                                {{ month[0].statusName }}
                                                            </div>
                                                        </div>
                                                        <div class="report-item-time">{{ month[0].kjMonth }}
                                                        </div>
                                                    </div>

                                                    <div class="report-item" @click="monthReport(month[1].beginDate)">
                                                        <div class="report-item-title">
                                                            上一月月报
                                                            <div class="report-item-status"
                                                                 :class="month[1].status==='1'?'report-status-done':''">
                                                                {{ month[1].statusName }}
                                                            </div>
                                                        </div>
                                                        <div class="report-item-time">{{ month[1].kjMonth }}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="layui-row">
                            <div class="layui-col-xs12 layui-col-sm12" style="display: none">
                                <div class="layui-form-item">
                                    <label class="layui-form-label" style="width: 186px; margin-left: 30px">年度计划投资金额(万元)：</label>
                                    <div class="layui-input-block" style="margin-left: 246px">
                                        <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" style="display: none">
                                <div class="layui-form-item">
                                    <label class="layui-form-label" style="width: 186px; margin-left: 30px">年度计划投资金额(万元)：</label>
                                    <div class="layui-input-block" style="margin-left: 246px">
                                        <input type="number" placeholder="请输入" autocomplete="off" class="layui-input"
                                               v-model="subInfo.amtYear"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>

        </div>

        <div id="openAndEndDate" class="layuimini-main" style="display: none;">
            <form class="layui-form" lay-filter="openForm">
                <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 ">
                                <input type="text" id="openDate" name="openDate" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </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="toolBar">
    <div class="toolBar">
        <span lay-event="delPlan">删除</span>
    </div>
</script>
<script type="text/javascript">
    new Vue({
        el: "#app",
        template: "#template",
        data: {
            tabActive: 1,
            roleCode:'${roleCode}',
            subInfo: {
                subjectId: "",
                indusKind: "",
                mainId: "",
                is3Kg: "",
                employNumbers: "",
                subName: "",
                kindNature: "",
                isRk: "1",
                propKind: "3",
                kind: "",
            },
            unitName: "",
            preInfo: {},
            sumNum: "",
            plan: {},
            open: {},
            kindAmt: {},
            testAmt: "",
            testAmtName: "",
            amtSource: [],
            comp: {},
            week: [{
                kjMonth: ""
            }, {
                kjMonth: ""
            }, {
                kjMonth: ""
            }, {
                kjMonth: ""
            }],
            month: [{
                kjMonth: ""
            }, {
                kjMonth: ""
            }],
            weekAndMonth: {},
            planYear: "",
            yearsArray:[],
            delAmtSource: [],
            closeMark: false,
            edit: false,
            kindSelect: null,
            num: 1,
            ndjhtx:false,
            /* currSelectMainName: "",
          currSelectHyflName: "" */
        },
        mounted: function () {
            this.init();
        },
        methods: {
            init: function () {
                var self = this;
                layui.laydate.render({
                    elem: "#planStart1",
                    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.laydate.render({
                    elem: "#planEnd1",
                    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.form.on("select(planYearPlus)", function (data) {
                //   self.selectYearPlan(data.value);
                // });

                var nowdate = new Date();
                nowdate.setMonth(nowdate.getMonth() + 1);
                var y = nowdate.getFullYear();
                var m = nowdate.getMonth() + 1;
                var d = nowdate.getDate();
                var formatwdate = y + '-' + m + '-' + d;
                layui.laydate.render({
                    elem: '#openDate',
                    theme: layDateTheme,
                    value: formatwdate
                });
                layui.form.on("radio(isRk)", function (data) {
                    self.subInfo.isRk = data.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("select(subjectId)", function (data) {
                    var ztdw = $("#subjectId option:checked").attr("ztdw");
                    self.subInfo.subjectId = data.value;
                    self.subInfo.mainId = ztdw;
                });
                layui.form.on("select(kindNature)", function (data) {
                    self.subInfo.kindNature = data.value;
                    self.chooseTzxz(data.value);
                });
                layui.form.on("select(is3Kg)", function (data) {
                    self.subInfo.is3Kg = data.value;
                });
                // var kind = [];
                // 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.form.on("select(testAmt)", function (data) {
                    self.testAmt = data.value;
                    self.testAmtName = this.innerText;
                });

                // layui.form.on("submit(saveTemp)", function (obj) {
                //   self.saveTemp();
                // });
                layui.form.on("submit(save)", function (obj) {
                    self.save();
                });
                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);
                });
            },
            showPdf: function (){
                 App.openLayer({
                     title: "管理流程图",
                     content: App.getUrl("/subPreNew/showPrePdf"),
                     height: "600",
                     width: "800"
                 });
                //window.location.href=App.getUrl("/subPreNew/showPrePdf");
            },
            loadTableAmtPlan: function () {
                var self = this;
                var amt=  {field: 'amt', align: 'center', title: '年初计划投资(万元)<br><span style="font-size: 12px;">项目单位填写</span>', minWidth: 150, edit: 'text'}
                var assignAmt= {field: 'assignAmt', align: 'center', title: '月度任务(万元)<br><span style="font-size: 12px;">行业部门填写</span>', minWidth: 150}
                if(this.roleCode!=='001'){
                    delete amt.edit
                }
       /*         if(this.roleCode==='001'){
                    delete assignAmt.edit
                }*/
                layui.table.render({
                    elem: '#amtPlan', // 指定原始表格元素选择器（推荐id选择器）
                    even: true,
                    cols: [[ // 设置表头
                        {field: 'ymonth', align: 'center', title: '年月', minWidth: 100},
                        amt,
                        assignAmt,
                        {field: 'remark', align: 'center', title: '备注', minWidth: 150, edit: 'text'},
                        // { title: '操作', align: 'center', width: 100, toolbar: '#toolBar' }
                    ]],
                    limit: self.list.length,
                    data: self.list
                });
                layui.table.on("tool(amtPlan)", function (obj) {
                    self[obj.event].call(this, obj);
                });
                layui.table.on("edit(amtPlan)", function (obj) {
                    if (obj.field == 'amt' || obj.field == 'assignAmt') {
                        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.list = layui.table.getData("amtPlan");
                        } else {
                            self.list = layui.table.getData("amtPlan");
                        }
                    }else {
                        self.list = layui.table.getData("amtPlan");
                    }
                });
            },
            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;
                    }
                }
            },
            save: function () {
                var list = this.list;
                var self = this;
                var subId = $("#subId").val();
                var amtYear = $("#amtYear").val();


                console.log(list)
                var sum=0;
                if (amtYear!=0&&amtYear!=undefined){
                    //计算年度计划总金额
                    for (var i=0;i<list.length;i++){
                        if (list[i].amt!=undefined&&list[i].amt!=""){
                            sum=sum+parseInt(list[i].amt);
                        }
                    }
         /*           if (amtYear<sum){
                        App.msg.warn("年度计划月累计金额:"+sum+" 不能大于年度计划金额:"+amtYear+"(市发改委)");
                        return ;
                    }*/
                }

        /*        if (amtYear!=0&&amtYear!=undefined){
                    //计算年度计划总金额
                    var sumAssign=0;
                    for (var i=0;i<list.length;i++){
                        if (list[i].assignAmt!=undefined&&list[i].assignAmt!=""){
                            sumAssign=sumAssign+parseInt(list[i].assignAmt);
                        }
                    }
                    if (sum<sumAssign){
                        App.msg.warn("年度累计分配金额:"+sumAssign+" 不能大于年度计划月累计金额:"+sum+"(市发改委)");
                        return ;
                    }
                }*/


                App.msg.confirm("确认提交吗？", function () {
                    App.postJson("/api/amtPlan/save", {subId: subId, amtPlans: list}, function (res) {
                        if (res.success) {
                            layer.msg("成功", {icon: 6, time: 1000});
                            self.getForm();
                        }
                    });
                });
            },
            getForm: function () {
                var subId = $("#subId").val();
                var self = this;
                if (subId == "") {
                    //this.loadPlanTable();
                    // self.initAmtSource();
                } else {
                    App.postJson(
                        "/api/subject/subInfo/getById",
                        {id: subId, needSpName: true},
                        function (res) {
                            if (res.success) {
                                self.subInfo = res.data;
                                self.getYearArray(self.subInfo.beginDate,self.subInfo.endDate)
                            }
                        }
                    );

                    App.postJson(
                        "/api/subPreNew/countPreNumByStatus",
                        {subId: subId},
                        function (res) {
                            if (res.success) {
                                self.preInfo = res.data;
                            }
                        }
                    );


                    var planYear = $("#year").val();

                    if (planYear == null || planYear == undefined) {
                        self.planYear = new Date().getFullYear();
                    } else {
                        self.planYear = planYear;
                    }


                    App.postJson("/api/amtPlan/getBySubId", {subId: subId, year: self.planYear}, function (res) {
                        if (res.success) {
                            self.list = res.data.list || [];
                            self.list.forEach(item=>{
                                if(item.amt){
                                    self.ndjhtx=true;
                                    return
                                }
                            })
                            self.loadTableAmtPlan();
                            setTimeout(function () {
                                layui.form.render();
                            }, 200);
                        }
                    });


                    App.postJson(
                        "/api/amtPlan/countAmtPlan",
                        {subId: subId, year: planYear},
                        function (res) {
                            if (res.success) {
                                self.$set(self.plan, 'planAmtYear', res.data);
                                // self.plan.planAmtYear = res.data;
                            }
                        }
                    );

                    App.postJson(
                        "/api/subject/subStart/getStartInfoBySubId",
                        {subId: subId},
                        function (res) {
                            if (res.success) {
                                self.open = res.data;
                            }
                        }
                    );

                    App.postJson(
                        "/api/subComplete/getInfoBySubId",
                        {subId: subId},
                        function (res) {
                            if (res.success) {
                                self.comp = res.data;
                            }
                        }
                    );

                    self.selectYearPlan(self.planYear);
                    App.postJson(
                        "/api/weekReport/getByInfo4Week",
                        {subId: subId},
                        function (res) {
                            if (res.success) {
                                self.weekAndMonth = res.data;
                                self.week = res.data.weekList;
                                self.month = res.data.monthList;

                                // for (var i=0;i<=3;i++){
                                //   var weekEdit="weekEdit"+i;
                                //   var weekAdd="weekAdd"+i;
                                //
                                //   // if (self.week[i].status=="已完成"){
                                //   //   document.getElementById(weekEdit).setAttribute("style","");
                                //   // }else if (self.week[i].status=="未完成"){
                                //   //   document.getElementById(weekAdd).setAttribute("style","");
                                //   // }
                                //
                                // }
                            }
                        }
                    );
                }
            },
            subInfoDetail: function () {
                var subId = $("#subId").val();
                window.location.href = App.getUrl(
                    "/subject/subInfo/detailView?subId=" + subId + "&lastUrl=" + window.location.href
                );
            },
            toPre: function () {
                var subId = $("#subId").val();
                window.location.href=App.getUrl("/subPreNew/sbTodo?subId="+subId);
                //window.location.href = App.getUrl("/subPreNew/todo?subId=" + subId);
            },
            toPlanAmt: function () {
                var subId = $("#subId").val();
                var planYear = $("#year").val();
                window.location.href = App.getUrl(
                    "/amtPlan/edit?subId=" + subId + "&year=" + planYear
                );
            },

            toStop: function () {
                var self = this;
                var subId = $("#subId").val();

                // var msgConfirm = (self.subInfo.status == '7' ? '确认变更为停工状态?' : '确认变更为开工状态?');
                // App.msg.confirm(msgConfirm, function () {

                    layer.open({
                        type: 1,
                        title: self.subInfo.status == '7' ? '停工日期' : '开工日期',
                        content: $("#openAndEndDate"),
                        // area: ['500px', '300px'],
                        btn: ["保存", "取消"],
                        yes: function (index) {
                            var reason = layui.form.val("openForm");

                            if (reason.openDate==null||reason.openDate==""){
                                App.msg.warn("日期不能为空");
                                return;
                            }

                            App.postJson("/api/subject/subInfo/changeTg", {subId: subId,openDate:reason.openDate}, function (res) {
                                if (res.success) {
                                    App.msg.success("变更成功");
                                    layer.close(index);
                                    window.location.href = App.getUrl(
                                        "/subject/subInfo/detail?subId=" + subId
                                    );
                                }
                            })
                        },
                        close: function (index) {
                            layer.close(index);
                        }
                    })


                // })


            },

            // toStop: function () {
            //     var self = this;
            //     var subId = $("#subId").val();
            //     var msgConfirm =
            //         self.subInfo.status == "7"
            //             ? "确认变更为停工状态?"
            //             : "确认变更为开工状态?";
            //     App.msg.confirm(msgConfirm, function () {
            //         App.postJson(
            //             "/api/subject/subInfo/changeTg",
            //             {subId: subId},
            //             function (res) {
            //                 if (res.success) {
            //                     App.msg.success("变更成功");
            //                     window.location.href = App.getUrl(
            //                         "/subject/subInfo/detail?subId=" + subId
            //                     );
            //                 }
            //             }
            //         );
            //     });
            // },

            // toStop: function () {
            //     var self = this;
            //     var subId = $("#subId").val();
            //
            //     var msgConfirm = (self.subInfo.status == '7' ? '确认变更为停工状态?' : '确认变更为开工状态?');
            //     App.msg.confirm(msgConfirm, function () {
            //
            //         layer.open({
            //             type: 1,
            //             title: self.subInfo.status == '7' ? '停工日期' : '开工日期',
            //             content: $("#openAndEndDate"),
            //             area: ['500px', '300px'],
            //             btn: ["保存", "取消"],
            //             yes: function (index) {
            //                 var reason = layui.form.val("openForm");
            //
            //                 if (reason.openDate==null||reason.openDate==""){
            //                     App.msg.warn("日期不能为空");
            //                     return;
            //                 }
            //
            //                 App.postJson("/api/subject/subInfo/changeTg", {subId: subId,openDate:reason.openDate}, function (res) {
            //                     if (res.success) {
            //                         App.msg.success("变更成功");
            //                         layer.close(index);
            //                         self.getData();
            //                     }
            //                 })
            //             },
            //             close: function (index) {
            //                 layer.close(index);
            //             }
            //         })
            //
            //
            //
            //     })
            //
            //
            //
            //
            //
            //
            // },

            toOpenComp: function () {
                // var self = this;
                // var subId = $("#subId").val();
                // var msgConfirm =
                //     self.subInfo.status == "7"
                //         ? "确认变更为停工状态?"
                //         : "确认变更为开工状态?";
                // App.msg.confirm(msgConfirm, function () {
                //     App.postJson(
                //         "/api/subject/subInfo/changeTg",
                //         {subId: subId},
                //         function (res) {
                //             if (res.success) {
                //                 App.msg.success("变更成功");
                //                 window.location.href = App.getUrl(
                //                     "/subject/subInfo/detail?subId=" + subId
                //                 );
                //             }
                //         }
                //     );
                // });


                var self = this;
                var subId = $("#subId").val();

                // var msgConfirm = (self.subInfo.status == '7' ? '确认变更为停工状态?' : '确认变更为开工状态?');
                // App.msg.confirm(msgConfirm, function () {

                    layer.open({
                        type: 1,
                        title: self.subInfo.status == '7' ? '停工日期' : '开工日期',
                        content: $("#openAndEndDate"),
                        // area: ['500px', '300px'],
                        btn: ["保存", "取消"],
                        yes: function (index) {
                            var reason = layui.form.val("openForm");

                            if (reason.openDate==null||reason.openDate==""){
                                App.msg.warn("日期不能为空");
                                return;
                            }

                            App.postJson("/api/subject/subInfo/changeTg", {subId: subId,openDate:reason.openDate}, function (res) {
                                if (res.success) {
                                    App.msg.success("变更成功");
                                    layer.close(index);
                                    window.location.href = App.getUrl(
                                        "/subject/subInfo/detail?subId=" + subId
                                    );
                                }
                            })
                        },
                        close: function (index) {
                            layer.close(index);
                        }
                    })


                // })

            },
            toComp: function () {
                var subId = $("#subId").val();
                App.msg.confirm("确认提交竣工验收申请", function (ind) {
                    App.postJson(
                        "/api/subComplete/canReport",
                        {subId: subId},
                        function (res) {
                            layer.close(ind);
                            if (res.success) {
                                window.location.href = App.getUrl(
                                    "subComplete/report?subId=" + subId
                                );
                                // window.location.href = App.getUrl("/subject/subInfo/detail?subId=" + subId);
                            }
                        }
                    );
                });
            },
            toOpen: function () {
                var self = this;
                var subId = $("#subId").val();
                var subName =
                    "项目名称：" +
                    self.subInfo.subName +
                    "<br>是否确认进行项目开工申报？";

                layer.confirm(
                    subName,
                    {title: "项目开工申报", btn: ["确认", "取消"]},
                    function (ind) {
                        App.postJson(
                            "/api/subject/subInfo/subStartDeclaration",
                            {subId: subId},
                            function (res) {
                                layer.close(ind);
                                if (res.success) {
                                    window.location.href = App.getUrl(
                                        "/subject/subInfo/detail?subId=" + subId
                                    );
                                }

                            }
                        );
                    }
                );
            },
            weekReport: function (beginDate) {
                if (!(this.subInfo.status === '7' || this.subInfo.status === '8')) return;
                var subId = $("#subId").val();
                // beginDate = new Date(beginDate); // 创建Date对象
                // var year=beginDate.getFullYear();
                window.location.href = App.getUrl(
                    "weekReport/getBySubId?subId=" + subId + "&beginDate=" + beginDate
                );

            },
            monthReport: function (beginDate) {
                if (!(this.subInfo.status === '7' || this.subInfo.status === '8')) return;
                var subId = $("#subId").val();
                // 创建Date对象
                // var year=beginDate.getFullYear();
                window.location.href = App.getUrl(
                    "monthReport/getBySubId?subId=" +
                    subId +
                    "&beginDate=" +
                    beginDate
                );
            },
            selectYearPlan: function (year) {
                var subId = $("#subId").val();
                var self = this;
                App.postJson(
                    "/api/amtPlan/countAmtPlan",
                    {subId: subId, year: year},
                    function (res) {
                        self.$set(self.plan, 'planAmtYear', res.data);
                        if (res.success) {
                            self.plan.planAmtYear = res.data;
                            layui.form.render();
                        }
                    }
                );
            },
            delPlan: function (obj) {
                var self = this;
                App.msg.confirm("确认删除该内容吗？", function () {
                    obj.data.amt = '';
                    obj.data.remark = '';
                    obj.update(obj.data);
                    self.list = layui.table.getData("amtPlan");
                })
            },
            selectPlanYear: function (year) {
                var subId = $("#subId").val();
                var self = this;
                App.postJson("/api/amtPlan/getBySubId", {subId: subId, year: year}, function (res) {
                    if (res.success) {
                        self.list = res.data.list || [];
                        self.loadTableAmtPlan();
                        // setTimeout(function () {
                        //     layui.form.render();
                        // }, 200);
                    }
                });
            },
            addAmt: function () {
                var self = this;
                $("#zjAmt").val("");
                $("#zjAmtSj").val("");
                this.planEditPanl = layer.open({
                    title: "资金选择",
                    type: 1,
                    content: $("#preplanEdit"),
                    area: ["800px", "600px"],
                });
            },
            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");
            },
            isBlank: function (value) {
                return value == null || value == "";
            },
            saveTemp: function () {
                this.doRequest(true);
            },
            doRequest: function (tem) {
                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/saveSubInfo";
                //项目资金来源
                if (this.amtSource.length == 0) {
                    App.msg.warn("项目资金来源至少选择一项");
                    return;
                }
                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;
                    }
                }
                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 (this.subInfo.is3Kg == "") {
                    App.msg.warn("3月是否可开工不能为空");
                    return;
                }
                if (
                    this.subInfo.employNumbers == "" ||
                    this.subInfo.employNumbers == null
                ) {
                    App.msg.warn("带动就业人数不能为空");
                    return;
                }
                if (tem) {
                    if (
                        (this.subInfo.status != null && this.subInfo.status != "0") ||
                        (this.subInfo.status == "1" && this.subInfo.status != "1")
                    ) {
                        App.msg.warn("非暂存状态，不可暂存");
                        return;
                    }
                    saveUrl = "/api/subject/subInfo/saveTemp";
                }
                /* App.postJson("/subject/subInfo/checkAdd",{subjectId : self.subInfo.subjectId,ztdwName: self.currSelectMainName, hyflName: self.currSelectHyflName }, function(res){
                if(res.success){
                  self.subInfo.mainId=res.data; */
                if (
                    self.subInfo.mainId == undefined ||
                    self.subInfo.mainId == null
                ) {
                    App.msg.warn("您选择的建设地点还未分配监管单位");
                    return;
                }
                App.postJson(saveUrl, self.subInfo, function (res) {
                    if (res.success) {
                        self.closeMark = true;
                        layer.msg("成功", {icon: 6, time: 1000});
                        layer.confirm(
                            "是否确认要进行下一步操作？",
                            {title: "下一步", btn: ["确认", "取消"]},
                            function () {
                                window.location.href = App.getUrl(
                                    "/amtPlan/editAdd?subId=" +
                                    res.data.id +
                                    "&year=" +
                                    new Date().getFullYear()
                                );
                            },
                            function () {
                                window.history.back(-1);
                            }
                        );

                        // window.history.back(-1);
                        //window.location.href=App.getUrl("/subject/subInfo/report");
                    }
                });
                /* }else {
                App.msg.warn("选择的行业类型和建设地点没有对应的监管单位");
              }
            }); */
            },
            // save: function () {
            //   this.doRequest(false);
            // },
            closeWin: function () {
                var self = this;
                if (
                    !this.closeMark &&
                    (this.subInfo.subName != "" ||
                        this.subInfo.kind != "" ||
                        this.subInfo.indusKind != "" ||
                        this.subInfo.propKind != "")
                ) {
                    App.msg.confirm(
                        "当前信息未保存或未保存成功，确认关闭？",
                        function () {
                            window.history.back(-1);
                        }
                    );
                } else {
                    window.history.back(-1);
                }
            },
            getYearArray: function (startTime, endTime) {
                var self=this;
                var now = new Date();
                self.planYear = now.getFullYear();
                const startYear = new Date(startTime).getFullYear();
                const endYear = new Date(endTime).getFullYear();
                if (endYear > self.planYear) {
                    self.yearsArray = Array.from({ length: self.planYear - startYear + 2 }, (_, i) => startYear + i);
                } else if (endYear <= self.planYear) {
                    self.planYear=endYear;
                    self.yearsArray = Array.from({ length: endYear - startYear + 2 }, (_, i) => startYear + i);
                } else {
                    self.planYear=startYear;
                    self.yearsArray = [startYear];
                }
                self.yearsArray.reverse();
                if(self.yearsArray.length>5){
                    self.yearsArray=self.yearsArray.slice(0, 5);
                }
                console.log(self.yearsArray,self.planYear);
                self.selectPlanYear(self.planYear);
                self.selectYearPlan(self.planYear);
            },
            clickYear:function (year) {
                var self=this;
                self.planYear=year;
                self.selectPlanYear(year);
                self.selectYearPlan(year);
            }
        },
    })
    ;
</script>
</body>

</html>