From feb4efad938bbeb139073864b5b3d437f0f9e018 Mon Sep 17 00:00:00 2001
From: zc <jingyun1127@outlook.com>
Date: Wed, 9 Jul 2025 15:27:39 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=B4=E5=AE=89=E5=87=BA=E9=97=A8=E8=AF=81?=
 =?UTF-8?q?=E7=94=B3=E8=AF=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/login.js                              |    6 +-
 src/store/modules/user.js                     |    6 +-
 src/views/visCarryStuff/record/index.vue      |  458 ++++++
 .../visCarryStuff/visCarryStuff/index.vue     | 1283 +++++++++++++++++
 4 files changed, 1748 insertions(+), 5 deletions(-)
 create mode 100644 src/views/visCarryStuff/record/index.vue
 create mode 100644 src/views/visCarryStuff/visCarryStuff/index.vue

diff --git a/src/api/login.js b/src/api/login.js
index 2625395..4a3d0d1 100644
--- a/src/api/login.js
+++ b/src/api/login.js
@@ -1,14 +1,16 @@
 import request from '@/utils/request'
 
 // 登录方法
-export function login(encrypt, code, uuid) {
+export function login(username, password, code, uuid) {
+// export function login(encrypt, code, uuid) {
   return request({
     url: '/auth/login',
     headers: {
       isToken: false
     },
     method: 'post',
-    data: { encrypt, code, uuid }
+    // data: { encrypt, code, uuid }
+    data: { username, password, code, uuid }
   })
 }
 
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index b173c36..3f7fba2 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -43,10 +43,10 @@ const user = {
         username: username,
         password: password,
       };
-      const encryptData = encrypt(JSON.stringify(data));
+      // const encryptData = encrypt(JSON.stringify(data));
       return new Promise((resolve, reject) => {
-        // login(username, password, code, uuid).then(res => {
-        login(encryptData, code, uuid).then(res => {
+        login(username, password, code, uuid).then(res => {
+        // login(encryptData, code, uuid).then(res => {
           let data = res.data
           setToken(data.access_token)
           commit('SET_TOKEN', data.access_token)
diff --git a/src/views/visCarryStuff/record/index.vue b/src/views/visCarryStuff/record/index.vue
new file mode 100644
index 0000000..46fa074
--- /dev/null
+++ b/src/views/visCarryStuff/record/index.vue
@@ -0,0 +1,458 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
+      <el-form-item label="姓名">
+        <el-input
+          v-model="queryParams.name"
+          placeholder="请输入来访人"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="时间">
+        <el-date-picker clearable
+            v-model="showDate"
+            type="datetimerange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            @change="dateChange"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['system:peopleRecord:remove']"
+        >删除</el-button>
+      </el-col>
+      <!-- <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['system:peopleRecord:export']"
+        >导出</el-button>
+      </el-col> -->
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="peopleRecordList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="姓名" align="center" prop="name"  min-width="100"></el-table-column>
+      <el-table-column label="设备序列号" align="center" prop="sequence"  min-width="100" />
+      <el-table-column label="被访人" align="center" prop="peopleName"  min-width="100" />
+      <el-table-column label="来访时间" align="center" prop="startTime"  min-width="100">
+        <template v-slot="scope">
+          <span>{{ parseTime(scope.row.startTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="离开时间" align="center" prop="endTime"  min-width="100">
+        <template v-slot="scope">
+          <span>{{ parseTime(scope.row.endTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
+        </template>
+      </el-table-column>
+      <!-- <el-table-column label="识别时间" align="center" prop="showDate"  min-width="100">
+        <template v-slot="scope">
+          <span>{{ parseTime(scope.row.showDate, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="识别主体姓名" align="center" prop="admitName"  min-width="100">
+        <template v-slot="scope">
+          {{ scope.row.admitName }}
+        </template>
+      </el-table-column>
+      <el-table-column label="设备序列号" align="center" prop="deviceNo"  min-width="100"/>
+      <el-table-column label="识别模式" align="center" prop="recMode"  min-width="100">
+        <template v-slot="scope">
+          <template v-if="scope.row.recMode=='1'">
+            人像识别
+          </template>
+          <template v-if="scope.row.recMode=='2'">
+            刷卡识别
+          </template>
+          <template v-if="scope.row.recMode=='3'">
+            人卡合一
+          </template>
+          <template v-if="scope.row.recMode=='4'">
+            人证比对
+          </template>
+          <template v-if="scope.row.recMode=='7'">
+            密码识别
+          </template>
+          <template v-if="scope.row.recMode=='8'">
+            二维码识别
+          </template>
+          <template v-if="scope.row.recMode=='10'">
+            二维码识别
+          </template>
+        </template>
+      </el-table-column>
+      <el-table-column label="现场照url" align="center" prop="filePath" >
+        <template v-slot="scope">
+          <el-image style="width: 80px; height: 80px" :src="scope.row.filePath" fit="cover"
+                    :preview-src-list="[scope.row.filePath]"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column label="人员比对结果" align="center" prop="type"  min-width="100">
+        <template v-slot="scope">
+          <template v-if="scope.row.type=='1'">
+            比对成功
+          </template>
+          <template v-if="scope.row.type=='2'">
+            比对失败
+          </template>
+        </template>
+      </el-table-column>
+      <el-table-column label="识别卡号" align="center" prop="cardNo" min-width="100"/>
+      <el-table-column label="设备名称" align="center" prop="deviceName" min-width="100">
+        <template v-slot="scope">
+          <template v-if="scope.row.equipment!=null" >
+            {{scope.row.equipment.name}}
+          </template>
+        </template>
+      </el-table-column>
+      <el-table-column label="有效日期" align="center" prop="permissionTimeType"  min-width="100">
+        <template v-slot="scope">
+          <template v-if="scope.row.passTimeType=='1'">
+            有效期内
+          </template>
+          <template v-if="scope.row.passTimeType=='2'">
+            有效期外
+          </template>
+          <template v-if="scope.row.passTimeType=='3'">
+            未进行有效期判断
+          </template>
+        </template>
+      </el-table-column>
+      <el-table-column label="有效时间段" align="center" prop="passTimeType"  min-width="100">
+        <template v-slot="scope">
+          <template v-if="scope.row.passTimeType=='1'">
+            时间段内
+          </template>
+          <template v-if="scope.row.passTimeType=='2'">
+            时间段外
+          </template>
+          <template v-if="scope.row.passTimeType=='3'">
+            未进行时间段判断
+          </template>
+        </template>
+      </el-table-column> -->
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['system:peopleRecord:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改人员识别记录对话框 -->
+<!--    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="人员id" prop="peopleId">
+          <el-input v-model="form.peopleId" placeholder="请输入人员id" />
+        </el-form-item>
+        <el-form-item label="设备id" prop="equipmentId">
+          <el-input v-model="form.equipmentId" placeholder="请输入设备id" />
+        </el-form-item>
+        <el-form-item label="设备内网ip" prop="deviceIp">
+          <el-input v-model="form.deviceIp" placeholder="请输入设备内网ip" />
+        </el-form-item>
+        <el-form-item label="人员guid 或者STRANGERBABY" prop="admitGuid">
+          <el-input v-model="form.admitGuid" placeholder="请输入人员guid 或者STRANGERBABY" />
+        </el-form-item>
+        <el-form-item label="识别模式,1:人像识别, 2:刷卡识别 ,3:人卡合一 4,人证比对 7:密码识别 8 二维码识别" prop="recMode">
+          <el-input v-model="form.recMode" placeholder="请输入识别模式,1:人像识别, 2:刷卡识别 ,3:人卡合一 4,人证比对 7:密码识别 8 二维码识别" />
+        </el-form-item>
+        <el-form-item label="现场照url" prop="filePath">
+          <el-input v-model="form.filePath" placeholder="请输入现场照url" />
+        </el-form-item>
+        <el-form-item label="识别记录时间戳" prop="showTime">
+          <el-input v-model="form.showTime" placeholder="请输入识别记录时间戳" />
+        </el-form-item>
+        <el-form-item label="识别记录时间" prop="showDate">
+          <el-date-picker clearable
+            v-model="form.showDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="请选择识别记录时间">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="识别分数" prop="recScore">
+          <el-input v-model="form.recScore" placeholder="请输入识别分数" />
+        </el-form-item>
+        <el-form-item label="设备序列号" prop="deviceNo">
+          <el-input v-model="form.deviceNo" placeholder="请输入设备序列号" />
+        </el-form-item>
+        <el-form-item label="软件版本号" prop="deviceVersion">
+          <el-input v-model="form.deviceVersion" placeholder="请输入软件版本号" />
+        </el-form-item>
+        <el-form-item label="设备来源" prop="source">
+          <el-input v-model="form.source" placeholder="请输入设备来源" />
+        </el-form-item>
+        <el-form-item label="识别卡号" prop="cardNo">
+          <el-input v-model="form.cardNo" placeholder="请输入识别卡号" />
+        </el-form-item>
+        <el-form-item label="设备名称" prop="deviceName">
+          <el-input v-model="form.deviceName" placeholder="请输入设备名称" />
+        </el-form-item>
+        <el-form-item label="结果" prop="result">
+          <el-input v-model="form.result" placeholder="请输入结果" />
+        </el-form-item>
+        <el-form-item label="保留字段" prop="storageId">
+          <el-input v-model="form.storageId" placeholder="请输入保留字段" />
+        </el-form-item>
+        <el-form-item label="当前时间戳" prop="timestamp">
+          <el-input v-model="form.timestamp" placeholder="请输入当前时间戳" />
+        </el-form-item>
+        <el-form-item label="识别主体姓名" prop="admitName">
+          <el-input v-model="form.admitName" placeholder="请输入识别主体姓名" />
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" placeholder="请输入备注" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>-->
+  </div>
+</template>
+
+<script>
+import { listPeopleRecord, getPeopleRecord, delPeopleRecord, addPeopleRecord, updatePeopleRecord,queryVisitorRecordList,deleteVisitorRecordList } from "@/api/system/peopleRecord";
+import {alllistEquipment} from "@/api/system/equipment";
+import {listSysPeople} from "@/api/system/sysPeople";
+
+export default {
+  name: "PeopleRecord",
+  data() {
+    return {
+      // 遮罩层
+      showDate:[],
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 人员识别记录表格数据
+      peopleRecordList: [],
+      equipmentOptions:[],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        peopleId: null,
+        equipmentId: null,
+        deviceIp: null,
+        admitGuid: null,
+        recMode: null,
+        filePath: null,
+        showTime: null,
+        showDate: null,
+        aliveType: null,
+        recScore: null,
+        deviceNo: null,
+        deviceVersion: null,
+        source: null,
+        type: null,
+        cardNo: null,
+        deviceName: null,
+        recType: null,
+        result: null,
+        permissionTimeType: null,
+        passTimeType: null,
+        recModeType: null,
+        storageId: null,
+        timestamp: null,
+        admitName: null,
+        //flag:this.$route.query.flag,
+      },
+      queryParams1: {
+        bigtype: 2,
+      },
+      // 表单参数
+      form: {
+        flag:this.$route.query.flag,
+      },
+      // 表单校验
+      rules: {
+      }
+    };
+  },
+  created() {
+    this.getList();
+    this.getOptions();
+  },
+  methods: {
+    /** 查询选项列表 */
+    getOptions() {
+      this.equipmentOptions = []
+      alllistEquipment(this.queryParams1).then(response => {
+        this.equipmentOptions = response.data
+      })
+    },
+    dateChange(e){;
+        this.queryParams.startTimeTxt = this.parseTime(e[0], '{y}-{m}-{d} {h}:{i}:{s}');
+        this.queryParams.endTimeTxt = this.parseTime(e[1], '{y}-{m}-{d} {h}:{i}:{s}');
+        
+    },
+    /** 查询人员识别记录列表 */
+    getList() {
+      this.loading = true;
+      queryVisitorRecordList(this.queryParams).then(response => {
+        this.peopleRecordList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        peopleId: null,
+        equipmentId: null,
+        deviceIp: null,
+        admitGuid: null,
+        recMode: null,
+        filePath: null,
+        showTime: null,
+        showDate: null,
+        aliveType: null,
+        recScore: null,
+        deviceNo: null,
+        deviceVersion: null,
+        source: null,
+        type: null,
+        cardNo: null,
+        deviceName: null,
+        recType: null,
+        result: null,
+        permissionTimeType: null,
+        passTimeType: null,
+        recModeType: null,
+        storageId: null,
+        timestamp: null,
+        admitName: null,
+        remark: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加人员识别记录";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids
+      getPeopleRecord(id).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改人员识别记录";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updatePeopleRecord(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addPeopleRecord(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids.join(',');
+      this.$modal.confirm('是否确认删除人员识别记录编号为"' + ids + '"的数据项？').then(function() {
+        return deleteVisitorRecordList({ids:ids});
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('system/peopleRecord/export', {
+        ...this.queryParams
+      }, `peopleRecord_${new Date().getTime()}.xlsx`)
+    }
+  }
+};
+</script>
diff --git a/src/views/visCarryStuff/visCarryStuff/index.vue b/src/views/visCarryStuff/visCarryStuff/index.vue
new file mode 100644
index 0000000..58443b8
--- /dev/null
+++ b/src/views/visCarryStuff/visCarryStuff/index.vue
@@ -0,0 +1,1283 @@
+<template>
+  <div class="app-container">
+    <div class="fresh_div">
+        <el-checkbox v-model="freshChecked" @change="freshChange">自动刷新</el-checkbox>
+    </div>
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="来访人" prop="name">
+        <el-input
+          v-model="queryParams.name"
+          placeholder="请输入来访人"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="预约时间" prop="startTime">
+        <el-date-picker clearable
+          v-model="queryParams.startTime"
+          type="date"
+          value-format="yyyy-MM-dd"
+          placeholder="请选择预约时间">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['visitor:visitor:add']"
+        >新增</el-button>
+      </el-col>
+      <!-- <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['visitor:visitor:edit']"
+        >修改</el-button>
+      </el-col> -->
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['visitor:visitor:remove']"
+        >删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['visitor:visitor:export']"
+        >导出</el-button>
+      </el-col>
+       <!-- <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-menu"
+          size="mini"
+          @click="handleEwm"
+          v-hasPermi="['visitor:visitor:ewm']"
+        >二维码</el-button>
+         <el-image-viewer v-if="showViewer" :on-close="closeViewer" :url-list="[url]" />
+      </el-col> -->
+
+        <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="visitorList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="出门证编号" width="120" align="center" prop="exitPermitNo" >
+        <template slot-scope="scope" >
+          {{ scope.row.exitPermitNo }}
+        </template>
+      </el-table-column>
+      <el-table-column label="发货人" align="center" prop="name" />
+      <el-table-column label="发货人联系方式" width="120" align="center" prop="phone" >
+          <template slot-scope="scope" >
+            {{ scope.row.phone }}
+          </template>
+      </el-table-column>
+      <el-table-column label="拜访单位" width="120" align="center" prop="deptId" >
+          <template slot-scope="scope" >
+            {{ scope.row.deptName }}
+          </template>
+      </el-table-column>
+      <el-table-column label="被访人" align="center" prop="userId" width="120">
+          <template slot-scope="scope">
+            <span v-if="scope.row.people!=null">{{scope.row.people.name}}</span>
+          </template>
+      </el-table-column>
+
+      <el-table-column label="预约时间" align="center" prop="startTime" width="160">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.startTime) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="进入时间" align="center" prop="inTime" width="160">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.inTime) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="离开时间" align="center" prop="outTime" width="160">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.outTime) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="审核状态" align="center" prop="examine" width="90">
+        <template slot-scope="scope">
+          <template v-if="scope.row.examine.examine == null">审核中</template>
+          <template v-else>
+            <template v-if="scope.row.examine.examine == 0">通过</template>
+            <template v-else-if="scope.row.examine.examine == 1">驳回</template>
+          </template>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row,'detail')"
+            v-hasPermi="['visitor:visitor:detail']"
+          >查看</el-button>
+          <!-- <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            :disabled="scope.row.examine.examine == 0"
+            @click="handleUpdate(scope.row,'edit')"
+            v-hasPermi="['visitor:visitor:edit']"
+          >修改</el-button> -->
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['visitor:visitor:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改访客信息对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+        <el-row>
+          <el-col :span="24" >
+            <el-form-item label="来访人头像" prop="avatar">
+              <div class="card_list" v-if="aed == 'detail'">
+                <el-image
+                    class="avatar_img"
+                    :src="form.avatar"
+                    :preview-src-list="[form.avatar]" >
+                </el-image>
+              </div>
+              <div v-else>
+                <image-upload-fk v-model="form.avatar" :limit="1" :isShowTip="false" :fileName1="avatar1"/>
+                    <div class="avater_box">
+                        <div class="avater_l">
+                            <div class="txt">1、确保照片是正脸，且足够清晰，同一个人最多3张注册照。</div>
+                            <div class="txt" >2、照片格式支持JPG\JPEG\PNG</div>
+                            <div class="txt">3、小于2M</div>
+                            <div class="txt">4、面部区域像素不低于128x128</div>
+                            <div class="txt">5、人像大小占整张照片1/3以上</div>
+                        </div>
+                        <div class="avater_r">
+                            <img :src="logo" />
+                        </div>
+                    </div>
+              </div>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <template v-if="aed == 'detail'">
+                <el-form-item label="来访人:">
+                    {{ form.name }}
+                </el-form-item>
+            </template>
+            <template v-else>
+                <el-form-item label="来访人:" prop="name">
+                    <el-input v-model="form.name" placeholder="请输入来访人" />
+                </el-form-item>
+            </template>
+          </el-col>
+          <el-col :span="8" >
+            <template v-if="aed == 'detail'">
+                <el-form-item label="来访单位:">
+                    {{ form.visitingUnit }}
+                </el-form-item>
+            </template>
+            <template v-else>
+                <el-form-item label="来访单位:" prop="visitingUnit">
+                    <el-input v-model="form.visitingUnit" placeholder="请输入来访单位" />
+                </el-form-item>
+            </template>
+          </el-col>
+          <el-col :span="8" >
+            <template v-if="aed == 'detail'">
+                <el-form-item label="联系电话:">
+                    {{ form.phone }}
+                </el-form-item>
+            </template>
+            <template v-else>
+                <el-form-item label="联系电话:" prop="phone">
+                    <el-input v-model="form.phone" placeholder="请输入联系电话" />
+                </el-form-item>
+            </template>
+          </el-col>
+          <el-col :span="8" >
+            <template v-if="aed == 'detail'">
+                <el-form-item label="来访人性别:">
+                    <template v-if="form.sex">
+                        <dict-tag :options="dict.type.sys_user_sex" :value="form.sex"/>
+                    </template>
+                    <template v-else>保密</template>
+                </el-form-item>
+            </template>
+            <template v-else>
+                <el-form-item label="来访人性别:" prop="sex">
+                    <el-select v-model="form.sex" placeholder="请选择用户性别">
+                        <el-option
+                            v-for="dict in dict.type.sys_user_sex"
+                            :key="dict.value"
+                            :label="dict.label"
+                            :value="dict.value"
+                        ></el-option>
+                    </el-select>
+                </el-form-item>
+            </template>
+          </el-col>
+
+          <el-col :span="8" >
+            <template v-if="aed == 'detail'">
+                <el-form-item label="身份证号码:">
+                    <template v-if="form.idcard">
+                        {{ form.idcard }}
+                    </template>
+                    <template v-else>未填</template>
+                </el-form-item>
+            </template>
+            <template v-else>
+                <el-form-item label="身份证号码:" prop="idcard">
+                    <el-input v-model="form.idcard" placeholder="请输入身份证号码" />
+                </el-form-item>
+            </template>
+          </el-col>
+          <el-col :span="8" >
+            <template v-if="aed == 'detail'">
+                <el-form-item label="车牌号码:">
+                    <template v-if="form.carNo">
+                        {{ form.carNo }}
+                    </template>
+                    <template v-else>未填</template>
+                </el-form-item>
+            </template>
+            <template v-else>
+                <el-form-item label="车牌号码:" prop="carNo">
+                    <el-input v-model="form.carNo" placeholder="请输入车牌号码" />
+                </el-form-item>
+            </template>
+          </el-col>
+
+          <el-col :span="8">
+            <template v-if="aed == 'detail'">
+                <el-form-item label="拜访单位:">
+                    <dict-tag :options="dict.type.sys_company_type" :value="form.deptId"/>
+                </el-form-item>
+            </template>
+            <template v-else>
+                <el-form-item label="拜访单位:" prop="deptId">
+                    <el-select v-model="form.deptId" placeholder="请选择拜访单位" @change="changeDept">
+                        <el-option
+                        v-for="dict in dict.type.sys_company_type"
+                        :key="dict.value"
+                        :label="dict.label"
+                        :value="dict.value"
+                        ></el-option>
+                    </el-select>
+                </el-form-item>
+            </template>
+            <!-- <treeselect v-model="form.deptId" :options="branchOptions" :defaultExpandLevel="Infinity" :normalizer="normalizer" placeholder="选择拜访园区/单位" @select="departTreeSelected" /> -->
+            <!-- <template v-if="form.source == '1'">
+                <el-form-item label="拜访单位" prop="deptId">
+                    <el-select v-model="form.deptId" placeholder="请选择拜访单位" @change="changeDept">
+                        <el-option
+                        v-for="dict in visitorCompany"
+                        :key="dict.value"
+                        :label="dict.label"
+                        :value="dict.value"
+                        ></el-option>
+                    </el-select>
+                </el-form-item>
+            </template>
+            <template v-else>
+                <el-form-item label="拜访单位" prop="deptId">
+                    <el-select v-model="form.deptId" placeholder="请选择拜访单位" @change="changeDept">
+                        <el-option
+                        v-for="dict in dict.type.sys_company_type"
+                        :key="dict.value"
+                        :label="dict.label"
+                        :value="dict.value"
+                        ></el-option>
+                    </el-select>
+                </el-form-item>
+            </template> -->
+          </el-col>
+          <el-col :span="8" >
+            <template v-if="aed == 'detail'">
+                <el-form-item label="被访人:">
+                    {{ form.peopleName }}
+                </el-form-item>
+            </template>
+            <template v-else>
+                <el-form-item label="被访人:" prop="userName">
+                    <template v-if="form.source == '1'">
+                        <el-input v-model="form.userName" placeholder="请输入被访人手机号搜索" @input="dataFilter" maxlength="11" :disabled="userFlag" />
+                    </template>
+                    <template v-else>
+                        <el-input v-model="form.userName" placeholder="请输入被访人手机号搜索" @input="dataFilter" :disabled="userFlag" maxlength="11" />
+                    </template>
+                </el-form-item>
+            </template>
+          </el-col>
+          <el-col :span="8" >
+            <template v-if="aed == 'detail'">
+                <el-form-item label="预约时间:">
+                    <template v-if="form.startTime">
+                        {{ form.startTime }}
+                    </template>
+                    <template v-else>未填</template>
+                </el-form-item>
+            </template>
+            <template v-else>
+                <el-form-item label="预约时间:" prop="startTime">
+                    <el-date-picker clearable
+                            v-model="form.startTime"
+                            type="datetime"
+                            value-format="yyyy-MM-dd HH:mm:ss"
+                            placeholder="请选择预约时间">
+                    </el-date-picker>
+                </el-form-item>
+            </template>
+          </el-col>
+          <el-col :span="8" >
+            <template v-if="aed == 'detail'">
+                <el-form-item label="结束时间:">
+                    <template v-if="form.endTime">
+                        {{ form.endTime }}
+                    </template>
+                    <template v-else>未填</template>
+                </el-form-item>
+            </template>
+            <template v-else>
+                <el-form-item label="结束时间:" prop="endTime">
+                    <el-date-picker clearable
+                        v-model="form.endTime"
+                        type="datetime"
+                        value-format="yyyy-MM-dd HH:mm:ss"
+                        placeholder="请选择来访结束时间">
+                    </el-date-picker>
+                </el-form-item>
+            </template>
+          </el-col>
+          <el-col :span="8" >
+            <template v-if="aed == 'detail'">
+                <el-form-item label="访客事由:">
+                    <template v-if="form.matter">
+                        <dict-tag :options="dict.type.vis_info_reason" :value="form.matter"/>
+                    </template>
+                    <template v-else>未填</template>
+                </el-form-item>
+            </template>
+            <template v-else>
+                <el-form-item label="访客事由:" prop="matter">
+                    <el-select v-model="form.matter" placeholder="请选择访客事由">
+                        <el-option
+                        v-for="dict in dict.type.vis_info_reason"
+                        :key="dict.value"
+                        :label="dict.label"
+                        :value="dict.value"
+                        ></el-option>
+                    </el-select>
+                </el-form-item>
+            </template>
+          </el-col>
+
+          <el-col :span="8" >
+            <template v-if="aed == 'detail'">
+                <el-form-item label="携带物品:">
+                    <template v-if="form.res">
+                        {{ form.res }}
+                    </template>
+                    <template v-else>未填</template>
+                </el-form-item>
+            </template>
+            <template v-else>
+                <el-form-item label="携带物品:" prop="security">
+                    <el-input v-model="form.security" placeholder="请输入携带物品" />
+                </el-form-item>
+            </template>
+          </el-col>
+          <el-col :span="24">
+            <template v-if="aed == 'detail'">
+                <el-form-item label="保险单:">
+                    <div class="insure" v-for="ele in form.fileList">
+                        <a :href="ele.url" target="_blank">{{ ele.fileName }}</a>
+                    </div>
+                </el-form-item>
+            </template>
+            <template v-else>
+                <el-form-item label="保险单:" prop="fileList">
+                    <fkjFileUpload :fileType="['png','jpg','gif','pdf']" :fileSize="5" @input="fileSub" :value="fileList" txt="请上传保险单" />
+                    <el-input v-model="fileList" v-show="false" />
+                </el-form-item>
+            </template>
+          </el-col>
+
+          <el-col :span="24" >
+            <template v-if="aed == 'detail'">
+                <el-form-item label="备注:" prop="remark">
+                    <template v-if="form.remark">
+                        {{ form.remark }}
+                    </template>
+                    <template v-else>未填</template>
+                </el-form-item>
+            </template>
+            <template v-else>
+                <el-form-item label="备注:" prop="remark">
+                    <el-input v-model="form.remark" placeholder="请输入备注" />
+                </el-form-item>
+            </template>
+          </el-col>
+          <el-col :span="24" v-if="aed == 'detail' && examine != null">
+                <el-form-item label="理由:">
+                    {{ form.rejectReason }}
+                </el-form-item>
+            </el-col>
+        </el-row>
+        <!--添加按钮-->
+        <el-tag effect="dark" style="float: left;">随访人员信息</el-tag>
+        <el-button type="success" style="float: right;" size="medium" @click="addRow(itemData.length)" v-if="aed != 'detail'">添加</el-button>
+        <!--表格-->
+        <el-table :data="itemData" style="width: 100%" ref="tb" class="people_table">
+          <el-table-column fixed prop="date" label="人员头像">
+            <template slot-scope="scope">
+                <template v-if="aed == 'detail'">
+                    <el-image
+                        style="width: 80px; height: 80px"
+                        :src="scope.row.avatar"
+                        :preview-src-list="[scope.row.avatar]" >
+                    </el-image>
+                </template>
+                <template v-else>
+                    <image-upload-fk v-model="scope.row.avatar" style="width: 80px; height: 80px" :limit="1" :isShowTip="false" :fileName1="avatar1" />
+                </template>
+              <!-- <div class="published-div" v-if="scope.row.faceGuid!=undefined">
+                <el-button type="success" icon="el-icon-check" size="mini" circle></el-button>
+              </div>
+              <div class="published-div" v-if="scope.row.faceGuid==undefined  && scope.row.id !=undefined">
+                <el-button type="danger" icon="el-icon-close" size="mini" circle></el-button>
+              </div> -->
+            </template>
+          </el-table-column>
+          <el-table-column prop="name" label="姓名" align="center">
+            <template slot-scope="scope">
+                <template v-if="aed == 'detail'">
+                    {{ scope.row.name }}
+                </template>
+                <template v-else>
+                    <el-input v-model="scope.row.name" :label="scope.row.index"></el-input>
+                </template>
+            </template>
+          </el-table-column>
+          <el-table-column prop="phone" label="电话号码" align="center">
+            <template slot-scope="scope">
+                <template v-if="aed == 'detail'">
+                    {{ scope.row.phone }}
+                </template>
+                <template v-else>
+                    <el-input v-model="scope.row.phone" maxlength="11" :label="scope.row.index"></el-input>
+                </template>
+            </template>
+          </el-table-column>
+          <el-table-column fixed="right" label="操作" align="center" v-if="aed != 'detail'">
+            <template slot-scope="scope">
+              <el-button @click.native.prevent="deleteRow(scope.$index, itemData)" type="text" size="small">移除</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-form>
+      <div v-if="aed == 'detail'" style="margin: 15px 0px;">
+            <el-tag effect="dark">审批流程</el-tag>
+            <template v-if="stepExamine.length > 0">
+                <el-steps :active="stepActive" align-center>
+                    <el-step v-for="ele in stepExamine" :process-status="ele.error" :title="ele.title" :description="ele.description" :status="ele.status"></el-step>
+                </el-steps>
+            </template>
+            <div v-else style="text-align: center;">
+                暂无审批
+            </div>
+        </div>
+      <div slot="footer" class="dialog-footer">
+        <template v-if="aed == 'detail'">
+            <el-button @click="cancel">关 闭</el-button>
+        </template>
+        <template v-else>
+            <el-button type="primary" @click="submitForm" :loading="btnLoading">确 定</el-button>
+            <el-button @click="cancel">取 消</el-button>
+        </template>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import moment from 'moment';
+import request from '@/utils/request'
+import { listVisitor, getVisitor, delVisitor, addVisitor, updateVisitor,queryPeopleName,queryPropertyDept,queryPeopleByPosition } from "@/api/visitor/visitor";
+import logoImg from '@/assets/images/exampleavater.png'
+import {branchTreeSelect} from "@/api/system/sysBranch";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import {listSysPeople} from "@/api/system/sysPeople";
+import urlImg1 from '@/assets/images/fkewm1.png';
+import urlImg2 from '@/assets/images/fkewm2.png';
+import ElImageViewer from 'element-ui/packages/image/src/image-viewer'
+import fkjFileUpload from "@/components/FileUpload/fkjindex"
+
+export default {
+  name: "Visitor",
+  dicts: ['sys_user_sex','vis_info_type','vis_info_reason','sys_company_type'],
+  components: {Treeselect,ElImageViewer,fkjFileUpload },
+  data() {
+    return {
+        examine:null,
+        btnLoading:false,
+        freshChecked:false,
+      fileList:'',
+      tempFile:[],
+      visitorCompany:[],
+      deptType:'',
+      userFlag:true,
+      subFlag:1,
+      insurancePolicy1:'insurancePolicy1',
+      avatar1:'avatar1',
+      showViewer: false, // 显示查看器
+      url:urlImg1,
+      logo: logoImg,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 访客信息表格数据
+      visitorList: [],
+      // 部门树选项
+      branchOptions: [],
+      peopleOptions:[],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      lab:1,
+      position:"",
+      peopleFlag2:false,
+        peopleFlag3:false,
+        reviewProcessList:null,
+      stepActive:0,
+      stepExamine:[],
+      leadList2:[],
+        leadList3:[],
+        reviewer2:null,
+        reviewer3:null,
+        userTempId:"",
+        flag2:true,
+        flag3:true,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        name: null,
+        sex: null,
+        avatar: null,
+        userId: null,
+        deptId: null,
+        startTime: null,
+      },
+      queryParams1: {
+        branchId: undefined,
+        pageNum: 1,
+        pageSize: 99999
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        name: [
+          { required: true, message: "来访人不能为空", trigger: "blur" }
+        ],
+        visitingUnit: [
+          { required: true, message: "来访单位不能为空", trigger: "blur" }
+        ],
+        phone: [
+          { required: true, message: "来访人联系电话不能为空", trigger: "blur" },
+          { pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,message: "请输入正确的手机号码",trigger: "blur"}
+        ],
+        idcard: [
+        { required: true, message: "身份证号码不能为空", trigger: "blur" },
+          { pattern: /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9X]$/,message: "请输入正确的身份证号码",trigger: "blur"}
+        ],
+        startTime: [
+          { required: true, message: "预约时间不能为空", trigger: "blur" }
+        ],
+        endTime: [
+          { required: true, message: "结束时间不能为空", trigger: "blur" }
+        ],
+        userName: [
+          { required: true, message: "被访人不能为空", trigger: "blur" }
+        ],
+        matter: [
+          { required: true, message: "访客事由不能为空", trigger: "blur" }
+        ],
+        deptId: [
+          { required: true, message: "园区/单位不能为空", trigger: "blur" }
+        ],
+        fileList: [
+          { required: true, message: "保险单不能为空", trigger: "change" }
+        ],
+      },
+      //给一个默认行
+      itemData: [],
+      aed:'',
+      intervalId:null
+    };
+  },
+  created() {
+    this.getList();
+    this.getOptions();
+  },
+  destroyed() {
+        // 销毁组件之前，清除计时器
+        this.clear();
+    },
+  methods: {
+    fileSub(e){
+      let arr1 = [];
+      let str = [];
+      e.forEach(ele => {
+        arr1.push({
+          url:ele.url,
+          fileName:ele.name
+        })
+        str.push(ele.name);
+      })
+      //this.tempFile = arr1;
+      this.$set(this.form,"fileList",arr1);
+      this.fileList = str.join(",");
+    },
+    /** 查询访客信息列表 */
+    getList() {
+      this.loading = true;
+      listVisitor(this.queryParams).then(response => {
+        this.visitorList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    /** 查询选项列表 */
+    getOptions() {
+      this.branchOptions = []
+      branchTreeSelect().then(response => {
+        this.branchOptions = response.data
+      })
+    },
+    // 定时刷新数据函数
+   dataRefreh() {
+     // 计时器正在进行中，退出函数
+     if (this.intervalId != null) {
+        return;
+     }
+      // 计时器为空，操作
+      this.intervalId = setInterval(() => {
+        this.getList();
+        }, 30000);
+      },
+      // 停止定时器
+    clear() {
+        clearInterval(this.intervalId);//清除计时器
+        this.intervalId = null; //设置为null
+        this.freshChecked = false;
+      },
+    departTreeSelected(e){
+        this.form.deptId = e.id;
+        this.getPeople();
+    },
+    /** 查询选项列表 */
+    getPeople() {
+      this.queryParams1.branchId=this.form.deptId;
+      this.peopleOptions = []
+      listSysPeople(this.queryParams1).then(response => {
+        this.peopleOptions = response.rows
+      })
+    },
+    phoneToPerson(phone){
+        queryPeopleName({phone,deptType:this.deptType.toString()}).then(res => {
+            if(res.data){
+                this.form.userId = res.data.id;
+                this.form.userName = res.data.name;
+                this.form.peopleName = res.data.name;
+            }else{
+                this.$modal.msgWarning('未搜索到相关人员，请输入正确手机号');
+                setTimeout(() => {
+                    this.clearPeople();
+                },80);
+            }
+
+        })
+    },
+    changeDept(e){
+        this.clearPeople();
+        this.deptType = e;
+        this.userFlag = false;
+    },
+    clearPeople(){
+        this.$set(this.form,'userId','');
+        this.$set(this.form,'userName','');
+        this.$set(this.form,'peopleName','');
+    },
+    dataFilter(val){
+        let reg = /^1[3|4|5|6|7|8|9][0-9]\d{8}$/;
+        if(reg.test(val)){
+            setTimeout(() => {
+                this.phoneToPerson(val)
+            },120)
+        }
+    },
+    // 取消按钮
+    cancel() {
+        this.stepExamine = [];
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        name: null,
+        phone: null,
+        sex: null,
+        avatar: null,
+        idcard: null,
+        carNo: null,
+        userId: null,
+        deptId: null,
+        flag: null,
+        startTime: null,
+        endTime: null,
+        matter: null,
+        res: null,
+        guid: null,
+        faceGuid: null,
+        remark: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        fileList:[]
+      };
+      this.fileList = '';
+      this.itemData =  [];
+      this.peopleOptions =  [];
+      if(this.form.source != '1'){
+        this.userFlag = true;
+      }
+      this.resetForm("form");
+    },
+    /** 转换树数据结构 */
+    normalizer(node) {
+      if (node.children && !node.children.length) {
+        delete node.children;
+      }
+      return {
+        id: node.id,
+        label: node.label,
+        isDisabled: false,
+        children: node.children
+      };
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+        this.aed = 'add';
+      this.reset();
+      this.open = true;
+      this.title = "添加访客信息";
+      let start = moment(new Date()).format('yyyy-MM-DD HH:mm:ss')
+      this.$set(this.form,'startTime',start)
+      let end = moment(new Date()).format('yyyy-MM-DD') + ' 23:59:59'
+      this.$set(this.form,'endTime',end)
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row,aed) {
+      this.reset();
+      this.aed = aed;
+      const id = row.id || this.ids
+      this.itemData=[];
+      getVisitor(id).then(response => {
+        this.form = response.data;
+        this.form.deptId = this.form.deptId.toString();
+        this.form.userName = this.form.peopleName;
+        this.position = response.data.position;
+        this.itemData=response.data.itemList;
+        this.userTempId = response.data.userId.toString();
+        this.reviewer2 = response.data.reviewer2;
+        this.reviewer3 = response.data.reviewer3;
+        this.examine = this.form.examine.examine;
+        this.stepExamine = [];
+        this.reviewProcessList = response.data.reviewProcessList;
+        if(response.data.reviewProcessList != null){
+            //this.stepExamine = response.data.reviewProcessList;
+            response.data.reviewProcessList.forEach(ele => {
+                this.stepExamine.push({
+                    title:`${ele.reviewerName}${ele.createdTime ? ele.createdTime : ''}`,
+                    description:ele.state == 0 ? '审批通过' : ele.state == 1 ? '驳回审批' : '未审核',
+                    status:ele.state == 1 ? 'error' : ''
+                })
+            });
+            this.stepActive = response.data.reviewProcessList.findIndex((value)=>value.state == null);
+            if(this.stepActive == -1){
+                this.stepActive = response.data.reviewProcessList.length;
+            }
+        }
+        // 8121：设备部经理  7529：安环部
+       // this.getPeople();
+        this.open = true;
+        if(aed == 'edit'){
+            this.title = "修改访客信息";
+        }else if(aed == 'detail'){
+            this.title = "查看访客信息";
+        }
+        this.userFlag = false;
+        let arr = [];
+        if(response.data.fileList){
+          response.data.fileList.forEach(ele => {
+            arr.push({
+              fileName:ele.fileName,
+              url:ele.url
+            })
+          })
+          this.fileList = arr
+        }
+        if(this.form.source == '1'){
+            this.getVisitorCompany(this.form.deptId);
+        }
+      });
+    },
+    process1(response){
+        this.stepExamine = [];
+        if(response.data.reviewProcessList == null){
+            this.stepActive = 0;
+            this.stepExamine = [
+                {
+                    title:`被访人：${response.data.peopleName}`,
+                    description:`未审核`
+                },
+                {
+                    title:`生产设备审核人`,
+                    description:`未审核`
+                },
+                {
+                    title:`安环部审核人`,
+                    description:`未审核`
+                },
+            ]
+        }else{
+            let temp = [];
+            if(response.data.reviewProcessList.length == 1){
+                if(this.peopleFlag2){
+                    response.data.reviewProcessList = [{
+                        createdTime: this.reviewProcessList[0].createdTime,
+                        reviewer: this.reviewProcessList[0].reviewer,
+                        reviewerName: this.reviewProcessList[0].reviewerName,
+                        state: 1,
+                        type: "8121"
+                    },{
+                        createdTime: null,
+                        reviewer: null,
+                        reviewerName: '',
+                        state: null,
+                        type: "7529"
+                    }]
+                }
+                if(this.peopleFlag3){
+                    response.data.reviewProcessList = [{
+                        createdTime: null,
+                        reviewer: null,
+                        reviewerName: '',
+                        state: null,
+                        type: "7529"
+                    },{
+                        createdTime: null,
+                        reviewer: null,
+                        reviewerName: '',
+                        state: null,
+                        type: "8121"
+                    }]
+                }
+                if(!this.peopleFlag2 && !this.peopleFlag3){
+                    response.data.reviewProcessList = [{
+                        createdTime: this.reviewProcessList[0].createdTime,
+                        reviewer: this.reviewProcessList[0].reviewer,
+                        reviewerName: this.reviewProcessList[0].reviewerName,
+                        state: 1,
+                        type: this.reviewProcessList[0].type
+                    },{
+                        createdTime: null,
+                        reviewer: null,
+                        reviewerName: '',
+                        state: null,
+                        type: "8121"
+                    },{
+                        createdTime: null,
+                        reviewer: null,
+                        reviewerName: '',
+                        state: null,
+                        type: "7529"
+                    }]
+                }
+            }else if(response.data.reviewProcessList.length == 2){
+                if(response.data.reviewProcessList[1].state == null){
+                    this.stepActive = 1;
+                }else{
+                    this.stepActive = 2;
+                }
+            }else if(response.data.reviewProcessList.length == 3){
+                if(response.data.reviewProcessList[0].state == null){
+                    this.stepActive = 0;
+                }else if(response.data.reviewProcessList[1].state == null){
+                    this.stepActive = 1;
+                }else if(response.data.reviewProcessList[2].state == null){
+                    this.stepActive = 2;
+                }else if(response.data.reviewProcessList[2].state != null){
+                    this.stepActive = 3;
+                }
+            }
+            response.data.reviewProcessList.forEach(ele => {
+                temp.push({
+                    createdTime:ele.createdTime != null ? ele.createdTime : '',
+                    reviewer:ele.reviewer,
+                    reviewerName:ele.reviewerName,
+                    state:ele.state,
+                    error:ele.state == 1 ? true : false,
+                    statetxt:ele.state == 0 ? '审批通过' : ele.state == 1 ? '驳回审批' : '未审核',
+                    title:ele.type == '8121' ? '生产设备审核人：' : ele.type == '7529' ? '安环部审核人：' : '被访人：'
+                })
+            })
+            temp.forEach(ele => {
+                this.stepExamine.push({
+                    title:`${ele.title}${ele.reviewerName}`,
+                    description:`${ele.createdTime}${ele.statetxt}`
+                })
+            })
+        }
+    },
+    process2(response){
+        this.stepExamine = [];
+        let temp = [];
+        if(response.data.reviewProcessList == null){
+            this.stepActive = 0;
+            this.stepExamine = [
+                {
+                    title:`被访人、生产设备审核人：${response.data.peopleName}`,
+                    description:`未审核`
+                },
+                {
+                    title:`安环部审核人`,
+                    description:`未审核`
+                }
+            ]
+        }else{
+            if(response.data.reviewProcessList[0].state == null){
+                this.stepActive = 1;
+            }else{
+                this.stepActive = 2;
+            }
+            response.data.reviewProcessList.forEach(ele => {
+                temp.push({
+                    createdTime:ele.createdTime != null ? ele.createdTime : '',
+                    reviewer:ele.reviewer,
+                    reviewerName:ele.reviewerName,
+                    state:ele.state,
+                    error:ele.state == 1 ? true : false,
+                    statetxt:ele.state == 0 ? '审批通过' : ele.state == 1 ? '驳回审批' : '未审核',
+                    title:ele.type == '8121' ? '被访人，生产设备审核人：' : ele.type == '7529' ? '安环部审核人：' : '被访人：'
+                })
+            })
+            temp.forEach(ele => {
+                this.stepExamine.push({
+                    title:`${ele.title}${ele.reviewerName}`,
+                    description:`${ele.createdTime}${ele.statetxt}`
+                })
+            })
+        }
+    },
+    process3(response){
+        this.stepExamine = [];
+        let temp = [];
+        if(response.data.reviewProcessList == null){
+            this.stepActive = 0;
+            this.stepExamine = [
+                {
+                    title:`被访人、安环部审核人：${response.data.peopleName}`,
+                    description:`未审核`
+                },
+                {
+                    title:`生产设备审核人`,
+                    description:`未审核`
+                }
+            ]
+        }else{
+            if(response.data.reviewProcessList[1].state == null){
+                this.stepActive = 1;
+            }else{
+                this.stepActive = 2;
+            }
+            response.data.reviewProcessList.reverse().forEach(ele => {
+                temp.push({
+                    createdTime:ele.createdTime != null ? ele.createdTime : '',
+                    reviewer:ele.reviewer,
+                    reviewerName:ele.reviewerName,
+                    state:ele.state,
+                    error:ele.state == 1 ? true : false,
+                    statetxt:ele.state == 0 ? '审批通过' : ele.state == 1 ? '驳回审批' : '未审核',
+                    title:ele.type == '8121' ? '生产设备审核人：' : ele.type == '7529' ? '被访人，安环部审核人：' : '被访人：'
+                })
+            })
+            temp.forEach(ele => {
+                this.stepExamine.push({
+                    title:`${ele.title}${ele.reviewerName}`,
+                    description:`${ele.createdTime}${ele.statetxt}`
+                })
+            })
+        }
+    },
+    getVisitorCompany(){
+        //小程序获取拜访单位
+        queryPropertyDept().then(res => {
+            let data = res.data;
+            let dicList=[]
+            for(let i=0;i<data.length;i++){
+                let param={ value: data[i].id, label: data[i].name }
+                dicList.push(param);
+            }
+            this.visitorCompany = dicList;
+        })
+    },
+    subOf(){
+        if(this.form.itemList.length > 0){
+            this.form.itemList.forEach(ele => {
+                if(ele.name == '' || ele.phone == ''){
+                    this.$modal.msgError('随访人相关信息不能为空！');
+                    this.subFlag = 0;
+                }else{
+                    this.subFlag = 1;
+                }
+            })
+        }else{
+            this.subFlag = 1;
+        }
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.form.itemList=this.itemData;
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+            this.subOf();
+            this.btnLoading = true;
+            this.form.source = '2';
+            //this.form.fileList = this.tempFile;
+            if(this.subFlag == 1){
+                if (this.form.id != null) {
+                    updateVisitor(this.form).then(response => {
+                        this.$modal.msgSuccess("修改成功");
+                        this.open = false;
+                        this.cancel();
+                        this.getList();
+                    });
+                } else {
+                    addVisitor(this.form).then(response => {
+                        this.$modal.msgSuccess("新增成功");
+                        this.open = false;
+                        this.cancel();
+                        this.getList();
+                    });
+                }
+            }
+            setTimeout(() => {
+                this.btnLoading = false;
+            },5000);
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$modal.confirm('是否确认删除访客信息编号为"' + ids + '"的数据项？').then(function() {
+        return delVisitor(ids);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('system/visitor/export', {
+        ...this.queryParams
+      }, `visitor_${new Date().getTime()}.xlsx`)
+    },
+    // 增加一行
+    addRow(length) {
+      if (this.itemData == undefined) {
+        this.itemData = new Array();
+      }
+      let obj = {};
+      obj.avatar = "";
+      obj.name = "";
+      obj.phone = "";
+      this.itemData.push(obj);
+    },
+    // 删除一行
+    deleteRow(index) {
+      this.itemData.splice(index, 1);
+    },
+    handleEwm(){
+      this.showViewer = true
+    },
+    // 关闭查看器
+    closeViewer() {
+      this.showViewer = false
+    },
+    freshChange(e){
+        if(e){
+            this.dataRefreh();
+        }else{
+            this.clear();
+        }
+    }
+  }
+};
+</script>
+<style scoped lang="scss">
+.card_list {
+  display: flex;
+  align-items: center;
+  padding: 10px;
+  border-radius: 5px;
+  cursor: pointer;
+  margin-bottom: 10px;
+}
+.published-div {
+  position: absolute;
+  top: 70px;
+  right: 150px;
+}
+.el-button--mini.is-circle {
+  padding: 2px;
+}
+
+.el-col-8 {
+  height: 60px;
+}
+.el-select {
+  width: 100%;
+}
+.el-date-editor.el-input, .el-date-editor.el-input__inner {
+  width: 100%;
+}
+.el-table .cell .el-upload{
+  line-height: 80px;
+  width: 80px;
+  height: 80px;
+}
+.el-table .cell .el-upload-list--picture-card .el-upload-list__item {
+  overflow: hidden;
+  background-color: #fff;
+  border: 1px solid #c0ccda;
+  border-radius: 6px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 80px;
+  height: 80px;
+  margin: 0 8px 8px 0;
+  display: inline-block;
+}
+::v-deep .people_table{
+    .el-upload-list--picture-card .el-upload-list__item,.el-upload--picture-card{
+        width:100%;
+        height:80px;
+    }
+    .el-upload--picture-card{
+        line-height:90px;
+    }
+}
+.avatar_img{
+    width:140px;
+    height:140px;
+}
+.insure a:hover{
+    color:#1890ff;
+}
+.app-container{
+    position: relative;
+}
+.fresh_div{
+    position: absolute;
+    right:100px;
+    top:77px;
+    z-index: 9;
+}
+.examine_table{
+    tr {
+        th{
+            width:33%;
+            background:#f8f8f9;
+        }
+    }
+    tr th,tr td{
+        padding:6px;
+        text-align: center;
+        border:1px #ddd solid;
+    }
+}
+</style>