新增年份参数

client/src/views/OaSystem/financialManagement/businessBoard/api.ts

@@ -87,10 +87,11 @@ export interface IPerson {
 }
 
 const segmentName = ['', '空间信息研究院', '空间规划研究院', '江苏分公司', '北京分公司']
-export const getSegmentData = async () => {
+export const getSegmentData = async (params: { year: string }) => {
   const result: any = await request.get(
     {
-      url: apiUrl.segment
+      url: apiUrl.segment,
+      params
     },
     '/business'
   )
@@ -99,10 +100,11 @@ export const getSegmentData = async () => {
     segment: segmentName[item.segment]
   }))
 }
-export const getDeptData = async () => {
+export const getDeptData = async (params: { year: string }) => {
   const result: any = await request.get(
     {
-      url: apiUrl.dept
+      url: apiUrl.dept,
+      params
     },
     '/business'
   )
@@ -117,10 +119,11 @@ export const getDeptData = async () => {
     contractBalance: unitConversion(item.contractBalance)
   }))
 }
-export const getPersonData = async () => {
+export const getPersonData = async (params: { year: string }) => {
   const result: any = await request.get(
     {
-      url: apiUrl.person
+      url: apiUrl.person,
+      params
     },
     '/business'
   )

client/src/views/OaSystem/financialManagement/businessBoard/index.vue

@@ -1,5 +1,17 @@
 <template>
   <div class="oa-sys-list-view">
+    <div class="filter_box">
+      <div class="filter_item">
+        <span>年份：</span>
+        <el-date-picker
+          v-model="currentYear"
+          type="year"
+          value-format="YYYY"
+          placeholder="请选择年份"
+          @change="yearSelectHandle"
+        />
+      </div>
+    </div>
     <el-row class="up-box" justify="space-between">
       <el-col :span="15">
         <div class="title">板块经营情况</div>
@@ -133,18 +145,30 @@ const segmentData = ref<ISegment[]>([])
 const deptData = ref<IDept[]>([])
 const personData = ref<IPerson[]>([])
 
-onMounted(async () => {
-  segmentData.value = await getSegmentData()
-  const dataSource = await getDeptData()
+const date = new Date()
+const currentYear = ref(date.getFullYear().toString())
+const initDetailAjax = async (): Promise<void> => {
+  segmentData.value = await getSegmentData({
+    year: currentYear.value
+  })
+  const dataSource = await getDeptData({
+    year: currentYear.value
+  })
 
   // 部门显示内容筛选
   const showDepts = await ConfigApi.getConfigKey('adm.Dept')
   const showDeptList = showDepts.split(',')
-  console.log(showDeptList)
   deptData.value = filterDept(dataSource, showDeptList)
-  personData.value = await getPersonData()
+  personData.value = await getPersonData({
+    year: currentYear.value
+  })
+}
+const yearSelectHandle = () => {
+  initDetailAjax()
+}
+onMounted(() => {
+  initDetailAjax()
 })
-
 // 筛选并排序
 const filterDept = (dataSource, showDeptList) => {
   const dataObj = {}