订单量占比接口对接

龙虎榜占比

src/module/databoard/components/card/winners-list.vue

@@ -7,7 +7,7 @@
         <td class="winner_span" :style="columnsStyle['title']">{{ row.title }}</td>
         <td v-for="(col, idz) in row.column" :key="idz" :style="columnsStyle[col.key]">
           <p class="key_span">{{ col.key }}</p>
-          <p class="value_span" :style="col.valStyle">{{ col.value }}</p>
+          <p class="value_span" :style="col.valStyle">{{colFormatter[''+idz]?colFormatter[''+idz](col.value):col.value }}</p>
         </td>
       </tr>
       </tbody>
@@ -38,6 +38,12 @@ export default {
           {title: '标题列', column: [{key: '字段', value: '0'}]}
         ];
       }
+    },
+    colFormatter:{
+      type: Object,
+      default: function(){
+        return {};
+      }
     }
   },
   data() {

src/module/databoard/databoard/order-proportion.vue

@@ -44,7 +44,7 @@
     </div>
     <div class="chart">
       <display-board class="trade_left" title="订单量占比" title_size="large">
-        <winners-list style="height: 96%;overflow: auto;" id="ar_company_list" :rows="currentDetailData" :show-icon="false" :columns-style="{'title':{'width':'50%'},'订单量（万吨）':{'width':'30%'}}"/>
+        <winners-list style="height: 96%;overflow: auto;" id="ar_company_list" :rows="currentDetailData" :show-icon="false" :columns-style="{'title':{'width':'50%'},'订单量（万吨）':{'width':'30%'}}" :col-formatter="{'1':(v)=>v+'%'}"/>
       </display-board>
       <line-bar-chart style="width: 75%;height: 100%;" :data="currentDetailData" x="company" y="value" :title="chartTitle" :formatter="formatter" :line-formatter="lineFormatter" bar-formatter="{@value}万元"/>
     </div>

src/module/databoard/databoard/turnover-detail.vue

@@ -256,7 +256,6 @@ export default {
       }
     },
     selectLegend(title) {
-      console.log(title)
       let name;
       this.chart.dispatchAction({
         type: 'legendAllSelect'
@@ -295,7 +294,6 @@ export default {
         default:
           break;
       }
-      console.log(name)
       if (name) {
         this.chart.dispatchAction({
           type: 'legendInverseSelect'