[FE]修改进出记录界面

security-protection-platform/src/api/access/index.js

  // 获取公司
  getcompanyTypesList () {
    return $default.get('sp/employeeManagement/queryCompanyList')
  },
  // 获取仪表记录列表
  getAildenLogList(params) {
    return $default.get('/sp/aiIdenLogManagement/queryPageAiIdenLog?', params)
  }
}
export default api

security-protection-platform/src/modules/access/component/tab2/index.vue

      },
      // 公司列表
      companyTypesList: [],
      // 查询的参数
      searchParams: {
        typeId: 'NOM',
        modelId: 'INSTRUMENT'
      },
      searchdata: {
        nameAsLike: '',
        beginDay: '',
        endDay: ''
      },
      // 一页的数据
      data: [
      ],
      data: [],
      // 当前页
      page: 1,
      limit: 10,
        this.page = 1
      }
    },
    // 获取进出类型
    // gettype () {
    //   accessapi.getaccesstype().then((res) => {
    //     this.accesstype = res.data.data
    //     console.log(this.accesstype)
    //   })
    // },
    // 查询数据
    // 查询仪表记录数据
    async search () {
      // 检验数据
      var flag = this.startreend(this.searchdata.beginDay, this.searchdata.endDay)
      if (flag) {
        // console.log(this.page)
        // console.log(this.searchdata)
        var params = this.searchdata
        params.pageNumber = this.page
        params.pageSize = this.limit
        // console.log(params)
        var res = await accessapi.getaccesslist({ params: params })
        // console.log(res)
        var params = this.searchParams
        var res = await accessapi.getAildenLogList({ params: params })
        if (res.status === 200) {
          // console.log(res)
          console.log(res)
          this.data = res.data.data.data
          // console.log(this.data)
          // console.log(this.companyTypesList)
          this.data = this.data.map((item) => {
            // 处理进出时间
            // item.taskExecuteTime = formatDateTime(item.taskExecuteTime)
            // 处理相似度
            // item.simi = this.percentagedata(item.simi)
            // console.log('公司的数据是', this.companyTypesList)
            // console.log('公司id', item.companyId, typeof item.companyId)
            // console.log('公司名字是', this.companyTypesList.filter((item1) => { return item1.id === 10000 }))
            item.companyinfo = this.companyTypesList.filter((item1) => { return String(item1.id) === item.companyId })
            if (item.companyinfo.length > 0) {
              item.companyname = item.companyinfo[0].name
            } else {
              item.companyname = ''
            }
            return item
          })
          // this.total = Math.ceil(res.data.data.total / res.data.data.size) * 5
          // console.log(this.total)
          this.total = res.data.data.total
          // console.log('数据是', this.data)
        }
      } else {
        this.$Message.danger('开始时间不能在结束时间的后面')

security-protection-platform/src/modules/access/index.vue

<template>
  <t-tabs :animated="false" style="padding:20px">
    <t-tab-panel label="导航页1" panel-id="tab-1">
      <tab-change1></tab-change1>
    <t-tab-panel label="进出记录" panel-id="tab-1">
      <io-record></io-record>
    </t-tab-panel>
    <t-tab-panel label="导航页2" panel-id="tab-2">
      <tab-change2></tab-change2>
    <t-tab-panel label="仪表记录" panel-id="tab-2">
      <instrument-record></instrument-record>
    </t-tab-panel>
  </t-tabs>
</template>
<script>
import tabChange1 from './component/tab1'
import tabChange2 from './component/tab2'
import ioRecord from './component/io-record'
import instrumentRecord from './component/instrumentRecord'
export default {
  components: {
    tabChange1,
    tabChange2
    ioRecord,
    instrumentRecord
  },
  data () {
    return {