sailun
/
sailun-agent


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264
							<!DOCTYPE html>
<html class="">
	<!--STATUS OK-->
	<head>
		<meta name="referrer" content="always" />
		<meta charset='utf-8' />
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="x-dns-prefetch-control" content="on">
		<meta name="description" content="">
		<meta name="format-detection" content="telephone=no" />
		<link rel="stylesheet" type="text/css" href="css/vant-ui.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css">
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<script src="js/vue.js"></script>
		<script src="js/vant-ui.js"></script>
		<script src="js/main.js"></script>
		<title></title>
	</head>
	<style>
		#app {
			background: linear-gradient(180deg,rgba(0,160,234,1),rgba(0,95,163,1)) !important;
		}
		.login {
			padding-bottom: 0rem;
			height: auto;
			padding-top: .01rem;
			background: none;
		}
		.login .loginFix {
			position: absolute;
		}
		.login .loginBox {
			width: 90%;
			height: auto;
			padding: 10px;
			padding-bottom: 1rem;
		}
		.pull-right {
			width: .15rem !important;
			height: .3rem !important;
		}
		.brandList {
			display: flex;
			width: 100%;
			flex-wrap: wrap;
			margin-top: .8rem;
		}
		.brandList .brandItem, .brandList .choose {
			width: 40%;
			margin: .1rem .3rem;
		}
		.brandItem {
			height: .6rem;
		}
		.anniu > input {
			width: 90%;
			height: .86rem;
			background: rgba(0,160,234,1);
			border-radius: 5rem;
			color: #fff;
			font-size: .31rem;
			margin-top: .5rem;
		}
		.getCodeBtn {
			width: 100px;
			background-color: #00a0ea;
			padding: 5px;
			color: #fff;
			border-radius: 8px 5px;
			text-align: center;
		}
		.anniu {
			display: flex;
		}
	</style>
	<body>
		<div id="app" style="overflow-y: scroll">
			<div class="login" id="aui-header">
				<div class="loginBox">
					<div class="labelTitle flex a-center" style="margin-top: 0;">
						<b class="i1"></b>
						审核状态
					</div>
					<div class="labelValue flex a-center">
						<input type="text" v-model="agentInfo.auditView || '待审核'" readonly="readonly"/>
					</div>
					<div class="labelTitle flex a-center" style="margin-top: 0;">
						<b class="i1"></b>
						门店名称
					</div>
					<div class="labelValue flex a-center">
						<input type="text" placeholder="门店名称" v-model="agentInfo.storeName" readonly="readonly"/>
					</div>
					<div class="labelTitle flex a-center" style="margin-top: 0.3rem;">
						<b class="i2"></b>
						联系人
					</div>
					<div class="labelValue flex a-center">
						<input type="text" placeholder="联系人" v-model="agentInfo.contactName||''" readonly="readonly"/>
					</div>
					<div class="labelTitle flex a-center" style="margin-top: 0.3rem;">
						<b class="i2"></b>
						联系电话
					</div>
					<div class="labelValue flex a-center">
						<input placeholder="联系电话" v-model="agentInfo.storePhone ||''" readonly="readonly"/>
					</div>
					<div class="labelTitle flex a-center" style="margin-top: 0.3rem;">
						<b class="i2"></b>
						地址
					</div>
					<div class="labelValue flex a-center">
						<input placeholder="地区" v-model="agentInfo.province + agentInfo.city + agentInfo.district" readonly="readonly"/>
					</div>
					<div class="labelTitle flex a-center" style="margin-top: 0.3rem;">
						<b class="i2"></b>
						详细地址
					</div>
					<div class="labelValue flex a-center">
						<input placeholder="详细地址" v-model="agentInfo.addressInfo" readonly="readonly"/>
					</div>
				</div>
				<!-- 合作经销商 -->
				<div class="login">
					<div class="loginBox">
						<div class="labelTitle flex a-center" style="margin-top: 0;">
							<b class="i1"></b>
							合作经销商
						</div>
						<div class="labelValue flex a-center">
							<input placeholder="合作经销商" readonly="readonly" v-model="agentInfo.name"/>
							<img src="./image/009.png" class="pull-right"/>
						</div>
						<div class="labelValue flex a-center">
							<input placeholder="签约任务" readonly="readonly" v-model="agentInfo.sianLv"/>
							<img src="./image/009.png" class="pull-right"/>
						</div>
						<div class="biaoti" style="margin-top: 0.4rem;"><img src="image/xiantiao.png" alt=""><span style="margin-top: -.1rem">合作品牌</span><img src="image/xiantiao1.png" alt="">
						</div>
						<div class="brandList" v-if="agentInfo.bizStoreBrandDto == null">
							暂无合作品牌
						</div>
						<div class="brandList" v-else>
							<img v-for="brand in agentInfo.bizStoreBrandDto" class="brandItem" :src="brand.logoUrl" alt="">
						</div>
					</div>
				</div>
				<!-- 附件上传 -->
				<div class="login">
					<div class="loginBox">
						<div class="biaoti" style="margin-top: 0.4rem;"><img src="image/xiantiao.png" alt=""><span style="margin-top: -.1rem">证件</span><img src="image/xiantiao1.png" alt="">
						</div>
						<div class="brandList" style="text-align: center">
							<div class="choose">
								<p>
									营业执照
								</p>
								<img :src="agentInfo.licenseUrl == '' ? './image/biankuang.png' : agentInfo.licenseUrl" style="margin: .3rem auto;" />
							</div>
							<div class="choose">
								<p>
									门头照片
								</p>
								<img :src="agentInfo.storeImageUrl == '' ? './image/biankuang.png' : agentInfo.storeImageUrl" style="margin: .3rem auto;" />
							</div>
						</div>
						<div class="anniu" v-show="agentInfo.status == 0">
							<input type="submit" value="否决" style="background-color:red" v-on:click="checkStore(2)">
							<input type="submit" value="通过" v-on:click="checkStore(1)">
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript" src="../script/httpRequest.js"></script>
	<script type="text/javascript" src="../script/vue_plugins.js"></script>
	<script type="text/javascript">
		apiready = function() {
			var storeId = api.pageParam.storeId;
			new Vue({
				el : '#app',
				data : {
					// 选择省市区
					UIActionSelector : '',
					map : '', // 百度地图SDK
					//  选择省市区的文件
					file : 'widget://res/city.json',
					userName : '', // 门店名称
					userPerson : '', // 用户联系人
					userPhone : '', // 用户手机号
					userCode : '', // 手机号验证码
					userDistrct : '', // 点击选择地址
					userAddress : '', // 用户地址
					distrctArr : [], // 保存的地址
					userLicense : '', // 营业执照
					userDoorway : '', // 门头照片
					userLat : '', // 纬度
					userLon : '', // 经度
					posterList : [], // 经销商列表
					storeId : storeId,
					agentInfo : '', // 这是门店详情
					onClick:true,
				},
				methods : {
					//  初始化数据
					init : function() {
						this.getAgentInfo();
					},
					//  获取门店详情
					getAgentInfo : function() {
						var _this = this, url = "getAgentInfoU", data = {
							id : this.storeId,
							"type" : 'body',
							"url" : 'json'
						}
						this.$post(url, data, function(ret) {
							if (ret.code == 0) {
								_this.agentInfo = ret.data;
							}
						});
					},
					//  审核门店
					checkStore : function(type) {
						if(this.onClick){
						this.onClick=false;
						var data = {
							"id" : this.storeId,
							"status" : type,
							"type" : 'body',
							"url" : 'json'
						}, _this = this, url = "checkStoreInfoU";
						this.$post(url, data, function(ret) {
							if (ret.code == 0 || ret.code == '0') {
								api.toast({
									msg : '已'+ ['','通过','否决'][type]
								});
								api.sendEvent({
									name: 'refushAgentList',
									extra: {}
								});
								setTimeout(function() {
									_this.getAgentInfo();
								}, 200);
							}
						});
						setTimeout(function() {
							this.onClick=true;
						}, 200);
						}
						
					}
				},
				filters : {
				},
				mounted : function() {
					this.init();
				}
			})
		}
	</script>
</html>