业绩竞赛，OP提成

src/components/FinancialModule/OPcommissionPeriods.vue

@@ -32,15 +32,18 @@
       <tr>
         <th>期数</th>
         <th>提成总金额</th>
-        <th>{{$t('admin.admin_czPerson')}}</th>
-        <th>日期</th>
+        <th>操作信息</th>
+        <th width="500px">操作备注</th>
         <th>{{$t('system.table_operation')}}</th>
       </tr>
       <tr v-for="item in dataList">
         <td>{{item.Periods}}</td>
         <td>{{item.SumPrice}}</td>
-        <td>{{item.CreateByStr}}</td>
-        <td>{{item.CreateStr}}</td>
+        <td>
+          <p style="margin:6px 0">{{item.CreateByStr}}</p>
+          <p>{{item.CreateStr}}</p>
+          </td>
+        <td>{{item.Discription}}</td>
         <td>
           
           <el-tooltip class="item" effect="dark" content="查看" placement="top">

src/components/activity/nianduduibi.vue

+<template>
+  <div class="inerank-container">
+    <div :style="{height:'100%',width:'100%'}" ref="myLineRank"></div>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    newdata: {
+      type: Number,
+      default: 0
+    },
+    olddata: {
+      type: Number,
+      default: 0
+    },
+    colors:{
+      type:Array,
+      default:[]
+    },
+    title:{
+      type:String,
+      default:""
+    }
+  },
+  data() {
+    return {
+      placeHolderStyle: {
+        normal: {
+          color: "rgba(0,0,0,0)",
+          label: { show: false },
+          labelLine: { show: false }
+        },
+        emphasis: {
+          color: "rgba(0,0,0,0)"
+        }
+      }
+    };
+  },
+  mounted() {
+    this.init();
+  },
+  methods: {
+    init() {
+      let myChart = this.$echarts.init(this.$refs.myLineRank);
+      let dataAlias = ["今年", "去年"];
+      let data2 = [{
+        name:"今年",
+        value:this.newdata
+      }, {
+        name:"去年",
+        value:this.olddata,
+        itemStyle:this.placeHolderStyle
+      }];
+      let data3 = [{
+        name:"去年",
+        value:this.olddata
+      },{
+        name:"今年",
+        value:this.newdata,
+        itemStyle:this.placeHolderStyle
+      }];
+      let option = {
+        tooltip: {
+          show:false
+        },
+        graphic: [
+          {
+            type: "text",
+            left:'center',
+            top: "center",
+            style: {
+              text: this.title,
+              textAlign: "center",
+              fill: this.colors[0], //文字的颜色
+              fontSize: 16,
+              width: 120,
+              fontFamily: "pingfangR"
+            }
+          }
+        ],
+        calculable: true,
+        series: [
+          {
+            // center: ["25%", "45%"],
+            name: "订单来源",
+            type: "pie",
+            radius: ["80%", "90%"],
+            hoverAnimation: false,
+            legendHoverLink:false,
+            tooltip:false,
+            startAngle:90,
+            itemStyle: {
+              emphasis: {
+                barBorderRadius: 30
+              },
+              normal: {
+                label: {
+                  show: false
+                },
+                labelLine: {
+                  show: false
+                },
+                color: new this.$echarts.graphic.LinearGradient(1, 0, 0, 0, [
+                  { offset: 0, color: "#2DA7D6" },
+                  { offset: 0.35, color: "#2DA7D6" },
+                  { offset: 1, color: "#2DA7D6" }
+                ])
+              }
+            },
+            data: data2
+          },
+          {
+            // center: ["25%", "45%"],
+            name: "订单来源",
+            type: "pie",
+            radius: ["60%", "70%"],
+            hoverAnimation: false,
+            legendHoverLink:false,
+            tooltip:false,
+            startAngle:90,
+            itemStyle: {
+              emphasis: {
+                barBorderRadius: 30
+              },
+              normal: {
+                label: {
+                  show: false
+                },
+                labelLine: {
+                  show: false
+                },
+                color: new this.$echarts.graphic.LinearGradient(1, 0, 0, 0, [
+                  { offset: 0, color: "#FA9801"},
+                  { offset: 0.35, color:  "#FA9801" },
+                  { offset: 1, color:  "#FA9801"}
+                ])
+              }
+            },
+            data: data3
+          }
+        ]
+      };
+
+      myChart.setOption(option);
+    }
+  }
+};
+</script>
+<style>
+.inerank-container {
+  height: 100%;
+  width: 100%;
+}
+</style>