收款记录

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

@@ -2,11 +2,27 @@
   <div>
     <el-row
       class="bg-white"
-      style="height: 60px"
+      style="height: 80px"
       align="middle"
     >
-      <el-col :span="22" />
-      <el-col :span="2">
+      <el-col :span="4" class="flex justify-center">
+        <span class="analysisTitle">收支分析</span>
+      </el-col>
+      <el-col :span="14">
+        <el-row>
+          <el-col :span="6">
+            <el-row style="height: 40px">
+              <el-text></el-text>
+            </el-row>
+            <el-row style="height: 40px"></el-row>
+          </el-col>
+          <el-col :span="4"></el-col>
+          <el-col :span="4"></el-col>
+        </el-row>
+      </el-col>
+      <el-col
+          :span="2"
+          :offset="4">
         <el-button
           text
           :icon="Menu"
@@ -23,7 +39,7 @@
     />
     <el-row
       class="bg-white mt-5"
-      style="height: 550px"
+      style="height: 540px"
     />
     <el-drawer
       v-model="listShow"
@@ -95,7 +111,7 @@
 <script setup>
 import { Menu, Search } from '@element-plus/icons-vue'
 import { ref, onMounted, reactive, computed } from 'vue'
-import { getProjectList } from '@/api/project'
+import { getProjectList, getProjectMessage } from '@/api/project'
 defineOptions({
   name: 'FinanceAnalysis'
 })
@@ -131,10 +147,10 @@ const projectList = (condition) => {
   listData.length = 0
   getProjectList(condition).then(res => {
     if (res.code === 0) {
-      // projectTotal.value = 10
+      const list = res.data.list
       projectTotal.value = res.data.total
-      listData.push(...res.data.list)
-      console.log(res.data.list)
+      listData.push(...list)
+      console.log(list[0].code)
     }
   })
 }
@@ -151,10 +167,12 @@ const changePage = (page) => {
 }
 
 const incomeExpenses = (code) => {
-
 }
 </script>
 
 <style lang="scss" scoped>
-
+  .analysisTitle{
+    font-size: 20px;
+    font-weight: 520;
+  }
 </style>