f
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user