From a7d04ea89df0f711c8cc06aee38f6926815f51fd Mon Sep 17 00:00:00 2001
From: pengda <1111@qq.com>
Date: Mon, 11 Aug 2025 16:17:48 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E6=B7=BB=E5=8A=A0=E5=88=9D?=
 =?UTF-8?q?=E5=A7=8B=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/site/addSiteStep/step1.vue | 69 +++++++++++++++++++++++++++----
 src/components/site/addSiteStep/step2.vue | 65 ++++++++++++++++++++++++++++-
 src/components/site/addSiteStep/step3.vue | 22 ++++++++++
 src/views/agent/home.vue                  |  5 ++-
 src/views/agent/payList.vue               | 11 ++++-
 src/views/agent/siteAdd.vue               | 56 +------------------------
 src/views/agent/siteServiceAdd.vue        | 12 ++----
 7 files changed, 166 insertions(+), 74 deletions(-)

diff --git a/src/components/site/addSiteStep/step1.vue b/src/components/site/addSiteStep/step1.vue
index 8d160e5..eb8c53e 100644
--- a/src/components/site/addSiteStep/step1.vue
+++ b/src/components/site/addSiteStep/step1.vue
@@ -1,7 +1,7 @@
 <template>
     <div>
         <el-form :model="formData" :rules="formRules" ref="formRef">
-            <div class="step1-wrap min-flex pb90">
+            <div class="step1-wrap min-flex">
                 <div class="flex-common">
                     <h3>站点信息</h3>
                     <div class="flex-wrap">
@@ -76,8 +76,20 @@
                 </div>
             </div>
 
+            <!-- 顶部提示语 -->
+            <div class="register-top" v-if="showAlert && skip">
+                <div class="min-flex flex-between">
+                    <div class="register-top-left">
+                        <img src="@/assets/register/register-top-left.svg" alt="">
+                        <span>设置完这些信息就可以正式售卖啦，也可以选择跳过，先进入后台看看哦 </span>
+                    </div>
+                    <div class="register-top-right">
+                        <img src="@/assets/register/register-top-close.svg" alt="" @click="hideAlert">
+                    </div>
+                </div>
+            </div>
             <div class="register-btns">
-                <GuipButton v-if="skip" type="ignore" :btnstyle="{ width: '144px', height: '46px' }" @click="jumpStep">去首页</GuipButton>
+                <GuipButton v-if="skip" type="ignore" :btnstyle="{ width: '144px', height: '46px' }" @click="jumpStep">跳过</GuipButton>
                 <GuipButton type="primary" :btnstyle="{ width: '144px', height: '46px' }" @click="saveConfirm">下一步</GuipButton>
             </div>
         </el-form>
@@ -111,6 +123,7 @@ export default {
   },
   data(){
     return {
+        showAlert: false,
         formData: {
             short_name: '',
             sale_channel: '',
@@ -177,10 +190,14 @@ export default {
           return true;
       }
 
-      console.log(this.siteInfo)
+      if(this.skip && !localStorage.getItem('showAlert')) this.showAlert = true
       this.getAddInfo()
   },
   methods:{
+      hideAlert(){
+          this.showAlert = false
+          localStorage.setItem('showAlert', false)
+      },
       async getSiteTplSet(){
           const siteTplInfo = JSON.parse(localStorage.getItem('site_tpl_info'))
           if(siteTplInfo){
@@ -325,14 +342,11 @@ export default {
 .w540{
   width: 540px;
 }
-.pb90{
-  padding-bottom: 90px;
-}
 .mt20{
   margin-top: 20px;
 }
 .step1-wrap{
-  padding-bottom: 90px;
+  padding-bottom: 12px;
 }
 
 .tem-home {
@@ -387,4 +401,45 @@ export default {
     line-height: 16px;
   }
 }
+
+.register-btns {
+  position: sticky;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  background: #FFFFFF;
+  padding: 16px 0px;
+  /* 蓝色阴影_常规 */
+  box-shadow: 0px 4px 16px 0px rgba(17, 55, 143, 0.12);
+  z-index: 999;
+  box-sizing: border-box;
+
+  button:nth-child(1) {
+    margin-right: 56px;
+  }
+}
+
+.register-top {
+  position: sticky;
+  left: 0;
+  bottom: 78px;
+  width: 100%;
+  align-items: center;
+  padding: 20px 0;
+  background: linear-gradient(270deg, #F6EEF7 3%, #EDE9FB 97%);
+  color: #23242B;
+  letter-spacing: 0.08em;
+  line-height: 32px;
+  z-index: 999;
+  box-sizing: border-box;
+
+  .register-top-left {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/components/site/addSiteStep/step2.vue b/src/components/site/addSiteStep/step2.vue
index bba2d9d..b3105e1 100644
--- a/src/components/site/addSiteStep/step2.vue
+++ b/src/components/site/addSiteStep/step2.vue
@@ -275,8 +275,20 @@
             </div>
         </div>
 
+        <!-- 顶部提示语 -->
+        <div class="register-top" v-if="showAlert && skip">
+            <div class="min-flex flex-between">
+                <div class="register-top-left">
+                    <img src="@/assets/register/register-top-left.svg" alt="">
+                    <span>设置完这些信息就可以正式售卖啦，也可以选择跳过，先进入后台看看哦 </span>
+                </div>
+                <div class="register-top-right">
+                    <img src="@/assets/register/register-top-close.svg" alt="" @click="hideAlert">
+                </div>
+            </div>
+        </div>
         <div class="register-btns">
-            <GuipButton type="system" :btnstyle="{ width: '144px', height: '46px' }" @click="jumpStep">去首页</GuipButton>
+            <GuipButton type="system" :btnstyle="{ width: '144px', height: '46px' }" @click="jumpStep">跳过</GuipButton>
             <GuipButton type="primary" :btnstyle="{ width: '144px', height: '46px' }" @click="nextStep">下一步</GuipButton>
         </div>
     </div>
@@ -306,6 +318,10 @@ export default {
           type: Boolean,
           default: false
       },
+      skip: {
+          type: Boolean,
+          required: false
+      }
   },
   components: {
       CustomDropdown, GuipFormItem,
@@ -315,6 +331,7 @@ export default {
   },
   data(){
     return {
+        showAlert: false,
         // 收款方式
         payTypeTaoBao: PAY_TYPE_TAOBAO,
         payTypeWeixin: PAY_TYPE_WEIXIN,
@@ -367,11 +384,16 @@ export default {
           return false;
       }
 
+      if(this.skip && !localStorage.getItem('showAlert')) this.showAlert = true
       this.getSitePayIndex()
       this.getPayList()
       this.getAddablePays()
   },
   methods:{
+      hideAlert(){
+          this.showAlert = false
+          localStorage.setItem('showAlert', false)
+      },
       // 获取支付列表
       getSitePayIndex() {
           this.$http('POST', '/agentnew/ajax_get_site_pay_index', {
@@ -627,4 +649,45 @@ export default {
     }
   }
 }
+
+.register-btns {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  background: #FFFFFF;
+  padding: 16px 0px;
+  /* 蓝色阴影_常规 */
+  box-shadow: 0px 4px 16px 0px rgba(17, 55, 143, 0.12);
+  z-index: 999;
+  box-sizing: border-box;
+
+  button:nth-child(1) {
+    margin-right: 56px;
+  }
+}
+
+.register-top {
+  position: fixed;
+  left: 0;
+  bottom: 78px;
+  width: 100%;
+  align-items: center;
+  padding: 20px 0;
+  background: linear-gradient(270deg, #F6EEF7 3%, #EDE9FB 97%);
+  color: #23242B;
+  letter-spacing: 0.08em;
+  line-height: 32px;
+  z-index: 999;
+  box-sizing: border-box;
+
+  .register-top-left {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/components/site/addSiteStep/step3.vue b/src/components/site/addSiteStep/step3.vue
index df82745..ec69fc9 100644
--- a/src/components/site/addSiteStep/step3.vue
+++ b/src/components/site/addSiteStep/step3.vue
@@ -135,6 +135,18 @@
             </div>
         </div>
 
+        <!-- 顶部提示语 -->
+        <div class="register-top" v-if="showAlert && skip">
+            <div class="min-flex flex-between">
+                <div class="register-top-left">
+                    <img src="@/assets/register/register-top-left.svg" alt="">
+                    <span>设置完这些信息就可以正式售卖啦，也可以选择跳过，先进入后台看看哦 </span>
+                </div>
+                <div class="register-top-right">
+                    <img src="@/assets/register/register-top-close.svg" alt="" @click="hideAlert">
+                </div>
+            </div>
+        </div>
         <div class="register-btns" v-if="!tableLoading">
             <GuipButton v-if="serviceList.length===0" type="system" :btnstyle="{ width: '144px', height: '46px' }" @click="jumpStep">跳过</GuipButton>
             <GuipButton type="primary" :btnstyle="{ width: '144px', height: '46px' }" @click="nextStep">完成</GuipButton>
@@ -165,6 +177,10 @@ export default {
      siteInfo: {
           type: Object,
           required: true
+     },
+     skip: {
+          type: Boolean,
+          required: false
      }
   },
   components: {
@@ -174,6 +190,7 @@ export default {
   },
   data(){
     return {
+        showAlert: false,
         addProd: {},
         serviceList:[],
         tableLoading:false,
@@ -205,9 +222,14 @@ export default {
           return false;
       }
 
+      if(this.skip && !localStorage.getItem('showAlert')) this.showAlert = true
       this.getSiteServiceList()
   },
   methods:{
+      hideAlert(){
+          this.showAlert = false
+          localStorage.setItem('showAlert', false)
+      },
       random() {
           return Math.random();
       },
diff --git a/src/views/agent/home.vue b/src/views/agent/home.vue
index d07f146..1072f63 100644
--- a/src/views/agent/home.vue
+++ b/src/views/agent/home.vue
@@ -295,10 +295,9 @@ export default {
     },
     lookTaoBaoExpire() {
       // 查看淘宝账号
-      location.href = '/agent/payList'
+      this.$router.push({ path: '/agent/payList', hash: '#section-taobao' })
     },
     lookSslExpire() {
-      // 查看淘宝账号
       location.href = '/agent/domainList'
     },
     lookTaoBaoNum1() {
@@ -726,6 +725,7 @@ a {
             background: linear-gradient(271deg, #F8DCDC 0%, #FCEEEE 60%);
             /* main/main_erro */
             border: 1px solid #FF4D4F;
+            box-shadow: 0px 4px 16px 0px rgba(143, 17, 17, 0.12);
           }
 
           div {
@@ -750,6 +750,7 @@ a {
             background: linear-gradient(256deg, #FBE7D7 1%, #FEF7EC 53%);
             /* main/main_erro */
             border: 1px solid #FB832D;
+            box-shadow: 0px 4px 16px 0px rgba(143, 17, 17, 0.12);
           }
 
           div {
diff --git a/src/views/agent/payList.vue b/src/views/agent/payList.vue
index 7678ca2..997bc24 100644
--- a/src/views/agent/payList.vue
+++ b/src/views/agent/payList.vue
@@ -120,7 +120,7 @@
             </div>
         </div>
         <!-- 淘宝 -->
-        <div class="register-wrap" v-if="addablePays && addablePays[payTypeTaoBao]">
+        <div id="section-taobao" class="register-wrap" v-if="addablePays && addablePays[payTypeTaoBao]">
             <div class="step3-wrap">
                 <div class="step3-top flex-common">
                     <h3 class="flex gap8">
@@ -491,6 +491,15 @@ export default {
     this.getAddablePays()
     this.getPayList()
     this.getPayBindSites()
+
+    if (this.$route.hash) {
+      setTimeout(() => {
+          const el = document.querySelector(this.$route.hash)
+          if (el) {
+              el.scrollIntoView({ behavior: 'smooth', block: 'start' })
+          }
+      }, 1000)
+    }
   },
   methods: {
     // 获取可添加的收款方式
diff --git a/src/views/agent/siteAdd.vue b/src/views/agent/siteAdd.vue
index a95bb0a..0ea0e00 100644
--- a/src/views/agent/siteAdd.vue
+++ b/src/views/agent/siteAdd.vue
@@ -1,15 +1,5 @@
 <template>
     <div class="register-wrap min-width">
-        <!-- 顶部提示语 -->
-        <div class="register-top" v-if="showAlert">
-            <div class="register-top-left">
-                <img src="../../assets/register/register-top-left.svg" alt="">
-                <span>设置完这些信息就可以正式售卖啦，也可以选择跳过，先进入后台看看哦 </span>
-            </div>
-            <div class="register-top-right">
-                <img src="../../assets/register/register-top-close.svg" alt="" @click="hideAlert">
-            </div>
-        </div>
 
         <!-- 步骤条 -->
         <div class="sticky">
@@ -72,7 +62,6 @@ export default {
     data() {
         return {
             siteInfo:{},
-            showAlert:false,
             canSkip: false,
             stepKey: Date.now(),
             activeStep: '1',//当前步骤条
@@ -101,7 +90,6 @@ export default {
     mounted() {
         //新加盟允许跳过站点设置
         if(this.$route.query.isFirst) {
-            this.showAlert = true
             this.canSkip = true
         }
         this.getNotFinishedSite()
@@ -145,9 +133,6 @@ export default {
                 console.error(error, 'error')
             })
         },
-        hideAlert(){
-            this.showAlert = false
-        },
         goCurActiveStep(step) {
             if (step < this.activeStep) {
                 this.activeStep = step
@@ -172,25 +157,7 @@ export default {
     }
 }
 </script>
-<style lang="scss">
-.register-btns {
-  position: fixed;
-  left: 0;
-  bottom: 0;
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  background: #FFFFFF;
-  padding: 16px 0px;
-  /* 蓝色阴影_常规 */
-  box-shadow: 0px 4px 16px 0px rgba(17, 55, 143, 0.12);
-  z-index: 999;
-  button:nth-child(1) {
-    margin-right: 56px;
-  }
-}
-
+<style scoped lang="scss">
 .register-wrap {
   display: flex;
   flex-direction: column;
@@ -201,27 +168,6 @@ export default {
     height: 24px;
   }
 
-  .register-top {
-    display: flex;
-    justify-content: space-between;
-    // height: 72px;
-    align-items: center;
-    padding: 20px 40px 20px 110px;
-    background: linear-gradient(270deg, #F6EEF7 3%, #EDE9FB 97%);
-    color: #23242B;
-    letter-spacing: 0.08em;
-    line-height: 32px;
-
-    .register-top-left {
-      display: flex;
-      align-items: center;
-
-      .register-top-left img {
-        margin-right: 12px;
-      }
-    }
-  }
-
   .pageDesc {
     /* 自动布局 */
     display: flex;
diff --git a/src/views/agent/siteServiceAdd.vue b/src/views/agent/siteServiceAdd.vue
index d1f60a1..7651993 100644
--- a/src/views/agent/siteServiceAdd.vue
+++ b/src/views/agent/siteServiceAdd.vue
@@ -457,10 +457,8 @@ export default {
                 b_unit_price: that.serviceInfo.base_unit_price,
             }).then(response => {
                 if (response.status) {
-                    if (that.service_status === false) {
-                        that.service_status = true
-                        that.setMenuList(that.type, true)
-                    }
+                    that.service_status = true
+                    that.setMenuList(that.type, true)
                     that.$message.success('保存成功');
                     return true;
                 }
@@ -495,10 +493,8 @@ export default {
                 b_unit_piece: that.serviceInfo.base_unit_piece,
             }).then(response => {
                 if (response.status) {
-                    if (that.service_status === false) {
-                        that.service_status = true
-                        that.setMenuList(that.type, true)
-                    }
+                    that.service_status = true
+                    that.setMenuList(that.type, true)
                     that.$message.success('保存成功');
                     return true;
                 }