| | |
| | | <table v-if="tableData.length > 0"> |
| | | <thead> |
| | | <tr> |
| | | <th width="20%" style="text-align: center;">检验项目</th> |
| | | <th width="8%" style="text-align: center;">序号</th> |
| | | <th width="17%" style="text-align: center;">检验项目</th> |
| | | <th width="50%" style="text-align: center;">检验描述</th> |
| | | <th width="15%" style="text-align: center;">记录(点击)</th> |
| | | </tr> |
| | | </thead> |
| | | <tbody> |
| | | <tr v-for="(item, index) in tableData" :key="index"> |
| | | <td style="text-align: center;">{{ item.forder || (index + 1) }}</td> |
| | | <td>{{ item.projName }}</td> |
| | | <td> |
| | | <view v-if="item.result=='合格'" class="watermark approved"> |
| | |
| | | }).then(res => { |
| | | this.tableData = res.data.tbBillList; |
| | | |
| | | // 按FORDE... |
| | | this.tableData.sort((a, b) => { |
| | | if (a.result === '未完成' && b.result === '合格') { |
| | | return -1; |
| | | } else if (a.result === '合格' && b.result === '未完成') { |
| | | return 1; |
| | | } else { |
| | | return 0; |
| | | } |
| | | return (a.forder || 0) - (b.forder || 0); |
| | | }); |
| | | |
| | | if (this.tableData.length <= 0) { |
| | |
| | | border: none; |
| | | text-align: left; |
| | | border-bottom: 1px solid #eee; |
| | | vertical-align: middle; |
| | | } |
| | | |
| | | .inspection-table th { |
| | |
| | | } |
| | | |
| | | /* 检验描述列特殊样式 */ |
| | | .inspection-table td:nth-child(2) { |
| | | .inspection-table td:nth-child(3) { |
| | | position: relative; |
| | | min-height: 80px; |
| | | vertical-align: top; |
| | | vertical-align: middle; |
| | | padding: 16px 20px; |
| | | } |
| | | |