|
|
@@ -0,0 +1,1209 @@
|
|
|
+<%@ 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;
|
|
|
+ }
|
|
|
+
|
|
|
+ .qianse {
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
+
|
|
|
+ .lanse {
|
|
|
+ color: #1869F6;
|
|
|
+ }
|
|
|
+
|
|
|
+ .shense {
|
|
|
+ color: #111111;
|
|
|
+ }
|
|
|
+
|
|
|
+ .no-wrap {
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+
|
|
|
+ .lanse-first {
|
|
|
+ color: #1C56A3;
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .layui-table-col-special .layui-table-cell {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+
|
|
|
+ .queryTimeType {
|
|
|
+ margin-top: -4px;
|
|
|
+ position: absolute;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hiddenParam,
|
|
|
+ .hiddenParams {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .morePan {
|
|
|
+ position: absolute;
|
|
|
+ margin-left: 11px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .morePan a {
|
|
|
+ color: #2C6EC6;
|
|
|
+ }
|
|
|
+
|
|
|
+ .table_box .table_process {
|
|
|
+ height: fit-content;
|
|
|
+ max-height: 60vh;
|
|
|
+ overflow-x: scroll;
|
|
|
+ overflow-y: scroll;
|
|
|
+ }
|
|
|
+
|
|
|
+ .layui-table-body::-webkit-scrollbar {
|
|
|
+ width: 0px;
|
|
|
+ /*height: 10px;*/
|
|
|
+ }
|
|
|
+
|
|
|
+ .table_box,
|
|
|
+ .table_box .table_process {
|
|
|
+ overflow: visible;
|
|
|
+ }
|
|
|
+
|
|
|
+ .layui-form-select dl {
|
|
|
+ height: 120px;
|
|
|
+ }
|
|
|
+
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<div id="app"></div>
|
|
|
+<template id="template">
|
|
|
+ <div class="layui-layout layui-layout-admin">
|
|
|
+ <!-- 内容区域 -->
|
|
|
+ <div class="right_title">
|
|
|
+ <div class="txt"
|
|
|
+ style="width: 100%; font-size: 35px; font-family: '方正小标宋', '仿宋', sans-serif; text-align: center; font-weight: bold;">
|
|
|
+ 项目总库
|
|
|
+ </div>
|
|
|
+ <div class="layui-btn-container" style="margin-top: 20px;margin-left: 20px">
|
|
|
+ <button type="button" class="layui-btn">导出明细</button>
|
|
|
+ <button type="button" class="layui-btn">导出总表</button>
|
|
|
+ <button type="button" class="layui-btn">自定义导出</button>
|
|
|
+ </div>
|
|
|
+ <div class="layui-collapse">
|
|
|
+ <div class="layui-colla-item">
|
|
|
+ <div class="layui-colla-content layui-show">
|
|
|
+ <form class="layui-form" lay-filter="searchForm" id="searchForm">
|
|
|
+ <input type="hidden" name="queryType" value="1">
|
|
|
+ <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">
|
|
|
+ <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>
|
|
|
+ </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 required label-longers">投资类型</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <div id="kindNature"></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">项目单位</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 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" @click="search">查询
|
|
|
+ </button>
|
|
|
+ <span class="morePan" @click="showMore"><a v-if="!showMoreFlag">更多 <ion-icon
|
|
|
+ name="chevron-forward-outline"></ion-icon></a><a
|
|
|
+ v-if="showMoreFlag">收起 V</a></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-row">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+<%-- <div class="layui-row">--%>
|
|
|
+<%-- <div style="display: flex;margin-bottom: 3px">--%>
|
|
|
+<%-- <label class="juli" onclick="levelList('abcs','A类','A')">--%>
|
|
|
+<%-- 储备项目总数--%>
|
|
|
+<%-- <span class="info-icon" title="A类项目：成熟类项目，可研或初设已编制并完成初审，达到项目等资金的进度">?</span>--%>
|
|
|
+<%-- <span class="lanse-first">{{beginRate.num}}</span>--%>
|
|
|
+<%-- </label>--%>
|
|
|
+<%-- <label class="juli" onclick="levelList('abcs','A类','A')">--%>
|
|
|
+<%-- A类项目数--%>
|
|
|
+<%-- <span class="info-icon" title="A类项目：成熟类项目，可研或初设已编制并完成初审，达到项目等资金的进度">?</span>--%>
|
|
|
+<%-- <span class="lanse-first">{{beginRate.anum}}</span>--%>
|
|
|
+<%-- </label>--%>
|
|
|
+<%-- <label class="juli">--%>
|
|
|
+<%-- B类项目数--%>
|
|
|
+<%-- <span class="info-icon" title="B类项目：推进类项目，正在抓紧推进前期手续，预计6-12个月可开工项目">?</span>--%>
|
|
|
+<%-- <span class="lanse-first" onclick="levelList('abcs','B类','B')">{{beginRate.bnum}}</span>--%>
|
|
|
+<%-- </label>--%>
|
|
|
+<%-- <label class="juli" onclick="levelList('abcs','C类','C')">--%>
|
|
|
+<%-- C类项目数--%>
|
|
|
+<%-- <span class="info-icon" title="C类项目：意向类项目，还处于谋划论证阶段项目">?</span>--%>
|
|
|
+<%-- <span class="lanse-first">{{beginRate.cnum}}</span>--%>
|
|
|
+<%-- </label>--%>
|
|
|
+
|
|
|
+<%-- </div>--%>
|
|
|
+<%-- <div style="display: flex;margin-bottom: 3px">--%>
|
|
|
+<%-- <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 style="margin-bottom: 3px">--%>
|
|
|
+<%-- <label class="juli"--%>
|
|
|
+<%-- @click="levelList('indusKinds',item.name?item.name:item.code,item.split(',')[3])"--%>
|
|
|
+<%-- 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 class="export" style="background: transparent" @mouseover="openExport" @mouseout="choseExport">
|
|
|
+ <div class="export" style="right: 25px;top: 0">
|
|
|
+ <img src="${WebSite.asset}/css/images/left/export.svg"/>
|
|
|
+ <span>导出</span>
|
|
|
+ </div>
|
|
|
+ <div class="export-item" v-if="showExport">
|
|
|
+ <button type="button" class="" @click="exportExcel">
|
|
|
+ 项目汇总
|
|
|
+ </button>
|
|
|
+ <button type="button" class=""
|
|
|
+ @click="exportExcelByIndusKind">按所属行业
|
|
|
+ </button>
|
|
|
+ <button type="button" class=""
|
|
|
+ @click="exportSchedulingExcel">项目调度表
|
|
|
+ </button>
|
|
|
+ <!-- <button type="button" class="" @click="exportExcel2">项目明细导出</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="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="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">
|
|
|
+ <span lay-event="toDetail" title="{{d.subName}}">{{d.subName}}</span>
|
|
|
+</script>
|
|
|
+
|
|
|
+<script type="text/html" id="mainName">
|
|
|
+ <span lay-event="toManagerUnit" title="{{d.mainName}}">{{d.mainName}}</span>
|
|
|
+</script>
|
|
|
+
|
|
|
+<script type="text/html" id="unitName">
|
|
|
+ <span lay-event="toQcc" title="{{d.unitName}}">{{d.unitName}}</span>
|
|
|
+</script>
|
|
|
+
|
|
|
+
|
|
|
+<script type="text/html" id="date">
|
|
|
+ <div title="">
|
|
|
+ <div class="line"><span class="qianse">计划开工：</span> <span class="shense">{{d.beginDate}}</span>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="line"><span class="qianse">计划竣工：</span> <span class="shense">{{d.endDate}}</span>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</script>
|
|
|
+
|
|
|
+
|
|
|
+<script type="text/html" id="amtTotal">
|
|
|
+ <div title="">
|
|
|
+ <span class="qianse">总投资金额：</span><span class="lanse">{{d.amtTotal}}</span> 万元<br/>
|
|
|
+ </div>
|
|
|
+</script>
|
|
|
+
|
|
|
+
|
|
|
+<script type="text/html" id="zjly">
|
|
|
+ <div title="">
|
|
|
+ <span class="lanse">{{d.zjlyName}}</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>
|
|
|
+<%-- table操作按钮 --%>
|
|
|
+<script type="text/html" id="toolBar">
|
|
|
+ <div class="toolBar">
|
|
|
+ <span title="项目查询" lay-event="toDetail" class="no-wrap">项目查询</span>
|
|
|
+ </div>
|
|
|
+</script>
|
|
|
+
|
|
|
+<script type="text/html" id="imageDiv">
|
|
|
+ <div style="width:50px;height:50px" onclick="showImage(this)">
|
|
|
+ {{# if(d.fileId != null && d.fileId != '') { }}
|
|
|
+ <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="offsetLight">
|
|
|
+ {{#if(d.offset >= -30 && d.offset <= -10 ) { }}
|
|
|
+ <span style="color: yellow"><image class="light-rgb"
|
|
|
+ src="${WebSite.asset}/css/images/bigScreen/light-yellow.png"></image></span>
|
|
|
+ {{#} else if(d.offset < -30) { }}
|
|
|
+ <span style="color: red"><image class="light-rgb"
|
|
|
+ src="${WebSite.asset}/css/images/bigScreen/light-red.png"></image></span>
|
|
|
+ {{#}}}
|
|
|
+ {{#if(d.offset !="" || d.offset != undefined || d.offset != null) { }}
|
|
|
+ {{#if(d.offset<0) { }}
|
|
|
+ <span class="grey">{{d.offset||"--"}}%</span>
|
|
|
+ {{# } }}
|
|
|
+ {{#if(d.offset>0) { }}
|
|
|
+ <span class="green">{{d.offset||"--"}}%</span>
|
|
|
+ {{# } }}
|
|
|
+ {{# } }}
|
|
|
+</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>
|
|
|
+ layui.use('element', function () {
|
|
|
+ let element = layui.element;
|
|
|
+ });
|
|
|
+ let vm = new Vue({
|
|
|
+ el: "#app",
|
|
|
+ template: "#template",
|
|
|
+ data: {
|
|
|
+ JSDD: [],
|
|
|
+ winH: 0,
|
|
|
+ dataList: [],
|
|
|
+ startDate: "",
|
|
|
+ endDate: "",
|
|
|
+ tableName: 'test',
|
|
|
+ cacheName: 'TzQueryParam_cb_${currUser.id}',
|
|
|
+ pageNo: 1,
|
|
|
+ kind: {},
|
|
|
+ beginRate: {},
|
|
|
+ showMoreFlag: false,
|
|
|
+ light: null,
|
|
|
+ sort: {field: "abc", type: ""},
|
|
|
+ pageSize: 10,
|
|
|
+ showExport: false,
|
|
|
+ moveDbParam:{
|
|
|
+ status: "",
|
|
|
+ id: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ this.init()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ closeAllLayers() {
|
|
|
+ layui.layer.closeAll(); // 关闭所有弹框
|
|
|
+ },
|
|
|
+ confirmMove: function () {
|
|
|
+ let param = this.moveDbParam
|
|
|
+ App.postJson("/api/subject/subInfo/moveDb",param, (res)=>{
|
|
|
+ App.msg.success(res.msg);
|
|
|
+ })
|
|
|
+ this.closeAllLayers();
|
|
|
+ },
|
|
|
+ init: function () {
|
|
|
+ let self = this;
|
|
|
+ layui.form.on("select(moveStatus)", function (data) {
|
|
|
+ self.moveDbParam.status = data.value;
|
|
|
+ });
|
|
|
+
|
|
|
+ App.postJson("/api/dict/query/index", {}, function (res) {
|
|
|
+ self.JSDD = res.data.JSDD;
|
|
|
+ })
|
|
|
+
|
|
|
+ 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();
|
|
|
+ layui.laydate.render({
|
|
|
+ elem: '#startTime',
|
|
|
+ range: '~',
|
|
|
+ theme: layDateTheme,
|
|
|
+ /* value: y + "-01-01 ~ " + y + "-12-31"*/
|
|
|
+ });
|
|
|
+ var formatwdate = y + '-' + m + '-' + d;
|
|
|
+ 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>
|
|
|
+ /* this.kind = layui.xmSelect.render({
|
|
|
+ el: "#kind",
|
|
|
+ language: 'zn',
|
|
|
+ data: xmlx
|
|
|
+ });*/
|
|
|
+ var indusKindData = [];
|
|
|
+ <c:forEach items="${HYFL}" var="xm">
|
|
|
+ indusKindData.push({value: "${xm.id}", name: "${xm.title}"});
|
|
|
+ </c:forEach>
|
|
|
+ this.indusKind = layui.xmSelect.render({
|
|
|
+ el: "#indusKind",
|
|
|
+ language: 'zn',
|
|
|
+ data: indusKindData
|
|
|
+ });
|
|
|
+ var kindNatureData = [];
|
|
|
+ <c:forEach items="${TZXZ}" var="xm">
|
|
|
+ kindNatureData.push({value: "${xm.code}", name: "${xm.title}"});
|
|
|
+ </c:forEach>
|
|
|
+ this.kindNature = layui.xmSelect.render({
|
|
|
+ el: "#kindNature",
|
|
|
+ language: 'zn',
|
|
|
+ data: kindNatureData
|
|
|
+ });
|
|
|
+ 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.toDetail = this.toDetail;
|
|
|
+ window.levelList = this.levelList;
|
|
|
+ window.showImage = this.showImage;
|
|
|
+ $(".hiddenParams").show();
|
|
|
+ },
|
|
|
+ leaderSupervise: function (obj) {
|
|
|
+
|
|
|
+ App.openLayer({
|
|
|
+ title: "督办信息",
|
|
|
+ content: App.getUrl("/meetingRecords/leaderMeeting?subId=" + obj.data.id),
|
|
|
+ height: "600",
|
|
|
+ width: "800"
|
|
|
+ })
|
|
|
+
|
|
|
+ },
|
|
|
+ setIsNew: function (obj) {
|
|
|
+ var self = this;
|
|
|
+ App.msg.confirm("是否移入新建库？", function () {
|
|
|
+ App.postJson("/api/subject/subInfo/setIsNew", {subId: obj.data.id}, function (res) {
|
|
|
+ if (res.success) {
|
|
|
+ App.msg.success("设置成功");
|
|
|
+ self.getData();
|
|
|
+ layer.close(index);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ 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 () { //销毁回调
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ 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;
|
|
|
+ if (this.showMoreFlag) {
|
|
|
+ $(".hiddenParam").show();
|
|
|
+ } else {
|
|
|
+ $(".hiddenParam").hide();
|
|
|
+ }
|
|
|
+ /* var self = this;
|
|
|
+
|
|
|
+ layer.open({
|
|
|
+ title: "查询条件",
|
|
|
+ type: 1,
|
|
|
+ area: ['800px', ''],
|
|
|
+ offset:0,
|
|
|
+ shade: 0.1,
|
|
|
+ shadeClose: true,
|
|
|
+ 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();
|
|
|
+ }
|
|
|
+ })*/
|
|
|
+ },
|
|
|
+ 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");
|
|
|
+ }
|
|
|
+ if (this.kindNature) {
|
|
|
+ param.kindNature = this.kindNature.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 || "asc";
|
|
|
+ // 查询 table 数据列表
|
|
|
+ // App.postJson("/api/subInfo/query/all", param, function (res) {
|
|
|
+ // self.dataList = res.rows;
|
|
|
+ // self.loadPage(res.total);
|
|
|
+ // self.loadTable();
|
|
|
+ // });
|
|
|
+
|
|
|
+ // 表格分页数据
|
|
|
+ param.status = 1;
|
|
|
+ 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/beginRate", param, function (res) {
|
|
|
+ if (res.success) {
|
|
|
+ self.beginRate = res.data;
|
|
|
+ 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;
|
|
|
+ }
|
|
|
+ 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) + '%';
|
|
|
+ self.beginRate.aRate = (res.data.aNum * 100 / res.data.total).toFixed(2) + '%';
|
|
|
+ self.beginRate.bRate = (res.data.bNum * 100 / res.data.total).toFixed(2) + '%';
|
|
|
+ self.beginRate.cRate = (res.data.cNum * 100 / res.data.total).toFixed(2) + '%';
|
|
|
+ } else {
|
|
|
+ self.beginRate.noRate = "0%";
|
|
|
+ self.beginRate.beginRate = "0%";
|
|
|
+ self.beginRate.endRate = "0%";
|
|
|
+ self.beginRate.stopRate = "0%";
|
|
|
+ self.beginRate.aRate = "0%";
|
|
|
+ self.beginRate.bRate = "0%";
|
|
|
+ self.beginRate.cRate = "0%";
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ self.beginRate.beginRate = 0;
|
|
|
+ self.beginRate.amtRate = 0;
|
|
|
+ }
|
|
|
+ });*/
|
|
|
+ },
|
|
|
+ getStatusName: function (status) {
|
|
|
+ const statusMap = {
|
|
|
+ '0': '暂存',
|
|
|
+ '1': '项目前期',
|
|
|
+ '6': '待开工',
|
|
|
+ '7': '施工中',
|
|
|
+ '8': '暂停施工',
|
|
|
+ 'A': '已竣工'
|
|
|
+ };
|
|
|
+ return statusMap[status] || '未知状态';
|
|
|
+ },
|
|
|
+ adjustFrozenRowHeight: function () {
|
|
|
+ $(".layui-table-body tr").each(function (index, val) {
|
|
|
+ const fixedRow = $(".layui-table-fixed .layui-table-body table tr")[index];
|
|
|
+ $(fixedRow).height($(val).height());
|
|
|
+ });
|
|
|
+ },
|
|
|
+ loadTable: function () {
|
|
|
+ // 状态名称映射
|
|
|
+ this.dataList.forEach(item => {
|
|
|
+ item.statusName = this.getStatusName(item.status);
|
|
|
+ });
|
|
|
+
|
|
|
+ const self = this;
|
|
|
+ layui.table.render({
|
|
|
+ elem: '#table1',
|
|
|
+ even: true,
|
|
|
+ autoSort: false,
|
|
|
+ initSort: self.sort,
|
|
|
+ cols: [[
|
|
|
+ {type: 'numbers', align: 'center', minwidth: 44, title: '序号'},
|
|
|
+ {field: 'subName', title: '项目名称', minwidth: 200, templet: '#subName'},
|
|
|
+ {field: 'subjectName', title: '项目所在地', minwidth: 200},
|
|
|
+ {field: 'content', title: '建设内容', minwidth: 200},
|
|
|
+ {
|
|
|
+ field: 'amtTotal',
|
|
|
+ title: '总投资',
|
|
|
+ minwidth: 200,
|
|
|
+ templet: d => (d.amtTotal / 10000).toFixed(2) + "亿元"
|
|
|
+ },
|
|
|
+ {field: 'statusName', title: '状态', minwidth: 200},
|
|
|
+ {field: 'beginDate', title: '计划开工日期', minwidth: 200},
|
|
|
+ {field: 'endDate', title: '计划完工日期', minwidth: 200},
|
|
|
+ {title: '操作', minwidth: 225, toolbar: '#toolBar', fixed: 'right'},
|
|
|
+ ]],
|
|
|
+ fixed: true,
|
|
|
+ height: $(window).height() - $('#table1').offset().top - 50,
|
|
|
+ data: self.dataList,
|
|
|
+ done: function () {
|
|
|
+ self.adjustFrozenRowHeight();
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ layui.table.on('tool(' + this.tableName + ')', obj => {
|
|
|
+ const { event } = obj;
|
|
|
+ if (typeof self[event] === 'function') {
|
|
|
+ self[event](obj);
|
|
|
+ } else {
|
|
|
+ console.warn(`未定义的事件: ${event}`);
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ layui.table.on('sort(' + this.tableName + ')', function (obj) {
|
|
|
+ self.sort = obj;
|
|
|
+ self.getData();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ 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);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ 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);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ move (obj) {
|
|
|
+ this.moveDbParam.id = obj.data.id
|
|
|
+ this.moveDbParam.status = obj.data.cbStatus
|
|
|
+ layer.open({
|
|
|
+ type: 1,
|
|
|
+ title: '标题',
|
|
|
+ content: '<div class="layui-form" style="padding: 20px;">' +
|
|
|
+ '<div class="layui-form-item">' +
|
|
|
+ '<label class="layui-form-label">当前状态：</label>' +
|
|
|
+ '<div class="layui-input-block">' +
|
|
|
+ '<input type="text" name="currentState" value="储备库" disabled class="layui-input">' +
|
|
|
+ '</div>' +
|
|
|
+ '</div>' +
|
|
|
+ '<div class="layui-form-item">' +
|
|
|
+ '<label class="layui-form-label">移入到：</label>' +
|
|
|
+ '<div class="layui-input-block">' +
|
|
|
+ '<select v-model="subInfo.status" lay-filter="moveStatus" lay-verify="required">' +
|
|
|
+ '<option value="">请选择</option>' +
|
|
|
+ '<option value="2">新建</option>' +
|
|
|
+ '<option value="3">在建</option>' +
|
|
|
+ '<option value="9">投产</option>' +
|
|
|
+ '</select>' +
|
|
|
+ '</div>' +
|
|
|
+ '</div>' +
|
|
|
+ '<div class="layui-form-item" style="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>',
|
|
|
+ area: ['350px', '300px'],
|
|
|
+ success: function(layero, index){
|
|
|
+ layui.form.render();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ 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);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ 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);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ 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);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ exportExcel: function () {
|
|
|
+ var param = this.getSearchParams();
|
|
|
+ App.common.utils.downFile(App.getUrl("subInfoExport/exportSumExcel"), "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"
|
|
|
+ })
|
|
|
+ },
|
|
|
+ toQcc: function (obj) {
|
|
|
+ window.open('https://www.qcc.com/web/search?key=' + obj.data.unitName, '_blank')
|
|
|
+ },
|
|
|
+
|
|
|
+ toManagerUnit: function (obj) {
|
|
|
+ //详情
|
|
|
+ var index = layer.open({
|
|
|
+ type: 2,
|
|
|
+ title: '',
|
|
|
+ area: ['1000px', '800px'],
|
|
|
+ // /subject/subInfo/editSubInfo
|
|
|
+ content: App.getUrl("/subject/subInfo/manageUnit?subId=" + obj.data.id + "&queryType=3"),
|
|
|
+ });
|
|
|
+ layui.layer.full(index);
|
|
|
+ },
|
|
|
+ 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);
|
|
|
+ },
|
|
|
+ /* toDetail: function (obj) {
|
|
|
+ //详情
|
|
|
+ var index = layer.open({
|
|
|
+ type: 2,
|
|
|
+ title: '',
|
|
|
+ area: ['1000px', '800px'],
|
|
|
+ content: App.getUrl("/subject/subInfo/detailView?layer=true&subId=" + obj.data.id + "&lastUrl=" + window.location.href),
|
|
|
+ });
|
|
|
+ layui.layer.full(index);
|
|
|
+ },*/
|
|
|
+ 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 + "¶ms=" + params),
|
|
|
+ });
|
|
|
+ //top.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=3");
|
|
|
+ },
|
|
|
+ preNew: function (obj) {
|
|
|
+ window.location.href = App.getUrl("/subPreNew/todo?subId=" + obj.data.id);
|
|
|
+ },
|
|
|
+ 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, status: "0"}, function (res) {
|
|
|
+ if (res.success) {
|
|
|
+ layer.msg("成功", {icon: 6, time: 1000});
|
|
|
+ //
|
|
|
+ window.location.href = App.getUrl("subject/subInfo/projTz");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ App.msg.warn("已做过开工申报，需要走变更流程");
|
|
|
+ }
|
|
|
+ },
|
|
|
+ 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('移出了')
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+</script>
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|
Wayne