From dd6912b96f3738458b29c993de26e501edfc4778 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Tue, 15 Apr 2025 16:48:54 +0800
Subject: [PATCH] feat: 去掉分页，调整机巢详情列表样式
---
src/views/SignMachineNest/MachineRight/MachineStatus/MachineTableDetails/DeviceEvent.vue | 62 +++++++++++++++++++------------
1 files changed, 38 insertions(+), 24 deletions(-)
diff --git a/src/views/SignMachineNest/MachineRight/MachineStatus/MachineTableDetails/DeviceEvent.vue b/src/views/SignMachineNest/MachineRight/MachineStatus/MachineTableDetails/DeviceEvent.vue
index 62b17e1..00afe76 100644
--- a/src/views/SignMachineNest/MachineRight/MachineStatus/MachineTableDetails/DeviceEvent.vue
+++ b/src/views/SignMachineNest/MachineRight/MachineStatus/MachineTableDetails/DeviceEvent.vue
@@ -6,7 +6,7 @@
>件
</p>
</div>
- <div class="deviceevent-table ztzf-table">
+ <div class="deviceevent-table ztzf-table" >
<el-table :data="list" :row-class-name="tableRowClassName"
style="width: 100%;"
:row-style="{ height: '38px', fontSize: '14px', 'text-align': 'center' }"
@@ -18,41 +18,35 @@
</el-table-column>
<el-table-column prop="id" label="事件编号" />
<el-table-column prop="event_name" label="事件名称" />
- <el-table-column prop="event_name" label="所属单位 " />
- <el-table-column show-overflow-tooltip prop="media_type" label="事件内容" />
+ <el-table-column prop="create_user" label="所属单位 " />
+ <el-table-column show-overflow-tooltip prop="remark" label="事件内容" />
<el-table-column show-overflow-tooltip prop="ai_types" label="关联算法" />
<el-table-column prop="status" label="事件状态">
<template #default="scope">
- <el-tag v-if="scope.row.status === 0" type="info">待处理</el-tag>
- <el-tag v-if="scope.row.status === 1" type="success">待分拨</el-tag>
- <el-tag v-if="scope.row.status === 2" type="warning">待处理</el-tag>
- <el-tag v-if="scope.row.status === 3" type="success">处理中</el-tag>
- <el-tag v-if="scope.row.status === 4" type="success">已完成</el-tag>
- <el-tag v-if="scope.row.status === 5" type="success">已完结</el-tag>
+ <div class="pending" v-if="scope.row.status === 0">待处理</div>
+ <div class="reviewed" v-if="scope.row.status === 2">待审核</div>
+ <div class="processing" v-if="scope.row.status === 3">处理中</div>
+ <div class="done" v-if="scope.row.status === 4">已完成</div>
+ <div class="ended" v-if="scope.row.status === 5">已完结</div>
</template>
</el-table-column>
-
<el-table-column label="操作" width="80">
<template #default="scope">
<div class="ztzf-view" @click="distribution(scope.row)">查看</div>
</template>
- <!-- <template #default="scope" >
- <el-button type="success" link @click="examine(scope.row)">审核</el-button>
- <el-button type="primary" link @click="distribution(scope.row)">查看</el-button>
- </template> -->
</el-table-column>
</el-table>
</div>
- <el-pagination
+ <!-- <el-pagination
class="ztzf-pagination"
background
:page-sizes="[10, 20, 30, 50]"
v-model:current-page="sizeParams.current"
v-model:page-size="sizeParams.size"
- layout="prev, pager, next, jumper"
+ layout="prev, pager, next,sizes, jumper"
:total="total"
@change="pageChange"
- />
+ /> -->
</div>
</template>
<script setup>
@@ -66,7 +60,7 @@
})
const sizeParams = ref({
current: 1,
- size: 5,
+ size: 99999,
})
const store = useStore()
const device_sn = computed(() => store.state.home.singleUavHome.device_sn)
@@ -85,6 +79,7 @@
const resData = res?.data?.data || {}
list.value = resData.records
total.value = resData.total
+
})
@@ -108,7 +103,9 @@
</script>
<style scoped lang="scss">
-
+.deviceevent-container {
+margin-top:10px;
+}
// 标题
.machineTableDetailsTitle {
margin: 0 24px;
@@ -133,6 +130,9 @@
// 表格
.deviceevent-table {
padding: 0 17px;
+height: 280px;
+ overflow: hidden;
+ overflow-y: scroll !important;
}
// 分页
@@ -145,10 +145,24 @@
background: center center no-repeat none !important;
color: #8eb8ea !important;
}
-
-:deep(.el-tag){
-background: none !important;
-border:none !important
+// 待处理
+.pending{
+color: #FF7411;
}
-
+// 待审核
+.reviewed{
+color: #8CFEA7;
+}
+// 处理中
+.processing{
+color: #FFC398;
+}
+// 已完成
+.done{
+color: #AFD9FB;
+}
+// 已完结
+.ended{
+color: #11C4FF;
+}
</style>
--
Gitblit v1.9.3