调整底库管理页面的样式

zhangzengfei

2020-10-19 f6571b7877dc749ad83c01e748653cfa13f2308f

调整底库管理页面的样式

 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>

 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 + '/&nbsp;':''}}</span>
        <span
          class="f14"
          style="color:#000000;"
        >{{this.baseObject.bwType === '1'?'黑名单/&nbsp;':'白名单/&nbsp;&nbsp;&nbsp;'}}</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 + '/&nbsp;':''}}</span>
        <span>{{this.baseObject.bwType === '1'?'黑名单/&nbsp;':'白名单/&nbsp;&nbsp;&nbsp;'}}</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 {