会计账簿

src/api/accounting/book.js

@@ -0,0 +1,55 @@
+import request from '@/utils/request'
+
+// 创建会计账簿
+export function createAccountingBook(query,data) {
+  return request({
+    url: '/archives/accounting-book/create',
+    method: 'post',
+    params: query,
+    data: data
+  })
+}
+
+// 更新会计账簿
+export function updateAccountingBook(data) {
+  return request({
+    url: '/archives/accounting-book/update',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除会计账簿
+export function deleteAccountingBook(id) {
+  return request({
+    url: '/archives/accounting-book/delete?id=' + id,
+    method: 'delete'
+  })
+}
+
+// 获得会计账簿
+export function getAccountingBook(id) {
+  return request({
+    url: '/archives/accounting-book/get?id=' + id,
+    method: 'get'
+  })
+}
+
+// 获得会计账簿分页
+export function getAccountingBookPage(query) {
+  return request({
+    url: '/archives/accounting-book/page',
+    method: 'get',
+    params: query
+  })
+}
+
+// 导出会计账簿 Excel
+export function exportAccountingBookExcel(query) {
+  return request({
+    url: '/archives/accounting-book/export-excel',
+    method: 'get',
+    params: query,
+    responseType: 'blob'
+  })
+}

src/views/accounting/book/index.vue

@@ -0,0 +1,455 @@
+<template>
+  <div class="app-container">
+    <!-- 搜索工作栏 -->
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      v-show="showSearch"
+      label-width="68px"
+    >
+      <el-form-item label="会计年度" prop="year">
+        <el-input
+          v-model="queryParams.year"
+          placeholder="请输入会计年度"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="会计期间" prop="period">
+        <el-input
+          v-model="queryParams.period"
+          placeholder="请输入会计期间"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 操作工具栏 -->
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          >新增</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          :loading="exportLoading"
+          >导出</el-button
+        >
+      </el-col>
+      <right-toolbar
+        :showSearch.sync="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
+    </el-row>
+
+    <!-- 列表 -->
+    <el-table v-loading="loading" :data="list">
+      <el-table-column label="账簿名称" align="center" prop="name" />
+      <el-table-column label="业务实体" align="center" prop="company" />
+      <el-table-column label="细分类型" align="center" prop="type" />
+      <el-table-column label="会计年度" align="center" prop="year" />
+      <el-table-column label="会计期间" align="center" prop="period" />
+      <el-table-column label="账簿来源" align="center" prop="source" />
+      <el-table-column
+        label="创建时间"
+        align="center"
+        prop="createTime"
+        width="180"
+      >
+        <template v-slot="scope">
+          <span>{{ parseTime(scope.row.createTime) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template v-slot="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['archives:accounting-book:update']"
+            >修改</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['archives:accounting-book:delete']"
+            >删除</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页组件 -->
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNo"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 对话框(添加 / 修改) -->
+    <el-dialog
+      :title="title"
+      :visible.sync="open"
+      width="1000px"
+      append-to-body
+    >
+      <el-form ref="form" :model="form" :rules="rules" label-width="90px">
+        <el-form-item label="业务实体" prop="company">
+          <!-- <el-input v-model="form.company" placeholder="请输入业务实体" /> -->
+          <el-select
+            v-model="form.company"
+            placeholder="请选择业务实体"
+            @change="handleCompanyChange"
+          >
+            <el-option
+              v-for="item in organizationList"
+              :key="item.id"
+              :value="item.id"
+              :label="item.organizationName"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="会计年度" prop="year">
+          <el-date-picker
+            format="yyyy年"
+            v-model="form.year"
+            value-format="yyyy"
+            type="year"
+            placeholder="请选择会计年度"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="会计期间" prop="period">
+          <el-date-picker
+            popper-class="due_month"
+            v-model="form.period"
+            format="M月"
+            value-format="M"
+            type="month"
+            placeholder="请选择会计期间"
+          >
+          </el-date-picker>
+        </el-form-item>
+      </el-form>
+
+      <table id="table_order">
+        <thead>
+          <tr>
+            <th>类型</th>
+            <th>文件</th>
+          </tr>
+        </thead>
+
+        <tbody>
+          <tr>
+            <td>总 账</td>
+            <td>
+              <el-upload
+                ref="upload"
+                :multiple="false"
+                :action="uploadUrl + '?type=' + type0"
+                :headers="headers"
+                :file-list="fileList"
+                :auto-upload="false"
+                :on-success="test"
+              >
+                <div class="el-upload__text">点击上传，或将文件拖拽到此处</div>
+              </el-upload>
+            </td>
+          </tr>
+          <tr>
+            <td>明细账</td>
+            <td>
+              <el-upload
+                ref="upload1"
+                :multiple="false"
+                :action="uploadUrl + '?type=' + type1"
+                :headers="headers"
+                :file-list="fileList1"
+                :auto-upload="false"
+                :on-success="test1"
+              >
+                <div class="el-upload__text">点击上传，或将文件拖拽到此处</div>
+              </el-upload>
+            </td>
+          </tr>
+          <tr>
+            <td>日记账</td>
+            <td>
+              <el-upload
+                ref="upload2"
+                :multiple="false"
+                :action="uploadUrl + '?type=' + type2"
+                :headers="headers"
+                :file-list="fileList2"
+                :auto-upload="false"
+                :on-success="test2"
+              >
+                <div class="el-upload__text">点击上传，或将文件拖拽到此处</div>
+              </el-upload>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+      <div></div>
+
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  createAccountingBook,
+  deleteAccountingBook,
+  getAccountingBookPage,
+  exportAccountingBookExcel,
+} from "@/api/accounting/book";
+import { getAccessToken } from "@/utils/auth";
+import { getOrganizationPage } from "@/api/setting/organization";
+
+export default {
+  name: "AccountingBook",
+  components: {},
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 会计账簿列表
+      list: [],
+      // 弹出层标题
+      title: "",
+      fileList: [],
+      fileList1: [],
+      fileList2: [],
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNo: 1,
+        pageSize: 10,
+        uri: null,
+        companyId: null,
+        company: null,
+        type: null,
+        year: null,
+        period: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        // company: [
+        //   { required: true, message: "请输入业务实体", trigger: "blur" },
+        // ],
+        year: [{ required: true, message: "请输入会计年度", trigger: "blur" }],
+        period: [
+          { required: true, message: "请输入会计期间", trigger: "blur" },
+        ],
+      },
+      tableData: [
+        {
+          type: "总账",
+        },
+        {
+          type: "明细账",
+        },
+        {
+          type: "日记账",
+        },
+      ],
+      uploadUrl:
+        process.env.VUE_APP_BASE_API +
+        "/admin-api//archives/accounting-book/upload", // 请求地址
+      headers: { Authorization: "Bearer " + getAccessToken() }, // 设置上传的请求头部
+      type0: 0,
+      type1: 1,
+      type2: 2,
+      organizationList: [],
+    };
+  },
+  created() {
+    this.getList();
+    this.getOrganizationList();
+  },
+  methods: {
+    /** 查询列表 */
+    getList() {
+      this.loading = true;
+      // 执行查询
+      getAccountingBookPage(this.queryParams).then((response) => {
+        this.list = response.data.list;
+        this.total = response.data.total;
+        this.loading = false;
+      });
+    },
+    // 获取业务实体
+    getOrganizationList() {
+      getOrganizationPage().then((response) => {
+        this.organizationList = response.data.list;
+      });
+    },
+    handleCompanyChange(val) {
+      var data = this.organizationList.find((item) => item.id == val);
+      console.log(data);
+      this.form.companyId = data.companyId;
+      this.Fileform.company = data.company;
+    },
+    /** 取消按钮 */
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    /** 表单重置 */
+    reset() {
+      this.form = {
+        companyId: undefined,
+        company: undefined,
+        year: undefined,
+        period: undefined,
+      };
+      this.resetForm("form");
+      this.fileList = [];
+      this.fileList1 = [];
+      this.fileList2 = [];
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNo = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加会计账簿";
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          // 上传文件
+          this.$refs.upload.submit();
+          this.$refs.upload1.submit();
+          this.$refs.upload2.submit();
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const id = row.id;
+      this.$modal
+        .confirm('是否确认删除会计账簿编号为"' + id + '"的数据项?')
+        .then(function () {
+          return deleteAccountingBook(id);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      // 处理查询参数
+      let params = { ...this.queryParams };
+      params.pageNo = undefined;
+      params.pageSize = undefined;
+      this.$modal
+        .confirm("是否确认导出所有会计账簿数据项?")
+        .then(() => {
+          this.exportLoading = true;
+          return exportAccountingBookExcel(params);
+        })
+        .then((response) => {
+          this.$download.excel(response, "会计账簿.xls");
+          this.exportLoading = false;
+        })
+        .catch(() => {});
+    },
+    test(response, file, fileList) {
+      console.log(response, file, fileList);
+      createAccountingBook(this.form).then((response) => {
+        this.$modal.msgSuccess("新增成功");
+        this.open = false;
+        this.getList();
+      });
+    },
+    test1(response, file, fileList) {
+      console.log(response, file, fileList);
+      createAccountingBook(this.form).then((response) => {
+        this.open = false;
+        this.getList();
+      });
+    },
+    test2(response, file, fileList) {
+      console.log(response, file, fileList);
+      createAccountingBook(this.form).then((response) => {
+        this.open = false;
+        this.getList();
+      });
+    },
+  },
+};
+</script>
+
+<style scoped>
+table {
+  border: 1px solid #000;
+  border-collapse: collapse;
+  text-align: center;
+  margin: auto;
+  width: 500px;
+}
+table tr td {
+  border: 1px solid #000;
+  padding: 10px;
+}
+table tr th {
+  border: 1px solid #000;
+  background-color: #cccccc;
+}
+</style>