ok

src/api/event.ts

@@ -69,6 +69,14 @@ export function uploadCasualties(data) {
   });
 }
 
+export function getCasualties(data) {
+  return request({
+    url: "/api/event_management/event/get_casualties",
+    method: "post",
+    data: data
+  });
+}
+
 // 事件简报
 export function createEventBriefing(data) {
   return request({

src/router/routes.ts

@@ -326,9 +326,9 @@ export const constantRoutes: Array<RouteRecordRaw> = [
     }
   },
   {
-    path: "/event/ViewPage",
-    name: "ViewPage",
-    component: () => import("@/views/event/ViewPage.vue"),
+    path: "/event/casualties",
+    name: "EventCasualtiesPage",
+    component: () => import("@/views/event/EventCasualtiesPage.vue"),
     meta: {
       title: "查看页",
       noCache: true

src/views/event/ViewPage.vue → src/views/event/EventCasualtiesPage.vue

@@ -13,9 +13,9 @@
             <!-- 其他字段绑定到对应索引的表单数据 -->
             <div class="label-box">
               <div class="box">
-                <div>死亡人数:</div>
+                <div>受灾人数:</div>
               </div>
-              <van-field v-model="total.death_toll" class="common-field">
+              <van-field v-model="total.injuries" class="common-field">
                 <template #extra>
                   <div class="font-stl">人</div>
                 </template>
@@ -23,9 +23,9 @@
             </div>
             <div class="label-box">
               <div class="box">
-                <div>受伤人数:</div>
+                <div>失踪人数:</div>
               </div>
-              <van-field v-model="total.injured_num" class="common-field">
+              <van-field v-model="total.missing" class="common-field">
                 <template #extra>
                   <div class="font-stl">人</div>
                 </template>
@@ -33,9 +33,9 @@
             </div>
             <div class="label-box">
               <div class="box">
-                <div>失踪人数:</div>
+                <div>死亡人数:</div>
               </div>
-              <van-field v-model="total.missing_num" class="common-field">
+              <van-field v-model="total.deaths" class="common-field">
                 <template #extra>
                   <div class="font-stl">人</div>
                 </template>
@@ -45,7 +45,7 @@
               <div class="box">
                 <div>紧急转移:</div>
               </div>
-              <van-field v-model="total.transfer_num" class="common-field">
+              <van-field v-model="total.transfer" class="common-field">
                 <template #extra>
                   <div class="font-stl">人</div>
                 </template>
@@ -55,7 +55,7 @@
               <div class="box">
                 <div>直接经济损失:</div>
               </div>
-              <van-field v-model="total.unit_name" class="common-field">
+              <van-field v-model="total.economic_loss" class="common-field">
                 <template #extra>
                   <div class="font-stl">万元</div>
                 </template>
@@ -78,7 +78,7 @@
                 v-model="form.fieldValue"
                 class="common-field"
                 readonly
-                placeholder="选择城市"
+                placeholder="选择区划"
                 @click="showPicker = true"
               />
               <van-popup
@@ -98,9 +98,9 @@
             <!-- 其他字段绑定到对应索引的表单数据 -->
             <div class="label-box">
               <div class="box">
-                <div>死亡人数:</div>
+                <div>受灾人数:</div>
               </div>
-              <van-field v-model="form.death_toll" class="common-field">
+              <van-field v-model="form.injuries" class="common-field">
                 <template #extra>
                   <div class="font-stl">人</div>
                 </template>
@@ -108,9 +108,9 @@
             </div>
             <div class="label-box">
               <div class="box">
-                <div>受伤人数:</div>
+                <div>失踪人数:</div>
               </div>
-              <van-field v-model="form.injured_num" class="common-field">
+              <van-field v-model="form.missing" class="common-field">
                 <template #extra>
                   <div class="font-stl">人</div>
                 </template>
@@ -118,9 +118,9 @@
             </div>
             <div class="label-box">
               <div class="box">
-                <div>失踪人数:</div>
+                <div>死亡人数:</div>
               </div>
-              <van-field v-model="form.missing_num" class="common-field">
+              <van-field v-model="form.deaths" class="common-field">
                 <template #extra>
                   <div class="font-stl">人</div>
                 </template>
@@ -130,7 +130,7 @@
               <div class="box">
                 <div>紧急转移:</div>
               </div>
-              <van-field v-model="form.transfer_num" class="common-field">
+              <van-field v-model="form.transfer" class="common-field">
                 <template #extra>
                   <div class="font-stl">人</div>
                 </template>
@@ -140,7 +140,7 @@
               <div class="box">
                 <div>直接经济损失:</div>
               </div>
-              <van-field v-model="form.unit_name" class="common-field">
+              <van-field v-model="form.economic_loss" class="common-field">
                 <template #extra>
                   <div class="font-stl">万元</div>
                 </template>
@@ -157,68 +157,69 @@
 import selectIcon from "@/assets/images/selectIcon.png";
 import { ref } from "vue";
 import { PickerConfirmEventParams, showToast } from "vant";
+import {uploadCasualties, getCasualties} from "@/api/event";
 
 const forms = ref([
   {
     fieldValue: "茂名市",
-    death_toll: "1",
-    injured_num: "1",
-    missing_num: "1",
-    transfer_num: "1",
-    unit_name: "1"
+    deaths: "0",
+    injuries: "0",
+    missing: "0",
+    transfer: "0",
+    economic_loss: "0"
   },
   {
     fieldValue: "信宜市",
-    death_toll: "1",
-    injured_num: "1",
-    missing_num: "1",
-    transfer_num: "1",
-    unit_name: "1"
+    deaths: "0",
+    injuries: "0",
+    missing: "0",
+    transfer: "0",
+    economic_loss: "0"
   },
   {
     fieldValue: "电白区",
-    death_toll: "1",
-    injured_num: "1",
-    missing_num: "1",
-    transfer_num: "1",
-    unit_name: "1"
+    deaths: "0",
+    injuries: "0",
+    missing: "0",
+    transfer: "0",
+    economic_loss: "0"
   }
 ]);
 const total = ref({
-  death_toll: "0",
-  injured_num: "0",
-  missing_num: "0",
-  transfer_num: "0",
-  unit_name: "0"
+  deaths: "0",
+  injuries: "0",
+  missing: "0",
+  transfer: "0",
+  economic_loss: "0"
 });
 const columns = [
-  { text: "茂名市", value: "maoming" },
-  { text: "茂南区", value: "maonan" },
-  { text: "电白区", value: "dianbai" },
-  { text: "高州市", value: "gaozhou" },
-  { text: "信宜市", value: "xinyi" },
-  { text: "化州市", value: "huazhou" }
+  { text: "茂名市", value: "440900000000" },
+  { text: "茂南区", value: "440902000000" },
+  { text: "电白区", value: "440904000000" },
+  { text: "化州市", value: "440982000000" },
+  { text: "高州市", value: "440981000000" },
+  { text: "信宜市", value: "440983000000" }
 ];
 watchEffect(() => {
   const sum = {
-    death_toll: 0,
-    injured_num: 0,
-    missing_num: 0,
-    transfer_num: 0,
-    unit_name: 0
+    deaths: 0,
+    injuries: 0,
+    missing: 0,
+    transfer: 0,
+    economic_loss: 0
   };
   forms.value.forEach(form => {
-    sum.death_toll += Number(form.death_toll) || 0;
-    sum.injured_num += Number(form.injured_num) || 0;
-    sum.missing_num += Number(form.missing_num) || 0;
-    sum.transfer_num += Number(form.transfer_num) || 0;
-    sum.unit_name += Number(form.unit_name) || 0;
+    sum.deaths += Number(form.deaths) || 0;
+    sum.injuries += Number(form.injuries) || 0;
+    sum.missing += Number(form.missing) || 0;
+    sum.transfer += Number(form.transfer) || 0;
+    sum.economic_loss += Number(form.economic_loss) || 0;
   });
-  total.value.death_toll = String(sum.death_toll);
-  total.value.injured_num = String(sum.injured_num);
-  total.value.missing_num = String(sum.missing_num);
-  total.value.transfer_num = String(sum.transfer_num);
-  total.value.unit_name = String(sum.unit_name);
+  total.value.deaths = String(sum.deaths);
+  total.value.injuries = String(sum.injuries);
+  total.value.missing = String(sum.missing);
+  total.value.transfer = String(sum.transfer);
+  total.value.economic_loss = String(sum.economic_loss);
 });
 const MAX_FORMS = 6;
 const showPicker = ref(false);
@@ -239,11 +240,11 @@ const addPart = () => {
     fieldValue: "",
     showPicker: false,
     pickerValue: [],
-    death_toll: "",
-    injured_num: "",
-    missing_num: "",
-    transfer_num: "",
-    unit_name: ""
+    deaths: "",
+    injuries: "",
+    missing: "",
+    transfer: "",
+    economic_loss: ""
   });
 };
 
@@ -259,11 +260,11 @@ const handleCancel = () => {
       fieldValue: "",
       showPicker: false,
       pickerValue: [],
-      death_toll: "",
-      injured_num: "",
-      missing_num: "",
-      transfer_num: "",
-      unit_name: ""
+      deaths: "",
+      injuries: "",
+      missing: "",
+      transfer: "",
+      economic_loss: ""
     }
   ];
 };

src/views/event/detail.vue

@@ -463,7 +463,7 @@ const reportPage = () => {
   router.push({ name: "ReportPage" });
 };
 const viewPage = () => {
-  router.push({ name: "ViewPage" });
+  router.push({ name: "EventCasualtiesPage" });
 };
 
 const onUploadCasualtiesDialogClose = t => {