From 8c781543ea05292b9fa744028fb450ee29d3d897 Mon Sep 17 00:00:00 2001
From: kylin L <452061493@qq.com>
Date: Fri, 7 Jun 2024 15:53:33 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BA=94=E5=AF=B9=E6=8B=8D=E6=91=84=E4=B8=B4?=
 =?UTF-8?q?=E6=97=B6=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Home.vue               |   2 +-
 src/views/enforce/scanQrCode.vue | 663 ++++++++++++++++---------------
 src/views/enforceHome.vue        |  14 +-
 3 files changed, 345 insertions(+), 334 deletions(-)

diff --git a/src/views/Home.vue b/src/views/Home.vue
index cbd9a73..65d8055 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -147,7 +147,7 @@
     onMounted(() => {
         // console.log(useCommon.phonenumber)
         // useCommon.SET_USER_PHONENUMBER(success.data.phonenumber);
-        new Vconsolefrom();
+        // new Vconsolefrom();
 
         const access_key = '6374106c5eb449a4ad6c2430f30796e6';
         const access_secret = '434fec85aa5846e88bbeb8fac6cf6d7f';
diff --git a/src/views/enforce/scanQrCode.vue b/src/views/enforce/scanQrCode.vue
index d70913f..133f26e 100644
--- a/src/views/enforce/scanQrCode.vue
+++ b/src/views/enforce/scanQrCode.vue
@@ -1,354 +1,365 @@
 <template>
-	<div class="home app_content">
-		<!-- 导航栏 -->
-		<div class="header_body">
-			<!-- <header-nav :leftArrow="false" titelText="扫码入企"></header-nav> -->
-      <header-nav
-				:slefBack="true"
-				@goBack="goBack"
-				:titelText="`扫码入企`"
-			>
-			</header-nav>
-		</div>
+    <div class="home app_content">
+        <!-- 导航栏 -->
+        <div class="header_body">
+            <!-- <header-nav :leftArrow="false" titelText="扫码入企"></header-nav> -->
+            <header-nav
+                    :slefBack="true"
+                    @goBack="goBack"
+                    :titelText="`扫码入企`"
+            >
+            </header-nav>
+        </div>
 
-		<!-- 中间 -->
-		<div class="warp_body">
-			<!-- <refresh-list v-model:freshMap="freshMap" @refresh="onRefresh" @onLoad="onLoad"> -->
-			<div class="white-body">
-      <div class="carousel_box">
-					<div class="box-scan-one">
-              <span class="box-scan-text">扫一扫<br />企业二维码</span>
+        <!-- 中间 -->
+        <div class="warp_body">
+            <!-- <refresh-list v-model:freshMap="freshMap" @refresh="onRefresh" @onLoad="onLoad"> -->
+            <div class="white-body">
+                <div class="carousel_box">
+                    <div class="box-scan-one">
+                        <span class="box-scan-text">扫一扫<br/>企业二维码</span>
+                    </div>
+                    <div class="box-scan-two">
+                        <span class="box-scan-text">即可查看<br/>企业信息</span>
+                    </div>
+                </div>
+                <div class="boutique_box">
+                    <!-- <van-cell :border="false" title="精品" /> -->
+                    <div class="boutique_body">
+                        <!-- <goodsCard :goodsList="boutique" :cardAttr="boutiqueAttr"></goodsCard> -->
+                        <div class="box-qr-code" @click="toScanPageView">
+                            <!--              <img src="../../assets/images/scan.png" />
+                                          <span class="box-qr-code-text">执法监督码</span>-->
+                        </div>
+                    </div>
+                    <div class="nocode" @click="toNoScanView">没有企业码？手动输入关键词查询 >></div>
+                </div>
             </div>
-            <div class="box-scan-two">
-              <span class="box-scan-text">即可查看<br />企业信息</span>
-            </div>
-				</div>
-				<div class="boutique_box">
-					<!-- <van-cell :border="false" title="精品" /> -->
-					<div class="boutique_body">
-						<!-- <goodsCard :goodsList="boutique" :cardAttr="boutiqueAttr"></goodsCard> -->
-            <div class="box-qr-code" @click="toScanPageView">
-<!--              <img src="../../assets/images/scan.png" />
-              <span class="box-qr-code-text">执法监督码</span>-->
-            </div>
-					</div>
-          <div class="nocode" @click="toNoScanView">没有企业码？手动输入关键词查询 >></div>
-				</div>
-    </div>
-    <!-- <div class="recommend_box">
-      <van-cell :border="false" title="推荐" />
-      <div class="recommend_body">
-        <goodsCard :goodsList="recommend"></goodsCard>
-      </div>
-    </div> -->
-			<!-- </refresh-list> -->
-		</div>
+            <!-- <div class="recommend_box">
+              <van-cell :border="false" title="推荐" />
+              <div class="recommend_body">
+                <goodsCard :goodsList="recommend"></goodsCard>
+              </div>
+            </div> -->
+            <!-- </refresh-list> -->
+        </div>
 
-		<!-- 底部 -->
-		<!-- <div class="footer_body">
-			<footer-nav></footer-nav>
-		</div> -->
-	</div>
+        <!-- 底部 -->
+        <!-- <div class="footer_body">
+            <footer-nav></footer-nav>
+        </div> -->
+    </div>
 </template>
 
 <script setup name="Home">
-	// import Vconsole from "vconsole";
-  import { showFailToast } from 'vant';
-import {getEnterpriseMerchantAuthorization} from '@/api/Home';
-import {checkIsExists} from '@/api/enterprise';
-import {szyptGetToken} from "../../api/Home";
-import wx from "weixin-js-sdk";
-const { useCommon } = $globalStore;
-const router = useRouter();
-let carouselList = reactive([]); // 轮播列表
-let boutique = reactive([]); // 精品数据
-let recommend = reactive([]); // 推荐
-let freshMap = reactive({
-	refreshLoad: false, // 是否刷新
-	listLoading: false, // 是否加载中
-	listFinished: false, // 是否加载完成标识
-});
-const data = reactive({});
-const boutiqueAttr = reactive({
-	columnNum: 4,
-	itemClass: "boutique_item",
-	goodsCradclass: "boutique-crad",
-}); // 商品卡片展示
+    // import Vconsole from "vconsole";
+    import {showFailToast} from 'vant';
+    import {getEnterpriseMerchantAuthorization} from '@/api/Home';
+    import {checkIsExists} from '@/api/enterprise';
+    import {szyptGetToken} from "../../api/Home";
+    import wx from "weixin-js-sdk";
 
-//获取轮播
-const getCarousel = async () => {
-	// const res = await useHome.getCarousel();
-	// if (res?.code === 20000) {
-	// 	carouselList = res?.data;
-	// }
-};
+    const {useCommon} = $globalStore;
+    const router = useRouter();
+    let carouselList = reactive([]); // 轮播列表
+    let boutique = reactive([]); // 精品数据
+    let recommend = reactive([]); // 推荐
+    let freshMap = reactive({
+        refreshLoad: false, // 是否刷新
+        listLoading: false, // 是否加载中
+        listFinished: false, // 是否加载完成标识
+    });
+    const data = reactive({});
+    const boutiqueAttr = reactive({
+        columnNum: 4,
+        itemClass: "boutique_item",
+        goodsCradclass: "boutique-crad",
+    }); // 商品卡片展示
 
-//精品
-const boutiqueGoods = async () => {
-	// const res = await useHome.boutiqueGoods();
-	// if (res?.code === 20000) {
-	// 	boutique = res?.data;
-	// }
-};
+    //获取轮播
+    const getCarousel = async () => {
+        // const res = await useHome.getCarousel();
+        // if (res?.code === 20000) {
+        // 	carouselList = res?.data;
+        // }
+    };
 
-const openScan = () => {
-	let fullUrl = window.location.href;
-	let code = fullUrl.substring(fullUrl.indexOf('code=')+5, fullUrl.indexOf('&state='));
-	let paramUrl = window.location.href.split("#")[0];
-	let param = { code: code, url: paramUrl };
-	szyptGetToken(param,success =>{
-		let resMsg = success.data;
-		console.log(resMsg);
-		wx.config({
-			// 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
-			debug: false,
-			// 必填，公众号的唯一标识
-			appId: resMsg.corpid,
-			// 必填，生成签名的时间戳
-			timestamp: resMsg.timestamp,
-			// 必填，生成签名的随机串
-			nonceStr: resMsg.nonceStr,
-			// 必填，签名，见附录1
-			signature: resMsg.signature,
-			// 必填，需要使用的JS接口列表，所有JS接口列表见附录2
-			jsApiList: ["scanQRCode"],
-		});
-		wx.ready(() => {
-			//微信扫一扫请求操作
-			ClickScan()
-		});
-		wx.error((res) => {
-			console.log("获取失败");
-		});
-	},error =>{});
-};
-const ClickScan = () => {
-	wx.scanQRCode({
-		needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
-		scanType: ['qrCode', 'barCode'], // 可以指定扫二维码还是一维码，默认二者都有
-		success: (res) => {
-			// 页面跳转
-			console.log("=========== 扫码返回 ===========")
-			console.log(res)
-      checkIsExists(res,success=>{
-            console.log(success.data)
-            if(success.data){
-              router.push({
-                path:"/enterpriseScanPreview",
-                query:{
-                  enterpriseNumber: res.resultStr
-                }
-              })
-            }else{
-              showFailToast('企业信息不存在，请确认二维码是否正确！');
-              router.push({
-                    path:"/enforce/scanQrCode",
-                })
-            }
-          },error =>{
-            
-          })
-			// router.push({
-			// 	path: "/enterpriseScanPreview",
-			// 	query: {
-			// 		enterpriseNumber: res.resultStr
-			// 	}
-			// });
-		},
-		cancel: (res) => {
-			console.log('err', res);
-		},
-	});
-};
+    //精品
+    const boutiqueGoods = async () => {
+        // const res = await useHome.boutiqueGoods();
+        // if (res?.code === 20000) {
+        // 	boutique = res?.data;
+        // }
+    };
 
-const toScanPageView = async() =>{
-	openScan();
-  // router.push({
-  //         path: "/enforce/scanPage_szy",
-  //         query: {}
-  //       });
-};
+    const openScan = () => {
+        let fullUrl = window.location.href;
+        let code = fullUrl.substring(fullUrl.indexOf('code=') + 5, fullUrl.indexOf('&state='));
+        let paramUrl = window.location.href.split("#")[0];
+        let param = {code: code, url: paramUrl};
+        szyptGetToken(param, success => {
+            let resMsg = success.data;
+            console.log(resMsg);
+            wx.config({
+                // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
+                debug: false,
+                // 必填，公众号的唯一标识
+                appId: resMsg.corpid,
+                // 必填，生成签名的时间戳
+                timestamp: resMsg.timestamp,
+                // 必填，生成签名的随机串
+                nonceStr: resMsg.nonceStr,
+                // 必填，签名，见附录1
+                signature: resMsg.signature,
+                // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
+                jsApiList: ["scanQRCode"],
+            });
+            wx.ready(() => {
+                //微信扫一扫请求操作
+                ClickScan()
+            });
+            wx.error((res) => {
+                console.log("获取失败");
+            });
+        }, error => {
+        });
+    };
+    const ClickScan = () => {
+        wx.scanQRCode({
+            needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
+            scanType: ['qrCode', 'barCode'], // 可以指定扫二维码还是一维码，默认二者都有
+            success: (res) => {
+                // 页面跳转
+                console.log("=========== 扫码返回 ===========")
+                console.log(res)
+                // checkIsExists(res, success => {
+                //     console.log(success.data)
+                    // if (success.data) {
+                        router.push({
+                            path: "/enterpriseScanPreview",
+                            query: {
+                                enterpriseNumber: res.resultStr
+                            }
+                        })
+                    // } else {
+                    //     showFailToast('企业信息不存在，请确认二维码是否正确！');
+                    //     router.push({
+                    //         path: "/enforce/scanQrCode",
+                    //     })
+                    // }
+                // }, error => {
+                //
+                // })
+                // router.push({
+                // 	path: "/enterpriseScanPreview",
+                // 	query: {
+                // 		enterpriseNumber: res.resultStr
+                // 	}
+                // });
+            },
+            cancel: (res) => {
+                console.log('err', res);
+            },
+        });
+    };
 
-const toNoScanView = async() =>{
-  router.push({
-    path: "/enforce/noScan",
-    query: {}
-  });
-};
+    const toScanPageView = async () => {
+        openScan();
+        // router.push({
+        //         path: "/enforce/scanPage_szy",
+        //         query: {}
+        //       });
+    };
 
-const toRegistrationListView = async() =>{
-    router.push({ 
-          path: "/enterprise/registrationList",
-    });
-}
-const toComplaintView = async() =>{
-    router.push({ 
-          path: "/enterprise/complaint",
-    });
-}
+    const toNoScanView = async () => {
+        router.push({
+            path: "/enforce/noScan",
+            query: {}
+        });
+    };
+
+    const toRegistrationListView = async () => {
+        router.push({
+            path: "/enterprise/registrationList",
+        });
+    }
+    const toComplaintView = async () => {
+        router.push({
+            path: "/enterprise/complaint",
+        });
+    }
 
-//下拉刷新
-const onRefresh = () => {
-	freshMap.listFinished = false;
-	freshMap.listLoading = true;
-	freshMap.refreshLoad = true;
-	// Promise.all([getCarousel(), boutiqueGoods(), recommendGoods()]).then(() => {
-	// 	freshMap.refreshLoad = false;
-	// });
-};
+    //下拉刷新
+    const onRefresh = () => {
+        freshMap.listFinished = false;
+        freshMap.listLoading = true;
+        freshMap.refreshLoad = true;
+        // Promise.all([getCarousel(), boutiqueGoods(), recommendGoods()]).then(() => {
+        // 	freshMap.refreshLoad = false;
+        // });
+    };
 
-// 触底加载
-const onLoad = () => {
-	// recommendGoods(true);
-};
+    // 触底加载
+    const onLoad = () => {
+        // recommendGoods(true);
+    };
 
-onMounted(() => {
-	// new Vconsole();
-  getEnterpriseMerchantAuthorization({merchantTel: useCommon.phonenumber},success =>{
-        if(!(success.data == null && success.data.length == 0)){
-          useCommon.SET_USER_ENTERPRISE_NUMBER(success.data[0].enterpriseNumber);
-        } 
-      },error =>{
-   })
-})
-// 返回
-const goBack = () => {
-	router.go(-1);
-};
+    onMounted(() => {
+        // new Vconsole();
+        getEnterpriseMerchantAuthorization({merchantTel: useCommon.phonenumber}, success => {
+            if (!(success.data == null && success.data.length == 0)) {
+                useCommon.SET_USER_ENTERPRISE_NUMBER(success.data[0].enterpriseNumber);
+            }
+        }, error => {
+        })
+    })
+    // 返回
+    const goBack = () => {
+        router.go(-1);
+    };
 </script>
 
 <style lang="less" scoped>
-.home {
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-	overflow: hidden;
-	background-color: #ebf3fb;
+    .home {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        overflow: hidden;
+        background-color: #ebf3fb;
+
+        .warp_body {
+            background-image: linear-gradient(to bottom, #ebf3fb, transparent);
+            background-size: cover;
+            position: relative;
 
-	.warp_body {
-    background-image: linear-gradient(to bottom, #ebf3fb, transparent);
-    background-size: cover;
-    position: relative;
-		.carousel_box {
-      position: relative;
-      top: 2%;
-			height: 150px;
-			width: 100%;
-			background: url("/src/assets/images/scan-mean.jpg") no-repeat center center;
-      background-size: 60%;
-      opacity: 0.75;
+            .carousel_box {
+                position: relative;
+                top: 2%;
+                height: 150px;
+                width: 100%;
+                background: url("/src/assets/images/scan-mean.jpg") no-repeat center center;
+                background-size: 60%;
+                opacity: 0.75;
+
+                .box-scan-one, .box-scan-two {
+                    position: absolute;
+                    top: 30%;
+                    left: 15%;
+                    height: 100px;
+                    width: 30%;
+                    font-size: 0.4rem;
+                    color: #999;
+
+                    .box-scan-text {
+                        margin-top: 70%;
+                        display: block;
+                        width: 100%;
+                        text-align: center
+                    }
+                }
+
+                .box-scan-two {
+                    left: auto;
+                    right: 12.5%;
+                }
+            }
 
-      .box-scan-one , .box-scan-two{
-        position: absolute;
-        top: 30%;
-        left: 15%;
-        height: 100px;
-        width: 30%;
-        font-size: 0.4rem;
-        color: #999;
-        .box-scan-text{
-          margin-top: 70%;
-          display: block;
-          width: 100%;
-          text-align: center
         }
-      }
-      .box-scan-two{
-        left: auto;
-        right: 12.5%;
-      }
-		}
-    
-	}
 
-	.boutique_box {
-      position: relative;
-      top: 10%;
-      z-index: 100;
-      width: 100%;
+        .boutique_box {
+            position: relative;
+            top: 10%;
+            z-index: 100;
+            width: 100%;
 
-		.boutique_body {
-			padding: 0px 0px 10px 0px;
-      display: flex;
-      justify-content: center;
-		};
-    .box-qr-code{
-      width: 52%;
-      text-align: right;
-      height: 7rem;
-      //background-color: var(--van-primary-color);
-      background: url("../../assets/images/scan-btn.jpg") no-repeat center center;
-      background-size: 100%;
-      // border-radius: 0.26667rem;
-      // background-size: cover;
-      // border-radius: 50%;
-      // background-image: url("@/assets/images/scan.png");
-      .box-qr-code-text{
-        margin-right: 25%;
-        margin-top: 70%;
-        display: block;
-        font-size: 0.45333rem;
-      }
-      img{
-        position: absolute;
-        top: 0%;
-        left: 34%;
-      }
-    }
-    .box-info{
-      width: 52%;
-      text-align: right;
-      height: 3.66667rem;
-      background-color: #ff976a;
-      border-radius: 10px;
-      background: url("@/assets/images/item_check.png");
-      background-size: cover;
-      
-      .box-info-text{
-        margin-right: 3%;
-        margin-top: 2%;
-        display: block;
-        font-size: 17px
-      }
-    }
-    .box-complaint{
-      width: 36%;
-      text-align: right;
-      height: 3.66667rem;
-      background-color: #ff976a;
-      border-radius: 10px;
-      margin-left: 2%;
-      background: url("@/assets/images/item_complain.png");
-      background-size: cover;
-      .box-complaint-text{
-        margin-right: 5%;
-        margin-top: 3%;
-        display: block;
-        font-size: 17px
-      }
-    }
-	}
+            .boutique_body {
+                padding: 0px 0px 10px 0px;
+                display: flex;
+                justify-content: center;
+            }
+        ;
+
+            .box-qr-code {
+                width: 52%;
+                text-align: right;
+                height: 7rem;
+                //background-color: var(--van-primary-color);
+                background: url("../../assets/images/scan-btn.jpg") no-repeat center center;
+                background-size: 100%;
+                // border-radius: 0.26667rem;
+                // background-size: cover;
+                // border-radius: 50%;
+                // background-image: url("@/assets/images/scan.png");
+                .box-qr-code-text {
+                    margin-right: 25%;
+                    margin-top: 70%;
+                    display: block;
+                    font-size: 0.45333rem;
+                }
 
-	.recommend_box {
-		.recommend_body {
-			width: 100%;
-		}
-	}
-}
+                img {
+                    position: absolute;
+                    top: 0%;
+                    left: 34%;
+                }
+            }
 
-.white-body  {
-  margin: 0 4%;
-  width: 92%;
-  height: 96%;
-  background-color: #fff;
-  border-radius: 0.25remnpm;
-}
+            .box-info {
+                width: 52%;
+                text-align: right;
+                height: 3.66667rem;
+                background-color: #ff976a;
+                border-radius: 10px;
+                background: url("@/assets/images/item_check.png");
+                background-size: cover;
 
-.nocode {
-  width: 100%;
-  color: #fb7905;
-  font-size: 0.45rem;
-  text-align: center;
-  line-height: 3;
-}
+                .box-info-text {
+                    margin-right: 3%;
+                    margin-top: 2%;
+                    display: block;
+                    font-size: 17px
+                }
+            }
+
+            .box-complaint {
+                width: 36%;
+                text-align: right;
+                height: 3.66667rem;
+                background-color: #ff976a;
+                border-radius: 10px;
+                margin-left: 2%;
+                background: url("@/assets/images/item_complain.png");
+                background-size: cover;
+
+                .box-complaint-text {
+                    margin-right: 5%;
+                    margin-top: 3%;
+                    display: block;
+                    font-size: 17px
+                }
+            }
+        }
+
+        .recommend_box {
+            .recommend_body {
+                width: 100%;
+            }
+        }
+    }
+
+    .white-body {
+        margin: 0 4%;
+        width: 92%;
+        height: 96%;
+        background-color: #fff;
+        border-radius: 0.25 remnpm;
+    }
+
+    .nocode {
+        width: 100%;
+        color: #fb7905;
+        font-size: 0.45rem;
+        text-align: center;
+        line-height: 3;
+    }
 </style>
diff --git a/src/views/enforceHome.vue b/src/views/enforceHome.vue
index add63d7..7a34c76 100644
--- a/src/views/enforceHome.vue
+++ b/src/views/enforceHome.vue
@@ -153,7 +153,7 @@
     };
 
     onMounted(() => {
-        new Vconsolefrom();
+        // new Vconsolefrom();
         let fullUrl = window.location.href;
         let code = fullUrl.substring(fullUrl.indexOf('code=') + 5, fullUrl.indexOf('&state='));
         // getSzyptLoginAuth(route?.query?.code,success =>{
@@ -162,12 +162,12 @@
             useCommon.SET_USER_ID(success.data.userId);
 
             // 如果不是执法用户 则跳转
-            if (!success.data.lawOfficer) {
-                router.push(
-                    {
-                        path: "/noAccess"
-                    });
-            }
+            // if (!success.data.lawOfficer) {
+            //     router.push(
+            //         {
+            //             path: "/noAccess"
+            //         });
+            // }
         }, error => {
 
         })