apply_shop.html 16 KB
<!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/>
			费用声明:软件/手店:免费&nbsp;&nbsp;&nbsp;&nbsp;<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/>&nbsp;
						</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>