Browse Source

通知管理模块初步搭建

yxc 2 năm trước cách đây
mục cha
commit
45df412b55

+ 8 - 0
src/router/index.js

@@ -167,6 +167,14 @@ export const constantRoutes = [{
           path: 'identificat',
           component: () => import('@/views1/Personal/Identificat/IdentificatView.vue'),
         },
+        {
+          path: 'notice',
+          component: () => import('@/views1/Personal/Notice/NoticeView.vue'),
+        },
+        {
+          path: 'messages',
+          component: () => import('@/views1/Personal/Messages/MessagesView.vue'),
+        },
       ]
       },
       {

+ 4 - 3
src/views1/HomeView.vue

@@ -61,12 +61,13 @@
               :index="item.path">{{item.meta.title}}
               </el-menu-item>
             </li>
-            <!-- <el-menu-item index="/home/personal/Partspace">部门存储空间</el-menu-item>
-            <el-menu-item index="/home/personal/Publispace">公共存储空间</el-menu-item>
+           <el-menu-item index="/home/personal/notice">通知管理</el-menu-item> 
+           <el-menu-item index="/home/personal/messages">消息管理</el-menu-item> 
+            <!-- <el-menu-item index="/home/personal/Publispace">公共存储空间</el-menu-item>
             <el-menu-item index="/home/personal/Storagespace">分组存储空间</el-menu-item>
             <el-menu-item index="/home/personal/space">个人存储空间</el-menu-item>
             <el-menu-item index="/home/personal/modify">登录密码修改</el-menu-item>
-            <el-menu-item index="/home/personal/identificat">文字识别</el-menu-item> -->
+            <el-menu-item index="/home/personal/identificat">文字识别</el-menu-item>  -->
           </el-submenu>
           <!-- <el-submenu index="4">
             <template slot="title">

+ 2 - 2
src/views1/Page/More/MoreView.vue

@@ -5,7 +5,7 @@
         <el-row :gutter="20">
           <!--文件数据-->
           <el-col :span="20" :xs="24" class="main-right">
-            <p>分享给我的文档1</p>
+            <p>分享给我的文档</p>
             <el-form
               :model="queryParams"
               ref="queryForm"
@@ -578,7 +578,7 @@ export default {
     /** 查询文件基本信息列表 */
     getList() {
       this.loading = true;
-      listInfo(this.queryParams).then((response) => {
+      delShare1(this.queryParams).then((response) => {
         this.infoList = response.rows;
         this.total = response.total;
         this.loading = false;

+ 53 - 26
src/views1/Page/PageView.vue

@@ -67,12 +67,13 @@
           </el-dropdown>
           <div class="cen—top-right">
             <div class="cen—top-div">
-              <input
+              <el-input
                 type="text"
                 placeholder="请输入文档信息"
-                class="cen—top-input"
-              />
-              <span class="cen—top-but">快速搜索</span>
+                v-model="input"
+                class="searchs"
+              ></el-input>
+              <span class="cen—top-but" @click="searchs">快速搜索</span>
               <img
                 src="../../assets/img/ri:search-2-line@2x.png"
                 class="cen—top-img"
@@ -284,7 +285,13 @@
         </el-form-item>
       </el-form>
 
-      <el-button class="gb1" icon="el-icon-close" size="small" circle @click="gb1" />
+      <el-button
+        class="gb1"
+        icon="el-icon-close"
+        size="small"
+        circle
+        @click="gb1"
+      />
     </div>
   </div>
 </template>
@@ -298,6 +305,8 @@ import { delShare1, delShare2 } from "@/api/doc/share1";
 export default {
   data() {
     return {
+      //搜索
+      input:"",
       //机密文件的账号密码内容
       loginForm: {
         username: "admin",
@@ -342,10 +351,15 @@ export default {
     };
   },
   methods: {
-     //更多跳转
-     mores(){
+    //搜索跳转
+    searchs(){
+      this.$router.push("/home/retrieval");
+      sessionStorage.setItem("suju",this.input)
+    },
+    //更多跳转
+    mores() {
       this.$router.push("/home/page/more");
-     },
+    },
 
     //底部表格数据
     getList() {
@@ -394,7 +408,6 @@ export default {
       this.check = false;
     },
 
-
     // 是否机密
     isSecretRole(row) {
       // console.log(`row=${row}`);
@@ -408,9 +421,12 @@ export default {
     handlePreview(row) {
       row = this.currentRow;
       this.$tab.openPage(
-          window.open('/individual/Pre/user/' + row.docId + "?row=" + JSON.stringify(row),'_blank'),
-          // localStorage.setItem("docName", previewRow.docName)
-          // console.log( previewRow )
+        window.open(
+          "/individual/Pre/user/" + row.docId + "?row=" + JSON.stringify(row),
+          "_blank"
+        )
+        // localStorage.setItem("docName", previewRow.docName)
+        // console.log( previewRow )
       );
     },
 
@@ -604,12 +620,15 @@ export default {
               left: calc(100vw * (15 / 1920));
               top: calc(100vh * (7 / 1080));
             }
-            .cen—top-input {
+            .searchs {
               width: calc(100vw * (436 / 1920));
-              height: calc(100vh * (36 / 1080));
-              padding-left: calc(100vw * (53 / 1920));
-              background: #14265e80;
-              border: 1px solid #01d1ffff;
+              ::v-deep .el-input__inner {
+                height: calc(100vh * (36 / 1080)) !important;
+                padding-left: calc(100vw * (50 / 1920));
+                background: #14265e80;
+                border: 1px solid #01d1ffff;
+                color: #7ea4c8ff;
+              }
             }
             .cen—top-but {
               width: calc(100vw * (100 / 1920));
@@ -620,6 +639,9 @@ export default {
               background: #01d1ff80;
               color: #ffffffcc;
               vertical-align: top;
+              &:hover {
+                cursor: pointer;
+              }
             }
           }
         }
@@ -711,8 +733,6 @@ export default {
       .left-top {
         width: calc(100vw * (880 / 1920));
         height: calc(100vh * (40 / 1080));
-        font-size: 16px;
-        font-weight: 400;
         color: #ffffff;
         margin-top: 10px;
         background: url(../../assets/img/main_left_decorate.png);
@@ -722,12 +742,18 @@ export default {
         align-items: center;
         h3 {
           padding-left: 10px;
+          font-size: 0.2rem;
+          font-weight: bold;
+          font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
         }
-        p{
+        p {
           padding-right: 10px;
           font-size: 0.2rem;
-          color: #2E8AECFF;
+          color: #2e8aecff;
           font-family: PingFang SC-Medium;
+          &:hover {
+            cursor: pointer;
+          }
         }
       }
       .left-main {
@@ -762,16 +788,17 @@ export default {
       .right-top {
         width: calc(100vw * (900 / 1920));
         height: calc(100vh * (40 / 1080));
-        font-size: 16px;
-        font-weight: 400;
         color: #ffffff;
         margin-top: 10px;
         background: url(../../assets/img/main_left_decorate.png);
         background-size: cover;
         h3 {
-          padding-top: 3px;
+          padding-top: calc(100vh * (10 / 1080));
           padding-left: 10px;
           margin: 0;
+          font-size: 0.2rem;
+          font-weight: bold;
+          font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
         }
       }
       .right-main {
@@ -798,8 +825,8 @@ export default {
       }
     }
   }
-   //机密验证界面
-   .jm {
+  //机密验证界面
+  .jm {
     width: calc(100vw * (530 / 1920));
     height: calc(100vh * (370 / 1080));
     // background: salmon;

+ 11 - 0
src/views1/Personal/Messages/MessagesView.vue

@@ -0,0 +1,11 @@
+<template>
+<h1>消息管理</h1>
+</template>
+
+<script>
+
+</script>
+
+<style scoped lang='scss'>
+
+</style>

+ 639 - 0
src/views1/Personal/Notice/NoticeView.vue

@@ -0,0 +1,639 @@
+<template>
+  <div class="containe">
+    <div class="mains">
+      <h3>通知管理</h3>
+      <div class="main-main">
+        <div class="app-container">
+          <el-form
+            :model="queryParams"
+            ref="queryForm"
+            size="small"
+            :inline="true"
+            v-show="showSearch"
+            label-width="68px"
+            class="main-main-top"
+          >
+            <el-form-item label="通知" prop="msgTitle">
+              <el-input
+                v-model="queryParams.msgTitle"
+                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-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-hasPermi="['doc:msg:add']"
+                >新增</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-hasPermi="['doc:msg:edit']"
+                >修改</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-hasPermi="['doc:msg:remove']"
+                >删除</el-button
+              >
+            </el-col>
+            <right-toolbar
+              :showSearch.sync="showSearch"
+              @queryTable="getList"
+            ></right-toolbar>
+          </el-row>
+
+          <el-table
+            v-loading="loading"
+            :data="msgList"
+            @selection-change="handleSelectionChange"
+          >
+            <el-table-column type="selection" width="55" align="center" />
+            <el-table-column label="通知标题" align="center" prop="msgTitle" />
+            <el-table-column
+              label="通知内容"
+              align="center"
+              prop="msgContent"
+            />
+            <el-table-column
+              label="发布时间"
+              align="center"
+              prop="createTime"
+            />
+            <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)"
+                  v-hasPermi="['doc:msg:edit']"
+                  >修改</el-button
+                >
+                <el-button
+                  size="mini"
+                  type="text"
+                  icon="el-icon-delete"
+                  @click="handleDelete(scope.row)"
+                  v-hasPermi="['doc:msg: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
+            :title="title"
+            :visible.sync="open"
+            width="500px"
+            append-to-body
+            custom-class="el-dialog5"
+          >
+            <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+              <el-form-item label="通知标题" prop="msgTitle">
+                <el-input
+                  v-model="form.msgTitle"
+                  placeholder="请输入通知标题"
+                />
+              </el-form-item>
+              <el-form-item label="接收对象" prop="msgAcceptSelect">
+                <treeselect
+                  v-model="form.msgAcceptList"
+                  :multiple="true"
+                  :options="deptOptions"
+                  :show-count="true"
+                  :disable-branch-nodes="false"
+                  placeholder="请选择部门"
+                ></treeselect>
+              </el-form-item>
+              <el-form-item label="通知内容">
+                <editor v-model="form.msgContent" :min-height="192" />
+              </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>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+    
+    <script>
+  import "@/styles1/element-ui1.scss";
+
+import {
+  listMsg,
+  getMsg,
+  delMsg,
+  addMsg,
+  updateMsg,
+  deptTreeSelect,
+} from "@/api/doc/msg";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+
+export default {
+  name: "Msg",
+  dicts: ["msg_type"],
+  components: {
+    Treeselect,
+  },
+  data() {
+    return {
+      // 部门树选项
+      deptOptions: undefined,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 系统通知表格数据
+      msgList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        msgTitle: null,
+        msgType: 1, //通知类型为通知
+        msgContent: null,
+        msgAcceptType: null,
+        msgAcceptSelect: null,
+        msgAcceptList: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        remark: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        msgTitle: [
+          {
+            required: true,
+            message: "通知标题不能为空",
+            trigger: "blur",
+          },
+        ],
+        msgType: [
+          {
+            required: true,
+            message: "通知类型不能为空",
+            trigger: "change",
+          },
+        ],
+        msgContent: [
+          {
+            required: true,
+            message: "通知内容不能为空",
+            trigger: "blur",
+          },
+        ],
+        msgAcceptType: [
+          {
+            required: true,
+            message: "对象类型不能为空",
+            trigger: "change",
+          },
+        ],
+      },
+    };
+  },
+  created() {
+    this.getList();
+    this.getDeptTree();
+  },
+  methods: {
+    /** 查询系统通知列表 */
+    getList() {
+      this.loading = true;
+      listMsg(this.queryParams).then((response) => {
+        this.msgList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    /** 查询部门下拉树结构 */
+    getDeptTree() {
+      deptTreeSelect().then((response) => {
+        this.deptOptions = response.data;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        msgId: null,
+        msgTitle: null,
+        msgType: 1, //通知类型为通知
+        msgContent: null,
+        msgAcceptType: null,
+        msgAcceptSelect: null,
+        msgAcceptList: 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.msgId);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加通知";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const msgId = row.msgId || this.ids;
+      getMsg(msgId).then((response) => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改通知";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          if (this.form.msgId != null) {
+            updateMsg(this.form).then((response) => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addMsg(this.form).then((response) => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const msgIds = row.msgId || this.ids;
+      this.$modal
+        .confirm('是否确认删除系统通知编号为"' + msgIds + '"的数据项?')
+        .then(function () {
+          return delMsg(msgIds);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download(
+        "doc/msg/export",
+        {
+          ...this.queryParams,
+        },
+        `msg_${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));
+  //顶部信息
+  .mains {
+    width: calc(100vw * (1876 / 1920));
+    height: calc(100vh * (950 / 1080));
+    margin-top: calc(100vh * (30 / 1080));
+    //   background: salmon;
+    background: url(../../../assets/img/Group-610.png);
+    background-size: calc(100vw * (1876 / 1920)) calc(100vh * (950 / 1080));
+    h3 {
+      font-size: 0.2rem;
+      color: #ffffffff;
+      padding-top: calc(100vh * (27 / 1080));
+      padding-left: calc(100vw * (30 / 1920));
+    }
+    .main-main {
+      width: calc(100vw * (1845 / 1920));
+      height: calc(100vh * (880 / 1080));
+      margin-left: calc(100vw * (16 / 1920));
+      margin-top: calc(100vh * (20 / 1080));
+      // background: seagreen;
+      .app-container {
+        width: calc(100vw * (1845 / 1920));
+        height: calc(100vh * (880 / 1080));
+        padding: 0;
+      }
+      .main-main-top {
+        margin-top: calc(100vh * (30 / 1080));
+        height: calc(100vh * (50 / 1080));
+        ::v-deep .el-form-item__label {
+          color: #2e8aecff;
+        }
+        .reset1 {
+          color: #2e8aecff;
+          background: transparent;
+          border: 1px solid #2e8aecff;
+        }
+      }
+      //顶部搜索框样式
+      ::v-deep .el-input__inner {
+        background-color: transparent;
+        border: 1px solid #01d1ffff;
+        color: #ffffffcc;
+      }
+      //搜索刷新按钮颜色
+      ::v-deep .el-button.is-circle {
+        background: #006c9aff;
+        color: white;
+      }
+      .mb8 {
+        margin-top: calc(100vh * (30 / 1080));
+        //按钮的样式
+        ::v-deep .el-button--primary.is-plain,
+        .el-button--success.is-plain.is-disabled,
+        .el-button--danger.is-plain.is-disabled,
+        .el-button--warning.is-plain,
+        .el-button--success.is-plain,
+        .el-button--danger.is-plain {
+          background-color: #002a5cff;
+          border: none;
+          color: #2e8aec;
+        }
+      }
+      .el-table {
+        // width: calc(100vw * (1830 / 1920));
+        height: calc(100vh * (660 / 1080));
+        // margin-left: calc(100vw * (8 / 1920));
+        border: 1px solid #006c9aff;
+        overflow: auto;
+        background: transparent;
+        color: #7ea4c8;
+      }
+      //表格线条隐藏
+      ::v-deep .el-table::before {
+        height: 0;
+      }
+      ::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;
+      }
+    }
+    //滚动条样式
+    ::-webkit-scrollbar {
+      width: 3.5px;
+    }
+    ::-webkit-scrollbar-track {
+      background-color: rgba(0, 0, 0, 0);
+    }
+    ::-webkit-scrollbar-thumb {
+      background: #2e8aec;
+      border-radius: 3px;
+    }
+    ::-webkit-scrollbar-thumb:hover {
+      background: #2e8aec;
+    }
+    //表格底部
+    .pagination-container {
+      //   width: calc(100vw * (1540 / 1920));
+      height: calc(100vh * (50 / 1080));
+      background: transparent;
+      padding: 0 !important;
+      margin: 0;
+      margin-left: calc(100vw * (20 / 1920));
+      margin-right: calc(100vw * (20 / 1920));
+      margin-top: calc(100vh * (10 / 1080));
+    }
+  }
+}
+
+  //新增/修改弹窗样式
+  ::v-deep .el-dialog__title {
+    color: white;
+  }
+
+  ::v-deep .el-dialog .el-form-item {
+    margin-top: calc(100vw * (30 / 1920));
+  }
+
+  ::v-deep .el-upload-list__item:hover {
+    background: #002659ff;
+  }
+
+  //上传弹窗位置高度
+  ::v-deep .el-dialog:not(.is-fullscreen) {
+    margin-top: 2vh !important;
+  }
+
+  //弹窗底部按钮的位置
+  ::v-deep .el-dialog__footer {
+    padding: 0;
+  }
+
+  //弹窗关闭按钮
+  ::v-deep .el-dialog__headerbtn {
+    top: calc(100vh * (45 / 1080));
+    right: calc(100vw * (20 / 1920));
+    font-size: 20px;
+  }
+
+::v-deep .el-dialog5 {
+    width: calc(100vw * (800 / 1920)) !important;
+    height: calc(100vh * (950 / 1080)) !important;
+    background: url(../../../assets/img/Group-585.png);
+    background-size: calc(100vw * (800 / 1920)) calc(100vh * (950 / 1080));
+
+    //弹窗中间内容
+    .el-dialog__body {
+      // width: calc(100vw * (620 / 1920)) ;
+      height: calc(100vh * (680 / 1080));
+      margin-top: calc(100vh * (50 / 1080));
+      margin-bottom: calc(100vh * (20 / 1080));
+      padding-right: 50px;
+    }
+
+    .el-dialog__header {
+      padding-bottom: 0;
+    }
+    .el-form-item__label{
+    color: #2E8AECFF;
+    }
+
+    .el-upload__tip {
+      font-size: 12px;
+      color: #006c9aff;
+      margin-top: 0px;
+    }
+
+    .el-upload-list__item {
+      margin: 0;
+    }
+
+    .el-tag+.el-tag {
+      margin-left: 10px;
+    }
+
+    .button-new-tag {
+      margin-left: 10px;
+      height: 32px;
+      line-height: 30px;
+      padding-top: 0;
+      padding-bottom: 0;
+    }
+
+    .input-new-tag {
+      width: 90px;
+      margin-left: 10px;
+      vertical-align: bottom;
+    }
+  }
+  //新增弹窗通知内容样式
+  ::v-deep .ql-snow .ql-stroke{
+    stroke: #7EA4C8FF; 
+}
+  ::v-deep .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
+    fill: #7EA4C8FF;
+}
+  ::v-deep .ql-snow .ql-picker {
+    color: #7EA4C8FF;
+}
+  ::v-deep .ql-editor {
+    color: #7EA4C8FF;
+}
+  ::v-deep .ql-editor.ql-blank::before {
+    color: #7EA4C8FF;
+}
+  ::v-deep .el-dialog .el-input .el-input__inner{
+    background: transparent;
+    border: 1px solid #006c9aff;
+}
+ //弹窗下拉菜单样式
+ ::v-deep .vue-treeselect__menu {
+    background: #002A5CFF !important;
+    width: calc(100vw * (370 / 1920));
+    color: #7EA4C8FF;
+}
+::v-deep .vue-treeselect__option:hover {
+    background: #01D1FF3B;
+}
+::v-deep .vue-treeselect__option.vue-treeselect__option--highlight {
+    background: #01D1FF3B;
+}
+</style>
+    
+  
+  
+  

+ 11 - 0
src/views1/Personal/Publispace/PublispaceView.vue

@@ -435,6 +435,17 @@
 ::v-deep .el-input--medium .el-input__inner {
     width: calc(100vw * (250 / 1920));
 }
+ //弹窗下拉菜单样式
+ ::v-deep .vue-treeselect__menu {
+    background: #002A5CFF !important;
+    width: calc(100vw * (370 / 1920));
+}
+::v-deep .vue-treeselect__option:hover {
+    background: #01D1FF3B;
+}
+::v-deep .vue-treeselect__option.vue-treeselect__option--highlight {
+    background: #01D1FF3B;
+}
   </style>
     
   

+ 11 - 0
src/views1/Personal/Space/SpaceView.vue

@@ -655,6 +655,17 @@ export default {
     color: white;
     margin-left: 10px;
 }
+ //弹窗下拉菜单样式
+ ::v-deep .vue-treeselect__menu {
+    background: #002A5CFF !important;
+    width: calc(100vw * (370 / 1920));
+}
+::v-deep .vue-treeselect__option:hover {
+    background: #01D1FF3B;
+}
+::v-deep .vue-treeselect__option.vue-treeselect__option--highlight {
+    background: #01D1FF3B;
+}
 </style>
   
 

+ 4 - 0
src/views1/Retrieval/RetrievalView.vue

@@ -68,6 +68,7 @@ export default {
   mounted() {
     //添加滚动条事件
     window.addEventListener("scroll", this.handleScroll, true);
+    this.input=sessionStorage .getItem("suju")
   },
   methods: {
     handleScroll() {
@@ -159,6 +160,9 @@ export default {
       color: #ffffffcc;
       text-align: center;
       line-height: calc(100vh * (50 / 1080));
+      &:hover{
+            cursor: pointer
+          }
     }
   }
   .mains {