zhengxifeng
/
zc100
Bevaka 1
Stjärnmärk 0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Aktiviteter
Ingen beskrivning
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
100 Incheckningar
3 Grenar
Träd: aea49c8dd0
Grenar Taggar
${ item.name }
Skapa branchen ${ searchTerm }
från 'aea49c8dd0'
${ noResults }
zc100/application/admin/template/canal/conf_wechat.htm

conf_wechat.htm 19KB
Historik Rå

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376 
  1. {include file="public/layout" /}

  2. <body class="bodystyle" style="overflow-y: scroll;min-width:auto;">

  3. <div id="toolTipLayer" style="position: absolute; z-index: 9999; display: none; visibility: visible; left: 95px; top: 573px;"></div>

  4. <div id="append_parent"></div>

  5. <div id="ajaxwaitid"></div>

  6. <div class="page min-hg-c-i" style="min-width: auto;box-shadow:none;">

  7.     {include file="canal/bar" /}

  8.     <!-- 操作说明 -->

  9.     <div id="explanation" class="explanation" style="color: rgb(44, 188, 163); background-color: rgb(237, 251, 248); margin-bottom: 15px;">

  10.         <div id="checkZoom" class="title"><i class="fa fa-lightbulb-o"></i>

  11.             <h4 title="提示相关设置操作时应注意的要点">提示</h4>

  12.             <span title="收起提示" id="explanationZoom" style="display: block;"></span>

  13.         </div>

  14.         <ul>

  15.             <li>1，微信公众号：登录 <a href="https://mp.weixin.qq.com" target="_blank">微信公众号平台</a>，在“设置与开发->基本配置”里获取AppID、AppSecret的值，设置IP白名单等。配置可通用于微站点、或云插件库里的微信公众号插件。<span style="color: red;">(注：订阅号不支持登录与支付)</span></li>

  16.             <li>2，微站点：微信号、二维码是在微站点开启 <span style="color: red;">强制微信模式</span> 时在PC和移动端展示</li>

  17.         </ul>

  18.     </div>

  19.     <div class="flexigrid htitx">

  20.         <form class="form-horizontal" id="post_form" action="{:url('Canal/conf_wechat')}" method="post">

  21.             <div class="hDiv">

  22.                 <div class="hDivBox">

  23.                     <table cellspacing="0" cellpadding="0" style="width: 100%">

  24.                         <thead>

  25.                             <tr>

  26.                                 <th class="sign w10" axis="col0">

  27.                                     <div class="tc"></div>

  28.                                 </th>

  29.                                 <th abbr="article_title" axis="col3" class="w10">

  30.                                     <div class="tc">微信公众号</div>

  31.                                 </th>

  32.                                 <th abbr="ac_id" axis="col4">

  33.                                     <div class=""></div>

  34.                                 </th>

  35.                             </tr>

  36.                         </thead>

  37.                     </table>

  38.                 </div>

  39.             </div>

  40.             

  41.             <div class="ncap-form-default">

  42.                 <dl class="row">

  43.                     <dt class="tit">

  44.                         <label for="appid"><em id="em_appid" {empty name='$data.appid'}style="display: none;"{/empty}>*</em>AppID</label>

  45.                     </dt>

  46.                     <dd class="opt">

  47.                         <input type="text" name="appid" id="appid" value="{$data.appid|default=''}" class="input-txt" autocomplete="off">

  48.                         <p class="notic">开发者ID</p>

  49.                     </dd>

  50.                 </dl>

  51.                 <dl class="row">

  52.                     <dt class="tit">

  53.                         <label for="appsecret"><em id="em_appsecret" {empty name='$data.appsecret'}style="display: none;"{/empty}>*</em>AppSecret</label>

  54.                     </dt>

  55.                     <dd class="opt">

  56.                         <input type="text" name="appsecret" id="appsecret" value="{$data.appsecret|default=''}" class="input-txt" autocomplete="off">

  57.                         <p class="notic">开发者密码</p>

  58.                     </dd>

  59.                 </dl>

  60.                 {notempty name='$ipTips'}

  61.                 <dl class="row">

  62.                     <dt class="tit">

  63.                         <label for="url">注意事项</label>

  64.                     </dt>

  65.                     <dd class="opt">

  66.                         {$ipTips}

  67.                         <span class="err"></span>

  68.                         <p class=""></p>

  69.                     </dd>

  70.                 </dl>

  71.                 {/notempty}

  72.                 <!-- <dl class="row">

  73.                     <dt class="tit">

  74.                         <label for="wechat_name">微信号</label>

  75.                     </dt>

  76.                     <dd class="opt">

  77.                         <input type="text" name="wechat_name" id="wechat_name" value="{$data.wechat_name|default=''}" class="input-txt" autocomplete="off">

  78.                         <p class="notic"></p>

  79.                     </dd>

  80.                 </dl>

  81.                 <dl class="row">

  82.                     <dt class="tit">

  83.                         <label for="wechat_pic">二维码</label>

  84.                     </dt>

  85.                     <dd class="opt">

  86.                         <div class="input-file-show">

  87.                             <span class="show">

  88.                                 <a id="img_a_wechat_pic" class="nyroModal" rel="gal" href="{$data.wechat_pic|default='javascript:void(0);'}?t={php}echo time();{/php}" target="_blank">

  89.                                     <i id="img_i_wechat_pic" class="fa fa-picture-o" {notempty name="$data.wechat_pic"}onmouseover="layer_tips=layer.tips('<img src={$data.wechat_pic|default=''}?t={php}echo time();{/php} width=300 height=300>',this,{tips: [1, '#fff']});"{/notempty} onmouseout="layer.close(layer_tips);"></i>

  90.                                 </a>

  91.                             </span>

  92.                             <span class="type-file-box">

  93.                                 <input type="text" id="wechat_pic" name="wechat_pic" value="{$data.wechat_pic|default=''}" class="type-file-text" autocomplete="off">

  94.                                 <input type="button" name="button" id="button1" value="选择上传..." class="type-file-button">

  95.                                 <input class="type-file-file" onclick="GetUploadify(1, '', 'allimg', 'wechat_pic_call_back')" size="30" hidefocus="true" nc_type="change_site_logo" title="点击前方预览图可查看大图，点击按钮选择文件并提交表单后上传生效">

  96.                             </span>

  97.                         </div>

  98.                         <span class="err"></span>

  99.                         <p class="notic"></p>

  100.                     </dd>

  101.                 </dl> -->

  102.                 <dl class="row">

  103.                     <div class="bot" style="padding-bottom:0px;">

  104.                         <a href="JavaScript:void(0);" onclick="checkForm();" class="ncap-btn-big ncap-btn-green" id="submitBtn">确认提交</a>

  105.                         &nbsp;<a href="JavaScript:void(0);" onclick="click_to_eyou_1575506523('https://www.eyoucms.com/plus/view.php?aid=10166&origin_eycms=1','微信公众号配置')" style="font-size: 12px;padding-left: 10px;position:absolute;top: 30px">不会配置？</a>

  106.                     </div>

  107.                 </dl>

  108.             </div>

  109.         </form>

  110.     </div>

  111.     <script type="text/javascript">

  112.     

  113.         $(function(){

  114.             $('#appid, #appsecret').keyup(function(){

  115.                 var appid = $.trim($('#appid').val());

  116.                 var appsecret = $.trim($('#appsecret').val());

  117.                 if (appid != '' || appsecret != '') {

  118.                     $('#em_appid').show();

  119.                     $('#em_appsecret').show();

  120.                 } else {

  121.                     $('#em_appid').hide();

  122.                     $('#em_appsecret').hide();

  123.                 }

  124.             });

  125.         });

  126.     

  127.         // 判断输入框是否为空

  128.         function checkForm(){

  129.             var appid = $.trim($('#appid').val());

  130.             var appsecret = $.trim($('#appsecret').val());

  131.             if (appid != '' || appsecret != '') {

  132.                 if(appid == ''){

  133.                     showErrorMsg('AppID不能为空！');

  134.                     $('input[name=appid]').focus();

  135.                     return false;

  136.                 }

  137.                 if(appsecret == ''){

  138.                     showErrorMsg('AppSecret不能为空！');

  139.                     $('input[name=appsecret]').focus();

  140.                     return false;

  141.                 }

  142.             }

  143.             layer_loading('正在处理');

  144.             $.ajax({

  145.                 url: "{:url('Canal/conf_wechat', ['_ajax'=>1])}",

  146.                 type: 'POST',

  147.                 dataType: 'JSON',

  148.                 data: $('#post_form').serialize(),

  149.                 success: function (res) {

  150.                     layer.closeAll();

  151.                     if (1 == res.code) {

  152.                         layer.msg(res.msg, {shade: layer_shade, time: 1000}, function(){

  153.                             window.location.reload();

  154.                         });

  155.                     } else {

  156.                         showErrorAlert(res.msg);

  157.                         return false;

  158.                     }

  159.                 },

  160.                 error: function (e) {

  161.                     layer.closeAll();

  162.                     showErrorAlert(e.responseText);

  163.                     return false;

  164.                 }

  165.             });

  166.         }

  167.     

  168.         // 加载图片显示

  169.         function wechat_pic_call_back(fileurl_tmp) {

  170.             $("#wechat_pic").val(fileurl_tmp);

  171.             $("#img_a_wechat_pic").attr('href', fileurl_tmp);

  172.             $("#img_i_wechat_pic").attr('onmouseover', "layer_tips=layer.tips('<img src="+fileurl_tmp+" width=300 height=300>',this,{tips: [1, '#fff']});");

  173.         }

  174.     

  175.     </script>

  176. 

  177.     <div class="flexigrid htitx">

  178.         <form class="form-horizontal" id="postMicrosite" method="post">

  179.             <div class="hDiv">

  180.                 <div class="hDivBox">

  181.                     <table cellspacing="0" cellpadding="0" style="width: 100%">

  182.                         <thead>

  183.                             <tr>

  184.                                 <th class="sign w10" axis="col0">

  185.                                     <div class="tc"></div>

  186.                                 </th>

  187.                                 <th abbr="article_title" axis="col3" class="w10">

  188.                                     <div class="tc">微站点</div>

  189.                                 </th>

  190.                                 <th abbr="ac_id" axis="col4">

  191.                                     <div class=""></div>

  192.                                 </th>

  193.                             </tr>

  194.                         </thead>

  195.                     </table>

  196.                 </div>

  197.             </div>

  198.             

  199.             <div class="ncap-form-default" style="position: sticky;">

  200.                 <dl class="row">

  201.                     <dt class="tit">

  202.                         <label>微站点模式</label>

  203.                         <input type="hidden" id="shop_micro" value="{$usersConfig.shop_micro|default=0}">

  204.                     </dt>

  205.                     <dd class="opt" style="line-height: 30px;">

  206.                         <label>

  207.                             <input type="radio" name="shop[shop_micro]" id="shop_micro1" value="1" {if condition="isset($usersConfig.shop_micro) && $usersConfig.shop_micro == 1"} checked="checked" {/if} onclick="DetectConfig(1);"/>开启

  208.                         </label>

  209.                         &nbsp;&nbsp;&nbsp;

  210.                         <label>

  211.                             <input type="radio" name="shop[shop_micro]" id="shop_micro0" value="0" {if condition="empty($usersConfig.shop_micro)"} checked="checked" {/if}/>关闭

  212.                         </label>

  213.                         &nbsp;&nbsp;&nbsp;

  214.                         <p class="notic">开启后，在微信里访问不需要注册或登录，需要先配置下方微信参数</p>

  215.                     </dd>

  216.                 </dl>

  217.                 <dl class="row">

  218.                     <dt class="tit">

  219.                         <label>强制微信模式</label>

  220.                         <input type="hidden" id="shop_force_use_wechat" value="{$usersConfig.shop_force_use_wechat|default=0}">

  221.                     </dt>

  222.                     <dd class="opt" style="line-height: 30px;">

  223.                         <label>

  224.                             <input type="radio" name="shop[shop_force_use_wechat]" id="shop_force_use_wechat1" value="1" {if condition="isset($usersConfig.shop_force_use_wechat) && $usersConfig.shop_force_use_wechat == 1"} checked="checked" {/if} onclick="DetectConfig(2);"/>开启

  225.                         </label>

  226.                         &nbsp;&nbsp;&nbsp;

  227.                         <label>

  228.                             <input type="radio" name="shop[shop_force_use_wechat]" id="shop_force_use_wechat0" value="0" {if condition="empty($usersConfig.shop_force_use_wechat)"} checked="checked" {/if} onclick="DetectConfig(3);"/>关闭

  229.                         </label>

  230.                         &nbsp;&nbsp;&nbsp;

  231.                         <p class="notic">开启后，只能在微信内访问，需要先开启微站点模式</p>

  232.                     </dd>

  233.                 </dl>

  234.                 <dl class="row">

  235.                     <dt class="tit">

  236.                         <label for="wechat_name">微信号</label>

  237.                     </dt>

  238.                     <dd class="opt">

  239.                         <input type="text" name="login[wechat_name]" id="wechat_name" value="{$login.wechat_name|default=''}" class="input-txt">

  240.                         <p class="notic"></p>

  241.                     </dd>

  242.                 </dl>

  243. 

  244.                 <dl class="row">

  245.                     <dt class="tit">

  246.                         <label for="wechat_pic">二维码</label>

  247.                     </dt>

  248.                     <dd class="opt">

  249.                         <div class="input-file-show">

  250.                             <span class="show">

  251.                                 <a id="img_a_wechat_pic" class="nyroModal" rel="gal" href="{$login.wechat_pic|default='javascript:void(0);'}?t={php}echo time();{/php}" target="_blank">

  252.                                     <i id="img_i_wechat_pic" class="fa fa-picture-o" {notempty name="$login.wechat_pic"}onmouseover="layer_tips=layer.tips('<img src={$login.wechat_pic|default=''}?t={php}echo time();{/php} width=300 height=300>',this,{tips: [1, '#fff']});"{/notempty} onmouseout="layer.close(layer_tips);"></i>

  253.                                 </a>

  254.                             </span>

  255.                             <span class="type-file-box">

  256.                                 <input type="text" id="wechat_pic" name="login[wechat_pic]" value="{$login.wechat_pic|default=''}" class="type-file-text" autocomplete="off">

  257.                                 <input type="button" name="button" id="button1" value="选择上传..." class="type-file-button">

  258.                                 <input class="type-file-file" onclick="GetUploadify(1, '', 'allimg', 'wechat_pic_call_back')" size="30" hidefocus="true" nc_type="change_site_logo" title="点击前方预览图可查看大图，点击按钮选择文件并提交表单后上传生效">

  259.                             </span>

  260.                         </div>

  261.                         <span class="err"></span>

  262.                         <p class="notic"></p>

  263.                     </dd>

  264.                 </dl>

  265.                 <dl class="row">

  266.                     <div class="bot" style="padding-bottom:0px;">

  267.                         <input type="hidden" id="WX_appid" value="{$login.appid|default=''}">

  268.                         <a href="JavaScript:void(0);" onclick="submit_microsite();" class="ncap-btn-big ncap-btn-green">确认提交</a>

  269.                     </div>

  270.                 </dl>

  271.             </div>

  272.             <div class="" style="position: absolute;top: 38px;left: 750px;">

  273.                 <dl class="" style="background: #fff;">

  274.                 

  275.                     <div class="">

  276.                         <img src="__STATIC__/admin/images/wzd-shili.jpg" width="278" height="195" />

  277.                     </div>

  278.                     <div style="text-align: center;line-height: 32px;font-size: 16px;">PC效果演示</div>

  279.                 </dl>

  280.             </div>

  281.         </form>

  282.     </div>

  283.     <script type="text/javascript">

  284.         $(function(){

  285.             //操作提示缩放动画

  286.             $("#microsite_checkZoom").toggle(

  287.                 function() {

  288.                     $("#microsite_explanation").animate({

  289.                         color: "#FFF",

  290.                         backgroundColor: "#4FD6BE",

  291.                         width: "80",

  292.                         height: "20",

  293.                     },300);

  294.                     $("#microsite_explanationZoom").hide();

  295.                 },

  296.                 function() {

  297.                     $("#microsite_explanation").animate({

  298.                         color: "#2CBCA3",

  299.                         backgroundColor: "#EDFBF8",

  300.                         width: "99%",

  301.                         height: "20",

  302.                     },300,function() {

  303.                         $(this).css('height', '100%');

  304.                     });

  305.                     $("#microsite_explanationZoom").show();

  306.                 }

  307.             );

  308.         })

  309.         // 提交

  310.         function submit_microsite(){

  311.             layer_loading("正在处理");

  312.             $.ajax({

  313.                 url: "{:url('System/microsite', ['_ajax'=>1])}",

  314.                 type: 'POST',

  315.                 dataType: 'JSON',

  316.                 data: $('#postMicrosite').serialize(),

  317.                 success: function(res){

  318.                     layer.closeAll();

  319.                     if (1 == res.code) {

  320.                         layer.msg(res.msg, {shade: 0.1, time: 1000}, function(){

  321.                             window.location.reload();

  322.                         });

  323.                     } else {

  324.                         var icon = 2;

  325.                         try{

  326.                             if (res.data.icon) {

  327.                                 icon = res.data.icon;

  328.                             }

  329.                         }catch(e){}

  330.                         showErrorAlert(res.msg, icon);

  331.                         return false;

  332.                     }

  333.                 },

  334.                 error: function(e){

  335.                     layer.closeAll();

  336.                     showErrorMsg(e.responseText);

  337.                     return false;

  338.                 }

  339.             });

  340.         }

  341.     

  342.         // 检测是否配置微信参数

  343.         function DetectConfig(type) {

  344.             if (3 == type) {

  345.                 $('#shop_micro0').removeAttr("disabled");

  346.                 return false;

  347.             }

  348.     

  349.             var WX_appid = $('#WX_appid');

  350.             if (!WX_appid.val() || '' == WX_appid.val()) {

  351.                 if (1 == type) {

  352.                     $("#shop_micro0").click();

  353.                 } else if (2 == type) {

  354.                     $("#shop_force_use_wechat0").click();

  355.                 }

  356.                 showErrorAlert('请先完善微信公众号配置');

  357.                 return false;

  358.             }

  359.     

  360.             if (2 == type) {

  361.                 // 设置微信端开启

  362.                 $("#shop_force_use_wechat1, #shop_micro1").attr('checked', true);

  363.                 $('#shop_micro0').attr("disabled", "disabled");

  364.             }

  365.         }

  366.     

  367.         // 加载图片显示

  368.         function wechat_pic_call_back(fileurl_tmp) {

  369.             $("#wechat_pic").val(fileurl_tmp);

  370.             $("#img_a_wechat_pic").attr('href', fileurl_tmp);

  371.             $("#img_i_wechat_pic").attr('onmouseover', "layer_tips=layer.tips('<img src="+fileurl_tmp+" width=300 height=300>',this,{tips: [1, '#fff']});");

  372.         }

  373.     </script>

  374. </div>

  375. 

  376. {include file="public/footer" /}