diff --git a/src/components/paymentMethod.vue b/src/components/paymentMethod.vue
index 5f19938..2dff3f6 100644
--- a/src/components/paymentMethod.vue
+++ b/src/components/paymentMethod.vue
@@ -13,7 +13,7 @@
                     </dd>
                 </dl>
                 <el-form>
-                    <GuipSwitch :modelValue="item.status" active-value="1" inactive-value="0" activeText="开启" inactiveText="关闭" @change="onSwitchChange(item)">
+                    <GuipSwitch :modelValue="item.status" :active-value="1" :inactive-value="0" activeText="开启" inactiveText="关闭" @change="onSwitchChange(item)">
                     </GuipSwitch>
                 </el-form>
             </div>
@@ -52,7 +52,7 @@ export default {
   },
   methods:{
     onSwitchChange(data){
-        data.status = data.status == "1" ? "0" : "1";
+        data.status = data.status === 1 ? 0 : 1;
         this.$emit('confirm', this.list)
     },
     onEnd() {
diff --git a/src/components/site/serviceSetting/domainSet.vue b/src/components/site/serviceSetting/domainSet.vue
index b9b3a55..288efb5 100644
--- a/src/components/site/serviceSetting/domainSet.vue
+++ b/src/components/site/serviceSetting/domainSet.vue
@@ -6,14 +6,20 @@
 <script>
 
 export default {
-  name: '',
+  name: 'domainSet',
   props:[],
   components: {
 
   },
   data(){
     return {
-
+        //添加按钮样式
+        saveBtnStyleObj: {
+            width: '144px',
+            height: '46px',
+            borderRadius: '4px',
+            background: '#006AFF',
+        },
     }
   },
   methods:{
diff --git a/src/components/site/serviceSetting/linkSet.vue b/src/components/site/serviceSetting/linkSet.vue
index 20e6cbc..60460c6 100644
--- a/src/components/site/serviceSetting/linkSet.vue
+++ b/src/components/site/serviceSetting/linkSet.vue
@@ -9,19 +9,19 @@
                 <div class="flex-wrap">
                     <div class="flex-left">
                         <GuipFormItem column="column" label="首页链接">
-                            <GuipInput slot="formDom" ref="GuipInput" class=" mb24" width="100%"
+                            <GuipInput slot="formDom" ref="GuipInput" class=" mb24" width="100%" v-model="info.return_homepage_url"
                                        placeholder="请输入首页链接" desc="您希望用户能找到服务的首页或您自建站点页面">
                             </GuipInput>
-                            <el-checkbox slot="formDom">同步到本站的其他检测首页项上</el-checkbox>
+                            <el-checkbox slot="formDom" @change="toggleSetSyncHome" v-model="syncHome">同步到本站的其他检测首页项上</el-checkbox>
                         </GuipFormItem>
                     </div>
                     <div class="flex-line "></div>
                     <div class="flex-right">
                         <GuipFormItem column="column" label="检测服务链接">
-                            <GuipInput slot="formDom" ref="GuipInput" class=" mb24" width="100%"
+                            <GuipInput slot="formDom" ref="GuipInput" class=" mb24" width="100%" v-model="info.go_check_url"
                                        placeholder="请输入检测服务链接" desc="方便用户快速找到再次检测入口">
                             </GuipInput>
-                            <el-checkbox slot="formDom">同步到本站的其他检测首页项上</el-checkbox>
+                            <el-checkbox slot="formDom" @change="toggleSetSyncCheck" v-model="syncCheck">同步到本站的其他检测首页项上</el-checkbox>
                         </GuipFormItem>
                     </div>
                 </div>
@@ -29,7 +29,7 @@
         </div>
 
         <div class="save-button">
-            <GuipButton type="primary" :btnstyle="saveBtnStyleObj">保存</GuipButton>
+            <GuipButton type="primary" :btnstyle="saveBtnStyleObj" @click="saveConfirm">保存</GuipButton>
         </div>
     </div>
 </template>
@@ -40,17 +40,69 @@ import GuipButton from "@/components/GuipButton.vue";
 import GuipInput from "@/components/GuipInput.vue";
 
 export default {
-    name: '',
-    props:[],
+    name: 'linkSet',
+    props: {
+        serviceInfo: {
+            type: Object,
+            required: true
+        }
+    },
     components: {
         GuipInput,
         GuipButton, GuipFormItem
 
     },
     data(){
-        return {}
+        return {
+            token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTAwNTM3MjQsIm5iZiI6MTc1MDA1MzcyNCwiZXhwIjoxNzUyNjQ1NzI0LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.xyIqBLelB-k6jCifgRevBJTyg_Qrm6m1e4OcHhOpepU',
+            info: {},
+            syncHome:false,
+            syncCheck:false,
+            //添加按钮样式
+            saveBtnStyleObj: {
+                width: '144px',
+                height: '46px',
+                borderRadius: '4px',
+                background: '#006AFF',
+            },
+        }
+    },
+    mounted() {
+        this.info = this.serviceInfo
     },
-    methods: {}
+    methods: {
+        toggleSetSyncHome(){
+            this.syncHome = !this.syncHome
+        },
+        toggleSetSyncCheck(){
+            this.syncCheck = !this.syncCheck
+        },
+        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">
diff --git a/src/components/site/serviceSetting/menuColorSet.vue b/src/components/site/serviceSetting/menuColorSet.vue
index f1ad2bb..290593f 100644
--- a/src/components/site/serviceSetting/menuColorSet.vue
+++ b/src/components/site/serviceSetting/menuColorSet.vue
@@ -68,7 +68,13 @@ export default {
   },
   data(){
     return {
-
+        //添加按钮样式
+        saveBtnStyleObj: {
+            width: '144px',
+            height: '46px',
+            borderRadius: '4px',
+            background: '#006AFF',
+        },
     }
   },
   methods:{
diff --git a/src/components/site/serviceSetting/paymentSet.vue b/src/components/site/serviceSetting/paymentSet.vue
index ad61572..3495253 100644
--- a/src/components/site/serviceSetting/paymentSet.vue
+++ b/src/components/site/serviceSetting/paymentSet.vue
@@ -9,8 +9,8 @@
             <PaymentMethod :paymentList="payList" @confirm="confirmPayment"/>
         </div>
 
-        <div class="save-button">
-            <GuipButton type="primary" :btnstyle="saveBtnStyleObj">保存</GuipButton>
+        <div class="save-button" v-if="payList && payList.length>0">
+            <GuipButton type="primary" :btnstyle="saveBtnStyleObj" @click="saveConfirm">保存</GuipButton>
         </div>
     </div>
 </template>
@@ -21,20 +21,71 @@ import PromptText from "@/components/PromptText.vue";
 import GuipButton from "@/components/GuipButton.vue";
 
 export default {
-  name: '',
-  props:[],
+  name: 'paymentSet',
+  props: {
+      serviceInfo: {
+          type: Object,
+          required: true
+      }
+  },
   components: {
       GuipButton,
-      PromptText, PaymentMethod
-
+      PromptText,
+      PaymentMethod
   },
   data(){
     return {
-
+        token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTAwNTM3MjQsIm5iZiI6MTc1MDA1MzcyNCwiZXhwIjoxNzUyNjQ1NzI0LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.xyIqBLelB-k6jCifgRevBJTyg_Qrm6m1e4OcHhOpepU',
+        payList:[],
+        //添加按钮样式
+        saveBtnStyleObj: {
+            width: '144px',
+            height: '46px',
+            borderRadius: '4px',
+            background: '#006AFF',
+        },
     }
   },
+  mounted() {
+      if(this.serviceInfo) this.payList = this.serviceInfo.paylist
+  },
   methods:{
+      confirmPayment(payList){
+          this.payList = payList
+      },
+      saveConfirm() {
+          let obj = {}
+          obj.uid = this.serviceInfo.uid
+          obj.type = this.serviceInfo.type
+          obj.info = ""
+
+          this.payList.forEach((row) => {
+              if(row.status === 1) {
+                  let value = row.pay_type
+                  if(row.id) value += ',' + row.id
+
+                  obj.info = obj.info + ';' + value;
+              }
+          });
+          obj.info = obj.info.substr(1, obj.info.length-1);
 
+          const that = this
+          this.$http('POST', '/agentnew/ajax_payment_switch', obj,{
+              headers:{
+                  'Auth': this.token
+              }
+          }).then(response => {
+              if(response.status){
+                  that.$message.success('保存成功');
+                  that.payList = response.data.paylist
+                  that.$emit('saveEvent', that.payList)
+                  return true;
+              }
+              that.$message.success(response.info);
+          }).catch(error => {
+              console.error(error, 'error')
+          })
+      },
   }
 }
 </script>
diff --git a/src/components/site/serviceSetting/priceSet.vue b/src/components/site/serviceSetting/priceSet.vue
index b9b3a55..c04c992 100644
--- a/src/components/site/serviceSetting/priceSet.vue
+++ b/src/components/site/serviceSetting/priceSet.vue
@@ -6,14 +6,20 @@
 <script>
 
 export default {
-  name: '',
+  name: 'priceSet',
   props:[],
   components: {
 
   },
   data(){
     return {
-
+        //添加按钮样式
+        saveBtnStyleObj: {
+            width: '144px',
+            height: '46px',
+            borderRadius: '4px',
+            background: '#006AFF',
+        },
     }
   },
   methods:{
diff --git a/src/components/site/serviceSetting/reportSeoSet.vue b/src/components/site/serviceSetting/reportSeoSet.vue
index 395cf25..5eca8fc 100644
--- a/src/components/site/serviceSetting/reportSeoSet.vue
+++ b/src/components/site/serviceSetting/reportSeoSet.vue
@@ -12,18 +12,20 @@
                     <div class="flex-left">
                         <GuipFormItem column="column" class="mb24" label="报告页标题（T：title）">
                             <GuipInput slot="formDom" ref="GuipInput" class=" mb24" width="100%"
-                                       placeholder="建议80字内">
+                                       placeholder="建议80字内" v-model="info.seo_report_title">
                             </GuipInput>
                         </GuipFormItem>
                         <GuipFormItem column="column" label="报告页关键词（K：keyword）">
-                            <GuipInput slot="formDom" ref="GuipInput" width="100%" height="68px" type="textarea">
+                            <GuipInput slot="formDom" ref="GuipInput" width="100%" height="68px"
+                                       type="textarea" v-model="info.seo_report_keyword">
                             </GuipInput>
                         </GuipFormItem>
                     </div>
                     <div class="flex-line "></div>
                     <div class="flex-right">
                         <GuipFormItem column="column" label="报告页描述（D：description）">
-                            <GuipInput slot="formDom" ref="GuipInput" width="100%" height="160px" type="textarea">
+                            <GuipInput slot="formDom" ref="GuipInput" width="100%" height="160px"
+                                       type="textarea" v-model="info.seo_report_desc">
                             </GuipInput>
                         </GuipFormItem>
                     </div>
@@ -32,7 +34,7 @@
         </div>
 
         <div class="save-button">
-            <GuipButton type="primary" :btnstyle="saveBtnStyleObj">保存</GuipButton>
+            <GuipButton type="primary" :btnstyle="saveBtnStyleObj" @click="saveConfirm">保存</GuipButton>
         </div>
     </div>
 </template>
@@ -44,17 +46,60 @@ import GuipButton from "@/components/GuipButton.vue";
 import GuipInput from "@/components/GuipInput.vue";
 
 export default {
-    name: '',
-    props:[],
+    name: 'reportSeoSet',
+    props: {
+        serviceInfo: {
+            type: Object,
+            required: true
+        }
+    },
     components: {
         GuipInput,
         GuipButton, PromptText, GuipFormItem
 
     },
     data(){
-        return {}
+        return {
+            token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTAwNTM3MjQsIm5iZiI6MTc1MDA1MzcyNCwiZXhwIjoxNzUyNjQ1NzI0LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.xyIqBLelB-k6jCifgRevBJTyg_Qrm6m1e4OcHhOpepU',
+            info: {},
+            //添加按钮样式
+            saveBtnStyleObj: {
+                width: '144px',
+                height: '46px',
+                borderRadius: '4px',
+                background: '#006AFF',
+            },
+        }
+    },
+    mounted() {
+        this.info = this.serviceInfo
     },
-    methods: {}
+    methods: {
+        saveConfirm() {
+            let obj = {}
+            obj.uid = this.info.uid
+            obj.type = this.info.type
+            obj.report_title = this.info.seo_report_title
+            obj.report_keyword = this.info.seo_report_keyword
+            obj.report_desc = this.info.seo_report_desc
+
+            const that = this
+            this.$http('POST', '/agentnew/ajax_update_service_report_page_seo', 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">
diff --git a/src/components/site/serviceSetting/showSet.vue b/src/components/site/serviceSetting/showSet.vue
index 3dba776..e0e3e66 100644
--- a/src/components/site/serviceSetting/showSet.vue
+++ b/src/components/site/serviceSetting/showSet.vue
@@ -14,17 +14,17 @@
                     <div class="flex-left">
                         <GuipFormItem column="column" label="服务别名">
                             <GuipInput slot="formDom" ref="GuipInput" class=" mb24" width="100%"
-                                       placeholder="建议80字内" desc="展示在用户端的服务名称">
+                                       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="用来简短概括的解释服务">
+                                       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="用来详细的解释服务">
+                                       desc="用来详细的解释服务" v-model="info.desc">
                             </GuipInput>
                         </GuipFormItem>
                     </div>
@@ -52,7 +52,8 @@
                                 <p class="card-desc">控制首页是否显示本服务</p>
                             </div>
                             <el-form>
-                                <GuipSwitch active-value="1" inactive-value="0" activeText="开启" inactiveText="关闭">
+                                <GuipSwitch :modelValue="info.is_index_display" :active-value="1" :inactive-value="0"
+                                            activeText="开启" inactiveText="关闭" @change="onSwitchChange('is_index_display')">
                                 </GuipSwitch>
                             </el-form>
                         </div>
@@ -62,7 +63,8 @@
                                 <p class="card-desc">本服务检测页面是否展示价格</p>
                             </div>
                             <el-form>
-                                <GuipSwitch active-value="1" inactive-value="0" activeText="开启" inactiveText="关闭">
+                                <GuipSwitch :modelValue="info.is_display_price" :active-value="1" :inactive-value="0"
+                                            activeText="开启" inactiveText="关闭" @change="onSwitchChange('is_display_price')">
                                 </GuipSwitch>
                             </el-form>
                         </div>
@@ -75,7 +77,8 @@
                                 <p class="card-desc">开启即上推荐位</p>
                             </div>
                             <el-form>
-                                <GuipSwitch active-value="1" inactive-value="0" activeText="开启" inactiveText="关闭">
+                                <GuipSwitch :modelValue="info.is_recommend" :active-value="1" :inactive-value="0"
+                                            activeText="开启" inactiveText="关闭" @change="onSwitchChange('is_recommend')">
                                 </GuipSwitch>
                             </el-form>
                         </div>
@@ -85,7 +88,7 @@
         </div>
 
         <div class="save-button">
-            <GuipButton type="primary" :btnstyle="saveBtnStyleObj">保存</GuipButton>
+            <GuipButton type="primary" :btnstyle="saveBtnStyleObj" @click="saveConfirm">保存</GuipButton>
         </div>
     </div>
 </template>
@@ -99,8 +102,13 @@ import GuipInput from "@/components/GuipInput.vue";
 import GuipButton from "@/components/GuipButton.vue";
 
 export default {
-  name: '',
-  props:[],
+  name: 'showSet',
+  props: {
+    serviceInfo: {
+      type: Object,
+      required: true
+    }
+  },
   components: {
       GuipButton,
       GuipInput, PromptText, GuipSwitch, GuipFormItem, HoverButton
@@ -108,18 +116,55 @@ export default {
   },
   data(){
     return {
-
+        token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTAwNTM3MjQsIm5iZiI6MTc1MDA1MzcyNCwiZXhwIjoxNzUyNjQ1NzI0LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.xyIqBLelB-k6jCifgRevBJTyg_Qrm6m1e4OcHhOpepU',
+        info:{},
+        //添加按钮样式
+        saveBtnStyleObj: {
+            width: '144px',
+            height: '46px',
+            borderRadius: '4px',
+            background: '#006AFF',
+        },
     }
   },
+  mounted() {
+      this.info = this.serviceInfo
+  },
   methods:{
+      onSwitchChange(attr){
+          this.info[attr] = this.info[attr] === 1 ? 0 : 1
+      },
+      saveConfirm() {
+          let obj = {}
+          obj.uid = this.info.uid
+          obj.type = this.info.type
+          obj.title = this.info.title
+          obj.subtitle = this.info.subtitle
+          obj.desc = this.info.desc
+          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
 
+          const that = this
+          this.$http('POST', '/agentnew/ajax_update_service_show', 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">
-.flex-right{
-  text-align: left;
-}
 .card-item{
   padding: 24px;
   display: flex;
diff --git a/src/components/site/serviceSetting/submitSeoSet.vue b/src/components/site/serviceSetting/submitSeoSet.vue
index 03f760f..415367a 100644
--- a/src/components/site/serviceSetting/submitSeoSet.vue
+++ b/src/components/site/serviceSetting/submitSeoSet.vue
@@ -12,19 +12,20 @@
                     <div class="flex-left">
                         <GuipFormItem column="column" class="mb24" label="提交页标题（T：title）">
                             <GuipInput slot="formDom" ref="GuipInput" class=" mb24" width="100%"
-                                       placeholder="建议80字内">
+                                       placeholder="建议80字内" v-model="info.seo_form_title">
                             </GuipInput>
-
                         </GuipFormItem>
                         <GuipFormItem column="column" label="提交页关键词（K：keyword）">
-                            <GuipInput slot="formDom" ref="GuipInput" width="100%" height="68px" type="textarea">
+                            <GuipInput slot="formDom" ref="GuipInput" width="100%" height="68px"
+                                       type="textarea" v-model="info.seo_form_keyword">
                             </GuipInput>
                         </GuipFormItem>
                     </div>
                     <div class="flex-line "></div>
                     <div class="flex-right">
                         <GuipFormItem column="column" label="提交页描述（D：description）">
-                            <GuipInput slot="formDom" ref="GuipInput" width="100%" height="160px" type="textarea">
+                            <GuipInput slot="formDom" ref="GuipInput" width="100%" height="160px"
+                                       type="textarea" v-model="info.seo_form_desc">
                             </GuipInput>
                         </GuipFormItem>
                     </div>
@@ -33,7 +34,7 @@
         </div>
 
         <div class="save-button">
-            <GuipButton type="primary" :btnstyle="saveBtnStyleObj">保存</GuipButton>
+            <GuipButton type="primary" :btnstyle="saveBtnStyleObj" @click="saveConfirm">保存</GuipButton>
         </div>
     </div>
 </template>
@@ -45,17 +46,60 @@ import GuipButton from "@/components/GuipButton.vue";
 import GuipInput from "@/components/GuipInput.vue";
 
 export default {
-    name: '',
-    props:[],
+    name: 'submitSeoSet',
+    props: {
+        serviceInfo: {
+            type: Object,
+            required: true
+        }
+    },
     components: {
         GuipInput,
         GuipButton, PromptText, GuipFormItem
 
     },
     data(){
-        return {}
+        return {
+            token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTAwNTM3MjQsIm5iZiI6MTc1MDA1MzcyNCwiZXhwIjoxNzUyNjQ1NzI0LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.xyIqBLelB-k6jCifgRevBJTyg_Qrm6m1e4OcHhOpepU',
+            info: {},
+            //添加按钮样式
+            saveBtnStyleObj: {
+                width: '144px',
+                height: '46px',
+                borderRadius: '4px',
+                background: '#006AFF',
+            },
+        }
     },
-    methods: {}
+    mounted() {
+        this.info = this.serviceInfo
+    },
+    methods: {
+        saveConfirm() {
+            let obj = {}
+            obj.uid = this.info.uid
+            obj.type = this.info.type
+            obj.submit_title = this.info.seo_form_title
+            obj.submit_keyword = this.info.seo_form_keyword
+            obj.submit_desc = this.info.seo_form_desc
+
+            const that = this
+            this.$http('POST', '/agentnew/ajax_update_service_submit_page_seo', 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">
diff --git a/src/views/agent/siteServiceEdit.vue b/src/views/agent/siteServiceEdit.vue
index fafba3f..1ed4798 100644
--- a/src/views/agent/siteServiceEdit.vue
+++ b/src/views/agent/siteServiceEdit.vue
@@ -2,17 +2,14 @@
     <div class="main-content12">
         <!-- 参数 在子组件页面一样用 props接收 、ref绑定的组件示例 -->
         <!-- 默认页面展示 的初始组件 Franchise-->
-        <component :is="componentsName ? componentsName : 'showSet'" ref="dynamicComponent"
-                   :someProp="payinfo"  @customEvent="handleComponentEvent"/>
+        <component :is="componentsName ? componentsName : 'priceSet'" ref="dynamicComponent" :key="tableKey"
+                   :serviceInfo="siteServiceInfo" @saveEvent="handleSaveEvent"/>
     </div>
 
 </template>
 <script>
 import store from '@/store';
 import { mapState } from 'vuex';
-import GuipSwitch from '@/components/GuipSwitch.vue';
-import GuipButton from '@/components/GuipButton.vue';
-import HoverButton from '@/components/HoverButton.vue'
 import priceSet from '@/components/site/serviceSetting/priceSet.vue'
 import paymentSet from '@/components/site/serviceSetting/paymentSet.vue'
 import showSet from '@/components/site/serviceSetting/showSet.vue'
@@ -27,9 +24,6 @@ export default {
     name: 'siteServiceEdit',
     props: [''],
     components: {
-        GuipSwitch,
-        GuipButton,
-        HoverButton,
         priceSet,
         paymentSet,
         showSet,
@@ -43,6 +37,8 @@ export default {
         return {
             // AUTH
             token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTAwNTM3MjQsIm5iZiI6MTc1MDA1MzcyNCwiZXhwIjoxNzUyNjQ1NzI0LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.xyIqBLelB-k6jCifgRevBJTyg_Qrm6m1e4OcHhOpepU',
+            siteServiceInfo:{},
+            tableKey:Date.now(),
             payinfo: [
                 {
                     type: 'a',
@@ -59,132 +55,176 @@ export default {
         ...mapState(['pageTitle', 'componentsName']), // 从Vuex映射showSidebar状态到组件的计算属性中
     },
     created() {
+        if(!this.$route.query.uid && !this.$route.query.type) {
+            this.$message.error('非法请求');
+            this.$router.push('/agent/siteList')
+        }
+        this.uid = this.$route.query.uid;
+        this.type = this.$route.query.type;
+
         store.commit('SET_CUSTOMIZE', true);
         store.commit('SET_SLIDER_MENU', 'siteServiceSettingData');
+
+        this.getSiteServiceInfo()
+        this.getPayList()
     },
     mounted() {
-        store.commit('SET_PAGETITLE', '支付授权');
+        store.commit('SET_PAGETITLE', '服务设置');
     },
     methods: {
-        handleComponentEvent(payload) {
+        handleSaveEvent(payload) {
             console.log('收到子组件事件:', payload);
         },
-        submitSave() {
-            // 逻辑示例
-            // 获取动态组件实例
-            const componentInstance = this.$refs.dynamicComponent;
-            console.log('当前组件实例:', componentInstance);
-
-            // 调用组件方法（如果存在）
-            if (componentInstance) {
-                console.log('获取到啦');
-                // 调用方法或者获取参数
-                componentInstance.showDomainModal && componentInstance.showDomainModal()
-            }
+        getSiteServiceInfo() {
+            const that = this
+            that.payList = []
+            this.$http('POST', '/agentnew/ajax_get_service_info', {
+                uid: that.uid,
+                type: that.type,
+            },{
+                headers:{
+                    'Auth': this.token
+                }
+            }).then(response => {
+                that.$nextTick(() => {
+                    that.siteServiceInfo = response.data.service_info
+                    that.siteServiceInfo.paylist = []
+                    this.tableKey = Date.now();
+                })
+            }).catch(error => {
+                console.error(error, 'error')
+            })
+        },
+        getPayList() {
+            const that = this
+            that.payList = []
+            this.$http('POST', '/agentnew/ajax_get_service_pay_list', {
+                uid: that.uid,
+                type: that.type,
+            },{
+                headers:{
+                    'Auth': this.token
+                }
+            }).then(response => {
+                this.$nextTick(() => {
+                    that.siteServiceInfo.paylist = response.data.paylist
+                    that.tableKey = Date.now();
+                })
+            }).catch(error => {
+                console.error(error, 'error')
+            })
         },
     }
 }
 </script>
 <style lang="scss" scoped>
-a {
-  text-decoration: none;
-  color: #006AFF;
-}
-
-.gray {
-  color: #626573 !important;
-}
+//a {
+//  text-decoration: none;
+//  color: #006AFF;
+//}
+//
+//.gray {
+//  color: #626573 !important;
+//}
+//
+//.mt-18 {
+//  margin-top: 18px;
+//}
+//
+//.ml-23 {
+//  margin-left: 23px;
+//}
+//
+//.justify-content-space-between {
+//  justify-content: space-between;
+//}
+//
+//.beforeNotice {
+//
+//  h4 {
+//    margin: 0;
+//    gap: 8px;
+//    justify-content: space-between;
+//  }
+//
+//  margin-bottom: 18px;
+//  text-align: left;
+//  box-sizing: border-box;
+//  padding: 20px 14px;
+//  border-radius: 4px;
+//  /* middle/middle_grey_0 */
+//  background: #FAFAFA;
+//
+//  div {
+//    margin-top: 2px;
+//    padding-left: 23px;
+//
+//    p {
+//      color: #8A9099;
+//    }
+//
+//  }
+//
+//  p {
+//    color: #1E2226;
+//
+//    i {
+//      font-style: normal;
+//    }
+//
+//    &:last-child {
+//      display: flex;
+//      align-items: stretch;
+//
+//      b {
+//        font-weight: normal;
+//        color: #8A9099;
+//        display: inline-flex;
+//
+//        img {
+//          margin-left: 4px;
+//        }
+//      }
+//    }
+//  }
+//
+//  a {
+//    text-decoration: none;
+//    color: #006AFF;
+//    margin-right: 10px;
+//
+//    img {
+//      margin-left: 5px;
+//      margin-right: 5px;
+//    }
+//  }
+//}
 
-.mt-18 {
-  margin-top: 18px;
-}
 
-.ml-23 {
-  margin-left: 23px;
-}
+//.siteMessage {
+//  border-radius: 4px;
+//  transition: all .5s;
+//  border: 1px solid transparent;
+//}
+//
+//.siteMessage h3 {
+//  font-size: 14px;
+//  font-weight: bold;
+//  line-height: normal;
+//  letter-spacing: 0.08em;
+//  color: #1E2226;
+//}
+//
+//.site-setting-wrap {
+//  width: 100%;
+//}
 
-.justify-content-space-between {
-  justify-content: space-between;
-}
-
-.beforeNotice {
-
-  h4 {
-    margin: 0;
-    gap: 8px;
-    justify-content: space-between;
-  }
-
-  margin-bottom: 18px;
+::v-deep .flex-left{
   text-align: left;
-  box-sizing: border-box;
-  padding: 20px 14px;
-  border-radius: 4px;
-  /* middle/middle_grey_0 */
-  background: #FAFAFA;
-
-  div {
-    margin-top: 2px;
-    padding-left: 23px;
-
-    p {
-      color: #8A9099;
-    }
-
-  }
-
-  p {
-    color: #1E2226;
-
-    i {
-      font-style: normal;
-    }
-
-    &:last-child {
-      display: flex;
-      align-items: stretch;
-
-      b {
-        font-weight: normal;
-        color: #8A9099;
-        display: inline-flex;
-
-        img {
-          margin-left: 4px;
-        }
-      }
-    }
-  }
-
-  a {
-    text-decoration: none;
-    color: #006AFF;
-    margin-right: 10px;
-
-    img {
-      margin-left: 5px;
-      margin-right: 5px;
-    }
-  }
-}
-
-
-.siteMessage {
-  border-radius: 4px;
-  transition: all .5s;
-  border: 1px solid transparent;
 }
 
-.siteMessage h3 {
-  font-size: 14px;
-  font-weight: bold;
-  line-height: normal;
-  letter-spacing: 0.08em;
-  color: #1E2226;
-}
-
-.site-setting-wrap {
-  width: 100%;
+::v-deep .flex-right{
+  text-align: left;
 }
 
 ::v-deep .mb16{
@@ -221,4 +261,14 @@ a {
   padding: 16px 0;
 }
 
+::v-deep .payment-item{
+  width: 540px;
+  height: 95px;
+  padding: 0 24px;
+  background: #FAFAFA;
+  border-radius: 4px;
+  border: none;
+  margin-bottom: 12px;
+}
+
 </style>
\ No newline at end of file