bdzl2/bxztApp
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改页面假数据文字

Browse Source
This commit is contained in:
fanjia 2026-05-11 17:52:31 +08:00
parent 6182de8b95
commit f60c84c9b8
9 changed files with 298 additions and 395 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/DisasterAnalysis.vue
View File

@ -1,55 +1,24 @@
<template> <template>
<div class="disaster-analysis"> <div class="disaster-analysis">
<div class="disaster-analysis__row"> <div class="disaster-analysis__row">
<DataField <DataField label="灾害类型" :value="disasterInfo.type" :icon="DataFieldIcon1" />
label="灾害类型" <DataField label="损坏方量" :value="disasterInfo.volume" :unit="disasterInfo.volumeUnit" :icon="DataFieldIcon2" />
:value="disasterInfo.type"
:icon="DataFieldIcon1"
/>
<DataField
label="损坏方量"
:value="disasterInfo.volume"
:unit="disasterInfo.volumeUnit"
:icon="DataFieldIcon2"
/>
</div> </div>
<div class="disaster-analysis__row"> <div class="disaster-analysis__row">
<DataField <DataField label="滑坡体长度" :value="disasterInfo.length" :unit="disasterInfo.lengthUnit" :icon="DataFieldIcon3" />
label="滑坡体长度" <DataField label="滑坡体宽度" :value="disasterInfo.width" :unit="disasterInfo.widthUnit" :icon="DataFieldIcon4" />
:value="disasterInfo.length"
:unit="disasterInfo.lengthUnit"
:icon="DataFieldIcon3"
/>
<DataField
label="滑坡体宽度"
:value="disasterInfo.width"
:unit="disasterInfo.widthUnit"
:icon="DataFieldIcon4"
/>
</div> </div>
<div class="disaster-analysis__row"> <div class="disaster-analysis__row">
<DataField <DataField label="人员伤亡" :value="disasterInfo.casualties" unit="人" color-type="success" :icon="DataFieldIcon5" />
label="人员伤亡" <DataField label="车辆损坏" :value="disasterInfo.vehicles" unit="台" color-type="success" :icon="DataFieldIcon6" />
:value="disasterInfo.casualties"
unit="人"
color-type="success"
:icon="DataFieldIcon5"
/>
<DataField
label="车辆损坏"
:value="disasterInfo.vehicles"
unit="台"
color-type="success"
:icon="DataFieldIcon6"
/>
</div> </div>
</div> </div>
</template> </template>
<script setup> <script setup>
import { inject } from 'vue' import { inject, ref } from 'vue'
import DataField from '../shared/DataField.vue' import DataField from '../shared/DataField.vue'
import DataFieldIcon1 from '../../assets/images/DataField/icon-1.png' import DataFieldIcon1 from '../../assets/images/DataField/icon-1.png'
@ -59,7 +28,18 @@ import DataFieldIcon4 from '../../assets/images/DataField/icon-4.png'
import DataFieldIcon5 from '../../assets/images/DataField/icon-5.png' import DataFieldIcon5 from '../../assets/images/DataField/icon-5.png'
import DataFieldIcon6 from '../../assets/images/DataField/icon-6.png' import DataFieldIcon6 from '../../assets/images/DataField/icon-6.png'
const { disasterInfo } = inject('disasterData') // const { disasterInfo } = inject('disasterData')
const disasterInfo = ref({
type: '边坡垮塌',
volume: '1220m³',
length: '33',
width: '15m',
volumeUnit: '',
lengthUnit: 'm',
widthUnit: '',
casualties: '0',
vehicles: '0',
})
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">

6
packages/screen/src/views/3DSituationalAwarenessRefactor/components/MapViewer/index.vue
View File

@ -1,17 +1,17 @@
<template> <template>
<div class="map-viewer"> <div class="map-viewer">
<!-- Cesium 地图容器 --> <!-- Cesium 地图容器 -->
<MapViewport /> <!-- <MapViewport /> -->
<!-- 地图控制工具 - 使用 Teleport 传送到更高层级 --> <!-- 地图控制工具 - 使用 Teleport 传送到更高层级 -->
<!-- 延迟渲染确保目标元素已存在 --> <!-- 延迟渲染确保目标元素已存在 -->
<Teleport to="#sa-controls" v-if="isMounted"> <!-- <Teleport to="#sa-controls" v-if="isMounted">
<MapControls <MapControls
:active-tool-key="activeToolKey" :active-tool-key="activeToolKey"
@tool-change="handleToolChange" @tool-change="handleToolChange"
@device-watch="handleDeviceWatch" @device-watch="handleDeviceWatch"
/> />
</Teleport> </Teleport> -->
</div> </div>
</template> </template>

371
packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/EmergencyPlanContent.vue
View File

@ -3,22 +3,14 @@
<!-- 1. 现场指挥部 --> <!-- 1. 现场指挥部 -->
<section class="plan-section"> <section class="plan-section">
<div class="section-header"> <div class="section-header">
<img <img src="../../assets/images/modal/弹窗title.png" alt="" class="title-icon" />
src="../../assets/images/modal/弹窗title.png"
alt=""
class="title-icon"
/>
<h3 class="section-title">现场指挥部</h3> <h3 class="section-title">现场指挥部</h3>
</div> </div>
<div class="section-body"> <div class="section-body">
<div class="form-grid"> <div class="form-grid">
<div class="form-item"> <div class="form-item">
<label>指挥长</label> <label>指挥长</label>
<el-select <el-select v-model="formData.commander" class="custom-select" popper-class="custom-dropdown">
v-model="formData.commander"
class="custom-select"
popper-class="custom-dropdown"
>
<el-option label="陈前" value="陈前" /> <el-option label="陈前" value="陈前" />
<el-option label="王军" value="王军" /> <el-option label="王军" value="王军" />
<el-option label="李明" value="李明" /> <el-option label="李明" value="李明" />
@ -27,11 +19,7 @@
</div> </div>
<div class="form-item"> <div class="form-item">
<label>副指挥长</label> <label>副指挥长</label>
<el-select <el-select v-model="formData.viceCommander" class="custom-select" popper-class="custom-dropdown">
v-model="formData.viceCommander"
class="custom-select"
popper-class="custom-dropdown"
>
<el-option label="樵继川" value="樵继川" /> <el-option label="樵继川" value="樵继川" />
<el-option label="刘勇" value="刘勇" /> <el-option label="刘勇" value="刘勇" />
<el-option label="陈强" value="陈强" /> <el-option label="陈强" value="陈强" />
@ -45,66 +33,37 @@
<!-- 2. 多路协同处置三级指挥中心 --> <!-- 2. 多路协同处置三级指挥中心 -->
<section class="plan-section"> <section class="plan-section">
<div class="section-header"> <div class="section-header">
<img <img src="../../assets/images/modal/弹窗title.png" alt="" class="title-icon" />
src="../../assets/images/modal/弹窗title.png"
alt=""
class="title-icon"
/>
<h3 class="section-title">多路协同处置三级指挥中心</h3> <h3 class="section-title">多路协同处置三级指挥中心</h3>
</div> </div>
<div class="section-body"> <div class="section-body">
<div class="form-grid grid-2x2"> <div class="form-grid grid-2x2">
<div class="form-item"> <div class="form-item">
<label>交通管控</label> <label>交通管控</label>
<el-select <el-select v-model="formData.trafficControl" class="custom-select" popper-class="custom-dropdown">
v-model="formData.trafficControl" <el-option label="忠县交通巡逻警察大队" value="忠县交通巡逻警察大队" />
class="custom-select" <el-option label="公安交警、交通执法队" value="公安交警、交通执法队" />
popper-class="custom-dropdown"
>
<el-option
label="忠县交通巡逻警察大队"
value="忠县交通巡逻警察大队"
/>
<el-option
label="公安交警、交通执法队"
value="公安交警、交通执法队"
/>
<el-option label="交通管理局" value="交通管理局" /> <el-option label="交通管理局" value="交通管理局" />
</el-select> </el-select>
</div> </div>
<div class="form-item"> <div class="form-item">
<label>交通信息发布</label> <label>交通信息发布</label>
<el-select <el-select v-model="formData.infoRelease" class="custom-select" popper-class="custom-dropdown">
v-model="formData.infoRelease"
class="custom-select"
popper-class="custom-dropdown"
>
<el-option label="融媒体中心" value="融媒体中心" /> <el-option label="融媒体中心" value="融媒体中心" />
<el-option label="新闻中心" value="新闻中心" /> <el-option label="新闻中心" value="新闻中心" />
</el-select> </el-select>
</div> </div>
<div class="form-item"> <div class="form-item">
<label>人车调拨</label> <label>人车调拨</label>
<el-select <el-select v-model="formData.vehicleDispatch" class="custom-select" popper-class="custom-dropdown">
v-model="formData.vehicleDispatch" <el-option label="忠县交通运输综合执法支队" value="忠县交通运输综合执法支队" />
class="custom-select"
popper-class="custom-dropdown"
>
<el-option
label="忠县交通运输综合执法支队"
value="忠县交通运输综合执法支队"
/>
<el-option label="xxx消防队" value="xxx消防队" /> <el-option label="xxx消防队" value="xxx消防队" />
<el-option label="应急救援队" value="应急救援队" /> <el-option label="应急救援队" value="应急救援队" />
</el-select> </el-select>
</div> </div>
<div class="form-item"> <div class="form-item">
<label>人员救援</label> <label>人员救援</label>
<el-select <el-select v-model="formData.personnelRescue" class="custom-select" popper-class="custom-dropdown">
v-model="formData.personnelRescue"
class="custom-select"
popper-class="custom-dropdown"
>
<el-option label="忠县人民医院" value="忠县人民医院" /> <el-option label="忠县人民医院" value="忠县人民医院" />
<el-option label="xx医院" value="xx医院" /> <el-option label="xx医院" value="xx医院" />
<el-option label="中心医院" value="中心医院" /> <el-option label="中心医院" value="中心医院" />
@ -117,37 +76,22 @@
<!-- 3. 公路抢通方案 --> <!-- 3. 公路抢通方案 -->
<section class="plan-section"> <section class="plan-section">
<div class="section-header"> <div class="section-header">
<img <img src="../../assets/images/modal/弹窗title.png" alt="" class="title-icon" />
src="../../assets/images/modal/弹窗title.png"
alt=""
class="title-icon"
/>
<h3 class="section-title">公路抢通方案</h3> <h3 class="section-title">公路抢通方案</h3>
</div> </div>
<div class="section-body"> <div class="section-body">
<div class="form-grid grid-2-cols"> <div class="form-grid grid-2-cols">
<div class="form-item"> <div class="form-item">
<label>抢通方式</label> <label>抢通方式</label>
<el-select <el-select v-model="formData.clearanceMethod" class="custom-select" popper-class="custom-dropdown">
v-model="formData.clearanceMethod" <el-option label="两端对接抢通，必要时开辟工作面" value="两端对接抢通，必要时开辟工作面" />
class="custom-select"
popper-class="custom-dropdown"
>
<el-option
label="两端对接抢通，必要时开辟工作面"
value="两端对接抢通，必要时开辟工作面"
/>
<el-option label="单端推进抢通" value="单端推进抢通" /> <el-option label="单端推进抢通" value="单端推进抢通" />
<el-option label="多点同时作业" value="多点同时作业" /> <el-option label="多点同时作业" value="多点同时作业" />
</el-select> </el-select>
</div> </div>
<div class="form-item"> <div class="form-item">
<label>预计抢通时间</label> <label>预计抢通时间</label>
<el-select <el-select v-model="formData.estimatedTime" class="custom-select" popper-class="custom-dropdown">
v-model="formData.estimatedTime"
class="custom-select"
popper-class="custom-dropdown"
>
<el-option label="6小时" value="6小时" /> <el-option label="6小时" value="6小时" />
<el-option label="8小时" value="8小时" /> <el-option label="8小时" value="8小时" />
<el-option label="12小时" value="12小时" /> <el-option label="12小时" value="12小时" />
@ -158,12 +102,7 @@
<div class="plan-steps"> <div class="plan-steps">
<div v-for="step in clearanceSteps" :key="step.id" class="step-item"> <div v-for="step in clearanceSteps" :key="step.id" class="step-item">
<label class="step-label">{{ step.number }}{{ step.title }}</label> <label class="step-label">{{ step.number }}{{ step.title }}</label>
<el-input <el-input v-model="step.content" type="textarea" :autosize="{ minRows: 2, maxRows: 4 }" class="step-content-input" />
v-model="step.content"
type="textarea"
:autosize="{ minRows: 2, maxRows: 4 }"
class="step-content-input"
/>
</div> </div>
</div> </div>
</div> </div>
@ -172,11 +111,7 @@
<!-- 4. 所需力量 --> <!-- 4. 所需力量 -->
<section class="plan-section"> <section class="plan-section">
<div class="section-header"> <div class="section-header">
<img <img src="../../assets/images/modal/弹窗title.png" alt="" class="title-icon" />
src="../../assets/images/modal/弹窗title.png"
alt=""
class="title-icon"
/>
<h3 class="section-title">所需力量</h3> <h3 class="section-title">所需力量</h3>
</div> </div>
<div class="section-body"> <div class="section-body">
@ -201,11 +136,7 @@
<!-- 5. 力量调派方案 --> <!-- 5. 力量调派方案 -->
<section class="plan-section"> <section class="plan-section">
<div class="section-header"> <div class="section-header">
<img <img src="../../assets/images/modal/弹窗title.png" alt="" class="title-icon" />
src="../../assets/images/modal/弹窗title.png"
alt=""
class="title-icon"
/>
<h3 class="section-title">力量调派方案</h3> <h3 class="section-title">力量调派方案</h3>
<button class="add-btn" @click="handleAddPlan"> <button class="add-btn" @click="handleAddPlan">
<span class="add-icon">+</span> <span class="add-icon">+</span>
@ -214,28 +145,14 @@
</div> </div>
<div class="section-body"> <div class="section-body">
<div class="dispatch-plans"> <div class="dispatch-plans">
<div <div v-for="plan in dispatchPlans" :key="plan.id" class="dispatch-card">
v-for="plan in dispatchPlans" <button class="close-btn" @click="handleDeletePlan(plan.id)" title="删除">×</button>
:key="plan.id"
class="dispatch-card"
>
<button
class="close-btn"
@click="handleDeletePlan(plan.id)"
title="删除"
>
×
</button>
<h4 class="plan-name"> <h4 class="plan-name">
<span class="plan-icon"></span> <span class="plan-icon"></span>
基地{{ plan.id }}：{{ plan.stationName || "xxxxx名称" }} 基地{{ plan.id }}：{{ plan.stationName || 'xxxxx名称' }}
</h4> </h4>
<div class="resource-grid"> <div class="resource-grid">
<div <div v-for="(resource, index) in plan.resources" :key="index" class="resource-item">
v-for="(resource, index) in plan.resources"
:key="index"
class="resource-item"
>
<span class="resource-label">{{ resource.label }}</span> <span class="resource-label">{{ resource.label }}</span>
<span class="resource-value">{{ resource.value }}</span> <span class="resource-value">{{ resource.value }}</span>
</div> </div>
@ -248,27 +165,18 @@
<!-- 5. 后续处治 --> <!-- 5. 后续处治 -->
<section class="plan-section"> <section class="plan-section">
<div class="section-header"> <div class="section-header">
<img <img src="../../assets/images/modal/弹窗title.png" alt="" class="title-icon" />
src="../../assets/images/modal/弹窗title.png"
alt=""
class="title-icon"
/>
<h3 class="section-title">后续处治</h3> <h3 class="section-title">后续处治</h3>
</div> </div>
<div class="section-body"> <div class="section-body">
<el-input <el-input v-model="followUpText" type="textarea" :autosize="{ minRows: 3, maxRows: 6 }" class="follow-up-textarea" />
v-model="followUpText"
type="textarea"
:autosize="{ minRows: 3, maxRows: 6 }"
class="follow-up-textarea"
/>
</div> </div>
</section> </section>
</div> </div>
</template> </template>
<script setup> <script setup>
import { ref, reactive, computed, watch } from "vue"; import { ref, reactive, computed, watch } from 'vue'
/** /**
* Props 定义 * Props 定义
@ -278,26 +186,36 @@ const props = defineProps({
type: Array, type: Array,
default: () => [], default: () => [],
}, },
}); })
/** /**
* 可用站点列表（从快速匹配传入） * 可用站点列表（从快速匹配传入）
*/ */
const availableStations = computed(() => props.stations); const availableStations = computed(() => props.stations)
/** /**
* 表单数据 * 表单数据
*/ */
// const formData = reactive({
// commander: "陈前",
// viceCommander: "樵继川",
// trafficControl: "忠县交通巡逻警察大队",
// infoRelease: "融媒体中心",
// vehicleDispatch: "忠县交通运输综合执法支队",
// personnelRescue: "忠县人民医院",
// clearanceMethod: "两端对接抢通，必要时开辟工作面",
// estimatedTime: "6小时",
// });
const formData = reactive({ const formData = reactive({
commander: "陈前", commander: '陈前',
viceCommander: "樵继川", viceCommander: '樵继川',
trafficControl: "忠县交通巡逻警察大队", trafficControl: '黔江区交通管理支队',
infoRelease: "融媒体中心", infoRelease: '区融媒体中心',
vehicleDispatch: "忠县交通运输综合执法支队", vehicleDispatch: '区交通综合执法支队',
personnelRescue: "忠县人民医院", personnelRescue: '区卫健委',
clearanceMethod: "两端对接抢通，必要时开辟工作面", clearanceMethod: '单向抢通，必要时联系酉阳交通部门协助抢通',
estimatedTime: "6小时", estimatedTime: '15小时',
}); })
/** /**
* 公路抢通方案步骤 * 公路抢通方案步骤
@ -305,61 +223,68 @@ const formData = reactive({
const clearanceSteps = reactive([ const clearanceSteps = reactive([
{ {
id: 1, id: 1,
number: "①", number: '①',
title: "评估封控", title: '评估封控',
content: content: '对现场进行封闭，落实告警阻拦措施；对灾毁周边稳定性进行评估，划定作业区与危险区，设立观察哨，全程监控边坡状态。',
"对现场进行封闭，落实告警阻拦措施；对灾毁周边稳定性进行评估，划定作业区与危险区，设立观察哨，全程监控边坡状态。",
}, },
{ {
id: 2, id: 2,
number: "②", number: '②',
title: "边坡排险", title: '边坡排险',
content: content: '在确保安全的前提下，使用长臂挖掘机或人工在安全绳保护下对坡面上已松动、悬空的岩石和土体进行清除，注意下方暂停作业。',
"在确保安全的前提下，使用长臂挖掘机或人工在安全绳保护下对坡面上已松动、悬空的岩石和土体进行清除，注意下方暂停作业。",
}, },
{ {
id: 3, id: 3,
number: "③", number: '③',
title: "梯形清方", title: '梯形清方',
content: content:
'挖掘机在最前方、负责将塌方体挖松，装载机将土石料装入渣土车，渣土车编队运输，将废料运至指定弃渣场。确保挖掘机、装载机、渣土车数量匹配，形成高效的"挖一装一运"循环。', '挖掘机在最前方、负责将塌方体挖松，装载机将土石料装入渣土车，渣土车编队运输，将废料运至指定弃渣场。确保挖掘机、装载机、渣土车数量匹配，形成高效的"挖一装一运"循环。',
}, },
{ {
id: 4, id: 4,
number: "④", number: '④',
title: "开辟工作面", title: '开辟工作面',
content: content:
"根据抢通和救援要求，利用挖掘机、装载机或无人设备开辟新的工作面，增加作业效率。", // "根据抢通和救援要求，利用挖掘机、装载机或无人设备开辟新的工作面，增加作业效率。",
'根据抢通的时间要求，增加大型土石方设备，提升作业效率，或增加装备从对向同时清理，',
}, },
{ {
id: 5, id: 5,
number: "⑤", number: '⑤',
title: "交通疏导", title: '交通疏导',
content: content:
"清理出足够疏散车辆的临时性通道，临时通道边缘用锥桶或沙袋进行警示和防护，在现场指挥下，放行积压车辆。", // "清理出足够疏散车辆的临时性通道，临时通道边缘用锥桶或沙袋进行警示和防护，在现场指挥下，放行积压车辆。",
'清理出足够疏散车辆的临时性通道，临时通道边缘用锥桶或沙袋进行警示和防护，在现场指挥下，放行积压车辆。',
}, },
{ {
id: 6, id: 6,
number: "⑥", number: '⑥',
title: "全断面抢通", title: '全断面抢通',
content: "将剩余塌方体彻底清理，恢复路面原状。", content: '将剩余塌方体彻底清理，恢复路面原状。',
}, },
]); ])
/** /**
* 所需力量数据 * 所需力量数据
*/ */
const requiredResources = ref([ const requiredResources = ref([
{ label: "挖掘设备", value: "2台" }, { label: '长臂挖掘机', value: '1台' },
{ label: "装载机", value: "2台" }, { label: '履带挖掘机', value: '2台' },
{ label: "运渣设备", value: "6台" }, { label: '装载机', value: '2台' },
{ label: "运输设备", value: "2台" }, { label: '运渣车辆', value: '6台' },
{ label: "人员", value: "20人" }, { label: '运输车辆', value: '2台' },
{ { label: '人员', value: '20人' },
label: "物资", { label: '物资', value: '标志标牌10块、锥桶50件，铁锹10把，雪糕筒100件，麻袋、砂石料等若干' },
value: "标志标牌10块、锥桶50件，铁锹10把，雪糕筒100件，麻袋、砂石料等若干", // { label: "挖掘设备", value: "2台" },
}, // { label: "装载机", value: "2台" },
]); // { label: "运渣设备", value: "6台" },
// { label: "运输设备", value: "2台" },
// { label: "人员", value: "20人" },
// {
// label: "物资",
// value: "标志标牌10块、锥桶50件，铁锹10把，雪糕筒100件，麻袋、砂石料等若干",
// },
])
/** /**
* 力量调派预案 * 力量调派预案
@ -367,46 +292,44 @@ const requiredResources = ref([
const dispatchPlans = ref([ const dispatchPlans = ref([
{ {
id: 1, id: 1,
stationName: "", // 站点名称，从 stations 自动赋值 stationName: '', // 站点名称，从 stations 自动赋值
resources: [ resources: [
{ label: "轮式挖掘机", value: "1台" }, { label: '轮式挖掘机', value: '1台' },
{ label: "平板拖车", value: "1台" }, { label: '平板拖车', value: '1台' },
{ label: "自卸货车", value: "4台" }, { label: '自卸货车', value: '4台' },
{ label: "工程车", value: "1台" }, { label: '工程车', value: '1台' },
{ label: "装载机", value: "1台" }, { label: '装载机', value: '1台' },
{ label: "人员", value: "15人" }, { label: '人员', value: '15人' },
{ label: "锥桶", value: "30件" }, { label: '锥桶', value: '30件' },
{ label: "铁锹", value: "10件" }, { label: '铁锹', value: '10件' },
{ label: "雪糕筒", value: "50件" }, { label: '雪糕筒', value: '50件' },
{ label: "标志标牌", value: "5块" }, { label: '标志标牌', value: '5块' },
{ label: "麻袋、砂石袋等", value: "若干" }, { label: '麻袋、砂石袋等', value: '若干' },
], ],
}, },
{ {
id: 2, id: 2,
stationName: "", stationName: '',
resources: [ resources: [
{ label: "轮式挖掘机", value: "1台" }, { label: '轮式挖掘机', value: '1台' },
{ label: "平板拖车", value: "1台" }, { label: '平板拖车', value: '1台' },
{ label: "自卸货车", value: "4台" }, { label: '自卸货车', value: '4台' },
{ label: "工程车", value: "1台" }, { label: '工程车', value: '1台' },
{ label: "装载机", value: "1台" }, { label: '装载机', value: '1台' },
{ label: "人员", value: "5人" }, { label: '人员', value: '5人' },
{ label: "锥桶", value: "20件" }, { label: '锥桶', value: '20件' },
{ label: "铁锹", value: "0件" }, { label: '铁锹', value: '0件' },
{ label: "雪糕筒", value: "50件" }, { label: '雪糕筒', value: '50件' },
{ label: "标志标牌", value: "5块" }, { label: '标志标牌', value: '5块' },
{ label: "麻袋、砂石袋等", value: "若干" }, { label: '麻袋、砂石袋等', value: '若干' },
], ],
}, },
]); ])
/** /**
* 后续处治文本 * 后续处治文本
*/ */
const followUpText = ref( const followUpText = ref('将该处作为重大涉灾隐患点，设置“注意落石、观察通行”等标志，进行提级管控，进行边坡治理或设置监测预警设备。')
"将该处作为重大涉灾隐患点，设置“注意落石、观察通行”等标志，进行提级管控，进行边坡治理或设置监测预警设备。"
);
/** /**
* 根据站点索引获取站点名称 * 根据站点索引获取站点名称
@ -415,19 +338,19 @@ const followUpText = ref(
*/ */
const getStationNameByIndex = (index) => { const getStationNameByIndex = (index) => {
if (availableStations.value && availableStations.value.length > index) { if (availableStations.value && availableStations.value.length > index) {
return availableStations.value[index].name; return availableStations.value[index].name
} }
return ""; return ''
}; }
/** /**
* 自动为所有基地分配站点名称 * 自动为所有基地分配站点名称
*/ */
const assignStationNames = () => { const assignStationNames = () => {
dispatchPlans.value.forEach((plan, index) => { dispatchPlans.value.forEach((plan, index) => {
plan.stationName = getStationNameByIndex(index); plan.stationName = getStationNameByIndex(index)
}); })
}; }
/** /**
* 监听站点数据变化，自动分配站点名称 * 监听站点数据变化，自动分配站点名称
@ -435,65 +358,65 @@ const assignStationNames = () => {
watch( watch(
() => props.stations, () => props.stations,
(newStations) => { (newStations) => {
console.log("[EmergencyPlanContent] 站点数据变化检测:", newStations); console.log('[EmergencyPlanContent] 站点数据变化检测:', newStations)
if (newStations && newStations.length > 0) { if (newStations && newStations.length > 0) {
assignStationNames(); assignStationNames()
console.log("[EmergencyPlanContent] 站点数据更新，自动分配站点名称"); console.log('[EmergencyPlanContent] 站点数据更新，自动分配站点名称')
console.log("[EmergencyPlanContent] 当前基地列表:", dispatchPlans.value); console.log('[EmergencyPlanContent] 当前基地列表:', dispatchPlans.value)
} else { } else {
console.log("[EmergencyPlanContent] 站点数据为空或未定义"); console.log('[EmergencyPlanContent] 站点数据为空或未定义')
} }
}, },
{ immediate: true, deep: true } { immediate: true, deep: true },
); )
/** /**
* 处理新增预案按钮点击 * 处理新增预案按钮点击
*/ */
const handleAddPlan = () => { const handleAddPlan = () => {
// 暂时禁止新增预案 // 暂时禁止新增预案
return; return
console.log("[EmergencyPlanContent] 点击新增预案"); console.log('[EmergencyPlanContent] 点击新增预案')
const newId = Math.max(...dispatchPlans.value.map((p) => p.id)) + 1; const newId = Math.max(...dispatchPlans.value.map((p) => p.id)) + 1
const newIndex = dispatchPlans.value.length; const newIndex = dispatchPlans.value.length
dispatchPlans.value.push({ dispatchPlans.value.push({
id: newId, id: newId,
stationName: getStationNameByIndex(newIndex), stationName: getStationNameByIndex(newIndex),
resources: [ resources: [
{ label: "轮式挖掘机", value: "1台" }, { label: '轮式挖掘机', value: '1台' },
{ label: "平板拖车", value: "1台" }, { label: '平板拖车', value: '1台' },
{ label: "自卸货车", value: "4台" }, { label: '自卸货车', value: '4台' },
{ label: "工程车", value: "1台" }, { label: '工程车', value: '1台' },
{ label: "装载机", value: "15台" }, { label: '装载机', value: '15台' },
{ label: "人员", value: "5人" }, { label: '人员', value: '5人' },
{ label: "锥桶", value: "30件" }, { label: '锥桶', value: '30件' },
{ label: "铁锹", value: "10件" }, { label: '铁锹', value: '10件' },
{ label: "雪糕筒", value: "50件" }, { label: '雪糕筒', value: '50件' },
{ label: "标志标牌", value: "5块" }, { label: '标志标牌', value: '5块' },
{ label: "麻袋、砂石袋等", value: "若干" }, { label: '麻袋、砂石袋等', value: '若干' },
], ],
}); })
}; }
/** /**
* 处理删除预案 * 处理删除预案
*/ */
const handleDeletePlan = (id) => { const handleDeletePlan = (id) => {
// 暂时禁止删除预案 // 暂时禁止删除预案
return; return
console.log("[EmergencyPlanContent] 删除预案", id); console.log('[EmergencyPlanContent] 删除预案', id)
const index = dispatchPlans.value.findIndex((p) => p.id === id); const index = dispatchPlans.value.findIndex((p) => p.id === id)
if (index > -1) { if (index > -1) {
dispatchPlans.value.splice(index, 1); dispatchPlans.value.splice(index, 1)
// 删除后重新分配站点名称，保持顺序 // 删除后重新分配站点名称，保持顺序
assignStationNames(); assignStationNames()
} }
}; }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@use "@/styles/mixins.scss" as *; @use '@/styles/mixins.scss' as *;
.emergency-plan-content { .emergency-plan-content {
padding: 0; padding: 0;
@ -898,7 +821,7 @@ const handleDeletePlan = (id) => {
line-height: 19px; line-height: 19px;
font-family: SourceHanSansCN-Medium, sans-serif; font-family: SourceHanSansCN-Medium, sans-serif;
font-weight: 500; font-weight: 500;
color: #4FECFF; color: #4fecff;
} }
} }
} }

42
packages/screen/src/views/RiskWarning/Dialog/hazardPointSituationDialog.vue
View File

@ -329,18 +329,18 @@ const previewPhoto = (index) => {
// 视频通话 // 视频通话
const handleVideo = (item, type) => { const handleVideo = (item, type) => {
console.log('视频通话:', item) console.log('视频通话:', item)
let textType = '' // let textType = ''
if (props.title.includes('涉灾隐患点')) { // if (props.title.includes('涉灾隐患点')) {
textType = '涉灾隐患点' // textType = '涉灾隐患点'
} else if (props.title.includes('路段')) { // } else if (props.title.includes('路段')) {
textType = '路段' // textType = '路段'
} // }
let videoParams = { let videoParams = {
...item, ...item,
id: hazardData.value.id, id: hazardData.value.id,
type: type, type: type,
role: getRolefn(type), role: getRolefn(type),
textType: textType, textType: "risk-point",
} }
openVideoConference(videoParams) openVideoConference(videoParams)
// emit('video', { // emit('video', {
@ -352,18 +352,18 @@ const handleVideo = (item, type) => {
// 语音通话 // 语音通话
const handleVoice = (item, type) => { const handleVoice = (item, type) => {
console.log('语音通话:', item) console.log('语音通话:', item)
let textType = '' // let textType = ''
if (props.title.includes('涉灾隐患点')) { // if (props.title.includes('涉灾隐患点')) {
textType = '涉灾隐患点' // textType = '涉灾隐患点'
} else if (props.title.includes('路段')) { // } else if (props.title.includes('路段')) {
textType = '路段' // textType = '路段'
} // }
let voiceParams = { let voiceParams = {
...item, ...item,
id: hazardData.value.id, id: hazardData.value.id,
type: type, type: type,
role: getRolefn(type), role: getRolefn(type),
textType: textType, textType: "risk-point",
} }
openVoiceConference(voiceParams) openVoiceConference(voiceParams)
// emit('voice', { // emit('voice', {
@ -375,18 +375,18 @@ const handleVoice = (item, type) => {
// 拨打电话 // 拨打电话
const handleCall = (item, type) => { const handleCall = (item, type) => {
console.log('拨打电话:', item) console.log('拨打电话:', item)
let textType = '' // let textType = ''
if (props.title.includes('涉灾隐患点')) { // if (props.title.includes('涉灾隐患点')) {
textType = '涉灾隐患点' // textType = '涉灾隐患点'
} else if (props.title.includes('路段')) { // } else if (props.title.includes('路段')) {
textType = '路段' // textType = '路段'
} // }
emit('call', { emit('call', {
...item, ...item,
id: hazardData.value.id, id: hazardData.value.id,
type: type, type: type,
role: getRolefn(type), role: getRolefn(type),
textType: textType, textType: "risk-point",
}) })
} }
const getRolefn = (item) => { const getRolefn = (item) => {

6
packages/screen/src/views/RiskWarning/Dialog/responseSituationDiaLog.vue
View File

@ -189,7 +189,7 @@ const handleView = (item) => {
type: '护路员', type: '护路员',
role: '路长', role: '路长',
text: '拨打视频电话', text: '拨打视频电话',
textType: '农村公路', textType: 'road-captain',
}) })
} }
@ -201,7 +201,7 @@ const handleVoice = (item) => {
type: '', type: '',
role: '路长', role: '路长',
text: '拨打语音电话', text: '拨打语音电话',
textType: '农村公路', textType: 'road-captain',
}) })
} }
@ -213,7 +213,7 @@ const handleCall = (item) => {
type: '护路员', type: '护路员',
role: '路长', role: '路长',
text: '拨打电话', text: '拨打电话',
textType: '农村公路', textType: 'road-captain',
}) })
} }

87
packages/screen/src/views/RiskWarning/Dialog/tongnanProjectPersonDialog.vue
View File

@ -1,7 +1,8 @@
<template> <template>
<!-- :title="`${props.allCountyData.name}建设项目责任人详情`" -->
<base-dialog <base-dialog
:visible="props.visible" :visible="props.visible"
:title="`${props.allCountyData.name}建设项目责任人详情`" :title="`建设项目责任人详情`"
:table-data="tableData" :table-data="tableData"
:table-columns="tableColumns" :table-columns="tableColumns"
:table-height="350" :table-height="350"
@ -35,19 +36,9 @@
</template> </template>
<script setup> <script setup>
import { ref, watch } from 'vue'; import { ref, watch } from 'vue'
import baseDialog from '../component/baseDialog.vue'; import baseDialog from '../component/baseDialog.vue'
import { import { Close, VideoCamera, Microphone, Phone, ArrowLeft, ArrowRight, User, OfficeBuilding, MapLocation } from '@element-plus/icons-vue'
Close,
VideoCamera,
Microphone,
Phone,
ArrowLeft,
ArrowRight,
User,
OfficeBuilding,
MapLocation,
} from '@element-plus/icons-vue';
const props = defineProps({ const props = defineProps({
visible: { visible: {
@ -58,9 +49,9 @@ const props = defineProps({
type: Object, type: Object,
default: () => {}, default: () => {},
}, },
}); })
const emit = defineEmits(['update:visible', 'close']); const emit = defineEmits(['update:visible', 'close'])
// 表格列配置 // 表格列配置
const tableColumns = ref([ const tableColumns = ref([
@ -74,7 +65,7 @@ const tableColumns = ref([
{ prop: 'districtUnit', label: '区县级包保责任人', width: '' }, { prop: 'districtUnit', label: '区县级包保责任人', width: '' },
{ prop: 'cityUnit', label: '市级包保责任人', width: '' }, { prop: 'cityUnit', label: '市级包保责任人', width: '' },
{ prop: 'dispatch', label: '调度', width: '', slot: 'dispatch' }, { prop: 'dispatch', label: '调度', width: '', slot: 'dispatch' },
]); ])
// 表格数据 // 表格数据
const tableData = ref([ const tableData = ref([
@ -133,58 +124,58 @@ const tableData = ref([
districtUnit: '梁九\n12100121000', districtUnit: '梁九\n12100121000',
cityUnit: '宋十\n12000120000', cityUnit: '宋十\n12000120000',
}, },
]); ])
const total = ref(36); const total = ref(36)
const currentPage = ref(1); const currentPage = ref(1)
const pageSize = ref(10); const pageSize = ref(10)
// 关闭弹窗 // 关闭弹窗
const handleClose = () => { const handleClose = () => {
emit('update:visible', false); emit('update:visible', false)
emit('close'); emit('close')
}; }
// 分页操作 // 分页操作
const handleSizeChange = val => { const handleSizeChange = (val) => {
pageSize.value = val; pageSize.value = val
fetchData(); fetchData()
}; }
const handleCurrentChange = val => { const handleCurrentChange = (val) => {
currentPage.value = val; currentPage.value = val
fetchData(); fetchData()
}; }
// 获取数据 // 获取数据
const fetchData = () => { const fetchData = () => {
console.log('获取第', currentPage.value, '页数据'); console.log('获取第', currentPage.value, '页数据')
// 实际项目中调用API获取数据 // 实际项目中调用API获取数据
}; }
// 操作按钮 // 操作按钮
const handleView = item => { const handleView = (item) => {
console.log('查看视频:', item); console.log('查看视频:', item)
}; }
const handleVoice = item => { const handleVoice = (item) => {
console.log('语音通话:', item); console.log('语音通话:', item)
}; }
const handleCall = item => { const handleCall = (item) => {
console.log('拨打电话:', item); console.log('拨打电话:', item)
}; }
// 监听visible变化 // 监听visible变化
watch( watch(
() => props.visible, () => props.visible,
newVal => { (newVal) => {
if (newVal) { if (newVal) {
currentPage.value = 1; currentPage.value = 1
fetchData(); fetchData()
} }
} },
); )
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

83
packages/screen/src/views/RiskWarning/Dialog/tongnanResponsibleDialog.vue
View File

@ -1,7 +1,8 @@
<template> <template>
<!-- :title="props.allCountyData.name + '建设项目责任人明细'" -->
<base-dialog <base-dialog
:visible="props.visible" :visible="props.visible"
:title="props.allCountyData.name + '建设项目责任人明细'" title="建设项目责任人明细"
:table-data="tableData" :table-data="tableData"
:table-columns="tableColumns" :table-columns="tableColumns"
:table-height="400" :table-height="400"
@ -22,8 +23,8 @@
</template> </template>
<script setup> <script setup>
import { ref, computed, watch } from 'vue'; import { ref, computed, watch } from 'vue'
import baseDialog from '../component/baseDialog.vue'; import baseDialog from '../component/baseDialog.vue'
const props = defineProps({ const props = defineProps({
visible: { visible: {
@ -42,9 +43,9 @@ const props = defineProps({
name: '', name: '',
}), }),
}, },
}); })
const emit = defineEmits(['update:visible', 'close', 'detail']); const emit = defineEmits(['update:visible', 'close', 'detail'])
// 表格列配置 // 表格列配置
const tableColumns = ref([ const tableColumns = ref([
@ -58,7 +59,7 @@ const tableColumns = ref([
{ prop: 'districtLevel', label: '区县级包保责任人', width: '' }, { prop: 'districtLevel', label: '区县级包保责任人', width: '' },
{ prop: 'cityLevel', label: '市级包保责任人', width: '' }, { prop: 'cityLevel', label: '市级包保责任人', width: '' },
{ prop: 'operation', label: '操作', width: '60px', slot: 'operation' }, { prop: 'operation', label: '操作', width: '60px', slot: 'operation' },
]); ])
// 表格数据 // 表格数据
const tableData = ref([ const tableData = ref([
@ -84,72 +85,72 @@ const tableData = ref([
districtLevel: 2, districtLevel: 2,
cityLevel: 2, cityLevel: 2,
}, },
]); ])
// 分页 // 分页
const currentPage = ref(1); const currentPage = ref(1)
const pageSize = ref(10); const pageSize = ref(10)
const total = ref(36); const total = ref(36)
const totalPages = computed(() => Math.ceil(total.value / pageSize.value)); const totalPages = computed(() => Math.ceil(total.value / pageSize.value))
const visiblePages = computed(() => { const visiblePages = computed(() => {
const pages = []; const pages = []
const maxVisible = 4; const maxVisible = 4
let start = Math.max(1, currentPage.value - Math.floor(maxVisible / 2)); let start = Math.max(1, currentPage.value - Math.floor(maxVisible / 2))
let end = Math.min(totalPages.value, start + maxVisible - 1); let end = Math.min(totalPages.value, start + maxVisible - 1)
if (end - start + 1 < maxVisible) { if (end - start + 1 < maxVisible) {
start = Math.max(1, end - maxVisible + 1); start = Math.max(1, end - maxVisible + 1)
} }
for (let i = start; i <= end; i++) { for (let i = start; i <= end; i++) {
pages.push(i); pages.push(i)
} }
return pages; return pages
}); })
// 关闭对话框 // 关闭对话框
const handleClose = () => { const handleClose = () => {
emit('update:visible', false); emit('update:visible', false)
emit('close'); emit('close')
}; }
// 点击遮罩关闭已由base-dialog组件处理 // 点击遮罩关闭已由base-dialog组件处理
// 查看详情 // 查看详情
const handleDetail = item => { const handleDetail = (item) => {
emit('detail', item); emit('detail', item)
}; }
// 分页事件处理 // 分页事件处理
const handleSizeChange = size => { const handleSizeChange = (size) => {
pageSize.value = size; pageSize.value = size
currentPage.value = 1; currentPage.value = 1
fetchData(); fetchData()
}; }
const handleCurrentChange = page => { const handleCurrentChange = (page) => {
currentPage.value = page; currentPage.value = page
fetchData(); fetchData()
}; }
// 获取数据 // 获取数据
const fetchData = () => { const fetchData = () => {
console.log('获取第', currentPage.value, '页数据'); console.log('获取第', currentPage.value, '页数据')
// 实际项目中调用API获取数据 // 实际项目中调用API获取数据
}; }
// 监听visible变化 // 监听visible变化
watch( watch(
() => props.visible, () => props.visible,
newVal => { (newVal) => {
if (newVal) { if (newVal) {
currentPage.value = 1; currentPage.value = 1
fetchData(); fetchData()
} }
} },
); )
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

34
packages/screen/src/views/RiskWarning/index.vue
View File

@ -599,22 +599,30 @@ const handleDistrictClick = (item) => {
// 处理中心卡片点击 // 处理中心卡片点击
const handleCenterCardClick = (item) => { const handleCenterCardClick = (item) => {
console.log('中心卡片点击:', item) console.log('中心卡片点击:', item)
if (item.type == '国省道调度') {
//国省道调度
} else if (item.type == '农村公路调度') {
//农村公路调度
openDialog('responseSituation')
} else if (item.type == '建设工程调度') {
openDialog('tongnanResponsible')
//建设工程调度
}
// 调用地图组件的方法打开中心信息卡片弹窗 // 调用地图组件的方法打开中心信息卡片弹窗
if (chongqingMapRef.value && item.data) { // if (chongqingMapRef.value && item.data) {
const cardData = { // const cardData = {
title: getCardTitleByType(item.type), // title: getCardTitleByType(item.type),
dataList: item.data, // dataList: item.data,
} // }
// if (item.type == 'second') return // chongqingMapRef.value.openCenterCard(cardData)
chongqingMapRef.value.openCenterCard(cardData)
// 如果数据中包含区县信息，定位到第一个区县 // // 如果数据中包含区县信息，定位到第一个区县
if (item.data.length > 0 && (item.data[0].countyName || item.data[0].name)) { // if (item.data.length > 0 && (item.data[0].countyName || item.data[0].name)) {
const firstCounty = item.data[0].countyName || item.data[0].name // const firstCounty = item.data[0].countyName || item.data[0].name
chongqingMapRef.value.locateToDistrict(firstCounty) // chongqingMapRef.value.locateToDistrict(firstCounty)
} // }
} // }
} }
// 根据类型获取卡片标题 // 根据类型获取卡片标题

6
packages/screen/src/views/RiskWarning/left.vue
View File

@ -230,19 +230,19 @@ const handleImpactDetailClick = () => {
const handleDispatchCardClick = (item) => { const handleDispatchCardClick = (item) => {
if (item.label === dispatchList.value[0].label) { if (item.label === dispatchList.value[0].label) {
emit('showCenterCard', { emit('showCenterCard', {
type: 'second', type: '国省道调度',
value: item.value, value: item.value,
data: nationalarr.value, data: nationalarr.value,
}) })
} else if (item.label === dispatchList.value[1].label) { } else if (item.label === dispatchList.value[1].label) {
emit('showCenterCard', { emit('showCenterCard', {
type: 'third', type: '农村公路调度',
value: item.value, value: item.value,
data: ruralarr.value, data: ruralarr.value,
}) })
} else if (item.label === dispatchList.value[2].label) { } else if (item.label === dispatchList.value[2].label) {
emit('showCenterCard', { emit('showCenterCard', {
type: 'first', type: '建设工程调度',
value: item.value, value: item.value,
data: projectarr.value, data: projectarr.value,
}) })