From 027c1fcde746ddfea5af9d9e35cf3ac1d12c0bca Mon Sep 17 00:00:00 2001
From: panzy <225@qq.com>
Date: 星期六, 21 五月 2022 08:39:52 +0800
Subject: [PATCH] 表格添加loding转圈
---
src/views/hiddenDangerManagement/index.vue | 30 +++++++++++++++++++++++-------
1 files changed, 23 insertions(+), 7 deletions(-)
diff --git a/src/views/hiddenDangerManagement/index.vue b/src/views/hiddenDangerManagement/index.vue
index 3146c82..19f63b9 100644
--- a/src/views/hiddenDangerManagement/index.vue
+++ b/src/views/hiddenDangerManagement/index.vue
@@ -181,9 +181,13 @@
</el-col>
</el-row>
- <el-table :data="tableData" ref="dataTable" style="width: 100%">
+ <el-table :data="tableData" ref="dataTable" style="width: 100%" v-loading="loading">
<el-table-column type="selection" width="55" align="center"></el-table-column>
- <el-table-column prop="number" label="编号" align="center" width="120"></el-table-column>
+ <el-table-column prop="number" label="编号" align="center" width="120">
+ <template slot-scope="scope">
+ <div class="blue-font-color" @click="showDetails(scope.row)">{{ scope.row.number }}</div>
+ </template>
+ </el-table-column>
<el-table-column prop="ht_branch" label="隐患单位" align="center" width="120"></el-table-column>
<el-table-column prop="check_man" label="检查人" align="center" width="120"></el-table-column>
<el-table-column label="隐患项目" align="center">
@@ -300,6 +304,7 @@
YHBMList: [],
YHJBList: [],
tableData: [],
+ loading:false,
listQuery: {
page: 1,
limit: 10,
@@ -392,7 +397,9 @@
getPageList() {
this.listQuery.page = 1
this.checkTime()
+ this.loading = true
getPageList(this.listQuery).then(res => {
+ this.loading = false
if (res.data.ok == 1) {
this.tableData = res.data.data.items
this.recordTotal = res.data.data.total
@@ -474,7 +481,7 @@
fillRectification() {
var checkData = this.$refs.dataTable.selection;
if (checkData.length < 1) {
- this.$message({type: 'warn', message: "请选择勾选需要填写的数据！", duration: 3000})
+ this.$message({type: 'warning', message: "请选择勾选需要填写的数据！", duration: 3000})
return;
}
this.$router.push({
@@ -485,7 +492,7 @@
fillInspector() {
var checkData = this.$refs.dataTable.selection;
if (checkData.length < 1) {
- this.$message({type: 'warn', message: "请选择勾选需要填写的数据！", duration: 3000})
+ this.$message({type: 'warning', message: "请选择勾选需要填写的数据！", duration: 3000})
return;
}
this.$router.push({
@@ -567,7 +574,7 @@
revoke() {
var checkData = this.$refs.dataTable.selection;
if (checkData.length < 1) {
- this.$message({type: 'warn', message: "请勾选需要撤销的数据！", duration: 3000})
+ this.$message({type: 'warning', message: "请勾选需要撤销的数据！", duration: 3000})
return;
}
var revokeIds = "";
@@ -595,7 +602,7 @@
deleteBath() {
var checkData = this.$refs.dataTable.selection;
if (checkData.length < 1) {
- this.$message({type: 'warn', message: "请勾选需要删除的数据！", duration: 3000})
+ this.$message({type: 'warning', message: "请勾选需要删除的数据！", duration: 3000})
return;
}
var deleteIds = "";
@@ -654,6 +661,12 @@
}
})
})
+ },
+ showDetails(row){
+ this.$router.push({
+ path: "/dangerDetails",
+ query:{"id":row.id}
+ })
}
}
};
@@ -686,7 +699,10 @@
border: none;
border-radius: 0px;
}
-
+.blue-font-color:hover{
+ cursor: pointer;
+ color: blue;
+}
.title-center /deep/ .el-radio-button__orig-radio:checked + .el-radio-button__inner {
background-color: #034ea2;
background-color: #034ea2;
--
Gitblit v1.9.2