scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365
							{extend name="public/layout" /} {block name="title"}日常任务{/block}
{block name="body"}
<style>
    html,body {
        width: 100%;
        height: 100%;
        background-color: #f2f2f2;
    }
    .layMain {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 15px;
        display: flex;
    }
    .layleft {
        width: 375px;
        height: 100%;
        background-color: #fff;
        box-sizing: border-box;
        padding: 10px;
    }
    .layRight {
        margin-left: 15px;
        width: calc(100% - 390px);
        background-color: #fff;
        box-sizing: border-box;
        padding: 15px;
        position: relative;
    }
    .labelTitle {
        border-left: 5px solid #249EFB;
        padding-left: 6px;
    }
    .layui-form-checkbox {
        margin-bottom: 10px;
    }
    .fixed-btn {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        box-sizing: border-box;
        padding: 20px;
        border-top: 1px solid #f2f2f2;
        display: flex;
        justify-content: flex-end;
    }
    .mt10 {
        margin-top: 10px;
    }
    .PhoneModel {
        width: 100%;
        height: calc(100% - 40px);
        overflow: auto;
        background-color: #f0f4f7;
        margin-top: 15px;
    }
    /*里面的代码可以根据自己需求去进行更改*/
    /* 设置滚动条的样式 */
    .PhoneModel::-webkit-scrollbar {
        width: 4px;
    }

    /* 滚动槽 */
    .PhoneModel::-webkit-scrollbar-track {
        -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
        border-radius: 0px;
    }

    /* 滚动条滑块 */
    .PhoneModel::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #cccccc;
        -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
    }
    .departBox {
        width: 100%;
        height: 100px;
        background-color: #2476fe;
        display: flex;
        color: #fff;
        box-sizing: border-box;
        padding: 0px 10px;
        padding-top: 10px;
        justify-content: space-between;
    }
    .dateBox {
        display: flex;
        background-color: #4c8ffc;
        height: 26px;
        align-items: center;
        border-radius: 4px;
        padding: 0px 5px;
    }
    .dateBox > div {
        display: inline-block;
        padding: 0px 10px;
    }
    .departName {
        line-height: 26px;
    }
    .itemBox {
        width: 95%;
        height: auto;
        box-sizing: border-box;
        margin: 0px auto 10px;
        padding: 15px 10px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 6px;
    }
    .itemleft,.itemright {
        display: flex;
        align-items: center;
    }
    .itemleft > img {
        width: 50px;
    }
    .itemleft > span {
        margin-left: 6px;
    }
    .itemright > img {
        width: 16px;
    }
    .itemright > span {
        margin-right: 6px;
        font-weight: 700;
        color: #2476fe;
        font-size: 18px;
    }
    .dataBox {
        position: relative;
        z-index: 9;
        margin-top: -40px;
    }
    .MoneyBox {
        display: flex;
        flex-direction: column;
        font-weight: 700;
        color: #2476fe;
        font-size: 18px;
    }
</style>

<body>
    <div class="layMain">
        <div class="layleft">
            <div class="labelTitle">手机端示例</div>
            <div class="PhoneModel">
                <div class="departBox">
                    <div class="departName">部门名称</div>
                    <div class="dateBox">
                        <div>今日</div>
                        <div>本周</div>
                        <div>本月</div>
                        <div>其它时间</div>
                    </div>
                </div>
                <div class="dataBox">
                    {if in_array('valid', $data) }
                    <div class="itemBox">
                        <div class="itemleft">
                            <img src="__STATIC__/img/zassign.png" alt="">
                            <span>客户有效线索数</span>
                        </div>
                        <div class="itemright">
                            <span>0</span>
                            <img src="__STATIC__/img/zArrow.png" alt="">
                        </div>
                    </div>
                    {/if}
                    {if in_array('call', $data) }
                    <div class="itemBox">
                        <div class="itemleft">
                            <img src="__STATIC__/img/zcallicon.png" alt="">
                            <span>打电话次数</span>
                        </div>
                        <div class="itemright">
                            <span>0</span>
                            <img src="__STATIC__/img/zArrow.png" alt="">
                        </div>
                    </div>
                    {/if}
                    {if in_array('jiav', $data) }
                    <div class="itemBox">
                        <div class="itemleft">
                            <img src="__STATIC__/img/zwechaticon.png" alt="">
                            <span>加微统计</span>
                        </div>
                        <div class="itemright">
                            <span>0</span>
                            <img src="__STATIC__/img/zArrow.png" alt="">
                        </div>
                    </div>
                    {/if}
                    {if in_array('contact', $data) }
                    <div class="itemBox">
                        <div class="itemleft">
                            <img src="__STATIC__/img/zgoutong.png" alt="">
                            <span>沟通跟进次数</span>
                        </div>
                        <div class="itemright">
                            <span>0</span>
                            <img src="__STATIC__/img/zArrow.png" alt="">
                        </div>
                    </div>
                    {/if}
                    {if in_array('subscribe', $data) }
                    <div class="itemBox">
                        <div class="itemleft">
                            <img src="__STATIC__/img/zactivity.png" alt="">
                            <span>预约活动数量</span>
                        </div>
                        <div class="itemright">
                            <span>0</span>
                            <img src="__STATIC__/img/zArrow.png" alt="">
                        </div>
                    </div>
                    {/if}
                    {if in_array('measure_room', $data) }
                    <div class="itemBox">
                        <div class="itemleft">
                            <img src="__STATIC__/img/zmeasure.png" alt="">
                            <span>量房验房数量</span>
                        </div>
                        <div class="itemright">
                            <span>0</span>
                            <img src="__STATIC__/img/zArrow.png" alt="">
                        </div>
                    </div>
                    {/if}
                    {if in_array('arrival', $data) }
                    <div class="itemBox">
                        <div class="itemleft">
                            <img src="__STATIC__/img/zstore.png" alt="">
                            <span>到店数量</span>
                        </div>
                        <div class="itemright">
                            <span>0</span>
                            <img src="__STATIC__/img/zArrow.png" alt="">
                        </div>
                    </div>
                    {/if}
                    {if in_array('deposit', $data) }
                    <div class="itemBox">
                        <div class="itemleft">
                            <img src="__STATIC__/img/zqdicon.png" alt="">
                            <span>定金数量及金额</span>
                        </div>
                        <div class="itemright">
                            <div class="MoneyBox">
                                <span>0</span>
                                <span>0 <span style="font-size: 12px;">元</span></span>
                            </div>
                            <img src="__STATIC__/img/zArrow.png" alt="">
                        </div>
                    </div>
                    {/if}
                    {if in_array('signed', $data) }
                    <div class="itemBox">
                        <div class="itemleft">
                            <img src="__STATIC__/img/zsign.png" alt="">
                            <span>合同数量及金额</span>
                        </div>
                        <div class="itemright">
                            <div class="MoneyBox">
                                <span>0</span>
                                <span>0 <span style="font-size: 12px;">元</span></span>
                            </div>
                            <img src="__STATIC__/img/zArrow.png" alt="">
                        </div>
                    </div>
                    {/if}
                    {if in_array('maika', $data) }
                    <div class="itemBox">
                        <div class="itemleft">
                            <img src="__STATIC__/img/clouddata.png" alt="">
                            <span>无忧统计</span>
                        </div>
                        <div class="itemright">
                            <span>0</span>
                            <img src="__STATIC__/img/zArrow.png" alt="">
                        </div>
                    </div>
                    {/if}
                </div>
            </div>
        </div>
        <div class="layRight">
            <div class="labelTitle">数据统计设置</div>
            <div class="layui-form mt10">
                <input lay-filter="switchTest" type="checkbox" name="addwechat" {if in_array('valid', $data) }
                    checked {/if} title="客户有效线索数" value="valid">
                <input lay-filter="switchTest" type="checkbox" name="addwechat" {if in_array('call', $data) }
                    checked {/if} title="打电话次数" value="call">
                <input lay-filter="switchTest" type="checkbox" name="addwechat" {if in_array('jiav', $data) } checked
                    {/if} title="加微统计" value="jiav">
                <input lay-filter="switchTest" type="checkbox" name="addwechat" {if in_array('contact', $data) } checked
                    {/if} title="沟通跟进次数" value="contact">
                <input lay-filter="switchTest" type="checkbox" name="addwechat" {if in_array('subscribe', $data) } checked
                    {/if} title="预约活动数量" value="subscribe">
                <input lay-filter="switchTest" type="checkbox" name="addwechat" {if in_array('measure_room', $data) } checked
                    {/if} title="量房验房数量" value="measure_room">
                <input lay-filter="switchTest" type="checkbox" name="addwechat" {if in_array('arrival', $data) }
                    checked {/if} title="到店数量" value="arrival">
                <input lay-filter="switchTest" type="checkbox" name="addwechat" {if in_array('deposit', $data) }
                    checked {/if} title="定金数量及金额" value="deposit">
                <input lay-filter="switchTest" type="checkbox" name="addwechat" {if in_array('signed', $data) } checked
                    {/if} title="合同数量及金额" value="signed">
                <input lay-filter="switchTest" type="checkbox" name="addwechat" {if in_array('maika', $data) } checked
                    {/if} title="无忧统计" value="maika">
            </div>
            <div class="fixed-btn">
                <button type="button" class="layui-btn mdt15 mdl15" id="save_all">保存</button>
            </div>
        </div>
    </div>
</body>
{/block}
{block name="js"}
<script src="__STATIC__/js/echarts.min.js"></script>
<script>
    layui.config({
        base: '__LAYUI__/',
        urlbase: '/sys'
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'table', 'laypage', 'element'], function () {
        var $ = layui.$,
            table = layui.table,
            laypage = layui.laypage,
            element = layui.element,
            form = layui.form;
        
            $('#save_all').click(function () {
            var value = [];
            $("input:checkbox[name='addwechat']:checked").each(function () {
                value.push($(this).val());
            });
            if (value.length < 5) {
                layer.msg('最少选中5个统计数据展示', { anim: 6 })
                return;
            }
            $.ajax({
                type: "post",
                url: '{:url("customerSetting/set_statistics")}',
                data: { content: value.join(",") },
                success: function (res) {
                    if (res.code == 0) {
                        layer.msg(res.msg, { anim: 0, time: 800 });
                        setTimeout(() => {
                            location.reload();
                        }, 1000)
                    }
                }
            })

        });
    });
 
</script>
{/block}