vue2-client 1.8.67 → 1.8.69

package/src/pages/DynamicStatistics/index.vue

@@ -3,10 +3,10 @@
     <div class="data-nav-card-back">
       <div class="data-nav-card">
         <div class="search-card">
-          <div class="search-title-card">
+          <a-row class="search-title-card">
             <img class="search-title-logo" src="@vue2-client/assets/img/logo.png"/>
-            <span class="search-title-text">数据检索平台</span>
-          </div>
+            <a-col class="search-title-text">数据检索平台</a-col>
+          </a-row>
           <!--          <div class="blue-overlay"></div>-->
           <div class="search-card-main">
             <!-- 搜索栏组件 -->
@@ -65,8 +65,8 @@ export default {
   },
   methods: {
     // 处理搜索逻辑，这里简化为直接赋值，实际应调用API
-   async handleSearch (value, callback, uuid) {
-     this.loading = true
+    async handleSearch (value, callback, uuid) {
+      this.loading = true
       if (!value) {
         this.$message.warn('请先输入查询的数据')
         callback()
@@ -89,38 +89,38 @@ export default {
         }]
       }).then(res => {
         this.loading = false
-        res = [
-          {
-            name: '张三',
-            year: '2013',
-            money: Math.floor(Math.random() * 100) + 1,
-            age: Math.floor(Math.random() * 100) + 1
-          },
-          {
-            name: '张三2',
-            year: '2014',
-            money: Math.floor(Math.random() * 100) + 1,
-            age: Math.floor(Math.random() * 100) + 1
-          },
-          {
-            name: '张三3',
-            year: '2015',
-            money: Math.floor(Math.random() * 100) + 1,
-            age: Math.floor(Math.random() * 100) + 1
-          },
-          {
-            name: '张三3',
-            year: '2016',
-            money: Math.floor(Math.random() * 100) + 1,
-            age: Math.floor(Math.random() * 100) + 1
-          },
-          {
-            name: '张三3',
-            year: '2017',
-            money: Math.floor(Math.random() * 100) + 1,
-            age: Math.floor(Math.random() * 100) + 1
-          }
-        ]
+        // res = [
+        //   {
+        //     name: '张三',
+        //     year: '2013',
+        //     money: Math.floor(Math.random() * 100) + 1,
+        //     age: Math.floor(Math.random() * 100) + 1
+        //   },
+        //   {
+        //     name: '张三2',
+        //     year: '2014',
+        //     money: Math.floor(Math.random() * 100) + 1,
+        //     age: Math.floor(Math.random() * 100) + 1
+        //   },
+        //   {
+        //     name: '张三3',
+        //     year: '2015',
+        //     money: Math.floor(Math.random() * 100) + 1,
+        //     age: Math.floor(Math.random() * 100) + 1
+        //   },
+        //   {
+        //     name: '张三3',
+        //     year: '2016',
+        //     money: Math.floor(Math.random() * 100) + 1,
+        //     age: Math.floor(Math.random() * 100) + 1
+        //   },
+        //   {
+        //     name: '张三3',
+        //     year: '2017',
+        //     money: Math.floor(Math.random() * 100) + 1,
+        //     age: Math.floor(Math.random() * 100) + 1
+        //   }
+        // ]
         if (Array.isArray(res)) {
           this.addTab(uuid, value, res, false)
         } else {
@@ -196,7 +196,8 @@ export default {
       margin: 0 auto;
       position: absolute;
       top: 30%;
-      left:5%;
+      left: 5%;
+      display: flex;
 
       .search-title-logo {
         width: 60px;
@@ -204,6 +205,7 @@ export default {
       }
 
       .search-title-text {
+        line-height: 60px;
         font-size: 20px;
         font-weight: bold;
       }
@@ -235,14 +237,16 @@ export default {
     //background-color: rgba(#4F93FE, 0.8) // 这里设置蓝色蒙版的颜色和透明度
   }
 
-  .search-card-main{
+  .search-card-main {
     height: 100%;
   }
 }
+
 .spingclass {
   height: 100%;
 }
-:deep(.ant-spin-container){
+
+:deep(.ant-spin-container) {
   height: 100%;
 }
 </style>