diff --git a/src/views/WeiboDetails/weiboTonalDistribution/index.vue b/src/views/WeiboDetails/weiboTonalDistribution/index.vue
index 4b196c5..c0fd559 100644
--- a/src/views/WeiboDetails/weiboTonalDistribution/index.vue
+++ b/src/views/WeiboDetails/weiboTonalDistribution/index.vue
@@ -7,81 +7,110 @@
  * @FilePath: /data-show/src/views/WeiboDetails/weiboTonalDistribution/index.vue
 -->
 <template>
-    <div class="wtd-outter">
-        <v-label-div title="调性分布">
-        </v-label-div>
-        <div class="wtd-inner">
-            <div class="wtd-item">
-                <v-percent :percentage="0.9" ></v-percent>
-                <span class="s1">个人大V</span>
-                <v-percent color="#b78e11" :percentage="0.9" reverse></v-percent>
-            </div>
-            <div class="wtd-item">
-                <v-percent :percentage="0.8" ></v-percent>
-                <span class="s1">媒体</span>
-                <v-percent color="#b78e11" :percentage="0.8" reverse></v-percent>
-            </div>
-            <div class="wtd-item">
-                <v-percent :percentage="0.7" ></v-percent>
-                <span class="s1">企业</span>
-                <v-percent color="#b78e11" :percentage="0.7" reverse></v-percent>
-            </div>
-            <div class="wtd-item">
-                <v-percent :percentage="0.6" ></v-percent>
-                <span class="s1">政府</span>
-                <v-percent color="#b78e11" :percentage="0.6" reverse></v-percent>
-            </div>
-            <div class="wtd-item">
-                <v-percent :percentage="0.5" ></v-percent>
-                <span class="s1">名人博主</span>
-                <v-percent color="#b78e11" :percentage="0.5" reverse></v-percent>
-            </div>
-            <div class="wtd-item">
-                <v-percent :percentage="0.4" ></v-percent>
-                <span class="s1">非认证</span>
-                <v-percent color="#b78e11" :percentage="0.4" reverse></v-percent>
-            </div>
-            <div class="wtd-item">
-                <v-percent :percentage="0.3" ></v-percent>
-                <span class="s1">已认证</span>
-                <v-percent color="#b78e11" :percentage="0.3" reverse></v-percent>
-            </div>
-        </div>
-        
+  <div class="wtd-outter">
+    <v-label-div title="调性分布"> </v-label-div>
+    <div class="wtd-inner">
+      <div class="wtd-item" v-for="(value,key) in obj"
+        :key="key">
+        <v-percent :percentage="value.positive"></v-percent>
+        <span class="s1">{{value.show}}</span>
+        <v-percent color="#b78e11" :percentage="value.negative" reverse></v-percent>
+      </div>
     </div>
+  </div>
 </template>
 
 <script>
+import { getBoauthenAffectionsWeiBo0528 } from "@/api/WeiboDetails";
 export default {
-    name: "wtd-outter",
-    data() {
-        return {
-          
-        }
-    }
-}
+  name: "wtd-outter",
+  data() {
+    return {
+      form: {
+        token: "",
+        sBrand: "",
+      },
+      obj: {
+        bigV:{positive:0.1,negative:0.1,show:"个人大V"},
+        media:{positive:0.1,negative:0.1,show:"媒体"},
+        enterprice:{positive:0.1,negative:0.1,show:"企业"},
+        goverment:{positive:0.1,negative:0.1,show:"企业"},
+        famousPerson:{positive:0.1,negative:0.1,show:"名人"},
+        uncertified:{positive:0.1,negative:0.1,show:"未认证"},
+        certified:{positive:0.1,negative:0.1,show:"已认证"}
+      },
+    };
+  },
+  created() {
+    this.form.token = this.getToken;
+    this.form.sBrand = this.getBrand.brandname || this.Brand;
+    this.getData();
+  },
+  methods: {
+    getData() {
+      let obj = Object.assign({}, this.getCtime2, this.form);
+      getBoauthenAffectionsWeiBo0528(obj).then(res => {
+          let data = res.data;
+          data.forEach(ele => {
+              switch (ele.key) {
+                case ("个人大V"):
+                  this.obj.bigV.positive = ele.value[0]/(ele.value[0].value+ele.value[2].value+0.1); //index[0]为正面数据
+                  this.obj.bigV.negative = ele.value[2].value/(ele.value[0].value+ele.value[2].value+0.1); //index[2]为负面数据
+                  break;
+                case ("媒体"):
+                  this.obj.media.positive = ele.value[0].value/(ele.value[0].value+ele.value[2].value+0.1);
+                  this.obj.media.negative = ele.value[2].value/(ele.value[0].value+ele.value[2].value+0.1);
+                  break;
+                case ("企业"):
+                  this.obj.enterprice.positive = ele.value[0].value/(ele.value[0].value+ele.value[2].value+0.1);
+                  this.obj.enterprice.negative = ele.value[2].value/(ele.value[0].value+ele.value[2].value+0.1);
+                  break;
+                case ("政府"):
+                  this.obj.goverment.positive = ele.value[0].value/(ele.value[0].value+ele.value[2].value+0.1);
+                  this.obj.goverment.negative = ele.value[2].value/(ele.value[0].value+ele.value[2].value+0.1);
+                  break;
+                case ("名人"):
+                  this.obj.famousPerson.positive = ele.value[0].value/(ele.value[0].value+ele.value[2].value+0.1);
+                  this.obj.famousPerson.negative = ele.value[2].value/(ele.value[0].value+ele.value[2].value+0.1);
+                  break;
+                case ("非认证"):
+                  this.obj.uncertified.positive = ele.value[0].value/(ele.value[0].value+ele.value[2].value+0.1);
+                  this.obj.uncertified.negative = ele.value[2].value/(ele.value[0].value+ele.value[2].value+0.1);
+                  break;
+                case ("已认证"):
+                  this.obj.certified.positive = ele.value[0].value/(ele.value[0].value+ele.value[2].value+0.1);
+                  this.obj.certified.negative = ele.value[2].value/(ele.value[0].value+ele.value[2].value+0.1);
+                  break;
+                default:
+                  break;
+              }
+          })
+      });
+    },
+  },
+};
 </script>
 
 <style lang="less" scoped>
 .wtd-outter {
-    width: 460px;
-    height: 460px;
-    border: 2px solid #0f2a4d;
-    margin-left: 16px;
-    .wtd-inner {
-        width: 100%;
-        padding: 20px 16px;
-        .wtd-item {
-            display: flex;
-            justify-content: space-between;
-            margin-bottom: 36px;
-            .s1 {
-                display: block;
-                color: #fff;
-                font-size: 14px;
-                font-weight: 500;
-            }
-        }
+  width: 460px;
+  height: 460px;
+  border: 2px solid #0f2a4d;
+  margin-left: 16px;
+  .wtd-inner {
+    width: 100%;
+    padding: 20px 16px;
+    .wtd-item {
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 36px;
+      .s1 {
+        display: block;
+        color: #fff;
+        font-size: 14px;
+        font-weight: 500;
+      }
     }
+  }
 }
 </style>