提交

src/api/archivesManagement/archClassification.js

@@ -5,8 +5,8 @@ export function addKyFilesMultiClassifyAPI(data) {
   return request({
     url: '/blade-system/files/multi/addKyFilesMultiClassify',
     method: 'POST',
-        data: data,
+    data: data
-    })
+  });
 }
 
 // 修改数据类型
@@ -14,17 +14,20 @@ export function updateKyFilesMultiClassifyAPI(data) {
   return request({
     url: '/blade-system/files/multi/updateKyFilesMultiClassify',
     method: 'POST',
-        data: data,
+    data: data
-    })
+  });
 }
 
 // 删除数据类型
-export function delKyFilesMultiClassifyAPI(data) {
+export function delKyFilesMultiClassifyAPI(id) {
+  let data = {
+    id: id
+  };
   return request({
     url: '/blade-system/files/multi/delKyFilesMultiClassify',
     method: 'POST',
-        data: data,
+    data: data
-    })
+  });
 }
 
 // 查询数据类型列表
@@ -32,14 +35,14 @@ export function getKyFilesMultiClassifyListAPI(data) {
   return request({
     url: '/blade-system/files/multi/getKyFilesMultiClassifyList',
     method: 'POST',
-        data: data,
+    data: data
-    })
+  });
 }
 
 export function detail(data) {
   return request({
     url: '/blade-system/files/multi/detail',
     method: 'POST',
-        data: data,
+    data: data
-    })
+  });
 }

src/views/archCustomClassification/archCustomClassification.vue

@@ -0,0 +1,241 @@
+<template>
+  <basic-container>
+    <avue-crud
+      :option="option"
+      :table-loading="loading"
+      :data="data"
+      v-model:page="page"
+      :permission="permissionList"
+      :before-open="beforeOpen"
+      v-model="form"
+      ref="crud"
+      @row-update="rowUpdate"
+      @row-save="rowSave"
+      @row-del="rowDel"
+      @search-change="searchChange"
+      @search-reset="searchReset"
+      @selection-change="selectionChange"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      @refresh-change="refreshChange"
+      @on-load="onLoad"
+    >
+    </avue-crud>
+  </basic-container>
+</template>
+
+<script>
+// import { getList, getDetail, add, update, remove } from '@/api/archivesManagement/archClassification';
+import {
+  addKyFilesCustomizeClassifyAPI,
+  updateKyFilesCustomizeClassifyAPI,
+  delKyFilesCustomizeClassifyAPI,
+  getKyFilesCustomizeClassifyListAPI} from '@/api/archivesManagement/archCustomClassification';
+import { mapGetters } from 'vuex';
+import website from '@/config/website';
+
+export default {
+  data() {
+    return {
+      form: {},
+      query: {},
+      loading: true,
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0,
+      },
+      selectionList: [],
+      option: {
+        height: 'auto',
+        calcHeight: 32,
+        tip: false,
+        searchShow: true,
+        searchMenuSpan: 6,
+        border: true,
+        index: true,
+        viewBtn: true,
+        selection: false,
+        addBtn:true,
+        dialogClickModal: false,
+        column: [
+
+          {
+            label: '自定义分类名称',
+            prop: 'customizeClassifyName',
+            search: true,
+            rules: [
+              {
+                required: true,
+                message: '请输入自定义分类名称',
+                trigger: 'blur',
+              },
+            ],
+          },
+
+          {
+            label: '更新人',
+            prop: 'updateUserName',
+            display: false,
+          },
+          {
+            label: '更新时间',
+            prop: 'updateTime',
+            display: false,
+          },
+          {
+            label: '分类描述',
+            prop: 'classifyDesc',
+            type: 'textarea',
+            span: 24,
+            minRows: 6,
+          },
+        ],
+      },
+      data: [],
+    };
+  },
+  computed: {
+    ...mapGetters(['permission']),
+    permissionList() {
+      return {
+        addBtn: this.validData(this.permission.post_add, false),
+        viewBtn: this.validData(this.permission.post_view, false),
+        delBtn: this.validData(this.permission.post_delete, false),
+        editBtn: this.validData(this.permission.post_edit, false),
+      };
+    },
+    ids() {
+      let ids = [];
+      this.selectionList.forEach(ele => {
+        ids.push(ele.id);
+      });
+      return ids.join(',');
+    },
+  },
+  methods: {
+    rowSave(row, done, loading) {
+      addKyFilesCustomizeClassifyAPI(row).then(
+        () => {
+          this.onLoad(this.page);
+          this.$message({
+            type: 'success',
+            message: '操作成功!',
+          });
+          done();
+        },
+        error => {
+          window.console.log(error);
+          loading();
+        }
+      );
+    },
+    rowUpdate(row, index, done, loading) {
+      updateKyFilesCustomizeClassifyAPI(row).then(
+        () => {
+          this.onLoad(this.page);
+          this.$message({
+            type: 'success',
+            message: '操作成功!',
+          });
+          done();
+        },
+        error => {
+          window.console.log(error);
+          loading();
+        }
+      );
+    },
+    rowDel(row) {
+      this.$confirm('确定将选择数据删除?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => {
+          return delKyFilesCustomizeClassifyAPI(row.id);
+        })
+        .then(() => {
+          this.onLoad(this.page);
+          this.$message({
+            type: 'success',
+            message: '操作成功!',
+          });
+        });
+    },
+    handleDelete() {
+      if (this.selectionList.length === 0) {
+        this.$message.warning('请选择至少一条数据');
+        return;
+      }
+      this.$confirm('确定将选择数据删除?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => {
+          return delKyFilesCustomizeClassifyAPI(this.ids);
+        })
+        .then(() => {
+          this.onLoad(this.page);
+          this.$message({
+            type: 'success',
+            message: '操作成功!',
+          });
+          this.$refs.crud.toggleSelection();
+        });
+    },
+    beforeOpen(done, type) {
+      if (['edit', 'view'].includes(type)) {
+        detail(this.form.id).then(res => {
+          this.form = res.data.data;
+        });
+      }
+      done();
+    },
+    searchReset() {
+      this.query = {};
+      this.onLoad(this.page);
+    },
+    searchChange(params, done) {
+      this.query = params;
+      this.page.currentPage = 1;
+      this.onLoad(this.page, params);
+      done();
+    },
+    selectionChange(list) {
+      this.selectionList = list;
+    },
+    selectionClear() {
+      this.selectionList = [];
+      this.$refs.crud.toggleSelection();
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+    },
+    refreshChange() {
+      this.onLoad(this.page, this.query);
+    },
+    onLoad(page, params = {}) {
+      this.loading = true;
+      let data = {
+        ...params,
+        pageNum:page.currentPage,
+        pageSize:page.pageSize
+      };
+      getKyFilesCustomizeClassifyListAPI(data).then(res => {
+        const data = res.data;
+        this.page.total = data.total;
+        this.data = data.rows;
+        this.loading = false;
+        this.selectionClear();
+      });
+    },
+  },
+};
+</script>
+
+<style></style>

src/views/archivesManagement/archClassification.vue

@@ -25,7 +25,6 @@
 </template>
 
 <script>
-// import { getList, getDetail, add, update, remove } from '@/api/archivesManagement/archClassification';
 import {
   delKyFilesMultiClassifyAPI,
   getKyFilesMultiClassifyListAPI,
@@ -62,7 +61,7 @@ export default {
         column: [
           {
             label: '档案相关类型',
-            prop: 'fileRelated',  //该列对应的数据字段名（即后端返回或提交时使用的 key）。
+            prop: 'fileRelatedId',  //该列对应的数据字段名（即后端返回或提交时使用的 key）。
             type: 'select', //指定该字段在表单中的输入类型为“下拉选择框”
             dicUrl: '/blade-system/system/dict/data/type', // 接口地址
             dicMethod: 'post', // 指定为 POST 请求
@@ -71,7 +70,7 @@ export default {
             },
             props: {
               label: 'dictLabel',
-              value: 'dictLabel',
+              value: 'dictValue',
             },
             slot: true,
             rules: [
@@ -96,7 +95,7 @@ export default {
           },
           {
             label: '维度',
-            prop: 'fileRelatedId',  //该列对应的数据字段名（即后端返回或提交时使用的 key）。
+            prop: 'dimension',  //该列对应的数据字段名（即后端返回或提交时使用的 key）。
             type: 'select', //指定该字段在表单中的输入类型为“下拉选择框”
             dicUrl: '/blade-system/system/dict/data/type', // 接口地址
             dicMethod: 'post', // 指定为 POST 请求
@@ -120,12 +119,12 @@ export default {
           {
             label: '更新人',
             prop: 'updateUserName',
-            editDisplay: false,
+            display:false,
           },
           {
             label: '更新时间',
             prop: 'updateTime',
-            editDisplay:false,
+            display:false,
           },
           {
             label: '备注',