up

src/api.js

@@ -90,6 +90,9 @@ export default {
 			params: params
 		})
 	},
+	rotateImg: params => {
+		return axios.post(`${baseURL}/api/admin/img/rotate`, params)
+	},
 	updateSign: params => {
 		return axios.put(`${baseURL}/api/admin/signup`, params);
 	},

src/views/apply/Detail.vue

@@ -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){