|
@@ -7,71 +7,35 @@
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
<script lang="ts">
|
|
|
import { defineComponent, PropType, watchEffect } from 'vue';
|
|
import { defineComponent, PropType, watchEffect } from 'vue';
|
|
|
-import { QueryCustomInfoType } from '@/services/go/ermcp/customInfo/interface';
|
|
|
|
|
-import { getStatusName } from '@/common/constants/enumsName';
|
|
|
|
|
import { formatValue } from '@/common/methods';
|
|
import { formatValue } from '@/common/methods';
|
|
|
-import { getCardTypeEnumItemName } from '@/common/constants/enumsName';
|
|
|
|
|
import { Des, handleDesList } from '@/common/components/commonDes';
|
|
import { Des, handleDesList } from '@/common/components/commonDes';
|
|
|
-import { handlePreviewImg } from '@/common/setup/upload';
|
|
|
|
|
|
|
+import { QhjTradeGoodsPickup } from '@/services/go/ermcp/qhj/interface';
|
|
|
|
|
|
|
|
export default defineComponent({
|
|
export default defineComponent({
|
|
|
name: 'custom-detail-desc',
|
|
name: 'custom-detail-desc',
|
|
|
components: { Des },
|
|
components: { Des },
|
|
|
props: {
|
|
props: {
|
|
|
selectedRow: {
|
|
selectedRow: {
|
|
|
- type: Object as PropType<QueryCustomInfoType>,
|
|
|
|
|
|
|
+ type: Object as PropType<QhjTradeGoodsPickup>,
|
|
|
default: {},
|
|
default: {},
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
setup(props) {
|
|
setup(props) {
|
|
|
- function isPersonal() {
|
|
|
|
|
- return props.selectedRow.userinfotype === '1';
|
|
|
|
|
- }
|
|
|
|
|
const { desList, getDesList } = handleDesList();
|
|
const { desList, getDesList } = handleDesList();
|
|
|
- // 预览附件
|
|
|
|
|
- const { previewVisible, previewImage, cancelImg, previewImg, getImgName } = handlePreviewImg();
|
|
|
|
|
-
|
|
|
|
|
watchEffect(() => {
|
|
watchEffect(() => {
|
|
|
- if (props.selectedRow.customername) {
|
|
|
|
|
|
|
+ if (props.selectedRow.takeorderid) {
|
|
|
const data = props.selectedRow;
|
|
const data = props.selectedRow;
|
|
|
// 个人
|
|
// 个人
|
|
|
- const person = [
|
|
|
|
|
- { label: '客户类型', value: '个人' },
|
|
|
|
|
- { label: '姓名', value: data.customername },
|
|
|
|
|
- { label: '身份证号码', value: formatValue(data.cardnum) },
|
|
|
|
|
- { label: '手机号码', value: formatValue(data.mobile) },
|
|
|
|
|
- { label: '身份证正面照', value: formatValue(getImgName(data.cardfrontphotourl)), className: 'blue' },
|
|
|
|
|
- { label: '身份证反面照', value: formatValue(getImgName(data.cardbackphotourl)), className: 'blue' },
|
|
|
|
|
- { label: '邮箱', value: formatValue(data.email) },
|
|
|
|
|
- { label: '联系电话', value: formatValue(data.telphone) },
|
|
|
|
|
- { label: '通讯地址', value: formatValue(data.address) },
|
|
|
|
|
- { label: '备注', value: formatValue(data.remark) },
|
|
|
|
|
- ];
|
|
|
|
|
- // 企业
|
|
|
|
|
- const company = [
|
|
|
|
|
- { label: '客户类型', value: '企业' },
|
|
|
|
|
- { label: '企业名称', value: data.customername },
|
|
|
|
|
- { label: '企业简称', value: formatValue(data.nickname) },
|
|
|
|
|
- { label: '证件类型', value: getCardTypeEnumItemName(data.cardtype) },
|
|
|
|
|
- { label: '法定代表人', value: formatValue(data.legalpersonname) },
|
|
|
|
|
- { label: '证件号码', value: formatValue(data.cardnum) },
|
|
|
|
|
- { label: '纳税人识别号', value: formatValue(data.taxpayernum) },
|
|
|
|
|
- { label: '营业执照', value: formatValue(getImgName(data.attachment1)), className: 'blue' },
|
|
|
|
|
- { label: '联系人', value: formatValue(data.contactname) },
|
|
|
|
|
- { label: '联系人手机号', value: formatValue(data.mobile) },
|
|
|
|
|
- { label: '联系电话', value: formatValue(data.telphone) },
|
|
|
|
|
- { label: '状态', value: getStatusName(data.status), className: 'green' },
|
|
|
|
|
- { label: '通讯地址', value: formatValue(data.address) },
|
|
|
|
|
- { label: '备注', value: formatValue(data.remark) },
|
|
|
|
|
|
|
+ const list = [
|
|
|
|
|
+ { label: '账号', value: formatValue(data.accountid) },
|
|
|
|
|
+ { label: '名称', value: formatValue(data.username) },
|
|
|
|
|
+ // { label: '账户类型', value: data.userinfotype === 1 '个人' : '企业'},
|
|
|
];
|
|
];
|
|
|
- getDesList(isPersonal() ? person : company);
|
|
|
|
|
|
|
+ getDesList(list);
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
return {
|
|
return {
|
|
|
desList,
|
|
desList,
|
|
|
- previewVisible,
|
|
|
|
|
- previewImage,
|
|
|
|
|
- cancelImg,
|
|
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
});
|
|
});
|