| | |
| | | <div class="user-form-content"> |
| | | <el-form ref="userForm" label-width="120px" :model="user" :rules="userRules" autoComplete="on"> |
| | | <!-- 类型 --> |
| | | <el-form-item label="类型:" prop="illegalType"> |
| | | <el-form-item label="类型:" prop="illegalType" :disabled="true"> |
| | | <el-input v-model="user.illegalType"></el-input> |
| | | </el-form-item> |
| | | <!-- 姓名、手机号 --> |
| | |
| | | } |
| | | }, |
| | | async created() { |
| | | await this.getCardTypeList(); |
| | | await this.getSchoolList(); |
| | | await this.getNationList(); |
| | | if (this.evidenceData) { |
| | | await this.getCardTypeList(); |
| | | await this.getSchoolList(); |
| | | await this.getNationList(); |
| | | this.$set(this.user, 'illegalType', this.illegalType); |
| | | if (this.evidenceData) { |
| | | this.evidence = deepClone(this.evidenceData); |
| | | this.evidence.pic = this.evidenceData.pic.split(','); |
| | | this.user = this.evidence.partyInfo; |
| | | this.evidence.userInfo = this.evidence.partyInfo.name; |
| | | this.user.illegalType = JSON.parse(JSON.stringify(this.mytype)); |
| | | } |
| | | }, |
| | | methods: { |
| | | handleSuccess2(res, file, filelist) { |
| | | const baseUrl = 'http://140.143.152.226:8410/'; |
| | | const baseUrl = ''; |
| | | if (this.evidence.pic.length < 4) { |
| | | this.evidence.pic.push(baseUrl + res.data.url1) |
| | | } |
| | |
| | | openDialog(e) { |
| | | this.userFlag = true; |
| | | this.userInfo = true; |
| | | this.$set(this.user, 'illegalType', this.illegalType); |
| | | }, |
| | | // 检验user |
| | | checkUser() { |
| | | this.$refs.userForm.validate((valid) => { |
| | | if (valid) { |
| | | this.userFlag = false; |
| | | this.evidence.userInfo = this.user.name + '...'; |
| | | this.userFlag = false; |
| | | } else { |
| | | this.evidence.userInfo = false; |
| | | return false; |
| | | this.evidence.userInfo = null; |
| | | this.$message.warning('请检查必填项'); |
| | | } |
| | | }) |
| | | }, |
| | |
| | | }, |
| | | // 设置上传成功之后的图片地址 |
| | | setPicUrl({ url }) { |
| | | const baseUrl = 'http://140.143.152.226:8410/'; |
| | | const baseUrl = ''; |
| | | if (this.evidence.pic.length < 4) { |
| | | this.evidence.pic.push(baseUrl + url); |
| | | } |
| | | }, |
| | | //删除图片 |
| | | delPicUrl({url}){ |
| | | const baseUrl = 'http://140.143.152.226:8410/'; |
| | | const baseUrl = ''; |
| | | this.evidence.pic.splice(this.evidence.pic.indexOf(baseUrl + url),1); |
| | | } |
| | | }, |
| | | props:['mytype','mycode', 'evidenceData'] |
| | | props:['evidenceData', 'illegalType'] |
| | | } |
| | | </script> |
| | | <style lang="scss" scoped> |
| | |
| | | } |
| | | } |
| | | |
| | | ::v-deep .el-textarea__inner { |
| | | background-color: #09152f; |
| | | border: 1px solid #17324c; |
| | | } |
| | | // ::v-deep .el-textarea__inner { |
| | | // // background-color: #09152f; |
| | | // border: 1px solid #17324c; |
| | | // } |
| | | |
| | | ::v-deep .el-input__count { |
| | | background-color: #09152f; |
| | | } |
| | | // ::v-deep .el-input__count { |
| | | // // background-color: #09152f; |
| | | // } |
| | | |
| | | ::v-deep .el-form-item__label { |
| | | color: #4b9bb7; |
| | | } |
| | | // ::v-deep .el-form-item__label { |
| | | // color: #4b9bb7; |
| | | // } |
| | | |
| | | ::v-deep .el-input__inner { |
| | | background-color: #09152f; |
| | | border: 1px solid #17324c; |
| | | } |
| | | // ::v-deep .el-input__inner { |
| | | // background-color: #09152f; |
| | | // border: 1px solid #17324c; |
| | | // } |
| | | } |
| | | |
| | | .user-form-footer { |
| | |
| | | justify-content: flex-end; |
| | | } |
| | | |
| | | ::v-deep .el-textarea__inner { |
| | | background-color: #09152f; |
| | | border: 1px solid #17324c; |
| | | } |
| | | // ::v-deep .el-textarea__inner { |
| | | // // background-color: #09152f; |
| | | // border: 1px solid #17324c; |
| | | // } |
| | | |
| | | ::v-deep .el-input__count { |
| | | background-color: #09152f; |
| | | } |
| | | // ::v-deep .el-input__count { |
| | | // // background-color: #09152f; |
| | | // } |
| | | |
| | | ::v-deep .el-form-item__label { |
| | | color: #4b9bb7; |
| | | } |
| | | // ::v-deep .el-form-item__label { |
| | | // color: #4b9bb7; |
| | | // } |
| | | |
| | | ::v-deep .el-dialog__header, |
| | | ::v-deep .el-dialog__body { |