|
|
|
@ -12,7 +12,7 @@ |
|
|
|
<span>2.照片背景干净，照片中只有注册者一人</span> |
|
|
|
<span>3.不要使用美图类软件做过修饰的照片</span> |
|
|
|
<span>4.照片像素 > 600x600</span> |
|
|
|
<div v-if="imageUrl" class="clear-img-btn" @click="clearImage">删除照片</div> |
|
|
|
<!-- <div v-if="imageUrl" class="clear-img-btn" @click="clearImage">删除照片</div> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="face-mobile-content register-valid"> |
|
|
|
@ -20,8 +20,8 @@ |
|
|
|
<el-form-item label="读者证号" prop="barcode"> |
|
|
|
<el-input v-model="form.barcode" disabled /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="姓名" prop="name"> |
|
|
|
<el-input v-model="form.idCard" disabled /> |
|
|
|
<el-form-item label="姓名" prop="personName"> |
|
|
|
<el-input v-model="form.personName" disabled /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="身份证号" prop="idCard"> |
|
|
|
<el-input v-model="form.idCard" disabled /> |
|
|
|
@ -29,26 +29,33 @@ |
|
|
|
<el-form-item label="联系方式" prop="phone"> |
|
|
|
<el-input v-model="form.phone" disabled /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="性别" prop="sex"> |
|
|
|
<el-input v-model="form.sex" disabled /> |
|
|
|
<el-form-item label="性别" prop="personSex"> |
|
|
|
<el-input v-model="form.personSex" disabled /> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
<div class="submit-btn" @click="submitForm">提交</div> |
|
|
|
<!-- <div class="submit-btn" :loading="submitLoading" @click="submitForm">提交</div> --> |
|
|
|
<el-button class="submit-btn" :loading="submitLoading" type="primary" @click="submitForm">提 交</el-button> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { FetchEditReaderFace } from '@/api/faceRecognition/index' |
|
|
|
import { mapGetters } from 'vuex' |
|
|
|
import { upload } from '@/utils/upload' |
|
|
|
export default { |
|
|
|
name: 'SelfRegister', |
|
|
|
data() { |
|
|
|
return { |
|
|
|
submitLoading: false, |
|
|
|
personInfo: null, |
|
|
|
form: { |
|
|
|
barcode: '', |
|
|
|
idCard: '', |
|
|
|
phone: '', |
|
|
|
name: '', |
|
|
|
sex: '' |
|
|
|
personName: '', |
|
|
|
personSex: '', |
|
|
|
personPhotoUrl: null |
|
|
|
}, |
|
|
|
imageUrl: '', |
|
|
|
rules: { |
|
|
|
@ -67,22 +74,75 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
...mapGetters([ |
|
|
|
'baseApi', |
|
|
|
'user' |
|
|
|
]) |
|
|
|
}, |
|
|
|
watch: { |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.personInfo = JSON.parse(localStorage.getItem('personInfo')) |
|
|
|
console.log('personInfo', this.personInfo) |
|
|
|
if (this.personInfo) { |
|
|
|
if (this.personInfo.personPhotoUrl) { |
|
|
|
this.imageUrl = this.baseApi + '/api/fileRelevant/getImg?imgType=3&imgId=' + this.personInfo.personPhotoUrl |
|
|
|
} else { |
|
|
|
this.imageUrl = require('@/assets/images/user.jpg') |
|
|
|
} |
|
|
|
|
|
|
|
this.form = { |
|
|
|
barcode: this.personInfo.barcode, |
|
|
|
idCard: this.personInfo.idCard, |
|
|
|
phone: this.personInfo.phone, |
|
|
|
personName: this.personInfo.personName, |
|
|
|
personSex: this.personInfo.personSex === 1 ? '男' : '女', |
|
|
|
personPhotoUrl: this.personInfo.personPhotoUrl |
|
|
|
} |
|
|
|
} else { |
|
|
|
this.imageUrl = require('@/assets/images/user.jpg') |
|
|
|
this.form = { |
|
|
|
barcode: '', |
|
|
|
idCard: '', |
|
|
|
phone: '', |
|
|
|
personName: '', |
|
|
|
personSex: '', |
|
|
|
personPhotoUrl: null |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
submitForm(formName) { |
|
|
|
this.$router.push({ path: '/faceSuccess' }) |
|
|
|
// this.$refs[formName].validate((valid) => { |
|
|
|
// if (valid) { |
|
|
|
// // alert('submit!') |
|
|
|
// // this.$router.push({ path: '/faceError' }) |
|
|
|
// // this.$router.push({ path: '/faceSuccess' }) |
|
|
|
// this.$router.push({ path: '/faceRegistered' }) |
|
|
|
// } else { |
|
|
|
// console.log('error submit!!') |
|
|
|
// return false |
|
|
|
// } |
|
|
|
// }) |
|
|
|
if (!this.form.personPhotoUrl) { |
|
|
|
this.$message({ message: '请选择上传照片', type: 'error', offset: 8 }) |
|
|
|
return false |
|
|
|
} |
|
|
|
this.submitLoading = true |
|
|
|
const params = { |
|
|
|
'personId': this.personInfo.personId, |
|
|
|
'libcode': this.personInfo.libcode, |
|
|
|
'personPhotoUrl': this.form.personPhotoUrl |
|
|
|
} |
|
|
|
console.log('params', params) |
|
|
|
FetchEditReaderFace(params).then(res => { |
|
|
|
console.log('res', res) |
|
|
|
if (res) { |
|
|
|
this.$router.push({ |
|
|
|
path: '/faceSuccess', |
|
|
|
query: { 'strLibcode': this.personInfo.libcode } |
|
|
|
}) |
|
|
|
} else { |
|
|
|
this.$router.push({ |
|
|
|
path: '/faceError', |
|
|
|
query: { 'strLibcode': this.personInfo.libcode } |
|
|
|
}) |
|
|
|
} |
|
|
|
this.submitLoading = false |
|
|
|
}).catch(err => { |
|
|
|
console.log(err) |
|
|
|
this.submitLoading = false |
|
|
|
}) |
|
|
|
}, |
|
|
|
openPhotoOptions() { |
|
|
|
const input = document.createElement('input') |
|
|
|
@ -93,6 +153,12 @@ export default { |
|
|
|
const file = e.target.files[0] |
|
|
|
if (file) { |
|
|
|
this.imageUrl = URL.createObjectURL(file) |
|
|
|
upload(this.baseApi + '/api/fileRelevant/uploadFaceImg', file).then(res => { |
|
|
|
console.log(res) |
|
|
|
if (res.data.code === 200) { |
|
|
|
this.form.personPhotoUrl = res.data.data |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
input.click() |
|
|
|
@ -100,7 +166,6 @@ export default { |
|
|
|
clearImage() { |
|
|
|
this.imageUrl = '' |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
