feat:浙学码初步搭建，等待appid

夏洋涛
1 parent 274c5d5e
Showing 4 changed files with 103 additions and 1 deletions Show diff stats
src/assets/code.png
src/router/index.js
src/views/Home/ZXCode.vue
src/views/Home/component/HomeChildList.vue
@@ -439,6 +439,16 @@ const routes = [
             title: '撰写意见',
         }
     },
+    {
+        path: '/ZXCode',
+        name: 'ZXCode',
+        component: () =>
+            import('@/views/Home/ZXCode.vue'),
+        meta: {
+            title: '浙学码'
+
+        }
+    },
 ]
 const router = new VueRouter({
@@ -0,0 +1,75 @@
+// 浙学码页面
+<template>
+  <div class="zx_code">
+    <iframe class="zx_iframe" v-if="iframeUrl" :src="iframeUrl" frameborder="0"></iframe>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      StudentDetialInfo: {},
+      iframeUrl: '',
+    }
+  },
+  mounted() {
+    this.setIframe()
+    window.addEventListener('message', (e) => {
+      if (e.data.type && e.data.type === 'zhexuema') {
+        console.log(e.data.data.cubeUserId)
+        this.bindLearnCode(e.data.data.cubeUserId)
+      }
+    })
+  },
+  destroyed() {
+    window.removeEventListener('message', (e) => {
+      if (e.data.type && e.data.type === 'zhexuema') {
+        console.log(e.data.data.cubeUserId)
+        this.bindLearnCode(e.data.data.cubeUserId)
+      }
+    })
+  },
+  methods: {
+    setIframe() {
+      let StudentDetialInfo = localStorage.getItem('StudentDetialInfo')
+      if (!StudentDetialInfo) {
+        this.$toast('未获取到用户信息，请退出重试')
+      } else {
+        StudentDetialInfo = JSON.parse(StudentDetialInfo)
+        this.StudentDetialInfo = StudentDetialInfo
+        let appId = ''
+        if (StudentDetialInfo.cubeUserId) {
+          this.iframeUrl = `https://zcode-images.zjedu.com:9060/QRCode/index.html?appId=${appId}&areaCode=330600&simple=true&cubeUserId=${StudentDetialInfo.cubeUserId}`
+        } else {
+          this.iframeUrl = `https://zcode-images.zjedu.com:9060/QRCode/index.html?appId=${appId}&areaCode=330600&simple=true&mobile=${StudentDetialInfo.travelerMobile}&nickName=${StudentDetialInfo.travelerName}&cardNo=${StudentDetialInfo.travelerIdCard}`
+        }
+      }
+    },
+    // 绑定浙学码
+    bindLearnCode(cubeUserId) {
+      this.yxAxios
+        .get(`${this.proxyUrl}/user/info/bindLearnCode?travelerId=${this.StudentDetialInfo.id}&cubeUserld=${cubeUserId}`)
+        .then((res) => {
+          let data = res.data
+          if (data.code == 1) {
+            // this.datalist = data.data.list
+          } else {
+            this.$toast.fail(data.message)
+          }
+        })
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.zx_code {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  padding: 100px 50px;
+}
+.zx_iframe {
+  width: 100%;
+  height: 100%;
+}
+</style>
@@ -6,6 +6,7 @@
         <button v-if="item.whiteFlag!=1||item.isBing!=1" @click.stop="Certification(index)">激活认证</button>
       </div>
       <img v-if="item.whiteFlag==1&&item.isBing==1" class="img_auth" src="@/assets/home/auth.png" alt="">
+      <img class="code" :class="item.whiteFlag==1&&item.isBing==1?'code_auth':''" @click.stop="handleCode(index)" src="@/assets/code.png" alt="">
       <div class="item">
         <van-icon name="manager" /><span>{{item.travelerName}}</span>
       </div>
@@ -53,6 +54,13 @@ export default {
       this.travelerNum = this.childList[index].travelerNum
       this.showAddChildPopupGroup = true
     },
+    // 点击浙学码
+    handleCode (index) {
+      
+      localStorage.setItem('StudentDetialInfo', JSON.stringify(this.childList[index]))
+      
+      this.$router.push({ name: 'ZXCode' })
+    },
     // 进入学生详情页
     handleStudentDetail (index) {
       localStorage.setItem('StudentDetialInfo', JSON.stringify(this.childList[index]))
@@ -75,7 +83,7 @@ export default {
           if (userInfo.schoolNames || userInfo.schoolNames == [] || userInfo.schoolNames == 'null') {
             localStorage.setItem('schoolNames', JSON.stringify(userInfo.schoolNames))
             this.$store.commit('changeSchool', userInfo.schoolNames)
-            console.log('555',userInfo.schoolNames)
+            // console.log('555',userInfo.schoolNames)
             if (!localStorage.getItem('schoolNamesChoose')) {
               localStorage.setItem('schoolNamesChoose', JSON.stringify(userInfo.schoolNames[0]))
             }
@@ -153,6 +161,15 @@ p {
       right: 0;
       width: 196px;
     }
+    .code{
+      position: absolute;
+      bottom: 50px;
+      right: 45px;
+      width: 72px;
+    }
+    .code_auth{
+      right: 240px;
+    }
     .item {
       display: inline-block;
       margin-bottom: 24px;
	@@ -439,6 +439,16 @@ const routes = [		@@ -439,6 +439,16 @@ const routes = [
439	title: '撰写意见',	439	title: '撰写意见',
440	}	440	}
441	},	441	},
		442	+ {
		443	+ path: '/ZXCode',
		444	+ name: 'ZXCode',
		445	+ component: () =>
		446	+ import('@/views/Home/ZXCode.vue'),
		447	+ meta: {
		448	+ title: '浙学码'
		449	+
		450	+ }
		451	+ },
442	]	452	]
443		453
444	const router = new VueRouter({	454	const router = new VueRouter({
@@ -0,0 +1,75 @@		@@ -0,0 +1,75 @@
	1	+// 浙学码页面
	2	+<template>
	3	+ <div class="zx_code">
	4	+ <iframe class="zx_iframe" v-if="iframeUrl" :src="iframeUrl" frameborder="0"></iframe>
	5	+ </div>
	6	+</template>
	7	+<script>
	8	+export default {
	9	+ data() {
	10	+ return {
	11	+ StudentDetialInfo: {},
	12	+ iframeUrl: '',
	13	+ }
	14	+ },
	15	+ mounted() {
	16	+ this.setIframe()
	17	+ window.addEventListener('message', (e) => {
	18	+ if (e.data.type && e.data.type === 'zhexuema') {
	19	+ console.log(e.data.data.cubeUserId)
	20	+ this.bindLearnCode(e.data.data.cubeUserId)
	21	+ }
	22	+ })
	23	+ },
	24	+ destroyed() {
	25	+ window.removeEventListener('message', (e) => {
	26	+ if (e.data.type && e.data.type === 'zhexuema') {
	27	+ console.log(e.data.data.cubeUserId)
	28	+ this.bindLearnCode(e.data.data.cubeUserId)
	29	+ }
	30	+ })
	31	+ },
	32	+ methods: {
	33	+ setIframe() {
	34	+ let StudentDetialInfo = localStorage.getItem('StudentDetialInfo')
	35	+ if (!StudentDetialInfo) {
	36	+ this.$toast('未获取到用户信息，请退出重试')
	37	+ } else {
	38	+ StudentDetialInfo = JSON.parse(StudentDetialInfo)
	39	+ this.StudentDetialInfo = StudentDetialInfo
	40	+ let appId = ''
	41	+ if (StudentDetialInfo.cubeUserId) {
	42	+ this.iframeUrl = `https://zcode-images.zjedu.com:9060/QRCode/index.html?appId=${appId}&areaCode=330600&simple=true&cubeUserId=${StudentDetialInfo.cubeUserId}`
	43	+ } else {
	44	+ this.iframeUrl = `https://zcode-images.zjedu.com:9060/QRCode/index.html?appId=${appId}&areaCode=330600&simple=true&mobile=${StudentDetialInfo.travelerMobile}&nickName=${StudentDetialInfo.travelerName}&cardNo=${StudentDetialInfo.travelerIdCard}`
	45	+ }
	46	+ }
	47	+ },
	48	+ // 绑定浙学码
	49	+ bindLearnCode(cubeUserId) {
	50	+ this.yxAxios
	51	+ .get(`${this.proxyUrl}/user/info/bindLearnCode?travelerId=${this.StudentDetialInfo.id}&cubeUserld=${cubeUserId}`)
	52	+ .then((res) => {
	53	+ let data = res.data
	54	+ if (data.code == 1) {
	55	+ // this.datalist = data.data.list
	56	+ } else {
	57	+ this.$toast.fail(data.message)
	58	+ }
	59	+ })
	60	+ },
	61	+ },
	62	+}
	63	+</script>
	64	+<style lang="scss" scoped>
	65	+.zx_code {
	66	+ width: 100%;
	67	+ height: 100%;
	68	+ box-sizing: border-box;
	69	+ padding: 100px 50px;
	70	+}
	71	+.zx_iframe {
	72	+ width: 100%;
	73	+ height: 100%;
	74	+}
	75	+</style>