From 1723ce0bc97b6ce7465112bd34e7c48af26eb057 Mon Sep 17 00:00:00 2001
From: 夏洋涛 <1027869635@qq.com>
Date: Fri, 4 Aug 2023 15:50:33 +0800
Subject: [PATCH] feat:浙学码初步搭建，等待appid

---
 src/assets/code.png                        | Bin 0 -> 3599 bytes
 src/router/index.js                        | 10 ++++++++++
 src/views/Home/ZXCode.vue                  | 75 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/Home/component/HomeChildList.vue | 19 ++++++++++++++++++-
 4 files changed, 103 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/code.png
 create mode 100644 src/views/Home/ZXCode.vue

diff --git a/src/assets/code.png b/src/assets/code.png
new file mode 100644
index 0000000..3c607c3
Binary files /dev/null and b/src/assets/code.png differ
diff --git a/src/router/index.js b/src/router/index.js
index b1b2481..e91c6bf 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -439,6 +439,16 @@ const routes = [
             title: '撰写意见',
         }
     },
+    {
+        path: '/ZXCode',
+        name: 'ZXCode',
+        component: () =>
+            import('@/views/Home/ZXCode.vue'),
+        meta: {
+            title: '浙学码'
+
+        }
+    },
 ]
 
 const router = new VueRouter({
diff --git a/src/views/Home/ZXCode.vue b/src/views/Home/ZXCode.vue
new file mode 100644
index 0000000..5fd60df
--- /dev/null
+++ b/src/views/Home/ZXCode.vue
@@ -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>
diff --git a/src/views/Home/component/HomeChildList.vue b/src/views/Home/component/HomeChildList.vue
index 6dd188b..034fc1e 100644
--- a/src/views/Home/component/HomeChildList.vue
+++ b/src/views/Home/component/HomeChildList.vue
@@ -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;
--
libgit2 0.21.0