<script lang="ts" setup>
|
import type { CrmContractApi } from '#/api/crm/contract';
|
|
import { useRouter } from 'vue-router';
|
|
import { Button, Divider } from 'ant-design-vue';
|
|
import { useDescription } from '#/components/description';
|
import { useFollowUpDetailSchema } from '#/views/crm/followup/data';
|
|
import { useDetailBaseSchema } from '../data';
|
|
const props = defineProps<{
|
contract: CrmContractApi.Contract; // 合同信息
|
}>();
|
|
const router = useRouter();
|
|
const [BaseDescriptions] = useDescription({
|
title: '基本信息',
|
bordered: false,
|
column: 4,
|
class: 'mx-4',
|
schema: useDetailBaseSchema(),
|
});
|
|
const [SystemDescriptions] = useDescription({
|
title: '系统信息',
|
bordered: false,
|
column: 3,
|
class: 'mx-4',
|
schema: useFollowUpDetailSchema(),
|
});
|
|
/** 查看销售订单 */
|
function handleViewOrder() {
|
if (props.contract.orderId) {
|
router.push({
|
path: '/erp/sale/order',
|
query: { orderId: props.contract.orderId },
|
});
|
}
|
}
|
</script>
|
|
<template>
|
<div>
|
<BaseDescriptions :data="contract">
|
<template #orderNo="{ data }">
|
<Button v-if="data.orderId" type="link" @click="handleViewOrder">
|
{{ data.orderNo }}
|
</Button>
|
<span v-else>-</span>
|
</template>
|
</BaseDescriptions>
|
<Divider />
|
<SystemDescriptions :data="contract" />
|
</div>
|
</template>
|
