处理分组管理的BUG

src/views1/Group/Groups/GroupsView.vue

@@ -12,169 +12,69 @@
     <div class="main">
       <h3>分组管理</h3>
       <div class="main-main">
-        <el-form
-          :model="queryParams"
-          ref="queryForm"
-          size="small"
-          :inline="true"
-          v-show="showSearch"
-          label-width="110px"
-        >
+        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
+          label-width="110px">
           <el-form-item label="分组名称" prop="groupName">
-            <el-input
-              v-model="queryParams.groupName"
-              placeholder="请输入分组名称"
-              clearable
-              @keyup.enter.native="handleQuery"
-            />
+            <el-input v-model="queryParams.groupName" placeholder="请输入分组名称" clearable
+              @keyup.enter.native="handleQuery" />
           </el-form-item>
           <el-form-item label="分组管理员" prop="groupManagerName">
-            <el-input
-              v-model="queryParams.groupManagerName"
-              placeholder="请输入分组管理员"
-              clearable
-              @keyup.enter.native="handleQuery"
-            />
+            <el-input v-model="queryParams.groupManagerName" placeholder="请输入分组管理员" clearable
+              @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"
-              class="reset1"
-              >重置</el-button
-            >
+            <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" class="reset1">重置</el-button>
           </el-form-item>
         </el-form>
 
         <el-row :gutter="10" class="mb8">
           <el-col :span="1.5">
-            <el-button
-              type="primary"
-              plain
-              icon="el-icon-plus"
-              size="mini"
-              @click="handleAdd"
-              v-hasRole="['public.manager']"
-              >新增</el-button
-            >
+            <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
+              v-hasRole="['public.manager']">新增</el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button
-              type="success"
-              plain
-              icon="el-icon-edit"
-              size="mini"
-              :disabled="single"
-              @click="handleUpdate"
-              v-hasRole="['group.manager']"
-              >修改</el-button
-            >
+            <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
+              v-hasRole="['public.manager']">修改</el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button
-              type="danger"
-              plain
-              icon="el-icon-delete"
-              size="mini"
-              :disabled="multiple"
-              @click="handleDelete"
-              v-hasRole="['group.manager']"
-              >删除</el-button
-            >
+            <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
+              v-hasRole="['public.manager']">删除</el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button
-              type="warning"
-              plain
-              icon="el-icon-download"
-              size="mini"
-              @click="handleExport"
-              class="reset2"
-              >导出</el-button
-            >
+            <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
+              class="reset2">导出</el-button>
           </el-col>
-          <right-toolbar
-            :showSearch.sync="showSearch"
-            @queryTable="getList"
-          ></right-toolbar>
+          <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
         </el-row>
 
-        <el-table
-          v-loading="loading"
-          :data="groupList"
-          @selection-change="handleSelectionChange"
-        >
+        <el-table v-loading="loading" :data="groupList" @selection-change="handleSelectionChange">
           <el-table-column type="selection" width="55" align="center" />
           <el-table-column label="分组名称" align="center" prop="groupName" />
-          <el-table-column
-            label="分组管理员"
-            align="center"
-            prop="groupManagerName"
-          />
-          <el-table-column
-            label="操作"
-            align="center"
-            class-name="small-padding fixed-width"
-          >
+          <el-table-column label="分组管理员" align="center" prop="groupManagerName" />
+          <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
             <template slot-scope="scope">
-              <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-edit"
-                @click="handleUpdate(scope.row)"
-                >修改</el-button
-              >
-              <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-delete"
-                @click="handleDelete(scope.row)"
-                >删除</el-button
-              >
-              <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-user"
-                @click="handleGroupUser(scope.row)"
-                >分配成员</el-button
-              >
+              <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
+                v-hasRole="['public.manager']">修改</el-button>
+              <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
+                v-hasRole="['public.manager']">删除</el-button>
+              <el-button size="mini" type="text" icon="el-icon-user"
+                @click="handleGroupUser(scope.row)">分配成员</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"
-        />
+        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
+          :limit.sync="queryParams.pageSize" @pagination="getList" />
 
         <!-- 添加或修改分组对话框 -->
-        <el-dialog
-          :title="title"
-          :visible.sync="open"
-          width="500px"
-          custom-class="el-dialog1"
-        >
+        <el-dialog :title="title" :visible.sync="open" width="500px" custom-class="el-dialog1">
           <el-form ref="form" :model="form" :rules="rules" label-width="130px">
             <el-form-item label="分组名称" prop="groupName">
               <el-input v-model="form.groupName" placeholder="请输入分组名称" />
             </el-form-item>
             <el-form-item label="分组管理员" prop="groupManagerName">
-              <el-input
-                v-model="form.groupManagerName"
-                placeholder="请输入分组管理员"
-                @click.native="select()"
-              />
+              <el-input v-model="form.groupManagerName" placeholder="请输入分组管理员" @click.native="select()" />
             </el-form-item>
             <el-form-item label="备注" prop="remark">
               <el-input v-model="form.remark" placeholder="请输入备注" />
@@ -186,350 +86,364 @@
           </div>
         </el-dialog>
 
-        <select-user
-          ref="select"
-          :groupId="queryParams.groupId"
-          @okk="handleTest"
-        />
+        <select-user ref="select" :groupId="queryParams.groupId" @okk="handleTest" />
       </div>
     </div>
   </div>
 </template>
 
 <script>
-import selectUser from "./selectUser";
-
-import "@/styles1/element-ui1.scss";
-
-import {
-  listGroup,
-  getGroup,
-  delGroup,
-  addGroup,
-  updateGroup,
-} from "@/api/doc/group";
-
-export default {
-  name: "Group",
-  components: {
-    selectUser,
-  },
-  data() {
-    return {
-      // 遮罩层
-      loading: true,
-      // 选中数组
-      ids: [],
-      // 非单个禁用
-      single: true,
-      // 非多个禁用
-      multiple: true,
-      // 显示搜索条件
-      showSearch: true,
-      // 总条数
-      total: 0,
-      // 分组表格数据
-      groupList: [],
-      // 弹出层标题
-      title: "",
-      // 是否显示弹出层
-      open: false,
-      // 查询参数
-      queryParams: {
-        pageNum: 1,
-        pageSize: 10,
-        groupName: null,
-        groupManager: null,
-        groupManagerName: null,
-      },
-      // 表单参数
-      form: {},
-      // 表单校验
-      rules: {},
-    };
-  },
-  created() {
-    this.getList();
-  },
-  methods: {
-    // 分组管理员
-    select() {
-      this.$refs.select.show();
-    },
+  import selectUser from "./selectUser";
 
-    /** 查询分组列表 */
-    getList() {
-      this.loading = true;
-      listGroup(this.queryParams).then((response) => {
-        this.groupList = response.rows;
-        this.total = response.total;
-        this.loading = false;
-      });
-    },
-    // 取消按钮
-    cancel() {
-      this.open = false;
-      this.reset();
-    },
-    // 返回数据
-    handleTest(a) {
-      this.form.groupManagerName = a.name;
-      this.form.groupManager = a.id;
+  import {
+    checkPermi,
+    checkRole
+  } from "@/utils/permission"; // 权限判断函数
+
+  import "@/styles1/element-ui1.scss";
+
+  import {
+    listGroup,
+    getGroup,
+    delGroup,
+    addGroup,
+    updateGroup,
+  } from "@/api/doc/group";
+
+  export default {
+    name: "Group",
+    components: {
+      selectUser,
     },
-    // 表单重置
-    reset() {
-      this.form = {
-        groupId: null,
-        groupName: null,
-        groupManager: null,
-        groupManagerName: null,
-        creater: null,
-        createBy: null,
-        createTime: null,
-        updateBy: null,
-        updateTime: null,
-        remark: null,
-        isDel: null,
+    data() {
+      return {
+        // 遮罩层
+        loading: true,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 分组表格数据
+        groupList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+          groupName: null,
+          groupManager: null,
+          groupManagerName: null,
+        },
+        // 表单参数
+        form: {},
+        // 表单校验
+        rules: {},
       };
-      this.resetForm("form");
     },
-    /** 搜索按钮操作 */
-    handleQuery() {
-      this.queryParams.pageNum = 1;
+    created() {
       this.getList();
     },
-    /** 重置按钮操作 */
-    resetQuery() {
-      this.resetForm("queryForm");
-      this.handleQuery();
-    },
-    // 多选框选中数据
-    handleSelectionChange(selection) {
-      this.ids = selection.map((item) => item.groupId);
-      this.single = selection.length !== 1;
-      this.multiple = !selection.length;
-    },
-    /** 新增按钮操作 */
-    handleAdd() {
-      this.reset();
-      this.open = true;
-      this.title = "添加分组";
-    },
-    /** 分组成员按钮操作 */
-    handleGroupUser(row) {
-      const groupId = row.groupId;
-      this.$router.push("/home/group/subgroup/" + groupId);
-    },
-    /** 修改按钮操作 */
-    handleUpdate(row) {
-      this.reset();
-      const groupId = row.groupId || this.ids;
-      getGroup(groupId).then((response) => {
-        this.form = response.data;
+    methods: {
+      // 分组管理员
+      select() {
+        this.$refs.select.show();
+      },
+
+      /** 查询分组列表 */
+      getList() {
+        this.loading = true;
+        listGroup(this.queryParams).then((response) => {
+          this.groupList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      // 返回数据
+      handleTest(a) {
+        this.form.groupManagerName = a.name;
+        this.form.groupManager = a.id;
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+          groupId: null,
+          groupName: null,
+          groupManager: null,
+          groupManagerName: null,
+          creater: null,
+          createBy: null,
+          createTime: null,
+          updateBy: null,
+          updateTime: null,
+          remark: null,
+          isDel: null,
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+        this.resetForm("queryForm");
+        this.handleQuery();
+      },
+      // 多选框选中数据
+      handleSelectionChange(selection) {
+        this.ids = selection.map((item) => item.groupId);
+        this.single = selection.length !== 1;
+        this.multiple = !selection.length;
+      },
+      /** 新增按钮操作 */
+      handleAdd() {
+        this.reset();
         this.open = true;
-        this.title = "修改分组";
-      });
-    },
-    /** 提交按钮 */
-    submitForm() {
-      this.$refs["form"].validate((valid) => {
-        if (valid) {
-          if (this.form.groupId != null) {
-            updateGroup(this.form).then((response) => {
-              this.$modal.msgSuccess("修改成功");
-              this.open = false;
-              this.getList();
-            });
-          } else {
-            addGroup(this.form).then((response) => {
-              this.$modal.msgSuccess("新增成功");
-              this.open = false;
-              this.getList();
-            });
+        this.title = "添加分组";
+      },
+      /** 分组成员按钮操作 */
+      handleGroupUser(row) {
+        const groupId = row.groupId;
+        this.$router.push("/home/group/subgroup/" + groupId);
+      },
+      /** 修改按钮操作 */
+      handleUpdate(row) {
+        this.reset();
+        const groupId = row.groupId || this.ids;
+        getGroup(groupId).then((response) => {
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改分组";
+        });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.$refs["form"].validate((valid) => {
+          if (valid) {
+            if (this.form.groupId != null) {
+              updateGroup(this.form).then((response) => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addGroup(this.form).then((response) => {
+                this.$modal.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+              });
+            }
           }
-        }
-      });
-    },
-    /** 删除按钮操作 */
-    handleDelete(row) {
-      const groupIds = row.groupId || this.ids;
-      this.$modal
-        .confirm('是否确认删除分组编号为"' + groupIds + '"的数据项？')
-        .then(function () {
-          return delGroup(groupIds);
-        })
-        .then(() => {
-          this.getList();
-          this.$modal.msgSuccess("删除成功");
-        })
-        .catch(() => {});
-    },
-    /** 导出按钮操作 */
-    handleExport() {
-      this.download(
-        "doc/group/export",
-        {
-          ...this.queryParams,
-        },
-        `group_${new Date().getTime()}.xlsx`
-      );
+        });
+      },
+      /** 删除按钮操作 */
+      handleDelete(row) {
+        const groupIds = row.groupId || this.ids;
+        this.$modal
+          .confirm('是否确认删除分组编号为"' + groupIds + '"的数据项？')
+          .then(function() {
+            return delGroup(groupIds);
+          })
+          .then(() => {
+            this.getList();
+            this.$modal.msgSuccess("删除成功");
+          })
+          .catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        this.download(
+          "doc/group/export", {
+            ...this.queryParams,
+          },
+          `group_${new Date().getTime()}.xlsx`
+        );
+      },
     },
-  },
-};
+  };
 </script>
 
 <style scoped lang='scss'>
-.containe {
-  color: #7ea4c8;
-  font-size: 0.14rem;
-  font-family: PingFang SC-Medium, PingFang SC;
-  font-weight: 500;
-  padding-left: calc(100vw * (20 / 1920));
-  //顶部信息
-  // .header {
-  //   width: calc(100vw * (300 / 1920));
-  //   height: calc(100vh * (22 / 1080));
-  //   margin-top: calc(100vh * (20 / 1080));
-  //   margin-bottom: calc(100vh * (20 / 1080));
-  //   display: flex;
-  //   align-items: center;
-  //   img {
-  //     width: calc(100vw * (16 / 1920));
-  //     height: calc(100vh * (16 / 1080));
-  //     border: 1px dashed grey;
-  //     margin-left: 3px;
-  //     margin-right: 3px;
-  //   }
-  //   .top1 {
-  //     color: #2e8aecff;
-  //   }
-  // }
-  // //中间目录列表
-  // .title {
-  //   height: calc(100vh * (22 / 1080));
-  //   margin-top: calc(100vh * (20 / 1080));
-  //   margin-bottom: calc(100vh * (20 / 1080));
-  //   color: #ffffffff;
-  //   font-size: 0.16rem;
-  //   font-weight: bold;
-  //   line-height: calc(100vh * (22 / 1080));
-  // }
-  .main {
-    width: calc(100vw * (1876 / 1920));
-    height: calc(100vh * (930 / 1080));
-    background: url(../../../assets/img/Group-610.png);
-    background-size: calc(100vw * (1876 / 1920)) calc(100vh * (930 / 1080));
-    margin-top: calc(100vh * (35 / 1080));
-    h3 {
-      font-size: 0.2rem;
-      color: #ffffffff;
-      padding-top: calc(100vh * (25 / 1080));
-      padding-bottom: calc(100vh * (10 / 1080));
-      padding-left: calc(100vw * (30 / 1920));
-    }
-    .main-main {
-      width: calc(100vw * (1822 / 1920));
-      height: calc(100vh * (800 / 1080));
-      margin-left: calc(100vw * (25 / 1920));
-      margin-top: calc(100vh * (20 / 1080));
-      // background: seagreen;
-      .el-table {
-        width: calc(100vw * (1822 / 1920));
-        height: calc(100vh * (650 / 1080));
-        background: transparent;
-        overflow: auto;
-      }
-      .reset1 {
-        color: #2e8aecff;
-        background: transparent;
-        border: 1px solid #2e8aecff;
+  .containe {
+    color: #7ea4c8;
+    font-size: 0.14rem;
+    font-family: PingFang SC-Medium, PingFang SC;
+    font-weight: 500;
+    padding-left: calc(100vw * (20 / 1920));
+
+    //顶部信息
+    // .header {
+    //   width: calc(100vw * (300 / 1920));
+    //   height: calc(100vh * (22 / 1080));
+    //   margin-top: calc(100vh * (20 / 1080));
+    //   margin-bottom: calc(100vh * (20 / 1080));
+    //   display: flex;
+    //   align-items: center;
+    //   img {
+    //     width: calc(100vw * (16 / 1920));
+    //     height: calc(100vh * (16 / 1080));
+    //     border: 1px dashed grey;
+    //     margin-left: 3px;
+    //     margin-right: 3px;
+    //   }
+    //   .top1 {
+    //     color: #2e8aecff;
+    //   }
+    // }
+    // //中间目录列表
+    // .title {
+    //   height: calc(100vh * (22 / 1080));
+    //   margin-top: calc(100vh * (20 / 1080));
+    //   margin-bottom: calc(100vh * (20 / 1080));
+    //   color: #ffffffff;
+    //   font-size: 0.16rem;
+    //   font-weight: bold;
+    //   line-height: calc(100vh * (22 / 1080));
+    // }
+    .main {
+      width: calc(100vw * (1876 / 1920));
+      height: calc(100vh * (930 / 1080));
+      background: url(../../../assets/img/Group-610.png);
+      background-size: calc(100vw * (1876 / 1920)) calc(100vh * (930 / 1080));
+      margin-top: calc(100vh * (35 / 1080));
+
+      h3 {
+        font-size: 0.2rem;
+        color: #ffffffff;
+        padding-top: calc(100vh * (25 / 1080));
+        padding-bottom: calc(100vh * (10 / 1080));
+        padding-left: calc(100vw * (30 / 1920));
       }
-      .reset2 {
-        background-color: #002a5cff;
-        color: #1890ff;
-        border: none;
+
+      .main-main {
+        width: calc(100vw * (1822 / 1920));
+        height: calc(100vh * (800 / 1080));
+        margin-left: calc(100vw * (25 / 1920));
+        margin-top: calc(100vh * (20 / 1080));
+
+        // background: seagreen;
+        .el-table {
+          width: calc(100vw * (1822 / 1920));
+          height: calc(100vh * (650 / 1080));
+          background: transparent;
+          overflow: auto;
+        }
+
+        .reset1 {
+          color: #2e8aecff;
+          background: transparent;
+          border: 1px solid #2e8aecff;
+        }
+
+        .reset2 {
+          background-color: #002a5cff;
+          color: #1890ff;
+          border: none;
+        }
       }
     }
   }
-}
-
-//底部跳转
-::v-deep .pagination-container {
-  height: calc(100vh * (50 / 1080));
-  background: transparent;
-}
-::v-deep .pagination-container .el-pagination {
-  bottom: 10px;
-}
-//table样式
-::v-deep .el-table th {
-  background: #016c9aa6;
-  color: #2e8aec;
-}
-::v-deep .el-table tr {
-  background: transparent;
-}
-::v-deep .el-table tbody tr:hover > td {
-  background-color: #016c9a78 !important;
-}
-::v-deep .el-table td.el-table__cell {
-  border-bottom: 1px solid #006c9aff;
-}
-::v-deep .el-table th.el-table__cell.is-leaf {
-  border-bottom: 1px solid #006c9aff;
-}
-::v-deep .el-form-item__label {
-  color: #2e8aecff;
-}
-::v-deep .el-input__inner {
-  background: transparent;
-  border: 1px solid #01d1ffff;
-  color: #006c9aff;
-}
-
-//table底下白线消失处理
-::v-deep .el-table {
-  color: #ffffffff;
-}
-::v-deep .el-table::before {
-  width: 0;
-}
-//按钮的样式
-::v-deep .el-button--primary.is-plain {
-  background-color: #002a5cff;
-  border: none;
-}
-::v-deep .el-button--success.is-plain.is-disabled,
-.el-button--danger.is-plain.is-disabled {
-  background-color: #002a5cff;
-  color: #1890ff;
-  border: none;
-}
-//顶部样式
-::v-deep .el-form-item__label {
-  text-align: center;
-}
-//搜索刷新按钮颜色
-::v-deep .el-button.is-circle {
-  background: #006c9aff;
-  color: white;
-}
-
-//新增/修改弹窗样式
-::v-deep .el-dialog__title {
-  color: white;
-}
-::v-deep .el-dialog1 {
-  width: calc(100vw * (750 / 1920)) !important;
-  height: calc(100vh * (650 / 1080)) !important;
-  background: url(../../../assets/img/Group-585.png);
-  background-size: calc(100vw * (750 / 1920)) calc(100vh * (650 / 1080));
-  padding-top: calc(100vh * (50 / 1080));
-}
-</style>
 
+  //底部跳转
+  ::v-deep .pagination-container {
+    height: calc(100vh * (50 / 1080));
+    background: transparent;
+  }
 
+  ::v-deep .pagination-container .el-pagination {
+    bottom: 10px;
+  }
 
+  //table样式
+  ::v-deep .el-table th {
+    background: #016c9aa6;
+    color: #2e8aec;
+  }
 
+  ::v-deep .el-table tr {
+    background: transparent;
+  }
 
+  ::v-deep .el-table tbody tr:hover>td {
+    background-color: #016c9a78 !important;
+  }
+
+  ::v-deep .el-table td.el-table__cell {
+    border-bottom: 1px solid #006c9aff;
+  }
+
+  ::v-deep .el-table th.el-table__cell.is-leaf {
+    border-bottom: 1px solid #006c9aff;
+  }
+
+  ::v-deep .el-form-item__label {
+    color: #2e8aecff;
+  }
 
+  ::v-deep .el-input__inner {
+    background: transparent;
+    border: 1px solid #01d1ffff;
+    color: #006c9aff;
+  }
+
+  //table底下白线消失处理
+  ::v-deep .el-table {
+    color: #ffffffff;
+  }
+
+  ::v-deep .el-table::before {
+    width: 0;
+  }
+
+  //按钮的样式
+  ::v-deep .el-button--primary.is-plain {
+    background-color: #002a5cff;
+    border: none;
+  }
+
+  ::v-deep .el-button--success.is-plain.is-disabled,
+  .el-button--danger.is-plain.is-disabled {
+    background-color: #002a5cff;
+    color: #1890ff;
+    border: none;
+  }
+
+  //顶部样式
+  ::v-deep .el-form-item__label {
+    text-align: center;
+  }
+
+  //搜索刷新按钮颜色
+  ::v-deep .el-button.is-circle {
+    background: #006c9aff;
+    color: white;
+  }
+
+  //新增/修改弹窗样式
+  ::v-deep .el-dialog__title {
+    color: white;
+  }
+
+  ::v-deep .el-dialog1 {
+    width: calc(100vw * (750 / 1920)) !important;
+    height: calc(100vh * (650 / 1080)) !important;
+    background: url(../../../assets/img/Group-585.png);
+    background-size: calc(100vw * (750 / 1920)) calc(100vh * (650 / 1080));
+    padding-top: calc(100vh * (50 / 1080));
+  }
+</style>