picc / admin-no-ui · Files

<template>
  <a-modal :title="title" :width="1000" :centered="false" :visible="visible"
    :okButtonProps="{ props: { disabled: disableSubmit } }" :confirmLoading="confirmLoading" @ok="handleSubmit"
    @cancel="handleCancel" cancelText :maskClosable="false" style="top: 20px" class="scope-person">
    <a-spin :spinning="confirmLoading">
      <a-form :form="form">
        <a-card title="经办人基本信息" :bordered="false">
          <a-layout>
            <a-layout-content style="background: #fff">
              <a-row :gutter="24">
                <a-col :span="12">
                  <a-form-item label="姓名" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }" hasFeedback>
                    <a-input placeholder="请输入姓名" v-decorator="[
                      'idCardName',
                      {
                        initialValue: cusBasicInfo ? cusBasicInfo.idCardName : '',
                        rules: [{ required: true, message: '请输入姓名' }],
                      },
                    ]" :readOnly="onlyread && disableSubmit" />
                  </a-form-item>
                </a-col>
                <!-- <a-col :span="12">
                  <a-form-item label="性别" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }">
                    <j-dict-select-tag
                      v-decorator="['gender', { initialValue: cusBasicInfo ? cusBasicInfo.gender : '' }]"
                      dictCode="sex"  />
                  </a-form-item>
                </a-col> -->
              </a-row>
              <a-row :gutter="24">
                <a-col :span="12">
                  <a-form-item label="民族" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }" hasFeedback>
                    <a-input placeholder="请输入民族"
                      v-decorator="['ethnicity', { initialValue: cusBasicInfo ? cusBasicInfo.ethnicity : '' }]"
                      :readOnly="onlyread && disableSubmit" />
                  </a-form-item>
                </a-col>
                <a-col :span="12">
                  <a-form-item label="出生日期" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }">
                    <a-date-picker style="width: 100%" v-decorator="[
                      'dateOfBirth',
                      {
                        initialValue:
                          !cusBasicInfo || !cusBasicInfo.dateOfBirth
                            ? null
                            : moment(cusBasicInfo.dateOfBirth, dateFormat),
                      },
                    ]" :disabled="onlyread && disableSubmit" />
                  </a-form-item>
                </a-col>
              </a-row>
              <a-row :gutter="24">
                <a-col v-if="disableSubmit" :span="12">
                  <a-form-item label="手机号" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }" hasFeedback>
                    <a-input placeholder="请输入手机号" v-decorator="[
                      'mobilePhoneView',
                      {
                        initialValue: cusBasicInfo ? cusBasicInfo.mobilePhoneView : '',
                        rules: [{ required: true, message: '请输入手机号' }],
                      },
                    ]" :readOnly="onlyread && disableSubmit" />
                  </a-form-item>
                </a-col>
                <a-col v-else :span="12">
                  <a-form-item label="手机号" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }" hasFeedback>
                    <a-input placeholder="请输入手机号" v-decorator="[
                      'mobilePhoneView',
                      {
                        initialValue: cusBasicInfo ? cusBasicInfo.mobilePhoneView : '',
                        rules: [{ required: true, message: '请输入手机号' }],
                      },
                    ]" :readOnly="onlyread && disableSubmit" />
                  </a-form-item>
                </a-col>
                <a-col v-if="disableSubmit" :span="12">
                  <a-form-item label="身份证号" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }" hasFeedback>
                    <a-input placeholder="请输入身份证号" v-decorator="[
                      'idCardNoView',
                      {
                        initialValue: cusBasicInfo ? cusBasicInfo.idCardNoView : '',
                        rules: [{ required: true, message: '请输入正确的身份证号' }],
                      },
                    ]" :readOnly="onlyread && disableSubmit" />
                  </a-form-item>
                </a-col>
                <a-col v-else :span="12">
                  <a-form-item label="身份证号" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }" hasFeedback>
                    <a-input placeholder="请输入身份证号" v-decorator="[
                      'idCardNoView',
                      {
                        initialValue: cusBasicInfo ? cusBasicInfo.idCardNoView : '',
                        rules: [{ required: true, message: '请输入正确的身份证号' }],
                      },
                    ]" :readOnly="onlyread && disableSubmit" />
                  </a-form-item>
                </a-col>
              </a-row>
              <a-row :gutter="24">
                <a-col :span="12">
                  <a-form-item label="有效期" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }" hasFeedback>
                    <a-date-picker style="width: 100%" v-decorator="[
                      'idCardStartValidity',
                      {
                        initialValue:
                          !cusBasicInfo || !cusBasicInfo.idCardStartValidity
                            ? null
                            : moment(cusBasicInfo.idCardStartValidity, dateFormat),
                      },
                    ]" :disabled="onlyread && disableSubmit" />
                  </a-form-item>
                </a-col>
                <a-col :span="12">
                  <a-form-item label="至" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }" hasFeedback>
                    <a-date-picker style="width: 100%" v-decorator="[
                      'idCardEndValidity',
                      {
                        initialValue:
                          !cusBasicInfo || !cusBasicInfo.idCardEndValidity
                            ? null
                            : moment(cusBasicInfo.idCardEndValidity, dateFormat),
                      },
                    ]" :disabled="onlyread && disableSubmit" />
                  </a-form-item>
                </a-col>
              </a-row>
              <a-row :gutter="24">
                <a-form-item label="住址" :labelCol="{ span: 4 }" :wrapperCol="{ span: 19 }" hasFeedback>
                  <a-input placeholder="请输入住址"
                    v-decorator="['address', { initialValue: cusBasicInfo ? cusBasicInfo.address : '' }]"
                    :readOnly="onlyread && disableSubmit" />
                </a-form-item>
              </a-row>
              <a-row :gutter="24">
                <a-form-item label="发证机关" :labelCol="{ span: 4 }" :wrapperCol="{ span: 19 }" hasFeedback>
                  <a-input placeholder="请输入发证机关" v-decorator="[
                    'issuanceAuthority',
                    { initialValue: cusBasicInfo ? cusBasicInfo.issuanceAuthority : '' },
                  ]" :readOnly="onlyread && disableSubmit" />
                </a-form-item>
              </a-row>
            </a-layout-content>
            <a-layout-sider style="background: #fff">
              <div class="scoped-img" style="display: flex; align-items: center; flex-direction: column">
                <a-form-item label="身份证正面照片" style="text-align: center">
                  <a-upload :headers="headers" name="file" listType="picture-card" accept="image/*"
                    class="avatar-uploader" :showUploadList="false" :action="url.upload" v-decorator="[
                      'idCardUrl',
                      {
                        initialValue: cusBasicInfo ? cusBasicInfo.idCardUrl : '',
                        rules: [{ required: true, message: '请上传身份证正面' }],
                      },
                    ]" @change="handleChangeFront" :disabled="onlyread && disableSubmit">
                    <img v-if="imageUrlFront" :src="imageUrlFront" alt="avatar"
                      style="max-width: 200px; max-height: 200px" />
                    <div v-else>
                      <a-icon :type="loading ? 'loading' : 'plus'" />
                      <div class="ant-upload-text">Upload</div>
                    </div>
                  </a-upload>
                </a-form-item>
              </div>
              <div class="scoped-img" style="display: flex; align-items: center; flex-direction: column">
                <a-form-item label="身份证反面照片" style="text-align: center">
                  <a-upload :headers="headers" name="file" listType="picture-card" accept="image/*"
                    class="avatar-uploader" :showUploadList="false" :action="url.upload" v-decorator="[
                      'idCardBackUrl',
                      {
                        initialValue: cusBasicInfo ? cusBasicInfo.idCardBackUrl : '',
                        rules: [{ required: true, message: '请上传身份证反面' }],
                      },
                    ]" @change="handleChangeBack" :disabled="onlyread && disableSubmit">
                    <img v-if="imageUrlBack" :src="imageUrlBack" alt="avatar"
                      style="max-width: 200px; max-height: 200px" />
                    <div v-else>
                      <a-icon :type="loading ? 'loading' : 'plus'" />
                      <div class="ant-upload-text">Upload</div>
                    </div>
                  </a-upload>
                </a-form-item>
              </div>
            </a-layout-sider>
          </a-layout>
          <div class="scoped-img" style="">
            <a-form-item label="经办人授权书">
              <a-upload :headers="headers" name="file" listType="picture-card" accept="image/*" class="avatar-uploader"
                :showUploadList="false" :action="url.upload" v-decorator="[
                  'handlingAuthUrl',
                  {
                    initialValue: cusBasicInfo ? cusBasicInfo.handlingAuthUrl : '',
                    rules: [{ required: true, message: '请上传经办人授权书' }],
                  },
                ]" @change="handleChangeAuth" :disabled="onlyread && disableSubmit">
                <img v-if="imageUrlAuth" :src="imageUrlAuth" alt="avatar" style="max-width: 200px; max-height: 200px" />
                <div v-else>
                  <a-icon :type="loading ? 'loading' : 'plus'" />
                  <div class="ant-upload-text">Upload</div>
                </div>
              </a-upload>
            </a-form-item>
          </div>
        </a-card>
        <a-card title="企业基本信息" :bordered="false">
          <a-layout>
            <a-layout-content style="background: #fff">
              <a-row :gutter="24">
                <a-col :span="12">
                  <a-form-item label="企业名称" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }" hasFeedback>
                    <a-input placeholder="请输入企业名称" v-decorator="[
                      'enterpriseName',
                      {
                        initialValue: cusBasicInfo ? cusBasicInfo.enterpriseName : '',
                        rules: [{ required: true, message: '请输入企业名称' }],
                      },
                    ]" />
                  </a-form-item>
                </a-col>
                <a-col :span="12">
                  <a-form-item label="统一社会信用代码" :labelCol="{ span: 12 }" :wrapperCol="{ span: 12 }" hasFeedback>
                    <a-input placeholder="统一社会信用代码" v-decorator="[
                      'orgCode',
                      {
                        initialValue: cusBasicInfo ? cusBasicInfo.orgCode : '',
                        rules: [{ required: true, message: '请输入统一社会信用代码' }],
                      },
                    ]" />
                  </a-form-item>
                </a-col>
              </a-row>
              <a-row :gutter="24">
                <a-col :span="12">
                  <a-form-item label="法定代表人名称" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }" hasFeedback>
                    <a-input placeholder="请输入法定代表人名称" v-decorator="[
                      'enterpriseName',
                      {
                        initialValue: cusBasicInfo ? cusBasicInfo.enterpriseName : '',
                        rules: [{ required: true, message: '请输入法定代表人名称' }],
                      },
                    ]" />
                  </a-form-item>
                </a-col>
              </a-row>
              <a-row :gutter="24">
                <a-col :span="12">
                  <a-form-item label="注册类型" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }" hasFeedback>
                    <a-select v-decorator="[
                      'registeredType',
                      { initialValue: cusBasicInfo ? cusBasicInfo.registeredType : '' },
                    ]" placeholder="请选择" :readOnly="onlyread && disableSubmit">
                      <a-select-option v-for="(item, index) in registerType" :key="index" :value="item.value">{{
                          item.label
                      }}</a-select-option>
                    </a-select>
                  </a-form-item>
                </a-col>
                <a-col v-if="disableSubmit" :span="12">
                  <a-form-item label="企业电话号码" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }" hasFeedback>
                    <a-input placeholder="企业电话号码" v-decorator="[
                      'eMobilePhoneView',
                      { initialValue: cusBasicInfo ? cusBasicInfo.eMobilePhoneView : '' },
                    ]" :readOnly="onlyread && disableSubmit" />
                  </a-form-item>
                </a-col>
                <a-col v-else :span="12">
                  <a-form-item label="企业电话号码" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }" hasFeedback>
                    <a-input placeholder="企业电话号码" v-decorator="[
                      'eMobilePhoneView',
                      { initialValue: cusBasicInfo ? cusBasicInfo.eMobilePhoneView : '' },
                    ]" :readOnly="onlyread && disableSubmit" />
                  </a-form-item>
                </a-col>
              </a-row>
              <a-row :gutter="24">
                <a-col :span="12">
                  <a-form-item label="注册日期" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }" hasFeedback>
                    <a-date-picker style="width: 100%" v-decorator="[
                      'orglicenseStartValidity',
                      {
                        initialValue:
                          !cusBasicInfo || !cusBasicInfo.orglicenseStartValidity
                            ? null
                            : moment(cusBasicInfo.orglicenseStartValidity, dateFormat),
                      },
                    ]" :disabled="onlyread && disableSubmit" />
                  </a-form-item>
                </a-col>
                <a-col :span="12">
                  <a-form-item label="到期日期" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }" hasFeedback>
                    <a-date-picker style="width: 100%" v-decorator="[
                      'orglicenseEndValidity',
                      {
                        initialValue:
                          !cusBasicInfo || !cusBasicInfo.orglicenseEndValidity
                            ? null
                            : moment(cusBasicInfo.orglicenseEndValidity, dateFormat),
                      },
                    ]" :disabled="onlyread && disableSubmit" />
                  </a-form-item>
                </a-col>
              </a-row>
              <a-row :gutter="24">
                <a-col :span="12">
                  <a-form-item label="企业规模" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }" hasFeedback>
                    <a-input placeholder="请输入企业规模" v-decorator="[
                      'enterpriseScale',
                      { initialValue: cusBasicInfo ? cusBasicInfo.enterpriseScale : '' },
                    ]" :readOnly="onlyread && disableSubmit" />
                  </a-form-item>
                </a-col>
                <a-col :span="12">
                  <a-form-item label="注册资本" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }">
                    <a-input v-decorator="[
                      'registeredCapital',
                      { initialValue: cusBasicInfo ? cusBasicInfo.registeredCapital : '' },
                    ]" :readOnly="onlyread && disableSubmit" />
                  </a-form-item>
                </a-col>
              </a-row>
              <a-row :gutter="24">
                <a-form-item label="注册地址" :labelCol="{ span: 4 }" :wrapperCol="{ span: 19 }" hasFeedback>
                  <a-input placeholder="请输入注册地址" v-decorator="[
                    'eAddress',
                    { initialValue: cusBasicInfo ? cusBasicInfo.eAddress : '' },
                  ]" :readOnly="onlyread && disableSubmit" />
                </a-form-item>
              </a-row>
              <a-row :gutter="24">
                <a-form-item label="实际经营地址" :labelCol="{ span: 5 }" :wrapperCol="{ span: 18 }" hasFeedback>
                  <a-input placeholder="请输入实际经营地址" v-decorator="[
                    'actualBusinessAddress',
                    { initialValue: cusBasicInfo ? cusBasicInfo.actualBusinessAddress : '' },
                  ]" :readOnly="onlyread && disableSubmit" />
                </a-form-item>
              </a-row>
              <a-row :gutter="24">
                <a-form-item label="经营范围" :labelCol="{ span: 4 }" :wrapperCol="{ span: 18 }">
                  <a-textarea rows="4" placeholder="请输入经营范围" v-decorator="[
                    'businessScope',
                    { initialValue: cusBasicInfo ? cusBasicInfo.businessScope : '' },
                  ]" :readOnly="onlyread && disableSubmit" />
                </a-form-item>
              </a-row>
            </a-layout-content>
            <a-layout-sider style="background: #fff">
              <div class="scoped-img" style="display: flex; align-items: center; flex-direction: column">
                <a-form-item label="营业执照" style="text-align: center">
                  <a-upload :headers="headers" name="file" listType="picture-card" accept="image/*"
                    class="avatar-uploader" :showUploadList="false" :action="url.upload" v-decorator="[
                      'licenceUrl',
                      {
                        initialValue: cusBasicInfo ? cusBasicInfo.licenceUrl : '',
                        rules: [{ required: true, message: '请上传营业执照' }],
                      },
                    ]" @change="handleChangePermit" :disabled="onlyread && disableSubmit">
                    <img v-if="imageUrlPermit" :src="imageUrlPermit" alt="avatar"
                      style="max-width: 200px; max-height: 200px" />
                    <div v-else>
                      <a-icon :type="loading ? 'loading' : 'plus'" />
                      <div class="ant-upload-text">Upload</div>
                    </div>
                  </a-upload>
                </a-form-item>
              </div>
            </a-layout-sider>
          </a-layout>
          <a-row :gutter="24" v-show="!disableSubmit" style="float: right; margin-right: 20px">
            <a-button style="margin-right: 10px" @click="handleCancel">取消</a-button>
            <a-button type="primary" @click="handleSubmit">确定</a-button>
          </a-row>
        </a-card>
      </a-form>
    </a-spin>
    <company-account-table :userType="2" :cusPublicBankAccounts.sync="publicBankAccountList" :applyNo.sync="applyNo"
      :disableSubmit.sync="disableSubmit" @editReload="editReload">
    </company-account-table>
  </a-modal>
</template>
<script>
function getBase64(img, callback) {
  const reader = new FileReader()
  reader.addEventListener('load', () => callback(reader.result))
  reader.readAsDataURL(img)
}
import pick from 'lodash.pick'
import moment from 'moment'
import JDictSelectTag from '@/components/dict/JDictSelectTag.vue'
import { updateEnterpriseDetails, queryEnterpriseDetails, ossDownloadFile } from '@/api/configApi'
import { JeecgListMixin } from '@/mixins/CoreListMixin'

import companyAccountTable from './company/companyAccountTable'
import { registerType } from '@/data/params'
export default {
  name: 'CompanyInformationListModal',
  mixins: [JeecgListMixin],
  components: {
    companyAccountTable, // 企业账户信息
  },
  data() {
    return {
      visible: false,
      confirmLoading: false,
      title: '',
      imageUrlFront: '',
      imageUrlBack: '',
      imageUrlPermit: '',
      imageUrlAuth: '',
      zUrl: '',
      fUrl: '',
      zhizhaoUrl: '',
      xieyiUrl: '',
      headers: {
        'X-Access-Token': this.$store.state.user.token,
      },
      disableSubmit: false,
      onlyread: true,
      registerType: registerType,
      model: {},
      validatorRules: {
        collectionNo: {
          rules: [{ required: true, message: '请选择进件流编号' }],
        },
        birthday: {
          relus: [{ required: true, message: '请选择出生日期' }],
        },
      },
      applyNo: '',
      enterpriseBasicInfo: {}, // 企业基本信息
      cusBasicInfo: {}, // 法人基本信息
      publicBankAccountList: [], // 企业公户信息
      contactsInfoList: '', // 联系人信息
      privateBankAccountList: [], // 法人银行卡信息
      stockholderList: {}, // 企业股东信息
      form: this.$form.createForm(this),
      dateFormat: 'YYYY-MM-DD',
      disableMixinCreated: true,
      url: {
        imgerver: window._CONFIG['domianURL'] + '/sys/common/view',
        syncUser: '/process/extActProcess/doSyncUser',
        list: '/admin/enterpriseApply/applyList',
        delete: '/sys/user/delete',
        deleteBatch: '/sys/user/deleteBatch',
        exportXlsUrl: '/sys/user/exportXls',
        upload: window._CONFIG['uploadUrl'],
      },
      columns: [
        {
          title: '序号',
          dataIndex: '',
          key: 'rowIndex',
          align: 'center',
          customRender: function (t, r, index) {
            return parseInt(index) + 1
          }
        },
        {
          title: '产品名称',
          align: 'center',
          dataIndex: 'applyNo'
        },
        {
          title: '授信时间',
          align: 'center',
          dataIndex: 'customerName'
        },
        {
          title: '还款状态',
          align: 'center',
          dataIndex: 'idCardNoView'
        },
        {
          title: '授信状态',
          align: 'center',
          dataIndex: 'status',
          customRender: function (t, r, index) {
            for (var i = 0; i < userStatus.length; i++) {
              if (t === userStatus[i].value) {
                return userStatus[i].label
              }
            }
          }
        },
        {
          title: '用信锁定状态',
          align: 'center',
          dataIndex: 'status',
          customRender: function (t, r, index) {
            for (var i = 0; i < userStatus.length; i++) {
              if (t === userStatus[i].value) {
                return userStatus[i].label
              }
            }
          }
        },
        {
          title: '锁定到期日',
          align: 'center',
          dataIndex: 'createTime'
        },
        {
          title: '备注',
          align: 'center',
          dataIndex: 'updateTime'
        },
        {
          title: '操作',
          dataIndex: 'action',
          scopedSlots: { customRender: 'action' },
          align: 'center',
          width: 120,
          fixed: 'right'
        }
      ]
    }
  },
  methods: {
    moment,
    edit(res, applyNo) {
      console.log(res)
      this.applyNo = applyNo
      this.assignment(res)
      this.form.resetFields()
      this.visible = true
      this.$nextTick(() => { })
    },

    add(username) {
      this.model = {}
      this.form.resetFields()
      this.visible = true
    },

    close() {
      this.$emit('close')
      this.visible = false
      this.disableSubmit = false
      this.selectedRole = []
    },
    handleSubmit() {
      // 触发表单验证
      this.form.validateFields((err, values) => {
        values.birthday = !values.birthday ? null : values.birthday.format(this.dateFormat)
        values.idCardStartValidity = !values.idCardStartValidity
          ? null
          : values.idCardStartValidity.format(this.dateFormat)
        values.idCardEndValidity = !values.idCardEndValidity
          ? null
          : values.idCardEndValidity.format(this.dateFormat)
        values.orglicenseStartValidity = !values.orglicenseStartValidity
          ? null
          : values.orglicenseStartValidity.format(this.dateFormat)
        values.orglicenseEndValidity = !values.orglicenseEndValidity
          ? null
          : values.orglicenseEndValidity.format(this.dateFormat)
        if (!err) {
          this.confirmLoading = true
          values.applyNo = this.applyNo
          values.applyNo = this.applyNo
          values.idCardUrl = this.zUrl
          values.idCardBackUrl = this.fUrl
          values.licenceUrl = this.zhizhaoUrl
          values.handlingAuthUrl = this.xieyiUrl
          let formData = Object.assign({}, values)
          updateEnterpriseDetails(formData)
            .then((res) => {
              if (res.status.statusCode == 0) {
                this.$message.success(res.status.statusReason)
                this.$emit('ok')
              } else {
                this.$message.warning(res.status.statusReason)
              }
            })
            .finally(() => {
              this.confirmLoading = false
              this.close()
            })
        }
      })
    },
    handleCancel() {
      this.close()
    },
    // tabs 回调
    callback() { },
    handleChangeFront(info) {
      // console.log("111", info)
      let fileList = [...info.fileList]
      console.log(fileList)
      if (info.file.status === 'uploading') {
        this.loading = true
        return
      }
      if (info.file.status === 'done') {
        getBase64(info.file.originFileObj, imageUrlFront => {
          //console.log("111111",info.file.originFileObj)
          this.loading = false
        })
        if (info.file.response.status.statusCode == 0) {
          let _p = {
            fileIdentifyingCode: info.file.response.result.fileIdentifyingCode,
            expire: 10000
          }
          this.zUrl = info.file.response.result.fileIdentifyingCode
          ossDownloadFile(_p).then(res => {
            if (res.status.statusCode == 0) {
              this.imageUrlFront = res.result.url
            } else {
              this.$message.warning(res.status.statusReason)
            }
          })
          this.$message.success(`身份证正面上传成功!`)
        }
      }
    },
    handleChangeBack(info) {
      console.log(info)
      if (info.file.status === 'uploading') {
        this.loading = true
        return
      }
      if (info.file.status === 'done') {
        getBase64(info.file.originFileObj, imageUrlBack => {
          //console.log("111111",info.file.originFileObj)
          this.loading = false
        })
        if (info.file.response.status.statusCode == 0) {
          let _p = {
            fileIdentifyingCode: info.file.response.result.fileIdentifyingCode,
            expire: 10000
          }
          this.fUrl = info.file.response.result.fileIdentifyingCode
          ossDownloadFile(_p).then(res => {
            if (res.status.statusCode == 0) {
              this.imageUrlBack = res.result.url
            } else {
              this.$message.warning(res.status.statusReason)
            }
          })
          this.$message.success(`身份证反面上传成功!`)
        }
      }
    },
    handleChangePermit(info) {
      if (info.file.status === 'uploading') {
        this.loading = true
        return
      }
      if (info.file.status === 'done') {
        getBase64(info.file.originFileObj, (imageUrlPermit) => {
          this.loading = false
        })
        if (info.file.response.status.statusCode == 0) {
          let _p = {
            fileIdentifyingCode: info.file.response.result.fileIdentifyingCode,
            expire: 10000
          }
          this.zhizhaoUrl = info.file.response.result.fileIdentifyingCode
          ossDownloadFile(_p).then(res => {
            if (res.status.statusCode == 0) {
              this.imageUrlPermit = res.result.url
            } else {
              this.$message.warning(res.status.statusReason)
            }
          })
          this.$message.success(`营业执照上传成功!`)
        }
      }
    },
    handleChangeAuth(info) {
      if (info.file.status === 'uploading') {
        this.loading = true
        return
      }
      if (info.file.status === 'done') {
        getBase64(info.file.originFileObj, (imageUrlPermit) => {
          this.loading = false
        })
        if (info.file.response.status.statusCode == 0) {
          let _p = {
            fileIdentifyingCode: info.file.response.result.fileIdentifyingCode,
            expire: 10000
          }
          this.xieyiUrl = info.file.response.result.fileIdentifyingCode
          ossDownloadFile(_p).then(res => {
            if (res.status.statusCode == 0) {
              this.imageUrlAuth = res.result.url
            } else {
              this.$message.warning(res.status.statusReason)
            }
          })
          this.$message.success(`经办人授权书上传成功!`)
        }
      }
    },
    editReload() {
      let _p = { applyNo: this.applyNo }
      queryEnterpriseDetails(_p).then((res) => {
        console.log('-------------')
        console.log(res.result)
        console.log('-------------')
        this.assignment(res.result)
      })
    },
    assignment(res) {
      this.model = res ? res : {}
      // console.log("11111111",this.model)
      // this.enterpriseBasicInfo = this.model.enterpriseBasicInfo
      this.cusBasicInfo = this.model
      console.log(this.cusBasicInfo.licenceUrl)
      this.imageUrlFront = ''
      this.imageUrlBack = ''
      this.imageUrlPermit = ''
      this.imageUrlAuth = ''
      if (this.cusBasicInfo) {
        this.zUrl = this.cusBasicInfo.idCardUrl
        this.fUrl = this.cusBasicInfo.idCardBackUrl
        this.zhizhaoUrl = this.cusBasicInfo.licenceUrl
        this.xieyiUrl = this.cusBasicInfo.handlingAuthUrl
        let _p = {
          fileIdentifyingCode: this.cusBasicInfo.idCardUrl,
          expire: 10000
        }
        let _w = {
          fileIdentifyingCode: this.cusBasicInfo.idCardBackUrl,
          expire: 10000
        }
        let _r = {
          fileIdentifyingCode: this.cusBasicInfo.licenceUrl,
          expire: 10000
        }
        let _t = {
          fileIdentifyingCode: this.cusBasicInfo.handlingAuthUrl,
          expire: 10000
        }
        ossDownloadFile(_p).then(res => {
          if (res.status.statusCode == 0) {
            this.imageUrlFront = res.result.url
          } else {
            this.$message.warning(res.status.statusReason)
          }
        })
        ossDownloadFile(_w).then(res => {
          if (res.status.statusCode == 0) {
            this.imageUrlBack = res.result.url
          } else {
            this.$message.warning(res.status.statusReason)
          }
        })
        ossDownloadFile(_r).then(res => {
          if (res.status.statusCode == 0) {
            this.imageUrlPermit = res.result.url
          } else {
            this.$message.warning(res.status.statusReason)
          }
        })
        ossDownloadFile(_t).then(res => {
          if (res.status.statusCode == 0) {
            this.imageUrlAuth = res.result.url
          } else {
            this.$message.warning(res.status.statusReason)
          }
        })
      } else {
        this.imageUrlFront = ''
        this.imageUrlBack = ''
        this.imageUrlPermit = ''
        this.imageUrlAuth = ''
      }
      this.publicBankAccountList = this.model.bankDetailsResponses
      this.privateBankAccountList = this.model.privateBankAccountList
      this.contactsInfoList = this.model.contactsInfoList
      this.cusBankAccounts = this.model.cusBankAccounts
      this.stockholderList = this.model.stockholderList
    },
  },
}
</script>
<style>
.scope-person .ant-modal-body {
  padding: 0 24px !important;
}

.scope-person .ant-modal-body {
  overflow-y: scroll;
  min-height: 600px;
  max-height: 600px !important;
}

.scope-person .ant-tabs-bar {
  margin-bottom: 0;
}

.scope-person .ant-card-body {
  padding: 10px 24px;
}

.scope-person .ant-layout-sider {
  flex: 0 0 300px;
  max-width: 300px !important;
  min-width: 300px !important;
  width: 300px !important;
}

.scope-person .ant-modal-footer {
  display: none;
}

.scope-person .scoped-img img {
  width: 200px;
}

.scope-person .scoped-approval .ant-card-head {
  border-bottom: 0;
}
</style>