提交

src/views/Search/index.vue

@@ -5,6 +5,40 @@
       <el-breadcrumb-item>应用分析</el-breadcrumb-item>
       <el-breadcrumb-item>搜索分析</el-breadcrumb-item>
     </el-breadcrumb>
+    <br />
+    <el-card class="box-card">
+      <el-row :gutter="20">
+        <el-col :span="8" v-for="(v, i) in top" :key="i + v.name">
+          <div class="libTitle" v-text="v.name"></div>
+          <el-table
+            :data="v.list || []"
+            style="width: 100%"
+            :header-cell-style="{
+              backgroundColor: '#f4f5f7',
+              color: '#606266',
+            }"
+          >
+            <el-table-column
+              prop="keyWord"
+              header-align="center"
+              align="center"
+              label="关键词"
+              show-overflow-tooltip
+            />
+            <el-table-column label="次数" header-align="center" align="center">
+              <template #default="scope">
+                <countTo
+                  :startVal="0"
+                  :endVal="scope.row.searchTimes || 0"
+                  :duration="100"
+                ></countTo>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-col>
+      </el-row>
+    </el-card>
+    <br />
     <el-card class="box-card">
       <el-form
         ref="form"
@@ -64,45 +98,6 @@
         </el-form-item>
         <el-form-item style="float: right">
           <el-button type="primary" @click="onSubmit">查询</el-button>
-        </el-form-item>
-      </el-form>
-    </el-card>
-    <br />
-    <el-card class="box-card">
-      <el-row :gutter="20">
-        <el-col :span="8" v-for="(v, i) in top" :key="i + v.name">
-          <div class="libTitle" v-text="v.name"></div>
-          <el-table
-            :data="v.list || []"
-            style="width: 100%"
-            :header-cell-style="{
-              backgroundColor: '#f4f5f7',
-              color: '#606266',
-            }"
-          >
-            <el-table-column
-              prop="keyWord"
-              header-align="center"
-              align="center"
-              label="关键词"
-              show-overflow-tooltip
-            />
-            <el-table-column label="次数" header-align="center" align="center">
-              <template #default="scope">
-                <countTo
-                  :startVal="0"
-                  :endVal="scope.row.searchTimes || 0"
-                  :duration="100"
-                ></countTo>
-              </template>
-            </el-table-column>
-          </el-table>
-        </el-col>
-      </el-row>
-      <br />
-      <el-row>
-        <el-col :span="8"> </el-col>
-        <el-col :span="16">
           <el-button
             size="small"
             style="float: right"
@@ -111,8 +106,8 @@
           >
             导出
           </el-button>
-        </el-col>
-      </el-row>
+        </el-form-item>
+      </el-form>
       <br />
       <br />
       <el-table
@@ -241,8 +236,7 @@ export default {
     };
   },
   async mounted() {
-    const { source, appV,  appli, appVLi } =
-      await this.getAppListFunc();
+    const { source, appV, appli, appVLi } = await this.getAppListFunc();
     const keys = {
       value: "mname",
       label: "mname",