From 664b23d430aa7b30060d31613ad366e430387936 Mon Sep 17 00:00:00 2001
From: zx <604444282@qq.com>
Date: Mon, 8 Nov 2021 09:29:42 +0800
Subject: [PATCH 1/2] =?UTF-8?q?zx-=E5=BE=AE=E5=8D=9A=E8=AF=A6=E6=83=85-?=
 =?UTF-8?q?=E8=B0=83=E6=80=A7=E5=88=86=E5=B8=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../weiboTonalDistribution/index.vue          | 163 +++++++++++-------
 1 file changed, 97 insertions(+), 66 deletions(-)

diff --git a/src/views/WeiboDetails/weiboTonalDistribution/index.vue b/src/views/WeiboDetails/weiboTonalDistribution/index.vue
index 4b196c5..de92a09 100644
--- a/src/views/WeiboDetails/weiboTonalDistribution/index.vue
+++ b/src/views/WeiboDetails/weiboTonalDistribution/index.vue
@@ -7,81 +7,112 @@
  * @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:"已认证"}
+      },
+      total: 0,
+    };
+  },
+  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;
+              }
+          })
+      });
+      console.log();
+    },
+  },
+};
 </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>

From 4ba15e870393ccc473bdaf8a419bb5d548f9c0cf Mon Sep 17 00:00:00 2001
From: zx <604444282@qq.com>
Date: Mon, 8 Nov 2021 09:34:43 +0800
Subject: [PATCH 2/2] no message

---
 src/views/WeiboDetails/weiboTonalDistribution/index.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/views/WeiboDetails/weiboTonalDistribution/index.vue b/src/views/WeiboDetails/weiboTonalDistribution/index.vue
index de92a09..c0fd559 100644
--- a/src/views/WeiboDetails/weiboTonalDistribution/index.vue
+++ b/src/views/WeiboDetails/weiboTonalDistribution/index.vue
@@ -39,7 +39,6 @@ export default {
         uncertified:{positive:0.1,negative:0.1,show:"未认证"},
         certified:{positive:0.1,negative:0.1,show:"已认证"}
       },
-      total: 0,
     };
   },
   created() {
@@ -87,7 +86,6 @@ export default {
               }
           })
       });
-      console.log();
     },
   },
 };