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/summaryPotentialSafetyHzards/index.vue | 53 +++++++++++++++++++++++++++++++---------------------- 1 files changed, 31 insertions(+), 22 deletions(-) diff --git a/src/views/summaryPotentialSafetyHzards/index.vue b/src/views/summaryPotentialSafetyHzards/index.vue index 4f953f9..a647499 100644 --- a/src/views/summaryPotentialSafetyHzards/index.vue +++ b/src/views/summaryPotentialSafetyHzards/index.vue @@ -67,26 +67,30 @@ </el-select> </el-form-item> </div> - <el-form-item label="统计类别"> - <el-radio-group v-model="form.x_axis" style="padding: 0px 0;"> - <el-radio label="ht_branch">按隐患部门</el-radio> - <el-radio label="ht_typesub">按专业</el-radio> - <el-radio label="ht_level">按级别</el-radio> - <el-radio label="checktype">按检查类别</el-radio> - <el-radio label="ht_community">按检查单位(上级单位)</el-radio> - <el-radio label="check_branch">按检查单位(本部单位)</el-radio> - </el-radio-group> - </el-form-item> - <el-form-item label="汇总类别"> - <el-radio-group v-model="form.y_axis"> - <el-radio label="ht_branch">按隐患部门</el-radio> - <el-radio label="ht_typesub">按专业</el-radio> - <el-radio label="ht_level">按级别</el-radio> - <el-radio label="checktype">按检查类别</el-radio> - <el-radio label="ht_community">按检查单位(上级单位)</el-radio> - <el-radio label="check_branch">按检查单位(本部单位)</el-radio> - </el-radio-group> - </el-form-item> + <el-row> + <el-form-item label="统计类别"> + <el-radio-group v-model="form.x_axis" style="padding: 0px 0;"> + <el-radio label="ht_branch">按隐患部门</el-radio> + <el-radio label="ht_typesub">按专业</el-radio> + <el-radio label="ht_level">按级别</el-radio> + <el-radio label="checktype">按检查类别</el-radio> + <el-radio label="ht_community">按检查单位(上级单位)</el-radio> + <el-radio label="check_branch">按检查单位(本部单位)</el-radio> + </el-radio-group> + </el-form-item> + </el-row> + <el-row> + <el-form-item label="汇总类别"> + <el-radio-group v-model="form.y_axis"> + <el-radio label="ht_branch">按隐患部门</el-radio> + <el-radio label="ht_typesub">按专业</el-radio> + <el-radio label="ht_level">按级别</el-radio> + <el-radio label="checktype">按检查类别</el-radio> + <el-radio label="ht_community">按检查单位(上级单位)</el-radio> + <el-radio label="check_branch">按检查单位(本部单位)</el-radio> + </el-radio-group> + </el-form-item> + </el-row> </div> <div class="center" style="text-align: center;padding-top: 10px;"> <el-form-item label="检查时间:"> @@ -110,6 +114,7 @@ </el-form> <el-table :data="tableData" + v-loading="loading" style="width: 100%"> <el-table-column align="center" label="众泰煤焦化-安全隐患台帐"> <el-table-column @@ -199,6 +204,7 @@ YHBMList: [], YHJBList: [], YHZTList: [], + loading: false, startDate: "", endDate: "", } @@ -325,7 +331,9 @@ } selectData.push(timeSearchCloumn) requestData.query_condition = selectData; + this.loading = true; danger_summary(requestData).then(res => { + this.loading = false; if (res.data.ok == 1) { this.tableData = res.data.data } else { @@ -369,7 +377,7 @@ return data.value }, - showYHList(row,item){ + showYHList(row, item) { var searchData = {}; searchData[this.form.x_axis] = item.x_label; searchData[this.form.y_axis] = row.y_label; @@ -460,7 +468,8 @@ /deep/ .el-date-editor .el-range-separator { width: auto; } -.clickSpan:hover{ + +.clickSpan:hover { cursor: pointer; } -- Gitblit v1.9.2