my.html 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>我的拍卖</title>
  6. <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
  7. <meta content="yes" name="apple-mobile-web-app-capable"/>
  8. <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
  9. <meta content="telephone=no" name="format-detection"/>
  10. <link href="../css/api.css" rel="stylesheet" type="text/css"/>
  11. <link href="../css/aui.css" rel="stylesheet" type="text/css"/>
  12. <link href="../css/html.css" rel="stylesheet" type="text/css"/>
  13. <link href="../css/styleMy.css" rel="stylesheet" type="text/css"/>
  14. <style>
  15. .aui-auction-item-fr {
  16. text-decoration: underline;
  17. color: #8ec31f;
  18. }
  19. .aui-layout-list a:first-of-type {
  20. border-right: 1px solid #fff;
  21. }
  22. .aui-list-item-inner {
  23. padding-left: 1.5rem;
  24. }
  25. .aui-img-left {
  26. position: absolute;
  27. width: 1.1rem;
  28. left: 0;
  29. top: 0.5rem;
  30. }
  31. .aui-list {
  32. border-top: 0px !important;
  33. }
  34. </style>
  35. </head>
  36. <body>
  37. <section class="aui-flexView" id="app">
  38. <section class="aui-scrollView">
  39. <div class="zmq-my-header">
  40. <div class="zmq-my-headerbg"></div>
  41. <div class="zmq-my-body">
  42. <div class="zmq-my-info">
  43. <div class="zmq-my-userinfo zmq-flex" v-cloak>
  44. <img src="../image/drawable-xhdpi/icon.png"/>
  45. <div class="zmq-my-userinfo-name">
  46. <p>
  47. {{storeInfo.storeName}}
  48. </p>
  49. <!--<p>
  50. {{storeInfo.nstatusName}}
  51. </p>-->
  52. <p>
  53. {{storeInfo.city + storeInfo.district + storeInfo.addressInfo}}
  54. </p>
  55. </div>
  56. <!--<div class="zmq-jifen-bg" onclick="goWin1('jifen_win')">
  57. <img src="../image/drawable-xhdpi/scanList.png"/>积分明细
  58. </div>-->
  59. </div>
  60. <div class="aui-layout-list">
  61. <a href="javascript:;" class="aui-layout-list-item zmq-text-white">
  62. <div class="aui-layout-list-text zmq-text-white">
  63. {{storeInfo.integralAmount}}
  64. </div>
  65. <div>
  66. 可用积分
  67. </div> </a>
  68. <a href="javascript:;" class="aui-layout-list-item zmq-text-white">
  69. <div class="aui-layout-list-text zmq-text-white">
  70. {{storeInfo.integralAmount}}
  71. </div>
  72. <div>
  73. 总积分
  74. </div> </a>
  75. </div
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. <div class="zmq-card-nomal">
  81. <div class="aui-flex b-line zmq-radius-top-5">
  82. <div class="aui-flex-box">
  83. 我的工具
  84. </div>
  85. </div>
  86. <div class="aui-layout-list aui-layout-clear zmq-bg-white zmq-radius-bottom-5">
  87. <a href="javascript:;" class="aui-layout-list-item" onclick="goWin('perfectUser_win')">
  88. <div class="aui-layout-list-text">
  89. <img src="../image/drawable-xhdpi/icon01.png" alt="">
  90. </div>
  91. <div>
  92. 基础资料
  93. </div> </a>
  94. <a href="javascript:;" class="aui-layout-list-item" onclick="goWin2('store_win')">
  95. <div class="aui-layout-list-text">
  96. <img src="../image/drawable-xhdpi/icon022.png" alt="">
  97. </div>
  98. <div>
  99. 产品介绍
  100. </div> </a>
  101. <a href="javascript:;" class="aui-layout-list-item" onclick="goWin('customer_win')">
  102. <div class="aui-layout-list-text">
  103. <img src="../image/drawable-xhdpi/icon033.png" alt="">
  104. </div>
  105. <div>
  106. 我的客户
  107. </div> </a>
  108. </div>
  109. <div class="aui-layout-list aui-layout-clear zmq-bg-white zmq-radius-bottom-5">
  110. <a href="javascript:;" class="aui-layout-list-item" onclick="goWin1('kucun_win',4)">
  111. <div class="aui-layout-list-text">
  112. <img src="../image/drawable-xhdpi/115.png" alt="">
  113. </div>
  114. <div>
  115. 库存查询
  116. </div> </a>
  117. <a href="javascript:;" class="aui-layout-list-item" v-on:click="goPoster('poster_win')">
  118. <div class="aui-layout-list-text">
  119. <img src="../image/drawable-xhdpi/other02.png" alt="">
  120. </div>
  121. <div>
  122. 金宇海报
  123. </div> </a>
  124. <a href="javascript:;" class="aui-layout-list-item" v-on:click="getVersionD()">
  125. <div class="aui-layout-list-text">
  126. <img src="../image/drawable-xhdpi/version.png" alt="">
  127. </div>
  128. <div style="color: #F03C03">
  129. 版本{{version}}
  130. </div> </a>
  131. <!-- <a href="javascript:;" class="aui-layout-list-item" style="margin-top: 10px" v-on:click="goPay('alinPay_win')">
  132. <div class="aui-layout-list-text">
  133. <img src="../image/drawable-xhdpi/other02.png" alt="">
  134. </div>
  135. <div>
  136. 对接通联
  137. </div> </a>-->
  138. </div>
  139. </div>
  140. <!-- <div class="zmq-card-nomal">
  141. <div class="aui-flex">
  142. <div class="aui-flex-box">
  143. 我的工具
  144. </div>
  145. </div>
  146. <div class="aui-layout-list aui-layout-clear aui-layout-two zmq-bg-white">
  147. <ul class="aui-list aui-list-in">
  148. <li class="aui-list-item aui-list-item-middle">
  149. <div class="aui-list-item-inner aui-list-item-arrow">
  150. <img class="aui-img-left" src="../image/drawable-xhdpi/other01.png" alt="" />我的保证金
  151. </div>
  152. </li>
  153. <li class="aui-list-item aui-list-item-middle">
  154. <div class="aui-list-item-inner aui-list-item-arrow">
  155. <img class="aui-img-left" src="../image/drawable-xhdpi/other02.png" alt="" />我的建议
  156. </div>
  157. </li>
  158. <li class="aui-list-item aui-list-item-middle">
  159. <div class="aui-list-item-inner aui-list-item-arrow">
  160. <img class="aui-img-left" src="../image/drawable-xhdpi/other03.png" alt="" />我的小蜜
  161. </div>
  162. </li>
  163. <li class="aui-list-item aui-list-item-middle">
  164. <div class="aui-list-item-inner aui-list-item-arrow">
  165. <img class="aui-img-left" src="../image/drawable-xhdpi/other04.png" alt="" />爱车估价
  166. </div>
  167. </li>
  168. </ul>
  169. </div>
  170. </div>-->
  171. <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">
  172. 注销账号
  173. </div>
  174. </section>
  175. </section>
  176. </body>
  177. <script type="text/javascript" src="../script/api.js"></script>
  178. <script type="text/javascript" src="../script/vue.js"></script>
  179. <script type="text/javascript" src="../script/httpRequest.js"></script>
  180. <script type="text/javascript" src="../script/vue_plugins.js"></script>
  181. <script type="text/javascript">
  182. apiready = function() {
  183. new Vue({
  184. el : '#app',
  185. data : {
  186. storeInfo : '',
  187. // 版本
  188. getVersionUrl : 'getVersionUrl',
  189. version : '',
  190. },
  191. methods : {
  192. init : function() {
  193. var _this = this;
  194. _this.version = this.getVersion();
  195. this.getUserInfo(function(userinfo) {
  196. _this.storeInfo = userinfo.retailerDto;
  197. })
  198. this.addEvent("openFrameGroup", function() {
  199. _this.getUserInfo(function(userinfo) {
  200. _this.storeInfo = userinfo.retailerDto;
  201. })
  202. })
  203. this.configHeaderRefush(function() {
  204. _this.getUserInfo(function(userinfo) {
  205. _this.storeInfo = userinfo.retailerDto;
  206. })
  207. })
  208. },
  209. // 检查更新
  210. getVersionD : function(){
  211. var data = {
  212. paramKey : 'shop_version',
  213. url : 'json',
  214. type : 'body'
  215. },_this = this;
  216. this.$post(this.getVersionUrl, data, function(ret) {
  217. if(ret.code == 0){
  218. if(ret.version == _this.version){
  219. api.toast({
  220. msg:'已是最新版本'
  221. });
  222. }else{
  223. // 访问接口获取
  224. _this.showModal("更新提示","检测到有新版本,是否立即更新?",["确认","取消"],function(index){
  225. if(index == 1){
  226. _this.getNewVersionUrl();
  227. }
  228. })
  229. }
  230. }
  231. })
  232. },
  233. // 点击跳转金宇海报
  234. goPoster : function(){
  235. // storeJlPhone storeName
  236. var option = {
  237. p : this.storeInfo.storeJlPhone,
  238. n : this.storeInfo.storeName
  239. }
  240. this.goWin("poster_win", "user/poster_win.html",option);
  241. },
  242. // 跳转通联支付
  243. goPay : function(winName){
  244. this.goWin(winName,"alinPay/alinPay_win.html","");
  245. },
  246. logout : function() {
  247. var _this = this;
  248. // 登出
  249. this.showModal("确认注销", "是否确认注销该账号?", ["确认", "取消"], function(index) {
  250. if (index == 1) {
  251. api.showProgress({
  252. title : '注销提示',
  253. msg : '正在注销数据',
  254. });
  255. setTimeout(function() {
  256. $api.clearStorage();
  257. api.hideProgress();
  258. _this.goWin("login", "user/login.html");
  259. }, 500);
  260. }
  261. })
  262. },
  263. },
  264. mounted : function() {
  265. this.init();
  266. }
  267. })
  268. }
  269. function goWin1(winName,n) {
  270. api.openWin({
  271. name : winName,
  272. url : './order/' + winName + '.html',
  273. pageParam : {
  274. type : n
  275. }
  276. });
  277. }
  278. function goWin(winName) {
  279. api.openWin({
  280. name : winName,
  281. url : './user/' + winName + '.html'
  282. });
  283. }
  284. function goWin2(winName) {
  285. api.openWin({
  286. name : winName,
  287. url : './store/' + winName + '.html'
  288. });
  289. }
  290. </script>
  291. </html>