修改测试问题

hx-ai-intelligent/src/view/carbonEmissionManage/carbonPlanning/all/index.vue

@@ -14,18 +14,23 @@
         justify-content: space-between;
         margin-bottom: 1%;
       ">
-      <a-date-picker
-        v-if="selectedTime"
-        valueFormat="YYYY"
-        v-model:value="selectYear"
-        @change="changeYear"
-        picker="year" />
-      <a-date-picker
-        v-else
-        valueFormat="YYYY-MM"
-        v-model:value="selectMonth"
-        @change="changeMonth"
-        picker="month" />
+      <div>
+        <a-button v-if="selectedTime" type="primary" @click="changeYear(-1)">上一年</a-button>
+        <a-date-picker
+          v-if="selectedTime"
+          valueFormat="YYYY"
+          format="YYYY"
+          v-model:value="selectYear"
+          @change="changeYear"
+          picker="year" />
+        <a-button v-if="selectedTime" type="primary" @click="changeYear(1)">下一年</a-button>
+        <a-date-picker
+          v-else
+          valueFormat="YYYY-MM"
+          v-model:value="selectMonth"
+          @change="changeMonth"
+          picker="month" />
+      </div>
       <div class="operation">
         <div class="month" :style="monthStyles" @click="changeToMonth">
           <span :style="monthText">本月</span>
@@ -95,8 +100,15 @@
     selectedTime.value = false;
     getTableData();
   };
-  const changeYear = () => {
-    queryParams.value.year = selectYear.value;
+  const changeYear = (data) => {
+    if (data) {
+      const newYear = selectYear.value.year() + data;
+      selectYear.value = dayjs().year(newYear);
+      const queryYear = selectYear.value.format('YYYY');
+      queryParams.value.year = queryYear;
+    } else {
+      queryParams.value.year = selectYear.value;
+    }
     getTableData();
   };
   const changeToYear = () => {
@@ -331,6 +343,12 @@
     border-radius: 4px;
     border: 1px solid rgba(39, 120, 255, 1);
   }
+  :deep(.ant-btn-primary) {
+    border-radius: unset !important;
+    border-color: #d7d7d7 !important;
+    background: #f2f2f2 !important;
+    color: black !important;
+  }
   .month {
     width: 50%;
     display: flex;