档案管理

src/api/archivesManagement/fileManager/fileManager.js

@@ -105,4 +105,13 @@ export function geMaxSortApi(params) {
         method: 'get',
         params
     })
+}
+
+// 查询详情
+export function getFileManageByIdApi(params) {
+    return request({
+        url: '/smartArchives/fileManage/getFileManageById',
+        method: 'get',
+        params
+    })
 }

src/views/archivesManagement/fileManager/components/addTableData.vue

@@ -71,6 +71,7 @@ import _ from 'lodash'
 import {
     addFileManageRightApi,
     updateFileManageRightApi,
+    getFileManageByIdApi
 } from '@/api/archivesManagement/fileManager/fileManager.js'
 import { getClassifyMarkSelApi } from '@/api/select.js'
 export default {
@@ -192,14 +193,16 @@ export default {
                     proId:this.projectId
                 };
             } else {
+                const res = await getFileManageByIdApi({id:this.rowData.id});
+                const obj =res.data;
                 // 新增模式：重置表单
                 this.form = {
                     contentName: null,
-                    term: null,
-                    unitName: null,
-                    major: null,
-                    markCode: null,
-                    classifyMark: null,
+                    term: obj.term || null,
+                    unitName: obj.unitName || null,
+                    major: obj.major || null,
+                    markCode: obj.markCode || null,
+                    classifyMark: obj.classifyMark || null,
                     parentId: this.rowData.id || null,
                     level: 5,
                     proId:this.projectId

src/views/archivesManagement/fileManager/components/config.js

@@ -16,10 +16,10 @@ export const formLabel = [
 
 export const columnsList = [
     { t_props: 'contentName', t_label: '档案名称',t_width:200 },
-    { t_props: 'fileName', t_label: '档案文件' },
+    { t_slot: 'fileName', t_label: '档案文件',t_width:140},
     { t_props: 'createUserName', t_label: '上传人' },
     { t_props: 'term', t_label: '保管期限' },
     { t_slot: 'dataSource', t_label: '来源' },
     { t_props: 'unitName', t_label: '责任单位' },
-    { t_props: 'createTime', t_label: '上传时间' }
+    { t_props: 'createTime', t_label: '上传时间',t_width:160 }
 ]

src/views/archivesManagement/fileManager/components/leftTree.vue

@@ -2,7 +2,7 @@
     <!-- 左侧树 -->
     <div>
         <el-card style="min-height: calc(100vh - 190px)">
-            <el-row :gutter="20" style="display: flex; align-items: center">
+            <el-row :gutter="24" style="display: flex; align-items: center">
                 <el-col :span="16">
                     <el-input v-model="filterText" placeholder="输入关键字" @keyup.enter.native="onHandleSearch">
                     </el-input>
@@ -203,6 +203,7 @@ export default {
             const res = await getFileManageTreeApi({proId:this.projectId})
             const transformedData = this.convertToVueTree(res.data)
             this.treeDataList = transformedData;
+            console.log(this.treeDataList);
             
             // 保存原始数据
             this.originalTreeData = JSON.parse(JSON.stringify(this.treeDataList))

src/views/archivesManagement/fileManager/components/rightTable.vue

@@ -7,15 +7,14 @@
             <template slot="dataSource" slot-scope="{ data }">
                 <span>{{ data.dataSource === '1' ? '本系统上传' : '智慧现场' }}</span>
             </template>
+            <template slot="fileName" slot-scope="{ data }">
+                <span class="file-name-link" @click="viewFile(data)">{{ data.fileName }}</span>
+            </template>
             <template slot="btn">
                 <el-button plain size="mini" type="primary" icon="el-icon-plus" v-hasPermi="['file:manage:add']"
                     @click="handleAdd" :disabled="addBtnIsShow">
                     新增
                 </el-button>
-                <el-button plain size="mini" type="primary" icon="el-icon-plus" v-hasPermi="['file:manage:add']"
-                    @click="viewFile">
-                    预览文件
-                </el-button>
             </template>
 
             <template slot="handle" slot-scope="{ data }">
@@ -169,3 +168,12 @@ export default {
     },
 }
 </script>
+<style scoped>
+.file-name-link {
+    color: #409EFF;
+    cursor: pointer;
+}
+.file-name-link:hover {
+    text-decoration: underline;
+}
+</style>

src/views/archivesManagement/fileManager/file-data.vue

@@ -11,10 +11,10 @@
             </div>
         </el-card>
         <el-row :gutter="24" class="content-row">
-            <el-col :span="9" class="pane-left">
+            <el-col :span="8" class="pane-left">
                 <LeftTree @handleNodeClick="handleNodeClick" :projectId="projectId" />
             </el-col>
-            <el-col :span="15" class="pane-right">
+            <el-col :span="16" class="pane-right">
                 <RightTable :selectedNode = "selectedNode" :projectId="projectId"/>
             </el-col>
         </el-row>