处理预览和在线编辑的BUG

src/api/doc/info.js

@@ -49,3 +49,9 @@ export function delInfo(docId) {
     method: 'delete'
   })
 }
+
+
+export const officeType = ['doc', 'docm', 'docx', 'dot', 'dotm', 'dotx', 'epub', 'fodt', 'htm', 'html', 'mht', 'odt',
+  'ott', 'pdf', 'rtf', 'txt', 'djvu', 'xps', 'csv', 'fods', 'ods', 'ots', 'xls', 'xlsm', 'xlsx', 'xlt', 'xltm',
+  'xltx', 'fodp', 'odp', 'otp', 'pot', 'potm', 'potx', 'pps', 'ppsm', 'ppsx', 'ppt', 'pptm', 'pptx'
+]

src/views1/File/Individual/IndividualView.vue

@@ -28,8 +28,7 @@
               </el-form-item>
               <el-form-item label="文件年份" prop="createYear">
                 <el-select v-model="queryParams.createYear" placeholder="请选择文件创建年份" @change="handleQuery">
-                  <el-option v-for="item in yearOptions" :key="item" :label="item"
-                    :value="item"></el-option>
+                  <el-option v-for="item in yearOptions" :key="item" :label="item" :value="item"></el-option>
                 </el-select>
                 <!-- <el-input v-model="queryParams.createYear" placeholder="请输入文件创建年份" clearable
                   @keyup.enter.native="handleQuery" /> -->
@@ -159,8 +158,6 @@
           </div>
           <el-button class="gb" icon="el-icon-close" circle @click="gb" />
         </div>
-
-
       </div>
     </div>
 
@@ -180,7 +177,8 @@
     delInfo,
     addInfo,
     updateInfo,
-    getYears
+    getYears,
+    officeType
   } from "@/api/doc/info";
   import {
     listDir,
@@ -329,8 +327,6 @@
           image.style.transform = `scale(${this.scalePercentage})`;
         }
       },
-
-
       //预览图片的旋转
       rotate(angle) {
         this.rotationAngle += angle;
@@ -344,12 +340,10 @@
         const image = this.$refs.imageRef.$el.querySelector("img");
         image.style.transform = `scale(${this.scalePercentage})`;
       },
-
       // 预览关闭
       gb() {
         this.preview = false;
       },
-
       //选择标签关闭
       handleClose(tag) {
         this.form.tagList.map((i, index) => {
@@ -359,7 +353,6 @@
         });
         this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
       },
-
       showInput() {
         if (this.dynamicTags.length >= 5) {
           this.inputVisible = false;
@@ -432,7 +425,6 @@
           this.dynamicTags.pop()
         };
       },
-
       /** 转换目录信息数据结构 */
       normalizer(node) {
         if (node.children && !node.children.length) {
@@ -459,10 +451,8 @@
       handleDownload(row) {
         location.href = row.docPath;
       },
-
       //预览
       handlePreview(row) {
-        // console.log(row);
         // console.log( this.$route.meta.title);
         // row.isEdit = false;
         // this.$tab.openPage(
@@ -498,7 +488,7 @@
           this.vid1 = false;
           this.img1 = true;
           this.imgg = row.docPath;
-        } else {
+        } else if (officeType.some(item => item == row.docType)) {
           row.isEdit = false;
           this.$tab.openPage(
             window.open('/individual/Pre/user/' + row.docId + "?row=" + JSON.stringify(row),
@@ -506,13 +496,18 @@
             // window.open("/individual/Pre/user/" + row.docId +"/title/"+ row.docName, '_blank'),
           );
           // console.log(111);
+        } else {
+          this.$modal.msgWarning("该文件不支持预览");
         }
         // console.log(row.docPath);
         // console.log(vid);
       },
-
       //在线编辑
       handleEdit(row) {
+        if (!officeType.some(item => item == row.docType)) {
+          this.$modal.msgWarning("该文件不支持在线编辑");
+          return false;
+        }
         row.isEdit = true;
         this.$tab.openPage(
           window.open('/individual/Pre/user/' + row.docId + "?row=" + JSON.stringify(row),
@@ -538,7 +533,7 @@
           getYears().then((response) => {
             this.yearOptions = response.data;
           });
-          
+
           this.loading = false;
 
           //标签数据
@@ -576,7 +571,6 @@
           this.loading = false;
         });
       },
-
       // 取消按钮
       cancel() {
         this.open = false;
@@ -689,7 +683,7 @@
       handleDelete(row) {
         const docIds = row.docId || this.ids;
         this.$modal
-          .confirm('是否确认删除文件基本信息编号为"' + docIds + '"的数据项？')
+          .confirm('是否确认删除文件名称为"' + row.docName + '"的数据项？')
           .then(function() {
             return delInfo(docIds);
           })

src/views1/File/Part/PartView.vue

@@ -26,8 +26,9 @@
                 </el-select>
               </el-form-item>
               <el-form-item label="文件年份" prop="createYear">
-                <el-input v-model="queryParams.createYear" placeholder="请输入文件创建年份" clearable
-                  @keyup.enter.native="handleQuery" />
+               <el-select v-model="queryParams.createYear" placeholder="请选择文件创建年份" @change="handleQuery">
+                 <el-option v-for="item in yearOptions" :key="item" :label="item" :value="item"></el-option>
+               </el-select>
               </el-form-item>
               <el-form-item label="标签" prop="params">
                 <el-select v-model="queryParams.params.tagId" placeholder="请输入标签名称" @change="handleQuery"
@@ -210,7 +211,8 @@
     delInfo,
     addInfo,
     updateInfo,
-    getYears
+    getYears,
+    officeType
   } from "@/api/doc/info";
   import {
     deptList
@@ -540,7 +542,7 @@
           this.vid1 = false;
           this.img1 = true;
           this.imgg = row.docPath;
-        } else {
+        } else if (officeType.some(item => item == row.docType)) {
           row.isEdit = false;
           this.$tab.openPage(
             window.open('/individual/Pre/user/' + row.docId + "?row=" + JSON.stringify(row),
@@ -548,13 +550,17 @@
             // window.open("/individual/Pre/user/" + row.docId +"/title/"+ row.docName, '_blank'),
           );
           // console.log(111);
+        } else {
+          this.$modal.msgWarning("该文件不支持预览");
         }
-        // console.log(row.docPath);
-        // console.log(vid);
       },
 
       //在线编辑
       handleEdit(row) {
+        if (!officeType.some(item => item == row.docType)) {
+          this.$modal.msgWarning("该文件不支持在线编辑");
+          return false;
+        }
         row.isEdit = true;
         this.$tab.openPage(
           window.open('/individual/Pre/user/' + row.docId + "?row=" + JSON.stringify(row),

src/views1/File/Publi/PublicView.vue

@@ -175,7 +175,8 @@
     delInfo,
     addInfo,
     updateInfo,
-    getYears
+    getYears,
+    officeType
   } from "@/api/doc/info";
   import {
     publicList
@@ -482,19 +483,25 @@
           this.vid1 = false;
           this.img1 = true;
           this.imgg = row.docPath;
-        } else {
+        } else if (officeType.some(item => item == row.docType)) {
           row.isEdit = false;
           this.$tab.openPage(
-            window.open(
-              "/individual/Pre/user/" + row.docId + "?row=" + JSON.stringify(row),
-              "_blank"
-            )
+            window.open('/individual/Pre/user/' + row.docId + "?row=" + JSON.stringify(row),
+              '_blank'),
+            // window.open("/individual/Pre/user/" + row.docId +"/title/"+ row.docName, '_blank'),
           );
+          // console.log(111);
+        } else {
+          this.$modal.msgWarning("该文件不支持预览");
         }
       },
 
       //在线编辑
       handleEdit(row) {
+        if (!officeType.some(item => item == row.docType)) {
+          this.$modal.msgWarning("该文件不支持在线编辑");
+          return false;
+        }
         row.isEdit = true;
         this.$tab.openPage(
           window.open(

src/views1/File/Storage/StoView.vue

@@ -175,7 +175,8 @@
     delInfo,
     addInfo,
     updateInfo,
-    getYears
+    getYears,
+    officeType
   } from "@/api/doc/info";
   import {
     groupList
@@ -458,15 +459,24 @@
           this.vid1 = false;
           this.img1 = true;
           this.imgg = row.docPath;
-        } else {
+        } else if (officeType.some(item => item == row.docType)) {
+          row.isEdit = false;
           this.$tab.openPage(
-            window.open("/individual/Pre/user/" + row.docId, '_blank'),
+            window.open('/individual/Pre/user/' + row.docId + "?row=" + JSON.stringify(row),
+              '_blank'),
+            // window.open("/individual/Pre/user/" + row.docId +"/title/"+ row.docName, '_blank'),
           );
           // console.log(111);
+        } else {
+          this.$modal.msgWarning("该文件不支持预览");
         }
       },
       //在线编辑
       handleEdit(row) {
+        if (!officeType.some(item => item == row.docType)) {
+          this.$modal.msgWarning("该文件不支持在线编辑");
+          return false;
+        }
         row.isEdit = true;
         this.$tab.openPage("文件[" + row.docName + "]在线编辑", '/doc/oo-edit/index/' + row.docId, row);
       },

src/views1/Personal/Messages/MessagesView.vue

@@ -1,187 +1,99 @@
 <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">
+  <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">新增</el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single"
+                @click="handleUpdate">修改</el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple"
+                @click="handleDelete">删除</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">
               <template slot-scope="scope">
-              <el-button size="small" @click="looks(scope.row)">查看</el-button>
+                <el-button size="small" @click="looks(scope.row)">查看</el-button>
               </template>
-              </el-table-column>
-              
-              <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
-                  >
-                  <el-button size="mini" type="text" icon="el-icon-user" @click="handleMsgUser(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"
-            />
-  
-            <!-- 添加或修改系统通知对话框 -->
-            <el-dialog
-              :title="title"
-              :visible.sync="open"
-              width="500px"
-              append-to-body
-              custom-class="el-dialog5"
-            >
+            </el-table-column>
+
+            <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)"
+                  >修改</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="handleMsgUser(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" />
+
+          <!-- 添加或修改系统通知对话框 -->
+          <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="消息内容">
-             <textarea v-model="form.msgContent" cols="50px" rows="17px" style="background: transparent; color: #7ea4c8ff;border: 1px solid #006c9aff;">
+              <el-form-item label="消息标题" prop="msgTitle">
+                <el-input v-model="form.msgTitle" placeholder="请输入消息标题" />
+              </el-form-item>
+              <el-form-item label="消息内容">
+                <textarea v-model="form.msgContent" cols="50px" rows="17px"
+                  style="background: transparent; color: #7ea4c8ff;border: 1px solid #006c9aff;">
 
-             </textarea>  
+             </textarea>
               </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
-              title="通知内容"
-              :visible.sync="look1"
-              width="30%"
-              custom-class="el-dialog6"
-            >
-              <div class="main" v-html="details">
-              
-              </div>
-              <span slot="footer" class="dialog-footer1">
-                <el-button type="primary" @click="look1 = false">确 定</el-button>
-                <el-button @click="look1 = false">取 消</el-button>
-              </span>
-            </el-dialog>
-          </div>
+            </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 title="通知内容" :visible.sync="look1" width="30%" custom-class="el-dialog6">
+            <div class="main" v-html="details">
+
+            </div>
+            <span slot="footer" class="dialog-footer1">
+              <el-button type="primary" @click="look1 = false">确 定</el-button>
+              <el-button @click="look1 = false">取 消</el-button>
+            </span>
+          </el-dialog>
         </div>
       </div>
     </div>
-  </template>
-      
-      <script>
+  </div>
+</template>
+
+<script>
   import "@/styles1/element-ui1.scss";
-  
+
   import {
     listMsg,
     getMsg,
@@ -189,7 +101,7 @@
     addMsg,
     updateMsg
   } from "@/api/doc/msg";
-  
+
   export default {
     name: "Msg",
     data() {
@@ -197,10 +109,10 @@
         //通知内容弹窗
         look1: false,
         //通知内容
-        details:"",
-  
-       // 部门树选项
-       deptOptions: undefined,
+        details: "",
+
+        // 部门树选项
+        deptOptions: undefined,
         // 遮罩层
         loading: true,
         // 选中数组
@@ -259,10 +171,10 @@
       //通知内容
       looks(row) {
         this.look1 = true;
-        this.details=row.msgContent;
+        this.details = row.msgContent;
       },
-     /** 选择消息接收人员 */
-     handleMsgUser(row) {
+      /** 选择消息接收人员 */
+      handleMsgUser(row) {
         this.$router.push("/home/personal/messages/receiver/" + row.msgId);
       },
       /** 查询系统消息列表 */
@@ -368,15 +280,16 @@
       }
     },
   };
-  </script>
-      
-      <style scoped lang='scss'>
+</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));
@@ -385,48 +298,58 @@
       //   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,
@@ -439,6 +362,7 @@
             color: #2e8aec;
           }
         }
+
         .el-table {
           // width: calc(100vw * (1830 / 1920));
           height: calc(100vh * (660 / 1080));
@@ -448,45 +372,52 @@
           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 {
+
+        ::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));
@@ -500,42 +431,43 @@
       }
     }
   }
-  
+
   //新增/修改弹窗样式
   ::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__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));
+
     //上传弹窗位置高度
     ::v-deep .el-dialog:not(.is-fullscreen) {
       margin-top: 2vh !important;
     }
-  
+
     //弹窗中间内容
     .el-dialog__body {
       // width: calc(100vw * (620 / 1920)) ;
@@ -545,28 +477,29 @@
       padding-right: 50px;
       overflow: auto;
     }
-  
+
     .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 {
+
+    .el-tag+.el-tag {
       margin-left: 10px;
     }
-  
+
     .button-new-tag {
       margin-left: 10px;
       height: 32px;
@@ -574,52 +507,63 @@
       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;
   }
+
   //消息内容弹窗
   ::v-deep .el-dialog6 {
     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));
+
     .main {
       margin-top: calc(100vh * (40 / 1080));
       width: calc(100vw * (640 / 1920));
@@ -629,8 +573,4 @@
       overflow: auto;
     }
   }
-  </style>
-      
-    
-    
-    
+</style>