表格添加loding转圈

panzy

2022-05-21 027c1fcde746ddfea5af9d9e35cf3ac1d12c0bca

 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;
}