稽查文档管理

src/views/trials/trials-workbench/components/auditDocument/index.vue

@@ -46,9 +46,12 @@
         </el-form>
         <div class="catalogue">
             <span>{{ $t('trials:trials-workbench:auditDocument:catalogue:title') }}</span>
-            <el-breadcrumb separator-class="el-icon-arrow-right">
-                <el-breadcrumb-item v-for="item of catalogueData" :key="item.Id"><span class="catalogue_name"
-                        @click.stop="toCatalogue(item)">{{ item.Name }}</span></el-breadcrumb-item>
+            <el-button icon="el-icon-top" class="last_catalogue" :disabled="!Id"
+                @click.stop="toCatalogue(false)"></el-button>
+            <el-breadcrumb separator-class="el-icon-arrow-right" class="catalogue_name_box">
+                <el-breadcrumb-item v-for="item of catalogueData" :key="item.Id">
+                    <span class="catalogue_name" @click.stop="toCatalogue(item)">{{ item.Name }}</span>
+                </el-breadcrumb-item>
             </el-breadcrumb>
         </div>
         <el-table :data="tableData" style="width: 99%" row-key="Id" :loading="loading" :row-style="setRowStyle"
@@ -163,7 +166,7 @@ export default {
     methods: {
         // 获取当前目录层级
         async getBreadcrumbData() {
-            if (!this.Id) return false
+            if (!this.Id) return this.catalogueData = []
             try {
                 let data = {
                     Id: this.Id
@@ -176,9 +179,9 @@ export default {
         },
         async getList() {
             try {
-                if (this.Id) {
-                    this.searchData.Id = this.Id
-                }
+
+                this.searchData.Id = this.Id
+
                 this.loading = true
                 let res = await getAuditDocumentData(this.searchData)
                 this.loading = false
@@ -225,10 +228,28 @@ export default {
                 }
             }
         },
+        // 重置所有操作
+        resetOpt() {
+            this.expandedRows = []
+            this.checkList = []
+            this.hoverId = null
+            this.renameId = null
+            this.copyList = []
+            this.shearList = []
+        },
         // 跳转至目录
         toCatalogue(row) {
+            if (!row) {
+                let data = this.catalogueData[this.catalogueData.length - 2]
+                if (data) {
+                    return this.toCatalogue(data)
+                } else {
+                    row = {}
+                }
+
+            }
             this.Id = row.Id
-            this.expandedRows = []
+            this.resetOpt()
             this.getList()
             this.getBreadcrumbData()
         },
@@ -246,7 +267,7 @@ export default {
                     ParentId: row.ParentId
 
                 }
-                let res = await updateAuditDocument(row);
+                let res = await updateAuditDocument(data);
             } catch (err) {
                 this.getList()
                 console.log(err)
@@ -409,6 +430,7 @@ export default {
         handleRowDblclick(row) {
             if (!row.AuditDocumentTypeEnum) {
                 this.Id = row.Id
+                this.resetOpt()
                 this.getList()
                 this.getBreadcrumbData()
             }
@@ -518,17 +540,47 @@ export default {
 
 
 .catalogue {
+    width: 99%;
     display: flex;
     align-items: center;
     margin: 0 0 22px;
 
+
+
     span {
         font-size: 16px;
     }
 
+    .last_catalogue {
+        width: 24px;
+        height: 24px;
+        line-height: 24px;
+        text-align: center;
+        border: 1px solid #ddd;
+        // cursor: pointer;
+        padding: 0;
+        border-radius: 4px 0 0 4px;
+
+        // &:hover {
+        //     background-color: #e4f8ff;
+        //     border-color: #aedaff;
+        // }
+    }
+
+    .catalogue_name_box {
+        flex: 1 0 0%;
+        box-sizing: border-box;
+        border: 1px solid #ddd;
+        border-left: none;
+        padding: 0 10px;
+        border-radius: 0 4px 4px 0;
+        height: 24px;
+        line-height: 24px;
+    }
+
     .catalogue_name {
         cursor: pointer;
-        font-size: 16px;
+        font-size: 14px;
 
         &:hover {
             color: #3b8cff;