'normal'

src/store/module/menu.js

@@ -128,6 +128,14 @@ export default {
 								title: "取消报考审核"
 							},
 							component: "view/xinpei/exam/unplan.vue"
+						},
+						{
+							path: "resit",
+							name: "xinpei_exam_resit",
+							meta: {
+								title: "补考人员审核"
+							},
+							component: "view/xinpei/exam/resit.vue"
 						}
 					]
 					

src/view/xinpei/exam/resit.vue

@@ -0,0 +1,160 @@
+<template>
+	<div style="font-size: 10px;">
+		<div class="search-term">
+			<el-form :inline="true" class="demo-form-inline">
+				<el-form-item label="切换分期" prop="phone">
+					<el-select v-model="searchInfo.planId" placeholder="请选择考试分期" >
+						<el-option label="全部" :value="0"></el-option>
+						<el-option v-for="item in planList"
+						:key="item.planId"
+						:label="item.name"
+						:value="item.planId"
+						></el-option>
+					</el-select>
+				</el-form-item>
+				
+				<el-form-item label="用户名字" prop="nickname">
+					<el-input v-model="searchInfo.nickname" clearable></el-input>
+				</el-form-item>
+				
+				<el-form-item label="身份证" prop="cardId">
+					<el-input v-model="searchInfo.cardId" clearable></el-input>
+				</el-form-item>
+
+			</el-form>
+		</div>
+	
+
+		<el-table :data="tableData" border stripe>
+			<el-table-column label="序号" width="80" prop="id" align="center"></el-table-column>
+			<el-table-column label="姓名"  prop="nickname" align="center"></el-table-column>
+			<el-table-column label="身份证"  prop="cardId" align="center"></el-table-column>
+			<el-table-column label="报考岗位"  prop="courseName" align="center"></el-table-column>
+			<el-table-column label="考试分期"  prop="planName" align="center">
+				<template slot-scope="{row}">
+					<span>{{planMap[row.planId]}}</span>
+				</template>
+			</el-table-column>
+			<el-table-column label="更新时间"  prop="updateAt" align="center"></el-table-column>
+			<el-table-column align="center" width="160" label="操作">
+			  <template slot-scope="{row, $index, _self}">
+				<el-popover width="160px" :ref="`popover-${$index}`">
+				  <p style="height: 20px;">你是否确认取消？</p>
+				  <div style="text-align: right;margin: 0;">
+					<el-button size="mini" type="text" @click="_self.$refs[`popover-${$index}`].doClose()">取消</el-button>
+					<el-button type="primary" size="mini" @click="confirmCancel(row, $index)">确定</el-button>
+				  </div>
+				  <el-button  type="primary" slot="reference">确认</el-button>
+				</el-popover>
+			
+			  </template>
+			</el-table-column> 
+		</el-table>
+		
+		<el-pagination :current-page="page" :page-size="size" 
+		:page-sizes="[10, 30, 50, 100]" :style="{float:'right',padding:'20px'}"
+		 :total="total" 
+		 @current-change="handleCurrentChange" 
+		 @size-change="handleSizeChange" 
+		 layout="total, sizes, prev, pager, next, jumper"></el-pagination>
+
+	</div>
+</template>
+
+<script>
+	import {postData,getTrainPlanList, getAdminUserPlanList} from "@/api/xinpei";
+	import {toDate,toDatetime} from "@/utils/date"
+	import infoList from "@/mixins/infoList";
+
+	export default {
+		name: "Api",
+		mixins: [infoList],
+		data() {
+			return {
+				listApi:getAdminUserPlanList,
+				planId: "",
+				searchInfo:{
+					status:2,
+					planId:0
+				},
+				planMap:{},
+				planList:[],
+				tableData:[]
+			}
+		},
+		watch:{
+			planId( planId ){
+				this.page=1
+				this.getTableData()
+			},
+			searchInfo:{
+				handler(new_value,old_value){
+					this.page = 1;
+					this.getTableData();
+			    },
+				deep: true,
+			}
+		},
+		
+		methods: {
+			//条件搜索前端看此方法
+			onSubmit() {
+				this.page = 1;
+				this.page = 10;
+				this.getTableData();
+			},
+			getAllTrainPlanList(){
+				postData("getAllTrainPlanList", {}).then(res => {
+					if (res.code == 200) {
+						this.planList = res.data||[]
+						for( let i in this.planList){
+							let item = this.planList[i]
+							this.planMap[item.planId] = item.name;
+						}
+					}
+				});
+			},
+			confirmCancel( row, index ){
+				let logId = row.id;
+				postData("confirmCancelUserPlan", {logId}).then(res => {
+					if (res.code == 200) {
+						this.tableData.splice(index, 1)
+						this.$message.sucessMsg( "审核成功", 2)
+					}
+				});
+			},
+			handleCurrentChange(page){
+				this.page = page
+				this.getTableData()
+			},
+			handleSizeChange(size){
+				this.size = size
+				this.getTableData()
+			}
+		},
+		filters:{
+			toDate
+		},
+		created() {
+			this.getAllTrainPlanList();
+			this.getTableData()
+		}
+	};
+</script>
+<style scoped lang="scss">
+	.button-box {
+		padding: 10px 20px;
+
+		.el-button {
+			float: right;
+		}
+	}
+
+	.el-tag--mini {
+		margin-left: 5px;
+	}
+
+	.warning {
+		color: #dc143c;
+	}
+</style>