longping
/
subject_gxj


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196
							<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <jsp:include page="../../../common/common-meta-include.jsp"></jsp:include>
    <jsp:include page="../../../common/common-js-include.jsp"></jsp:include>
    <jsp:include page="../../../common/common-css-include.jsp"></jsp:include>
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
        .layui-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;
        }

        .layui-table-cell .cut {
            display: -webkit-box; /* 使用旧版的弹性盒子布局 */
            -webkit-box-orient: vertical; /* 设置为垂直方向排列 */
            overflow: hidden; /* 隐藏溢出内容 */
            text-overflow: ellipsis; /* 使用省略号表示溢出内容 */
            -webkit-line-clamp: 2; /* 显示的行数 */
        }
    </style>
</head>
<body>
<div id="app"></div>
<template id="template">
    <div class="layui-layout layui-layout-admin pd0">
        <!-- 内容区域 -->
        <div class="right_title">
            <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="4">
                            <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" style="height:28px;">--%>
<%--                                        <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 hiddenParam">--%>
<%--                                    <div class="layui-form-item">--%>
<%--                                        <label class="layui-form-label label-longers required" style="width: 100px;">金额(万元)</label>--%>
<%--                                        <div class="layui-input-block time_box">--%>
<%--                                            <input type="text" id="startAmt" name="startAmt" placeholder="请输入最小金额"--%>
<%--                                                   autocomplete="off" class="layui-input" value="${minAmt}">--%>
<%--                                            <span class="split_txt">至</span>--%>
<%--                                            <input type="text" id="endAmt" name="endAmt" placeholder="请输入最大金额"--%>
<%--                                                   autocomplete="off" class="layui-input" value="${maxAmt}">--%>
<%--                                        </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 required">建设性质</label>--%>
<%--                                        <div class="layui-input-block">--%>
<%--                                            <select name="propKind">--%>
<%--                                                <option value="">请选择</option>--%>
<%--                                                <c:forEach items="${JSXZ}" var="js">--%>
<%--                                                    <option value="${js.code }">${js.title }</option>--%>
<%--                                                </c:forEach>--%>
<%--                                            </select>--%>
<%--                                        </div>--%>
<%--                                    </div>--%>
<%--                                </div>--%>
<%--                                <div class="layui-col-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">--%>
<%--                                            <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">
                                            <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">
                                    <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 required label-longers">行业类别</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-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="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 hiddenParams" style="display: flex">
                                    <div class="layui-form-item">
                                        <button type="button" class="layui-btn layui-btn-normal" @click="search">查询
                                        </button>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <span class="morePan" @click="showMore"><a v-if="!showMoreFlag">更多 </a><a
                                                    v-if="showMoreFlag">收起 V</a></span>
                                        </div>
                                    </div>
                                </div>
<%--                                								<span style="color: red;float: right;">带*号的条件可在导出时使用，其中年份及月份仅限导出使用，年份不选择默认为当前年份</span>--%>
                            </div>

                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div class="layui-row class_ls">
                <div style="display: flex">
                    <label class="juli">
                        投产项目总数<span class="lanse-first">{{beginRate.num}}</span>
                    </label>
                        <label class="juli">
                            已入规<span class="lanse-first">{{beginRate.yrgNum}}</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.wrgNum}}</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.rgRate}}%</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.tcRate}}%</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" style="display: none">
                        投资进度<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>--%>
                </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>
                </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: '-93px' }">
                        <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"></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="setAssess" class="layuimini-main" style="display: none;">
    <form class="layui-form" lay-filter="assessForm">
        <div class="layui-row">
            <div class="layui-col-xs12 layui-col-sm12">
                <div class="layui-form-item">
                    <label class="layui-form-label" style="width: 90px">得分</label>
                    <div class="layui-input-block" style="width: 80%;">
                        <input name="score" style="width: 80%;"
                               oninput="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" id="score"
                               autocomplete="off" class="layui-input">
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-xs12 layui-col-sm12">
                <div class="layui-form-item">
                    <label class="layui-form-label" style="width: 90px">项目后评价</label>
                    <div class="layui-input-block" style="width: 80%;">
                        <textarea name="assessReason" maxlength="400" style="height: 300px;width: 80%;"
                                  id="assessReason" 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="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">
    <%--	{{# if(d.usersub == "1") { }}--%>
    <span lay-event="toDetail" title="{{d.subName}}">{{d.subName}}</span>
    <%--	{{# }else { }}--%>
    <%--	<span title="{{d.subName}}">{{d.subName}}</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> )

	</span>
</script>
<script type="text/html" id="date">
    <div title="">
        <div class="line"><span class="qianse">计划入规时间：</span><span class="shense">{{d.rtDate?d.rtDate:''}}</span>

        </div>
        <div class="line"><span class="qianse">实际入规时间：</span><span class="shense">{{d.rgDate?d.rgDate:''}}</span>

        </div>
    </div>
</script>

<script type="text/html" id="scoreTem">
    <div title="">
        <c:if test="${sfgw}">
            {{# if(d.score == null || d.score == '') { }}

            {{#} else { }}
            {{d.score}}
            {{#} }}
        </c:if>
    </div>
</script>


<script type="text/html" id="assessReasonTem">
    <div title="">
        <c:if test="${admin}">


            {{# if(d.assessReason == null || d.assessReason == '') { }}

            {{#} else { }}

            {{d.assessReason}}

            {{#} }}

        </c:if>
    </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="rg" class="no-wrap">入规</span>
    </div>
</script>
<script>
    let vm = new Vue({
        el: "#app",
        template: "#template",
        data: {
            winH: 0,
            dataList: [],
            startDate: "",
            endDate: "",
            tableName: 'test',
            cacheName: 'TzQueryParam_end_${currUser.id}',
            pageNo: 1,
            kind: {},
            beginRate: {},
            showMoreFlag: false,
            light: null,
            sort: {field: "amtTotal", type: "desc"},
            pageSize: 10,
            endData:'',
            showExport: false,
            rgParam:{
                rgDate: "",
                id: ""
            }
        },
        mounted: function () {
            this.init()
        },
        methods: {
            closeAllLayers() {
                layui.layer.closeAll();
            },

            confirmMove: function() {
                let rgDate = document.getElementById('rgDate').value;
                if (!rgDate) {
                    App.msg.error('请选择入规日期');
                    return
                }
                let param = {rgDate:rgDate,id:this.rgParam.id}
                App.msg.confirm('确定入规？',()=>{
                    App.postJson("/api/subject/subInfo/rg",param, (res)=>{
                        if (res.success) {
                            App.msg.success("入规成功");
                        } else {
                            App.msg.error(res.message || "入规失败，请重试");
                        }
                    })
                })
                this.closeAllLayers();
                this.getData();
            },
            rg(obj) {
                this.rgParam.id = obj.data.id
                layer.open({
                    type: 1,
                    title: '入规',
                    content: `<div class="layui-form" style="padding: 20px;">
                           <div class="layui-form-item">
                               <label class="layui-form-label">入规日期：</label>
                               <input class="layui-form-input" type="text" id="rgDate" placeholder="请选择入规日期">
                           </div>
                           <div class="layui-form-item" style="text-align: center;margin-top: 50px">
                               <button type="button" class="layui-btn moveConfirm" onclick="vm.confirmMove()">确认</button>
                               <button type="button" class="layui-btn layui-btn-primary layui-border" onclick="vm.closeAllLayers()">返回</button>
                           </div>
                       </div>`,
                    area: ['350px', '300px'],
                    success: function (layero, index) {
                        layui.laydate.render({
                            elem: '#rgDate'
                        });
                    }
                });
            },
            init: function () {
                this.winH = document.body.clientHeight;
                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: '#startTime',
                    theme: layDateTheme,
                    range: '~'
                });
                layui.laydate.render({
                    elem: '#dateConfirm',
                    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>


                <%--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,--%>
                <%--});--%>


                layui.laydate.render({
                    elem: '#year',
                    type: 'year',
                    theme: layDateTheme,
                    value: new Date().getFullYear()
                })
                var params = window.localStorage.getItem(this.cacheName);
                if (params) {
                    layui.form.val("searchForm", JSON.parse(params));
                }
                <%--if(${isHydw}) {--%>
                <%--	this.light = layui.xmSelect.render({--%>
                <%--		el: "#light",--%>
                <%--		language:'zn',--%>
                <%--		data: [--%>
                <%--			{value: '0', name:'绿灯'},--%>
                <%--			{value: '1', name:'黄灯'},--%>
                <%--			{value: '2', name:'红灯'}--%>
                <%--		]--%>
                <%--	})--%>
                <%--}--%>
                this.getData();
                window.addEventListener('message', this.receiveMessage, false);
                window.parent.postMessage('init loaded')
                window.toDetail = this.toDetail;
                $(".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();
                    }
                })*/
            },
            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);
            },
            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;
                }
                if (this.light) {
                    param.light = this.light.getValue("valueStr");
                }
                if (this.indusKind) {
                    param.indusKind = this.indusKind.getValue("valueStr");
                }
                // param.kind = this.kind.getValue("value").sort().join(",");
                delete (param.select)
                return param;
            },
            leaderSupervise: function (obj) {

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

            },
            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 = 9;
                App.postJson("/api/subInfo/query/queryPage", param, function (res) {
                    self.dataList = res.rows;
                    self.loadPage(res.total);
                    self.loadTable();
                });

                // 统计数据
                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;
                    }
                });

                // App.postJson("/api/subInfo/query/all", param, function (res) {
                //     self.dataList = res.rows;
                //     self.loadPage(res.total);
                //     self.loadTable();
                //     var ids = res.rows.map(function(row) {
                //         return row.id;  // 假设每个 row 中有一个 id 属性
                //     });
                //     if (ids.length > 0) {
                //         // 发送请求获取额外数据
                //         App.postJson("/api/subInfo/query/getSubCompletedPicBySubId", ids, function(res) {
                //             if (res.success) {
                //                 // 处理返回的额外数据
                //                 console.log('额外数据:', res.rows);
                //                 // 根据需要处理 `res.data`
                //                 self.dataList.forEach(function (project) {
                //                     // 查找该项目的验收报告文件信息（按 subId 匹配）
                //                     var reports = res.rows.filter(function (report) {
                //                         return report.subId === project.id;  // 通过 subId 和 id 进行匹配
                //                     });
                //
                //                     if (reports.length > 0) {
                //                         // 将所有相关的验收报告文件信息绑定到该项目
                //                         project.acceptanceReports = reports.map(function (report) {
                //                             return {
                //                                 picName: report.picName,  // 报告文件名
                //                                 picAddre: report.picAddre   // 报告地址
                //                             };
                //                         });
                //                     } else {
                //                         project.acceptanceReports = [];  // 如果没有匹配的报告文件，设为空数组
                //                     }
                //                 });
                //             } else {
                //                 console.error('获取额外数据失败');
                //             }
                //         });
                //     }
                // });
                // App.postJson("/api/subInfo/query/beginRate", param, function (res) {
                //     if (res.success) {
                //         self.beginRate = res.data;
                //         self.endData=res.data.total;
                //         self.beginRate.hyflList = self.beginRate.hyflData.split(";");
                //         self.beginRate.tzlxList = self.beginRate.tzlxData.split(";");
                //         self.beginRate.jsddList = self.beginRate.jsddData.split(";");
                //         if (res.data.total != 0) {
                //             self.beginRate.beginRate = (res.data.beginNum * 100 / res.data.total).toFixed(2);
                //         } else {
                //             self.beginRate.beginRate = 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;
                //         }
                //     } else {
                //         self.beginRate.beginRate = 0;
                //         self.beginRate.amtRate = 0;
                //     }
                // });
            },
            loadTable: function () {

                // 状态映射
                var statusMap = {
                    '0': '暂存',
                    '1': '项目前期',
                    '6': '待开工',
                    '7': '施工中',
                    '8': '暂停施工',
                    'A': '已竣工'
                };

                // 数据转换
                this.dataList.forEach(function (item) {
                    item.statusName = statusMap[item.status] || '未知状态';
                });

                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: 44},
                        {field: 'subName', fixed: 'left', title: '项目名称', minWidth: 200, templet: '#subName'},
                        {field: 'subjectName', title: '项目所在地', width: 100},
                        {field: 'content', title: '项目基本情况', minWidth: 300,
                            templet: function (row) {
                                return row.content ? '<span class="cut" title="' + row.content + '">' + row.content + '</span>' : '';
                            }},
                        {field: 'rtDate', title: '升规入统时间', minWidth: 160,templet: '#date'},
                        {field: 'progress', title: '进展情况', minWidth: 300,
                            templet: function (row) {
                                return row.progress ? '<span class="cut" title="' + row.progress + '">' + row.progress + '</span>' : '';
                            }},
                        {field: 'remark', title: '备注', minWidth: 150},
                        {title: '操作', width: 200, 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;
                    self[event].call(this, obj);
                });
                layui.table.on('sort(' + this.tableName + ')', function (obj) {
                    self.sort = obj;
                    self.getData();
                    return;
                })
            },
            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=4");
                            }
                        });

                    },
                    close: function (index) {
                        layer.close(index);
                    }
                })
            },
            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);
            },
            setAssess: function (obj) {
                var self = this;
                layui.form.val("assessForm", obj.data);
                layer.open({
                    type: 1,
                    title: "项目评分",
                    content: $("#setAssess"),
                    area: ['800px', '600px'],
                    btn: ["保存", "取消"],
                    yes: function (index) {
                        var reason = layui.form.val("assessForm");
                        reason.subId = obj.data.id;

                        if (reason.score == "" || reason.score == null) {
                            App.msg("得分不能为空");
                        }


                        App.postJson("/api/subject/subInfo/setSubAssess", reason, function (res) {
                            if (res.success) {
                                App.msg.success("设置成功");
                                self.getData();
                                layer.close(index);
                            }
                        });
                    },
                    close: function (index) {
                        layer.close(index);
                    }
                })
            },
            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);
                    }
                })
            },
            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 = '9'
                App.common.utils.downFile(App.getUrl("subInfoExport/exportTotalExcelByStatus"), "POST", param, "项目情况表(投产库).xlsx", "导出失败");
            },
            exportDetailExcel: function () {
                var param = this.getSearchParams();
                param.status = '9'
                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"),"POST", 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 = layer.open({
                    type: 2,
                    title: '',
                    area: ['1000px', '800px'],
                    content: App.getUrl("/subject/subInfo/detailView2?layer=true&subId=" + obj.data.id + "&lastUrl=" + window.location.href),
                });
                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=4");
            },
            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("已做过开工申报，需要走变更流程");
                }
            },
            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);
                        }
                    });
                });
            },
            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)
                }
            }
        }
    });
</script>
</body>
</html>