增加菜单

src/views/tcZz/networkSecurity/aqjc/cybersecurity/index.vue

@@ -241,8 +241,8 @@
         <el-form-item label="攻击等级" prop="netLevel">
           <el-input v-model="form.netLevel" placeholder="请输入攻击等级" />
         </el-form-item>
-        <el-form-item label="设备名称" prop="affUnit">
+        <el-form-item label="攻击状态" prop="affUnit">
-          <el-input v-model="form.affUnit" placeholder="请输入设备名称" />
+          <el-input v-model="form.affUnit" placeholder="请输入攻击状态" />
         </el-form-item>
         <el-form-item label="备注" prop="remark">
           <el-input v-model="form.remark" placeholder="请输入备注" />
@@ -310,7 +310,7 @@
           form.netLevel
         }}</el-descriptions-item>
 
-        <el-descriptions-item label="设备名称">{{
+        <el-descriptions-item label="攻击状态">{{
           form.affUnit
         }}</el-descriptions-item>
         <el-descriptions-item label="备注">{{

src/views/tcZz/networkSecurity/jgdx/jgdw/index.vue

@@ -133,11 +133,11 @@
       <el-table-column label="单位名称" align="center" prop="unitName" />
       <el-table-column label="网站/系统名称" align="center" prop="systemName" />
       <el-table-column label="是否关注重点" align="center" prop="isFocus" />
-      <el-table-column label="记录类型" align="center" prop="type">
+      <!-- <el-table-column label="记录类型" align="center" prop="type">
         <template slot-scope="scope">
           <dict-tag :options="dict.type.tc_jslx" :value="scope.row.type" />
         </template>
-      </el-table-column>
+      </el-table-column> -->
       <el-table-column label="启用/禁用" align="center" prop="isStatus">
         <template slot-scope="scope">
           <el-switch
@@ -224,7 +224,7 @@
             <el-radio :label="2">禁用</el-radio>
           </el-radio-group>
         </el-form-item>
-        <el-form-item label="记录类型" prop="type">
+        <!-- <el-form-item label="记录类型" prop="type">
           <el-select v-model="form.type" placeholder="请选择记录类型">
             <el-option
               v-for="dict in dict.type.tc_jslx"
@@ -233,7 +233,7 @@
               :value="parseInt(dict.value)"
             ></el-option>
           </el-select>
-        </el-form-item>
+        </el-form-item> -->
         <el-form-item label="单位名称" prop="unitName">
           <el-input v-model="form.unitName" placeholder="请输入单位名称" />
         </el-form-item>
@@ -316,9 +316,9 @@
           form.level
         }}</el-descriptions-item>
 
-        <el-descriptions-item label="记录类型">{{
+        <!-- <el-descriptions-item label="记录类型">{{
           selectDictLabel(dict.type.tc_jslx, form.type)
-        }}</el-descriptions-item>
+        }}</el-descriptions-item> -->
 
         <el-descriptions-item label="备注">{{
           form.remark
@@ -438,7 +438,7 @@ export default {
 
         level: null,
 
-        type: null,
+        type: 1,
 
         createBy: null,
 
@@ -455,7 +455,7 @@ export default {
       // 表单校验
       rules: {
         areaId: [{ required: true, message: "请选择区域", trigger: "blur" }],
-        type: [{ required: true, message: "请选择记录类型", trigger: "blur" }],
+        // type: [{ required: true, message: "请选择记录类型", trigger: "blur" }],
         isStatus: [
           { required: true, message: "请选择启动/禁用", trigger: "blur" },
         ],
@@ -483,7 +483,7 @@ export default {
       this.download(
         "/tcZz/networkSecurity/jgdw/importTemplate",
         {},
-        `监管单位、网站监测模板.xlsx`
+        `监管单位模板.xlsx`
       );
     },
     //导入
@@ -604,7 +604,7 @@ export default {
 
         level: null,
 
-        type: null,
+        type: 1,
 
         createBy: null,
 
@@ -628,6 +628,7 @@ export default {
       this.daterangeCreateTime = [];
       this.daterangeUpdateTime = [];
       this.resetForm("queryForm");
+      this.queryParams.type = 1;
       this.handleQuery();
     },
     // 多选框选中数据

src/views/tcZz/networkSecurity/jgdx/wzjc/index.vue

@@ -0,0 +1,726 @@
+<template>
+  <div class="container-main" ref="main">
+    <div class="search-hearder" ref="topSearch">
+      <el-form
+        :model="queryParams"
+        ref="queryForm"
+        :inline="true"
+        v-show="showSearch"
+        label-width="auto"
+      >
+        <el-form-item label="区域" prop="areaId">
+          <el-select
+            v-model="queryParams.areaId"
+            placeholder="请选择区域"
+            clearable
+            size="small"
+          >
+            <el-option
+              v-for="dict in dict.type.tc_area"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="启用/禁用" prop="isStatus">
+          <el-select
+            v-model="queryParams.isStatus"
+            placeholder="请选择启用/禁用"
+            clearable
+            size="small"
+          >
+            <el-option
+              v-for="dict in dict.type.tc_start"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="单位名称" prop="unitName">
+          <el-input
+            v-model="queryParams.unitName"
+            placeholder="请输入单位名称"
+            clearable
+            size="small"
+            @keyup.enter.native="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item label="网站/系统名称" prop="systemName">
+          <el-input
+            v-model="queryParams.systemName"
+            placeholder="请输入网站/系统名称"
+            clearable
+            size="small"
+            @keyup.enter.native="handleQuery"
+          />
+        </el-form-item>
+
+        <el-form-item>
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            size="mini"
+            @click="handleQuery"
+            >搜索</el-button
+          >
+          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+            >重置</el-button
+          >
+        </el-form-item>
+      </el-form>
+    </div>
+    <div class="layui-table-tool" ref="tableTool">
+      <el-button
+        type="primary"
+        size="mini"
+        @click="handleAdd()"
+        v-hasPermi="['tcZz/networkSecurity:jgdw:add']"
+        >新增</el-button
+      >
+      <el-button
+        type="success"
+        size="mini"
+        :disabled="single"
+        @click="handleUpdate"
+        v-hasPermi="['tcZz/networkSecurity:jgdw:edit']"
+        >修改</el-button
+      >
+      <el-button
+        type="danger"
+        size="mini"
+        :disabled="multiple"
+        @click="handleDelete"
+        v-hasPermi="['tcZz/networkSecurity:jgdw:remove']"
+        >删除</el-button
+      >
+      <el-button
+        type="warning"
+        size="mini"
+        :loading="exportLoading"
+        @click="handleExport"
+        v-hasPermi="['tcZz/networkSecurity:jgdw:export']"
+        >导出</el-button
+      >
+      <el-button type="primary" size="mini" @click="importFiles"
+        >导入</el-button
+      >
+      <el-button type="success" size="mini" @click="enable" :disabled="multiple"
+        >启用</el-button
+      >
+      <el-button
+        type="danger"
+        size="mini"
+        @click="banned"
+        autofocus
+        :disabled="multiple"
+        >禁用</el-button
+      >
+    </div>
+    <el-table
+      v-loading="loading"
+      :data="jgdwList"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="区域" align="center" prop="areaId">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.tc_area" :value="scope.row.areaId" />
+        </template>
+      </el-table-column>
+
+      <el-table-column label="单位名称" align="center" prop="unitName" />
+      <el-table-column label="网站/系统名称" align="center" prop="systemName" />
+      <el-table-column label="是否关注重点" align="center" prop="isFocus" />
+      <!-- <el-table-column label="记录类型" align="center" prop="type">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.tc_jslx" :value="scope.row.type" />
+        </template>
+      </el-table-column> -->
+      <el-table-column label="启用/禁用" align="center" prop="isStatus">
+        <template slot-scope="scope">
+          <el-switch
+            v-model="scope.row.isStatus"
+            active-color="#ff4949"
+            inactive-color="#13ce66"
+            :active-value="2"
+            :inactive-value="1"
+            @change="alter(scope.row)"
+          >
+          </el-switch>
+          <!-- <dict-tag :options="dict.type.tc_start" :value="scope.row.isStatus" /> -->
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+        width="200"
+        fixed="right"
+      >
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            @click="handleInfo(scope.row)"
+            v-hasPermi="['tcZz/networkSecurity:jgdw:list']"
+          >
+            查看
+          </el-button>
+          <el-button
+            type="success"
+            size="mini"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['tcZz/networkSecurity:jgdw:edit']"
+            >修改</el-button
+          >
+          <el-button
+            size="mini"
+            type="danger"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['tcZz/networkSecurity:jgdw:remove']"
+            >删除</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改监管单位对话框 -->
+    <el-dialog
+      :visible.sync="open"
+      width="500px"
+      append-to-body
+      custom-class="dialog-box"
+    >
+      <div slot="title" class="dialog-title">{{ title }}</div>
+      <el-form
+        ref="form"
+        :model="form"
+        :rules="rules"
+        label-width="auto"
+        class="dialog-from"
+      >
+        <el-form-item label="区域" prop="areaId">
+          <el-select v-model="form.areaId" placeholder="请选择区域">
+            <el-option
+              v-for="dict in dict.type.tc_area"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="启用/禁用" prop="isStatus">
+          <el-radio-group v-model="form.isStatus">
+            <el-radio :label="1">启用</el-radio>
+            <el-radio :label="2">禁用</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <!-- <el-form-item label="记录类型" prop="type">
+            <el-select v-model="form.type" placeholder="请选择记录类型">
+              <el-option
+                v-for="dict in dict.type.tc_jslx"
+                :key="dict.value"
+                :label="dict.label"
+                :value="parseInt(dict.value)"
+              ></el-option>
+            </el-select>
+          </el-form-item> -->
+        <el-form-item label="单位名称" prop="unitName">
+          <el-input v-model="form.unitName" placeholder="请输入单位名称" />
+        </el-form-item>
+        <el-form-item label="网站/系统名称" prop="systemName">
+          <el-input
+            v-model="form.systemName"
+            placeholder="请输入网站/系统名称"
+          />
+        </el-form-item>
+        <el-form-item label="网站地址" prop="systemUrl">
+          <el-input v-model="form.systemUrl" placeholder="请输入网站地址" />
+        </el-form-item>
+        <el-form-item label="IP地址" prop="sysyemIp">
+          <el-input v-model="form.sysyemIp" placeholder="请输入IP地址" />
+        </el-form-item>
+        <el-form-item label="是否关注重点" prop="isFocus">
+          <el-input v-model="form.isFocus" placeholder="请输入是否关注重点" />
+        </el-form-item>
+        <el-form-item label="等保级别" prop="level">
+          <el-input v-model="form.level" placeholder="请输入等保级别" />
+        </el-form-item>
+
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" placeholder="请输入备注" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!--查看监管单位详情页-->
+    <el-dialog
+      :visible.sync="infoOpen"
+      width="90%"
+      append-to-body
+      :close-on-click-modal="false"
+      :destroy-on-close="true"
+      custom-class="dialog-box"
+    >
+      <div slot="title" class="dialog-title">{{ infoTitle }}</div>
+
+      <el-descriptions
+        title="监管单位"
+        :column="2"
+        border
+        labelClassName="desLable"
+      >
+        <el-descriptions-item label="区域">{{
+          selectDictLabel(dict.type.tc_area, form.areaId)
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="启用/禁用">{{
+          selectDictLabel(dict.type.tc_start, form.isStatus)
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="单位名称">{{
+          form.unitName
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="网站/系统名称">{{
+          form.systemName
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="网站地址">
+          <a style="color: #0072c6" target="_blank" :href="form.systemUrl">{{
+            form.systemUrl
+          }}</a>
+        </el-descriptions-item>
+
+        <el-descriptions-item label="IP地址">{{
+          form.sysyemIp
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="是否关注重点">{{
+          form.isFocus
+        }}</el-descriptions-item>
+
+        <el-descriptions-item label="等保级别">{{
+          form.level
+        }}</el-descriptions-item>
+
+        <!-- <el-descriptions-item label="记录类型">{{
+          selectDictLabel(dict.type.tc_jslx, form.type)
+        }}</el-descriptions-item> -->
+
+        <el-descriptions-item label="备注">{{
+          form.remark
+        }}</el-descriptions-item>
+      </el-descriptions>
+    </el-dialog>
+    <!-- 导入 -->
+    <el-dialog
+      :visible.sync="fileOpen"
+      width="400px"
+      append-to-body
+      custom-class="dialog-box"
+      @close="cancelFile"
+    >
+      <div slot="title" class="dialog-title">导入</div>
+      <el-upload
+        ref="upload"
+        :limit="limit"
+        action="666"
+        :accept="accept"
+        :headers="headers"
+        :file-list="fileList"
+        :multiple="false"
+        :auto-upload="false"
+        drag
+        :before-upload="handleBeforeUpload"
+        :on-exceed="handleExceed"
+        :http-request="handleFile"
+      >
+        <i class="el-icon-upload"></i>
+        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+        <div class="el-upload__tip text-center" slot="tip">
+          <span>仅允许导入xls、xlsx格式文件。</span>
+          <el-link
+            type="primary"
+            :underline="false"
+            style="font-size: 12px; vertical-align: baseline"
+            @click="importTemplate"
+            >下载模板</el-link
+          >
+        </div>
+      </el-upload>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitFile">确 定</el-button>
+        <el-button @click="cancelFile">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+  
+  <script>
+import {
+  listJgdw,
+  getJgdw,
+  delJgdw,
+  addJgdw,
+  updateJgdw,
+  exportJgdw,
+  isStatusJgdw,
+  importJgdw,
+} from "@/api/tcZz/networkSecurity/jgdw";
+import { getToken } from "@/utils/auth";
+export default {
+  name: "Jgdw",
+  //注释字典
+  dicts: ["tc_area", "tc_start", "tc_jslx"],
+  data() {
+    return {
+      tableHeigth: 0,
+      //查看详情
+      infoOpen: false,
+      //详情标题
+      infoTitle: "",
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 监管单位表格数据
+      jgdwList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 备注时间范围
+      daterangeCreateTime: [],
+      // 备注时间范围
+      daterangeUpdateTime: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        id: null,
+
+        areaId: null,
+
+        isStatus: null,
+
+        unitName: null,
+
+        systemName: null,
+
+        systemUrl: null,
+
+        sysyemIp: null,
+
+        isFocus: null,
+
+        level: null,
+
+        type: 2,
+
+        createBy: null,
+
+        createTime: null,
+
+        updateBy: null,
+
+        updateTime: null,
+
+        remark: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        areaId: [{ required: true, message: "请选择区域", trigger: "blur" }],
+        // type: [{ required: true, message: "请选择记录类型", trigger: "blur" }],
+        isStatus: [
+          { required: true, message: "请选择启动/禁用", trigger: "blur" },
+        ],
+      },
+      //===========
+      fileList: [],
+      limit: 1,
+      accept: ".xls,.xlsx",
+      fileOpen: false,
+      headers: { Authorization: "Bearer " + getToken() },
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    alter(e) {
+      updateJgdw(e).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("修改成功");
+      });
+    },
+    //下载模板
+    importTemplate() {
+      this.download(
+        "/tcZz/networkSecurity/jgdw/importTemplate",
+        {},
+        `网站监测模板.xlsx`
+      );
+    },
+    //导入
+    importFiles() {
+      this.fileOpen = true;
+    },
+    submitFile() {
+      this.$refs.upload.submit();
+    },
+    cancelFile() {
+      this.fileOpen = false;
+    },
+    //导入
+    handleBeforeUpload(file) {
+      // 校检文件类型
+      const fileName = file.name.split(".");
+      const fileExt = fileName[fileName.length - 1];
+      const isTypeOk = this.accept.includes(fileExt);
+      if (!isTypeOk) {
+        this.$modal.msgError(`文件格式不正确, 请上传${this.accept}格式文件!`);
+        return false;
+      }
+    },
+    handleExceed() {
+      this.$modal.msgError(`上传文件数量不能超过 ${this.limit} 个!`);
+    },
+    handleFile(data) {
+      this.$modal.loading();
+      let form = new FormData();
+      form.append("file", data.file);
+      importJgdw(form)
+        .then((res) => {
+          this.fileOpen = false;
+          this.$modal.closeLoading();
+          this.$modal.msgSuccess("导入成功");
+          this.$refs.upload.clearFiles();
+          this.getList();
+        })
+        .catch(() => {
+          this.fileOpen = false;
+          this.$modal.closeLoading();
+          this.$refs.upload.clearFiles();
+          this.getList();
+        });
+    },
+    //批量启用
+    enable(row) {
+      this.isStatusFuc(row, 1);
+    },
+    //批量禁用
+    banned(row) {
+      this.isStatusFuc(row, 2);
+    },
+    isStatusFuc(row, e) {
+      const ids = row.id || this.ids.join(",");
+      const src = e == 1 ? "启动" : "禁用";
+      this.$confirm("是否确认" + src + '编号为"' + ids + '"的数据项?', "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(function () {
+          return isStatusJgdw({ ids: ids, isStatus: e });
+        })
+        .then(() => {
+          this.getList(e);
+        })
+        .catch(() => {});
+    },
+    /** 查询监管单位列表 */
+    getList(e) {
+      this.loading = true;
+      this.queryParams.params = {};
+      if (null != this.daterangeCreateTime && "" != this.daterangeCreateTime) {
+        this.queryParams.params["beginCreateTime"] =
+          this.daterangeCreateTime[0];
+        this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
+      }
+      if (null != this.daterangeUpdateTime && "" != this.daterangeUpdateTime) {
+        this.queryParams.params["beginUpdateTime"] =
+          this.daterangeUpdateTime[0];
+        this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
+      }
+      listJgdw(this.queryParams).then((response) => {
+        this.jgdwList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+        if (e == 1) {
+          this.$modal.msgSuccess("启动成功");
+        } else if (e == 2) {
+          this.$modal.msgSuccess("禁用成功");
+        }
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+
+        areaId: null,
+
+        isStatus: 1,
+
+        unitName: null,
+
+        systemName: null,
+
+        systemUrl: null,
+
+        sysyemIp: null,
+
+        isFocus: null,
+
+        level: null,
+
+        type: 2,
+
+        createBy: null,
+
+        createTime: null,
+
+        updateBy: null,
+
+        updateTime: null,
+
+        remark: null,
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.daterangeCreateTime = [];
+      this.daterangeUpdateTime = [];
+      this.resetForm("queryForm");
+      this.queryParams.type = 2;
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
+    },
+    /**查看按钮操作 */
+    handleInfo(row) {
+      this.reset();
+      const id = row.id || this.ids;
+      getJgdw(id).then((response) => {
+        this.form = response.data;
+        this.infoOpen = true;
+        this.infoTitle = "查看网站监测详情";
+      });
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加网站监测";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids;
+      getJgdw(id).then((response) => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改网站监测";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateJgdw(this.form).then((response) => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addJgdw(this.form).then((response) => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$confirm('是否确认删除编号为"' + ids + '"的数据项?', "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(function () {
+          return delJgdw(ids);
+        })
+        .then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm("是否确认导出所有网站监测数据项?", "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.download(
+            "/tcZz/networkSecurity/jgdw/export",
+            {
+              ...this.queryParams,
+            },
+            "网站监测_" + new Date().getTime() + ".xlsx"
+          );
+          this.exportLoading = false;
+        })
+        .catch(() => {});
+    },
+  },
+};
+</script>
+