ZZJ
2021-11-09 ccee429d379e0108b7445f72ade8d97c110a6fb3
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="姓名/性别/身份证号/手机号"
@@ -42,13 +24,13 @@
        <el-button size="small" type="primary" @click="handleSearch">搜索</el-button>
      </el-col>
      <el-col :offset="11" :span="3">
        <fTemplate authority="videoTable:edit">
        <fTemplate authority="library:set">
          <el-button
            size="small"
            class="ml10"
            type="danger"
            @click="deleteBatch"
            v-if="isShow('videoTable:edit')"
            v-if="isShow('library:set')"
          >批量删除</el-button>
        </fTemplate>
      </el-col>
@@ -59,7 +41,7 @@
            limitSize
            uploadBtntext="上传照片"
            uploadBtnIcon
            v-if="isShow('videoTable:edit')"
            v-if="isShow('library:set')"
            uploadBtnSize="small"
            :isDrag="true"
            @addFilesBaBackFN="changeDialog"
@@ -135,7 +117,7 @@
            <el-switch
              v-model="scope.row.enable"
              :active-value="1"
              :disabled="!isShow('videoTable:edit')"
              :disabled="!isShow('library:set')"
              :inactive-value="0"
              @change="enable(scope.row)"
            ></el-switch>
@@ -143,7 +125,7 @@
        </el-table-column>
        <el-table-column label="操作" min-width="200" align="center">
          <template slot-scope="scope">
            <fTemplate authority="videoTable:edit">
            <fTemplate authority="library:set">
              <el-tooltip content="编辑" placement="top" popper-class="atooltip">
                <span
                  class="iconfont iconbianji iconStyle1"
@@ -158,7 +140,7 @@
            <el-tooltip content="查看详情" placement="top" popper-class="atooltip">
              <span class="iconfont iconsousuoren iconStyle1" @click="showDetail(scope.row)"></span>
            </el-tooltip>
            <fTemplate authority="videoTable:edit">
            <fTemplate authority="library:set">
              <el-tooltip content="复制" placement="top" popper-class="atooltip">
                <span
                  class="iconfont iconfuzhi iconStyle1"
@@ -167,7 +149,7 @@
                ></span>
              </el-tooltip>
            </fTemplate>
            <fTemplate authority="videoTable:edit">
            <fTemplate authority="library:set">
              <el-tooltip content="移动" placement="top" popper-class="atooltip">
                <span
                  class="iconfont iconyidongzhi iconStyle1"
@@ -177,7 +159,7 @@
                ></span>
              </el-tooltip>
            </fTemplate>
            <fTemplate authority="videoTable:edit">
            <fTemplate authority="library:set">
              <el-tooltip content="删除" placement="top" popper-class="atooltip">
                <span
                  class="iconfont iconshanchu iconStyle1"
@@ -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>
@@ -219,15 +204,27 @@
        <el-button size="mini" type="primary" @click="postCameraData">查询</el-button>
      </div>
      <p class="member-info">
        <label class="">人员信息:</label>
      <div class="member-info">
        <label class>人员信息:</label>
        <ul>
          <li><span>姓名:</span><span>{{memberInfo.personName}}</span></li>
          <li><span>性别:</span><span>{{memberInfo.sex}}</span></li>
          <li><span>身份证号:</span><span>{{memberInfo.idCard}}</span></li>
          <li><span>意图:</span><span>{{memberInfo.reserved}}</span></li>
          <li>
            <span>姓名:</span>
            <span>{{memberInfo.personName}}</span>
          </li>
          <li>
            <span>性别:</span>
            <span>{{memberInfo.sex}}</span>
          </li>
          <li>
            <span>身份证号:</span>
            <span>{{memberInfo.idCard}}</span>
          </li>
          <li>
            <span>意图:</span>
            <span>{{memberInfo.reserved}}</span>
          </li>
        </ul>
      </p>
      </div>
      <el-table :data="cameraDetailData" border>
        <el-table-column prop="faceImg" label="抓拍实景" width="160" align="center">
@@ -310,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>
@@ -531,7 +532,7 @@
export default {
  data() {
    return {
      timeRange: [new Date(2020, 7, 25, 8), new Date()],
      timeRange: [new Date(2020, 7, 25, 8), new Date(new Date().setHours(23, 59, 59))],
      memberInfo: {
        personName: '',
        sex: '',
@@ -693,7 +694,7 @@
      console.log("hello");
    },
    getUploadResult(result) {
      console.log(result, "上传的返回");
      // console.log(result, "上传的返回");
      this.uploadResult = result.data;
      this.dialogVisible = true;
      this.getPersonList();
@@ -725,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) {
@@ -1141,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 {
@@ -1277,6 +1290,7 @@
}
.avatar-uploader {
  margin: auto;
  max-width: 150px;
  min-width: 150px;
  min-height: 152px;