YDM
/
caiping


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420
							<!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/pending.css">
    <link rel="stylesheet" href="{__MOBILE__}/layui/css/layui.css">
    <link rel="stylesheet" href="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/css/layui.css">
    <style>
        .footer_icon1 {
            background-image: url('{__MOBILE__}/img/first.png') !important;
        }

        .footer_icon2 {
            background-image: url('{__MOBILE__}/img/second.png') !important;
        }

        .footer_icon3 {
            background-image: url('{__MOBILE__}/img/third-a.png') !important;
        }

        .footer_icon4 {
            background-image: url('{__MOBILE__}/img/forth.png') !important;
        }
    </style>
</head>

<body>
    <!-- <div class="top">
        <span><img src="{__MOBILE__}/img/left.png" alt="" style="width: 5vw;"></span><span>待处理</span><span><img
                src="{__MOBILE__}/img/list.png" alt="" style="width: 5vw;"></span>
    </div> -->

    <div class="pending">
        <div class="layui-tab layui-tab-brief">
            <ul class="layui-tab-title">
                <a href="{:url('mobile/index/pending')}">
                    <li>待审项目&nbsp;<span class="dot-img">{if $red}<img src="{__MOBILE__}/img/dot.png" alt="" style="width: 1.2vh;">{/if}</span></li>
                </a>
                <a href="{:url('mobile/index/pending_invite')}">
                    <li>待审请款&nbsp;<span class="dot-img">{if $red}<img src="{__MOBILE__}/img/dot.png" alt="" style="width: 1.2vh;">{/if}</span></li>
                </a>
                <a href="{:url('mobile/index/pending_advent')}">
                    <li>临期</li>
                </a>
                <a href="{:url('mobile/index/pending_late')}">
                    <li class="layui-this">逾期</li>
                </a>
            </ul>
            <div class="layui-tab-content">

                <div class="layui-tab-item">


                </div>
                <div class="layui-tab-item">


                </div>
                <div class="layui-tab-item layui-show">
                    <div class="kan-sreach">
                        <!-- <div class="layui-form" style="width: 80%;">
                            <div class="layui-input-wrap">
                                <input type="text" lay-affix="search" lay-filter="search" lay-options="{split: true}"
                                    placeholder="搜索…" class="layui-input">
                            </div>
                        </div> -->
                        <form id="taskForm" class="layui-form" lay-filter="barsearchform">
                            <div class="layui-input-wrap" style="display: flex;">
                                <input type="text" name="keyword" lay-filter="search" placeholder="搜索…"
                                    class="layui-input">
                                <span><button type="button" lay-submit lay-filter="webform"><img
                                            src="{__MOBILE__}/img/search.png" alt=""
                                            style="height: 5vw;"></button></span>
                            </div>
                        </form>
                        <!--<div class="kan-sift"><span id="btn">筛选</span><span><img src="{__MOBILE__}/img/sift.png"-->
                        <!--            alt=""></span></div>-->
                    </div>
                    <div style="margin-bottom: 18vw;">
                        {volist name="late_list" id="vo"}
                        <div class="pending-item">
                            <div class="pending-top">
                                <span style="font-size: 4vw;"><b>{$vo.project_name}</b></span>
                                <a href='{:url("mobile/index/pdetail")}?id={$vo.id}'>
                                    <span style="display: flex;align-items: center;font-size: 3.5vw;color: #187FDD;">
                                        <span style="width: 15vw;"><b>查看详情</b></span>
                                        <span><img src="{__MOBILE__}/img/right2.png" alt=""
                                                style="width: 4vw;height: 3.5vw;"></span>
                                    </span>
                                </a>
                            </div>
                            <div class="pending-content">项目编号：{$vo.project_num}</div>
                            <div class="pending-content content">
                                <span>项目状态：
                                    {switch $vo.project_status}
                                    {case 1}立项中{/case}
                                    {case 2}审批中{/case}
                                    {case 3}待接收{/case}
                                    {case 4}待分配{/case}
                                    {case 5}作业中{/case}
                                    {case 6}归档中{/case}
                                    {case 7}退审中{/case}
                                    {case 8}已归档{/case}
                                    {case 9}已退审{/case}
                                    {default /}未知
                                    {/switch}
                                </span>
                                <span class="pending-advent">
                                    <span>逾期时间：</span>
                                    <span style="color: rgb(250, 71, 71);"><b>{$vo.advent_time}</b></span>
                                </span>
                            </div>
                            <div class="pending-content content">
                                <span>项目负责人：{$vo.review_head_name}</span><span>作业负责人：{$vo.operate_head_name}</span>
                            </div>
                            <div class="pending-content"
                                style="display: flex;justify-content: space-between;align-items: center;">
                                <span style="color: darkgray;"><b>{$vo.review_unit_name}</b></span>

                            </div>
                        </div>
                        {/volist}
                    </div>


                </div>
                <div>
                    <!-- <div>
                        页面里的内容 <button id="btn">展示弹窗</button>
                    </div> -->
                    <div class="mask" id="mask"></div>
                    <div class="dialog" id="dialog">
                        <div class="sift">
                            <div class="sift-top" style="margin-bottom: 2vw;">
                                <b>项目状态</b>
                            </div>
                            <form class="layui-form" action="">
                                <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <input type="radio" name="project_status" value="2" title="审批中" class="sift-state">
                                        <input type="radio" name="project_status" value="3" title="待接收" class="sift-state">
                                        <input type="radio" name="project_status" value="4" title="分配中" class="sift-state">
                                        <input type="radio" name="project_status" value="5" title="作业中" class="sift-state">
                                        <input type="radio" name="project_status" value="6" title="归档中" class="sift-state">
                                        <input type="radio" name="project_status" value="7" title="退审中" class="sift-state">
                                        <input type="radio" name="project_status" value="8" title="已归档" class="sift-state">
                                        <input type="radio" name="project_status" value="9" title="已退审" class="sift-state">
                                    </div>
                                    <!--<div class="sift-top">-->
                                    <!--    <b>相关区域</b>-->
                                    <!--</div>-->
                                </div>

                                <!--<div class="layui-form-item">-->
                                <!--    <div class="layui-input-inline">-->
                                <!--        <select name="province">-->
                                <!--            <option value=""selected>请选择省</option>-->
                                <!--            <option value="浙江" >浙江省</option>-->
                                <!--            <option value="你的工号">江西省</option>-->
                                <!--            <option value="你最喜欢的老师">福建省</option>-->
                                <!--        </select>-->
                                <!--    </div>-->
                                <!--    <div class="layui-input-inline">-->
                                <!--        <select name="city">-->
                                <!--            <option value="">请选择市</option>-->
                                <!--            <option value="杭州">杭州</option>-->
                                <!--            <option value="宁波" disabled>宁波</option>-->
                                <!--            <option value="温州">温州</option>-->
                                <!--            <option value="温州">台州</option>-->
                                <!--            <option value="温州">绍兴</option>-->
                                <!--        </select>-->
                                <!--    </div>-->
                                <!--    <div class="layui-input-inline">-->
                                <!--        <select name="area">-->
                                <!--            <option value="">请选择县/区</option>-->
                                <!--            <option value="西湖区">西湖区</option>-->
                                <!--            <option value="余杭区">余杭区</option>-->
                                <!--            <option value="拱墅区">临安市</option>-->
                                <!--        </select>-->
                                <!--    </div>-->
                                    <!-- <div class="layui-form-mid layui-text-em">
                                            <i class="layui-icon layui-icon-tips" lay-tips="{
                                       content: '此处只是演示联动排版，并未做联动交互',
                                          margin: '0 0 0 -10px'
                                           }        "></i>
                                                </div> -->
                                <!--</div>-->

                                <!--<div class="layui-form-item">-->
                                <!--    <div class="sift-top">-->
                                <!--        <b>日期范围</b>-->
                                <!--    </div>-->
                                <!--    <div class="layui-inline" id="ID-laydate-rangeLinked"-->
                                <!--         style="display: flex;align-items: center;">-->
                                <!--        <div class="layui-input-inline">-->
                                <!--            <input type="text" autocomplete="off" id="ID-laydate-start-date-1" style="margin: 0;padding: 0;text-align: center;"-->
                                <!--                   class="layui-input" placeholder="开始日期" id="datePicker" name="project_start_time">-->
                                <!--        </div>-->
                                <!--        <div class="layui-form-mid">-</div>-->
                                <!--        <div class="layui-input-inline">-->
                                <!--            <input type="text" autocomplete="off" id="ID-laydate-end-date-1" class="layui-input" style="margin: 0;padding: 0;text-align: center;"-->
                                <!--                   placeholder="结束日期" id="datePicker1" name="project_end_time">-->
                                <!--        </div>-->
                                <!--    </div>-->
                                <!--</div>-->

                                <div class="layui-form-item">
                                    <div class="sift-bottom">
                                        <div class="layui-input-block">
                                            <button type="button" class="layui-btn" lay-submit lay-filter="demo1"
                                                style="padding: 0;">立即提交</button>
                                            <!-- <button type="reset" class="layui-btn layui-btn-primary">重置</button> -->
                                        </div>
                                    </div>

                                </div>

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

    <div class="footer">

        <div class="footer_ge">
            <a href="{:url('mobile/index/main')}" title="首页">
                <div class="footer_icon footer_icon1"></div>
                首页
            </a>
        </div>
        <div class="footer_ge">
            <a href="{:url('mobile/index/kan_list')}" title="看板">
                <div class="dot">
                    <div>
                        <div class="footer_icon footer_icon2"></div>
                        <div>看板</div>
                    </div>
                    <div class="dot-img">
                        {if $red_kan} <img src="{__MOBILE__}/img/dot.png" alt="" style="width: 1.2vh;"> {/if}
                    </div>
                </div>

            </a>
        </div>
        <div class="footer_ge">
            <a href="{:url('mobile/index/pending')}" title="待处理" style="color: #187FDD;">
                <div class="dot">
                    <div>
                        <div class="footer_icon footer_icon3"></div>
                        <div>待处理</div>
                    </div>
                    <div class="dot-img">
                        {if $red} <img src="{__MOBILE__}/img/dot.png" alt="" style="width: 1.2vh;margin-left: -4.5vw;">{/if}
                    </div>
                </div>

            </a>
        </div>
        <div class="footer_ge">
            <a href="{:url('mobile/index/person')}" title="我的">
                <div class="footer_icon footer_icon4"></div>
                我的
            </a>
        </div>


    </div>

    <script src="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/layui.js"></script>
 <script>
        layui.use(function () {

            var form = layui.form;
            form.on('submit(webform)', function (data) {
                console.log(data.field);
                const host = window.location.host;
                window.location.href = 'http://' + host + '/mobile/index/pending_late?keyword=' + data.field['keyword'];
                return false;
            });
        })
    </script>
    <script>
        layui.use(function () {
            var form = layui.form;
            // 输入框点缀事件 - 位置示例
            form.on('input-affix(location)', function (data) {
                var elem = data.elem; // 输入框
                // do something
                layer.msg('模拟获取位置中…', { icon: 16, time: 1.5 * 1000 }, function () {
                    elem.value = '浙江杭州'; // 向输入框赋值
                })
            });
            // 输入框点缀事件 - 搜索示例
            form.on('input-affix(search)', function (data) {
                var elem = data.elem; // 输入框
                var value = elem.value; // 输入框的值
                if (!value) {
                    layer.msg('请输入搜索内容');
                    return elem.focus()
                };
                // 模拟搜索跳转
                location.href = '?keywords=' + value + '&_' + new Date().getTime() + '#affix-custom';
            });
        });
    </script>

    <script>
        /*const btn = document.getElementById('btn');
        console.log(btn);
        const mask = document.getElementById('mask');
        const dialog = document.getElementById('dialog');
        btn.addEventListener('click', () => {
            mask.classList.add('show');
            dialog.classList.add('show');
        });
        mask.addEventListener('click', () => {
            mask.classList.remove('show');
            dialog.classList.remove('show');
        });*/
    </script>

    <script>
        layui.use(function () {
            var laydate = layui.laydate;
            // 日期范围 - 左右面板联动选择模式
            laydate.render({
                elem: '#ID-laydate-rangeLinked',
                range: ['#ID-laydate-start-date-1', '#ID-laydate-end-date-1'],
                rangeLinked: true // 开启日期范围选择时的区间联动标注模式 ---  2.8+ 新增
            });

        });
    </script>

    <script>
        layui.use(['form', 'laydate', 'util'], function () {
            var form = layui.form;
            var layer = layui.layer;
            var laydate = layui.laydate;
            var util = layui.util;

            // 自定义验证规则
            form.verify({
                pass: function (value) {
                    if (!/(.+){6,12}$/.test(value)) {
                        return '密码必须 6 到 12 位';
                    }
                }
            });

            // 指定开关事件
            form.on('switch(switchTest)', function (data) {
                layer.msg('开关 checked：' + (this.checked ? 'true' : 'false'), {
                    offset: '6px'
                });
                layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是 ON|OFF', data.othis)
            });


            //buttom
            form.on('button', function (data) {
                console.log(data.field);
            });


            // 提交事件
            form.on('submit(demo1)', function (data) {
                var field = data.field; // 获取表单字段值
                // 显示填写结果，仅作演示用


                // console.log(field);


                const host = window.location.host;
                window.location.href = 'http://' + host + '/mobile/index/pending_late?project_status=' + data.field['project_status']+'&province=' + data.field['province']+'&city=' + data.field['city']+'&area=' + data.field['area']+'&project_start_time=' + data.field['project_start_time']+'&project_end_time=' + data.field['project_end_time'];

                return false; // 阻止默认 form 跳转
            });

            // 日期
            laydate.render({
                elem: '#date'
            });

            // 普通事件
            util.on('lay-on', {
                // 获取验证码
                "get-vercode": function (othis) {
                    var isvalid = form.validate('.demo-phone'); // 主动触发验证，v2.7.0 新增 
                    // 验证通过
                    if (isvalid) {
                        layer.msg('手机号规则验证通过');
                        // 此处可继续书写「发送验证码」等后续逻辑
                        // …
                    }
                }
            });
        });
    </script>


</body>

</html>