From 4e8887da9db1617b3283ac454e7e0061b70115e3 Mon Sep 17 00:00:00 2001 From: xing <xingjs@qq.com> Date: 星期日, 26 二月 2023 11:37:47 +0800 Subject: [PATCH] 20230226@xingjs@优化完善数据管理样式 --- src/views/datamanage/metadataManage.vue | 23 ++++++++++++----------- src/views/datamanage/styleManage.vue | 27 ++++++++++++++------------- 2 files changed, 26 insertions(+), 24 deletions(-) diff --git a/src/views/datamanage/metadataManage.vue b/src/views/datamanage/metadataManage.vue index b6c3685..155a640 100644 --- a/src/views/datamanage/metadataManage.vue +++ b/src/views/datamanage/metadataManage.vue @@ -11,7 +11,7 @@ <el-form ref="queryForm" :model="queryForm" :inline="true"> <div class="flex_box"> <div style="margin-right: auto"> - <el-form-item> + <el-form-item size="small"> <el-select :popper-append-to-body="false" v-model="queryForm.depName" @@ -44,7 +44,7 @@ }" ></el-cascader> --> </el-form-item> - <el-form-item> + <el-form-item size="small"> <el-select :popper-append-to-body="false" v-model="queryForm.dirName" @@ -77,7 +77,7 @@ }" ></el-cascader> --> </el-form-item> - <el-form-item> + <el-form-item size="small"> <el-select :popper-append-to-body="false" v-model="queryForm.verid" @@ -93,10 +93,11 @@ </el-option> </el-select> </el-form-item> - <el-form-item prop="name"> + <el-form-item prop="name" size="small"> +<!-- :placeholder="$t('common.pleaseInput')"--> <el-input v-model="queryForm.name" - :placeholder="$t('common.pleaseInput')" + :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" style="width: 200px" suffix-icon="el-icon-edit" /> @@ -283,7 +284,7 @@ </template> </el-table-column> </el-table> - <div class="pagination_box"> + <div class="pagination_box" style="margin-top: 15px"> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" @@ -509,7 +510,7 @@ align="center" ></el-table-column> </el-table> - <div style="margin-top: 10px" class="pagination_box"> + <div style="margin-top: 10px" class="pagination_box" > <el-pagination @size-change="handleLoaderSizeChange" @current-change="handleLoaderCurrentChange" @@ -651,7 +652,7 @@ :label="$t('dataManage.dataUpObj.describe')" /> </el-table> - <div class="pagination_box"> + <div class="pagination_box" style="margin-top: 15px"> <el-pagination @size-change="handleMetaSizeChange" @current-change="handMetaCurrentChange" @@ -789,7 +790,7 @@ dialogVisible: false, listLoader: { id: null, - pageSize: 1, + pageIndex: 1, pageSize: 10, }, count1: 0, @@ -896,7 +897,7 @@ this.$nextTick(() => { const rect = this.$refs.container.getBoundingClientRect(); this.tableHeight = `${rect.height + 97}px`; - this.styleVar["height"] = `calc(100% - ${rect.height + 97}px)`; + this.styleVar["height"] = `calc(100% - ${rect.height + 28}px)`; }); }, async detail(res) { @@ -1410,7 +1411,7 @@ .authorityManagement_box { height: 98%; width: 98%; - padding: 1%; + padding: 0.5%; .inquire { padding: 8px; diff --git a/src/views/datamanage/styleManage.vue b/src/views/datamanage/styleManage.vue index d689bc1..8e17b92 100644 --- a/src/views/datamanage/styleManage.vue +++ b/src/views/datamanage/styleManage.vue @@ -14,12 +14,14 @@ <div class="flex_box"> <div style="margin-right: auto"> <el-form-item + size="small" :label="$t('dataManage.vmobj.keyword')" prop="name" > +<!-- :placeholder="$t('common.pleaseInput')"--> <el-input v-model="ruleForm.name" - :placeholder="$t('common.pleaseInput')" + :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" style="width:200px" suffix-icon="el-icon-edit" /> @@ -157,6 +159,7 @@ </el-table> <div class="pagination_box" + style="margin-top: 15px" > <el-pagination @size-change="handleSizeChange" @@ -235,14 +238,14 @@ <p> <label> {{ $t('dataManage.styleObj.viewguid') }}:</label> <label class="boxlabel"> - <div style="width:440px;height:200px;"> - <img - style="width:100%; height:100%" - :src="itemdetail.imageFile" - alt="" - /> - </div> - </label> + <div style="width:440px;height:200px;"> + <img + style="width:100%; height:100%" + :src="itemdetail.imageFile" + alt="" + /> + </div> + </label> </p> <el-divider></el-divider> <p> @@ -276,7 +279,6 @@ </div> <el-dialog :title="$t('dataManage.styleObj.modifyStyleData')" - top="2vh" :before-close="removeUpdate" :visible.sync="dialogFormVisible" > @@ -581,7 +583,6 @@ <el-dialog :title="$t('dataManage.styleObj.addStyleData')" - top="2vh" :visible.sync="InsertFormdialog" :before-close="handleClose" > @@ -1050,7 +1051,7 @@ this.$nextTick(() => { const rect = this.$refs.container.getBoundingClientRect(); this.tableHeight = `${rect.height + 97}px`; - this.styleVar["height"] = `calc(100% - ${rect.height + 97}px)`; + this.styleVar["height"] = `calc(100% - ${rect.height + 28}px)`; }); }, showPermsBtn() { @@ -1678,7 +1679,7 @@ .authorityManagement_box { height: 98%; width: 98%; - padding: 1%; + padding: 0.5%; .el-input { width: 730px; -- Gitblit v1.9.3