lixuefeng/fengjie-datascreen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat：对接景区接口

Browse Source
This commit is contained in:
zjc
2025-01-17 19:15:14 +08:00
parent fd8ede8a32
commit 8eb966fa14
29 changed files with 510 additions and 315 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/views/scenic/components/box-1.vue
View File

@@ -39,35 +39,55 @@
<div class="footer">
<div class="flex">
<div class="item">
<CircleProgress :width="170" :height="90" />
<circle-progress
:width="170"
:height="90"
:value="scenicStore.wordkOrderData.toDayData.rate"
:title="`${scenicStore.wordkOrderData.toDayData.rate}%`"
subTitle="完成率"
/>
<div>
<div class="bg">
<span class="label">今日工单总条数：</span>
<span class="value"> <countup :endVal="1234" /></span>
<span class="value success">
<countup :end-val="scenicStore.wordkOrderData.toDayData.count" />
</span>
</div>
<div class="bg">
<span class="label">工单完成数：</span>
<span class="value"> <countup :endVal="1234" /></span>
<span class="value">
<countup :end-val="scenicStore.wordkOrderData.toDayData.end" />
</span>
</div>
</div>
</div>
<div class="item">
<CircleProgress :width="170" :height="90" />
<circle-progress
:width="170"
:height="90"
:value="scenicStore.wordkOrderData.warnData.rate"
:title="`${scenicStore.wordkOrderData.warnData.rate}%`"
subTitle="完成率"
/>
<div>
<div class="bg">
<span class="label">今日工单总条数：</span>
<span class="value"> <countup :endVal="1234" /></span>
<span class="label">今日紧急工单数：</span>
<span class="value error">
<countup :end-val="scenicStore.wordkOrderData.warnData.count" />
</span>
</div>
<div class="bg">
<span class="label">工单完成数：</span>
<span class="value"> <countup :endVal="1234" /></span>
<span class="label">紧急工单完成数：</span>
<span class="value">
<countup :end-val="scenicStore.wordkOrderData.warnData.end" />
</span>
</div>
</div>
</div>
</div>
<div class="flex align-center justify-between">
<div>
<vue3-seamless-scroll
<Vue3SeamlessScroll
class="list"
:list="scenicStore.wordkOrderList"
:limitScrollNum="3"
@@ -82,7 +102,7 @@
{{ item.title }}
</p>
</div>
</vue3-seamless-scroll>
</Vue3SeamlessScroll>
</div>
<img class="more" src="@/assets/images/more-col.png" alt="查看更多" @click="handleMore" />
</div>
@@ -203,8 +223,14 @@
.value {
font-weight: bold;
font-size: vw(28);
color: #fff;
}
.success {
color: #02f9fa;
}
.error {
color: #e21b1b;
}
}
}
.list {