预算书-财政拨款、年度预算表 功能添加 10.31

jeecgboot-vue3/src/views/projectApplication/kejigongguan/yusuanshu/NianDuYuSuanDemo.vue

@@ -4,23 +4,15 @@
       <thead>
       <tr>
         <th rowspan="2" style="width: 300px; position: relative">
-          <div
-            style="
-                position: absolute;
-                top: 50%;
-                left: 50%;
-                transform: translate(-50%, -50%);
-              "
-          >
-<!--            <a-button @click="save" type="primary">Primary Button</a-button>-->
-        <th>单位名称</th>
+          <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)">
+            <!--            <a-button @click="save" type="primary">Primary Button</a-button>-->
+            单位名称
           </div>
         </th>
         <th colspan="3">分年预算</th>
-          <th rowspan="2">合计</th>
+        <th rowspan="2">合计</th>
       </tr>
       <tr>
-
         <th><a-date-picker v-model:value="data.year1" picker="year" /></th>
         <th><a-date-picker v-model:value="data.year2" picker="year" /></th>
         <th><a-date-picker v-model:value="data.year3" picker="year" /></th>
@@ -32,67 +24,68 @@
         <td><a-input prefix="￥" suffix="RMB" v-model:value="data.year1Value" /></td>
         <td><a-input prefix="￥" suffix="RMB" v-model:value="data.year2Value" /></td>
         <td><a-input prefix="￥" suffix="RMB" v-model:value="data.year3Value" /></td>
-        <td>{{Amount}}</td>
+        <td>{{ Amount }}</td>
       </tr>
       </tbody>
     </table>
   </div>
   <div class="button-container">
     <a-button type="primary" @click="handleSubmit">保存</a-button>
-    <a-button type="primary"  @click="router.back();">返回</a-button>
+    <a-button type="primary" @click="router.back()">返回</a-button>
   </div>
 </template>
 
 <script setup>
-import {ref,onMounted,computed} from 'vue'
-import {useRoute, useRouter} from "vue-router";
-import {saveOrUpdate} from "@/views/projectAnnualBudget/ProjectAnnualBudget.api";
-import {defHttp} from "@/utils/http/axios";
-import {useMessage} from "@/hooks/web/useMessage";
+import { ref, onMounted, computed } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { saveOrUpdate } from '@/views/projectAnnualBudget/ProjectAnnualBudget.api';
+import { defHttp } from '@/utils/http/axios';
+import { useMessage } from '@/hooks/web/useMessage';
+import dayjs from 'dayjs';
 const { createMessage } = useMessage();
 
 const router = useRouter();
 const route = useRoute();
 // import moment from 'moment';
 const data = ref({
-  year1:'',
-  year2:'',
-  year3:'',
-  year1Value:0,
-  year2Value:0,
-  year3Value:0,
-  departName:'',
-  totalAmount:''
-})
-onMounted(()=> {
+  year1: '',
+  year2: '',
+  year3: '',
+  year1Value: 0,
+  year2Value: 0,
+  year3Value: 0,
+  departName: '',
+  totalAmount: '',
+});
+onMounted(() => {
   loadData();
-})
+  // data.value.year1 = dayjs('2018/01/01','YYYY/MM/DD')
+});
 
-const handleSubmit =  async () =>  {
+const handleSubmit = async () => {
   let params = {
-    year1:data.value.year1.$y,
-    year2:data.value.year2.$y,
-    year3:data.value.year3.$y,
-    year1Value:data.value.year1Value,
-    year2Value:data.value.year2Value,
-    year3Value:data.value.year3Value,
-    departName:data.value.departName,
-    totalAmount:Number(data.value.year1Value) + Number(data.value.year2Value) + Number(data.value.year3Value),
-  }
+    year1: data.value.year1.$y,
+    year2: data.value.year2.$y,
+    year3: data.value.year3.$y,
+    year1Value: data.value.year1Value,
+    year2Value: data.value.year2Value,
+    year3Value: data.value.year3Value,
+    departName: data.value.departName,
+    totalAmount: Number(data.value.year1Value) + Number(data.value.year2Value) + Number(data.value.year3Value),
+  };
   params.projectId = route.query.id;
-  defHttp
-    .post({
-      url: '/projectAnnualBudget/projectAnnualBudget/add/'+route.query.id,
-      params: params,
-    })
-    /*.then(() => {
-      // createMessage.success(`保存成功！`);
-      // loadData();
-    })
-    .finally(() => {
-      // loading.value = false;
-    });*/
-}
+  defHttp.post({
+    url: '/projectAnnualBudget/projectAnnualBudget/add/' + route.query.id,
+    params: params,
+  });
+  /*.then(() => {
+    // createMessage.success(`保存成功！`);
+    // loadData();
+  })
+  .finally(() => {
+    // loading.value = false;
+  });*/
+};
 
 // 加载数据
 async function loadData() {
@@ -101,25 +94,29 @@ async function loadData() {
   await defHttp
     .get({
       // 请求地址
-      url: '/projectAnnualBudget/projectAnnualBudget/queryByProjectId/'+route.query.id,
-    }).then((result) => {
-      data.value.year1Value = result.year1Value
-      data.value.year2Value = result.year2Value
-      data.value.year3Value = result.year3Value
-      data.value.departName = result.departName
-      console.log("the data()",JSON.stringify(result))
+      url: '/projectAnnualBudget/projectAnnualBudget/queryByProjectId/' + route.query.id,
+    })
+    .then((result) => {
+      data.value.year1Value = result.year1Value;
+      data.value.year2Value = result.year2Value;
+      data.value.year3Value = result.year3Value;
+      data.value.departName = result.departName;
+      data.value.year1 = dayjs(result.year1, 'YYYY');
+      data.value.year2 = dayjs(result.year3, 'YYYY');
+      data.value.year3 = dayjs(result.year3, 'YYYY');
+      console.log('the data()', JSON.stringify(result));
       // 后台查询回来的 total，数据总数量
       // pagination.total = result.total;
       // 将查询的数据赋值给 dataSource
       // dataSource.value = result.records;
       // // 重置选择
       // selectedRows.value = [];
-    })
+    });
 }
 
 const Amount = computed(() => {
-  return Number(data.value.year1Value) + Number(data.value.year2Value) + Number(data.value.year3Value)
-})
+  return Number(data.value.year1Value) + Number(data.value.year2Value) + Number(data.value.year3Value);
+});
 </script>
 
 <style scoped lang="less">