picc / admin-no-ui · Files

<template>
  <a-spin :spinning="confirmLoading">
    <a-form-model ref="form" :model="renhang" :rules="validatorRules">
      <a-card title="人行征信报告信息" :bordered="false">
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-model-item
              prop="reportSubject"
              label="报告主体"
              :labelCol="{ span: 10 }"
              :wrapperCol="{ span: 14 }"
            >
              <a-select
                mode="multiple"
                :disabled="onlyread && disableSubmit"
                v-model="renhang.reportSubject"
                placeholder="请选择"
              >
                <a-select-option :value="'0'">借款人(个人)</a-select-option>
                <a-select-option :value="'1'">借款人(企业）</a-select-option>
                <a-select-option :value="'2'">借款人(个人)配偶</a-select-option>
                <a-select-option :value="'3'">借款人(企业)实控人/法定代表人</a-select-option>
              </a-select>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item
              prop="printDate"
              label="征信报告打印日"
              :labelCol="{ span: 10 }"
              :wrapperCol="{ span: 14 }"
            >
              <a-date-picker
                show-time
                placeholder="请输入调查时间"
                :dateFormat="dateFormat"
                :disabled="onlyread && disableSubmit"
                v-model="renhang.printDate"
              />
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-model-item
              prop="statusFive"
              label="是否存在五级分类以外状态"
              :labelCol="{ span: 10 }"
              :wrapperCol="{ span: 14 }"
            >
              <a-radio-group :disabled="onlyread && disableSubmit" v-model="renhang.statusFive">
                <a-radio :value="0">是</a-radio>
                <a-radio :value="1">否</a-radio>
              </a-radio-group>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item
              prop="beOverDue"
              label="当前是否有逾期"
              :labelCol="{ span: 10 }"
              :wrapperCol="{ span: 14 }"
            >
              <a-radio-group :disabled="onlyread && disableSubmit" v-model="renhang.beOverDue">
                <a-radio :value="0">是</a-radio>
                <a-radio :value="1">否</a-radio>
              </a-radio-group>
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="24">
            <a-form-model-item prop="badDebts" label="是否有呆账" :labelCol="{ span: 5 }" :wrapperCol="{ span: 19 }">
              <a-radio-group :disabled="onlyread && disableSubmit" v-model="renhang.badDebts">
                <a-radio :value="0">是</a-radio>
                <a-radio :value="1">否</a-radio>
              </a-radio-group>
              <span style="color: rgba(0, 0, 0, 0.45)">注：贷记卡或贷款状态为呆账/冻结/止付/担保人代偿等</span>
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-model-item
              prop="loanSix"
              label="累计贷款逾期次数(近6个月)"
              :labelCol="{ span: 10 }"
              :wrapperCol="{ span: 14 }"
            >
              <a-input
                placeholder="请输入累计贷款逾期次数(近6个月)"
                :readOnly="onlyread && disableSubmit"
                @click="moneyAdd"
                @blur.native.capture="moneyEdit"
                v-model="renhang.loanSix"
              />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item
              prop=""
              label="累计贷款逾期次数(近12个月)"
              :labelCol="{ span: 10 }"
              :wrapperCol="{ span: 14 }"
            >
              <a-input
                placeholder="请输入累计贷款逾期次数(近12个月)"
                :readOnly="onlyread && disableSubmit"
                @click="moneyAdd"
                @blur.native.capture="moneyEdit"
                v-model="renhang.loanTwelve"
              />
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-model-item
              prop="loanTwentyFour"
              label="累计贷款逾期次数(近24个月)"
              :labelCol="{ span: 10 }"
              :wrapperCol="{ span: 14 }"
            >
              <a-input
                placeholder="请输入累计贷款逾期次数(近24个月)"
                :readOnly="onlyread && disableSubmit"
                @click="moneyAdd"
                @blur.native.capture="moneyEdit"
                v-model="renhang.loanTwentyFour"
              />
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-model-item
              prop="beOverdueSix"
              label="贷记卡或贷款累计逾期次数(近6个月)"
              :labelCol="{ span: 13 }"
              :wrapperCol="{ span: 11 }"
            >
              <a-input
                placeholder="请输入累计逾期次数(近6个月)"
                :readOnly="onlyread && disableSubmit"
                @click="moneyAdd"
                @blur.native.capture="moneyEdit"
                v-model="renhang.beOverdueSix"
              />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item
              prop="beOverdueTwelve"
              label="贷记卡或贷款累计逾期次数(近12个月)"
              :labelCol="{ span: 13 }"
              :wrapperCol="{ span: 11 }"
            >
              <a-input
                placeholder="请输入累计逾期次数(近12个月)"
                :readOnly="onlyread && disableSubmit"
                @click="moneyAdd"
                @blur.native.capture="moneyEdit"
                v-model="renhang.beOverdueTwelve"
              />
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-model-item
              prop="beOverdueTwentyFour"
              label="贷记卡或贷款累计逾期次数(近24个月)"
              :labelCol="{ span: 13 }"
              :wrapperCol="{ span: 11 }"
            >
              <a-input
                placeholder="请输入累计逾期次数(近24个月)"
                :readOnly="onlyread && disableSubmit"
                @click="moneyAdd"
                @blur.native.capture="moneyEdit"
                v-model="renhang.beOverdueTwentyFour"
              />
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-model-item
              prop="beOverdueThree"
              label="是否连续逾期三个月以上"
              :labelCol="{ span: 10 }"
              :wrapperCol="{ span: 14 }"
            >
              <a-radio-group
                :disabled="onlyread && disableSubmit"
                :readOnly="onlyread && disableSubmit"
                v-model="renhang.beOverdueThree"
              >
                <a-radio :value="0">是</a-radio>
                <a-radio :value="1">否</a-radio>
              </a-radio-group>
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-model-item
              prop="maxOverdueTwelve"
              label="近12个月最大逾期期数(期)"
              :labelCol="{ span: 10 }"
              :wrapperCol="{ span: 14 }"
            >
              <a-input
                placeholder="请输入近12个月最大逾期期数(期)"
                :readOnly="onlyread && disableSubmit"
                @click="moneyAdd"
                @blur.native.capture="moneyEdit"
                v-model="renhang.maxOverdueTwelve"
              />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item
              prop="maxNumberTwelve"
              label="近12个月最大逾期期数的次数(次)"
              :labelCol="{ span: 10 }"
              :wrapperCol="{ span: 14 }"
            >
              <a-input
                placeholder="请输入近12个月最大逾期期数的次数(次)"
                :readOnly="onlyread && disableSubmit"
                @click="moneyAdd"
                @blur.native.capture="moneyEdit"
                v-model="renhang.maxNumberTwelve"
              />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item
              prop="maxOverdueTwentyFour"
              label="近24个月最大逾期期数(期)"
              :labelCol="{ span: 10 }"
              :wrapperCol="{ span: 14 }"
            >
              <a-input
                placeholder="请输入近24个月最大逾期期数(期)"
                :readOnly="onlyread && disableSubmit"
                @click="moneyAdd"
                @blur.native.capture="moneyEdit"
                v-model="renhang.maxOverdueTwentyFour"
              />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item
              prop="maxNumberTwentyFour"
              label="近24个月最大逾期期数的次数(次)"
              :labelCol="{ span: 10 }"
              :wrapperCol="{ span: 14 }"
            >
              <a-input
                placeholder="请输入近24个月最大逾期期数的次数(次)"
                :readOnly="onlyread && disableSubmit"
                @click="moneyAdd"
                @blur.native.capture="moneyEdit"
                v-model="renhang.maxNumberTwentyFour"
              />
            </a-form-model-item>
          </a-col>
          <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" :disabled="watchBtn1">保存</a-button>
          </a-row>
        </a-row>
      </a-card>
    </a-form-model>
    <a-form-model ref="form2" :model="renhang" :rules="validatorRules2">
      <a-card title="其它补充信息" :bordered="false">
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-model-item
              prop="supplementInfo"
              label="补充信息"
              :labelCol="{ span: 4 }"
              :wrapperCol="{ span: 20 }"
            >
              <a-textarea :readOnly="onlyread && disableSubmit" v-model="renhang.supplementInfo" />
            </a-form-model-item>
          </a-col>
        </a-row>
        <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="handleSubmit2" :disabled="watchBtn1">保存</a-button>
        </a-row>
      </a-card>
    </a-form-model>
  </a-spin>
</template>
<script>
function getBase64(img, callback) {
  const reader = new FileReader()
  reader.addEventListener('load', () => callback(reader.result))
  reader.readAsDataURL(img)
}
import JDictSelectTag from '@/components/dict/JDictSelectTag.vue'
import pick from 'lodash.pick'
import moment from 'moment'
import { JeecgListMixin } from '@/mixins/CoreListMixin'
import { updateCreditInfo, updateSupplementInfo } from '@/api/configApi'
export default {
  name: 'PersonalInformationListModal',
  mixins: [JeecgListMixin],
  components: {},
  props: {
    renhang: {
      type: Object,
      // default: () => {
      //   return [];
      // }
    },
    applyNo: {
      type: String,
      default: '',
    },
    disableSubmit: {
      type: Boolean,
      default: false,
    },
    onlyread: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      visible: false,
      confirmLoading: false,
      title: '',
      imageUrlFront: '',
      imageUrlBack: '',
      // disableSubmit: false,
      // onlyread: false,
      id: '',
      defaultTabKey: '',
      programOffices: JSON.parse(sessionStorage.getItem('PROGRAMOFFICES')), // 组织机构
      dbCollectionInfo: JSON.parse(sessionStorage.getItem('DB_COLLECTION_INFO')), // 进件流编号
      dbBusinessChannel: JSON.parse(sessionStorage.getItem('DB_BUSINESS_CHANNEL')), // 业务线名称
      dbCooPerationPlatform: JSON.parse(sessionStorage.getItem('DB_COOPERATION_PLATFORM')), // 合作平台
      dbProductCategory: JSON.parse(sessionStorage.getItem('DB_PRODUCT_CATEGORY')), // 产品分类
      creditList: '',
      model: {},
      form: this.$form.createForm(this),
      form2: this.$form.createForm(this),
      dateFormat: 'YYYY-MM-DD',
      disableMixinCreated: true,
      url: {
        upload: window._CONFIG['uploadUrl'],
      },
      headers: {
        'X-Access-Token': this.$store.state.user.token,
      },
      validatorRules2: {},
      validatorRules: {},
      watchBtn1: true,
      updateCount: 0,
    }
  },
  computed: {},
  mounted() {},
  watch: {
    renhang: {
      handler(val) {
        if (val) {
          this.updateCount++
          if (this.updateCount > 1) {
            this.watchBtn1 = false
          }
        }
      },
      deep: true,
    },
  },
  methods: {
    moment,
    edit(res, applyNo) {
      this.defaultTabKey = '1'
      console.log('ssss', res)
      // console.log("hhh",res.cusBankAccountResponses)
      this.assignment(res)
      this.id = res.cusBankAccountResponses.id
      this.form.resetFields()
      // this.form2.resetFields()
      this.visible = true
      this.$nextTick(() => {})
    },
    add() {
      this.model = {}
      this.form.resetFields()
      this.visible = true
      this.$nextTick(() => {})
    },

    close() {
      this.$emit('close')
      this.visible = false
      this.disableSubmit = false
      this.selectedRole = []
    },
    resetFields() {
      this.form.resetFields()
      this.form2.resetFields()
      // this.form3.resetFields()
      // this.form4.resetFields()
    },
    handleSubmit() {
      // 触发表单验证
      this.$refs.form.validate((valid) => {
        if (valid) {
          this.confirmLoading = true
          console.log(this.renhang)
          let applyNo = { applyNo: this.applyNo }
          this.renhang.applyNo = this.applyNo
          let formData = this.renhang
          let a = this.renhang.printDate
          // formData.printDate = a.format("YYYY-MM-DD hh:mm:ss")
          // console.log(a)
          updateCreditInfo(formData)
            .then((res) => {
              if (res.status.statusCode == 0) {
                this.$message.success(res.status.statusReason)
                this.$emit('editReload')
                this.updateCount = 0
                this.watchBtn1 = true
              } else {
                this.$message.warning(res.status.statusReason)
              }
            })
            .finally(() => {
              this.confirmLoading = false
              this.close()
              this.updateCount = 0
              this.watchBtn1 = true
            })
        }
      })
    },
    handleSubmit2() {
      // 触发表单验证
      this.$refs.form2.validate((valid) => {
        if (valid) {
          this.confirmLoading = true
          console.log(this.renhang)
          this.renhang.applyNo = this.applyNo
          let formData = this.renhang
          // console.log(a)
          updateSupplementInfo(formData)
            .then((res) => {
              if (res.status.statusCode == 0) {
                this.$message.success(res.status.statusReason)
                this.$emit('editReload')
                this.updateCount = 0
                this.watchBtn1 = true
              } else {
                this.$message.warning(res.status.statusReason)
              }
            })
            .finally(() => {
              this.confirmLoading = false
              this.close()
              this.updateCount = 0
              this.watchBtn1 = true
            })
        }
      })
    },
    handleCancel() {
      this.$emit('handleCancel')
    },
    // tabs 回调
    callback(key) {
      if (key == 7) {
        this.$refs.approval.loadData()
      }
    },
    editReload() {
      let _p = { applyNo: this.applyNo }
      queryCollPersonalApplyDetail(_p).then((res) => {
        this.assignment(res.result)
      })
    },
    moneyAdd(val) {
      // console.log("ssss",val.target.value)
      if (val.target.value == 0) {
        val.target.value = ''
        this.updateCount = 0
      }
    },
    moneyEdit(val) {
      // console.log("aaaaaa",val.target.value)
      if (val.target.value == '') {
        val.target.value = 0
        this.updateCount = 0
      }
    },
    assignment(res) {
      this.model = res ? res : {}
      this.collPersonalApply = this.model.collPersonalApply
      this.renhang = this.model.cusBasicInfoResponse
      // //console.log("111111", this.renhang)
      // if (this.renhang) {
      //   this.imageUrlFront = this.renhang.idCardUrl
      //   this.imageUrlBack = this.renhang.idCardBackUrl
      // } else {
      //   this.imageUrlFront = ''
      //   this.imageUrlBack = ''
      // }
      // this.collCusContactInfoList = this.model.collCusContactInfoList
      // this.collCusBankAccountList = this.model.cusBankAccountResponses
      // this.collCusExtAttachmentList = this.model.collCusExtAttachmentList
      // this.collCusExtObjDataList = this.model.collCusExtObjDataList
      // this.collCreditStatusList = this.model.collCreditStatusList
      // this.financingInformation = this.model.financingApplyInfoResponse
    },
  },
}
</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;
}
</style>