From f6571b7877dc749ad83c01e748653cfa13f2308f Mon Sep 17 00:00:00 2001 From: zhangzengfei <zhangzengfei@iotlink.com> Date: 星期一, 19 十月 2020 17:15:19 +0800 Subject: [PATCH] 调整底库管理页面的样式 --- src/pages/library/components/baseList.vue | 17 +++++++++++------ src/pages/library/components/personList.vue | 43 ++++++++++++++++++------------------------- 2 files changed, 29 insertions(+), 31 deletions(-) diff --git a/src/pages/library/components/baseList.vue b/src/pages/library/components/baseList.vue index 4e80915..e5df6ef 100644 --- a/src/pages/library/components/baseList.vue +++ b/src/pages/library/components/baseList.vue @@ -7,7 +7,7 @@ :class="title==='鍚屾搴�'?'iconfont iconshuaxintongbu':'iconfont iconwenjianjia'" style="font-size:18px;" ></span> - <span class="ml5 f14">{{title}}</span> + <span class="m5">{{title}}</span> <i class="el-icon-circle-plus-outline ml10" style="font-size:20px;color:#3D68E1;" @@ -15,7 +15,7 @@ v-if="isShow('library:set')" ></i> <span - class="ml5" + class="m5" style="font-size:14px;color:#3D68E1;" @click.stop="add('sync')" v-if="isShow('library:set')" @@ -66,8 +66,7 @@ </el-col> <el-col :span="24" - class="tl ml10 f12" - style="color:#888888" + style="text-align:left;margin-left:10px; color:#888888" >{{item.startTime}}~{{item.endTime?item.endTime:'姘镐箙鏈夋晥'}}</el-col> </el-row> </div> @@ -75,7 +74,7 @@ <el-collapse-item name="2" class="el-collapse-item__wrap"> <template slot="title"> <span class="iconfont iconwenjianjia" style="font-size:18px;"></span> - <span class="ml5 f14">{{titleB}}</span> + <span class="m5">{{titleB}}</span> <i class="el-icon-circle-plus-outline ml10" style="font-size:20px;color:#3D68E1;" @@ -83,7 +82,7 @@ v-if="isShow('library:set')" ></i> <span - class="ml5" + class="m5" style="font-size:14px;color:#3D68E1;" @click.stop="add('local')" v-if="isShow('library:set')" @@ -403,4 +402,10 @@ white-space: nowrap; margin: 0 auto; } +.m5 { + margin: 5px; +} +.p10 { + padding: 10px; +} </style> diff --git a/src/pages/library/components/personList.vue b/src/pages/library/components/personList.vue index 54eb6de..073c8a1 100644 --- a/src/pages/library/components/personList.vue +++ b/src/pages/library/components/personList.vue @@ -1,31 +1,13 @@ <template> <div class="table-parent"> - <el-row class style="margin:20px"> - <!-- <el-col :span="4" class="tl"> - <b class="f14">{{this.baseObject.tableName}}</b> - </el-col> - <el-col :span="2"> - <b class="f14">{{this.baseObject.bwType === '1'?'榛戝悕鍗�':'鐧藉悕鍗�'}}</b> - </el-col> - <el-col :span="8"> - <b class="f14">鏈夋晥鏃堕棿锛歿{this.baseObject.startTime}}--{{this.baseObject.endTime?this.baseObject.endTime:'姘镐箙鏈夋晥'}}</b> - </el-col>--> - <div class="tl"> - <span - class="f14" - style="color:#000000;" - >{{this.baseObject.tableName?this.baseObject.tableName + '/ ':''}}</span> - <span - class="f14" - style="color:#000000;" - >{{this.baseObject.bwType === '1'?'榛戝悕鍗�/ ':'鐧藉悕鍗�/ '}}</span> - <span - class="f14" - style="color:#000000;" - >鏈夋晥鏃堕棿锛歿{this.baseObject.startTime}}--{{this.baseObject.endTime?this.baseObject.endTime:'姘镐箙鏈夋晥'}}</span> + <el-row style="margin-top:20px"> + <div class="base-tip"> + <span>{{this.baseObject.tableName?this.baseObject.tableName + '/ ':''}}</span> + <span>{{this.baseObject.bwType === '1'?'榛戝悕鍗�/ ':'鐧藉悕鍗�/ '}}</span> + <span>鏈夋晥鏃堕棿锛歿{this.baseObject.startTime}}--{{this.baseObject.endTime?this.baseObject.endTime:'姘镐箙鏈夋晥'}}</span> </div> </el-row> - <el-row class style="margin:40px 0 40px 20px"> + <el-row class style="margin:40px 0 40px 0px"> <el-col :span="6"> <el-input placeholder="濮撳悕/鎬у埆/韬唤璇佸彿/鎵嬫満鍙�" @@ -322,7 +304,11 @@ </el-row> <el-row> <el-col :span="20"> - <el-form-item label="鎬у埆" prop="sex" style="width:100%;margin-bottom: 10px;" class="tl"> + <el-form-item + label="鎬у埆" + prop="sex" + style="width:100%;margin-bottom: 8px; text-align: left" + > <el-radio-group v-model="form.sex" class="mt10"> <el-radio label="鐢�"></el-radio> <el-radio label="濂�"></el-radio> @@ -1153,8 +1139,15 @@ } .table-parent { // position: relative; + margin-left: 5px; height: 90%; overflow: visible !important; + + .base-tip { + text-align: left; + font-size: 14px; + color: #000000; + } } .text-left { -- Gitblit v1.8.0