longping
/
subject_gxj


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555
							<%@ 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>
    <script src="//unpkg.com/layui@2.9.7/dist/layui.js"></script>
    <![endif]-->
    <style type="text/css">
        .layui-table-view .layui-table td {
            border-right: 1px solid #DDD !important;
        }

        .layui-table-body .layui-table-cell {
            padding: 5px !important;
        }

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

        .table_box .table_process {
            height: fit-content;
            max-height: 60vh;
            overflow: hidden;
        }

        .layui-table-body::-webkit-scrollbar {
            width: 0px;
            /*height: 10px;*/
        }

        .layui-table-col-special .layui-table-cell {
            display: flex;
            justify-content: space-between;
        }

        .queryTimeType {
            margin-top: -9px;
            position: absolute;
        }

        .hiddenParam,
        .hiddenParams {
            display: none;
        }

        .morePan {
            position: absolute;
            margin-left: 11px;
        }

        .morePan a {
            color: #2C6EC6;
        }

        .table_box,
        .table_box .table_process {
            overflow: visible;
        }

        .layui-form-select dl {
            height: 230px;
        }
        /* 针对特定 select 的样式 */
        .custom-select + .layui-form-select dl {
            height: auto; /* 恢复默认高度 */
            max-height: 150px; /* 设置一个合适的高度 */
        }
        .layui-table-cell .cut {
            display: -webkit-box; /* 使用旧版的弹性盒子布局 */
            -webkit-box-orient: vertical; /* 设置为垂直方向排列 */
            overflow: hidden; /* 隐藏溢出内容 */
            text-overflow: ellipsis; /* 使用省略号表示溢出内容 */
            -webkit-line-clamp: 2; /* 显示的行数 */
        }
        .search_pop .layui-layer-content {
            overflow: visible;
        }
    </style>
</head>

<body>
<div id="app"></div>
<template id="template">
    <div class="layui-layout layui-layout-admin pd0">
        <!-- 内容区域 -->
        <div class="right_title">
            <%--            <span class="txt">重点项目信息台账</span>--%>
            <%--        <span class="txt" style="width: 100%;text-align: center">在建项目库</span>--%>
            <div class="txt">在建项目库 <div class="top-breadcrumb"></div></div>
            <div class="layui-collapse search_form">
                <div class="layui-colla-item">
                    <%--                    <h2 class="layui-colla-title">筛选</h2>--%>
                    <div class="layui-colla-content layui-show">
                        <form class="layui-form" lay-filter="searchForm" id="searchForm">
                            <input type="hidden" name="queryType" value="3">
                            <div class="layui-row">
                                <div class="layui-col-xs3 layui-col-sm3 layui-col-md3">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label label-longers required">项目名称</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="subName" placeholder="请输入" autocomplete="off"
                                                   class="layui-input">
                                        </div>
                                    </div>
                                </div>

                                <div class="layui-col-xs3 layui-col-sm3 layui-col-md3 " style="display:none;">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label label-longers required">项目类型</label>
                                        <div class="layui-input-block">
                                            <div id="kind" name="kind"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-col-xs3 layui-col-sm3 layui-col-md3">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label required label-longers">项目属地</label>
                                        <div class="layui-input-block">
                                            <select name="subjectId">
                                                <option value="">请选择</option>
                                                <c:forEach items="${JSDD }" var="hy">
                                                    <option value="${hy.code }">${hy.title }</option>
                                                </c:forEach>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-col-xs3 layui-col-sm3 layui-col-md3">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label label-longers required">行业类别</label>
                                        <div class="layui-input-block">
<%--                                            <div id="indusKind"></div>--%>
                                            <select name="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 }">&ensp;&ensp;${hy2.title}
                                                    </c:forEach>
                                                    </option>
                                                </c:forEach>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-col-xs6 layui-col-sm6 layui-col-md6 hiddenParam">
                                    <div class="layui-form-item">
                                        <div class="layui-inline">
                                            <label class="layui-form-label" style="width: 100px;">红黄灯：</label>
                                            <div class="layui-input-block" style="width: auto">
                                                <input type="radio" name="statusRed" value="" title="所有" checked  />
                                                <c:forEach var="item" items="${statusRedList}">
                                                    <input type="radio" name="statusRed" value="${item.code}" title="${item.name}"/>
                                                </c:forEach>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-col-xs6 layui-col-sm6 layui-col-md6 hiddenParam">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label required label-longers" style="width: 100px;">项目总投资(亿元)</label>
                                        <div class="layui-input-block time_box">
                                            <input type="number" name="startAmt" placeholder="请输入最小金额"
                                                   autocomplete="off"
                                                   class="layui-input">
                                            <span class="split_txt">至</span>
                                            <input type="number" name="endAmt" placeholder="请输入最大金额" autocomplete="off"
                                                   class="layui-input">
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-col-xs3 layui-col-sm3 layui-col-md3 hiddenParam">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label label-longers">项目单位</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="sbdw" placeholder="请输入项目项目单位名称"
                                                   autocomplete="off"
                                                   class="layui-input">
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-col-xs3 layui-col-sm3 layui-col-md3 hiddenParam">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label required label-longers" style="width: 100px;">建成投产时间</label>
                                        <div class="layui-input-block time_box" style="margin-left:120px">
                                            <input type="text" id="startTime" name="rangeDate" placeholder="请选择时间段"
                                                   autocomplete="off" class="layui-input" style="margin-left: 20px;">
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-col-xs3 layui-col-sm3 layui-col-md3 hiddenParam">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label required label-longers" style="width: 100px;">年度投资</label>
                                        <div class="layui-input-block time_box">
                                            <input type="number" name="yearMixAmt" placeholder="请输入最小金额"
                                                   autocomplete="off"
                                                   class="layui-input">
                                            <span class="split_txt"> - </span>
                                            <input type="number" name="yearMaxAmt" placeholder="请输入最大金额" autocomplete="off"
                                                   class="layui-input">
                                        </div>
                                    </div>
                                </div>

                                <div class="layui-col-xs3 layui-col-sm3 layui-col-md3 hiddenParams">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label"></label>
                                        <div class="layui-input-block">
                                            <button type="button" class="layui-btn layui-btn-normal"
                                                    style="margin-left: 50px" @click="search">查询
                                            </button>
                                            <span class="morePan" @click="showMore"><a
                                                    v-if="!showMoreFlag">更多</a><a
                                                    v-if="showMoreFlag">收起 V</a></span>
                                        </div>
                                    </div>
                                </div>
                                <%--                                <div class="layui-col-xs3 layui-col-sm3 layui-col-md6">--%>
                                <%--                                    <span style="color: red;float: right;">带*号的条件可在导出时使用，其中年份及月份仅限导出使用，年份不选择默认为当前年份</span>--%>
                                <%--                                </div>--%>

                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
        <div>
            <div class="layui-row class_ls">
                                <div style="display: flex;margin-bottom: 3px">
                                    <label class="juli">
                                        在建项目总数<span class="lanse-first">{{beginRate.num}}</span>
                                        <div class="progress-div">
                                            <div class="layui-progress">
                                                <div class="layui-progress-bar"></div>
                                            </div>
                                        </div>
                                    </label>
                                    <label class="juli">
                                        已开工<span class="lanse-first">{{beginRate.ykgNum}}</span>
                                        <div class="progress-div">
                                            <div class="layui-progress">
                                                <div class="layui-progress-bar" :style="'width:'+beginRate.noRate"></div>
                                            </div>
                                        </div>
                                    </label>
                                    <label class="juli">
                                        开（复）工率<span class="lanse-first">{{beginRate.kfgRate}}%</span>
                                        <div class="progress-div">
                                            <div class="layui-progress">
                                                <div class="layui-progress-bar" :style="'width:'+beginRate.noRate"></div>
                                            </div>
                                        </div>
                                    </label>
                                </div>
                <%--         &lt;%&ndash;           <label class="juli">--%>
                <%--                        未开工项目数<span class="lanse-first">{{beginRate.noNum}}</span>--%>
                <%--                        <div class="progress-div">--%>
                <%--                            <div class="layui-progress">--%>
                <%--                                <div class="layui-progress-bar" :style="'width:'+beginRate.noRate"></div>--%>
                <%--                            </div>--%>
                <%--                        </div>--%>
                <%--                    </label>--%>
                <%--                    <label class="juli">--%>
                <%--                        已开工项目数<span class="lanse-first">{{beginRate.beginNum}}</span>--%>
                <%--                        <div class="progress-div">--%>
                <%--                            <div class="layui-progress">--%>
                <%--                                <div class="layui-progress-bar" :style="'width:'+beginRate.beginRate"></div>--%>
                <%--                            </div>--%>
                <%--                        </div>--%>
                <%--                    </label>&ndash;%&gt;--%>
                <%--                    &lt;%&ndash; <label class="juli">--%>
                <%--                         已竣工项目数<span class="lanse-first">{{beginRate.endNum}}</span>--%>
                <%--                         <div class="progress-div">--%>
                <%--                             <div class="layui-progress">--%>
                <%--                                 <div class="layui-progress-bar" :style="'width:'+beginRate.endRate"></div>--%>
                <%--                             </div>--%>
                <%--                         </div>--%>
                <%--                     </label>--%>
                <%--                     <label class="juli">--%>
                <%--                         停工项目数<span class="lanse-first">{{beginRate.stopNum}}</span>--%>
                <%--                         <div class="progress-div">--%>
                <%--                             <div class="layui-progress" lay-filter="layui-progress-bar">--%>
                <%--                                 <div class="layui-progress-bar" :style="'width:'+beginRate.stopRate"></div>--%>
                <%--                             </div>--%>
                <%--                         </div>--%>
                <%--                     </label>&ndash;%&gt;--%>

                <%--             &lt;%&ndash;       <label class="juli">--%>
                <%--                        开工率<span class="lanse-first">{{beginRate.beginRate}}</span>--%>
                <%--                        <div class="progress-div">--%>
                <%--                            <div class="layui-progress">--%>
                <%--                                <div class="layui-progress-bar" :style="'width:'+beginRate.beginRate"></div>--%>
                <%--                            </div>--%>
                <%--                        </div>--%>
                <%--                    </label>&ndash;%&gt;--%>
                <%--                    <label class="juli">--%>
                <%--                        转已竣工项目数<span class="lanse-first">{{beginRate.zjzh}}</span>--%>
                <%--                        <div class="progress-div">--%>
                <%--                            <div class="layui-progress">--%>
                <%--                                <div class="layui-progress-bar" :style="'width:'+beginRate.kgRate"></div>--%>
                <%--                            </div>--%>
                <%--                        </div>--%>
                <%--                    </label>--%>
                <%--                    <label class="juli">--%>
                <%--                        竣工项目转化率<span class="lanse-first">{{beginRate.jgRate}}%</span>--%>
                <%--                        <div class="progress-div">--%>
                <%--                            <div class="layui-progress">--%>
                <%--                                <div class="layui-progress-bar" :style="'width:'+beginRate.jgRate"></div>--%>
                <%--                            </div>--%>
                <%--                        </div>--%>
                <%--                    </label>--%>
                <%--   &lt;%&ndash;                 <label class="juli">--%>
                <%--                        竣工率<span class="lanse-first">{{beginRate.endRate}}</span>--%>
                <%--                        <div class="progress-div">--%>
                <%--                            <div class="layui-progress">--%>
                <%--                                <div class="layui-progress-bar" :style="'width:'+beginRate.endRate"></div>--%>
                <%--                            </div>--%>
                <%--                        </div>--%>
                <%--                    </label>&ndash;%&gt;--%>
                <%--    &lt;%&ndash;                <label class="juli">--%>
                <%--                        投资进度<span class="lanse-first">{{beginRate.amtRate}}%</span>--%>
                <%--                        <div class="progress-div">--%>
                <%--                            <div class="layui-progress">--%>
                <%--                                <div class="layui-progress-bar" :style="'width:'+beginRate.amtRate+'%'"></div>--%>
                <%--                            </div>--%>
                <%--                        </div>--%>
                <%--                    </label>&ndash;%&gt;--%>
                <%--                </div>--%>
                <%--                <div style="display: flex;margin-bottom: 3px">--%>
                <%--                    <label class="juli">--%>
                <%--                        年初计划投资<span class="lanse-first">{{beginRate.yearAmt}}亿元</span>--%>
                <%--                        <div class="progress-div">--%>
                <%--                            <div class="layui-progress">--%>
                <%--                                <div class="layui-progress-bar"></div>--%>
                <%--                            </div>--%>
                <%--                        </div>--%>
                <%--                    </label>--%>
                <%--                    <label class="juli">--%>
                <%--                        月度任务<span class="lanse-first">{{beginRate.yearAmtAssign}}亿元</span>--%>
                <%--                        <div class="progress-div">--%>
                <%--                            <div class="layui-progress">--%>
                <%--                                <div class="layui-progress-bar"></div>--%>
                <%--                            </div>--%>
                <%--                        </div>--%>
                <%--                    </label>--%>
                <%--                    <label class="juli">--%>
                <%--                        月度实际投资<span class="lanse-first">{{beginRate.yearAmtSj}}亿元</span>--%>
                <%--                        <div class="progress-div">--%>
                <%--                            <div class="layui-progress">--%>
                <%--                                <div class="layui-progress-bar"></div>--%>
                <%--                            </div>--%>
                <%--                        </div>--%>
                <%--                    </label>--%>
                <%--                </div>--%>

                <div style="display: flex;margin-bottom: 3px">

                    <label @click="levelList('kindNatures',item.name,item.code)" class="juli"
                           v-for="(item, index) in beginRate.tzlxList" :key="index">
                        {{item.name}}<span class="lanse-first">{{item.num}}</span>
                    </label>
                    <label class="juli" @click="levelList('subjects',item.name,item.code)"
                           v-for="(item, index) in beginRate.jsddList" :key="index">
                        {{item.name}}<span class="lanse-first">{{item.num}}</span>
                    </label>
                    <label class="juli"
                           @click="levelList('statusRed',item.name,item.code)"
                           v-for="(item, index) in beginRate.lightList" :key="index">
                        {{item.name}} <span class="lanse-first">{{item.num}}</span>
                    </label>
                </div>
                <div class="second_line" style="margin-bottom: 3px">
                    <label class="juli"
                           @click="levelList('indusKinds',item.name?item.name:item.code,item.code)"
                           v-for="(item, index) in beginRate.hyflList" :key="index">
                        {{item.name?item.name:item.code}}<span class="lanse-first">{{item.num}}</span>
                    </label>
                </div>
            </div>
        </div>
        <div class="table_box" style="padding-top: 0;">
            <div class="table_process" style="position: relative;">
                <div style="position: relative; display: inline-block" @mouseover="openExport" @mouseout="choseExport">
                    <div class="export">
                        <img src="${WebSite.asset}/css/images/left/export.svg"/>
                        <span>导出</span>
                    </div>
                    <div class="export-item" v-if="showExport" :style="{ top: '-62px' }">
                        <button type="button" class="" @click="exportDetailExcel">导出明细</button>
                        <button type="button" class="" @click="exportTotalExcel">导出总表</button>
<%--                        <button type="button" class="" @click="exportMoreExcel">自定义导出</button>--%>
                    </div>
                </div>
                <table id="table1" lay-filter="test" style="position: relative;"></table>
                <div class="pagination-box" id="pagination"></div>
            </div>
        </div>
        <div style="height: 20px;"></div>
    </div>

</template>
<div id="setReason" style="display: none;">
    <form class="layui-form" lay-filter="reasonForm">
        <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">
                  <textarea name="reasonNoRk" maxlength="200" style="height: 50px;width: 80%;" id="reasonNoRk"
                            autocomplete="off" class="layui-textarea"></textarea>
                    </div>
                </div>
            </div>
            <div class="layui-col-xs6 layui-col-sm6">
                <div class="layui-form-item">
                    <label class="layui-form-label">已入库无投资原因：</label>
                    <div class="layui-input-block">
                  <textarea name="reasonNoAmt" maxlength="200" style="height: 50px;width: 80%;" id="reasonNoAmt"
                            autocomplete="off" class="layui-textarea"></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="radio" name="isRk" value="0" title="否" checked="checked"/>
                        <input type="radio" name="isRk" value="1" title="是"/>
                    </div>
                </div>
            </div>
            <div class="layui-col-xs6 layui-col-sm6">
                <div class="layui-form-item">
                    <label class="layui-form-label">未开工建设原因：</label>
                    <div class="layui-input-block">
                  <textarea name="reasonNoKg" maxlength="200" style="height: 50px;width: 80%;" id="reasonNoKg"
                            autocomplete="off" class="layui-textarea"></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">
                  <textarea name="reasonq" maxlength="200" style="height: 50px;width: 80%;" id="reasonq"
                            autocomplete="off" class="layui-textarea"></textarea>
                    </div>
                </div>
            </div>
            <div class="layui-col-xs6 layui-col-sm6">
                <div class="layui-form-item">
                    <label class="layui-form-label">已开工进度慢原因：</label>
                    <div class="layui-input-block">
                  <textarea name="reasonJd" maxlength="200" style="height: 50px;width: 80%;" id="reasonJd"
                            autocomplete="off" class="layui-textarea"></textarea>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>


<div id="problem" class="layuimini-main" style="display: none;">
    <form class="layui-form" lay-filter="problemForm">
        <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 block-width">
                        <input type="radio" name="statusF" value="2" title="红灯" checked="checked"/>
                        <input type="radio" name="statusF" value="1" title="黄灯"/>
                        <input type="radio" name="statusF" value="0" title="绿灯"/>
                    </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 block-width">
                  <textarea name="status_reason" maxlength="400" style="height: 300px;width: 80%;" id="problemReason"
                            autocomplete="off" class="layui-textarea"></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">要求解决日期：</label>
                    <div class="layui-input-block block-width " style="width: 25%">
                        <input type="text" id="dateConfirm" name="dateConfirm" autocomplete="off" class="layui-input">
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>


<div id="openAndEndDate" class="layuimini-main" style="display: none;">
    <form class="layui-form" lay-filter="openForm" style="margin-top:  10px">
        <div class="layui-row">
            <div class="layui-col-xs12 layui-col-sm12">
                <div class="layui-form-item">
                    <label class="layui-form-label" style="width: auto;">日期：</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 id="toBack" class="layuimini-main" style="display: none;">
    <form class="layui-form" lay-filter="toBackForm">
        <div class="layui-row">
            <div class="layui-col-xs12 layui-col-sm12">
                <div class="layui-form-item">
                    <label class="layui-form-label" style="width: 100px">退回到状态：</label>
                    <div class="layui-input-block">
                        <%--                  <input type="radio" name="status" value="0" title="暂存"  />--%>
                        <input type="radio" name="status" value="1" title="项目前期" checked="checked"/>
                        <input type="radio" name="status" value="6" title="待开工"/>
                        <input type="radio" name="status" value="7" title="施工中"/>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

<script type="text/html" id="subName">
    <div style="display: flex;flex-direction: column;justify-content: center;height: 100%">
        <%--	{{# if(d.usersub == "1") { }}--%>
        <span lay-event="toDetail" title="{{d.subName}}">{{d.subName}}</span>
        <%--        <div title="{{d.subName}}">分管领导： {{d.leaderName||'--'}}</div>--%>
        <%--	{{# }else { }}--%>
        <%--	<span title="{{d.subName}}">{{d.subName}}</span>--%>
        <%--	{{#}}}--%>

    </div>
</script>
<script type="text/html" id="abcSpan">
    {{# if(d.abc == "A") { }}
    <span style="font-size:16px;font-weigh:500 !important;color: #26B520">{{d.abc||''}}</span>
    {{#} }}
    {{# if(d.abc == "B") { }}
    <span style="font-size:16px;font-weigh:500 !important;color: #1869F6">{{d.abc||''}}</span>
    {{#} }}
    {{# if(d.abc == "C") { }}
    <span style="font-size:16px;font-weigh:500 !important;color: #FF9600">{{d.abc||''}}</span>
    {{#} }}
</script>
<script type="text/html" id="amt">

    {{# var computedPer = function(total, now){
    return (total == 0) ? 0 : parseInt(now * 100 / total +0.5);
    };
    }}
    <span title="">
        <span class="qianse">总投资：</span><strong class="lanse">{{d.amtTotal}}</strong> 万元 <br/>
		 <span class="qianse">累计完成投资：</span><strong class="lanse">{{d.allAmt}}</strong>			万元(<i
            class="lanse">{{computedPer(d.amtTotal, d.allAmt)}} %</i> )<br/>
		<span class="qianse">本年度计划投资：</span><strong class="lanse">{{d.yearPlanAmt}}</strong> 万元 <br/>
		<span class="qianse">本年度完成投资：</span><strong class="lanse">{{d.yearEndAmt}}</strong>			万元(<i
            class="lanse">{{computedPer(d.yearPlanAmt, d.yearEndAmt)}} %</i> )

    </span>
</script>

<script type="text/html" id="leaderInfo">
    <span title="">
		{{# if(d.leaderName == '' || d.leaderName == null ) { }}
						姓名：<br/>
		{{#} else { }}
					姓名：{{d.leaderName}} <br/>
		{{#} }}


		{{# if(d.leaderPhone == '' ||  d.leaderPhone == null) { }}
					电话：<br/>
		{{#} else { }}
				电话：{{d.leaderPhone}} <br/>
		{{#} }}


		{{# if(d.leaderJob == '' ||d.leaderJob == null) { }}
					职务：<br/>
		{{#} else { }}
				职务：{{d.leaderJob}} <br/>
		{{#} }}
		</span>
</script>

<style>
    .flashing-image {
        animation: flash 1s infinite;
    }

    @keyframes flash {
        0%, 50% {
            opacity: 1; /* 图片完全可见 */
        }
        25%, 75% {
            opacity: 0; /* 图片完全不可见 */
        }
    }

</style>
<script type="text/html" id="offsetLight">
    {{#if(d.offset >= -30 && d.offset <= -10 ) { }}
    <span style="color: yellow"><image style="width:24px;height:24px;margin: auto;"
                                       src="${WebSite.asset}/css/images/bigScreen/light-yellow.png" class="flashing-image"></image></span>
    {{#} else if(d.offset < -30) { }}
    <span style="color: red"><image style="width:24px;height:24px;margin: auto;"
                                    src="${WebSite.asset}/css/images/bigScreen/light-red.png" class="flashing-image"></image></span>
    {{#} else if(d.offset > -10) { }}
    <span style="color: red"><image style="width:24px;height:24px;margin: auto;"
                                    src="${WebSite.asset}/css/images/bigScreen/light-green.png"></image></span>
    {{#}}}
    {{#if(d.offset !=null) { }}
    {{d.offset||"--"}}%
    {{#} else { }}
    --
    {{#}}}
</script>

<script type="text/html" id="offset">

    {{#if(d.offset !="" || d.offset != undefined) { }}
    {{d.offset||""}}
    {{# } }}
</script>


<script type="text/html" id="openLight">


    {{# var computedPer1 = function(beginDate){

    var beginDate =new Date(beginDate);
    var beginDate7 =new Date(beginDate);
    var beginDate3 =new Date(beginDate);
    beginDate7.setDate(beginDate7.getDate()-7);
    beginDate3.setDate(beginDate3.getDate()-3);

    var newDate =  new Date();
    if(newDate.getTime() >=beginDate7.getTime()  && newDate.getTime() <=beginDate3.getTime()){
    return "yellow";
    }else if(newDate.getTime() >=beginDate3.getTime() && newDate.getTime()  <=  beginDate.getTime()  ){
    return "red";
    }else{
    return "-";
    }
    };
    }}

    {{#if(computedPer1(d.beginDate)=="yellow" ) { }}
    <span style="color: yellow">  <image style="width:20px;height:20px;margin: auto;"
                                         src="${WebSite.asset}/css/images/bigScreen/light-yellow.png"></image></span>
    {{#} else if(computedPer1(d.beginDate)=="red") { }}
    <span style="color: red">   <image style="width:20px;height:20px;margin: auto;"
                                       src="${WebSite.asset}/css/images/bigScreen/light-red.png"></image></span>
    {{#}}}
</script>


<script type="text/html" id="imageDiv">
    <div style="width:50px;height:50px" onclick="toVideo('{{d.id}}','{{d.fileId||''}}')">
        {{# if(d.fileId == null || d.fileId == '') { }}
        <span style="color: grey;font-size:12px;display: block;height: 100%;line-height: 100%">暂无影像</span>
        {{#} else { }}
        <img src="${domain}/static/file/{{d.fileId}}/showfile" realUrl="${domain}/static/file/{{d.fileId}}/showfile"
             width="50px" height="50px"/>
        {{#} }}
    </div>
</script>

<script type="text/html" id="date">
    <div title="">
        <div class="line"><span class="shense new-roman">{{d.endDate?d.endDate:"--"}}</span>

        </div>
<%--        <div class="line"><span class="qianse">计划开工：</span><span class="shense">{{d.beginDate}}</span>--%>

<%--        </div>--%>
<%--        <div class="line"><span class="qianse">实际开工：</span><span class="shense"></span>--%>

<%--        </div>--%>
<%--        <div class="line"><span class="qianse">计划竣工：</span><span class="shense">{{d.endDate}}</span>--%>

<%--        </div>--%>
    </div>
</script>
<script type="text/html" id="toolBar">
    <div class="toolBar">
        <span title="项目查询" lay-event="toDetail" class="no-wrap">项目查询</span>
        {{# if("${currUser.edit}" == 'true'||( d.propKind == '3' && "${currUser.id}" == d.create_user_id )) { }}
        <span title="编辑" lay-event="toEditSubInfo" class="no-wrap">&nbsp;编辑</span>
        {{#} }}
        <span title="红黄灯" lay-event="toEditLight" class="no-wrap">红黄灯</span>
        <span title="转库" lay-event="move" class="no-wrap">转库</span>
        <span title="移出4库" lay-event="removeFour" class="no-wrap">移出4库</span>
    </div>
</script>
<script type="text/html" id="moveForm">
    <div class="layui-form" style="padding: 20px;">
        <div class="layui-form-item" style="display: flex; align-items: center;">
            <label class="layui-form-label" style="text-align: right; width: 90px;">当前状态：</label>
            <div class="layui-input-block" style="flex: 1; max-width: calc(100% - 120px);">
                <input type="text" name="currentState" value="在建库" disabled class="layui-input">
            </div>
        </div>
        <div class="layui-form-item" style="display: flex; align-items: center;">
            <label class="layui-form-label" style="text-align: right; width: 90px;">转库到：</label>
            <div class="layui-input-block" style="flex: 1; max-width: calc(100% - 120px);">
                <select class="custom-select" lay-filter="moveStatus" lay-verify="required">
                    <option value="">请选择</option>
                    <c:forEach items="${subInfoStatus }" var="item">
                        <c:if test="${item.code != 3}">
                            <option value="${item.code}">${item.desc}</option>
                        </c:if>
                    </c:forEach>
                </select>
            </div>
        </div>
        <div class="layui-form-item" style="display: flex; align-items: center;">
            <label class="layui-form-label" style="text-align: right; width: 90px;"></label>
            <div class="layui-input-block" style="flex: 1; max-width: calc(100% - 120px); text-align: right;">
                <button type="button" class="layui-btn layui-btn-primary layui-border" onclick="vm.closeAllLayers()">取消</button>
                <button type="button" class="layui-btn moveConfirm" onclick="vm.confirmMove()">确认转库</button>
            </div>
        </div>
    </div>
</script>
<script>
    let vm = new Vue({
        el: "#app",
        template: "#template",
        data: {
            winH: 0,
            dataList: [],
            startDate: "",
            endDate: "",
            tableName: 'test',
            cacheName: 'TzQueryParam_main_${currUser.id}',
            pageNo: 1,
            indusKind: null,
            kind: {},
            beginRate: {},
            showMoreFlag: false,
            light: null,
            sort: {field: "amtTotal", type: "desc"},
            pageSize: 10,
            /*         sort: {
                         field: 'amtTotal',
                         type: null
                     },*/
            showExport: false,
            moveDbParam: {
                id:null,
                status:null
            }
        },
        mounted: function () {
            this.init()
        },
        methods: {
            closeAllLayers() {
                layui.layer.closeAll(); // 关闭所有弹框
            },
            confirmMove: function () {
                let param = this.moveDbParam
                // 数据验证
                if (!param || !param.status) {
                    App.msg.error("请选择转库状态");
                    return;
                }
                const statusMap = {
                    1: "储备",
                    2: "新建",
                    3: "在建",
                    9: "投产"
                };
                const statusName = statusMap[param.status] || "未知状态";

                this.closeAllLayers();
                App.msg.confirm(`是否转入`+statusName+`库？`, () => {
                    App.postJson("/api/subject/subInfo/moveDb", { id: param.id, status: param.status }, (res) => {
                        if (res.success) {
                            App.msg.success("转库成功");
                            self.getData()
                        } else {
                            App.msg.error(res.message || "转库失败，请重试");
                        }
                    })
                });
                // this.getData()
            },
            move (obj) {
                this.moveDbParam.id = obj.data.id
                const formTemplate = document.getElementById('moveForm').innerHTML;
                layer.open({
                    type: 1,
                    title: '转库',
                    content: formTemplate,
                    area: ['350px', '300px'],
                    skin: 'search_pop',
                    success: function(layero, index){
                        layui.form.render();
                    }
                });
            },
            // 红黄灯
            toEditLight(obj){
                let self = this;
                App.openLayer({
                    title: "红黄灯设置",
                    content: App.getUrl("/subject/subInfo/light?subId=" + obj.data.id),
                    width: 500,
                    height: 400,
                    end: function() {
                        self.getData();
                    }
                })
            },
            init: function () {
                let self = this;
                layui.form.on("select(moveStatus)", function (data) {
                    self.moveDbParam.status = data.value;
                });
                this.winH = document.body.clientHeight;
                layui.laydate.render({
                    elem: '#startTime',
                    theme: layDateTheme,
                    range: '~'
                });
                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: '#dateConfirm',
                    theme: layDateTheme,
                    value: formatwdate
                });
                layui.laydate.render({
                    elem: '#openDate',
                    theme: layDateTheme,
                    value: formatwdate
                });
                /*   $("#month").val(new Date().getMonth() + 1);*/
                var xmlx = [];
                <c:forEach items="${XMLX}" var="xm">
                xmlx.push({value: "${xm.code}", name: "${xm.title}"});
                </c:forEach>
                this.kind = layui.xmSelect.render({
                    el: "#kind",
                    language: 'zn',
                    data: xmlx
                });
                layui.laydate.render({
                    elem: '#year',
                    type: 'year',
                    theme: layDateTheme,
                    btns: ['now', 'confirm'],
                    /*                    value: new Date().getFullYear()*/
                });
                var params = window.localStorage.getItem(this.cacheName);
                if (params) {
                    layui.form.val("searchForm", JSON.parse(params));
                }

                <%--var indusKindData = [];--%>
                <%--<c:forEach items="${HYFL}" var="xm">--%>
                <%--var childData = [];--%>
                <%--<c:forEach items="${xm.children}" var="c">--%>
                <%--childData.push({--%>
                <%--    value: "${c.code}",--%>
                <%--    name: "${c.title}",--%>
                <%--})--%>
                <%--</c:forEach>--%>
                <%--indusKindData.push(--%>
                <%--    {--%>
                <%--        value: "${xm.code}",--%>
                <%--        name: "${xm.title}",--%>
                <%--        children: childData--%>
                <%--    });--%>
                <%--</c:forEach>--%>
                <%--this.indusKind = layui.xmSelect.render({--%>
                <%--    el: "#indusKind",--%>
                <%--    language: 'zn',--%>
                <%--    data: indusKindData,--%>
                <%--});--%>

                document.getElementById("exportId", function () {
                    self.showExport = true;
                    console.log('移入了')
                })
                document.getElementById("exportId", function () {
                    self.showExport = false;
                    console.log('移出了')
                })
                this.getData();
                window.addEventListener('message', this.receiveMessage, false);
                window.parent.postMessage('init loaded')
                window.toDetail = this.toDetail;
                window.toVideo = this.toVideo;
                $(".hiddenParams").show();
            },
            setQueryForm2: function () {
                $("#searchForm").find(".layui-form-item").parent()
                    .removeClass("layui-col-xs3").removeClass("layui-col-sm3").removeClass("layui-col-md3")
                    .addClass("layui-col-xs5").addClass("layui-col-sm5").addClass("layui-col-md5");
            },
            setQueryForm4: function () {
                $("#searchForm").find(".layui-form-item").parent()
                    .removeClass("layui-col-xs5").removeClass("layui-col-sm5").removeClass("layui-col-md5")
                    .addClass("layui-col-xs3").addClass("layui-col-sm3").addClass("layui-col-md3");
            },
            showMore: function () {
                this.showMoreFlag = !this.showMoreFlag;
                $(".hiddenParam").toggle();
                /* var self = this;
                 layer.open({
                     title: "查询条件",
                     type: 1,
                     area: ['800px', ''],
                     content: $("#searchForm"),
                     btn: ["查询"],
                     yes: function (index) {
                         self.search();
                         layer.close(index);
                     },
                     success: function () {
                         self.setQueryForm2();
                         $(".hiddenParam").show();
                         $(".hiddenParams").hide();
                     },
                     end: function () {
                         self.setQueryForm4();
                         $(".hiddenParam").hide();
                         $(".hiddenParams").show();
                     }
                 })*/
            },
            showImage: function (that) {
                var imageUrl = $(that).find("img").eq(0).attr("realUrl");
                if (imageUrl) {
                    // layer.open({
                    //   type: 2,
                    //   content: imageUrl,
                    //   area: ['500px', '1000px'],
                    //   offset: 'auto',
                    //
                    //   success: function (obj, index) {
                    //     layer.full(index);
                    //   }
                    // })
                    layer.photos({
                        photos: {
                            "title": "",
                            "id": "",
                            "start": 0,
                            "data": [
                                {
                                    "alt": "",
                                    "pid": "",
                                    "src": imageUrl,
                                    "thumb": imageUrl
                                }
                            ]
                        },
                        anim: 5,
                        closeBtn: "1",
                        success: function () {
                            //以鼠标位置为中心的图片滚动放大缩小
                            $(document).on("mousewheel", ".layui-layer-photos", function (ev) {
                                var oImg = this;
                                var ev = event || window.event;//返回WheelEvent
                                //ev.preventDefault();
                                var delta = ev.detail ? ev.detail > 0 : ev.wheelDelta < 0;
                                var ratioL = (ev.clientX - oImg.offsetLeft) / oImg.offsetWidth,
                                    ratioT = (ev.clientY - oImg.offsetTop) / oImg.offsetHeight,
                                    ratioDelta = !delta ? 1 + 0.1 : 1 - 0.1,
                                    w = parseInt(oImg.offsetWidth * ratioDelta),
                                    h = parseInt(oImg.offsetHeight * ratioDelta),
                                    l = Math.round(ev.clientX - (w * ratioL)),
                                    t = Math.round(ev.clientY - (h * ratioT));
                                $(".layui-layer-photos").css({
                                    width: w, height: h
                                    , left: l, top: t
                                });
                                $("#layui-layer-photos").css({width: w, height: h});
                                $("#layui-layer-photos>img").css({width: w, height: h});
                            });
                        }
                        , end: function () { //销毁回调

                        }

                    });
                }
            },
            toVideo: function (subId, fileId) {
                if (fileId) {
                    window.location.href = App.getUrl("/smart/vedio?subId=" + subId);
                }
            },
            getSearchParams: function () {
                var param = layui.form.getValue("searchForm");
                if (param.rangeDate) {
                    param.beginDate = param.rangeDate.split(" ~ ")[0];
                    param.endDate = param.rangeDate.split(" ~ ")[1];
                    param.rangeDate = null;
                } else if (param.year) {
                    param.beginDate = param.year + "-01-01";
                    param.endDate = param.year + "-12-31";
                }
                if (this.light) {
                    param.light = this.light.getValue("valueStr");
                }
                if (this.indusKind) {
                    param.indusKind = this.indusKind.getValue("valueStr");
                }
                delete (param.select)
                param.kind = this.kind.getValue("value").sort().join(",");
                return param;
            },
            getData: function () {
                var self = this;
                var param = this.getSearchParams();
                param.pageNo = this.pageNo;
                param.pageSize = this.pageSize;
                param.orderBy = this.sort.field;
                param.orderType = this.sort.type || null;

                // 表格分页数据
                param.status = 3;
                App.postJson("/api/subInfo/query/queryPage", param, function (res) {
                    self.dataList = res.rows;
                    self.loadPage(res.total);
                    self.loadTable();
                });

                // App.postJson("/api/subInfo/query/all", param, function (res) {
                //     self.dataList = res.rows;
                //     console.log(res.rows)
                //     self.loadPage(res.total);
                //     self.loadTable(param);
                // });

                // 统计数据
                App.postJson("/api/subInfo/query/statistics", param, function (res) {
                    if (res.success) {
                        self.beginRate = res.data;
                        self.beginRate.hyflList = self.beginRate.hyflData;
                        self.beginRate.jsddList = self.beginRate.jsddData;
                        self.beginRate.lightList = self.beginRate.lightData;
                    }
                });
                // App.postJson("/api/subInfo/query/beginRate", param, function (res) {
                //     if (res.success) {
                //         self.beginRate = res.data;
                //         res.data.yearAmtSj = (res.data.yearAmtSj ? res.data.yearAmtSj : 0);
                //         res.data.yearAmtAssign = (res.data.yearAmtAssign ? res.data.yearAmtAssign : 0);
                //         res.data.yearAmt = (res.data.yearAmt ? res.data.yearAmt : 0);
                //         self.beginRate.yearAmtSj = res.data.monthAmtSj
                //         self.beginRate.yearAmtAssign = res.data.monthAmtAssign
                //         self.beginRate.yearAmt = res.data.monthAmt
                //         self.beginRate.hyflList = self.beginRate.hyflData.split(";");
                //         self.beginRate.tzlxList = self.beginRate.tzlxData.split(";");
                //         self.beginRate.jsddList = self.beginRate.jsddData.split(";");
                //         //  alert(JSON.stringify( self.beginRate.hyflList));
                //         if (res.data.total != 0) {
                //             self.beginRate.beginRate = (res.data.beginNum * 100 / res.data.total).toFixed(2);
                //             self.beginRate.endRate = (res.data.endNum * 100 / res.data.total).toFixed(2);
                //         } else {
                //             self.beginRate.beginRate = 0;
                //             self.beginRate.endRate = 0;
                //         }
                //         if (res.data.yearAmt != 0) {
                //             self.beginRate.amtRate = (res.data.yearAmtSj * 100 / res.data.yearAmt).toFixed(2);
                //         } else if (res.data.yearAmtSj != 0) {
                //             self.beginRate.amtRate = 100;
                //         } else {
                //             self.beginRate.amtRate = 0;
                //         }
                //         if (res.data.total != 0) {
                //             self.beginRate.noRate = (res.data.noNum * 100 / res.data.total).toFixed(2) + '%';
                //             self.beginRate.beginRate = (res.data.beginNum * 100 / res.data.total).toFixed(2) + '%';
                //             self.beginRate.endRate = (res.data.endNum * 100 / res.data.total).toFixed(2) + '%';
                //             self.beginRate.stopRate = (res.data.stopNum * 100 / res.data.total).toFixed(2) + '%';
                //         } else {
                //             self.beginRate.noRate = "0%";
                //             self.beginRate.beginRate = "0%";
                //             self.beginRate.endRate = "0%";
                //             self.beginRate.stopRate = "0%";
                //         }
                //
                //     } else {
                //         self.beginRate.beginRate = 0;
                //         self.beginRate.amtRate = 0;
                //         self.beginRate.endRate = 0;
                //     }
                // });
            },
            levelList: function (field, title, val) {
                //详情
                var param = field + "," + title + "," + val
                var params = encodeURIComponent(JSON.stringify(this.getSearchParams()));
                var index = top.layer.open({
                    type: 2,
                    title: '',
                    area: ['90%', '90%'],
                    content: App.getUrl("/subject/subInfo/levelList?layer=true&type=" + this.getSearchParams().queryType + "&curParam=" + param + "&params=" + params),
                });
                //top.layer.full(index);
            },
            loadTable: function (params) {
                for (var i = 0; i < this.dataList.length; i++) {
                    var tem = this.dataList[i];
                    // tem.queryYear = params.year;
                    switch (tem.status) {
                        case '0':
                            tem.statusName = '暂存';
                            break;
                        case '1':
                            tem.statusName = '项目前期';
                            break;
                        case '6':
                            tem.statusName = '待开工';
                            break;
                        case '7':
                            tem.statusName = '施工中';
                            break;
                        /* case '9':
                          tem.statusName = '年度竣工';
                          break; */
                        case '8':
                            tem.statusName = '暂停施工';
                            break;
                        case 'A':
                            tem.statusName = '已竣工';
                            break;
                    }
                }
                var self = this;
                layui.table.render({
                    elem: '#table1', // 指定原始表格元素选择器（推荐id选择器）
                    // even: true,
                    autoSort: false,
                    initSort: self.sort,

                    cols: [[ // 设置表头
                        {
                            type: 'numbers',
                            fixed: 'left',
                            align: 'center',
                            title: '序号',
                            width: 50,
                            templet: function (row) {
                                if (row < 10) {
                                    return '0' + row;
                                } else {
                                    return row;
                                }
                            }
                        },
                        {field: 'subName', fixed: 'left', title: '项目名称', minWidth: 200, templet: '#subName'},
                        {field: 'subjectName', title: '项目所在地', width: 100},
                        {field: 'content', title: '项目建设内容', minWidth: 100,
                            templet: function (row) {
                                return row.content ? '<span class="cut" title="' + row.content + '">' + row.content + '</span>' : '';
                            }},
                        {
                            field: 'amtTotal', title: '计划总投资（亿元）', width: 80, templet: function (d) {
                                return `<span class="new-roman">` + (d.amtTotal / 10000).toFixed(2) + `</span>` + "亿元";
                            }
                        },
                        {field: 'endDate',  title: '建成投产时间', width: 100,templet: '#date'},
                        {field: 'yearPlanAmt', title: '年度投资(万元)', width: 100, templet: function (d) {
                                return d.yearPlanAmt ? `<span class="new-roman">` +  d.yearPlanAmt + `</span>万元` : '';
                            }},
                        {field: 'progress',  title: '进展情况', minWidth: 100,
                            templet: function (row) {
                                return row.progress ? '<span class="cut" title="' + row.progress + '">' + row.progress + '</span>' : '';
                            }},
                        {field: 'remark', title: '备注', width: 200},
                        {title: '操作', width: 160, toolbar: '#toolBar', fixed: 'right'},
                    ]],
                    fixed: true,
                    height: window.screen.availHeight - 470,
                    data: self.dataList,
                    done: function (res, curr, count) {
                        res.data.forEach(function (item, index) {
                            //1.当前行的背景颜色cur_color , sort: "amtTotal"
                            // if (item.usersub  == 1) {
                            // 	$('.layui-table').find('tr[data-index="' + index + '"]').find("td").css('background-color', "#0a99eb");
                            // }
                            $(".layui-table-body  tr").resize(function () {
                                $(".layui-table-body  tr").each(function (index, val) {
                                    $($(".layui-table-fixed .layui-table-body table tr")[index]).height($(val).height());
                                });
                            });
                            //初始化高度，使得冻结行表体高度一致
                            $(".layui-table-body  tr").each(function (index, val) {
                                $($(".layui-table-fixed .layui-table-body table tr")[index]).height($(val).height());
                            });
                        });
                    }
                });
                layui.table.on('tool(' + this.tableName + ')', function (obj) {
                    var event = obj.event;
                    if (event != 'toDetail') {
                        /*          if (obj.data.queryYear === new Date().format("yyyy")) {
                                      self[event].call(this, obj);
                                  } else {
                                      App.msg.warn("只能操作当前年份数据");
                                  }*/
                        self[event].call(this, obj);
                    } else {
                        self[event].call(this, obj);
                    }
                });
                layui.table.on('sort(' + this.tableName + ')', function (obj) {
                    self.sort.type = obj.type;
                    console.log(obj.type);
                    self.getData();
                    return;
                })
            },
            loadPage: function (totalCount) {
                var self = this;
                layui.laypage.render({
                    elem: 'pagination',
                    count: totalCount,
                    curr: self.pageNo,
                    limit: self.pageSize,
                    layout: ['count', 'prev', 'page', 'next', 'skip'],
                    jump: function (obj, first) {
                        //首次不执行
                        if (!first) {
                            self.pageNo = obj.curr;
                            self.getData();
                        }
                    }
                });
            },
            yearPlan: function (obj) {
                window.location.href = App.getUrl("amtPlan/detail?subId=" + obj.data.id);
            },
            setSubReason: function (obj) {
                var self = this;
                layui.form.val("reasonForm", obj.data);
                layer.open({
                    type: 1,
                    title: "项目原因录入",
                    content: $("#setReason"),
                    area: ['880px', '560px'],
                    btn: ["保存", "取消"],
                    yes: function (index) {
                        var reason = layui.form.val("reasonForm");
                        reason.subId = obj.data.id;
                        App.postJson("/api/subject/subInfo/setSubReason", reason, function (res) {
                            if (res.success) {
                                App.msg.success("设置成功");
                                self.getData();
                                layer.close(index);
                            }
                        });
                    },
                    close: function (index) {
                        layer.close(index);
                    }
                })
            },
            toBack: function (obj) {
                layer.open({
                    type: 1,
                    title: "退回",
                    content: $("#toBack"),
                    area: ['600px', ''],
                    btn: ["保存", "取消"],
                    yes: function (index) {
                        var data = layui.form.val("toBackForm");
                        var status = data.status;
                        if (status != undefined) {
                            if (parseInt(obj.data.status) <= parseInt(data.status)) {
                                App.msg.warn("只能退回下级状态,请检查！！！！");
                                return;
                            }

                        }
                        App.postJson("/api/subject/subInfo/toTemp", {
                            subId: obj.data.id,
                            status: data.status
                        }, function (res) {
                            if (res.success) {
                                layer.msg("成功", {icon: 6, time: 1000});
                                //
                                window.location.href = App.getUrl("subject/subInfo/projTz?type=1");
                            }
                        });

                    },
                    close: function (index) {
                        layer.close(index);
                    }
                })
            },


            problem: function (obj) {
                var self = this;
                obj.data.status_reason = "";
                layui.form.val("problemForm", obj.data);
                layer.open({
                    type: 1,
                    title: "问题督办",
                    content: $("#problem"),
                    area: ['800px', '600px'],
                    btn: ["保存", "取消"],
                    yes: function (index) {
                        var reason = layui.form.val("problemForm");
                        reason.subId = obj.data.id;

                        if (reason.statusF == "2" || reason.statusF == "1") {
                            if (reason.status_reason == "" || reason.status_reason == undefined) {
                                layer.msg("红灯，黄灯必须输入原因");
                                return;
                            }
                        }
                        App.postJson("/api/subject/subInfo/setStatus", {
                            subId: obj.data.id,
                            statusFgw: reason.statusF,
                            reason: reason.status_reason,
                            dateConfirm: reason.dateConfirm
                        }, function (res) {
                            if (res.success) {
                                App.msg.success("设置成功");
                                self.getData();
                                layer.close(index);
                            }
                        });
                    },
                    close: function (index) {
                        layer.close(index);
                    }
                })
            },
            exportTotalExcel: function () {
                var param = this.getSearchParams();
                param.status = '3'
                App.common.utils.downFile(App.getUrl("subInfoExport/exportTotalExcelByStatus"), "POST", param, "项目情况表(在建库).xlsx", "导出失败");
            },
            exportDetailExcel: function () {
                var param = this.getSearchParams();
                param.status = '3'
                App.common.utils.downFile(App.getUrl("subInfoExport/exportDetailExcel"), "POST", param, "项目明细表(在建库).xlsx", "导出失败");
            },
            exportExcel: function () {
                var param = this.getSearchParams();
                App.common.utils.downFile(App.getUrl("subInfoExport/exportSummaryExcel"), "POST", param, "项目情况表.xlsx", "导出失败");
            },
            exportExcelByIndusKind: function () {
                var param = this.getSearchParams();
                App.common.utils.downFile(App.getUrl("subInfoExport/exportExcelByIndusKind"), "POST", param, "项目情况表(按所属行业统计).xlsx", "导出失败");
            },
            exportSchedulingExcel: function () {
                var param = this.getSearchParams();
                App.common.utils.downFile(App.getUrl("subInfoExport/exportSchedulingExcel"), "POST", param, "项目调度表.xlsx", "导出失败");
            },
            /* exportExcel2: function(){
              var param = this.getSearchParams();
              App.common.utils.downFile(App.getUrl("subInfoExport/exportExcelTz"),"GET", param,"项目详情信息表.xlsx", "导出失败");
            }, */
            exportMoreExcel: function () {
                top.window.getSearchParams = this.getSearchParams;
                App.openLayer({
                    title: "自定义导出",
                    content: App.getUrl("/subInfoExport/index"),
                    height: "800",
                    width: "1000"
                })
            },
            toDetail: function (obj) {
                //详情
                var index = layui.layer.open({
                    type: 2,
                    title: "",
                    area: ['1000px', '800px'],
                    content: App.getUrl("/subject/subInfo/detailView2?layer=true&subId=" + obj.data.id + "&lastUrl=" + window.location.href + "&queryYear=" + obj.data.queryYear),
                });
                layui.layer.full(index);
            },
            print: function (obj) {
                window.open(App.getUrl("/subject/apply/downPdf?subId=" + obj.data.id));
            },
            toEditSubInfo: function (obj) {
                window.location.href = App.getUrl("/subject/subInfo/editSubInfo2?subId=" + obj.data.id + "&queryType=1");
            },
            toTh: function (obj) {
                if (obj.data.statusJh == null || obj.data.statusJh == '0' || obj.data.statusJh == '1') {
                    App.msg.confirm("是否需要退回到暂存状态？", function () {
                        App.postJson("/api/subject/subInfo/toTemp", {subId: obj.data.id}, function (res) {
                            if (res.success) {
                                layer.msg("成功", {icon: 6, time: 1000});
                                //
                                window.location.href = App.getUrl("subject/subInfo/projTz");
                            }
                        });
                    })
                } else {
                    App.msg.warn("已做过开工申报，需要走变更流程");
                }
            },
            changeTg: function (obj) {
                var self = this;

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

                layer.open({
                    type: 1,
                    title: obj.data.status == '7' ? '停工日期' : '开工日期',
                    content: $("#openAndEndDate"),

                    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: obj.data.id,
                            openDate: reason.openDate
                        }, function (res) {
                            if (res.success) {
                                App.msg.success("变更成功");
                                layer.close(index);
                                self.getData();
                            }
                        })
                    },
                    close: function (index) {
                        layer.close(index);
                    }
                })


                // })


            },


            isNoHide: function (obj) {
                var self = this;
                App.msg.confirm("是否移除在建库？", function () {
                    App.postJson("/api/subject/subInfo/setBackIsHide", {subId: obj.data.id}, function (res) {
                        if (res.success) {
                            App.msg.success("设置成功");
                            self.getData();
                            layer.close(index);
                        }
                    });
                });
            },
            leaderSupervise: function (obj) {

                App.openLayer({
                    title: "督办信息",
                    content: App.getUrl("/meetingRecords/leaderMeeting?subId=" + obj.data.id),
                    height: "600",
                    width: "800"
                })

            },
            isHide: function (obj) {
                var self = this;
                App.msg.confirm("是否隐藏？", function () {
                    App.postJson("/api/subject/subInfo/setIsHide", {subId: obj.data.id}, function (res) {
                        if (res.success) {
                            App.msg.success("设置成功");
                            self.getData();
                            layer.close(index);
                        }
                    });
                });
            },

            search: function () {

                var param = layui.form.getValue("searchForm");
                window.localStorage.setItem(this.cacheName, JSON.stringify(param));
                this.pageNo = 1;
                this.getData();
            },
            openExport: function () {
                this.showExport = true;
                console.log('移入了')
            },
            choseExport: function () {
                this.showExport = false;
                console.log('移出了')
            },
            receiveMessage (e) {
                console.log('cb receiveMessage: ', e.data)
                if (e.data.topBreadcrumb) {
                    $(".top-breadcrumb").html(e.data.topBreadcrumb)
                }
            },
            removeFour(obj){
                let self = this;
                App.msg.confirm(`是否移除`, () => {
                    App.postJson("/api/subject/subInfo/removeFour", {id: obj.data.id}, (res) => {
                        if (res.success) {
                            App.msg.success("移除成功");
                            self.getData()
                        } else {
                            App.msg.error(res.message || "移除失败，请重试");
                        }
                    })
                })
            },
        }
    });
</script>
</body>

</html>