صفحهٔ اصلی گشت‌و‌گذار راهنما
ورود
sailun
/
sailun-agent
3
0
انشعاب 0
پرونده‌ها مشکلات 0 درخواست واکشی 0 ویکی
درخت: 943221977f
شاخه‌ها تگ‌ها
sailun-agent
/
index0.html

index0.html 7.0 KB
تاريخچه خام

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231 
  1. <!doctype html>
    2. 

  2. <html>
    3. 

  3. 	<head>
    4. 

  4. 		<meta charset="utf-8">
    5. 

  5. 		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
    6. 

  6. 		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    7. 

  7. 		<title>APP</title>
    8. 

  8. 		<link rel="stylesheet" type="text/css" href="./css/api.css" />
    9. 

  9. 		<!--<link rel="stylesheet" type="text/css" href="./css/aui.css" />-->
    10. 

  10. 		<link rel="stylesheet" type="text/css" href="./css/aui-win.css" />
    11. 

  11. 		<link rel="stylesheet" type="text/css" href="./css/css/vant-ui.css" />
    12. 

  12. 		<link rel="stylesheet" type="text/css" href="./css/iconfont.css">
    13. 

  13. 		<link rel="stylesheet" type="text/css" href="./css/main.css" />
    14. 

  14. 		<script src="./script/js/vue.js"></script>
    15. 

  15. 		<script src="./script/js/vant-ui.js"></script>
    16. 

  16. 		<script src="./script/js/main.js"></script>
    17. 

  17. 		<script src="./script/vue_plugins.js"></script>
    18. 

  18. 

  19. 		<style type="text/css">
    20. 

  20. 			body, html {
    21. 

  21. 				width: 100%;
    22. 

  22. 				height: 100%;
    23. 

  23. 			}
    24. 

  24. 			.aui-nav .aui-bar-tab {
    25. 

  25. 				background: #fff;
    26. 

  26. 			}
    27. 

  27. 			.aui-bar {
    28. 

  28. 				text-align: center;
    29. 

  29. 				/*height: 3.3rem;*/
    30. 

  30. 			}
    31. 

  31. 			#app{
    32. 

  32. 				background: linear-gradient(#00a0ea,#040da9);
    33. 

  33. 				display: flex;
    34. 

  34. 				justify-content: center;
    35. 

  35. 				align-items: center;
    36. 

  36. 				height: 100%;
    37. 

  37. 			}
    38. 

  38. 			.my-swipe{
    39. 

  39. 				width: 60%;
    40. 

  40. 				background: #ffffff;
    41. 

  41. 				box-shadow: 0 6px 12px 7px rgba(0,0,0,0.2);
    42. 

  42. 				height: 60%;
    43. 

  43. 				border-radius: 10px;
    44. 

  44. 

  45. 			}
    46. 

  46. 			.my-swipe-item{
    47. 

  47. 				/*display: flex;
    48. 

  48. 				flex-wrap: wrap;
    49. 

  49. 				justify-content: center;*/
    50. 

  50. 				padding: 32px 24px;
    51. 

  51. 				box-sizing: border-box;
    52. 

  52. 				position: relative;
    53. 

  53. 			}
    54. 

  54. 			.avatar{
    55. 

  55. 				width: 2.2rem;
    56. 

  56. 				height: 2.2rem;
    57. 

  57. 				border-radius: 1.1rem;
    58. 

  58. 				overflow: hidden;
    59. 

  59. 				background: rgba(0,0,0,.2);
    60. 

  60. 				display: flex;
    61. 

  61. 				justify-content: center;
    62. 

  62. 				align-items: center;
    63. 

  63. 				margin: 0 auto;
    64. 

  64. 			}
    65. 

  65. 			img{
    66. 

  66. 				width: 100%;
    67. 

  67. 				height: auto;
    68. 

  68. 			}
    69. 

  69. 			.title{
    70. 

  70. 				text-align: center;
    71. 

  71. 				margin-top: .2rem;
    72. 

  72. 				font-size: 0.32rem;
    73. 

  73. 			}
    74. 

  74. 				.title span{
    75. 

  75. 					color: #00a0ea;
    76. 

  76. 					font-weight: 600;
    77. 

  77. 				}
    78. 

  78. 			.btn-goin{
    79. 

  79. 				position: absolute;
    80. 

  80. 				bottom: 1rem;
    81. 

  81. 				margin: 0 auto;
    82. 

  82. 				width: 80%
    83. 

  83. 			}
    84. 

  84. 		</style>
    85. 

  85. 	</head>
    86. 

  86. 	<body>
    87. 

  87. 			<header class="aui-bar aui-bar-nav" id="aui-header">选择你的角色</header>
    88. 

  88. 			<div id="app" v-cloak>
    89. 

  89. 				<van-swipe v-if="showScope" class="my-swipe" @change="onChange">
    90. 

  90. 					<van-swipe-item class="my-swipe-item" v-for="(item,index) in roleList" :key="index">
    91. 

  91. 							<div class="avatar">
    92. 

  92. 								<img v-if="item.spart=='10'" src="./image/image/t.png" />
    93. 

  93. 								<img v-else-if="item.spart=='40'" src="./image/image/p.png" />
    94. 

  94. 							</div>
    95. 

  95. 							<div class="title"><span>{{item.spartName}}经销商</span></div>
    96. 

  96. 							<van-button class="btn-goin" round type="info" @click="selectedRole(item)">立即进入</van-button>
    97. 

  97. 					</van-swipe-item>
    98. 

  98. 				</van-swipe>
    99. 

  99. 				<div v-else style="width:100%;height:100%;text-align:center;line-height:100%;">
    100. 

  100. 					<van-loading v-show="loadingShow"></van-loading>
    101. 

  101. 					<van-empty v-show="!loadingShow" description="页面加载失败">
    102. 

  102. 					  <van-button round type="danger" class="bottom-button" @click="reback">
    103. 

  103. 					    退出重新登录
    104. 

  104. 					  </van-button>
    105. 

  105. 					</van-empty>
    106. 

  106. 				</div>
    107. 

  107. 			</div>
    108. 

  108. 	</body>
    109. 

  109. 	<script type="text/javascript" src="./script/api.js"></script>
    110. 

  110. 	<script type="text/javascript" src="./script/aui-tab.js" ></script>
    111. 

  111. 	<script type="text/javascript" src="./script/httpRequest.js"></script>
    112. 

  112. 	<script type="text/javascript">
    113. 

  113. 		apiready = function() {
    114. 

  114. 			//$api.clearStorage();
    115. 

  115. 			var header = $api.byId('aui-header');
    116. 

  116. 			$api.fixStatusBar(header);
    117. 

  117. 			var headerPos = $api.offset(header);
    118. 

  118. 			var body_h = $api.offset($api.dom('body')).h;
    119. 

  119. 			api.addEventListener({
    120. 

  120. 			    name: 'rebacklogin'
    121. 

  121. 			}, function(ret, err){
    122. 

  122. 				if( ret ){
    123. 

  123. 						//  alert( JSON.stringify( ret ) );
    124. 

  124. 				}else{
    125. 

  125. 						//  alert( JSON.stringify( err ) );
    126. 

  126. 				}
    127. 

  127. 			});
    128. 

  128. 			new Vue({
    129. 

  129. 				el: "#app",
    130. 

  130. 				data: {
    131. 

  131. 						loginid: "",
    132. 

  132. 						roleScene: "",
    133. 

  133. 						currentItem:0,
    134. 

  134. 						roleList: [],
    135. 

  135. 						showScope: false,
    136. 

  136. 						loadingShow: true
    137. 

  137. 				},
    138. 

  138. 				created: function(){
    139. 

  139. 					var _this = this;
    140. 

  140. 					// 判断是否登录
    141. 

  141. 					if(!this.isLogin()){
    142. 

  142. 						_this.openLogin(headerPos, body_h);
    143. 

  143. 					};
    144. 

  144. 					// 判断是否需要选择角色，需要选择角色的情况：showScope为true
    145. 

  145. 					if(typeof $api.getStorage("showScope") == "string" && $api.getStorage("showScope")=="true"){
    146. 

  146. 						// 需要选择角色
    147. 

  147. 						if(typeof $api.getStorage("showScope") != "string"||$api.getStorage("roleScene")==""||$api.getStorage("roleScene")==undefined){
    148. 

  148. 							_this.openLogin(headerPos, body_h);
    149. 

  149. 						}else{
    150. 

  150. 								_this.loginEntrance($api.getStorage("roleScene"),'.');
    151. 

  151. 						}
    152. 

  152. 					}else if(typeof $api.getStorage("showScope") == "string" && $api.getStorage("showScope")=="false"){
    153. 

  153. 							// 不需要选择角色，直接进入对应的界面
    154. 

  154. 						_this.loginEntrance($api.getStorage("roleScene"),'.');
    155. 

  155. 					}else{
    156. 

  156. 						_this.openLogin(headerPos, body_h);
    157. 

  157. 					};
    158. 

  158. 					// 这里是账号密码登录的数据
    159. 

  159. 					api.addEventListener({name:"saveUserPwdInfo"},function(info){
    160. 

  160. 						_this.showScope = info.value.data.data.showScope;
    161. 

  161. 						if(_this.showScope){
    162. 

  162. 							// 选择业务场景
    163. 

  163. 							_this.roleList = info.value.data.data.scopeList;
    164. 

  164. 						}else{
    165. 

  165. 							// 默认不选择业务场景时
    166. 

  166. 							$api.setStorage('roleScene', info.value.data.data.spart);
    167. 

  167. 							_this.loginEntrance(info.value.data.data.spart,'.');
    168. 

  168. 						}
    169. 

  169. 					});
    170. 

  170. 				},
    171. 

  171. 				mounted: function(){
    172. 

  172. 					var _this = this;
    173. 

  173. 					setTimeout(function(){
    174. 

  174. 						_this.loadingShow = false;
    175. 

  175. 					},6*1000)
    176. 

  176. 				},
    177. 

  177. 				methods: {
    178. 

  178. 					reback: function(){
    179. 

  179. 						// 加载失败退出重新登录
    180. 

  180. 							this.openLogin(headerPos, body_h);
    181. 

  181. 					},
    182. 

  182. 					onChange(index) {
    183. 

  183. 						 this.currentItem = index;
    184. 

  184. 					 },
    185. 

  185. 					 openLogin(headerPos, body_h, footer_h) {
    186. 

  186. 						 	$api.clearStorage();
    187. 

  187. 				 			api.openWin({
    188. 

  188. 				 				name : 'login',
    189. 

  189. 				 				url : './main/login.html',
    190. 

  190. 				 				rect : {
    191. 

  191. 				 					x : 0,
    192. 

  192. 				 					y : 0,
    193. 

  193. 				 					w : 'auto',
    194. 

  194. 				 					h : body_h - footer_h - headerPos.h
    195. 

  195. 				 				},
    196. 

  196. 				 				animation : {
    197. 

  197. 				 					type : "none", //动画类型（详见动画类型常量）
    198. 

  198. 				 					subType : "from_right", //动画子类型（详见动画子类型常量）
    199. 

  199. 				 					duration : 200 //动画过渡时间，默认300毫秒
    200. 

  200. 				 				}
    201. 

  201. 				 			});
    202. 

  202. 						},
    203. 

  203. 						selectedRole(params){
    204. 

  204. 							var _this = this;
    205. 

  205. 							this.showModal("场景确认",'您确认进入'+params.spartName+'业务场景？', ["取消", "确认"],function(index){
    206. 

  206. 								if(index==1){
    207. 

  207. 									var data = {
    208. 

  208. 										token : $api.getStorage("token"),
    209. 

  209. 										vkorg : params.vkorg,
    210. 

  210. 										vtweg : params.vtweg,
    211. 

  211. 										spart: params.spart,
    212. 

  212. 										url : 'json',
    213. 

  213. 										type : 'body'
    214. 

  214. 									};
    215. 

  215. 									_this.$post("confirmBusinessScope", data, function(ret) {
    216. 

  216. 										if(ret.code==0||ret.code=="0"){
    217. 

  217. 												_this.loginEntrance(params.spart,'.');
    218. 

  218. 												$api.setStorage('roleScene', params.spart);
    219. 

  219. 												$api.setStorage("token", ret.data.token);
    220. 

  220. 										}
    221. 

  221. 									})
    222. 

  222. 								}else{
    223. 

  223. 										$api.clearStorage("roleScene");
    224. 

  224. 								}
    225. 

  225. 							})
    226. 

  226. 						}
    227. 

  227. 			 		}
    228. 

  228. 			});
    229. 

  229. 		}
    230. 

  230. 	</script>
    231. 

  231. </html>
    232.