This commit is contained in:
2026-02-08 16:56:41 +08:00
parent 9e0b38a6d5
commit 3eb3636b22
109 changed files with 6603 additions and 2118 deletions

View File

@@ -6,6 +6,7 @@ import { useUserStore } from '@/stores/userStore'
import { useAppStore } from '@/stores/appStore'
import { useDialogStore } from '@/stores/dialogStore'
import BindPhoneOnlyDialog from '@/components/BindPhoneOnlyDialog.vue'
import ShareReportButtonList from '@/components/ShareReportButtonList.vue'
const router = useRouter()
const userStore = useUserStore()
const appStore = useAppStore()
@@ -144,15 +145,42 @@ function statusClass(state) {
@click="toLogin">登录</button>
</div>
<van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
<div v-for="item in reportList" :key="item.id" @click="toDetail(item)"
class="bg-white rounded-lg shadow-sm p-4 mb-4 relative cursor-pointer">
<div class="flex flex-col">
<div class="text-xl text-black mb-1">{{ item.product_name }}</div>
<div class="text-sm text-[#999999]">{{ item.create_time }}</div>
<div v-for="item in reportList" :key="item.id" class="bg-white rounded-lg shadow-sm p-4 mb-4">
<!-- 顶部标签 -->
<div class="flex items-center gap-2 mb-3">
<span class="px-2 py-1 text-xs rounded bg-blue-100 text-blue-700">{{ item.product_name }}</span>
</div>
<div class="absolute top-0 right-0 rounded-bl-lg rounded-tr-lg px-2 py-[1px] text-white text-sm font-medium"
:class="[statusClass(item.query_state)]">
{{ stateText(item.query_state) }}
<!-- 主要内容区域 -->
<div class="flex justify-between items-start mb-3">
<!-- 左侧姓名手机号查询时间 -->
<div class="flex-1">
<div v-if="item.params" class="mb-2 flex items-center gap-2">
<div v-if="item.params.name" class="text-lg font-medium text-black">
{{ item.params.name }}
</div>
<div v-if="item.params.mobile" class="text-sm text-gray-600">
{{ item.params.mobile }}
</div>
</div>
<div class="text-sm text-gray-500">
查询时间: {{ item.create_time }}
</div>
</div>
<!-- 右侧价格 -->
<div v-if="item.price" class="text-lg font-semibold text-blue-600">
¥{{ item.price.toFixed(2) }}
</div>
</div>
<!-- 底部按钮 -->
<div v-if="item.query_state === 'success'" class="flex gap-2 mt-3" @click.stop>
<button @click="toDetail(item)"
class="flex-1 px-4 py-2 text-sm bg-white border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors">
查看
</button>
<ShareReportButtonList :order-id="item.order_id" :disabled="false" />
</div>
</div>
</van-list>