feat: 定制服务逻辑修改【100%】

src/views/Home/index.vue

@@ -17,13 +17,13 @@
                       @click="learnMore(i)"
                   >
                     <span>了解更多</span
-                    ><img src="../../assets/image/home/more-arrow.png" alt="" />
+                    ><img src="../../assets/image/home/more-arrow.png" alt=""/>
                   </button>
                 </div>
               </div>
             </div>
             <div class="d-none d-lg-block banner-tp">
-              <img :src="el.picIndexPath" alt="" class="container" />
+              <img :src="el.picIndexPath" alt="" class="container"/>
             </div>
           </div>
         </div>
@@ -55,7 +55,7 @@
                     v-for="el in newsBanner"
                     :key="el.id"
                 >
-                  <img :src="el.picFile" alt="..." class="newsBanner-tp" />
+                  <img :src="el.picFile" alt="..." class="newsBanner-tp"/>
                 </div>
               </VueSlickCarousel>
               <VueSlickCarousel
@@ -112,7 +112,7 @@
                   role="tabpanel"
                   aria-labelledby="yaowen-tab"
               >
-                <list :list="news[0].data" />
+                <list :list="news[0].data"/>
               </div>
             </div>
           </div>
@@ -142,7 +142,7 @@
                       @click="whbsxtcyHandelClick(i)"
                   >
                     <div class="ywdt-tp">
-                      <img :src="tmp.ico" alt="" />
+                      <img :src="tmp.ico" alt=""/>
                     </div>
                     <div class="ywdt-bt">{{ tmp.name }}</div>
                   </div>
@@ -161,7 +161,7 @@
                       @click="wsxtcyHandelClick(i)"
                   >
                     <div class="ywdt-tp">
-                      <img :src="tmp.ico" alt="" />
+                      <img :src="tmp.ico" alt=""/>
                     </div>
                     <div class="ywdt-bt">{{ tmp.name }}</div>
                   </div>
@@ -181,7 +181,7 @@
                       @click="wsylqyHandelClick(i)"
                   >
                     <div class="ywdt-tp">
-                      <img :src="tmp.ico" alt="" />
+                      <img :src="tmp.ico" alt=""/>
                     </div>
                     <div class="ywdt-bt">{{ tmp.name }}</div>
                   </div>
@@ -199,7 +199,7 @@
                       @click="kjywblzqHandelClick(i)"
                   >
                     <div class="ywdt-tp">
-                      <img :src="tmp.ico" alt="" />
+                      <img :src="tmp.ico" alt=""/>
                     </div>
                     <div class="ywdt-bt">{{ tmp.name }}</div>
                   </div>
@@ -222,7 +222,7 @@
                   >
                     <div class="dzfw-border">
                       <div class="dzfw-tp">
-                        <img :src="tmp.ico" alt="" />
+                        <img :src="tmp.ico" alt=""/>
                       </div>
                       <div class="dzfw-bt">{{ tmp.name }}</div>
                     </div>
@@ -360,7 +360,7 @@
         <div class="spqqsfz-cont row">
           <div class="spqqsfz-cont-left col-lg-2">
             <div class="spqqsfz-cont-left-tp">
-              <img :src="spqqsfz.surl" alt="" />
+              <img :src="spqqsfz.surl" alt=""/>
             </div>
           </div>
           <div class="spqqsfz-cont-right col-lg-10">
@@ -384,7 +384,7 @@
                 <div class="col offset-2 offset-lg-3">
                   <button class="spqqsfz-btn blue" @click="spqqsfzHandelClick">
                     <span>更多商品信息</span
-                    ><img src="../../assets/image/home/more-arrow.png" alt="" />
+                    ><img src="../../assets/image/home/more-arrow.png" alt=""/>
                   </button>
                 </div>
               </div>
@@ -407,24 +407,24 @@
                       alt=""
                   />
                 </div>
-                <list2 :list="djwh.data" />
+                <list2 :list="djwh.data"/>
               </div>
               <div class="ztjj">
                 <div class="home-bottom-cate">专题聚焦</div>
                 <div class="djwh-tp">
-                  <img src="../../assets/image/home/zhuantijujiao.png" alt="" />
+                  <img src="../../assets/image/home/zhuantijujiao.png" alt=""/>
                 </div>
-                <list2 :list="ztjj.data" />
+                <list2 :list="ztjj.data"/>
               </div>
               <div class="yyly">
                 <div class="home-bottom-cate">应用领域</div>
-                <yylyList :list="yyly.data" />
+                <yylyList :list="yyly.data"/>
               </div>
               <div class="other">
                 <div class="home-bottom-cate">
                   质检中心/协会/杂志社/标准委/其他
                 </div>
-                <otherList :list="other.data" />
+                <otherList :list="other.data"/>
               </div>
             </div>
           </div>
@@ -447,7 +447,7 @@
                     :key="ii"
                     @click="handelSmallImagesClick(tmpB)"
                 >
-                  <img :src="tmpB.picIndexPath" />
+                  <img :src="tmpB.picIndexPath"/>
                 </div>
               </div>
             </div>
@@ -478,7 +478,7 @@
                       :key="ii"
                       @click="handelSmallImagesClick(tmpB)"
                   >
-                    <img :src="tmpB.picIndexPath" />
+                    <img :src="tmpB.picIndexPath"/>
                   </div>
                 </div>
               </div>
@@ -489,7 +489,7 @@
                 data-bs-target="#advert"
                 data-bs-slide="prev"
             >
-              <img src="../../assets/image/home/advert-zuo.png" alt="" />
+              <img src="../../assets/image/home/advert-zuo.png" alt=""/>
             </button>
             <button
                 class="carousel-control-next"
@@ -497,7 +497,7 @@
                 data-bs-target="#advert"
                 data-bs-slide="next"
             >
-              <img src="../../assets/image/home/advert-you.png" alt="" />
+              <img src="../../assets/image/home/advert-you.png" alt=""/>
             </button>
           </div>
         </div>
@@ -514,7 +514,7 @@
             >
               <div class="row">
                 <div class="col">
-                  <img :src="tmpA.picIndexPath" />
+                  <img :src="tmpA.picIndexPath"/>
                 </div>
               </div>
             </div>
@@ -531,7 +531,7 @@
         </div>
       </div>
     </div>
-    <notice />
+    <notice/>
     <modal
         :dialogData="dzfwMoreDialog"
         @toFatherClose="dzfwMoreHandel(false)"
@@ -541,7 +541,7 @@
         <div class="dzfwDialog">
           <ul class="dzfwDialog-ul dzfwDialog-width">
             <template v-for="(tmp, i) in dzfw">
-              <li :key="i" v-if="tmp.name !== '更多'">
+              <li :key="i" v-if="tmp.name !== '更多定制'">
                 <div class="li-kj">
                   <el-checkbox
                       :value="tmp.isChecked"
@@ -549,7 +549,7 @@
                       @change="dzfwHandelChange(i)"
                   ></el-checkbox>
                   <div class="dzfwDialog-ico">
-                    <img :src="tmp.ico" alt="" />
+                    <img :src="tmp.ico" alt=""/>
                   </div>
                   <div class="dzfwDialog-title">{{ tmp.name }}</div>
                 </div>
@@ -562,7 +562,7 @@
     <message :messageData="messageDialog" v-if="messageDialog.isShow">
       <template v-slot:body>
         <div class="dzfwMessage">
-          <p>您选择了超过8个!</p>
+          <p>您选择了超过11个!</p>
           <p>2s后自动关闭</p>
         </div>
       </template>
@@ -752,12 +752,14 @@ export default {
       ],
       dzfw: [
         {
+          id: '0',
           ico: require("../../assets/image/home/dzfw-ico1.png"),
           name: "商品信息服务平台",
           isChecked: true,
           url: "/Service/GDS",
         },
         {
+          id: '1',
           ico: require("../../assets/image/home/dzfw-ico2.png"),
           name: "进口商品数据通报",
           isChecked: true,
@@ -765,6 +767,7 @@ export default {
           type: "link",
         },
         {
+          id: '2',
           ico: require("../../assets/image/home/dzfw-ico3.png"),
           name: "条码微站",
           isChecked: true,
@@ -772,12 +775,14 @@ export default {
           type: "link",
         },
         {
+          id: '3',
           ico: require("../../assets/image/home/dzfw-ico12.png"),
           name: "追溯平台",
           isChecked: true,
           url: "/Service/Chinatrace",
         },
         {
+          id: '4',
           ico: require("../../assets/image/home/dzfw-ico7.png"),
           name: "条码商桥",
           isChecked: true,
@@ -785,6 +790,7 @@ export default {
           type: "link",
         },
         {
+          id: '5',
           ico: require("../../assets/image/home/dzfw-ico4.png"),
           name: "商品二维码",
           isChecked: true,
@@ -792,6 +798,7 @@ export default {
           type: "link",
         },
         {
+          id: '6',
           ico: require("../../assets/image/home/dzfw-ico5.png"),
           name: "GDSN",
           isChecked: true,
@@ -799,35 +806,40 @@ export default {
           type: "link",
         },
         {
+          id: '7',
           ico: require("../../assets/image/home/dzfw-ico11.png"),
           name: "条码/射频(RFID)/软件检测服务",
           isChecked: true,
           url: "/Service/jcyxz/Barcode",
         },
         {
+          id: '8',
           ico: require("../../assets/image/home/dzfw-ico9.png"),
           name: "ECODE",
           isChecked: true,
         },
         {
+          id: '9',
           ico: require("../../assets/image/home/dzfw-ico13.png"),
           name: "教育知识管理平台",
           isChecked: true,
         },
         {
+          id: '10',
           ico: require("../../assets/image/home/dzfw-ico6.png"),
           name: "条码信息查询",
           isChecked: true,
         },
 
         {
+          id: '11',
           ico: require("../../assets/image/home/dzfw-ico8.png"),
           name: "产品服务",
           isChecked: false,
           url: "/Service/BarcodeV",
         },
-
         {
+          id: '12',
           ico: require("../../assets/image/home/dzfw-ico10.png"),
           name: "平台服务",
           isChecked: false,
@@ -976,7 +988,37 @@ export default {
     this.dzfw.push(this.dzfLastChild);
     this.init();
   },
+  mounted() {
+    this.getCustomService()
+  },
   methods: {
+    getCustomService() {
+      let service = localStorage.getItem('gs-custom-service') || ''
+      console.log('getCustomService-----------', service)
+      if(service) {
+        service = JSON.parse(service)
+        this.updateCustomService(service)
+      }
+    },
+    updateCustomService(list){
+      this.dzfw.forEach(item=>{
+        item.isChecked = item.name === "更多定制"
+        list.forEach(_item=>{
+          if(_item==item.id){
+            item.isChecked = true
+          }
+        })
+      })
+    },
+    setCustomService() {
+      const service = []
+      this.dzfw.forEach(item=>{
+        if(item.isChecked && item.name !== "更多定制"){
+          service.push(parseInt(item.id,10))
+        }
+      })
+      localStorage.setItem('gs-custom-service',JSON.stringify(service))
+    },
     // 初始化
     init() {
       // 首页大轮播图
@@ -996,7 +1038,7 @@ export default {
     async homeBigImages() {
       // console.log(this.$api, 'this.$api');
       const homeBigImagesRes = await this.$api.home.homeBigImages();
-      const { returnCode, data } = homeBigImagesRes;
+      const {returnCode, data} = homeBigImagesRes;
       if (returnCode === "0") {
         this.banner = data;
         console.log(this.banner, "this.banner");
@@ -1011,7 +1053,7 @@ export default {
     async homePictureImageList() {
       const homePictureImageListRes =
           await this.$api.home.homePictureImageList();
-      const { returnCode, data } = homePictureImageListRes;
+      const {returnCode, data} = homePictureImageListRes;
       if (returnCode === "0") {
         data.forEach((el) => {
           el.picFile = `http://www.gs1cn.org/news/newsimg/${el.picFile}`;
@@ -1024,7 +1066,7 @@ export default {
     async homeImportantNewList() {
       const homeImportantNewListRes =
           await this.$api.home.homeImportantNewList();
-      const { returnCode, data } = homeImportantNewListRes;
+      const {returnCode, data} = homeImportantNewListRes;
       if (returnCode === "0") {
         data.forEach((el) => {
           el.time = this.$moment(el.showtime).format("MM-DD");
@@ -1059,7 +1101,7 @@ export default {
       const homeGet4PartyTopNewsRes = await this.$api.home.homeGet4PartyTopNews(
           params
       );
-      const { returnCode, data } = homeGet4PartyTopNewsRes;
+      const {returnCode, data} = homeGet4PartyTopNewsRes;
       if (returnCode === "0") {
         console.log(homeGet4PartyTopNewsRes, "党建文化新闻列表");
         this.djwh.data = data;
@@ -1068,7 +1110,7 @@ export default {
     // 首页小轮播图
     async homeSmallImages() {
       const homeSmallImagesRes = await this.$api.home.homeSmallImages();
-      const { returnCode, data } = homeSmallImagesRes;
+      const {returnCode, data} = homeSmallImagesRes;
       if (returnCode === "0") {
         let list = [];
         data.forEach((el, i) => {
@@ -1132,7 +1174,7 @@ export default {
       const currentCheck = this.dzfw[i].isChecked;
       const checkList = [];
       this.dzfw.forEach((item) => {
-        if (item.name !== "更多" && item.isChecked) {
+        if (item.name !== "更多定制" && item.isChecked) {
           checkList.push(item);
         }
       });
@@ -1142,6 +1184,8 @@ export default {
         setTimeout(() => {
           this.messageDialog.isShow = false;
         }, 2000);
+      }else{
+        this.setCustomService()
       }
       console.log(this.dzfw[i], "newValue");
     },
@@ -1178,36 +1222,45 @@ export default {
     @include elInput(40px, #0e2c6b, #0e2c6b, #fff, #059ede, 4px);
     @include elSelect(#0e2c6b, #0e2c6b);
   }
+
   .dzfwDialog-checkbox {
     .el-checkbox__inner {
       border-radius: 50%;
     }
   }
+
   .slick-slider,
   .slick-list,
   .slick-track {
     height: 100%;
   }
+
   .slick-slide {
     height: 100%;
+
     > div {
       height: 100%;
+
       > div {
         height: 100%;
       }
     }
   }
+
   .slick-arrow {
     z-index: 9;
     display: flex;
     align-items: center;
+
     &.slick-prev {
       left: 0;
+
       &::before {
         background: url("../../assets/image/home/prevArrow-hover.png") no-repeat;
         background-size: 100% 100%;
         content: "";
       }
+
       // &:hover {
       //   &::before {
       //     background: url("../../assets/image/home/prevArrow-hover.png")
@@ -1216,15 +1269,18 @@ export default {
       //   }
       // }
     }
+
     &.slick-next {
       right: 0;
       display: flex;
       justify-content: flex-end;
+
       &::before {
         background: url("../../assets/image/home/nextArrow-hover.png") no-repeat;
         background-size: 100% 100%;
         content: "";
       }
+
       // &:hover {
       //   &::before {
       //     background: url("../../assets/image/home/nextArrow-hover.png")
@@ -1233,47 +1289,57 @@ export default {
       //   }
       // }
     }
+
     img {
       vertical-align: middle;
     }
   }
+
   .banner {
     .slick-arrow {
       margin: 0 10px;
+
       &.slick-prev {
         top: auto;
         bottom: 25px;
         transform: translate(0, 0);
+
         &::before {
           width: 10px;
           height: 18px;
         }
       }
+
       &.slick-next {
         top: auto;
         bottom: 25px;
         transform: translate(0, 0);
+
         &::before {
           width: 10px;
           height: 18px;
         }
       }
     }
+
     .slick-dots {
       bottom: 25px !important;
       display: flex;
       align-items: center;
       justify-content: center;
       height: 20px;
+
       li {
         width: 10px;
         height: 10px;
+
         &.slick-active {
           .custom-dot {
             background: #ffffff;
             opacity: 1;
           }
         }
+
         .custom-dot {
           border-radius: 50%;
           width: 100%;
@@ -1286,13 +1352,16 @@ export default {
       }
     }
   }
+
   .newsBanner {
     .slick-arrow {
       width: 40px;
       height: 50px;
       margin: 0 10px;
+
       &.slick-prev {
         position: relative;
+
         &::before {
           width: 9px;
           height: 14px;
@@ -1301,8 +1370,10 @@ export default {
           // background-size: 100% 100%;
         }
       }
+
       &.slick-next {
         position: relative;
+
         &::before {
           width: 9px;
           height: 14px;
@@ -1311,54 +1382,61 @@ export default {
           // background-size: 100% 100%;
         }
       }
+
       img {
         vertical-align: middle;
       }
     }
+
     .newsBannerB {
       background: linear-gradient(180deg, rgba(0, 0, 0, 0.01) 0%, #000000 100%);
     }
   }
+
   .smallPCImages {
     .slick-arrow {
       width: 24px;
       height: 50px;
       margin: 0 10px;
+
       &.slick-prev {
         // position: relative;
         &::before {
           width: 24px;
           height: 50px;
-          background: url("../../assets/image/home/prevArrow-hover2.png")
-            no-repeat;
+          background: url("../../assets/image/home/prevArrow-hover2.png") no-repeat;
           background-size: 100% 100%;
         }
       }
+
       &.slick-next {
         // position: relative;
         &::before {
           width: 24px;
           height: 50px;
-          background: url("../../assets/image/home/nextArrow-hover2.png")
-            no-repeat;
+          background: url("../../assets/image/home/nextArrow-hover2.png") no-repeat;
           background-size: 100% 100%;
         }
       }
     }
+
     &.H5 {
       font-size: auto;
+
       .slick-arrow {
         &.slick-prev {
           top: auto;
           bottom: 0;
           transform: translate(0, 0);
         }
+
         &.slick-next {
           top: auto;
           bottom: 0;
           transform: translate(0, 0);
         }
       }
+
       .slick-dots {
         bottom: 0 !important;
         display: flex;
@@ -1366,15 +1444,18 @@ export default {
         justify-content: center;
         height: 50px;
         line-height: 50px;
+
         li {
           width: 10px;
           height: 10px;
+
           &.slick-active {
             .custom-dot {
               background: #ffffff;
               opacity: 1;
             }
           }
+
           .custom-dot {
             border-radius: 50%;
             width: 100%;
@@ -1388,16 +1469,19 @@ export default {
       }
     }
   }
+
   @media screen and (min-width: 992px) {
     .banner {
       .carousel-title {
         font-size: 36px;
         line-height: 60px;
       }
+
       .slick-arrow {
         &.slick-prev {
           left: 38%;
         }
+
         &.slick-next {
           right: 38%;
         }
@@ -1420,6 +1504,7 @@ export default {
     .newsBanner {
       width: 89.5%;
       height: 427px !important;
+
       .newsBannerB {
         .newsBanner-title {
           font-size: 18px;
@@ -1433,6 +1518,7 @@ export default {
     }
     .spqqsfz {
       margin-top: 30px;
+
       .spqqsfz-cont-left {
         .spqqsfz-cont-left-tp {
           height: 100%;
@@ -1478,6 +1564,7 @@ export default {
     }
     .spqqsfz {
       margin-top: 20px;
+
       .spqqsfz-cont-right {
         background: #e25020 !important;
       }
@@ -1505,6 +1592,7 @@ export default {
     .banner-item {
       height: 100%;
       position: relative;
+
       .banner-tp {
         width: 100%;
         height: 100%;
@@ -1517,25 +1605,30 @@ export default {
         // display: flex !important;
         // justify-content: center;
       }
+
       .container,
       .row {
         height: 100%;
         position: relative;
         z-index: 9;
       }
+
       .carousel-caption-left {
         display: flex;
         flex-direction: column;
         justify-content: center;
+
         .carousel-title {
           color: #ffffff;
         }
+
         .carousel-note {
           font-size: 16px;
           color: #ffffff;
           line-height: 24px;
           margin: 30px 0;
         }
+
         .carousel-btn {
           width: 128px;
           height: 37px;
@@ -1545,13 +1638,16 @@ export default {
           font-size: 16px;
           color: #ffffff;
           position: relative;
+
           span {
             margin-left: 18px;
           }
         }
       }
+
       .carousel-caption-right {
         display: none;
+
         img {
           width: 100%;
           height: 100%;
@@ -1559,80 +1655,103 @@ export default {
       }
     }
   }
+
   .padding18 {
     padding: 18px 0;
   }
+
   .marginTop10 {
     margin-top: 10px;
   }
+
   .bgWhite {
     background: $bg-color;
   }
+
   .orange {
     background: #cd3c0d;
+
     img {
       position: absolute;
       right: 20px;
       top: 50%;
       transform: translateY(-50%);
     }
+
     &:hover {
       background: #a82c05;
+
       img {
         right: 17px;
       }
     }
+
     &:focus {
       background: #cd3c0d;
+
       img {
         right: 20px;
       }
     }
+
     &:active {
       background: #912305;
+
       img {
         right: 17px;
       }
     }
   }
+
   .blue {
     background: #0e2c6b;
+
     img {
       position: absolute;
       right: 20px;
       top: 50%;
       transform: translateY(-50%);
     }
+
     &:hover {
       background: #061a4d;
+
       img {
         right: 17px;
       }
     }
+
     &:focus {
       background: #0e2c6b;
+
       img {
         right: 20px;
       }
     }
+
     &:active {
       background: #061a4d;
+
       img {
         right: 17px;
       }
     }
   }
+
   .newsBanner {
     position: relative;
+
     .newsBanner-item {
       height: 100%;
       width: 100%;
       position: relative;
+
       .newsBanner-tp {
         width: 100%;
         height: 100%;
       }
     }
+
     .newsBannerB {
       position: absolute;
       width: 100%;
@@ -1643,6 +1762,7 @@ export default {
       height: 50px;
       display: flex;
       align-items: center;
+
       .newsBanner-title {
         height: 50px;
         width: 100%;
@@ -1658,32 +1778,41 @@ export default {
     display: flex;
     justify-content: space-between;
     border-bottom: 1px solid #c5d8ee;
+
     .nav-item {
       flex: 1;
     }
+
     span {
       border-right: 1px solid #e1e6f0;
     }
   }
+
   .tabs2 {
     border: 0;
+
     &.row {
       margin: 0;
+
       > li {
         padding: 0;
       }
     }
+
     .nav-item {
       border-bottom: 1px solid #c5d8ee;
     }
-    @media screen and(min-width:992px) {
+
+    @media screen and(min-width: 992px) {
       span {
         border-right: 1px solid #e1e6f0;
       }
     }
   }
+
   .nav-tabs {
     font-size: 16px;
+
     .nav-item {
       &:last-child {
         span {
@@ -1691,51 +1820,61 @@ export default {
         }
       }
     }
+
     .nav-link {
       border: 0;
       color: rgba(14, 44, 107, 1);
       width: 100%;
       padding: 0;
       padding-bottom: 10px;
+
       &.active,
       &:hover {
         border-bottom: 3px solid #f26335;
         color: rgba(242, 99, 53, 1);
         font-weight: 600;
       }
+
       span {
         display: inline-block;
         width: 100%;
       }
     }
   }
+
   .cate {
     color: #0e2c6b;
     font-size: 18px;
     font-weight: 600;
     // font-family: PingFangSC-Medium, PingFang SC;
   }
+
   .ywdt {
     .row {
       margin: 0;
+
       > div {
         padding: 0;
       }
     }
+
     .ywdt-cate {
       display: flex;
       align-items: center;
       flex-wrap: wrap;
       height: 73px;
       padding-left: 24px;
+
       &.ywdt-cate-bj1 {
         background: url("../../assets/image/home/ywdt-cate-bj1.png") no-repeat;
         background-size: cover;
       }
+
       &.ywdt-cate-bj2 {
         background: url("../../assets/image/home/ywdt-cate-bj2.png") no-repeat;
         background-size: cover;
       }
+
       span {
         &:nth-child(1) {
           color: #0e2c6b;
@@ -1743,6 +1882,7 @@ export default {
           // font-family: PingFangSC-Medium, PingFang SC;
           font-weight: 600;
         }
+
         &:nth-child(2) {
           color: #0e2c6b;
           font-size: 14px;
@@ -1750,8 +1890,10 @@ export default {
         }
       }
     }
+
     .wbsxtcy {
       text-align: center;
+
       .wbsxtcy-btn {
         width: 90%;
         margin: 0 auto;
@@ -1763,12 +1905,14 @@ export default {
         margin-top: 20px;
       }
     }
+
     .ywdt-kj {
       // padding: 10px 0;
       > div {
         // margin: 10px 0;
         text-align: center;
       }
+
       .ywdt-tp {
         // margin-bottom: 14px;
         cursor: pointer;
@@ -1777,6 +1921,7 @@ export default {
         align-items: center;
         justify-content: center;
       }
+
       .ywdt-bt {
         color: #0e2c6b;
         font-size: 14px;
@@ -1785,51 +1930,62 @@ export default {
         // font-family: PingFangSC-Medium, PingFang SC;
       }
     }
+
     .wsxtcy {
       .ywdt-tp {
         // margin-bottom: 8px;
       }
     }
+
     .wsylqy,
     .kjywblzq {
       .ywdt-cate {
         height: 52px;
       }
+
       .ywdt-bt {
         width: 125px;
         margin: 0 auto;
       }
     }
+
     .whbsxtcy-row {
       > div {
         height: 128px;
       }
+
       .ywdt-tp {
         height: 84px;
         display: flex;
         align-items: center;
       }
     }
+
     .wsxtcy-row {
       > div {
         height: 106px;
       }
+
       .ywdt-tp {
         height: 60px;
         display: flex;
         align-items: center;
       }
     }
+
     .wsylqy-row {
       height: 130px;
+
       .ywdt-tp {
         height: 70px;
         display: flex;
         align-items: center;
       }
     }
+
     .kjywblzq-row {
       height: 130px;
+
       .ywdt-tp {
         height: 70px;
         display: flex;
@@ -1837,23 +1993,25 @@ export default {
       }
     }
   }
+
   .dzfw {
     .row {
       > .dzfw-li {
         // padding: 0 10px;
         cursor: pointer;
         @media screen and (min-width: 992px) {
-          background: url("../../assets/image/home/line.png") no-repeat right
-            center;
+          background: url("../../assets/image/home/line.png") no-repeat right center;
           &:nth-child(-n + 3) {
             .dzfw-border {
               border: 0;
             }
           }
         }
+
         &:nth-child(3n) {
           background: none;
         }
+
         .dzfw-border {
           text-align: center;
           // padding: 25px 0;
@@ -1866,12 +2024,14 @@ export default {
             height: 120px;
           }
         }
+
         .dzfw-tp {
           height: 40px;
           display: flex;
           align-items: center;
           justify-content: center;
         }
+
         .dzfw-bt {
           width: 120px;
           font-size: 14px;
@@ -1884,25 +2044,31 @@ export default {
       }
     }
   }
+
   .chaxun {
     padding: 16px 0;
     background: #f0f5fa;
     border-radius: 6px;
     margin-top: 20px;
+
     .chaxun-kj {
       width: 95%;
       margin: 0 auto;
     }
+
     .row {
       margin: 0;
+
       > * {
         padding: 0;
       }
     }
+
     .chaxun-right {
       height: 40px;
       background: #f26335;
       border-radius: 4px;
+
       button {
         width: 100%;
         height: 100%;
@@ -1913,6 +2079,7 @@ export default {
       }
     }
   }
+
   .spqqsfz {
     background: #2f579c url("../../assets/image/home/spqqsfz-bj.png") no-repeat;
     padding: 30px 0;
@@ -1921,6 +2088,7 @@ export default {
     @media screen and (max-width: 765px) {
       padding: 15px 0;
     }
+
     .spqqsfz-cate {
       display: flex;
       align-items: center;
@@ -1939,23 +2107,28 @@ export default {
         // font-family: PingFangSC-Regular, PingFang SC;
       }
     }
+
     .spqqsfz-cont {
       // background: #fff url("../../assets/image/home/spqqsfz-bj2.png") no-repeat;
       position: relative;
       background: #fff;
       border-radius: 6px;
+
       &.row {
         margin: 0;
       }
+
       > * {
         height: 300px;
         @media screen and (max-width: 992px) {
           height: 240px;
         }
       }
+
       .spqqsfz-cont-left {
         .spqqsfz-cont-left-tp {
           text-align: center;
+
           img {
             max-height: 100%;
             @media screen and (max-width: 992px) {
@@ -1964,10 +2137,12 @@ export default {
           }
         }
       }
+
       .spqqsfz-cont-right {
         position: relative;
         background: url("../../assets/image/home/spqqsfz-bj2.png") no-repeat;
         background-size: 100% 100%;
+
         .right-cont {
           position: absolute;
           left: 0;
@@ -1977,28 +2152,35 @@ export default {
           display: flex;
           flex-direction: column;
           justify-content: space-around;
+
           .row {
             color: #ffffff;
             // padding: 0;
             margin: 0;
+
             &:nth-child(1) {
               font-size: 24px;
             }
+
             &:nth-child(2) {
               font-size: 16px;
+
               > div {
                 display: flex;
                 align-items: center;
                 flex-wrap: wrap;
+
                 &:nth-child(2) {
                   margin-top: 10px;
                 }
               }
+
               .pp {
                 font-size: 18px;
                 margin-right: 35px;
               }
             }
+
             .spqqsfz-btn {
               width: 172px;
               height: 41px;
@@ -2008,6 +2190,7 @@ export default {
               color: #fff;
               font-size: 18px;
               position: relative;
+
               span {
                 margin-left: 18px;
               }
@@ -2017,6 +2200,7 @@ export default {
       }
     }
   }
+
   .home-bottom {
     // padding: 40px 0;
     .home-bottom-cate {
@@ -2026,16 +2210,19 @@ export default {
       // font-family: PingFangSC-Medium, PingFang SC;
       font-weight: 600;
     }
+
     .home-bottom-cont {
       margin: 0;
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
+
       > div {
         background: #fff;
         margin-top: 40px;
       }
     }
+
     .djwh-tp {
       img {
         width: 100%;
@@ -2046,8 +2233,10 @@ export default {
         }
       }
     }
+
     .smallPCImages {
       margin: 40px 0;
+
       .smallPCImages-item {
         img {
           width: 100%;
@@ -2055,8 +2244,10 @@ export default {
         }
       }
     }
+
     .advert {
       margin: 40px 0;
+
       .carousel-item {
         img {
           width: 100%;
@@ -2072,13 +2263,16 @@ export default {
     justify-content: center;
     overflow-y: auto;
     max-height: 80vh;
+
     .dzfwDialog-ul {
       display: flex;
       flex-wrap: wrap;
       padding: 0;
       margin: 0;
+
       li {
         width: 140px;
+
         .li-kj {
           width: 100px;
           height: 106px;
@@ -2091,11 +2285,13 @@ export default {
           align-items: center;
           margin: 20px auto;
         }
+
         .dzfwDialog-title {
           color: #0e2c6b;
           font-size: 12px;
           text-align: center;
         }
+
         .dzfwDialog-checkbox {
           position: absolute;
           right: 0;
@@ -2104,6 +2300,7 @@ export default {
       }
     }
   }
+
   .dzfwMessage {
     p {
       text-align: center;