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:
duanliang
2024-12-20 11:41:23 +08:00
parent c9b4f315e5
commit bed0a9bd5a
4 changed files with 419 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/views/workOrder/components/box-2.vue
View File

@@ -8,19 +8,19 @@
<div class="hd-list">
<img class="h-icon" src="@/assets/images/work-icon-1.png" alt="" />
<div class="item item1">
今日工单总条数 <span class="color1">456789</span>
今日工单总条数 <span class="color1"><countup endVal="45678" /></span>
</div>
<div class="item item1">
工单完成数 <span class="color1">456789</span>
工单完成数 <span class="color1"><countup endVal="45678" /></span>
</div>
<div class="item item3">
紧急工单数 <span class="">456789</span>
紧急工单数 <span class=""><countup endVal="45678" /></span>
</div>
<div class="item item2">
重要工单数 <span class="">456789</span>
重要工单数 <span class=""><countup endVal="45678" /></span>
</div>
<div class="item item1">
普通工单数 <span class="">456789</span>
普通工单数 <span class=""><countup endVal="45678" /></span>
</div>
</div>
<div class="chart-box flex">
@@ -100,8 +100,8 @@
</template>
<script setup>
import * as echarts from 'echarts'
import countup from 'vue-countup-v3'
import * as echarts from 'echarts'
import { fitChartSize } from '@/utils/dataUtil'
import Map from '@/components/Map/marker.vue'
import VChart, { THEME_KEY } from 'vue-echarts';
@@ -395,7 +395,7 @@
})
const optionLine = ref({
backgroundColor:'transparent',
height:250,
height:240,
grid:{
top:'30',
bottom:'0',
@@ -496,6 +496,9 @@
font-size:vw(14) !important;
color:#fff;
}
.line-chart{
// margin-top:vh(20);
}
.work-box-2{
width:vw(1522);
height:vh(965);
@@ -515,7 +518,7 @@
.lt-chart{
width:vw(740);
height: vw(336);
min-height: vw(336);
padding:vw(20);
background: radial-gradient( 70% at 99% 50%, #0A4190 0%, rgba(0,77,136,0.6) 100%);
border-radius: 0px 0px 0px 0px;
@@ -654,6 +657,7 @@
height:vh(74);
}
.item{
display:flex;
width:vw(210);
height:vh(58);
line-height: vh(58);
@@ -670,7 +674,7 @@
font-size: vw(24);
position: relative;
top:vh(2);
margin-left:vw(2);
margin-left:vw(5);
}
.color1{
color:#02F9FA;