-
+
米
-
+
米
-
+
米
@@ -38,7 +38,7 @@
-
+
元
@@ -61,7 +61,9 @@ const formData = ref({
unitPrice: ''
})
-const totalPrice = computed(() => {
+const itemName = ref('')
+
+const totalAmount = computed(() => {
const l = parseFloat(formData.value.length)
const w = parseFloat(formData.value.width)
const h = parseFloat(formData.value.height)
@@ -84,14 +86,25 @@ const totalPrice = computed(() => {
return (l * w * h * price)
})
-watch(totalPrice, ()=>{
- formData.value.totalPrice = totalPrice.value
+watch(totalAmount, ()=>{
+ formData.value.totalAmount = totalAmount.value
})
// 显示弹窗
-const show = () => {
+const show = (item) => {
+ console.log("🚀 ~ show ~ item:", item)
+ formData.value.length = item.length
+ formData.value.width = item.width
+ formData.value.height = item.height
+ formData.value.unitPrice = item.unitPrice
+ formData.value.totalAmount = item.totalAmount
+ itemName.value = getItemName(item)
visible.value = true
}
+const getItemName = (item) => {
+ return item.lossTypeName
+}
+
// 验证表单数据
const validateForm = () => {
const l = parseFloat(formData.length)
@@ -125,11 +138,11 @@ const validateForm = () => {
// 确认损失计算
const confirm = () => {
- if(!formData.value.totalPrice) {
+ if(!formData.value.totalAmount) {
showToast('请填写损失金额')
return
}
- emit('confirm', formData.value.totalPrice)
+ emit('confirm', formData.value)
// 重置表单
resetForm()
visible.value = false
@@ -147,7 +160,7 @@ const resetForm = () => {
formData.value.width = ''
formData.value.height = ''
formData.value.unitPrice = ''
- formData.value.totalPrice
+ formData.value.totalAmount
}
// 定义事件
const emit = defineEmits(['confirm'])
diff --git a/packages/mobile/src/views/DisasterManagement/WaterDisaster/LossList.vue b/packages/mobile/src/views/DisasterManagement/WaterDisaster/LossList.vue
index 0565258..85f0a7f 100644
--- a/packages/mobile/src/views/DisasterManagement/WaterDisaster/LossList.vue
+++ b/packages/mobile/src/views/DisasterManagement/WaterDisaster/LossList.vue
@@ -1,14 +1,15 @@
-
-
+
+
- 方/万元
+ {{ item.unit }}
+
添加损失
-
@@ -31,6 +32,9 @@ const props = defineProps({
const lossPicker = ref(null)
const options = ref({})
+
+const dialogItemIndex = ref(null)
+
// 添加损失项
const addLoss = () => {
lossPicker.value?.show()
@@ -40,6 +44,10 @@ const confirmAddLoss = (item) => {
emit('update:modelValue', [...props.modelValue, item])
}
+const removeItem = (index) => {
+ emit('update:modelValue', [...props.modelValue.slice(0, index), ...props.modelValue.slice(index + 1)])
+}
+
const cubeCalculateDialog = ref(null)
const getItemLabel = (item) => {
@@ -62,6 +70,18 @@ const getLossDict = async (params) => {
})
}
+const showCalculateDialog = (item, index) => {
+ if(item.unit?.indexOf('方') > -1) {
+ dialogItemIndex.value = index
+ cubeCalculateDialog.value?.show(item)
+ }
+}
+
+const confirmCalculate = (newValue) => {
+ const oldItem = props.modelValue[dialogItemIndex.value]
+ props.modelValue[dialogItemIndex.value] = { ...oldItem, ...newValue }
+}
+
onMounted(async () => {
await getLossDict()
})
@@ -109,4 +129,10 @@ onMounted(async () => {
}
}
}
+
+.remove-icon {
+ margin-left: 5px;
+ font-size: 16px;
+ color: #ee0a24;
+}
diff --git a/packages/mobile/src/views/DisasterManagement/WaterDisaster/WaterDisaster.vue b/packages/mobile/src/views/DisasterManagement/WaterDisaster/WaterDisaster.vue
index dd03a70..8f51399 100644
--- a/packages/mobile/src/views/DisasterManagement/WaterDisaster/WaterDisaster.vue
+++ b/packages/mobile/src/views/DisasterManagement/WaterDisaster/WaterDisaster.vue
@@ -1,7 +1,7 @@
-
+
+
万元
@@ -191,7 +191,12 @@ import PanelItem from '@/components/PanelItem.vue'
import BasePicker from '@/components/BasePicker.vue'
import BaseDatePicker from '@/components/BaseDatePicker.vue'
import LossList from './LossList.vue'
+import { useRouter, useRoute } from 'vue-router'
+const route = useRoute()
+
+// 是否为续报
+const isContinue = computed(() => route.query.isContinue)
// 处置措施数组（用于多选框组，需要转换为逗号分隔的字符串）
const disposalMeasuresArray = ref([])
diff --git a/packages/mobile/src/views/DisasterManagement/waterDisasterFormData.json b/packages/mobile/src/views/DisasterManagement/waterDisasterFormData.json
index d17fc06..ce32ea7 100644
--- a/packages/mobile/src/views/DisasterManagement/waterDisasterFormData.json
+++ b/packages/mobile/src/views/DisasterManagement/waterDisasterFormData.json
@@ -40,24 +40,6 @@
"totalLossAmount": 85.6
},
"lossList": [
- {
- "length": 50,
- "width": 8.5,
- "height": 2.5,
- "unitPrice": 380,
- "totalAmount": 38.9,
- "lossCategory": "路面损毁",
- "remark": "沥青路面严重损坏"
- },
- {
- "length": 30,
- "width": 2.5,
- "height": 6,
- "unitPrice": 520,
- "totalAmount": 23.4,
- "lossCategory": "挡墙损毁",
- "remark": "浆砌片石挡墙垮塌"
- }
],
"fileList": []
}
\ No newline at end of file
diff --git a/packages/screen/src/router/index.js b/packages/screen/src/router/index.js
index 3974b60..c471ae7 100644
--- a/packages/screen/src/router/index.js
+++ b/packages/screen/src/router/index.js
@@ -66,7 +66,6 @@ const routes = [
breadcrumb: true
},
component: () => import('../views/airSkyLand/AirSkyLand.vue')
-
},
{
path: '/3DSituationalAwareness',
@@ -74,7 +73,7 @@ const routes = [
meta: {
title: '三维态势感知',
screen: true,
- skipInitialCameraView: true, // 跳过MapViewport的自动初始视图，由页面自己控制相机
+ skipInitialCameraView: true, // 跳过MapViewport的自动初始视图，由页面自己控制相机
breadcrumb: true
},
component: () => import('../views/3DSituationalAwarenessRefactor/index.vue')
@@ -149,6 +148,24 @@ const routes = [
title: '项目管理',
breadcrumb: true
}
+ },
+ {
+ path: '/disasterManagement',
+ name: 'disasterManagement',
+ component: () => import('../views/DisasterManagement/DisasterManagement.vue'),
+ meta: {
+ title: '灾害巡检事件',
+ breadcrumb: true
+ }
+ },
+ {
+ path: '/disasterReport',
+ name: 'DisasterReport',
+ component: () => import('../views/DisasterManagement/DisasterReport/DisasterReport.vue'),
+ meta: {
+ title: '水毁事件填报',
+ breadcrumb: true
+ }
}
]
diff --git a/packages/screen/src/views/DisasterManagement/DisasterManagement.vue b/packages/screen/src/views/DisasterManagement/DisasterManagement.vue
new file mode 100644
index 0000000..c42d1e0
--- /dev/null
+++ b/packages/screen/src/views/DisasterManagement/DisasterManagement.vue
@@ -0,0 +1,403 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 查询
+ 新增
+ 导出Excel
+ 重置
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/screen/src/views/DisasterManagement/DisasterReport/DisasterReport.vue b/packages/screen/src/views/DisasterManagement/DisasterReport/DisasterReport.vue
new file mode 100644
index 0000000..b4c9bfb
--- /dev/null
+++ b/packages/screen/src/views/DisasterManagement/DisasterReport/DisasterReport.vue
@@ -0,0 +1,115 @@
+
+
+
+
+
+ {{ scope.$index + 1 }}
+
+
+
+
+
+ {{ row.isBlocked || '—' }}
+
+
+
+
+
+
+ {{ row.eventStatus === 1 ? '已解除' : '未解除' }}
+
+
+
+
+
+ 查看
+ —
+
+
+
+
+ 播放
+ —
+
+
+
+
+ 详情
+ 编辑
+
+
+
+
+
+
+
+
+
+
+
+ {{ isEdit ? '灾毁填报' : '灾毁填报' }}
+
+
+
+
+
+
+
+
+
diff --git a/packages/screen/src/views/DisasterManagement/DisasterReport/WaterDisasterReport.vue b/packages/screen/src/views/DisasterManagement/DisasterReport/WaterDisasterReport.vue
new file mode 100644
index 0000000..32eab0c
--- /dev/null
+++ b/packages/screen/src/views/DisasterManagement/DisasterReport/WaterDisasterReport.vue
@@ -0,0 +1,735 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 是
+ 否
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![预览图片]()
+
+
+
+
+
+
+
diff --git a/packages/screen/src/views/DisasterManagement/mockDataList.json b/packages/screen/src/views/DisasterManagement/mockDataList.json
new file mode 100644
index 0000000..3e6bb3e
--- /dev/null
+++ b/packages/screen/src/views/DisasterManagement/mockDataList.json
@@ -0,0 +1,202 @@
+[
+ {
+ "id": 1,
+ "reportUnit": "开州区交通建设发展中心",
+ "routeCode": "S202",
+ "routeName": "开云路",
+ "startPile": "17.200",
+ "endPile": "17.350",
+ "locationDesc": "三汇口",
+ "isBlocked": "是",
+ "eventType": "水毁事件",
+ "routeCategory": "国省道",
+ "eventStatus": "已解除",
+ "measure": "正常通行",
+ "discoverTime": "2024-07-11",
+ "predictRecoverTime": "2024-08-12",
+ "contactPerson": "郭玲雅",
+ "contactPhone": "18223732276",
+ "hasImage": true,
+ "hasVideo": false
+ },
+ {
+ "id": 2,
+ "reportUnit": "彭水苗族土家族自治县...",
+ "routeCode": "G319",
+ "routeName": "高雄-成都",
+ "startPile": "2272",
+ "endPile": "2273",
+ "locationDesc": "高谷",
+ "isBlocked": "否",
+ "eventType": "水毁事件",
+ "routeCategory": "国省道",
+ "eventStatus": "已解除",
+ "measure": "正常通行",
+ "discoverTime": "2025-06-04",
+ "predictRecoverTime": "2025-06-04",
+ "contactPerson": "朱小明",
+ "contactPhone": "18996180931",
+ "hasImage": false,
+ "hasVideo": false
+ },
+ {
+ "id": 3,
+ "reportUnit": "巫溪县交通局",
+ "routeCode": "S301",
+ "routeName": "溪城路",
+ "startPile": "40.970",
+ "endPile": "40.990",
+ "locationDesc": "重庆市巫溪县通城镇通江街",
+ "isBlocked": "否",
+ "eventType": "水毁事件",
+ "routeCategory": "国省道",
+ "eventStatus": "已解除",
+ "measure": "正常通行",
+ "discoverTime": "2025-07-04",
+ "predictRecoverTime": "2025-08-20",
+ "contactPerson": "宁阳",
+ "contactPhone": "18182310829",
+ "hasImage": true,
+ "hasVideo": false
+ },
+ {
+ "id": 4,
+ "reportUnit": "綦江区公路事务中心",
+ "routeCode": "S534",
+ "routeName": "一赶路",
+ "startPile": "132.550",
+ "endPile": "132.600",
+ "locationDesc": "重庆市綦江区赶水镇280县道..",
+ "isBlocked": "否",
+ "eventType": "水毁事件",
+ "routeCategory": "国省道",
+ "eventStatus": "已解除",
+ "measure": "正常通行",
+ "discoverTime": "2025-07-22",
+ "predictRecoverTime": "2025-07-22",
+ "contactPerson": "沈伟",
+ "contactPhone": "13637759650",
+ "hasImage": false,
+ "hasVideo": false
+ },
+ {
+ "id": 5,
+ "reportUnit": "酉阳土家族苗族自治县...",
+ "routeCode": "G211",
+ "routeName": "银川一榕江",
+ "startPile": "1828.8",
+ "endPile": "1828.81",
+ "locationDesc": "重庆市酉阳土家族苗族自治县.",
+ "isBlocked": "否",
+ "eventType": "水毁事件",
+ "routeCategory": "国省道",
+ "eventStatus": "已解除",
+ "measure": "正常通行",
+ "discoverTime": "2025-10-20",
+ "predictRecoverTime": "2025-10-21",
+ "contactPerson": "陈建琼",
+ "contactPhone": "",
+ "hasImage": false,
+ "hasVideo": false
+ },
+ {
+ "id": 6,
+ "reportUnit": "黔江区公路事务中心",
+ "routeCode": "S203",
+ "routeName": "黔彭路",
+ "startPile": "48.720",
+ "endPile": "48.750",
+ "locationDesc": "重庆市黔江区小南海镇209省道",
+ "isBlocked": "是",
+ "eventType": "水毁事件",
+ "routeCategory": "国省道",
+ "eventStatus": "已解除",
+ "measure": "正常通行",
+ "discoverTime": "2023-09-25",
+ "predictRecoverTime": "2023-09-25",
+ "contactPerson": "刘昭君",
+ "contactPhone": "13594943712",
+ "hasImage": true,
+ "hasVideo": false
+ },
+ {
+ "id": 7,
+ "reportUnit": "武隆区公路养护公司",
+ "routeCode": "S521",
+ "routeName": "后沧路",
+ "startPile": "7.050",
+ "endPile": "7.070",
+ "locationDesc": "代家窑脚",
+ "isBlocked": "是",
+ "eventType": "水毁事件",
+ "routeCategory": "国省道",
+ "eventStatus": "已解除",
+ "measure": "正常通行",
+ "discoverTime": "2020-06-21",
+ "predictRecoverTime": "2020-07-11",
+ "contactPerson": "向显凤",
+ "contactPhone": "18696935340",
+ "hasImage": false,
+ "hasVideo": false
+ },
+ {
+ "id": 8,
+ "reportUnit": "石柱县公路局",
+ "routeCode": "G350",
+ "routeName": "利川一炉霍",
+ "startPile": "87.850",
+ "endPile": "87.900",
+ "locationDesc": "三块石",
+ "isBlocked": "是",
+ "eventType": "水毁事件",
+ "routeCategory": "国省道",
+ "eventStatus": "已解除",
+ "measure": "正常通行",
+ "discoverTime": "2020-07-12",
+ "predictRecoverTime": "2020-07-12",
+ "contactPerson": "陈世良",
+ "contactPhone": "13609484536",
+ "hasImage": true,
+ "hasVideo": false
+ },
+ {
+ "id": 9,
+ "reportUnit": "梁平区公路局",
+ "routeCode": "G243",
+ "routeName": "开县一凭祥",
+ "startPile": "67.88",
+ "endPile": "67.885",
+ "locationDesc": "合兴街道老拱桥",
+ "isBlocked": "否",
+ "eventType": "水毁事件",
+ "routeCategory": "国省道",
+ "eventStatus": "已解除",
+ "measure": "正常通行",
+ "discoverTime": "2021-05-15",
+ "predictRecoverTime": "2021-05-15",
+ "contactPerson": "江勇",
+ "contactPhone": "13628409515",
+ "hasImage": false,
+ "hasVideo": false
+ },
+ {
+ "id": 10,
+ "reportUnit": "奉节公路事务中心",
+ "routeCode": "G348",
+ "routeName": "武汉一大理",
+ "startPile": "806.8",
+ "endPile": "806.86",
+ "locationDesc": "麻牛坨",
+ "isBlocked": "是",
+ "eventType": "水毁事件",
+ "routeCategory": "国省道",
+ "eventStatus": "已解除",
+ "measure": "正常通行",
+ "discoverTime": "2021-07-08",
+ "predictRecoverTime": "2021-07-10",
+ "contactPerson": "王大平",
+ "contactPhone": "13983502063",
+ "hasImage": true,
+ "hasVideo": false
+ }
+]
+ 基础信息
+
+
+
+ 填报人员信息
+ 路况事件信息
+
+ 位置信息
+
+
+
+
+ 附件上传
+
+
+
+ 只能上传jpg/png格式，且不超过500kb
+ 仅支持3M以内的视频
+
+ 灾毁损失
+
+
+
+ 路况事件信息
+ 道路损失及其他
+ 已投入机械
+
+ 恢复重建预估费用
+
+
+
+
+ 取消
+ 提交
+
+