From 1d45ea75308850ad0ef575ca28ba3f93552f097c Mon Sep 17 00:00:00 2001
From: zhuzhuanzhuan
Date: 星期三, 24 一月 2024 16:01:58 +0800
Subject: [PATCH] 设备监控页面状态反馈按钮添加二次确认功能以及调整异常设备列表项字体颜色为红色显示
---
src/views/mdc/base/EquipmentList.vue | 76 ++++++++++++++++++++++----------------
1 files changed, 44 insertions(+), 32 deletions(-)
diff --git a/src/views/mdc/base/EquipmentList.vue b/src/views/mdc/base/EquipmentList.vue
index 1fb20c8..c2b147a 100644
--- a/src/views/mdc/base/EquipmentList.vue
+++ b/src/views/mdc/base/EquipmentList.vue
@@ -9,16 +9,24 @@
<a-col :md="6" :sm="12">
<a-form-item label="璁惧缂栧彿">
<!--<a-input placeholder="璇疯緭鍏ヨ处鍙锋煡璇�" v-model="queryParam.username"></a-input>-->
- <j-input placeholder="璇疯緭鍏ヨ澶囩紪鍙�" v-model="queryParam.equipmentId"></j-input>
+ <a-input placeholder="璇疯緭鍏ヨ澶囩紪鍙�" v-model="queryParam.equipmentId"></a-input>
</a-form-item>
</a-col>
<a-col :md="6" :sm="8">
<a-form-item label="璁惧鍚嶇О">
<!--<a-input placeholder="璇疯緭鍏ヨ处鍙锋煡璇�" v-model="queryParam.username"></a-input>-->
- <j-input placeholder="璇疯緭鍏ヨ澶囧悕绉�" v-model="queryParam.equipmentName"></j-input>
+ <a-input placeholder="璇疯緭鍏ヨ澶囧悕绉�" v-model="queryParam.equipmentName"></a-input>
</a-form-item>
</a-col>
+
+ <a-col :md="6" :sm="8">
+ <a-form-item label="杞﹂棿鍚嶇О">
+ <!--<a-input placeholder="璇疯緭鍏ヨ处鍙锋煡璇�" v-model="queryParam.username"></a-input>-->
+ <a-input placeholder="璇疯緭鍏ヨ溅闂村悕绉�" v-model="queryParam.productionName"></a-input>
+ </a-form-item>
+ </a-col>
+
<a-col :md="6" :sm="8">
<a-button type="primary" @click="searchQuery" icon="search">鏌ヨ</a-button>
<a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">閲嶇疆</a-button>
@@ -56,6 +64,7 @@
bordered
size="middle"
rowKey="id"
+ :scroll="{x:'max-content',y:465}"
:columns="columns"
:dataSource="dataSource"
:pagination="ipagination"
@@ -172,25 +181,25 @@
title: '璁惧缂栧彿',
align: "center",
dataIndex: 'equipmentId',
- width: 120,
+ width: 200,
// sorter: true
},
{
title: '璁惧鍚嶇О',
align: "center",
- width: 150,
+ width: 200,
dataIndex: 'equipmentName',
},
{
title: '杞﹂棿',
align: "center",
- width: 180,
+ width: 200,
dataIndex: 'productionName'
},
{
title: '璁惧绫诲瀷',
align: "center",
- width: 120,
+ width: 200,
dataIndex: 'equipmentType',
// scopedSlots: {customRender: "avatarslot"}
},
@@ -198,33 +207,33 @@
{
title: '椹卞姩绫诲瀷',
align: "center",
- width: 80,
+ width: 200,
dataIndex: 'driveType',
// sorter: true
},
{
title: '鏈哄簥IP',
align: "center",
- width: 100,
+ width: 200,
dataIndex: 'equipmentIp'
},
{
title: '璁惧鍔熺巼',
align: "center",
- width: 100,
+ width: 200,
dataIndex: 'devicePower'
},
{
title: '閮ㄩ棬',
align: "center",
- width: 180,
+ width: 200,
dataIndex: 'orgCodeTxt'
},
{
title: '绯荤粺鐗堟湰',
align: "center",
- width: 80,
+ width: 200,
dataIndex: 'systemVersion'
},
{
@@ -232,7 +241,8 @@
dataIndex: 'action',
scopedSlots: {customRender: 'action'},
align: "center",
- width: 120
+ width: 150,
+ fixed:'right'
}
],
@@ -282,25 +292,25 @@
title: '璁惧缂栧彿',
align: "center",
dataIndex: 'equipmentId',
- width: 120,
+ width: 200,
// sorter: true
},
{
title: '璁惧鍚嶇О',
align: "center",
- width: 150,
+ width: 200,
dataIndex: 'equipmentName',
},
{
title: '杞﹂棿',
align: "center",
- width: 180,
+ width: 200,
dataIndex: 'productionName'
},
{
title: '璁惧绫诲瀷',
align: "center",
- width: 120,
+ width: 200,
dataIndex: 'equipmentType',
// scopedSlots: {customRender: "avatarslot"}
},
@@ -308,33 +318,33 @@
{
title: '椹卞姩绫诲瀷',
align: "center",
- width: 80,
+ width: 200,
dataIndex: 'driveType',
// sorter: true
},
{
title: '鏈哄簥IP',
align: "center",
- width: 100,
+ width: 200,
dataIndex: 'equipmentIp'
},
{
title: '璁惧鍔熺巼',
align: "center",
- width: 100,
+ width: 200,
dataIndex: 'devicePower'
},
// {
// title: '閮ㄩ棬',
// align: "center",
- // width: 180,
+ // width: 200,
// dataIndex: 'orgCodeTxt'
// },
{
title: '绯荤粺鐗堟湰',
align: "center",
- width: 80,
+ width: 200,
dataIndex: 'systemVersion'
},
{
@@ -342,7 +352,8 @@
dataIndex: 'action',
scopedSlots: {customRender: 'action'},
align: "center",
- width: 120
+ width: 150,
+ fixed:'right'
}
]
@@ -362,25 +373,25 @@
title: '璁惧缂栧彿',
align: "center",
dataIndex: 'equipmentId',
- width: 120,
+ width: 200,
// sorter: true
},
{
title: '璁惧鍚嶇О',
align: "center",
- width: 150,
+ width: 200,
dataIndex: 'equipmentName',
},
{
title: '杞﹂棿',
align: "center",
- width: 180,
+ width: 200,
dataIndex: 'productionName'
},
{
title: '璁惧绫诲瀷',
align: "center",
- width: 120,
+ width: 200,
dataIndex: 'equipmentType',
// scopedSlots: {customRender: "avatarslot"}
},
@@ -388,33 +399,33 @@
{
title: '椹卞姩绫诲瀷',
align: "center",
- width: 80,
+ width: 200,
dataIndex: 'driveType',
// sorter: true
},
{
title: '鏈哄簥IP',
align: "center",
- width: 100,
+ width: 200,
dataIndex: 'equipmentIp'
},
{
title: '璁惧鍔熺巼',
align: "center",
- width: 100,
+ width: 200,
dataIndex: 'devicePower'
},
{
title: '閮ㄩ棬',
align: "center",
- width: 180,
+ width: 200,
dataIndex: 'orgCodeTxt'
},
{
title: '绯荤粺鐗堟湰',
align: "center",
- width: 80,
+ width: 200,
dataIndex: 'systemVersion'
},
{
@@ -422,7 +433,8 @@
dataIndex: 'action',
scopedSlots: {customRender: 'action'},
align: "center",
- width: 120
+ width: 150,
+ fixed:'right'
}
]
--
Gitblit v1.9.3