sailun
/
sailun-agent


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319
							<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title>AUI快速完成布局</title>
		<link rel="stylesheet" type="text/css" href="../css/aui.css" />
		<link rel="stylesheet" type="text/css" href="../css/api.css" />
		<link rel="stylesheet" type="text/css" href="../css/html.css" />
		<style type="text/css">
			.text-white {
				color: #ffffff !important;
			}
			.aui-grid [class*=aui-col-] {
				padding: 0.75 rem 0;
			}
			.aui-order-number {
				padding: 0.75 rem;
			}
			.aui-card-list-user-name {
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 3;
			}
			.aui-card-list-user-info {
				text-align: right;
				color: #f00;
				margin-top: 10px;
			}
			.aui-top {
				padding: 7px 2px;
				border-bottom: 1px solid #ddd;
				width: 96%;
				margin-left: 2%;
			}
			.aui-state {
				float: right;
			}
			.aui-top .aui-state {
				color: #1da02b;
			}
			.aui-top .aui-state, .aui-top .aui-time {
				font-size: 0.6 rem;
			}
			#user-info {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				z-index: 2;
			}
			.aui-app-flex-text {
				display: flex;
				display: -webkit-flex;
			}
			.aui-app-flex-text div p {
				font-size: .6rem;
				padding: 3px;
			}
			.aui-app-flex-text div {
				text-align: center;
				color: #fff !important;
				padding: 4px 0;
			}
			.aui-app-flex-text div:last-of-type {
				border-right: 0px dotted #ddd;
			}
			.aui-list .aui-list-item {
				border: 0px !important;
			}
			.aui-list .aui-list-item-inner {
				padding-right: 0px;
			}
			.zmq-img-store {
				width: 2rem !important;
				height: 2rem !important;
			}
			.aui-list-item-label-icon {
				width: 2.2 rem !important;
				height: 2.2 rem !important;
			}
			@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
				.aui-list.aui-list-noborder, .aui-list.aui-list-noborder .aui-list-item:last-child {
					background-image: url(../image/drawable-xhdpi/kehuinfo.png);
					background-size: 100% 100%;
				}
			}
		</style>
	</head>
	<body>
		<div id="app">
			<!-- 顶部 -->
			<div class="aui-list-noborder zmq-bg-info zmq-padding-vertical-10 zmq-info-header"></div>
			<div class="zmq-position-absolute zmq-width-100 zmq-textAlign-center" style="left: 0">
				<div class="zmq-position-absolute zmq-width-100 zmq-textAlign-center zmq-text-font-09 zmq-user-name zmq-text-white" v-cloak>
					{{storeInfo.agentName}}
				</div>
				<img class="zmq-img-user zmq-bg-shallow" src="../image/drawable-xhdpi/l2.png">
			</div>
			<div class="aui-app-flex-text zmq-user-infoBlock zmq-width-90 zmq-radius-10 zmq-box-normal" >
				<div class="zmq-flex-1" onclick="goWin('../kehu/kehu_win')">
					<img class="zmq-icon-inline-user" style="margin-right: 0px" src="../image/drawable-xhdpi/myz.png"/>
					<p class="zmq-text-font-07">
						客户信息
					</p>
				</div>
				<div class="zmq-line-versial zmq-bg-shallow"></div>
				<div class="zmq-flex-1" onclick="goWin('../kehu/notice_win')">
					<img class="zmq-icon-inline-user" style="margin-right: 0px" src="../image/drawable-xhdpi/xs.png"/>
					<p class="zmq-text-font-07">
						消息中心
					</p>
				</div>
			</div>
			<!-- 信息 -->
			<div class="aui-content aui-margin-b-15 zmq-width-90 zmq-margin-top-10 zmq-radius-5" v-cloak>
				<ul class="aui-list aui-form-list zmq-border-none">
					<li class="aui-list-item zmq-border-none">
						<div class="aui-list-item-inner">
							<img class="zmq-icon-inline-user" src="../image/drawable-xhdpi/sm.png"/>
							<div class="aui-list-item-label zmq-text-font-07 zmq-text-explain">
								编码
							</div>
							<div class="aui-list-item-input">
								<div class="zmq-text-value zmq-text-font-07">
									{{storeInfo.agentCode}}
								</div>
							</div>
						</div>
					</li>
					<div class="zmq-line-level zmq-width-90 zmq-bg-shallow"></div>
					<li class="aui-list-item">
						<div class="aui-list-item-inner">
							<img class="zmq-icon-inline-user" src="../image/drawable-xhdpi/xm.png"/>
							<div class="aui-list-item-label zmq-text-font-07 zmq-text-explain">
								经理
							</div>
							<div class="aui-list-item-input">
								<div class="zmq-text-value zmq-text-font-07">
									{{storeInfo.agentNick}}
								</div>
							</div>
						</div>
					</li>
					<div class="zmq-line-level zmq-width-90 zmq-bg-shallow"></div>
					<li class="aui-list-item">
						<div class="aui-list-item-inner">
							<img class="zmq-icon-inline-user" src="../image/drawable-xhdpi/dl.png"/>
							<div class="aui-list-item-label zmq-text-font-07 zmq-text-explain">
								代理品牌
							</div>
							<div class="aui-list-item-input">
								<div class="zmq-text-value zmq-text-font-07">
									{{storeInfo.hasBrand ? storeInfo.hasBrand : '黑狮轮胎'}}
								</div>
							</div>
						</div>
					</li>
<!--					<div class="zmq-line-level zmq-width-90 zmq-bg-shallow"></div>
					<li class="aui-list-item">
						<div class="aui-list-item-inner">
							<img class="zmq-icon-inline-user" src="../image/drawable-xhdpi/lx.png"/>
							<div class="aui-list-item-label zmq-text-font-07 zmq-text-explain">
								联系方式
							</div>
							<div class="aui-list-item-input">
								<div class="zmq-text-value zmq-text-font-07">
									{{storeInfo.mobile}}
								</div>
							</div>
						</div>
					</li>-->
					<div class="zmq-line-level zmq-width-90 zmq-bg-shallow"></div>
					<li class="aui-list-item">
						<div class="aui-list-item-inner">
							<img class="zmq-icon-inline-user" src="../image/drawable-xhdpi/dz.png"/>
							<div class="aui-list-item-label zmq-text-font-07 zmq-text-explain">
								地址
							</div>
							<div class="aui-list-item-input">
								<div class="zmq-text-value zmq-text-font-07">
									{{storeInfo.area}}{{storeInfo.address}}
								</div>
							</div>
						</div>
					</li>
					<div class="zmq-line-level zmq-width-90 zmq-bg-shallow"></div>
					<li class="aui-list-item" v-on:click="getVersionD">
						<div class="aui-list-item-inner">
							<img class="zmq-icon-inline-user" src="../image/drawable-xhdpi/version.png"/>
							<div class="aui-list-item-label zmq-text-font-07 zmq-text-explain">
								版本
							</div>
							<div class="aui-list-item-input">
								<div class="zmq-text-danger zmq-text-font-07">
									{{version}}
								</div>
							</div>
						</div>
					</li>
				</ul>
				<div class="zmq-width-90 zmq-btn-img zmq-padding-vertical-10 zmq-textAlign-center zmq-text-white zmq-margin-vertical-5" style="margin-top: 2rem" v-on:click="logout">
					注销账号
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript" src="../script/vue.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 type = api.pageParam.type;
			new Vue({
				el : '#app',
				data : {
					type : type,
					list : [],
					storeInfo : {},
					//  版本
					getVersionUrl : 'getVersionUrl',
					version : '',
				},
				methods : {
					init : function() {
						var _this = this;
						_this.version = this.getVersion();
						this.getUserInfo(function(ret) {
							if (ret.code == 0) {
								_this.storeInfo = ret.agentDto;
							}
						})
						this.addEvent("openFrameGroup", function() {
							_this.getUserInfo(function(ret) {
								_this.storeInfo = ret.agentDto;
							})
						})
						this.configHeaderRefush(function() {
							_this.getUserInfo(function(ret) {
								if (ret.code == 0) {
									_this.storeInfo = ret.agentDto;
								}
							})
						})
					},
					//  检查更新
										//  检查更新
					getVersionD : function(){
					    var data = {
					        paramKey : 'agent_version',
					        url : 'json',
							type : 'body'
					    },_this = this;
					    this.$post(this.getVersionUrl, data, function(ret) {	        					  
					        if(ret.code == 0){
					            if(ret.version == _this.version){
					               api.toast({
	                                   msg:'已是最新版本'
                                   });
					            }else{
					               // 访问接口获取
					               _this.showModal("更新提示","检测到有新版本，是否立即更新？",["确认","取消"],function(index){
					                   if(index == 1){
					                      _this.getNewVersionUrl();
					                   }
					               })
					            }
					        }
					    })
					},
					lookList : function() {
						api.openWin({
							name : 'record_win',
							url : 'record_win.html'
						});
					},
					logout : function() {
						var _this = this;
						//  登出
						this.showModal("确认注销", "是否确认注销该账号？", ["确认", "取消"], function(index) {
							if (index == 1) {
								api.showProgress({
									title : '注销提示',
									msg : '正在注销数据',
								});
								setTimeout(function() {
								    _this.initApush('sss' + $api.setStorage("agentCode"));
									$api.clearStorage();
									api.hideProgress();
									_this.goWin("login", "user/login.html");
								}, 500);
							}
						})
					},
				},
				mounted : function() {
					this.init();
				}
			})
		}
		function goWin(winName, page) {
			api.openWin({
				name : winName,
				url : './order/' + winName + '.html',
				pageParam : page
			});
		}
		var lookList = function() {
			api.openWin({
				name : 'record_win',
				url : 'record_win.html'
			});
		}
	</script>
</html>