scott
/
crm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348
							{extend name="public/layout" /} {block name="title"}企微管理{/block} {block name="body"}
<link rel="stylesheet" href="__LAYUI__/common.css" media="all">
<style>
    html {
        background-color: #FFFFFF;
        min-width:750px;
    }
    *{padding:0;margin:0;}
    .wauto{margin:0 auto;}
    .wright{float:right;}
    .woverflow{overflow: hidden;}
    ul,li{list-style: none;}
    .ds{display: block;}
    .ids{display: inline-block;}
    .wx-page-title{padding-left: 10px;border-left:4px solid #28A1FF;font-size: 16px;font-weight: bold;color:#333;}
    .wx-page-ul li{width:100%;margin-top:30px;}
    .wx-page-ul li p{float:left;width:20%;font-size: 16px;line-height: 50px;text-align: right;margin-right: 4%;min-width: 152px;}
    .wx-page-ul li input{height: 48px;border:1px solid #D7D7D7;padding-left: 12px;width:60%;display: block;float: left;box-sizing: border-box;}
    .wx-copy{margin-top:6px;}
    .mdt50{margin-top:50px;}
    .flex-center {
        margin-top: 30px;
        display: flex;
        justify-content: center;
    }
    .layui-pages-div{display: none;}
    .wx-btn-dl{border:1px solid #ccc;border-right:none;width:84%;margin-bottom:40px;}
    .wx-btn-dl dd{float:left;width:25%;line-height: 38px;height: 38px;border-right:1px solid #ccc;text-align: center;font-size: 14px;cursor: pointer;}
    .add-btn-dd{background-color: #1e9fff;border: 1px solid #1e9fff !important;color:#fff !important;}
</style>
<body>
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body">
            <dl class="woverflow wx-btn-dl">
                <dd class="add-btn-dd">配置基础信息</dd>
                <dd>配置接收信息</dd>
                <dd>配置客户联系</dd>
                <dd>配置通讯录</dd>
            </dl>
            <form class="layui-form" lay-filter="layuiadmin-add-wework" id="layuiadmin-add-wework">
                <div class="layui-pages-div" style="display: block;" id="0">
                    <p class="wx-page-title ids">配置基础信息</p>
                    <ul class="wx-page-ul woverflow">
                        <input type="hidden" id="company_id" name="company_id" value="{$company_id}" />
                        <input type="hidden" id="ticket" name="ticket" value="{$setting['ticket']}" />
                        <li>
                            <div class="woverflow">
                                <p class="">企业微信ID</p>
                                <input type="text" name="corp_id" data-text="{$setting['corp_id']}" placeholder="请输入公司企业微信的corpid" value="{$setting['corp_id']}">
                            </div>
                        </li>
                        <li>
                            <div class="woverflow">
                                <p class="">应用ID（AgentId）</p>
                                <input type="text" name="agentid" data-text="{$setting['agentid']}" placeholder="请输入应用ID" value="{$setting['agentid']}">
                            </div>
                        </li>
                        <li class="woverflow">
                            <div class="woverflow">
                                <p class="">应用秘钥（Secret）</p>
                                <input type="text" name="agent_secret" data-text="{$setting['agent_secret']}" placeholder="请输入应用Secret" value="{$setting['agent_secret']}">
                            </div>
                        </li>
                        <li class="woverflow">
                            <div class="woverflow">
                                <p class="">域名校验文件</p>
                                <button type="button" class="layui-btn" id="upload-file">
                                    <i class="layui-icon">&#xe67c;</i>点击上传
                                </button>
                                <span class="layui-textshow">{$setting['verify_file']}</span>
                            </div>
                        </li>
                        <li class="woverflow">
                            <div class="woverflow">
                                <p class="">应用主页URL</p>
                                <input type="text" name="" id="index_url" data-text="{$index_url}" value="{$index_url}">
                                <span class="ids wx-copy wx-copy-1 wright layui-btn layui-btn-normal">复制URL</span>
                            </div>
                        </li>
                    </ul>
                    <!-- <div class="flex-center">
                        <input type="button" class="layui-btn layui-btn-normal base-submit layui-next-btns" value="下一步"/>
                    </div> -->
                </div>
                <div class="layui-pages-div" id="1">
                    <p class="wx-page-title ids">配置接收信息</p>
                    <ul class="wx-page-ul woverflow">
                        <li>
                            <div class="woverflow">
                                <p class="">填写Token</p>
                                <input type="text" name="receive_token" data-text="{$setting['receive_token']}" placeholder="请输入应用接收Token" value="{$setting['receive_token']}">
                            </div>
                        </li>
                        <li>
                            <div class="woverflow">
                                <p class="">填写EncodingAESKe</p>
                                <input type="text" name="receive_aes_key" data-text="{$setting['receive_aes_key']}" placeholder="请输入应用接收EncodingAESKe" value="{$setting['receive_aes_key']}">
                            </div>
                        </li>
                        <li class="woverflow">
                            <div class="woverflow">
                                <p class="">接收URL</p>
                                <input type="text" name="" id="agent_receive_url" data-text="{$agent_receive_url}" value="{$agent_receive_url}">
                                <span class="ds wx-copy wx-copy-2 wright layui-btn layui-btn-normal">复制URL</span>
                            </div>
                        </li>
                    </ul>
                    <!-- <div class="flex-center">
                        <input type="button" class="layui-btn layui-btn-normal base-submit layui-next-btns" value="下一步"/>
                    </div> -->
                </div>
                <div class="layui-pages-div" id="2">
                    <p class="wx-page-title ids">配置客户联系</p>
                    <ul class="wx-page-ul woverflow">
                        <li>
                            <div class="woverflow">
                                <p class="">填写secret</p>
                                <input type="text" name="customer_secret" data-text="{$setting['customer_secret']}" placeholder="请输入客户联系的secret" value="{$setting['customer_secret']}">
                            </div>
                        </li>
                        <li>
                            <div class="woverflow">
                                <p class="">填写Token</p>
                                <input type="text" name="customer_token" data-text="{$setting['customer_token']}" placeholder="请输入客户联系的Token" value="{$setting['customer_token']}">
                            </div>
                        </li>

                        <li>
                            <div class="woverflow">
                                <p class="">填写EncodingAESKe</p>
                                <input type="text" name="customer_aes_key" data-text="{$setting['customer_aes_key']}" placeholder="客户联系的EncodingAESKe" value="{$setting['customer_aes_key']}">
                            </div>
                        </li>
                        <li>
                            <div class="woverflow">
                                <p class="">接收URL</p>
                                <input type="text" name="" id="customer_receive_url" data-text="{$customer_receive_url}" value="{$customer_receive_url}">
                                <span class="ds wx-copy wx-copy-3 wright layui-btn layui-btn-normal">复制URL</span>
                            </div>
                        </li>
                    </ul>
                    <!-- <div class="flex-center">
                        <input type="button"  class="layui-btn layui-btn-normal base-submit layui-next-btns" value="下一步"/>
                    </div> -->
                </div>
                <div class="layui-pages-div" id="3">
                    <p class="wx-page-title ids">配置通讯录</p>
                    <ul class="wx-page-ul woverflow">
                        <li>
                            <div class="woverflow">
                                <p class="">填写secret</p>
                                <input type="text" name="contact_secret" data-text="{$setting['contact_secret']}" placeholder="请输入通讯录的secret" value="{$setting['contact_secret']}">
                            </div>
                        </li>
                        <li>
                            <div class="woverflow">
                                <p class="">填写Token</p>
                                <input type="text" name="contact_token" data-text="{$setting['contact_token']}" placeholder="请输入通讯录的Token" value="{$setting['contact_token']}">
                            </div>
                        </li>

                        <li>
                            <div class="woverflow">
                                <p class="">填写EncodingAESKe</p>
                                <input type="text" name="contact_aes_key" data-text="{$setting['contact_aes_key']}" placeholder="请输入通讯录EncodingAESKe" value="{$setting['contact_aes_key']}">
                            </div>
                        </li>
                        <li>
                            <div class="woverflow">
                                <p class="">生成URL</p>
                                <input type="text" name="" id="contact_receive_url" data-text="{$contact_receive_url}" value="{$contact_receive_url}">
                                <span class="ds wx-copy wx-copy-4 wright layui-btn layui-btn-normal">复制URL</span>
                            </div>
                        </li>
                    </ul>
                    <!-- <div class="flex-center">
                        <input type="button" class="layui-btn layui-btn-normal base-submit over-close" value="完成"/>
                    </div> -->
                </div>
                <!-- <button class="ds mdt50 wauto layui-btn layui-btn-normal over-close">完成</button> -->
            </form>
        </div>
    </div>
</div>
{/block} {block name="js"}
<script>
    layui.config({
        base: '__LAYUI__/',
        urlbase: '/adminall'
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'form', 'laydate', 'table', 'upload'], function () {
        var form = layui.form,
            upload = layui.upload,
            laydate = layui.laydate,
            $ = layui.jquery;

        //执行实例
        var uploadInst = upload.render({
            elem: '#upload-file' //绑定元素
            ,accept: 'file'
            ,url: '{:url("company/wework_upload")}' //上传接口
            ,done: function(res){
                //上传完毕回调
                if (res.code == 0) {
                    $('.layui-textshow').html(res.data.name)
                    var company_id = {$company_id};
                    var id = {$id};
                    $.ajax({
                        url: '{:url("wework")}',
                        data: {company_id:company_id, id: id, verify_file:res.data.name,verify_content:res.data.content},
                        dataType: 'json',
                        type: 'post',
                        success: function (res) {

                        }
                    })
                }
                layer.msg(res.msg)

            }
            ,error: function(){
                //请求异常回调
                layer.msg('操作失败')
            }
        });

        var active = {
            // 添加集团
            add (){
                window.location.href = "{:url('add')}"
            },
            return(){
                window.history.go(-1)
            }
        };

        form.render()
        var n=0;
        $('.wx-btn-dl dd').click(function(){
            var j=0;
            for(i=j;i < $('.layui-pages-div').eq(n).find('li').length;i++){
                if($('.layui-pages-div').eq(n).find('li').eq(i).find('input').val()==''){
                    if($('.layui-pages-div').eq(n).find('li').eq(i).find('input').attr('name')!=='file'){
                        $('.layui-pages-div').eq(n).find('li').eq(i).find('input').focus();
                        alert($('.layui-pages-div').eq(n).find('li').eq(i).find('input').attr('placeholder'));
                        break;
                    }
                }else{
                    j=i;
                }
            }
            if($('.layui-pages-div').eq(n).find('li').length==j+1){
                n=$(this).index();
                $(this).addClass('add-btn-dd').siblings().removeClass('add-btn-dd');
                $('.layui-pages-div').eq(n).show().siblings().hide();
                blurinput(n);
            }
        })
        var dsshowli=$('.layui-next-btns').length;
        $('.layui-next-btns').click(function () {
            var j=0;
            for(i=j;i < $(this).parent('div.flex-center').siblings('ul').find('li').length;i++){
                if($(this).parent('div.flex-center').siblings('ul').find('li').eq(i).find('input').val()==''){
                    if($(this).parent('div.flex-center').siblings('ul').find('li').eq(i).find('input').attr('name')!=='file'){
                        $(this).parent('div.flex-center').siblings('ul').find('li').eq(i).find('input').focus();
                        alert($(this).parent('div.flex-center').siblings('ul').find('li').eq(i).find('input').attr('placeholder'));
                        break;
                    }
                }else{
                    j=i;
                }
            }
            if($(this).parent('div.flex-center').siblings('ul').find('li').length==j+1){
                n++;
                $('.layui-pages-div').eq(n).show().siblings().hide();
                $('.wx-btn-dl dd').eq(n).addClass('add-btn-dd').siblings().removeClass('add-btn-dd');
                blurinput(n);
            }
        })
        blurinput(n);
        function blurinput(n) {
            var data_text='';
            for(var i=0;i < $('.layui-pages-div').eq(n).find('li').length;i++){
                $('.layui-pages-div').eq(n).find('li').eq(i).find('input').blur(function(){
                    data_text=$(this).data('text');
                    var names=$(this).attr('name');
                    var nameval=$(this).val();
                    var company_id=$('#company_id').val();
                    var ticket=$('#ticket').val();
                    var id = '{$id}';
                    var formData={'company_id':company_id,'ticket':ticket,'id':id};
                    formData[names]=nameval;
                    if(data_text!=nameval){
                        $.ajax({
                            url: '{:url("wework")}',
                            data: formData,
                            dataType: 'json',
                            type: 'post',
                            success: function (res) {

                            }
                        })
                    }

                })
            }
        }
        /* 监听提交 */

        $('.over-close').click(function () {
            var nn=0;
            for(var i=0;i < $(this).parent('div.flex-center').siblings('ul').find('li').length;i++){
                if($(this).parent('div.flex-center').siblings('ul').find('li').eq(i).find('input').val()==''){
                    if($(this).parent('div.flex-center').siblings('ul').find('li').eq(i).find('input').attr('name')!=='file'){
                        $(this).parent('div.flex-center').siblings('ul').find('li').eq(i).find('input').focus();
                        alert($(this).parent('div.flex-center').siblings('ul').find('li').eq(i).find('input').attr('placeholder'));
                        break;
                    }
                }else{
                    nn=i;
                }
            }
            if($(this).parent('div.flex-center').siblings('ul').find('li').length==nn+1){
                var index = parent.layer.getFrameIndex(window.name);
                parent.layer.close(index);
            }
        })

        copytexts('.wx-copy-1','#index_url');
        copytexts('.wx-copy-2','#agent_receive_url');
        copytexts('.wx-copy-3','#customer_receive_url');
        copytexts('.wx-copy-4','#contact_receive_url');
        function copytexts(obj,valtext){
            $(obj).click(function(){
                $(valtext).select();
                document.execCommand('Copy');
                alert('复制成功');
            })
        }

    });


</script>
</body>
{/block}