|
|
@@ -3,16 +3,49 @@
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
margin-top: 20px;
|
|
|
+
|
|
|
ul{
|
|
|
width: 32%;
|
|
|
background: #fff;
|
|
|
padding: 15px;
|
|
|
+ box-shadow:0px 4px 12px 0px rgba(0,0,0,0.12);
|
|
|
li{
|
|
|
list-style: none;
|
|
|
color: #666;
|
|
|
margin: 10px 0;
|
|
|
+ font-size: 14px;
|
|
|
+ border-bottom: 1px solid #d9d9d9;
|
|
|
+ padding: 15px 0;
|
|
|
+ &:last-child{
|
|
|
+ border:none;
|
|
|
+ }
|
|
|
span{
|
|
|
float: right;
|
|
|
+ color: #222;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .status{
|
|
|
+ span{
|
|
|
+ position: relative;
|
|
|
+ top: -10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .title{
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ div{
|
|
|
+ width: 67%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ ul{
|
|
|
+ width: 49%;
|
|
|
+ height: 300px;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ overflow: hidden;
|
|
|
+ img{
|
|
|
+ max-height: 200px;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -21,25 +54,110 @@
|
|
|
<template>
|
|
|
<section class="edit">
|
|
|
<p>报名信息 > 报名详情 </p>
|
|
|
- <div class="detail">
|
|
|
+ <div class="detail" v-if='form.id'>
|
|
|
<ul>
|
|
|
<li class="title">报名信息</li>
|
|
|
+ <li class="status">
|
|
|
+ 报名状态
|
|
|
+ <el-tag v-if='form.order_status == -2' type="info">审核未通过</el-tag>
|
|
|
+ <el-tag v-if='form.order_status == -1' >待提交资料</el-tag>
|
|
|
+ <el-tag v-if='form.order_status == 0' type="warning">待审核</el-tag>
|
|
|
+ <el-tag v-if='form.order_status == 1' >已审核立即支付</el-tag>
|
|
|
+ <el-tag v-if='form.order_status == 2' type="warning">学习中</el-tag>
|
|
|
+ <el-tag v-if='form.order_status == 3' type="success">已培训</el-tag>
|
|
|
+ <el-tag v-if='form.order_status == 4' type="success">已完成</el-tag>
|
|
|
+ </li>
|
|
|
<li>
|
|
|
- 报名状态 <span>待上传资料</span>
|
|
|
+ 报名时间 <span>{{form.signup_time}}</span>
|
|
|
</li>
|
|
|
- </ul>
|
|
|
- <ul>
|
|
|
- <li class="title">报名信息</li>
|
|
|
<li>
|
|
|
- 报名状态 <span>待上传资料</span>
|
|
|
+ 考试时间 <span>{{form.exam_time}}</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ 姓名 <span>{{form.name}}</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ 性别 <span>{{form.sex}}</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ 身份证号 <span>{{form.idno}}</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ 手机号 <span>{{form.phone}}</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ 学历 <span>{{form.education}}</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ 报名类型 <span>{{form.train_type}}</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ 作业类别 <span>{{form.subject_items[0]}}</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ 准操项目 <span>{{form.subject_items[1]}}</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ 培训类型 <span>{{form.subject_items[2]}}</span>
|
|
|
</li>
|
|
|
- </ul>
|
|
|
- <ul>
|
|
|
- <li class="title">报名信息</li>
|
|
|
<li>
|
|
|
- 报名状态 <span>待上传资料</span>
|
|
|
+ 单位名称 <span>{{form.company}}</span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
+ <div>
|
|
|
+ <ul style="height:390px">
|
|
|
+ <li class="title">证件信息</li>
|
|
|
+ <li>
|
|
|
+ 领证时间 <span>{{form.get_card_time}}</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ 复审时间 <span>{{form.review_card_time}}</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ 换证时间 <span>{{form.change_card_time}}</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ 领证方式 <span>{{form.receive_card}}</span>
|
|
|
+ </li>
|
|
|
+ <li v-if='form.receive_card=="邮寄"'>
|
|
|
+ 邮寄地址 <span>{{form.address}}</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul style="height:390px">
|
|
|
+ <li class="title">订单详情</li>
|
|
|
+ <li>
|
|
|
+ 订单编号 <span>{{form.order_no}}</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ 下单时间 <span>{{form.order_time}}</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ 支付状态 <span>{{form.pay_status}}</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ 订单总额 <span>{{form.price}}</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ 培训金额 <span>{{form.price}}</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="title">身份证正面照</li>
|
|
|
+ <img width="100%" :src="form.idnoimg_face" alt="">
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="title">身份证反面照</li>
|
|
|
+ <img width="100%" :src="form.idnoimg_back" alt="">
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="title">半身照</li>
|
|
|
+ <img width="100%" :src="form.halfbody_img" alt="">
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="title">学历照</li>
|
|
|
+ <img width="100%" :src="form.education_img" alt="">
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</section>
|
|
|
</template>
|
|
|
@@ -50,20 +168,22 @@ export default {
|
|
|
return{
|
|
|
form:{},
|
|
|
radios:1,
|
|
|
+ id:'',
|
|
|
edu:["小学", "初中", "高中", "大专", "本科","硕士","博士"]
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
|
getData(){
|
|
|
- this.$api.getSign({id:this.form.id}).then(res=>{
|
|
|
+ this.$api.getSign({id:this.id}).then(res=>{
|
|
|
this.form=res.data.data
|
|
|
+ this.form.subject_items=this.form.subject_item.split('|')
|
|
|
})
|
|
|
},
|
|
|
|
|
|
},
|
|
|
created(){
|
|
|
if(this.$route.query.id){
|
|
|
- this.form.id=this.$route.query.id
|
|
|
+ this.id=this.$route.query.id
|
|
|
this.getData()
|
|
|
}
|
|
|
}
|
