增加扫一扫功能

FrontCode2/sunshine_levy/src/views/index.vue

@@ -8,9 +8,7 @@
   >
     <div class="topBox">
       <div class="olderVersion">
-        <div class="titleBox">
-          被征收人信息查询
-        </div>
+        <div class="titleBox">被征收人信息查询</div>
         <div v-if="mode == false" @click="toOlderMode()" class="mode">
           进入老年模式
         </div>
@@ -27,15 +25,15 @@
       </div>
       <!-- 三张背景图 -->
       <div class="gridBg">
-        <div style="background:#1897FB;">
+        <div @click="scan()" style="background: #1897fb">
           <img src="@/assets/img/scan.png" />
           <span>扫一扫</span>
         </div>
-        <div @click="gotoProject('pg')" style="background:#F1AE4B;">
+        <div @click="gotoProject('pg')" style="background: #f1ae4b">
           <img src="@/assets/img/evaluation.png" />
           <span>查评估结果</span>
         </div>
-        <div @click="gotoProject('xy')" style="background:#16D7ED;">
+        <div @click="gotoProject('xy')" style="background: #16d7ed">
           <img src="@/assets/img/compensation.png" />
           <span>查补偿协议</span>
         </div>
@@ -177,7 +175,7 @@
       >
         <!-- 非最后一行有边框 -->
         <div
-          style="border-bottom: 1px dashed #E8E9EC"
+          style="border-bottom: 1px dashed #e8e9ec"
           v-if="i != data.policiesRegulationsLists.list.length - 1"
         >
           <div>{{ item.title }}</div>
@@ -224,7 +222,7 @@ export default {
             // },
             // { title: "无数据", publicTime: "无数据", area: "无数据" },
             // { title: "无数据", publicTime: "无数据", area: "无数据" }
-          ]
+          ],
         },
         prjList: [
           {
@@ -259,7 +257,7 @@ export default {
               //   switchProductionWay: "无数据",
               //   summationShouldCompensateMoney: "无数据"
               // }
-            ]
+            ],
           },
           {
             // name: "无数据",
@@ -282,10 +280,10 @@ export default {
               //   switchProductionWay: "无数据",
               //   summationShouldCompensateMoney: "无数据"
               // }
-            ]
-          }
-        ]
-      }
+            ],
+          },
+        ],
+      },
     };
   },
   created() {
@@ -321,10 +319,10 @@ export default {
         dataType: "JSON",
         type: "POST",
         data: {
-          ticket: this.$route.query.ticket
+          ticket: this.$route.query.ticket,
         },
         appKey: "es4b8zmz+2001833218+dehllx",
-        onSuccess: data => {
+        onSuccess: (data) => {
           this.loading = false;
           window.sessionStorage.setItem("homeData", JSON.stringify(data));
           if (data.data.success) {
@@ -339,7 +337,7 @@ export default {
                 message: "登录超时，请重新登录",
                 duration: 3000,
                 type: "info",
-                center: true
+                center: true,
               });
               setTimeout(() => {
                 window.location.replace(
@@ -351,20 +349,20 @@ export default {
                 message: "请求出错",
                 duration: 3000,
                 type: "error",
-                center: true
+                center: true,
               });
             }
           }
         },
-        onFail: err => {
+        onFail: (err) => {
           this.loading = false;
           this.$notify({
             title: "错误",
             message: "请求失败",
             duration: 3000,
-            type: "error"
+            type: "error",
           });
-        }
+        },
       });
     },
     toOlderMode() {
@@ -394,8 +392,8 @@ export default {
       this.$router.push({
         name: "projectSelect",
         params: {
-          type: type
-        }
+          type: type,
+        },
       });
     },
     // 直接跳转分户评估结果页面
@@ -406,8 +404,8 @@ export default {
         name: "evaluatePage",
         params: {
           fhpgId: id,
-          type
-        }
+          type,
+        },
       });
     },
     // 直接跳转协议结果pdf
@@ -417,8 +415,8 @@ export default {
       this.$router.push({
         name: "showPdf",
         params: {
-          id
-        }
+          id,
+        },
       });
     },
     // 加载项目数统计信息
@@ -433,38 +431,38 @@ export default {
       $("#app").removeClass("old_app3");
       this.$router.push({
         name: "policyInfo",
-        params: { id }
+        params: { id },
       });
     },
     setZwUserAplus(Userid, userName) {
       // 设置用户信息埋点
       aplus_queue.push({
         action: "aplus.setMetaInfo",
-        arguments: ["_hold", "BLOCK"]
+        arguments: ["_hold", "BLOCK"],
       });
       aplus_queue.push({
         action: "aplus.setMetaInfo",
-        arguments: ["_user_nick", userName] // this.userInfoData.username],
+        arguments: ["_user_nick", userName], // this.userInfoData.username],
       });
       aplus_queue.push({
         action: "aplus.setMetaInfo",
-        arguments: ["_user_id", Userid]
+        arguments: ["_user_id", Userid],
       });
       aplus_queue.push({
         action: "aplus.setMetaInfo",
-        arguments: ["_hold", "START"]
+        arguments: ["_hold", "START"],
       });
     },
     setLocationAplus() {
       ZWJSBridge.onReady(() => {
         // console.log("初始化完成后，执行bridge方法");
         ZWJSBridge.getUserType()
-          .then(result1 => {
+          .then((result1) => {
             // console.log("getUserType():" + JSON.stringify(result1));
             // console.log("result1.userType:" + result1.userType);
             //经纬度
             ZWJSBridge.getLocation()
-              .then(result2 => {
+              .then((result2) => {
                 // console.log("getLocation():" + JSON.stringify(result2));
                 // console.log("result2.longitude:" + result2.longitude);
                 // console.log("result2.latitude:" + result2.latitude);
@@ -472,7 +470,7 @@ export default {
                   action: "aplus.sendPV",
                   arguments: [
                     {
-                      is_auto: false
+                      is_auto: false,
                     },
                     {
                       isMini: true,
@@ -480,21 +478,41 @@ export default {
                       miniAppName: "房屋征收",
                       long: result2.longitude,
                       lati: result2.latitude,
-                      userType: result1.userType
-                    }
-                  ]
+                      userType: result1.userType,
+                    },
+                  ],
                 });
               })
-              .catch(error => {
+              .catch((error) => {
                 // console.log(error);
               });
           })
-          .catch(error => {
+          .catch((error) => {
             // console.log(error);
           });
       });
+    },
+    scan() {
+      //扫一扫
+      ZWJSBridge.scan({ type: "qrCode" })
+        .then((data) => {
+          // data =>{"text" : "扫描到的内容"}
+          if (data.text.indexOf("http") > -1) {
+            window.location.replace(data.text);
+          } else {
+            this.$message({
+              message: data.text,
+              duration: 3000,
+              type: "info",
+              center: true,
+            });
           }
-  }
+        })
+        .catch((error) => {
+          console.log(error);
+        });
+    },
+  },
 };
 </script>