zhoushihao
2025-04-11 dbad29b56596e53f7c92137fd7aa5191682a5b46
UI-Project/src/views/hollow/hollowequipment.vue
@@ -100,12 +100,15 @@
    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>
    <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"/>
@@ -116,11 +119,11 @@
      </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')
            }}
@@ -1365,14 +1368,14 @@
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');
    }
@@ -1380,6 +1383,18 @@
    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',{
@@ -1389,8 +1404,7 @@
    });
    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');
    }
@@ -1783,4 +1797,7 @@
  margin-top: 20px;
  margin-bottom: 10px;
}
::v-deep(.row-red-background) {
  background-color: rgb(224.6, 242.8, 215.6) !important;
}
</style>