apply_shop.html
16 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>手店申请表</title>
<script src="__PUBLIC__/js/jquery-1.8.2.min.js"></script>
<script src="__PUBLIC__/js/global.js"></script>
<script src="__PUBLIC__/js/pc_common.js"></script>
<script src="__PUBLIC__/js/layer/layer.js"></script><!--弹窗js 参考文档 http://layer.layui.com/-->
<style type="text/css">
html,body{margin: 0;padding: 0;font-size: 14px;font-family: "SimHei";text-align: center;}
ul{list-style: none;}
.banner{width: 100%;}
.content{width: 80%;margin:0 auto 20px;text-align: left;}
a{
color: #3b639f;
text-decoration: none;
blr: expression(this.onFocus=this.blur()); text-decoration: none;
}
.title{color: #7f8389;padding: 10px 0;border-bottom: 1px dotted #dbdbdb;text-align: center;}
.statement{font-size: 12px;color: #7f8389;padding: 10px 0;line-height: 20px;}
.red{color: #cf0600;}
.info_tit{color:#cf0600 ;padding: 5px 10px;background: url(../static/images/sanjiao.png) no-repeat 98% center; background-color: #f5cdcc;}
.info_list{width: 90%;margin: auto;font-size: 0;padding: 10px 0;}
.info_list li{font-size: 14px;margin-top: 10px;color: #7f8389;}
.info_list .half{vertical-align: middle;display: inline-block;*display: inline;*zoom: 1;width: 50%;}
.info_list .half .input_text{width: 80%;}
.info_list .input_text{width: 90%;height: 30px;line-height: 30px; margin-right: 10px; border: 1px solid #dbdbdb;font-size: 14px;font-family: "SimHei";}
.info_list p{margin: 5px 0;}
.info_list span{font-size: 12px;}
.info_list label{margin-right: 10px;}
.btn_box{text-align: center;margin: 40px 0;}
.btn_red,.btn_gray{width: 115px;height: 40px;line-height: 40px;vertical-align: middle;display: inline-block;*display: inline;*zoom: 1;}
.btn_red{background-color: #cf0600;color: #FFFFFF;}
.btn_gray{background-color: #e3e3e8;color: #7f8389;margin-left: 20px;}
.btn_zm,.btn_wj{text-align: center;margin-right: 10px; width: 90px;height: 30px; line-height: 30px;font-size: 14px;vertical-align: middle;display: inline-block;*display: inline;*zoom: 1;}
.btn_zm{background-color: #f5cdcd;border: 1px solid #f5cdcd;color: #C4182E;}
.btn_wj{background-color: #ffffff;border: 1px solid #dbdbdb;}
.in_audit,.success,.error{text-align: center;}
.in_audit img,.success img,.error img{margin:20px auto;width: 200px;height: 200px;}
.content .state{color: #65bc25;font-size: 20px;}
.content .statetxt{color: #7f8389;font-size: 14px;}
.content a{text-decoration: underline;}
.content .error .state{color: #ea5551;}
</style>
<script type="text/javascript" charset="utf-8" src="/public/plugins/Ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="/public/plugins/Ueditor/ueditor.all.js"> </script>
<script type="text/javascript" charset="utf-8" src="/public/plugins/Ueditor/lang/zh-cn/zh-cn.js"></script>
<meta http-equiv="x-ua-compatible" content="ie=7" />
</head>
<body>
<if condition="$info.store_id neq ''">
<div class="content" id="ysumbit">
<p class="title">美得得新版手店申请表</p>
<if condition="$info.is_audit eq 0">
<div class="in_audit">
<img src="__STATIC__/images/del/in_audit.png" />
<p class="state">提交成功,请等待管理员审核!</p>
<p class="statetxt">预计3个工作日内审核完毕,遇节假日顺延,审核结果可打开“手店V3.0申请”菜单查看。</p>
</div>
</if>
<if condition="$info.is_audit eq 1">
<div class="success">
<img src="__STATIC__/images/del/success.png" />
<p class="state">恭喜,您的手店申请审核已通过!</p>
<p class="statetxt">您可以通过手店后台进行设置操作及商城的装修事项,祝您生意兴隆!</p>
<a class="statetxt" href="javascript:">如有疑问,联系客服</a><!-- WPA Button Begin -->
<script charset="utf-8" type="text/javascript" src="http://wpa.b.qq.com/cgi/wpa.php?key=XzkzODAyOTExNV80Nzc4MDZfNDAwMDg3OTA3N18"></script>
<!-- WPA Button End -->
</div>
</if>
<if condition="$info.is_audit eq -1">
<div class="error">
<img src="__STATIC__/images/del/error.png" />
<p class="state red">抱歉,您的手店申请未通过审核!</p>
<p class="statetxt"> <if condition="$info.fail_remak neq ''">{$info.fail_remak}</else>因手店3.0版本目前功能还在完善,现有功能不具备手店2.0版本的所有功能(包括营销互动工具部分),为了能给商家提供更好的体验,待手店3.2版本(手店模板自定义、即时聊天功能)更新上线后进行通知并开通,请耐心等待!</if> </p>
<a class="statetxt" href="javascript:" >如有疑问,联系客服 </a><!-- WPA Button Begin -->
<script charset="utf-8" type="text/javascript" src="http://wpa.b.qq.com/cgi/wpa.php?key=XzkzODAyOTExNV80Nzc4MDZfNDAwMDg3OTA3N18"></script>
<!-- WPA Button End -->
</div>
</if>
</div>
</if>
<if condition="$info.store_id eq '' or $info.is_audit eq -1">
<form class="form-horizontal" id="applyHandle" action="{:U('Index/apply_shop')}" method="post">
<!--<img class="banner" src="__STATIC__/images/del/banner.jpg" />-->
<div class="content" onkeydown="strkeydown(event, this, 'btnsumbit')" id="wsumbit">
<!--<p class="title">美得得新版手店申请表</p>-->
<p class="statement">以下为美得得手店申请所需材料(请务必按要求备全资料):<br/>
费用声明:软件/手店:免费 <span class="red">短信费用:0.06元/条</span>(比如:短信验证码、短信通知) </p>
<div class="info">
<p class="info_tit">一、基础信息</p>
<ul class="info_list">
<li class="">
<p>
迁移证明(注:根据下载的文档进行填 写,并上传加盖企业公章的原件照片或扫描件,支持JPG格式.最多上传3张,多张图片请同时选择进行上传)<span class="red">*(必传)</span>
<br/>
</p>
<a href="https://mshopimg.yolipai.net/public/doc/yjzm.docx?v=20191009" target="_blank">
<div class="btn_zm">
下载证明
</div></a>
<div class="btn_wj" onclick="GetUploadify_new(3,'convertimg','applyshop','','store','store_id','convertimg','','call_back')">
选择文件
</div>
<input type="hidden" id="convertimg" name="convertimg"
onkeydown="strkeydown(event, this, 'submitbtn')"
value="{$info.convertimg}" class="type-file-text">
<span id="upload" style="display: none; color: red">已选择</span>
<span id="selimglist">
<foreach name="convertimg" item="v" >
<a href="{:QCLOUD_IMGURL}{$v}" target="_blank"><img src="{:QCLOUD_IMGURL}{$v}" width="60" align="absmiddle" style="margin: 5px; border: #eee6ee solid 1px" alt="查看大图"></a>
</foreach>
</span>
</li>
<li class="half">
<p>公司名称</p>
<input class="input_text" id="store_name" name="store_name" type="text" value="{$info.corfrname}"/><span class="red">*(必填)</span>
</li>
<li class="half">
<p>联系人</p>
<input class="input_text" id="store_contact" name="store_contact" value="{$info.corname}" type="text"/><span class="red">*(必填)</span>
</li>
<li class="half">
<p>联系方式</p>
<input class="input_text" id="store_tel" name="store_tel" value="{$info.corfrtel}" type="text"/><span class="red">*(必填)</span>
</li>
<li class="half">
<p>客服QQ</p>
<input class="input_text" id="store_qqlist" name="store_qqlist" value="{$info.store_qqlist}" type="text"/><span class="red"></span>
</li>
<li class="half">
<p>当前使用软件ERP帐套</p>
<input class="input_text" id="ERPId" name="ERPId" value="{$info.erpid}" type="text"/><span class="red">*(必填)</span>
</li>
<li class="half">
<p>当前使用的软件云端</p>
<input class="input_text" id="soft_cloud" name="soft_cloud" type="text" value="{$info.soft_cloud}"/><span class="red"></span>
</li>
<li class="half">
<p>授权操作的用户账号</p>
<input class="input_text" id="staff_num" name="staff_num" value="{$info.erpuser}" type="text" style="width: 60%"/><span class="red">*(必填多个以小写逗号,隔开)</span>
</li>
<li class="half">
<p>是否短信充值<span>(短信费用:0.06元/条,短信功能如表头所示)</span><span class="red"></span></p>
<!--<input type="radio" /><label>是</label>-->
<!--<input type="radio" /><label>否</label>-->
<div class="onoff">
<label class="cb-enable" >开启</label>
<input id="site_status1" name="status" checked="checked" value="1" type="radio" onclick="sel_status(1)">
<label class="cb-disable" >关闭</label>
<input id="site_status0" name="status" value="0" type="radio" onclick="sel_status(0)">
</div>
</li>
</ul>
</div>
<div class="info">
<p class="info_tit">二、必备材料</p>
<ul class="info_list">
<li class="half">
<p>公众号登陆账号</p>
<input class="input_text" id="wx_username" name="wx_username" value="{$info.wx_username}" type="text"/><span class="red">*(必填)</span>
</li>
<li class="half">
<p>公众号登陆密码</p>
<input class="input_text" id="wx_pwd" name="wx_pwd" type="text" value="{$info.wx_pwd}"/><span class="red">*(必填)</span>
</li>
<li class="half">
<p>AppID(应用ID)<a href="javascript:;" onclick="sharetest('appid')" style="margin-left: 5px;" class="testsee">查看示例</a></p>
<input class="input_text" id="appid" name="appid" type="text" value="{$info.WX_appid_Pay}" /><span class="red">*(必填)</span>
</li>
<li class="half">
<p>AppSecret(应用密钥)<a href="javascript:;" onclick="sharetest('appsecret')" style="margin-left: 5px;" class="testsee">查看示例</a></p>
<input class="input_text" id="appsecret" name="appsecret" type="text" value="{$info.WX_secret_Pay}" /><span class="red">*(必填)</span>
</li>
<li class="half">
<p>商户号<span>(限有开通微支付必填)</span><a href="javascript:;" onclick="sharetest('mchid')" style="margin-left: 5px;" class="testsee">查看示例</a></p>
<input class="input_text" id="mchid" name="mchid" type="text" value="{$info.WX_MCHID}" /><span class="red">*(必填)</span>
</li>
<li class="half">
<p>微信支付KEY<span>(API密钥,有开通微支付必填)</span><a href="javascript:;" onclick="sharetest('mchkey')" style="margin-left: 5px;" class="testsee">查看示例</a></p>
<input class="input_text" id="mchkey" name="mchkey" type="text" value="{$info.WX_APIKey}" /><span class="red">*(必填)</span>
</li>
<li class="half">
<p>微信验证文件名<span>(在绑定业务域名文件名:如:MP_verify_vdx2Fv5SiR0XmFDn)</span><a href="javascript:;" onclick="sharetest('wxyzfile')" style="margin-left: 5px;" class="testsee">查看示例</a></p>
<input class="input_text" id="wxverfiy" name="wxverfiy" type="text" value="{$info.wxverfiy}"/><span class="red">*(必填)</span>
</li>
</ul>
</div>
<div class="btn_box">
<div class="btn_red" id="btnsumbit" onclick="btnsumbit()">
提交
</div>
<div class="btn_gray" id="btnreset">
重置
</div>
</div>
</div>
</form>
</if>
<input type="hidden" id="qclurl" value="{:QCLOUD_IMGURL}" name="qclurl">
</body>
<script>
var dx_status = 1;
function sel_status(type) {
dx_status = type;
}
function btnsumbit() {
var $convertimg=$("#convertimg").val();
if($.trim($convertimg)==""){
layer.msg('迁移证明必须上传!', {icon: 5,time:1500});return false
}
var store_name = $("#store_name").val();
if(store_name==''){layer.msg('公司名称不能为空!', {icon: 5,time:1500});return false}
var store_contact = $("#store_contact").val();
if(store_contact==''){layer.msg('联系人不能为空!', {icon: 5,time:1500});return false}
var store_tel = $("#store_tel").val();
if(store_tel==''){layer.msg('联系方式不能为空!', {icon: 5,time:1500});return false}
var store_qqlist = $("#store_qqlist").val();
// if(store_qqlist==''){layer.msg('客服QQ不能为空!', {icon: 5,time:1500});return false}
var ERPId = $("#ERPId").val();
if(ERPId==''){layer.msg('当前使用软件ERP帐套不能为空!', {icon: 5,time:1500});return false}
var soft_cloud = $("#soft_cloud").val();
// if(soft_cloud==''){layer.msg('当前使用的软件云端不能为空!', {icon: 5,time:1500});return false}
var staff_num = $("#staff_num").val();
if(staff_num==''){layer.msg('授权操作的员工编号不能为空!', {icon: 5,time:1500});return false}
//微信
var wx_username = $("#wx_username").val();
if(wx_username==''){layer.msg('微信服务用户名不能为空!', {icon: 5,time:1500});return false}
var wx_pwd = $("#wx_pwd").val();
if(wx_pwd==''){layer.msg('密码不能为空!', {icon: 5,time:1500});return false}
var appid = $("#appid").val();
if(appid==''){layer.msg('AppID(应用ID)不能为空!', {icon: 5,time:1500});return false}
var appsecret = $("#appsecret").val();
if(appsecret==''){layer.msg('AppSecret(应用密钥)不能为空!', {icon: 5,time:1500});return false}
var mchid = $("#mchid").val();
if(mchid==''){layer.msg('商户号不能为空!', {icon: 5,time:1500});return false}
var mchkey = $("#mchkey").val();
if(mchkey==''){layer.msg('微信支付KEY不能为空!', {icon: 5,time:1500});return false}
var wxverfiy = $("#wxverfiy").val();
if(wxverfiy==''){layer.msg('微信验证文件名不能为空!', {icon: 5,time:1500});return false}
if(wxverfiy.indexOf("MP_verify_") <0 ){
layer.msg('微信验证文件名格式有误!', {icon: 5,time:1500});return false
}
if(wxverfiy.length > 40 ) {
layer.msg('微信验证文件名有误!', {icon: 5,time:1500});return false
}
var ii=layer.msg('加载中', { icon: 16 ,shade: 0.01,scrollbar: false,time:0 });
$.ajax({
type: 'post',
url: "{:U('Index/apply_shop_Handle')}",
data : $('#applyHandle').serialize(),//from表单 applyHandle是form表单ID
dataType: 'json',
success: function (data) {
//console.log(data);
if(data.status == 1){
layer.close(ii);
layer.msg(data.msg, {icon: 1,time:1500});
window.setTimeout(function(){
location=location
} , 1000);
}
else {
layer.close(ii);
layer.msg(data.msg, {icon: 2,time:1500});
}
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
layer.close(ii);
var err=XMLHttpRequest.status+XMLHttpRequest.readyState+textStatus;
layer.msg(err, {icon: 1,time:1500});
},
})
}
// 上传商品图片成功回调函数
function call_back(fileurl_tmp){
$("#convertimg").val(fileurl_tmp);
var getqclurl = $("#qclurl").val();
var fileurl_tmp1= fileurl_tmp.toString().split(","); //字符分割
var getfileurl_tmp1="";
for (var i=0;i< fileurl_tmp1.length;i++)
{
getfileurl_tmp1+="<a href='"+getqclurl+fileurl_tmp1[i]+"' target='_blank'><img src='"+getqclurl+fileurl_tmp1[i]+"' width='60'align='absmiddle' style=' margin: 5px; border: #eee6ee solid 1px' alt='查看大图'></a>";
}
$("#selimglist").html(getfileurl_tmp1);
$("#upload").show();
}
//分享
function sharetest(filename) {
layer.alert('<img src="https://mshopimg.yolipai.net/public/pcimg/tsimg/'+filename+'.jpg?v=20180809" width="100%">', {
title:'查看示例',
skin: 'layer-ext-moon',
area: ['1000px', '600px'], //宽高
})
}
</script>
</html>