1 |
- <view class="max-w-4xl mx-auto p-6 relative"><view class="bg-[#1d1e3a] text-white p-4 rounded-t-lg"><view class="flex justify-between items-center"><view class="text-sm">No.{{a}}</view><view class="text-sm">{{b}}</view></view></view><view class="bg-white rounded-b-lg shadow-lg p-6"><view class="flex justify-between items-center mb-8 pb-4 border-b"><view class="flex items-center space-x-4"><view class="w-20 h-20 bg-gray-200 rounded-lg overflow-hidden"><image src="{{c}}" mode="aspectFill" class="w-full h-full"></image></view><view class="flex flex-col custom-column" style="margin-left:10px"><text class="text-2xl font-bold">{{d}}</text><text class="text-gray-600 block mt-1">{{e}}</text></view></view><view class="text-right"><view class="text-4xl font-bold text-yellow-500">{{f}}<text class="text-base ml-1">分</text></view><view class="text-sm text-yellow-500">推荐 👍</view></view></view><view class="grid grid-cols-1 gap-4 mb-8"><view><text class="text-gray-600 block">身份证号</text><text>{{g}}</text></view><view><text class="text-gray-600 block">入职之后,您缺岗的班次时间段是?</text><text>{{h}}</text></view><view><text class="text-gray-600 block">请问您通过面试之后多久可以入职?</text><text>{{i}}</text></view></view><view class="mb-8"><text class="text-xl font-bold mb-6 block">1. AI维度分析</text><view class="space-y-6"><view wx:for="{{j}}" wx:for-item="value" wx:key="g" class="border-b pb-4"><view class="flex items-center mb-2"><text class="text-gray-600 w-32">{{value.a}}</text><text class="{{['ml-4', value.c && 'text-red-500', value.d && 'text-green-500', value.e && 'text-yellow-500']}}">{{value.b}}</text></view><text class="text-gray-600 text-sm block">{{value.f}}</text></view></view></view><view class="mb-8"><text class="text-xl font-bold mb-6 block">2. DUV分析评估</text><view class="space-y-4"><view wx:for="{{k}}" wx:for-item="item" wx:key="g" class="border-b pb-4"><view class="flex items-center justify-between mb-2"><text class="text-gray-600">{{item.a}}</text><text class="{{[item.c && 'text-green-500', item.d && 'text-red-500', item.e && 'text-yellow-500']}}">{{item.b}}</text></view><text class="text-gray-600 text-sm block">{{item.f}}</text></view></view></view><view class="mb-8"><text class="text-xl font-bold mb-6 block">3. 面试记录</text><view class="space-y-6"><view wx:for="{{l}}" wx:for-item="record" wx:key="h" class="border-b pb-4"><view class="mb-2"><text class="font-semibold block">问题:{{record.a}}</text><text class="text-gray-600 mt-2 block">答案:{{record.b}}</text><text class="text-gray-500 mt-2 text-sm block">分析:{{record.c}}</text><view wx:if="{{record.d}}" class="mt-4"><view class="video-container"><video class="w-full h-full" src="{{record.e}}" poster="{{record.f}}" controls></video></view></view><view class="mt-2 flex justify-end"><text class="text-blue-500">得分:{{record.g}}</text></view></view></view></view></view><view class="mb-8"><text class="text-xl font-bold mb-6 block">4. 视频记录</text><view class="space-y-8"><view wx:for="{{m}}" wx:for-item="category" wx:key="c"><text class="text-lg font-semibold mb-4 block">{{category.a}}</text><view class="grid grid-cols-1 gap-4"><view wx:for="{{category.b}}" wx:for-item="video" wx:key="d" class="bg-gray-50 rounded-lg p-4"><view class="video-container"><video class="w-full h-full" src="{{video.a}}" poster="{{video.b}}" controls></video></view><text class="text-sm text-gray-600 mt-2 block">{{video.c}}</text></view></view></view></view></view><view class="mb-8"><text class="text-xl font-bold mb-6 block">5. 其他信息</text><view class="space-y-6"><view class="grid grid-cols-1 gap-4 mb-4"><view class="flex items-center space-x-2"><text class="text-gray-600">身份证验证:</text><text class="text-green-500">{{n}}</text></view><view class="flex items-center space-x-2"><text class="text-gray-600">手机号验证:</text><text class="text-green-500">{{o}}</text></view></view><view class="mb-6"><text class="font-semibold mb-4 block">手势验证</text><view class="grid grid-cols-2 gap-8"><view><text class="text-sm font-medium mb-2 block">左手手势验证</text><view class="grid grid-cols-3 gap-2"><view wx:for="{{p}}" wx:for-item="image" wx:key="b" class="aspect-square rounded-lg overflow-hidden bg-gray-100"><image src="{{image.a}}" mode="aspectFill" class="w-full h-full"></image></view></view></view><view><text class="text-sm font-medium mb-2 block">右手手势验证</text><view class="grid grid-cols-3 gap-2"><view wx:for="{{q}}" wx:for-item="image" wx:key="b" class="aspect-square rounded-lg overflow-hidden bg-gray-100"><image src="{{image.a}}" mode="aspectFill" class="w-full h-full"></image></view></view></view></view></view><view><text class="font-semibold mb-4 block">人脸验证</text><view class="grid grid-cols-3 gap-2"><view wx:for="{{r}}" wx:for-item="image" wx:key="b" class="aspect-square rounded-lg overflow-hidden bg-gray-100"><image src="{{image.a}}" mode="aspectFill" class="w-full h-full"></image></view></view></view></view></view></view></view>
|