YDM
/
caiping


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>逸管FEP</title>
    <link rel="stylesheet" href="{__MOBILE__}/css/base.css">
    <link rel="stylesheet" href="{__MOBILE__}/css/detail.css">
    <link rel="stylesheet" href="{__MOBILE__}/layui/css/layui.css">
    <script src="{__JS__}/jquery.min.js"></script>
    <link rel="stylesheet" href="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/css/layui.css">

</head>

<body>
<div class="top">
    <a href="{:url('mobile/index/kan_list')}">
        <div><img src="{__MOBILE__}/img/left.png" alt="" style="width: 5vw;"></div>
    </a>
    <div style="margin-left: 36vw;">看板</div>


    <div class="dropdown">
        <!-- <button onclick="dropdown()" class="dropbtn" style="margin-left: 28vw;background: url({__MOBILE__}/img/list.png) no-repeat;width: 5vw;"> -->
        <button onclick="dropdown()" class="dropbtn" style="margin-left: 33vw;">


            <img src="{__MOBILE__}/img/list.png" alt="" style="width: 5vw;pointer-events: none;">
        </button>
        <div id="myDropdown" class="dropdown-content" style="width: 24vw;">
            <a href="{:url('mobile/index/main')}">首页</a>
            <a href="{:url('mobile/index/kan_list')}">看板</a>
            <a href="{:url('mobile/index/pending')}">待处理</a>
            <a href="{:url('mobile/index/person')}">我的</a>
        </div>
    </div>
</div>
<div class="layui-tab layui-tab-brief" style="margin-top: 11.5vw;"  lay-filter="test-hash">

    <ul class="layui-tab-title" style="background-color: #fff;" id="ullist">
        
        <li class="layui-this">项目概览<span id="li_first" class="dot-img hongdian" >{if $red.detail}<img src="{__MOBILE__}/img/dot.png" alt="" style="width: 1.2vh;">{/if}</span></li>
        
        {if $project_five.project_user == 1}
        <li data-id="1">项目人员<span class="dot-img hongdian">{if $red.user}<img src="{__MOBILE__}/img/dot.png" alt="" style="width: 1.2vh;">{/if}</span></li>
        {/if}
        
        {if $project_five.project_report == 1}
        <li data-id="2">项目报告<span class="dot-img hongdian">{if $red.report}<img src="{__MOBILE__}/img/dot.png" alt="" style="width: 1.2vh;">{/if}</span></li>
        {/if}
        
        {if $project_five.project_contact == 1}
        <li data-id="3">联系函<span class="dot-img hongdian">{if $red.contact}<img src="{__MOBILE__}/img/dot.png" alt="" style="width: 1.2vh;">{/if}</span></li>
        {/if}
        
        <li data-id="4">请款详情</li>
        
        {if $project_five.project_comments == 1}
        <li data-id="5">作业日志<span class="dot-img hongdian">{if $red.comment}<img src="{__MOBILE__}/img/dot.png" alt="" style="width: 1.2vh;">{/if}</span></li>
        {/if}

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


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

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

        <li data-id="9">共享项目</li>

    </ul>

    <div class="layui-tab-content">
        <!-- 项目概览 -->
        <div class="layui-tab-item layui-show">
            <div class="detail-basic">
                <div class="basic-top">
                    <div class="basic-title">
                            <span class="title-img">
                                <span><img src="{__MOBILE__}/img/project1.png" alt=""
                                           style="width: 5vw;margin-right: 1vw;"></span>
                                <span style="font-size: 2vh;"><b>{if $field.project_name}{$detail.project_name}{/if}</b></span>
                            </span>
                        <span class="title-img" style="color: #1287ff;">
                                <span><img src="{__MOBILE__}/img/await.png" alt="" style="width: 5vw;"></span>&nbsp;
                                <span style="font-weight:600;">
                                    {if $field.project_status}
                                    {switch $detail.project_status}
                                    {case 1}<span style="color: #ffaa64">财评立项中</span>{/case}
                                    {case 2}<span style="color: #b30095">财评审批中</span>{/case}
                                    {case 3}<span style="color: #769fcd">公司待接收</span>{/case}
                                    {case 4}<span style="color: #005fa8">待分配</span>{/case}
                                    {case 5}<span style="color: #1e9fff">作业中</span>{/case}
                                    {case 6}<span style="color: #007244">归档中</span>{/case}
                                    {case 7}<span style="color: #881f1f">退审中</span>{/case}
                                    {case 8}<span style="color: #16b777">已归档</span>{/case}
                                    {case 9}<span style="color: #d81e06">已退审</span>{/case}
                                    {case 0}
                                    {switch $vo.proprietor_status}
                                    {case 0}<span style="color: #ffb800">业主立项中</span>{/case}
                                    {case 1}<span style="color: #b30095">业主审核中</span>{/case}
                                    {case 2}<span style="color: #b88230">财评待接收</span>{/case}
                                    {/switch}
                                    {/case}
                                    {default /}未知
                                    {/switch}
                                    {/if}
                                </span>
                            </span>
                    </div>
                    <div style="margin-left: 6vw;display:flex;justify-content:space-between;align-items: flex-end;">
                        <span>
                            {if $field.project_num} {$detail.project_num} {/if}
                        </span>
                        <span>
                            <b>

                                {switch $detail.report_status}
                                    {case 0}<span style="color: #ffb800">初稿中</span>{/case}
                                    {case 1}<span style="color: #005fa8">对数中</span>{/case}
                                    {case 2}<span style="color: #ea8816">审定中</span>{/case}
                                    {case 3}<span style="color: #16b777">已审定</span>{/case}
                                    {default /}未知
                                {/switch}
                            </b>
                        </span>
                        
                    </div>

                </div>

            </div>
            <div class="basic-top-inner">
                <div class="basic-inner">

                    {if $field.engineering_type}<span>项目类型： {$detail.engineering_type} </span>{/if} {if $field.engineering_category}<span>工程类别： {$detail.engineering_category} </span>{/if}
                </div>
                {if $field.fiscal_nature}
                <div class="basic-inner">
                    资金性质：{$detail.fiscal_nature}
                </div>
                {/if}

                {if $field.project_region}
                <div class="basic-inner">
                    项目区域：{$detail.province}-{$detail.city}-{$detail.area}
                </div>
                {/if}

                {if $field.project_scale}
                <div class="basic-inner">
                    项目规模：{$detail.project_scale}
                </div>
                {/if}

                {if $field.charge_standard}
                <div class="basic-inner">
                    收费标准：{$detail.charge_standard}
                </div>
                {/if}

                {if $field.project_time}
                <div class="basic-inner">
                    项目周期：{$detail.project_start_time|date="Y-m-d"}&nbsp;至&nbsp;{$detail.project_end_time|date="Y-m-d"}
                </div>
                {/if}
            </div>
            <div class="bottom-top">
                <span><img src="{__MOBILE__}/img/unit.png" alt="" style="width: 6vw;"></span><span
                    style="font-size: 2vh;"><b>相关单位</b></span>
            </div>
            <div class="basic-bottom">
                <div class="bottom">
                    {if $field.entrust_unit}
                    <div class="bottom-item"><span>委托单位：{$detail.entrust_unit_name}</span></div>
                    {/if}

                    {if $field.entrust_head}
                    <div class="bottom-person"><span>负责人：{$detail.entrust_maker_name}</span></div>
                    {/if}

                    {if $field.sent_review_unit}
                    <div class="bottom-item"><span>送审单位：{$detail.sent_review_unit_name}</span></div>
                    {/if}

                    {if $field.sent_review_head}
                    <div class="bottom-person"><span>负责人：{$detail.sent_review_head_name}</span></div>
                    {/if}

                    {if $field.review_unit}
                    <div class="bottom-item"><span>评审机构：{$detail.review_unit_name}</span></div>
                    {/if}

                    {if $field.review_head||$field.operate_name}
                    <div class="bottom-person" style="display: flex;">
                        {if $field.review_head}
                        <span style="width: 50%;">项目负责人：{$detail.review_head_name}</span>
                        {/if}

                        {if $field.operate_name}
                        <span>作业负责人：{$detail.operate_head_name}</span></div>
                        {/if}

                    {/if}
                    {if $field.operate_team_names}
                    <div class="bottom-person">
                        <span>作业成员：{$detail.operate_team_names}</span>
                    </div>
                    {/if}
                </div>
            </div>
            <div class="bottom-top">
                <span><img src="{__MOBILE__}/img/money.png" alt="" style="width: 6vw;"></span><span
                    style="font-size: 2vh;"><b>金额详情</b></span>
            </div>
            <div class="basic-money">
                {if $field.sent_review_amount}
                <div class="money-inner">
                    <span>送审金额：{$detail.sent_review_amount}元</span>
                </div>
                {/if}

                {if $field.authorize_amount||$field.review_add_reduce_amount}
                <div class="money-inner">
                    {if $field.authorize_amount}
                    <span class="long">审定金额：{$detail.authorize_amount}元</span>
                    {/if}
                </div>
                
                <div class="money-inner">
                    {if $field.review_add_reduce_amount}
                    <span>审增金额：{$detail.review_add_amount}元</span>
                    {/if}
                    {if $field.review_add_reduce_amount}
                    <span>审减金额：{$detail.review_reduce_amount}元</span>
                    {/if}
                </div>
                {/if}

                {if $field.review_add_reduce_rate||$field.sent_review_cost}
                <div class="money-inner">
                    {if $field.review_add_reduce_rate}
                    <span>审增减率：{$detail.review_add_reduce_rate}%</span>
                    {/if}

                    {if $field.sent_review_cost}
                    <span>送审服务费：{$detail.sent_review_cost}元</span>
                    {/if}
                </div>
                {/if}

                {if $field.sent_review_approver_amount}
                <div class="money-inner">
                    <span class="long">送审单位承担审核费：{$detail.sent_review_approver_amount}元</span>
                </div>
                {/if}

                {if $field.construction_approver_amount}
                <div class="money-inner">
                    <span class="long">施工单位负责核减超5%评审费部分：{$detail.construction_approver_amount}元</span>
                </div>
                {/if}
            </div>

            <div class="bottom-top">
                <span><img src="{__MOBILE__}/img/annex.png" alt="" style="width: 6vw;"></span><span
                    style="font-size: 2vh;"><b>相关附件</b></span>
            </div>
            <div id="filesBox2">
                <div class="filelist" id="filesBigBox">
                    <ul id="filesBox">
                        {:fileCard($file_array)}

                    </ul>
                    {empty name="$file_array" }
                    <div class="layui-data-none" style="text-align: center;padding-bottom: 3vw;">暂无附件</div>
                    {/empty}

                </div>

                <!-- {empty name="$file_array" }
            <div class="layui-data-none">暂无附件</div>
            {/empty} -->
            </div>
        </div>
        <!-- 项目人员 -->
        {if $project_five.project_user == 1}
        <div class="layui-tab-item">

            {volist name="person" id="vo"}
            <div class="person">
                <div><img src="{__MOBILE__}/img/line.png" alt="" style="width: 5vw;height: 4vw;"></div>
                <div>
                    <div class="person-content">
                        <div class="content">
                            <span>成员姓名：{$vo.nickname}</span>
                        </div>
                        <div class="content">
                            <span>所在单位：{$vo.unit_name}</span>
                        </div>
                        <div class="content">
                                <span>成员类型：{switch $vo.type}
                                    {case 1}项目负责人{/case}
                                    {case 2}项目负责人{/case}
                                    {case 3}项目负责人{/case}
                                    {case 4}项目负责人{/case}
                                    {case 5}项目负责人{/case}
                                    {case 6}项目负责人{/case}
                                    {default /}
                                    {/switch}
                                    </span>
                        </div>
                        <div class="content">
                                <span>单位类型：{$vo.unit_type}
                                </span>
                        </div>
                        <div class="content">
                                <span>
                                    手机号码：<a href="tel://{$vo.mobile}">{$vo.mobile}</a>
                                </span>

                        </div>
                        <div class="content">
                            <span>单位邮箱：{$vo.email}</span>
                        </div>
                    </div>

                </div>
            </div>
            {/volist}
        </div>
        {/if}
        
        <!-- 项目报告 -->
        {if $project_five.project_report == 1}
        <div class="layui-tab-item">

            <div class="detail-report">
                {volist name="report" id="vo"}
                <a href="{:url('mobile/index/report_detail')}?id={$vo.id}&project_id={$project_id}">
                <div class="report-item">
                    <div class="report-top">
                        <span style="font-size: 2vh;width:70vw;"><b>{$vo.title}</b></span>
                                <span style="display: flex;align-items: center;font-size: 1.5vh;color: #187FDD;">
                                    <span><b>查看详情</b></span>
                                    <span><img src="{__MOBILE__}/img/right.png" alt=""
                                               style="width: 4vw;height: 3.5vw;">
                                    </span>
                                </span>
                    </div>

                    <div class="report-content" style="margin-bottom: 1.5vw;">
                            <span class="report-overdue">
                                <span>报告类型：
                                    {switch $vo.type}
                                    {case 0}初审报告{/case}
                                    {case 1}对数报告{/case}
                                    {case 2}定案报告{/case}
                                    {default /}未知
                                    {/switch}
                                </span>
                                <span>创建人：{$vo.nickname}</span>
                            </span>
                    </div>
                    <div class="report-content"
                         style="display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.5vw;">
                        <span style="color: darkgray;"><b>{$vo.create_time|date="Y-m-d"}</b></span>
                    </div>
                </div>
                </a>
                {/volist}

            </div>
        </div>
        {/if}
        
        <!-- 联系函 -->
        {if $project_five.project_contact == 1}
        <div class="layui-tab-item">
            {volist name="contact" id="vo"}
            <a href="{:url('mobile/index/invite')}?id={$vo.id}">
            <div class="record1">
                <div class="record-top">
                    <div class="record-title" style="width:73vw;">
                        <span><img src="{__MOBILE__}/img/invite.png" alt="" style="width: 5vw;"></span>&nbsp;
                        <span><b>联系函名称:{$vo.title}</b></span>
                    </div>
                    <div style="display: flex;align-items: center;">
                                    <span style="color: #187FDD;font-size: 1.5vh;">
                                        <span><b>查看详情</b></span>
                                    </span>
                                        <span>
                                            <img src="{__MOBILE__}/img/right.png" alt="" style="width: 4vw;height: 3.5vw;">
                                        </span>
                        
                    </div>
                </div>
                <div>
                    <div class="invite-bottom">
                        <span style="width: 50%;">创建人：{$vo.admin_name}</span>
                        <!--                        <span>审批人：{$vo.title}</span>-->
                    </div>
                    <div>
                                    <span>审批状态：{switch $vo.status}
                                        {case 0}未审核（新建）{/case}
                                        {case 1}已通过（新建）{/case}
                                        {case 2}已拒绝（新建）{/case}
                                        {case 3}未审核（删除）{/case}
                                        {case 4}已通过（删除）{/case}
                                        {case 5}已拒绝（删除）{/case}
                                        {default /}未知
                                        {/switch}</span>
                    </div>
                    <div>
                        <span>创建时间：{$vo.create_time|date="Y-m-d"}</span>
                    </div>
                </div>

            </div>
            </a>
            {/volist}
        </div>
        {/if}
        <!-- 请款详情 -->
        <div class="layui-tab-item">
            <div class="detail-request">
                {if !empty($appropriation)}
                <div class="request-title" style="display:flex;justify-content:space-between;align-items: center;">
                    <span>
                        <span><img src="{__MOBILE__}/img/project1.png" alt="" style="width: 5vw;margin-right: 1vw;"></span>
                        <span style="font-size: 2vh;margin-bottom:1vw;"><b>请款函</b></span>
                    </span>
                    <span style="margin-right:3vw;">
                        <b>
                            {switch $appropriation.status}
                                {case -2}<span style="color: #881f1f">立项未通过</span>{/case}
                                {case -1}<span style="color: #b30095">立项审核中</span>{/case}
                                {case 0}<span style="color: #ffb800">立项中</span>{/case}
                                {case 1}<span style="color: #ea8816">待审核</span>{/case}
                                {case 2}<span style="color: #16b777">已通过</span>{/case}
                                {case 3}<span style="color: #d81e06">已拒绝</span>{/case}
                            {/switch}
                        </b>
                    </span>
                </div>
                
                <div class="request-item">
                    <div class="request-content">
                            <span class="request-overdue" style="display:flex;">
                                <span style="width:100%;">送审单位：{$appropriation.review_unit_name}</span>
                            </span>
                            <span class="request-overdue">
                                <span style="width:100%;">创建人名称：</span>
                            </span>
                        <span class="request-overdue">
                                <span style="width:100%;">送审服务费：{$appropriation.appropriation_amount}元</span>
                            </span>
                        <span class="request-overdue">
                                <span>请款金额：{$appropriation.appropriation_amount}元</span>
                                <span>回款金额：{if $appropriation.status==2}{$appropriation.appropriation_amount}{else /}0.00{/if}元</span>
                            </span>
                        <span class="request-overdue-long">
                                <span  style="margin-bottom: 1vw !important;">相关项目：{foreach $appropriation.project_name as $v }{$v}</span>
                                <br>
                            <!--<span style="padding-left:18.5vw;"></span>-->
                                {/foreach}
                            </span>
                        <span class="request-overdue">
                                <span style="width:100%;">请款时间：{$appropriation.appropriation_time|date="Y-m-d"}</span>
                            </span>
                            <span class="request-overdue">
                                <span style="width:100%;">回款时间：</span>
                            </span>
                    </div>
                </div>
                <div class="request-item">
                    <div class="request-content">
                            <span class="request-overdue">
                                <span style="width:100%;">委托单位：{$appropriation.entrust_unit_name}</span>
                            </span>
                        <span class="request-overdue">
                                <span>是否开票：
                                    {switch $appropriation.invoice_status}
                                    {case 1}是 {/case}
                                    {case 0}否 {/case}
                                    {/switch}
                                    </span>
                            </span>
                        <span class="request-overdue">
                                <span>发票编号：{$appropriation.invoicing_num}</span>
                            </span>
                        <span class="request-overdue">
                                <span>发票类型：
                                    {switch $appropriation.invoice_type}
                                    {case 1}普通发票{/case}
                                    {case 2}专用发票{/case}
                                    {case 3}电子普票/case}
                                    {case 4}电子专票{/case}
                                    {/switch}</span>
                            </span>
                        <span class="request-overdue">
                                <span>发票金额：{$appropriation.invoicing_amount}元</span>
                            </span>
                    </div>
                </div>

                <div class="request-annex">
                    <div class="annex-title">
                        <img src="{__MOBILE__}/img/annex.png" alt="" style="width: 5vw;">&nbsp;<b>附件</b>
                    </div>
                    <div class="annex-content" >
                        <ul>
                            {:fileCard($appropriation_file_array)}
                        </ul>
                        {empty name="$appropriation_file_array" }
                        <div class="layui-data-none" style="text-align: center;padding-bottom: 3vw;">暂无附件</div>
                        {/empty}
                    </div>
                </div>
                {else /}
                <div style="margin: 3vw;background-color: #fff;text-align: center;padding: 2vw;box-shadow: 0 1px 3px 0 rgb(5 32 96 / 10%);">暂无请款</div>
                {/if}
            </div>

        </div>
        
        <!-- 作业日志 -->
        {if $project_five.project_comments == 1}
        <div class="layui-tab-item">
            <div id="comments">
                {volist name="comment" id="vo"}
                <div class="detail-log">
                    <div class="log-top">
                        <span>{$vo.maker}</span>
                        <span
                                class="{if $vo.unit_type==2}log-company{else}log-financial{/if}">{$vo.unit_name}</span>
                        <span>{$vo.create_time|date="y-m-d H:i"}</span>
                    </div>

                    <div class="log-bottom" style="width: fit-content;padding-left: 10px;padding-right: 10px;">
                        <div>{$vo.content}</div>
                        {if !empty($vo.thumb)}
                        <div class="log_content_img informBlock" >
                            <div class="content_img" ><img src="{$vo.thumb}" alt="" style="width: auto;"></div>
                        </div>

                        <section class="imgzoom_pack">
                            <div class="imgzoom_x">
                                <div class="imgzoom_img">
                                    <img src="" alt="">
                                </div>
                            </div>
                        </section>
                        {/if}
                    </div>

                </div>
                {/volist}
            </div>
            <div class="log_item_bottom"
                 style="position: fixed;bottom: 0;width: 100vw;background-color: #fff;border-top: 0.25vw solid #eee;">
                <div class="layui-form log_bottom_left">
                    <form class="layui-form">
                        <!-- <div style="margin-left: 2vw;">普通文本域</div> -->
                        <div class="logimg">
                            <div class="layui-form-item layui-form-text">
                                <div class="layui-input-block" style="width: 80vw;">
                                        <textarea id="text" name="content" placeholder="请输入内容" maxlength="3000"
                                                  class="layui-textarea"></textarea>
                                </div>
                                <div class="wrapper">
                                    <span></span><span class="total">0/3000字</span>
                                </div>
                            </div>
                            <div>
                                <div class="layui-input-block">
                                    <button class="layui-btn" lay-submit lay-filter="sent_comment" type="button"
                                            style="background-color: #16baaa00 !important;padding: 0;margin-left: 1vw;margin-top: 2vw;">
                                        <img src="/static/home/images/allupload.png" height="100"
                                             style="height: 8vw;" />
                                    </button>
                                </div>
                            </div>
                        </div>

                        <div style="clear: both;"></div>
                        <div id="imgItem">
                            <label class="layui-form-label">上传图片：</label>
                            <div class="layui-input-inlines-self">
                                <div class="layui-upload-drag-self">
                                    <div id="uploadBtn" style="position:relative;display: flex;">
                                        <img src="/static/home/images/upload.png" height="100"
                                             style="width: 15vw;height: 15vw;"/>
                                        <input type="hidden" name="thumb" value="">

                                        <i class="layui-icon  layui-icon-clear" id="imgdel"></i>

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

        </div>
        {/if}
        <!-- 工作记录 -->
        {if $project_five.project_record == 1}
        <div class="layui-tab-item">
            <!-- <a href="{:url('mobile/index/record')}"> -->
            {volist name="record" id="vo"}
            <div class="record">
                <a href="{:url('mobile/index/record')}?id={$vo.id}&project_id={$project_id}">
                    <div class="record-top">
                        <div class="record-title">
                            <span><img src="{__MOBILE__}/img/record.png" alt="" style="width: 4vw;"></span>&nbsp;
                            
    
                        </div>
                        <div style="display: flex;align-items: center;">
                                <span>
                                    <span>{$vo.admin_name}发表于：</span><span>{$vo.create_time|date="Y-m-d h:i"}</span>
                                </span>
                                     <span>
                                        <img src="{__MOBILE__}/img/right1.png" alt="" style="width: 5vw;">
                                    </span>
                           
    
                        </div>
                    </div>
                    <div class="record-bottom">
    
                        {$vo.content|raw}
                    </div>
                 </a>
                <div class="layui-btn-group" style="display: flex;justify-content: space-between;">
                    <div></div>
                    <div>
                        <form class="layui-form">
                            <button type="button" class="layui-btn layui-btn-primary layui-btn-sm"></button>
                            <!-- <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">
                          <i class="layui-icon layui-icon-add-1"></i>
                          </button> -->
                            <button type="button" class="layui-btn layui-btn-primary layui-btn-sm"
                                    style="border: 0.25vw solid #d2d2d2;margin-right: 0.25vw;">
                                <a href="{:url('mobile/index/record_edit')}?id={$vo.id}&project_id={$project_id}"><i
                                        class="layui-icon layui-icon-edit"></i></a>

                            </button>
                            <button type="button" class="layui-btn layui-btn-primary layui-btn-sm"
                                    style="border: 0.25vw solid #d2d2d2;" data-id="{$vo.id}" lay-filter="delete_record"
                                    lay-submit="">
                                <i class="layui-icon layui-icon-delete"></i>
                            </button>
                        </form>
                    </div>

                </div>

            </div>
            
            {/volist}
            <div class="record-add">
                <a href="{:url('mobile/index/record_add')}?project_id={$project_id}">
                    <img src="{__MOBILE__}/img/add.png" alt="">
                </a>
            </div>
        </div>
        {/if}
        
        <!-- 项目动态 -->
        {if $project_five.project_log == 1}
        <div class="layui-tab-item">
            <div class="detail-dynamic">
                <div class="layui-timeline">

                    {volist name="project_log" id="vo"}
                    <div class="layui-timeline-item">

                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text" style="color: black;">
                            <h3 class="layui-timeline-title dynamic-content"><b>{$vo.create_time}</b></h3>
                            <p>
                                {$vo.nickname}&nbsp;<b>{$vo.action}</b><span
                                    style="color: #187FDD;">《{$vo.content}》</span>
                            </p>
                        </div>

                    </div>
                    {/volist}

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


        <!-- 预约看现场 -->
        <div class="layui-tab-item">

            <div class="detail-report">
                {volist name="appointmentList" id="vo"}
                    <div class="report-item">
                        <form class="layui-form" lay-filter="barsearchform">
                            <input type="hidden" value="{$vo.id}"  name="id">
                            <input type="hidden" value="{$vo.project_id}" name="project_id" id="project_id">
                        <div class="report-top" style="justify-content: normal;margin-bottom: 2.5vw;">
                            <img src="{__MOBILE__}/img/line.png" alt="" style="width: 5vw;height: 4vw;">
                            <span style="font-size: 2vh;"><b>预约看现场申请</b></span>
                        </div>

                        <div class="report-content" style="margin-bottom: 2vw;">
                            <span class="report-overdue" style="margin-bottom: 2vw;">
                                <span >发起人：{$vo.sponsor_name}</span>
                                <span>审批人：{$vo.approval_name}</span>
                                
                            </span>

                            <span class="report-overdue" style="margin-bottom: 2vw;width: 100% !important;">
                                <span style="width: 100% !important;">预约时间：{$vo.appointment_time}</span>
                            </span>

                            <span class="report-overdue" style="margin-bottom: 2vw;">
                                <span>派遣人数：{$vo.dispatch_num}</span>
                            </span>

                            <span class="report-overdue" style="margin-bottom: 2vw;width: 100% !important;">
                                <span style="width: 100% !important;">地址/备注：{$vo.address_or_remark}</span>
                            </span>

                            <span class="report-overdue" style="margin-bottom: 2.5vw;width: 100% !important;">
                                <span style="width: 100% !important;">回执：{$vo.audit_remark}</span>
                            </span>
                            
                        </div>
                        
                        <div class="report-content"
                             style="display: flex;align-items: center;margin-bottom: 2vw;">
                             {if $unit_type != 1}
                             {switch $vo.audit_status}
                             {case 0}
                             {if $vo.operate}
                             <button type="button" class="layui-btn layui-btn-normal " lay-submit lay-filter="appointmentAgree" style="background-color:#67c23a;border-radius: 5px;padding: 0 20px;font-size: 14px;">通 过</button>
                             <button type="button" class="layui-btn layui-bg-red layui-btn-normal" lay-submit lay-filter="appointmentDisagree" style="background-color:#f56c6c !important;border-radius: 5px;padding: 0 20px;font-size: 14px;">拒 绝</button>
                             {else}
                             <span style="border: 2px solid #faecd8;border-radius: 5px;padding: 5px 10px;background-color: #fdf6ec;color: #e6a23c;">待审核</span>
                             {/if}
                             {/case}
                             {case 1}<span style="border: 2px solid #e1f3d8;border-radius: 5px;padding: 5px 10px;background-color: #f0f9eb;color: #67c23a;">已通过</span>{/case}
                             {case 2}<span style="border: 2px solid #fde2e2;border-radius: 5px;padding: 5px 10px;background-color: #fef0f0;color: #f56c6c;">已拒绝</span>{/case}
                             {default /}未知
                             {/switch}
                         {else}
                             {switch $vo.audit_status}
                             {case 0}
                             <span style="border: 2px solid #faecd8;border-radius: 5px;padding: 5px 10px;background-color: #fdf6ec;color: #e6a23c;">待审核</span>
                             {/case}
                             {case 1}<span style="border: 2px solid #e1f3d8;border-radius: 5px;padding: 5px 10px;background-color: #f0f9eb;color: #67c23a;">已通过</span>{/case}
                             {case 2}<span style="border: 2px solid #fde2e2;border-radius: 5px;padding: 5px 10px;background-color: #fef0f0;color: #f56c6c;">已拒绝</span>{/case}
                             {default /}未知
                             {/switch}
                         {/if}
                        </div>
                            
                        </form>
                    </div>
                {/volist}
            </div>
            <div class="record-add" style="position: fixed;">
                <a href="{:url('mobile/index/appointment_add')}?project_id={$project_id}">
                    <img src="{__MOBILE__}/img/add.png" alt="">
                </a>
            </div>
        </div>

        <!-- 二维码 -->
        <div class="layui-tab-item">
            <div class="box-btn">
                <button id="generateBtn" class="code">生成二维码</button>
                <button id="saveBtn" style="display: none;">保存二维码</button>
                <div class="code-img">
                    <div id="qrcode"></div>
                </div>
            </div>
        </div>

    </div>
</div>

<script src="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/layui.js"></script>
<script src="{__MOBILE__}/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/qrcodejs/1.0.0/qrcode.min.js"></script>
<script>
    let form = layui.form;
    let tool = {
        ajax: function (options, callback) {
            var format = 'json';
            if (options.hasOwnProperty('data')) {
                format = options.data.hasOwnProperty('format') ? options.data.format : 'json';
            }
            callback = callback || options.success;
            callback && delete options.success;
            var optsetting = { timeout: 10000 };
            if (format == 'jsonp') {
                optsetting = { timeout: 10000, dataType: 'jsonp', jsonp: 'callback' }
            }
            var opts = $.extend({}, optsetting, {
                success: function (res) {
                    if (callback && typeof callback === 'function') {
                        callback(res);
                    }
                }
            }, options);
            $.ajax(opts);
        },

        post: function (url, data, callback) {
            this.ajax({
                url: url,
                type: "POST",
                data: data
            }, callback);
        },
    }

    var project_id = "{$project_id}"
    layui.use(function () {
        var upload = layui.upload;
        var layer = layui.layer;
        var element = layui.element;
        var $ = layui.$;
        // 单图片上传
        var uploadInst = upload.render({
            elem: '#uploadBtn',
            url: '/admin/api/upload',
            done: function (e) {
                // 若上传失败
                if (e.code > 0) {
                    return layer.msg('上传失败');
                }
                //上传成功
                $('#uploadBtn input').attr('value', e.data.filepath);
                $('#uploadBtn img').attr('src', e.data.filepath);
                $('#imgdel').show();
            },
            error: function () {
                layer.msg("上传失败");
            },

        });
        $("#li_first").css('display','none')

        eliminate(1,$(this))
        element.on('tab(test-hash)', function (data) {

            let index = $(this).attr('data-id');
            console.log(index);
            if (index == 1) {

                eliminate(2,$(this))

            } else if (index == 2) {


            } else if (index == 3) {
                eliminate(4,$(this))

            } else if (index == 4) {
                eliminate(5,$(this))

            } else if (index == 5) {
                eliminate(6,$(this))

            } else if (index == 6) {

            }else if (index == 7) {
                eliminate(6,$(this))
            }
        });


    })

    $('#imgdel').click(() => {
        $('#uploadBtn input').attr('value', '');
        $('#uploadBtn img').attr('src', '/static/home/images/upload.png');
        $('#imgdel').hide();
        return false;
    })


    //监听提交
    form.on('submit(sent_comment)', function (data) {


        let callback = function (e) {


            layer.msg(e.msg);
            $("#text").val("");
            $('#uploadBtn input').attr('value', '');
            $('#imgdel').hide();
            $('#uploadBtn img').attr('src', '/static/home/images/upload.png');
            $("#comments").load(location.href+" #comments >* ", "")
            console.log(e)
        }
        if (data.field.content === '' && data.field.thumb === '') {

            console.log(data.field)
            layer.msg("请完善内容");
            return false;
        } else {
            data.field["project_id"] = project_id;
            $.ajax({
                type: "post", //使用get方式
                url: "/admin/project.comment/add", //json文件相对于这个HTML的路径
                data: data.field,
                dataType: "json",
                async: false,
                success: function (e) {

                    callback(e)
                },
                error: function () {
                    layui.alert("网络错误！！ ");
                }
            });


        }


        return false;
    });

    form.on('submit(delete_record)', function (data) {
        console.log(1)
        let index = $(this).attr('data-id');

        let callback = function (e) {

            a = 1
            layer.msg(e.msg);
            window.location.reload();

        }

        $.ajax({
            type: "post", //使用get方式
            url: "/admin/project.record/del", //json文件相对于这个HTML的路径
            data: {
                id: index
            },
            dataType: "json",
            async: false,
            success: function (e) {

                callback(e)
            },
            error: function () {
                layui.alert("地址请求失败！！ ");
            }
        });


        return false;
    })


    function eliminate(type,lidom){
        let call=function (e){
            $(lidom[0]).find('.hongdian').css('display','none')
        }
        $.ajax({
            type: "post",
            url: "/admin/project.api/eliminate",
            data: {type: type,project_id:project_id},
            dataType: "json",
            async: false,
            success: function (e) {
                call(e)
            },
            error: function () {
                layui.alert("网络错误！！ ");
            }
        });

    }

    form.on('submit(appointmentAgree)', function (data) {
        layer.prompt({
            title: '请输入<span style="color: green">回执</span>',
            formType: 2,
            area: ['35vw', '15vw']
        }, function (text, index) {
            let callback = function (e) {
                layer.msg(e.msg);
                setTimeout(function () {
                    layer.close(index);
                    location.reload()
                }, 2000)
                location.reload()
            }
            if (text !== "") {
                if("{$unit_type}" == 2){
                    tool.post("/admin/project.appointment/agree_company", {id: data.field.id,audit_remark:text,project_id:data.field.project_id}, callback);// 项目id
                }else{
                    tool.post("/admin/project.appointment/agree", {id: data.field.id,audit_remark:text,project_id:data.field.project_id}, callback);// 项目id
                }
            } else {
                layer.msg("回执不能为空")
            }
            // console.log(data)
        })
        return false;
    });
    form.on('submit(appointmentDisagree)', function (data) {
        layer.prompt({
            title: '请输入<span style="color: green">回执</span>',
            formType: 2,
            area: ['35vw', '15vw']
        }, function (text, index) {
            let callback = function (e) {
                layer.msg(e.msg);
                setTimeout(function () {
                    layer.close(index);
                    location.reload()
                }, 2000)

            }
            if (text !== "") {
                if("{$unit_type}" == 2){
                    tool.post("/admin/project.appointment/disagree_company", {id: data.field.id,audit_remark:text,project_id:data.field.project_id}, callback);// 项目id
                }else{
                    tool.post("/admin/project.appointment/disagree", {id: data.field.id,audit_remark:text,project_id:data.field.project_id}, callback);// 项目id
                }
            } else {
                layer.msg("回执不能为空")
            }

        })
        return false;
    });

</script>

<script>
    /* 当用户点击按钮时，
     在隐藏和显示下拉内容之间切换 */
    function dropdown() {
        document.getElementById("myDropdown").classList.toggle("show");
    }

    // 如果用户在下拉框外单击，则关闭下拉框
    window.onclick = function (event) {
        if (!event.target.matches('.dropbtn')) {
            var dropdowns = document.getElementsByClassName("dropdown-content");
            var i;
            for (i = 0; i < dropdowns.length; i++) {
                var openDropdown = dropdowns[i];
                if (openDropdown.classList.contains('show')) {
                    openDropdown.classList.remove('show');
                }
            }
        }
    }
</script>

<script>
    const tx = document.querySelector('#text')
    const total = document.querySelector('.total')

    tx.addEventListener('input', function () {
        console.log(tx.value.length)
        total.innerHTML = `${tx.value.length}/3000字`
    })
</script>

</body>


<!-- 点击图片放大 -->
<script src="{__MOBILE__}/js/scale.js"></script>
<script type="text/javascript">
    ImagesZoom.init({
        "elem": ".informBlock"
    });
</script>

<script src="{__JS__}/jquery.min.js"></script>
<script>
    $('#filesBox2').on('click', '.file-del', function () {
        layer.msg("不可删除")
    })
    // const WECHAT_APPID = 'wx60064e1cac4296e6';
    // const WECHAT_SECRET = 'bce94d361402cc535559a9bbdb908de8';
    // let access_token;
    // $(document).ready(function() {
    //     var urlParams = new URLSearchParams(window.location.search);
    //     var code = urlParams.get('code');

    //     if (!code) {
    //         // 没有code，重定向到微信授权页面获取code
    //         var WECHAT_APPID = 'your_appid'; // 替换为你的APPID
    //         var REDIRECT_URI = encodeURIComponent(window.location.href);
    //         var authUrl = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=' + WECHAT_APPID +
    //             '&redirect_uri=' + REDIRECT_URI +
    //             '&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect';
    //         window.location.href = authUrl;
    //     } else {
    //         // 使用code换取access_token和openid
    //         $.ajax({
    //             url: '/wechat/callback',
    //             method: 'GET',
    //             data: { code: code },
    //             success: function(response) {
    //                 alert(response);
    //                 // 这里可以根据返回的响应进一步处理页面显示
    //             },
    //             error: function(xhr, status, error) {
    //                 console.error('Error: ', error);
    //                 alert('An error occurred while processing your request.');
    //             }
    //         });
    //     }
    // });

</script>

<!-- 生成二维码 -->
<script>
    document.getElementById('generateBtn').addEventListener('click', function() {
    // 清除之前生成的二维码（如果有的话）
    document.getElementById('qrcode').innerHTML = "";

    var project_id = "{$project_id}"

    // 创建一个固定格式的URL
    var baseUrl = 'https://www.yiguanfep.com/mobile/temporary/detail?id=';
    var fullUrl = baseUrl + project_id;

    // 生成二维码并显示在页面上
    var qrcode = new QRCode(document.getElementById('qrcode'), {
        text: fullUrl,
        width: 250, // 设置二维码的宽度
        height: 250 // 设置二维码的高度
    });

    // 显示保存按钮
    document.getElementById('saveBtn').style.display = 'inline';
});

    document.getElementById('saveBtn').addEventListener('click', function() {
        var canvas = document.querySelector('#qrcode canvas');

        if (canvas) {
            var img = document.createElement('img');
            img.src = canvas.toDataURL('image/png');
            img.alt = '二维码';
            
            var downloadTip = document.createElement('div');
            downloadTip.innerText = '长按图片保存';
            
            var qrContainer = document.querySelector('.code-img');
            qrContainer.innerHTML = '';  // 清空现有内容
            qrContainer.appendChild(img);  // 插入图片
            qrContainer.appendChild(downloadTip);  // 添加保存提示
        } else {
            alert('请先生成二维码');
        }
    });

</script>

</html>