feat:浙学码未认证用户提示

夏洋涛
1 parent 68ee2b6e
Showing 2 changed files with 49 additions and 39 deletions Show diff stats
src/views/Home/ZXCode.vue
src/views/Home/component/HomeChildList.vue
 // 浙学码页面
 <template>
   <div class="zx_code">
+    <p class="title">浙 学 码</p>
     <iframe class="zx_iframe" v-if="iframeUrl" :src="iframeUrl" frameborder="0"></iframe>
   </div>
 </template>
@@ -60,10 +61,15 @@ export default {
   width: 100%;
   height: 100%;
   box-sizing: border-box;
-  padding: 100px 50px;
+  padding: 70px 50px;
 }
 .zx_iframe {
   width: 100%;
   height: 100%;
 }
+.title{
+  font-size: 40px;
+  text-align: center;
+  margin-bottom: 50px;
+}
 </style>
 <template>
   <div class="home_child_list home_child_list_yx">
-    <div class="stu_info" v-for="(item,index) in childList" :key="index" @click="handleStudentDetail(index)">
+    <div class="stu_info" v-for="(item, index) in childList" :key="index" @click="handleStudentDetail(index)">
       <div class="title">
         <p>学生信息</p>
-        <button v-if="item.whiteFlag!=1||item.isBing!=1" @click.stop="Certification(index)">激活认证</button>
+        <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="">
+      <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>
+        <van-icon name="manager" /><span>{{ item.travelerName }}</span>
       </div>
       <div class="item">
-        <van-icon name="medal" /><span>{{item.enrollYear}}</span>
+        <van-icon name="medal" /><span>{{ item.enrollYear }}</span>
       </div>
       <div class="item">
-        <van-icon name="wap-home" /><span>{{item.schoolName}}</span>
+        <van-icon name="wap-home" /><span>{{ item.schoolName }}</span>
       </div>
     </div>
     <div class="add_btn" @click="addStudent">
       <van-icon name="add" />
       添加学生信息
     </div>
-    <van-popup style="background: transparent;" get-container="body" v-model="showAddChildPopupGroup">
+    <van-popup style="background: transparent" get-container="body" v-model="showAddChildPopupGroup">
       <AddChildPopupGroup @complete="complete" :step="step" :travelerNum="travelerNum"></AddChildPopupGroup>
     </van-popup>
   </div>
@@ -33,47 +39,51 @@ export default {
   props: {
     parent: {
       type: String,
-      default: ''
-    }
+      default: '',
+    },
   },
-  data () {
+  data() {
     return {
-      showAddChildPopupGroup: false,//新增孩子弹出框
-      childList: [],//孩子列表
+      showAddChildPopupGroup: false, //新增孩子弹出框
+      childList: [], //孩子列表
       step: 1,
-      travelerNum: ''
+      travelerNum: '',
     }
   },
-  mounted () {
+  mounted() {
     this.getChildList()
   },
   methods: {
     // 激活认证
-    Certification (index) {
+    Certification(index) {
       this.step = 2
       this.travelerNum = this.childList[index].travelerNum
       this.showAddChildPopupGroup = true
     },
     // 点击浙学码
-    handleCode (index) {
-      
+    handleCode(index) {
+      if (this.childList[index].whiteFlag != 1 || this.childList[index].isBing != 1) {
+        this.$toast('请先激活认证')
+        return
+      }
+
       localStorage.setItem('StudentDetialInfo', JSON.stringify(this.childList[index]))
-      
+
       this.$router.push({ name: 'ZXCode' })
     },
     // 进入学生详情页
-    handleStudentDetail (index) {
+    handleStudentDetail(index) {
       localStorage.setItem('StudentDetialInfo', JSON.stringify(this.childList[index]))
       this.$router.push({ name: 'GrowUpRecord' })
     },
     // 获取孩子列表
-    getChildList () {
+    getChildList() {
       this.$toast.loading({
         message: '加载中...',
         duration: 0,
-        forbidClick: true
+        forbidClick: true,
       })
-      let userInfo = localStorage.getItem('userInfo');
+      let userInfo = localStorage.getItem('userInfo')
       userInfo = JSON.parse(userInfo)
       this.yxAxios.get(`${this.baseUrl}/prod/user/info/getPortalUserByNum?userNum=${userInfo?.centerNo}`).then((res) => {
         this.$toast.clear()
@@ -94,20 +104,18 @@ export default {
         }
       })
     },
-    addStudent () {
+    addStudent() {
       this.step = 1
       this.showAddChildPopupGroup = true
     },
-    complete () {
-      this.showAddChildPopupGroup = false;
+    complete() {
+      this.showAddChildPopupGroup = false
       this.getChildList()
     },
-    
   },
   components: {
-    AddChildPopupGroup
-  }
-
+    AddChildPopupGroup,
+  },
 }
 </script>
 <style lang="scss">
@@ -161,13 +169,13 @@ p {
       right: 0;
       width: 196px;
     }
-    .code{
+    .code {
       position: absolute;
       bottom: 50px;
       right: 45px;
       width: 72px;
     }
-    .code_auth{
+    .code_auth {
       right: 240px;
     }
     .item {
@@ -222,11 +230,7 @@ p {
       box-shadow: 0px 4px 8px 0px rgba(254, 151, 117, 0.11);
     }
     &:nth-of-type(2n-1) {
-      background: linear-gradient(
-        41deg,
-        rgb(56, 223, 162) 0%,
-        rgb(132, 236, 205) 100%
-      );
+      background: linear-gradient(41deg, rgb(56, 223, 162) 0%, rgb(132, 236, 205) 100%);
       box-shadow: 0px 4px 8px 0px rgba(37, 255, 128, 0.34);
     }
   }
@@ -235,4 +239,4 @@ p {
     color: rgb(56, 223, 162);
   }
 }
-</style>
 \ No newline at end of file
+</style>