|  |  | 
 |  |  |           width="340" | 
 |  |  |         /> | 
 |  |  |         <el-table-column | 
 |  |  |           label="回款状态" | 
 |  |  |           prop="statusName" | 
 |  |  |           width="120" | 
 |  |  |         > | 
 |  |  |           <template #default="{ row }"> | 
 |  |  |             <el-tag :type="getStatusTagType(row.statusName)" disable-transitions> | 
 |  |  |               {{ row.statusName || "--" }} | 
 |  |  |             </el-tag> | 
 |  |  |           </template> | 
 |  |  |         </el-table-column> | 
 |  |  |         <el-table-column | 
 |  |  |           label="产品大类" | 
 |  |  |           prop="productCategory" | 
 |  |  |           show-overflow-tooltip | 
 |  |  | 
 |  |  | const formattedNumber = (row, column, cellValue) => { | 
 |  |  |   return parseFloat(cellValue).toFixed(2); | 
 |  |  | }; | 
 |  |  |  | 
 |  |  | const getStatusTagType = (statusName = '') => { | 
 |  |  |   const normalized = statusName.trim(); | 
 |  |  |   if (!normalized) return 'info'; | 
 |  |  |   return normalized === '未完成回款' ? 'danger' : 'success'; | 
 |  |  | }; | 
 |  |  | // 查询列表 | 
 |  |  | /** 搜索按钮操作 */ | 
 |  |  | const handleQuery = () => { |