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