diff --git a/src/api/exceptionHandle/errorData.js b/src/api/exceptionHandle/errorData.js
new file mode 100644
index 0000000..3ee24f7
--- /dev/null
+++ b/src/api/exceptionHandle/errorData.js
@@ -0,0 +1,32 @@
+import request from '@/utils/request'
+
+// 查询列表
+export function listExceptionDataError(query) {
+    return request({
+        url: '/system/attExceptionHandle/list',
+        method: 'get',
+        params: query
+    })
+}
+
+// 工程详情
+export function getDetail(query) {
+    return request({
+        url: '/system/attDetailByMonth/getDetail',
+        method: 'get',
+        params: query
+    })
+}
+
+
+
+// 导出工程
+export function exportMonthlyError(query) {
+    return request({
+        url: '/system/attDetailByMonth/export',
+        method: 'get',
+        responseType: 'blob',
+        params: query
+    })
+}
+
diff --git a/src/api/exceptionHandle/errorForm.js b/src/api/exceptionHandle/errorForm.js
new file mode 100644
index 0000000..2b115c1
--- /dev/null
+++ b/src/api/exceptionHandle/errorForm.js
@@ -0,0 +1,40 @@
+import request from '@/utils/request'
+
+// 查询列表
+export function listExceptionFormError(query) {
+    return request({
+        url: '/system/attExceptionHandle/getDetailException',
+        method: 'get',
+        params: query
+    })
+}
+
+// 工程详情
+export function getDetailExceptionRest(query) {
+    return request({
+        url: '/system/attExceptionHandle/getDetailExceptionRest',
+        method: 'get',
+        params: query
+    })
+}
+
+// 工程详情
+export function getDetailExceptionOut(query) {
+    return request({
+        url: '/system/attExceptionHandle/getDetailExceptionOut',
+        method: 'get',
+        params: query
+    })
+}
+
+
+// 导出工程
+export function exportExceptionError(query) {
+    return request({
+        url: '/system/attExceptionHandle/export',
+        method: 'get',
+        responseType: 'blob',
+        params: query
+    })
+}
+
diff --git a/src/views/attendanceReport/monthlyError/index.vue b/src/views/attendanceReport/monthlyError/index.vue
index ea4b77d..0b79f1f 100644
--- a/src/views/attendanceReport/monthlyError/index.vue
+++ b/src/views/attendanceReport/monthlyError/index.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="app-container">
       <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="80px">
-        <el-form-item label="选择月份:" prop="attCurrentMonth">
+        <el-form-item label="选择月份" prop="attCurrentMonth">
           <el-date-picker
             v-model="queryParams.attCurrentMonth"
             style="width: 240px"
@@ -10,7 +10,7 @@
             value-format="yyyy-MM"
           ></el-date-picker>
         </el-form-item>
-        <el-form-item label="部门:" prop="orgName">
+        <el-form-item label="部门" prop="orgName">
           <el-select v-model="queryParams.orgName" placeholder="选择部门" clearable style="width: 100%;">
             <el-option
               v-for="dict in dict.type.sys_voltage_level"
@@ -128,7 +128,7 @@
       />
 
       <!-- 相关记录 -->
-      <el-dialog :title="title" :visible.sync="showRecord" width="1200px" height="1000px" append-to-body >
+      <el-dialog :title="title" :visible.sync="showRecord" width="1200px" height="1000px" append-to-body @close="cancelRecord">
         <el-form :model="queryRecord" ref="queryFormRecord" size="small" :inline="true" v-show="showSearch" label-width="110px">
         <el-form-item  label="选择考勤时间段">
           <el-date-picker
@@ -210,6 +210,7 @@
   
   <script>
   import { listMonthlyError,getDetail,exportMonthlyError} from "@/api/attendanceReport/monthlyError";
+  import { listDept, getDept, delDept, addDept, updateDept,orgPersonSelect } from "@/api/system/dept";
   import { downloadFile } from '@/utils/download'
   // import { getEngineeringList } from "@/api/select";
   import { getToken } from '@/utils/auth'
@@ -228,6 +229,8 @@
         loadingTwo: true,
         // 选中数组
         ids: [],
+        // 部门树选项
+        deptOptions: [],
         // 显示搜索条件
         showSearch: true,
         showRecord:false,
@@ -244,9 +247,9 @@
         title2: "迟到记录",
         title3: "早退记录",
         title4: "旷工记录",
-        title5: "打卡地异常",
-        title6: "出入异常",
-        title7: "请假",
+        title5: "打卡地异常记录",
+        title6: "出入异常记录",
+        title7: "请假记录",
         // 是否显示弹出层
         open: false,
         dateRange: [],
@@ -274,6 +277,7 @@
     computed: {
     },
     created() {
+      this.getDeptList(),
       this.getList();
     },
     mounted(){
@@ -289,6 +293,15 @@
 
           return `${year}-${month}-${day} ${weekday}`; // 组合成所需格式
         },
+
+        /** 查询部门列表 */
+        getDeptList() {
+          this.loading = true;
+          listDept().then(response => {
+            this.deptList = this.handleTree(response.data, "id");
+            this.loading = false;
+          });
+        },
  
         /** 查询月异常列表 */
         getList() {
@@ -321,7 +334,7 @@
         },
 
 
-        //打开杆塔页面
+        //打开月异常详情页面
         openRecord(row,titleBoss){
           this.id = row.id;
           this.title = titleBoss;
@@ -334,18 +347,18 @@
             this.queryRecord.attStatis=4;
           }else if(titleBoss=='旷工记录'){
             this.queryRecord.attStatis=3;
-          }else if(titleBoss=='打卡地异常'){
+          }else if(titleBoss=='打卡地异常记录'){
             this.queryRecord.attStatis=9;
-          }else if(titleBoss=='出入异常'){
+          }else if(titleBoss=='出入异常记录'){
             this.queryRecord.attStatis=8;
-          }else if(titleBoss=='请假'){
+          }else if(titleBoss=='请假记录'){
             this.queryRecord.attStatis=6;
           }
           this.showRecord = true;
           this.getListRecord();
         },
 
-        /** 查询工程列表 */
+        /** 查询月异常详情列表 */
         getListRecord() {
           this.loadingTwo = true;
           getDetail(this.addDateRange(this.queryRecord, this.dateRange)).then(response => {
@@ -360,9 +373,14 @@
         this.queryRecord.pageNum = 1;
         this.getListRecord();
         },
+
+        cancelRecord() {
+            this.showRecord = false;
+            this.resetRecord();
+        },
   
         /** 导出按钮操作 */
-      handleExport() {
+        handleExport() {
         exportMonthlyError(this.queryParams).then(res => {
           downloadFile({ fileName: `月异常报表_${new Date().getTime()}.xlsx`, fileData: res, fileType: 'application/vnd.ms-excel;charset=utf-8' })
         })
diff --git a/src/views/exceptionHandle/errorData/index.vue b/src/views/exceptionHandle/errorData/index.vue
new file mode 100644
index 0000000..ba4f6c6
--- /dev/null
+++ b/src/views/exceptionHandle/errorData/index.vue
@@ -0,0 +1,333 @@
+<template>
+    <div class="app-container">
+      <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="80px">
+        <el-form-item label="选择月份:" prop="attCurrentMonth">
+          <el-date-picker
+            v-model="queryParams.attCurrentMonth"
+            style="width: 240px"
+            placeholder="请选择月份"
+            type="month"
+            value-format="yyyy-MM"
+          ></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="reset">重置</el-button>
+        </el-form-item>
+      </el-form>
+  
+  
+      <el-table v-loading="loading" :data="tableData" ref="multipleTable" row-key="id" >
+        <el-table-column label="序号" align="center" width="80" type="index">
+        <template slot-scope="scope">
+          <span>{{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+        <el-table-column label="月份" align="center" prop="attCurrentMonth" sortable/>
+        <el-table-column label="异常数量" align="center" prop="errorCount"  sortable/>
+        <el-table-column label="已处理数量" align="center" prop="finishCount" sortable/>
+        <el-table-column label="未处理数量" align="center" prop="noFinishCount" sortable/>
+        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200px">
+          <template slot-scope="scope" >
+            <el-button
+              size="mini"
+              type="primary"
+              @click="handleData(scope.row)"
+              v-if="scope.row.noFinishCount!=0"
+            >处理</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="showRecord" width="1200px" height="1000px" append-to-body @close="cancelRecord">
+        <el-form :model="queryRecord" ref="queryFormRecord" size="small" :inline="true" v-show="showSearch" label-width="110px">
+        <el-form-item  label="选择考勤时间段">
+          <el-date-picker
+          v-model="dateRange"
+          style="width: 240px"
+          value-format="yyyy-MM-dd"
+          type="daterange"
+          range-separator="-"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        ></el-date-picker>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQueryRecord">查询</el-button>
+          <el-button icon="el-icon-refresh" size="mini" @click="resetRecord">重置</el-button>
+        </el-form-item>
+        </el-form>
+
+      <el-table v-loading="loadingTwo" :data="tableDataRecord" width="900px" height = "600px" row-key="id">
+        <el-table-column label="序号" align="center" width="80" type="index">
+        <template slot-scope="scope">
+          <span>{{ (queryRecord.pageNum - 1) * queryRecord.pageSize + scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+        <el-table-column label="id" align="center" prop="id" v-if="false" />
+        <el-table-column label="姓名" align="center" prop="name" width="80" sortable/>
+        <el-table-column label="所属部门" align="center" prop="orgName" sortable/>
+        <el-table-column label="考勤日期" align="center" prop="attCurrent" width="100" sortable>\
+          <template slot-scope="scope">
+            <span>{{ formatDate(scope.row.attCurrent) }}</span>
+        </template>
+        </el-table-column> 
+        <el-table-column label="上班打卡时间" align="center" prop="goWorkTime" width="140" sortable/>
+        <el-table-column label="上班状态" align="center" prop="goWorkStatus" width="100" sortable>
+          <template slot-scope="scope">
+            <span v-if="scope.row.goWorkStatus==1">{{ '正常' }}</span>
+            <span v-if="scope.row.goWorkStatus==2">{{ '迟到' }}</span>
+            <span v-if="scope.row.goWorkStatus==3">{{ '旷工' }}</span>
+            <span v-if="scope.row.goWorkStatus==4">{{ '早退' }}</span>
+            <span v-if="scope.row.goWorkStatus==5">{{ '轮休' }}</span>
+            <span v-if="scope.row.goWorkStatus==6">{{ '请假' }}</span>
+            <span v-if="scope.row.goWorkStatus==7">{{ '临时外出' }}</span>
+            <span v-if="scope.row.goWorkStatus==8">{{ '出入异常' }}</span>
+            <span v-if="scope.row.goWorkStatus==9">{{ '打卡地异常' }}</span>
+            <span v-else>{{  }}</span>
+        </template>
+        </el-table-column> 
+        <el-table-column label="上班打卡地址" align="center" prop="goWorkAddress" sortable/>
+        <el-table-column label="下班打卡时间" align="center" prop="offWorkTime" width="140" sortable/>
+        <el-table-column label="下班状态" align="center" prop="offWorkStatus" width="100" sortable>
+          <template slot-scope="scope">
+            <span v-if="scope.row.offWorkStatus==1">{{ '正常' }}</span>
+            <span v-if="scope.row.offWorkStatus==2">{{ '迟到' }}</span>
+            <span v-if="scope.row.offWorkStatus==3">{{ '旷工' }}</span>
+            <span v-if="scope.row.offWorkStatus==4">{{ '早退' }}</span>
+            <span v-if="scope.row.offWorkStatus==5">{{ '轮休' }}</span>
+            <span v-if="scope.row.offWorkStatus==6">{{ '请假' }}</span>
+            <span v-if="scope.row.offWorkStatus==7">{{ '临时外出' }}</span>
+            <span v-if="scope.row.offWorkStatus==8">{{ '出入异常' }}</span>
+            <span v-if="scope.row.offWorkStatus==9">{{ '打卡地异常' }}</span>
+            <span v-else>{{  }}</span>
+        </template>
+        </el-table-column> 
+        <el-table-column label="下班打卡地址" align="center" prop="offWorkAddress" sortable/>
+      </el-table>
+  
+      <pagination
+        v-show="totalTwo>0"
+        :total="totalTwo"
+        :page.sync="queryRecord.pageNum"
+        :limit.sync="queryRecord.pageSize"
+        @pagination="getListRecord"
+      />
+
+      </el-dialog>
+
+    </div>
+  </template>
+  
+  <script>
+  import { listExceptionDataError,getDetail,exportMonthlyError} from "@/api/exceptionHandle/errorData";
+  import { downloadFile } from '@/utils/download'
+  // import { getEngineeringList } from "@/api/select";
+  import { getToken } from '@/utils/auth'
+  export default {
+    name: "Post",
+    dicts: ['sys_normal_disable','sys_voltage_level','sys_org_name','sys_pro_type','sys_pro_status',
+    'sys_yz_manage','sys_sg_manage','sys_jl_manage','sys_device_type'],
+    components: {
+		},
+    data() {
+      return {
+        showAttribute:false,
+        // 遮罩层
+        loading: true,
+        // 遮罩层
+        loadingTwo: true,
+        // 选中数组
+        ids: [],
+        // 显示搜索条件
+        showSearch: true,
+        showRecord:false,
+        maxLength:100,//已选列表上限，防止数据过多请求报错
+        // 总条数
+        total: 0,
+        totalTwo: 0,
+        // 表格数据
+        tableData: [],
+        tableDataRecord: [],
+        // 弹出层标题
+        title: "",
+        title1: "打卡记录",
+        title2: "迟到记录",
+        title3: "早退记录",
+        title4: "旷工记录",
+        title5: "打卡地异常记录",
+        title6: "出入异常记录",
+        title7: "请假记录",
+        // 是否显示弹出层
+        open: false,
+        dateRange: [],
+
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+          attCurrentMonth:undefined,
+          name:undefined,
+          orgName: undefined,
+        },
+
+        queryRecord: {
+          pageNum: 1,
+          pageSize: 10,
+          userId: undefined,
+          attStatis: undefined,
+        },
+        // 表单参数
+
+
+
+      };
+    },
+    computed: {
+    },
+    created() {
+      this.getList();
+    },
+    mounted(){
+    },
+    methods: {
+        formatDate(dateString){
+          const date = new Date(dateString); // 创建日期对象
+          const year = date.getFullYear(); // 获取年份
+          const month = String(date.getMonth() + 1).padStart(2, '0'); // 获取月份（注意：月份从0开始）
+          const day = String(date.getDate()).padStart(2, '0'); // 获取日期
+          const weekdays = ['星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']; // 星期几数组
+          const weekday = weekdays[date.getDay()]; // 获取星期几
+
+          return `${year}-${month}-${day} ${weekday}`; // 组合成所需格式
+        },
+ 
+        /** 查询月异常列表 */
+        getList() {
+            this.loading = true;
+            listExceptionDataError(this.queryParams).then(response => {
+              this.tableData = response.rows;
+              this.total = response.total;
+              this.loading = false;
+            });
+        },
+
+        /** 搜索按钮操作 */
+        handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+        },
+
+
+        // 表单重置
+        reset() {
+            this.queryForm = {};
+            this.resetForm("queryForm");
+            this.getList();
+        },
+
+        handleData(row){
+          this.$router.push({
+            path: '/exceptionHandle/errorForm',
+            query:{
+              attCurrentMonth:row.attCurrentMonth,
+            }
+          })
+        },
+        // 表单重置
+        resetRecord() {
+            // this.queryFormRecord = {};
+            this.dateRange = [];
+            this.resetForm("queryFormRecord");
+            this.getListRecord();
+        },
+
+
+        //打开月异常详情页面
+        openRecord(row,titleBoss){
+          this.id = row.id;
+          this.title = titleBoss;
+          this.queryRecord.userId = row.userId;
+          if(titleBoss=='打卡记录'){
+            this.queryRecord.attStatis=1;
+          }else if(titleBoss=='迟到记录'){
+            this.queryRecord.attStatis=2;
+          }else if(titleBoss=='早退记录'){
+            this.queryRecord.attStatis=4;
+          }else if(titleBoss=='旷工记录'){
+            this.queryRecord.attStatis=3;
+          }else if(titleBoss=='打卡地异常记录'){
+            this.queryRecord.attStatis=9;
+          }else if(titleBoss=='出入异常记录'){
+            this.queryRecord.attStatis=8;
+          }else if(titleBoss=='请假记录'){
+            this.queryRecord.attStatis=6;
+          }
+          this.showRecord = true;
+          this.getListRecord();
+        },
+
+        /** 查询月异常详情列表 */
+        getListRecord() {
+          this.loadingTwo = true;
+          getDetail(this.addDateRange(this.queryRecord, this.dateRange)).then(response => {
+            this.tableDataRecord = response.rows;
+            this.totalTwo = response.total;
+            this.loadingTwo = false;
+          });
+        },
+
+        /** 搜索按钮操作 */
+        handleQueryRecord() {
+        this.queryRecord.pageNum = 1;
+        this.getListRecord();
+        },
+
+        cancelRecord() {
+            this.showRecord = false;
+            this.resetRecord();
+        },
+  
+        /** 导出按钮操作 */
+        handleExport() {
+        exportMonthlyError(this.queryParams).then(res => {
+          downloadFile({ fileName: `月异常报表_${new Date().getTime()}.xlsx`, fileData: res, fileType: 'application/vnd.ms-excel;charset=utf-8' })
+        })
+      },
+  
+    }
+  };
+  </script>
+
+  <style lang="scss" scoped>
+  .uploadImg {
+    padding-top: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .deviceCode {
+      margin-top: 10px;
+      padding-bottom: 20px;
+      font-size: 18px;
+  }
+  ::v-deep.el-table .fixed-width .el-button--mini {
+      width: 60px !important;
+      margin-bottom: 10px;
+  }
+  //隐藏图片上传框的css
+  ::v-deep.disabled {
+      .el-upload--picture-card {
+          display: none;
+      }
+  }
+  </style>
\ No newline at end of file
diff --git a/src/views/exceptionHandle/errorForm/index.vue b/src/views/exceptionHandle/errorForm/index.vue
new file mode 100644
index 0000000..f45b031
--- /dev/null
+++ b/src/views/exceptionHandle/errorForm/index.vue
@@ -0,0 +1,412 @@
+<template>
+    <div class="app-container">
+      <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="80px">
+        <el-form-item label="选择月份:" prop="attCurrentMonth">
+          <el-date-picker
+            v-model="searchAttCurrentMonth"
+            style="width: 240px"
+            placeholder="请选择选择月份"
+            type="month"
+            value-format="yyyy-MM"
+          ></el-date-picker>
+        </el-form-item>
+        <el-form-item label="部门:" prop="orgName">
+          <el-select v-model="queryParams.orgName" placeholder="选择部门" clearable style="width: 100%;">
+            <el-option
+              v-for="dict in dict.type.sys_voltage_level"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="姓名:"  prop="name">
+          <el-input
+            v-model="queryParams.name"
+            placeholder="请输入姓名"
+            clearable
+            @keyup.enter.native="handleQuery"
+            maxlength="20"
+          />
+        </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="reset">重置</el-button>
+          <el-button
+            type="warning"
+            plain
+            icon="el-icon-download"
+            size="mini"
+            @click="handleExport"
+            v-hasPermi="['att:detail:export']"
+          >导出数据</el-button>
+        </el-form-item>
+      </el-form>
+  
+  
+      <el-table v-loading="loading" :data="tableData" ref="multipleTable" row-key="id" >
+        <el-table-column label="序号" align="center" width="80" type="index">
+        <template slot-scope="scope">
+          <span>{{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+        <el-table-column label="姓名" align="center" prop="name" sortable/>
+        <el-table-column label="考勤月份" align="center" prop="attCurrentMonth" sortable/>
+        <el-table-column label="所属部门" align="center" prop="orgName"  sortable/>
+        <el-table-column label="轮休未审批条数" align="center" prop="errorRestCount" sortable>
+          <template slot-scope="scope">
+            <div v-if="scope.row.errorRestCount!=0"
+            @click="openRecord(scope.row,title1)" style="color: #02a7f0; cursor: pointer">
+                {{ scope.row.errorRestCount}}
+            </div>
+             <div v-else>{{ scope.row.errorRestCount}}</div>
+        </template>
+        </el-table-column>
+        <el-table-column label="外出办事未审批条数" align="center" prop="errorOutCount" sortable>
+          <template slot-scope="scope">
+            <div v-if="scope.row.errorOutCount!=0"
+            @click="openRecord(scope.row,title2)" style="color: #02a7f0; cursor: pointer">
+                {{ scope.row.errorOutCount}}
+            </div>
+             <div v-else>{{ scope.row.errorOutCount}}</div>
+        </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="showRecord" width="1200px" height="1000px" append-to-body @close="cancelRecord">
+        <el-form :model="queryRecord" ref="queryFormRecord" 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="handleQueryRecord"
+            maxlength="20"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQueryRecord">查询</el-button>
+          <el-button icon="el-icon-refresh" size="mini" @click="resetRecord">重置</el-button>
+        </el-form-item>
+        </el-form>
+
+      <el-table v-loading="loadingTwo" :data="tableDataRecord" width="900px" height = "600px" row-key="id">
+        <el-table-column label="序号" align="center" width="80" type="index">
+        <template slot-scope="scope">
+          <span>{{ (queryRecord.pageNum - 1) * queryRecord.pageSize + scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+        <el-table-column label="姓名" align="center" prop="name"  sortable/>
+        <el-table-column label="所属部门" align="center" prop="orgName" sortable/>
+        <el-table-column label="请假类型" align="center" prop="leaveType"  sortable/>
+        <el-table-column label="请假开始时间" align="center" prop="leaveStartDate"  sortable/>
+        <el-table-column label="请假结束时间" align="center" prop="leaveEndDate"  sortable/>
+        <el-table-column label="请假时长(天)" align="center" prop="leaveDuration" sortable/>
+        <el-table-column label="审批状态" align="center" prop="examineStatus"  sortable>
+          <template slot-scope="scope">
+            <span v-if="scope.row.examineStatus==0">{{ '审核中' }}</span>
+            <span v-if="scope.row.examineStatus==1">{{ '通过' }}</span>
+            <span v-if="scope.row.examineStatus==2">{{ '不通过' }}</span>
+            <span v-if="scope.row.examineStatus==3">{{ '待审核' }}</span>
+            <span v-else>{{  }}</span>
+        </template>
+        </el-table-column> 
+        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200px">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              type="primary"
+              @click="handleExamine(scope.row)"
+
+            >审批提醒</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+  
+      <pagination
+        v-show="totalTwo>0"
+        :total="totalTwo"
+        :page.sync="queryRecord.pageNum"
+        :limit.sync="queryRecord.pageSize"
+        @pagination="getListRecord"
+      />
+
+      </el-dialog>
+
+        <!-- 审批提醒对话框 -->
+        <el-dialog :title="titleExamine" :visible.sync="openExamine" width="600px"   append-to-body>
+        <el-form ref="form" :model="form" :rules="rules"  >
+              <el-form-item  prop="remarksExamine">
+                <el-input
+                  type="textarea"
+                  :rows="5"
+                  placeholder="请输入"
+                  v-model="form.remarksExamine"
+                  maxlength="50"
+                  show-word-limit
+                  >
+                  </el-input>
+                  <!-- <el-input v-model="form.remarksExamine" placeholder="请输入" maxlength="20"/> -->
+              </el-form-item>         
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="submitForm">发送</el-button>
+          <el-button @click="cancelExamine">取消</el-button>
+        </div>
+      </el-dialog>
+    </div>
+  </template>
+  
+  <script>
+  import { listExceptionFormError,getDetailExceptionRest,getDetailExceptionOut,exportExceptionError} from "@/api/exceptionHandle/errorForm";
+  import { downloadFile } from '@/utils/download'
+  // import { getEngineeringList } from "@/api/select";
+  import { getToken } from '@/utils/auth'
+  export default {
+    name: "Post",
+    dicts: ['sys_normal_disable','sys_voltage_level','sys_org_name','sys_pro_type','sys_pro_status',
+    'sys_yz_manage','sys_sg_manage','sys_jl_manage','sys_device_type'],
+    components: {
+		},
+    data() {
+      return {
+        showAttribute:false,
+        // 遮罩层
+        loading: true,
+        // 遮罩层
+        loadingTwo: true,
+        // 选中数组
+        ids: [],
+        // 显示搜索条件
+        showSearch: true,
+        showRecord:false,
+        maxLength:100,//已选列表上限，防止数据过多请求报错
+        // 总条数
+        total: 0,
+        totalTwo: 0,
+        // 表格数据
+        tableData: [],
+        tableDataRecord: [],
+        // 弹出层标题
+        title: "",
+        title1: "轮休未审批记录",
+        title2: "外出办事未审批记录",
+        titleExamine:'',
+        // 是否显示弹出层
+        open: false,
+        openExamine: false,
+        searchAttCurrentMonth: undefined,
+        dateRange: [],
+
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+          attCurrentMonth:undefined,
+          name:undefined,
+          orgName: undefined,
+        },
+
+        queryRecord: {
+          pageNum: 1,
+          pageSize: 10,
+          userId: undefined,
+          attStatis: undefined,
+          attCurrentMonth: undefined,
+        },
+        // 表单参数
+        form:{},
+
+
+      };
+    },
+    computed: {
+    },
+    created() {
+        // 在页面加载时判断是否有路由传递的 `attCurrentMonth` 数据
+        if (this.$route.query.attCurrentMonth) {
+        // 如果有传递 `attCurrentMonth`，则将搜索栏值设置为传递的数据
+          this.searchAttCurrentMonth = this.$route.query.attCurrentMonth;
+          // this.queryParams.attCurrentMonth = this.$route.query.attCurrentMonth;
+          this.getList();
+        } else {
+          // 如果没有传递数据，搜索栏保持为空
+          this.searchAttCurrentMonth = '';
+          // this.queryParams.attCurrentMonth = '';
+          this.getList();
+      }
+    },
+  //   mounted(){
+  //         // 在页面加载时判断是否有路由传递的 `attCurrentMonth` 数据
+  //       if (this.$route.query.attCurrentMonth) {
+  //         // 如果有传递 `attCurrentMonth`，则将搜索栏值设置为传递的数据
+  //         this.queryParams.attCurrentMonth = this.$route.query.attCurrentMonth;
+  //       } else {
+  //         // 如果没有传递数据，搜索栏保持为空
+  //         this.queryParams.attCurrentMonth = '';
+  //     }
+  //   },  
+
+  //   watch: {
+  //       // 如果路由的参数发生变化，更新搜索栏内容
+  //       '$route.query.attCurrentMonth'(newName) {
+  //         if (newName) {
+  //           this.queryParams.attCurrentMonth = newName;
+  //         } else {
+  //           this.queryParams.attCurrentMonth = '';
+  //         }
+  //       }
+  //  },
+
+    methods: {
+        formatDate(dateString){
+          const date = new Date(dateString); // 创建日期对象
+          const year = date.getFullYear(); // 获取年份
+          const month = String(date.getMonth() + 1).padStart(2, '0'); // 获取月份（注意：月份从0开始）
+          const day = String(date.getDate()).padStart(2, '0'); // 获取日期
+          const weekdays = ['星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']; // 星期几数组
+          const weekday = weekdays[date.getDay()]; // 获取星期几
+
+          return `${year}-${month}-${day} ${weekday}`; // 组合成所需格式
+        },
+ 
+        /** 查询月异常列表 */
+        getList() {
+            this.loading = true;
+            this.queryParams.attCurrentMonth = this.searchAttCurrentMonth;
+            listExceptionFormError(this.queryParams).then(response => {
+              this.tableData = response.rows;
+              this.total = response.total;
+              this.loading = false;
+            });
+        },
+
+        /** 搜索按钮操作 */
+        handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+        },
+
+        // 表单重置
+        reset() {
+          this.searchAttCurrentMonth = '';
+            this.queryParams.attCurrentMonth = null;
+            this.queryForm = {};
+            this.resetForm("queryForm");
+            this.getList();
+        },
+        // 表单重置
+        resetRecord() {
+            // this.queryFormRecord = {};
+            this.dateRange = [];
+            this.resetForm("queryFormRecord");
+            this.getListRecord();
+        },
+
+
+        //打开月异常详情页面
+        openRecord(row,titleBoss){
+          this.id = row.id;
+          this.title = titleBoss;
+          this.queryRecord.userId = row.userId;
+          this.queryRecord.attCurrentMonth = row.attCurrentMonth;
+          if(titleBoss=='轮休未审批记录'){
+           this.get
+          }else if(titleBoss=='外出办事未审批记录'){
+            this.queryRecord.attStatis=2;
+          }
+          this.showRecord = true;
+          this.getListRecord();
+        },
+
+        /** 查询月异常详情列表 */
+        getListRecord() {
+          this.loadingTwo = true;
+          if(this.title=='轮休未审批记录'){
+            getDetailExceptionRest(this.queryRecord).then(response => {
+            this.tableDataRecord = response.rows;
+            this.totalTwo = response.total;
+            this.loadingTwo = false;
+            });
+          }else if(this.title=='外出办事未审批记录'){
+            getDetailExceptionOut(this.queryRecord).then(response => {
+            this.tableDataRecord = response.rows;
+            this.totalTwo = response.total;
+            this.loadingTwo = false;
+            });
+          }
+        },
+
+        /** 搜索按钮操作 */
+        handleQueryRecord() {
+        this.queryRecord.pageNum = 1;
+        this.getListRecord();
+        },
+
+        cancelRecord() {
+            this.showRecord = false;
+            this.resetRecord();
+        },
+
+        /** 审批提醒按钮操作 */
+        handleExamine() {
+            this.resetExamine();
+            this.openExamine = true;
+            this.titleExamine = "补充说明";
+        },
+
+        // 审批提醒取消按钮
+        cancelExamine() {
+            this.openExamine = false;
+            this.resetExamine();
+        },
+
+        // 表单重置
+        resetExamine() {
+            this.form = {};
+            this.resetForm("form");
+        },
+  
+        /** 导出按钮操作 */
+        handleExport() {
+        exportExceptionError(this.queryParams).then(res => {
+          downloadFile({ fileName: `轮休外出办事异常报表_${new Date().getTime()}.xlsx`, fileData: res, fileType: 'application/vnd.ms-excel;charset=utf-8' })
+        })
+      },
+  
+    }
+  };
+  </script>
+
+  <style lang="scss" scoped>
+  .uploadImg {
+    padding-top: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .deviceCode {
+      margin-top: 10px;
+      padding-bottom: 20px;
+      font-size: 18px;
+  }
+  ::v-deep.el-table .fixed-width .el-button--mini {
+      width: 60px !important;
+      margin-bottom: 10px;
+  }
+  //隐藏图片上传框的css
+  ::v-deep.disabled {
+      .el-upload--picture-card {
+          display: none;
+      }
+  }
+  </style>
\ No newline at end of file