档案管理 页面样式修改

src/api/archivesManage/archivesList.js

@@ -15,17 +15,31 @@ export function getFormDisplayFields(params) {
   })
 }
 
-export function add(data) {
+export function add(form) {
+  edit(form)
+}
+
+export function edit(form) {
+  const data = {
+    id: form.id,
+    categoryId: form.categoryId
+  }
+  delete form.id
+  delete form.categoryId
+  data.jsonString = JSON.stringify(form)
   return request({
-    url: 'api/field/edit',
+    url: 'api/archives/edit',
     method: 'post',
     data
   })
 }
 
-export function edit(data) {
+export function del(ids) {
+  const data = {
+    id: ids[0]
+  }
   return request({
-    url: 'api/field/edit',
+    url: 'api/archives/delete',
     method: 'post',
     data
   })

src/views/archivesManage/archivesList/archivesDetail.vue

@@ -2,14 +2,15 @@
   <div>
     <!--工具栏-->
     <div class="head-container">
+      <div>
+        <!-- 搜索 -->
+        <el-input v-model="query.query" size="small" clearable placeholder="请输入关键词" prefix-icon="el-icon-search" style="width: 200px;" class="filter-item" @keyup.enter.native="crud.toQuery" />
+        <span>
+          <el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="crud.toQuery" />
+        </span>
+        <el-checkbox v-model="fixedStatusBar">隐藏固定状态栏</el-checkbox>
+      </div>
       <crudOperation :permission="permission">
-        <template v-slot:right>
-          <!-- 搜索 -->
-          <el-input v-model="query.blurry" size="small" clearable placeholder="请输入关键词" prefix-icon="el-icon-search" style="width: 200px;" class="filter-item" @keyup.enter.native="crud.toQuery" />
-          <span>
-            <el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="crud.toQuery" />
-          </span>
-        </template>
         <template v-slot:rightButtonGroup>
           <div class="crud-opts-right">
             <el-button size="mini" type="primary">装盒</el-button>
@@ -80,6 +81,25 @@ import PreviewForm from '@/views/components/category/PreviewForm'
 
 export default {
   components: { crudOperation, pagination, PreviewForm },
+  mixins: [
+    presenter(),
+    header(),
+    form({})
+  ],
+  props: {
+    selectedCategory: {
+      type: Object,
+      default: function() {
+        return {
+          cnName: '',
+          isType: '',
+          parentName: '',
+          isColumnLength: '',
+          remark: ''
+        }
+      }
+    }
+  },
   cruds() {
     return [
       CRUD({
@@ -100,14 +120,6 @@ export default {
       })
     ]
   },
-  mixins: [
-    presenter(),
-    header(),
-    // form(function() {
-    //   return Object.assign({ dicPid: this.dicPid }, defaultForm)
-    // })
-    form({})
-  ],
   data() {
     return {
       // dicPid: null,
@@ -125,6 +137,7 @@ export default {
         edit: ['admin', 'archivesList:edit'],
         del: ['admin', 'archivesList:del']
       },
+      fixedStatusBar: true,
       deleteVisible: false,
       deleteData: {},
       tableDisplayFields: [],
@@ -163,7 +176,15 @@ export default {
           } else {
             this.crud.defaultForm[item.fieldName] = null
           }
+          if (item.sysDictionaryId) {
+            //     this.$nextTick(() => {
+            //     // 加载数据字典
+            //     this.getDict(item.sysDictionaryId)
+            // })
+          }
         })
+        this.crud.defaultForm.categoryId = 'FFAFBB1647D459C82080A'
+        this.form.categoryId = 'FFAFBB1647D459C82080A'
         return true
       })
     },

src/views/archivesManage/archivesList/index.vue

@@ -2,9 +2,10 @@
   <div class="app-container">
     <!-- 门类列表 -->
     <el-row class="container-main" :gutter="20">
-      <el-col class="container-left curd-in-out" :xs="10" :sm="8" :md="5" :lg="6" :xl="5">
+      <el-col class="container-left curd-in-out" :xs="10" :sm="8" :md="5" :lg="6" :xl="5" style="height: calc(50vh - 70px)">
         <span class="right-top-line" />
         <span class="left-bottom-line" />
+        <div class="tree-title">档案门类</div>
         <!--门类树状结构-->
         <el-tree ref="tree" v-loading="crud.loading" :data="crud.data" :props="defaultProps" node-key="id" :expand-on-click-node="false" highlight-current @node-click="handleNodeClick" />
       </el-col>
@@ -12,7 +13,7 @@
       <el-col class="container-right" :xs="14" :sm="18" :md="19" :lg="18" :xl="19">
         <span class="right-top-line" />
         <span class="left-bottom-line" />
-        <archivesDetail ref="archivesDetail" />
+        <archivesDetail ref="archivesDetail" :selected-category="selectedCategory" />
       </el-col>
     </el-row>
   </div>
@@ -29,9 +30,8 @@ export default {
   cruds() {
     return [
       CRUD({
-        title: '门类', url: 'api/dictrionary/menu',
-        crudMethod: { ...crudCategory },
-        sort: ['dicSequence,asc']
+        title: '门类', url: 'api/archives-type/menu',
+        crudMethod: { ...crudCategory }
       })
     ]
   },
@@ -41,7 +41,8 @@ export default {
       defaultProps: {
         children: 'children',
         label: 'cnName'
-      }
+      },
+      selectedCategory: {}
     }
   },
   methods: {
@@ -56,6 +57,7 @@ export default {
     handleNodeClick(val) {
       if (val) {
         this.crud.selectionChangeHandler([val])
+        this.selectedCategory = val
         // this.$refs.dictDetail.query.id = val.id
         // this.$refs.dictDetail.dicPid = val.id
         // this.$refs.dictDetail.crud.toQuery()