update:增加ticket过期提示，请求提示，下拉刷新

FrontCode2/sunshine_levy/src/views/project/index.vue

@@ -1,30 +1,32 @@
 <template>
   <div class="container">
-    <div :class="this.type == 'pg' ? 'proTopBoxpg' : 'proTopBoxxy'">
-      <div class="proCenterBox">
-        <div class="proCenterInfo">
-          <van-image
-            :src="require('@/assets/img/expropriated_person.png')"
-            class="proCenterImg"
-          />
-          <div>
+    <div style="padding:10px">
+      <div :class="this.type == 'pg' ? 'proTopBoxpg' : 'proTopBoxxy'">
+        <div class="proCenterBox">
+          <div class="proCenterInfo">
+            <van-image
+              :src="require('@/assets/img/expropriated_person.png')"
+              class="proCenterImg"
+            />
             <div>
-              <span class="proCenterFont">被征收人姓名：</span>
-              <span class="proCenterFont" style="color:#626262;">{{
-                info.userName
-              }}</span>
-            </div>
-            <div>
-              <span class="proCenterFont">身份证号：</span>
-              <span class="proCenterFont" style="color:#626262;">{{
-                setIdCard(info.idCard)
-              }}</span>
+              <div>
+                <span class="proCenterFont">被征收人姓名：</span>
+                <span class="proCenterFont" style="color:#626262;">{{
+                  info.userName
+                }}</span>
+              </div>
+              <div>
+                <span class="proCenterFont">身份证号：</span>
+                <span class="proCenterFont" style="color:#626262;">{{
+                  setIdCard(info.idCard)
+                }}</span>
+              </div>
             </div>
           </div>
-        </div>
-        <div class="proCenterFlex" style="margin-bottom: 15px;">
-          <div class="proCenterFlexFont">请选择您的征收项目</div>
-          <van-icon color="#9da2a3" name="arrow-down" />
+          <div class="proCenterFlex" style="margin-bottom: 15px;">
+            <div class="proCenterFlexFont">请选择您的征收项目</div>
+            <van-icon color="#9da2a3" name="arrow-down" />
+          </div>
         </div>
       </div>
     </div>
@@ -58,17 +60,12 @@
           </div>
         </div>
       </van-list>
-      <div class="bottomContent">
-        <p>本服务由浙江政务服务网、宁波市住房保障和房屋征收管理中心提供</p>
-        <p>服务咨询热线：<b>0574-88086606</b></p>
-      </div>
     </div>
   </div>
 </template>
 
 <script>
 import "./project.css";
-import $ from "jquery";
 export default {
   data() {
     return {
@@ -95,19 +92,7 @@ export default {
   created() {
     this.onInit();
   },
-  mounted() {
-    if (
-      650 >=
-      $(".container")
-        .css("height")
-        .substr(0, 5)
-    ) {
-      $(".bottomContent").addClass("absolute");
-      $(".bottomContent").css("marginBottom", "0");
-    } else {
-      $(".absolute").removeClass("absolute");
-    }
-  },
+  mounted() {},
   methods: {
     // 获取数据
     onInit() {
@@ -117,8 +102,30 @@ export default {
         window.sessionStorage.setItem("type", this.$route.params.type);
       }
       let result = JSON.parse(window.sessionStorage.getItem("homeData"));
-      if (result.data.success == true) {
+      if (result.data.success) {
         this.info = result.data.data;
+      } else {
+        let code = [6001, 6501];
+        if (code.indexOf(result.data.bizCode) != -1) {
+          this.$message({
+            message: "登录超时，请重新登录",
+            duration: 3000,
+            type: "info",
+            center: true
+          });
+          setTimeout(() => {
+            window.location.replace(
+              "https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs"
+            );
+          }, 3000);
+        } else {
+          this.$message({
+            message: "请求出错",
+            type: "error",
+            duration: 3000,
+            center: true
+          });
+        }
       }
     },
     setIdCard(id) {
@@ -149,23 +156,3 @@ export default {
   }
 };
 </script>
-<style lang="less" scoped>
-.container {
-  .absolute {
-    position: absolute;
-    bottom: 10px;
-  }
-  .bottomContent {
-    margin-bottom: 10px;
-    text-align: center;
-    width: 100%;
-    font-size: 10px;
-    p {
-      margin: 0;
-    }
-    b {
-      color: #5d8cbc;
-    }
-  }
-}
-</style>