收入分析

web/src/view/finance/financeAnalysis/financeAnalysis.vue

@@ -248,15 +248,15 @@ import { ref, onMounted, reactive, computed } from 'vue'
 import { getProjectList, getProjectMessage, queryProjectExpense } from '@/api/project'
 // import iconCollection from '@/assets/Collection.png'
 // import iconAmount from '@/assets/amount.png'
-import Hour from '../components/hour.vue'
-import Reimburse from '../components/reimburse.vue'
+import Hour from './components/hour.vue'
+import Reimburse from './components/reimburse.vue'
 // 引入pinia
 import { collectionOperate } from '@/pinia/collection/Collection'
 import { codeOperate } from '@/pinia/code/code'
 import { reimburseOperate } from '@/pinia/reimbursement/Reimbursement'
 import { hourOperate } from '@/pinia/hour/Hour'
 // eslint-disable-next-line no-unused-vars
-import Payment from '@/view/finance/components/payment.vue'
+import Payment from '@/view/finance/financeAnalysis/components/payment.vue'
 
 defineOptions({
   name: 'FinanceAnalysis'

web/src/view/finance/test/test.vue

@@ -0,0 +1,93 @@
+<template>
+  <div>
+    <el-form :inline="true">
+      <el-form-item label="月份：">
+        <el-date-picker
+          v-model="condition.time"
+          type="month"
+          placeholder="请选择月份"
+          format="YYYY-MM"
+          value-format="YYYY-MM"
+          clearable
+        />
+      </el-form-item>
+      <el-form-item label="年份：">
+        <el-date-picker
+          v-model="condition.yearTime"
+          type="year"
+          placeholder="请选择年份"
+          format="YYYY"
+          value-format="YYYY"
+          clearable
+        />
+      </el-form-item>
+      <el-form-item label="项目：">
+        <el-select placeholder="请选择项目" />
+      </el-form-item>
+      <el-form-item label="类型：">
+        <el-select placeholder="请选择类型" />
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          :icon="Search"
+        >
+          查询
+        </el-button>
+      </el-form-item>
+    </el-form>
+    <el-row>
+      <el-col :span="23">
+        <el-table>
+          <el-table-column
+            label="支入金额"
+            align="center"
+          />
+          <el-table-column
+            label="支出金额"
+            align="center"
+          />
+          <el-table-column
+            label="时间"
+            align="center"
+          />
+          <el-table-column
+            label="人员名称"
+            align="center"
+          />
+          <el-table-column
+            label="余额"
+            align="center"
+          />
+          <el-table-column
+            label="部门"
+            align="center"
+          />
+        </el-table>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script setup>
+import { Search } from '@element-plus/icons-vue'
+defineOptions({
+  name: 'Test'
+})
+const condition = () => reactive(
+  {
+    pageInfo: {
+      page: 1,
+      pageSize: 8
+    },
+    code: '',
+    name: '',
+    time: '',
+    yearTime: ''
+  }
+)
+</script>
+
+<style scoped>
+
+</style>