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

修改国省道，乡村，项目弹窗title

Browse Source
This commit is contained in:
fanjia 2026-04-14 09:55:12 +08:00
parent 09252381a0
commit cf23a3af27
8 changed files with 149 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/screen/src/views/RiskWarning/Dialog/centerInfoCard.vue
View File

@ -51,7 +51,7 @@ const props = defineProps({
// 标题
title: {
type: String,
default: "潼南",
default: "",
},
// 数据列表
dataList: {

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

@ -1,7 +1,7 @@
<template>
<base-dialog
v-model:visible="props.visible"
title="潼南三级路长明细"
:title="props.allCountyData.name + '三级路长明细'"
:table-data="tableData"
:table-columns="tableColumns"
:table-height="300"
@ -76,7 +76,17 @@
<script setup>
import { ref, computed, watch } from "vue";
import { Close, VideoCamera, Microphone, Phone, ArrowLeft, ArrowRight, User, OfficeBuilding, MapLocation } from "@element-plus/icons-vue";
import {
Close,
VideoCamera,
Microphone,
Phone,
ArrowLeft,
ArrowRight,
User,
OfficeBuilding,
MapLocation,
} from "@element-plus/icons-vue";
import baseDialog from "../component/baseDialog.vue";
const props = defineProps({
@ -84,6 +94,12 @@ const props = defineProps({
type: Boolean,
default: false,
},
allCountyData: {
type: Object,
default: () => ({
name: "",
}),
},
});
const emit = defineEmits(["update:visible", "close"]);
@ -108,18 +124,102 @@ const tableColumns = ref([
// 表格数据
const tableData = ref([
{ id: 1, district: "万州区柏梓镇", name: "赵海浪", phone: "1862352068", role: "一般人员（路长履职）", position: "其他" },
{ id: 2, district: "万州区柏梓镇", name: "赵海浪", phone: "1862352068", role: "一般人员（路长履职）", position: "其他" },
{ id: 3, district: "万州区柏梓镇", name: "赵海浪", phone: "1862352068", role: "一般人员（路长履职）", position: "其他" },
{ id: 4, district: "万州区柏梓镇", name: "赵海浪", phone: "1862352068", role: "一般人员（路长履职）", position: "其他" },
{ id: 5, district: "万州区李河镇", name: "王建国", phone: "1398324567", role: "一般人员（路长履职）", position: "其他" },
{ id: 6, district: "万州区李河镇", name: "王建国", phone: "1398324567", role: "一般人员（路长履职）", position: "其他" },
{ id: 7, district: "万州区李河镇", name: "王建国", phone: "1398324567", role: "一般人员（路长履职）", position: "其他" },
{ id: 8, district: "万州区李河镇", name: "王建国", phone: "1398324567", role: "一般人员（路长履职）", position: "其他" },
{ id: 9, district: "万州区分水镇", name: "刘志强", phone: "1387654321", role: "一般人员（路长履职）", position: "其他" },
{ id: 10, district: "万州区分水镇", name: "刘志强", phone: "1387654321", role: "一般人员（路长履职）", position: "其他" },
{ id: 11, district: "万州区分水镇", name: "刘志强", phone: "1387654321", role: "一般人员（路长履职）", position: "其他" },
{ id: 12, district: "万州区分水镇", name: "刘志强", phone: "1387654321", role: "一般人员（路长履职）", position: "其他" },
{
id: 1,
district: "万州区柏梓镇",
name: "赵海浪",
phone: "1862352068",
role: "一般人员（路长履职）",
position: "其他",
},
{
id: 2,
district: "万州区柏梓镇",
name: "赵海浪",
phone: "1862352068",
role: "一般人员（路长履职）",
position: "其他",
},
{
id: 3,
district: "万州区柏梓镇",
name: "赵海浪",
phone: "1862352068",
role: "一般人员（路长履职）",
position: "其他",
},
{
id: 4,
district: "万州区柏梓镇",
name: "赵海浪",
phone: "1862352068",
role: "一般人员（路长履职）",
position: "其他",
},
{
id: 5,
district: "万州区李河镇",
name: "王建国",
phone: "1398324567",
role: "一般人员（路长履职）",
position: "其他",
},
{
id: 6,
district: "万州区李河镇",
name: "王建国",
phone: "1398324567",
role: "一般人员（路长履职）",
position: "其他",
},
{
id: 7,
district: "万州区李河镇",
name: "王建国",
phone: "1398324567",
role: "一般人员（路长履职）",
position: "其他",
},
{
id: 8,
district: "万州区李河镇",
name: "王建国",
phone: "1398324567",
role: "一般人员（路长履职）",
position: "其他",
},
{
id: 9,
district: "万州区分水镇",
name: "刘志强",
phone: "1387654321",
role: "一般人员（路长履职）",
position: "其他",
},
{
id: 10,
district: "万州区分水镇",
name: "刘志强",
phone: "1387654321",
role: "一般人员（路长履职）",
position: "其他",
},
{
id: 11,
district: "万州区分水镇",
name: "刘志强",
phone: "1387654321",
role: "一般人员（路长履职）",
position: "其他",
},
{
id: 12,
district: "万州区分水镇",
name: "刘志强",
phone: "1387654321",
role: "一般人员（路长履职）",
position: "其他",
},
]);
// 分页
@ -171,13 +271,11 @@ watch(
currentPage.value = 1;
fetchData();
}
}
},
);
</script>
<style lang="scss" scoped>
// 统计卡片
.stats-cards {
display: flex;
@ -189,7 +287,11 @@ watch(
display: flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, rgba(30, 80, 140, 0.6) 0%, rgba(20, 60, 110, 0.8) 100%);
background: linear-gradient(
135deg,
rgba(30, 80, 140, 0.6) 0%,
rgba(20, 60, 110, 0.8) 100%
);
border: 1px solid rgba(64, 169, 255, 0.2);
border-radius: 4px;
padding: 10px 12px;

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

@ -1,7 +1,7 @@
<template>
<base-dialog
v-model:visible="props.visible"
title="潼南建设项目责任人明细"
:title="props.allCountyData.name + '建设责任人明细'"
:table-data="tableData"
:table-columns="tableColumns"
:table-height="400"
@ -30,6 +30,12 @@ const props = defineProps({
type: Boolean,
default: false,
},
allCountyData: {
type: Object,
default: () => ({
name: "",
}),
},
});
const emit = defineEmits(["update:visible", "close", "detail"]);
@ -136,7 +142,7 @@ watch(
currentPage.value = 1;
fetchData();
}
}
},
);
</script>

10
packages/screen/src/views/RiskWarning/Dialog/tongnanTeamDialog.vue
View File

@ -1,7 +1,7 @@
<template>
<base-dialog
v-model:visible="props.visible"
title="潼南护路团队成员"
:title="props.allCountyData.name + '护路团队成员明细'"
:table-data="tableData"
:table-columns="tableColumns"
:table-height="400"
@ -30,6 +30,12 @@ const props = defineProps({
type: Boolean,
default: false,
},
allCountyData: {
type: Object,
default: () => ({
name: "",
}),
},
});
const emit = defineEmits(["update:visible", "close", "view"]);
@ -148,7 +154,7 @@ watch(
currentPage.value = 1;
fetchData();
}
}
},
);
</script>

2
packages/screen/src/views/RiskWarning/component/ChongqingMap.vue
View File

@ -176,7 +176,7 @@ const showCountyCardsOnMap = (dataList) => {
// 创建一个容器元素用于挂载 Vue 组件
const container = document.createElement("div");
container.className = "county-card-wrapper";
console.log(item);
// 使用 Vue 的 h 函数创建组件虚拟节点
const vnode = h(centerInfoCard, {
visible: true,

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

@ -81,6 +81,7 @@
<!-- 农村公路对话框 -->
<responseSituationDiaLog
v-model:visible="dialogVisible.responseSituation"
:allCountyData="allCountyData"
@close="closeDialog('responseSituation')"
/>
@ -162,6 +163,7 @@
<!-- 项目对话框 -->
<tongnanResponsibleDialog
v-model:visible="dialogVisible.tongnanResponsible"
:allCountyData="allCountyData"
@close="closeDialog('tongnanResponsible')"
@detail="openDialog('tongnanInfo')"
/>
@ -195,6 +197,7 @@
<!-- 国省道对话框 -->
<tongnanTeamDialog
v-model:visible="dialogVisible.tongnanTeam"
:allCountyData="allCountyData"
@close="closeDialog('tongnanTeam')"
@view="openDialog('tongnanInfo')"
/>
@ -345,10 +348,11 @@ const openConfirm = (config) => {
};
// 中心信息卡片显示状态
const showCenterCard = ref(false);
const allCountyData = ref({});
// 处理区县点击
const handleDistrictClick = (item) => {
console.log("区县点击:", item.data);
console.log("区县点击:", item);
allCountyData.value = item;
if (item.data.roadType == "national") {
// 国省道
openDialog("tongnanTeam");

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

@ -1205,7 +1205,7 @@ const cellStyle = () => ({
display: flex;
align-items: center;
// gap: vw(8);
padding: vw(10);
padding: vw(12) vw(10);
// background: rgba(64, 169, 255, 0.08);
.stat-icon {

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

@ -117,7 +117,7 @@
<template #right>
<div class="header-filters">
<span class="filter-item active" @click="handleDateRangeClick()"
>1本轮</span
>本轮</span
>
<div class="date-range-wrapper">
<el-date-picker
@ -732,6 +732,8 @@ const majorEvent = "0";
.resource-item {
display: flex;
align-items: center;
box-sizing: border-box;
height: 42px;
gap: vw(6);
padding: vw(4) vw(8);
background: linear-gradient(270deg, rgba(18, 52, 97, 0) 0%, #203555 100%);
@ -1098,7 +1100,7 @@ const majorEvent = "0";
.damage-item {
text-align: center;
padding: vw(8);
padding: vw(4) 0;
// background: rgba(64, 169, 255, 0.1);
// border-radius: 6px;
background-image: url("../../assets/RiskWarning_img/路径62@2x.png");