index.vue 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232
  1. <template>
  2. <view style="background-color: #FFFFFF;height: 100vh;" class="u-skeleton">
  3. <view class="status_bar">
  4. <!-- 这里是状态栏 -->
  5. </view>
  6. <view class="u-page" style="margin-bottom: 20rpx;">
  7. <view class="u-m-t-20">
  8. <u-swiper :list="bannersList" :height="310" :effect3d="true" border-radius="20" effect3d-previous-margin="20"
  9. bg-color="#FFF" class="u-skeleton-fillet" v-if="bannersList.length!=0"></u-swiper>
  10. <u-swiper :list="list" :height="310" :effect3d="true" border-radius="20" effect3d-previous-margin="20" bg-color="#FFF"
  11. class="u-skeleton-fillet" v-else></u-swiper>
  12. </view>
  13. <view class="u-flex u-m-t-20 u-m-l-20 u-m-r-20 u-skeleton-fillet" style="width:710rpx;">
  14. <!-- <view class="u-flex u-row-center" style="width: 150rpx; height: 70rpx;border-radius: 50rpx;background: rgba(52,140,245,0.1);font-size: 20rpx;color: #348CF5; font-size: 500;">
  15. <u-image width="45rpx" height="35rpx" src="../../static/sailun/speaker.png" style="margin:10rpx;"></u-image>公告
  16. <u-notice-bar mode="horizontal" :list="noticebarList" :volume-icon="false" bg-color="#FFF" color="#2B2B2B" padding="18rpx 12rpx" :is-circular="false"></u-notice-bar> -->
  17. <u-notice-bar mode="vertical" :list="noticebarList" style="width: 710rpx;" type="primary"></u-notice-bar>
  18. </view>
  19. <view class="u-flex u-m-t-20 u-row-around u-m-l-10 u-m-r-10">
  20. <u-image width="350rpx" src="../../static/sailun/scan_in.png" @click="scancodeIn" mode="widthFix" class="u-skeleton-fillet"></u-image>
  21. <u-image width="350rpx" src="../../static/sailun/scan_out.png" @click="scancodeOut" mode="widthFix" class="u-skeleton-fillet"></u-image>
  22. </view>
  23. <view class="u-m-t-20">
  24. <view class="u-m-l-30" style="font-size: 34rpx;">
  25. 快捷服务
  26. </view>
  27. <view class="u-flex u-flex-wrap u-row-center">
  28. <u-image class="u-skeleton-fillet" width="350rpx" height="212rpx" src="../../static/sailun/1.png" style="margin: 10rpx;box-shadow:0rpx 0rpx 20rpx rgba(0,0,0,0.2);border-radius: 30rpx;"
  29. @click="inStock"></u-image>
  30. <u-image class="u-skeleton-fillet" width="350rpx" height="212rpx" src="../../static/sailun/2.png" style="margin: 10rpx;box-shadow:0rpx 0rpx 20rpx rgba(0,0,0,0.2);border-radius: 30rpx;"
  31. @click="inMonthlyPolicy"></u-image>
  32. <u-image class="u-skeleton-fillet" width="350rpx" height="212rpx" src="../../static/sailun/3.png" style="margin: 10rpx;box-shadow:0rpx 0rpx 20rpx rgba(0,0,0,0.2);border-radius: 30rpx;"
  33. @click="inInlineshop"></u-image>
  34. <u-image class="u-skeleton-fillet" width="350rpx" height="212rpx" src="../../static/sailun/4.png" style="margin: 10rpx;box-shadow:0rpx 0rpx 20rpx rgba(0,0,0,0.2);border-radius: 30rpx;"
  35. @click="inIntegral"></u-image>
  36. </view>
  37. </view>
  38. <view class="u-flex u-row-center u-m-t-30">
  39. <u-image class="u-skeleton-fillet" width="680rpx" src="../../static/sailun/88reward.png" mode="widthFix"></u-image>
  40. </view>
  41. </view>
  42. <!-- 与包裹页面所有内容的元素u-page同级,且在它的下方 -->
  43. <!-- <u-tabbar v-model="current" :list="list"></u-tabbar> -->
  44. <u-skeleton :loading="loading" :animation="true"></u-skeleton>
  45. <u-toast ref="ulogin" />
  46. <luo-version-upgrade v-if="show_s == true" version="1.0.1" :url="url" :is_force="is_force" :describe="Copywriting"></luo-version-upgrade>
  47. </view>
  48. </template>
  49. <script>
  50. import versionUpgrade from "../../components/luo-version-upgrade/luo-version-upgrade.vue";
  51. import {
  52. mapState,
  53. mapMutations
  54. } from 'vuex'
  55. import {
  56. request
  57. } from '../../common/request/request'
  58. require("promise.prototype.finally").shim()
  59. import axios from 'axios'
  60. export default {
  61. components: { versionUpgrade },
  62. data() {
  63. return {
  64. bannersList: [],
  65. noticebarList: [],
  66. loading: true, // 是否显示骨架屏组件
  67. list: [
  68. '../../static/sailun/swiper1.png'
  69. ],
  70. show_s: false,
  71. url: '',
  72. is_force:false,
  73. Copywriting:''
  74. }
  75. },
  76. onLoad() {
  77. console.log("@@@")
  78. uni.$on('login', (data) => {
  79. this.loginStatus = data.msg
  80. })
  81. },
  82. onReady() {
  83. if (this.loginStatus == "登录成功") {
  84. this.$refs.ulogin.show({
  85. title: "登录成功",
  86. })
  87. }
  88. this.onLaunch_s()
  89. },
  90. created() {
  91. if (this.hasLogin) {
  92. uni.showLoading({
  93. title: '加载中...'
  94. });
  95. axios.all([this.getBanners(), this.getTiceList()])
  96. .then(axios.spread((one, two) => {
  97. this.bannersList = one.data.data.map(t => t.imgPath)
  98. this.noticebarList = two.data.data.map(t => t.msgContent)
  99. }))
  100. .catch(err => {
  101. console.log(err)
  102. })
  103. .finally(() => {
  104. this.loading = false;
  105. uni.hideLoading();
  106. })
  107. }
  108. this.onLaunch_s()
  109. },
  110. computed: {
  111. ...mapState(['hasLogin'])
  112. },
  113. methods: {
  114. //升级调用的接口
  115. onLaunch_s() {
  116. request({
  117. url: '/baseReq/apkUpgrade',
  118. method: 'get',
  119. params: {
  120. osType: 0
  121. }
  122. }).then(res => {
  123. console.log(res.data.code)
  124. console.log(res.data.forceVersion) //最低版本
  125. console.log(res.data.msg) //更新文案
  126. console.log(res.data.url) //下载最新版地址
  127. console.log(res.data.version) //最新版本
  128. plus.runtime.getProperty(plus.runtime.appid, (wgtinfo) => {
  129. console.log(wgtinfo);
  130. console.log(wgtinfo.version); //版本号
  131. if(wgtinfo.version == res.data.version){
  132. this.show_s = false
  133. // uni.showToast({
  134. // icon: 'none',
  135. // title: '已是最新版本',
  136. // position: "bottom"
  137. // })
  138. console.log("已是最新版本")
  139. }else if (wgtinfo.version != res.data.forceVersion) {
  140. console.log("必须强制更新")
  141. this.Copywriting = res.data.msg
  142. console.log(this.Copywriting)
  143. this.show_s = true
  144. console.log(res.data.url)
  145. this.url = res.data.url
  146. this.is_force = true
  147. }else if(wgtinfo.version == res.data.forceVersion){
  148. console.log("达到最低版本")
  149. this.Copywriting = res.data.msg
  150. console.log(this.Copywriting)
  151. this.is_force = false
  152. this.show_s = true
  153. this.url = res.data.url
  154. }
  155. })
  156. }).catch(err => {
  157. console.log(err)
  158. })
  159. .finally(() => {
  160. // Loading.close()
  161. })
  162. },
  163. //轮播图
  164. getBanners() {
  165. return request({
  166. url: '/homepage/getBanners',
  167. method: 'post',
  168. data: {
  169. "storeId": this.$store.state.storeInfo.storeId,
  170. "showPosition": 0, //门店0
  171. }
  172. })
  173. },
  174. //消息文字跑马灯
  175. getTiceList() {
  176. return request({
  177. url: '/homepage/noticeList',
  178. method: 'post',
  179. data: {
  180. "storeId": this.$store.state.storeInfo.storeId,
  181. "contentType": "1" //门店1
  182. }
  183. })
  184. },
  185. scancodeIn() {
  186. this.$u.route({
  187. url: 'pages/home/scancode/index',
  188. })
  189. },
  190. scancodeOut() {
  191. this.$u.route({
  192. url: 'pages/home/scancode/scancodeout',
  193. })
  194. },
  195. inStock() {
  196. this.$u.route({
  197. url: 'pages/home/my-stock/my-stock',
  198. })
  199. },
  200. inMonthlyPolicy() {
  201. this.$u.route({
  202. url: 'pages/home/monthly-policy/monthly-policy',
  203. })
  204. },
  205. inInlineshop() {
  206. this.$u.toast('线下订货暂不开放');
  207. // this.$u.route({
  208. // url: 'pages/home/inline-shop/inline_shop',
  209. // })
  210. },
  211. inIntegral() {
  212. this.$u.toast('积分商城暂不开放');
  213. // this.$u.route({
  214. // url: 'pages/home/integral-mall/integral_mall',
  215. // })
  216. }
  217. },
  218. }
  219. </script>
  220. <style lang="scss" scoped>
  221. .status_bar {
  222. height: var(--status-bar-height);
  223. width: 100%;
  224. background-color: #FFF;
  225. }
  226. </style>