|
|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<!-- 客户资料详情-->
|
|
|
- <a-modal class="custom-detail"
|
|
|
+ <a-modal class="add-custom custom-detail"
|
|
|
title="客户资料详情"
|
|
|
v-model:visible="visible"
|
|
|
@cancel="cancel"
|
|
|
@@ -9,8 +9,126 @@
|
|
|
<a-button key="submit"
|
|
|
type="primary"
|
|
|
:loading="loading"
|
|
|
- @click="submit">完成</a-button>
|
|
|
+ @click="submit">关闭</a-button>
|
|
|
</template>
|
|
|
+ <a-form class="inlineForm" :form="form" @submit="handleSearch">
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col
|
|
|
+ :span="12"
|
|
|
+ >
|
|
|
+ <a-form-item label="客户类型" >
|
|
|
+ <span class="white">企业</span>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col
|
|
|
+ :span="12"
|
|
|
+ >
|
|
|
+ <a-form-item label="企业名称">
|
|
|
+ <span class="white">深圳市前海矿业有限公司</span>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col
|
|
|
+ :span="12"
|
|
|
+ >
|
|
|
+ <a-form-item label="企业简称">
|
|
|
+ <span class="white">前海矿业</span>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col
|
|
|
+ :span="12"
|
|
|
+ >
|
|
|
+ <a-form-item label="证件类型">
|
|
|
+ <span class="white">营业执照</span>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col
|
|
|
+ :span="12"
|
|
|
+ >
|
|
|
+ <a-form-item label="法定代表人">
|
|
|
+ <span class="white">李顺利</span>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col
|
|
|
+ :span="12"
|
|
|
+ >
|
|
|
+ <a-form-item label="证件号码">
|
|
|
+ <span class="white">4328648236492432</span>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col
|
|
|
+ :span="12"
|
|
|
+ >
|
|
|
+ <a-form-item label="纳税人识别号">
|
|
|
+ <span class="white">57465736DR46456</span>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col
|
|
|
+ :span="12"
|
|
|
+ >
|
|
|
+ <a-form-item label="营业执照">
|
|
|
+ <div class="upload">
|
|
|
+ <a class="blue">查看附件</a>
|
|
|
+ </div>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col
|
|
|
+ :span="12"
|
|
|
+ >
|
|
|
+ <a-form-item label="联系人">
|
|
|
+ <span class="white">王平</span>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col
|
|
|
+ :span="12"
|
|
|
+ >
|
|
|
+ <a-form-item label="联系人手机号">
|
|
|
+ <span class="white">13745653421</span>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col
|
|
|
+ :span="12"
|
|
|
+ >
|
|
|
+ <a-form-item label="联系电话">
|
|
|
+ <span class="white">0755-34342544</span>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col
|
|
|
+ :span="12"
|
|
|
+ >
|
|
|
+ <a-form-item label="状态">
|
|
|
+ <span class="green">正常</span>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col
|
|
|
+ :span="24"
|
|
|
+ >
|
|
|
+ <a-form-item label="通讯地址">
|
|
|
+ <span class="white">广东省深圳市南山区前海街道路平路1324号</span>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col
|
|
|
+ :span="24"
|
|
|
+ >
|
|
|
+ <a-form-item label="备注">
|
|
|
+ <span class="white">深圳市前海矿业有限公司</span>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ </a-form>
|
|
|
</a-modal>
|
|
|
</template>
|
|
|
|
|
|
@@ -43,5 +161,18 @@ export default defineComponent({
|
|
|
|
|
|
<style lang="less">
|
|
|
.custom-detail {
|
|
|
+
|
|
|
+}
|
|
|
+.ant-form.inlineForm {
|
|
|
+ margin-top: 20px;
|
|
|
+}
|
|
|
+.white {
|
|
|
+ color: @m-white0;
|
|
|
+}
|
|
|
+.blue {
|
|
|
+ color: @m-blue0;
|
|
|
+}
|
|
|
+.green {
|
|
|
+ color: @m-green0;
|
|
|
}
|
|
|
</style>;
|
marymelisa