1、中空创建任务查询界面添加当总数量不等于已配对数时高亮显示

ZengTao

6 天以前 4bef3c1a0dd435b4c6bf8f8429db67dac027ed6b

 UI-Project/src/views/hollow/hollowequipment.vue

@@ -8,9 +8,9 @@
        <el-button id="searchButton" type="primary" @click="handlezhiban">
          {{ $t('hellow.createtask') }}
        </el-button>
        <el-button type="primary" @click="selectproject">
        <!-- <el-button type="primary" @click="selectproject">
          {{ $t('hellow.reviewproject') }}
        </el-button>
        </el-button> -->
        <el-button style="margin-left: 10px;" id="searchButton" type="primary" @click="handlehistorical">{{
          $t('searchOrder.historicaltasks') }}</el-button>
        <el-button style="margin-left: 10px;" id="searchButton" type="success" @click="handleBinda">
@@ -719,7 +719,7 @@
    </div>
    <template #footer>
      <div id="dialog-footer">
        <el-button type="primary" @click="finisha">
        <el-button type="primary" @click="finisha" :disabled="isSubmitting">
          {{ $t('reportWork.sure') }}
        </el-button>
        <el-button @click="dialogFormVisiblec = false">{{ $t('reportWork.cancel') }}</el-button>
@@ -780,7 +780,7 @@
      <el-table-column prop="workingProcedure" align="center" :label="$t('reportmanage.process')" min-width="80" />
      <el-table-column fixed="right" :label="$t('searchOrder.operate')" align="center">
            <template #default="scope">
              <el-button type="text" plain  @click="handleBroke(scope.row)">{{ $t('order.dilapidation') }}</el-button>
              <el-button type="text" plain :disabled="scope.row.glassId==null"  @click="handleBroke(scope.row)">{{ $t('order.dilapidation') }}{{  }}</el-button>
            </template>
      </el-table-column>
      <div style="float: right;margin-bottom: 5px;">
@@ -992,9 +992,8 @@
</template>
<script setup>
import { ElMessage, ElMessageBox } from 'element-plus'
import { onBeforeUnmount, onMounted, onUnmounted, ref, reactive, watch, computed, getCurrentInstance  } from "vue";
import { onBeforeUnmount, onMounted, onUnmounted, ref, reactive, watch, computed, getCurrentInstance ,toRaw } from "vue";
import request from "@/utils/request"
import { host, WebSocketHost } from '@/utils/constants'
import { closeWebSocket, initializeWebSocket } from '@/utils/WebSocketService';
import { useI18n } from 'vue-i18n'
const { t } = useI18n()
@@ -1057,6 +1056,7 @@
const dialogFormVisiblec = ref(false)
const dialogFormVisibled = ref(false)
const dialogFormVisiblee = ref(false)
const isSubmitting = ref(false)
const add = ref(false)
const adda = ref(false)
const currentRow = reactive({});
@@ -1083,7 +1083,7 @@
  }
]
let socket = null;
const socketUrl = `ws://${WebSocketHost}:${host}/api/hollowGlass/api/talk/HollowGlassOne`;
const socketUrl = `ws://${window.ipConfig.serverUrl}/api/hollowGlass/api/talk/HollowGlassOne`;
const currentPage = ref(parseInt(window.localStorage.getItem('currentPage')) || 1);
watch(() => currentPage.value, (newVal) => {
  window.localStorage.setItem('currentPage', newVal);
@@ -1093,16 +1093,20 @@
  currentPage.value = newPage;
};
const handleMessage = (data) => {
  if (data.queueInfo != null) {
  if (data.queueInfo[0] != null) {
  const rawData = data.queueInfo[0]
  const formattedData = Object.entries(rawData).map(([key, data]) => ({  
    title: key,  
    tableDataa: Array.isArray(data) ? data : [data]  
  }));  
  tabList.value = formattedData;  
}
}else{
      tabList.value = [];
  }
  if (tabList.value.length > 0) {  
    activeTab.value = tabList.value[0].title;  
  }else {
      activeTab.value = '';
  }
  internalInstance.ctx.$forceUpdate();  

@@ -1394,6 +1398,7 @@
const handletake = (row) => {
  window.localStorage.setItem('flowCardId', row.flowCardId)
  dialogFormVisiblec.value = true;
  isSubmitting.value = false
  fetchmulan()
};
// 强制出片
@@ -1463,6 +1468,9 @@
function nestedTableRowClassName(parentRow, row) {
  if (parentRow.isThroughSlot == true) {
    return 'row-red-background';
  }
  if (row.row?.sumCount !== undefined && row.row?.pairCount !== undefined && row.row.sumCount !== row.row.pairCount) {
    return 'sum-equal-pair-row' // 返回自定义类名
  }
  return '';
}
@@ -1823,9 +1831,13 @@
      cell.value = '';
      formulaName.value = '';
      totalPairQuantity.value = '';
      isSubmitting.value = true
    } else {
      ElMessage.error(response.message);
      isSubmitting.value = true
    }
  } catch (error) {
      ElMessage.error(response.message);
  }
}
// 强制出片
@@ -1875,7 +1887,9 @@
const blinde = ref(false)
const labelPrint = ref(false);
const handleBinde = (flowCard) => {
  const summary = flowCard.reduce((map, item) => {
  const summary = flowCard
        .filter(item => item.isPair !== 0) 
        .reduce((map, item) => {
        const key = `${item.hollowSequence}`;
        if (!map[key]) {
          map[key] = {
@@ -1888,6 +1902,7 @@
        return map;
      }, {});
      listFlow.value = Object.values(summary);
      console.log(listFlow.value)
  blinde.value = true;
  getTags();
  hiprint.init();
@@ -1939,6 +1954,7 @@
  value: null,
  size: null
})

</script>
<style scoped>
#dt {
@@ -2001,4 +2017,9 @@
.el-loading-mask {
  z-index: 2000 !important;
}
/* 核心3：添加行变色样式，通过:deep穿透scoped */
:deep(.sum-equal-pair-row) {
  background-color: #fdf2e8 !important; /* 浅橙底色，可自行修改 */
  color: #e64340 !important; /* 文字色，可选 */
}
</style>