glhcp/server/app/admin/view/wechat/op/config.html

121 lines
5.2 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

{layout name="layout1" /}
<style>
.layui-form-label{
width: 150px;
}
.tips{
color: red;
}
</style>
<div class="wrapper">
<div class="layui-card">
<div class="layui-card-body">
<div class="layui-collapse like-layui-collapse" lay-accordion="" style="border:1px dashed #c4c4c4">
<div class="layui-colla-item">
<h2 class="layui-colla-title like-layui-colla-title" style="background-color: #fff">操作提示</h2>
<div class="layui-colla-content layui-show">
<p>*填写微信开放平台开发配置,请前往微信开放平台创建应用并完成认证。</p>
<p>*APP应用配置主要用于APP微信登录和微信支付。</p>
<p>*网站应用配置主要用于PC端商城微信扫码登录。</p>
</div>
</div>
</div>
</div>
<div class="layui-card-body" pad15>
<div class="layui-form" lay-filter="">
<!--APP应用开发者信息-->
<div class="layui-form-item div-flex">
<fieldset class="layui-elem-field layui-field-title">
<legend>APP应用</legend>
</fieldset>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="tips">*</span>AppID</label>
<div class="layui-input-block">
<div class="layui-col-md3">
<input type="text" name="app_id" value="{$config.app_id}" lay-verify="required" autocomplete="off" class="layui-input">
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="tips">*</span>AppSecret</label>
<div class="layui-input-block">
<div class="layui-col-md3">
<input type="text" name="secret" value="{$config.secret}" lay-verify="required" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"></label>
<span style="color: #a3a3a3;font-size: 9px">登录微信开放平台,查看并设置</span>
</div>
</div>
<!--网站应用开发者信息-->
<div class="layui-form-item div-flex">
<fieldset class="layui-elem-field layui-field-title">
<legend>网站应用</legend>
</fieldset>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="tips">*</span>AppID</label>
<div class="layui-input-block">
<div class="layui-col-md3">
<input type="text" name="web_app_id" value="{$web_config.web_app_id}" lay-verify="required" autocomplete="off" class="layui-input">
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="tips">*</span>AppSecret</label>
<div class="layui-input-block">
<div class="layui-col-md3">
<input type="text" name="web_secret" value="{$web_config.web_secret}" lay-verify="required" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"></label>
<span style="color: #a3a3a3;font-size: 9px">登录微信开放平台,查看并设置</span>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn layui-btn-sm {$view_theme_color}" lay-submit lay-filter="set">确定</button>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.layui-table-cell {
height: auto;
}
</style>
<script>
layui.config({
version:"{$front_version}",
base: '/static/lib/' //静态资源所在路径
}).use(['form'], function(){
var $ = layui.$,form = layui.form;
form.on('submit(set)', function (data) {
like.ajax({
url: '{:url("wechat.Op/config")}' //实际使用请改成服务端真实接口
, data: data.field
, type: 'post'
, success: function (res) {
if (res.code == 1) {
layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
}
}
});
});
});
</script>