趋势板块中获取成交额等数据（样式需要美化）

src/views/trend/index.vue

@@ -33,13 +33,10 @@
         </div>
         <div class="all_list_head">
           <div class="all_head_left">
-            <div class="all__head_date">交易日期</div>
+            <div class="all_head_name">名称(东财2级)</div>
-            <div class="all_head_name">东财行业指数2级</div>
-            <div class="all_head_breakeven">涨停</div>
-            <div class="all_head_breakeven">跌停</div>
             <div class="head_plate_box">
               <div class="all__head_plate" @click="selectPlateRank">
-                板块排名
+                排名
               </div>
               <div class="module_head_icon" v-if="allPlateRank">
                 <img
@@ -66,33 +63,12 @@
                 />
               </div>
             </div>
-          </div>
+            <div>成交额</div>
-          <div class="head_ranking_box" @click="selectRankChange">
+            <div>成交占比</div>
-            <div>排名变化</div>
+            <div>成交排名</div>
-            <div class="module_head_icon" v-if="allRankChange">
+            <div class="all_head_breakeven">上涨</div>
-              <img
+            <div class="all_head_breakeven">平盘</div>
-                src="../../static/shengxu_true.png"
+            <div class="all_head_breakeven">下跌</div>  
-                class="head_icon"
-                mode="scaleToFill"
-              />
-              <img
-                src="../../static/jiangxu_false.png"
-                class="head_icon"
-                mode="scaleToFill"
-              />
-            </div>
-            <div class="module_head_icon" v-else>
-              <img
-                src="../../static/shengxu_false.png"
-                class="head_icon"
-                mode="scaleToFill"
-              />
-              <img
-                src="../../static/jiangxu_true.png"
-                class="head_icon"
-                mode="scaleToFill"
-              />
-            </div>
           </div>
         </div>
         <div
@@ -114,14 +90,9 @@
             @click="rowClick(item)"
           >
             <div class="all_list_left">
-              <div class="all_list_date">
-                {{ item.businessDate }}
-              </div>
               <div class="all_list_name">
                 {{ item.securityName }}
               </div>
-              <div class="all__list_breakeven">涨停</div>
-              <div class="all__list_breakeven">跌停</div>
               <div class="list_plate_box">
                 <div>{{ item.sort }}</div>
                 <div>
@@ -146,9 +117,13 @@
                   </div>
                 </div>
               </div>
-            </div>
+              <div class="all__list_breakeven">{{ item.turnover }}</div>
-            <div class="all_list_right">
+              <div class="all__list_breakeven">{{ item.turnover }}</div>
-              {{ item.sortChange }}
+
+              <div class="all__list_breakeven">{{ item.sort }}</div>
+              <div class="all__list_breakeven">{{ item.riseNumber }}</div>
+              <div class="all__list_breakeven">{{ item.lossesNumber }}</div>
+              <div class="all__list_breakeven">{{ item.flatNumber }}</div>
             </div>
           </div>
         </div>