From 8c320bae338a62201d89a070702e88b2a3911447 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Wed, 27 Nov 2024 16:20:58 +0800
Subject: [PATCH] 1.表格无数据中文提示处理 2.控制台警告处理 3.企业详情应急空间报错处理 4.console信息删除
---
src/views/rt/components/box/dataContent.vue | 78 +++++++++++++++++++-------------------
1 files changed, 39 insertions(+), 39 deletions(-)
diff --git a/src/views/rt/components/box/dataContent.vue b/src/views/rt/components/box/dataContent.vue
index 083443a..9598bb2 100644
--- a/src/views/rt/components/box/dataContent.vue
+++ b/src/views/rt/components/box/dataContent.vue
@@ -2,21 +2,21 @@
* @Author: shuishen 1109946754@qq.com
* @Date: 2023-03-13 14:54:26
* @LastEditors: shuishen 1109946754@qq.com
- * @LastEditTime: 2023-03-13 15:00:55
- * @FilePath: \forest-fire\src\views\statistics\components\box\dataContent.vue
+ * @LastEditTime: 2024-11-27 14:32:26
+ * @FilePath: \bigScreen\src\views\rt\components\box\dataContent.vue
* @Description:
*
* Copyright (c) 2023 by ${git_name_email}, All Rights Reserved.
-->
<script setup>
-import publicContent from "./publicContent.vue";
-import { getList } from "@/api/rescueTeam/rescueTeam";
+import publicContent from "./publicContent.vue"
+import { getList } from "@/api/rescueTeam/rescueTeam"
import { getPage } from '@/api/indParkInfo'
-import { reactive } from "vue";
+import { reactive } from "vue"
-const loading = ref(false);
+const loading = ref(false)
-const tableData = ref([]);
+const tableData = ref([])
let currentIndex = ref(0)
// 园区 企业
@@ -24,19 +24,19 @@
{ label: "园区救援队伍", value: "0", id: "1" },
{ label: "企业救援队伍", value: "0", id: "2" }
-]);
+])
const pages = {
page: 1,
pageSize: 100,
total: 0,
-};
+}
onMounted(() => {
- getLists(formInline);
-});
+ getLists(formInline)
+})
-function handleClick(item, index) {
+function handleClick (item, index) {
currentIndex.value = index
pages.page = 1
pages.pageSize = 1000
@@ -46,43 +46,42 @@
} else {
formInline.type = 2
}
- getLists(formInline);
+ getLists(formInline)
}
// 表格样式
const tableCellStyle = ({ row, column }) => {
- return { background: "#152851", color: "#fff" };
-};
+ return { background: "#152851", color: "#fff" }
+}
// 表格表头样式
const headerCellStyle = ({ }) => {
return {
background: "#152851",
color: "#fff",
- };
-};
+ }
+}
// 搜索条件
const formInline = reactive({
perInCha: "",
type: '1'
-});
+})
// 提交查询
const onSubmit = () => {
pages.page = 1
pages.pageSize = 13
pages.total = 0
- console.log("submit!");
- getLists(formInline);
-};
+ getLists(formInline)
+}
// 分页树改变
const handleSizeChange = (val) => {
- pages.pageSize = val;
- getLists(formInline);
+ pages.pageSize = val
+ getLists(formInline)
}
// 分页改变
const handleCurrentChange = (val) => {
- pages.page = val;
- getLists(formInline);
+ pages.page = val
+ getLists(formInline)
}
// 重置条件
const clearBtn = () => {
@@ -91,23 +90,24 @@
pages.page = 1
pages.pageSize = 13
pages.total = 0
- getLists(formInline);
+ getLists(formInline)
}
// 查询分页数据
-function getLists(param = {}) {
- param.current = pages.page;
- param.size = pages.pageSize;
- loading.value = true;
+function getLists (param = {}) {
+ tableData.value = []
+ param.current = pages.page
+ param.size = pages.pageSize
+ loading.value = true
getList(param)
.then((res) => {
- const data = res.data.data;
- tableData.value = data.records;
+ const data = res.data.data
+ tableData.value = data.records
})
.catch((err) => {
- loading.value = false;
- console.log(err);
- });
+ loading.value = false
+ console.log(err)
+ })
}
</script>
@@ -118,7 +118,7 @@
<div class="list_box">
<ul>
- <li v-for="( item, index ) in tilteList " :key="index" :class="[currentIndex === index ? 'active' : '']"
+ <li v-for="( item, index ) in tilteList " :key="index" :class="[currentIndex === index ? 'active' : '']"
@click="handleClick(item, index)">
{{ item.label }}
</li>
@@ -127,7 +127,7 @@
<div class="page_box">
- <el-table border empty-text="" v-if="formInline.type == 1" :data="tableData" style="width: 100%"
+ <el-table empty-text="暂无数据" border v-if="formInline.type == 1" :data="tableData" style="width: 100%"
:header-cell-style="headerCellStyle" :cell-style="tableCellStyle">
<el-table-column prop="teamName" label="救援队伍组名称" />
<el-table-column prop="teamJob" label="救援队伍组职务" />
@@ -136,8 +136,8 @@
<el-table-column prop="perInChaPho" label="联系电话" />
</el-table>
- <el-table border empty-text="" v-else :data="tableData" style="width: 100%" :header-cell-style="headerCellStyle"
- :cell-style="tableCellStyle">
+ <el-table empty-text="暂无数据" border v-else :data="tableData" style="width: 100%"
+ :header-cell-style="headerCellStyle" :cell-style="tableCellStyle">
<el-table-column prop="firmName" label="企业名称" />
<el-table-column prop="perInCha" label="责任人姓名" />
<el-table-column prop="perInChaPho" label="联系电话" />
--
Gitblit v1.9.3