提交

src/views/report/Mobile/index.vue

@@ -27,7 +27,7 @@
         <div class="itemHead">
           <van-row>
             <van-col span="3" class="td"> 排名 </van-col>
-            <van-col span="7" class="td"> 频率频道 </van-col>
+            <van-col span="7" class="td"> 中心 </van-col>
             <van-col span="5" class="td"> 发稿量(条) </van-col>
             <van-col span="7" class="td"> 传播量(次) </van-col>
             <!-- td2 :style="width > 667 ? 'line-height: 2.5em' : 'line-height: 1.5em'" -->
@@ -127,8 +127,54 @@
                 <van-row class="itemHead">
                   <van-col span="4" class="td"> 平台 </van-col>
                   <van-col span="7" class="td"> 账号 </van-col>
-                  <van-col span="4" class="td"> 发稿量 </van-col>
-                  <van-col span="4" class="td"> 传播量 </van-col>
+                  <van-col
+                    span="4"
+                    class="td"
+                    @click="() => sortFunc('发稿量')"
+                  >
+                    发稿量<svg
+                      v-show="sortActive === '发稿量'"
+                      t="1667611409259"
+                      class="icon"
+                      viewBox="0 0 1024 1024"
+                      version="1.1"
+                      xmlns="http://www.w3.org/2000/svg"
+                      p-id="2536"
+                      width="14"
+                      height="14"
+                    >
+                      <path
+                        d="M558.933333 853.333333V128h-42.666666v733.866667l-145.066667-145.066667-29.866667 29.866667 192 192 192-192-29.866666-29.866667-136.533334 136.533333z"
+                        fill="#515151"
+                        p-id="2537"
+                      ></path>
+                    </svg>
+                    <span v-show="sortActive !== '发稿量'" style="display: inline-block; width: 14px; height: 14px;"></span>
+                  </van-col>
+                  <van-col
+                    span="4"
+                    class="td"
+                    @click="() => sortFunc('传播量')"
+                  >
+                    传播量<svg
+                      v-show="sortActive === '传播量'"
+                      t="1667611409259"
+                      class="icon"
+                      viewBox="0 0 1024 1024"
+                      version="1.1"
+                      xmlns="http://www.w3.org/2000/svg"
+                      p-id="2536"
+                      width="14"
+                      height="14"
+                    >
+                      <path
+                        d="M558.933333 853.333333V128h-42.666666v733.866667l-145.066667-145.066667-29.866667 29.866667 192 192 192-192-29.866666-29.866667-136.533334 136.533333z"
+                        fill="#515151"
+                        p-id="2537"
+                      ></path>
+                    </svg>
+                    <span v-show="sortActive !== '传播量'" style="display: inline-block; width: 14px; height: 14px;"></span>
+                  </van-col>
                   <van-col span="5" class="td"> 环比 </van-col>
                 </van-row>
                 <van-row
@@ -180,16 +226,17 @@
                 </template>
               </van-cell>
             </van-cell-group>
-            
-      <div class="bottom content">
-        本数据由<span style="color: red">“陕西广电融媒体集团大数据平台”</span
-        >提供。
-        <p>
-          技术支持:
-          <span style="white-space: nowrap">白帆13325452244 </span>
-          <span style="white-space: nowrap">陈科18629350958。</span>
-        </p>
-      </div>
+
+            <div class="bottom content">
+              本数据由<span style="color: red"
+                >“陕西广电融媒体集团大数据平台”</span
+              >提供。
+              <p>
+                技术支持:
+                <span style="white-space: nowrap">白帆13325452244 </span>
+                <span style="white-space: nowrap">陈科18629350958。</span>
+              </p>
+            </div>
           </div>
         </van-popup>
         <van-cell-group border title="爆款话题">
@@ -273,6 +320,7 @@ export default {
   data() {
     return {
       active: "",
+      sortActive: "传播量",
       fontSize: 17,
       show: false,
       charts: undefined,
@@ -361,10 +409,21 @@ export default {
       ratios.publish_count = publish_count;
       let read_count = this.timeFormat(ratios.read_count);
       ratios.read_count = read_count;
-      console.log(ratios);
       this.ratios = ratios;
       this.$nextTick(() => {});
     },
+    sortFunc(text) {
+      if (text === this.sortActive) return;
+      this.sortActive = text;
+      console.log(this.ratios);
+      let key = "read_count"
+      switch (text) {
+        case '传播量':
+            key = 'publish_count'
+            break;
+      }
+      this.ratios.detail = this.ratios.detail.sort((newitem,olditem)=>olditem[key] - newitem[key])
+    },
   },
   beforeUnmount() {},
   components: {