From 92a231cacb398e1358ec2e743ea8d945150b9edc Mon Sep 17 00:00:00 2001
From: hrx <18603305412@163.com>
Date: Tue, 23 Sep 2025 17:47:59 +0800
Subject: [PATCH] uptada style

---
 .../components/FloatingBox/FloatingBox.vue    |    5 +-
 .../src/layout/components/Sidebar/Logo.vue    |   55 +-
 .../src/layout/components/Sidebar/index.vue   |  110 +-
 f/web-kboss/src/router/index.js               |    5 -
 f/web-kboss/src/styles/index.css              |   12 +
 .../customer/customerInformation/index.scss   |    4 +-
 .../customer/customerInformation/index.vue    |  652 +++--
 .../documentManagement/index.vue              |    2 +-
 .../productSupply/index.vue                   |   11 +-
 .../sales/distributorManagement/index.vue     | 2245 +++++++++--------
 10 files changed, 1668 insertions(+), 1433 deletions(-)

diff --git a/f/web-kboss/src/components/FloatingBox/FloatingBox.vue b/f/web-kboss/src/components/FloatingBox/FloatingBox.vue
index 741c949..92ea1f1 100644
--- a/f/web-kboss/src/components/FloatingBox/FloatingBox.vue
+++ b/f/web-kboss/src/components/FloatingBox/FloatingBox.vue
@@ -26,10 +26,11 @@
               <div @click="open2"
 
                    style="position:absolute;bottom:-40px;display: flex;justify-content: center;align-items: center;cursor: pointer">
-                <el-tooltip     v-if="getHomePath()!=='/ncmatchHome/index'" class="item" effect="light" content="联系销售" placement="left">
+                   <!-- 摄像头 -->
+                <!-- <el-tooltip     v-if="getHomePath()!=='/ncmatchHome/index'" class="item" effect="light" content="联系销售" placement="left">
                                              <span class="el-icon-video-camera"
                                                    style="font-weight: 550;font-size: 22px;"></span>
-                </el-tooltip>
+                </el-tooltip> -->
 
                 <!--              </div>-->
                 <!--              <div class="cart-entry-wrapper" style="visibility: visible;">-->
diff --git a/f/web-kboss/src/layout/components/Sidebar/Logo.vue b/f/web-kboss/src/layout/components/Sidebar/Logo.vue
index bec503f..8f31886 100644
--- a/f/web-kboss/src/layout/components/Sidebar/Logo.vue
+++ b/f/web-kboss/src/layout/components/Sidebar/Logo.vue
@@ -1,33 +1,20 @@
 <template>
-  <div class="sidebar-logo-container" style="pointer-events: none!important;" :class="{ collapse: collapse }">
+  <div class="sidebar-logo-container" :class="{ collapse: collapse }">
     <transition name="sidebarLogoFade">
-      <span style="cursor: default" v-if="collapse" key="collapse" class="sidebar-logo-link"
-      >
+      <span style="cursor: default" v-if="collapse" key="collapse" class="sidebar-logo-link">
         <img :src="logoImg" alt="" style="width:55px;height:40px;margin-top: 20px"/>
       </span>
-      <router-link v-else key="expand" class="sidebar-logo-link" to="/">
-        <!--        <span style="display: flex" class="tip1">（测试中）</span>-->
+      <div v-else key="expand" class="sidebar-logo-link" @click="goHome">
         <el-row class="logo" :span="24">
           <el-row class="logoimg myLogo" :span="24">
-            <!--            <div  class="imgGo"></div>-->
-            <img v-if="logoImg" @click="goHome" :src="logoImg" alt=""
-                 style="margin-left: 5px;width:50px;height:35px;"/>
-            <!--            <el-col :span="6">-->
-            <!--              <img :src="logoImg" alt="" style="margin-left: 5px;width:50px;height:35px;"/>-->
-            <!--            </el-col>-->
-            <!--            <el-col class="text" :span="18">-->
-            <!--              <div v-if="photosUrl && photosUrl.orgname != '业主机构'">-->
-            <!--                {{ logoText }}-->
-            <!--              </div>-->
-            <!--              <img v-else src="../../../assets/kyy/logo_text.png" alt=""-->
-            <!--                   style="width: 100%;height:100%;padding: 5px 7px 0 7px"/>-->
-            <!--            </el-col>-->
+            <img v-if="logoImg" :src="logoImg" alt=""
+                 style="margin-left: 5px;width:50px;height:35px;cursor: pointer;"/>
           </el-row>
           <el-row v-if="false" class="logotext" :span="24">
             <span class="sidebar-title" style="color: black">{{ title }} </span>
           </el-row>
         </el-row>
-      </router-link>
+      </div>
     </transition>
   </div>
 </template>
@@ -49,7 +36,6 @@ export default {
       photosUrl: null,
       title: "平台测试中",
       logoImg: "",
-      // logoImg: require("../../../assets/test2.png"),
       logoText: "",
     };
   },
@@ -62,15 +48,7 @@ export default {
   methods: {
     goHome() {
       console.log("走了goHome@@")
-      this.$router.push('/product/productHome')
-      // if (window.location.href.includes('http://localhost/')) {
-      //   window.location.href = 'http://localhost:9527/#/homePage/index'
-      // } else if (window.location.href.includes('dev')) {
-      //   window.location.href = 'https://www.kaiyuancloud.cn/dev'
-      // } else {
-      //   window.location.href = 'https://www.kaiyuancloud.cn'
-      // }
-
+      this.$router.push('/homePage/index')
     },
 
     init() {
@@ -100,12 +78,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.imgGo {
-  border: 1px solid red;
-  width: 100%;
-  height: 100%;
-}
-
 .sidebarLogoFade-enter-active {
   transition: opacity 1.5s;
 }
@@ -116,10 +88,6 @@ export default {
 }
 
 .sidebar-logo-container {
-  a {
-    cursor: default !important;
-  }
-
   position: relative;
   width: 100%;
   height: 60px;
@@ -130,6 +98,7 @@ export default {
   & .sidebar-logo-link {
     height: 100%;
     width: 100%;
+    cursor: pointer;
 
     .logo {
       width: 100%;
@@ -154,18 +123,11 @@ export default {
         .el-col {
           height: 100%;
           padding: 3px;
-
-          img {
-            // width: 100%;
-            // height: 100%;
-          }
         }
       }
 
       .logotext {
         display: inline-block;
-        // color: #fff;
-        //  color: rgba(191, 203, 217);
         color: rgb(223, 226, 229);
         font-weight: 600;
         font-size: 16px;
@@ -190,7 +152,6 @@ export default {
   align-items: center;
   position: relative;
   padding: 5px;
-  //border: 1px solid red;
 
   img {
     width: 75% !important;
diff --git a/f/web-kboss/src/layout/components/Sidebar/index.vue b/f/web-kboss/src/layout/components/Sidebar/index.vue
index 189d746..7347b15 100644
--- a/f/web-kboss/src/layout/components/Sidebar/index.vue
+++ b/f/web-kboss/src/layout/components/Sidebar/index.vue
@@ -1,32 +1,15 @@
 <template>
   <div class="index">
-    <!-- <div class="log"> -->
-    <!-- <div style="color:#fff;height:30px;">1232</div> -->
-    <!-- <el-row :gutter="20">
-        <el-col :span="6">
-          <img src="../../../../public/logos/logo_rgba/noWhite/kkyLogoNoWhiteNoText.png" alt="">
-        </el-col>
-        <el-col :span="18">
-          <img src="../../../../public/logos/logo_rgba/noWhite/kkyLogoNoWhiteText.png.png" alt="">
-        </el-col>
-      </el-row> -->
-    <!-- </div> -->
     <div :class="{ 'has-logo': showLogo }" class="sidebar-container">
-      <logo @click="$router.push('/homePage/index')" v-if="showLogo" :collapse="isCollapse"/>
-      <!-- 将 happy-scroll 移到 el-menu 外层，并移除 el-menu 上的固定高度 -->
+      <!-- logo -->
+      <Logo v-if="showLogo" :collapse="isCollapse" />
+      <!-- 菜单 -->
       <happy-scroll color="rgba(0,0,0,0.5)" size="5" class="menu-scroll-container">
-        <el-menu
-          :collapse="isCollapse"
-          :background-color="variables.menuBg"
-          :text-color="variables.menuText"
-          :unique-opened="true"
-          :active-text-color="variables.menuActiveText"
-          :collapse-transition="false"
-          :default-active="$route.path"
-          mode="vertical"
-          class="el-menu-vertical"
-        >
-          <sidebar-item v-for="(route, index) in permission_routes" :key="index" :item="route" :base-path="route.path"/>
+        <el-menu :collapse="isCollapse" :background-color="variables.menuBg" :text-color="variables.menuText"
+          :unique-opened="true" :active-text-color="variables.menuActiveText" :collapse-transition="false"
+          :default-active="$route.path" mode="vertical" class="el-menu-vertical">
+          <sidebar-item v-for="(route, index) in permission_routes" :key="index" :item="route"
+            :base-path="route.path" />
         </el-menu>
       </happy-scroll>
     </div>
@@ -34,22 +17,23 @@
 </template>
 
 <script>
-import {mapGetters} from "vuex";
-import Logo from "./Logo";
+import { mapGetters } from "vuex";
 import SidebarItem from "./SidebarItem.vue";
-import variables from "../../../styles/variables.scss";
+import variables from "@/styles/variables.scss";
+import Logo from "./Logo.vue";
 
 export default {
+  name: "Sidebar",
   data() {
     return {
       role: ''
     }
   },
-  components: {SidebarItem, Logo},
+  components: { SidebarItem, Logo },
   computed: {
     ...mapGetters(["permission_routes", "sidebar"]),
     showLogo() {
-      return true
+      return true;
     },
     variables() {
       return variables;
@@ -58,85 +42,67 @@ export default {
       return !this.sidebar.opened;
     },
   },
-  mounted() {
+  methods: {
 
-  },
-  methods: {}
+  }
 };
 </script>
-<style lang="scss" scoped>
-/* stylelint-disable */
-.index {
-  //margin-top: 50px;
-  width: 100%; // 确保父容器宽度为100%
-  height: 100%; // 占满父级高度
-  position: relative; // 为内部绝对定位元素提供参考
 
-  .log {
-    width: 100%;
-    height: 80px; // Logo区域高度
-    flex-shrink: 0; // 防止在Flex布局中被压缩
-  }
+<style lang="scss" scoped>
+.index {
+  width: 100%;
+  height: 100%;
+  position: relative;
 
   .sidebar-container {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
-    box-sizing: border-box; // 包含padding/border在width内计算
+    box-sizing: border-box;
   }
 
   .menu-scroll-container {
-    flex: 1; // 占据剩余空间
+    flex: 1;
     width: 100%;
-    overflow-x: hidden; // 关键：隐藏水平滚动条
+    overflow-x: hidden;
 
     ::v-deep .happy-scroll-container {
-      width: 100% !important; // 强制容器宽度100%
-      // 重要：移除可能由库添加的 min-width
+      width: 100% !important;
       min-width: unset !important;
 
       .happy-scroll-content {
         width: 100%;
-        min-width: unset !important; // 确保内容区域也不设置最小宽度
-        box-sizing: border-box; // 包含padding/border在width内计算
+        min-width: unset !important;
+        box-sizing: border-box;
       }
     }
   }
 
   ::v-deep .el-menu-vertical {
-    border: none; // 移除默认边框
-    height: 100%; // 撑满滚动容器
-    width: 100% !important; // 关键：强制菜单宽度100%，匹配容器
-    min-width: 100% !important; // 关键：强制最小宽度100%
-    box-sizing: border-box; // 包含padding/border在width内计算
+    border: none;
+    height: 100%;
+    width: 100% !important;
+    min-width: 100% !important;
+    box-sizing: border-box;
 
-    // 防止菜单项文字过长导致溢出
     .el-submenu__title,
     .el-menu-item {
-      white-space: nowrap; // 防止文字换行
-      overflow: hidden; // 隐藏溢出内容
-      text-overflow: ellipsis; // 溢出时显示省略号
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
   }
 
-  // 针对折叠状态的特殊处理
   ::v-deep .el-menu--collapse {
-    // Element UI 默认折叠宽度为 64px
-    width: 64px !important; // 明确折叠宽度
+    width: 64px !important;
     min-width: 64px !important;
 
-    // 确保折叠时子菜单项不溢出
     .el-submenu__title,
     .el-menu-item {
-      text-overflow: clip; // 折叠时直接裁剪文字
-      justify-content: center; // 图标居中
+      text-overflow: clip;
+      justify-content: center;
     }
   }
 }
-/* stylelint-enable */
 </style>
-
-
-
-
diff --git a/f/web-kboss/src/router/index.js b/f/web-kboss/src/router/index.js
index 87c0f64..b8d18c5 100644
--- a/f/web-kboss/src/router/index.js
+++ b/f/web-kboss/src/router/index.js
@@ -390,14 +390,9 @@ export const asyncRoutes = [
       path: "productHome",
       component: () => import('@/views/product/productHome/productIndex/index.vue'),
       name: 'baiduProduct',
-      meta: { title: "概览", fullPath: "/product/productHome", noCache: true }
     },
     // {
     //   path: '/external-link',
-    //   name: 'External Link',
-    //   // 使用 meta 字段来标记这是一个外部链接
-    //   meta: {title: "首页", external: true, url: 'https://www.baidu.com'},
-    // },
     // {
     //
     //   path: "productHome",
diff --git a/f/web-kboss/src/styles/index.css b/f/web-kboss/src/styles/index.css
index 4a7bd09..4deab75 100644
--- a/f/web-kboss/src/styles/index.css
+++ b/f/web-kboss/src/styles/index.css
@@ -9,6 +9,9 @@
 .p10{
   padding: 10px;
 }
+.p20{
+  padding: 20px;
+}
 .h100{
   height: calc(100vh - 100px);
 }
@@ -20,3 +23,12 @@
   justify-content: center;
   align-items: center;
 }
+.ml10{
+  margin-left: 10px;
+}
+.mt10{
+  margin-top: 10px;
+}
+.mt20{
+  margin-top: 20px;
+}
diff --git a/f/web-kboss/src/views/customer/customerInformation/index.scss b/f/web-kboss/src/views/customer/customerInformation/index.scss
index 318602f..c3fabcd 100644
--- a/f/web-kboss/src/views/customer/customerInformation/index.scss
+++ b/f/web-kboss/src/views/customer/customerInformation/index.scss
@@ -52,7 +52,7 @@
                 text-align: left;
             }
 
-         
+
 
             input {
                 width: 120px;
@@ -65,4 +65,4 @@
 
 
     }
-}
\ No newline at end of file
+}
diff --git a/f/web-kboss/src/views/customer/customerInformation/index.vue b/f/web-kboss/src/views/customer/customerInformation/index.vue
index d5afc61..23cf4e4 100644
--- a/f/web-kboss/src/views/customer/customerInformation/index.vue
+++ b/f/web-kboss/src/views/customer/customerInformation/index.vue
@@ -2,20 +2,19 @@
   <div id="box">
     <div class="pcAgent" v-if="!isMobile">
       <div class="myInformation top-header">
-        <div class="after-icon" style=""></div>
-        <span class="title-word" style="">个人信息</span>
-        <!--          header右侧-->
+        <div class="after-icon"></div>
+        <span class="title-word">个人信息</span>
         <div class="right-header">
           <div class="item-style">
-            <span class="price-word"> 账户余额:</span>
+            <span class="price-word">账户余额:</span>
             <span class="balance-style" @click="$router.push('/customer/rechargeRecord')"> ¥{{ balance }}</span>
           </div>
           <div class="item-style" v-if="false">
-            <span class="price-word"> 支付宝充值: </span>
+            <span class="price-word">支付宝充值: </span>
             <img @click="onffline" src="../../../assets/kyy/编组.svg" style="cursor: pointer" alt="">
           </div>
           <div class="item-style" v-if="false">
-            <span class="price-word"> 对公账户充值: </span>
+            <span class="price-word">对公账户充值: </span>
             <el-button type="warning" size="mini" @click="getRechargeCode">充值</el-button>
           </div>
         </div>
@@ -35,9 +34,7 @@
             </div>
             <div>
               <div>
-                <p>
-                  {{ form.fullName }}
-                </p>
+                <p>{{ form.fullName }}</p>
               </div>
               <p>{{ userId }}</p>
               <p>{{ form.parentname }}</p>
@@ -59,8 +56,8 @@
                   </span>
                   <span v-else>
                     <input type="text" v-model="form.tel"/>
-                    <button @click="addZJuser(form.tel)" class="yesBtn"> 保存 </button>
-                    <button @click="form_tel = true" class="yesBtn">取消</button>
+                    <button @click="addZJuser(form.tel)" class="yesBtn">保存</button>
+                    <button @click="form_tel = true" class="cancelBtn">取消</button>
                   </span>
                 </p>
               </div>
@@ -72,8 +69,8 @@
                   </span>
                   <span v-else>
                     <input type="text" v-model="form.email"/>
-                    <button @click="addZJuser(form.email)" class="yesBtn"> 保存 </button>
-                    <button @click="form_email = true" class="yesBtn"> 取消 </button>
+                    <button @click="addZJuser(form.email)" class="yesBtn">保存</button>
+                    <button @click="form_email = true" class="cancelBtn">取消</button>
                   </span>
                 </p>
               </div>
@@ -85,8 +82,8 @@
                   </span>
                   <span v-else>
                     <input type="text" v-model="form.address"/>
-                    <button @click="addZJuser(form.address)" class="yesBtn"> 保存 </button>
-                    <button @click="form_address = true" class="yesBtn"> 取消 </button>
+                    <button @click="addZJuser(form.address)" class="yesBtn">保存</button>
+                    <button @click="form_address = true" class="cancelBtn">取消</button>
                   </span>
                 </p>
               </div>
@@ -120,8 +117,8 @@
                     </span>
                     <span v-else>
                       <input type="text" v-model="form.bankName"/>
-                      <button @click="addZJuser(form.bankName)" class="yesBtn"> 保存 </button>
-                      <button @click="form_bankName = true" class="yesBtn"> 取消 </button>
+                      <button @click="addZJuser(form.bankName)" class="yesBtn">保存</button>
+                      <button @click="form_bankName = true" class="cancelBtn">取消</button>
                     </span>
                   </p>
                 </div>
@@ -133,8 +130,8 @@
                     </span>
                     <span v-else>
                       <input type="text" v-model="form.bankAcc"/>
-                      <button @click="addZJuser(form.bankAcc)" class="yesBtn"> 保存 </button>
-                      <button @click="form_bankAcc = true" class="yesBtn"> 取消 </button>
+                      <button @click="addZJuser(form.bankAcc)" class="yesBtn">保存</button>
+                      <button @click="form_bankAcc = true" class="cancelBtn">取消</button>
                     </span>
                   </p>
                 </div>
@@ -146,8 +143,8 @@
                     </span>
                     <span v-else>
                       <input type="text" v-model="form.identityName"/>
-                      <button @click="addZJuser(form.identityName)" class="yesBtn"> 保存 </button>
-                      <button @click="form_identityName = true" class="yesBtn"> 取消 </button>
+                      <button @click="addZJuser(form.identityName)" class="yesBtn">保存</button>
+                      <button @click="form_identityName = true" class="cancelBtn">取消</button>
                     </span>
                   </p>
                 </div>
@@ -159,8 +156,8 @@
                     </span>
                     <span v-else>
                       <input type="text" v-model="form.taxAddress"/>
-                      <button @click="addZJuser(form.taxAddress)" class="yesBtn"> 保存 </button>
-                      <button @click="form_taxAddress = true" class="yesBtn"> 取消 </button>
+                      <button @click="addZJuser(form.taxAddress)" class="yesBtn">保存</button>
+                      <button @click="form_taxAddress = true" class="cancelBtn">取消</button>
                     </span>
                   </p>
                 </div>
@@ -172,8 +169,8 @@
                     </span>
                     <span v-else>
                       <input type="text" v-model="form.taxTel"/>
-                      <button @click="addZJuser(form.taxTel)" class="yesBtn"> 保存 </button>
-                      <button @click="form_taxTel = true" class="yesBtn"> 取消 </button>
+                      <button @click="addZJuser(form.taxTel)" class="yesBtn">保存</button>
+                      <button @click="form_taxTel = true" class="cancelBtn">取消</button>
                     </span>
                   </p>
                 </div>
@@ -185,8 +182,8 @@
                     </span>
                     <span v-else>
                       <input type="text" v-model="form.taxpayerIdentity"/>
-                      <button @click="addZJuser(form.taxpayerIdentity)" class="yesBtn"> 保存 </button>
-                      <button @click="form_taxpayerIdentity = true" class="yesBtn"> 取消 </button>
+                      <button @click="addZJuser(form.taxpayerIdentity)" class="yesBtn">保存</button>
+                      <button @click="form_taxpayerIdentity = true" class="cancelBtn">取消</button>
                     </span>
                   </p>
                 </div>
@@ -198,8 +195,8 @@
                     </span>
                     <span v-else>
                       <input type="text" v-model="form.orgcode"/>
-                      <button @click="addZJuser(form.orgcode)" class="yesBtn"> 保存 </button>
-                      <button @click="form_orgcode = true" class="yesBtn"> 取消 </button>
+                      <button @click="addZJuser(form.orgcode)" class="yesBtn">保存</button>
+                      <button @click="form_orgcode = true" class="cancelBtn">取消</button>
                     </span>
                   </p>
                 </div>
@@ -230,8 +227,8 @@
                       </span>
                       <span v-else>
                         <input type="text" v-model="form.ak"/>
-                        <button @click="addZJuser(form.ak)" class="yesBtn"> 保存 </button>
-                        <button @click="form_ak = true" class="yesBtn"> 取消 </button>
+                        <button @click="addZJuser(form.ak)" class="yesBtn">保存</button>
+                        <button @click="form_ak = true" class="cancelBtn">取消</button>
                       </span>
                     </p>
                   </div>
@@ -243,8 +240,8 @@
                       </span>
                       <span v-else>
                         <input type="text" v-model="form.sk"/>
-                        <button @click="addZJuser(form.sk)" class="yesBtn"> 保存 </button>
-                        <button @click="form_sk = true" class="yesBtn"> 取消 </button>
+                        <button @click="addZJuser(form.sk)" class="yesBtn">保存</button>
+                        <button @click="form_sk = true" class="cancelBtn">取消</button>
                       </span>
                     </p>
                   </div>
@@ -256,8 +253,8 @@
                       </span>
                       <span v-else>
                         <input type="text" v-model="form.thirdId"/>
-                        <button @click="addZJuser(form.thirdId)" class="yesBtn"> 保存 </button>
-                        <button @click="form_thirdId = true" class="yesBtn"> 取消 </button>
+                        <button @click="addZJuser(form.thirdId)" class="yesBtn">保存</button>
+                        <button @click="form_thirdId = true" class="cancelBtn">取消</button>
                       </span>
                     </p>
                   </div>
@@ -269,8 +266,8 @@
                       </span>
                       <span v-else>
                         <input type="text" v-model="form.appId"/>
-                        <button @click="addZJuser(form.appId)" class="yesBtn"> 保存 </button>
-                        <button @click="form_appId = true" class="yesBtn"> 取消 </button>
+                        <button @click="addZJuser(form.appId)" class="yesBtn">保存</button>
+                        <button @click="form_appId = true" class="cancelBtn">取消</button>
                       </span>
                     </p>
                   </div>
@@ -282,8 +279,8 @@
                       </span>
                       <span v-else>
                         <input type="text" v-model="form.remark"/>
-                        <button @click="addZJuser(form.remark)" class="yesBtn"> 保存 </button>
-                        <button @click="form_remark = true" class="yesBtn"> 取消 </button>
+                        <button @click="addZJuser(form.remark)" class="yesBtn">保存</button>
+                        <button @click="form_remark = true" class="cancelBtn">取消</button>
                       </span>
                     </p>
                   </div>
@@ -298,25 +295,24 @@
       </div>
     </div>
 
-    <div class="mobileAgent" v-else style="font-size: 14px">
+    <div class="mobileAgent" v-else>
       <el-row class="title" type="flex" justify="center" align="middle">余额信息</el-row>
       <div class="user_account">
         <el-row :gutter="20">
-          <el-col class="item_info " :span="12">
-            <span class="key"> 账户余额: </span>
+          <el-col class="item_info" :span="12">
+            <span class="key">账户余额: </span>
             <span class="val" @click="$router.push('/customer/rechargeRecord')">¥{{ balance }}</span>
           </el-col>
         </el-row>
         <el-row :gutter="20" v-if="false">
           <el-col class="item_info" :span="12">
-            <span class="key"> 支付宝充值: </span>
+            <span class="key">支付宝充值: </span>
             <span class="val">
-              <!-- <img class="zfb" @click="onffline" src="../../../assets/kyy/编组.svg" style="cursor: pointer" alt=""> -->
               <el-button type="success" size="mini" @click="onffline">充值</el-button>
             </span>
           </el-col>
           <el-col class="item_info" :span="12">
-            <span class="key"> 对公账户充值: </span>
+            <span class="key">对公账户充值: </span>
             <span class="val">
               <el-button type="warning" size="mini" @click="getRechargeCode">充值</el-button>
             </span>
@@ -327,67 +323,57 @@
       <div class="user_info">
         <el-row :gutter="20">
           <el-col class="item_info" :span="12">
-            <span class="key"> 账号昵称: </span>
-            <span class="val">
-              {{ form.fullName }}
-            </span>
+            <span class="key">账号昵称: </span>
+            <span class="val">{{ form.fullName }}</span>
           </el-col>
           <el-col class="item_info" :span="12">
-            <span class="key"> 所属机构: </span>
-            <span class="val">
-              {{ form.parentname }}
-            </span>
+            <span class="key">所属机构: </span>
+            <span class="val">{{ form.parentname }}</span>
           </el-col>
           <el-col class="item_info" :span="12">
-            <span class="key"> 销售经理名称: </span>
-            <span class="val">
-              {{ form.saleMgrName }}
-            </span>
+            <span class="key">销售经理名称: </span>
+            <span class="val">{{ form.saleMgrName }}</span>
           </el-col>
           <el-col class="item_info" :span="24">
-            <span class="key"> 账号ID: </span>
-            <span class="val">
-              {{ userId }}
-            </span>
+            <span class="key">账号ID: </span>
+            <span class="val">{{ userId }}</span>
           </el-col>
           <el-col class="item_info" :span="24">
-            <span class="key"> 联系电话: </span>
+            <span class="key">联系电话: </span>
             <span v-if="form_tel">
               {{ form.tel }}
               <i class="el-icon-edit" @click="form_tel = false"></i>
             </span>
             <span v-else>
               <input type="text" v-model="form.tel"/>
-              <button @click="addZJuser(form.tel)" class="yesBtn"> 保存 </button>
-              <button @click="form_tel = true" class="yesBtn">取消</button>
+              <button @click="addZJuser(form.tel)" class="yesBtn">保存</button>
+              <button @click="form_tel = true" class="cancelBtn">取消</button>
             </span>
           </el-col>
           <el-col class="item_info" :span="24">
-            <span class="key"> 联系邮箱: </span>
+            <span class="key">联系邮箱: </span>
             <span v-if="form_email">
               {{ form.email }}
               <i class="el-icon-edit" @click="form_email = false"></i>
             </span>
             <span v-else>
               <input type="text" v-model="form.email"/>
-              <button @click="addZJuser(form.email)" class="yesBtn"> 保存 </button>
-              <button @click="form_email = true" class="yesBtn">取消</button>
+              <button @click="addZJuser(form.email)" class="yesBtn">保存</button>
+              <button @click="form_email = true" class="cancelBtn">取消</button>
             </span>
           </el-col>
           <el-col class="item_info" :span="24">
-            <span class="key"> 地址: </span>
+            <span class="key">地址: </span>
             <span v-if="form_address">
               {{ form.address }}
               <i class="el-icon-edit" @click="form_address = false"></i>
             </span>
             <span v-else>
               <input type="text" v-model="form.address"/>
-              <button @click="addZJuser(form.address)" class="yesBtn"> 保存 </button>
-              <button @click="form_address = true" class="yesBtn">取消</button>
+              <button @click="addZJuser(form.address)" class="yesBtn">保存</button>
+              <button @click="form_address = true" class="cancelBtn">取消</button>
             </span>
           </el-col>
-          <!-- <el-col class="key" :span="12"> 账号昵称:</el-col>
-          <el-col class="val" :span="12">{{ form.fullName }}</el-col> -->
         </el-row>
         <el-row class="title" type="flex" justify="center" align="middle">财务信息</el-row>
         <el-row class="info" type="flex" justify="center" align="middle">用户业务信息和个人信息配置</el-row>
@@ -403,142 +389,142 @@
         </el-row>
         <el-row :gutter="20">
           <el-col class="item_info" :span="24">
-            <span class="key"> ak: </span>
+            <span class="key">ak: </span>
             <span v-if="form_ak">
               {{ form.ak }}
               <i class="el-icon-edit" @click="form_ak = false"></i>
             </span>
             <span v-else>
               <input type="text" v-model="form.ak"/>
-              <button @click="addZJuser(form.ak)" class="yesBtn"> 保存 </button>
-              <button @click="form_ak = true" class="yesBtn">取消</button>
+              <button @click="addZJuser(form.ak)" class="yesBtn">保存</button>
+              <button @click="form_ak = true" class="cancelBtn">取消</button>
             </span>
           </el-col>
           <el-col class="item_info" :span="24">
-            <span class="key"> sk: </span>
+            <span class="key">sk: </span>
             <span v-if="form_sk">
               {{ form.sk }}
               <i class="el-icon-edit" @click="form_sk = false"></i>
             </span>
             <span v-else>
               <input type="text" v-model="form.sk"/>
-              <button @click="addZJuser(form.sk)" class="yesBtn"> 保存 </button>
-              <button @click="form_sk = true" class="yesBtn">取消</button>
+              <button @click="addZJuser(form.sk)" class="yesBtn">保存</button>
+              <button @click="form_sk = true" class="cancelBtn">取消</button>
             </span>
           </el-col>
           <el-col class="item_info" :span="24">
-            <span class="key"> 腾讯id: </span>
+            <span class="key">腾讯id: </span>
             <span v-if="form_thirdId">
               {{ form.thirdId }}
               <i class="el-icon-edit" @click="form_thirdId = false"></i>
             </span>
             <span v-else>
               <input type="text" v-model="form.thirdId"/>
-              <button @click="addZJuser(form.thirdId)" class="yesBtn"> 保存 </button>
-              <button @click="form_thirdId = true" class="yesBtn">取消</button>
+              <button @click="addZJuser(form.thirdId)" class="yesBtn">保存</button>
+              <button @click="form_thirdId = true" class="cancelBtn">取消</button>
             </span>
           </el-col>
           <el-col class="item_info" :span="24">
-            <span class="key"> 腾讯appId: </span>
+            <span class="key">腾讯appId: </span>
             <span v-if="form_appId">
               {{ form.appId }}
               <i class="el-icon-edit" @click="form_appId = false"></i>
             </span>
             <span v-else>
               <input type="text" v-model="form.appId"/>
-              <button @click="addZJuser(form.appId)" class="yesBtn"> 保存 </button>
-              <button @click="form_appId = true" class="yesBtn">取消</button>
+              <button @click="addZJuser(form.appId)" class="yesBtn">保存</button>
+              <button @click="form_appId = true" class="cancelBtn">取消</button>
             </span>
           </el-col>
           <el-col class="item_info" :span="24">
-            <span class="key"> 备注: </span>
+            <span class="key">备注: </span>
             <span v-if="form_remark">
               {{ form.remark }}
               <i class="el-icon-edit" @click="form_remark = false"></i>
             </span>
             <span v-else>
               <input type="text" v-model="form.remark"/>
-              <button @click="addZJuser(form.remark)" class="yesBtn"> 保存 </button>
-              <button @click="form_remark = true" class="yesBtn">取消</button>
+              <button @click="addZJuser(form.remark)" class="yesBtn">保存</button>
+              <button @click="form_remark = true" class="cancelBtn">取消</button>
             </span>
           </el-col>
           <el-col class="item_info" :span="24">
-            <span class="key">   {{ "渠道商id" }}</span>
+            <span class="key">{{ "渠道商id" }}</span>
           </el-col>
         </el-row>
       </div>
       <div class="detailedInformation">
         <el-row :gutter="20">
           <el-col class="item_info" :span="24">
-            <span class="key"> 开户行: </span>
+            <span class="key">开户行: </span>
             <span v-if="form_bankName">
               {{ form.bankName }}
               <i class="el-icon-edit" @click="form_bankName = false"></i>
             </span>
             <span v-else>
               <input type="text" v-model="form.bankName"/>
-              <button @click="addZJuser(form.bankName)" class="yesBtn"> 保存 </button>
-              <button @click="form_bankName = true" class="yesBtn">取消</button>
+              <button @click="addZJuser(form.bankName)" class="yesBtn">保存</button>
+              <button @click="form_bankName = true" class="cancelBtn">取消</button>
             </span>
           </el-col>
           <el-col class="item_info" :span="24">
-            <span class="key"> 银行账号: </span>
+            <span class="key">银行账号: </span>
             <span v-if="form_bankAcc">
               {{ form.bankAcc }}
               <i class="el-icon-edit" @click="form_bankAcc = false"></i>
             </span>
             <span v-else>
               <input type="text" v-model="form.bankAcc"/>
-              <button @click="addZJuser(form.bankAcc)" class="yesBtn"> 保存 </button>
-              <button @click="form_bankAcc = true" class="yesBtn">取消</button>
+              <button @click="addZJuser(form.bankAcc)" class="yesBtn">保存</button>
+              <button @click="form_bankAcc = true" class="cancelBtn">取消</button>
             </span>
           </el-col>
           <el-col class="item_info" :span="24">
-            <span class="key"> 发票抬头: </span>
+            <span class="key">发票抬头: </span>
             <span v-if="form_identityName">
               {{ form.identityName }}
               <i class="el-icon-edit" @click="form_identityName = false"></i>
             </span>
             <span v-else>
               <input type="text" v-model="form.identityName"/>
-              <button @click="addZJuser(form.identityName)" class="yesBtn"> 保存 </button>
-              <button @click="form_identityName = true" class="yesBtn">取消</button>
+              <button @click="addZJuser(form.identityName)" class="yesBtn">保存</button>
+              <button @click="form_identityName = true" class="cancelBtn">取消</button>
             </span>
           </el-col>
           <el-col class="item_info" :span="24">
-            <span class="key"> 发票联系电话: </span>
+            <span class="key">发票联系电话: </span>
             <span v-if="form_taxAddress">
               {{ form.taxAddress }}
               <i class="el-icon-edit" @click="form_taxAddress = false"></i>
             </span>
             <span v-else>
               <input type="text" v-model="form.taxAddress"/>
-              <button @click="addZJuser(form.taxAddress)" class="yesBtn"> 保存 </button>
-              <button @click="form_taxAddress = true" class="yesBtn">取消</button>
+              <button @click="addZJuser(form.taxAddress)" class="yesBtn">保存</button>
+              <button @click="form_taxAddress = true" class="cancelBtn">取消</button>
             </span>
           </el-col>
           <el-col class="item_info" :span="24">
-            <span class="key"> 纳税人识别号: </span>
+            <span class="key">纳税人识别号: </span>
             <span v-if="form_taxTel">
               {{ form.taxTel }}
               <i class="el-icon-edit" @click="form_taxTel = false"></i>
             </span>
             <span v-else>
               <input type="text" v-model="form.taxTel"/>
-              <button @click="addZJuser(form.taxTel)" class="yesBtn"> 保存 </button>
-              <button @click="form_taxTel = true" class="yesBtn">取消</button>
+              <button @click="addZJuser(form.taxTel)" class="yesBtn">保存</button>
+              <button @click="form_taxTel = true" class="cancelBtn">取消</button>
             </span>
           </el-col>
           <el-col class="item_info" :span="24">
-            <span class="key"> 统一社会信用代码: </span>
+            <span class="key">统一社会信用代码: </span>
             <span v-if="form_taxpayerIdentity">
               {{ form.taxpayerIdentity }}
               <i class="el-icon-edit" @click="form_taxpayerIdentity = false"></i>
             </span>
             <span v-else>
               <input type="text" v-model="form.taxpayerIdentity"/>
-              <button @click="addZJuser(form.taxpayerIdentity)" class="yesBtn"> 保存 </button>
-              <button @click="form_taxpayerIdentity = true" class="yesBtn">取消</button>
+              <button @click="addZJuser(form.taxpayerIdentity)" class="yesBtn">保存</button>
+              <button @click="form_taxpayerIdentity = true" class="cancelBtn">取消</button>
             </span>
           </el-col>
         </el-row>
@@ -558,29 +544,27 @@
       </span>
     </el-dialog>
 
-    <!-- 获取充值码弹窗 -->
     <el-dialog :visible.sync="dialogVisible" title="充值信息" width="500px" custom-class="get-charge-dialog"
                class="myDialog" :append-to-body="true">
       <div class="warning">注意：请在打款时备注摘里输入正确的充值码！</div>
       <div class="fontSize common-charge-style">
-        <span class="font"> 账户名称： </span>
-        <span> 开元云（北京）科技有限公司 </span>
+        <span class="font">账户名称： </span>
+        <span>开元云（北京）科技有限公司</span>
       </div>
       <div class="fontSize common-charge-style">
-        <span class="font"> 账户： </span>
-        <span> 755960937210001 </span>
+        <span class="font">账户： </span>
+        <span>755960937210001</span>
       </div>
       <div class="fontSize common-charge-style">
-        <span class="font"> 开户行： </span>
-        <span> 招商银行北京自贸试验区商务中心区支行 </span>
+        <span class="font">开户行： </span>
+        <span>招商银行北京自贸试验区商务中心区支行</span>
       </div>
       <div class="common-charge-style">
-        <span class="font">  充值码： </span>
+        <span class="font">充值码： </span>
         <span><span
           style="font-weight: bold;margin-right: 5px">{{ mailCode }}</span>(充值码请在当天内使用，过期无效)</span>
       </div>
     </el-dialog>
-
   </div>
 </template>
 
@@ -594,9 +578,7 @@ import {addCustomerMailcodeAPI, getCustomerMailcodeAPI} from '@/api/customer/rec
 export default {
   data() {
     return {
-      // 获取用户代理字P串
       userAgent: window.navigator.userAgent,
-      // 判断是否为移动设备
       isMobile: false,
       dialogVisible: false,
       mailCode: '',
@@ -611,7 +593,7 @@ export default {
           {required: true, message: "请确认新密码", trigger: "blur"},
         ],
       },
-      passwordForm: { //修改密码表单
+      passwordForm: {
         password: "",
         newpassword: "",
         configPassword: "",
@@ -645,11 +627,8 @@ export default {
       form_taxTel: true,
       form_taxpayerIdentity: true,
       form_orgcode: true,
-      //用户id
       userId: sessionStorage.getItem("userId"),
-      //用户数据
       form: {},
-      //圆圈显示的字段
       nameText: "",
       url: ''
     };
@@ -662,10 +641,10 @@ export default {
     this.myBalance();
   },
   methods: {
-    goPersonal() {//返回个人信息页
+    goPersonal() {
       this.$router.push('/customer/customerInformation')
     },
-    getRechargeCode() {//点击获取充值码
+    getRechargeCode() {
       addCustomerMailcodeAPI({user_id: this.userId}).then(res => {
         if (res.status) {
           this.dialogVisible = true
@@ -694,26 +673,7 @@ export default {
         }
       })
     },
-    updatePassword() { //修改密码回调函数
-      // let params = {
-      //   id: this.userId,
-      //   password: this.passwordForm.password,
-      //   newpassword: this.passwordForm.newpassword,
-      // };
-      // editPasswordAPI(params).then((res) => {
-      //   if (res.status == true) {
-      //     this.$message({
-      //       message: "密码修改成功",
-      //       type: "success",
-      //     });
-      //     this.$router.push({name: "Login"});
-      //   } else {
-      //     this.$message({
-      //       message: res.msg,
-      //       type: "error",
-      //     });
-      //   }
-      // });
+    updatePassword() {
       this.$refs.passwordForm.validate((valid) => {
         if (valid) {
           if (
@@ -748,10 +708,10 @@ export default {
         }
       });
     },
-    onffline() {//线上充值
+    onffline() {
       this.onfflineVisible = true
     },
-    onsubmit() {//线上充值
+    onsubmit() {
       let pamars = {
         amount: this.onfflineForm.amount,
         userid: this.userId
@@ -778,7 +738,6 @@ export default {
           });
         }
       })
-
     },
     handleClose() {
       this.$nextTick(() => {
@@ -790,17 +749,15 @@ export default {
       this.$nextTick(() => {
         this.$refs.onfflineForm.resetFields()
         this.onfflineVisible = false
-
       })
     },
     cancel() {
       this.$nextTick(() => {
         this.$refs.onfflineForm.resetFields()
         this.onfflineVisible = false
-
       })
     },
-    getZJUserInfo() { //获取用户信息
+    getZJUserInfo() {
       var userid = {
         userid: sessionStorage.getItem("userId"),
       };
@@ -814,7 +771,7 @@ export default {
         });
       });
     },
-    myBalance() {//获取本人余额
+    myBalance() {
       myBalanceAPI().then((res) => {
         if (res.data == null) {
           this.balance = 0;
@@ -863,13 +820,13 @@ export default {
         this.notFindUsers();
       });
     },
-    open4() {//错误提示
+    open4() {
       this.$message.error("请您填写正确的信息");
     },
     notFindUsers() {
       this.$message.error("添加失败");
     },
-    open2() { //成功提示
+    open2() {
       this.$message({
         showClose: true,
         message: "添加成功",
@@ -879,6 +836,7 @@ export default {
   },
 };
 </script>
+
 <style lang="scss" scoped>
 @import "./index.scss";
 
@@ -889,165 +847,218 @@ export default {
 
 #box {
   padding: 0;
-  background-color: #ebebeb;
+  background-color: #f5f5f5;
   height: 100%;
   margin: 0;
-  overflow-x: scroll;
-  background-color: white;
+  overflow-x: hidden;
 }
 
 i {
   margin-left: 12px;
-  color: #27b3bc;
+  color: #409eff;
+  cursor: pointer;
+
+  &:hover {
+    color: #66b1ff;
+  }
+}
+
+// 通用按钮样式
+.yesBtn {
+  margin-left: 10px;
+  border: 1px solid #409eff;
+  color: #409eff;
+  background-color: transparent;
+  padding: 4px 10px;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 0.3s;
+
+  &:hover {
+    background-color: #ecf5ff;
+  }
+}
+
+.cancelBtn {
+  margin-left: 5px;
+  border: 1px solid #909399;
+  color: #909399;
+  background-color: transparent;
+  padding: 4px 10px;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 0.3s;
+
+  &:hover {
+    background-color: #f4f4f5;
+  }
 }
 
 //个人信息
 .myInformation {
   background-color: #ffffff;
-  //box-shadow: 1px 1px 3px rgb(141, 141, 141);
   min-width: 1100px;
-  height: 50px;
-  line-height: 50px;
-  padding: 0 20px;
+  height: 60px;
+  line-height: 60px;
+  padding: 0 30px;
   font-size: 20px;
-  font-weight: 550;
+  font-weight: 600;
+  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+  position: relative;
 }
 
 .myDialog {
   .warning {
-    margin-bottom: 7px;
-    color: red;
+    margin-bottom: 15px;
+    color: #e6a23c;
     font-weight: 600;
+    font-size: 14px;
   }
 
   .fontSize {
-    margin-bottom: 7px;
+    margin-bottom: 10px;
+    font-size: 14px;
   }
 
   .font {
-    font-size: 18px;
     font-weight: 600;
+    margin-right: 10px;
   }
 }
 
 // 基本信息
 .essentialInformation {
-  width: 85%;
-  min-width: 1100px;
-  // margin: auto;
+  width: 90%;
+  max-width: 1200px;
   background-color: #fff;
-  //box-shadow: 0 0 2px rgb(141, 141, 141);
   margin: 20px auto;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  padding: 20px;
 
   .one {
-    margin: 0px 0px 0px 0px;
+    margin: 0 0 20px 0;
     height: 40px;
     line-height: 40px;
-    padding-left: 25px;
     font-weight: 600;
+    font-size: 18px;
+    color: #303133;
+    border-bottom: 1px solid #ebeef5;
   }
 
   p {
-    // width: 150px;
-    white-space: nowrap;
     line-height: 30px;
-    height: 30px;
-    margin: 10px 50px;
-    font-size: 15px;
-    color: #505050;
+    margin: 10px 0;
+    font-size: 14px;
+    color: #606266;
   }
 
-  // span {
-  //   // width: 150px;
-  //   white-space: nowrap;
-  //   line-height: 30px;
-  //   height: 30px;
-  //   margin: 10px 50px;
-  //   font-size: 15px;
-  //   color: #505050;
-  // }
   //用户图片
   .userImg {
-    width: 70px;
-    height: 70px;
-    line-height: 70px;
+    width: 80px;
+    height: 80px;
+    line-height: 80px;
     border-radius: 50%;
-    background-color: #27b3bc;
+    background: linear-gradient(135deg, #409eff, #66b1ff);
     color: white;
-    font-size: 20px;
+    font-size: 24px;
     text-align: center;
     margin: 0 60px 0 10px;
+    box-shadow: 0 2px 8px rgba(64, 158, 255, 0.3);
   }
 
   .disp_top {
     display: flex;
-    padding: 5px;
+    padding: 15px 0;
     align-items: center;
     flex-wrap: nowrap;
-    // p {
-    //   height: 30;
-    //   margin: 10px 50px;
-    // }
   }
 
   .userID {
-    width: 450px;
-    margin-right: 35px;
+    width: 400px;
+    margin-right: 50px;
+
+    p {
+      font-weight: 500;
+    }
   }
 
   .userStatus {
     width: 400px;
+
+    p {
+      font-weight: 500;
+    }
   }
 
   .disp {
     display: flex;
+
+    > div:first-child {
+      flex: 0 0 120px;
+      color: #909399;
+    }
+
+    > div:last-child {
+      flex: 1;
+
+      p {
+        color: #303133;
+      }
+    }
   }
 }
 
 //详细信息
 .particular {
-  min-width: 1100px;
-  font-size: 16px;
-  // display: flex;
-  width: 85%;
+  width: 90%;
+  max-width: 1200px;
+  font-size: 14px;
   margin: 20px auto;
-  background-color: #fdfdfd;
-  //box-shadow: 0 0 2px rgb(141, 141, 141);
-  padding-left: 25px;
+  background-color: #fff;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  padding: 20px;
 
   > div {
     display: flex;
     justify-content: flex-start;
-    flex-wrap: nowrap;
+    flex-wrap: wrap;
   }
 
   > p:nth-child(1) {
-    // margin: 5px 20px;
-    // font-size: 15px;
-    // color: #505050;
-    margin: 0px 0px 0px 0px;
+    margin: 0 0 10px 0;
     height: 40px;
     line-height: 40px;
-    // padding-left: 25px;
     font-weight: 600;
+    font-size: 18px;
+    color: #303133;
+    border-bottom: 1px solid #ebeef5;
   }
 
   > p:nth-child(2) {
-    margin: 0px 0px 0px 0px;
+    margin: 0 0 20px 0;
     font-size: 14px;
-    color: #a5a5a5;
+    color: #909399;
   }
 
   .particular_disp {
     display: flex;
     width: 500px;
-
-    p {
-      height: 18px;
-    }
+    margin-top: 15px;
 
     > div:nth-child(1) {
-      margin-right: 60px;
+      flex: 0 0 120px;
+      color: #909399;
+    }
+
+    > div:nth-child(2) {
+      flex: 1;
+
+      p {
+        color: #303133;
+        margin-bottom: 15px;
+      }
     }
   }
 }
@@ -1055,52 +1066,32 @@ i {
 .hint {
   font-size: 12px;
   margin-left: 10px;
-  color: #34bac4;
-}
-
-.yesBtn {
-  margin: left 10px;
-  border: none;
-  color: #27b3bc;
-  background-color: rgba($color: #000000, $alpha: 0);
+  color: #e6a23c;
 }
 
 .balance-style {
-  mix-blend-mode: normal;
-  color: rgba(1, 119, 248, 1);
-  font-family: PingFang SC;
+  color: #409eff;
   font-weight: 600;
-  font-size: 21px;
+  font-size: 18px;
+  cursor: pointer;
 
   &:hover {
-    cursor: pointer;
-    text-decoration: underline
+    text-decoration: underline;
   }
 }
 
-.tow-btn {
-  width: 360px;
-  display: flex;
-  justify-content: space-around;
-  margin-left: -60px;
-}
-
 .title-word {
-  mix-blend-mode: normal;
-  text-align: center;
-  color: rgba(0, 0, 0, 1);
-  font-family: PingFang SC;
+  color: #303133;
   font-weight: 600;
-  font-size: 16px;
-  margin-left: 10px;
+  font-size: 18px;
+  margin-left: 15px;
 }
 
 .after-icon {
   width: 4px;
-  height: 16px;
-  mix-blend-mode: normal;
+  height: 18px;
   border-radius: 2px;
-  background: rgba(17, 93, 245, 1);
+  background: #409eff;
 }
 
 .top-header {
@@ -1111,49 +1102,37 @@ i {
 }
 
 .right-header {
-  width: 300px;
   position: absolute;
-  top: 0;
-  right: 0;
+  top: 50%;
+  right: 30px;
+  transform: translateY(-50%);
   display: flex;
-  justify-content: flex-start;
-  align-self: center;
   flex-direction: column;
-
+  gap: 10px;
 }
 
 .price-word {
-  // mix-blend-mode: normal;
-  color: rgba(0, 0, 0, 1);
-  font-family: PingFang SC;
+  color: #606266;
   font-size: 14px;
   padding-right: 10px;
-  width: 100px;
-}
-
-.update-password {
-  margin-top: 10px;
-  //border: 1px solid red;
-  display: inline-block;
-  width: 96px;
-  height: 26px;
-  mix-blend-mode: normal;
-  border-radius: 16px;
-  background: rgba(1, 119, 248, 1);
-  font-size: 14px;
+  width: 120px;
 }
 
 .kong {
-  height: 15px;
-  //border:1px solid red;
+  height: 20px;
   width: 100%;
-  background-color: #f7f7f7;
+  background-color: #f5f5f5;
 }
 
 .common-charge-style {
   display: flex;
   justify-content: flex-start;
   align-items: center;
+  margin-bottom: 10px;
+
+  .font {
+    flex: 0 0 80px;
+  }
 }
 
 .item-style {
@@ -1161,15 +1140,136 @@ i {
   justify-content: flex-start;
   align-items: center;
 }
-</style>
-<style>
-@media screen and (max-width: 760px) {
+
+// 移动端优化
+.mobileAgent {
+  width: 100% !important;
+  padding: 15px;
+  background-color: #f5f5f5;
+
+  .title {
+    font-weight: 600;
+    font-size: 20px;
+    height: 50px;
+    line-height: 50px;
+    margin: 10px 0;
+    color: #303133;
+    text-align: center;
+  }
+
+  .info {
+    margin: 0 0 15px 0;
+    font-size: 14px;
+    color: #909399;
+    text-align: center;
+  }
+
+  .userpic {
+    height: 70px;
+    display: flex;
+    justify-content: center;
+    margin-bottom: 20px;
+
+    .userImg {
+      width: 70px;
+      height: 70px;
+      line-height: 70px;
+      border-radius: 50%;
+      background: linear-gradient(135deg, #409eff, #66b1ff);
+      color: white;
+      font-size: 20px;
+      text-align: center;
+      box-shadow: 0 2px 8px rgba(64, 158, 255, 0.3);
+    }
+  }
+
+  .user_account,
+  .user_info,
+  .detailedInformation,
+  .tenct {
+    background: #fff;
+    border-radius: 8px;
+    padding: 15px;
+    margin-bottom: 15px;
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
+
+    .hint {
+      font-size: 12px;
+      margin-left: 10px;
+      color: #e6a23c;
+    }
+
+    .item_info {
+      height: auto;
+      line-height: 1.5;
+      margin-bottom: 15px;
+      padding: 10px 0;
+      border-bottom: 1px solid #eee;
+
+      &:last-child {
+        border-bottom: none;
+      }
+
+      .key {
+        font-size: 14px;
+        font-weight: 500;
+        color: #909399;
+        margin-bottom: 5px;
+      }
+
+      .val {
+        font-size: 15px;
+        color: #303133;
+        word-break: break-all;
+      }
+
+      input {
+        width: 100%;
+        margin: 5px 0;
+        padding: 8px 10px;
+        border: 1px solid #dcdfe6;
+        border-radius: 4px;
+        font-size: 14px;
+      }
+
+      .zfb {
+        vertical-align: middle;
+      }
+    }
+  }
+
+  .user_info, .detailedInformation {
+    .item_info {
+      .key, .val {
+        display: block;
+        width: 100%;
+      }
+    }
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .pcAgent {
+    display: none;
+  }
+
   .get-charge-dialog {
     width: 90vw !important;
   }
 }
 
+@media screen and (min-width: 769px) {
+  .mobileAgent {
+    display: none;
+  }
+}
+</style>
+
+<style>
 .get-charge-dialog {
   padding-bottom: 15px;
 }
 </style>
+
+
+
diff --git a/f/web-kboss/src/views/operationAndMaintenance/documentManagement/index.vue b/f/web-kboss/src/views/operationAndMaintenance/documentManagement/index.vue
index b8ebc6b..3fb856a 100644
--- a/f/web-kboss/src/views/operationAndMaintenance/documentManagement/index.vue
+++ b/f/web-kboss/src/views/operationAndMaintenance/documentManagement/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="backgroundColor">
     <div style="display:flex;">
     <el-button type="primary" size="small" @click="addDocument" style="margin:10px 0;">新增文档</el-button>
     </div>
diff --git a/f/web-kboss/src/views/operationAndMaintenance/productSupply/index.vue b/f/web-kboss/src/views/operationAndMaintenance/productSupply/index.vue
index abcbda6..99b48d8 100644
--- a/f/web-kboss/src/views/operationAndMaintenance/productSupply/index.vue
+++ b/f/web-kboss/src/views/operationAndMaintenance/productSupply/index.vue
@@ -1,7 +1,6 @@
 <template>
-  <div>
-    <div
-      style="display: flex;justify-content: flex-start;align-items: center;background: #fff;padding: 15px 5px;border-radius: 8px">
+  <div >
+    <div  style="display: flex;justify-content: flex-start;align-items: center;background: #fff;padding: 15px 20px;border-radius: 8px">
       <el-input clearable size="mini" placeholder="请输入查询内容" style="width: 150px;margin-right: 10px"
                 v-model="searchValue"></el-input>
       <el-button size="mini" icon="el-icon-search" :loading="loadingBtn" @click="searchProduct">查询</el-button>
@@ -73,7 +72,7 @@
         </el-button>
       </div>
     </el-drawer>
-    <div class="productList">
+    <div class="productList mt10">
       <div style="width: 100%;height: 100%;display: flex;justify-content: center;align-items: center"
            v-if="showLoading">
         <BigLoading></BigLoading>
@@ -405,9 +404,11 @@ export default {
 
 <style scoped lang="scss">
 .productList {
+  overflow: hidden;
+  padding-top: 10px;
   width: 100%;
   //border: 1px solid red;
-  height: calc(100vh - 130px);
+  height: calc(100vh - 160px);
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
diff --git a/f/web-kboss/src/views/sales/distributorManagement/index.vue b/f/web-kboss/src/views/sales/distributorManagement/index.vue
index f4e8ceb..88f5d46 100644
--- a/f/web-kboss/src/views/sales/distributorManagement/index.vue
+++ b/f/web-kboss/src/views/sales/distributorManagement/index.vue
@@ -1,86 +1,87 @@
 <template>
   <div class="box">
     <div class="left_box">
-      <div style="background-color: white;display:flex;">
-        <el-button @click="drawer = true" type="primary" size="small" style="margin: 10px 20px;">添加分销商</el-button>
+      <div style="background-color: white; display: flex; padding: 10px 20px;">
+        <el-button @click="drawer = true" type="primary" size="small">添加分销商</el-button>
       </div>
       <div class="distributor_box">
-        <el-table :data="distributorList" style="width: 100%" :unique-opened="true" height="calc(100vh - 130px)"
-                  v-loading="loading" highlight-current-row :row-key="getRowKeys" :expand-row-keys="expands"
-                  @expand-change="expandChangeHandler">
-          <el-table-column type="expand" min-width="150">
+        <el-table
+          :data="distributorList"
+          style="width: 100%"
+          :unique-opened="true"
+          height="calc(100vh - 130px)"
+          v-loading="loading"
+          highlight-current-row
+          :row-key="getRowKeys"
+          :expand-row-keys="expands"
+          @expand-change="expandChangeHandler"
+        >
+          <el-table-column type="expand">
             <template slot-scope="props">
-              <el-form label-position="left" inline class="demo-table-expand">
-                <el-row>
-                  <el-col :span="8" style="width: 100%;display: flex;justify-content: flex-start;align-items: center;">
-                    <el-form-item label="分销商名称:"
-                                  style="display: flex;justify-content: flex-start;padding-left: 15px">
-                      <span>{{ props.row.orgname }}</span></el-form-item>
+              <div class="expanded-details">
+                <el-row :gutter="20" class="detail-row">
+                  <el-col :span="12">
+                    <div class="detail-item">
+                      <span class="detail-label">分销商名称:</span>
+                      <span class="detail-value">{{ props.row.orgname }}</span>
+                    </div>
                   </el-col>
-                  <el-col :span="8" style="width: 100%;display: flex;justify-content: flex-start;align-items: center;">
-                    <el-form-item label="详细地址:"
-                                  style="display: flex;justify-content: flex-start;padding-left: 15px">
-                      <span>{{ props.row.address }}</span></el-form-item>
-                  </el-col>
-                  <el-col style="width: 100%;display: flex;justify-content: flex-start;align-items: center" :span="8">
-                    <el-form-item label="主营业务:"
-                                  style="display: flex;justify-content: flex-start;padding-left: 15px">
-                      <span>{{ props.row.main_business }}</span></el-form-item>
+                  <el-col :span="12">
+                    <div class="detail-item">
+                      <span class="detail-label">详细地址:</span>
+                      <span class="detail-value">{{ props.row.address }}</span>
+                    </div>
                   </el-col>
                 </el-row>
-                <el-row>
-                  <el-col :span="8" v-if="props.row.adminname"
-                          style="width: 100%;display: flex;justify-content: flex-start;align-items: center">
-                    <el-form-item label="管理员账号:"
-                                  style="display: flex;justify-content: flex-start;padding-left: 15px">
-                      <span>{{ props.row.adminname }}</span>
-                      <el-button type="primary" size="mini" @click="reset = true" style="margin-left: 20px">重置密码
-                      </el-button>
-                    </el-form-item>
+                <el-row :gutter="20" class="detail-row">
+                  <el-col :span="12">
+                    <div class="detail-item">
+                      <span class="detail-label">主营业务:</span>
+                      <span class="detail-value">{{ props.row.main_business }}</span>
+                    </div>
                   </el-col>
-                  <el-col :span="8" v-if="!props.row.adminname"
-                          style="width: 100%;display: flex;justify-content: flex-start;align-items: center">
-                    <el-form-item label="设置分销机构管理员:"
-                                  style="display: flex;justify-content: flex-start;padding-left: 15px">
-                      <el-button type="primary" size="mini" @click="addManagementDrawer = true">
-                        添加管理员
-                      </el-button>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="8" v-if="!domain_name"
-                          style="width: 100%;display: flex;justify-content: flex-start;align-items: center;">
-                    <el-form-item label="设置分销机构域名:"
-                                  style="display: flex;justify-content: flex-start;padding-left: 15px">
-                      <el-button type="primary" size="mini" @click="addDomainName(props.row)">
-                        添加域名
-                      </el-button>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12" v-if="domain_name"
-                          style="width: 100%;display: flex;justify-content: flex-start;align-items: center">
-                    <el-form-item label="分销机构域名:"
-                                  style="display: flex;justify-content: flex-start;padding-left: 15px">
-                      <span style="margin-right: 10px">{{ domain_name }}</span>
-                      <el-button type="primary" size="mini" @click="editDomainName(props.row)">重置域名</el-button>
-                      <el-button type="primary" class="tag-read"
-                                 :data-clipboard-text="url+'?domain_name='+props.row.domain_name" size="mini"
-                                 @click="copyLink(props.row)">复制链接
-                      </el-button>
-                    </el-form-item>
+                  <el-col :span="12">
+                    <div class="detail-item" v-if="props.row.adminname">
+                      <span class="detail-label">管理员账号:</span>
+                      <span class="detail-value">{{ props.row.adminname }}</span>
+                      <el-button type="primary" size="mini" @click="reset = true" style="margin-left: 10px;">重置密码</el-button>
+                    </div>
+                    <div class="detail-item" v-else>
+                      <span class="detail-label">设置分销机构管理员:</span>
+                      <el-button type="primary" size="mini" @click="addManagementDrawer = true">添加管理员</el-button>
+                    </div>
                   </el-col>
                 </el-row>
-              </el-form>
+                <el-row :gutter="20" class="detail-row">
+                  <el-col :span="24">
+                    <div class="detail-item" v-if="!domain_name">
+                      <span class="detail-label">设置分销机构域名:</span>
+                      <el-button type="primary" size="mini" @click="addDomainName(props.row)">添加域名</el-button>
+                    </div>
+                    <div class="detail-item" v-else>
+                      <span class="detail-label">分销机构域名:</span>
+                      <span class="detail-value">{{ domain_name }}</span>
+                      <el-button type="primary" size="mini" @click="editDomainName(props.row)" style="margin-left: 10px;">重置域名</el-button>
+                      <el-button
+                        type="primary"
+                        class="tag-read"
+                        :data-clipboard-text="url + '?domain_name=' + props.row.domain_name"
+                        size="mini"
+                        @click="copyLink(props.row)"
+                        style="margin-left: 10px;"
+                      >
+                        复制链接
+                      </el-button>
+                    </div>
+                  </el-col>
+                </el-row>
+              </div>
             </template>
           </el-table-column>
-          <el-table-column label="分销商名称" prop="orgname" min-width="180" align="center" header-align="center">
-          </el-table-column>
-          <el-table-column label="联系人" prop="contactor" min-width="180" align="center" header-align="center">
-          </el-table-column>
-          <el-table-column label="联系邮箱" prop="emailaddress" min-width="180" align="center" header-align="center">
-          </el-table-column>
-          <el-table-column label="联系人电话" prop="contactor_phone" min-width="180" align="center"
-                           header-align="center">
-          </el-table-column>
+          <el-table-column label="分销商名称" prop="orgname" min-width="180" align="center" header-align="center"></el-table-column>
+          <el-table-column label="联系人" prop="contactor" min-width="180" align="center" header-align="center"></el-table-column>
+          <el-table-column label="联系邮箱" prop="emailaddress" min-width="180" align="center" header-align="center"></el-table-column>
+          <el-table-column label="联系人电话" prop="contactor_phone" min-width="180" align="center" header-align="center"></el-table-column>
           <el-table-column label="操作" align="center" header-align="center" width="350px">
             <template slot-scope="props">
               <el-button size="small" @click="lookSaleMoney(props.row)" type="primary">查看销售额</el-button>
@@ -93,27 +94,41 @@
     </div>
 
     <!-- 添加/编辑域名弹窗 -->
-    <el-dialog :title="editDomainTitle" class="addDomainName" :visible.sync="addDomainNameVisible" width="40%"
-               :before-close="handleClose8">
-      <el-form label-width="100px" ref="addDomainName" :model="addDomainNameData"
-               :rules="addDomainNameRules">
-        <el-form-item label="域名:">
+    <el-dialog
+      :title="editDomainTitle"
+      class="addDomainName"
+      :visible.sync="addDomainNameVisible"
+      width="40%"
+      :before-close="handleClose8"
+    >
+      <el-form label-width="120px" ref="addDomainName" :model="addDomainNameData" :rules="addDomainNameRules">
+        <el-form-item label="域名:" prop="domain_name">
           <el-input placeholder="此不包含https或http,若无则不填写" v-model="addDomainNameData.domain_name"></el-input>
         </el-form-item>
-        <el-form-item label="icp许可号:" prop="">
+        <el-form-item label="ICP许可号:" prop="license_number">
           <el-input v-model="addDomainNameData.license_number"></el-input>
         </el-form-item>
-        <el-form-item label="icp许可证:">
-          <el-upload style="height: 60px; width: 60px" class="avatar-uploader" action="#" :show-file-list="false"
-                     :auto-upload="false" :on-change="handleAvatarSuccess2">
-            <img style="height: 60px; width: 60px" v-if="licenseUrl" :src="licenseUrl" class="avatar"/>
+        <el-form-item label="ICP许可证:">
+          <el-upload
+            class="avatar-uploader"
+            action="#"
+            :show-file-list="false"
+            :auto-upload="false"
+            :on-change="handleAvatarSuccess2"
+          >
+            <img v-if="licenseUrl" :src="licenseUrl" class="avatar" />
             <i v-else class="el-icon-plus avatar-uploader-icon"></i>
           </el-upload>
         </el-form-item>
-        <el-form-item label="公司logo图:">
-          <el-upload style="height: 60px; width: 60px" class="avatar-uploader" action="#" :show-file-list="false"
-                     :auto-upload="false" :on-change="handleAvatarSuccess1">
-            <img style="height: 60px; width: 60px" v-if="logoUrl" :src="logoUrl" class="avatar"/>
+        <el-form-item label="公司Logo:">
+          <el-upload
+            class="avatar-uploader"
+            action="#"
+            :show-file-list="false"
+            :auto-upload="false"
+            :on-change="handleAvatarSuccess1"
+          >
+            <img v-if="logoUrl" :src="logoUrl" class="avatar" />
             <i v-else class="el-icon-plus avatar-uploader-icon"></i>
           </el-upload>
         </el-form-item>
@@ -125,26 +140,38 @@
     </el-dialog>
 
     <!-- 查看协议弹出框 -->
-    <el-dialog title="协议列表" class="protocolVisibleDialog" :visible.sync="protocolVisible" fullscreen center
-               custom-class="saveAsDialog" :before-close="handleClose1">
-
-
+    <el-dialog
+      title="协议列表"
+      class="protocolVisibleDialog"
+      :visible.sync="protocolVisible"
+      fullscreen
+      center
+      custom-class="saveAsDialog"
+      :before-close="handleClose1"
+    >
       <el-tabs v-model="activeName" @tab-click="handleClickTab">
         <el-tab-pane label="添加协议" name="first">
           <el-button @click="addProtocolVisiboy = true" type="primary">添加协议</el-button>
 
-          <el-table :data="protocolList" min-width="400px" height="calc(100vh - 350px)" :expand-row-keys="expandss"
-                    :row-key="getRowKeyss"
-                    @expand-change="expandChangeHandlers">
+          <el-table
+            :data="protocolList"
+            min-width="400px"
+            height="calc(100vh - 350px)"
+            :expand-row-keys="expandss"
+            :row-key="getRowKeyss"
+            @expand-change="expandChangeHandlers"
+          >
             <el-table-column type="expand">
               <template slot-scope="props">
-                <el-table :data="floorPriceList" style="width: 100%" v-if="props.row.salemode == '2'" height="500">
-                  <el-table-column prop="providername" label="供应商">
-                  </el-table-column>
-                  <el-table-column prop="name" label="产品名称">
-                  </el-table-column>
-                  <el-table-column prop="ptype" label="产品类型">
-                  </el-table-column>
+                <el-table
+                  :data="floorPriceList"
+                  style="width: 100%"
+                  v-if="props.row.salemode == '2'"
+                  height="500"
+                >
+                  <el-table-column prop="providername" label="供应商"></el-table-column>
+                  <el-table-column prop="name" label="产品名称"></el-table-column>
+                  <el-table-column prop="ptype" label="产品类型"></el-table-column>
                   <el-table-column prop="shoujia" label="客户售价">
                     <template slot-scope="scope">
                       {{ scope.row.shoujia ? scope.row.shoujia : '-' }}
@@ -158,17 +185,17 @@
                     </template>
                   </el-table-column>
                 </el-table>
-                <el-table :data="discountList" style="width: 100%" v-if="props.row.salemode == '0'" height="500">
-                  <el-table-column min-width="180" prop="name" label="产品名称">
-                  </el-table-column>
-                  <el-table-column min-width="180" prop="ptype" label="产品类型">
-                  </el-table-column>
-                  <el-table-column min-width="180" prop="reseller_discount" label="分销商折扣">
-                  </el-table-column>
-                  <el-table-column min-width="180" prop="effect_date" label="生效日期">
-                  </el-table-column>
-                  <el-table-column min-width="180" prop="expire_date" label="失效日期">
-                  </el-table-column>
+                <el-table
+                  :data="discountList"
+                  style="width: 100%"
+                  v-if="props.row.salemode == '0'"
+                  height="500"
+                >
+                  <el-table-column min-width="180" prop="name" label="产品名称"></el-table-column>
+                  <el-table-column min-width="180" prop="ptype" label="产品类型"></el-table-column>
+                  <el-table-column min-width="180" prop="reseller_discount" label="分销商折扣"></el-table-column>
+                  <el-table-column min-width="180" prop="effect_date" label="生效日期"></el-table-column>
+                  <el-table-column min-width="180" prop="expire_date" label="失效日期"></el-table-column>
                   <el-table-column min-width="180" prop="expire_date" label="客户折扣">
                     <template slot-scope="scope">
                       {{ scope.row.kehu_discount ? scope.row.kehu_discount : '-' }}
@@ -181,18 +208,18 @@
                     </template>
                   </el-table-column>
                 </el-table>
-                <div style="display:flex;">
-                  <div style="width:50%;">
-                    <el-tabs type="border-card" @tab-click="handleClick" v-if="props.row.salemode == '1'">
+                <div style="display: flex;">
+                  <div style="width: 50%;">
+                    <el-tabs
+                      type="border-card"
+                      @tab-click="handleClick"
+                      v-if="props.row.salemode == '1'"
+                    >
                       <el-tab-pane label="周结" name="first" v-if="oldRpRebate[0]">
                         <el-table :data="oldRpRebate[0]" style="width: 100%" height="400">
-                          <el-table-column prop="rebate_rate" label="返佣率" width="180">
-                          </el-table-column>
-                          <el-table-column prop="sale_amount" label="最低销售额" width="180">
-                          </el-table-column>
-                          <el-table-column prop="rebate_rate" label="返佣周期" width="180">
-                            周结
-                          </el-table-column>
+                          <el-table-column prop="rebate_rate" label="返佣率" width="180"></el-table-column>
+                          <el-table-column prop="sale_amount" label="最低销售额" width="180"></el-table-column>
+                          <el-table-column prop="rebate_rate" label="返佣周期" width="180">周结</el-table-column>
                           <el-table-column label="操作">
                             <template slot-scope="props">
                               <el-button type="danger" @click="delRpRebate(props.row)" size="mini">删除</el-button>
@@ -202,13 +229,9 @@
                       </el-tab-pane>
                       <el-tab-pane label="月结" name="second" v-if="oldRpRebate[1]">
                         <el-table :data="oldRpRebate[1]" style="width: 100%" height="400">
-                          <el-table-column prop="rebate_rate" label="返佣率" width="180">
-                          </el-table-column>
-                          <el-table-column prop="sale_amount" label="最低销售额" width="180">
-                          </el-table-column>
-                          <el-table-column prop="rebate_rate" label="返佣周期" width="180">
-                            月结
-                          </el-table-column>
+                          <el-table-column prop="rebate_rate" label="返佣率" width="180"></el-table-column>
+                          <el-table-column prop="sale_amount" label="最低销售额" width="180"></el-table-column>
+                          <el-table-column prop="rebate_rate" label="返佣周期" width="180">月结</el-table-column>
                           <el-table-column prop="address" label="操作">
                             <template slot-scope="props">
                               <el-button type="danger" @click="delRpRebate(props.row)" size="mini">删除</el-button>
@@ -218,13 +241,9 @@
                       </el-tab-pane>
                       <el-tab-pane label="季结" name="third" v-if="oldRpRebate[2]">
                         <el-table :data="oldRpRebate[2]" style="width: 100%" height="400">
-                          <el-table-column prop="rebate_rate" label="返佣率" width="180">
-                          </el-table-column>
-                          <el-table-column prop="sale_amount" label="最低销售额" width="180">
-                          </el-table-column>
-                          <el-table-column prop="rebate_rate" label="返佣周期" width="180">
-                            季结
-                          </el-table-column>
+                          <el-table-column prop="rebate_rate" label="返佣率" width="180"></el-table-column>
+                          <el-table-column prop="sale_amount" label="最低销售额" width="180"></el-table-column>
+                          <el-table-column prop="rebate_rate" label="返佣周期" width="180">季结</el-table-column>
                           <el-table-column prop="address" label="操作">
                             <template slot-scope="props">
                               <el-button type="danger" @click="delRpRebate(props.row)" size="mini">删除</el-button>
@@ -234,13 +253,9 @@
                       </el-tab-pane>
                       <el-tab-pane label="半年结" name="fourth" v-if="oldRpRebate[3]">
                         <el-table :data="oldRpRebate[3]" style="width: 100%" height="400">
-                          <el-table-column prop="rebate_rate" label="返佣率" width="180">
-                          </el-table-column>
-                          <el-table-column prop="sale_amount" label="最低销售额" width="180">
-                          </el-table-column>
-                          <el-table-column prop="rebate_rate" label="返佣周期" width="180">
-                            半年结
-                          </el-table-column>
+                          <el-table-column prop="rebate_rate" label="返佣率" width="180"></el-table-column>
+                          <el-table-column prop="sale_amount" label="最低销售额" width="180"></el-table-column>
+                          <el-table-column prop="rebate_rate" label="返佣周期" width="180">半年结</el-table-column>
                           <el-table-column prop="address" label="操作">
                             <template slot-scope="props">
                               <el-button type="danger" @click="delRpRebate(props.row)" size="mini">删除</el-button>
@@ -250,13 +265,9 @@
                       </el-tab-pane>
                       <el-tab-pane label="年结" name="five" v-if="oldRpRebate[4]">
                         <el-table :data="oldRpRebate[4]" style="width: 100%" height="400">
-                          <el-table-column prop="rebate_rate" label="返佣率" width="180">
-                          </el-table-column>
-                          <el-table-column prop="sale_amount" label="最低销售额" width="180">
-                          </el-table-column>
-                          <el-table-column prop="rebate_rate" label="返佣周期" width="180">
-                            年结
-                          </el-table-column>
+                          <el-table-column prop="rebate_rate" label="返佣率" width="180"></el-table-column>
+                          <el-table-column prop="sale_amount" label="最低销售额" width="180"></el-table-column>
+                          <el-table-column prop="rebate_rate" label="返佣周期" width="180">年结</el-table-column>
                           <el-table-column prop="address" label="操作">
                             <template slot-scope="props">
                               <el-button type="danger" @click="delRpRebate(props.row)" size="mini">删除</el-button>
@@ -266,13 +277,9 @@
                       </el-tab-pane>
                       <el-tab-pane label="累计结算" name="six" v-if="oldRpRebate[5]">
                         <el-table :data="oldRpRebate[5]" style="width: 100%">
-                          <el-table-column prop="rebate_rate" label="返佣率" width="180">
-                          </el-table-column>
-                          <el-table-column prop="sale_amount" label="最低销售额" width="180">
-                          </el-table-column>
-                          <el-table-column prop="rebate_rate" label="返佣周期" width="180">
-                            累计
-                          </el-table-column>
+                          <el-table-column prop="rebate_rate" label="返佣率" width="180"></el-table-column>
+                          <el-table-column prop="sale_amount" label="最低销售额" width="180"></el-table-column>
+                          <el-table-column prop="rebate_rate" label="返佣周期" width="180">累计</el-table-column>
                           <el-table-column prop="address" label="操作">
                             <template slot-scope="props">
                               <el-button type="danger" @click="delRpRebate(props.row)" size="mini">删除</el-button>
@@ -282,17 +289,12 @@
                       </el-tab-pane>
                     </el-tabs>
                   </div>
-                  <div style="width:50%;" v-if="props.row.salemode == '1'">
+                  <div style="width: 50%;" v-if="props.row.salemode == '1'">
                     <el-table :data="kickbackProductList" style="width: 100%" border height="470">
-                      <el-table-column prop="name" label="产品名称">
-                      </el-table-column>
-                      <el-table-column prop="ptype" label="产品类型">
-                      </el-table-column>
-                      <!-- <el-table-column prop="reseller_discount" label="折扣率">
-                      </el-table-column> -->
+                      <el-table-column prop="name" label="产品名称"></el-table-column>
+                      <el-table-column prop="ptype" label="产品类型"></el-table-column>
                       <el-table-column label="操作">
                         <template slot-scope="scope">
-                          <!-- <el-button type="primary" @click="editDiscount(scope.row)">编辑</el-button> -->
                           <el-button type="danger" @click="delDiscount(scope.row)">删除</el-button>
                         </template>
                       </el-table-column>
@@ -301,8 +303,7 @@
                 </div>
               </template>
             </el-table-column>
-            <el-table-column label="起效日期" prop="start_date">
-            </el-table-column>
+            <el-table-column label="起效日期" prop="start_date"></el-table-column>
             <el-table-column label="失效日期" prop="end_date"></el-table-column>
             <el-table-column label="销售方式" prop="">
               <template slot-scope="props">
@@ -316,149 +317,187 @@
             </el-table-column>
             <el-table-column prop="id" label="操作">
               <template slot-scope="props">
-                <el-button type="primary" size="mini" v-if="props.row.salemode=='1'" @click="addkickback(props.row)">
+                <el-button
+                  type="primary"
+                  size="mini"
+                  v-if="props.row.salemode == '1'"
+                  @click="addkickback(props.row)"
+                >
                   添加产品
                 </el-button>
-                <!--                <el-button type="primary" @click="dialogRebateVisibleTrue(props.row)">-->
-                <!--                  {{ props.row.salemode == '1' ? '添加回佣率' : '添加产品' }}-->
-                <!--                </el-button>-->
                 <el-button size="mini" type="danger" @click="deleteProtocol(props.row)">删除</el-button>
               </template>
             </el-table-column>
           </el-table>
-
         </el-tab-pane>
         <el-tab-pane label="添加产品" name="second">
-
           <div>
-            <div v-if="protocolList.length>0">
-              <el-radio v-for="(item,index) in protocolList" :key="item.id" v-model="saleModeNew"
-                        @change="dialogRebateVisibleTrue(item)" :label="item.salemode" border>
+            <div v-if="protocolList.length > 0">
+              <el-radio
+                v-for="(item, index) in protocolList"
+                :key="item.id"
+                v-model="saleModeNew"
+                @change="dialogRebateVisibleTrue(item)"
+                :label="item.salemode"
+                border
+              >
                 {{ item.salemode === '0' ? '折扣' : item.salemode === '1' ? '返佣' : '底价' }}
-
               </el-radio>
             </div>
-
-
-            <!--            <el-radio v-model="saleModeNew" @change="dialogRebateVisibleTrue(protocolList[0])" label="0" border>折1扣-->
-            <!--            </el-radio>-->
-            <!--            <el-radio v-model="saleModeNew" @change="dialogRebateVisibleTrue(protocolList[1])" label="2" border>底2价-->
-            <!--            </el-radio>-->
           </div>
-          <span class="subTitle" v-if="currentList.salemode==='0'">
-         <span style="display: inline-block;margin-right: 10px;font-weight: bold">   设置折扣: </span><el-slider
-            style="width: 250px;" v-model="addDiscountData.discount" show-input :max="1"
-            :step="0.01"></el-slider>
+          <span class="subTitle" v-if="currentList.salemode === '0'">
+            <span style="display: inline-block; margin-right: 10px; font-weight: bold">设置折扣: </span>
+            <el-slider
+              style="width: 250px;"
+              v-model="addDiscountData.discount"
+              show-input
+              :max="1"
+              :step="0.01"
+            ></el-slider>
+          </span>
+          <span class="subTitle" v-else-if="currentList.salemode === '2'">
+            <span style="display: inline-block; margin-right: 10px; font-weight: bold">设置底价: </span>
+            <el-input-number
+              style="width: 140px;"
+              size="small"
+              v-model="addFloorprice.price"
+              @change="handleChange"
+              :min="0.0"
+              label="底价"
+            ></el-input-number>
           </span>
-          <span class="subTitle" v-else-if="currentList.salemode==='2'">
-                    <span style="display: inline-block;margin-right: 10px;font-weight: bold">   设置底价: </span>   <el-input-number
-            style="width: 140px;"
-            size="small"
-            v-model="addFloorprice.price"
-            @change="handleChange"
-            :min="0.0"
-
-            label="底价"></el-input-number></span>
           <el-table
             height="300px"
             :data="noConfig"
             @selection-change="handleSelectionChange"
-            style="width: 100%">
-            <el-table-column
-              min-width="180"
-              type="selection"
-              width="55">
-            </el-table-column>
-            <el-table-column
-              min-width="180"
-              prop="providername"
-              label="供应商">
-            </el-table-column>
-            <el-table-column
-              min-width="180"
-              prop="name"
-              label="产品名"
-              width="180">
-            </el-table-column>
-            <el-table-column
-              min-width="180"
-              prop="effect_date"
-              label="生效日期">
-            </el-table-column>
-            <el-table-column
-              min-width="180"
-              prop="expire_date"
-              label="失效日期">
-            </el-table-column>
-            <el-table-column
-              min-width="180"
-              prop="shoujia"
-              v-if="saleModeNew==='2'"
-              label="售价"
-            >
+            style="width: 100%"
+          >
+            <el-table-column type="selection" width="55"></el-table-column>
+            <el-table-column prop="providername" label="供应商"></el-table-column>
+            <el-table-column prop="name" label="产品名" width="180"></el-table-column>
+            <el-table-column prop="effect_date" label="生效日期"></el-table-column>
+            <el-table-column prop="expire_date" label="失效日期"></el-table-column>
+            <el-table-column prop="shoujia" v-if="saleModeNew === '2'" label="售价">
               <template slot-scope="scope">
                 {{ scope.row.shoujia }}￥
               </template>
             </el-table-column>
-            <el-table-column
-              min-width="180"
-              prop="kehu_discount"
-              label="客户折扣">
+            <el-table-column prop="kehu_discount" label="客户折扣">
               <template slot-scope="scope">
                 {{ scope.row.kehu_discount ? scope.row.kehu_discount : '-' }}
               </template>
             </el-table-column>
           </el-table>
+          <el-button @click="nowAdd" style="margin-top: 15px;">立即添加</el-button>
         </el-tab-pane>
-        <el-button @click="nowAdd">立即添加</el-button>
       </el-tabs>
-
-
     </el-dialog>
 
     <!-- 添加协议弹窗 -->
-    <el-dialog title="添加协议" :visible.sync="addProtocolVisiboy" width="35%" center custom-class="saveAsDialog"
-               :before-close="handleClose2">
-      <el-form :model="addProtocolData" label-width="150px" :rules="addProtocolDataRules" ref="addProtocolDataRules">
+    <el-dialog
+      title="添加协议"
+      :visible.sync="addProtocolVisiboy"
+      width="35%"
+      center
+      custom-class="saveAsDialog"
+      :before-close="handleClose2"
+    >
+      <el-form
+        :model="addProtocolData"
+        label-width="150px"
+        :rules="addProtocolDataRules"
+        ref="addProtocolDataRules"
+      >
         <el-form-item label="结算方式：" prop="salemode">
           <el-select v-model="addProtocolData.salemode" placeholder="请选择结算方式">
-            <el-option v-for="item in saleMode" :key="item.value" :label="item.label" :value="item.value">
-            </el-option>
+            <el-option
+              v-for="item in saleMode"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            ></el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="结算周期：" prop="settle_mode" v-if="addProtocolData.salemode != '1'">
           <el-select v-model="addProtocolData.settle_mode" placeholder="请选择结算周期">
-            <el-option v-for="item in settleMode" :key="item.value" :label="item.label" :value="item.value">
-            </el-option>
+            <el-option
+              v-for="item in settleMode"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            ></el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="结算周期：" prop="settle_mode" v-if="addProtocolData.salemode == '1'">
           <el-select v-model="addProtocolData.settle_mode" placeholder="请选择结算周期">
-            <el-option v-for="item in settleModeRebate" :key="item.value" :label="item.label" :value="item.value">
-            </el-option>
+            <el-option
+              v-for="item in settleModeRebate"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            ></el-option>
           </el-select>
         </el-form-item>
-        <!--⬇ prop="settle_dp" ⬇-->
-        <el-form-item label="结算日期模板：" v-if="
+        <el-form-item
+          label="结算日期模板："
+          v-if="
             addProtocolData.settle_mode !== '0' &&
             addProtocolData.settle_mode !== '1' &&
             addProtocolData.settle_mode !== ''
-          " prop="settle_mode">
-          <el-select v-model="Y" placeholder="请选择每年的哪月结算" v-if="addProtocolData.settle_mode == 5">
-            <el-option v-for="item in datepY" :key="item.value" :label="item.label" :value="item.value"></el-option>
+          "
+          prop="settle_mode"
+        >
+          <el-select
+            v-model="Y"
+            placeholder="请选择每年的哪月结算"
+            v-if="addProtocolData.settle_mode == 5"
+          >
+            <el-option
+              v-for="item in datepY"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            ></el-option>
           </el-select>
-          <el-select v-model="W" placeholder="请选择在每周几结算" v-if="addProtocolData.settle_mode == 2">
-            <el-option v-for="item in datepW" :key="item.value" :label="item.label" :value="item.value"></el-option>
+          <el-select
+            v-model="W"
+            placeholder="请选择在每周几结算"
+            v-if="addProtocolData.settle_mode == 2"
+          >
+            <el-option
+              v-for="item in datepW"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            ></el-option>
           </el-select>
-          <el-select v-model="S" placeholder="请选择每季的第几个月结算" v-if="addProtocolData.settle_mode == 4">
-            <el-option v-for="item in datepS" :key="item.value" :label="item.label" :value="item.value"></el-option>
+          <el-select
+            v-model="S"
+            placeholder="请选择每季的第几个月结算"
+            v-if="addProtocolData.settle_mode == 4"
+          >
+            <el-option
+              v-for="item in datepS"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            ></el-option>
           </el-select>
-          <el-select v-model="M" placeholder="请选择每月的第几号结算" v-if="
+          <el-select
+            v-model="M"
+            placeholder="请选择每月的第几号结算"
+            v-if="
               addProtocolData.settle_mode == 3 ||
               addProtocolData.settle_mode == 4 ||
               addProtocolData.settle_mode == 5
-            ">
-            <el-option v-for="item in datepM" :key="item.value" :label="item.label" :value="item.value"></el-option>
+            "
+          >
+            <el-option
+              v-for="item in datepM"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            ></el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="起效日期">
@@ -468,9 +507,16 @@
           <el-date-picker v-model="endDate"></el-date-picker>
         </el-form-item>
         <el-form-item label="协议文件">
-          <el-upload class="upload-demo" :action="addProtocolData.protocolfile" :before-upload="beforeUpload"
-                     :on-change="handleAvatarSuccess" :on-exceed="handleExceed" :file-list="fileList" :limit="1"
-                     :on-remove="handleRemoves">
+          <el-upload
+            class="upload-demo"
+            :action="addProtocolData.protocolfile"
+            :before-upload="beforeUpload"
+            :on-change="handleAvatarSuccess"
+            :on-exceed="handleExceed"
+            :file-list="fileList"
+            :limit="1"
+            :on-remove="handleRemoves"
+          >
             <span>{{ currentFiles.name }}</span>
             <el-button size="small" type="primary">点击上传</el-button>
             <div slot="tip" class="el-upload__tip">
@@ -486,10 +532,23 @@
     </el-dialog>
 
     <!-- 添加分销商弹窗 -->
-    <el-dialog title="添加分销商" :visible.sync="drawer" :close-on-click-modal="false" width="45%" center
-               custom-class="saveAsDialog" :before-close="handleClose7">
+    <el-dialog
+      title="添加分销商"
+      :visible.sync="drawer"
+      :close-on-click-modal="false"
+      width="45%"
+      center
+      custom-class="saveAsDialog"
+      :before-close="handleClose7"
+    >
       <div style="width: 100%; height: 55vh; overflow-y: auto">
-        <el-form :model="addDistributor" :rules="rules" ref="addDistributor" label-width="150px" class="demo-ruleForm">
+        <el-form
+          :model="addDistributor"
+          :rules="rules"
+          ref="addDistributor"
+          label-width="150px"
+          class="demo-ruleForm"
+        >
           <el-form-item label="机构名称：" prop="orgname">
             <el-input v-model="addDistributor.orgname"></el-input>
           </el-form-item>
@@ -515,15 +574,20 @@
             <el-input v-model="addDistributor.main_business"></el-input>
           </el-form-item>
           <el-form-item label="添加营业执照：" prop="license_img">
-            <el-upload class="avatar-uploader" action="#" :show-file-list="false" :auto-upload="false"
-                       :on-change="handleAvatarSuccess" :on-remove="handleRemove">
-              <img v-if="imageUrl" :src="imageUrl" class="avatar"/>
-              <i style="
-                  font-size: 60px;
-                  border: 1px solid #aaa;
-                  padding: 10px;
-                  color: #aaa;
-                " v-else class="el-icon-plus avatar-uploader-icon"></i>
+            <el-upload
+              class="avatar-uploader"
+              action="#"
+              :show-file-list="false"
+              :auto-upload="false"
+              :on-change="handleAvatarSuccess"
+              :on-remove="handleRemove"
+            >
+              <img v-if="imageUrl" :src="imageUrl" class="avatar" />
+              <i
+                style="font-size: 60px; border: 1px solid #aaa; padding: 10px; color: #aaa;"
+                v-else
+                class="el-icon-plus avatar-uploader-icon"
+              ></i>
             </el-upload>
           </el-form-item>
         </el-form>
@@ -532,13 +596,23 @@
         <el-button type="primary" @click="goAddDistributor('addDistributor')">立即添加</el-button>
         <el-button @click="resetForm('addDistributor')">重置</el-button>
       </div>
-      <!-- </el-drawer> -->
     </el-dialog>
 
     <!-- 重置密码弹窗 -->
-    <el-dialog title="重置密码" :visible.sync="reset" width="30%" center custom-class="saveAsDialog">
-      <el-form :model="updatepassword" :rules="updatepasswordform" ref="updatepassword" label-width="150px"
-               class="demo-ruleForm">
+    <el-dialog
+      title="重置密码"
+      :visible.sync="reset"
+      width="30%"
+      center
+      custom-class="saveAsDialog"
+    >
+      <el-form
+        :model="updatepassword"
+        :rules="updatepasswordform"
+        ref="updatepassword"
+        label-width="150px"
+        class="demo-ruleForm"
+      >
         <el-form-item label="账号名：">
           <span>{{ adminname.adminname }}</span>
         </el-form-item>
@@ -556,17 +630,35 @@
     </el-dialog>
 
     <!-- 设置折扣弹窗 -->
-    <el-dialog title="设置折扣" :visible.sync="addDiscountVisible" width="35%" :before-close="handleClose3">
+    <el-dialog
+      title="设置折扣"
+      :visible.sync="addDiscountVisible"
+      width="35%"
+      :before-close="handleClose3"
+    >
       <el-form label-width="100px" ref="addDiscountData" :model="addDiscountData">
         <el-form-item label="折扣:">
-          <el-slider v-model="addDiscountData.discount" show-input :max="1" :step="0.01">
-          </el-slider>
+          <el-slider
+            v-model="addDiscountData.discount"
+            show-input
+            :max="1"
+            :step="0.01"
+          ></el-slider>
         </el-form-item>
         <el-form-item label="选择产品:" v-if="!isEdit">
-          <el-select multiple v-model="addDiscountData.productid" collapse-tags placeholder="请选择产品"
-                     style="width:300px;">
-            <el-option v-for="item in noConfig" :key="item.id" :label="item.name" :value="item.id">
-            </el-option>
+          <el-select
+            multiple
+            v-model="addDiscountData.productid"
+            collapse-tags
+            placeholder="请选择产品"
+            style="width: 300px;"
+          >
+            <el-option
+              v-for="item in noConfig"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            ></el-option>
           </el-select>
         </el-form-item>
       </el-form>
@@ -577,17 +669,35 @@
     </el-dialog>
 
     <!-- 设置底价弹窗 -->
-    <el-dialog title="设置底价" :visible.sync="addFloorPriceVisible" width="50%" :before-close="handleClose5">
+    <el-dialog
+      title="设置底价"
+      :visible.sync="addFloorPriceVisible"
+      width="50%"
+      :before-close="handleClose5"
+    >
       <el-form label-width="100px" :model="addFloorprice">
         <el-form-item label="底价:">
-          <el-input-number v-model="addFloorprice.price" @change="handleChange" :min="0.0"
-                           label="底价"></el-input-number>
+          <el-input-number
+            v-model="addFloorprice.price"
+            @change="handleChange"
+            :min="0.0"
+            label="底价"
+          ></el-input-number>
         </el-form-item>
         <el-form-item label="选择产品:" v-if="!isEdit">
-          <el-select collapse-tags multiple v-model="addFloorprice.productid" placeholder="请选择产品"
-                     style="width:300px;">
-            <el-option v-for="item in noConfig" :key="item.id" :label="item.name" :value="item.id">
-            </el-option>
+          <el-select
+            collapse-tags
+            multiple
+            v-model="addFloorprice.productid"
+            placeholder="请选择产品"
+            style="width: 300px;"
+          >
+            <el-option
+              v-for="item in noConfig"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            ></el-option>
           </el-select>
         </el-form-item>
       </el-form>
@@ -598,9 +708,14 @@
     </el-dialog>
 
     <!-- 增加返佣弹窗 -->
-    <el-dialog title="增加返佣" :visible.sync="addRpRebateCtlDialogVisible" width="35%" :before-close="handleClose4">
-      <el-form label-width="100px">
-        <el-form-item label="返佣周期" :model="addRebateData">
+    <el-dialog
+      title="增加返佣"
+      :visible.sync="addRpRebateCtlDialogVisible"
+      width="35%"
+      :before-close="handleClose4"
+    >
+      <el-form label-width="100px" :model="addRebateData">
+        <el-form-item label="返佣周期">
           <el-select v-model="addRebateData.rebate_cycle" placeholder="请选择返佣周期">
             <el-option label="周结" value="0"></el-option>
             <el-option label="月结" value="1"></el-option>
@@ -614,8 +729,12 @@
           <el-input v-model="addRebateData.sale_amount"></el-input>
         </el-form-item>
         <el-form-item label="返佣率">
-          <el-slider v-model="addRebateData.rebate_rate" show-input :max="1" :step="0.01">
-          </el-slider>
+          <el-slider
+            v-model="addRebateData.rebate_rate"
+            show-input
+            :max="1"
+            :step="0.01"
+          ></el-slider>
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
@@ -625,11 +744,26 @@
     </el-dialog>
 
     <!-- 添加返佣产品弹窗 -->
-    <el-dialog title="添加返佣产品" :visible.sync="addKickbackProductVisible" width="35%" :before-close="handleClose6">
-      <el-form label-width="100px">
-        <el-form-item label="产品:" :model="addKickbackProductDate">
-          <el-select multiple collapse-tags v-model="addKickbackProductDate.productid" placeholder="请选择产品">
-            <el-option v-for="item in kickbackList" :key="item.id" :label="item.name" :value="item.id"></el-option>
+    <el-dialog
+      title="添加返佣产品"
+      :visible.sync="addKickbackProductVisible"
+      width="35%"
+      :before-close="handleClose6"
+    >
+      <el-form label-width="100px" :model="addKickbackProductDate">
+        <el-form-item label="产品:">
+          <el-select
+            multiple
+            collapse-tags
+            v-model="addKickbackProductDate.productid"
+            placeholder="请选择产品"
+          >
+            <el-option
+              v-for="item in kickbackList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            ></el-option>
           </el-select>
         </el-form-item>
       </el-form>
@@ -640,9 +774,19 @@
     </el-dialog>
 
     <!-- 添加分销商管理员弹出框 -->
-    <el-dialog title="添加分销商管理员" :visible.sync="addManagementDrawer" direction="rtl" size="60%">
-      <el-form :model="addDistributorManagement" :rules="addManagementRules" ref="addDistributorManagement"
-               label-width="150px" class="demo-ruleForm">
+    <el-dialog
+      title="添加分销商管理员"
+      :visible.sync="addManagementDrawer"
+      direction="rtl"
+      size="60%"
+    >
+      <el-form
+        :model="addDistributorManagement"
+        :rules="addManagementRules"
+        ref="addDistributorManagement"
+        label-width="150px"
+        class="demo-ruleForm"
+      >
         <el-form-item label="姓名：" prop="username">
           <el-input v-model="addDistributorManagement.username"></el-input>
         </el-form-item>
@@ -662,46 +806,88 @@
           <el-input v-model="addDistributorManagement.nick_name"></el-input>
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" @click="goAddDistributorManage('addDistributorManagement')">立即添加</el-button>
+          <el-button type="primary" @click="goAddDistributorManage('addDistributorManagement')"
+            >立即添加</el-button
+          >
           <el-button @click="resetForm('addDistributorManagement')">取消</el-button>
         </el-form-item>
       </el-form>
     </el-dialog>
 
-    <!--    查看销售额弹窗-->
-    <el-dialog title="查看销售额" class="openLookSaleMoneyDialog" :visible.sync="openLookSaleMoney" width="70%"
-               fullscreen center custom-class="saveAsDialogMonye">
+    <!-- 查看销售额弹窗 -->
+    <el-dialog
+      title="查看销售额"
+      class="openLookSaleMoneyDialog"
+      :visible.sync="openLookSaleMoney"
+      width="70%"
+      fullscreen
+      center
+      custom-class="saveAsDialogMonye"
+    >
       <!--时间搜索模块-->
       <div class="timeSearch">
         <div class="dataSearch">
-          <el-date-picker v-model="saleTime" type="daterange" start-placeholder="开始日期" end-placeholder="结束日期"
-                          format="yyyy-MM-dd" value-format="yyyy-MM-dd">
-          </el-date-picker>
+          <el-date-picker
+            v-model="saleTime"
+            type="daterange"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+          ></el-date-picker>
           <el-button type="primary" class="button" @click="searchSaleTimeMoney">查询</el-button>
         </div>
         <div class="allSaleMoney">
-          <h3>当前销售总额为:{{ allSaleMoney }}元</h3>
+          <h3>当前销售总额为: {{ allSaleMoney }}元</h3>
         </div>
       </div>
       <div class="tableStyleMoney">
-        <el-table :data="currentPageData" style="height: 10px;" border v-if="searchSaleMoneyList.length>0">
-          <el-table-column property="customername" label="顾客名称" min-width="150" align="center"
-                           header-align="center"></el-table-column>
-          <el-table-column property="productname" label="产品名称" min-width="200" align="center"
-                           header-align="center"></el-table-column>
-          <el-table-column property="quantity" label="购买产品数量" min-width="150" align="center"
-                           header-align="center"></el-table-column>
-          <el-table-column property="amount" label="产品价格" min-width="150" align="center"
-                           header-align="center"></el-table-column>
-          <el-table-column property="bill_date" label="购买日期" min-width="160" align="center"
-                           header-align="center"></el-table-column>
-          <el-table-column property="business_op" label="业务操作" min-width="150" align="center" header-align="center">
+        <el-table :data="currentPageData" style="height: 10px;" border v-if="searchSaleMoneyList.length > 0">
+          <el-table-column
+            property="customername"
+            label="顾客名称"
+            min-width="150"
+            align="center"
+            header-align="center"
+          ></el-table-column>
+          <el-table-column
+            property="productname"
+            label="产品名称"
+            min-width="200"
+            align="center"
+            header-align="center"
+          ></el-table-column>
+          <el-table-column
+            property="quantity"
+            label="购买产品数量"
+            min-width="150"
+            align="center"
+            header-align="center"
+          ></el-table-column>
+          <el-table-column
+            property="amount"
+            label="产品价格"
+            min-width="150"
+            align="center"
+            header-align="center"
+          ></el-table-column>
+          <el-table-column
+            property="bill_date"
+            label="购买日期"
+            min-width="160"
+            align="center"
+            header-align="center"
+          ></el-table-column>
+          <el-table-column
+            property="business_op"
+            label="业务操作"
+            min-width="150"
+            align="center"
+            header-align="center"
+          >
             <template slot-scope="row">
-              <el-tag type="success" effect="dark" v-if="row.row.business_op == 'BUY'">
-                买
-              </el-tag>
-              <el-tag type="danger" effect="dark" v-else>
-              </el-tag>
+              <el-tag type="success" effect="dark" v-if="row.row.business_op == 'BUY'">买</el-tag>
+              <el-tag type="danger" effect="dark" v-else>退</el-tag>
             </template>
           </el-table-column>
         </el-table>
@@ -710,9 +896,7 @@
         </div>
         <paginationSale></paginationSale>
       </div>
-
     </el-dialog>
-
   </div>
 </template>
 
@@ -728,8 +912,8 @@ import {
   protocolDeleteAPI,
   protocolSalemodeSearchAPI,
   providerzibiaoShanAPI,
-} from "@/api/operation/productManagement";
-import {getLogoAPI} from "@/api/login"
+} from '@/api/operation/productManagement';
+import { getLogoAPI } from '@/api/login';
 import {
   getdiscountAPI,
   updateuserpasswordAPI,
@@ -737,13 +921,13 @@ import {
   resellerDiscountSearchAPI,
   addIndependentInfoAPI,
   resellerAddUserAPI,
-  resellerOrgDeleteAPI
-} from "@/api/distributorDiscount.js";
-import {mapState} from "vuex";
-import paginationSale from "@/views/sales/distributorManagement/paginationSale/index.vue";
+  resellerOrgDeleteAPI,
+} from '@/api/distributorDiscount.js';
+import { mapState } from 'vuex';
+import paginationSale from '@/views/sales/distributorManagement/paginationSale/index.vue';
 
 export default {
-  components: {paginationSale},
+  components: { paginationSale },
   data() {
     return {
       selectIds: [],
@@ -753,8 +937,8 @@ export default {
       url: window.location.href,
       reseller_orgid: '',
       saleTime: '',
-      openLookSaleMoney: false,//查看销售dialog
-      editDomainTitle: "",
+      openLookSaleMoney: false, //查看销售dialog
+      editDomainTitle: '',
       isEditDomainName: false,
       domain_name: null,
       reset: false,
@@ -776,501 +960,488 @@ export default {
       noConfig: [],
       floorPriceList: [],
       protocolList: [],
-      currentFiles: "",
+      currentFiles: '',
       discountProductid: '',
       floorPriceProductid: '',
       addProtocolData: {
         offer_salemanid: this.userid,
-        offer_orgid: sessionStorage.getItem("orgid"),
-        bid_orgid: "",
-        protocolfile: "",
-        salemode: "",
-        settle_mode: "",
-        settle_dp: "",
-        start_date: "",
-        end_date: "",
+        offer_orgid: sessionStorage.getItem('orgid'),
+        bid_orgid: '',
+        protocolfile: '',
+        salemode: '',
+        settle_mode: '',
+        settle_dp: '',
+        start_date: '',
+        end_date: '',
       },
       isEdit: false,
-      addDiscountData: {//添加折扣产品
+      addDiscountData: {
+        //添加折扣产品
         discount: 0,
         productid: '',
       },
-      addFloorprice: {//添加底价产品
+      addFloorprice: {
+        //添加底价产品
         price: 0,
-        productid: ''
+        productid: '',
       },
-      addRebateData: {//添加返佣率
-        protocolid: "",
-        rebate_cycle: "",
-        sette_dp: "",
+      addRebateData: {
+        //添加返佣率
+        protocolid: '',
+        rebate_cycle: '',
+        sette_dp: '',
         sale_amount: null,
         rebate_rate: 0,
       },
-      addKickbackProductDate: {//添加返佣产品
-        productid: ''
+      addKickbackProductDate: {
+        //添加返佣产品
+        productid: '',
       },
-      addDomainNameData: {//添加域名
+      addDomainNameData: {
+        //添加域名
         id: '',
         domain_name: '',
         license_number: '',
       },
-      imageUrl: "",
-      logoUrl: "",
+      imageUrl: '',
+      logoUrl: '',
       logoFile: null,
-      licenseUrl: "",
+      licenseUrl: '',
       licenseFile: null,
       addProductSalemodeData: {},
-      protocolid: "",
+      protocolid: '',
       //存放展开的id
       expandss: [],
       getRowKeyss(row) {
         return row.id;
       },
       agreementId: null,
-      saleMode: [   //销售方式
+      saleMode: [
+        //销售方式
         {
-          value: "0",
-          label: "折扣",
+          value: '0',
+          label: '折扣',
         },
         {
-          value: "1",
-          label: "返佣",
+          value: '1',
+          label: '返佣',
         },
         {
-          value: "2",
-          label: "底价",
+          value: '2',
+          label: '底价',
         },
       ],
       settleModeRebate: [
         {
-          value: "2",
-          label: "周结",
+          value: '2',
+          label: '周结',
         },
         {
-          value: "3",
-          label: "月结",
+          value: '3',
+          label: '月结',
         },
         {
-          value: "4",
-          label: "季结",
+          value: '4',
+          label: '季结',
         },
         {
-          value: "5",
-          label: "年结",
+          value: '5',
+          label: '年结',
         },
       ],
       updatepasswordform: {
         password: [
-          {required: true, message: "请设置新密码", trigger: "blur"},
+          { required: true, message: '请设置新密码', trigger: 'blur' },
           {
             min: 6,
             max: 18,
-            message: "长度在 6 到 18 个字符",
-            trigger: "blur",
+            message: '长度在 6 到 18 个字符',
+            trigger: 'blur',
           },
         ],
         yesPassword: [
-          {required: true, message: "确认密码", trigger: "blur"},
+          { required: true, message: '确认密码', trigger: 'blur' },
           {
             min: 6,
             max: 18,
-            message: "长度在 6 到 18 个字符",
-            trigger: "blur",
+            message: '长度在 6 到 18 个字符',
+            trigger: 'blur',
           },
         ],
       },
-      addManagementRules: { //添加分销商管理员表单验证
+      addManagementRules: {
+        //添加分销商管理员表单验证
         username: [
-          {required: true, message: "请输入用户名称", trigger: "blur"},
+          { required: true, message: '请输入用户名称', trigger: 'blur' },
           {
             min: 2,
             max: 15,
-            message: "长度在 2 到 15 个字符",
-            trigger: "blur",
+            message: '长度在 2 到 15 个字符',
+            trigger: 'blur',
           },
         ],
         password: [
-          {required: true, message: "请设置密码", trigger: "blur"},
+          { required: true, message: '请设置密码', trigger: 'blur' },
           {
             min: 6,
             max: 18,
-            message: "长度在 6 到 18 个字符",
-            trigger: "blur",
+            message: '长度在 6 到 18 个字符',
+            trigger: 'blur',
           },
         ],
         email: [
-          {required: true, message: "请填写联系邮箱", trigger: "blur"},
+          { required: true, message: '请填写联系邮箱', trigger: 'blur' },
           {
-            pattern:
-              /^[A-Za-z0-9u4e00-u9fa5\s]+@[a-zA-Z0-9_-]+(.[a-zA-Z0-9_-]+)+$/, //正则
-            message: "请输入正确的邮箱",
+            pattern: /^[A-Za-z0-9\u4e00-\u9fa5\s]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/, //正则
+            message: '请输入正确的邮箱',
           },
         ],
         nick_name: [
-          {required: true, message: "请设置昵称", trigger: "blur"},
+          { required: true, message: '请设置昵称', trigger: 'blur' },
           {
             min: 2,
             max: 15,
-            message: "长度在 2 到 15 个字符",
-            trigger: "blur",
+            message: '长度在 2 到 15 个字符',
+            trigger: 'blur',
           },
         ],
         mobile: [
-          {required: true, message: "请填写联系手机", trigger: "blur"},
+          { required: true, message: '请填写联系手机', trigger: 'blur' },
           {
-            pattern:
-              /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/, //正则
-            message: "请输入有效的手机号码",
+            pattern: /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/, //正则
+            message: '请输入有效的手机号码',
           },
         ],
-        address: [
-          {required: true, message: "请添加联系地址", trigger: "blur"},
-        ],
+        address: [{ required: true, message: '请添加联系地址', trigger: 'blur' }],
       },
       settleMode: [
         {
-          value: "0",
-          label: "实时结算",
+          value: '0',
+          label: '实时结算',
         },
         {
-          value: "1",
-          label: "日结",
+          value: '1',
+          label: '日结',
         },
         {
-          value: "2",
-          label: "周结",
+          value: '2',
+          label: '周结',
         },
         {
-          value: "3",
-          label: "月结",
+          value: '3',
+          label: '月结',
         },
         {
-          value: "4",
-          label: "季结",
+          value: '4',
+          label: '季结',
         },
         {
-          value: "5",
-          label: "年结",
+          value: '5',
+          label: '年结',
         },
       ],
-      rules: {//添加分销商表单验证
-        orgname: [
-          {required: true, message: "请输入分销商名称", trigger: "blur"},
-        ],
-        settle_flow: [
-          {required: true, message: "请选择结算流程", trigger: "blur"},
-        ],
-        settle_mode: [
-          {required: true, message: "请选择销售结算方式", trigger: "blur"},
-        ],
-        settle_datep: [
-          {required: true, message: "请选择销售结算方式", trigger: "blur"},
-        ],
+      rules: {
+        //添加分销商表单验证
+        orgname: [{ required: true, message: '请输入分销商名称', trigger: 'blur' }],
+        settle_flow: [{ required: true, message: '请选择结算流程', trigger: 'blur' }],
+        settle_mode: [{ required: true, message: '请选择销售结算方式', trigger: 'blur' }],
+        settle_datep: [{ required: true, message: '请选择销售结算方式', trigger: 'blur' }],
         contactor: [
-          {required: true, message: "请添加分销机构联系人", trigger: "blur"},
-          {min: 2, max: 7, message: "长度在 3 到 7 个字符", trigger: "blur"},
-          // {
-          // pattern: /^[\u4E00-\u9FA5]+$/, //正则
-          // message: "联系人名称只能为中文",
-          // },
+          { required: true, message: '请添加分销机构联系人', trigger: 'blur' },
+          { min: 2, max: 7, message: '长度在 3 到 7 个字符', trigger: 'blur' },
         ],
         contactor_phone: [
-          {required: true, message: "请添加联系电话", trigger: "blur"},
+          { required: true, message: '请添加联系电话', trigger: 'blur' },
           {
-            pattern:
-              /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/, //正则
-            message: "请输入有效的手机号码",
+            pattern: /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/, //正则
+            message: '请输入有效的手机号码',
           },
         ],
         emailaddress: [
-          {required: true, message: "请添加邮箱", trigger: "blur"},
+          { required: true, message: '请添加邮箱', trigger: 'blur' },
           {
-            pattern:
-              /^[A-Za-z0-9u4e00-u9fa5\s]+@[a-zA-Z0-9_-]+(.[a-zA-Z0-9_-]+)+$/, //正则
-            message: "请输入正确的邮箱",
+            pattern: /^[A-Za-z0-9\u4e00-\u9fa5\s]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/, //正则
+            message: '请输入正确的邮箱',
           },
         ],
-        province_id: [
-          {required: true, message: "请添加所在地址", trigger: "blur"},
-        ],
+        province_id: [{ required: true, message: '请添加所在地址', trigger: 'blur' }],
         orgcode: [
           {
             required: true,
-            message: "请添加统一社会信用代码",
-            trigger: "blur",
+            message: '请添加统一社会信用代码',
+            trigger: 'blur',
           },
         ],
-        address: [
-          {required: true, message: "请添加联系地址", trigger: "blur"},
-        ],
-        main_business: [
-          {required: true, message: "请添加主营业务描述", trigger: "blur"},
-        ],
+        address: [{ required: true, message: '请添加联系地址', trigger: 'blur' }],
+        main_business: [{ required: true, message: '请添加主营业务描述', trigger: 'blur' }],
       },
       addProtocolDataRules: {
-        salemode: [{required: true, message: "请选择结算方式", trigger: "change"}],
-        settle_mode: [{required: true, message: "请选择结算周期", trigger: "change"}],
-        startDate: [{required: true, message: "请选择起效日期", trigger: "change"}],
+        salemode: [{ required: true, message: '请选择结算方式', trigger: 'change' }],
+        settle_mode: [{ required: true, message: '请选择结算周期', trigger: 'change' }],
+        startDate: [{ required: true, message: '请选择起效日期', trigger: 'change' }],
       },
       addDomainNameRules: {
-        domain_name: [{required: true, message: "请填写域名", trigger: "blur"}],
-        license_number: [{required: true, message: "请填写icp许可号", trigger: "blur"}],
-        logoUrl: [{required: true, message: "请填写公司Logo", trigger: "change"}],
+        domain_name: [{ required: true, message: '请填写域名', trigger: 'blur' }],
+        license_number: [{ required: true, message: '请填写icp许可号', trigger: 'blur' }],
+        logoUrl: [{ required: true, message: '请填写公司Logo', trigger: 'change' }],
       },
       datepW: [
         {
-          value: "0",
-          label: "星期日",
+          value: '0',
+          label: '星期日',
         },
         {
-          value: "1",
-          label: "星期一",
+          value: '1',
+          label: '星期一',
         },
         {
-          value: "2",
-          label: "星期二",
+          value: '2',
+          label: '星期二',
         },
         {
-          value: "3",
-          label: "星期三",
+          value: '3',
+          label: '星期三',
         },
         {
-          value: "4",
-          label: "星期四",
+          value: '4',
+          label: '星期四',
         },
         {
-          value: "5",
-          label: "星期五",
+          value: '5',
+          label: '星期五',
         },
         {
-          value: "6",
-          label: "星期六",
+          value: '6',
+          label: '星期六',
         },
       ],
       datepS: [
         {
-          value: "1",
-          label: "每季度第一月",
+          value: '1',
+          label: '每季度第一月',
         },
         {
-          value: "2",
-          label: "每季度第二月",
+          value: '2',
+          label: '每季度第二月',
         },
         {
-          value: "3",
-          label: "每季度第三月",
+          value: '3',
+          label: '每季度第三月',
         },
       ],
       datepY: [
         {
-          value: "01",
-          label: "一月",
+          value: '01',
+          label: '一月',
         },
         {
-          value: "02",
-          label: "二月",
+          value: '02',
+          label: '二月',
         },
         {
-          value: "03",
-          label: "三月",
+          value: '03',
+          label: '三月',
         },
         {
-          value: "04",
-          label: "四月",
+          value: '04',
+          label: '四月',
         },
         {
-          value: "05",
-          label: "五月",
+          value: '05',
+          label: '五月',
         },
         {
-          value: "06",
-          label: "六月",
+          value: '06',
+          label: '六月',
         },
         {
-          value: "07",
-          label: "七月",
+          value: '07',
+          label: '七月',
         },
         {
-          value: "08",
-          label: "八月",
+          value: '08',
+          label: '八月',
         },
         {
-          value: "09",
-          label: "九月",
+          value: '09',
+          label: '九月',
         },
         {
-          value: "10",
-          label: "十月",
+          value: '10',
+          label: '十月',
         },
         {
-          value: "11",
-          label: "十一月",
+          value: '11',
+          label: '十一月',
         },
         {
-          value: "12",
-          label: "十二月",
+          value: '12',
+          label: '十二月',
         },
       ],
       datepM: [
         {
-          value: "00",
-          label: "月末",
+          value: '00',
+          label: '月末',
         },
         {
-          value: "01",
-          label: "一号",
+          value: '01',
+          label: '一号',
         },
         {
-          value: "02",
-          label: "二号",
+          value: '02',
+          label: '二号',
         },
         {
-          value: "03",
-          label: "三号",
+          value: '03',
+          label: '三号',
         },
         {
-          value: "04",
-          label: "四号",
+          value: '04',
+          label: '四号',
         },
         {
-          value: "05",
-          label: "五号",
+          value: '05',
+          label: '五号',
         },
         {
-          value: "06",
-          label: "六号",
+          value: '06',
+          label: '六号',
         },
         {
-          value: "07",
-          label: "七号",
+          value: '07',
+          label: '七号',
         },
         {
-          value: "08",
-          label: "八号",
+          value: '08',
+          label: '八号',
         },
         {
-          value: "09",
-          label: "九号",
+          value: '09',
+          label: '九号',
         },
         {
-          value: "10",
-          label: "十号",
+          value: '10',
+          label: '十号',
         },
         {
-          value: "11",
-          label: "十一号",
+          value: '11',
+          label: '十一号',
         },
         {
-          value: "12",
-          label: "十二号",
+          value: '12',
+          label: '十二号',
         },
         {
-          value: "13",
-          label: "十三号",
+          value: '13',
+          label: '十三号',
         },
         {
-          value: "14",
-          label: "十四号",
+          value: '14',
+          label: '十四号',
         },
         {
-          value: "15",
-          label: "十五号",
+          value: '15',
+          label: '十五号',
         },
         {
-          value: "16",
-          label: "十六号",
+          value: '16',
+          label: '十六号',
         },
         {
-          value: "17",
-          label: "十七号",
+          value: '17',
+          label: '十七号',
         },
         {
-          value: "18",
-          label: "十八号",
+          value: '18',
+          label: '十八号',
         },
         {
-          value: "19",
-          label: "十九号",
+          value: '19',
+          label: '十九号',
         },
         {
-          value: "20",
-          label: "二十号",
+          value: '20',
+          label: '二十号',
         },
         {
-          value: "21",
-          label: "二十一号",
+          value: '21',
+          label: '二十一号',
         },
         {
-          value: "22",
-          label: "二十二号",
+          value: '22',
+          label: '二十二号',
         },
         {
-          value: "23",
-          label: "二十三号",
+          value: '23',
+          label: '二十三号',
         },
         {
-          value: "24",
-          label: "二十四号",
+          value: '24',
+          label: '二十四号',
         },
         {
-          value: "25",
-          label: "二十五号",
+          value: '25',
+          label: '二十五号',
         },
         {
-          value: "26",
-          label: "二十六号",
+          value: '26',
+          label: '二十六号',
         },
         {
-          value: "27",
-          label: "二十七号",
+          value: '27',
+          label: '二十七号',
         },
         {
-          value: "28",
-          label: "二十八号",
+          value: '28',
+          label: '二十八号',
         },
       ],
       //结算日期模板
-      W: "",
-      M: "",
-      S: "",
-      Y: "",
+      W: '',
+      M: '',
+      S: '',
+      Y: '',
       //管理员密码
       updatepassword: {},
       //储存添加分销商管理员获取到的id
       // userid: "",
-      addDistributorManagement: {//添加分销商管理员
-        username: "",
-        password: "",
-        email: "",
-        orgid: "",
-        nick_name: "",
-        address: "",
-        mobile: "",
+      addDistributorManagement: {
+        //添加分销商管理员
+        username: '',
+        password: '',
+        email: '',
+        orgid: '',
+        nick_name: '',
+        address: '',
+        mobile: '',
       },
-      userid: sessionStorage.getItem("userId"),
-      addDistributor: {//添加分销商机构
-        userid: sessionStorage.getItem("userId"),
-        orgname: "",
-        contactor: "",
+      userid: sessionStorage.getItem('userId'),
+      addDistributor: {
+        //添加分销商机构
+        userid: sessionStorage.getItem('userId'),
+        orgname: '',
+        contactor: '',
         // settle_flow: "",
         // settle_datep: "",
-        contactor_phone: "",
-        province_id: "",
-        city_id: "",
-        distinct_id: "",
-        address: "",
-        main_business: "",
-        orgcode: "",
-        license_img: "",
-        id_img: "",
-        org_type: "1",
-        accountid: "",
+        contactor_phone: '',
+        province_id: '',
+        city_id: '',
+        distinct_id: '',
+        address: '',
+        main_business: '',
+        orgcode: '',
+        license_img: '',
+        id_img: '',
+        org_type: '1',
+        accountid: '',
       },
       currentList: {},
       kickbackItem: {},
-      expandItem: {},//展开表格的详情
-      adminname: "",
-      getRowKeys(row) {//打开唯一行
+      expandItem: {}, //展开表格的详情
+      adminname: '',
+      getRowKeys(row) {
+        //打开唯一行
         return row.id;
       },
       //存放展开的id
@@ -1288,23 +1459,23 @@ export default {
       // imgDialogVisible: false,
       resellerCurrent: null,
       resellerOrgid: '',
-      domain_name_id: ''
+      domain_name_id: '',
     };
   },
   created() {
-    this.url = this.GetQueryString(this.url)
+    this.url = this.GetQueryString(this.url);
   },
   mounted() {
-    this.loading = true
+    this.loading = true;
     this.handleClick();
     // this.getAllRole();
   },
 
   computed: {
     ...mapState({
-      searchSaleMoneyList: state => state.distributorMangement.searchSaleMoneyList,
-      currentPageData: state => state.distributorMangement.currentPageData,
-      allSaleMoney: state => state.distributorMangement.allSaleMoney,
+      searchSaleMoneyList: (state) => state.distributorMangement.searchSaleMoneyList,
+      currentPageData: (state) => state.distributorMangement.currentPageData,
+      allSaleMoney: (state) => state.distributorMangement.allSaleMoney,
     }),
     startPickerOptions() {
       const now = new Date();
@@ -1315,13 +1486,12 @@ export default {
       };
     },
     endPickerOptions() {
-      const {startDate} = this;
+      const { startDate } = this;
       return {
         disabledDate: (date) => {
           return (
             date &&
-            (date.getTime() <= startDate.getTime() ||
-              date.getTime() < new Date().getTime())
+            (date.getTime() <= startDate.getTime() || date.getTime() < new Date().getTime())
           );
         },
       };
@@ -1329,122 +1499,123 @@ export default {
   },
   methods: {
     handleSelectionChange(val) {
-      this.selectIds = []
-      console.log(val)
+      this.selectIds = [];
+      console.log(val);
       if (val.length > 0) {
         for (let i = 0; i < val.length; i++) {
-          this.selectIds.push(val[i].id)
+          this.selectIds.push(val[i].id);
         }
       }
     },
     nowAdd() {
-      this.isEdit = false
+      this.isEdit = false;
       if (this.currentList.salemode === '0') {
-
-        console.log("添加的只是折扣")
-
-        this.addDiscount()
+        console.log('添加的只是折扣');
+        this.addDiscount();
       } else if (this.currentList.salemode === '2') {
-
-        console.log("添加的只是底价")
-        this.FloorPriceAdd()
+        console.log('添加的只是底价');
+        this.FloorPriceAdd();
       }
     },
     handleClickTab(val) {
-      this.selectIds = []
-      console.log("---", val)
+      this.selectIds = [];
+      console.log('---', val);
     },
-    async lookSaleMoney(row) { //查看销售额
-      console.log("点击row后的row是", row)
-      this.reseller_orgid = row.id
-      this.openLookSaleMoney = true
+    async lookSaleMoney(row) {
+      //查看销售额
+      console.log('点击row后的row是', row);
+      this.reseller_orgid = row.id;
+      this.openLookSaleMoney = true;
       let pload = {
         reseller_orgid: this.reseller_orgid,
         start_date: '',
-        end_date: ''
-      }
-      await this.$store.dispatch('getSearchSaleMoneyList', pload)
+        end_date: '',
+      };
+      await this.$store.dispatch('getSearchSaleMoneyList', pload);
       if (this.searchSaleMoneyList.length > 0) {
-        let newArr
+        let newArr;
         if (this.searchSaleMoneyList.length > 10) {
-          newArr = []
+          newArr = [];
           for (let i = 0; i < 10; i++) {
-            newArr.push(this.searchSaleMoneyList[i])
+            newArr.push(this.searchSaleMoneyList[i]);
           }
-          this.$store.commit('setCurrentPageData', newArr)
+          this.$store.commit('setCurrentPageData', newArr);
         } else {
-          newArr = []
+          newArr = [];
           for (let i = 0; i < this.searchSaleMoneyList.length; i++) {
-            newArr.push(this.searchSaleMoneyList[i])
+            newArr.push(this.searchSaleMoneyList[i]);
           }
-          this.$store.commit('setCurrentPageData', newArr)
+          this.$store.commit('setCurrentPageData', newArr);
         }
       }
     },
     GetQueryString(name) {
-      if (name.indexOf("#") != -1) {
-        const params = name.split("#")[0];
+      if (name.indexOf('#') != -1) {
+        const params = name.split('#')[0];
         return params;
       }
     },
-    async searchSaleTimeMoney() {  //按时间查看销售额
+    async searchSaleTimeMoney() {
+      //按时间查看销售额
       let pload = {
         reseller_orgid: this.reseller_orgid,
         start_date: '',
-        end_date: ''
-      }
+        end_date: '',
+      };
       if (this.saleTime !== '' && this.saleTime != null) {
-        pload.start_date = this.saleTime[0]
-        pload.end_date = this.saleTime[1]
+        pload.start_date = this.saleTime[0];
+        pload.end_date = this.saleTime[1];
       } else {
-        pload.start_date = ''
-        pload.end_date = ''
+        pload.start_date = '';
+        pload.end_date = '';
       }
 
-      await this.$store.dispatch('getSearchSaleMoneyList', pload)
+      await this.$store.dispatch('getSearchSaleMoneyList', pload);
       if (this.searchSaleMoneyList.length > 0) {
-        let newArr
+        let newArr;
         if (this.searchSaleMoneyList.length > 10) {
-          newArr = []
+          newArr = [];
           for (let i = 0; i < 10; i++) {
-            newArr.push(this.searchSaleMoneyList[i])
+            newArr.push(this.searchSaleMoneyList[i]);
           }
-          this.$store.commit('setCurrentPageData', newArr)
+          this.$store.commit('setCurrentPageData', newArr);
         } else {
-          newArr = []
+          newArr = [];
           for (let i = 0; i < this.searchSaleMoneyList.length; i++) {
-            newArr.push(this.searchSaleMoneyList[i])
+            newArr.push(this.searchSaleMoneyList[i]);
           }
-          this.$store.commit('setCurrentPageData', newArr)
+          this.$store.commit('setCurrentPageData', newArr);
         }
       }
     },
-    addDomainName(row) {//添加域名
-      this.domain_name_id = row.id
-      this.resellerOrgid = row.orgid
-      this.addDomainNameData.id = row.reseller_table_id
-      this.addDomainNameVisible = true
-      this.licenseUrl = null
-      this.logoUrl = null
-      this.editDomainTitle = "添加域名"
+    addDomainName(row) {
+      //添加域名
+      this.domain_name_id = row.id;
+      this.resellerOrgid = row.orgid;
+      this.addDomainNameData.id = row.reseller_table_id;
+      this.addDomainNameVisible = true;
+      this.licenseUrl = null;
+      this.logoUrl = null;
+      this.editDomainTitle = '添加域名';
     },
-    addDomainNameOnsubmit() {//添加域名
+    addDomainNameOnsubmit() {
+      //添加域名
       this.$refs.addDomainName.validate((valid) => {
         if (valid) {
           if (!this.logoUrl) {
             this.$message({
-              message: "请上传图片",
-              type: "error",
+              message: '请上传图片',
+              type: 'error',
             });
           } else {
             if (!this.addDomainNameData.domain_name) {
-              this.addDomainNameData.domain_name = this.resellerOrgid
+              this.addDomainNameData.domain_name = this.resellerOrgid;
             }
             const formdata = this.getFormData(this.addDomainNameData);
             if (this.licenseFile) {
-              formdata.append("license", this.licenseFile.raw);
+              formdata.append('license', this.licenseFile.raw);
             }
-            formdata.append("logo", this.logoFile.raw);
+            formdata.append('logo', this.logoFile.raw);
             if (!formdata.get('domain_name')) {
               formdata.set('domain_name', this.domain_name_id);
             }
@@ -1453,320 +1624,324 @@ export default {
               if (res.status == true) {
                 this.$message({
                   message: res.msg,
-                  type: "success",
+                  type: 'success',
                 });
-                getLogoAPI({reseller_table_id: this.adminname.reseller_table_id}).then(res => {
+                getLogoAPI({ reseller_table_id: this.adminname.reseller_table_id }).then((res) => {
                   if (res.status == true) {
                     if (res.data.domain_name) {
-                      this.domain_name = res.data.domain_name
+                      this.domain_name = res.data.domain_name;
                     }
                   }
-                })
-                this.handleClick()
-                this.addDomainNameVisible = false
-                this.$refs.addDomainName.resetFields()
+                });
+                this.handleClick();
+                this.addDomainNameVisible = false;
+                this.$refs.addDomainName.resetFields();
               } else {
                 this.$message({
                   message: res.msg,
-                  type: "error",
+                  type: 'error',
                 });
               }
             });
           }
         }
-      })
+      });
     },
-    copyLink(row) {//复制域名
+    copyLink(row) {
+      //复制域名
       console.log(row);
-      var clipboard = new Clipboard('.tag-read')
-      clipboard.on('success', e => {
+      var clipboard = new Clipboard('.tag-read');
+      clipboard.on('success', (e) => {
         this.$message({
-          message: "复制成功",
-          type: "success",
+          message: '复制成功',
+          type: 'success',
         });
         // 释放内存
-        clipboard.destroy()
-      })
-      clipboard.on('error', e => {
+        clipboard.destroy();
+      });
+      clipboard.on('error', (e) => {
         // 不支持复制
         this.$message({
-          message: "复制失败",
-          type: "error",
+          message: '复制失败',
+          type: 'error',
         });
         // 释放内存
-        clipboard.destroy()
-      })
-
+        clipboard.destroy();
+      });
     },
-    editDomainName(row) {  //编辑域名
-      this.domain_name_id = row.id
-      this.resellerOrgid = row.orgid
-      this.addDomainNameVisible = true
-      this.addDomainNameData.id = row.reseller_table_id
-      this.editDomainTitle = "编辑域名"
-      this.addDomainNameData.domain_name = row.domain_name
-      this.addDomainNameData.license_number = row.license_number
-
+    editDomainName(row) {
+      //编辑域名
+      this.domain_name_id = row.id;
+      this.resellerOrgid = row.orgid;
+      this.addDomainNameVisible = true;
+      this.addDomainNameData.id = row.reseller_table_id;
+      this.editDomainTitle = '编辑域名';
+      this.addDomainNameData.domain_name = row.domain_name;
+      this.addDomainNameData.license_number = row.license_number;
     },
-    deleteProtocol(row) {//删除协议
-      this.$confirm("确定删除?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
+    deleteProtocol(row) {
+      //删除协议
+      this.$confirm('确定删除?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
       })
         .then(() => {
-          protocolDeleteAPI({id: row.id}).then((res) => {
+          protocolDeleteAPI({ id: row.id }).then((res) => {
             if (res.status == true) {
               this.$message({
-                message: "删除成功",
-                type: "success",
+                message: '删除成功',
+                type: 'success',
               });
               let data = {
-                offer_orgid: sessionStorage.getItem("orgid"),
+                offer_orgid: sessionStorage.getItem('orgid'),
                 bid_orgid: this.agreementId,
               };
-              this.protocolSearch(data)
+              this.protocolSearch(data);
             } else {
               this.$message({
                 message: res.msg,
-                type: "error",
+                type: 'error',
               });
             }
           });
         })
         .catch(() => {
           this.$message({
-            type: "info",
-            message: "已取消停用",
+            type: 'info',
+            message: '已取消停用',
           });
         });
-
     },
 
-    delDistributor(row) {//删除分销商
-      this.$confirm("确定删除此分销商?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
+    delDistributor(row) {
+      //删除分销商
+      this.$confirm('确定删除此分销商?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
       })
         .then(() => {
-          resellerOrgDeleteAPI({id: row.id}).then((res) => {
+          resellerOrgDeleteAPI({ id: row.id }).then((res) => {
             if (res.status == true) {
               this.$message({
-                message: "删除成功",
-                type: "success",
+                message: '删除成功',
+                type: 'success',
               });
               getdiscountAPI(this.userid).then((res) => {
-                this.loading = false
+                this.loading = false;
                 this.distributorList = res.data;
               });
             } else {
               this.$message({
                 message: res.msg,
-                type: "error",
+                type: 'error',
               });
             }
           });
         })
         .catch(() => {
           this.$message({
-            type: "info",
-            message: "已取消删除",
+            type: 'info',
+            message: '已取消删除',
           });
         });
     },
 
-    handleChange(value) {//底价保留两位小数
+    handleChange(value) {
+      //底价保留两位小数
       this.addFloorprice.price = value.toFixed(2);
     },
 
-    delRpRebate(row) { //删除回佣
-      providerzibiaoShanAPI({id: row.rp_rebate_id}).then((res) => {
-        providerhuiyongSearchAPI({protocolid: row.protocolid}).then((res) => {
+    delRpRebate(row) {
+      //删除回佣
+      providerzibiaoShanAPI({ id: row.rp_rebate_id }).then((res) => {
+        providerhuiyongSearchAPI({ protocolid: row.protocolid }).then((res) => {
           this.oldRpRebate = res.data;
         });
         this.open2(res.msg);
       });
     },
 
-    addDiscount() {//添加折扣
+    addDiscount() {
+      //添加折扣
       // this.addDiscountData.providerid = this.$route.query.id;
       let params = {
         offer_orgid: this.currentList.offer_orgid,
         bid_orgid: this.currentList.bid_orgid,
         discount: this.addDiscountData.discount,
-      }
-      if (!this.isEdit) {//添加
-        console.log("此时的ids是", this.selectIds)
-        params.productid = this.selectIds.join()
+      };
+      if (!this.isEdit) {
+        //添加
+        console.log('此时的ids是', this.selectIds);
+        params.productid = this.selectIds.join();
         if (params.productid) {
           if (params.discount > 0) {
             protocolSalemodeAddAPI(params).then((res) => {
               if (res.status == true) {
                 this.$message({
-                  message: "添加折扣产品成功",
-                  type: "success",
+                  message: '添加折扣产品成功',
+                  type: 'success',
                 });
                 let date = {
                   offer_orgid: this.currentList.offer_orgid,
                   bid_orgid: this.currentList.bid_orgid,
                   salemode: this.currentList.salemode,
                   flag: 0,
-                }
-                this.discountSearch(date)
+                };
+                this.discountSearch(date);
                 this.addDiscountVisible = false;
                 this.addDiscountData = {};
               } else {
                 this.$message({
                   message: res.msg,
-                  type: "error",
+                  type: 'error',
                 });
               }
             });
           } else {
             this.$message({
-              message: "产品折扣要大于0哦!",
-              type: "warning",
+              message: '产品折扣要大于0哦!',
+              type: 'warning',
             });
           }
-
         } else {
           this.$message({
-            message: "请选择产品",
-            type: "warning",
+            message: '请选择产品',
+            type: 'warning',
           });
         }
-
-      } else {//编辑
-        params.productid = this.discountProductid
-        params.offer_orgid = this.expandItem.offer_orgid
-        params.bid_orgid = this.expandItem.bid_orgid
+      } else {
+        //编辑
+        params.productid = this.discountProductid;
+        params.offer_orgid = this.expandItem.offer_orgid;
+        params.bid_orgid = this.expandItem.bid_orgid;
         if (params.productid) {
           protocolSalemodeAddAPI(params).then((res) => {
             if (res.status == true) {
               this.$message({
-                message: "编辑折扣产品成功",
-                type: "success",
+                message: '编辑折扣产品成功',
+                type: 'success',
               });
               let date = {
                 offer_orgid: this.expandItem.offer_orgid,
                 bid_orgid: this.expandItem.bid_orgid,
                 salemode: this.expandItem.salemode,
                 flag: 1,
-              }
-              this.discountSearch(date)
+              };
+              this.discountSearch(date);
               this.addDiscountVisible = false;
               this.addDiscountData = {};
             } else {
               this.$message({
                 message: res.msg,
-                type: "error",
+                type: 'error',
               });
             }
           });
         } else {
           this.$message({
-            message: "请选择产品",
-            type: "warning",
+            message: '请选择产品',
+            type: 'warning',
           });
         }
-
       }
-
     },
-    FloorPriceAdd() { //添加底价
+    FloorPriceAdd() {
+      //添加底价
       let params = {
         offer_orgid: this.currentList.offer_orgid,
         bid_orgid: this.currentList.bid_orgid,
         price: this.addFloorprice.price,
-      }
+      };
       if (!this.isEdit) {
-        console.log("此时的ids是", this.selectIds)
-        params.productid = this.selectIds.join()
+        console.log('此时的ids是', this.selectIds);
+        params.productid = this.selectIds.join();
         protocolSalemodeAddAPI(params).then((res) => {
           if (res.status == true) {
             this.$message({
-              message: "添加底价产品成功",
-              type: "success",
+              message: '添加底价产品成功',
+              type: 'success',
             });
             let date = {
               offer_orgid: this.currentList.offer_orgid,
               bid_orgid: this.currentList.bid_orgid,
               salemode: this.currentList.salemode,
               flag: 0,
-            }
-            this.floorPriceSearch(date)
+            };
+            this.floorPriceSearch(date);
             this.addFloorprice = {};
             this.addFloorPriceVisible = false;
           } else {
             this.$message({
               message: res.msg,
-              type: "error",
+              type: 'error',
             });
           }
         });
       } else {
-        params.productid = this.floorPriceProductid
-        params.offer_orgid = this.expandItem.offer_orgid
-        params.bid_orgid = this.expandItem.bid_orgid
+        params.productid = this.floorPriceProductid;
+        params.offer_orgid = this.expandItem.offer_orgid;
+        params.bid_orgid = this.expandItem.bid_orgid;
         protocolSalemodeAddAPI(params).then((res) => {
           if (res.status == true) {
             this.$message({
-              message: "编辑底价产品成功",
-              type: "success",
+              message: '编辑底价产品成功',
+              type: 'success',
             });
             let date = {
               offer_orgid: this.expandItem.offer_orgid,
               bid_orgid: this.expandItem.bid_orgid,
               salemode: this.expandItem.salemode,
               flag: 1,
-            }
-            this.floorPriceSearch(date)
+            };
+            this.floorPriceSearch(date);
             this.addFloorprice = {};
             this.addFloorPriceVisible = false;
           } else {
             this.$message({
               message: res.msg,
-              type: "error",
+              type: 'error',
             });
           }
         });
       }
     },
 
-    delDiscount(row) {//删除折扣/底价
+    delDiscount(row) {
+      //删除折扣/底价
       // console.log(row);
-      this.$confirm("确定删除?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
+      this.$confirm('确定删除?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
       })
         .then(() => {
-          delFloorDiscountAPI({zi_biao_id: row.reseller_discount_price_id}).then((res) => {
+          delFloorDiscountAPI({ zi_biao_id: row.reseller_discount_price_id }).then((res) => {
             if (res.status == true) {
               this.$message({
-                message: "删除成功",
-                type: "success",
+                message: '删除成功',
+                type: 'success',
               });
               let params = {
                 offer_orgid: this.expandItem.offer_orgid,
                 bid_orgid: this.expandItem.bid_orgid,
                 salemode: this.expandItem.salemode,
                 flag: 1,
-              }
+              };
               if (row.salemode == '0' || row.salemode == '1') {
-                this.discountSearch(params)
-                this.kickbackSreach(params)
+                this.discountSearch(params);
+                this.kickbackSreach(params);
               } else if (row.salemode == '2') {
-                this.floorPriceSearch(params)
+                this.floorPriceSearch(params);
               }
             } else {
               this.$message({
                 message: res.msg,
-                type: "error",
+                type: 'error',
               });
             }
-          })
+          });
         })
         .catch(() => {
           // this.$message({
@@ -1775,34 +1950,39 @@ export default {
           // });
         });
     },
-    editDiscount(row) {//编辑产品折扣/底价
+    editDiscount(row) {
+      //编辑产品折扣/底价
       // console.log(row);
-      this.isEdit = true
-      if (row.reseller_discount) {//折扣
-        this.addDiscountVisible = true
-        this.isEdit = true
-        this.discountProductid = row.id
-      } else if (row.shoujia) {//底价
-        this.isEdit = true
-        this.addFloorPriceVisible = true
-        this.floorPriceProductid = row.id
-      } else if (row.salemode == '1') {//返佣
-
+      this.isEdit = true;
+      if (row.reseller_discount) {
+        //折扣
+        this.addDiscountVisible = true;
+        this.isEdit = true;
+        this.discountProductid = row.id;
+      } else if (row.shoujia) {
+        //底价
+        this.isEdit = true;
+        this.addFloorPriceVisible = true;
+        this.floorPriceProductid = row.id;
+      } else if (row.salemode == '1') {
+        //返佣
       }
     },
 
-    dialogRebateVisibleTrue(row) { //添加折后/回佣/底价
-      this.isEdit = false
+    dialogRebateVisibleTrue(row) {
+      //添加折后/回佣/底价
+      this.isEdit = false;
       this.currentList = row;
       console.log(row);
       let params = {
         offer_orgid: row.offer_orgid,
         bid_orgid: row.bid_orgid,
         salemode: row.salemode,
-        flag: 0
-      }
-      this.currentList = row
-      if (row.salemode == '0') {//折扣
+        flag: 0,
+      };
+      this.currentList = row;
+      if (row.salemode == '0') {
+        //折扣
         this.protocolid = row.id;
         // this.addDiscountVisible = true;
         this.addDiscountData.protocolid = row.id;
@@ -1810,11 +1990,13 @@ export default {
           this.noConfig = res.data;
         });
         this.addProductSalemodeData.protocolid = row.id;
-      } else if (row.salemode == '1') {//返佣
+      } else if (row.salemode == '1') {
+        //返佣
         this.addRebateData.protocolid = row.id;
         this.addRebateData.sette_dp = row.settle_dp;
         // this.addRpRebateCtlDialogVisible = true;
-      } else if (row.salemode == '2') {//底价
+      } else if (row.salemode == '2') {
+        //底价
         // this.addFloorPriceVisible = true;
         this.protocolid = row.id;
         resellerDiscountSearchAPI(params).then((res) => {
@@ -1822,49 +2004,52 @@ export default {
         });
       }
     },
-    addkickback(row) {//添加回佣产品
+    addkickback(row) {
+      //添加回佣产品
       // console.log(row);
-      this.kickbackItem = row
-      this.addKickbackProductVisible = true
+      this.kickbackItem = row;
+      this.addKickbackProductVisible = true;
       let params = {
         offer_orgid: this.kickbackItem.offer_orgid,
         bid_orgid: this.kickbackItem.bid_orgid,
         salemode: 1,
-        flag: 0
-      }
-      this.kickbackSreach(params)
+        flag: 0,
+      };
+      this.kickbackSreach(params);
     },
-    addKickbackProduct() {//确定添加回佣产品
+    addKickbackProduct() {
+      //确定添加回佣产品
       let params = {
         offer_orgid: this.kickbackItem.offer_orgid,
         bid_orgid: this.kickbackItem.bid_orgid,
-        productid: this.addKickbackProductDate.productid.join()
-      }
+        productid: this.addKickbackProductDate.productid.join(),
+      };
 
       protocolSalemodeAddAPI(params).then((res) => {
         if (res.status == true) {
           this.$message({
-            message: "添加返佣产品成功",
-            type: "success",
+            message: '添加返佣产品成功',
+            type: 'success',
           });
           let date = {
             offer_orgid: this.kickbackItem.offer_orgid,
             bid_orgid: this.kickbackItem.bid_orgid,
             salemode: this.kickbackItem.salemode,
             flag: 1,
-          }
-          this.kickbackSreach(date)
-          this.addKickbackProductVisible = false
-          this.addKickbackProductDate = {}
+          };
+          this.kickbackSreach(date);
+          this.addKickbackProductVisible = false;
+          this.addKickbackProductDate = {};
         } else {
           this.$message({
             message: res.msg,
-            type: "error",
+            type: 'error',
           });
         }
       });
     },
-    addRpRebateFnCtl() {//添加回佣2
+    addRpRebateFnCtl() {
+      //添加回佣2
       providerhuiyongAddAPI(this.addRebateData).then((res) => {
         if (!res.status) {
           this.open3(res.msg);
@@ -1883,8 +2068,9 @@ export default {
         });
       });
     },
-    expandChangeHandlers(row, expandedRows) {// 点击展开的时候就会触发这个方法:right
-      this.expandItem = row
+    expandChangeHandlers(row, expandedRows) {
+      // 点击展开的时候就会触发这个方法:right
+      this.expandItem = row;
       let data = {
         salemode: row.salemode,
         protocolid: row.id,
@@ -1895,18 +2081,19 @@ export default {
         bid_orgid: row.bid_orgid,
         salemode: row.salemode,
         flag: 1,
-      }
-      if (data.salemode == 1) {//返佣
-        providerhuiyongSearchAPI({protocolid: data.protocolid}).then(
-          (res) => {
-            this.oldRpRebate = res.data;
-          }
-        );
-        this.kickbackSreach(params)
-      } else if (data.salemode == 0) {//折扣
-        this.discountSearch(params)
-      } else if (data.salemode == 2) {//底价
-        this.floorPriceSearch(params)
+      };
+      if (data.salemode == 1) {
+        //返佣
+        providerhuiyongSearchAPI({ protocolid: data.protocolid }).then((res) => {
+          this.oldRpRebate = res.data;
+        });
+        this.kickbackSreach(params);
+      } else if (data.salemode == 0) {
+        //折扣
+        this.discountSearch(params);
+      } else if (data.salemode == 2) {
+        //底价
+        this.floorPriceSearch(params);
       }
       if (expandedRows.length) {
         this.expandss = [];
@@ -1918,81 +2105,87 @@ export default {
       }
     },
 
-    floorPriceSearch(params) {//获取底价产品
+    floorPriceSearch(params) {
+      //获取底价产品
       protocolSalemodeSearchAPI(params).then((res) => {
         if (res.status == true) {
           this.floorPriceList = res.data;
-          this.noConfig = res.data
+          this.noConfig = res.data;
         } else {
           this.$message({
             message: res.msg,
-            type: "error",
+            type: 'error',
           });
         }
       });
     },
-    discountSearch(params) {//获取折扣产品
+    discountSearch(params) {
+      //获取折扣产品
       protocolSalemodeSearchAPI(params).then((res) => {
         if (res.status == true) {
           this.discountList = res.data;
-          this.noConfig = res.data
+          this.noConfig = res.data;
         } else {
           this.$message({
             message: res.msg,
-            type: "error",
+            type: 'error',
           });
         }
       });
     },
-    kickbackSreach(params) {//查找返佣产品
+    kickbackSreach(params) {
+      //查找返佣产品
       protocolSalemodeSearchAPI(params).then((res) => {
         if (res.status == true) {
-          if (params.flag == 1) {//已配置
+          if (params.flag == 1) {
+            //已配置
             this.kickbackProductList = res.data;
-          } else {//未配置
+          } else {
+            //未配置
             this.kickbackList = res.data;
           }
         } else {
           this.$message({
             message: res.msg,
-            type: "error",
+            type: 'error',
           });
         }
       });
     },
-    addProtocol() { //添加协议
+    addProtocol() {
+      //添加协议
       if (this.addProtocolData.settle_mode == 0) {
-        this.addProtocolData.settle_dp = "R";
+        this.addProtocolData.settle_dp = 'R';
       } else if (this.addProtocolData.settle_mode == 1) {
-        this.addProtocolData.settle_dp = "D";
+        this.addProtocolData.settle_dp = 'D';
       } else if (this.addProtocolData.settle_mode == 2) {
         this.addProtocolData.settle_dp = `W${this.W}`;
       } else if (this.addProtocolData.settle_mode == 3) {
         this.addProtocolData.settle_dp = `M${this.M}`;
       } else if (this.addProtocolData.settle_mode == 4) {
         this.addProtocolData.settle_dp = `S${this.S}-${this.M}`;
-        if (this.S == "") {
-          this.addProtocolData.settle_dp = "";
-        } else if (this.M == "") {
-          this.addProtocolData.settle_dp = "";
+        if (this.S == '') {
+          this.addProtocolData.settle_dp = '';
+        } else if (this.M == '') {
+          this.addProtocolData.settle_dp = '';
         }
       } else if (this.addProtocolData.settle_mode == 5) {
         this.addProtocolData.settle_dp = `Y${this.Y}-${this.M}`;
-        if (this.Y == "") {
-          this.addProtocolData.settle_dp = "";
-        } else if (this.M == "") {
-          this.addProtocolData.settle_dp = "";
+        if (this.Y == '') {
+          this.addProtocolData.settle_dp = '';
+        } else if (this.M == '') {
+          this.addProtocolData.settle_dp = '';
         }
       }
       //如果只有一个-则证明没有选择数据
-      if (this.addProtocolData.settle_dp == "Y-") {
-        this.addProtocolData.settle_dp = "";
+      if (this.addProtocolData.settle_dp == 'Y-') {
+        this.addProtocolData.settle_dp = '';
       }
-      if (this.addProtocolData.settle_dp == "W-") {
-        this.addProtocolData.settle_dp = "";
+      if (this.addProtocolData.settle_dp == 'W-') {
+        this.addProtocolData.settle_dp = '';
       }
-      if (this.addProtocolData.settle_dp == "S-") {
-        this.addProtocolData.settle_dp = "";
+      if (this.addProtocolData.settle_dp == 'S-') {
+        this.addProtocolData.settle_dp = '';
       }
       this.addProtocolData.start_date = this.filterTime(this.startDate);
       this.addProtocolData.end_date = this.filterTime(this.endDate);
@@ -2001,19 +2194,19 @@ export default {
           addProtocolAPI(this.addProtocolData).then((res) => {
             if (res.status == true) {
               this.$message({
-                message: "添加成功",
-                type: "success",
+                message: '添加成功',
+                type: 'success',
               });
               this.addProtocolVisiboy = false;
               let data = {
-                offer_orgid: sessionStorage.getItem("orgid"),
+                offer_orgid: sessionStorage.getItem('orgid'),
                 bid_orgid: this.agreementId,
               };
-              this.protocolSearch(data)
+              this.protocolSearch(data);
             } else {
               this.$message({
                 message: res.msg,
-                type: "error",
+                type: 'error',
               });
               this.addProtocolVisiboy = false;
               // this.addProtocolData = {};
@@ -2022,45 +2215,46 @@ export default {
           });
         } else {
           // console.log('error submit!!')
-          return false
+          return false;
         }
-      })
-
+      });
     },
-    filterTime(time) {//转换时间格式方法
+    filterTime(time) {
+      //转换时间格式方法
       var date = new Date(time);
       var y = date.getFullYear();
       var m = date.getMonth() + 1;
-      m = m < 10 ? "0" + m : m;
+      m = m < 10 ? '0' + m : m;
       var d = date.getDate();
-      d = d < 10 ? "0" + d : d;
+      d = d < 10 ? '0' + d : d;
       var h = date.getHours();
-      h = h < 10 ? "0" + h : h;
+      h = h < 10 ? '0' + h : h;
       var minute = date.getMinutes();
-      minute = minute < 10 ? "0" + minute : minute;
+      minute = minute < 10 ? '0' + minute : minute;
       var s = date.getSeconds();
-      s = s < 10 ? "0" + s : s;
+      s = s < 10 ? '0' + s : s;
       // return y + "-" + m + "-" + d + " " + h + ":" + minute + ":" + s;
-      return y + "-" + m + "-" + d;
+      return y + '-' + m + '-' + d;
     },
-    handleClick() {//获取分销商机构
+    handleClick() {
+      //获取分销商机构
       let id = this.userid;
       getdiscountAPI(id).then((res) => {
-        this.loading = false
+        this.loading = false;
         this.distributorList = res.data;
-
       });
     },
-    expandChangeHandler(row, expandedRows) {  // 点击展开分销商详情
-      this.domain_name = null
+    expandChangeHandler(row, expandedRows) {
+      // 点击展开分销商详情
+      this.domain_name = null;
       this.adminname = row;
-      getLogoAPI({reseller_table_id: row.reseller_table_id}).then(res => {
+      getLogoAPI({ reseller_table_id: row.reseller_table_id }).then((res) => {
         if (res.status == true) {
           if (res.data.domain_name) {
-            this.domain_name = res.data.domain_name
+            this.domain_name = res.data.domain_name;
           }
         }
-      })
+      });
       this.addDistributorManagement.orgid = row.id;
       if (expandedRows.length) {
         this.expands = [];
@@ -2077,66 +2271,68 @@ export default {
           console.log(res);
           if (res.data.length > 0) {
             this.protocolList = res.data;
-            this.dialogRebateVisibleTrue(res.data[0])
-            this.currentList = res.data[0]
+            this.dialogRebateVisibleTrue(res.data[0]);
+            this.currentList = res.data[0];
           } else {
-            this.currentList = []
+            this.currentList = [];
           }
-
         }
       });
     },
 
     addprotocolProduct(row) {
-      this.agreementId = row.id
+      this.agreementId = row.id;
       let data = {
-        offer_orgid: sessionStorage.getItem("orgid"),
+        offer_orgid: sessionStorage.getItem('orgid'),
         bid_orgid: this.agreementId,
       };
       this.addProtocolData.bid_orgid = row.id;
-      this.protocolSearch(data)
+      this.protocolSearch(data);
       this.protocolVisible = true;
       this.addDiscountData.providerid = row.id;
     },
 
-    goAddDistributorManage(addDistributorManagement) {//添加分销商管理员
+    goAddDistributorManage(addDistributorManagement) {
+      //添加分销商管理员
       this.$refs[addDistributorManagement].validate((valid) => {
         if (valid) {
           // this.loading = true;
           let data = this.addDistributorManagement;
-          resellerAddUserAPI(data).then(res => {
+          resellerAddUserAPI(data).then((res) => {
             if (res.status == true) {
               this.$message({
-                message: "添加成功",
-                type: "success",
+                message: '添加成功',
+                type: 'success',
               });
               this.addManagementDrawer = false;
-              this.handleClick()
+              this.handleClick();
             } else {
               this.$message({
                 message: res.msg,
-                type: "error",
+                type: 'error',
               });
             }
-          })
+          });
         }
       });
     },
-    goAddDistributor(addDistributor) {//添加分销商
+    goAddDistributor(addDistributor) {
+      //添加分销商
       if (this.currentFile == null) {
-        return this.open4("请添加营业执照");
+        return this.open4('请添加营业执照');
       }
       let formData = this.getFormData(this.addDistributor);
-      formData.append("license_img", this.currentFile.raw);
+      formData.append('license_img', this.currentFile.raw);
       this.$refs[addDistributor].validate((valid) => {
         if (valid) {
-          this.addDistributor.org_type = "1";
-          addresellerAPI(formData).then((res) => { //添加完成后去除旧数据
+          this.addDistributor.org_type = '1';
+          addresellerAPI(formData).then((res) => {
+            //添加完成后去除旧数据
 
             if (res.status == true) {
               this.$message({
-                message: "添加成功",
-                type: "success",
+                message: '添加成功',
+                type: 'success',
               });
               // this.handleClick();
               this.drawer = false;
@@ -2148,7 +2344,7 @@ export default {
             } else {
               this.$message({
                 message: res.msg,
-                type: "error",
+                type: 'error',
               });
               // this.resetForm("addDistributor");
             }
@@ -2158,7 +2354,8 @@ export default {
         }
       });
     },
-    updateuserpassword(addDistributorManagement) {//重置密码
+    updateuserpassword(addDistributorManagement) {
+      //重置密码
       if (this.updatepassword.password == this.updatepassword.yesPassword) {
         let data = {
           id: this.adminname.adminid,
@@ -2169,41 +2366,41 @@ export default {
             updateuserpasswordAPI(data).then((res) => {
               if (res.status == true) {
                 this.$message({
-                  message: "重置成功",
-                  type: "success",
+                  message: '重置成功',
+                  type: 'success',
                 });
-                this.resetForm("updatepassword");
+                this.resetForm('updatepassword');
                 this.reset = false;
               } else {
                 this.$message({
                   message: res.msg,
-                  type: "error",
+                  type: 'error',
                 });
               }
             });
           }
         });
       } else {
-        this.open4("两次密码输入不一致");
+        this.open4('两次密码输入不一致');
       }
     },
-    beforeUpload(file) {//上传文件
+    beforeUpload(file) {
+      //上传文件
       const isAllowedType =
-        file.type === "application/msword" || // doc
-        file.type ===
-        "application/vnd.openxmlformats-officedocument.wordprocessingml.document" || // docx
-        file.type === "application/msword-template"; // dot
+        file.type === 'application/msword' || // doc
+        file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' || // docx
+        file.type === 'application/msword-template'; // dot
       const isAllowedSize = file.size / 1024 / 1024 <= 5; // 5MB
       if (!isAllowedType) {
-        this.$message.error("只能上传doc、docx和dot格式的文件");
+        this.$message.error('只能上传doc、docx和dot格式的文件');
       }
       if (!isAllowedSize) {
-        this.$message.error("文件大小不能超过5MB");
+        this.$message.error('文件大小不能超过5MB');
       }
       return isAllowedType && isAllowedSize;
     },
     handleExceed() {
-      this.$message.warning("只能上传一个文件");
+      this.$message.warning('只能上传一个文件');
     },
     handleRemoves() {
       this.fileList = [];
@@ -2214,91 +2411,95 @@ export default {
       // this.addProtocolData.console.log("currentFile", this.currentFile);
     },
     //分销商营业执照展示↓
-    handleRemove(file) {
-    },
+    handleRemove(file) {},
     handleAvatarSuccess(file, fileList) {
       this.imageUrl = URL.createObjectURL(file.raw);
       this.currentFile = file;
     },
-    handleAvatarSuccess1(file, fileList) {//上传公司logo
+    handleAvatarSuccess1(file, fileList) {
+      //上传公司logo
       this.logoUrl = URL.createObjectURL(file.raw);
       this.logoFile = file;
     },
-    handleAvatarSuccess2(file, fileList) {//上传公司经营许可证
+    handleAvatarSuccess2(file, fileList) {
+      //上传公司经营许可证
       this.licenseUrl = URL.createObjectURL(file.raw);
       this.licenseFile = file;
     },
     //添加图片↑
-    resetForm(formName) {  //重置表单数据
+    resetForm(formName) {
+      //重置表单数据
       this.$refs[formName].resetFields();
-      this.addManagementDrawer = false
+      this.addManagementDrawer = false;
     },
-    resetForm1(formName) {  //重置表单数据
+    resetForm1(formName) {
+      //重置表单数据
       this.$refs[formName].resetFields();
-      this.reset = false
+      this.reset = false;
     },
 
     handleClose1() {
-      this.protocolVisible = false
+      this.protocolVisible = false;
     },
     cancel2() {
       this.$refs.addProtocolDataRules.resetFields();
-      this.startDate = ''
-      this.endDate = ''
-      this.addProtocolVisiboy = false
+      this.startDate = '';
+      this.endDate = '';
+      this.addProtocolVisiboy = false;
     },
 
     handleClose2() {
       this.$refs.addProtocolDataRules.resetFields();
-      this.startDate = ''
-      this.endDate = ''
-      this.addProtocolVisiboy = false
+      this.startDate = '';
+      this.endDate = '';
+      this.addProtocolVisiboy = false;
     },
 
     handleClose3() {
-      this.addDiscountData.discount = null
-      this.addDiscountVisible = false
+      this.addDiscountData.discount = null;
+      this.addDiscountVisible = false;
     },
     cancel3() {
-      this.addDiscountData.discount = null
-      this.addDiscountVisible = false
+      this.addDiscountData.discount = null;
+      this.addDiscountVisible = false;
     },
     cancel4() {
-      this.addRpRebateCtlDialogVisible = false
+      this.addRpRebateCtlDialogVisible = false;
     },
     handleClose4() {
-      this.addRpRebateCtlDialogVisible = false
+      this.addRpRebateCtlDialogVisible = false;
     },
 
     cancel5() {
-      this.addFloorPriceVisible = false
+      this.addFloorPriceVisible = false;
     },
     handleClose5() {
-      this.addFloorPriceVisible = false
+      this.addFloorPriceVisible = false;
     },
     handleClose6() {
-      this.addKickbackProductVisible = false
+      this.addKickbackProductVisible = false;
     },
     cancel6() {
-      this.addKickbackProductVisible = false
+      this.addKickbackProductVisible = false;
     },
     handleClose7() {
       this.$refs.addDistributor.resetFields();
-      this.drawer = false
+      this.drawer = false;
     },
     handleClose8() {
-      this.$refs.addDomainName.resetFields()
-      this.logoUrl = null
-      this.licenseUrl = null
-      this.addDomainNameVisible = false
+      this.$refs.addDomainName.resetFields();
+      this.logoUrl = null;
+      this.licenseUrl = null;
+      this.addDomainNameVisible = false;
     },
     cancel8() {
-      this.$refs.addDomainName.resetFields()
-      this.logoUrl = null
-      this.licenseUrl = null
-      this.addDomainNameVisible = false
+      this.$refs.addDomainName.resetFields();
+      this.logoUrl = null;
+      this.licenseUrl = null;
+      this.addDomainNameVisible = false;
     },
-    getFormData(object) {//转换参数为formdata格式
+    getFormData(object) {
+      //转换参数为formdata格式
       const formData = new FormData();
       Object.keys(object).forEach((key) => {
         const value = object[key];
@@ -2315,8 +2516,8 @@ export default {
     //成功提示
     open2() {
       this.$message({
-        message: "成功",
-        type: "success",
+        message: '成功',
+        type: 'success',
       });
     },
     //错误提示
@@ -2326,90 +2527,43 @@ export default {
     getSettleFlowid() {
       switch (data) {
         case '0':
-          return "无需审批";
+          return '无需审批';
         case '1':
-          return "需要审批";
+          return '需要审批';
       }
     },
     getSettleMode(data) {
       // console.log(data);
       switch (data) {
         case '0':
-          return "实时结算";
+          return '实时结算';
         case '1':
-          return "日结";
+          return '日结';
         case '2':
-          return "周结";
+          return '周结';
         case '3':
-          return "月结";
+          return '月结';
         case '4':
-          return "季结";
+          return '季结';
         case '5':
-          return "年结";
+          return '年结';
       }
     },
     getSalemode(data) {
       switch (data) {
         case '0':
-          return "折扣";
+          return '折扣';
         case '1':
-          return "返佣";
+          return '返佣';
         case '2':
-          return "底价";
+          return '底价';
       }
     },
-    // getFormData(object) {//转换参数为formdata格式
-    //   const formData = new FormData();
-    //   Object.keys(object).forEach((key) => {
-    //     const value = object[key];
-    //     if (Array.isArray(value)) {
-    //       value.forEach((subValue, i) => {
-    //         formData.append(key + `[${i}]`, subValue);
-    //       });
-    //     } else {
-    //       formData.append(key, object[key]);
-    //     }
-    //   });
-    //   return formData;
-    // },
   },
 };
 </script>
-<style lang="scss">
-.box {
-  /* 修改 Dialog 右上角关闭按钮 */
-  .el-dialog__headerbtn .el-dialog__close {
-    margin-right: 150px;
-  }
 
-  .openLookSaleMoneyDialog .el-dialog__title {
-    font-weight: 700;
-  }
-
-  .protocolVisibleDialog .el-dialog__title {
-    font-weight: 700;
-  }
-}
-</style>
 <style lang="scss" scoped>
-.saveAsDialog {
-  min-width: 840px;
-
-  .protol {
-    height: 80%;
-    overflow-y: scroll;
-  }
-}
-
-.saveAsDialogMonye {
-  min-width: 840px;
-
-  .protol {
-    height: 70%;
-    overflow-y: scroll;
-  }
-}
-
 .box {
   display: flex;
   justify-content: space-between;
@@ -2421,6 +2575,44 @@ export default {
   }
 }
 
+.distributor_box {
+  height: calc(100vh - 130px);
+}
+
+/* 展开详情样式优化 */
+.expanded-details {
+  padding: 20px;
+  background-color: #f9f9f9;
+  border-radius: 4px;
+  margin: 10px;
+
+  .detail-row {
+    margin-bottom: 15px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .detail-item {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap; // 允许换行
+    word-break: break-all; // 长单词换行
+
+    .detail-label {
+      font-weight: bold;
+      margin-right: 10px;
+      white-space: nowrap; // 标签不换行
+    }
+
+    .detail-value {
+      flex: 1; // 值占据剩余空间
+      min-width: 0; // 允许值区域收缩，配合 word-break
+    }
+  }
+}
+
 .el-form {
   padding-right: 20px;
 }
@@ -2430,7 +2622,9 @@ h3 {
 }
 
 .avatar {
-  width: 300px;
+  width: 100px; // 调整图片显示大小
+  height: 100px;
+  object-fit: cover; // 保持图片比例并填充容器
 }
 
 .search {
@@ -2486,8 +2680,7 @@ h3 {
 .drawer_style {
   padding: 0px 30px 0px 30px !important;
 }
-</style>
-<style lang="scss" scoped>
+
 .addDomainName {
   .avatar-uploader {
     border: 1px dashed #d9d9d9;
@@ -2495,6 +2688,9 @@ h3 {
     cursor: pointer;
     position: relative;
     overflow: hidden;
+    width: 100px; // 上传区域大小
+    height: 100px;
+    line-height: 100px; // 垂直居中图标
   }
 
   .avatar-uploader .el-upload:hover {
@@ -2504,16 +2700,17 @@ h3 {
   .avatar-uploader-icon {
     font-size: 28px;
     color: #8c939d;
-    height: 60px;
-    width: 60px;
-    line-height: 60px;
+    width: 100px;
+    height: 100px;
+    line-height: 100px;
     text-align: center;
   }
 
   .avatar {
-    width: 178px;
-    height: 178px;
+    width: 100px;
+    height: 100px;
     display: block;
+    object-fit: cover;
   }
 }
 
@@ -2535,10 +2732,13 @@ h3 {
 
 .timeSearch {
   position: relative;
+  margin-bottom: 20px; // 与表格间距
 
   .dataSearch {
     margin-left: 10%;
     margin-bottom: 10px;
+    display: flex;
+    align-items: center;
 
     .button {
       margin-left: 5px;
@@ -2548,16 +2748,12 @@ h3 {
 
 .allSaleMoney {
   position: absolute;
-  top: -1px;
+  top: 0;
   right: 10%;
-}
-
-.distributor_box {
-  height: calc(100vh - 130px);
+  // margin-top: 10px; // 与日期选择器间距
 }
 
 .subTitle {
-
   width: 100%;
   margin: 15px 0;
   display: flex;
@@ -2565,3 +2761,6 @@ h3 {
   align-items: center;
 }
 </style>
+
+
+