Browse Source

完善个人文档的目录选择

wukai 2 years ago
parent
commit
bba167161d
1 changed files with 29 additions and 1 deletions
  1. 29 1
      src/views/doc/info/index.vue

+ 29 - 1
src/views/doc/info/index.vue

@@ -56,6 +56,7 @@
           <el-table-column label="修改时间" align="center" prop="updateTime" />
           <el-table-column label="文件级别" align="center" prop="docLevel" />
           <el-table-column label="文件年份" align="center" prop="createYear" />
+          <el-table-column label="标签" align="center" prop="tagName" />
           <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-view" @click="handlePreview(scope.row)">分享</el-button>
@@ -82,6 +83,9 @@
           <!-- <el-input v-model="form.docPath" placeholder="请输入文件路径" /> -->
           <file-upload v-model="form.docPath" />
         </el-form-item>
+       <el-form-item label="文件目录" prop="dirId">
+          <treeselect v-model="form.dirId" :options="dirList" :normalizer="normalizer" placeholder="请选择文件目录" />
+        </el-form-item>
         <el-form-item label="文件名称" prop="docName">
           <el-input v-model="form.docName" placeholder="请输入文件名称" />
         </el-form-item>
@@ -91,6 +95,9 @@
         <el-form-item label="文件级别" prop="docLevel">
           <el-input v-model="form.docLevel" placeholder="请输入文件级别" />
         </el-form-item>
+        <el-form-item label="文件标签" prop="docLevel">
+          <el-input v-model="form.docLevel" type="textarea" placeholder="请输入文件标签,多个标签以空格分隔,每个标签最好不超过四个字!" />
+        </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -141,7 +148,9 @@
         total: 0,
         // 文件基本信息表格数据
         infoList: [],
-        dirId: undefined, //目录ID
+        //目录ID
+        dirId: undefined,
+        //目录数据
         dirList: undefined,
         // 弹出层标题
         title: "",
@@ -180,7 +189,26 @@
     created() {
       this.dirTree();
     },
+    watch: {
+      "form.docPath": function(path, old) {
+        if (path && path.lastIndexOf("/") > -1) {
+          let name = path.slice(path.lastIndexOf("/") + 1);
+          this.form.docName = name.split("_")[0];
+        }
+      }
+    },
     methods: {
+      /** 转换目录信息数据结构 */
+      normalizer(node) {
+        if (node.children && !node.children.length) {
+          delete node.children;
+        }
+        return {
+          id: node.dirId,
+          label: node.dirName,
+          children: node.children
+        };
+      },
       // 节点单击事件
       handleNodeClick(data) {
         this.dirId = data.dirId;