{extend name="common/base"/}
{block name="style"}
<style>
    /* 倒计时 */
	 .countdown {
        height: 8.5vh;
        width: 6.5vw;
        font-size: 1vw;
        text-align: center;
        border: 1px solid #eee;

    }

    .countdown-top {
        height: 3.5vh;
        line-height: 3.5vh;
        border-bottom: 1px solid #eee;
        color: #fff;
        background-color: rgb(23, 145, 233);
        border-bottom: 1px solid rgb(23, 145, 233);
        font-size: 0.95vw;
        padding: 0;
        margin: 0;
    }

    .countdown-bottom {
        height: 5vh;
        line-height: 5vh;
        padding: 0;
        margin: 0;
        background-color: #fff;
    }

	/* 项目名称下面的字体变大 */
	.ziti{
		font-size: 1vw;
	}
</style>
{/block}

<!-- 主体 -->
{block name="body"}
<div class="layui-form p-4">
    <div class="layui-row layui-col-space12">
        <div class="layui-col-md10" style="padding: 0;">
            <div class="layui-col-md12" style="padding: 8px;">
                <h1>{$detail.project_name}</h1>
            </div>
            <div class="layui-col-md3 ziti" style="padding: 8px;font-size:1.1vw;">
                {$detail.project_num}
            </div>
            <div class="layui-col-md3 ziti" style="padding: 8px;font-size:1.1vw;">
                {if $detail.unit_type==0}
                {$detail.review_head_name}
                {elseif $detail.unit_type==2}
                {$detail.entrust_unit_name}
                {else}
                {/if}
                <!--公司负责人-->
            </div>
            <div class="layui-col-md3 ziti" style="padding: 8px;font-size:1.1vw;">
                {if $detail.maker_type==2}创建时间于：{$detail.create_time|date="Y-m-d"}
			    {else}接收时间于：{if $detail.project_receive_time==0}未接收{else}{$detail.project_receive_time|date="Y-m-d"}{/if}
			    {/if}
            </div>
        </div>
        <div class="layui-col-md1" style="padding: 0;">
            <div class="layui-card countdown">
                <div class="countdown-top" style="font-weight: 600;font-size:1.1vw;">
                    {if $detail.project_end_time>time()}剩 余{else}逾 期{/if}
                </div>
                <div class="countdown-bottom" style="font-size:1.1vw;">
                    {$advent_time}
                </div>
            </div>
        </div>
    </div>
</div>


<div class="layui-tab layui-tab-card" style="margin:0;" lay-filter="project" id="projectTab">
    <ul class="layui-tab-title">
        <li class="layui-this" lay-id="true">项目概览</li>

        {if $project_five.project_user == 1}
        <li data-load="" data-id="4">项目人员</li>
        {/if}
        
        {if $project_five.project_report == 1}
        <li data-load="" data-id="3">项目报告</li>
        {/if}
        
        {if $project_five.project_contact == 1}
            <li data-load="" data-id="7">联系函</li>
        {/if}
        
        {if $project_five.project_comments == 1}
        <li lay-id="22" data-id="1">作业日志</li>
        {/if}

        {if $project_five.project_record == 1}
        <li data-load="" data-id="2">工作记录</li>
        {/if}

        <li data-load="" data-id="8">预约看现场</li>

        {if $project_five.project_log == 1}
        <li data-load="" data-id="5">项目动态</li>
        {/if}



    </ul>

    <div class="layui-tab-content">
        <div class="layui-tab-item layui-show">
            {include file="/project/cost_company/edit_first" /}
        </div>
        
        {if $project_five.project_user == 1}
        <div class="layui-tab-item">
            {include file="/project/cost_company/edit_user" /}
        </div>
        {/if}
        
        {if $project_five.project_report == 1}
        <div class="layui-tab-item">
            {include file="/project/cost_company/edit_report" /}
        </div>
        {/if}
        
        {if $project_five.project_contact == 1}
            <div class="layui-tab-item">
                {include file="/project/cost_company/edit_contact" /}
            </div>
        {/if}

        {if $project_five.project_comments == 1}
        <div class="layui-tab-item">
            {include file="/project/cost_company/edit_log" /}
        </div>
        {/if}

        {if $project_five.project_record == 1}
        <div class="layui-tab-item">
            {include file="/project/cost_company/edit_record" /}
        </div>
        {/if}
        
        <div class="layui-tab-item">
            {include file="/project/cost_company/edit_appointment" /}
        </div>

        {if $project_five.project_log == 1}
        <div class="layui-tab-item">
            {include file="/project/projectlog/index" /}
        </div>
        {/if}

    </div>
</div>


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

<!-- 脚本 -->
{block name="script"}

<script>
    var moduleInit = ['tool', 'oaTool', 'employeepicker'];
    var project_id = '{$detail.id}';

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

        first();

        console.log($('#hha').css("display",'block'))
        element.on('tab(project)', function (data) {
            let index = $(this).attr('data-id');
            console.log(index)
            if (index == 1) {

                comment();

            } else if (index == 2) {

                record();

            } else if (index == 3) {

                report();

            } else if (index == 4) {
                project_user()

            } else if (index == 5) {


            } else if (index == 6) {
                console.log("aaa")
            } else if (index == 7) {
                contact()
            } else if (index == 8) {
                appointment();
            } 
            
        });

    }
</script>




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