From 177742b3d8322ee1b0f0a48c8fe615733299c407 Mon Sep 17 00:00:00 2001
From: pengda <1111@qq.com>
Date: Mon, 7 Jul 2025 10:49:40 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E8=AE=BE=E7=BD=AE=20?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/site/back_icon.png                     | Bin 0 -> 347 bytes
 src/assets/site/site-h5.svg                       |   1 +
 src/assets/site/site-mp.svg                       |   1 +
 src/assets/site/site-web.svg                      |   1 +
 src/components/site/serviceSetting/paymentSet.vue |   4 +-
 src/components/site/serviceSetting/priceSet.vue   |  12 +-
 src/components/site/serviceSetting/showSet.vue    | 293 ++++++++++++++++------
 7 files changed, 236 insertions(+), 76 deletions(-)
 create mode 100644 src/assets/site/back_icon.png
 create mode 100644 src/assets/site/site-h5.svg
 create mode 100644 src/assets/site/site-mp.svg
 create mode 100644 src/assets/site/site-web.svg

diff --git a/src/assets/site/back_icon.png b/src/assets/site/back_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..2640a81b780ad7406db325286b92f4970f559a14
GIT binary patch
literal 347
zcmV-h0i^zkP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZq1xZ9fR5*>jQ87-#KoFe0!@Zy27XXGxC{*|d;Rlu-
zTst-o-~%D9gMe$P!Y`64zLw7Xz`d1Qnjj(YT`&bx?(U3sW`O@dnw66@D<^$BaflpG
zZ?BlKV#7h-o}A=34}>Rc5UZ!<{cMmx9Ou69M9rY)`C%T}?yMHblPdt=Zg=ha@~Cf^
zWW@rEQ`4DHsj3|$kW7mlOu1o-l&TsR8R)Y>XaPV9_79N(Kz<+8+qDiyV;@X+C&w2r
zT5p^dtSzKBWzAsUbjE4L+QM$1zTCGlSU{<&F`bDR2$HN=*zSI0@D*Bb+OyH+8<?u_
teEeQ-*ZS8VeByCAe+Bc5h@4^m86QVgUlUpj{^|e#002ovPDHLkV1hr^k)!|s

literal 0
HcmV?d00001

diff --git a/src/assets/site/site-h5.svg b/src/assets/site/site-h5.svg
new file mode 100644
index 0000000..b2b41bb
--- /dev/null
+++ b/src/assets/site/site-h5.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="40" height="40" viewBox="0 0 40 40"><defs><clipPath id="master_svg0_242_042053"><rect x="0" y="0" width="40" height="40" rx="20"/></clipPath><clipPath id="master_svg1_242_042054"><rect x="6" y="6" width="28" height="28" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_242_042053)"><rect x="0" y="0" width="40" height="40" rx="20" fill="#E8F1FD" fill-opacity="1"/><g clip-path="url(#master_svg1_242_042054)"><g><path d="M28.8937,28.7992Q28.8937,29.4882,28.6181,30.0807Q28.3425,30.6732,27.8602,31.128Q27.378,31.5827,26.7303,31.8445Q26.082700000000003,32.106300000000005,25.3386,32.106300000000005L15.55512,32.106300000000005Q14.81102,32.106300000000005,14.16339,31.8445Q13.51575,31.5827,13.03346,31.128Q12.551181,30.6732,12.27559,30.0807Q11.999999465942,29.4882,12,28.7992L12,10.33465Q12,9.645669999999999,12.275591,9.03937Q12.551182,8.43307,13.03347,7.978346Q13.51575,7.523622,14.16339,7.261811Q14.81102,7.000000150204,15.55512,7L25.3386,7Q26.082700000000003,7,26.7303,7.261811Q27.378,7.523622,27.8602,7.978346Q28.3425,8.43307,28.6181,9.03937Q28.8937,9.645669999999999,28.8937,10.33465L28.8937,28.7992ZM26.6614,11.65748L14.20472,11.65748L14.20472,27.4488L26.6614,27.4488L26.6614,11.65748ZM20.43307,28.2205Q19.85433,28.2205,19.42717,28.6339Q19,29.0472,19,29.6535Q19,30.2323,19.42717,30.6594Q19.85433,31.0866,20.43307,31.0866Q21.039369999999998,31.0866,21.452759999999998,30.6594Q21.86614,30.2323,21.86614,29.6535Q21.86614,29.0472,21.452759999999998,28.6339Q21.039369999999998,28.2205,20.43307,28.2205ZM22.6378,9.31496Q22.6378,9.09449,22.5,8.97047Q22.3622,8.84646,22.1969,8.84646L18.69685,8.84646Q18.55906,8.84646,18.40748,8.97047Q18.25591,9.09449,18.25591,9.31496Q18.25591,9.53543,18.3937,9.65945Q18.5315,9.78347,18.69685,9.78347L22.1968,9.78347Q22.3622,9.78347,22.5,9.65945Q22.6378,9.53543,22.6378,9.31496Z" fill="#006AFF" fill-opacity="1"/></g></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/site/site-mp.svg b/src/assets/site/site-mp.svg
new file mode 100644
index 0000000..3737aeb
--- /dev/null
+++ b/src/assets/site/site-mp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="40" height="40" viewBox="0 0 40 40"><defs><clipPath id="master_svg0_242_042088"><rect x="0" y="0" width="40" height="40" rx="20"/></clipPath><clipPath id="master_svg1_242_042829"><rect x="6" y="6" width="28" height="28" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_242_042088)"><rect x="0" y="0" width="40" height="40" rx="20" fill="#E8F1FD" fill-opacity="1"/><g clip-path="url(#master_svg1_242_042829)"><g><path d="M12.72648984375,21.385624999999997Q13.554369843749999,20.832325,14.550429843749999,20.832325Q14.62411984375,20.832325,14.69745984375,20.825125Q14.77078984375,20.817825,14.843069843750001,20.803525Q14.91533984375,20.789125,14.98585984375,20.767725Q15.05636984375,20.746325,15.12445984375,20.718125Q15.19253984375,20.689925000000002,15.25752984375,20.655225Q15.32250984375,20.620424999999997,15.38377984375,20.579525Q15.44505984375,20.538525,15.50201984375,20.491825Q15.55897984375,20.445025,15.611089843750001,20.392924999999998Q15.66319984375,20.340825000000002,15.70994984375,20.283925Q15.75668984375,20.226925,15.79762984375,20.165625Q15.838569843750001,20.104425,15.87330984375,20.039425Q15.90804984375,19.974425,15.93624984375,19.906325000000002Q15.96444984375,19.838225,15.98583984375,19.767725Q16.00722984375,19.697205,16.02160984375,19.624935Q16.03597984375,19.552664999999998,16.04320984375,19.479325Q16.05042984375,19.405985,16.05042984375,19.332295000000002Q16.05042984375,19.258605,16.04320984375,19.185275Q16.035989843750002,19.111935000000003,16.02160984375,19.039665Q16.00722984375,18.967385,15.98583984375,18.896875Q15.96444984375,18.826355,15.93624984375,18.758274999999998Q15.90804984375,18.690195,15.87330984375,18.625205Q15.838569843750001,18.560215,15.79762984375,18.498945Q15.75668984375,18.437675,15.70994984375,18.380705Q15.66319984375,18.323745000000002,15.611089843750001,18.271635Q15.55897984375,18.219535,15.50201984375,18.172784999999998Q15.44505984375,18.126035,15.38377984375,18.085095000000003Q15.32250984375,18.044155,15.25752984375,18.009415Q15.19253984375,17.974674999999998,15.12445984375,17.946475Q15.05636984375,17.918284999999997,14.98585984375,17.896884999999997Q14.91533984375,17.875495,14.843069843750001,17.861125Q14.77078984375,17.846745,14.69745984375,17.839525000000002Q14.62411984375,17.832304999999998,14.550429843749999,17.832295000000002Q12.64415984375,17.832295000000002,11.05951984375,18.891365Q9.47473384375,19.950225,8.74536984375,21.711125Q8.015939843750001,23.472324999999998,8.38786984375,25.341525Q8.75966984375,27.210925,10.10755084375,28.558625Q11.45509984375,29.906425,13.32472984375,30.278225Q15.19374984375,30.650125,16.95489984375,29.920725Q18.71556984375,29.191525,19.77478984375,27.606625Q20.83378984375,26.021625,20.83378984375,24.115625L20.83378984375,14.548964999999999Q20.83378984375,13.552904999999999,21.387089843749997,12.725025Q21.94048984375,11.896654999999999,22.86058984375,11.515575Q23.78088984375,11.134395,24.75758984375,11.328725Q25.734489843749998,11.523025,26.43868984375,12.227255Q27.14298984375,12.931535,27.33728984375,13.908405Q27.53168984375,14.885155000000001,27.15048984375,15.805465Q26.76938984375,16.725535,25.94108984375,17.279094999999998Q25.11308984375,17.832295000000002,24.11708984375,17.832295000000002Q24.04338984375,17.832304999999998,23.97008984375,17.839525000000002Q23.89668984375,17.846745,23.82448984375,17.861125Q23.75218984375,17.875495,23.68168984375,17.896884999999997Q23.611189843749997,17.918284999999997,23.54308984375,17.946475Q23.474989843750002,17.974674999999998,23.409989843749997,18.009415Q23.34498984375,18.044155,23.28368984375,18.085095000000003Q23.222489843749997,18.126035,23.165489843750002,18.172784999999998Q23.10858984375,18.219535,23.05638984375,18.271635Q23.00428984375,18.323745000000002,22.95758984375,18.380705Q22.910789843750003,18.437675,22.869889843750002,18.498945Q22.82898984375,18.560215,22.79418984375,18.625205Q22.75948984375,18.690195,22.731289843749998,18.758274999999998Q22.70308984375,18.826355,22.68168984375,18.896875Q22.66028984375,18.967385,22.64588984375,19.039665Q22.63158984375,19.111935000000003,22.62428984375,19.185275Q22.61708984375,19.258605,22.61708984375,19.332295000000002Q22.61708984375,19.405985,22.62428984375,19.479325Q22.63158984375,19.552664999999998,22.64588984375,19.624935Q22.66028984375,19.697205,22.68168984375,19.767725Q22.70308984375,19.838225,22.731289843749998,19.906325000000002Q22.75948984375,19.974425,22.79418984375,20.039425Q22.82898984375,20.104425,22.869889843750002,20.165625Q22.910789843750003,20.226925,22.95758984375,20.283925Q23.00428984375,20.340825000000002,23.05638984375,20.392924999999998Q23.10858984375,20.445025,23.165489843750002,20.491825Q23.222489843749997,20.538525,23.28368984375,20.579525Q23.34498984375,20.620424999999997,23.409989843749997,20.655225Q23.474989843750002,20.689925000000002,23.54308984375,20.718125Q23.611189843749997,20.746325,23.68168984375,20.767725Q23.75218984375,20.789125,23.82448984375,20.803525Q23.89668984375,20.817825,23.97008984375,20.825125Q24.04338984375,20.832325,24.11708984375,20.832325Q26.02308984375,20.832325,27.60808984375,19.773325Q29.19288984375,18.714174999999997,29.92218984375,16.953435Q30.65158984375,15.192285,30.27968984375,13.323265Q29.90788984375,11.453635,28.56008984375,10.106086Q27.21238984375,8.758205,25.34298984375,8.386405Q23.473789843749998,8.014475000000001,21.71258984375,8.743905Q19.95168984375,9.473269,18.89282984375,11.058055Q17.833759843750002,12.642695,17.833759843750002,14.548964999999999L17.833759843750002,24.115625Q17.833759843750002,25.111625,17.280559843749998,25.939625Q16.72695984375,26.768025,15.80692984375,27.149025Q14.886619843750001,27.530225,13.90986984375,27.335825Q12.93299984375,27.141525,12.22871984375,26.437225Q11.52448984375,25.733024999999998,11.33018984375,24.756125Q11.13585984375,23.779425,11.51703984375,22.859125Q11.898119843749999,21.939025,12.72648984375,21.385624999999997Z" fill-rule="evenodd" fill="#006AFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/site/site-web.svg b/src/assets/site/site-web.svg
new file mode 100644
index 0000000..323eb30
--- /dev/null
+++ b/src/assets/site/site-web.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="40" height="40" viewBox="0 0 40 40"><defs><clipPath id="master_svg0_242_041966"><rect x="0" y="0" width="40" height="40" rx="20"/></clipPath><clipPath id="master_svg1_242_041967"><rect x="6.2607421875" y="6.26171875" width="27.826087951660156" height="27.826087951660156" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_242_041966)"><rect x="0" y="0" width="40" height="40" rx="20" fill="#E8F1FD" fill-opacity="1"/><g clip-path="url(#master_svg1_242_041967)"><g><path d="M29.9783,9.3046875L10.36957,9.3046875C9.0625,9.3046875,8,10.3807775,8,11.7041475L8,23.9242875C8,25.2475875,9.0625,26.3236875,10.36957,26.3236875L18.4837,26.3236875L14.141300000000001,31.0437875L26.2065,31.0437875L21.8641,26.3236875L29.9783,26.3236875C31.2853,26.3236875,32.3478,25.2475875,32.3478,23.9242875L32.3478,11.7041475C32.3478,10.3807775,31.2853,9.3046875,29.9783,9.3046875ZM9.72283,11.7041475C9.72283,11.3427275,10.01359,11.0492575,10.36957,11.0492575L29.9783,11.0492575C30.3342,11.0492575,30.625,11.3427275,30.625,11.7041475L30.625,19.9948875L9.72283,19.9948875L9.72283,11.7041475Z" fill="#006AFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></g></svg>
\ No newline at end of file
diff --git a/src/components/site/serviceSetting/paymentSet.vue b/src/components/site/serviceSetting/paymentSet.vue
index 57c6f2f..d2e74ca 100644
--- a/src/components/site/serviceSetting/paymentSet.vue
+++ b/src/components/site/serviceSetting/paymentSet.vue
@@ -36,6 +36,7 @@ export default {
   data(){
     return {
         token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTAwNTM3MjQsIm5iZiI6MTc1MDA1MzcyNCwiZXhwIjoxNzUyNjQ1NzI0LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.xyIqBLelB-k6jCifgRevBJTyg_Qrm6m1e4OcHhOpepU',
+        info:[],
         payList:[],
         //添加按钮样式
         saveBtnStyleObj: {
@@ -47,7 +48,8 @@ export default {
     }
   },
   mounted() {
-      if(this.serviceInfo) this.payList = this.serviceInfo.paylist
+      this.info = this.serviceInfo
+      this.payList = this.serviceInfo.paylist
   },
   methods:{
       confirmPayment(payList){
diff --git a/src/components/site/serviceSetting/priceSet.vue b/src/components/site/serviceSetting/priceSet.vue
index 329f0ae..dc4d755 100644
--- a/src/components/site/serviceSetting/priceSet.vue
+++ b/src/components/site/serviceSetting/priceSet.vue
@@ -9,12 +9,19 @@
 
 export default {
   name: 'priceSet',
-  props:[],
+  props: {
+    serviceInfo: {
+        type: Object,
+        required: true
+    }
+  },
   components: {
 
   },
   data(){
     return {
+        token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTAwNTM3MjQsIm5iZiI6MTc1MDA1MzcyNCwiZXhwIjoxNzUyNjQ1NzI0LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.xyIqBLelB-k6jCifgRevBJTyg_Qrm6m1e4OcHhOpepU',
+        info:{},
         //添加按钮样式
         saveBtnStyleObj: {
             width: '144px',
@@ -24,6 +31,9 @@ export default {
         },
     }
   },
+  mounted() {
+    this.info = this.serviceInfo
+  },
   methods:{
 
   }
diff --git a/src/components/site/serviceSetting/showSet.vue b/src/components/site/serviceSetting/showSet.vue
index e0e3e66..e96e189 100644
--- a/src/components/site/serviceSetting/showSet.vue
+++ b/src/components/site/serviceSetting/showSet.vue
@@ -1,91 +1,134 @@
 <template>
     <div class="main-content12">
         <div class="pageheader">
-            <span class="pagetitle">基本设置</span>
+            <span class="pagetitle">{{info.type_desc}}-展示设置</span>
         </div>
 
-        <div class="flex-common">
-            <h3 class="mb16">基础信息</h3>
-
-            <PromptText text='温馨提示：服务别名、首页服务广告词和首页服务描述不允许使用"知网"、"pmlc"、"amlc"和"smlc"等关键词。' :type="2" class="mb32"/>
-
-            <el-form ref="formRef">
-                <div class="flex-wrap">
-                    <div class="flex-left">
-                        <GuipFormItem column="column" label="服务别名">
-                            <GuipInput slot="formDom" ref="GuipInput" class=" mb24" width="100%"
-                                       placeholder="建议80字内" desc="展示在用户端的服务名称" v-model="info.title">
-                            </GuipInput>
-                        </GuipFormItem>
-                        <GuipFormItem column="column" label="服务广告词">
-                            <GuipInput slot="formDom" ref="GuipInput" class=" mb24" width="100%"
-                                       placeholder="建议20字内" desc="用来简短概括的解释服务" v-model="info.subtitle">
-                            </GuipInput>
-                        </GuipFormItem>
-                        <GuipFormItem column="column" label="服务描述">
-                            <GuipInput slot="formDom" ref="GuipInput" width="100%" height="160px" type="textarea"
-                                       desc="用来详细的解释服务" v-model="info.desc">
-                            </GuipInput>
-                        </GuipFormItem>
-                    </div>
-                    <div class="flex-line "></div>
-                    <div class="flex-right">
-                        <GuipFormItem column="column" label="服务Logo">
-                            <hover-button slot="formDom" ref="GuipInput" button-text="选择图片" :default-icon="require('@/assets/upLoad_grey.svg')"
-                                          :hover-icon="require('@/assets/upLoad_active.svg')" default-text-color="#23242B"
-                                          hover-text-color="#006AFF"/>
-                        </GuipFormItem>
-                        <div slot="tip" class="el-upload__tip desc">支持png、jpg格式，尺寸32PX*32PX</div>
+        <template v-if="!saveSuccess">
+            <div class="flex-common">
+                <h3 class="mb16">基础信息</h3>
+
+                <PromptText text='温馨提示：服务别名、首页服务广告词和首页服务描述不允许使用"知网"、"pmlc"、"amlc"和"smlc"等关键词。' :type="2" class="mb32"/>
+
+                <el-form ref="formRef">
+                    <div class="flex-wrap">
+                        <div class="flex-left">
+                            <GuipFormItem column="column" label="服务别名">
+                                <GuipInput slot="formDom" ref="GuipInput" class=" mb24" width="100%"
+                                           placeholder="建议80字内" desc="展示在用户端的服务名称" v-model="info.title">
+                                </GuipInput>
+                            </GuipFormItem>
+                            <GuipFormItem column="column" label="服务广告词">
+                                <GuipInput slot="formDom" ref="GuipInput" class=" mb24" width="100%"
+                                           placeholder="建议20字内" desc="用来简短概括的解释服务" v-model="info.subtitle">
+                                </GuipInput>
+                            </GuipFormItem>
+                            <GuipFormItem column="column" label="服务描述">
+                                <GuipInput slot="formDom" ref="GuipInput" width="100%" height="160px" type="textarea"
+                                           desc="用来详细的解释服务" v-model="info.desc">
+                                </GuipInput>
+                            </GuipFormItem>
+                        </div>
+                        <div class="flex-line "></div>
+                        <div class="flex-right">
+                            <GuipFormItem column="column" label="服务Logo">
+                                <hover-button slot="formDom" ref="GuipInput" button-text="选择图片" :default-icon="require('@/assets/upLoad_grey.svg')"
+                                              :hover-icon="require('@/assets/upLoad_active.svg')" default-text-color="#23242B"
+                                              hover-text-color="#006AFF"/>
+                            </GuipFormItem>
+                            <div slot="tip" class="el-upload__tip desc">支持png、jpg格式，尺寸32PX*32PX</div>
+                        </div>
                     </div>
-                </div>
-            </el-form>
-        </div>
+                </el-form>
+            </div>
 
-        <div class="flex-common">
-            <h3>展示开关</h3>
-            <el-form ref="formRef">
-                <div class="flex-wrap">
-                    <div class="flex-left">
-                        <div class="card-item">
-                            <div class="card-info">
-                                <p class="card-name">首页服务显示</p>
-                                <p class="card-desc">控制首页是否显示本服务</p>
+            <div class="flex-common">
+                <h3>展示开关</h3>
+                <el-form ref="formRef">
+                    <div class="flex-wrap">
+                        <div class="flex-left">
+                            <div class="card-item">
+                                <div class="card-info">
+                                    <p class="card-name">首页服务显示</p>
+                                    <p class="card-desc">控制首页是否显示本服务</p>
+                                </div>
+                                <el-form>
+                                    <GuipSwitch :modelValue="info.is_index_display" :active-value="1" :inactive-value="0"
+                                                activeText="开启" inactiveText="关闭" @change="onSwitchChange('is_index_display')">
+                                    </GuipSwitch>
+                                </el-form>
+                            </div>
+                            <div class="card-item">
+                                <div class="card-info">
+                                    <p class="card-name">检测页价格展示</p>
+                                    <p class="card-desc">本服务检测页面是否展示价格</p>
+                                </div>
+                                <el-form>
+                                    <GuipSwitch :modelValue="info.is_display_price" :active-value="1" :inactive-value="0"
+                                                activeText="开启" inactiveText="关闭" @change="onSwitchChange('is_display_price')">
+                                    </GuipSwitch>
+                                </el-form>
                             </div>
-                            <el-form>
-                                <GuipSwitch :modelValue="info.is_index_display" :active-value="1" :inactive-value="0"
-                                            activeText="开启" inactiveText="关闭" @change="onSwitchChange('is_index_display')">
-                                </GuipSwitch>
-                            </el-form>
                         </div>
-                        <div class="card-item">
-                            <div class="card-info">
-                                <p class="card-name">检测页价格展示</p>
-                                <p class="card-desc">本服务检测页面是否展示价格</p>
+                        <div class="flex-line "></div>
+                        <div class="flex-right">
+                            <div class="card-item">
+                                <div class="card-info">
+                                    <p class="card-name">首页推荐位</p>
+                                    <p class="card-desc">开启即上推荐位</p>
+                                </div>
+                                <el-form>
+                                    <GuipSwitch :modelValue="info.is_recommend" :active-value="1" :inactive-value="0"
+                                                activeText="开启" inactiveText="关闭" @change="onSwitchChange('is_recommend')">
+                                    </GuipSwitch>
+                                </el-form>
                             </div>
-                            <el-form>
-                                <GuipSwitch :modelValue="info.is_display_price" :active-value="1" :inactive-value="0"
-                                            activeText="开启" inactiveText="关闭" @change="onSwitchChange('is_display_price')">
-                                </GuipSwitch>
-                            </el-form>
                         </div>
                     </div>
-                    <div class="flex-line "></div>
-                    <div class="flex-right">
-                        <div class="card-item">
-                            <div class="card-info">
-                                <p class="card-name">首页推荐位</p>
-                                <p class="card-desc">开启即上推荐位</p>
-                            </div>
-                            <el-form>
-                                <GuipSwitch :modelValue="info.is_recommend" :active-value="1" :inactive-value="0"
-                                            activeText="开启" inactiveText="关闭" @change="onSwitchChange('is_recommend')">
-                                </GuipSwitch>
-                            </el-form>
+                </el-form>
+            </div>
+        </template>
+        <template v-else>
+            <div class="flex-common">
+                <div class="back-area" @click="saveBack">
+                    <img src="@/assets/site/back_icon.png" alt="">
+                    返回
+                </div>
+                <div class="success-area">
+                    <img src="@/assets/message_Success.png" alt="">
+                    <div>设置保存成功</div>
+                </div>
+                <div class="pro-list">
+                    <div class="pro-item">
+                        <img src="@/assets/site/site-web.svg" alt="">
+                        <div class="pro-name">PC端预览</div>
+                        <div class="pro-link">
+                            <a :href="info.domain" class="flex" target="_blank">
+                                <img src="@/assets/site/form_linkActive.svg" alt="">
+                                <span>{{info.domain}}</span>
+                            </a>
                         </div>
+                        <div class="pro-desc">点击上方网址访问</div>
+                    </div>
+                    <div class="pro-item">
+                        <img src="@/assets/site/site-h5.svg" alt="">
+                        <div class="pro-name">手机H5预览</div>
+                        <div class="pro-link"><img src="@/assets/site/kefuTem.png" alt="" class="link-code"></div>
+                        <div class="pro-desc">微信扫码预览</div>
+                    </div>
+                    <div class="pro-item">
+                        <img src="@/assets/site/site-mp.svg" alt="">
+                        <div class="pro-name">小程序预览</div>
+                        <div class="pro-link"><img src="@/assets/site/kefuTem.png" alt="" class="link-code"></div>
+                        <div class="pro-desc">微信扫码预览</div>
                     </div>
                 </div>
-            </el-form>
-        </div>
+
+                <div class="back-btn" @click="saveBack">
+                    返回展示设置
+                </div>
+            </div>
+        </template>
 
         <div class="save-button">
             <GuipButton type="primary" :btnstyle="saveBtnStyleObj" @click="saveConfirm">保存</GuipButton>
@@ -112,12 +155,12 @@ export default {
   components: {
       GuipButton,
       GuipInput, PromptText, GuipSwitch, GuipFormItem, HoverButton
-
   },
   data(){
     return {
         token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTAwNTM3MjQsIm5iZiI6MTc1MDA1MzcyNCwiZXhwIjoxNzUyNjQ1NzI0LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.xyIqBLelB-k6jCifgRevBJTyg_Qrm6m1e4OcHhOpepU',
         info:{},
+        saveSuccess: false,
         //添加按钮样式
         saveBtnStyleObj: {
             width: '144px',
@@ -131,6 +174,9 @@ export default {
       this.info = this.serviceInfo
   },
   methods:{
+      saveBack(){
+          this.saveSuccess = false
+      },
       onSwitchChange(attr){
           this.info[attr] = this.info[attr] === 1 ? 0 : 1
       },
@@ -141,6 +187,7 @@ export default {
           obj.title = this.info.title
           obj.subtitle = this.info.subtitle
           obj.desc = this.info.desc
+          obj.sort_id = this.info.sort_id
           obj.is_display_price = this.info.is_display_price
           obj.is_index_display = this.info.is_index_display
           obj.is_recommend = this.info.is_recommend
@@ -154,6 +201,7 @@ export default {
               if(response.status){
                   that.$message.success('保存成功');
                   that.$emit('saveEvent', that.info)
+                  // that.saveSuccess = true
                   return true;
               }
               that.$message.success(response.info);
@@ -196,4 +244,101 @@ export default {
     margin: 0;
   }
 }
+
+.back-area{
+  display: flex;
+  font-size: 14px;
+  letter-spacing: 0.08em;
+  color: #626573;
+  line-height: 16px;
+  img{
+    width: 16px;
+    height: 16px;
+    margin-right: 6px;
+  }
+}
+
+.success-area{
+  font-size: 18px;
+  font-weight: bold;
+  line-height: 24px;
+  letter-spacing: 0.06em;
+  color: #1E2226;
+  margin-bottom: 52px;
+  img{
+    width: 50px;
+    height: 50px;
+    margin-bottom: 12px;
+  }
+}
+
+.pro-list{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 32px;
+  letter-spacing: 0.08em;
+  .pro-item{
+    width: 300px;
+    height: 293px;
+    border-radius: 20px;
+    border: 1px solid #DFE2E6;
+    padding: 42px 0;
+    box-sizing: border-box;
+    .pro-name{
+      font-size: 16px;
+      font-weight: bold;
+      color: #1E2226;
+      margin-top: 12px;
+    }
+
+    .pro-link{
+      margin-top: 32px;
+      .link-code{
+        width: 80px;
+        height: 80px;
+      }
+
+      a{
+        align-items: center;
+        justify-content: center;
+        font-size: 14px;
+        color: #006AFF;
+        text-decoration: none;
+        img{
+          width: 16px;
+          height: 16px;
+          vertical-align: middle;
+          margin-right: 12px;
+        }
+        span{
+          width: 200px;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+      }
+    }
+
+    .pro-desc{
+      font-size: 12px;
+      color: #8A9099;
+      margin-top: 12px;
+    }
+  }
+}
+
+.back-btn{
+  width: 144px;
+  height: 46px;
+  border-radius: 4px;
+  border: 1px solid #006AFF;
+  padding: 14px 2px;
+  gap: 6px;
+  font-size: 14px;
+  text-align: center;
+  letter-spacing: 0.08em;
+  color: #006AFF;
+  box-sizing: border-box;
+  margin: 52px auto 0;
+}
 </style>
\ No newline at end of file