scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386
							{extend name="public/layout" /} {block name="title"}活动客户详情{/block} {block name="body"}

<style type="text/css">
    html,
    body {
        display: block;
        background-color: #fff;
    }

    .layui-table thead tr,
    .layui-table-header {
        background-color: #D8E6F1 !important;
    }

    .layui-fluid {
        display: block;
        border-radius: 5px;
        background-color: #ffffff;
        padding: 15px 30px;
    }

    .layui-tab {
        padding: 15px;
        height: 100%;
    }

    .layui-form-item {
        width: 100%;
    }

    .layui-form-item .layui-inline {
        display: block;
        float: left;
        width: 145px;
        height: 38px;
        line-height: 38px;
        background: #FFFFFF;
        margin-right: 16px;
    }

    .layui-form-item .layui-input-inline {
        width: 145px;
        height: 38px;
        line-height: 38px;
        margin-bottom: 0;
    }

    .layui-icon {
        font-size: 20px !important;
    }

    .layui-form-item .layui-input-inline .layui-input {
        border: 1px solid #9DB6CF;
        border-radius: 5px;
    }

    .layui-form-select dl dd.layui-this {
        background-color: #249EFB;
    }

    .layui-form-item div.searchBox {
        width: 320px;
        background: #FFFFFF;
        border: 1px solid #B6CADE;
        border-radius: 24px;
        height: 38px;
        overflow: hidden;
        padding-left: 18px;
        position: relative;
        margin-bottom: 0px;
        float: right;
    }

    .searchBox .inputBox {
        width: 240px;
        float: left;
        height: 36px;
        line-height: 36px;
        border-width: 0;
    }

    .searchBtn {
        position: absolute;
        top: 0;
        right: 0;
        width: 51px;
        height: 38px;
        background-color: #fff;
    }

    .searchBtn img {
        position: absolute;
        width: 26px;
        top: 6px;
        left: 0;
    }

    .layui-card .layui-tab {
        margin: 0;
        height: 31%;
        width: 100%;
        /*float: right;*/
        padding: 1px;
    }

    .layui-btn-primary {
        color: #249EFB;
        border: 1px solid #249EFB;
    }

    .layui-btn-primary:hover {
        background-color: #E3F7FF;
        color: #249EFB;
    }

    .border {
        border: 1px solid #f2f2f2;
    }

    .line {
        width: 90%;
        height: 1px;
        background-color: #f2f2f2;
        margin: auto;
    }

    .layui-card .layui-tab-brief .layui-tab-title li.layui-this {
        background-color: #249EFB;
        color: #fff;
    }

    .layui-tab-brief>.layui-tab-more li.layui-this:after,
    .layui-tab-brief>.layui-tab-title .layui-this:after {
        border-bottom: none;
    }

    .layui-card .layui-tab-brief .layui-tab-title li {
        background-color: #F2F2F2;
        margin: 0px 5px;
        padding: 0px 10px;
    }

    .layui-btn-xs,
    .layui-btn-xs:hover {
        border: 1px solid #249EFB;
        background-color: #fff;
        color: #249EFB;
        padding: 0px 10px;
    }

    .layui-btn-danger,
    .layui-btn-danger:hover {
        color: #FF5722;
        background-color: #fff;
        border: 1px solid #FF5722;
        padding: 0px 10px;
    }

    .border {
        border: 1px solid #f2f2f2;
    }

    .mb10 {
        margin-bottom: 10px;
    }

    .layui-card-body {
        padding: 10px 0px 0px;
    }
</style>

<body>
    <div class="layui-fluid">
        <div class="layui-card-header layuiadmin-card-header-auto border mb10">
            <div style="display:flex;">
                <div style="flex:1;display:flex;justify-content:center;align-items:center;">
                    邀约:{$data.yy}人</div>
                <div style="flex:1;display:flex;justify-content:center;align-items:center;" {if $cate == 1}class="layui-hide"{/if}>
                    到店:{$data.dd}人</div>
                <div style="flex:1;display:flex;justify-content:center;align-items:center;" {if $cate == 0}class="layui-hide"{/if}>
                    到场:{$data.dc}人</div>
                <div style="flex:1;display:flex;justify-content:center;align-items:center;">
                    定金:{$data.jd}人</div>
                <div style="flex:1;display:flex;justify-content:center;align-items:center;">
                    合同:{$data.qd}人</div>
            </div>
        </div>
        <div class="layui-card">
            <!--         <div class="layui-card-header layuiadmin-card-header-auto border">
        </div> -->
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                <ul class="layui-tab-title layui-inline" style="margin-top: 7px;">
                    <li class="layui-this" style="margin-left: 0px;">已邀约</li>
					<li {if $cate == 1}class="layui-hide"{/if}>已到店</li>
                    <li {if $cate == 0}class="layui-hide"{/if}>已到场</li>
                    <li>定金</li>
                    <li>合同</li>
                </ul>
                <div style="float:right;margin-top: 7px;">

                    <div class="layui-inline">
                        <form class="layui-form">
                            <div class="layui-input-inline">
                                <select name="type_id" lay-filter="slt" class="type_id" id="org">
                                    <option value="">请选择部门</option>
                                    {volist name="org" id="i"}
                                    <option value="{$i.id}">{$i.name}</option>
                                    {/volist}
                                </select>
                            </div>
                    </div>
                    </form>
                    <div class="layui-inline">
                        <button class="layui-btn" id="LAY-app-contlist-searchs">
                            <i class="layui-icon layui-icon-search"></i>
                        </button>
                        <button class="layui-btn" id="export">
                            导出
                        </button>
                        <a href="javascript:void(0)" style="color: #249efb;" id="export-log">导出记录</a>
                    </div>
                </div>
            </div>

            <div class="layui-card-body">
                <table id="evidence-table" lay-filter="evidence-table"></table>
            </div>
        </div>
    </div>
</body>
{/block} {block name="js"}
<script type="text/html" id="show">
    <input type="checkbox" name="show" value="{{d.id}}" lay-skin="switch" lay-text="上架|下架" lay-filter="show" {{ d.publish == 1 ? 'checked' : '' }}>
</script>
<script type="text/html" id="table-evidence-action">
    <a class="layui-btn layui-btn-xs" lay-event="evi-details"><i class="layui-icon layui-icon-edit"></i>编辑</a>
<!--     <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="evidence-delete"><i
            class="layui-icon layui-icon-delete"></i>删除</a> -->
</script>
<script type="text/html" id="evidence_num">
    <span>{{d.picnum}}</span>
</script>

<script>
    layui.config({
        base: '__LAYUI__/',
        urlbase: '/sys'
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'table', 'element'], function () {
        var $ = layui.$,
            form = layui.form,
            element = layui.element,
            table = layui.table;

        //选项卡
        var types = 0;
        element.on('tab(docDemoTabBrief)', function (data) {
            //执行重载
            var w = [];
            types = data.index
            w.type = data.index;
            table.reload('evidence-table', {
                where: w
                , page: { curr: 1 }
            });
        });
        ///default entery
        //客户见证列表
        table.render({
            elem: '#evidence-table',
            autoSort: false,
            url: '{:url("activity/customer", ["id"=>$id])}',
            cols: [
                [{
                    width: 150,
                    title: '客户姓名',
                    align: 'center',
                    templet: function (e) {
                        var str;
                        if (e.name !== null) {
                            str = e.name
                        } else {
                            str = '未知'
                        }
                        return str;
                    }
                },
                // {
                //   field: 'sex',
                //   title: '客户性别',
                //   align:'center',
                // },
                {
                    title: '客户等级',
                    align: 'center',
                    templet: function (e) {
                        var str;
                        if (e.level !== null && e.level !== '') {
                            str = e.level
                        } else {
                            str = '无'
                        }
                        return str;
                    }
                }, {
                    field: 'state',
                    title: '客户状态',
                    align: 'center'
                }, {
                    title: '跟踪人员',
                    align: 'center',
                    templet: function (e) {
                        var str;
                        if (e.e_name !== null) {
                            str = e.e_name
                        } else {
                            str = '无'
                        }
                        return str;
                    }
                }, {
                    title: '所属部门',
                    align: 'center',
                    templet: function (e) {
                        var str;
                        if (e.org_name !== null) {
                            str = e.org_name
                        } else {
                            str = '无'
                        }
                        return str;
                    }
                }, {
                    field: 'invis_time',
                    title: '邀约时间',
                    width: 180,
                    align: 'center',
                }]
            ],
            page: true,
            limit: 30,
            height: 'full-200',
            text: '对不起，加载出现异常！'
        });

        $('#LAY-app-contlist-searchs').click(function () {
            var type_id = $('.type_id').val();
            var field = [];
            field['org'] = type_id;
            field['type'] = types;
            //执行重载
            table.reload('evidence-table', {
                where: field,
                page: {
                    curr: 1
                }
            });
        });

        $('#export').click(function(){
            layer.confirm('确定要导出当前的查询结果？', function(){
                var type_id = $('.type_id').val();
                var field = {};
                field['org'] = type_id;
                field['type'] = types;
                $.post("{:url('activity/export',['id'=>$id])}", field, function(res){
                    if(typeof res === 'string') res = JSON.parse(res);
                    if(res.code == 0)
                        layer.msg('导出中，请稍后在导出记录中查看并下载', {anim:5});
                    else
                        layer.msg(res.msg, {anim:6});
                })
            });
        });
        $('#export-log').click(function(){
            layer.open({
                type:2,
                title:'导出记录',
                content:'{:url("activity/exportlog",["id"=>$id])}',
                area:['750px', '400px']
            });
        });
    });
</script>
{/block}