From 7f6af6907202cb7c9395a7020d249bd62e17d50f Mon Sep 17 00:00:00 2001 From: zhuzhuanzhuan Date: 星期五, 05 一月 2024 17:59:17 +0800 Subject: [PATCH] 1、解决车间看板页面因浏览器兼容性问题导致的样式不适配问题(使用浏览器86版本与其他版本做对比) 2、优化车间看板页面代码,将看板拖拽区域设置高度后再设置限制拖拽以试图解决进入页面后有概率设备无法自由拖拽问题(猜想因父子组件渲染顺序导致,父组件还未渲染完成,子组件就已限制区域,此时区域高度可能0,未在现场调试,本地调试无问题) 3、优化设备利用率、开动率及班次利用率页面代码,解决因浏览器版本问题导致表格前3列文字无法垂直排列导致的布局问题以及调整右上角区间展示区域为响应式布局 --- src/views/eam/DailyInspectionOrderList.vue | 49 ++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 42 insertions(+), 7 deletions(-) diff --git a/src/views/eam/DailyInspectionOrderList.vue b/src/views/eam/DailyInspectionOrderList.vue index 7ba2ee7..2beb98a 100644 --- a/src/views/eam/DailyInspectionOrderList.vue +++ b/src/views/eam/DailyInspectionOrderList.vue @@ -120,6 +120,7 @@ :loading="loading" class="j-table-force-nowrap" @change="handleTableChange" + :rowClassName="tableRowClass" > <!-- :rowSelection="rowSelection" --> <!-- :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" --> @@ -332,7 +333,14 @@ { title: '鐘舵��', align: "center", + width: 100, dataIndex: 'statusName' + }, + { + title: '鐐规鍛ㄦ湡', + align: "center", + width: 100, + dataIndex: 'inspectionCycleName' }, // { // title: '鐐规鏃ユ湡', @@ -397,11 +405,7 @@ // align: "center", // dataIndex: 'inspectionStandardNum' // }, - { - title: '鐐规鍛ㄦ湡', - align: "center", - dataIndex: 'inspectionCycleName' - }, + // { // title: '娲惧伐鏂瑰紡', // align: "center", @@ -506,7 +510,7 @@ }, handleOrderExe(record) { this.$refs.DailyInspectionOrderExeDrawer.visible = true - this.$refs.DailyInspectionOrderExeDrawer.title = '鏃ュ父鐐规宸ュ崟鎵ц' + this.$refs.DailyInspectionOrderExeDrawer.title = '鑷富缁存姢鐐规鎵ц' this.$refs.DailyInspectionOrderExeDrawer.handleShow(record) if (record.status === '3') { this.$refs.DailyInspectionOrderExeDrawer.buttonDistable = true//淇濆瓨銆佹殏瀛樸�佹姤宸� @@ -591,10 +595,41 @@ }) }, + //棰勮棰滆壊 + tableRowClass(record, index) { + if (("1" == record.status || "2" == record.status) && "1鏃�" == record.inspectionCycleName) { + if (record.redWarningTime < record.currentDateTime) { + return 'error' + } + } + }, + } } </script> -<style scoped> +<style> @import '~@assets/less/common.less'; +.frozenRowClass { + color: #c9c9c9; + font-weight: bold; +} +.success { + color: green; +} +.error { + color: red; + font-weight: bold; +} +.yellow { + color: rgba(255, 255, 0, 0.443); + font-weight: bold; +} +.fontweight { + font-weight: bold; +} + +.ant-table-tbody .red { + background-color: red !important; +} </style> \ No newline at end of file -- Gitblit v1.9.3