[FE] 安防页面调整

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

      <div class="alarm_people">
        <span class="title">员工 : </span>
        <t-input v-model="searchdata.nameAsLike" placeholder="员工姓名" style="width: 200px"></t-input>
        <t-button color="primary" @click="btnsearch">查询</t-button>
        <t-button @click="reset">重置</t-button>
      </div>
      <t-button color="primary" icon="upload" style="width:128px;height:32px" class="upload">导出至Excel</t-button>
    </div>
      <!-- 导出excel -->
      <div>
        <t-button color="primary" icon="upload" style="width:128px;height:32px" class="upload">导出至Excel</t-button>
      </div>
      <div>
        <t-button color="primary" @click="btnsearch">查询</t-button>
        <t-button @click="reset">重置</t-button>
      </div>
    </div>
    <t-table :data="data" line @selection-change="handleSelectionChange">
      <t-table-column type="selection" width="34px"></t-table-column>
      <t-table-column label="仪表读数" width="75px" align="center">
      <t-table-column :formatter="date_formatter" label="仪表读数" width="75px" align="center">
        <template v-slot="{row}">
          <span>{{ getInstrumentNumber(row) }}</span>
        </template>
      </t-table-column>
      <t-table-column label="进出时间" prop="taskExecuteTime" width="160px">
      <t-table-column :formatter="date_formatter" label="进出时间" prop="taskExecuteTime" width="160px">
      </t-table-column>
      <t-table-column label="位置" prop="terminalPosition" width="122px">
      <t-table-column :formatter="date_formatter" label="位置" prop="terminalPosition" width="122px">
      </t-table-column>
      <t-table-column label="终端名称" prop="resourceToolName" width="97px">
      <t-table-column :formatter="date_formatter" label="终端名称" prop="resourceToolName" width="97px">
      </t-table-column>
      <t-table-column label="终端编号" prop="resourceToolCode" width="90px">
      <t-table-column :formatter="date_formatter" label="终端编号" prop="resourceToolCode" width="90px">
      </t-table-column>
      <t-table-column label="操作" width="80px">
      <t-table-column :formatter="date_formatter" label="操作" width="80px">
        <template slot-scope="scope">
          <a href="javascript:void(0)" size="sm" style="color:#0089D4" @click="handleClick(scope)">识别详情</a>
        </template>
        // console.log(base64, '是否成功打印base64')
        that.mainimage = base64
      })
    },
    date_formatter(row, column, cellValue, index) {
      if (cellValue === '' || cellValue === null) {
        return '-'
      }else {
        return cellValue
      }
    }
    // //将分数转换为小数
    // toPoint (percent) {

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

      <div class="alarm_people">
        <span class="title">员工 : </span>
        <t-input v-model="searchdata.nameAsLike" placeholder="员工姓名" style="width: 200px"></t-input>
        <t-button color="primary" @click="btnsearch">查询</t-button>
        <t-button @click="reset">重置</t-button>
      </div>
      <t-button color="primary" icon="upload" style="width:128px;height:32px" class="upload">导出至Excel</t-button>
    </div>
    <div class="access_header">
      <!-- 导出excel -->
      <div>
        <t-button color="primary" icon="upload" style="width:128px;height:32px" class="upload">导出至Excel</t-button>
      </div>
      <div>
        <t-button color="primary" @click="btnsearch">查询</t-button>
        <t-button @click="reset">重置</t-button>
      </div>
    </div>
    <t-table :data="data" line @selection-change="handleSelectionChange">
      <t-table-column type="selection" width="34px"></t-table-column>
      <t-table-column label="姓名" prop="employeeName" width="60px">
      <t-table-column :formatter="date_formatter" label="姓名" prop="employeeName" width="60px">
      </t-table-column>
      <t-table-column label="员工编号" prop="employeeCode" width="80px">
      <t-table-column :formatter="date_formatter" label="员工编号" prop="employeeCode" width="80px">
      </t-table-column>
      <t-table-column label="公司" prop="companyname" width="94px">
      <t-table-column :formatter="date_formatter" label="公司" prop="companyname" width="94px">
      </t-table-column>
      <t-table-column label="部门" prop="organizationName" width="94px">
      <t-table-column :formatter="date_formatter" label="部门" prop="organizationName" width="94px">
      </t-table-column>
      <t-table-column label="职务" prop="employeePositionZh" width="80px">
      <t-table-column :formatter="date_formatter" label="职务" prop="employeePositionZh" width="80px">
      </t-table-column>
      <t-table-column prop="simi" label="相似度" width="75px">
      <t-table-column :formatter="date_formatter" prop="simi" label="相似度" width="75px">
      </t-table-column>
      <t-table-column label="进出时间" prop="taskExecuteTime" width="160px">
      <t-table-column :formatter="date_formatter" label="进出时间" prop="taskExecuteTime" width="160px">
      </t-table-column>
      <t-table-column label="位置" prop="terminalPosition" width="122px">
      <t-table-column :formatter="date_formatter" label="位置" prop="terminalPosition" width="122px">
      </t-table-column>
      <t-table-column label="终端名称" prop="resourceToolName" width="97px">
      <t-table-column :formatter="date_formatter" label="终端名称" prop="resourceToolName" width="97px">
      </t-table-column>
      <t-table-column label="终端编号" prop="resourceToolCode" width="90px">
      <t-table-column :formatter="date_formatter" label="终端编号" prop="resourceToolCode" width="90px">
      </t-table-column>
      <t-table-column label="操作" width="80px">
        <template slot-scope="scope">
        // console.log(base64, '是否成功打印base64')
        that.mainimage = base64
      })
    },
    date_formatter(row, column, cellValue, index) {
      if (cellValue === '' || cellValue === null) {
        return '-'
      }else {
        return cellValue
      }
    }
    // //将分数转换为小数
    // toPoint (percent) {

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

      <div>
        <span class="title">结束时间 : </span>
        <t-date-picker :confirm="false" v-model="searchdata.endTime" placeholder="请选择结束时间" style="width:200px;height:32px"></t-date-picker>
        <t-button color="primary" @click="btnsearch">查询</t-button>
        <t-button @click="reset">重置</t-button>
      </div>
      <t-button color="primary" icon="upload" style="width:128px;height:32px" class="upload">导出至Excel</t-button>
    </div>
      <!-- 导出excel组件 -->
      <div>
        <t-button color="primary" icon="upload" style="width:128px;height:32px" class="upload">导出至Excel</t-button>
      </div>
      <div>
        <t-button color="primary" @click="btnsearch">查询</t-button>
        <t-button @click="reset">重置</t-button>
      </div>
    </div>
      </t-table-column>
      <t-table-column label="报警类型" prop="alarmTypeName">
      </t-table-column>
      <t-table-column label="报警描述" prop="alarmMemo" width="110">
      <t-table-column :formatter="date_formatter" label="报警描述" prop="alarmMemo" width="110">
      </t-table-column>
      <t-table-column label="设备名称" prop="resourceToolName" width="110">
      <t-table-column :formatter="date_formatter" label="设备名称" prop="resourceToolName" width="110">
      </t-table-column>
      <t-table-column label="设备编号" prop="resourceToolCode" width="90">
      <t-table-column :formatter="date_formatter" label="设备编号" prop="resourceToolCode" width="90">
      </t-table-column>
      <t-table-column label="设备位置" prop="monitorSceneName" width="120">
      <t-table-column :formatter="date_formatter" label="设备位置" prop="monitorSceneName" width="120">
      </t-table-column>
      <t-table-column label="报警时间" prop="aiIdenTime" width="160px">
      <t-table-column :formatter="date_formatter" label="报警时间" prop="aiIdenTime" width="160px">
      </t-table-column>
      <t-table-column label="处理人" prop="workEmployeeRoleName" width="70">
      <t-table-column :formatter="date_formatter" label="处理人" prop="workEmployeeRoleName" width="70">
      </t-table-column>
      <t-table-column label="处理时间" prop="processTime" width="160px">
      <t-table-column :formatter="date_formatter" label="处理时间" prop="processTime" width="160px">
      </t-table-column>
      <t-table-column label="操作" width="120">
        <template slot-scope="scope">
      } else {
        return true
      }
    },
    date_formatter(row, column, cellValue, index) {
      if (cellValue === '' || cellValue === null) {
        return '-'
      }else {
        return cellValue
      }
    }
  }

security-protection-platform/src/modules/attendance/abnormal/index.vue

        <div class="keep-row">
          <span>部门/员工：</span>
          <dept-staff-cascader v-model="form" @inited="handleInited" @getOrgId="getDailyOrgId" @getDepId="getDailyDepId" @getStaffId="getDailyStaffId" />
          <div class="search-btn">
            <t-button color="primary" @click="handSearchAttendance">查询</t-button>
          </div>
        </div>
        <div class="search-btn">
          <t-button color="primary" @click="handSearchAttendance">查询</t-button>
        </div>
        <t-button class="export-excel" color="primary">
          <t-icon size="14" class="icon-txt" icon="upload-outline"></t-icon>导出至Excel
        </t-button>
      </div>
      <t-button class="export-excel" color="primary">
        <t-icon size="14" class="icon-txt" icon="upload-outline"></t-icon>导出至Excel
      </t-button>
      <t-table :data="tableData" :loading="loadTable" size="sm" line class="table-detail">
        <t-table-column type="selection"></t-table-column>
        <t-table-column width="80" prop="name" label="姓名"></t-table-column>
        <t-table-column width="120" prop="userid" label="员工编号"></t-table-column>
        <t-table-column width="90" prop="duty" label="职务"></t-table-column>
        <t-table-column width="120" prop="daysAttendance" label="出勤天数(天)"></t-table-column>
        <t-table-column width="120" prop="timesLate" label="迟到次数(次)">
        <t-table-column   prop="name" label="姓名"></t-table-column>
        <t-table-column   prop="userid" label="员工编号"></t-table-column>
        <t-table-column   prop="duty" label="职务"></t-table-column>
        <t-table-column   prop="daysAttendance" label="出勤天数(天)"></t-table-column>
        <t-table-column   prop="timesLate" label="迟到次数(次)">
          <template slot-scope="scope">
            <span v-if="scope.row.timesLate===0" size="sm">{{ scope.row.timesLate }}</span>
            <span v-else class="abnormalState">{{ scope.row.timesLate }}</span>
          </template>
        </t-table-column>
        <t-table-column width="110" prop="hoursLate" label="迟到时长(h)">
        <t-table-column   prop="hoursLate" label="迟到时长(h)">
          <template slot-scope="scope">
            <span v-if="scope.row.hoursLate===0" size="sm">{{ scope.row.hoursLate }}</span>
            <span v-else class="abnormalState">{{ scope.row.hoursLate }}</span>
          </template>
        </t-table-column>
        <t-table-column width="120" prop="timesLeftearly" label="早退次数(次)">
        <t-table-column   prop="timesLeftearly" label="早退次数(次)">
          <template slot-scope="scope">
            <span v-if="scope.row.timesLeftearly===0" size="sm">{{ scope.row.timesLeftearly }}</span>
            <span v-else class="abnormalState">{{ scope.row.timesLeftearly }}</span>
          </template>
        </t-table-column>
        <t-table-column width="120" prop="hoursLeftearly" label="早退时长(h)">
        <t-table-column  prop="hoursLeftearly" label="早退时长(h)">
          <template slot-scope="scope">
            <span v-if="scope.row.hoursLeftearly===0" size="sm">{{ scope.row.hoursLeftearly }}</span>
            <span v-else class="abnormalState">{{ scope.row.hoursLeftearly }}</span>
          </template>
        </t-table-column>
        <t-table-column width="120" prop="timesAbsence" label="旷工次数(次)">
        <t-table-column prop="timesAbsence" label="旷工次数(次)">
          <template slot-scope="scope">
            <span v-if="scope.row.timesAbsence===0" size="sm">{{ scope.row.timesAbsence }}</span>
            <span v-else class="abnormalState">{{ scope.row.timesAbsence }}</span>
          </template>
        </t-table-column>
        <t-table-column width="120" prop="daysAbsence" label="旷工时长(天)">
        <t-table-column  prop="daysAbsence" label="旷工时长(天)">
          <template slot-scope="scope">
            <span v-if="scope.row.daysAbsence===0" size="sm">{{ scope.row.daysAbsence }}</span>
            <span v-else class="abnormalState">{{ scope.row.daysAbsence }}</span>

security-protection-platform/src/modules/attendance/report/index.vue

            <div class="keep-row">
              <span>部门/员工：</span>
              <dept-staff-cascader v-model="dailyForm" @inited="handleDailyInited" @getOrgId="getDailyOrgId" @getDepId="getDailyDepId" @getStaffId="getDailyStaffId" />
              <div class="search-btn">
                <t-button color="primary" @click="handSearchDay">查询</t-button>
                <t-button @click="resetDailyData">重置</t-button>
              </div>
            </div>
            <div class="search-btn">
              <t-button color="primary" @click="handSearchDay">查询</t-button>
              <t-button @click="resetDailyData">重置</t-button>
            </div>
          </div>
          <t-table :data="dailyTableData" :loading="loadDailyTable" size="sm" line class="table-detail">
            <t-table-column size="sm" type="selection"></t-table-column>
            <div class="keep-row">
              <span>部门/员工：</span>
              <dept-staff-cascader v-model="monthlyForm" @getOrgId="getMonthOrgId" @getDepId="getMonthDepId" @getStaffId="getMonthStaffId" />
              <div class="search-btn">
                <t-button color="primary" @click="handSearchMonth">查询</t-button>
                <t-button @click="resetMonthData">重置</t-button>
              </div>
            </div>
            <div class="search-btn">
              <t-button color="primary" @click="handSearchMonth">查询</t-button>
              <t-button @click="resetMonthData">重置</t-button>
            </div>
          </div>
          <t-button class="export-excel" color="primary">
            <t-icon size="14" class="icon-txt" icon="upload-outline"></t-icon>导出至Excel

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

<template>
  <div class="work-order-page">
    <t-card class="page-card">
      <div class="select-confidtion-box row">
        <div class="col-3">工单类型：
      <div class="access_header">
        <div>
          <span class="title">工单类型 : </span>
          <t-select v-model="orderTypeId" width="200px">
            <t-option v-for="item in workOrderTypesList.allType" :key="item.approvalType" :value="item.approvalType">{{ item.approvalTypeName }}</t-option>
          </t-select>
        </div>
        <div class="col-3">开始时间：<t-date-picker v-model="startDate" style="width:200px" placeholder="请选择开始时间" @date-change="startPickerDateChange"></t-date-picker>
        </div>
        <div class="col-3">结束时间：<t-date-picker v-model="endDate" style="width:200px" placeholder="请选择结束时间" @date-change="endPickerDateChange"></t-date-picker>
        <div>
          <span class="title">开始时间 : </span>
          <t-date-picker v-model="startDate" style="width:200px" placeholder="请选择开始时间" @date-change="startPickerDateChange"></t-date-picker>
        </div>
        <div class="col-2 offset-1" align="end">
        <!-- <div>
          <span class="title">进出类型 : </span>
          <t-select v-model="searchdata.typeid" style="width:200px;height:32px">
            <t-option v-for="item in accesstype" :value="item.id" :key="item.id">{{ item.name }}</t-option>
          </t-select>
        </div> -->
        <div class="alarm_people">
          <span class="title">结束时间 : </span>
          <t-date-picker v-model="endDate" style="width:200px" placeholder="请选择结束时间" @date-change="endPickerDateChange"></t-date-picker>
          <t-button color="primary" @click="refreshAllDataHandle">查询</t-button>
          <t-button @click="resetData">重置</t-button>
        </div>
      </div>
      <div class="function-button-box">
        <t-button color="primary" @click="leaveModal=true">
          <t-icon icon="plus-circle-outline" size="16"></t-icon>请假
        </t-button>
        <t-button @click="overtimeModal=true">
        <t-button color="primary" @click="overtimeModal=true">
          <t-icon icon="plus-circle-outline" size="16"></t-icon>加班
        </t-button>
        <t-button @click="fieldServiceModal=true">
        <t-button color="primary" @click="fieldServiceModal=true">
          <t-icon icon="plus-circle-outline" size="16"></t-icon>外勤
        </t-button>
        <t-button @click="cardReplacementModal=true">
        <t-button color="primary" @click="cardReplacementModal=true">
          <t-icon icon="plus-circle-outline" size="16"></t-icon>补卡
        </t-button>
        <t-button>
        <t-button color="primary">
          <t-icon icon="upload" size="16"></t-icon>导出至Excel
        </t-button>
        <t-button @click="importWorkOrderModal=true">
        <t-button color="primary" @click="importWorkOrderModal=true">
          <t-icon icon="download" size="16"></t-icon>导入
        </t-button>
        <a href="javascript:;">模板下载 <t-icon icon="cloud-download-outline" size="16" style="lineHeight:24px"></t-icon></a>
    display: flex;
    justify-content: flex-end;
  }
  .access_header {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
    margin-bottom: 24px;
    .title {
      display: inline-block;
      width: 70px;
      height: 20px;
      font-size: 14px;
      text-align: right;
      color: rgba($color: #000000, $alpha: 0.65);
    }
  }
}
</style>

security-protection-platform/src/routes.js

  {
    path: '/videoSurveillance',
    component: Layout,
    meta: { title: '视频监控', icon: 'video' },
    meta: { title: '智能监控', icon: 'video' },
    children: [
      {
        name: 'videoSurveillance',
        path: '',
        component: () => import(/* webpackChunkName: "videoSurveillance" */ './modules/videoSurveillance'),
        meta: { title: '视频监控', icon: 'video' }
        meta: { title: '智能监控', icon: 'video' }
      },
      {
        path: '/videoSurveillance/distinguishRecord',
        name: 'access',
        path: '',
        component: () => import(/* webpackChunkName: "sys_attendance" */ './modules/access/index.vue'),
        meta: { title: '进出记录', icon: 'file-solution-outline' }
        meta: { title: '识别记录', icon: 'file-solution-outline' }
      }
    ]
  },
  {
    path: '/attendance',
    path: '/alarm',
    component: Layout,
    meta: { title: '考勤报表', icon: 'calendar' },
    redirect: '/attendance/report',
    meta: { icon: 'bell' },
    children: [
      {
        name: 'report',
        path: 'report',
        component: () => import(/* webpackChunkName: "report" */ './modules/attendance/report'),
        meta: { title: '考勤报表' }
      }, {
        name: 'abnormal',
        path: 'abnormal',
        component: () => import(/* webpackChunkName: "abnormal" */ './modules/attendance/abnormal'),
        meta: { title: '异常考勤' }
        name: 'ai_alarm',
        path: '',
        component: () => import(/* webpackChunkName: "alarm" */ './modules/aialarm/index.vue'),
        meta: { title: '智能报警', icon: 'bell' }
      }
    ]
  }, {
    ]
  },
  {
    path: '/alarm',
    path: '/attendance',
    component: Layout,
    meta: { icon: 'bell' },
    meta: { title: '考勤报表', icon: 'calendar' },
    redirect: '/attendance/report',
    children: [
      {
        name: 'ai_alarm',
        path: '',
        component: () => import(/* webpackChunkName: "alarm" */ './modules/aialarm/index.vue'),
        meta: { title: 'AI报警', icon: 'bell' }
        name: 'report',
        path: 'report',
        component: () => import(/* webpackChunkName: "report" */ './modules/attendance/report'),
        meta: { title: '考勤报表' }
      }, {
        name: 'abnormal',
        path: 'abnormal',
        component: () => import(/* webpackChunkName: "abnormal" */ './modules/attendance/abnormal'),
        meta: { title: '异常考勤' }
      }
    ]
  }, {
    path: '/system',
    component: Layout,
    meta: { title: '系统配置', icon: 'setting' },
    meta: { title: '系统管理', icon: 'setting' },
    alwaysShow: true,
    redirect: 'attendance',
    children: [
        name: 'sys_task',
        path: 'assignment',
        component: () => import(/* webpackChunkName: "sys__task" */ './modules/system/assignment'),
        meta: { title: 'AI任务' }
        meta: { title: '任务管理' }
      },
      {
        name: 'sys_monitor',
        path: 'attendance',
        component: () => import(/* webpackChunkName: "sys_attendance" */ './modules/system/attendance'),
        meta: { title: '考勤配置' }
      }
    ]
  },
  {
    path: '/usermana',
    component: Layout,
    meta: { icon: 'lock' },
    children: [
      },
      {
        name: 'usermana',
        path: '',
        path: 'usermana',
        component: () => import(/* webpackChunkName: "user_rights" */ './modules/usermana'),
        meta: { title: '用户管理', icon: 'lock' }
        meta: { title: '用户管理'}
      }
    ]
  },
  {