From 5803d5d555cfd0cf8ad59814b8167f217dcf0176 Mon Sep 17 00:00:00 2001
From: pengda <1111@qq.com>
Date: Thu, 24 Jul 2025 11:47:35 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AB=99=E7=82=B9=E4=BB=B7=E6=A0=BC=E5=90=8C?=
 =?UTF-8?q?=E6=AD=A5+=E8=8F=9C=E5=8D=95icon=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SliderScond.vue                    |   2 +-
 src/components/site/serviceSetting/priceSet.vue   |  23 +++-
 src/components/site/serviceSetting/syncPrice.vue  | 155 ++++++++++++++++++++++
 src/components/site/serviceSetting/valueAdded.vue |   4 +
 src/style/theme/common.scss                       |   2 +-
 src/views/agent/siteServiceAdd.vue                |  42 +++---
 src/views/agent/siteServiceList.vue               |   8 +-
 7 files changed, 211 insertions(+), 25 deletions(-)
 create mode 100644 src/components/site/serviceSetting/syncPrice.vue

diff --git a/src/components/SliderScond.vue b/src/components/SliderScond.vue
index 31bee37..fef5237 100644
--- a/src/components/SliderScond.vue
+++ b/src/components/SliderScond.vue
@@ -6,7 +6,7 @@
                 <div class="flex-between gap8 collapse-item">
                     <div class="flex gap8 ">
                         <GuipToolTip :content="item[renderKeyNew.menuTitle]">
-                            <span class="menu-name">{{ item[renderKeyNew.menuTitle] }}</span>
+                            <span class="flex gap8 menu-name"><img width="20px" :src="require('@/assets/serviceIcon/ver_'+item.type+'.svg')" alt="">{{ item[renderKeyNew.menuTitle] }}</span>
                         </GuipToolTip>
                         <span v-if="item[renderKeyNew.selected]" class="menu-select"></span>
                     </div>
diff --git a/src/components/site/serviceSetting/priceSet.vue b/src/components/site/serviceSetting/priceSet.vue
index 80b1d17..fe1e550 100644
--- a/src/components/site/serviceSetting/priceSet.vue
+++ b/src/components/site/serviceSetting/priceSet.vue
@@ -74,9 +74,20 @@
                 </div>
                 <div class="flex service-opt mt12">
                     <GuipButton type="ignore" @click="resetPrice">重置</GuipButton>
+                    <syncPrice v-if="serviceAddInfo && serviceAddInfo.is_sync" :type="serviceAddInfo.type" :type_name="serviceAddInfo.type_name"
+                               :price="serviceInfo.price" :unit_num="serviceInfo.unit_num" :unit_name="serviceAddInfo.unit_name"></syncPrice>
                     <GuipButton type="primary" @click="savePrice" size="medium">保存</GuipButton>
                 </div>
             </el-form>
+
+            <template v-if="serviceAddInfo.value_added.length>0">
+                <div class="price-top">
+                    <span class="title">增值服务</span>
+                    <span class="desc"></span>
+                </div>
+
+                <valueAdded v-for="(added_type, index) in serviceAddInfo.value_added" :key="index" :uid="uid" :type="added_type"></valueAdded>
+            </template>
         </div>
 
         <!-- 店铺售价-->
@@ -200,6 +211,8 @@ import GuipSelect from "@/components/GuipSelect.vue";
 import bindGoods from "@/components/bindGoods.vue";
 import GuipDialog from "@/components/GuipDialog.vue";
 import PromptText from "@/components/PromptText.vue";
+import SyncPrice from "@/components/site/serviceSetting/syncPrice.vue";
+import ValueAdded from "@/components/site/serviceSetting/valueAdded.vue";
 
 export default {
   name: 'priceSet',
@@ -210,6 +223,8 @@ export default {
     }
   },
   components: {
+      ValueAdded,
+      SyncPrice,
       GuipSelect,
       GuipInput,
       GuipButton,
@@ -294,8 +309,8 @@ export default {
       resetPrice() {
           this.info.price = ''
           this.info.unit_num = ''
-          this.info.b_unit_price = ''
-          this.info.b_unit_num = ''
+          this.info.base_unit_price = ''
+          this.info.base_unit_num = ''
       },
       savePrice() {
           const that = this
@@ -330,8 +345,8 @@ export default {
       resetShopPrice() {
           this.info.unit_piece = ''
           this.info.unit_num = ''
-          this.info.b_unit_piece = ''
-          this.info.b_unit_num = ''
+          this.info.base_unit_piece = ''
+          this.info.base_unit_num = ''
       },
       saveShopPrice() {
           const that = this
diff --git a/src/components/site/serviceSetting/syncPrice.vue b/src/components/site/serviceSetting/syncPrice.vue
new file mode 100644
index 0000000..f7655f0
--- /dev/null
+++ b/src/components/site/serviceSetting/syncPrice.vue
@@ -0,0 +1,155 @@
+<template>
+    <GuipButton type="ignore" @click="syncPriceClick" size="medium">
+        同步价格
+        <GuipDialog width="800px" :dialogVisible="dialogSyncPrice" :title="'同步价格_'+type_name" confirmText="保存价格"
+                    @confirm="handleSavePrice" @close="handleSyncPriceClose"
+                    :show-cancel-button="priceDesc!==''" :cancelText="priceDesc" @cancel="handleSyncPrice">
+            <GuipTable :tableData="siteList" ref="multipleTable" autoColumn="true" :loading="tableLoading">
+                <el-table-column prop="site_name" label="站点"></el-table-column>
+                <el-table-column prop="price" label="当前价格">
+                    <template slot-scope="scope">
+                        {{scope.row.price}}元/{{scope.row.unit_format}}
+                    </template>
+                </el-table-column>
+                <el-table-column prop="price_set" label="设置价格">
+                    <template slot-scope="scope">
+                        <div class="flex mr12">
+                            <GuipInput v-if="scope.row.unit_num === '1'" v-model="scope.row.price"
+                                        ref="GuipInput" :unit="'元/'+scope.row.unit_name"></GuipInput>
+                            <template v-else>
+                                <GuipInput v-model="scope.row.price" ref="GuipInput" unit="元">
+                                </GuipInput>
+                                <GuipInput v-model="scope.row.unit_num" ref="GuipInput" :unit="scope.row.unit_name">
+                                </GuipInput>
+                            </template>
+                        </div>
+                    </template>
+                </el-table-column>
+            </GuipTable>
+        </GuipDialog>
+    </GuipButton>
+</template>
+<script>
+
+import GuipButton from "@/components/GuipButton.vue";
+import GuipDialog from "@/components/GuipDialog.vue";
+import GuipTable from "@/components/GuipTable.vue";
+import GuipInput from "@/components/GuipInput.vue";
+
+export default {
+  name: 'syncPrice',
+  props: ['type', 'type_name', 'price', 'unit_num', 'unit_name'],
+  components: {
+      GuipInput,
+      GuipTable,
+      GuipDialog,
+      GuipButton
+  },
+  data(){
+    return {
+        token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTI2NDY1NDUsIm5iZiI6MTc1MjY0NjU0NSwiZXhwIjoxNzU1MjM4NTQ1LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.G-Is-x9qPMiV_urOlDPQVRjfAIozySxL5EK2k82d46k',
+        dialogSyncPrice: false,
+        tableLoading: false,
+        siteList:[] ,
+    }
+  },
+  computed:{
+      priceDesc(){
+          if(this.price) {
+              let priceDesc = '同步为'+this.price+'元/'+this.unit_num+this.unit_name;
+              if(this.unit_num === '1') priceDesc = '同步为'+this.price+'元/'+this.unit_name;
+              return priceDesc
+          }
+          return "";
+      }
+  },
+  mounted() {
+      this.getSiteList()
+  },
+  methods:{
+      getSiteList(){
+          this.tableLoading = true
+          const that = this
+          that.serviceList = []
+          this.$http('POST', '/agentnew/ajax_get_service_sites', {
+              type: that.type,
+          },{
+              headers:{
+                  'Auth': that.token
+              }
+          }).then(response => {
+              that.tableLoading = false
+              if(response.status){
+                  that.$nextTick(() => {
+                      that.siteList = response.data
+                  })
+              }
+          }).catch(error => {
+              console.error(error, 'error')
+          })
+      },
+      syncPriceClick(){
+          this.dialogSyncPrice = true
+      },
+      handleSyncPriceClose(){
+          this.dialogSyncPrice = false
+      },
+      handleSavePrice(){
+          this.dialogSyncPrice = false
+          console.log(this.siteList)
+          this.savePrice(0)
+      },
+      handleSyncPrice(){
+          this.dialogSyncPrice = false
+          console.log(this.siteList)
+          this.savePrice(1)
+      },
+      savePrice(sync){
+          let price_config = []
+          this.siteList.forEach((item)=>{
+              let config = {
+                  'id' : item.id,
+                  'price' : sync === 1 ? this.price : item.price,
+                  'unit_num' : sync === 1 ? this.unit_num : item.unit_num
+              }
+              price_config.push(config)
+          })
+          const that = this
+          this.$http('POST', "/agentnew/ajax_update_services_price", {
+              type: that.type,
+              price_config: price_config,
+              is_sync: sync
+          }, {
+              headers: {
+                  'Auth': this.token
+              }
+          }).then(response => {
+              if (response.status) {
+                  that.$message.success('保存成功');
+                  if(sync === 1){
+                      that.$nextTick(() => {
+                          that.siteList.forEach((item)=>{
+                              item.price = this.price
+                              item.unit_num = this.unit_num
+                          })
+                      })
+                  }
+                  return true;
+              }
+              that.$message.error(response.info);
+          }).catch(error => {
+              console.error(error, 'error')
+          })
+      }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.mr12{
+  margin-right: 12px;
+}
+::v-deep .el-table__body-wrapper{
+  height: 300px;
+  overflow-y: auto;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/site/serviceSetting/valueAdded.vue b/src/components/site/serviceSetting/valueAdded.vue
index 5aa155b..7170903 100644
--- a/src/components/site/serviceSetting/valueAdded.vue
+++ b/src/components/site/serviceSetting/valueAdded.vue
@@ -41,6 +41,8 @@
         </div>
         <div class="flex service-opt mt12">
             <GuipButton type="ignore" @click="resetPrice">重置</GuipButton>
+            <syncPrice v-if="serviceAddInfo && serviceAddInfo.is_sync" :type="serviceAddInfo.type" :type_name="serviceAddInfo.type_name"
+                       :price="serviceInfo.price" :unit_num="serviceInfo.unit_num" :unit_name="serviceAddInfo.unit_name"></syncPrice>
             <GuipButton type="primary" @click="savePrice" size="medium">保存</GuipButton>
         </div>
     </el-form>
@@ -53,11 +55,13 @@ import GuipInput from "@/components/GuipInput.vue";
 import GuipSelect from "@/components/GuipSelect.vue";
 import GuipButton from "@/components/GuipButton.vue";
 import PromptText from "@/components/PromptText.vue";
+import SyncPrice from "@/components/site/serviceSetting/syncPrice.vue";
 
 export default {
   name: 'valueAdded',
   props: ['uid','type'],
   components: {
+      SyncPrice,
       PromptText,
       GuipButton, GuipSelect, GuipInput
 
diff --git a/src/style/theme/common.scss b/src/style/theme/common.scss
index b17d9cb..37d07bc 100644
--- a/src/style/theme/common.scss
+++ b/src/style/theme/common.scss
@@ -983,7 +983,7 @@ body {
         width: 100%;
         justify-content: flex-end !important;
         button {
-            width: 96px;
+            width: auto;
             height: 38px;
         }
     }
diff --git a/src/views/agent/siteServiceAdd.vue b/src/views/agent/siteServiceAdd.vue
index b8f167f..88f6bff 100644
--- a/src/views/agent/siteServiceAdd.vue
+++ b/src/views/agent/siteServiceAdd.vue
@@ -100,9 +100,20 @@
                     </div>
                     <div class="flex service-opt mt12">
                         <GuipButton type="ignore" @click="resetPrice">重置</GuipButton>
+                        <syncPrice v-if="serviceAddInfo && serviceAddInfo.is_sync" :type="serviceAddInfo.type" :type_name="serviceAddInfo.type_name"
+                        :price="serviceInfo.price" :unit_num="serviceInfo.unit_num" :unit_name="serviceAddInfo.unit_name"></syncPrice>
                         <GuipButton type="primary" @click="savePrice" size="medium">保存</GuipButton>
                     </div>
                 </el-form>
+
+                <template v-if="serviceAddInfo.value_added.length>0">
+                    <div class="price-top">
+                        <span class="title">增值服务</span>
+                        <span class="desc"></span>
+                    </div>
+
+                    <valueAdded v-for="(added_type, index) in serviceAddInfo.value_added" :key="index" :uid="uid" :type="added_type"></valueAdded>
+                </template>
             </div>
 
             <!-- 店铺售价-->
@@ -222,11 +233,9 @@
                 @confirm="handleDelServiceConfirm" @cancel="handleDelServiceCancel">
                 确定要移除服务吗?
             </GuipDialog>
-
         </div>
         <div class="register-btns">
-            <GuipButton type="primary" :btnstyle="{ width: '144px', height: '46px' }" @click="jumpStep">添加完成
-            </GuipButton>
+            <GuipButton type="primary" :btnstyle="{ width: '144px', height: '46px' }" @click="jumpStep">添加完成</GuipButton>
         </div>
     </div>
 
@@ -240,11 +249,15 @@ import GuipSelect from "@/components/GuipSelect.vue";
 import GuipInput from "@/components/GuipInput.vue";
 import bindGoods from "@/components/bindGoods.vue";
 import GuipDialog from "@/components/GuipDialog.vue";
+import ValueAdded from "@/components/site/serviceSetting/valueAdded.vue";
+import SyncPrice from "@/components/site/serviceSetting/syncPrice.vue";
 
 export default {
     name: 'siteServiceAdd',
     props: [''],
     components: {
+        SyncPrice,
+        ValueAdded,
         GuipDialog,
         GuipInput,
         GuipSelect,
@@ -281,6 +294,8 @@ export default {
     watch: {
         '$store.state.currentMenuItem'(newVal) {
             this.type = newVal.type
+            //查询是否添加了此服务
+            this.getServiceInfo()
             this.getServiceAddInfo();
         },
     },
@@ -339,9 +354,6 @@ export default {
                         that.service_unit = that.serviceAddInfo.unit
                         //拼多多渠道查询商品所需参数初始化
                         if (that.serviceAddInfo.shop_name === '拼多多') this.initPddParam(that.uid)
-                        //查询是否添加了此服务
-                        that.getServiceInfo()
-
                         store.commit('SET_BREADRIGHTTEXT', that.serviceAddInfo.site_short_name);
                     })
                     return true
@@ -434,8 +446,8 @@ export default {
         resetPrice() {
             this.serviceInfo.price = ''
             this.serviceInfo.unit_num = ''
-            this.serviceInfo.b_unit_price = ''
-            this.serviceInfo.b_unit_num = ''
+            this.serviceInfo.base_unit_price = ''
+            this.serviceInfo.base_unit_num = ''
         },
         savePrice() {
             const that = this
@@ -474,8 +486,8 @@ export default {
         resetShopPrice() {
             this.serviceInfo.unit_piece = ''
             this.serviceInfo.unit_num = ''
-            this.serviceInfo.b_unit_piece = ''
-            this.serviceInfo.b_unit_num = ''
+            this.serviceInfo.base_unit_piece = ''
+            this.serviceInfo.base_unit_num = ''
         },
         saveShopPrice() {
             const that = this
@@ -696,11 +708,11 @@ export default {
         letter-spacing: 0.08em;
     }
 
-    ::v-deep .prompt-desc {
-        font-size: 14px;
-        font-weight: bold;
-        color: #1E2226;
-    }
+    //.prompt-desc {
+    //    font-size: 14px;
+    //    font-weight: bold;
+    //    color: #1E2226;
+    //}
 }
 
 
diff --git a/src/views/agent/siteServiceList.vue b/src/views/agent/siteServiceList.vue
index 2e245e7..49bca6f 100644
--- a/src/views/agent/siteServiceList.vue
+++ b/src/views/agent/siteServiceList.vue
@@ -20,7 +20,7 @@
 
             <!-- page content -->
             <el-form>
-                <GuipTable :tableData="serviceList" ref="multipleTable" autoColumn="true" :loading="tableLoading"
+                <GuipTable :tableData="serviceList" ref="multipleTable" :loading="tableLoading"
                 @selection-change="handleSelectionChange" @select="handleSelect">
                     <el-table-column type="selection" width="100">
                         <template slot="header">
@@ -248,13 +248,13 @@ export default {
             const that = this
             that.serviceList = []
             this.$http('POST', '/agentnew/ajax_get_service_list', {
-                uid: this.uid,
+                uid: that.uid,
             },{
                 headers:{
-                    'Auth': this.token
+                    'Auth': that.token
                 }
             }).then(response => {
-                this.tableLoading = false
+                that.tableLoading = false
                 if(response.status){
                     that.$nextTick(() => {
                         that.addProd = response.data.add_proids