From a25754d049d248c084cb1029ac96ca11b31343a1 Mon Sep 17 00:00:00 2001
From: chenrui <1950717904@qq.com>
Date: Sat, 14 Sep 2024 21:52:23 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=AE=A1=E5=88=92=E5=90=8D?=
 =?UTF-8?q?=E7=A7=B0=E4=B8=8D=E5=8F=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/config/env.js         |   7 +-
 src/views/Home.vue        | 942 +++++++++++++++++++-------------------
 src/views/enforceHome.vue |   6 +-
 3 files changed, 476 insertions(+), 479 deletions(-)

diff --git a/src/config/env.js b/src/config/env.js
index 6c6b2f8..5d7a65e 100644
--- a/src/config/env.js
+++ b/src/config/env.js
@@ -1,10 +1,11 @@
 //本地环境
 // let baseUrl="http://139.186.135.156:86";
 // let baseUrl="http://10.132.108.1:85";
+//正式环境
+// let baseUrl="http://jdm.szssfj.cn/jdmApi";
+//测试环境
 // let baseUrl="http://jdm.szssfj.cn/jdmTestApi";
-//let baseUrl="http://jdm.szssfj.cn/jdmTestApi";
-//let baseUrl="http://192.168.110.35:85";
-let baseUrl="http://192.168.110.41:85";
+let baseUrl="http://localhost:85";
 // let wsUrl='ws://10.76.108.1:9326';
 export {
     baseUrl,
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 79c30a9..68e85aa 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,482 +1,478 @@
 <template>
-<!--     <Loading class="loading-div" type="spinner" v-show="isLoading" color="#1989fa"/>-->
-<!--    <div class="home app_content" v-if="!isLoading">-->
-    <div class="home app_content">
-        <!-- 导航栏 -->
-        <!--		<div class="header_body">-->
-        <!--			<header-nav :leftArrow="false" titelText="执法监督码"></header-nav>-->
-        <!--		</div>-->
-
-        <!-- 中间 -->
-        <div class="warp_body">
-            <div class="logobox"></div>
-            <!-- <refresh-list v-model:freshMap="freshMap" @refresh="onRefresh" @onLoad="onLoad"> -->
-            <div class="carousel_box" @onLoad="onLoad">
-                <carousel-card v-if="carouselList.length" v-model:carouselList="carouselList"></carousel-card>
-            </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="toRegisterView">
-                        <span class="box-qr-code-text">执法监督码</span>
-                    </div>
-                </div>
-                <div class="boutique_body">
-                    <!-- <goodsCard :goodsList="boutique" :cardAttr="boutiqueAttr"></goodsCard> -->
-                    <div class="box-info" @click="toRegistrationListView">
-                        <span class="box-info-text">历史检查信息</span>
-                    </div>
-                    <div class="box-complaint" @click="toComplaintView">
-                        <span class="box-complaint-text">执法投诉</span>
-                    </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="footer_body">
-            <footer-nav></footer-nav>
-        </div>
-    </div>
+  <!-- <Loading class="loading-div" type="spinner" v-show="isLoading" color="#1989fa"/> -->
+ <!-- <div class="home app_content" v-if="!isLoading"> -->
+   <div class="home app_content">
+     <!-- 导航栏 -->
+     <!--		<div class="header_body">-->
+     <!--			<header-nav :leftArrow="false" titelText="执法监督码"></header-nav>-->
+     <!--		</div>-->
+
+     <!-- 中间 -->
+     <div class="warp_body">
+         <div class="logobox"></div>
+         <!-- <refresh-list v-model:freshMap="freshMap" @refresh="onRefresh" @onLoad="onLoad"> -->
+         <div class="carousel_box" @onLoad="onLoad">
+             <carousel-card v-if="carouselList.length" v-model:carouselList="carouselList"></carousel-card>
+         </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="toRegisterView">
+                     <span class="box-qr-code-text">执法监督码</span>
+                 </div>
+             </div>
+             <div class="boutique_body">
+                 <!-- <goodsCard :goodsList="boutique" :cardAttr="boutiqueAttr"></goodsCard> -->
+                 <div class="box-info" @click="toRegistrationListView">
+                     <span class="box-info-text">历史检查信息</span>
+                 </div>
+                 <div class="box-complaint" @click="toComplaintView">
+                     <span class="box-complaint-text">执法投诉</span>
+                 </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="footer_body">
+         <footer-nav></footer-nav>
+     </div>
+ </div>
 </template>
 
 <script setup name="Home">
-    import Vconsolefrom from 'vconsole';
-    import * as w6s from 'szient-js-sdk';
-    import sha1 from 'crypto-js/sha1';
-    import {getEnterpriseMerchantAuthorization, getSiqLoginAuth, getSiqLoginAuthTest, siqCode} from '../api/Home';
-    import {Loading, showFailToast, showSuccessToast} from "vant";
-    import 'vant/es/toast/style';
-    const {useCommon} = $globalStore;
-    const router = useRouter();
-    const route = useRoute();
-    let carouselList = reactive([]); // 轮播列表
-    const isLoading = ref(true);
-    let freshMap = reactive({
-        refreshLoad: false, // 是否刷新
-        listLoading: false, // 是否加载中
-        listFinished: false, // 是否加载完成标识
-    });
-    const data = reactive({});
-    const boutiqueAttr = reactive({
-        columnNum: 4,
-        itemClass: "boutique_item",
-        goodsCradclass: "boutique-crad",
-    }); // 商品卡片展示
-
-    //获取轮播
-    const getCarousel = async () => {
-        // const res = await useHome.getCarousel();
-        // if (res?.code === 20000) {
-        // 	carouselList = res?.data;
-        // }
-    };
-
-    //精品
-    const boutiqueGoods = async () => {
-        // const res = await useHome.boutiqueGoods();
-        // if (res?.code === 20000) {
-        // 	boutique = res?.data;
-        // }
-    };
-
-    const toRegisterView = async () => {
-        if (useCommon.enterpriseNumber == null || useCommon.enterpriseNumber == "") {
-            router.push({path: "/enterprise/register"});
-        } else {
-            router.push({
-                path: "/enterprise/qrCode",
-                query: {
-                    enterpriseNumber: useCommon.enterpriseNumber,
-                }
-            });
-        }
-    };
-
-    const toRegistrationListView = async () => {
-        router.push({
-            path: "/enterprise/registrationList",
-        });
-    }
-    const toComplaintView = async () => {
-        router.push({
-            path: "/compaintBase",
-            query: {
-                isSelect: true
-            }
-        });
-    }
-
-    //下拉刷新
-    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 generateRandomNumber = () => {
-        const min = 100000;
-        const max = 999999;
-        const randomNum = (Math.floor(Math.random() * (max - min + 1)) + min);
-        return randomNum.toString().padStart(6, '0');
-    }
-
-    const getEnterpriseMerchant = (phoneNumber) => {
-        getEnterpriseMerchantAuthorization({merchantTel: phoneNumber}, success => {
-            console.log("-----> : ", success);
-            if (!(success.data == null && success.data.length == 0)) {
-                useCommon.SET_USER_ENTERPRISE_NUMBER(success.data[0].enterpriseNumber);
-            }
-        }, error => {
-        })
-    }
-
-    const getEnterpriseMerchant2 = (enterpriseNumber) => {
-        getEnterpriseMerchantAuthorization({enterpriseNumber: enterpriseNumber}, success => {
-            if (!(success.data == null && success.data.length == 0)) {
-                useCommon.SET_USER_ENTERPRISE_NUMBER(success.data[0].enterpriseNumber);
-            }
-        }, error => {
-        })
-    }
-
-    onMounted(() => {
-        // useCommon.SET_USER_PHONENUMBER(success.data.phonenumber);
-        // new Vconsolefrom();
-
-        // const access_key = '6374106c5eb449a4ad6c2430f30796e6';
-        // const access_secret = '434fec85aa5846e88bbeb8fac6cf6d7f';
-        // generateRandomNumber()
-        isLoading.value = useCommon.firstLoad;
-        siqCode(null, success => {
-            let access_key = "";
-            let access_secret = "";
-            if (success.success) {
-                access_key = success.data.accessKey;
-                access_secret = success.data.accessSecret;
-            }
-
-            const nonce = generateRandomNumber();
-            const timestamp = `${Date.now()}`;
-
-            const str = [access_secret, nonce, timestamp]
-                .sort()
-                .reduce((str, item) => str += item, '');
-
-            // 最终还需要转成全小写
-            const signature = sha1(str).toString().toLowerCase();
-
-            //深i企鉴权测试
-            // // getSiqLoginAuthTest({userId: "1430910304107227029", userName: "韦婵娟"}, success => {
-            // getSiqLoginAuthTest({userId: "1795031916332843009", userName: "陈瑞"}, success => {
-            //     console.log("-----> getSiqLoginAuthTest : ", success);
-            //     useCommon.SET_USER_PHONENUMBER(success.data.phonenumber.toString());
-            //     useCommon.SET_USER_ID(success.data.userId);
-            //     useCommon.SET_USER_ENTERPRISE_NUMBER(success.data.enterpriseNumber);
-            //     useCommon.SET_TOKEN(success.data.token);
-            //      //设置已经初始化
-            //     useCommon.SET_IS_FIRST_LOAD(false)
-            //     // getEnterpriseMerchant(success.data.phonenumber.toString());
-            //     getEnterpriseMerchant2(success.data.enterpriseNumber);
-            //     isLoading.value = false;
-            // }, error => {
-            // })
-
-            w6s.config({
-                access_key: access_key,
-                nonce: nonce,
-                timestamp: timestamp,
-                signature: signature,
-            }).then((res) => {
-                // 成功
-                console.log("鉴权", res);
-
-            }).catch((err) => {
-                // 失败
-                // console.log(err)
-                console.log("鉴权", err);
-                // todo 临时工
-                getEnterpriseMerchant2(useCommon.enterpriseNumber);
-            });
-
-            w6s.ready(() => {
-                w6s.szient.getAuthCode({
-                    success: function (res) {
-                        console.log(res)
-                        console.log("认证", res);
-                        console.log("code: " + res.result.result.code);
-                        getSiqLoginAuth({code: res.result.result.code}, success => {
-                            useCommon.SET_USER_PHONENUMBER(success.data.phonenumber.toString());
-                            useCommon.SET_USER_ID(success.data.userId);
-                            useCommon.SET_USER_ENTERPRISE_NUMBER(success.data.enterpriseNumber);
-                            console.log(success.data);
-                            // useCommon.SET_USER_PHONENUMBER(success.data.phonenumber.toString());
-                            // useCommon.SET_USER_ID(success.data.userId);
-                            // useCommon.SET_USER_ENTERPRISE_NUMBER(success.data.enterpriseNumber);
-                            useCommon.SET_TOKEN(success.data.token);
-                            console.log(useCommon.userId);
-                            console.log(useCommon.firstLoad);
-                            if(useCommon.firstLoad){
-                              isLoading.value = false;
-                            }
-                              //设置已经初始化
-                            useCommon.SET_IS_FIRST_LOAD(false)
-                            getEnterpriseMerchant2(useCommon.enterpriseNumber);
-                            isLoading.value = false;
-                        }, error => {
-                            console.log("error : " + error)
-                        })
-                    },
-                    fail: function (err) {
-                        console.log(err)
-                        console.log("认证", err);
-                    },
-                });
-            });
-
-            // getEnterpriseMerchantAuthorization({merchantTel: useCommon.phonenumber},success =>{
-            //       if(!(success.data == null && success.data.length == 0)){
-            //       	console.log("success.data[0].enterpriseNumber :" + success.data[0].enterpriseNumber)
-            //         useCommon.SET_USER_ENTERPRISE_NUMBER(success.data[0].enterpriseNumber);
-            //       }
-            //     },error =>{
-            //  })
-
-
-        });
-        const { VITE_BASE_URL,access_key,access_secret } = import.meta.env;
-        console.log(VITE_BASE_URL);
-        const apiUrl = ref(import.meta.env.accessKey);
-        console.log(access_key);
-        console.log(access_secret);
-        
-    });
+ import Vconsolefrom from 'vconsole';
+ import * as w6s from 'szient-js-sdk';
+ import sha1 from 'crypto-js/sha1';
+ import {getEnterpriseMerchantAuthorization, getSiqLoginAuth, getSiqLoginAuthTest, siqCode} from '../api/Home';
+ import {Loading, showFailToast, showSuccessToast} from "vant";
+ import 'vant/es/toast/style';
+ const {useCommon} = $globalStore;
+ const router = useRouter();
+ const route = useRoute();
+ let carouselList = reactive([]); // 轮播列表
+ const isLoading = ref(true);
+ let freshMap = reactive({
+     refreshLoad: false, // 是否刷新
+     listLoading: false, // 是否加载中
+     listFinished: false, // 是否加载完成标识
+ });
+ const data = reactive({});
+ const boutiqueAttr = reactive({
+     columnNum: 4,
+     itemClass: "boutique_item",
+     goodsCradclass: "boutique-crad",
+ }); // 商品卡片展示
+
+ //获取轮播
+ const getCarousel = async () => {
+     // const res = await useHome.getCarousel();
+     // if (res?.code === 20000) {
+     // 	carouselList = res?.data;
+     // }
+ };
+
+ //精品
+ const boutiqueGoods = async () => {
+     // const res = await useHome.boutiqueGoods();
+     // if (res?.code === 20000) {
+     // 	boutique = res?.data;
+     // }
+ };
+
+ const toRegisterView = async () => {
+     if (useCommon.enterpriseNumber == null || useCommon.enterpriseNumber == "") {
+         router.push({path: "/enterprise/register"});
+     } else {
+         router.push({
+             path: "/enterprise/qrCode",
+             query: {
+                 enterpriseNumber: useCommon.enterpriseNumber,
+             }
+         });
+     }
+ };
+
+ const toRegistrationListView = async () => {
+     router.push({
+         path: "/enterprise/registrationList",
+     });
+ }
+ const toComplaintView = async () => {
+     router.push({
+         path: "/compaintBase",
+         query: {
+             isSelect: true
+         }
+     });
+ }
+
+ //下拉刷新
+ 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 generateRandomNumber = () => {
+     const min = 100000;
+     const max = 999999;
+     const randomNum = (Math.floor(Math.random() * (max - min + 1)) + min);
+     return randomNum.toString().padStart(6, '0');
+ }
+
+ const getEnterpriseMerchant = (phoneNumber) => {
+     getEnterpriseMerchantAuthorization({merchantTel: phoneNumber}, success => {
+         if (!(success.data == null && success.data.length == 0)) {
+             useCommon.SET_USER_ENTERPRISE_NUMBER(success.data[0].enterpriseNumber);
+         }
+     }, error => {
+     })
+ }
+
+ onMounted(() => {
+     // console.log(useCommon.phonenumber)
+     // useCommon.SET_USER_PHONENUMBER(success.data.phonenumber);
+     // new Vconsolefrom();
+
+     // const access_key = '6374106c5eb449a4ad6c2430f30796e6';
+     // const access_secret = '434fec85aa5846e88bbeb8fac6cf6d7f';
+     // generateRandomNumber()
+     console.log(useCommon.firstLoad);
+     isLoading.value = useCommon.firstLoad;
+     siqCode(null, success => {
+         let access_key = "";
+         let access_secret = "";
+         if (success.success) {
+             access_key = success.data.accessKey;
+             access_secret = success.data.accessSecret;
+         }
+
+         const nonce = generateRandomNumber();
+         const timestamp = `${Date.now()}`;
+
+         const str = [access_secret, nonce, timestamp]
+             .sort()
+             .reduce((str, item) => str += item, '');
+
+         // 最终还需要转成全小写
+         const signature = sha1(str).toString().toLowerCase();
+
+         //深i企鉴权测试
+         // getSiqLoginAuthTest({userId: "1608644307579883522", userName: "汪鑫"}, success => {
+         // getSiqLoginAuthTest({userId: "1795031916332843009", userName: "陈瑞"}, success => {
+         //     console.log(success.data);
+         //     useCommon.SET_USER_PHONENUMBER(success.data.phonenumber.toString());
+         //     useCommon.SET_USER_ID(success.data.userId);
+         //     console.log("-----> success.data: ", success.data);
+         //     useCommon.SET_USER_ENTERPRISE_NUMBER(success.data.enterpriseNumber);
+         //     useCommon.SET_TOKEN(success.data.token);
+         //     console.log("-----> useCommon.userId: ", useCommon.userId);
+         //     console.log("-----> useCommon.firstLoad: ", useCommon.firstLoad);
+         //      //设置已经初始化
+         //     useCommon.SET_IS_FIRST_LOAD(false)
+         //     getEnterpriseMerchant(success.data.phonenumber.toString());
+         //     isLoading.value = false;
+         // }, error => {
+         // })
+
+         w6s.config({
+             access_key: access_key,
+             nonce: nonce,
+             timestamp: timestamp,
+             signature: signature,
+         }).then((res) => {
+             // 成功
+             console.log("鉴权", res);
+
+         }).catch((err) => {
+             // 失败
+             // console.log(err)
+             console.log("鉴权", err);
+             // todo 临时工
+             getEnterpriseMerchant(useCommon.phonenumber.toString());
+         });
+
+         w6s.ready(() => {
+             w6s.szient.getAuthCode({
+                 success: function (res) {
+                     console.log(res)
+                     console.log("认证", res);
+                     console.log("code: " + res.result.result.code);
+                     getSiqLoginAuth({code: res.result.result.code}, success => {
+                         useCommon.SET_USER_PHONENUMBER(success.data.phonenumber.toString());
+                         useCommon.SET_USER_ID(success.data.userId);
+                         useCommon.SET_USER_ENTERPRISE_NUMBER(success.data.enterpriseNumber);
+                         console.log(success.data);
+                         // useCommon.SET_USER_PHONENUMBER(success.data.phonenumber.toString());
+                         // useCommon.SET_USER_ID(success.data.userId);
+                         // useCommon.SET_USER_ENTERPRISE_NUMBER(success.data.enterpriseNumber);
+                         useCommon.SET_TOKEN(success.data.token);
+                         console.log(useCommon.userId);
+                         console.log(useCommon.firstLoad);
+                         if(useCommon.firstLoad){
+                           isLoading.value = false;
+                         }
+                           //设置已经初始化
+                         useCommon.SET_IS_FIRST_LOAD(false)
+                         getEnterpriseMerchant(success.data.phonenumber.toString());
+                         isLoading.value = false;
+                     }, error => {
+                         console.log("error : " + error)
+                     })
+                 },
+                 fail: function (err) {
+                     console.log(err)
+                     console.log("认证", err);
+                 },
+             });
+         });
+
+         // getEnterpriseMerchantAuthorization({merchantTel: useCommon.phonenumber},success =>{
+         //       if(!(success.data == null && success.data.length == 0)){
+         //       	console.log("success.data[0].enterpriseNumber :" + success.data[0].enterpriseNumber)
+         //         useCommon.SET_USER_ENTERPRISE_NUMBER(success.data[0].enterpriseNumber);
+         //       }
+         //     },error =>{
+         //  })
+
+
+     });
+     const { VITE_BASE_URL,access_key,access_secret } = import.meta.env;
+     console.log(VITE_BASE_URL);
+     const apiUrl = ref(import.meta.env.accessKey);
+     console.log(access_key);
+     console.log(access_secret);
+
+ });
 </script>
 
 <style lang="less" scoped>
-    .home {
-        display: flex;
-        flex-direction: column;
-        height: 100%;
-        overflow: hidden;
-        background-color: #f4f4f4;
-
-        .warp_body {
-            position: relative;
-            margin: 0;
-            width: 100%;
-            height: 100%;
-            background: #c6e6ff url("../assets/images/bg_c.jpg") no-repeat top;
-            background-size: auto 100%;
-            overflow-x: hidden;
-            overflow-y: auto;
-
-            .carousel_box {
-                height: 4rem;
-                width: 100%;
-                padding-bottom: 0.27rem;
-            }
-
-        }
-
-        .boutique_box {
-            position: absolute;
-            width: 100%;
-            bottom: 0.5rem;
-
-            .boutique_body {
-                padding: 0 0 0.27rem 0;
-                display: flex;
-                justify-content: center;
-            }
-
-            .box-qr-code {
-                position: relative;
-                margin: 2% 0;
-                width: 90%;
-                height: 3.67rem;
-                text-align: right;
-                border-radius: 0.27rem;
-
-                .box-qr-code-text {
-                    position: absolute;
-                    z-index: 10;
-                    top: 0.35rem;
-                    right: 0.35rem;
-                    display: block;
-                    font-size: 0.5rem;
-                }
-            }
-
-            .box-qr-code::before {
-                content: "";
-                position: absolute;
-                top: -0.14rem;
-                left: -0.14rem;
-                z-index: 0;
-                width: calc(100% + 0.13rem);
-                height: calc(100% + 0.13rem);
-                background-color: #fff;
-                border: 0.14rem solid rgba(255, 255, 255, 0.5);
-                border-radius: 0.27rem;
-            }
-
-            .box-qr-code::after {
-                content: "";
-                position: absolute;
-                top: 0;
-                left: 0;
-                z-index: 1;
-                width: 100%;
-                height: 100%;
-                border-radius: 0.27rem;
-                background: #fff url("../assets/images/item_code.jpg") no-repeat left;
-                background-size: auto 100%;
-                border: 1px solid #8db4ff;
-            }
-
-            .box-info {
-                position: relative;
-                margin-right: 2%;
-                width: 50%;
-                height: 3.67rem;
-                text-align: right;
-                border-radius: 0.27rem;
-
-                .box-info-text {
-                    position: absolute;
-                    z-index: 10;
-                    top: 0.35rem;
-                    right: 0.35rem;
-                    display: block;
-                    font-size: 0.5rem;
-                }
-            }
-
-            .box-info::before {
-                content: "";
-                position: absolute;
-                top: -0.14rem;
-                left: -0.14rem;
-                z-index: 0;
-                width: calc(100% + 0.13rem);
-                height: calc(100% + 0.13rem);
-                background-color: #fff;
-                border: 0.14rem solid rgba(255, 255, 255, 0.5);
-                border-radius: 0.27rem;
-            }
-
-            .box-info::after {
-                content: "";
-                position: absolute;
-                top: 0;
-                left: 0;
-                z-index: 1;
-                width: 100%;
-                height: 100%;
-                border-radius: 0.27rem;
-                background: #fff url("../assets/images/item_checkc.jpg") no-repeat left;
-                background-size: auto 100%;
-                border: 1px solid #8db4ff;
-            }
-
-            .box-complaint {
-                position: relative;
-                margin-left: 3%;
-                width: 35%;
-                height: 3.67rem;
-                text-align: right;
-                border-radius: 0.27rem;
-
-                .box-complaint-text {
-                    position: absolute;
-                    z-index: 10;
-                    top: 0.35rem;
-                    right: 0.35rem;
-                    display: block;
-                    font-size: 0.5rem;
-                }
-            }
-        }
-
-        .box-complaint::before {
-            content: "";
-            position: absolute;
-            top: -0.14rem;
-            left: -0.14rem;
-            z-index: 0;
-            width: calc(100% + 0.13rem);
-            height: calc(100% + 0.13rem);
-            background-color: #fff;
-            border: 0.14rem solid rgba(255, 255, 255, 0.5);
-            border-radius: 0.27rem;
-        }
-
-        .box-complaint::after {
-            content: "";
-            position: absolute;
-            top: 0;
-            left: 0;
-            z-index: 1;
-            width: 100%;
-            height: 100%;
-            border-radius: 0.27rem;
-            background: #fff url("../assets/images/item_complain.jpg") no-repeat left;
-            background-size: auto 100%;
-            border: 1px solid #8db4ff;
-        }
-
-        .recommend_box {
-            .recommend_body {
-                width: 100%;
-            }
-        }
-    }
-
-    .logobox {
-        position: relative;
-        top: 4%;
-        left: 5%;
-        z-index: 99;
-        width: 82%;
-        height: 10vh;
-        background: url("../assets/images/logo.png") no-repeat;
-        background-size: 100% auto;
-    }
-
-    @media screen and (max-width: 380px) {
-        .home .warp_body {
-            background: #c6e6ff url("../assets/images/bg_c.jpg") no-repeat top;
-            background-size: 100% auto;
-        }
-    }
-
-    @media screen and (min-width: 540px) {
-        .home .warp_body {
-            background: #c6e6ff url("../assets/images/bg_c.jpg") no-repeat top;
-            background-size: 100% auto;
-        }
-    }
-    .loading-div{
-      position: absolute;
-      top: 45%;
-      left: 48%;
-    }
+ .home {
+     display: flex;
+     flex-direction: column;
+     height: 100%;
+     overflow: hidden;
+     background-color: #f4f4f4;
+
+     .warp_body {
+         position: relative;
+         margin: 0;
+         width: 100%;
+         height: 100%;
+         background: #c6e6ff url("../assets/images/bg_c.jpg") no-repeat top;
+         background-size: auto 100%;
+         overflow-x: hidden;
+         overflow-y: auto;
+
+         .carousel_box {
+             height: 4rem;
+             width: 100%;
+             padding-bottom: 0.27rem;
+
+         }
+
+     }
+
+     .boutique_box {
+         position: absolute;
+         width: 100%;
+         bottom: calc(0.5rem + constant(safe-area-inset-bottom));
+         bottom: calc(0.5rem + env(safe-area-inset-bottom));
+
+         .boutique_body {
+             padding: 0 0 0.27rem 0;
+             display: flex;
+             justify-content: center;
+         }
+
+         .box-qr-code {
+             position: relative;
+             margin: 2% 0;
+             width: 90%;
+             height: 3.67rem;
+             text-align: right;
+             border-radius: 0.27rem;
+
+             .box-qr-code-text {
+                 position: absolute;
+                 z-index: 10;
+                 top: 0.35rem;
+                 right: 0.35rem;
+                 display: block;
+                 font-size: 0.5rem;
+             }
+         }
+
+         .box-qr-code::before {
+             content: "";
+             position: absolute;
+             top: -0.14rem;
+             left: -0.14rem;
+             z-index: 0;
+             width: calc(100% + 0.13rem);
+             height: calc(100% + 0.13rem);
+             background-color: #fff;
+             border: 0.14rem solid rgba(255, 255, 255, 0.5);
+             border-radius: 0.27rem;
+         }
+
+         .box-qr-code::after {
+             content: "";
+             position: absolute;
+             top: 0;
+             left: 0;
+             z-index: 1;
+             width: 100%;
+             height: 100%;
+             border-radius: 0.27rem;
+             background: #fff url("../assets/images/item_code.jpg") no-repeat left;
+             background-size: auto 100%;
+             border: 1px solid #8db4ff;
+         }
+
+         .box-info {
+             position: relative;
+             margin-right: 2%;
+             width: 50%;
+             height: 3.67rem;
+             text-align: right;
+             border-radius: 0.27rem;
+
+             .box-info-text {
+                 position: absolute;
+                 z-index: 10;
+                 top: 0.35rem;
+                 right: 0.35rem;
+                 display: block;
+                 font-size: 0.5rem;
+             }
+         }
+
+         .box-info::before {
+             content: "";
+             position: absolute;
+             top: -0.14rem;
+             left: -0.14rem;
+             z-index: 0;
+             width: calc(100% + 0.13rem);
+             height: calc(100% + 0.13rem);
+             background-color: #fff;
+             border: 0.14rem solid rgba(255, 255, 255, 0.5);
+             border-radius: 0.27rem;
+         }
+
+         .box-info::after {
+             content: "";
+             position: absolute;
+             top: 0;
+             left: 0;
+             z-index: 1;
+             width: 100%;
+             height: 100%;
+             border-radius: 0.27rem;
+             background: #fff url("../assets/images/item_checkc.jpg") no-repeat left;
+             background-size: auto 100%;
+             border: 1px solid #8db4ff;
+         }
+
+         .box-complaint {
+             position: relative;
+             margin-left: 3%;
+             width: 35%;
+             height: 3.67rem;
+             text-align: right;
+             border-radius: 0.27rem;
+
+             .box-complaint-text {
+                 position: absolute;
+                 z-index: 10;
+                 top: 0.35rem;
+                 right: 0.35rem;
+                 display: block;
+                 font-size: 0.5rem;
+             }
+         }
+     }
+
+     .box-complaint::before {
+         content: "";
+         position: absolute;
+         top: -0.14rem;
+         left: -0.14rem;
+         z-index: 0;
+         width: calc(100% + 0.13rem);
+         height: calc(100% + 0.13rem);
+         background-color: #fff;
+         border: 0.14rem solid rgba(255, 255, 255, 0.5);
+         border-radius: 0.27rem;
+     }
+
+     .box-complaint::after {
+         content: "";
+         position: absolute;
+         top: 0;
+         left: 0;
+         z-index: 1;
+         width: 100%;
+         height: 100%;
+         border-radius: 0.27rem;
+         background: #fff url("../assets/images/item_complain.jpg") no-repeat left;
+         background-size: auto 100%;
+         border: 1px solid #8db4ff;
+     }
+
+     .recommend_box {
+         .recommend_body {
+             width: 100%;
+         }
+     }
+ }
+
+ .logobox {
+     position: relative;
+     top: 4%;
+     left: 5%;
+     z-index: 99;
+     width: 82%;
+     height: 10vh;
+     background: url("../assets/images/logo.png") no-repeat;
+     background-size: 100% auto;
+ }
+
+ @media screen and (max-width: 380px) {
+     .home .warp_body {
+         background: #c6e6ff url("../assets/images/bg_c.jpg") no-repeat top;
+         background-size: 100% auto;
+     }
+ }
+
+ @media screen and (min-width: 540px) {
+     .home .warp_body {
+         background: #c6e6ff url("../assets/images/bg_c.jpg") no-repeat top;
+         background-size: 100% auto;
+     }
+ }
+ .loading-div{
+   position: absolute;
+   top: 45%;
+   left: 48%;
+ }
 
 </style>
diff --git a/src/views/enforceHome.vue b/src/views/enforceHome.vue
index 4d3d2fa..593afcb 100644
--- a/src/views/enforceHome.vue
+++ b/src/views/enforceHome.vue
@@ -1,7 +1,7 @@
 <template>
-<!--   <Loading class="loading-div" type="spinner" v-show="isLoading" color="#1989fa"/>
-   <div class="home app_content" v-if="!isLoading">-->
-     <div class="home app_content">
+   <Loading class="loading-div" type="spinner" v-show="isLoading" color="#1989fa"/>
+   <!-- <div class="home app_content" v-if="!isLoading"> -->
+    <div class="home app_content">
         <!-- 导航栏 -->
         <!-- <div class="header_body">
                     <header-nav :leftArrow="false" titelText="执法监督码"></header-nav>