|
@@ -9,37 +9,140 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
- <div class="baC-fff sys-radius-10 box-sizing-border pd-26-24">
|
|
|
|
|
- <!-- <div class="align-items-center mb-20">
|
|
|
|
|
- <div class="">姓名:</div>
|
|
|
|
|
- <el-input
|
|
|
|
|
- class="input-w-200 mr-10"
|
|
|
|
|
- placeholder="请输入姓名"
|
|
|
|
|
- prefix-icon="el-icon-edit"
|
|
|
|
|
- v-model="fromData.name">
|
|
|
|
|
- </el-input>
|
|
|
|
|
- </div> -->
|
|
|
|
|
|
|
+ <div class="baC-fff sys-radius-10 box-sizing-border display-flex pd-26-24">
|
|
|
|
|
+
|
|
|
|
|
+ <div class="w-50">
|
|
|
|
|
+ <div class="display-flex p-f mb-20">
|
|
|
|
|
+ <div class="fs-16">营业执照图片:</div>
|
|
|
|
|
+ <img class="img-class" src="@/assets/img/user/yyzz.png" alt="" />
|
|
|
|
|
+ <div class="p-c">
|
|
|
|
|
+ <ImgUpload :hideTitle='true' :isFlex='true' v-model="fromData.license_img"></ImgUpload>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div v-if="islicense" class="align-items-center mb-20">
|
|
|
|
|
+ <div class="fs-16">机构名:</div>
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ class="input-w-264 mr-10"
|
|
|
|
|
+ placeholder="请输入机构名"
|
|
|
|
|
+ prefix-icon="el-icon-edit"
|
|
|
|
|
+ v-model="fromData.firm_name">
|
|
|
|
|
+ </el-input>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div v-if="islicense" class="align-items-center mb-20">
|
|
|
|
|
+ <div class="fs-16">统一社会信用代码:</div>
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ class="input-w-264 mr-10"
|
|
|
|
|
+ placeholder="请输入统一社会信用代码"
|
|
|
|
|
+ prefix-icon="el-icon-edit"
|
|
|
|
|
+ v-model="fromData.license_number">
|
|
|
|
|
+ </el-input>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div v-if="islicense" class="align-items-center mb-20">
|
|
|
|
|
+ <div class="fs-16">电话:</div>
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ class="input-w-200 mr-10"
|
|
|
|
|
+ placeholder="请输入电话"
|
|
|
|
|
+ prefix-icon="el-icon-edit"
|
|
|
|
|
+ v-model="fromData.phone">
|
|
|
|
|
+ </el-input>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div v-if="islicense" class="align-items-center mb-20">
|
|
|
|
|
+ <div class="fs-16">注册地址:</div>
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ class="input-w-280 mr-10"
|
|
|
|
|
+ placeholder="请输入注册地址"
|
|
|
|
|
+ prefix-icon="el-icon-edit"
|
|
|
|
|
+ v-model="fromData.registered_address">
|
|
|
|
|
+ </el-input>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="w-50">
|
|
|
|
|
+ <div class="display-flex p-f mb-20">
|
|
|
|
|
+ <div class="fs-16">法人身份证正明:</div>
|
|
|
|
|
+ <img class="img-class" src="@/assets/img/user/zm.png" alt="" />
|
|
|
|
|
+ <div class="p-c">
|
|
|
|
|
+ <ImgUpload :hideTitle='true' :isFlex='true' v-model="fromData.legal_identity_one"></ImgUpload>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div v-if="isLegal" class="display-flex p-f mb-20">
|
|
|
|
|
+ <div class="fs-16">法人身份证背面:</div>
|
|
|
|
|
+ <img class="img-class" src="@/assets/img/user/zm.png" alt="" />
|
|
|
|
|
+ <div class="p-c">
|
|
|
|
|
+ <ImgUpload :hideTitle='true' :isFlex='true' v-model="fromData.legal_identity_two"></ImgUpload>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div v-if="isLegal" class="align-items-center mb-20">
|
|
|
|
|
+ <div class="fs-16">身份证号:</div>
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ class="input-w-264 mr-10"
|
|
|
|
|
+ placeholder="请输入身份证号"
|
|
|
|
|
+ prefix-icon="el-icon-edit"
|
|
|
|
|
+ v-model="fromData.legal_id_number">
|
|
|
|
|
+ </el-input>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
|
|
+ import ImgUpload from '@/components/input_from/img_upload.vue'
|
|
|
|
|
|
|
|
- import {firmSave,firmInfo} from '@/api/member.js';
|
|
|
|
|
|
|
+ import {commonCardFront,commonLicense} from '@/api/conmmon.js';
|
|
|
|
|
+ import {firmSave,firmInfo} from '@/api/firm.js';
|
|
|
export default {
|
|
export default {
|
|
|
|
|
+ components:{ImgUpload},
|
|
|
data(){
|
|
data(){
|
|
|
return{
|
|
return{
|
|
|
fromData:{
|
|
fromData:{
|
|
|
id:"",
|
|
id:"",
|
|
|
firm_name:"",
|
|
firm_name:"",
|
|
|
phone:"",
|
|
phone:"",
|
|
|
- id_number:"",
|
|
|
|
|
|
|
+ license_number:"",
|
|
|
|
|
+ license_img:"",
|
|
|
|
|
+ registered_address:"",
|
|
|
|
|
+ legal_identity_one:"",
|
|
|
|
|
+ legal_identity_two:"",
|
|
|
|
|
+ legal_id_number:"",
|
|
|
},
|
|
},
|
|
|
isAJAX:false,
|
|
isAJAX:false,
|
|
|
|
|
+ islicense:false,
|
|
|
|
|
+ isLegal:false,
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
|
|
+ watch:{
|
|
|
|
|
+ 'fromData.license_img':function(newV,oldV){
|
|
|
|
|
+ if(newV&&newV!=oldV){
|
|
|
|
|
+ this.islicense = false;
|
|
|
|
|
+ commonLicense({license_img:newV}).then((res)=>{
|
|
|
|
|
+ if(res.code == 1){
|
|
|
|
|
+ this.islicense = true;
|
|
|
|
|
+ this.fromData.firm_name = res.data.name;
|
|
|
|
|
+ this.fromData.license_number = res.data.id_number;
|
|
|
|
|
+ this.fromData.registered_address = res.data.address;
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ 'fromData.legal_identity_one':function(newV,oldV){
|
|
|
|
|
+ if(newV&&newV!=oldV){
|
|
|
|
|
+ this.isLegal = false;
|
|
|
|
|
+ commonCardFront({id_card:newV}).then((res)=>{
|
|
|
|
|
+ if(res.code == 1){
|
|
|
|
|
+ this.isLegal = true;
|
|
|
|
|
+ this.fromData.legal_id_number = res.data.id_number
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+
|
|
|
mounted() {
|
|
mounted() {
|
|
|
let id = this.$route.query.id;
|
|
let id = this.$route.query.id;
|
|
|
if(id){
|
|
if(id){
|
|
@@ -79,6 +182,18 @@
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
|
.add-edit-box{
|
|
.add-edit-box{
|
|
|
-
|
|
|
|
|
|
|
+ .img-class{
|
|
|
|
|
+ width: 180px;
|
|
|
|
|
+ height: 160px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .p-f{
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ .p-c{
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ left: 128px;
|
|
|
|
|
+ top: 1px;
|
|
|
|
|
+ opacity: 0.1;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|