Compare commits
No commits in common. "a22d9301afd39c059b21a885dd91f40283ff0e42" and "4d236263714d7949111562e74c102736f02fe2c8" have entirely different histories.
a22d9301af
...
4d23626371
@ -81,11 +81,6 @@ const routes = [
|
|||||||
name: 'WarningMessageHandle',
|
name: 'WarningMessageHandle',
|
||||||
component: () => import('../views/WarningMessage/WarningMessageHandle.vue')
|
component: () => import('../views/WarningMessage/WarningMessageHandle.vue')
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: '/rebuild',
|
|
||||||
name: 'Rebuild',
|
|
||||||
component: () => import('../views/Rebuild/Rebuild.vue')
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
path: '/disasterManagement',
|
path: '/disasterManagement',
|
||||||
name: 'DisasterManagement',
|
name: 'DisasterManagement',
|
||||||
|
|||||||
@ -114,13 +114,6 @@ const gridItems = [
|
|||||||
name: "WarningMessage",
|
name: "WarningMessage",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
|
||||||
icon: group106Icon,
|
|
||||||
text: '恢复重建',
|
|
||||||
to: {
|
|
||||||
name: 'Rebuild',
|
|
||||||
}
|
|
||||||
}
|
|
||||||
];
|
];
|
||||||
|
|
||||||
// 获取当前登录用于就职的养护站信息
|
// 获取当前登录用于就职的养护站信息
|
||||||
|
|||||||
@ -1,151 +0,0 @@
|
|||||||
<template>
|
|
||||||
<PageContainer title="恢复重建" @click-back="handleClickBack">
|
|
||||||
<SearchInput v-model="searchValue" />
|
|
||||||
|
|
||||||
<CurrentSite />
|
|
||||||
|
|
||||||
<div class="list-panel">
|
|
||||||
<CardItem v-for="(item, index) in list" :key="index" :title="`${item.area} ${item.rNumber} ${item.type}`"
|
|
||||||
@click="handleClickItem(item)">
|
|
||||||
<template #headerExtra>
|
|
||||||
<van-tag v-if="item.status === '审批通过'" type="success" round size="large">{{ item.status }}</van-tag>
|
|
||||||
<van-tag v-else-if="item.status === '审批驳回'" type="danger" round size="large">{{ item.status
|
|
||||||
}}</van-tag>
|
|
||||||
<van-tag v-else type="warning" round size="large">{{ item.status }}</van-tag>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<div class="content">
|
|
||||||
<div class="left-info">
|
|
||||||
<div><span class="label">起止桩号:</span><span class="value">{{ item.stationNumber }}</span></div>
|
|
||||||
<div><span class="label">路况位置:</span><span class="value">{{ item.position }}</span></div>
|
|
||||||
<div><span class="label">提交日期:</span><span class="value">{{ item.publishTime }}</span></div>
|
|
||||||
</div>
|
|
||||||
<div class="right-arrow" @click.stop="handleClickItem(item)">
|
|
||||||
<van-icon name="arrow" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</CardItem>
|
|
||||||
|
|
||||||
<!-- 空状态提示 -->
|
|
||||||
<EmptyBox v-if="list.length === 0" placeholder="暂无相关预警信息" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<van-button type="primary" class="add-btn" icon="plus" @click="handleAddDevice">
|
|
||||||
项目填报
|
|
||||||
</van-button>
|
|
||||||
</PageContainer>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import { ref, onMounted, watch } from 'vue'
|
|
||||||
import { useRouter, useRoute } from 'vue-router'
|
|
||||||
import PageContainer from '@/components/PageContainer.vue'
|
|
||||||
import SearchInput from '@/components/SearchInput.vue'
|
|
||||||
import CurrentSite from '@/components/CurrentSite.vue'
|
|
||||||
import CardItem from '@/components/CardItem.vue'
|
|
||||||
import EmptyBox from '@/components/EmptyBox.vue'
|
|
||||||
|
|
||||||
const router = useRouter()
|
|
||||||
|
|
||||||
onMounted(() => {
|
|
||||||
getData()
|
|
||||||
})
|
|
||||||
|
|
||||||
const getData = async () => {
|
|
||||||
}
|
|
||||||
|
|
||||||
// 搜索关键词
|
|
||||||
const searchValue = ref('')
|
|
||||||
|
|
||||||
// 预警列表数据
|
|
||||||
const list = ref([
|
|
||||||
{
|
|
||||||
area: '彭水',
|
|
||||||
rNumber: 'G211',
|
|
||||||
type: '发生水毁道路崩塌恢复重建',
|
|
||||||
stationNumber: 'K1674.16-1678.84',
|
|
||||||
position: '徐家镇村口南分叉路口',
|
|
||||||
publishTime: '2025-05-20',
|
|
||||||
status: '审批通过'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
area: '巴南',
|
|
||||||
rNumber: 'S303',
|
|
||||||
type: '道路发生边坡坍塌',
|
|
||||||
stationNumber: 'K1674.16-1678.84',
|
|
||||||
position: '徐家镇村口南分叉路口',
|
|
||||||
publishTime: '2025-05-20',
|
|
||||||
status: '审批驳回'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
area: '彭水',
|
|
||||||
rNumber: 'G211',
|
|
||||||
type: '道路崩塌改造工程',
|
|
||||||
stationNumber: 'K1674.16-1678.84',
|
|
||||||
position: '徐家镇村口南分叉路口',
|
|
||||||
publishTime: '2025-05-20',
|
|
||||||
status: '审批通过'
|
|
||||||
},
|
|
||||||
])
|
|
||||||
|
|
||||||
|
|
||||||
const handleClickBack = () => {
|
|
||||||
router.push('/')
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleAddDevice = () => {
|
|
||||||
router.push('/rebuild-add')
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.list-panel {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-info {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 4px;
|
|
||||||
font-size: 14px;
|
|
||||||
|
|
||||||
.label {
|
|
||||||
color: #666;
|
|
||||||
}
|
|
||||||
|
|
||||||
.value {
|
|
||||||
color: #aaa;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.right-arrow {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
height: 100%;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.add-btn {
|
|
||||||
position: fixed;
|
|
||||||
bottom: 20px;
|
|
||||||
left: 16px;
|
|
||||||
right: 16px;
|
|
||||||
width: calc(100% - 32px);
|
|
||||||
margin: 0 auto;
|
|
||||||
border-radius: 24px;
|
|
||||||
font-size: 16px;
|
|
||||||
height: 44px;
|
|
||||||
z-index: 999;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
Loading…
x
Reference in New Issue
Block a user