| | |
| | | ref="table" |
| | | style="margin-top: 20px; height: 700px;" |
| | | :data="tableDatab" |
| | | :row-class-name="tableRowClassName" |
| | | :header-cell-style="{ background: '#F2F3F5', color: '#1D2129' }" |
| | | row-key="projectNumber" |
| | | > |
| | | <!-- <el-table-column type="expand"> --> |
| | | <el-table-column> |
| | | <template #default="props"> |
| | | <el-table :data="props.row.records" style="width: 100%"> |
| | | <el-table :data="props.row.flowCardGlassInfoDTOList" style="width: 100%" |
| | | :row-class-name="(row) => nestedTableRowClassName(props.row, row)" |
| | | > |
| | | <el-table-column prop="layer" fixed align="center" :label="$t('hellow.layernumber')" min-width="80"/> |
| | | <el-table-column prop="thickness" align="center" :label="$t('hellow.thickness')" min-width="80"/> |
| | | <el-table-column prop="filmsId" align="center" :label="$t('hellow.coatingtypes')" min-width="80"/> |
| | |
| | | </el-table> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="projectNumber" fixed align="center" :label="$t('hellow.cardnumber')" min-width="20"/> |
| | | <el-table-column prop="productname" fixed align="center" :label="$t('large.productname')" min-width="20"/> |
| | | <el-table-column prop="flowCardId" fixed align="center" :label="$t('hellow.cardnumber')" min-width="20"/> |
| | | <el-table-column prop="productName" fixed align="center" :label="$t('large.productname')" min-width="20"/> |
| | | <el-table-column fixed="right" :label="$t('hellow.operate')" align="center" width="270"> |
| | | <template #default="scope"> |
| | | <el-button type="text" plain @click="handletake(scope.row)">{{ $t('hellow.claimquest') }}</el-button> |
| | | <el-button type="text" :disabled="scope.row.isThroughSlot" plain @click="handletake(scope.row)">{{ $t('hellow.claimquest') }}</el-button> |
| | | <el-button type="text" plain @click="handleBindRack(scope.row)">{{ |
| | | $t('hellow.missingfilms') |
| | | }} |
| | |
| | | const fetchFlowCardId = async () => { |
| | | try { |
| | | const response = await request.post('/hollowGlass/hollowGlassRelationInfo/queryHollowAllFlowCard',{ |
| | | deviceId: 0, |
| | | filmsId: '', |
| | | flowCardId: '', |
| | | thickness: '', |
| | | thickness: 0, |
| | | }); |
| | | if (response.code == 200) { |
| | | ElMessage.success(response.message); |
| | | const newData = parseData(response.data); |
| | | tableDatab.value = newData; |
| | | tableDatab.value = response.data; |
| | | } else { |
| | | ElMessage.error('Failed to fetch data'); |
| | | } |
| | |
| | | ElMessage.error('Error fetching data'); |
| | | } |
| | | }; |
| | | function tableRowClassName({ row }) { |
| | | if (row.isThroughSlot == true) { |
| | | return 'row-red-background'; |
| | | } |
| | | return ''; |
| | | } |
| | | function nestedTableRowClassName(parentRow, row) { |
| | | if (parentRow.isThroughSlot == true) { |
| | | return 'row-red-background'; |
| | | } |
| | | return ''; |
| | | } |
| | | const fetchFlowCardsearch = async () => { |
| | | try { |
| | | const response = await request.post('/hollowGlass/hollowGlassRelationInfo/queryHollowAllFlowCard',{ |
| | |
| | | }); |
| | | if (response.code == 200) { |
| | | ElMessage.success(response.message); |
| | | const newData = parseData(response.data); |
| | | tableDatab.value = newData; |
| | | tableDatab.value = response.data; |
| | | } else { |
| | | ElMessage.error('Failed to fetch data'); |
| | | } |
| | |
| | | margin-top: 20px; |
| | | margin-bottom: 10px; |
| | | } |
| | | ::v-deep(.row-red-background) { |
| | | background-color: rgb(224.6, 242.8, 215.6) !important; |
| | | } |
| | | </style> |