longping
/
subject_gxj


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504
							<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>项目信息</title>
</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>
<style>
    .project-title {
        width: 100%;
        margin: 17px 0;
        font-weight: 500;
        font-size: 27px;
        color: #333333;
        text-align: center;
    }

    .project-status {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 45px;
        margin-bottom: 23px;
        font-weight: 400;
        font-size: 14px;
        color: #333333;
        background: rgba(28, 86, 163, 0.05);
    }

    .project-status-light img {
        width: 28px;
        height: 28px;
        margin-top: -3px;
    }

    .project-status-offset,
    .project-status-info {
        height: 14px;
        margin-left: 10px;
        padding-left: 10px;
        line-height: 14px;
        box-sizing: border-box;
        border-left: 1px solid #DDDDDD;
    }

    .project-status-info button {
        width: fit-content;
        height: 18px;
        margin: -2px 2px 0 2px;
        padding: 2px;
        box-sizing: border-box;
        line-height: 14px;
        color: #fff;
        border-radius: 2px;
        cursor: pointer;
    }

    .project-status-plan {
        display: flex;
        align-items: center;
    }

    .plan-box {
        display: flex;
        align-items: center;
        height: 14px;
        margin-left: 10px;
        padding-left: 10px;
        line-height: 14px;
        box-sizing: border-box;
        border-left: 1px solid #DDDDDD;
    }

    .plan-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 16px;
        height: 16px;
        margin-right: 3px;
        border-radius: 50%;
        color: #fff;
        background: gray;
    }

    .plan-icon-done {
        background: #4979cf;
    }

    .page-table {
        margin: 0 0 22px !important;
    }

    .table_box .table1 .label {
        color: #999;
    }

    .right_title {
        /*margin-bottom: 20px;*/
    }

    .layui-layout::-webkit-scrollbar {
        width: 0;
    }
</style>
<body>
<div id="app"></div>
<template id="template">
    <div class="layui-layout layui-layout-admin" style="padding: 0 20px 150px;overflow: auto">
        <input type="hidden" id="subId" value="${sunInfo.id }"/>
<%--        <input type="hidden" id="projectName" value="${sunInfo.sub_name }"/>--%>
<%--        <input type="hidden" id="unitName" value="${sunInfo.unitName }"/>--%>

        <div class="table_box">
            <table class="table1 page-table">
                <tr>
                    <td class="label" style="width: 10%">项目代码</td>
                    <td style="width: 40%">${sunInfo.subCode }</td>
                    <td class="label" style="width: 10%">项目名称</td>
                    <td style="width: 40%">${sunInfo.subName }</td>
                </tr>
                <tr>
                    <td class="label" style="width: 10%">4库状态</td>
                    <td style="width: 40%">${sunInfo.statusName }</td>
                    <td class="label" style="width: 10%">所属行业</td>
                    <td style="width: 40%">${sunInfo.indusName }</td>
                </tr>
                <tr>
                    <%--<td class="label" style="display: none">项目类型</td>
                    <td style="display: none">${sunInfo.kindName }</td>--%>
                    <td class="label">项目所在地</td>
                    <td>${sunInfo.subjectName }</td>
                    <td class="label">项目地址</td>
                    <td>${sunInfo.addre }</td>
                </tr>
                <tr>
                    <td class="label">建设内容及规模</td>
                    <td>${sunInfo.content }</td>
                    <td class="label">备注</td>
                    <td>${sunInfo.remark }</td>
                </tr>
                <tr>
                    <td class="label">项目单位</td>
                    <td>${sunInfo.unitDesc }</td>
                    <td class="label">红黄灯</td>
                    <td>${sunInfo.statusRedName }</td>
                </tr>
                <tr>
                    <td class="label">创建用户</td>
                    <td>${sunInfo.createUserName }</td>
                    <td class="label">创建时间</td>
                    <td><fmt:formatDate value="${sunInfo.createTime }" pattern="yyyy-MM-dd HH:mm:ss"/></td>
                </tr>
            </table>

            <div class="table-title">资金信息</div>
            <table class="table1 page-table">
                <tr>
                    <td class="label" style="width:20%">总投资金额</td>
                    <td style="width: 40%">${sunInfo.amtTotal }万元</td>
                </tr>
                <%--					<tr>
                                        <td class="label" rowspan="${rowNum }">资金来源</td>
                                        <c:if test="${rowNum == 1 }">
                                        <td colspan="3"></td>
                                        </c:if>
                                    </tr>
                                    <c:forEach items="${subSource}" var="source">
                                    <tr>
                                        <td class="label">${source.sourceName }</td>
                                        <td colspan="1">投资：${source.amt }万元</td>
                                        <td colspan="1">到位：${source.amtSj}万元</td>
                                    </tr>
                                    </c:forEach>
                                    <tr>
                                        <td class="label" style="width: 10%;">年度计划投资（发改委）</td>
                                        <td style="width: 40%;">${sunInfo.amt_year }万元</td>
                                        <td class="label" >到位资金</td>
                                        <td style="width: 40%">${sunInfo.amt_comptotal }万元</td>
                                    </tr>
                                    <tr>
                                        <td class="label" style="width: 10%;">${currYear}年度计划月累计金额</td>
                                        <td style="width: 40%;">${currYearAmtPlan }万元</td>
                                        <td class="label" >实际完成资金</td>
                                        <td style="width: 40%">${sunInfo.yearAmtSj }万元</td>
                                    </tr>--%>
            </table>

            <div class="table-title">项目进度</div>
            <table class="table1 page-table">
                <tr>
                    <td class="label">计划开工时间</td>
                    <td><fmt:formatDate value="${sunInfo.beginDate }" pattern="yyyy-MM-dd"/></td>
                    <td class="label">计划竣工时间</td>
                    <td><fmt:formatDate value="${sunInfo.endDate }" pattern="yyyy-MM-dd"/></td>
                </tr>
                <tr>
                    <td class="label">平台联系人</td>
                    <td>${sunInfo.nameZrr }</td>
                    <td class="label">平台联系人电话</td>
                    <td>${sunInfo.tel }</td>
                </tr>

                <tr>
                    <td class="label">项目总负责人</td>
                    <td>${sunInfo.nameLead }</td>
                    <td class="label">项目总负责人电话</td>
                    <td>${sunInfo.telLead }</td>
                </tr>
            </table>
        </div>

    </div>
</template>
<%--<script type="text/html" id="imageDiv">
	<div style="width:50px;height:50px" onclick="showImage(this)">
		{{# if(d.fileType == null || d.fileAddre == null || d.fileAddre == '') { }}
		{{# } else if(d.fileType == 'application/pdf'){ }}
		<img src="${WebSite.asset}/css/images/pdf.png" realUrl="${domain}/static/file/{{d.fileAddre}}/showfile" width="50px" height="50px"/>
		{{# }else { }}
		<img src="${domain}/static/file/{{d.fileAddre}}/showfile" realUrl="${domain}/static/file/{{d.fileAddre}}/showfile" width="50px" height="50px"/>
		{{#} }}
	</div>
</script>--%>
<%--<script type="text/html" id="statusSp">
    <div>
        {{# if(d.statusSp == '0') { }}
        <span style="color:red;">待审核</span>
        {{# } else if(d.statusSp == '1'){ }}
        <span>退回修改</span>
        {{# }else if(d.statusSp == '2'){ }}
        <span>不同意</span>
        {{#} else if(d.statusSp == '9'){ }}
        <span>已审核</span>
        {{#} }}
    </div>
</script>--%>
<script>
    new Vue({
        el: "#app",
        template: "#template",
        data: {
            winH: 0,
            hzba: [],
            kgsp: [],
            jgdw: [],
            shgc: [],
            collapse: false,
            tabActive: 1,
            active: 4, // 左侧菜单选中项
            imgLs: 10
        },
        mounted: function () {
            this.init()
            window.planDetail = this.detailPlan;
            window.showImage = this.showImage;
        },
        methods: {
            init: function () {
                this.winH = document.body.clientHeight;

                const {laydate, table} = layui;
                laydate.render({
                    elem: '#startTime'
                })
                laydate.render({
                    elem: '#endTime'
                })
                // window.showImage = this.showImage;
                this.loadData();
            },
            /* loadTable: function(data){
                layui.table.render({
                    elem: '#table1', // 指定原始表格元素选择器（推荐id选择器）
                    even: true,
                    cols: [[ // 设置表头
                        {type: 'numbers', fixed: 'left', align: 'center',title: '序号'},
                        {title: '', fixed: 'left', align:'center', templet: function(row) {
                            return '<span class="step step_' + (row.statusSp === "1" ? 'half' : (row.statusSp === "0" ? 'empty' : '')) + '"></span>'
                        }},
                        {field: 'beginDate', title: '开始时间'},
                        {field: 'endDate', title: '结束时间'},
                        {field: 'content', title: '当前阶段'},
                        {field: 'stateSp', title: '计划状态', align:'center', templet: function(row) {
                            var s = "";
                            if(row.statusSp == "0"){
                                s = "未开工";
                            }else if(row.statusSp == "1"){
                                s = "进行中";
                            }else{
                                s = "已竣工";
                            }
                            return '<span>' + s + '</span>';
                        }},
                        {title: '操作', width: 120, templet: function(row) {
                            return '<div class="toolBar"><span  onclick="planDetail(\''+ row.id +'\',\''+ row.statusSp +'\')">查看</span></div>'
                        }}
                    ]],
                    data:data
                })
            }, */
            loadTablePre: function (data) {
                layui.table.render({
                    elem: '#table2', // 指定原始表格元素选择器（推荐id选择器）
                    even: true,
                    cols: [[ // 设置表头
                        {type: 'numbers', title: '序号', width: 44},
                        {field: 'preName', title: '前期说明', minWidth: 100},
                        {field: 'statusName', title: '办理状态'},
                        {field: 'unitName', title: '批复单位',},
                        /* {field: 'amtJh', title: '计划投资金额', minWidth: 200}, */
                        {field: 'datePlan', title: '开始办理时间', width: 150},
                        {field: 'dateConfirm', title: '实际批复时间', width: 150},
                        {field: 'apprNo', title: '批复文号', minWidth: 100},
                        {
                            field: 'fileAddre', title: '附件', templet: function (d) {
                                return '<div><img src="' + d.fileAddre + '"></div>';
                            }
                        },
                        {field: 'fileName', title: '附件名称',},
                        {title: '操作', align: 'center', toolbar: '#toolBar1'}
                    ]],
                    data: data
                });
            },
            showImage: function (that) {
                var imageUrl = $(that).find("img").eq(0).attr("realUrl");
                if (imageUrl) {
                    layer.open({
                        type: 2,
                        content: imageUrl,
                        area: ['500px', '500px'],
                        offset: 'auto'
                    })
                }
            },
            loadData() {
                var self = this;
                var subId = $("#subId").val();
                var projectName = $("#projectName").val();
                var unitName = $("#unitName").val();
                /* App.postJson("/api/subPlan/getPlanBySub",{subId:subId},function(res){
                    if(res.success){
                        for(let i=0;i<res.data.length;i++){
                            res.data[i].projectName = projectName;
                            res.data[i].unitName = unitName;
                        }
                        self.loadTable(res.data);
                    }
                }); */
                /* App.postJson("/api/subject/subPre/getBySubId",{subId : subId}, function(res){
                    if(res.success){
                        self.hzba = res.data["1"] || [];
                        self.kgsp = res.data["2"] || [];
                        self.loadHzbaTable();
                        self.loadKgspTable();
                        setTimeout(function() {
                            layui.form.render();
                        }, 200);
                    }
                }); */
                App.postJson("/api/subject/subInfo/listManage", {subId: subId}, function (res) {
                    if (res.success) {
                        self.jgdw = res.data.length > 0 ? [res.data[0]] : [];
                        self.loadJgdwTable();
                        setTimeout(function () {
                            layui.form.render();
                        }, 200);
                    }
                });
                App.postJson("/api/subject/subInfo/listVerify", {subId: subId}, function (res) {
                    if (res.success) {
                        self.shgc = res.data;
                        self.loadShgcTable();
                        setTimeout(function () {
                            layui.form.render();
                        }, 200);
                    }
                });
                // App.postJson("/api/subject/subPre/getBySubId",{subId : subId}, function(res){
                // 	if(res.success){
                // 		self.loadTablePre(res.data);
                // 	}
                // });
            },
            print: function (obj) {
                window.open(App.getUrl("/subject/apply/downPdf?subId=${sunInfo.id}"));
            },
            toPre: function (id) {
                window.open(App.getUrl("/subPreNew/todo?subId=${sunInfo.id}"));
            },
            detailPlan: function (id, status) {
                if (status != '9') {
                    layer.msg("该计划未竣工，请竣工后查看", {icon: 5, time: 1000});
                    return;
                }
                window.location.href = App.getUrl("subComplete/planDetail?planId=" + id);
            },
            loadShgcTable: function () {
                var self = this;
                layui.table.render({
                    elem: '#shgc', // 指定原始表格元素选择器（推荐id选择器）
                    even: true,
                    cols: [[ // 设置表头
                        {type: 'numbers', title: '序号', width: 44},
                        {field: 'unitName', title: '审核单位', minWidth: 100},
                        {field: 'departName', title: '审核科室', minWidth: 100},
                        {field: 'statusSp', title: '审核状态', minWidth: 150, templet: '#statusSp'},
                        {field: 'dateSp', title: '审核时间', width: 150},
                    ]],
                    limit: self.shgc.length,
                    data: self.shgc
                });
            },
            loadHzbaTable: function () {
                var self = this;
                layui.table.render({
                    elem: '#hzba', // 指定原始表格元素选择器（推荐id选择器）
                    even: true,
                    cols: [[ // 设置表头
                        {type: 'numbers', title: '序号', width: 44},
                        {field: 'sysName', title: '工作说明', minWidth: 100},
                        {field: 'statusName', title: '办理状况', minWidth: 100},
                        {field: 'subUnitName', title: '批复单位', minWidth: 100},
                        {field: 'datePlan', title: '开始办理时间', minWidth: 150},
                        {field: 'dateConfirm', title: '实际批复时间', width: 150},
                        {field: 'apprNo', title: '批复文号', width: 150},
                        // {field: 'fileAddre', title: '附件图片', width: 150, templet: '#imageDiv'},
                        {field: 'fileName', title: '附件文件名称', width: 150},
                    ]],
                    limit: self.hzba.length,
                    data: self.hzba
                });
            },
            loadKgspTable: function () {
                var self = this;
                layui.table.render({
                    elem: '#kgsp', // 指定原始表格元素选择器（推荐id选择器）
                    even: true,
                    cols: [[ // 设置表头
                        {type: 'numbers', title: '序号', width: 44},
                        {field: 'sysName', title: '工作说明', minWidth: 100},
                        {field: 'statusName', title: '办理状况', minWidth: 100},
                        {field: 'subUnitName', title: '批复单位', minWidth: 100},
                        {field: 'datePlan', title: '开始办理时间', minWidth: 150},
                        {field: 'dateConfirm', title: '实际批复时间', width: 150},
                        {field: 'apprNo', title: '批复文号', width: 150},
                        {field: 'fileAddre', title: '附件图片', width: 150, templet: '#imageDiv'},
                        {field: 'fileName', title: '附件文件名称', width: 150},
                    ]],
                    limit: self.kgsp.length,
                    data: self.kgsp
                });
            },
            loadJgdwTable: function () {
                var self = this;
                layui.table.render({
                    elem: '#jgdw', // 指定原始表格元素选择器（推荐id选择器）
                    even: true,
                    cols: [[ // 设置表头
                        {type: 'numbers', title: '序号', width: 44},
                        {field: 'manageName', title: '监管单位'},
                        {field: 'departName', title: '责任科室'},
                        {field: 'nameLead', title: '责任领导', minWidth: 200},
                        {field: 'tel', title: '联系电话', minWidth: 200}
                    ]],
                    limit: self.jgdw.length,
                    data: self.jgdw
                });
            },
            backHis() {
                if (${layer}) {
                    App.closeCurrentLayer();
                } else {
                    window.location.href = "${lastUrl}";
                }
            },
            changeSide() {
                this.collapse = !this.collapse
            },
            onSelectItem(index) {
                this.active = index
                if (this.navLs[index].url) {
                    window.location = this.navLs[index].url
                }
            },
        }
    })
</script>
</body>
</html>