联调新建文件接口；新建共享管理

src/api/doc/bookMark.js

@@ -5,7 +5,7 @@
 import request from '@/utils/request'
 const baseUrl = '/v1/api'
 
-export const getBookList = params => {
+export const getBookMarkList = params => {
     return request({
         url: baseUrl + '/doc/bookmark/mine',
         method: 'get',

src/components/common/BreadCrumb.vue

@@ -73,9 +73,7 @@ export default {
   },
   watch: {
     $route(value) {
-      // console.log(123, value);
       const { filePath } = value.query;
-      // debugger;
       let filePathList = filePath ? filePath.split("/") : [];
       let res = []; //  返回结果数组
       let _path = []; //  存放祖先路径
@@ -103,7 +101,6 @@ export default {
           // });
         }
       }
-      console.log("res", res);
       this.breadCrumbList = res;
     },
   },
@@ -153,13 +150,11 @@ export default {
      * 点击面包屑导航栏空白处
      */
     handleClickBreadCrumbSelf() {
-      if (this.fileType === 0) {
-        this.inputFilePath = this.filePath;
-        this.isShowInput = true;
-        this.$nextTick(() => {
-          this.$refs.filePathInputRef.focus();
-        });
-      }
+      this.inputFilePath = this.filePath;
+      this.isShowInput = true;
+      this.$nextTick(() => {
+        this.$refs.filePathInputRef.focus();
+      });
     },
     /**
      * 路径输入框失去焦点或用户按下回车时触发
@@ -177,24 +172,28 @@ export default {
     },
     // 获取文件参数
     getRouteQuery(item) {
-      let routeName = this.$route.name;
-      if (routeName === "Share") {
-        // 当前是查看他人分享列表的页面
-        return { query: { filePath: item.path } };
-      } else if (this.fileType === 8) {
-        // 当前是我的已分享列表页面
-        return {
-          query: {
-            fileType: 8,
-            filePath: item.path,
-            shareBatchNum:
-              item.path === "/" ? undefined : this.$route.query.shareBatchNum, //  当查看的是根目录，批次号置空
-          },
-        };
-      } else {
-        // 网盘页面
-        return { query: { filePath: item.path, fileType: 0 } };
-      }
+      //   debugger;
+      //   let routeName = this.$route.name;
+      //   if (routeName === "Share") {
+      //     // 当前是查看他人分享列表的页面
+      //     return { query: { filePath: item.path } };
+      //   } else if (this.fileType === 8) {
+      //     // 当前是我的已分享列表页面
+      //     return {
+      //       query: {
+      //         fileType: 8,
+      //         filePath: item.path,
+      //         shareBatchNum:
+      //           item.path === "/" ? undefined : this.$route.query.shareBatchNum, //  当查看的是根目录，批次号置空
+      //       },
+      //     };
+      //   } else {
+      //     // 网盘页面
+      //     return { query: { filePath: item.path, fileType: item.fileType } };
+      //   }
+      return {
+        query: { filePath: item.path, fileType: this.$route.query.fileType },
+      };
     },
   },
 };

src/components/common/FileTable.vue

@@ -459,7 +459,7 @@ export default {
         font-size: 16px;
 
         &:hover {
-          color: $Primary;
+          color: $theme-blue;
         }
       }
     }
@@ -510,7 +510,7 @@ export default {
     cursor: pointer;
     &:hover {
       background: $PrimaryHover;
-      color: $Primary;
+      color: $theme-blue;
     }
     i {
       margin-right: 8px;

src/components/file/FileList.vue

@@ -145,7 +145,6 @@ export default {
     },
     // 监听搜索文件
     searchFileName() {
-      console.log("searchFileName");
       this.setPageCount();
       this.getTableDataByType();
     },

src/components/file/box/contextMenu/Box.vue

@@ -618,7 +618,7 @@ export default {
     cursor: pointer;
     &:hover {
       background: $PrimaryHover;
-      color: $Primary;
+      color: $theme-blue;
     }
     i {
       margin-right: 8px;

src/components/file/box/uploadFile/Box.vue

@@ -185,6 +185,10 @@ export default {
       return store.getters.remainderStorageValue;
     },
   },
+  // created() {
+  //   // debugger;
+  //   console.log(123);
+  // },
   methods: {
     // 隐藏拖拽上传遮罩
     hideUploadMask(e) {
@@ -200,15 +204,15 @@ export default {
         this.$qwConfig.tokenKeyName
       );
       switch (this.uploadWay) {
-        case 1: {
+        case 0: {
           this.$refs.uploadBtn.$el.click();
           break;
         }
-        case 2: {
+        case 1: {
           this.$refs.uploadDirBtn.$el.click();
           break;
         }
-        case 3: {
+        case 2: {
           this.pasteImg.src = "";
           this.pasteImg.name = "";
           this.pasteImgObj = null;
@@ -456,7 +460,7 @@ export default {
       cursor: pointer;
 
       &:hover {
-        color: $Primary;
+        color: $theme-blue;
       }
     }
 

src/components/file/box/videoPreview/BoxMask.vue

@@ -217,7 +217,7 @@ export default {
           justify-content: space-between;
 
           &:hover {
-            color: $Primary;
+            color: $theme-blue;
           }
 
           .name {
@@ -235,7 +235,7 @@ export default {
 
         .video-item.active {
           background: #000;
-          color: $Primary;
+          color: $theme-blue;
         }
       }
     }

src/components/file/box/videoPreview/VideoPlayer.vue

@@ -73,12 +73,12 @@ export default {
   width: 100%;
   height: 100%;
   padding: 0;
-  color: $Primary;
+  color: $theme-blue;
 
   // 播放按钮
   ::v-deep .vjs-big-play-button {
     border-radius: 50%;
-    border: 6px solid $Primary;
+    border: 6px solid $theme-blue;
     left: calc(50% - 1em);
     top: calc(50% - 1em);
     width: 2.5em;
@@ -97,7 +97,7 @@ export default {
   ::v-deep .vjs-volume-level,
   ::v-deep .vjs-play-progress,
   ::v-deep .vjs-slider-bar {
-    background: $Primary;
+    background: $theme-blue;
   }
 
   // 控制条按钮的大小

src/components/file/components/FileGrid.vue

@@ -103,6 +103,7 @@ export default {
   watch: {
     // 文件平铺模式 排序-文件夹在前
     fileList(newValue) {
+      console.log("fileList-newValue", newValue);
       this.fileListSorted = [...newValue]
         .sort((pre, next) => {
           return next.isDir - pre.isDir;
@@ -119,6 +120,13 @@ export default {
       this.$store.commit("changeSelectedFiles", newValue);
       this.$store.commit("changeIsBatchOperation", newValue.length !== 0);
     },
+    fileListSorted: {
+      handler(value) {
+        console.log("监听fileListSorted", value);
+      },
+      deep: true,
+      immediate: true,
+    },
   },
   methods: {
     /**

src/components/file/components/OperationMenu.vue

@@ -20,14 +20,14 @@
           >上传<i class="el-icon-arrow-down el-icon--right"></i
         ></el-button>
         <el-dropdown-menu slot="dropdown">
-          <el-dropdown-item @click.native="handleUploadFileBtnClick(1)"
+          <el-dropdown-item @click.native="handleUploadFileBtnClick(0)"
             >上传文件</el-dropdown-item
           >
-          <el-dropdown-item @click.native="handleUploadFileBtnClick(2)"
+          <el-dropdown-item @click.native="handleUploadFileBtnClick(1)"
             >上传文件夹</el-dropdown-item
           >
           <el-dropdown-item
-            @click.native="handleUploadFileBtnClick(3)"
+            @click.native="handleUploadFileBtnClick(2)"
             title="截图粘贴或拖拽上传"
             :disabled="screenWidth <= 520"
             >拖拽上传</el-dropdown-item
@@ -488,11 +488,7 @@ export default {
      * @param {string} value 搜索内容
      */
     handleSearchInputChange(value) {
-      if (value === "") {
-        this.$emit("getTableDataByType");
-      } else {
-        this.$emit("getSearchFileList", value);
-      }
+      this.$emit("getSearchFileList", value);
     },
     /**
      * 网格模式下，批量操作状态切换
@@ -505,6 +501,7 @@ export default {
      * @param {number} label 0 列表 1 网格 2 时间线
      */
     handleFileDisplayModelChange(label) {
+      // debugger;
       this.fileGroupLable = label;
       // 关闭右键菜单事件
       this.$openBox.contextMenu.close();
@@ -571,7 +568,7 @@ export default {
       font-size: 16px;
 
       &:hover {
-        color: $Primary;
+        color: $theme-blue;
       }
     }
   }
@@ -585,7 +582,7 @@ export default {
   }
 
   .model-icon.active {
-    color: $Primary;
+    color: $theme-blue;
   }
 
   .refresh-icon,
@@ -597,12 +594,12 @@ export default {
     color: $SecondaryText;
 
     &:hover {
-      color: $Primary;
+      color: $theme-blue;
     }
   }
 
   .batch-icon.active {
-    color: $Primary;
+    color: $theme-blue;
   }
 }
 

src/components/file/components/SelectColumn.vue

@@ -86,7 +86,7 @@ export default {
     padding-top: 8px;
     cursor: pointer;
     &:hover {
-      color: $Primary;
+      color: $theme-blue;
     }
   }
 }

src/components/file/dialog/copyFile/Dialog.vue

@@ -237,7 +237,7 @@ export default {
         }
 
         .el-tree-node.is-current > .el-tree-node__content {
-          color: $Primary;
+          color: $theme-blue;
         }
       }
     }

src/components/file/dialog/moveFile/Dialog.vue

@@ -267,7 +267,7 @@ export default {
         }
 
         .el-tree-node.is-current > .el-tree-node__content {
-          color: $Primary;
+          color: $theme-blue;
         }
       }
     }

src/components/file/dialog/saveShareFile/Dialog.vue

@@ -210,7 +210,7 @@ export default {
         }
 
         .el-tree-node.is-current > .el-tree-node__content {
-          color: $Primary;
+          color: $theme-blue;
         }
       }
     }

src/components/file/dialog/unzipFile/Dialog.vue

@@ -228,7 +228,7 @@ export default {
         }
 
         .el-tree-node.is-current > .el-tree-node__content {
-          color: $Primary;
+          color: $theme-blue;
         }
       }
     }

src/libs/qiwen/globalFunction/file.js

@@ -20,6 +20,9 @@ const fileFunction = {
 	 * @returns {string} 文件大小（带单位）
 	 */
 	calculateFileSize(size, isInteger = false) {
+		if (size == null)
+			return 0 + 'KB'
+
 		const B = 1024
 		const KB = Math.pow(1024, 2)
 		const MB = Math.pow(1024, 3)
@@ -344,9 +347,9 @@ const fileFunction = {
 					flag = true
 				}
 				console.log(123, row);
-				const { fileId, identifier } = row
+				const { fileId } = row
 				const params = {
-					fileId: identifier,
+					fileId: fileId,
 					flag
 				}
 				getViewUrlDbPath(params).then(res => {

src/views/home/index.vue

@@ -13,7 +13,7 @@
               <svg-icon icon-class="add-border"></svg-icon>
               <div class="right">
                 <div class="text">新建文档</div>
-                <div class="subtitle">从空文本起草</div>
+                <div class="subtitle">从空文本或模板起草</div>
               </div>
             </div>
           </el-card>
@@ -22,7 +22,7 @@
           <el-card
             shadow="never"
             class="cursor-pointer"
-            @click.native="handleUploadFile(0)"
+            @click.native="handleUploadFile"
           >
             <div class="content">
               <svg-icon icon-class="word-border"></svg-icon>
@@ -144,83 +144,32 @@ export default {
       let res = await getNearCreation(params);
       this.createList = res.data;
     },
-    /**
-     * 上传文件按钮点击事件
-     * @description 通过Bus通信，开启全局上传文件流程
-     * @param {boolean} uploadWay 上传方式 0-文件上传 1-文件夹上传 2-粘贴图片或拖拽上传
-     */
-    handleUploadFile(uploadWay) {
-      this.$openDialog.authWeChat({}).then((res) => {
-        switch (res) {
-          case "confirm": {
-            this.$common.goAccount("/settings/account");
-            break;
-          }
-          case "go": {
-            this.$openBox.uploadFile({
-              params: this.uploadFileParams,
-              uploadWay,
-              serviceEl: this,
-              callType: 1, //  callType 调用此服务的方式：1 - 顶部栏，2 - 右键菜单
-            });
-            break;
-          }
-        }
+    //  上传文件
+    handleUploadFile() {
+      const uploadFileParams = { filePath: "/我的创作", isDir: 0 }; // 上传文件组件参数
+      // debugger;
+      this.$openBox.uploadFile({
+        params: uploadFileParams,
+        uploadWay: 0, //0-文件上传 1-文件夹上传 2-粘贴图片或拖拽上传
+        serviceEl: this,
+        callType: 2, //  callType 调用此服务的方式：1 - 顶部栏，2 - 右键菜单
       });
     },
     // 创建文件
     handleCreateFile() {
-      // const _this = this;
-      const formData = new FormData();
-      // 目前仅支持创建文档
-      formData.append("filetype", fileTypes.WORD);
-      newfile(formData).then((res) => {
-        // instance.confirmButtonLoading = false;
-        // done();
-        // _this.$parent.$parent.showDialog = false;
-        const resolve = this.$router.resolve({
-          path: "/write",
-          query: {
-            wpsUrl: res.redirect_url,
-          },
+      this.$openDialog
+        .addFileByTemplate({
+          extendName: "docx",
+        })
+        .then((res) => {
+          // if (res === "confirm") {
+          //   this.$emit("getTableDataByType");
+          // }
         });
-        window.open(resolve.href);
-      });
-      // if (e === undefined) {
-      //   // 目前仅支持创建文档
-      //   formData.append("filetype", fileTypes.WORD);
-      //   newfile(formData).then((res) => {
-      //     // instance.confirmButtonLoading = false;
-      //     // done();
-      //     // _this.$parent.$parent.showDialog = false;
-      //     const resolve = this.$router.resolve({
-      //       path: "/write",
-      //       query: {
-      //         wpsUrl: res.redirect_url,
-      //       },
-      //     });
-      //     window.open(resolve.href);
-      //   });
-      // } else {
-      //   formData.append("templateId", e);
-      //   newfileTemplate(formData).then((res) => {
-      //     instance.confirmButtonLoading = false;
-      //     done();
-      //     _this.$parent.$parent.showDialog = false;
-      //     let resolve = _this.$router.resolve({
-      //       path: "/write",
-      //       query: {
-      //         wpsUrl: res.redirect_url,
-      //       },
-      //     });
-      //     window.open(resolve.href);
-      //   });
-      // }
     },
     // 点击表格某一行
     handleClickName(row) {
       console.log("row", row);
-      openFile(row, this, localStorage);
     },
     handleToCreate() {
       this.$router.push("/mine/myCreate");
@@ -232,6 +181,9 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+.cursor-pointer {
+  cursor: pointer;
+}
 ::v-deep .el-card__body {
   .el-upload {
     width: 100%;

src/views/manage/shareManage/constant.js

+//分享类型
+export const shareTypeConstant = {
+    PUBLIC_SHARE: 0, //分享给公共社区
+    DEPT_SHARE: 1, //分享给部门
+    PERSONAL_SHARE: 2 //分享给个人
+}
+
+// 分享状态
+export const shareStatusConstant = {
+    SHARED: 0, //已分享
+    EXPIRED: 1,//已失效
+    REVOKED: 2,//已撤销
+}
\ No newline at end of file

src/views/manage/shareManage/index.vue

 <template>
-  <div>共享管理</div>
+  <div class="app-container">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      v-show="showSearch"
+      label-width="68px"
+    >
+      <el-form-item label="文件名称" prop="fileName">
+        <el-input
+          v-model="queryParams.fileName"
+          placeholder="请输入文件名称"
+          clearable
+          style="width: 240px"
+          @keyup.enter.native="handleQuery"
+          clearable
+        />
+      </el-form-item>
+      <el-form-item label="分享状态" prop="fileName">
+        <el-select
+          v-model="queryParams.shareStatus"
+          placeholder="请选择分享状态"
+          clearable
+        >
+          <el-option
+            v-for="item in dict.type.share_status"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+      </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>
+
+    <el-row :gutter="10" class="mb8">
+      <right-toolbar
+        :showSearch.sync="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
+    </el-row>
+    <el-table v-loading="loading" :data="shareList">
+      <el-table-column
+        label="文件名称"
+        align="center"
+        prop="fileName"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="分享截止时间"
+        align="center"
+        prop="endTime"
+        width="180"
+      >
+      </el-table-column>
+      <el-table-column
+        label="分享类型"
+        align="center"
+        :show-overflow-tooltip="true"
+      >
+        <template slot-scope="scope">
+          <dict-tag
+            :options="dict.type.share_type"
+            :value="scope.row.shareType"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column label="分享状态" align="center" prop="status">
+        <template slot-scope="scope">
+          <el-tag :type="getShareStatusTagType(scope.row.shareStatus)"
+            ><dict-tag
+              :options="dict.type.share_status"
+              :value="scope.row.shareStatus"
+          /></el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="备注"
+        align="center"
+        prop="remark"
+        :show-overflow-tooltip="true"
+      />
+
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template slot-scope="scope">
+          <el-link type="primary" style="margin-right: 16px">
+            <svg-icon icon-class="revoke"> </svg-icon>撤销分享
+          </el-link>
+          <el-link type="primary" icon="el-icon-view"> 预览 </el-link>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.currentPage"
+      :limit.sync="queryParams.pageCount"
+      @pagination="getList"
+    />
+  </div>
 </template>
 
 <script>
-export default {};
-</script>
+import { getAdminShareList } from "@/api/user/share";
+import { shareStatusConstant } from "./constant";
 
-<style></style>
+export default {
+  name: "myShare",
+  dicts: ["share_type", "share_status"],
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 表格数据
+      shareList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 日期范围
+      dateRange: [],
+      // 查询参数
+      queryParams: {
+        currentPage: 1,
+        pageCount: 10,
+        fileName: "", //文件名称
+        shareStatus: "", //分享状态
+      },
+      // 分享状态常量
+      shareStatusConstant,
+    };
+  },
+  computed: {
+    getShareStatusTagType(shareStatus) {
+      return (shareStatus) => {
+        switch (shareStatus) {
+          case shareStatusConstant.SHARED: //已分享
+            return "success";
+          case shareStatusConstant.EXPIRED: //已失效
+            return "info";
+          case shareStatusConstant.REVOKED: //已撤销
+            return "warning";
+        }
+      };
+    },
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询字典类型列表 */
+    getList() {
+      this.loading = true;
+      getAdminShareList(this.queryParams).then((res) => {
+        this.total = res.data.total;
+        this.loading = false;
+        this.shareList = res.data.records;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.resetForm("queryForm");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.currentPage = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.dateRange = [];
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 取消分享
+    handleCancelShare(row) {
+      console.log(row);
+    },
+  },
+};
+</script>

src/views/mine/myNote/components/noteByFile.vue

@@ -32,11 +32,19 @@
     <div :span="19" class="right">
       <div class="single-article">
         <el-row class="info">
-          <el-col :span="8" class="center">{{ currentFile.name }}</el-col>
-          <el-col :span="8" class="center">{{ currentFile.author }}</el-col>
-          <el-col :span="8" class="center"
-            ><el-button type="text">查看原文</el-button></el-col
-          >
+          <el-col :span="16">
+            <el-row>
+              <el-col class="info-title">
+                {{ currentFile.name }}
+              </el-col>
+              <el-col>
+                <span class="info-author">
+                  作者： {{ currentFile.author }}
+                </span>
+                <el-button type="text">查看原文</el-button>
+              </el-col>
+            </el-row>
+          </el-col>
         </el-row>
 
         <div class="card-group">
@@ -71,7 +79,7 @@
   </div>
 </template>
 <script>
-import { getBookList, getBookMark } from "@/api/doc/bookMark";
+import { getBookMarkList, getBookMark } from "@/api/doc/bookMark";
 import { mockNote } from "./mockNote";
 export default {
   data() {
@@ -107,10 +115,10 @@ export default {
   },
   methods: {
     async loadBookMarkList() {
-      let res = await getBookList();
+      let res = await getBookMarkList();
       console.log(res);
-      if (res.result) {
-        this.markList = res.result;
+      if (res.data) {
+        this.markList = res.data;
       }
     },
     // 点击文章
@@ -178,11 +186,14 @@ export default {
     //文章基本信息
     .info {
       padding: 16px;
-      border-bottom: 1px solid #e7e7e7;
       margin-bottom: 8px;
-      .center {
-        display: flex;
-        justify-content: center;
+      .info-title {
+        color: #333;
+        font-size: 18px;
+        font-weight: bold;
+      }
+      .info-author {
+        margin-right: 18px;
       }
     }
     .card-group {

src/views/mine/myShare/index.vue

@@ -48,61 +48,13 @@
     </el-form>
 
     <el-row :gutter="10" class="mb8">
-      <!-- <el-col :span="1.5">
-        <el-button
+       <el-button
           type="primary"
           plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['system:dict: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="['system:dict: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="['system:dict:remove']"
-          >删除</el-button
-        >
-      </el-col> -->
-      <!-- <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          v-hasPermi="['system:dict:export']"
-          >导出</el-button
-        >
-      </el-col> -->
-      <el-col :span="1.5">
-        <el-button
-          type="danger"
-          plain
-          icon="el-icon-refresh"
-          size="mini"
-          @click="handleRefreshCache"
-          v-hasPermi="['system:dict:remove']"
-          >刷新缓存</el-button
+          @click.native="handleMultiRevoke"
+          ><svg-icon icon-class="revoke" class="mr5"> </svg-icon>批量撤销分享</el-button
         >
       </el-col>
       <right-toolbar
@@ -115,6 +67,7 @@
       :data="shareList"
       @selection-change="handleSelectionChange"
     >
+      <el-table-column type="selection" width="55" align="center" />
       <el-table-column
         label="文件名称"
         align="center"
@@ -180,14 +133,6 @@
 </template>
 
 <script>
-import {
-  listType,
-  getType,
-  delType,
-  addType,
-  updateType,
-  refreshCache,
-} from "@/api/system/dict/type";
 import { getMyShareList } from "@/api/user/share";
 import { shareStatusConstant } from "./constant";
 
@@ -245,6 +190,12 @@ export default {
     this.getList();
   },
   methods: {
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.dictId);
+      this.single = selection.length != 1;
+      this.multiple = !selection.length;
+    },
     /** 查询字典类型列表 */
     getList() {
       this.loading = true;
@@ -261,14 +212,7 @@ export default {
     },
     // 表单重置
     reset() {
-      this.form = {
-        dictId: undefined,
-        dictName: undefined,
-        dictType: undefined,
-        status: "0",
-        remark: undefined,
-      };
-      this.resetForm("form");
+      this.resetForm("queryForm");
     },
     /** 搜索按钮操作 */
     handleQuery() {
@@ -281,83 +225,15 @@ export default {
       this.resetForm("queryForm");
       this.handleQuery();
     },
-    /** 新增按钮操作 */
-    handleAdd() {
-      this.reset();
-      this.open = true;
-      this.title = "添加字典类型";
-    },
-    // 多选框选中数据
-    handleSelectionChange(selection) {
-      this.ids = selection.map((item) => item.dictId);
-      this.single = selection.length != 1;
-      this.multiple = !selection.length;
-    },
     // 取消分享
     handleCancelShare(row) {
       console.log(row);
     },
-    /** 修改按钮操作 */
-    handleUpdate(row) {
-      this.reset();
-      const dictId = row.dictId || this.ids;
-      getType(dictId).then((response) => {
-        this.form = response.data;
-        this.open = true;
-        this.title = "修改字典类型";
-      });
-    },
-    /** 提交按钮 */
-    submitForm: function () {
-      this.$refs["form"].validate((valid) => {
-        if (valid) {
-          if (this.form.dictId != undefined) {
-            updateType(this.form).then((response) => {
-              this.$modal.msgSuccess("修改成功");
-              this.open = false;
-              this.getList();
-            });
-          } else {
-            addType(this.form).then((response) => {
-              this.$modal.msgSuccess("新增成功");
-              this.open = false;
-              this.getList();
-            });
-          }
-        }
-      });
-    },
-    /** 删除按钮操作 */
-    handleDelete(row) {
-      const dictIds = row.dictId || this.ids;
-      this.$modal
-        .confirm('是否确认删除字典编号为"' + dictIds + '"的数据项？')
-        .then(function () {
-          return delType(dictIds);
-        })
-        .then(() => {
-          this.getList();
-          this.$modal.msgSuccess("删除成功");
-        })
-        .catch(() => {});
-    },
-    /** 导出按钮操作 */
-    handleExport() {
-      this.download(
-        "system/dict/type/export",
-        {
-          ...this.queryParams,
-        },
-        `type_${new Date().getTime()}.xlsx`
-      );
-    },
-    /** 刷新缓存按钮操作 */
-    handleRefreshCache() {
-      refreshCache().then(() => {
-        this.$modal.msgSuccess("刷新成功");
-        this.$store.dispatch("dict/cleanDict");
-      });
-    },
+    // 批量取消分享
+    handleMultiRevoke(){
+      console.log(this.ids);
+      
+    }
   },
 };
 </script>

src/views/system/dict/index.vue

 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      v-show="showSearch"
+      label-width="68px"
+    >
       <el-form-item label="字典名称" prop="dictName">
         <el-input
           v-model="queryParams.dictName"
@@ -46,8 +53,16 @@
         ></el-date-picker>
       </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-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>
 
@@ -60,7 +75,8 @@
           size="mini"
           @click="handleAdd"
           v-hasPermi="['system:dict:add']"
-        >新增</el-button>
+          >新增</el-button
+        >
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -71,7 +87,8 @@
           :disabled="single"
           @click="handleUpdate"
           v-hasPermi="['system:dict:edit']"
-        >修改</el-button>
+          >修改</el-button
+        >
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -82,7 +99,8 @@
           :disabled="multiple"
           @click="handleDelete"
           v-hasPermi="['system:dict:remove']"
-        >删除</el-button>
+          >删除</el-button
+        >
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -92,7 +110,8 @@
           size="mini"
           @click="handleExport"
           v-hasPermi="['system:dict:export']"
-        >导出</el-button>
+          >导出</el-button
+        >
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -102,34 +121,71 @@
           size="mini"
           @click="handleRefreshCache"
           v-hasPermi="['system:dict:remove']"
-        >刷新缓存</el-button>
+          >刷新缓存</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="typeList" @selection-change="handleSelectionChange">
+    <el-table
+      v-loading="loading"
+      :data="typeList"
+      @selection-change="handleSelectionChange"
+    >
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="字典编号" align="center" prop="dictId" />
-      <el-table-column label="字典名称" align="center" prop="dictName" :show-overflow-tooltip="true" />
-      <el-table-column label="字典类型" align="center" :show-overflow-tooltip="true">
+      <el-table-column
+        label="字典名称"
+        align="center"
+        prop="dictName"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="字典类型"
+        align="center"
+        :show-overflow-tooltip="true"
+      >
         <template slot-scope="scope">
-          <router-link :to="'/system/dict-data/index/' + scope.row.dictId" class="link-type">
+          <router-link
+            :to="'/system/dict-data/index/' + scope.row.dictId"
+            class="link-type"
+          >
             <span>{{ scope.row.dictType }}</span>
           </router-link>
         </template>
       </el-table-column>
       <el-table-column label="状态" align="center" prop="status">
         <template slot-scope="scope">
-          <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.status"/>
+          <dict-tag
+            :options="dict.type.sys_normal_disable"
+            :value="scope.row.status"
+          />
         </template>
       </el-table-column>
-      <el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" />
-      <el-table-column label="创建时间" align="center" prop="createTime" width="180">
+      <el-table-column
+        label="备注"
+        align="center"
+        prop="remark"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="创建时间"
+        align="center"
+        prop="createTime"
+        width="180"
+      >
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.createTime) }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
         <template slot-scope="scope">
           <el-button
             size="mini"
@@ -137,20 +193,22 @@
             icon="el-icon-edit"
             @click="handleUpdate(scope.row)"
             v-hasPermi="['system:dict:edit']"
-          >修改</el-button>
+            >修改</el-button
+          >
           <el-button
             size="mini"
             type="text"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
             v-hasPermi="['system:dict:remove']"
-          >删除</el-button>
+            >删除</el-button
+          >
         </template>
       </el-table-column>
     </el-table>
 
     <pagination
-      v-show="total>0"
+      v-show="total > 0"
       :total="total"
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
@@ -172,11 +230,16 @@
               v-for="dict in dict.type.sys_normal_disable"
               :key="dict.value"
               :label="dict.value"
-            >{{dict.label}}</el-radio>
+              >{{ dict.label }}</el-radio
+            >
           </el-radio-group>
         </el-form-item>
         <el-form-item label="备注" prop="remark">
-          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
+          <el-input
+            v-model="form.remark"
+            type="textarea"
+            placeholder="请输入内容"
+          ></el-input>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -188,11 +251,18 @@
 </template>
 
 <script>
-import { listType, getType, delType, addType, updateType, refreshCache } from "@/api/system/dict/type";
+import {
+  listType,
+  getType,
+  delType,
+  addType,
+  updateType,
+  refreshCache,
+} from "@/api/system/dict/type";
 
 export default {
   name: "Dict",
-  dicts: ['sys_normal_disable'],
+  dicts: ["sys_normal_disable"],
   data() {
     return {
       // 遮罩层
@@ -221,19 +291,19 @@ export default {
         pageSize: 10,
         dictName: undefined,
         dictType: undefined,
-        status: undefined
+        status: undefined,
       },
       // 表单参数
       form: {},
       // 表单校验
       rules: {
         dictName: [
-          { required: true, message: "字典名称不能为空", trigger: "blur" }
+          { required: true, message: "字典名称不能为空", trigger: "blur" },
         ],
         dictType: [
-          { required: true, message: "字典类型不能为空", trigger: "blur" }
-        ]
-      }
+          { required: true, message: "字典类型不能为空", trigger: "blur" },
+        ],
+      },
     };
   },
   created() {
@@ -243,7 +313,8 @@ export default {
     /** 查询字典类型列表 */
     getList() {
       this.loading = true;
-      listType(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
+      listType(this.addDateRange(this.queryParams, this.dateRange)).then(
+        (response) => {
           this.typeList = response.rows;
           this.total = response.total;
           this.loading = false;
@@ -262,7 +333,7 @@ export default {
         dictName: undefined,
         dictType: undefined,
         status: "0",
-        remark: undefined
+        remark: undefined,
       };
       this.resetForm("form");
     },
@@ -285,32 +356,32 @@ export default {
     },
     // 多选框选中数据
     handleSelectionChange(selection) {
-      this.ids = selection.map(item => item.dictId)
-      this.single = selection.length!=1
-      this.multiple = !selection.length
+      this.ids = selection.map((item) => item.dictId);
+      this.single = selection.length != 1;
+      this.multiple = !selection.length;
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
       this.reset();
-      const dictId = row.dictId || this.ids
-      getType(dictId).then(response => {
+      const dictId = row.dictId || this.ids;
+      getType(dictId).then((response) => {
         this.form = response.data;
         this.open = true;
         this.title = "修改字典类型";
       });
     },
     /** 提交按钮 */
-    submitForm: function() {
-      this.$refs["form"].validate(valid => {
+    submitForm: function () {
+      this.$refs["form"].validate((valid) => {
         if (valid) {
           if (this.form.dictId != undefined) {
-            updateType(this.form).then(response => {
+            updateType(this.form).then((response) => {
               this.$modal.msgSuccess("修改成功");
               this.open = false;
               this.getList();
             });
           } else {
-            addType(this.form).then(response => {
+            addType(this.form).then((response) => {
               this.$modal.msgSuccess("新增成功");
               this.open = false;
               this.getList();
@@ -322,26 +393,34 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const dictIds = row.dictId || this.ids;
-      this.$modal.confirm('是否确认删除字典编号为"' + dictIds + '"的数据项？').then(function() {
-        return delType(dictIds);
-      }).then(() => {
-        this.getList();
-        this.$modal.msgSuccess("删除成功");
-      }).catch(() => {});
+      this.$modal
+        .confirm('是否确认删除字典编号为"' + dictIds + '"的数据项？')
+        .then(function () {
+          return delType(dictIds);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
     },
     /** 导出按钮操作 */
     handleExport() {
-      this.download('system/dict/type/export', {
-        ...this.queryParams
-      }, `type_${new Date().getTime()}.xlsx`)
+      this.download(
+        "system/dict/type/export",
+        {
+          ...this.queryParams,
+        },
+        `type_${new Date().getTime()}.xlsx`
+      );
     },
     /** 刷新缓存按钮操作 */
     handleRefreshCache() {
       refreshCache().then(() => {
         this.$modal.msgSuccess("刷新成功");
-        this.$store.dispatch('dict/cleanDict');
+        this.$store.dispatch("dict/cleanDict");
       });
-    }
-  }
+    },
+  },
 };
-</script>
+</script>
\ No newline at end of file