|
|
@@ -23,6 +23,12 @@
|
|
|
float: right;
|
|
|
color: #222;
|
|
|
}
|
|
|
+ .el-icon-refresh-right{
|
|
|
+ float: right;
|
|
|
+ font-size: 18px;
|
|
|
+ color:#409EFF;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
}
|
|
|
.status{
|
|
|
span{
|
|
|
@@ -155,23 +161,23 @@
|
|
|
</li>
|
|
|
</ul>
|
|
|
<ul>
|
|
|
- <li class="title">身份证正面照</li>
|
|
|
+ <li class="title">身份证正面照 <i @click="rotate(form.idnoimg_face)" class="el-icon-refresh-right"></i></li>
|
|
|
<img width="100%" :src="form.idnoimg_face" alt="">
|
|
|
</ul>
|
|
|
<ul>
|
|
|
- <li class="title">身份证反面照</li>
|
|
|
+ <li class="title">身份证反面照 <i @click="rotate(form.idnoimg_back)" class="el-icon-refresh-right"></i></li>
|
|
|
<img width="100%" :src="form.idnoimg_back" alt="">
|
|
|
</ul>
|
|
|
<ul>
|
|
|
- <li class="title">半身照</li>
|
|
|
+ <li class="title">半身照 <i @click="rotate(form.halfbody_img)" class="el-icon-refresh-right"></i></li>
|
|
|
<img width="100%" :src="form.halfbody_img" alt="">
|
|
|
</ul>
|
|
|
<ul>
|
|
|
- <li class="title">学历照</li>
|
|
|
+ <li class="title">学历照 <i @click="rotate(form.education_img)" class="el-icon-refresh-right"></i></li>
|
|
|
<img width="100%" :src="form.education_img" alt="">
|
|
|
</ul>
|
|
|
<ul v-if='form.train_type == "换证"||form.train_type=="复审"'>
|
|
|
- <li class="title">原证件照</li>
|
|
|
+ <li class="title">原证件照 <i @click="rotate(form.oldcard_img)" class="el-icon-refresh-right"></i></li>
|
|
|
<img width="100%" :src="form.oldcard_img" alt="">
|
|
|
</ul>
|
|
|
</div>
|
|
|
@@ -196,7 +202,19 @@ export default {
|
|
|
this.form.subject_items=this.form.subject_item.split('|')
|
|
|
})
|
|
|
},
|
|
|
-
|
|
|
+ rotate(url){
|
|
|
+ this.$api.rotateImg({url:url}).then(res=>{
|
|
|
+ if(res.data.code==0){
|
|
|
+ let form=this.form;
|
|
|
+ this.$set(form,url,res.data.data.url);
|
|
|
+ this.form=form;
|
|
|
+ this.$message({message: '旋转成功!',type: 'success'});
|
|
|
+ }else{
|
|
|
+ this.$message.error(res.data.message);
|
|
|
+ }
|
|
|
+
|
|
|
+ })
|
|
|
+ }
|
|
|
},
|
|
|
created(){
|
|
|
if(this.$route.query.id){
|