|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<div class="add-info">
|
|
|
- <cy-info-title type="center">经营地址相关情况</cy-info-title>
|
|
|
+
|
|
|
<el-form
|
|
|
ref="ruleForm"
|
|
|
:model="ruleForm"
|
|
@@ -8,10 +8,54 @@
|
|
|
label-position="top"
|
|
|
class="rule-form-orange"
|
|
|
>
|
|
|
+ <cy-info-title type="center">征信信息</cy-info-title>
|
|
|
+ <el-form-item style="width: 100%">
|
|
|
+ <template slot="label">
|
|
|
+ <span>个人征信</span>
|
|
|
+ <span class="slot-name-desc">烦请本人线上查询个人征信,并填写我司邮箱作为央行等银行发送征信报告的指定邮箱operation@changan-inkasso.com</span>
|
|
|
+ </template>
|
|
|
+ <div v-if="!disabled" class="synchronization">
|
|
|
+ <el-button type="text" @click="synchronizationClick">一键同步</el-button>
|
|
|
+ </div>
|
|
|
+ <cy-comm-table
|
|
|
+ ref="commTable"
|
|
|
+ style="margin-top: 10px; width: 100%"
|
|
|
+ :columns="columns"
|
|
|
+ :data="tableData"
|
|
|
+ :count="0"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item style="width: 100%">
|
|
|
+ <template slot="label">
|
|
|
+ <span>企业征信查询授权书</span>
|
|
|
+ <span class="slot-name-desc">必须已认证已签署才可提交</span>
|
|
|
+ </template>
|
|
|
+ <cy-comm-table
|
|
|
+ name="enterprise"
|
|
|
+ style="margin-top: 10px; width: 100%"
|
|
|
+ :columns="enterpriseColumns"
|
|
|
+ :data="enterpriseTableData"
|
|
|
+ :count="0"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <cy-info-title type="center">企业经营地址</cy-info-title>
|
|
|
<el-form-item label="经营地址" style="width: 100%;" prop="businessAddress">
|
|
|
- <el-input v-model="ruleForm.businessAddress" :disabled="disabled" placeholder="请输入经营地址" />
|
|
|
+ <div class="address">
|
|
|
+ <div v-if="!disabled">
|
|
|
+ <el-cascader
|
|
|
+ v-model="ruleForm.businessAddress"
|
|
|
+ style="width: 100%;"
|
|
|
+ placeholder="请选择省市区"
|
|
|
+ :options="constant.regionList"
|
|
|
+ :props="{ value: 'name', label: 'name' }"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-input v-model="ruleForm.businessAddress" disabled placeholder="请输入经营地址" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="地点定位图" class="one-form-item form-required" prop="locationMap">
|
|
|
+ <el-form-item label="地点定位图" class="form-required" prop="locationMap">
|
|
|
<cy-upload
|
|
|
ref="locationMap"
|
|
|
:upload-params="{
|
|
@@ -23,7 +67,7 @@
|
|
|
placeholder="请上传地点定位图"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="租房合同" class="one-form-item form-required">
|
|
|
+ <el-form-item label="租房合同" class="form-required">
|
|
|
<cy-upload
|
|
|
ref="rentalContract"
|
|
|
:upload-params="{
|
|
@@ -35,7 +79,7 @@
|
|
|
placeholder="请上传租房合同"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="房费缴纳流水" class="one-form-item form-required">
|
|
|
+ <el-form-item label="房租缴纳流水" class="form-required">
|
|
|
<cy-upload
|
|
|
ref="waterElectricityFees"
|
|
|
:upload-params="{
|
|
@@ -44,10 +88,10 @@
|
|
|
:disabled="disabled"
|
|
|
:file-data="waterElectricityFees"
|
|
|
:upload-from-orange-status="true"
|
|
|
- placeholder="请上传房费缴纳流水"
|
|
|
+ placeholder="请上传房租缴纳流水"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="办公环境" class="one-form-item form-required">
|
|
|
+ <el-form-item label="办公环境图" class="form-required">
|
|
|
<cy-upload
|
|
|
ref="officeEnvironment"
|
|
|
:upload-params="{
|
|
@@ -56,12 +100,12 @@
|
|
|
:disabled="disabled"
|
|
|
:file-data="officeEnvironment"
|
|
|
:upload-from-orange-status="true"
|
|
|
- placeholder="请上传办公环境"
|
|
|
+ placeholder="请上传办公环境图"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
<template v-if="!hasGuaranteeEnterprise">
|
|
|
<cy-info-title type="center">公司相关信息</cy-info-title>
|
|
|
- <el-form-item label="营业执照" class="one-form-item form-required" prop="businessLicense">
|
|
|
+ <el-form-item label="营业执照" class="form-required" prop="businessLicense">
|
|
|
<cy-upload
|
|
|
ref="businessLicense"
|
|
|
:upload-params="{
|
|
@@ -73,7 +117,7 @@
|
|
|
placeholder="请上传营业执照"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="基本户信息" class="one-form-item form-required" prop="basicAccountInformation">
|
|
|
+ <el-form-item label="基本户信息" class="form-required" prop="basicAccountInformation">
|
|
|
<cy-upload
|
|
|
ref="basicAccountInformation"
|
|
|
:upload-params="{
|
|
@@ -85,7 +129,7 @@
|
|
|
placeholder="请上传基本户信息"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="公司章程和修正案" class="one-form-item form-required" prop="articlesAssociation">
|
|
|
+ <el-form-item label="公司章程和修正案" class="form-required" prop="articlesAssociation">
|
|
|
<cy-upload
|
|
|
ref="articlesAssociation"
|
|
|
:upload-params="{
|
|
@@ -97,7 +141,7 @@
|
|
|
placeholder="请上传公司章程和修正案"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="结案证明或判决书" class="one-form-item" prop="judgment">
|
|
|
+ <el-form-item label="结案证明或判决书" prop="judgment">
|
|
|
<cy-upload
|
|
|
ref="judgment"
|
|
|
:upload-params="{
|
|
@@ -111,36 +155,7 @@
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
</template>
|
|
|
- <cy-info-title type="center">征信相关情况</cy-info-title>
|
|
|
- <el-form-item style="width: 100%">
|
|
|
- <template slot="label">
|
|
|
- <span>个人征信</span>
|
|
|
- <span class="slot-name-desc">烦请本人线上查询个人征信,并填写我司邮箱作为央行等银行发送征信报告的指定邮箱operation@changan-inkasso.com</span>
|
|
|
- </template>
|
|
|
- <div v-if="!disabled" class="synchronization">
|
|
|
- <el-button type="text" @click="synchronizationClick">一键同步</el-button>
|
|
|
- </div>
|
|
|
- <cy-comm-table
|
|
|
- ref="commTable"
|
|
|
- style="margin-top: 10px; width: 100%"
|
|
|
- :columns="columns"
|
|
|
- :data="tableData"
|
|
|
- :count="0"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item style="width: 100%">
|
|
|
- <template slot="label">
|
|
|
- <span>企业征信查询授权书</span>
|
|
|
- <span class="slot-name-desc">必须已认证已签署才可提交</span>
|
|
|
- </template>
|
|
|
- <cy-comm-table
|
|
|
- name="enterprise"
|
|
|
- style="margin-top: 10px; width: 100%"
|
|
|
- :columns="enterpriseColumns"
|
|
|
- :data="enterpriseTableData"
|
|
|
- :count="0"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
+
|
|
|
</el-form>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -148,6 +163,7 @@
|
|
|
<script>
|
|
|
import { salesContractManagementGetAuthStatus, salesContractManagementSignType } from '@/api/myTrade/salesContractManagement/salesContractManagement'
|
|
|
import creditInvestigation from '../mixins/creditInvestigation'
|
|
|
+import { mapGetters } from 'vuex'
|
|
|
export default {
|
|
|
mixins: [creditInvestigation],
|
|
|
props: {
|
|
@@ -166,7 +182,6 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- testVal: '1111',
|
|
|
tableKey: 0,
|
|
|
ruleForm: {
|
|
|
businessAddress: '',
|
|
@@ -260,6 +275,13 @@ export default {
|
|
|
},
|
|
|
{
|
|
|
label: '认证状态',
|
|
|
+ headerAlign: 'center',
|
|
|
+ renderHeader: (h, row) => {
|
|
|
+ return <div>
|
|
|
+ <div>认证状态</div>
|
|
|
+ { !this.disabled && <div style='color:#FE7D0B'>(认证后请点击刷新)</div> }
|
|
|
+ </div>
|
|
|
+ },
|
|
|
showTooltip: true,
|
|
|
prop: 'authStatus',
|
|
|
render: (h, row) => {
|
|
@@ -276,6 +298,13 @@ export default {
|
|
|
},
|
|
|
{
|
|
|
label: '签署状态',
|
|
|
+ headerAlign: 'center',
|
|
|
+ renderHeader: (h, row) => {
|
|
|
+ return <div>
|
|
|
+ <div>签署状态</div>
|
|
|
+ {!this.disabled && <div style='color:#FE7D0B'>(签署后请点击刷新)</div>}
|
|
|
+ </div>
|
|
|
+ },
|
|
|
showTooltip: true,
|
|
|
prop: 'certificateSignStatus',
|
|
|
render: (h, row) => {
|
|
@@ -292,6 +321,9 @@ export default {
|
|
|
]
|
|
|
}
|
|
|
},
|
|
|
+ computed: {
|
|
|
+ ...mapGetters(['constant'])
|
|
|
+ },
|
|
|
watch: {
|
|
|
addInfo: {
|
|
|
handler(newV) {
|
|
@@ -330,6 +362,10 @@ export default {
|
|
|
deep: true
|
|
|
}
|
|
|
},
|
|
|
+
|
|
|
+ created() {
|
|
|
+ this.$store.dispatch('getConstant', ['regionList'])
|
|
|
+ },
|
|
|
methods: {
|
|
|
refreshAuthStatus(row) {
|
|
|
const { fddCustomerId } = row
|
|
@@ -407,11 +443,11 @@ export default {
|
|
|
return
|
|
|
}
|
|
|
if (!waterElectricityFees.length) {
|
|
|
- this.$message.warning('请上传房费缴纳流水')
|
|
|
+ this.$message.warning('请上传房租缴纳流水')
|
|
|
return
|
|
|
}
|
|
|
if (!officeEnvironment.length) {
|
|
|
- this.$message.warning('请上传办公环境')
|
|
|
+ this.$message.warning('请上传办公环境图')
|
|
|
return
|
|
|
}
|
|
|
|
|
@@ -464,9 +500,24 @@ export default {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
+ .sgin-box {
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
.icon-a-Group779, .icon-a-Group8131 {
|
|
|
margin-left: 10px;
|
|
|
font-size: 30px;
|
|
|
}
|
|
|
+ .address {
|
|
|
+ display: flex;
|
|
|
+ & > div {
|
|
|
+ &:first-child {
|
|
|
+ width: calc(33.5% - 20px);
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+ &:last-child {
|
|
|
+ width: 66.66%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|