|  |  | 
 |  |  |   <wd-card class="card_bg" @click="handleCardClick"> | 
 |  |  |     <template #title> | 
 |  |  |       <view class="flex justify-between w-full"> | 
 |  |  |         <text class="font-medium text-[#252525]">机台: {{ data[map.deviceModel] }}</text> | 
 |  |  |         <text class="font-medium text-[#252525]">记录位置: {{ data[map.recordPosition] }}</text> | 
 |  |  |         <wd-tag color="#0D867F" bg-color="#E7F4EC"> | 
 |  |  |           <text class="text-xs">{{ data[map.model] }}</text> | 
 |  |  |         </wd-tag> | 
 |  |  |       </view> | 
 |  |  |     </template> | 
 |  |  |     <wd-row class="my-2"> | 
 |  |  |       <wd-col :span="24"> | 
 |  |  |         <view class="flex"> | 
 |  |  |           <view class="icon_box"> | 
 |  |  |             <wd-icon name="folder" color="#0D867F"></wd-icon> | 
 |  |  |           </view> | 
 |  |  |           <text class="text-[#646874] mx-2"> | 
 |  |  |             首检单号: | 
 |  |  |             <text class="text-[#252525]">{{ data[map.firstNo] }}</text> | 
 |  |  |           </text> | 
 |  |  |         </view> | 
 |  |  |       </wd-col> | 
 |  |  |     </wd-row> | 
 |  |  |     <wd-row class="my-2"> | 
 |  |  |       <wd-col :span="24"> | 
 |  |  |         <view class="flex"> | 
 |  |  | 
 |  |  |           </view> | 
 |  |  |           <text class="text-[#646874] mx-2"> | 
 |  |  |             班组: | 
 |  |  |             <text class="text-[#252525]">{{ data[map.teamName] }}</text> | 
 |  |  |             <text class="text-[#252525]"> | 
 |  |  |               {{ data[map.teamName]?.slice(-2) || data[map.teamName] }} | 
 |  |  |             </text> | 
 |  |  |           </text> | 
 |  |  |         </view> | 
 |  |  |       </wd-col> | 
 |  |  |     </wd-row> | 
 |  |  |     <wd-row class="my-2"> | 
 |  |  |     <wd-row class="my-2" v-if="data[map.productType]"> | 
 |  |  |       <wd-col :span="24"> | 
 |  |  |         <view class="flex"> | 
 |  |  |           <view class="icon_box"> | 
 |  |  |             <wd-icon name="folder" color="#0D867F"></wd-icon> | 
 |  |  |           </view> | 
 |  |  |           <text class="text-[#646874] mx-2"> | 
 |  |  |             领用杆号: | 
 |  |  |             <text class="text-[#252525]">{{ data[map.poleNumber] }}</text> | 
 |  |  |           </text> | 
 |  |  |         </view> | 
 |  |  |       </wd-col> | 
 |  |  |     </wd-row> | 
 |  |  |     <wd-col :span="12"> | 
 |  |  |       <view class="flex"> | 
 |  |  |         <view class="icon_box"> | 
 |  |  |           <wd-icon name="folder" color="#0D867F"></wd-icon> | 
 |  |  |         </view> | 
 |  |  |         <text class="text-[#646874] mx-2"> | 
 |  |  |           杆型号: | 
 |  |  |           <text class="text-[#252525]">{{ data[map.poleModel] }}</text> | 
 |  |  |         </text> | 
 |  |  |       </view> | 
 |  |  |     </wd-col> | 
 |  |  |     <wd-row class="my-2"> | 
 |  |  |       <wd-col :span="12"> | 
 |  |  |         <view class="flex"> | 
 |  |  |           <view class="icon_box"> | 
 |  |  |             <wd-icon name="folder" color="#0D867F"></wd-icon> | 
 |  |  |           </view> | 
 |  |  |           <text class="text-[#646874] mx-2"> | 
 |  |  |             生产轴数: | 
 |  |  |             <text class="text-[#252525]">{{ data[map.outputNumber] }}</text> | 
 |  |  |             产品类别: | 
 |  |  |             <text class="text-[#252525]">{{ data[map.productType] }}</text> | 
 |  |  |           </text> | 
 |  |  |         </view> | 
 |  |  |       </wd-col> | 
 |  |  | 
 |  |  | .page-class { | 
 |  |  |   :deep() { | 
 |  |  |     .custom-shadow { | 
 |  |  |       box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), | 
 |  |  |       box-shadow: | 
 |  |  |         0 3px 1px -2px rgb(0 0 0 / 20%), | 
 |  |  |         0 2px 2px 0 rgb(0 0 0 / 14%), | 
 |  |  |         0 1px 5px 0 rgb(0 0 0 / 12%); | 
 |  |  |     } | 
 |  |  |   } | 
 |  |  | 
 |  |  | .content { | 
 |  |  |   padding: 5px; | 
 |  |  | } | 
 |  |  | </style> | 
 |  |  | </style> |