文件

703 行
23 KiB
HTML
可执行文件

<html>
<head>
<meta charset="UTF-8"/>
<!--<link rel="stylesheet" type="text/css" href="__PUBLIC__/user/http://webapi.amap.com/theme/v1.3/style1503546983737.css">-->
<title></title>
<link href="__PUBLIC__/user/css/base.css" rel="stylesheet">
<link href="__PUBLIC__/user/css/jquery.validate.unobtrusive.popstyle.css" rel="stylesheet">
<script src="__PUBLIC__/jquery/js/jquery-2.0.3.min.js"></script>
<script src="__PUBLIC__/jquery/js/jquery.validate.js"></script>
<script src="__PUBLIC__/jquery/js/jquery.validate.unobtrusive.js"></script>
<script src="__PUBLIC__/jquery/js/jquery.form.js"></script>
<script src="__PUBLIC__/layui/js/layui.js"></script>
<link rel="stylesheet" href="__PUBLIC__/layui/css/layui.css" >
<script src="__PUBLIC__/user/js/post.loading.js"></script>
<script>
// $(function() {
// if(top.$.learuntab) {
// $("[addtab]").on('click', top.$.learuntab.addTab);
// }
// })
</script>
<style type="text/css">
.amap-container {
cursor: url(http://webapi.amap.com/theme/v1.3/openhand.cur), default;
}
.amap-drag {
cursor: url(http://webapi.amap.com/theme/v1.3/closedhand.cur), default;
}
</style>
</head>
<body class="hold-transition skin-blue sidebar-mini" style="cursor: pointer;">
<link rel="stylesheet" href="__PUBLIC__/user/css/mi.css">
<link rel="stylesheet" href="__PUBLIC__/user/css/enterprise.css">
<link rel="stylesheet" href="__PUBLIC__/user/css/uemprod.css">
<link rel="stylesheet" href="__PUBLIC__/user/css/jqselect2.css">
<link rel="stylesheet" href="__PUBLIC__/user/css/common-debug.css">
<link rel="stylesheet" href="__PUBLIC__/user/css/css_uemprod_localFix.css">
<link rel="stylesheet" href="__PUBLIC__/user/css/default.css">
<link href="__PUBLIC__/user/css/kindeditor_addmulti_img.css" rel="stylesheet">
<link href="__PUBLIC__/layui/css/layui.css" rel="stylesheet">
<script src="__PUBLIC__/layui/layui.js" charset="utf-8"></script>
<div id="container" class="ui-container">
<style type="text/css">
center {
width: 120px;
float: left;
margin-left: 140px;
border: 1px dashed #ddd;
height: 104px;
margin: 10px 4% 10px 10px;
border-radius: 5px;
background: #fff;
}
a {
text-decoration: none !important;
cursor: pointer;
}
a:hover {
text-decoration: none !important;
}
select {
height: 30px;
width: 80px;
font-family: "微软雅黑";
color: #777;
}
.mi-form-select .select2-container .select2-choice {
width: 140px;
}
.select2-container .select2-default {
color: #444 !important;
}
.yuan {
display: inline-block;
margin-left: 10px !important;
margin-top: 3px;
font-size: 12px;
}
.span6 {
float: left;
width: 100%;
overflow: hidden;
}
.clear {
clear: both;
width: 100%;
height: 0px;
}
.text-left {
text-align: left;
padding-bottom: 38px;
}
.width45 {
width: 45px;
padding-bottom: 10px;
}
.select {
height: 32px !important;
min-width: 125px;
appearance: none !important;
-moz-appearance: none !important;
-webkit-appearance: none !important;
background: transparent !important;
border: none !important;
z-index: 1 !important;
padding-right: 24px !important;
}
.btn,
.mi-button-text {
height: 32px;
color: #fff;
overflow: visible;
background: #009688;
border: 1px solid #009688;
border-radius: 3px;
font-size: 14px;
padding: 0 75px;
}
#l-map {
width: 500px;
height: 300px;
}
div.chosen-select {
padding-right: 0px !important;
}
.img {
height: 50px;
}
.img img,
.img span {
float: left;
}
.img span {
top: 15%;
left: 10px;
}
.remind-tip {
clear: both;
}
.mi-form-item-line {
width: 100%;
border: 1px solid #ddd;
padding: 14px 0 0;
margin-bottom: 10px;
padding-top: 35px;
border-radius: 3px;
background: #Fff;
}
.mi-form-item {
width: 100%;
}
.mi-button-textonly {
height: 32px;
}
.mi-button-mblue a {
text-decoration: none;
line-height: 32px !important;
}
.content .title span {
border-bottom: 0;
}
.content .titlechange span {
border-bottom: 0;
z-index: 999;
position: relative;
margin-top: 21px;
margin-left: 20px;
height: 18px;
font-size: 14px;
padding: 0 5px;
}
.custormm span {
border-bottom: 2px solid #009688 !important;
}
.titlechanged span {
display: block;
margin-top: -25px !important;
margin-bottom: 40px;
font-family: "Microsoft Yahei";
}
.content .titlechange span {
border-bottom: 0;
z-index: 999;
position: relative;
margin-top: 21px;
background: white;
margin-left: 20px;
height: 18px;
font-size: 14px;
padding: 0 5px;
;
}
.titlechanged span {
display: block;
margin-top: -25px !important;
margin-bottom: 14px;
font-family: "Microsoft Yahei";
}
#Button9 {
padding: 0px 15px 0px 15px;
}
.massge .sign .mi-label {
width: 70px;
margin-left: 100px;
text-align: left;
}
.wxmi-form-item-line {}
.mi-form-item-line .mi-form-item-line {
border-left: 0;
border-right: 0;
}
.appendix-pic {
float: left;
}
#pengyouquan {
padding-left: 54px;
padding-top: 18px;
}
#pengyouquan div {
height: 45px;
line-height: 32px;
width: 360px;
}
#pengyouquan div input {
/*float:right;*/
}
#pengyouquan div select {
border: 1px solid #ddd;
width: 80px;
border-radius: 3px;
}
#content-main img {
vertical-align: middle;
}
</style>
<style type="text/css">
.pact_pic {
width: 50px;
height: 50px;
background-color: #fff;
position: relative;
margin-bottom: 10px;
float: left;
margin-right: 10px;
}
.pact_pic span.del-pic {
display: block;
position: absolute;
color: #fff;
top: 0px;
right: 0px;
width: 18px;
height: 18px;
font-size: 14px;
line-height: 16px;
border-radius: 9px;
background-color: rgba(153, 153, 153, 0.6);
text-align: center;
opacity: 0;
cursor: pointer;
-ms-transition: background-color 100ms;
-moz-transition: background-color 100ms;
-webkit-transition: background-color 100ms;
transition: background-color 100ms;
}
.pact_pic:hover span.del-pic {
opacity: 1;
}
.pact_pic span.del-pic:hover {
background-color: #000;
opacity: 1;
}
.line {
height: 50px;
line-height: 32px;
}
.line1 {
line-height: 48px !important;
height: 80px !important;
}
.line select {
margin-bottom: 20px;
border: 1px solid #ddd;
border-radius: 3px;
}
.pl {
float: left;
width: 126px;
}
.p2 {
float: left;
width: 120px;
}
.topcy {
width: 100%;
height: 58px;
background: #fff;
border: 1px solid #ddd;
border-bottom: none;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.open1 {
float: right;
font-size: 14px;
margin-right: 30px;
margin-top: 10px;
line-height: 10px;
}
.content input[type="text"] {
width: 350px;
height: 40px;
color: rgb(120, 120, 120);
text-indent: 1em;
border-width: 1px;
border-style: solid;
border-color: rgb(221, 221, 221);
border-image: initial;
border-radius: 4px;
}
</style>
<div class="content" style="margin-top:20px;">
<div class="container" style="float: left;margin-left: 20px;width: 60%;margin-bottom: -8px;">
<div class="topcy">
<h3>
商家公众号设置
</h3>
</div>
<!-- 搜索 -->
<form method="post" class="mi-form" id="submits" >
<div class="sign fn-clear">
<div class="sign-form">
<div class="mi-form-item-line">
<div class="massge">
<div class="span6">
<div class="mi-form-item fn-clear">
<label class="mi-label">
<span class="required">*</span>公众号名称
</label>
<input data-val="true" value="{$cache['name']}" id="name" name="name" placeholder="请输入商家的公众号信息" type="text">
<div class="remind-tip">
</div>
</div>
</div>
<div class="massge">
<div class="span6">
<div class="mi-form-item fn-clear">
<label class="mi-label">
<span class="required">*</span>appid
</label>
<input name="appid" id="appid" placeholder="请输入Appid" type="text" value="{$cache['appid']}">
<div class="remind-tip" style="color: #ccc">
<label class="mi-label">
</label>
请填写微信公众平台后台的AppId
</div>
</div>
</div>
<div class="span6">
<div class="mi-form-item fn-clear">
<label class="mi-label">
<span class="required">*</span>Appsercet
</label>
<input name="LoginName" placeholder="请输入Appsercet" id="Appsercet" type="text" value="{$cache['appsecret']}">
<div class="remind-tip" style="color: #ccc">
<label class="mi-label">
</label>
请填写微信公众平台后台的Appsercet
</div>
</div>
</div>
<div class="span6">
<div class="mi-form-item fn-clear">
<label class="mi-label">
<span class="required">*</span>token
</label>
<input name="LoginName" placeholder="请输入token" id="token" type="text" value="{$cache['token']}">
<div class="remind-tip" style="color: #ccc">
<label class="mi-label">
</label>
请填写微信公众平台后台的对接服务器填写的token值
</div>
</div>
</div>
<div class="span6">
<div class="mi-form-item fn-clear">
<label class="mi-label">
<span class="required">*</span>服务器配置说明
</label>
<input name="LoginName" readonly placeholder="在微信公众平台中填写" type="text" value="{$url}">
<div class="remind-tip" style="color: #ccc">
<label class="mi-label">
</label>
请填写微信公众平台后台的对接服务器填写的参数
</div>
</div>
</div>
<div class="span6">
<div class="mi-form-item fn-clear">
<label class="mi-label">
<span class="required">*</span>ip白名单配置
</label>
<input name="LoginName" readonly placeholder="在微信公众平台中填写" type="text" value="<php>echo $_SERVER["REMOTE_ADDR"];</php>">
<div class="remind-tip" style="color: #ccc">
<label class="mi-label">
</label>
请填写微信公众平台的ip白名单配置
</div>
</div>
</div>
<div class="span6">
<div class="mi-form-item fn-clear">
<label class="mi-label">
<span class="required">*</span>上传JS文件
</label>
<button type="button" class="layui-btn" id="files" style="background-color: #009688;border-radius: 4px">
<i class="layui-icon">&#xe67c;</i>上传文件
</button>
<input type="hidden" value="" class="insrc">
<div class="remind-tip" style="color: #ccc">
<label class="mi-label">
</label>
设置JS接口安全域名,需要上传的文件。 (txt文本)
</div>
</div>
</div>
<div class="span6">
<div class="mi-form-item fn-clear">
<label class="mi-label">
</label>
<a href="javascript:;" id="mys" style="font-size: 12px">点击查看微信公众号接入手册</a>
</div>
</div>
<div class="fn-clear clear">
</div>
<p style="text-align:center;height:90px">
<input type="button" id="addwx" class="btn" value="提交" style="">
<input type="button" class="btn" value="返回配置" id="bank" style="">
</p>
<div class="fn-clear clear">
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<link href="__PUBLIC__/user/css/interactive.css" rel="stylesheet">
<style>
* {
margin: 0;
padding: 0;
font-family: "微软雅黑";
}
.content {
background-color: #f6f8f9;
width: 100%;
}
.top {
width: 100%;
height: 80px;
}
.left {
width: 97%;
border-radius: 5px;
border: 1px solid #ddd;
background-color: #fff;
margin: 22px auto;
}
.leftb {
width: 97%;
border-radius: 5px;
border: 1px solid #ddd;
background-color: #fff;
margin: 20px auto;
margin-bottom: 30px;
}
span.jj {
font-size: 14px;
}
h3 {
color: #009688;
font-weight: normal;
}
span.jj,
h3 {
margin-left: 35px;
padding-top: 16px;
display: block;
text-indent: 20px;
font-size: 16px;
background: url(__PUBLIC__/user/images/dic.png) no-repeat left 21px;
}
.bt {
width: 100%;
border-bottom: 1px solid #ddd;
float: right;
height: 18px;
}
a.an {
/* Green */
border: none;
color: #1E9FFF;
padding: 15px 0;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 13px;
color: #777;
}
.dvb {
height: 36px;
margin: 5px auto;
}
.bom {
float: right;
/*padding-right: 80px;*/
padding-right: 100px;
}
.wc {
background-color: #1E9FFF;
/* Green */
border: none;
color: white;
padding: 15px 40px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
border-radius: 13px;
}
</style>
<!--行业功能开通-->
<!--行业功能开通end-->
<script src="__PUBLIC__/user/js/region_select.js" type="text/javascript"></script>
<script src="__PUBLIC__/user/js/weixin_selectTJ.js"></script>
<script src="__PUBLIC__/user/js/baidu_select.js"></script>
<script src="__PUBLIC__/user/js/pengyouquan_select.js"></script>
<script charset="utf-8" src="__PUBLIC__/user/js/kindeditor-min.js"></script>
<script charset="utf-8" src="__PUBLIC__/user/js/zh_CN.js"></script>
<script type="text/javascript" src="__PUBLIC__/user/js/kindeditor_addmulti_img.js"></script>
<script src="__PUBLIC__/user/js/kindeditor_select_new_img.js"></script>
<script src="__PUBLIC__/user/js/addsite.js"></script>
<script>
$('#bank').click(function () {
window.location.href="{:U('wxconfig')}"
})
$('#addwx').click(function () {
//submits
var appsercet = $('#Appsercet').val();
var appid = $('#appid').val();
var name = $('#name').val();
var token = $('#token').val();
var wxjssrc=$('.insrc').val();
var data = {name:name,appid:appid,appsercet:appsercet,token:token,wxjssrc:wxjssrc};
$.ajax({
url:"{:U('wxupdate')}",
type:"post",
data:data,
success:function (re) {
if(re.success){
layer.msg(re.msg)
}else{
layer.msg(re.msg)
}
}
})
})
</script>
<script>
//一般直接写在一个js文件中
layui.use(['layer', 'form','upload'], function(){
var layer = layui.layer,form = layui.form;
var laydate = layui.laydate;
$('#mys').click(function () {
layer.open({
title:"微信公众号接入说明",
area:['50%','80%'],
type:2,
content:"{:U('Wxconfig/morejs.html')}",
});
})
//文件上传
var upload = layui.upload;
//执行实例
upload.render({
elem: '#files' //绑定元素
,url: '{:U("uploads")}' //上传接口
,accept:'file'
,exts:'txt'
,done: function(res, index, upload){
console.log(res);
if(res.status==1)
{
$('.insrc').val(res.name);
top.layer.alert(res.msg);
}
else
{
top.layer.alert(res.error_info);
}
}
});
});
</script>
</body>
</html>