From 43afe36ba83f9171dce3c3ce42db980ee2e7b65b Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期四, 05 九月 2024 20:23:07 +0800
Subject: [PATCH] 数据中心详情样式优化

---
 src/views/system/data-manage/data-detail/index.vue |   44 +++++++++++++++++++++++---------------------
 1 files changed, 23 insertions(+), 21 deletions(-)

diff --git a/src/views/system/data-manage/data-detail/index.vue b/src/views/system/data-manage/data-detail/index.vue
index 79edc9f..a41849a 100644
--- a/src/views/system/data-manage/data-detail/index.vue
+++ b/src/views/system/data-manage/data-detail/index.vue
@@ -30,24 +30,28 @@
       </el-row>
     </el-card>
 
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
-      <el-form-item label="鍏抽敭璇�" prop="bayonetNumber">
-        <el-input v-model="queryParams.keyword" placeholder="鍏抽敭璇嶆悳绱�" clearable @input="handleQuery"/>
-      </el-form-item>
-      <el-form-item label="鏃堕棿鑼冨洿" prop="timeRange">
-        <el-date-picker
-          v-model="queryParams.timeRange"
-          type="daterange"
-          range-separator="鑷�"
-          start-placeholder="寮�濮嬫棩鏈�"
-          end-placeholder="缁撴潫鏃ユ湡">
-        </el-date-picker>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="small" @click="handleQuery">鎼滅储</el-button>
-        <el-button icon="el-icon-refresh" size="small" @click="resetQuery">閲嶇疆</el-button>
-      </el-form-item>
-    </el-form>
+    <div style="display: flex;position: relative">
+      <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
+        <el-form-item label="鍏抽敭璇�" prop="bayonetNumber">
+          <el-input v-model="queryParams.keyword" placeholder="鍏抽敭璇嶆悳绱�" clearable @input="handleQuery"/>
+        </el-form-item>
+        <el-form-item label="鏃堕棿鑼冨洿" prop="timeRange">
+          <el-date-picker
+            v-model="queryParams.timeRange"
+            type="daterange"
+            range-separator="鑷�"
+            start-placeholder="寮�濮嬫棩鏈�"
+            end-placeholder="缁撴潫鏃ユ湡">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" size="small" @click="handleQuery">鎼滅储</el-button>
+          <el-button icon="el-icon-refresh" size="small" @click="resetQuery">閲嶇疆</el-button>
+        </el-form-item>
+      </el-form>
+      <right-toolbar style="position: absolute;right: 0px" v-show="index !== 'image_resource_security'" :showSearch.sync="showSearch" @queryTable="handleQuery" :columns="showList"></right-toolbar>
+    </div>
+
 
     <el-row :gutter="10" class="mb8" v-show="index === 'image_resource_security'">
       <el-container>
@@ -85,8 +89,6 @@
       </el-col>
       <right-toolbar  :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
-
-    <right-toolbar v-show="index !== 'image_resource_security'" :showSearch.sync="showSearch" @queryTable="handleQuery" :columns="showList"></right-toolbar>
 
     <div>
       <el-table v-loading="loading" :data="tableData.list">
@@ -434,7 +436,7 @@
   background-color: #F5F9FE;
   width: 100%;
   margin-bottom: 20px;
-  height: 160px
+  height: 120px
 }
 
 .icon-container {

--
Gitblit v1.8.0