From fda03b51e857cfaf392b23c173b5e14ecaa1b98c Mon Sep 17 00:00:00 2001
From: fenghaoyuan <2442847950@qq.com>
Date: Thu, 26 Sep 2024 17:12:28 +0800
Subject: [PATCH] =?UTF-8?q?=E5=87=BA=E7=BA=B3=E7=AE=A1=E7=90=86=E6=97=A5?=
 =?UTF-8?q?=E8=AE=B0=E8=B4=A6=E9=A1=B5=E9=9D=A2=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                           |  15 ++-
 src/views/cashingManagement/cashing.vue       |   0
 src/views/cashingManagement/dayBook.vue       | 102 +++++++++++++++
 src/views/cashingManagement/dayBookCreate.vue | 123 ++++++++++++++++++
 4 files changed, 236 insertions(+), 4 deletions(-)
 delete mode 100644 src/views/cashingManagement/cashing.vue
 create mode 100644 src/views/cashingManagement/dayBook.vue
 create mode 100644 src/views/cashingManagement/dayBookCreate.vue

diff --git a/src/router/index.js b/src/router/index.js
index 2c2d65e..be83953 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -334,10 +334,17 @@ export const constantRouterMap = [
     meta: { title: '出纳管理', icon: 'example'},
     children: [
       {
-        path: '/cashingManagement/cashing',
-        component: () => import('@/views/cashingManagement/cashing'),
-        meta: { title: '出纳列表' },
-        name: 'cashing',
+        path: '/cashingManagement/dayBook',
+        component: () => import('@/views/cashingManagement/dayBook'),
+        meta: { title: '日记账' },
+        name: 'dayBook',
+      },
+      {
+        path: '/cashingManagement/dayBookCreate',
+        component: () => import('@/views/cashingManagement/dayBookCreate'),
+        meta: { title: '日记账新增' },
+        name: 'dayBookCreate',
+        hidden: true
       },
       {
         path: '/cashingManagement/invoiceManagement',
diff --git a/src/views/cashingManagement/cashing.vue b/src/views/cashingManagement/cashing.vue
deleted file mode 100644
index e69de29..0000000
diff --git a/src/views/cashingManagement/dayBook.vue b/src/views/cashingManagement/dayBook.vue
new file mode 100644
index 0000000..b186997
--- /dev/null
+++ b/src/views/cashingManagement/dayBook.vue
@@ -0,0 +1,102 @@
+<template>
+  <div class="app-container">
+    <!-- 搜索 -->
+    <div class="filter-container">
+      <el-form :inline="true" :model="searchForm">
+        <el-form-item label="收款" >
+          <el-input v-model="searchForm.advice_man" placeholder="请输入收款" />
+        </el-form-item>
+        <el-form-item label="付款" >
+          <el-input v-model="searchForm.advice_content" placeholder="请输入付款" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" @click="fetchData">搜索</el-button>
+          <router-link to="/cashingManagement/dayBookCreate"><el-button class="ml-10" type="primary" icon="el-icon-edit">新增</el-button></router-link>
+        </el-form-item>
+      </el-form>
+    </div>
+    <!-- 表格 -->
+    <el-table v-loading="listLoading" :data="firmList" border fit  highlight-current-row style="width: 100%;">
+      <el-table-column label="ID" prop="id" align="center" width="80"></el-table-column>
+      <el-table-column label="编号" prop="Number" align="center"></el-table-column>
+      <el-table-column label="日期" prop="time" align="center"></el-table-column>
+      <el-table-column label="户名" prop="accountName" align="center"></el-table-column>
+      <el-table-column label="摘要" prop="abstract" align="center"></el-table-column>
+      <el-table-column label="收入" prop="income" align="center"></el-table-column>
+      <el-table-column label="支出" prop="expenditure" align="center"></el-table-column>
+      <el-table-column label="余额" prop="balance" align="center"></el-table-column>
+      
+      <el-table-column label="操作" align="center" width="220">
+        <template slot-scope="scope">
+          <el-button class="ml-10" size="mini" type="primary" @click="handleDetail(scope.row.advice_content)"> 详情 </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 翻页 -->
+    <pagination v-show="total>0" 
+      :total="total" 
+      :page.sync="searchForm.page" 
+      :page_len.sync="searchForm.page_len"
+      :limit.sync="searchForm.limit" 
+      @pagination="fetchData" />
+    <!-- 弹窗 -->
+    <el-dialog title="详情" :visible.sync="dialog" center width="540px">
+      <div class="box font-16 lh-24">{{viewsContent}}</div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listAdvice } from '@/api/system/index'
+
+export default {
+  data() {
+    return {
+      firmList: [],  // 列表
+      total: 0,  // 总页数
+      listLoading: true,
+      // 搜索相关数据
+      searchForm: {
+        page: 1,
+        page_len: 10
+      },
+      dialog: false, // 弹窗
+      viewsContent: '', // 意见内容
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    // 获取列表
+    fetchData(obj={}) {
+      if(obj.page) {
+        this.searchForm.page = obj.page
+        this.searchForm.page_len = obj.page_len
+      }
+      this.listLoading = true
+      this.$http(listAdvice(this.searchForm), (res) => {
+        this.firmList = res.data.result
+        this.total = res.data.data_sum
+        this.listLoading = false
+      })
+    },
+    // 内容详情
+    handleDetail(viewsContent) {
+      if(viewsContent) {
+        this.viewsContent = viewsContent
+        this.dialog = true
+      }
+    },
+  }
+}
+</script>
+
+<style lang='scss' scoped>
+  .box {
+    width: 496px;
+    padding: 20px;
+    text-indent:2em;
+    border: 1px solid #ccc;
+  }
+</style>
diff --git a/src/views/cashingManagement/dayBookCreate.vue b/src/views/cashingManagement/dayBookCreate.vue
new file mode 100644
index 0000000..800fa0c
--- /dev/null
+++ b/src/views/cashingManagement/dayBookCreate.vue
@@ -0,0 +1,123 @@
+<template>
+  <div class="app-container">
+    <el-form ref="postForm" :rules="formRules" :model="formData" label-width="150px">
+      
+      <el-form-item label="编号：" prop="number">
+        <el-col :span="6">
+          <el-input v-model="formData.number" placeholder="请输入登录编号"/>
+        </el-col>
+      </el-form-item>
+      <el-form-item label="日期：" prop="date">
+        <el-col :span="6">
+          <el-input v-model="formData.date" placeholder="请输入登录日期"/>
+        </el-col>
+      </el-form-item>
+      <el-form-item label="户名：" prop="name">
+        <el-col :span="6">
+          <el-input v-model="formData.name" placeholder="请输入户名"/>
+        </el-col>
+      </el-form-item>
+      <el-form-item label="摘要：" prop="abstract">
+        <el-col :span="6">
+          <el-input v-model="formData.abstract" placeholder="请输入登录摘要"/>
+        </el-col>
+      </el-form-item>
+      <el-form-item label="金额：" prop="amount">
+        <el-col :span="6">
+          <el-input v-model="formData.amount" placeholder="请输入登录金额"/>
+        </el-col>
+      </el-form-item>
+      <el-form-item align="center">
+        <el-button type="primary" @click="submitForm">保存</el-button>
+        <el-button @click="onCancel">取消</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { checkRqInput, checkPwdLength, checkTel } from '@/utils/validate'
+// import { detailYardman, updateYardman, createYardman,  } from '@/api/user/index'
+
+export default {
+  name: 'ArticleDetail',
+  // 配合路由配置的props属性实现在组件中通过props获取参数
+  props: {
+    id: {
+      type: String,
+      default() {
+        return this.$route.params.id;
+      }
+    }
+  },
+  data() {
+    return {
+      formData: {freeze_flag:false},
+      // 校验规则
+      formRules: {
+        number: [ checkRqInput ],
+        date: [ checkRqInput ],
+        name: [ checkRqInput ],
+        abstract: [ checkRqInput],
+        amount: [ checkRqInput ],
+      },
+    }
+  },
+  created() {
+    this.fetchDetail()
+  },
+  methods: {
+    // 获取企业详情
+    fetchDetail() {
+      const id = this.$props.id
+      if (id) {
+        this.$http(detailYardman(id), (res) => {
+          if (res.code == 0) {
+            this.formData = res.data
+          }
+        })
+      }
+      this.formData.yardman_id = id
+    },
+    // 提交表单
+    submitForm() {
+      this.$refs['postForm'].validate((valid) => {
+        // if (valid) {
+        //   // 修改
+        //   if (this.formData.yardman_id) {
+        //     this.$http(updateYardman(this.formData), res => {
+        //       this.$message({
+        //         message: '成功',
+        //         type: 'success'
+        //       })
+        //       this.$router.go(-1)
+        //     })
+        //   } else {
+        //     // 新增
+        //     this.$http(createYardman(this.formData), res => {
+        //       this.$message({
+        //         message: '成功',
+        //         type: 'success'
+        //       })
+        //       this.$router.go(-1)
+        //     })
+        //   }
+        // } else {
+        //   return false
+        // }
+      })
+    },
+    // 取消
+    onCancel() {
+      this.$message({
+        message: '已取消!',
+        type: 'warning'
+      })
+      this.$router.go(-1)
+    },
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+</style>