监控ui

heyujie

2021-10-11 ae2d855c89ca722ac7309fdf1aa6ceed370e3b95

 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="姓名/性别/身份证号/手机号"
@@ -193,10 +175,13 @@
    </div>
    <div class="pt5" style="height:40px;position:relative">
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="refrash"
        :current-page="BaseManageData.page"
        :page-size="BaseManageData.size"
        :page-sizes="[10,20,50,100]"
        style="position:absolute;right:10px;bottom:5px"
        layout="total,sizes,prev,pager,next,jumper"
        :total="BaseManageData.total"
      ></el-pagination>
    </div>
@@ -322,7 +307,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>
@@ -675,8 +664,8 @@
        confirmButtonClass: "comfirm-class-sure"
      })
        .then(_ => {
          fetch(`/data/api-v/dbperson/deleteDbPersonById/${id}`, {
            method: "POST",
          fetch(`/data/api-v/dbperson/deleteDbPersonById?id=${id}`, {
            method: "GET",
            headers: {
              "Content-Type": "application/json",
              Authorization: token
@@ -737,6 +726,11 @@
    refrash(current, pageSize) {
      this.current = current;
      this.BaseManageData.page = current;
      this.getPersonList();
    },
    handleSizeChange(val) {
      //this.pageSize = val;
      this.BaseManageData.size = val;
      this.getPersonList();
    },
    handleClick(row) {
@@ -1153,8 +1147,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 {