上片机页面样式，表格状态新增接口

wang

2024-06-05 06ea2eb0b511340032f46efca7d2ae5fb09bb930

上片机页面样式，表格状态新增接口

 UI-Project/src/views/Returns/returns.vue

@@ -68,7 +68,7 @@
      label: thickness,  
    })); 
    } else {
      ElMessage.error(response.msg);
      ElMessage.error(response.message);
    }
  } catch (error) {
    // 处理请求失败的情况
@@ -91,7 +91,7 @@
      flakea.value = true
    }
          } else {
          ElMessage.warning(res.msg)
          ElMessage.warning(res.message)
          // router.push("/login")
          }
          });
@@ -210,7 +210,7 @@
    }
    } else {
      // 请求失败，显示错误消息
      ElMessage.error(response.msg);
      ElMessage.error(response.message);
    }
  } catch (error) {  
      // 处理请求错误  
@@ -249,7 +249,7 @@
    }
    } else {
      // 请求失败，显示错误消息
      ElMessage.error(response.msg);
      ElMessage.error(response.message);
    }
  } catch (error) {  
      // 处理请求错误  
@@ -291,7 +291,7 @@
    }
    } else {
      // 请求失败，显示错误消息
      ElMessage.error(response.msg);
      ElMessage.error(response.message);
    }
  } catch (error) {
    // 处理错误
@@ -337,7 +337,8 @@
    })); 
    } else {
      // 请求失败，显示错误消息
      ElMessage.error(response.msg);
      ElMessage.error(response.message);
      // ElMessage.error(response.msg);
    }
}
catch (error) {
@@ -362,10 +363,10 @@
      ElMessage.success(response.message);
      // window.location.reload() 
      blind.value = false;
      selectedProjectNoa.value = ''
      selectedProjectNoa.value = '';
    } else {
      // 请求失败，显示错误消息
      ElMessage.error(response.msg);
      ElMessage.error(response.message);
    }
}
catch (error) {
@@ -390,10 +391,10 @@
    if (response.code == 200) {
      ElMessage.success(response.message);
      blinda.value = false;
      tableData.splice([]);
      // tableData.splice([]);
    } else {
      // 请求失败，显示错误消息
      ElMessage.error(response.msg);
      ElMessage.error(response.message);
    }
  }
    else  {
@@ -426,7 +427,7 @@
      tableData.splice([]);

      // 请求失败，显示错误消息
      ElMessage.error(response.msg);
      ElMessage.error(response.message);
    }
  }
    else  {
@@ -494,8 +495,29 @@
const confirmCuttingMachine = () => {  
  cuttingMachineStatus.value = 'green';  
}; 


const toggleEnableState = async (row: any) => {  
  // 检查 id 是否为空  
  if (!row.id) {  
    ElMessage.error('请先开始上片！');  
    return; // 如果 id 为空，则不执行后续操作  
  }  
  
  const newState = row.state === 100 ? 0 : 100;  
  
  try {  
    // 发送请求到后端更新状态  
    const response = await request.post('/loadGlass/up-patten-usage/updateGlassState', { id: row.id, state: newState });  
    if (response.code === 200) {  
      ElMessage.success(response.message);  
    } else {  
      ElMessage.error(response.message);  
    }  
  } catch (error) {  
    // 处理请求错误  
    console.error('更新玻璃状态请求失败:', error);  
    ElMessage.error('更新玻璃状态时发生错误');  
  }  
};  

const wsUrl = `ws://${WebSocketHost}:${host}/api/loadGlass/api/talk/loadGlass`;
const ws = new WebSocket(wsUrl);  
@@ -569,7 +591,7 @@
    <el-button @click="confirmCuttingMachine" style="margin-left: 30px;margin-top: -3px;" >确认</el-button>
    <div style="margin-left: 70px;">{{ upstatus  }} </div>
    <i :style="{ marginTop: '2px', backgroundColor: cuttingMachineStatusColor, width: '18px', height: '18px', borderRadius: '50%', display: 'block' }"></i>  
    <el-button @click="confirmCutting" style="margin-left: 30px;margin-top: -3px;" >确认</el-button>
    <el-button @click="confirmCutting" style="margin-left: 30px;margin-top: -3px;" >切换</el-button>
   
  </div>
    <el-button style="margin-top: 5px;margin-left: 15px;"   id="searchButton" type="primary" @click="dialogFormVisible = true">选择工程</el-button>
@@ -591,7 +613,7 @@
      <el-table-column prop="filmsId" label="膜系" align="center"/>
      <el-table-column prop="layoutSequence" label="数量" align="center"/>
      <el-table-column prop="thickness" label="厚度" align="center"/>
      <el-table-column
      <!-- <el-table-column
            align="center"
            label="状态"
            min-width="80"
@@ -601,7 +623,21 @@
        <el-tag :type="getStatusType(scope.row.state)">  
          {{ getStatusText(scope.row.state) }}  
        </el-tag>  
      </template> 
      </template>  -->
      <el-table-column
          align="center"
            label="启用状态"
            min-width="80"
            prop="state"
          >
          <template #default="scope">  
          <el-tag  
            :type="scope.row.state === 100 ? 'success' : 'warning'"  
            @click="toggleEnableState(scope.row)"  
          >  
            {{ scope.row.state === 100 ? '通过' : '等待中' }}  
          </el-tag>  
        </template> 
          </el-table-column>
    </el-table>
      </div>