ytj

src/pages/bodyCheck/App.vue

@@ -0,0 +1,47 @@
+<template>
+  <div id="app" v-if="showPage">
+    <router-view></router-view>
+  </div>
+</template>
+
+<script>
+import '../../common/css/reset.css'
+import { mapState, createNamespacedHelpers } from 'vuex'
+const { mapActions: actions } = createNamespacedHelpers('userCenter')
+
+  export default {
+    name: 'app',
+    data () {
+      return {
+        showPage: false
+      }
+    },
+    computed: {
+      ...mapState({
+        userInfo: x => x.userCenter.userInfo,
+        org: x => x.app.orgId
+      })
+    },
+    created () {
+      if (location.search && this.toolClass.UrlSearch(location.search).code) {
+        this.code = this.toolClass.UrlSearch(location.search).code
+      } else {
+        this.code = null
+      }
+      this.getUserInfo({ org: this.org, code: this.code }).then(() => {
+        this.showPage = true
+      })
+    },
+    methods: {
+      ...actions(['getUserInfo'])
+    }
+  }
+</script>
+
+<style>
+  #app {
+    width: 100%;
+    height: 100%;
+    position: relative;
+  }
+</style>

src/pages/bodyCheck/app.js

@@ -0,0 +1,23 @@
+import Vue from 'vue'
+import App from './App.vue'
+import Vant from 'vant'
+import 'vant/lib/vant-css/index.css'
+import router from './router'
+import store from '../../store/index'
+import Vuex from 'vuex'
+import Ajax from '../../util/ajax'
+import api from '../../util/api'
+import toolClass from '../../util/util'
+
+Vue.use(Vant)
+Vue.use(Vuex)
+Vue.prototype.$api = api
+Vue.prototype.$ajax = Ajax
+Vue.prototype.toolClass = toolClass
+/* eslint-disable no-new */
+new Vue({
+  el: '#app',
+  router,
+  store,
+  render: h => h(App) 
+})

src/pages/bodyCheck/index/index.vue

@@ -0,0 +1,90 @@
+<template>
+  <div class="mainPage">
+    <img :src="title" class="title" alt="">
+    <div v-if="result && result.length">
+      <div class="userInfo flex-h">
+        <div class="flex-item">
+          <span>{{user.Username}}</span>
+          <span>{{user.Sex=='0' ? '先生' : '女士'}}</span>
+        </div>
+        <div>
+          <span>体检时间</span>
+          <span>{{toolClass.dateFormat(user.CreateTime)}}</span>
+        </div>
+      </div>
+      <ul>
+        <li v-for="(item,index) in result" @click="linkTo(item.ReportUrl)" :key="index" class="flex-h">
+            <div class="flex-item">
+            <h1>{{item.TypeName}}：</h1>
+            <span v-for="(subItem,subIndex) in item.Details" :key="subIndex">{{subItem.SpecName}}（{{subItem.CheckName}}）：{{subItem.CheckVal}}</span>
+            </div>
+            <i class="iconfont icon-buoumaotubiao52"></i>
+        </li>
+      </ul>
+      <span class="tip">本报告单仅提供临床参考，不作为诊断依据</span>
+      <div class="view-report">
+        <i class="iconfont icon-shuoming" style="font-size: 1.2em"></i> <a :href="mainInfo.ReportUrl">点击查看完整报告</a>
+      </div>
+    </div>
+    <div v-else class="nodata">
+        暂无体检数据 .
+    </div>
+
+
+    <div class="bg-white" :hidden="ishidden">
+    </div>
+  </div>
+</template>
+
+<script>
+// import { Indicator } from 'mint-ui'
+import title from '../../../common/icon/title.png'
+import { createNamespacedHelpers } from 'vuex'
+const { mapState: mapBodyCheckState, mapActions: mapBodyCheckActions } = createNamespacedHelpers('bodyCheck')
+export default {
+  data() {
+    return {
+      title,
+      ishidden: true
+    }
+  },
+  computed: {
+    ...mapBodyCheckState({
+      result: x => x.result,
+      mainInfo: x => x.mainInfo,
+      user: x => x.user
+    })
+  },
+  methods:{
+    linkTo(url){
+      window.location.href=url
+    },
+    loaded() {
+      var _that = this
+      setTimeout(() => {
+        // Indicator.close()
+        _that.ishidden = true
+      }, 500)
+    },
+  },
+  beforeMount() {
+    // Indicator.open()
+  },
+  created() {
+    
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import "page.scss";
+
+.bg-white{
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  background-color: #fff;
+}
+</style>

src/pages/bodyCheck/index/page.scss

@@ -0,0 +1,111 @@
+
+.mainPage{
+  overflow-y: scroll;
+  -webkit-overflow-scrolling: touch;
+  transform: translateZ(0);
+  -webkit-transform: translateZ(0);
+  background: #fff;
+}
+
+img.title{
+  width: 2rem;
+  display: block;
+  margin: .44rem auto 0;
+}
+
+.userInfo{
+  margin: .2rem auto 0;
+}
+
+.userInfo>div{
+  font-size: 0;
+  white-space: nowrap;
+}
+
+.userInfo>div:nth-child(1){
+  margin-left: .38rem;
+}
+
+.userInfo>div>span{
+  font-size: .14rem;
+}
+
+.userInfo>div:nth-child(2){
+  margin-right: .38rem;
+}
+
+.userInfo>div>span:nth-child(1){
+  font-weight: bold;
+  margin-right: .05rem;
+}
+
+ul{
+  width: 100%;
+  position: relative;
+  overflow: visible;
+  box-sizing: border-box;
+  border-left: .2rem solid transparent;
+  border-right: .2rem solid transparent;
+}
+
+ul>li{
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+  border-radius: .04rem;
+  box-shadow: 0 0 .02rem .02rem rgba(0, 0, 0, .03);
+  margin-top: .2rem;
+  padding: .12rem 0;
+  align-items: center;
+}
+
+ul>li>i{
+  font-size: .15rem;
+  color: #e0e0e0;
+  margin-right: .14rem;
+}
+
+ul>li>div{
+  margin-left: .14rem;
+  margin-right: .14rem;
+}
+
+ul>li>div>*{
+  width: 100%;
+  display: block;
+  line-height: .2rem;
+  font-size: .13rem;
+}
+
+ul>li>div>h1{
+  line-height: .22rem;
+  font-size: .17rem;
+  margin-bottom: .1rem;
+}
+
+.mainPage .tip{
+  width: 100%;
+  display: block;
+  box-sizing: border-box;
+  border-left: .2rem solid transparent;
+  border-right: .2rem solid transparent;
+  line-height: .2rem;
+  margin-top: .2rem;
+  font-size: .15rem;
+  margin-bottom: .2rem;
+}
+
+.mainPage .nodata {
+  margin: .5rem .2rem;
+  text-align: center;
+}
+
+.mainPage .view-report {
+  margin: .2rem;
+  text-align: right;
+  font-size: 14px;
+}
+
+.mainPage .view-report a {
+  color: #2F6CA4;
+}

src/pages/bodyCheck/router.js

@@ -0,0 +1,21 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+
+import index from './index/index'
+
+Vue.use(Router)
+
+const router = new Router({
+  routes: [{ // 体检首页
+    path: '/',
+    name: 'index',
+    component: index,
+    children: []
+  }],
+})
+
+router.beforeEach((to, from, next) => {
+  next()
+})
+
+export default router

src/pages/user/App.vue

@@ -32,6 +32,8 @@ export default {
     this.getUserInfo({ org: this.org, code: this.code }).then(() => {
       this.showPage = true
     })
+    // 计算距离方法
+    console.log(this.toolClass.getGreatCircleDistance(117.225495, 39.133713, 117.225962, 39.132573))
   },
   methods: {
     ...actions(['getUserInfo'])

src/pages/user/bindMobile/bindMobile.vue

@@ -170,10 +170,17 @@ export default {
       }
       this.submitData(this.postData).then((res) => {
         this.$toast(res)
-        setTimeout(function(){
-          // _that.$router.push({name: 'userCenter'})
-          window.history.go(-1)
-        },300)
+        if (this.$route.query.isLottery) {
+          setTimeout(() => {
+            const from = this.$route.query.luckshare ? `#/from/${this.$route.query.luckshare}` : ''
+            window.location.href = `/game/luckdraw/${from}`
+          }, 2000)
+        } else {
+          setTimeout(function () {
+            // _that.$router.push({name: 'userCenter'})
+            window.history.go(-1)
+          }, 300)
+        }
       })
     }
   }
@@ -181,5 +188,5 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "page.scss";
+@import 'page.scss';
 </style>

src/pages/user/mainPage/userCenter/index.vue

@@ -50,10 +50,14 @@
           <span>商品订单</span>
           <i class="iconfont icon-jiantou-right"></i>
         </div>
-        <div class="menu-item flex-h">
+        <div class="menu-item flex-h" @click="toBodyCheck">
           <span>体检报告</span>
           <i class="iconfont icon-jiantou-right"></i>
         </div>
+        <div class="menu-item flex-h" @click="toLuckdraw">
+          <span>抽奖记录</span>
+          <i class="iconfont icon-jiantou-right"></i>
+        </div>
       </div>
     </div>
   </div>
@@ -109,6 +113,17 @@ export default {
     toGoodsOrder () {
       this.$router.push({ name: 'orderList' })
     },
+    toBodyCheck () {
+      window.location.href = `/bodyCheck.html#/`
+    },
+    toLuckdraw () {
+      // ^参数约定为97
+      let userid = this.userInfo.customer.CustomerId
+      let num = Math.floor(Math.random() * 10 + 1) * 100 + Math.floor(Math.random() * 10 + 1) * 10 + Math.floor(Math.random() * 10 + 1)
+      num = num >= 1000 ? 999 : num
+      userid = parseInt(`${userid}${num}`) ^ 97
+      window.location.href = `/game/luckdraw/#/lotteryList?from=${userid}`
+    }
   }
 }
 </script>

src/store/bodyCheck/index.js

@@ -0,0 +1,33 @@
+import Ajax from '../../util/ajax'
+import api from '../../util/api'
+
+export default {
+  namespaced: true,
+  state: {
+    result: [],
+    user: {},
+    mainInfo: {}
+  },
+  mutations: {
+    updateState(state, payload) {
+      Object.keys(payload).forEach(k => (state[k] = payload[k]))
+    }
+  },
+  actions: {
+    getBodyCheck (context, data) {
+      return new Promise((resolve) => {
+        // Ajax(api.user.gymCard.url, {
+        //   method: api.user.gymCard.method,
+        //   queryData: {
+        //     ...data
+        //   }
+        // }).then(res => {
+        //   context.commit('setgymCardList', res)
+        //   resolve(res)
+        // }).catch((err) => {
+        //   reject(err)
+        // })
+      })
+    }
+  }
+}

src/store/card/index.js

@@ -9,7 +9,7 @@ export default {
     gymCardDetail: ''
   },
   mutations: {
-    setgymCardList (state, data) { // 设置页面信息
+    setgymCardList (state, data) {
       state.gymCardList = data.list
     },
     setgymCardDetail (state, data) {
@@ -42,7 +42,7 @@ export default {
         })
       })
     },
-    getgymCardList (context, data) { // 获取课程详情信息
+    getgymCardList (context, data) {
       return new Promise((resolve) => {
         Ajax(api.user.gymCard.url, {
           method: api.user.gymCard.method,
@@ -57,7 +57,7 @@ export default {
         })
       })
     },
-    getgymCardDetail (context, data) { // 获取课程详情信息
+    getgymCardDetail (context, data) {
       return new Promise((resolve, reject) => {
         Ajax(api.user.gymCardDetail.url, {
           method: api.user.gymCardDetail.method,

src/store/index.js

@@ -24,6 +24,7 @@ export const modules = {
   card: () => require('./card/index').default,
   forbid: () => require('./forbid/index').default,
   share: () => require('./share/index').default,
+  bodyCheck: () => require('./bodyCheck/index').default,
 }
 
 Object.keys(modules).forEach((modKey) => {

src/util/util.js

@@ -40,6 +40,30 @@ const toolClass = {
   getCode: (appid) => {
     let url = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${wechatConfig.redirect_uri}&response_type=${wechatConfig.response_type}&scope=${wechatConfig.scope}&state=${wechatConfig.state}#wechat_redirect`
     window.location.href = url
+  },
+  /**
+   * caculate the great circle distance
+   * 经纬度计算距离
+   * @param {Object} lat1 精度1
+   * @param {Object} lng1 纬度1
+   * @param {Object} lat2 精度2
+   * @param {Object} lng2 纬度2
+   */
+
+  getGreatCircleDistance: (lat1, lng1, lat2, lng2) => {
+    if (lat1 === lat2 && lng1 === lng2) {
+      return 0
+    }
+    var EARTH_RADIUS = 6378137.0//单位M
+    var PI = Math.PI
+    var radLat1 = lat1 * PI / 180.0
+    var radLat2 = lat2 * PI / 180.0
+    var a = radLat1 - radLat2
+    var b = lng1 * PI / 180.0 - lng2 * PI / 180.0
+    var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2)))
+    s = s * EARTH_RADIUS
+    s = Math.round(s * 10000) / 10000.0
+    return s
   }
 }
 

title.js

@@ -1,4 +1,5 @@
 module.exports = {
   user: '城的空间',
-  sales: '城的空间案场端'
+  sales: '城的空间案场端',
+  bodyCheck: '城的空间体检'
 }