|
|
@@ -8,14 +8,13 @@
|
|
|
@back="back"
|
|
|
>
|
|
|
<a-descriptions :title="info.customerName" :column="3" :bordered="false">
|
|
|
- <a-descriptions-item label="客户编号">{{ info.customerNo }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="提交材料日期">{{ info.submitSpecialDate }}</a-descriptions-item>
|
|
|
<a-descriptions-item label="服务号码">{{ info.smsNumber }}</a-descriptions-item>
|
|
|
- <a-descriptions-item label="用户编号">{{ info.userNo }}</a-descriptions-item>
|
|
|
- <a-descriptions-item label="入网时间">{{ info.networkAccessTime }}</a-descriptions-item>
|
|
|
- <a-descriptions-item label="用户状态" :span="2">{{ info.userState }}</a-descriptions-item>
|
|
|
- <a-descriptions-item label="员工姓名">{{ info.staffName }}</a-descriptions-item>
|
|
|
- <a-descriptions-item label="员工工号" :span="2">{{ info.staffNo }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="三级部门">{{ info.staffDeptLevel3 }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="负责人">{{ info.staffName }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="负责人工号" :span="2">{{ info.staffNo }}</a-descriptions-item>
|
|
|
</a-descriptions>
|
|
|
+
|
|
|
</a-page-header>
|
|
|
|
|
|
<a-form-model
|
|
|
@@ -24,7 +23,14 @@
|
|
|
:wrapper-col="wrapperCol"
|
|
|
:model="model"
|
|
|
>
|
|
|
- <a-card title="基础信息" :bordered="true">
|
|
|
+ <!-- 基础信息-->
|
|
|
+ <a-card :bordered="true">
|
|
|
+
|
|
|
+ <div slot="title">
|
|
|
+ 基础信息
|
|
|
+ <span v-show="specialResult.basicInfoState == '1'">✅</span>
|
|
|
+ <span v-show="specialResult.basicInfoState == '0'">❌</span>
|
|
|
+ </div>
|
|
|
<a-row>
|
|
|
<a-col :span="24">
|
|
|
<a-form-model-item label="用户类型" prop="userOpenState" v-bind="labelCol1">
|
|
|
@@ -97,14 +103,84 @@
|
|
|
</a-radio-group>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
+
|
|
|
+
|
|
|
+ <div>
|
|
|
+ <a-form-model-item label="稽核状态" prop="basicCheckState" v-bind="labelCol1">
|
|
|
+ <a-radio-group v-model="specialResult.basicInfoState">
|
|
|
+ <a-radio :value="0">未通过</a-radio>
|
|
|
+ <a-radio :value="1">通过</a-radio>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="稽核结果" prop="basicCheckNote" v-bind="labelCol1">
|
|
|
+ <a-textarea
|
|
|
+ v-model="specialResult.basicInfoNote"
|
|
|
+ placeholder="请输入稽核结果"
|
|
|
+ />
|
|
|
+ <!-- :auto-size="{ minRows: 3, maxRows: 5 }"-->
|
|
|
+ </a-form-model-item>
|
|
|
+ </div>
|
|
|
+
|
|
|
</a-card>
|
|
|
+ <!-- 系统实名制截图-->
|
|
|
+ <a-card :bordered="true">
|
|
|
+ <div slot="title">
|
|
|
+ 系统实名制截图
|
|
|
+ <span v-show="specialResult.nameFindComplianceState == '1'">✅</span>
|
|
|
+ <span v-show="specialResult.nameFindComplianceState == '0'">❌</span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="clearfix">
|
|
|
+ <a-upload
|
|
|
+ listType="picture-card"
|
|
|
+ :fileList="fileListNameFindCompliance"
|
|
|
+ :multiple="true"
|
|
|
+ @preview="handlePreview"
|
|
|
+ >
|
|
|
+ </a-upload>
|
|
|
+ <a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
|
|
|
+ <img alt="example" style="width: 100%" :src="previewImage"/>
|
|
|
+ </a-modal>
|
|
|
|
|
|
- <a-card title="身份证照片/正反面" :bordered="true">
|
|
|
+ <div v-if="fileListNameFindCompliance.length == 0">
|
|
|
+ <img style="width: 204px;height: 150px"
|
|
|
+ :src="noDataPng" border="1">
|
|
|
+ </div>
|
|
|
+ <!-- 备注-->
|
|
|
+ <li style="color: black">
|
|
|
+ 系统实名质截图备注:{{ nameFindComplianceRemark }}
|
|
|
+ </li>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div>
|
|
|
+ <a-form-model-item label="稽核状态" prop="basicCheckState" v-bind="labelCol1">
|
|
|
+ <a-radio-group v-model="specialResult.nameFindComplianceState">
|
|
|
+ <a-radio :value=0>未通过</a-radio>
|
|
|
+ <a-radio :value=1>通过</a-radio>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="稽核结果" prop="basicCheckNote" v-bind="labelCol1">
|
|
|
+ <a-textarea
|
|
|
+ v-model="specialResult.nameFindComplianceNote"
|
|
|
+ placeholder="请输入稽核结果"
|
|
|
+ />
|
|
|
+ <!-- :auto-size="{ minRows: 3, maxRows: 5 }"-->
|
|
|
+ </a-form-model-item>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </a-card>
|
|
|
+ <!-- 特审单-->
|
|
|
+ <a-card v-if="model.materialLabel == '0'" :bordered="true">
|
|
|
+ <div slot="title">
|
|
|
+ 特审单
|
|
|
+ <span v-show="specialResult.specialReviewFormState == '1'">✅</span>
|
|
|
+ <span v-show="specialResult.specialReviewFormState == '0'">❌</span>
|
|
|
+ </div>
|
|
|
|
|
|
<div class="clearfix">
|
|
|
<a-upload
|
|
|
listType="picture-card"
|
|
|
- :fileList="fileListIdCard"
|
|
|
+ :fileList="fileListSpecialReviewForm"
|
|
|
:multiple="true"
|
|
|
@preview="handlePreview"
|
|
|
>
|
|
|
@@ -114,26 +190,124 @@
|
|
|
<img alt="example" style="width: 100%" :src="previewImage"/>
|
|
|
</a-modal>
|
|
|
|
|
|
+ <div v-if="fileListSpecialReviewForm.length == 0">
|
|
|
+ <img style="width: 204px;height: 150px"
|
|
|
+ :src="noDataPng" border="1">
|
|
|
+ </div>
|
|
|
+
|
|
|
</div>
|
|
|
- </a-card>
|
|
|
|
|
|
+ <div>
|
|
|
+ <a-form-model-item label="稽核状态" prop="basicCheckState" v-bind="labelCol1">
|
|
|
+ <a-radio-group v-model="specialResult.specialReviewFormState">
|
|
|
+ <a-radio :value="0">未通过</a-radio>
|
|
|
+ <a-radio :value="1">通过</a-radio>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="稽核结果" prop="basicCheckNote" v-bind="labelCol1">
|
|
|
+ <a-textarea
|
|
|
+ v-model="specialResult.specialReviewFormNote"
|
|
|
+ placeholder="请输入稽核结果"
|
|
|
+ />
|
|
|
+ <!-- :auto-size="{ minRows: 3, maxRows: 5 }"-->
|
|
|
+ </a-form-model-item>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </a-card>
|
|
|
|
|
|
- <a-card title="手持证件半身照片" :bordered="true">
|
|
|
+ <!-- 身份证照片/正反面-->
|
|
|
+ <a-card :bordered="true">
|
|
|
+ <div slot="title">
|
|
|
+ 身份证照片/正反面
|
|
|
+ <span v-show="specialResult.idCardState == '1'">✅</span>
|
|
|
+ <span v-show="specialResult.idCardState == '0'">❌</span>
|
|
|
+ </div>
|
|
|
|
|
|
<div class="clearfix">
|
|
|
<a-upload
|
|
|
listType="picture-card"
|
|
|
- :fileList="fileListHandCertificate"
|
|
|
+ :fileList="fileListIdCard"
|
|
|
:multiple="true"
|
|
|
@preview="handlePreview"
|
|
|
>
|
|
|
</a-upload>
|
|
|
+
|
|
|
+ <a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
|
|
|
+ <img alt="example" style="width: 100%" :src="previewImage"/>
|
|
|
+ </a-modal>
|
|
|
+
|
|
|
+ <div v-if="fileListIdCard.length == 0">
|
|
|
+ <img style="width: 204px;height: 150px"
|
|
|
+ :src="noDataPng" border="1">
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div>
|
|
|
+ <a-form-model-item label="稽核状态" prop="basicCheckState" v-bind="labelCol1">
|
|
|
+ <a-radio-group v-model="specialResult.idCardState">
|
|
|
+ <a-radio :value="0">未通过</a-radio>
|
|
|
+ <a-radio :value="1">通过</a-radio>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="稽核结果" prop="basicCheckNote" v-bind="labelCol1">
|
|
|
+ <a-textarea
|
|
|
+ v-model="specialResult.idCardNote"
|
|
|
+ placeholder="请输入稽核结果"
|
|
|
+ />
|
|
|
+ <!-- :auto-size="{ minRows: 3, maxRows: 5 }"-->
|
|
|
+ </a-form-model-item>
|
|
|
</div>
|
|
|
+
|
|
|
</a-card>
|
|
|
+ <!-- 手持证件半身照片-->
|
|
|
+ <a-card :bordered="true">
|
|
|
+
|
|
|
+ <div slot="title">
|
|
|
+ 手持证件半身照片
|
|
|
+ <span v-show="specialResult.handCertificateState == '1'">✅</span>
|
|
|
+ <span v-show="specialResult.handCertificateState == '0'">❌</span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="clearfix">
|
|
|
+ <a-upload
|
|
|
+ listType="picture-card"
|
|
|
+ :fileList="fileListHandCertificate"
|
|
|
+ :multiple="true"
|
|
|
+ @preview="handlePreview"
|
|
|
+ >
|
|
|
+ </a-upload>
|
|
|
+ <div v-if="fileListHandCertificate.length == 0">
|
|
|
+ <img style="width: 204px;height: 150px"
|
|
|
+ :src="noDataPng" border="1">
|
|
|
+ </div>
|
|
|
|
|
|
+ </div>
|
|
|
|
|
|
- <a-card v-if="model.userLable == '0'" title="号卡照片" :bordered="true">
|
|
|
+ <div>
|
|
|
+ <a-form-model-item label="稽核状态" prop="basicCheckState" v-bind="labelCol1">
|
|
|
+ <a-radio-group v-model="specialResult.handCertificateState">
|
|
|
+ <a-radio :value="0">未通过</a-radio>
|
|
|
+ <a-radio :value="1">通过</a-radio>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="稽核结果" prop="basicCheckNote" v-bind="labelCol1">
|
|
|
+ <a-textarea
|
|
|
+ v-model="specialResult.handCertificateNote"
|
|
|
+ placeholder="请输入稽核结果"
|
|
|
+ />
|
|
|
+ <!-- :auto-size="{ minRows: 3, maxRows: 5 }"-->
|
|
|
+ </a-form-model-item>
|
|
|
+ </div>
|
|
|
|
|
|
+ </a-card>
|
|
|
+ <!-- 号卡照片-->
|
|
|
+ <a-card v-if="model.userLable == '0'" :bordered="true">
|
|
|
+ <div slot="title">
|
|
|
+ 号卡照片
|
|
|
+ <span v-show="specialResult.numberCardState == '1'">✅</span>
|
|
|
+ <span v-show="specialResult.numberCardState == '0'">❌</span>
|
|
|
+ </div>
|
|
|
<div class="clearfix">
|
|
|
<a-upload
|
|
|
listType="picture-card"
|
|
|
@@ -142,15 +316,38 @@
|
|
|
@preview="handlePreview"
|
|
|
>
|
|
|
</a-upload>
|
|
|
+ <div v-if="fileListNumberCard.length == 0">
|
|
|
+ <img style="width: 204px;height: 150px"
|
|
|
+ :src="noDataPng" border="1">
|
|
|
+ </div>
|
|
|
<a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
|
|
|
<img alt="example" style="width: 100%" :src="previewImage"/>
|
|
|
</a-modal>
|
|
|
+ </div>
|
|
|
|
|
|
+ <div>
|
|
|
+ <a-form-model-item label="稽核状态" prop="basicCheckState" v-bind="labelCol1">
|
|
|
+ <a-radio-group v-model="specialResult.numberCardState">
|
|
|
+ <a-radio :value="0">未通过</a-radio>
|
|
|
+ <a-radio :value="1">通过</a-radio>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="稽核结果" prop="basicCheckNote" v-bind="labelCol1">
|
|
|
+ <a-textarea
|
|
|
+ v-model="specialResult.numberCardNote"
|
|
|
+ placeholder="请输入稽核结果"
|
|
|
+ />
|
|
|
+ <!-- :auto-size="{ minRows: 3, maxRows: 5 }"-->
|
|
|
+ </a-form-model-item>
|
|
|
</div>
|
|
|
</a-card>
|
|
|
-
|
|
|
-
|
|
|
- <a-card v-if="model.userLable == '1'" title="使用人证件" :bordered="true">
|
|
|
+ <!-- 使用人证件-->
|
|
|
+ <a-card v-if="model.userLable == '1'" :bordered="true">
|
|
|
+ <div slot="title">
|
|
|
+ 使用人证件
|
|
|
+ <span v-show="specialResult.userCertificateState == '1'">✅</span>
|
|
|
+ <span v-show="specialResult.userCertificateState == '0'">❌</span>
|
|
|
+ </div>
|
|
|
<div class="clearfix">
|
|
|
<a-upload
|
|
|
listType="picture-card"
|
|
|
@@ -159,15 +356,40 @@
|
|
|
@preview="handlePreview"
|
|
|
>
|
|
|
</a-upload>
|
|
|
+ <div v-if="fileListUserCertificate.length == 0">
|
|
|
+ <img style="width: 204px;height: 150px"
|
|
|
+ :src="noDataPng" border="1">
|
|
|
+ </div>
|
|
|
|
|
|
<a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
|
|
|
<img alt="example" style="width: 100%" :src="previewImage"/>
|
|
|
</a-modal>
|
|
|
|
|
|
</div>
|
|
|
+ <div>
|
|
|
+ <a-form-model-item label="稽核状态" prop="basicCheckState" v-bind="labelCol1">
|
|
|
+ <a-radio-group v-model="specialResult.userCertificateState">
|
|
|
+ <a-radio :value="0">未通过</a-radio>
|
|
|
+ <a-radio :value="1">通过</a-radio>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="稽核结果" prop="basicCheckNote" v-bind="labelCol1">
|
|
|
+ <a-textarea
|
|
|
+ v-model="specialResult.userCertificateNote"
|
|
|
+ placeholder="请输入稽核结果"
|
|
|
+ />
|
|
|
+ <!-- :auto-size="{ minRows: 3, maxRows: 5 }"-->
|
|
|
+ </a-form-model-item>
|
|
|
+ </div>
|
|
|
</a-card>
|
|
|
+ <!-- 营业执照副本(盖公章)-->
|
|
|
+ <a-card v-if="model.userLable == '1'" :bordered="true">
|
|
|
|
|
|
- <a-card v-if="model.userLable == '1'" title="营业执照副本(盖公章)" :bordered="true">
|
|
|
+ <div slot="title">
|
|
|
+ 营业执照副本(盖公章)
|
|
|
+ <span v-show="specialResult.businessLicenseState == '1'">✅</span>
|
|
|
+ <span v-show="specialResult.businessLicenseState == '0'">❌</span>
|
|
|
+ </div>
|
|
|
<div class="clearfix">
|
|
|
<a-upload
|
|
|
listType="picture-card"
|
|
|
@@ -182,11 +404,35 @@
|
|
|
<a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
|
|
|
<img alt="example" style="width: 100%" :src="previewImage"/>
|
|
|
</a-modal>
|
|
|
+ <div v-if="fileListBusiness.length == 0">
|
|
|
+ <img style="width: 204px;height: 150px"
|
|
|
+ :src="noDataPng" border="1">
|
|
|
+ </div>
|
|
|
|
|
|
</div>
|
|
|
+ <div>
|
|
|
+ <a-form-model-item label="稽核状态" prop="basicCheckState" v-bind="labelCol1">
|
|
|
+ <a-radio-group v-model="specialResult.businessLicenseState">
|
|
|
+ <a-radio :value="0">未通过</a-radio>
|
|
|
+ <a-radio :value="1">通过</a-radio>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="稽核结果" prop="basicCheckNote" v-bind="labelCol1">
|
|
|
+ <a-textarea
|
|
|
+ v-model="specialResult.businessLicenseNote"
|
|
|
+ placeholder="请输入稽核结果"
|
|
|
+ />
|
|
|
+ <!-- :auto-size="{ minRows: 3, maxRows: 5 }"-->
|
|
|
+ </a-form-model-item>
|
|
|
+ </div>
|
|
|
</a-card>
|
|
|
-
|
|
|
- <a-card v-if="model.userLable == '1'" title="介绍信" :bordered="true">
|
|
|
+ <!-- 介绍信-->
|
|
|
+ <a-card v-if="model.userLable == '1'" :bordered="true">
|
|
|
+ <div slot="title">
|
|
|
+ 介绍信
|
|
|
+ <span v-show="specialResult.letterIntroductionState == '1'">✅</span>
|
|
|
+ <span v-show="specialResult.letterIntroductionState == '0'">❌</span>
|
|
|
+ </div>
|
|
|
<div class="clearfix">
|
|
|
<a-upload
|
|
|
listType="picture-card"
|
|
|
@@ -200,13 +446,36 @@
|
|
|
<a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
|
|
|
<img alt="example" style="width: 100%" :src="previewImage"/>
|
|
|
</a-modal>
|
|
|
+ <div v-if="fileListIntroduction.length == 0">
|
|
|
+ <img style="width: 204px;height: 150px"
|
|
|
+ :src="noDataPng" border="1">
|
|
|
+ </div>
|
|
|
|
|
|
</div>
|
|
|
- </a-card>
|
|
|
-
|
|
|
-
|
|
|
- <a-card title="防诈骗承诺涵(使用人签署)" :bordered="true">
|
|
|
|
|
|
+ <div>
|
|
|
+ <a-form-model-item label="稽核状态" prop="basicCheckState" v-bind="labelCol1">
|
|
|
+ <a-radio-group v-model="specialResult.letterIntroductionState">
|
|
|
+ <a-radio :value="0">未通过</a-radio>
|
|
|
+ <a-radio :value="1">通过</a-radio>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="稽核结果" prop="basicCheckNote" v-bind="labelCol1">
|
|
|
+ <a-textarea
|
|
|
+ v-model="specialResult.letterIntroductionNote"
|
|
|
+ placeholder="请输入稽核结果"
|
|
|
+ />
|
|
|
+ <!-- :auto-size="{ minRows: 3, maxRows: 5 }"-->
|
|
|
+ </a-form-model-item>
|
|
|
+ </div>
|
|
|
+ </a-card>
|
|
|
+ <!-- 防诈骗承诺涵(使用人签署)-->
|
|
|
+ <a-card :bordered="true">
|
|
|
+ <div slot="title">
|
|
|
+ 防诈骗承诺涵(使用人签署)
|
|
|
+ <span v-show="specialResult.fraudPreventionState == '1'">✅</span>
|
|
|
+ <span v-show="specialResult.fraudPreventionState == '0'">❌</span>
|
|
|
+ </div>
|
|
|
<div class="clearfix">
|
|
|
<a-upload
|
|
|
listType="picture-card"
|
|
|
@@ -214,17 +483,41 @@
|
|
|
:multiple="true"
|
|
|
@preview="handlePreview"
|
|
|
>
|
|
|
-
|
|
|
</a-upload>
|
|
|
|
|
|
<a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
|
|
|
<img alt="example" style="width: 100%" :src="previewImage"/>
|
|
|
</a-modal>
|
|
|
+ <div v-if="fileListLetter.length == 0">
|
|
|
+ <img style="width: 204px;height: 150px"
|
|
|
+ :src="noDataPng" border="1">
|
|
|
+ </div>
|
|
|
|
|
|
</div>
|
|
|
- </a-card>
|
|
|
|
|
|
- <a-card v-if="model.shutdownLabel == '0'" title="消费凭证" :bordered="true">
|
|
|
+ <div>
|
|
|
+ <a-form-model-item label="稽核状态" prop="basicCheckState" v-bind="labelCol1">
|
|
|
+ <a-radio-group v-model="specialResult.fraudPreventionState">
|
|
|
+ <a-radio :value=0>未通过</a-radio>
|
|
|
+ <a-radio :value=1>通过</a-radio>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="稽核结果" prop="basicCheckNote" v-bind="labelCol1">
|
|
|
+ <a-textarea
|
|
|
+ v-model="specialResult.fraudPreventionNote"
|
|
|
+ placeholder="请输入稽核结果"
|
|
|
+ />
|
|
|
+ <!-- :auto-size="{ minRows: 3, maxRows: 5 }"-->
|
|
|
+ </a-form-model-item>
|
|
|
+ </div>
|
|
|
+ </a-card>
|
|
|
+ <!-- 消费凭证-->
|
|
|
+ <a-card v-if="model.shutdownLabel == '0'" :bordered="true">
|
|
|
+ <div slot="title">
|
|
|
+ 消费凭证
|
|
|
+ <span v-show="specialResult.consumptionVoucherState == '1'">✅</span>
|
|
|
+ <span v-show="specialResult.consumptionVoucherState == '0'">❌</span>
|
|
|
+ </div>
|
|
|
<div class="clearfix">
|
|
|
<a-upload
|
|
|
listType="picture-card"
|
|
|
@@ -232,17 +525,42 @@
|
|
|
:multiple="true"
|
|
|
@preview="handlePreview"
|
|
|
>
|
|
|
-
|
|
|
</a-upload>
|
|
|
<a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
|
|
|
<img alt="example" style="width: 100%" :src="previewImage"/>
|
|
|
</a-modal>
|
|
|
+ <div v-if="fileListVoucher.length == 0">
|
|
|
+ <img style="width: 204px;height: 150px"
|
|
|
+ :src="noDataPng" border="1">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
|
|
|
+ <div>
|
|
|
+ <a-form-model-item label="稽核状态" prop="basicCheckState" v-bind="labelCol1">
|
|
|
+ <a-radio-group v-model="specialResult.consumptionVoucherState">
|
|
|
+ <a-radio :value="0">未通过</a-radio>
|
|
|
+ <a-radio :value="1">通过</a-radio>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="稽核结果" prop="basicCheckNote" v-bind="labelCol1">
|
|
|
+ <a-textarea
|
|
|
+ v-model="specialResult.consumptionVoucherNote"
|
|
|
+ placeholder="请输入稽核结果"
|
|
|
+ />
|
|
|
+ <!-- :auto-size="{ minRows: 3, maxRows: 5 }"-->
|
|
|
+ </a-form-model-item>
|
|
|
</div>
|
|
|
- </a-card>
|
|
|
|
|
|
+ </a-card>
|
|
|
|
|
|
- <a-card v-if="model.shutdownLabel == '5'" title="承诺视频" :bordered="true">
|
|
|
+ <!-- 承诺视频-->
|
|
|
+ <a-card v-if="model.shutdownLabel == '5'" :bordered="true">
|
|
|
+ <div slot="title">
|
|
|
+ 承诺视频
|
|
|
+ <span v-show="specialResult.commitmentVideoState == '1'">✅</span>
|
|
|
+ <span v-show="specialResult.commitmentVideoState == '0'">❌</span>
|
|
|
+ </div>
|
|
|
<div class="clearfix">
|
|
|
<a-upload
|
|
|
listType="picture-card"
|
|
|
@@ -265,21 +583,28 @@
|
|
|
class="video-box"
|
|
|
style="width: 470px;height:330px"
|
|
|
></video>
|
|
|
-
|
|
|
</a-modal>
|
|
|
|
|
|
-
|
|
|
+ <div v-if="fileListVideo.length == 0">
|
|
|
+ <img style="width: 204px;height: 150px"
|
|
|
+ :src="noDataPng" border="1">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <a-form-model-item label="稽核状态" prop="basicCheckState" v-bind="labelCol1">
|
|
|
+ <a-radio-group v-model="specialResult.commitmentVideoState">
|
|
|
+ <a-radio :value="0">未通过</a-radio>
|
|
|
+ <a-radio :value="1">通过</a-radio>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="稽核结果" prop="basicCheckNote" v-bind="labelCol1">
|
|
|
+ <a-textarea
|
|
|
+ v-model="specialResult.commitmentVideoNote"
|
|
|
+ placeholder="请输入稽核结果"
|
|
|
+ />
|
|
|
+ <!-- :auto-size="{ minRows: 3, maxRows: 5 }"-->
|
|
|
+ </a-form-model-item>
|
|
|
</div>
|
|
|
- </a-card>
|
|
|
-
|
|
|
- <a-card :bordered="true">
|
|
|
- <a-form-model-item label="稽核结果" prop="basicCheckNote">
|
|
|
- <a-textarea
|
|
|
- v-model="specialNote"
|
|
|
- placeholder="请输入合同内容的稽核结果"
|
|
|
- />
|
|
|
- <!-- :auto-size="{ minRows: 3, maxRows: 5 }"-->
|
|
|
- </a-form-model-item>
|
|
|
</a-card>
|
|
|
|
|
|
|
|
|
@@ -291,29 +616,15 @@
|
|
|
:wrapper-col="wrapperCol"
|
|
|
:model="model"
|
|
|
>
|
|
|
- <a-form-model-item style="margin-top: 10px;">
|
|
|
- <a-col :span="8">
|
|
|
- </a-col>
|
|
|
- <a-col :span="6">
|
|
|
-
|
|
|
- <a-button style="width: 100px" type="vertical" @click="rejectSpecial">
|
|
|
- 驳回
|
|
|
- </a-button>
|
|
|
+ <a-form-model-item style="margin-top: 30px;">
|
|
|
+ <a-col :span="11">
|
|
|
</a-col>
|
|
|
<a-col :span="6">
|
|
|
- <a-button style="width: 100px" type="primary" @click="adoptSpecial">
|
|
|
- 通过
|
|
|
- </a-button>
|
|
|
- <a-modal v-model:visible="adoptVisible" title="设置复开时间" @ok="adoptOk">
|
|
|
- <a-form-item :wrapper-col="{ span: 14, offset: 2}">
|
|
|
- <span>复开时间:</span>
|
|
|
- <a-date-picker valueFormat="YYYY-MM-DD HH:mm:ss" v-model="reopenTime" show-time placeholder="请选择复开时间"/>
|
|
|
- </a-form-item>
|
|
|
- </a-modal>
|
|
|
|
|
|
+ <a-col :span="6">
|
|
|
+ <a-button style="width: 100px" type="primary" @click="submitSpecial">提交稽核</a-button>
|
|
|
+ </a-col>
|
|
|
</a-col>
|
|
|
-
|
|
|
-
|
|
|
</a-form-model-item>
|
|
|
|
|
|
|
|
|
@@ -326,17 +637,20 @@
|
|
|
|
|
|
<script>
|
|
|
import '@/assets/less/TableExpand.less'
|
|
|
-import {mixinDevice} from '@/utils/mixin'
|
|
|
-import {JeecgListMixin} from '@/mixins/JeecgListMixin'
|
|
|
-import {postAction, deleteAction, httpAction, getAction} from "@api/manage";
|
|
|
-
|
|
|
+import {httpAction, getAction, postAction} from '@api/manage'
|
|
|
import {message} from 'ant-design-vue'
|
|
|
+import {JeecgListMixin} from "@/mixins/JeecgListMixin";
|
|
|
+/*无数据图片*/
|
|
|
+import noDataPng from '@/assets/nodata.png'
|
|
|
|
|
|
+let Base64 = require('js-base64').Base64
|
|
|
export default {
|
|
|
- name: "Details",
|
|
|
+ mixins: [JeecgListMixin],
|
|
|
inject: ['closeCurrent'],
|
|
|
data() {
|
|
|
return {
|
|
|
+ noDataPng: noDataPng,
|
|
|
+ dataId: "",
|
|
|
description: '详情页面',
|
|
|
specialNote: "",
|
|
|
model: {
|
|
|
@@ -345,6 +659,51 @@ export default {
|
|
|
"userLable": "0",
|
|
|
"openingNumber": ""
|
|
|
},
|
|
|
+ //结果
|
|
|
+ specialResult: {
|
|
|
+ //基础信息
|
|
|
+ basicInfoState: null,
|
|
|
+ basicInfoNote: "",
|
|
|
+ //系统实名截图
|
|
|
+ nameFindComplianceState: null,
|
|
|
+ nameFindComplianceNote: "",
|
|
|
+ //特审单
|
|
|
+ specialReviewFormState: null,
|
|
|
+ specialReviewFormNote: "",
|
|
|
+ //身份证照片/正反面
|
|
|
+ idCardState: null,
|
|
|
+ idCardNote: "",
|
|
|
+ //手持证件半身照片
|
|
|
+ handCertificateState: null,
|
|
|
+ handCertificateNote: "",
|
|
|
+ //号卡照片
|
|
|
+ numberCardState: null,
|
|
|
+ numberCardNote: "",
|
|
|
+ //使用人证件
|
|
|
+ userCertificateState: null,
|
|
|
+ userCertificateNote: "",
|
|
|
+ //营业执照
|
|
|
+ businessLicenseState: null,
|
|
|
+ businessLicenseNote: "",
|
|
|
+ //介绍信
|
|
|
+ letterIntroductionState: null,
|
|
|
+ letterIntroductionNote: "",
|
|
|
+ //防诈骗承诺函
|
|
|
+ fraudPreventionState: null,
|
|
|
+ fraudPreventionNote: "",
|
|
|
+ //消费凭证
|
|
|
+ consumptionVoucherState: null,
|
|
|
+ consumptionVoucherNote: "",
|
|
|
+ //承诺视频
|
|
|
+ commitmentVideoState: null,
|
|
|
+ commitmentVideoNote: "",
|
|
|
+ },
|
|
|
+ //系统实名制截图
|
|
|
+ fileListNameFindCompliance: [],
|
|
|
+ //系统实名制截图备注
|
|
|
+ nameFindComplianceRemark: "",
|
|
|
+ //特审单
|
|
|
+ fileListSpecialReviewForm: [],
|
|
|
//身份证正反面
|
|
|
fileListIdCard: [],
|
|
|
//手持证件照片
|
|
|
@@ -371,7 +730,6 @@ export default {
|
|
|
adoptVisible: false,
|
|
|
reopenTime: "",
|
|
|
|
|
|
-
|
|
|
tipsMessage: "",
|
|
|
tipType: "",
|
|
|
|
|
|
@@ -399,55 +757,82 @@ export default {
|
|
|
sm: {span: 18},
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
- info: {},
|
|
|
-
|
|
|
+ info: {
|
|
|
+ dataId: "",
|
|
|
+ },
|
|
|
url: {
|
|
|
findById: "/special/examination/find/id",
|
|
|
adopt: "/special/examination/status/adopt",
|
|
|
queryInfo: "/smsCheck/customerInfo/queryById",
|
|
|
+ submitSpecial: "/special/examination/check/info",
|
|
|
+ //list:"",
|
|
|
},
|
|
|
-
|
|
|
result: {},
|
|
|
|
|
|
}
|
|
|
},
|
|
|
- props: {
|
|
|
- poster: {
|
|
|
- type: String,
|
|
|
- required: false,
|
|
|
- default: ""
|
|
|
- },
|
|
|
- src: {
|
|
|
- type: String,
|
|
|
- required: true
|
|
|
- },
|
|
|
- controls: {
|
|
|
- type: Boolean,
|
|
|
- required: false,
|
|
|
- default: true
|
|
|
- },
|
|
|
- control: {
|
|
|
- type: Boolean,
|
|
|
- required: false,
|
|
|
- default: false
|
|
|
- },
|
|
|
- videoData: {
|
|
|
- type: Object,
|
|
|
- required: true
|
|
|
- }
|
|
|
- },
|
|
|
created() {
|
|
|
this.info.id = this.$route.query.id;
|
|
|
this.queryInfoById(this.info.id);
|
|
|
-
|
|
|
},
|
|
|
mounted() {
|
|
|
this.findById(this.info.id)
|
|
|
-
|
|
|
},
|
|
|
-
|
|
|
methods: {
|
|
|
+ /**提交稽核*/
|
|
|
+ submitSpecial() {
|
|
|
+ let that = this
|
|
|
+ let specialResult = that.specialResult;
|
|
|
+ let materialLabel = that.model.materialLabel;
|
|
|
+ let userLable = that.model.userLable;
|
|
|
+ //有特审
|
|
|
+ if (materialLabel == '0') {
|
|
|
+ if (specialResult.specialReviewFormState == null) {
|
|
|
+ that.$message.warn("请完成相关稽核");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //必稽核项
|
|
|
+ if (specialResult.basicInfoState == null || specialResult.nameFindComplianceState == null
|
|
|
+ || specialResult.idCardState == null || specialResult.handCertificateState == null ||
|
|
|
+ specialResult.fraudPreventionState == null) {
|
|
|
+ that.$message.warn("请完成相关稽核");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (userLable == '0') {
|
|
|
+ if (specialResult.numberCardState == null) {
|
|
|
+ that.$message.warn("请完成相关稽核");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (userLable == '1') {
|
|
|
+ if (specialResult.userCertificateState == null || specialResult.businessLicenseState == null
|
|
|
+ || specialResult.letterIntroductionState) {
|
|
|
+ that.$message.warn("请完成相关稽核");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (userLable == '5') {
|
|
|
+ if (specialResult.commitmentVideoState == null) {
|
|
|
+ that.$message.warn("请完成相关稽核");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ let SpecialParams = {}
|
|
|
+ SpecialParams = that.specialResult
|
|
|
+ SpecialParams['dataId'] = that.dataId
|
|
|
+ SpecialParams['infoId'] = that.info.id
|
|
|
+ postAction(that.url.submitSpecial, SpecialParams).then(res => {
|
|
|
+ if (res.success) {
|
|
|
+ this.$message.success("稽核完成");
|
|
|
+ this.$router.go(-1);
|
|
|
+ this.closeCurrent();
|
|
|
+ }
|
|
|
+ }).finally(() => {
|
|
|
+
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
/**获取客户信息*/
|
|
|
queryInfoById(id) {
|
|
|
let url = this.url.queryInfo;
|
|
|
@@ -460,7 +845,7 @@ export default {
|
|
|
that.info = res.result
|
|
|
//当前状态
|
|
|
let checkState = that.info.checkState;
|
|
|
- that.info.statusFilter = this.statusFilter(checkState);
|
|
|
+ //that.info.statusFilter = this.statusFilter(checkState);
|
|
|
|
|
|
}
|
|
|
}).finally(() => {
|
|
|
@@ -482,7 +867,7 @@ export default {
|
|
|
let model = {
|
|
|
"infoId": this.info.id,
|
|
|
reopenTime: this.reopenTime,
|
|
|
- status:5
|
|
|
+ status: 5
|
|
|
}
|
|
|
postAction(this.url.adopt, model)
|
|
|
.then((res) => {
|
|
|
@@ -507,7 +892,7 @@ export default {
|
|
|
let model = {
|
|
|
"infoId": this.info.id,
|
|
|
specialNote: this.specialNote,
|
|
|
- status:4
|
|
|
+ status: 4
|
|
|
}
|
|
|
postAction(this.url.adopt, model)
|
|
|
.then((res) => {
|
|
|
@@ -622,6 +1007,7 @@ export default {
|
|
|
},
|
|
|
|
|
|
findById(id) {
|
|
|
+ let that = this;
|
|
|
let model = {
|
|
|
"infoId": id,
|
|
|
}
|
|
|
@@ -629,16 +1015,19 @@ export default {
|
|
|
.then((res) => {
|
|
|
if (res.success) {
|
|
|
this.result = res.result;
|
|
|
+ that.dataId = this.result.id;
|
|
|
this.model.userLable = this.result.userLable.toString();
|
|
|
this.model.openingNumber = this.result.openingNumber;
|
|
|
this.model.customerName = this.result.customerName;
|
|
|
this.model.unitName = this.result.unitName;
|
|
|
this.model.shutdownTime = this.result.shutdownTime
|
|
|
- this.model.reasonReopening = this.result.reasonReopening
|
|
|
+ this.model.reasonReopening = this.result.reasonReopening == null ? '无' : this.result.reasonReopening
|
|
|
this.model.materialLabel = this.result.materialLabel.toString();
|
|
|
this.model.shutdownLabel = this.result.shutdownLabel.toString();
|
|
|
this.specialNote = this.result.specialNote;
|
|
|
this.model.status = this.result.status;
|
|
|
+ //系统实名质截图备注
|
|
|
+ that.nameFindComplianceRemark = this.result.nameFindComplianceRemark;
|
|
|
if (this.model.status == 1) {
|
|
|
this.tipType = "success"
|
|
|
this.tipsMessage = "审批通过 复开时间:"
|
|
|
@@ -751,7 +1140,6 @@ export default {
|
|
|
this.fileListVoucher.push(data)
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
if (this.result.commitmentVideo != null) {
|
|
|
let commitmentVideo = this.result.commitmentVideo.split(",");
|
|
|
for (var i in commitmentVideo) {
|
|
|
@@ -765,6 +1153,33 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+ if (this.result.nameFindCompliance != null) {
|
|
|
+ let nameFindCompliance = this.result.nameFindCompliance.split(",");
|
|
|
+ for (var i in nameFindCompliance) {
|
|
|
+ let data = {
|
|
|
+ uid: "-" + i,
|
|
|
+ name: 'image.png',
|
|
|
+ status: 'done',
|
|
|
+ url: nameFindCompliance[i],
|
|
|
+ }
|
|
|
+ this.fileListNameFindCompliance.push(data)
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ if (this.result.specialReviewForm != null) {
|
|
|
+ let specialReviewForm = this.result.specialReviewForm.split(",");
|
|
|
+ for (var i in specialReviewForm) {
|
|
|
+ let data = {
|
|
|
+ uid: "-" + i,
|
|
|
+ name: 'image.png',
|
|
|
+ status: 'done',
|
|
|
+ url: specialReviewForm[i],
|
|
|
+ }
|
|
|
+ this.fileListSpecialReviewForm.push(data)
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
|
|
|
} else {
|
|
|
this.$message.error("查询失败");
|
|
|
@@ -772,7 +1187,6 @@ export default {
|
|
|
}).finally(() => {
|
|
|
|
|
|
})
|
|
|
-
|
|
|
},
|
|
|
|
|
|
//点击关闭图片预览
|