<template>
  <div id="center">
    <div class="up">
      <div
        class="bg-color-black item"
        v-for="(item, index) in titleItem"
        :key="item.title"
        v-show="itemstatus"
      >
        <p class="ml-3 colorBlue fw-b">{{ item.title }}</p>
        <div>
          <div class="numdiv">{{ itemlist[index] }}</div>
          <!-- <dv-digital-flop
            :config="item.number"
            style="width: 1.25rem; height: 0.625rem;"
          /> -->
        </div>
      </div>
      <!-- <div
        class="bg-color-black item pointer"
        v-for="item in titleItem1"
        :key="item.title"
        v-show="itemstatus1" @click="leverschool"
      >
        <p class="ml-3 colorBlue fw-b">{{ item.title }}</p>
        <div>
          <div class="numdiv">{{ itemnum }}</div>
        </div>
      </div> -->
    </div>
    <div class="down" style="display: none;">
      <div class="ranking bg-color-black">
        <span style="color: #5cd9e8">
          <icon name="align-left"></icon>
        </span>
        <span class="fs-xl text mx-2 mb-1">每天晚归人数</span>
        <!-- <dv-scroll-ranking-board :config="ranking" style="height:2.75rem" /> -->
        <Echart
          :options="options"
          id="centreLeft1Chart"
          height="2.7rem"
          width="100%"
        ></Echart>

        <div style="height: 2.75rem">
          <canvas id="main"></canvas>
        </div>
      </div>
      <!-- <div class="percent">
        <div class="item bg-color-black">
          <span>今日任务通过率</span>
          <CenterChart :id="rate[0].id" :tips="rate[0].tips" :colorObj="rate[0].colorData" />
        </div>
        <div class="item bg-color-black">
          <span>今日任务达标率</span>
          <CenterChart :id="rate[1].id" :tips="rate[1].tips" :colorObj="rate[1].colorData" />
        </div>
        <div class="water">
          <dv-water-level-pond :config="water" style="height: 1.5rem" />
        </div>
      </div> -->
    </div>
    <el-dialog
      title="离校列表"
      :visible.sync="dialogVisible"
      :append-to-body="true"
      height="600"
      width="60%"
      class="dialog"
    >
      <el-table :data="LeaveSchool1" stripe style="width: 100%">
        <el-table-column prop="deviceNum" label="设备号" width="250">
        </el-table-column>
        <el-table-column prop="name" label="姓名" width="180">
        </el-table-column>
        <el-table-column prop="userTelephone" label="账号" width="180">
        </el-table-column>
        <el-table-column prop="roomName" label="房间号"> </el-table-column>
        <el-table-column label="开锁方式">
          <template #default="scope">
            <span v-if="scope.row.openType==1">指纹开锁</span>
            <span v-if="scope.row.openType==2">数字键盘开锁</span>
            <span v-if="scope.row.openType==3">NFC开锁</span>
            <span v-if="scope.row.openType==4">机械钥匙开锁</span>
            <span v-if="scope.row.openType==5">蓝牙开锁</span>
            <span v-if="scope.row.openType==6">NB开锁</span>
            <span v-if="scope.row.openType==7">身份证</span>
            <span v-if="scope.row.openType==8">单机密码开锁</span>
            <span v-if="scope.row.openType==9">人脸开锁</span>
          </template>
</el-table-column>
<el-table-column prop="openTime" label="开锁时间" width="250"> </el-table-column>
</el-table>
<!-- <div class="paging"> <el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="currentPage4"
      :page-sizes="[10,20,50,100]"
      :page-size="pageSize"
      layout="total, sizes, prev, pager, next, jumper"
      :total="leavetotal">
    </el-pagination></div> -->
</el-dialog>
</div>
</template>

<script>
    import CenterChart from "../../components/echart/center/centerChartRate";
    import Echart from "@/common/echart";
    import {
        httpPost,
        httpGet
    } from "../../api";
    export default {
        data() {
            return {
                itemlist: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
                dialogVisible: false,
                itemstatus: true,
                itemstatus1: true,
                LeaveSchool: [],
                LeaveSchool1: [],
                leavetotal: 0,
                currentPage4: 1,
                pageSize: 1,
                itemnum: 0,
                options: {
                    tooltip: {
                        trigger: "axis",
                        axisPointer: {
                            // 坐标轴指示器，坐标轴触发有效
                            type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
                        },
                    },
                    grid: {
                        left: "3%",
                        right: "4%",
                        bottom: "3%",
                        containLabel: true,
                    },
                    xAxis: [{
                        type: "category",
                        data: ["", "", "", "", "", "", ""],
                        axisTick: {
                            alignWithLabel: true,
                        },
                    }, ],
                    yAxis: [{
                        type: "value",
                    }, ],
                    series: [{
                        name: "晚归人数",
                        type: "bar",
                        barWidth: "60%",
                        data: [0, 0, 0, 0, 0, 0, 0],
                    }, ],
                },
                titleItem: [{
                    title: "项目总数",
                    number: {
                        number: [0],
                        toFixed: 0,
                        content: "{nt}",
                    },
                }, {
                    title: "房间总数",
                    number: {
                        number: [0],
                        toFixed: 0,
                        content: "{nt}",
                    },
                }, {
                    title: "用户总数",
                    number: {
                        number: [0],
                        toFixed: 0,
                        content: "{nt}",
                    },
                }, {
                    title: "开锁总数",
                    number: {
                        number: [0],
                        toFixed: 0,
                        content: "{nt}",
                    },
                }, {
                    title: "使用门锁",
                    number: {
                        number: [0],
                        toFixed: 0,
                        content: "{nt}",
                    },
                }, {
                    title: "未使用门锁",
                    number: {
                        number: [0],
                        toFixed: 0,
                        content: "{nt}",
                    },
                }, {
                    title: "低电量警告",
                    number: {
                        number: [0],
                        toFixed: 0,
                        content: "{nt}",
                    },
                }, {
                    title: "指纹试错警告",
                    number: {
                        number: [0],
                        toFixed: 0,
                        content: "{nt}",
                    },
                }, {
                    title: "密码试错警告",
                    number: {
                        number: [0],
                        toFixed: 0,
                        content: "{nt}",
                    },
                }, {
                    title: "密码开锁",
                    number: {
                        number: [0],
                        toFixed: 0,
                        content: "{nt}",
                    },
                }, {
                    title: "指纹开锁",
                    number: {
                        number: [0],
                        toFixed: 0,
                        content: "{nt}",
                    },
                }, {
                    title: "NFC开锁",
                    number: {
                        number: [0],
                        toFixed: 0,
                        content: "{nt}",
                    },
                }, {
                    title: "蓝牙开锁",
                    number: {
                        number: [0],
                        toFixed: 0,
                        content: "{nt}",
                    },
                }, {
                    title: "钥匙开锁",
                    number: {
                        number: [0],
                        toFixed: 0,
                        content: "{nt}",
                    },
                }, {
                    title: "身份证开锁",
                    number: {
                        number: [0],
                        toFixed: 0,
                        content: "{nt}",
                    },
                }],
                // titleItem1: [
                //   {
                //     title: "离校人数（查看)",
                //     number: {
                //       number: [0],
                //       toFixed: 0,
                //       content: "{nt}",
                //     },
                //   },
                // ],
                ranking: {
                    data: [{
                        name: "周口",
                        value: 55,
                    }, {
                        name: "南阳",
                        value: 120,
                    }, {
                        name: "西峡",
                        value: 78,
                    }, {
                        name: "驻马店",
                        value: 66,
                    }, {
                        name: "新乡",
                        value: 80,
                    }, {
                        name: "新乡2",
                        value: 80,
                    }, {
                        name: "新乡3",
                        value: 80,
                    }, {
                        name: "新乡4",
                        value: 80,
                    }, {
                        name: "新乡5",
                        value: 80,
                    }, {
                        name: "新乡6",
                        value: 80,
                    }, ],
                    carousel: "single",
                    unit: "人",
                },
                water: {
                    data: [24, 45],
                    shape: "roundRect",
                    formatter: "{value}%",
                    waveNum: 3,
                },
                // 通过率和达标率的组件复用数据
                rate: [{
                    id: "centerRate1",
                    tips: 60,
                    colorData: {
                        textStyle: "#3fc0fb",
                        series: {
                            color: ["#00bcd44a", "transparent"],
                            dataColor: {
                                normal: "#03a9f4",
                                shadowColor: "#97e2f5",
                            },
                        },
                    },
                }, {
                    id: "centerRate2",
                    tips: 40,
                    colorData: {
                        textStyle: "#67e0e3",
                        series: {
                            color: ["#faf3a378", "transparent"],
                            dataColor: {
                                normal: "#ff9800",
                                shadowColor: "#fcebad",
                            },
                        },
                    },
                }, ],
            };
        },
        components: {
            CenterChart,
            Echart,
            // centerChart1,
            // centerChart2
        },
        created() {
            this.getcount();
            this.queryfirst();
            this.queryfirst1();
            this.queryfirst2();
            this.queryfirst3();
            this.queryfirst4();
            this.queryfirst5(); //低电量警告
            // this.queryfirst6();//指纹试错警告
            // this.queryfirst7();//密码试错警告
            this.queryfirst8(); //密码开锁
            this.queryfirst9(); //指纹开锁
            this.queryfirst10(); //NFC开锁
            this.queryfirst11(); //蓝牙开锁
            this.queryfirst12(); //钥匙开锁
            this.queryfirst13(); //身份证开锁
            // this.getOpenRecord();
            // this.getlxnum();
            var xAxis = this.options.xAxis[0].data;
            for (var i = 0; i < 7; i++) {
                xAxis[i] = this.getBeforeDate1(7 - i);
            }
            this.options.xAxis[0].data = xAxis;
        },
        mounted() {},
        watch: {
            // options: function (newName, oldName) {
            //   this.itemstatus = false;
            //   this.$nextTick(() => {
            //     this.options = newName;
            //     this.itemstatus = true;
            //   });
            // }
        },
        methods: {
            leverschool() {
                this.dialogVisible = true
            },
            // 获取离校人数
            getBeforeDate1(n) {
                var n = n;
                var date = new Date();
                var year = date.getFullYear();
                var mon = date.getMonth() + 1;
                var day = date.getDate();
                if (day <= n) {
                    if (mon > 1) {
                        mon = mon - 1;
                    } else {
                        year = year - 1;
                        mon = 12;
                    }
                }
                date.setDate(date.getDate() - n);
                year = date.getFullYear();
                mon = date.getMonth() + 1;
                day = date.getDate();
                var s = (mon < 10 ? "0" + mon : mon) + "-" + (day < 10 ? "0" + day : day);
                return s;
            },
            getBeforeDate(n) {
                var n = n;
                var date = new Date();
                var year = date.getFullYear();
                var mon = date.getMonth() + 1;
                var day = date.getDate();
                if (day <= n) {
                    if (mon > 1) {
                        mon = mon - 1;
                    } else {
                        year = year - 1;
                        mon = 12;
                    }
                }
                date.setDate(date.getDate() - n);
                year = date.getFullYear();
                mon = date.getMonth() + 1;
                day = date.getDate();
                var s =
                    year +
                    "-" +
                    (mon < 10 ? "0" + mon : mon) +
                    "-" +
                    (day < 10 ? "0" + day : day);
                return s + " 00:00:00";
            },
            getcurrentdate() {
                var date = new Date();
                var year = date.getFullYear();
                var mon = date.getMonth() + 1;
                var day = date.getDate();
                var s =
                    year +
                    "-" +
                    (mon < 10 ? "0" + mon : mon) +
                    "-" +
                    (day < 10 ? "0" + day : day);
                return s + " 00:00:00";
            },
            getTargetTime(t) {
                var d = t.split(" ")[0],
                    h = t.split(" ")[1],
                    date = new Date();
                date.setYear(d.split("-")[0]);
                date.setMonth(d.split("-")[1] - 1);
                date.setDate(d.split("-")[2]);
                date.setHours(h.split(":")[0]);
                date.setMinutes(h.split(":")[1]);
                date.setSeconds(h.split(":")[2]);
                return date.getTime();
            },
            formatDate(date) {
                var date = new Date(date);
                var YY = date.getFullYear() + "-";
                var MM =
                    (date.getMonth() + 1 < 10 ?
                        "0" + (date.getMonth() + 1) :
                        date.getMonth() + 1) + "-";
                var DD = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
                var hh =
                    (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":";
                var mm =
                    (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) +
                    ":";
                var ss =
                    date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
                return YY + MM + DD + " " + hh + mm + ss;
            },
            // 获取晚归数据
            getOpenRecord() {
                var date = new Date();
                var startTime = parseInt((date.getTime() - 30 * 24 * 3600 * 1000) / 1000);
                var endTime = parseInt(date.getTime() / 1000);
                var data = {
                    startDay: startTime,
                    endDay: endTime,
                    endHour: "22:00:00",
                    startHour: "05:00:00",
                    //  startTime: this.getBeforeDate(7),
                    // endTime: this.getcurrentdate(),
                };
                httpPost(data, this.$api.lateOpenLock).then((res) => {
                    var array = [],
                        servis = this.options;
                    for (var i = 0; i < 7; i++) {
                        res.data.map((li, index) => {
                            // var time = parseInt(new Date(date.toDateString()).getTime());
                            var time = this.getBeforeDate(i + 1);
                            var time3 = this.getTargetTime(time);
                            var time1 = time3 + parseInt(5 * 3600 * 1000);
                            var time2 = time3 + parseInt(16 * 3600 * 1000);
                            var time4 = time3 + parseInt(24 * 3600 * 1000);
                            var liopentime = parseInt(li.openTime) * 1000;
                            if (
                                (liopentime > time2 || liopentime < time1) &&
                                liopentime > time3 &&
                                liopentime < time4
                            ) {
                                var index = 6 - i;
                                var str = JSON.parse(JSON.stringify(li));
                                array.push(str);
                                if (JSON.stringify(array).indexOf(li.deviceNum) != -1) {
                                    // console.log(1)
                                    servis.series[0].data[index] += 1;
                                }
                            }
                        });
                    }
                    this.$set(this.options, servis);
                });
            },
            // 获取校区，楼栋，房间数量
            queryfirst() {
                var q = {
                    type: 0,
                };
                var data = {
                    q: JSON.stringify(q),
                };
                httpGet(data, this.$api.getSiteList).then((res) => {
                    // this.titleItem[0].number.number[0]=res.data.total
                    this.itemstatus = false;
                    this.$nextTick(() => {
                        this.titleItem[0].number.number[0] = res.data.list.total;
                        this.itemlist[0] = res.data.list.total;
                        this.itemstatus = true;
                    });
                });
            },
            queryfirst1() {
                var q = {
                    // type: 0,
                };
                var data = {
                    pageNum: 1,
                    pageSize: 10,
                    q: JSON.stringify(q),
                };
                httpPost(data, this.$api.getlistNum).then((res1) => {
                    this.itemstatus = false;
                    this.$nextTick(() => {
                        this.titleItem[2].number.number[0] = res1.data.total;
                        this.itemlist[2] = res1.data.total;
                        this.itemstatus = true;
                    });
                });
            },
            queryfirst2() {
                var data1 = {
                    pageNum: 1,
                    pageSize: 1,
                    orderBy: "open_time desc"
                };
                httpPost(data1, this.$api.getOpenRecord).then((res) => {
                    this.itemstatus = false;
                    this.$nextTick(() => {
                        this.titleItem[3].number.number[0] = res.data.total;
                        this.itemlist[3] = res.data.total;
                        this.itemstatus = true;
                    });
                })
            },
            queryfirst3() {
                var data = {
                    pageNum: 1,
                    pageSize: 10,
                    q: JSON.stringify({
                        operationStatus: 1,
						lockType: 1
                    })
                };
                httpPost(data, this.$api.getDeviceItems).then((res) => {
                    this.itemstatus = false;
                    this.$nextTick(() => {
                        this.titleItem[4].number.number[0] = res.data.total;
                        this.itemlist[4] = res.data.total;
                        this.itemstatus = true;
                    });
                })
            },
            queryfirst4() {
                var data = {
                    pageNum: 1,
                    pageSize: 10,
                    q: JSON.stringify({
                        operationStatus: 2,
						lockType: 1
                    })
                };
                httpPost(data, this.$api.getDeviceItems).then((res) => {
                    this.itemstatus = false;
                    this.$nextTick(() => {
                        this.titleItem[5].number.number[0] = res.data.total;
                        this.itemlist[5] = res.data.total;
                        this.itemstatus = true;
                    });
                })
            },
            // 低电量警告
            queryfirst5() {
                httpGet('', `/v1/statistics/alert/type/${-1}`).then(res => {
                        var titleItem = this.titleItem
                        var itemlist = this.itemlist
                        res.data.map(li => {
                            if (li.order == '3') {
                                itemlist[7] = li.count
                            } else if (li.order == '4') {
                                itemlist[8] = li.count
                            } else if (li.order == '7') {
                                itemlist[6] = li.count
                            }
                        })
                        this.itemstatus = false;
                        this.$nextTick(() => {
                            this.titleItem = titleItem;
                            this.itemlist = itemlist;
                            this.itemstatus = true;
                        });
                    })
            },
            // 指纹试错警告
            queryfirst6() {
                var data = {
                    pageNum: 1,
                    pageSize: 1,
                    orderBy: "alert_time desc",
                    q: JSON.stringify({
                        alertType: 3
                    })
                };
                httpGet(data, this.$api.getLockAlert).then((res) => {
                    this.itemstatus = false;
                    this.$nextTick(() => {
                        this.titleItem[7].number.number[0] = res.data.total;
                        this.itemlist[7] = res.data.total;
                        this.itemstatus = true;
                    });
                })
            },
            // 密码试错警告
            queryfirst7() {
                var data = {
                    pageNum: 1,
                    pageSize: 1,
                    orderBy: "alert_time desc",
                    q: JSON.stringify({
                        alertType: 4
                    })
                };
                httpGet(data, this.$api.getLockAlert).then((res) => {
                    this.itemstatus = false;
                    this.$nextTick(() => {
                        this.titleItem[8].number.number[0] = res.data.total;
                        this.itemlist[8] = res.data.total;
                        this.itemstatus = true;
                    });
                })
            },
            // 密码开锁
            queryfirst8() {
                var data1 = {
                    pageNum: 1,
                    pageSize: 1,
                    orderBy: "open_time desc",
                    q: JSON.stringify({
                        openType: 2
                    })
                };
                httpPost(data1, this.$api.getOpenRecord).then((res) => {
                    this.itemstatus = false;
                    this.$nextTick(() => {
                        this.titleItem[9].number.number[0] = res.data.total;
                        this.itemlist[9] = res.data.total;
                        this.itemstatus = true;
                    });
                })
            },
            // 指纹开锁
            queryfirst9() {
                var data1 = {
                    pageNum: 1,
                    pageSize: 1,
                    orderBy: "open_time desc",
                    q: JSON.stringify({
                        openType: 1
                    })
                };
                httpPost(data1, this.$api.getOpenRecord).then((res) => {
                    this.itemstatus = false;
                    this.$nextTick(() => {
                        this.titleItem[10].number.number[0] = res.data.total;
                        this.itemlist[10] = res.data.total;
                        this.itemstatus = true;
                    });
                })
            },
            // NFC开锁
            queryfirst10() {
                var data1 = {
                    pageNum: 1,
                    pageSize: 1,
                    orderBy: "open_time desc",
                    q: JSON.stringify({
                        openType: 3
                    })
                };
                httpPost(data1, this.$api.getOpenRecord).then((res) => {
                    this.itemstatus = false;
                    this.$nextTick(() => {
                        this.titleItem[11].number.number[0] = res.data.total;
                        this.itemlist[11] = res.data.total;
                        this.itemstatus = true;
                    });
                })
            },
            // 蓝牙开锁
            queryfirst11() {
                var data1 = {
                    pageNum: 1,
                    pageSize: 1,
                    orderBy: "open_time desc",
                    q: JSON.stringify({
                        openType: 5
                    })
                };
                httpPost(data1, this.$api.getOpenRecord).then((res) => {
                    this.itemstatus = false;
                    this.$nextTick(() => {
                        this.titleItem[12].number.number[0] = res.data.total;
                        this.itemlist[12] = res.data.total;
                        this.itemstatus = true;
                    });
                })
            },
            // 钥匙开锁
            queryfirst12() {
                var data1 = {
                    pageNum: 1,
                    pageSize: 1,
                    orderBy: "open_time desc",
                    q: JSON.stringify({
                        openType: 4
                    })
                };
                httpPost(data1, this.$api.getOpenRecord).then((res) => {
                    this.itemstatus = false;
                    this.$nextTick(() => {
                        this.titleItem[13].number.number[0] = res.data.total;
                        this.itemlist[13] = res.data.total;
                        this.itemstatus = true;
                    });
                })
            },
            // 钥匙开锁
            queryfirst13() {
                var data1 = {
                    pageNum: 1,
                    pageSize: 1,
                    orderBy: "open_time desc",
                    q: JSON.stringify({
                        openType: 7
                    })
                };
                httpPost(data1, this.$api.getOpenRecord).then((res) => {
                    this.itemstatus = false;
                    this.$nextTick(() => {
                        this.titleItem[14].number.number[0] = res.data.total;
                        this.itemlist[14] = res.data.total;
                        this.itemstatus = true;
                    });
                })
            },
            // 获取房间总数
            getcount() {
                httpGet('', this.$api.getSiteList).then((res) => {
                    var roomNum = 0;
                    res.data.list.list.map((li, index) => {
                        if (li.expand) {
                            if (JSON.parse(li.expand).type == "0") {
                                if (li.layout != null) {
                                    roomNum++;
                                }
                            }
                        }
                    });
                    this.itemstatus = false;
                    this.$nextTick(() => {
                        this.titleItem[1].number.number[0] = roomNum;
                        this.itemlist[1] = roomNum;
                        this.itemstatus = true;
                    });
                });
            },
            // 获取离校人数
            getlxnum() {
                httpGet({
                    day: 3
                }, this.$api.unOpenLockByDay).then((res) => {
                    res.data.map(li => {
                        li.openTime = this.formatDate(li.openTime * 1000)
                    })
                    this.LeaveSchool = res.data;
                    this.itemstatus1 = false;
                    var array = res.data
                    this.$nextTick(() => {
                        this.itemnum = res.data.length;
                        this.leavetotal = res.data.length;
                        this.itemstatus1 = true;
                    });
                    // var end=(this.currentPage4-1)*this.pageSize+this.pageSize
                    this.LeaveSchool1 = array
                });
            },
            handleSizeChange(val) {
                // var end=(this.currentPage4-1)*val+val
                // var LeaveSchool=this.LeaveSchool
                // this.LeaveSchool1= LeaveSchool.splice((this.currentPage4-1)*val,end)
                console.log(`每页 ${val} 条`);
            },
            handleCurrentChange(val) {
                // var end=(val-1)*this.pageSize+this.pageSize
                // var LeaveSchool=this.LeaveSchool
                // this.LeaveSchool1= LeaveSchool.splice((val-1)*this.pageSize,end)
                // console.log(this.LeaveSchool1,this.LeaveSchool)
                console.log(`当前页: ${val}`);
            }
        },
    };
</script>

<style lang="scss" scoped>
    #center {
        display: flex;
        width: 6.8rem;
        flex-direction: column;
        box-sizing: border-box;
        padding: 0.2rem;
        .up {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            .item {
                border-radius: 0.0625rem;
                padding-top: 0.2rem;
                margin-top: 0.1rem;
                width: 32%;
                /* height: 0.875rem; */
            }
        }
        .down {
            padding: 0.07rem 0.05rem;
            padding-bottom: 0;
            width: 100%;
            display: flex;
            height: 3rem;
            justify-content: space-between;
            .bg-color-black {
                border-radius: 0.0625rem;
            }
            .ranking {
                padding: 0.125rem;
                width: 100%;
            }
            .percent {
                width: 40%;
                display: flex;
                flex-wrap: wrap;
                .item {
                    width: 50%;
                    height: 1.5rem;
                    span {
                        margin-top: 0.0875rem;
                        display: flex;
                        justify-content: center;
                    }
                }
                .water {
                    width: 100%;
                }
            }
        }
    }

    .numdiv {
        /* width: 1.25rem; */
        height: 0.625rem;
        color: #3ce3c7;
        line-height: 0.625rem;
        font-size: 20px;
        text-align: left;
        box-sizing: border-box;
        padding: 0 1vw;
    }

    .pointer {
        cursor: pointer;
    }

    .dialog>>>.el-dialog {
        z-index: 999;
    }

    .paging {
        text-align: center;
        margin-top: 20px;
    }
</style>
