From 78bb53ab43825529ec346b07bcbc6da4b2c9fd80 Mon Sep 17 00:00:00 2001
From: pengda <1111@qq.com>
Date: Fri, 4 Jul 2025 18:29:21 +0800
Subject: [PATCH 01/12] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E8=AE=BE=E7=BD=AE=20?=
 =?UTF-8?q?=E9=A2=9C=E8=89=B2=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/preview/logoBack_color.vue          | 15 ++++-
 src/components/site/serviceSetting/domainSet.vue   | 18 +++++-
 src/components/site/serviceSetting/linkSet.vue     |  2 +-
 .../site/serviceSetting/menuColorSet.vue           | 72 ++++++++++++++++++----
 src/components/site/serviceSetting/paymentSet.vue  |  2 +-
 src/components/site/serviceSetting/priceSet.vue    |  6 +-
 .../site/serviceSetting/reportSeoSet.vue           |  2 +-
 .../site/serviceSetting/submitSeoSet.vue           |  2 +-
 src/views/agent/siteServiceEdit.vue                |  2 +
 9 files changed, 100 insertions(+), 21 deletions(-)

diff --git a/src/components/preview/logoBack_color.vue b/src/components/preview/logoBack_color.vue
index 4420d4e..42c9399 100644
--- a/src/components/preview/logoBack_color.vue
+++ b/src/components/preview/logoBack_color.vue
@@ -28,7 +28,20 @@
 export default {
     // 站点设置
     name: '',
-    props: ['themeColor','navColor','tabColor'],
+    props: {
+        themeColor: {
+            type: String,
+            default: '#3B82F6'
+        },
+        navColor: {
+            type: String,
+            default: '#3B82F6'
+        },
+        tabColor: {
+            type: String,
+            default: '#70A6FF'
+        },
+    },
     components: {
         
     },
diff --git a/src/components/site/serviceSetting/domainSet.vue b/src/components/site/serviceSetting/domainSet.vue
index 288efb5..fc2a398 100644
--- a/src/components/site/serviceSetting/domainSet.vue
+++ b/src/components/site/serviceSetting/domainSet.vue
@@ -1,18 +1,27 @@
 <template>
-    <div>
-
+    <div class="main-content12">
+        <div class="pageheader">
+            <span class="pagetitle">{{info.type_desc}}-独立域名</span>
+        </div>
     </div>
 </template>
 <script>
 
 export default {
   name: 'domainSet',
-  props:[],
+  props: {
+    serviceInfo: {
+      type: Object,
+      required: true
+    }
+  },
   components: {
 
   },
   data(){
     return {
+        token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTAwNTM3MjQsIm5iZiI6MTc1MDA1MzcyNCwiZXhwIjoxNzUyNjQ1NzI0LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.xyIqBLelB-k6jCifgRevBJTyg_Qrm6m1e4OcHhOpepU',
+        info: {},
         //添加按钮样式
         saveBtnStyleObj: {
             width: '144px',
@@ -22,6 +31,9 @@ export default {
         },
     }
   },
+  mounted() {
+     this.info = this.serviceInfo
+  },
   methods:{
 
   }
diff --git a/src/components/site/serviceSetting/linkSet.vue b/src/components/site/serviceSetting/linkSet.vue
index 60460c6..74e1715 100644
--- a/src/components/site/serviceSetting/linkSet.vue
+++ b/src/components/site/serviceSetting/linkSet.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="main-content12">
         <div class="pageheader">
-            <span class="pagetitle">基本设置</span>
+            <span class="pagetitle">{{info.type_desc}}-自定义导航</span>
         </div>
 
         <div class="flex-common">
diff --git a/src/components/site/serviceSetting/menuColorSet.vue b/src/components/site/serviceSetting/menuColorSet.vue
index 5c6f110..cf44a93 100644
--- a/src/components/site/serviceSetting/menuColorSet.vue
+++ b/src/components/site/serviceSetting/menuColorSet.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="main">
         <div class="pageheader">
-            <span class="pagetitle">基本设置</span>
+            <span class="pagetitle">{{info.type_desc}}-页面品牌与颜色</span>
         </div>
 
         <div class="flex-common">
@@ -75,7 +75,6 @@
                                 <!-- 电脑端内容 -->
                                 <LogoBackColor :themeColor="themeColor" :navColor="navColor" :tabColor="tabColor"/>
                             </template>
-
                         </DevicePreview>
                     </div>
                 </div>
@@ -83,7 +82,7 @@
         </div>
 
         <div class="save-button">
-            <GuipButton type="primary" :btnstyle="saveBtnStyleObj">保存</GuipButton>
+            <GuipButton type="primary" :btnstyle="saveBtnStyleObj" @click="saveConfirm">保存</GuipButton>
         </div>
     </div>
 </template>
@@ -98,8 +97,13 @@ import LogoBackColor from "@/components/preview/logoBack_color.vue";
 import GuipInput from '@/components/GuipInput.vue';
 
 export default {
-    name: '',
-    props: [],
+    name: 'menuColorSet',
+    props: {
+        serviceInfo: {
+            type: Object,
+            required: true
+        }
+    },
     components: {
         GuipButton,
         PromptText,
@@ -113,17 +117,32 @@ export default {
     options: { styleIsolation: "shared" },
     data() {
         return {
-            themeColor:'#3B82F6',
-            navColor:'#3B82F6',
-            tabColor:'#70A6FF',
-            saveBtnStyleObj:{}
+            token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTAwNTM3MjQsIm5iZiI6MTc1MDA1MzcyNCwiZXhwIjoxNzUyNjQ1NzI0LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.xyIqBLelB-k6jCifgRevBJTyg_Qrm6m1e4OcHhOpepU',
+            info:{},
+            //添加按钮样式
+            saveBtnStyleObj: {
+                width: '144px',
+                height: '46px',
+                borderRadius: '4px',
+                background: '#006AFF',
+            },
+            themeColor: undefined,
+            navColor: undefined,
+            tabColor: undefined,
+        }
+    },
+    mounted() {
+        this.info = this.serviceInfo
+        if(this.info.color_info){
+            this.themeColor = '#'+ this.info.color_info.link_btn_color
+            this.navColor = '#'+ this.info.color_info.selected_nav_bgcolor
+            this.tabColor = '#'+ this.info.color_info.link_btn_color
         }
     },
     methods: {
         changeThemeColor(val){
             if (!val.trim().startsWith("#")){
                 this.themeColor = '#'+ val.trim()
-                console.log(this.themeColor,'=====xiugai');
             }
         },
         changetabColor(val){
@@ -135,7 +154,38 @@ export default {
             if (!val.trim().startsWith("#")){
                 this.navColor = '#'+ val.trim()
             }
-        }
+        },
+        saveConfirm() {
+            let obj = {}
+            obj.uid = this.info.uid
+            obj.type = this.info.type
+            obj.logo_bgcolor = this.tabColor.replace('#','')
+            obj.link_btn_color = this.themeColor.replace('#','')
+            obj.selected_nav_bgcolor = this.navColor.replace('#','')
+
+            const that = this
+            this.$http('POST', '/agentnew/ajax_update_service_style', obj,{
+                headers:{
+                    'Auth': this.token
+                }
+            }).then(response => {
+                if(response.status){
+                    that.$message.success('保存成功');
+
+                    let color_info = {}
+                    color_info.logo_bgcolor = obj.logo_bgcolor
+                    color_info.link_btn_color = obj.link_btn_color
+                    color_info.selected_nav_bgcolor = obj.selected_nav_bgcolor
+                    that.info.color_info = color_info
+
+                    that.$emit('saveEvent', that.info)
+                    return true;
+                }
+                that.$message.success(response.info);
+            }).catch(error => {
+                console.error(error, 'error')
+            })
+        },
     }
 }
 </script>
diff --git a/src/components/site/serviceSetting/paymentSet.vue b/src/components/site/serviceSetting/paymentSet.vue
index 3495253..57c6f2f 100644
--- a/src/components/site/serviceSetting/paymentSet.vue
+++ b/src/components/site/serviceSetting/paymentSet.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="main-content12">
         <div class="pageheader">
-            <span class="pagetitle">收款设置</span>
+            <span class="pagetitle">{{info.type_desc}}-收款设置</span>
         </div>
 
         <div class="flex-common payment-area">
diff --git a/src/components/site/serviceSetting/priceSet.vue b/src/components/site/serviceSetting/priceSet.vue
index c04c992..329f0ae 100644
--- a/src/components/site/serviceSetting/priceSet.vue
+++ b/src/components/site/serviceSetting/priceSet.vue
@@ -1,6 +1,8 @@
 <template>
-    <div>
-
+    <div class="main-content12">
+        <div class="pageheader">
+            <span class="pagetitle">{{info.type_desc}}-价格设置</span>
+        </div>
     </div>
 </template>
 <script>
diff --git a/src/components/site/serviceSetting/reportSeoSet.vue b/src/components/site/serviceSetting/reportSeoSet.vue
index 5eca8fc..2c1bc87 100644
--- a/src/components/site/serviceSetting/reportSeoSet.vue
+++ b/src/components/site/serviceSetting/reportSeoSet.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="main-content12">
         <div class="pageheader">
-            <span class="pagetitle">基本设置</span>
+            <span class="pagetitle">{{info.type_desc}}-报告页SEO</span>
         </div>
 
         <div class="flex-common">
diff --git a/src/components/site/serviceSetting/submitSeoSet.vue b/src/components/site/serviceSetting/submitSeoSet.vue
index 415367a..91ffef3 100644
--- a/src/components/site/serviceSetting/submitSeoSet.vue
+++ b/src/components/site/serviceSetting/submitSeoSet.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="main-content12">
         <div class="pageheader">
-            <span class="pagetitle">基本设置</span>
+            <span class="pagetitle">{{info.type_desc}}-提交页SEO</span>
         </div>
 
         <div class="flex-common">
diff --git a/src/views/agent/siteServiceEdit.vue b/src/views/agent/siteServiceEdit.vue
index 1ed4798..6bd123b 100644
--- a/src/views/agent/siteServiceEdit.vue
+++ b/src/views/agent/siteServiceEdit.vue
@@ -90,6 +90,8 @@ export default {
                     that.siteServiceInfo = response.data.service_info
                     that.siteServiceInfo.paylist = []
                     this.tableKey = Date.now();
+
+                    store.commit('SET_BREADRIGHTTEXT', response.data.site_short_name);
                 })
             }).catch(error => {
                 console.error(error, 'error')

From 7c097fcbbf65de20d1735ddc98e902e37bba6e97 Mon Sep 17 00:00:00 2001
From: zq <136432190602163.com>
Date: Mon, 7 Jul 2025 09:53:25 +0800
Subject: [PATCH 02/12] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=A4=8D=E5=88=B6?=
 =?UTF-8?q?=E9=94=99=E8=AF=AF=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/clipboard.js | 23 ++---------------------
 1 file changed, 2 insertions(+), 21 deletions(-)

diff --git a/src/utils/clipboard.js b/src/utils/clipboard.js
index edba3d5..60dd574 100644
--- a/src/utils/clipboard.js
+++ b/src/utils/clipboard.js
@@ -57,34 +57,15 @@ export function copyToClipboard(text, options = {}) {
 export async function modernCopyToClipboard(text, options = {}) {
   const {
     successMsg = '复制成功',
-      // errorMsg = '复制失败，请手动复制',
+      errorMsg = '复制失败，请手动复制',
       vm = null
   } = options;
-
-  // try {
-  // 使用现代剪贴板API
-  // if(navigator?.clipboard && navigator?.clipboard?.writeText){
-  //     await navigator?.clipboard?.writeText(text);
-  //     if (vm && vm.$Message) {
-  //       vm.$Message.success(successMsg);
-  //     } else {
-  //       console.log(successMsg);
-  //     }
-  //     return true;
-  // }
-  // } catch (err) {
-  // console.error(errorMsg, err);
-  // 现代API失败后回退到传统方法
-  // return copyToClipboard(text, options);
-  // }
-  debugger
   if (navigator.clipboard && window.isSecureContext) {
-    console.log('走了1111');
     await navigator?.clipboard?.writeText(text);
       if (vm && vm.$Message) {
         vm.$Message.success(successMsg);
       } else {
-        console.log(successMsg);
+        console.log(errorMsg);
       }
   } else {
     return copyToClipboard(text, options);

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 03/12] =?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

From 4821afe49e7d7d3b58d6326f5f01428d258748e7 Mon Sep 17 00:00:00 2001
From: pengda <1111@qq.com>
Date: Mon, 7 Jul 2025 15:29:11 +0800
Subject: [PATCH 04/12] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E8=AE=BE=E7=BD=AE=20?=
 =?UTF-8?q?=E7=8B=AC=E7=AB=8B=E5=9F=9F=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/site/serviceSetting/domainSet.vue | 197 ++++++++++++++++++++++-
 src/views/agent/siteServiceEdit.vue              |   1 +
 2 files changed, 197 insertions(+), 1 deletion(-)

diff --git a/src/components/site/serviceSetting/domainSet.vue b/src/components/site/serviceSetting/domainSet.vue
index fc2a398..a7bdb76 100644
--- a/src/components/site/serviceSetting/domainSet.vue
+++ b/src/components/site/serviceSetting/domainSet.vue
@@ -3,10 +3,60 @@
         <div class="pageheader">
             <span class="pagetitle">{{info.type_desc}}-独立域名</span>
         </div>
+
+        <div class="flex-common">
+            <div class="domain-area">
+                <el-form class="el-row demo-ruleForm" ref="formRef">
+                    <div class="domain-from">域名来源</div>
+                    <div class="domain-radio">
+                        <GuipRadio v-model="defaultFrom" :options="domainFromOptions" @change="radioChange"/>
+                    </div>
+                    <div class="flex domain-info">
+                        <span>当前服务域名：</span><span>{{info.domain}}</span>
+                    </div>
+
+                    <GuipFormItem column="column" class="combo-formItem w540" v-if="domainOptions">
+                        <div slot="formDom" class="self-drop-wrap flex w540">
+                            <GuipInput style="width: 60%;" placeholder="仅支持数字、字母">
+                            </GuipInput>
+                            <!-- 只用作选中内容展示 -->
+                            <div @click="toggleDrop" class="point flex appendDrop" style="width: 40%;">{{form.ext}}</div>
+                        </div>
+                        <!--触发 真实下拉操作 -->
+                        <!-- valueKey="id" displayKey="name" 不添加时，默认取值 value、label-->
+                        <CustomDropdown slot="formDom" ref="dropDomain" width="100%" v-model="form.ext"
+                                        :options="domainOptions" @change="changeSelectIp" placeholder="请选择">
+                            <template #normal>
+                                <div class="flex flex-between noraml-jump">
+                                    <div class="left">
+                                        <b>添加新域名</b>
+                                        <p class="one ft12">域名需要在阿里云完成ICP备案并解析到平台服务器</p>
+                                        <p class="ft12">如果暂时未准备好，可先选用平台免费域名，随时支持域名修改。 </p>
+                                    </div>
+                                    <div class="right">
+                                        <GuipButton size="form">前往绑定</GuipButton>
+                                    </div>
+                                </div>
+                            </template>
+                        </CustomDropdown>
+                    </GuipFormItem>
+                </el-form>
+            </div>
+        </div>
+
+        <div class="save-button">
+            <GuipButton type="primary" :btnstyle="saveBtnStyleObj" @click="saveConfirm">保存</GuipButton>
+        </div>
     </div>
 </template>
 <script>
 
+import GuipRadio from "@/components/GuipRadio.vue";
+import GuipButton from "@/components/GuipButton.vue";
+import CustomDropdown from "@/components/CustomDropdown.vue";
+import GuipFormItem from "@/components/GuipFormItem.vue";
+import GuipInput from "@/components/GuipInput.vue";
+
 export default {
   name: 'domainSet',
   props: {
@@ -16,6 +66,9 @@ export default {
     }
   },
   components: {
+      GuipInput, GuipFormItem,
+       CustomDropdown, GuipButton,
+      GuipRadio
 
   },
   data(){
@@ -29,16 +82,158 @@ export default {
             borderRadius: '4px',
             background: '#006AFF',
         },
+        defaultFrom: '0',
+        domainFromOptions: {
+            '0': '平台免费域名',
+            '1': '更换独立域名'
+        },
+        domainOptions: [],
+        form:{
+            'ext' : 'aa'
+        }
     }
   },
   mounted() {
-     this.info = this.serviceInfo
+    this.info = this.serviceInfo
+    this.domainOptions = this.info.domain_list.map(item => ({
+        label: item.ext,
+        value: item.ext
+    }));
+    console.log(this.domainOptions)
   },
   methods:{
+      radioChange(){
+
+      },
+      toggleDrop(e) {
+          this.$refs.dropDomain.toggleDropdown(e)
+      },
+      changeSelectIp(item) {
+          // 选中项
+          // this.selectedItem1 = { ...item };
+          console.log(item, this.form.domainSuffix, this.form.domainSuffix1, '选中的项-值-');
+      },
+      saveConfirm() {
+          let obj = {}
+          obj.uid = this.info.uid
+          obj.type = this.info.type
+          obj.return_home_url = this.info.return_homepage_url
+          obj.go_check_url = this.info.go_check_url
+          obj.is_sync_home = this.syncHome ? 1 : 0
+          obj.is_sync_check = this.syncCheck ? 1 : 0
 
+          const that = this
+          this.$http('POST', '/agentnew/ajax_update_service_link', obj,{
+              headers:{
+                  'Auth': this.token
+              }
+          }).then(response => {
+              if(response.status){
+                  that.$message.success('保存成功');
+                  that.$emit('saveEvent', that.info)
+                  return true;
+              }
+              that.$message.success(response.info);
+          }).catch(error => {
+              console.error(error, 'error')
+          })
+      },
   }
 }
 </script>
 <style lang="scss">
+.domain-area{
+  text-align: left;
+  .domain-from{
+    font-size: 14px;
+    letter-spacing: 0.08em;
+    color: #1E2226;
+    margin-bottom: 12px;
+  }
+
+  .domain-radio{
+    .el-form-item{
+      margin-bottom: 12px;
+    }
+  }
+
+  .domain-info{
+    width: 540px;
+    font-size: 12px;
+    line-height: 13px;
+    letter-spacing: 0.08em;
+    background: #F2F7FF;
+    padding: 10px;
+    margin-right: 12px;
+    margin-bottom: 12px;
+    box-sizing: border-box;
+    span{
+      color: #1E2226;
+    }
+    span:first-child{
+      color: #626573;
+    }
+  }
+}
+
+.w540 {
+  width: 540px!important;
+}
 
+.combo-formItem {
+  .form-item-top{
+    display: none;
+    height: 0;
+    margin: 0;
+  }
+
+  ::v-deep {
+    .form-item-top{
+      display: none;
+      height: 0;
+      margin: 0;
+    }
+
+    .form-item-bottom {
+      position: relative;
+    }
+
+    .select-trigger {
+      background: #F6F7FA;
+      border-color: transparent;
+    }
+
+    .is-open .select-trigger {
+      border-color: #006AFF;
+    }
+
+    .el-input__inner {
+      border-radius: 2px 0 0 2px;
+    }
+  }
+
+  .self-drop-wrap {
+    position: absolute;
+    z-index: 1;
+    width: 100%;
+  }
+
+  .appendDrop {
+    height: 38px;
+    align-items: center;
+    border-radius: 0 2px 2px 0;
+    border: 1px solid #DFE2E6;
+    border-left-color: transparent;
+    justify-content: center;
+    box-sizing: border-box;
+    padding: 0 30px 0 12px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+
+    &:hover {
+      border: 1px solid #006AFF;
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/agent/siteServiceEdit.vue b/src/views/agent/siteServiceEdit.vue
index 6bd123b..52ab286 100644
--- a/src/views/agent/siteServiceEdit.vue
+++ b/src/views/agent/siteServiceEdit.vue
@@ -261,6 +261,7 @@ export default {
   align-items: center;
   justify-content: center;
   padding: 16px 0;
+  z-index: 9;
 }
 
 ::v-deep .payment-item{

From 5c06fbf79cdb1ad8e048e53c0e1522cab8bb2d08 Mon Sep 17 00:00:00 2001
From: zq <136432190602163.com>
Date: Mon, 7 Jul 2025 17:28:47 +0800
Subject: [PATCH 05/12] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=87=AA=E5=AE=9A?=
 =?UTF-8?q?=E4=B9=89=E4=B8=8B=E6=8B=89=E6=A1=86=E6=8A=A5=E9=94=99=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CustomDropdown.vue | 46 +++++++++++++++++++++++++++++----------
 1 file changed, 35 insertions(+), 11 deletions(-)

diff --git a/src/components/CustomDropdown.vue b/src/components/CustomDropdown.vue
index 29879fc..b176bf5 100644
--- a/src/components/CustomDropdown.vue
+++ b/src/components/CustomDropdown.vue
@@ -3,7 +3,7 @@
         <!-- 触发按钮 -->
         <div class="select-trigger" @click="toggleDropdown">
             <slot name="trigger">
-                {{ selectedItem ? selectedItem[displayKey] : placeholder }}
+                {{ selectedItem && selectedItem[displayKey] ? selectedItem[displayKey] : placeholder }}
             </slot>
             <img class="arrow-icon" :src="isOpen? require('../assets/dropDown_open.png'):require('../assets/dropDown_expand.png')" alt="">
         </div>
@@ -12,16 +12,16 @@
         <transition name="slide-fade">
             <div v-if="isOpen" class="select-dropdown">
                 <slot v-if="isOpen" name="normal"></slot>
-                <div v-if="options">
-                    <div v-for="(item, index) in options" :key="index" class="dropdown-item "
+                <div v-if="options && options.length">
+                    <div v-for="(item, index) in options" :key="index" class="dropdown-item"
                         :class="{ 'is-selected': isSelected(item) }" @click="selectItem(item)">
-                        <slot name="item" :item="item" >
-                            <div class="flex-between">
+                        <slot name="item" :item="item">
+                            <div class="flex-between" v-if="item">
                                 <div class="left">
                                     <p class="one">{{ item[displayKey] }}</p>
                                 </div>
                                 <div class="right">
-                                    <img v-if="selectedItem[displayKey] == item[displayKey]"
+                                    <img v-if="selectedItem && selectedItem[displayKey] === item[displayKey]"
                                         src="../assets/register/drop-selected.svg" alt="">
                                 </div>
                             </div>
@@ -53,6 +53,11 @@ export default {
         options: {
             type: Array,
             default: () => [],
+            validator: (value) => {
+                return Array.isArray(value) && value.every(item => 
+                    item && typeof item === 'object'
+                )
+            }
         },
         options_null: {
             type: Object,
@@ -85,28 +90,47 @@ export default {
         value: {
             immediate: true,
             handler(newVal) {
-                this.selectedItem = this.options.find((item) => item[this.valueKey] === newVal);
+                if (this.options && this.options.length && newVal !== undefined && newVal !== null) {
+                    this.selectedItem = this.options.find((item) => 
+                        item && item[this.valueKey] === newVal
+                    ) || null;
+                }
             },
         },
+        options: {
+            immediate: true,
+            handler(newVal) {
+                if (newVal && newVal.length && this.value !== undefined && this.value !== null) {
+                    this.selectedItem = newVal.find((item) => 
+                        item && item[this.valueKey] === this.value
+                    ) || null;
+                } else {
+                    this.selectedItem = null;
+                }
+            }
+        }
     },
     methods: {
         closeDropdown() {
             this.isOpen = false;
         },
         toggleDropdown(e) {
-            if(e) {
-                e.stopPropagation();
+            if(e) e.stopPropagation();
+            if (!this.options || !this.options.length) {
+                console.warn('Dropdown options are empty');
+                return;
             }
             this.isOpen = !this.isOpen;
         },
         selectItem(item) {
+            if (!item) return;
             this.selectedItem = item;
-            this.$emit("input", item[this.valueKey]); // Use the specified valueKey
+            this.$emit("input", item[this.valueKey]);
             this.$emit("change", item);
             this.isOpen = false;
         },
         isSelected(item) {
-            return this.selectedItem && this.selectedItem[this.valueKey] === item[this.valueKey];
+            return item && this.selectedItem && this.selectedItem[this.valueKey] === item[this.valueKey];
         },
         selectNullItem() {
             this.$emit("changeNormal", '');

From 48eb72e11b27f891187fcf3e4957f94365882689 Mon Sep 17 00:00:00 2001
From: pengda <1111@qq.com>
Date: Tue, 8 Jul 2025 15:08:31 +0800
Subject: [PATCH 06/12] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E8=AE=BE=E7=BD=AE=20?=
 =?UTF-8?q?=E4=BC=A0=E5=BC=95=E7=94=A8bug=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ImgUpload.vue                       | 207 +++++++++++++++++++++
 src/components/preview/logoBack_color.vue          |  26 ++-
 src/components/site/serviceSetting/domainSet.vue   |   2 +-
 src/components/site/serviceSetting/linkSet.vue     |   2 +-
 .../site/serviceSetting/menuColorSet.vue           |  49 +++--
 src/components/site/serviceSetting/paymentSet.vue  |   4 +-
 src/components/site/serviceSetting/priceSet.vue    | 132 ++++++++++++-
 .../site/serviceSetting/reportSeoSet.vue           |   2 +-
 src/components/site/serviceSetting/showSet.vue     |  22 ++-
 .../site/serviceSetting/submitSeoSet.vue           |   2 +-
 src/views/agent/siteServiceEdit.vue                |   2 +-
 11 files changed, 408 insertions(+), 42 deletions(-)
 create mode 100644 src/components/ImgUpload.vue

diff --git a/src/components/ImgUpload.vue b/src/components/ImgUpload.vue
new file mode 100644
index 0000000..3a1b759
--- /dev/null
+++ b/src/components/ImgUpload.vue
@@ -0,0 +1,207 @@
+<template>
+    <div class="upload-wrapper">
+        <!-- 预览图片 -->
+        <div class="image-list" v-if="previewList.length>0">
+            <div class="image-box"
+               v-for="(item, index) in previewList" :key="index">
+                <img :src="item.url" class="image-preview" />
+<!--                <i class="el-icon-close delete-icon" @click.stop="removeImage(index)" />-->
+            </div>
+        </div>
+
+        <!-- 上传按钮 -->
+        <el-upload
+                class="image-uploader"
+                action=""
+                :http-request="uploadHandler"
+                :show-file-list="false"
+                :before-upload="beforeUpload"
+                :accept="acceptMime"
+        >
+            <GuipButton class="upload-button" type="ignore" :btnstyle="btnStyle">
+                <div class="bgImg"></div>
+                <span>选择图片</span>
+            </GuipButton>
+        </el-upload>
+    </div>
+</template>
+
+<script>
+import GuipButton from "@/components/GuipButton.vue";
+
+export default {
+    name: "ImgUpload",
+    components: {GuipButton},
+    props: {
+        value: {
+            type: [Array, File, null],
+            default: () => []
+        },
+        defaultUrls: {
+            type: Array,
+            default: () => []
+        },
+        acceptTypes: {
+            type: Array,
+            default: () => ['jpg', 'png']
+        },
+        sizeLimit: {
+            type: Number,
+            default: 2 // MB
+        },
+        btnStyle:{
+            type: Object,
+            default() {
+                return {
+                    width: '118px',
+                    color: '#23242B',
+                    border: '1px solid #BABDC2',
+                    background: '#F2F3F5',
+                    'border-radius': '4px'
+                };
+            }
+        },
+        maxCount: {
+            type: Number,
+            default: 1
+        }
+    },
+    data() {
+        return {
+            previewList: [],
+            initialized: false
+        };
+    },
+    watch: {
+        defaultUrls(newUrls) {
+            if (!this.initialized && Array.isArray(newUrls) && newUrls.length) {
+                this.previewList = newUrls
+                    .filter(url => !!url)
+                    .map(url => ({ url }));
+                this.initialized = true;
+            }
+        }
+    },
+    computed: {
+        // 根据后缀数组生成 MIME 类型字符串，用于 <el-upload accept="">
+        acceptMime() {
+            const map = {
+                jpg: 'image/jpeg',
+                jpeg: 'image/jpeg',
+                png: 'image/png',
+                webp: 'image/webp',
+                gif: 'image/gif'
+            };
+            return this.acceptTypes
+                .map(ext => map[ext.toLowerCase()])
+                .filter(Boolean)
+                .join(',');
+        }
+    },
+    methods: {
+        beforeUpload(file) {
+            if(this.maxCount === 1){
+                this.previewList = []
+            }
+
+            if (this.previewList.length >= this.maxCount) {
+                this.$message.warning(`最多只能上传 ${this.maxCount} 张图片`);
+                return false;
+            }
+
+            const isImage = file.type.startsWith("image/");
+            const isLt2M = file.size / 1024 / 1024 < 2;
+            if (!isImage) {
+                this.$message.error("只能上传图片格式！");
+                return false;
+            }
+            if (!isLt2M) {
+                this.$message.error("图片大小不能超过 2MB！");
+                return false;
+            }
+
+            const allowedTypes = this.acceptMime.split(',');
+            if (!allowedTypes.includes(file.type)) {
+                this.$message.error(`只允许上传 ${this.acceptTypes.join('/').toUpperCase()} 格式图片！`);
+                return false;
+            }
+
+            const url = URL.createObjectURL(file);
+
+            if(this.maxCount === 1){
+                this.previewList = [{ file, url }];
+                this.$emit('input', { file, url });
+            } else {
+                this.previewList.push({ file, url });
+
+                const files = this.previewList
+                    .filter(item => item.file)
+                    .map(item => item.file);
+                this.$emit('input', files);
+            }
+
+            return false;
+        },
+        uploadHandler() {
+            // 留空，使用自定义上传逻辑，由父组件决定是否提交 file 到服务器
+        },
+        removeImage(index) {
+            this.previewList.splice(index, 1);
+            const files = this.previewList
+                .filter(item => item.file)
+                .map(item => item.file);
+            this.$emit('input', files);
+        }
+    }
+};
+</script>
+
+<style scoped>
+.upload-wrapper {
+}
+
+.image-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    margin-bottom: 10px;
+}
+.image-box {
+    position: relative;
+    width: 100px;
+    height: 100px;
+}
+.image-preview {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+}
+.delete-icon {
+    position: absolute;
+    top: -6px;
+    right: -6px;
+    font-size: 16px;
+    color: white;
+    background: #f56c6c;
+    border-radius: 50%;
+    padding: 2px;
+    cursor: pointer;
+}
+.bgImg{
+    width: 20px;
+    height: 16px;
+    margin-right: 6px;
+    background-image: url(@/assets/site/uploadIcon.svg);
+}
+.upload-button:hover{
+    border: 1px solid #006AFF!important;
+}
+.upload-button:hover .bgImg {
+    background-image: url(@/assets/site/uploadIcon_light.svg);
+}
+.upload-button:hover span {
+    color: #006AFF;
+}
+</style>
diff --git a/src/components/preview/logoBack_color.vue b/src/components/preview/logoBack_color.vue
index 42c9399..9233598 100644
--- a/src/components/preview/logoBack_color.vue
+++ b/src/components/preview/logoBack_color.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="preview_color">
-        <div class="top" :style="{backgroundColor:themeColor}">品牌LOGO</div>
+        <div class="top" :style="{backgroundColor:effectiveThemeColor}">品牌LOGO</div>
         <div class="bottom flex">
             <div class="left">
                 <span class="desc">获取帮助</span>
@@ -10,14 +10,14 @@
             </div>
             <div class="right">
                 <p class="scroll" >正在检测文章的滚动条</p>
-                <div class="tab flex"  :style="{backgroundColor:navColor}">
-                    <div class="tab_item" :style="{backgroundColor:tabColor}">检测论文</div>
+                <div class="tab flex"  :style="{backgroundColor:effectiveNavColor}">
+                    <div class="tab_item" :style="{backgroundColor:effectiveTabColor}">检测论文</div>
                     <div class="tab_item">下载检测报告</div>
                     <div class="tab_item">下载检测报告</div>
                 </div>
                 <div class="right_bot column">
                     <b>检测上传板块</b>
-                    <button :style="{backgroundColor:themeColor}">提交论文</button>
+                    <button :style="{backgroundColor:effectiveThemeColor}">提交论文</button>
                 </div>
             </div>
         </div>
@@ -42,8 +42,22 @@ export default {
             default: '#70A6FF'
         },
     },
-    components: {
-        
+    computed: {
+        effectiveThemeColor() {
+            return this.themeColor && this.themeColor.trim() !== ''
+                ? this.themeColor
+                : '#3B82F6';
+        },
+        effectiveNavColor() {
+            return this.navColor && this.navColor.trim() !== ''
+                ? this.navColor
+                : '#3B82F6';
+        },
+        effectiveTabColor() {
+            return this.tabColor && this.tabColor.trim() !== ''
+                ? this.tabColor
+                : '#70A6FF';
+        }
     },
     data() {
         return {
diff --git a/src/components/site/serviceSetting/domainSet.vue b/src/components/site/serviceSetting/domainSet.vue
index a7bdb76..f35862c 100644
--- a/src/components/site/serviceSetting/domainSet.vue
+++ b/src/components/site/serviceSetting/domainSet.vue
@@ -94,7 +94,7 @@ export default {
     }
   },
   mounted() {
-    this.info = this.serviceInfo
+    this.info = JSON.parse(JSON.stringify(this.serviceInfo))
     this.domainOptions = this.info.domain_list.map(item => ({
         label: item.ext,
         value: item.ext
diff --git a/src/components/site/serviceSetting/linkSet.vue b/src/components/site/serviceSetting/linkSet.vue
index 74e1715..6861c83 100644
--- a/src/components/site/serviceSetting/linkSet.vue
+++ b/src/components/site/serviceSetting/linkSet.vue
@@ -68,7 +68,7 @@ export default {
         }
     },
     mounted() {
-        this.info = this.serviceInfo
+        this.info = JSON.parse(JSON.stringify(this.serviceInfo))
     },
     methods: {
         toggleSetSyncHome(){
diff --git a/src/components/site/serviceSetting/menuColorSet.vue b/src/components/site/serviceSetting/menuColorSet.vue
index cf44a93..1b39cb6 100644
--- a/src/components/site/serviceSetting/menuColorSet.vue
+++ b/src/components/site/serviceSetting/menuColorSet.vue
@@ -9,22 +9,14 @@
             <el-form ref="formRef">
                 <div class="flex-wrap">
                     <div class="flex-left">
-                        <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>
+                        <GuipFormItem column="column" label="提交页Logo上传"></GuipFormItem>
+                        <ImgUpload @input="onUploadSub" :accept-types="['jpg', 'png']" :maxCount="1" :defaultUrls="[info.submit_logo_url]"></ImgUpload>
                         <div slot="tip" class="el-upload__tip desc">支持png、jpg格式，尺寸32PX*32PX</div>
                     </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>
+                        <GuipFormItem column="column" label="报告页Logo上传"></GuipFormItem>
+                        <ImgUpload @input="onUploadRep" :accept-types="['jpg', 'png']" :maxCount="1" :defaultUrls="[info.report_logo_url]"></ImgUpload>
                         <div slot="tip" class="el-upload__tip desc">支持png、jpg格式，尺寸32PX*32PX</div>
                     </div>
                 </div>
@@ -88,13 +80,13 @@
 </template>
 <script>
 
-import HoverButton from "@/components/HoverButton.vue";
 import GuipFormItem from "@/components/GuipFormItem.vue";
 import PromptText from "@/components/PromptText.vue";
 import GuipButton from "@/components/GuipButton.vue";
 import DevicePreview from "@/components/PreviewTab.vue";
 import LogoBackColor from "@/components/preview/logoBack_color.vue";
 import GuipInput from '@/components/GuipInput.vue';
+import ImgUpload from "@/components/ImgUpload.vue";
 
 export default {
     name: 'menuColorSet',
@@ -105,10 +97,10 @@ export default {
         }
     },
     components: {
+        ImgUpload,
         GuipButton,
         PromptText,
         GuipFormItem,
-        HoverButton,
         DevicePreview,
         LogoBackColor,
         GuipInput
@@ -129,10 +121,12 @@ export default {
             themeColor: undefined,
             navColor: undefined,
             tabColor: undefined,
+            sub_logo_file: {},
+            rep_logo_file: {},
         }
     },
     mounted() {
-        this.info = this.serviceInfo
+        this.info = JSON.parse(JSON.stringify(this.serviceInfo))
         if(this.info.color_info){
             this.themeColor = '#'+ this.info.color_info.link_btn_color
             this.navColor = '#'+ this.info.color_info.selected_nav_bgcolor
@@ -140,18 +134,26 @@ export default {
         }
     },
     methods: {
+        onUploadSub(fileObj){
+            this.info.submit_logo_url = fileObj.url
+            this.sub_logo_file = fileObj.file
+        },
+        onUploadRep(fileObj){
+            this.info.report_logo_url = fileObj.url
+            this.rep_logo_file = fileObj.file
+        },
         changeThemeColor(val){
-            if (!val.trim().startsWith("#")){
+            if (val.length > 0 && !val.trim().startsWith("#")){
                 this.themeColor = '#'+ val.trim()
             }
         },
         changetabColor(val){
-            if (!val.trim().startsWith("#")){
+            if (val.length > 0 && !val.trim().startsWith("#")){
                 this.tabColor = '#'+ val.trim()
             }
         },
         changeNavColor(val){
-            if (!val.trim().startsWith("#")){
+            if (val.length > 0 && !val.trim().startsWith("#")){
                 this.navColor = '#'+ val.trim()
             }
         },
@@ -163,10 +165,19 @@ export default {
             obj.link_btn_color = this.themeColor.replace('#','')
             obj.selected_nav_bgcolor = this.navColor.replace('#','')
 
+            if(!this.sub_logo_file || !this.rep_logo_file){
+                this.$message.warning(`请上传logo图`);
+                return false;
+            }
+
+            obj.submit_logo = this.sub_logo_file
+            obj.report_logo = this.rep_logo_file
+
             const that = this
             this.$http('POST', '/agentnew/ajax_update_service_style', obj,{
                 headers:{
-                    'Auth': this.token
+                    'Auth': this.token,
+                    'Content-Type':'multipart/form-data'
                 }
             }).then(response => {
                 if(response.status){
diff --git a/src/components/site/serviceSetting/paymentSet.vue b/src/components/site/serviceSetting/paymentSet.vue
index d2e74ca..c2b1301 100644
--- a/src/components/site/serviceSetting/paymentSet.vue
+++ b/src/components/site/serviceSetting/paymentSet.vue
@@ -48,8 +48,8 @@ export default {
     }
   },
   mounted() {
-      this.info = this.serviceInfo
-      this.payList = this.serviceInfo.paylist
+      this.info = JSON.parse(JSON.stringify(this.serviceInfo))
+      this.payList = this.info.paylist
   },
   methods:{
       confirmPayment(payList){
diff --git a/src/components/site/serviceSetting/priceSet.vue b/src/components/site/serviceSetting/priceSet.vue
index dc4d755..f1a1004 100644
--- a/src/components/site/serviceSetting/priceSet.vue
+++ b/src/components/site/serviceSetting/priceSet.vue
@@ -3,10 +3,47 @@
         <div class="pageheader">
             <span class="pagetitle">{{info.type_desc}}-价格设置</span>
         </div>
+
+        <div class="flex-common">
+            <h3>网页支付与售价</h3>
+            <el-form ref="formRef">
+                <div class="flex-wrap">
+                    <div class="flex-left">
+                        <div class="set-item">
+                            <div class="set-title flex flex-between">
+                                <p>售价管理</p>
+                                <p>供货价格：3.5元/篇</p>
+                            </div>
+                            <div class="set-content flex">
+                                <GuipSelect width="264px" prop="card" :options="options" class="mr12"/>
+                                <GuipInput v-if="!info.price" width="264px" v-model="info.price" ref="GuipInput" unit="元/篇"></GuipInput>
+                                <template v-else>
+                                    <GuipInput width="180px" v-model="info.price" ref="GuipInput" unit="元"></GuipInput>
+                                    <span class="mr12"></span>
+                                    <GuipInput v-model="info.unit_num" ref="GuipInput" width="180px" unit="字符"></GuipInput>
+                                </template>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="flex-line"></div>
+                    <div class="flex-right">
+
+                    </div>
+                </div>
+            </el-form>
+        </div>
+
+        <div class="save-button">
+            <GuipButton type="primary" :btnstyle="saveBtnStyleObj" @click="saveConfirm">保存</GuipButton>
+        </div>
     </div>
 </template>
 <script>
 
+import GuipButton from "@/components/GuipButton.vue";
+import GuipInput from "@/components/GuipInput.vue";
+import GuipSelect from "@/components/GuipSelect.vue";
+
 export default {
   name: 'priceSet',
   props: {
@@ -16,6 +53,9 @@ export default {
     }
   },
   components: {
+      GuipSelect,
+      GuipInput,
+       GuipButton
 
   },
   data(){
@@ -29,16 +69,106 @@ export default {
             borderRadius: '4px',
             background: '#006AFF',
         },
+        options: [{
+            value: '选项1',
+            label1: '黄金hhhhhh',
+            id1: '1',
+            id2: '啊11哈哈',
+            label: '黄金糕'
+        }, {
+            value: '选项2',
+            id1: '12',
+            id2: '啊22哈哈',
+            label1: '双皮奶hhhhhhhhh',
+            label: '双皮奶'
+        }, {
+            value: '选项3',
+            id1: '13',
+            id2: '啊33哈哈',
+            label1: '蚵仔煎hhhhhhhhh',
+            label: '蚵仔煎'
+        }, {
+            value: '选项4',
+            id1: '14',
+            id2: '啊444哈哈',
+            label1: '双皮奶hhhhhhhhh',
+            label: '龙须面'
+        }, {
+            value: '选项5',
+            id1: '155',
+            id2: '啊55哈哈',
+            label1: '双皮奶hhhhhhhhh',
+            label: '北京烤鸭'
+        }],
+        form: {
+            username: '',
+            language: '',
+            domain_set: '',
+            domainSuffix: '11',
+            domainSuffix1: '.chachongz.com',
+            card: '1',
+            input1: '跨年的烟火,绽放天空',
+            input2: '',
+            input3: '',
+        },
     }
   },
   mounted() {
-    this.info = this.serviceInfo
+      this.info = JSON.parse(JSON.stringify(this.serviceInfo))
   },
   methods:{
+      saveConfirm() {
+          let obj = {}
+          obj.uid = this.info.uid
+          obj.type = this.info.type
+          obj.logo_bgcolor = this.tabColor.replace('#','')
+          obj.link_btn_color = this.themeColor.replace('#','')
+          obj.selected_nav_bgcolor = this.navColor.replace('#','')
 
+          const that = this
+          this.$http('POST', '/agentnew/ajax_update_service_style', obj,{
+              headers:{
+                  'Auth': this.token
+              }
+          }).then(response => {
+              if(response.status){
+                  that.$message.success('保存成功');
+
+                  let color_info = {}
+                  color_info.logo_bgcolor = obj.logo_bgcolor
+                  color_info.link_btn_color = obj.link_btn_color
+                  color_info.selected_nav_bgcolor = obj.selected_nav_bgcolor
+                  that.info.color_info = color_info
+
+                  that.$emit('saveEvent', that.info)
+                  return true;
+              }
+              that.$message.success(response.info);
+          }).catch(error => {
+              console.error(error, 'error')
+          })
+      },
   }
 }
 </script>
 <style lang="scss">
+.mr12{
+  margin-right: 12px;
+}
+.set-item{
+  width: 540px;
+  letter-spacing: 0.08em;
+  .set-title{
+    font-size: 14px;
+    color: #1E2226;
+    margin-bottom: 12px;
+    p:last-child{
+      color: #8A9099;
+    }
+  }
 
+  .set-content{
+    width: 100%;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/components/site/serviceSetting/reportSeoSet.vue b/src/components/site/serviceSetting/reportSeoSet.vue
index 2c1bc87..8c3857f 100644
--- a/src/components/site/serviceSetting/reportSeoSet.vue
+++ b/src/components/site/serviceSetting/reportSeoSet.vue
@@ -72,7 +72,7 @@ export default {
         }
     },
     mounted() {
-        this.info = this.serviceInfo
+        this.info = JSON.parse(JSON.stringify(this.serviceInfo))
     },
     methods: {
         saveConfirm() {
diff --git a/src/components/site/serviceSetting/showSet.vue b/src/components/site/serviceSetting/showSet.vue
index e96e189..e45d7ad 100644
--- a/src/components/site/serviceSetting/showSet.vue
+++ b/src/components/site/serviceSetting/showSet.vue
@@ -31,11 +31,8 @@
                         </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>
+                            <GuipFormItem column="column" label="服务Logo"></GuipFormItem>
+                            <ImgUpload @input="onUpload" :accept-types="['jpg', 'png']" :maxCount="1" :defaultUrls="[info.logo_url]"></ImgUpload>
                             <div slot="tip" class="el-upload__tip desc">支持png、jpg格式，尺寸32PX*32PX</div>
                         </div>
                     </div>
@@ -137,12 +134,12 @@
 </template>
 <script>
 
-import HoverButton from "@/components/HoverButton.vue";
 import GuipFormItem from "@/components/GuipFormItem.vue";
 import GuipSwitch from "@/components/GuipSwitch.vue";
 import PromptText from "@/components/PromptText.vue";
 import GuipInput from "@/components/GuipInput.vue";
 import GuipButton from "@/components/GuipButton.vue";
+import ImgUpload from "@/components/ImgUpload.vue";
 
 export default {
   name: 'showSet',
@@ -154,7 +151,7 @@ export default {
   },
   components: {
       GuipButton,
-      GuipInput, PromptText, GuipSwitch, GuipFormItem, HoverButton
+      GuipInput, PromptText, GuipSwitch, GuipFormItem, ImgUpload
   },
   data(){
     return {
@@ -168,12 +165,17 @@ export default {
             borderRadius: '4px',
             background: '#006AFF',
         },
+        logo_file: {},
     }
   },
   mounted() {
-      this.info = this.serviceInfo
+      this.info = JSON.parse(JSON.stringify(this.serviceInfo))
   },
   methods:{
+      onUpload(fileObj) {
+          this.info.logo_url = fileObj.url
+          this.logo_file = fileObj.file
+      },
       saveBack(){
           this.saveSuccess = false
       },
@@ -191,11 +193,13 @@ export default {
           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
+          obj.logo = this.logo_file
 
           const that = this
           this.$http('POST', '/agentnew/ajax_update_service_show', obj,{
               headers:{
-                  'Auth': this.token
+                  'Auth': this.token,
+                  'Content-Type':'multipart/form-data'
               }
           }).then(response => {
               if(response.status){
diff --git a/src/components/site/serviceSetting/submitSeoSet.vue b/src/components/site/serviceSetting/submitSeoSet.vue
index 91ffef3..9a65920 100644
--- a/src/components/site/serviceSetting/submitSeoSet.vue
+++ b/src/components/site/serviceSetting/submitSeoSet.vue
@@ -72,7 +72,7 @@ export default {
         }
     },
     mounted() {
-        this.info = this.serviceInfo
+        this.info = JSON.parse(JSON.stringify(this.serviceInfo))
     },
     methods: {
         saveConfirm() {
diff --git a/src/views/agent/siteServiceEdit.vue b/src/views/agent/siteServiceEdit.vue
index 52ab286..d5fc52f 100644
--- a/src/views/agent/siteServiceEdit.vue
+++ b/src/views/agent/siteServiceEdit.vue
@@ -73,7 +73,7 @@ export default {
     },
     methods: {
         handleSaveEvent(payload) {
-            console.log('收到子组件事件:', payload);
+            this.siteServiceInfo = payload
         },
         getSiteServiceInfo() {
             const that = this

From eded8a7fb5b4382181bd1e457cef31ca68f3bc65 Mon Sep 17 00:00:00 2001
From: pengda <1111@qq.com>
Date: Tue, 8 Jul 2025 15:27:33 +0800
Subject: [PATCH 07/12] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E8=AE=BE=E7=BD=AE=20?=
 =?UTF-8?q?=E9=A2=9C=E8=89=B2=E9=BB=98=E8=AE=A4=E5=80=BCbug=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/site/serviceSetting/menuColorSet.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/site/serviceSetting/menuColorSet.vue b/src/components/site/serviceSetting/menuColorSet.vue
index 1b39cb6..01655a2 100644
--- a/src/components/site/serviceSetting/menuColorSet.vue
+++ b/src/components/site/serviceSetting/menuColorSet.vue
@@ -127,10 +127,11 @@ export default {
     },
     mounted() {
         this.info = JSON.parse(JSON.stringify(this.serviceInfo))
+        console.log(this.info.color_info)
         if(this.info.color_info){
-            this.themeColor = '#'+ this.info.color_info.link_btn_color
-            this.navColor = '#'+ this.info.color_info.selected_nav_bgcolor
-            this.tabColor = '#'+ this.info.color_info.link_btn_color
+            this.themeColor = this.info.color_info.link_btn_color ? '#'+ this.info.color_info.link_btn_color : ""
+            this.navColor = this.info.color_info.selected_nav_bgcolor ? '#'+ this.info.color_info.selected_nav_bgcolor : ""
+            this.tabColor = this.info.color_info.logo_bgcolor ? '#'+ this.info.color_info.logo_bgcolor : ""
         }
     },
     methods: {

From 8e3b97ce7882e0b76cb58efa1ad759f6d8578be1 Mon Sep 17 00:00:00 2001
From: pengda <1111@qq.com>
Date: Tue, 8 Jul 2025 18:35:40 +0800
Subject: [PATCH 08/12] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E8=AE=BE=E7=BD=AE=20?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA=E6=A1=86=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/GuipDialog.vue                       | 7 ++++++-
 src/components/site/serviceSetting/linkSet.vue      | 2 +-
 src/components/site/serviceSetting/menuColorSet.vue | 2 +-
 src/components/site/serviceSetting/paymentSet.vue   | 2 +-
 src/components/site/serviceSetting/priceSet.vue     | 2 +-
 src/components/site/serviceSetting/reportSeoSet.vue | 2 +-
 src/components/site/serviceSetting/showSet.vue      | 2 +-
 src/components/site/serviceSetting/submitSeoSet.vue | 2 +-
 src/views/agent/siteServiceAdd.vue                  | 2 +-
 src/views/agent/siteServiceList.vue                 | 6 +++---
 10 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/src/components/GuipDialog.vue b/src/components/GuipDialog.vue
index 630ad65..98ff14c 100644
--- a/src/components/GuipDialog.vue
+++ b/src/components/GuipDialog.vue
@@ -12,7 +12,7 @@
         <!-- 自定义内容 -->
         <slot></slot>
         <!-- 底部按钮 -->
-        <span slot="footer" :class="[type == 'center' ? 'dialog-footer-center' : 'dialog-footer-normal', 'flex']" style="justify-content: space-between;">
+        <span v-if="showFooterButton" slot="footer" :class="[type == 'center' ? 'dialog-footer-center' : 'dialog-footer-normal', 'flex']" style="justify-content: space-between;">
             <GuipButton v-if="showCancelButton" @click="handleCancel" type="ignore" >{{ cancelText }}</GuipButton>
             <GuipButton type="primary" @click="handleConfirm">{{ confirmText }}</GuipButton>
         </span>
@@ -54,6 +54,11 @@
         type: Boolean,
         default: true,
       },
+        // 是否显示底部按钮
+      showFooterButton: {
+        type: Boolean,
+        default: true,
+      },
       // 取消按钮文本
       cancelText: {
         type: String,
diff --git a/src/components/site/serviceSetting/linkSet.vue b/src/components/site/serviceSetting/linkSet.vue
index 6861c83..2046994 100644
--- a/src/components/site/serviceSetting/linkSet.vue
+++ b/src/components/site/serviceSetting/linkSet.vue
@@ -97,7 +97,7 @@ export default {
                     that.$emit('saveEvent', that.info)
                     return true;
                 }
-                that.$message.success(response.info);
+                that.$message.error(response.info);
             }).catch(error => {
                 console.error(error, 'error')
             })
diff --git a/src/components/site/serviceSetting/menuColorSet.vue b/src/components/site/serviceSetting/menuColorSet.vue
index 01655a2..5c81452 100644
--- a/src/components/site/serviceSetting/menuColorSet.vue
+++ b/src/components/site/serviceSetting/menuColorSet.vue
@@ -193,7 +193,7 @@ export default {
                     that.$emit('saveEvent', that.info)
                     return true;
                 }
-                that.$message.success(response.info);
+                that.$message.error(response.info);
             }).catch(error => {
                 console.error(error, 'error')
             })
diff --git a/src/components/site/serviceSetting/paymentSet.vue b/src/components/site/serviceSetting/paymentSet.vue
index c2b1301..4158ba7 100644
--- a/src/components/site/serviceSetting/paymentSet.vue
+++ b/src/components/site/serviceSetting/paymentSet.vue
@@ -83,7 +83,7 @@ export default {
                   that.$emit('saveEvent', that.payList)
                   return true;
               }
-              that.$message.success(response.info);
+              that.$message.error(response.info);
           }).catch(error => {
               console.error(error, 'error')
           })
diff --git a/src/components/site/serviceSetting/priceSet.vue b/src/components/site/serviceSetting/priceSet.vue
index f1a1004..684cd5a 100644
--- a/src/components/site/serviceSetting/priceSet.vue
+++ b/src/components/site/serviceSetting/priceSet.vue
@@ -143,7 +143,7 @@ export default {
                   that.$emit('saveEvent', that.info)
                   return true;
               }
-              that.$message.success(response.info);
+              that.$message.error(response.info);
           }).catch(error => {
               console.error(error, 'error')
           })
diff --git a/src/components/site/serviceSetting/reportSeoSet.vue b/src/components/site/serviceSetting/reportSeoSet.vue
index 8c3857f..c3bb966 100644
--- a/src/components/site/serviceSetting/reportSeoSet.vue
+++ b/src/components/site/serviceSetting/reportSeoSet.vue
@@ -94,7 +94,7 @@ export default {
                     that.$emit('saveEvent', that.info)
                     return true;
                 }
-                that.$message.success(response.info);
+                that.$message.error(response.info);
             }).catch(error => {
                 console.error(error, 'error')
             })
diff --git a/src/components/site/serviceSetting/showSet.vue b/src/components/site/serviceSetting/showSet.vue
index e45d7ad..8612c2a 100644
--- a/src/components/site/serviceSetting/showSet.vue
+++ b/src/components/site/serviceSetting/showSet.vue
@@ -208,7 +208,7 @@ export default {
                   // that.saveSuccess = true
                   return true;
               }
-              that.$message.success(response.info);
+              that.$message.error(response.info);
           }).catch(error => {
               console.error(error, 'error')
           })
diff --git a/src/components/site/serviceSetting/submitSeoSet.vue b/src/components/site/serviceSetting/submitSeoSet.vue
index 9a65920..6feb49e 100644
--- a/src/components/site/serviceSetting/submitSeoSet.vue
+++ b/src/components/site/serviceSetting/submitSeoSet.vue
@@ -94,7 +94,7 @@ export default {
                     that.$emit('saveEvent', that.info)
                     return true;
                 }
-                that.$message.success(response.info);
+                that.$message.error(response.info);
             }).catch(error => {
                 console.error(error, 'error')
             })
diff --git a/src/views/agent/siteServiceAdd.vue b/src/views/agent/siteServiceAdd.vue
index 6df38c4..068014a 100644
--- a/src/views/agent/siteServiceAdd.vue
+++ b/src/views/agent/siteServiceAdd.vue
@@ -152,7 +152,7 @@ export default {
                     that.$message.success('保存成功');
                     return true;
                 }
-                that.$message.success(response.info);
+                that.$message.error(response.info);
             }).catch(error => {
                 console.error(error, 'error')
             })
diff --git a/src/views/agent/siteServiceList.vue b/src/views/agent/siteServiceList.vue
index 8307563..5122906 100644
--- a/src/views/agent/siteServiceList.vue
+++ b/src/views/agent/siteServiceList.vue
@@ -308,7 +308,7 @@ export default {
                     })
                     return true;
                 }
-                that.$message.success(response.info);
+                that.$message.error(response.info);
             }).catch(error => {
                 console.error(error, 'error')
             })
@@ -340,7 +340,7 @@ export default {
                     })
                     return true;
                 }
-                that.$message.success(response.info);
+                that.$message.error(response.info);
             }).catch(error => {
                 console.error(error, 'error')
             })
@@ -435,7 +435,7 @@ export default {
                     })
                     return true;
                 }
-                that.$message.success(response.info);
+                that.$message.error(response.info);
             }).catch(error => {
                 console.error(error, 'error')
             })

From f5f13173cf6bd024a2057196becd1fc6f9c8bb3a Mon Sep 17 00:00:00 2001
From: pengda <1111@qq.com>
Date: Wed, 9 Jul 2025 11:32:01 +0800
Subject: [PATCH 09/12] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E8=AE=BE=E7=BD=AE=20?=
 =?UTF-8?q?=E5=9F=9F=E5=90=8D=E8=AE=BE=E7=BD=AE=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/site/next-line.png    | Bin 0 -> 210 bytes
 src/assets/site/step_error.png   | Bin 0 -> 435 bytes
 src/assets/site/step_success.png | Bin 0 -> 426 bytes
 src/components/domainBind.vue    | 341 +++++++++++++++++++++++++++++++++++++++
 src/views/elementGroups.vue      |   6 +
 5 files changed, 347 insertions(+)
 create mode 100644 src/assets/site/next-line.png
 create mode 100644 src/assets/site/step_error.png
 create mode 100644 src/assets/site/step_success.png
 create mode 100644 src/components/domainBind.vue

diff --git a/src/assets/site/next-line.png b/src/assets/site/next-line.png
new file mode 100644
index 0000000000000000000000000000000000000000..62d39e02fa5fd123479ea8f1b0cc2088f649d5dc
GIT binary patch
literal 210
zcmeAS@N?(olHy`uVBq!ia0vp^szA)f!3HE<mW9s-QjEnx?oJHr&dIz4a#)I;JVQ8u
zpoSx*1IVxOba4#Pn3$X(;ZX4JPiZT6_`5Uq_5XG;ZL+w`u#=rnLh_%w!NyH<_E&r@
zvyI`I>0JI{zGFjU<3a|{2M6ul+Kw^uYw~>P|H$~*;Z{A+09LiIX}@`Rc;qD{B-Q@>
zK5BIFLcmAn(+*Z$jX*GQV&dWZ@%3E1yr%L8jxcaptDbpRVA>6I2ZN`ppUXO@geCxK
CkV(4$

literal 0
HcmV?d00001

diff --git a/src/assets/site/step_error.png b/src/assets/site/step_error.png
new file mode 100644
index 0000000000000000000000000000000000000000..19ed12897af27a3e6d62caba1653dfabbb457229
GIT binary patch
literal 435
zcmV;k0ZjghP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZqT}ebiR5*>LldW>XKoo_)WrD(>QcL;-arj_r0!WH&
zb!ne~=@U?@TU#ReF%=|e98b_-6NN!#hFh_OkkHI9(_?n_+&%Yi?^P5acije686wyy
z8b^8uG9{^u)%SFJ{$Az8ZhHjk8PkN81E#4BVF-Qz`#m6UYB7H)21eY@N_u^f*<4Do
z^hJ7o5x29V7+HFKktiw`r--7XllBNe9cvC5Jn6Kr!F&N9pO7f4LiI49R?CZjLYR2j
zed1{@McdW=smjm*)xC(kUTaYl>w6IB^VZ7Vv>f>IYy+rcS$PNdJuOa!j-$DAm?kJ1
zmFtQwhk>vqj_n*f@pN>@$x65}^I3!;z|KIi!4K@5vDwT@0WD6s6n+56H2cQK2i@Ik
z;0G{%heYY-{b!I)IF0hsFBi||7o+_5GNpr+es3J>wBwlKGUXgVy3U6Is4h^~BwG|4
d67^bK=U;SaAbuvf41NFr002ovPDHLkV1f`4ySe}X

literal 0
HcmV?d00001

diff --git a/src/assets/site/step_success.png b/src/assets/site/step_success.png
new file mode 100644
index 0000000000000000000000000000000000000000..1ff9982b93b3b9572d4746af6a764d91ad999bfd
GIT binary patch
literal 426
zcmV;b0agBqP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZqR7pfZR5*>Lldn?(K@`V7dt;&PU?p5JOQbneEd)D8
zgaFJ{XOO>O&)|#=?F5sNvq6NafeS=%uF-skz2oGLW1R7ucE7XVx9`XIDY9sZi^Bk@
z0&dJk2(JhaJgM;abG0Y#h(YMNWoXvGJ+<^=1<x~xwt&LtQT1~l(~&@XB4#3m7)?dA
zCqhSptk`HzWVtRDCs?j`K}=e6+eZH@%tVB?2rY3P6kT0{n_9lA1ku*^AVIGVZW(YG
zI4By&!~k_4`s28XF`8CWbpU-{*%!=L>A63)cXJK8l=AU}+>=A;)_tf};NlGY00x)E
zB|1PDZc;**>~HU%FnqJZ`>VWgVY7^&EhG0X-|65(r14Zd3GIn+D`q#wV+P7%G)>27
z^ZA#N62w+MW+*esTlwHJCB{m|8*bob2H_XEW!et_wkL`%iUy!#HU#E;Gt92@4+Vmp
U9uAYWrT_o{07*qoM6N<$f-Szau>b%7

literal 0
HcmV?d00001

diff --git a/src/components/domainBind.vue b/src/components/domainBind.vue
new file mode 100644
index 0000000..8ce7a26
--- /dev/null
+++ b/src/components/domainBind.vue
@@ -0,0 +1,341 @@
+<template>
+    <div>
+        <el-form class="el-row demo-ruleForm" ref="formRef">
+            <GuipFormItem column="column" class="combo-formItem w540" v-if="domainOptions" :label="label" :class="label ? '' : 'combo-formItem-nolabel'">
+                <div slot="formDom" class="self-drop-wrap flex w540">
+                    <GuipInput v-model="prefix" style="width: 60%;" placeholder="仅支持数字、字母" @blur="inputEnd"></GuipInput>
+                    <!-- 只用作选中内容展示 -->
+                    <div @click="toggleDrop" class="point flex appendDrop" style="width: 40%;">{{domain}}</div>
+                </div>
+                <!--触发 真实下拉操作 -->
+                <!-- valueKey="id" displayKey="name" 不添加时，默认取值 value、label-->
+                <CustomDropdown slot="formDom" ref="dropDomain" width="100%" v-model="domain"
+                                :options="domainOptions" @change="changeSelect" placeholder="请选择">
+                    <template #normal>
+                        <div class="flex flex-between noraml-jump">
+                            <div class="left">
+                                <b>添加新域名</b>
+                                <p class="one ft12">域名需要在阿里云完成ICP备案并解析到平台服务器</p>
+                                <p class="ft12">如果暂时未准备好，可先选用平台免费域名，随时支持域名修改。 </p>
+                            </div>
+                            <div class="right">
+                                <GuipButton size="form" @click="bindNewDomain">前往绑定</GuipButton>
+                            </div>
+                        </div>
+                    </template>
+                </CustomDropdown>
+            </GuipFormItem>
+        </el-form>
+
+        <GuipDialog :dialogVisible="dialogVisible" :show-close-button="false" :showFooterButton="false"
+                    type="center" title="温馨提示">
+            <div class="domain-wrap">
+                <el-form class="el-row demo-ruleForm" ref="formRef" :rules="rules" :model="formData">
+                    <p class="p-info">设置自己的域名，需要做 2 步站外操作。如果暂时未准备好，或打算稍后设置，可以先选用平台免费域名，平台随时支持域名修改。 </p>
+                    <p class="p-title"><span>1.</span>域名必须在阿里云完成 ICP 备案</p>
+                    <p class="p-desc mb18">备案网址：https://beian.aliyun.com</p>
+                    <p class="p-title"><span>2.</span>域名要解析到平台服务器上</p>
+                    <p class="p-desc mb18">记录类型：CNAME；记录值：lunwen.kuailedns.com</p>
+                    <p class="p-title"><span>3.</span>域名填写</p>
+                    <GuipInput width="458px" placeholder="填写完整域名" class="mb18" prop="domain" v-model="formData.domain"></GuipInput>
+                    <p class="p-title"><span>4.</span>域名备案号</p>
+                    <GuipInput width="458px" placeholder="填写备案号" class="mb32" prop="beian" v-model="formData.beian"></GuipInput>
+                    <div class="flex flex-between">
+                        <GuipButton type="ignore" :btnstyle="{'width': '247px', 'border-radius': '4px'}" @click="handleCancel">先用平台免费域名</GuipButton>
+                        <GuipButton type="primary" :btnstyle="{'width': '247px', 'border-radius': '4px'}" :loading="show_step" @click="handleConfirm" >准备完毕，验证自有域名</GuipButton>
+                    </div>
+                    <div class="domain-step" v-if="show_step">
+                        <div class="flex mr12">
+                            <GuipButton v-if="step1 === 1" type="text" :loading="true" :btnstyle="{'color': '#1675FF', 'font-size': '12px'}">
+                                验证域名解析
+                            </GuipButton>
+                            <GuipButton v-if="step1 === 2" type="text" :btnstyle="{'color': '#1675FF', 'font-size': '12px'}">
+                                <img src="@/assets/site/step_success.png" alt="" class="mr5"><span>域名已解析</span>
+                            </GuipButton>
+                            <GuipButton v-if="step1 === 3" type="text" :btnstyle="{'color': '#FF4D4F', 'font-size': '12px'}">
+                                <img src="@/assets/site/step_error.png" alt="" class="mr5"><span>域名未解析</span>
+                            </GuipButton>
+                        </div>
+                        <div class="flex">
+                            <img src="@/assets/site/next-line.png" alt="">
+                        </div>
+                        <div class="flex ml12">
+                            <GuipButton v-if="step2 === 0" type="text" :btnstyle="{'color': '#8A9099', 'font-size': '12px'}">
+                                <img src="@/assets/site/step_wait.png" alt="" class="mr5"><span>验证ICP备案</span>
+                            </GuipButton>
+                            <GuipButton v-if="step2 === 1" type="text" :loading="true" :btnstyle="{'color': '#1675FF', 'font-size': '12px'}">
+                                验证ICP备案
+                            </GuipButton>
+                            <GuipButton v-if="step2 === 3" type="text" :btnstyle="{'color': '#FF4D4F', 'font-size': '12px'}">
+                                <img src="@/assets/site/step_error.png" alt="" class="mr5"><span>ICP未备案</span>
+                            </GuipButton>
+                        </div>
+                    </div>
+                </el-form>
+            </div>
+        </GuipDialog>
+    </div>
+</template>
+<script>
+import GuipInput from "@/components/GuipInput.vue";
+import GuipDialog from "@/components/GuipDialog.vue";
+import GuipButton from "@/components/GuipButton.vue";
+import GuipFormItem from "@/components/GuipFormItem.vue";
+import CustomDropdown from "@/components/CustomDropdown.vue";
+
+export default {
+  name: 'domainBind',
+  props:['label', 'options'],
+  components: {
+      CustomDropdown, GuipFormItem,
+      GuipButton,
+      GuipDialog,
+      GuipInput
+  },
+  data(){
+    return {
+        domainOptions:[],
+        prefix: '',
+        domain: '',
+        dialogVisible: false,
+        formData: {
+            domain: '',
+            beian: '',
+        },
+        rules: {
+            domain: [
+                { required: true, message: '请输入域名', trigger: 'blur' },
+                {
+                    pattern: /^[a-zA-Z0-9-]+\.[a-zA-Z]{2,}$/,
+                    message: '格式错误，请输入正确域名',
+                    trigger: 'blur'
+                }
+            ],
+            beian: [
+                { required: true, message: '请输入域名备案号', trigger: 'blur' }
+            ],
+        },
+        show_step: false,
+        step1: 1, //1正在验证 2验证成功 3验证失败
+        step2: 0 //0等待验证 1正在验证 3验证失败
+    }
+  },
+  watch: {
+    options: {
+      immediate: true,
+      handler(newVal) {
+        this.domainOptions = newVal;
+        if (newVal.length>0) {
+          this.domain = newVal[0].value
+        }
+      },
+    },
+    formData: {
+      deep: true,
+      handler() {
+        this.show_step = false;
+        this.step1 = 1
+        this.step2 = 0
+      }
+    }
+  },
+  methods:{
+      toggleDrop(e) {
+          this.$refs.dropDomain.toggleDropdown(e)
+      },
+      inputEnd(){
+          this.$emit('handleEvent', {
+              prefix: this.prefix,
+              domain: this.domain,
+          })
+      },
+      changeSelect() {
+          this.$emit('handleEvent', {
+              prefix: this.prefix,
+              domain: this.domain,
+          })
+      },
+      bindNewDomain(){
+          this.dialogVisible = true
+      },
+      handleCancel(){
+          this.dialogVisible = false
+      },
+      handleConfirm(){
+          this.$refs.formRef.validate((valid) => {
+              if (valid) this.verfiyDNS();
+          });
+      },
+      verfiyDNS() {
+          this.show_step = true
+
+          const that = this
+          that.$http('POST', '/agentnew/ajax_check_dns', {
+              domain: that.formData.domain
+          }, {
+              headers: {
+                  'Auth': this.token
+              }
+          }).then(response => {
+              if(response.status){
+                  that.step1 = 2
+                  that.step2 = 1
+                  that.verfiyBeian()
+              } else {
+                  that.step1 = 3
+              }
+          }).catch(error => {
+              console.error(error, 'error')
+          })
+      },
+      verfiyBeian(){
+          const that = this
+          that.$http('POST', '/agentnew/ajax_check_beian', {
+              domain: that.formData.domain
+          },{
+              headers:{
+                  'Auth': this.token
+              }
+          }).then(response => {
+              if(response.status){
+                  that.addDomain()
+              } else {
+                  that.step2 = 3
+              }
+
+          }).catch(error => {
+              console.error(error, 'error')
+          })
+      },
+      addDomain(){
+          const that = this
+          that.$http('POST', '/agentnew/ajax_add_domain', {
+              domain: that.formData.domain,
+              beian: that.formData.beian
+          },{
+              headers:{
+                  'Auth': this.token
+              }
+          }).then(response => {
+              if(response.status){
+                  this.domain = that.formData.domain
+                  that.domainOptions.unshift({
+                      label: that.formData.domain,
+                      value: that.formData.domain
+                  })
+                  that.show_step = false
+                  that.dialogVisible = false
+                  that.$message.success('添加成功');
+                  return true
+              }
+              that.$message.error(response.info);
+          }).catch(error => {
+              console.error(error, 'error')
+          })
+      },
+  }
+}
+</script>
+<style scoped lang="scss">
+.w540 {
+  width: 540px!important;
+}
+.mb18{
+  margin-bottom: 18px;
+}
+.mb32{
+  margin-bottom: 32px;
+}
+.mr12{
+  margin-right: 12px;
+}
+.ml12{
+  margin-left: 12px;
+}
+.mr5{
+  margin-right: 5px;
+}
+
+.combo-formItem-nolabel{
+  ::v-deep {
+    .form-item-top{
+      display: none;
+      height: 0;
+      margin: 0;
+    }
+  }
+}
+
+.combo-formItem {
+  ::v-deep {
+    .form-item-bottom {
+      position: relative;
+    }
+
+    .select-trigger {
+      background: #F6F7FA;
+      border-color: transparent;
+    }
+
+    .is-open .select-trigger {
+      border-color: #006AFF;
+    }
+
+    .el-input__inner {
+      border-radius: 2px 0 0 2px;
+    }
+  }
+
+  .self-drop-wrap {
+    position: absolute;
+    z-index: 1;
+    width: 100%;
+  }
+
+  .appendDrop {
+    height: 38px;
+    align-items: center;
+    border-radius: 0 2px 2px 0;
+    border: 1px solid #DFE2E6;
+    border-left-color: transparent;
+    justify-content: center;
+    box-sizing: border-box;
+    padding: 0 30px 0 12px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+
+    &:hover {
+      border: 1px solid #006AFF;
+    }
+  }
+}
+.domain-wrap{
+  letter-spacing: 0.08em;
+  font-size: 14px;
+  .p-info{
+    color: #626573;
+    margin-bottom: 24px;
+  }
+  .p-title{
+    color: #23242B;
+    margin-bottom: 8px;
+    span{
+      width: 23px;
+      display: inline-block;
+    }
+  }
+  .p-desc{
+    color: #8A9099;
+    padding-left: 23px;
+  }
+
+  .domain-step{
+    margin-top: 16px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 12px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/elementGroups.vue b/src/views/elementGroups.vue
index 083487b..939e9ac 100644
--- a/src/views/elementGroups.vue
+++ b/src/views/elementGroups.vue
@@ -1,6 +1,7 @@
 <template>
     <div class="main-content12">
         <div class="elementWrap">
+            <domainBind label="域名设置" :options="domainOptions" @handleEvent="handleEvent"/>
             <PromptText text='这是一个提示框' :type="1" />
             <PromptText text='这是一个提示框' :type="2" />
             <PromptText text='这是一个提示框' :type="3" />
@@ -577,11 +578,13 @@ import GuipFormItem from '@/components/GuipFormItem.vue'
 import SvgIcon from '@/components/SvgIcon.vue';
 import PromptText from "@/components/PromptText.vue";
 import DevicePreview from "@/components/PreviewTab.vue";
+import domainBind from "@/components/domainBind.vue";
 
 
 export default {
     name: 'HomeView',
     components: {
+        domainBind,
         PromptText,
         GuipTextarea,
         GuipTable,
@@ -945,6 +948,9 @@ export default {
         }
     },
     methods: {
+        handleEvent(data){
+            console.log(data,'data')
+        },
         // 手动copy内容
         handleClickCopy(){
             this.$copy(this.form.input1, {

From 61cd503e2743e89d60e2feb57ec7cff1ebd486bc Mon Sep 17 00:00:00 2001
From: pengda <1111@qq.com>
Date: Wed, 9 Jul 2025 11:38:22 +0800
Subject: [PATCH 10/12] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E8=AE=BE=E7=BD=AE=20?=
 =?UTF-8?q?=E5=9F=9F=E5=90=8D=E8=AE=BE=E7=BD=AE=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/domainBind.vue | 3 ++-
 src/views/elementGroups.vue   | 5 ++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/domainBind.vue b/src/components/domainBind.vue
index 8ce7a26..a8caa0e 100644
--- a/src/components/domainBind.vue
+++ b/src/components/domainBind.vue
@@ -218,11 +218,12 @@ export default {
               }
           }).then(response => {
               if(response.status){
-                  this.domain = that.formData.domain
+                  that.domain = that.formData.domain
                   that.domainOptions.unshift({
                       label: that.formData.domain,
                       value: that.formData.domain
                   })
+                  that.$emit('handleOptions', that.domainOptions)
                   that.show_step = false
                   that.dialogVisible = false
                   that.$message.success('添加成功');
diff --git a/src/views/elementGroups.vue b/src/views/elementGroups.vue
index 939e9ac..ace998c 100644
--- a/src/views/elementGroups.vue
+++ b/src/views/elementGroups.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="main-content12">
         <div class="elementWrap">
-            <domainBind label="域名设置" :options="domainOptions" @handleEvent="handleEvent"/>
+            <domainBind label="域名设置" :options="domainOptions" @handleEvent="handleEvent" @handleOptions="handleOptions"/>
             <PromptText text='这是一个提示框' :type="1" />
             <PromptText text='这是一个提示框' :type="2" />
             <PromptText text='这是一个提示框' :type="3" />
@@ -951,6 +951,9 @@ export default {
         handleEvent(data){
             console.log(data,'data')
         },
+        handleOptions(options){
+            console.log(options,'options')
+        },
         // 手动copy内容
         handleClickCopy(){
             this.$copy(this.form.input1, {

From 692ae945fc0cc2932b3c47ca7b3ae97951e0e049 Mon Sep 17 00:00:00 2001
From: pengda <1111@qq.com>
Date: Wed, 9 Jul 2025 11:52:13 +0800
Subject: [PATCH 11/12] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E8=AE=BE=E7=BD=AE=20?=
 =?UTF-8?q?=E5=9F=9F=E5=90=8D=E8=AE=BE=E7=BD=AE=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/domainBind.vue | 39 ++++++++++++++++++++++++++-------------
 1 file changed, 26 insertions(+), 13 deletions(-)

diff --git a/src/components/domainBind.vue b/src/components/domainBind.vue
index a8caa0e..f6770cb 100644
--- a/src/components/domainBind.vue
+++ b/src/components/domainBind.vue
@@ -1,7 +1,7 @@
 <template>
     <div>
-        <el-form class="el-row demo-ruleForm" ref="formRef">
-            <GuipFormItem column="column" class="combo-formItem w540" v-if="domainOptions" :label="label" :class="label ? '' : 'combo-formItem-nolabel'">
+        <el-form class="el-row demo-ruleForm" ref="formRef" v-if="domainOptions.length>0">
+            <GuipFormItem column="column" class="combo-formItem w540" :label="label" :class="label ? '' : 'combo-formItem-nolabel'">
                 <div slot="formDom" class="self-drop-wrap flex w540">
                     <GuipInput v-model="prefix" style="width: 60%;" placeholder="仅支持数字、字母" @blur="inputEnd"></GuipInput>
                     <!-- 只用作选中内容展示 -->
@@ -85,7 +85,7 @@ import CustomDropdown from "@/components/CustomDropdown.vue";
 
 export default {
   name: 'domainBind',
-  props:['label', 'options'],
+  props:['label'],
   components: {
       CustomDropdown, GuipFormItem,
       GuipButton,
@@ -121,15 +121,6 @@ export default {
     }
   },
   watch: {
-    options: {
-      immediate: true,
-      handler(newVal) {
-        this.domainOptions = newVal;
-        if (newVal.length>0) {
-          this.domain = newVal[0].value
-        }
-      },
-    },
     formData: {
       deep: true,
       handler() {
@@ -139,7 +130,30 @@ export default {
       }
     }
   },
+  mounted(){
+      this.getDomainList()
+  },
   methods:{
+      getDomainList() {
+          const that = this
+          that.$http('POST', '/agentnew/ajax_get_private_domains', {}, {
+              headers: {
+                  'Auth': this.token
+              }
+          }).then(response => {
+              if(response.status){
+                  this.domain = response.data[0]
+                  that.domainOptions = response.data.map(item => ({
+                      label: item,
+                      value: item
+                  }));
+                  return true
+              }
+              that.$message.error(response.info);
+          }).catch(error => {
+              console.error(error, 'error')
+          })
+      },
       toggleDrop(e) {
           this.$refs.dropDomain.toggleDropdown(e)
       },
@@ -223,7 +237,6 @@ export default {
                       label: that.formData.domain,
                       value: that.formData.domain
                   })
-                  that.$emit('handleOptions', that.domainOptions)
                   that.show_step = false
                   that.dialogVisible = false
                   that.$message.success('添加成功');

From 42fd6a477ff5ea9ca89a024621f8447585f0d148 Mon Sep 17 00:00:00 2001
From: pengda <1111@qq.com>
Date: Wed, 9 Jul 2025 14:40:38 +0800
Subject: [PATCH 12/12] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E8=AE=BE=E7=BD=AE=20?=
 =?UTF-8?q?=E7=8B=AC=E7=AB=8B=E5=9F=9F=E5=90=8D=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/domainBind.vue                    |  44 ++++---
 src/components/site/serviceSetting/domainSet.vue | 148 +++++------------------
 src/views/elementGroups.vue                      |   2 +-
 3 files changed, 54 insertions(+), 140 deletions(-)

diff --git a/src/components/domainBind.vue b/src/components/domainBind.vue
index f6770cb..9c94332 100644
--- a/src/components/domainBind.vue
+++ b/src/components/domainBind.vue
@@ -1,15 +1,15 @@
 <template>
     <div>
-        <el-form class="el-row demo-ruleForm" ref="formRef" v-if="domainOptions.length>0">
+        <el-form class="el-row demo-ruleForm" ref="formRef" v-if="domainOptions.length>0" :rules="rules" :model="data">
             <GuipFormItem column="column" class="combo-formItem w540" :label="label" :class="label ? '' : 'combo-formItem-nolabel'">
                 <div slot="formDom" class="self-drop-wrap flex w540">
-                    <GuipInput v-model="prefix" style="width: 60%;" placeholder="仅支持数字、字母" @blur="inputEnd"></GuipInput>
+                    <GuipInput prop="prefix"  v-model="data.prefix" style="width: 60%;" placeholder="仅支持数字、字母" @blur="inputEnd"></GuipInput>
                     <!-- 只用作选中内容展示 -->
-                    <div @click="toggleDrop" class="point flex appendDrop" style="width: 40%;">{{domain}}</div>
+                    <div @click="toggleDrop" class="point flex appendDrop" style="width: 40%;">{{data.domain}}</div>
                 </div>
                 <!--触发 真实下拉操作 -->
                 <!-- valueKey="id" displayKey="name" 不添加时，默认取值 value、label-->
-                <CustomDropdown slot="formDom" ref="dropDomain" width="100%" v-model="domain"
+                <CustomDropdown slot="formDom" ref="dropDomain" width="100%" v-model="data.domain"
                                 :options="domainOptions" @change="changeSelect" placeholder="请选择">
                     <template #normal>
                         <div class="flex flex-between noraml-jump">
@@ -30,7 +30,7 @@
         <GuipDialog :dialogVisible="dialogVisible" :show-close-button="false" :showFooterButton="false"
                     type="center" title="温馨提示">
             <div class="domain-wrap">
-                <el-form class="el-row demo-ruleForm" ref="formRef" :rules="rules" :model="formData">
+                <el-form class="el-row demo-ruleForm" ref="formRef" :rules="formRules" :model="formData">
                     <p class="p-info">设置自己的域名，需要做 2 步站外操作。如果暂时未准备好，或打算稍后设置，可以先选用平台免费域名，平台随时支持域名修改。 </p>
                     <p class="p-title"><span>1.</span>域名必须在阿里云完成 ICP 备案</p>
                     <p class="p-desc mb18">备案网址：https://beian.aliyun.com</p>
@@ -98,11 +98,20 @@ export default {
         prefix: '',
         domain: '',
         dialogVisible: false,
+        data: {
+            prefix: '',
+            domain: '',
+        },
+        rules:{
+            prefix: [
+                { required: true, message: '请输入域名前缀', trigger: 'blur' }
+            ],
+        },
         formData: {
             domain: '',
             beian: '',
         },
-        rules: {
+        formRules: {
             domain: [
                 { required: true, message: '请输入域名', trigger: 'blur' },
                 {
@@ -142,10 +151,10 @@ export default {
               }
           }).then(response => {
               if(response.status){
-                  this.domain = response.data[0]
+                  this.data.domain = '.'+response.data[0]
                   that.domainOptions = response.data.map(item => ({
-                      label: item,
-                      value: item
+                      label: '.'+item,
+                      value: '.'+item
                   }));
                   return true
               }
@@ -158,16 +167,10 @@ export default {
           this.$refs.dropDomain.toggleDropdown(e)
       },
       inputEnd(){
-          this.$emit('handleEvent', {
-              prefix: this.prefix,
-              domain: this.domain,
-          })
+          this.$emit('handleEvent', this.data)
       },
       changeSelect() {
-          this.$emit('handleEvent', {
-              prefix: this.prefix,
-              domain: this.domain,
-          })
+          this.$emit('handleEvent', this.data)
       },
       bindNewDomain(){
           this.dialogVisible = true
@@ -232,10 +235,10 @@ export default {
               }
           }).then(response => {
               if(response.status){
-                  that.domain = that.formData.domain
+                  that.data.domain = that.formData.domain
                   that.domainOptions.unshift({
-                      label: that.formData.domain,
-                      value: that.formData.domain
+                      label: '.'+that.formData.domain,
+                      value: '.'+that.formData.domain
                   })
                   that.show_step = false
                   that.dialogVisible = false
@@ -281,6 +284,7 @@ export default {
 }
 
 .combo-formItem {
+  letter-spacing: 0.08em;
   ::v-deep {
     .form-item-bottom {
       position: relative;
diff --git a/src/components/site/serviceSetting/domainSet.vue b/src/components/site/serviceSetting/domainSet.vue
index f35862c..bbe23e1 100644
--- a/src/components/site/serviceSetting/domainSet.vue
+++ b/src/components/site/serviceSetting/domainSet.vue
@@ -9,41 +9,18 @@
                 <el-form class="el-row demo-ruleForm" ref="formRef">
                     <div class="domain-from">域名来源</div>
                     <div class="domain-radio">
-                        <GuipRadio v-model="defaultFrom" :options="domainFromOptions" @change="radioChange"/>
+                        <GuipRadio v-model="domainFrom" :options="domainFromOptions"/>
                     </div>
                     <div class="flex domain-info">
                         <span>当前服务域名：</span><span>{{info.domain}}</span>
                     </div>
 
-                    <GuipFormItem column="column" class="combo-formItem w540" v-if="domainOptions">
-                        <div slot="formDom" class="self-drop-wrap flex w540">
-                            <GuipInput style="width: 60%;" placeholder="仅支持数字、字母">
-                            </GuipInput>
-                            <!-- 只用作选中内容展示 -->
-                            <div @click="toggleDrop" class="point flex appendDrop" style="width: 40%;">{{form.ext}}</div>
-                        </div>
-                        <!--触发 真实下拉操作 -->
-                        <!-- valueKey="id" displayKey="name" 不添加时，默认取值 value、label-->
-                        <CustomDropdown slot="formDom" ref="dropDomain" width="100%" v-model="form.ext"
-                                        :options="domainOptions" @change="changeSelectIp" placeholder="请选择">
-                            <template #normal>
-                                <div class="flex flex-between noraml-jump">
-                                    <div class="left">
-                                        <b>添加新域名</b>
-                                        <p class="one ft12">域名需要在阿里云完成ICP备案并解析到平台服务器</p>
-                                        <p class="ft12">如果暂时未准备好，可先选用平台免费域名，随时支持域名修改。 </p>
-                                    </div>
-                                    <div class="right">
-                                        <GuipButton size="form">前往绑定</GuipButton>
-                                    </div>
-                                </div>
-                            </template>
-                        </CustomDropdown>
-                    </GuipFormItem>
+                    <domainBind v-show="domainFrom === '1'" label="域名设置" @handleEvent="handleEvent"/>
                 </el-form>
             </div>
         </div>
 
+
         <div class="save-button">
             <GuipButton type="primary" :btnstyle="saveBtnStyleObj" @click="saveConfirm">保存</GuipButton>
         </div>
@@ -53,9 +30,7 @@
 
 import GuipRadio from "@/components/GuipRadio.vue";
 import GuipButton from "@/components/GuipButton.vue";
-import CustomDropdown from "@/components/CustomDropdown.vue";
-import GuipFormItem from "@/components/GuipFormItem.vue";
-import GuipInput from "@/components/GuipInput.vue";
+import domainBind from "@/components/domainBind.vue";
 
 export default {
   name: 'domainSet',
@@ -66,10 +41,9 @@ export default {
     }
   },
   components: {
-      GuipInput, GuipFormItem,
-       CustomDropdown, GuipButton,
-      GuipRadio
-
+     domainBind,
+     GuipButton,
+     GuipRadio
   },
   data(){
     return {
@@ -82,58 +56,52 @@ export default {
             borderRadius: '4px',
             background: '#006AFF',
         },
-        defaultFrom: '0',
+        domainFrom: '0',
         domainFromOptions: {
             '0': '平台免费域名',
-            '1': '更换独立域名'
+            '1': '我自己有域名'
         },
-        domainOptions: [],
-        form:{
-            'ext' : 'aa'
-        }
+        newDomain: {}
     }
   },
   mounted() {
-    this.info = JSON.parse(JSON.stringify(this.serviceInfo))
-    this.domainOptions = this.info.domain_list.map(item => ({
-        label: item.ext,
-        value: item.ext
-    }));
-    console.log(this.domainOptions)
+      this.info = JSON.parse(JSON.stringify(this.serviceInfo))
+      if(this.info.ser_domain) this.domainFrom = '1'
   },
   methods:{
-      radioChange(){
-
-      },
-      toggleDrop(e) {
-          this.$refs.dropDomain.toggleDropdown(e)
-      },
-      changeSelectIp(item) {
-          // 选中项
-          // this.selectedItem1 = { ...item };
-          console.log(item, this.form.domainSuffix, this.form.domainSuffix1, '选中的项-值-');
+      handleEvent(data){
+          this.newDomain = data
       },
       saveConfirm() {
           let obj = {}
           obj.uid = this.info.uid
           obj.type = this.info.type
-          obj.return_home_url = this.info.return_homepage_url
-          obj.go_check_url = this.info.go_check_url
-          obj.is_sync_home = this.syncHome ? 1 : 0
-          obj.is_sync_check = this.syncCheck ? 1 : 0
+          if(this.domainFrom === '1'){
+              if(!this.newDomain.prefix || !this.newDomain.domain) return false
+              obj.domain = this.newDomain.prefix + this.newDomain.domain
+
+          }else{
+              obj.domain = ''
+          }
 
           const that = this
-          this.$http('POST', '/agentnew/ajax_update_service_link', obj,{
+          this.$http('POST', '/agentnew/ajax_update_service_domain', obj,{
               headers:{
                   'Auth': this.token
               }
           }).then(response => {
               if(response.status){
                   that.$message.success('保存成功');
+
+                  //替换域名
+                  const protocol = new URL(that.info.domain).protocol;
+                  that.info.domain = protocol + "//" +obj.domain;
+                  that.info.ser_domain = protocol + "//" +obj.domain;
+
                   that.$emit('saveEvent', that.info)
                   return true;
               }
-              that.$message.success(response.info);
+              that.$message.error(response.info);
           }).catch(error => {
               console.error(error, 'error')
           })
@@ -176,64 +144,6 @@ export default {
   }
 }
 
-.w540 {
-  width: 540px!important;
-}
-
-.combo-formItem {
-  .form-item-top{
-    display: none;
-    height: 0;
-    margin: 0;
-  }
-
-  ::v-deep {
-    .form-item-top{
-      display: none;
-      height: 0;
-      margin: 0;
-    }
-
-    .form-item-bottom {
-      position: relative;
-    }
-
-    .select-trigger {
-      background: #F6F7FA;
-      border-color: transparent;
-    }
-
-    .is-open .select-trigger {
-      border-color: #006AFF;
-    }
-
-    .el-input__inner {
-      border-radius: 2px 0 0 2px;
-    }
-  }
-
-  .self-drop-wrap {
-    position: absolute;
-    z-index: 1;
-    width: 100%;
-  }
 
-  .appendDrop {
-    height: 38px;
-    align-items: center;
-    border-radius: 0 2px 2px 0;
-    border: 1px solid #DFE2E6;
-    border-left-color: transparent;
-    justify-content: center;
-    box-sizing: border-box;
-    padding: 0 30px 0 12px;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
 
-    &:hover {
-      border: 1px solid #006AFF;
-    }
-  }
-}
 </style>
\ No newline at end of file
diff --git a/src/views/elementGroups.vue b/src/views/elementGroups.vue
index ace998c..9c7f618 100644
--- a/src/views/elementGroups.vue
+++ b/src/views/elementGroups.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="main-content12">
         <div class="elementWrap">
-            <domainBind label="域名设置" :options="domainOptions" @handleEvent="handleEvent" @handleOptions="handleOptions"/>
+            <domainBind label="域名设置" @handleEvent="handleEvent" />
             <PromptText text='这是一个提示框' :type="1" />
             <PromptText text='这是一个提示框' :type="2" />
             <PromptText text='这是一个提示框' :type="3" />