{extend name="common/base"/}
{block name="style"}

<link rel="stylesheet" href="{__GOUGU__}/icon-main/iconfont.css">
<link rel="stylesheet" href="{__GOUGU__}/icons/main-icon/iconfont.css">

<style type="text/css">
    .footer{
		width: 100%;
		height: 25px;
		text-align: center;
		margin-bottom: 0 !important;
	}

    .dashboard-num table {
        width: 100%;
    }

    .dashboard-num td {
        text-align: center;
        padding: 16px 0;
        width: 20%;
        border-left: 1px solid #f1f1f1;
        position: relative;
    }

    .dashboard-num td:nth-child(1) {
        border-left: none
    }

    .dashboard-num .num-title {
        padding-bottom: 10px;
        color: #999;
    }

    .dashboard-num .blue {
        font-size: 20px;
        font-weight: 300;
    }

    .dashboard-num td .badge {
        position: absolute;
        top: 0;
        right: 0;
    }

    .dashboard-num td .badge span {
        padding: 2px 4px;
        font-size: 12px;
        border-radius: 0 0 0 4px;
    }

    .dashboard-total td {
        border-top: 1px solid #f1f1f1
    }

    .dashboard-logs .layui-timeline-item {
        padding-bottom: 1px;
    }

    .info-td {
        width: 90px;
        text-align: right;
        background-color: #fafafa;
        color: #999;
        padding: 5px 3px;
    }

    .info-td {
        width: 90px;
        text-align: right;
        background-color: #fafafa;
        color: #999;
        padding: 5px 3px;
    }

    .layui-card-body .layui-timeline-title {
        padding-bottom: 0;
        font-size: 14px;
    }

    .layui-card-body .layui-timeline-item {
        padding-bottom: 5px;
    }

    .top-box {
        height: 30%;

    }

    .top-title {
        height: 4.5vh;
        font-size: 1vw;
        line-height: 4.5vh;
        color: grey;
        border-bottom: 1px solid rgb(221, 219, 219);

    }

    .top-box-middle {
        height: 16vh;
        /* background: url({__IMG__}/base.png) no-repeat;
        background-size: 70% 70%;
        background-position: 50% 85%; */

    }

    .top-box-bottom {
        height: 13.5vh;
        font-size: 1vw;

    }

    .top-box-bottom-1,
    .top-box-bottom-1 a {
        float: left;
        width: 97%;
    }

    .top-box-bottom-2,
    .top-box-bottom-2 a {
        float: left;
        width: 97%;
    }

    .sleep {
        width: 100%;
        height: 0.01vh;
        border-bottom: 1px solid rgb(221, 219, 219);
        float: left;
        /* margin-top: -1vh;
        left: -0.25vw; */
        position: relative;
        padding: 0;
    }

    .top-box-bottom-2 {
        float: left;
        height: 48px;
    }

    .bottom-box-left,
    .bottom-box-right {
        height: 64vh;

    }

    .heading {
        background-color: #f1f1f1;
    }

    .heading th {
        text-align: center;
        height: 2.5vh;
    }

    .form td {
        text-align: center;
        height: 2.5vh;
    }

    .layui-tab .layui-tab-title li {

        font-size: 0.7vw;
    }

    .layui-matter-item li a {
        display: block;
        padding: 12px;
        background-color: #f8f8f8;
        color: #999;
        border-radius: 3px;
        transition: all .3s;
        -webkit-transition: all .3s;
        font-size: 0.7vw;
    }

    .layui-matter-item li a:hover {
        background-color: #F2F8FF;
    }


    .layui-matter-item li span {
        float: right;
    }

    .layui-matter-item li cite {
        font-size: 0.7vw;
        font-weight: 300;
        color: #187FDD;
    }

    .top-head {
        width: 20%;
    }

    .middle-left {
        width: 60%;
    }

    .middle-right {
        width: 40%;
    }

	.top-box-middle-money {
		width: 100%;
		height: 15.2vh;
		line-height: 14.5vh;
		font-size: 2.1vw;
		text-align: center;
	}

    .top-box-middle-money-left {
        color: #1287ff;
    }

    .top-box-middle-money-right {
        color: #999;
        font-size: 0.9vw;
    }

    .top-box-middle-left {
        background: url({__IMG__}/main-first.png) no-repeat;
        background-size: 100% 85%;
        background-position: 85% 50%;
    }

    .top-box-middle-left-2 {
        background: url({__IMG__}/main-second.png) no-repeat;
        background-size: 85% 70%;
        background-position: 50% 50%;
    }

    .top-box-middle-left-3 {
        background: url({__IMG__}/main-third.png) no-repeat;
        background-size: 90% 70%;
        background-position: 50% 50%;
    }

    .top-box-middle-left-4 {
        background: url({__IMG__}/main-fourth.png) no-repeat;
        background-size: 80% 65%;
        background-position: 50% 50%;
    }

    /* 项目数量模块 */
    .number-box-top {
        width: 100%;
        height: 13.6vh;
        display: flex;
        justify-content: space-around;
    }

    .number-box-bottom {
        width: 100%;
        height: 13.6vh;
        display: flex;
        justify-content: space-around;
    }

    .number {
        width: 33%;
        height: 100%;
        border-left: 1px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2;
    }

    .number-1 {
        height: 4.55vh;
		text-align: center;
		padding-top: 2.8vh;
		font-size: 0.85vw;
		font-weight: 550;
		color: grey;
	}
    
    .number-2 {
        
        text-align: center;
        color: #1287ff;
        font-size: 1.25vw;
    }

    .ing{
		color: #999;
		font-size: 0.65vw;
		margin-top: -0.5vh;
	}

    .number-2 span {
        color: #999;
        font-size: 0.8vw;
    }

    .button-search {
        margin-left: 1vw;
    }

    #test2 {
        width: 100%;
        height: 32vh;
    }

    #test2 .layui-laydate-main {
        width: 100%;
    }

    #test2 .layui-laydate-content td {
        height: 3.645vh;
    }

    #test2 .layui-laydate-content th {
        width: 1%;
        padding: 7px 0;
    }

    .layui-laydate-content td>div{
        height: auto;
    }

    #test2 #layui-laydate1 .layui-laydate-header {
        background-color: #fff;
        border-bottom: 1px solid #e2e2e2;
        height: 4.6vh;
        font-size: 0.85vw;
        line-height: 2vh;
    }

	#test2 #layui-laydate1 .layui-laydate-header {
		background-color: #fff;
		border-bottom: 1px solid #e2e2e2;
		height: 4.6vh;
		font-size: 0.85vw;
		line-height: 2.5vh;
	}

    #test2 .laydate-theme-molv .layui-laydate-footer {
        border: none;
    }

	#test2 .laydate-theme-molv .layui-laydate-header i, .laydate-theme-molv .layui-laydate-header span{
		color: grey !important;
		font-weight: 600;
	}

	#test2 .laydate-theme-molv .layui-laydate-footer {
		border: none;
	}

	#test2 .laydate-theme-molv .layui-laydate-content {
		border: none;
		border-top: none;
		border-bottom: 1px solid #e2e2e2;
		height: 27.2vh;
	}

    .layui-laydate-content td > div {
        height: 25px;
    }

    .laydate-theme-molv {
        width: 100%;
    }

    .main-input {
        width: auto;
    }

    .main-input-name {
        display: flex;
    }

    .layui-form-label {
        padding: 9px 0;
        position: relative;
        display: block;
        text-align: left;
        width: 80px;
        font-weight: 400;
        line-height: 20px;
    }

    .eleven div{
        padding-bottom: 6px;
    }
    
    #test2 .layui-laydate, .layui-laydate-hint{
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }
</style>
{/block}
<!-- 主体 -->
{block name="body"}
<div class="p-3">
    <div class="layui-row layui-col-space12">
        <div class="layui-col-md2 top-head">
            <div class="layui-card top-box">
                <div class="layui-card-header top-title"><span
                        style="font-size: 0.85vw;font-weight: 600;">送审总额</span>
                </div>
                <div class="layui-card-body">
                    <div class="layui-sales-info top-box-middle">
                        <div class="top-box-middle-left" style="width: 37.5%;height: 95%;float: left;">

                        </div>
                        <div class="top-box-middle-right" style="width: 62.5%;height: 95%;float: left;">
                            <p class="top-box-middle-money">
                                <span class="top-box-middle-money-left">{$amount.sent_review_amount}</span>
                                <span class="top-box-middle-money-right">万元</span>
                            </p>
                        </div>
                    </div>
                    <div class="layui-sales-info top-box-bt" style="height: 10.5vh;width: auto;margin-bottom: -0.8vh;">
                        <ul class="layui-row layui-col-space12">
                            <li class="layui-col-md12"
                                style="height: 5.2vh;line-height: 5.2vh;font-size: 0.8vw;padding: 0;background-color: #f9faff;color: rgb(154,153,155);">
                                &nbsp;&nbsp;&nbsp;&nbsp;预算总额&nbsp;&nbsp;&nbsp;<span
                                    style="float: right;">万元&nbsp;&nbsp;&nbsp;&nbsp;</span><span

                                    style="float: right;color: #187FDD;">{$sent_review_amount_tol.sent_review_amount_type1}&nbsp;</span>
                            </li>


                            <div class="sleep"></div>
                            <li class="layui-col-md12"
                                style="height: 5.2vh;line-height: 5.2vh;font-size: 0.8vw;padding: 0;background-color: #f9faff;color: rgb(154,153,155);">
                                &nbsp;&nbsp;&nbsp;&nbsp;结算总额&nbsp;&nbsp;&nbsp;<span
                                    style="float: right;">万元&nbsp;&nbsp;&nbsp;&nbsp;</span><span

                                    style="float: right;color: #187FDD;">{$sent_review_amount_tol.sent_review_amount_type2}&nbsp;</span>
                            </li>

                        </ul>
                    </div>


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

        <div class="layui-col-md2 top-head">
            <div class="layui-card top-box">
                <div class="layui-card-header top-title"><span
                        style="font-size: 0.85vw;font-weight: 600;">评审服务费</span>
                </div>
                <div class="layui-card-body">

                    <div class="layui-sales-info top-box-middle">
                        <div class="top-box-middle-left-2" style="width: 37.5%;height: 95%;float: left;">

                        </div>
                        <div class="top-box-middle-right" style="width: 62.5%;height: 95%;float: left;">
                            <p class="top-box-middle-money">
                                <span class="top-box-middle-money-left">{$amount.sent_review_cost}</span>
                                <span class="top-box-middle-money-right">万元</span>
                            </p>
                        </div>
                    </div>
                    <div class="layui-sales-info top-box-bt" style="height: 10.5vh;width: auto;margin-bottom: -0.8vh;">
                        <ul class="layui-row layui-col-space12">
                            <li class="layui-col-md12"
                                style="height: 5.2vh;line-height: 5.2vh;font-size: 0.8vw;padding: 0;background-color: #f9faff;color: rgb(154,153,155);">
                                &nbsp;&nbsp;&nbsp;&nbsp;<span id="time1"></span>年上半年服务费用&nbsp;&nbsp;&nbsp;<span
                                    style="float: right;">万元&nbsp;&nbsp;&nbsp;&nbsp;</span><span
                                    style="float: right;color: #187FDD;">{$sent_review_cost.first_sent_review_cost}&nbsp;</span>
                            </li>
                            <div class="sleep"></div>
                            <li class="layui-col-md12"
                                style="height: 5.2vh;line-height: 5.2vh;font-size: 0.8vw;padding: 0;background-color: #f9faff;color: rgb(154,153,155);">
                                &nbsp;&nbsp;&nbsp;&nbsp;<span id="time2"></span>年下半年服务费用&nbsp;&nbsp;&nbsp;<span
                                    style="float: right;">万元&nbsp;&nbsp;&nbsp;&nbsp;</span><span
                                    style="float: right;color: #187FDD;">{$sent_review_cost.second_sent_review_cost}&nbsp;</span>
                            </li>
                        </ul>
                    </div>

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


        <div class="layui-col-md2 top-head">
            <div class="layui-card top-box">
                <div class="layui-card-header top-title"><span
                        style="font-size: 0.85vw;font-weight: 600;">总审增减率</span>
                </div>
                <div class="layui-card-body">

                    <div class="layui-sales-info top-box-middle">
                        <div class="top-box-middle-left-3" style="width: 37.5%;height: 95%;float: left;">

                        </div>
                        <div class="top-box-middle-right" style="width: 62.5%;height: 95%;float: left;">
                            <p class="top-box-middle-money">
                                <span class="top-box-middle-money-left">{$amount.review_add_reduce_rate}</span>
                                <span class="top-box-middle-money-right">%</span>
                            </p>
                        </div>
                    </div>
                    <div class="layui-sales-info top-box-bt" style="height: 10.5vh;width: auto;margin-bottom: -0.8vh;">
                        <ul class="layui-row layui-col-space12">
                            <li class="layui-col-md12"
                                style="height: 5.2vh;line-height: 5.2vh;font-size: 0.8vw;padding: 0;background-color: #f9faff;color: rgb(154,153,155);">
                                &nbsp;&nbsp;&nbsp;&nbsp;预算核增减率&nbsp;&nbsp;&nbsp;<span
                                    style="float: right;">%&nbsp;&nbsp;&nbsp;&nbsp;</span><span

                                    style="float: right;color: #187FDD;">{$sent_review_amount_tol.review_add_reduce_rate_type1}&nbsp;</span>
                            </li>

                            <div class="sleep"></div>
                            <li class="layui-col-md12"
                                style="height: 5.2vh;line-height: 5.2vh;font-size: 0.8vw;padding: 0;background-color: #f9faff;color: rgb(154,153,155);">
                                &nbsp;&nbsp;&nbsp;&nbsp;结算核增减率&nbsp;&nbsp;&nbsp;<span
                                    style="float: right;">%&nbsp;&nbsp;&nbsp;&nbsp;</span><span
                                    style="float: right;color: #187FDD;">{$sent_review_amount_tol.review_add_reduce_rate_type2}&nbsp;</span>
                            </li>


                        </ul>
                    </div>

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


        <div class="layui-col-md2 top-head">
            <div class="layui-card top-box">
                <div class="layui-card-header top-title"><span
                        style="font-size: 0.85vw;font-weight: 600;">项目数量</span>
                </div>
                <div class="layui-card-body" style="padding: 0;">

                    <div class="number-box-top">
                        <div class="number" style="border-left:none">
                            <div class="number-1"><i class="iconfont" style="color: rgb(83,150,255);">&#xe67e; </i>项目总数
                            </div>
                            <div class="number-2">{$num_project.num} <span>个</span></div>
                        </div>
                        <div class="number">
                            <div class="number-1">
                                <i class="iconfont" style="color: rgb(242,173,76);">&#xe6eb; </i>
                                    预算项目
                                    <div class="ing">（进行中）</div>
                            </div>
                            <div class="number-2">{$num_project.yu} <span>个</span></div>
                        </div>
                        <div class="number">
                            <div class="number-1">
                                <i class="iconfont" style="color: rgb(38,131,245);">&#xe75e; </i>
                                    结算项目
                                    <div class="ing">（进行中）</div>
                            </div>
                            <div class="number-2">{$num_project.jie} <span>个</span></div>
                        </div>
                    </div>
                    <div class="number-box-bottom">
                        <div class="number" style="border-left:none;border-bottom: none;">
                            <div class="number-1"><i class="iconfont" style="color: rgb(81,161,255);">&#xe504; </i>作业中
                            </div>
                            <div class="number-2">{$num_project.zuo} <span>个</span></div>
                        </div>
                        <div class="number" style="border-bottom: none;">
                            <div class="number-1"><i class="iconfont" style="color: rgb(0,221,3);">&#xe622; </i>已归档
                            </div>
                            <div class="number-2">{$num_project.gui} <span>个</span></div>
                        </div>
                        <div class="number" style="border-bottom: none;">
                            <div class="number-1"><i class="iconfont" style="color: rgb(232,82,74);">&#xe6b8;</i>已退审
                            </div>
                            <div class="number-2">{$num_project.tui} <span>个</span></div>
                        </div>
                    </div>

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

        <div class="layui-col-md2 top-head">
            <div id="test2" style="width: 100%;height: 32vh;"></div>
        </div>


    </div>

    <div class="layui-row layui-col-space12">
        {if $home_five.audit_project == 1}
        <div class="layui-col-md5 middle-left">
            <div class="layui-card">
                <div class="layui-card-body bottom-box-left" style="padding-top: 0;overflow: hidden">
                    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief" style="height: 88%;">
                        <ul class="layui-tab-title" style="font-size: 1vw; font-weight: 600;">
                            <li class="layui-this" style="font-size: 0.95vw;">
                                待接收任务
                            </li>

                        </ul>
                        <div class="layui-tab-content" style="height: 100%; overflow: scroll;">
                            <table class="layui-hide" id="cost_project" lay-filter="cost_project"></table>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        {/if}

        {if $home_five.imminent_project == 1 || $home_five.overdue_item == 1}
        <div class="layui-col-md4 middle-right">
            <div class="layui-card">
                <div class="layui-card-body bottom-box-left" style="padding-top: 0;overflow: hidden;">
                    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                        <ul class="layui-tab-title" style="font-size: 1vw; font-weight: 600;color: grey;">
                            {if $home_five.imminent_project == 1}
                            <li class="layui-this" style="font-size: 0.95vw;">
                                临期项目
                            </li>
                            {/if}

                            {if $home_five.overdue_item == 1}
                            <li style="font-size: 0.95vw;">
                                逾期项目
                            </li>
                            {/if}
                        </ul>
                        <div class="layui-tab-content" style="height: 100%; overflow: scroll;">
                            {if $home_five.imminent_project == 1}
                            <div class="layui-tab-item layui-show">
                                <table class="layui-hide" id="advent_project" lay-filter="advent_project"></table>
                            </div>
                            {/if}

                            {if $home_five.overdue_item == 1}
                            <div class="layui-tab-item">
                                <table class="layui-hide" id="late_project" lay-filter="late_project"></table>
                            </div>
                            {/if}
                        </div>
                    </div>

                </div>
            </div>
        </div>
        {/if}

        {if $home_five.list_project == 1}
        <div class="layui-col-md3 middle-left">
            <div class="layui-card">
                <div class="layui-card-body bottom-box-left" style="padding-top: 0;overflow: hidden;">
                    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief" style="height: 88%;">
                        <div class="layui-card-header top-title" style="font-size: 0.95vw;font-weight: 600;">
                            造价项目列表
                        </div>
                        
                        <div class="layui-tab-content" style="height: 100%; overflow: scroll;padding: 0 0 10px 0;">
                            <form id="projectForm" class="layui-form" lay-filter="barsearchform">
                                <div class="layui-card-body layui-col-space11 eleven">
                                    <div class="layui-col-md3 main-input-name" style="width: 40%;">
                                        <label class="layui-form-label">
                                            项目名称：
                                        </label>
                                        <div class="layui-input-block">
                                            <input type="text" name="keyword" placeholder="请输入项目名称" autocomplete="off"
                                                   class="layui-input main-input">
                                        </div>
                                    </div>
                                    <div class="layui-col-md3 main-input-name" style="width: 35%;">
                                        <label class="layui-form-label" style="text-align: center;">
                                            负责人：
                                        </label>
                                        <div class="layui-input-block">
                                            <input type="text" name="entrust_maker_name" placeholder="请输入负责人" autocomplete="off"
                                                   class="layui-input main-input">
                                        </div>
                                    </div>
                                    <div class="layui-col-md2 main-input-name">
                                        <button class="layui-btn layui-btn-normal" type="button" lay-submit lay-filter="project_search" lay-filter="project_search"><i class="layui-icon layui-icon-search mr-1"></i>搜索</button>
                                        <button  class="layui-btn layui-btn-reset" type="button" lay-submit lay-filter="project_reset">清空</button>
                                    </div>
                                </div>
                            </form>

                            <div class="layui-tab-item layui-show">
                                <table class="layui-hide" id="cost_project2" lay-filter="cost_project2"></table>
                            </div>
                            <div class="layui-tab-item"></div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        {/if}

        {if $home_five.address_book == 1}
        <div class="layui-col-md3 middle-right">
            <div class="layui-card">
                <div class="layui-card-body bottom-box-left" style="padding-top: 0;overflow: hidden;">
                    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                        <!-- <div class="layui-card-header top-title" style="font-size: 0.95vw;font-weight: 600;">
                            通讯录
                        </div> -->
                        <ul class="layui-tab-title" style="font-size: 1vw; font-weight: 600;color: grey;display: flex;justify-content: flex-end;align-items: center;">
                            <div style="left: 2%;position: absolute;">通讯录</div>
                            <li class="layui-this" style="font-size: 0.95vw;">
                                内部
                            </li>
                            <li style="font-size: 0.95vw;">
                                外部
                            </li>
                            
                        </ul>
                        
                        <div class="layui-tab-content" style="height: 100%; overflow: scroll;padding: 0 0 10px 0;">
                            <form id="peopleForm" class="layui-form" lay-filter="barsearchform">
                                <div class="layui-card-body layui-col-space11 eleven">
                                    <div class="layui-col-md5 main-input-name" style="width: 65%;">
                                        <label class="layui-form-label" style="width: 7vw;">
                                            联系人/单位名称：
                                        </label>
                                        <div class="layui-input-block">
                                            <input type="text" name="nickname" placeholder="请输入联系人/单位名称" autocomplete="off" class="layui-input main-input">
                                        </div>
                                    </div>
    
                                    <div class="layui-col-md2 main-input-name">
                                        <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform"><i class="layui-icon layui-icon-search mr-1"></i>搜索</button>
                                        <button type="reset" class="layui-btn layui-btn-primary swiper-right-form-reset" lay-submit="" lay-filter="reset1">重置</button>
                                    </div>
                                </div>
                            </form>
                            
                            <div class="layui-tab-item layui-show">
                                <table class="layui-hide" id="people" lay-filter="people"></table>
                            </div>
                            <div class="layui-tab-item">
                                <table class="layui-hide" id="cp_head" lay-filter="cp_head"></table>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        {/if}
    </div>
    <!-- 弹窗 -->


    {/block}
    <!-- /主体 -->

    <!-- 脚本 -->
    {block name="script"}
    <script src="https://cdn.staticfile.org/echarts/5.3.0/echarts.min.js"></script>
    <script>
        const moduleInit = ['tool'];

        function gouguInit() {
            var table = layui.table,
                tool = layui.tool,
                form = layui.form;
                
            var allcount;

            layui.pageTable = table.render({
                elem: '#cost_project',
                title: '待接收任务',
                // toolbar: '#toolbarDemo',
                url: '/admin/project.audit_company/datalist',

                limit: 20,
                parseData: function(res) { // 数据解析回调函数
                  // 在这里可以获取数据总数
                  allcount =  res.count;
                  return {
                    code: res.code, // 数据状态码
                    msg: res.msg, // 状态信息
                    count: res.count, // 数据总数
                    data: res.data // 当前页数据
                  };
                },
                cols: [
                    [{fixed: 'left', field: 'id', title: '编号', align: 'center', width: 80,
                        templet: function(d){
                            return allcount - (d.LAY_NUM-1);
                        }
                    },
                        {
                            field: 'project_status',
                            title: '项目状态',
                            align: 'center',
                            width: 100,
                            templet: function (item) {
                                var html;
                                if (item.project_status === 3) {
                                    html = '<span class="layui-badge layui-bg-orange">待接收</span> ';
                                }
                                return html;
                            }
                        },
                        {
                            field: 'project_name',
                            title: '项目名称',
                            align: 'center',
                            
                        }, {
                        field: 'project_num',
                        title: '项目编号',
                        align: 'center',
                        
                    }, {
                        field: 'project_time',
                        title: '项目周期',
                        align: 'center',
                        
                        templet: function (item) {

                            var html;
                            html =
                                "<div>" +
                                layui.util.toDateString(item.project_start_time * 1000, 'yyyy-MM-dd') +
                                "~" +
                                layui.util.toDateString(item.project_end_time * 1000, 'yyyy-MM-dd') +
                                "</div>";
                            return html;
                        }
                    },
                        {
                            fixed: 'right',
                            field: 'right',
                            title: '操作',
                            width: 136,
                            align: 'center',
                            templet: function (){
                                var h = `<div class="layui-btn-group">
                                            <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="read">查看</a>
                                            <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="receive">接收</a>
                                            <!--        <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>-->
                                        </div>`
                                return h;
                            }
                        }
                    ]
                ]
            });

            //监听表格行工具事件
            table.on('tool(cost_project)', function (obj) {
                var data = obj.data;
                if (obj.event === 'read') {
                    // console.log(obj.data.getTrusteeName.institution)
                    tool.side('/admin/project.audit_company/read?id=' + obj.data.id);
                } else if (obj.event === 'edit') {
                    tool.side('/admin/project.audit_company/edit?id=' + obj.data.id);
                } else if (obj.event === 'receive') {
                    layer.confirm('确定要接收该项目?', {
                        icon: 3,
                        title: '提示'
                    }, function (index) {
                        let callback = function (e) {
                            layer.msg(e.msg);
                            if (e.code == 0) {
                                obj.del();
                            }
                        }
                        tool.delete("/admin/project.audit_company/receive", {id: data.id}, callback);
                        layer.close(index);
                    });
                }
                return false;
            });

            layui.pageTable = table.render({
                elem: '#advent_project',
                title: '临期项目',

                url: '/admin/project.cost_company/list1',
                page: false,
                limit: 20,
                parseData: function(res) { // 数据解析回调函数
                  // 在这里可以获取数据总数
                  allcount =  res.count;
                  return {
                    code: res.code, // 数据状态码
                    msg: res.msg, // 状态信息
                    count: res.count, // 数据总数
                    data: res.data // 当前页数据
                  };
                },
                cols: [
                    [{fixed: 'left', field: 'id', title: '编号', align: 'center', width: 80,
                        templet: function(d){
                            return allcount - (d.LAY_NUM-1);
                        }
                    }, {
                        field: 'project_status',
                        title: '项目状态',
                        align: 'center',
                        width: 100,
                        templet: function (item) {

                            var html = '';
                            if (item.project_status === 1) {
                                html = '<span class="layui-badge layui-bg-orange">立项中</span> ';
                            } else if (item.project_status === 2) {
                                html = '<span class="layui-badge layui-bg-blue">审批中</span> ';
                            } else if (item.project_status === -1) {
                                html = '<span class="layui-badge layui-bg-red">待修改</span> ';
                            } else if (item.project_status === 3) {
                                html = '<span class="layui-badge layui-bg-green">待接收</span> ';
                            } else if (item.project_status === 4) {
                                html =
                                    '<span class="layui-badge" style="background-color: #31bdec">分配中</span> ';
                            } else if (item.project_status === 5) {
                                html =
                                    '<span class="layui-badge" style="background-color: #31bdec">作业中</span> ';
                            } else if (item.project_status === 6) {
                                html =
                                    '<span class="layui-badge" style="background-color: #31bdec">归档中</span> ';
                            } else if (item.project_status === 7) {
                                html =
                                    '<span class="layui-badge" style="background-color: #31bdec">退审中</span> ';
                            } else if (item.project_status === 8) {
                                html =
                                    '<span class="layui-badge" style="background-color: #31bdec">已归档</span> ';
                            } else if (item.project_status === 9) {
                                html =
                                    '<span class="layui-badge" style="background-color: #31bdec">已退审</span> ';
                            }
                            return html;
                        }
                    }, {
                        field: 'project_name',
                        title: '项目名称',
                        align: 'center',

                    }, {
                        field: 'project_num',
                        title: '项目编号',
                        align: 'center',
                        
                    }, {
                        field: 'project_time',
                        title: '剩余时间',
                        align: 'center',
                        width: 100,
                        templet: function (item) {
                            let outcome = Math.round(new Date().getTime() / 1000).toString();
                            var advent_time = item.project_end_time - outcome
                            console.log(advent_time);

                            function getDuration(second) {
                                var duration
                                var days = Math.floor(second / 86400);
                                var hours = Math.floor((second % 86400) / 3600);
                                var minutes = Math.floor(((second % 86400) % 3600) / 60);
                                var seconds = Math.floor(((second % 86400) % 3600) % 60);
                                if (days > 0) duration = days + "天";
                                else if (hours > 0) duration = hours + "小时";
                                else if (minutes > 0) duration = minutes + "分";
                                else if (seconds > 0) duration = seconds + "秒";
                                return duration;
                            }

                            return getDuration(advent_time);
                        }
                    },
                        {
                            fixed: 'right',
                            field: 'right',
                            title: '操作',
                            width: 136,
                            align: 'center',
                            templet: function (a) {
                                var h = '';
                                var arr = [3, 4, 5];
                                if (a.self_id == a.entrust_maker) {
                                    if (a.project_status == 1) {

                                        h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="read">查看</a><a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a><a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a></div>'
                                    } else if (arr.indexOf(a.project_status) !== -1) {

                                        h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="read">查看</a><a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a></div>'

                                    } else {

                                        h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="read">查看</a><div'

                                    }
                                } else {

                                    h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="read">查看</a><div'
                                }
                                return h;
                            }
                        }
                    ]
                ]
            });

            //监听表格行工具事件
            table.on('tool(advent_project)', function (obj) {
                var data = obj.data;
                if (obj.event === 'read') {
                    tool.side('/admin/project.cost_company/read?id=' + obj.data.id);
                } else if (obj.event === 'edit') {


                    tool.side('/admin/project.cost_company/edit?id=' + obj.data.id);


                } else if (obj.event === 'del') {
                    layer.confirm('确定要删除该记录吗?', {
                        icon: 3,
                        title: '提示'
                    }, function (index) {


                        if (data.project_status < 3) {
                            let callback = function (e) {
                                layer.msg(e.msg);
                                if (e.code == 0) {
                                    obj.del();
                                }
                            }
                            tool.delete("/admin/project.cost_company/del", {
                                id: data.id
                            }, callback);
                            layer.close(index);
                        }
                        layer.msg("已审核，无法删除");
                    });
                }
                return false;
            });

            layui.pageTable = table.render({
                elem: '#late_project',
                title: '逾期项目',

                url: '/admin/project.cost_company/list2',
                page: false,
                limit: 20,
                parseData: function(res) { // 数据解析回调函数
                  // 在这里可以获取数据总数
                  allcount =  res.count;
                  return {
                    code: res.code, // 数据状态码
                    msg: res.msg, // 状态信息
                    count: res.count, // 数据总数
                    data: res.data // 当前页数据
                  };
                },
                cols: [
                    [{fixed: 'left', field: 'id', title: '编号', align: 'center', width: 80,
                        templet: function(d){
                            return allcount - (d.LAY_NUM-1);
                        }
                    }, {
                        field: 'project_status',
                        title: '项目状态',
                        align: 'center',
                        width: 100,
                        templet: function (item) {

                            var html = '';
                            if (item.project_status === 1) {
                                html = '<span class="layui-badge layui-bg-orange">立项中</span> ';
                            } else if (item.project_status === 2) {
                                html = '<span class="layui-badge layui-bg-blue">审批中</span> ';
                            } else if (item.project_status === -1) {
                                html = '<span class="layui-badge layui-bg-red">待修改</span> ';
                            } else if (item.project_status === 3) {
                                html = '<span class="layui-badge layui-bg-green">待接收</span> ';
                            } else if (item.project_status === 4) {
                                html =
                                    '<span class="layui-badge" style="background-color: #31bdec">分配中</span> ';
                            } else if (item.project_status === 5) {
                                html =
                                    '<span class="layui-badge" style="background-color: #31bdec">作业中</span> ';
                            } else if (item.project_status === 6) {
                                html =
                                    '<span class="layui-badge" style="background-color: #31bdec">归档中</span> ';
                            } else if (item.project_status === 7) {
                                html =
                                    '<span class="layui-badge" style="background-color: #31bdec">退审中</span> ';
                            } else if (item.project_status === 8) {
                                html =
                                    '<span class="layui-badge" style="background-color: #31bdec">已归档</span> ';
                            } else if (item.project_status === 9) {
                                html =
                                    '<span class="layui-badge" style="background-color: #31bdec">已退审</span> ';
                            }
                            return html;
                        }
                    }, {
                        field: 'project_name',
                        title: '项目名称',
                        align: 'center',

                    }, {
                        field: 'project_num',
                        title: '项目编号',
                        align: 'center',
                        
                    }, {
                        field: 'project_time',
                        title: '逾期时间',
                        align: 'center',
                        width: 100,
                        templet: function (item) {
                            let outcome = Math.round(new Date().getTime() / 1000).toString();
                            var advent_time = item.project_end_time - outcome
                            var time = getDuration(advent_time);
                            var timestr = "<span style='color: green'>" + "剩余" + time + "</span>";
                            if (advent_time < 0) {
                                advent_time = -advent_time;
                                time = getDuration(advent_time);
                                timestr = "<span style='color: red'>" + "逾期" + time + "</span>";
                            }

                            var html;

                            html =
                                "<div>" + timestr + "</div>";


                            function getDuration(second) {
                                var duration
                                var days = Math.floor(second / 86400);
                                var hours = Math.floor((second % 86400) / 3600);
                                if (days > 0) duration = days + "天";
                                else if (hours > 0) duration = "不足一天";
                                else if (hours == 0) duration = "不足一天";
                                return duration;
                            }


                            return html;
                        }
                    },
                        {
                            fixed: 'right',
                            field: 'right',
                            title: '操作',
                            width: 136,
                            align: 'center',
                            templet: function (a) {
                                var h = '';
                                var arr = [3, 4, 5];
                                if (a.self_id == a.entrust_maker) {
                                    if (a.project_status == 1) {

                                        h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="read">查看</a><a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a><a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a></div>'
                                    } else if (arr.indexOf(a.project_status) !== -1) {

                                        h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="read">查看</a><a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a></div>'

                                    } else {

                                        h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="read">查看</a><div'

                                    }
                                } else {

                                    h = '<div class="layui-btn-group"><a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="read">查看</a><div'
                                }
                                return h;
                            }
                        }
                    ]
                ]
            });

            table.on('tool(late_project)', function (obj) {
                var data = obj.data;
                if (obj.event === 'read') {
                    tool.side('/admin/project.cost_company/read?id=' + obj.data.id);
                } else if (obj.event === 'edit') {


                    tool.side('/admin/project.cost_company/edit?id=' + obj.data.id);


                } else if (obj.event === 'del') {
                    layer.confirm('确定要删除该记录吗?', {
                        icon: 3,
                        title: '提示'
                    }, function (index) {


                        if (data.project_status < 3) {
                            let callback = function (e) {
                                layer.msg(e.msg);
                                if (e.code == 0) {
                                    obj.del();
                                }
                            }
                            tool.delete("/admin/project.cost_company/del", {
                                id: data.id
                            }, callback);
                            layer.close(index);
                        }
                        layer.msg("已审核，无法删除");
                    });
                }
                return false;
            });


            layui.costProjectTable = table.render({
                elem: '#cost_project2',
                title: '造价项目列表',
                //toolbar: '#toolbarDemo',
                url: '/admin/project.cost_company/datalist',

                limit: 20,
                parseData: function(res) { // 数据解析回调函数
                  // 在这里可以获取数据总数
                  allcount =  res.count;
                  return {
                    code: res.code, // 数据状态码
                    msg: res.msg, // 状态信息
                    count: res.count, // 数据总数
                    data: res.data // 当前页数据
                  };
                },
                cols: [
                    [{fixed: 'left', field: 'id', title: '编号', align: 'center', width: 80,
                        templet: function(d){
                            return allcount - (d.LAY_NUM-1);
                        }
                    }, {
                        field: 'project_status',
                        title: '项目状态',
                        align: 'center',
                        width: 100,
                        templet: function (item) {

                            var html = '';
                            if (item.project_status === 1) {
                                html = '<span class="layui-badge layui-bg-orange">立项中</span> ';
                            } else if (item.project_status === 2) {
                                html = '<span class="layui-badge layui-bg-blue">审批中</span> ';
                            } else if (item.project_status === -1) {
                                html = '<span class="layui-badge layui-bg-red">待修改</span> ';
                            } else if (item.project_status === 3) {
                                html = '<span class="layui-badge layui-bg-green">待接收</span> ';
                            } else if (item.project_status === 4) {
                                html =
                                    '<span class="layui-badge" style="background-color: #31bdec">分配中</span> ';
                            } else if (item.project_status === 5) {
                                html =
                                    '<span class="layui-badge" style="background-color: #31bdec">作业中</span> ';
                            } else if (item.project_status === 6) {
                                html =
                                    '<span class="layui-badge" style="background-color: #31bdec">归档中</span> ';
                            } else if (item.project_status === 7) {
                                html =
                                    '<span class="layui-badge" style="background-color: #31bdec">退审中</span> ';
                            } else if (item.project_status === 8) {
                                html =
                                    '<span class="layui-badge" style="background-color: #31bdec">已归档</span> ';
                            } else if (item.project_status === 9) {
                                html =
                                    '<span class="layui-badge" style="background-color: #31bdec">已退审</span> ';
                            }
                            return html;
                        }
                    }, {
                        field: 'project_name',
                        title: '项目名称',
                        align: 'center',
                        width: 400
                    }, {
                        field: 'project_num',
                        title: '项目编号',
                        align: 'center',
                        width: 200
                    }, {
                        field: 'project_time',
                        title: '项目周期',
                        align: 'center',
                        width: 300,
                        templet: function (item) {

                            var html;
                            html =
                                "<div>" +
                                layui.util.toDateString(item.project_start_time * 1000, 'yyyy-MM-dd') +
                                "~" +
                                layui.util.toDateString(item.project_end_time * 1000, 'yyyy-MM-dd') +
                                "</div>";
                            return html;
                        }

                    }, {
                        field: 'entrust_unit_name',
                        title: '委托单位',
                        align: 'center',
                        width: 150
                    }, {
                        field: 'entrust_maker_name',
                        title: '委托单位负责人',
                        align: 'center',
                        width: 200
                    }, {
                        field: 'entrust_head_phone',
                        title: '委托单位负责人电话',
                        align: 'center',
                        width: 250
                    }, {
                        fixed: 'right',
                        field: 'right',
                        title: '操作',
                    
                        width: 136,
                        align: 'center',
                         templet: function () {
                            var h;
                            h = `<div class="layui-btn-group">
                                    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
                                    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="finish">归档</a>
                                    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="dismissal">退审</a>
                                </div>`
                            return h;
                        }
                    }]
                ]
            });

            //监听表格行工具事件
            table.on('tool(cost_project2)', function (obj) {
                var data = obj.data;
                if (obj.event === 'read') {
                    tool.side('/admin/project.cost_company/read?id=' + obj.data.id);
                } else if (obj.event === 'edit') {

                    if (obj.data.project_status<6) {
                        tool.side('/admin/project.cost_company/edit?id=' + obj.data.id);
                    } else {
                        layer.msg("已归档/已退审")
                    }

                } else if (obj.event === 'finish') {

                    if (obj.data.project_status == 5 || obj.data.project_status == 4) {
                        var ttxx = layer.prompt({
                            title: '请输入<span style="color: red">归档</span>原因',
                            formType: 2,
                            area: ['35vw', '15vw']
                        }, function (text, index) {
                            let callback = function (e) {
                                window.location.reload()
                                layer.msg(e.msg);
                                setTimeout(function () {
                                    layer.close(index);
                                }, 2000)


                            }
                            tool.post("/admin/project.cost_company/finish", { id: data.id, finish_reason: text}, callback);
                        })



                    } else {
                        layer.msg("已归档/已退审")
                    }

                } else if (obj.event === 'dismissal') {

                    if (obj.data.project_status == 5 || obj.data.project_status == 4) {
                        var ttxx = layer.prompt({
                            title: '请输入<span style="color: red">退审</span>原因',
                            formType: 2,
                            area: ['35vw', '15vw']
                        }, function (text, index) {

                            let callback = function (e) {
                                window.location.reload()
                                layer.msg(e.msg);
                                setTimeout(function () {
                                    layer.close(index);
                                }, 2000)


                            }

                            tool.post("/admin/project.cost_company/dismissal", {
                                id: data.id,
                                dismissal_reason: text,

                            }, callback);


                        });
                    } else {
                        layer.msg("已归档/已退审")
                    }

                }
                return false;
            });

            //通讯录
            layui.peopleTable = table.render({
                elem: '#people',
                title: '通讯录',
                //toolbar: '#toolbarDemo',
                url: '/admin/index/people',
                limit: 20,
                parseData: function(res) { // 数据解析回调函数
                  // 在这里可以获取数据总数
                  allcount =  res.count;
                  return {
                    code: res.code, // 数据状态码
                    msg: res.msg, // 状态信息
                    count: res.count, // 数据总数
                    data: res.data // 当前页数据
                  };
                },
                cols: [
                    [{field: 'id', title: '编号', align: 'center', width: 80,
                        templet: function(d){
                            return allcount - (d.LAY_NUM-1);
                        }
                    }, {
                        field: 'nickname',
                        title: '联系人',
                        align: 'center',

                    }, {
                        field: 'mobile',
                        title: '电话',
                        align: 'center',

                    }, {
                        field: 'email',
                        title: '电子邮箱',
                        align: 'center',

                    }]
                ]
            });

            layui.cp_head = table.render({
			elem: '#cp_head',
			title: '联系人',
			url: '/admin/index/cp_head',
			page: false,
			limit: 20,
			parseData: function(res) { // 数据解析回调函数
              // 在这里可以获取数据总数
              allcount =  res.count;
              return {
                code: res.code, // 数据状态码
                msg: res.msg, // 状态信息
                count: res.count, // 数据总数
                data: res.data // 当前页数据
              };
            },
			cols: [
				[{fixed: 'left', field: 'id', title: '编号', align: 'center', width: 80,
                        templet: function(d){
                            return allcount - (d.LAY_NUM-1);
                        }
                    }, {
					field: 'title',
					title: '单位名称',
					align: 'center',

				},{
                    field: 'type',
                    title: '单位类型',
                    align: 'center',
                    templet:function (d) {
                        var h="";
                        if(d.type==1){
                            h="送审单位";
                        }else {
                            h="委托单位";
                        }
                        return h;
                    }
                }, {
					field: 'nickname',
					title: '联系人',
					align: 'center',

				},  {
					field: 'mobile',
					title: '电话',
					align: 'center',

				},  {
					field: 'email',
					title: '电子邮箱',
					align: 'center',

				},

				]
			]
		});

            form.on('submit(webform)', function (data) {
                console.log(data.field)
                layui.peopleTable.reload({ where: data.field });
                layui.cp_head.reload({ where: data.field });
                return false;
            });
            form.on('submit(reset1)', function () {


                $('[name="nickname"]').val("");
                layui.peopleTable.reload({where:{}});
                layui.cp_head.reload({where:{}});
                return false;
            });
            form.on('submit(project_reset)', function () {


                $('[name="keyword"]').val("");
                $('[name="entrust_maker_name"]').val("");
                layui.costProjectTable.reload({where:{}});
                return false;
            });
            
            form.on('submit(project_search)', function (data) {
                layui.costProjectTable.reload({
                    where: data.field,

                });
                
                return false;
            });

        }
    </script>
    <script src="{__GOUGU__}/layui/layui.js"></script>
    <script>
        layui.use(function () {
            var layer = layui.layer;
            var form = layui.form;
            var laydate = layui.laydate;
            var util = layui.util;

            laydate.render({
                elem: '#test2',
                position: 'static',
                theme: '#1A75FF',
                calendar: 'true',
                showBottom: false,

            });
        });
    </script>
    <script>
        window.onbeforeunload = onbeforeunload_handlder;
        window.onunload = onunload_handler;

        function onbeforeunload_handlder() {
            var warning = "消息页面";
            return warning;
        }

        function onunload_handler() {
            var warning = "消息页面";
            alert(warning);
        }
    </script>

    <!-- 弹窗 -->

    <!--显示实时年份-->
    <script>
        `use strict`
        var datetime = new Date().getFullYear();
        console.log(datetime); // it will represent date in the console of developers tool
        document.getElementById("time1").textContent = datetime; //it will print on html page
        document.getElementById("time2").textContent = datetime;
    </script>

    {/block}
    <!-- /脚本 -->