apps/supplier-dispatch-h5
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

task#5914 添加报备页面，地图页面

Browse Source
This commit is contained in:
周林芳
2025-06-06 09:38:55 +08:00
parent 5552b48ec4
commit 899ea612f4
27 changed files with 794 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/views/report/components/report-list-item.vue Normal file
View File

@ -0,0 +1,61 @@
<template>
<div class="bottom_wrap">
<div class="report_item">
<img class="report_icon" src="@/assets/report/report_delay.png" alt="">
<div class="report_title">救援延误</div>
</div>
<div class="report_item">
<img class="report_icon" src="@/assets/report/report_unconnect.png" alt="">
<div class="report_title">客户失联</div>
</div>
<div class="report_item">
<img class="report_icon" src="@/assets/report/report_cancel.png" alt="">
<div class="report_title">客户取消</div>
</div>
<div class="report_item">
<img class="report_icon" src="@/assets/report/report_address.png" alt="">
<div class="report_title">地址变更</div>
</div>
<div class="report_item">
<img class="report_icon" src="@/assets/report/report_fee.png" alt="">
<div class="report_title">费用报备</div>
</div>
<div class="report_item">
<img class="report_icon" src="@/assets/report/report_other.png" alt="">
<div class="report_title">其他报备</div>
</div>
</div>
</template>
<script>
export default {
name: "report-list-item"
}
</script>
<style scoped lang="scss">
.bottom_wrap {
width: 100%;
/*position: fixed;*/
bottom: 0;
padding: 0 34px 20px;
display: flex;
flex-wrap: wrap;
background: #FFFFFF;
box-shadow: 0px 0px 20px 0px rgba(53,73,93,0.2);
.report_item {
width: 25%;
margin-top: 20px;
.report_icon {
width: 45px;
height: 45px;
}
.report_title {
color: rgba(53, 53, 53, 0.67);
font-size: 11px;
line-height: 16px;
margin-top: 6px;
}
}
}
</style>