|
|
@ -1,21 +1,23 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div class="relative flex flex-wrap space-x-6 rounded-xl bg-white pl-6 pr-[6px] pt-6 shadow-[3px_3px_0_0px_rgba(0,0,0,0.1)]"> |
|
|
|
|
|
<div class="flex-1 justify-between"> |
|
|
|
|
|
<div class="mb-2 flex items-center gap-x-2.5 text-justify text-16 font-normal leading-4.5 text-black/40"> |
|
|
|
|
|
|
|
|
<div |
|
|
|
|
|
class="custom relative grid grid-cols-2 flex-wrap gap-x-6 rounded-xl bg-white pl-6 pr-[6px] pt-6 shadow-[3px_3px_0_0px_rgba(0,0,0,0.1)]" |
|
|
|
|
|
> |
|
|
|
|
|
<div class="flex-1"> |
|
|
|
|
|
<div class="mb-2 flex items-center gap-x-2.5 text-justify text-16 leading-4.5 text-black/40"> |
|
|
<img src="../../assets/images/q.svg" class="size-7" alt="" /> |
|
|
<img src="../../assets/images/q.svg" class="size-7" alt="" /> |
|
|
{{ formatTime(customer.createTime) }} |
|
|
{{ formatTime(customer.createTime) }} |
|
|
</div> |
|
|
</div> |
|
|
<ScrollView class="relative h-[356px]" :list="customer.content"> |
|
|
<ScrollView class="relative h-[356px]" :list="customer.content"> |
|
|
<div class="whitespace-normal pr-3.5 text-justify !text-24 font-normal leading-normal text-black/50">{{ customer.content }}</div> |
|
|
|
|
|
|
|
|
<div class="pr-3.5 text-justify !text-24 text-black/50">{{ customer.content }}</div> |
|
|
</ScrollView> |
|
|
</ScrollView> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex-1"> |
|
|
<div class="flex-1"> |
|
|
<div class="mb-2 flex items-center gap-x-2.5 text-justify text-16 font-normal leading-4.5 text-black/40"> |
|
|
|
|
|
|
|
|
<div class="mb-2 flex items-center gap-x-2.5 text-justify text-16 leading-4.5 text-black/40"> |
|
|
<img src="../../assets/images/a.svg" class="size-7" alt="" /> |
|
|
<img src="../../assets/images/a.svg" class="size-7" alt="" /> |
|
|
{{ formatTime(customer.replyTime) }} |
|
|
{{ formatTime(customer.replyTime) }} |
|
|
</div> |
|
|
</div> |
|
|
<ScrollView class="relative h-[356px]" observe-image :list="customer.disposeDes"> |
|
|
<ScrollView class="relative h-[356px]" observe-image :list="customer.disposeDes"> |
|
|
<div class="whitespace-normal pr-3.5 text-justify !text-24 font-normal leading-normal text-[#333333]"> |
|
|
|
|
|
|
|
|
<div class="pr-3.5 text-justify !text-24 text-[#333333]"> |
|
|
<div v-html="customer.disposeDes"></div> |
|
|
<div v-html="customer.disposeDes"></div> |
|
|
<div class="flex items-center pt-4 text-20"> |
|
|
<div class="flex items-center pt-4 text-20"> |
|
|
总经理:{{ customer.managerSignature }} |
|
|
总经理:{{ customer.managerSignature }} |
|
|
@ -48,3 +50,8 @@ function formatTime(time: string) { |
|
|
return `${year}-${month}-${day} ${hour}:${minute}` |
|
|
return `${year}-${month}-${day} ${hour}:${minute}` |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
<style> |
|
|
|
|
|
.custom * { |
|
|
|
|
|
font-size: 24px !important; |
|
|
|
|
|
} |
|
|
|
|
|
</style> |
|
|
|