|
@@ -11,56 +11,55 @@
|
|
|
:loading="loading"
|
|
:loading="loading"
|
|
|
@click="submit">关闭</a-button>
|
|
@click="submit">关闭</a-button>
|
|
|
</template>
|
|
</template>
|
|
|
- <div>{{detail.nickname}}</div>
|
|
|
|
|
<a-form class="inlineForm"
|
|
<a-form class="inlineForm"
|
|
|
:form="form"
|
|
:form="form"
|
|
|
@submit="handleSearch">
|
|
@submit="handleSearch">
|
|
|
<a-row :gutter="24">
|
|
<a-row :gutter="24">
|
|
|
<a-col :span="12">
|
|
<a-col :span="12">
|
|
|
<a-form-item label="客户类型">
|
|
<a-form-item label="客户类型">
|
|
|
- <span class="white">企业</span>
|
|
|
|
|
|
|
+ <span class="white">{{ detail.userinfotype === '2' ? '企业' : '个人' }}</span>
|
|
|
</a-form-item>
|
|
</a-form-item>
|
|
|
</a-col>
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
<a-col :span="12">
|
|
|
<a-form-item label="企业名称">
|
|
<a-form-item label="企业名称">
|
|
|
- <span class="white">深圳市前海矿业有限公司</span>
|
|
|
|
|
|
|
+ <span class="white">{{ detail.customername }}</span>
|
|
|
</a-form-item>
|
|
</a-form-item>
|
|
|
</a-col>
|
|
</a-col>
|
|
|
</a-row>
|
|
</a-row>
|
|
|
<a-row :gutter="24">
|
|
<a-row :gutter="24">
|
|
|
<a-col :span="12">
|
|
<a-col :span="12">
|
|
|
<a-form-item label="企业简称">
|
|
<a-form-item label="企业简称">
|
|
|
- <span class="white">前海矿业</span>
|
|
|
|
|
|
|
+ <span class="white">{{ detail.nickname }}</span>
|
|
|
</a-form-item>
|
|
</a-form-item>
|
|
|
</a-col>
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
<a-col :span="12">
|
|
|
<a-form-item label="证件类型">
|
|
<a-form-item label="证件类型">
|
|
|
- <span class="white">营业执照</span>
|
|
|
|
|
|
|
+ <span class="white">{{ detail.cardtypename }}</span>
|
|
|
</a-form-item>
|
|
</a-form-item>
|
|
|
</a-col>
|
|
</a-col>
|
|
|
</a-row>
|
|
</a-row>
|
|
|
<a-row :gutter="24">
|
|
<a-row :gutter="24">
|
|
|
<a-col :span="12">
|
|
<a-col :span="12">
|
|
|
<a-form-item label="法定代表人">
|
|
<a-form-item label="法定代表人">
|
|
|
- <span class="white">李顺利</span>
|
|
|
|
|
|
|
+ <span class="white">{{ detail.legalpersonname }}</span>
|
|
|
</a-form-item>
|
|
</a-form-item>
|
|
|
</a-col>
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
<a-col :span="12">
|
|
|
<a-form-item label="证件号码">
|
|
<a-form-item label="证件号码">
|
|
|
- <span class="white">4328648236492432</span>
|
|
|
|
|
|
|
+ <span class="white">{{ detail.cardnum }}</span>
|
|
|
</a-form-item>
|
|
</a-form-item>
|
|
|
</a-col>
|
|
</a-col>
|
|
|
</a-row>
|
|
</a-row>
|
|
|
<a-row :gutter="24">
|
|
<a-row :gutter="24">
|
|
|
<a-col :span="12">
|
|
<a-col :span="12">
|
|
|
<a-form-item label="纳税人识别号">
|
|
<a-form-item label="纳税人识别号">
|
|
|
- <span class="white">57465736DR46456</span>
|
|
|
|
|
|
|
+ <span class="white">{{ detail.taxpayernum }}</span>
|
|
|
</a-form-item>
|
|
</a-form-item>
|
|
|
</a-col>
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
<a-col :span="12">
|
|
|
<a-form-item label="营业执照">
|
|
<a-form-item label="营业执照">
|
|
|
<div class="upload">
|
|
<div class="upload">
|
|
|
- <a class="blue">查看附件</a>
|
|
|
|
|
|
|
+ <div class="look">查看附件</div>
|
|
|
</div>
|
|
</div>
|
|
|
</a-form-item>
|
|
</a-form-item>
|
|
|
</a-col>
|
|
</a-col>
|
|
@@ -68,38 +67,38 @@
|
|
|
<a-row :gutter="24">
|
|
<a-row :gutter="24">
|
|
|
<a-col :span="12">
|
|
<a-col :span="12">
|
|
|
<a-form-item label="联系人">
|
|
<a-form-item label="联系人">
|
|
|
- <span class="white">王平</span>
|
|
|
|
|
|
|
+ <span class="white">{{ detail.contactname }}</span>
|
|
|
</a-form-item>
|
|
</a-form-item>
|
|
|
</a-col>
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
<a-col :span="12">
|
|
|
<a-form-item label="联系人手机号">
|
|
<a-form-item label="联系人手机号">
|
|
|
- <span class="white">13745653421</span>
|
|
|
|
|
|
|
+ <span class="white">{{ detail.mobile }}</span>
|
|
|
</a-form-item>
|
|
</a-form-item>
|
|
|
</a-col>
|
|
</a-col>
|
|
|
</a-row>
|
|
</a-row>
|
|
|
<a-row :gutter="24">
|
|
<a-row :gutter="24">
|
|
|
<a-col :span="12">
|
|
<a-col :span="12">
|
|
|
<a-form-item label="联系电话">
|
|
<a-form-item label="联系电话">
|
|
|
- <span class="white">0755-34342544</span>
|
|
|
|
|
|
|
+ <span class="white">{{ detail.telphone }}</span>
|
|
|
</a-form-item>
|
|
</a-form-item>
|
|
|
</a-col>
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
<a-col :span="12">
|
|
|
<a-form-item label="状态">
|
|
<a-form-item label="状态">
|
|
|
- <span class="green">正常</span>
|
|
|
|
|
|
|
+ <span class="green">{{ detail.status }}</span>
|
|
|
</a-form-item>
|
|
</a-form-item>
|
|
|
</a-col>
|
|
</a-col>
|
|
|
</a-row>
|
|
</a-row>
|
|
|
<a-row :gutter="24">
|
|
<a-row :gutter="24">
|
|
|
<a-col :span="24">
|
|
<a-col :span="24">
|
|
|
<a-form-item label="通讯地址">
|
|
<a-form-item label="通讯地址">
|
|
|
- <span class="white">广东省深圳市南山区前海街道路平路1324号</span>
|
|
|
|
|
|
|
+ <span class="white">{{ detail.address }}</span>
|
|
|
</a-form-item>
|
|
</a-form-item>
|
|
|
</a-col>
|
|
</a-col>
|
|
|
</a-row>
|
|
</a-row>
|
|
|
<a-row :gutter="24">
|
|
<a-row :gutter="24">
|
|
|
<a-col :span="24">
|
|
<a-col :span="24">
|
|
|
<a-form-item label="备注">
|
|
<a-form-item label="备注">
|
|
|
- <span class="white">深圳市前海矿业有限公司</span>
|
|
|
|
|
|
|
+ <span class="white">{{ detail.remark }}</span>
|
|
|
</a-form-item>
|
|
</a-form-item>
|
|
|
</a-col>
|
|
</a-col>
|
|
|
</a-row>
|
|
</a-row>
|
|
@@ -112,6 +111,7 @@ import { defineComponent, PropType, reactive, ref, watchEffect } from 'vue';
|
|
|
import { closeModal } from '@/common/setup/modal/index';
|
|
import { closeModal } from '@/common/setup/modal/index';
|
|
|
import { QueryCustomInfoType } from '@/services/go/ermcp/customInfo/interface';
|
|
import { QueryCustomInfoType } from '@/services/go/ermcp/customInfo/interface';
|
|
|
import { mergeObj } from '@/utils/objHandle';
|
|
import { mergeObj } from '@/utils/objHandle';
|
|
|
|
|
+import {getStatusName} from "@/views/information/custom/setup";
|
|
|
|
|
|
|
|
export default defineComponent({
|
|
export default defineComponent({
|
|
|
name: 'custom-detail',
|
|
name: 'custom-detail',
|
|
@@ -126,6 +126,18 @@ export default defineComponent({
|
|
|
const { visible, cancel } = closeModal('detail');
|
|
const { visible, cancel } = closeModal('detail');
|
|
|
const detail = reactive({
|
|
const detail = reactive({
|
|
|
nickname: props.selectedRow.nickname || '--',
|
|
nickname: props.selectedRow.nickname || '--',
|
|
|
|
|
+ userinfotype: props.selectedRow.userinfotype || '--',
|
|
|
|
|
+ customername: props.selectedRow.customername || '--',
|
|
|
|
|
+ cardtypename: props.selectedRow.cardtypename || '--',
|
|
|
|
|
+ legalpersonname: props.selectedRow.legalpersonname || '--',
|
|
|
|
|
+ cardnum: props.selectedRow.cardnum || '--',
|
|
|
|
|
+ taxpayernum: props.selectedRow.taxpayernum || '--',
|
|
|
|
|
+ contactname: props.selectedRow.contactname || '--',
|
|
|
|
|
+ mobile: props.selectedRow.mobile || '--',
|
|
|
|
|
+ telphone: props.selectedRow.telphone || '--',
|
|
|
|
|
+ status: getStatusName(props.selectedRow.status) || '--',
|
|
|
|
|
+ address: props.selectedRow.address || '--',
|
|
|
|
|
+ remark: props.selectedRow.remark || '--'
|
|
|
});
|
|
});
|
|
|
const loading = ref<boolean>(false);
|
|
const loading = ref<boolean>(false);
|
|
|
function submit() {
|
|
function submit() {
|
|
@@ -143,7 +155,10 @@ export default defineComponent({
|
|
|
detail,
|
|
detail,
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
|
|
+
|
|
|
});
|
|
});
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="less">
|
|
<style lang="less">
|