添加下片自动打印流程卡开关

ZengTao

2024-08-12 75b4aeda7ad7011a6239dc1bfa8362695f6c451a

 UI-Project/src/views/UnLoadGlass/loadmachinerack.vue

@@ -16,7 +16,8 @@
import PrintFlow from './PrintFlow.vue'
import print from 'vue3-print-nb';
const printLoading = ref(true)
const fullFlowCard =ref('')
const fullFlowCard = ref('')
const autoPrint = ref(false)

const dialogFormVisiblea = ref(false)
const dialogFormVisiblea2 = ref(false)
@@ -41,12 +42,28 @@
const now = new Date();
const timeRange = ref([new Date(now.setHours(0, 0, 0, 0)), new Date(now.setHours(23, 59, 59, 999))])

const printWithoutPreview = () => {
  const printElement = document.getElementById('printMe');
const handleChange = async () => {
  console.log("触发开关")
  try {
    const body = {
      flag: autoPrint.value, // 使用 ganghua.value 获取当前开关的状态  
    };

  // 调用打印函数，传递打印区域的 DOM 元素和跳过预览的参数
  print(printElement, { preview: false });
};
    var url = "/unLoadGlass/downWorkStation/autoPrint?flag=" + autoPrint.value;
    const response = await request.post(url)
    if (response.code == 200) {
      // 绑定成功，处理逻辑
      ElMessage.success(response.message);
      autoPrint.value = response.data
    } else {
      ElMessage.error(response.message);
    }
  }
  catch (error) {
    // 处理错误
    console.error(error);
  }
}


const handleInputChangea = (value, rowId) => {
@@ -169,6 +186,7 @@
const socketUrl = `ws://${WebSocketHost}:${host}/api/unLoadGlass/api/talk/unloadglass`;
// 定义消息处理函数，更新 receivedData 变量
const handleMessage = (data) => {

  // 更新 tableData 的数据
  if (data.downGlassInfos != null) {
    downGlass.value = data.downGlassInfos[0][1];
@@ -176,15 +194,23 @@
  if (data.engineerIdList != null) {
    selectOptionsa.value = data.engineerIdList[0]
  }
  if (data.autoPrint != null) {
    autoPrint.value = data.autoPrint;
  }
  console.log(autoPrint.value)

  // tableData.splice(0, tableData.length, ...data.params[0]);
  tableData.splice(0, tableData.length, ...data.params[0]);
  if (fullFlowCard.value == "") {
    for (let i = 0; i < tableData.length; i++) {
      if (tableData[i].totalQuantity == tableData[i].racksNumber + tableData[i].otherNumber&&fullFlowCard.value!=tableData[i].flowCardId) {
        // printFlowCardId.value = tableData[i].flowCardId;
        fullFlowCard.value=tableData[i].flowCardId;
        open(tableData[i]);
        break;
      if (tableData[i].totalQuantity != 0) {
        if (tableData[i].totalQuantity == tableData[i].racksNumber + tableData[i].otherNumber && fullFlowCard.value != tableData[i].flowCardId) {
          // printFlowCardId.value = tableData[i].flowCardId;
          fullFlowCard.value = tableData[i].flowCardId;
          open(tableData[i]);
          break;
        }
      } else {
        console.log("没有flowCardId")
      }
    }
  }
@@ -268,7 +294,7 @@
    dialogTableVisible.value = false;
  }, 1000);
  ;
  

}

const printFlowCard = () => {
@@ -321,6 +347,8 @@
  <div>
    <el-button style="margin-top: 5px;margin-left: 10px;" id="searchButton" type="primary"
      @click="dialogFormVisibleaDownGlass = true">落架详情</el-button>
    <el-switch style="margin-top: 5px;margin-left: 10px;" v-model="autoPrint" class="mb-2" :inactive-text="$t('自动打印')"
      @change="handleChange" />
    <el-card style="flex: 1;" v-loading="loading">
      <el-card style="flex: 1;margin-left: 4px;margin-top: 1px;" v-loading="loading">
        <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;">