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

类型：开发

Browse Source 
描述：
This commit is contained in:
lixuefeng
2025-04-22 16:56:56 +08:00
parent 09dcabadda
commit d8a7a0f53e
1 changed files with 68 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

136
src/views/home/components/box-2.vue
View File

@@ -60,72 +60,72 @@
</ul>
</div> -->
</div>
<div class="footer">
<div class="left">
<div>
<div class="flex justify-center pt-10">
<div class="item">
<p class="label">今日工单总条数</p>
<countup :end-val="homeStore.wordkOrderData.toDayData.count" />
</div>
<div class="item">
<p class="label">工单完成数</p>
<countup class="complete" :end-val="homeStore.wordkOrderData.toDayData.end" />
</div>
</div>
<div class="progress-box">
<span class="text">工单完成数</span>
<div class="progress-1">
<el-progress
:percentage="parseFloat(homeStore.wordkOrderData.toDayData.rate)"
:show-text="false"
/>
</div>
<span class="value">{{ homeStore.wordkOrderData.toDayData.rate }}%</span>
</div>
</div>
<div>
<div class="flex justify-center pt-10">
<div class="item">
<p class="label">紧急工单数</p>
<countup class="error" :end-val="homeStore.wordkOrderData.warnData.count" />
</div>
<div class="item">
<p class="label">紧急工单完成数</p>
<countup class="complete" :end-val="homeStore.wordkOrderData.warnData.end" />
</div>
</div>
<div class="progress-box">
<span class="text">工单完成数</span>
<div class="progress-2">
<el-progress
:percentage="parseFloat(homeStore.wordkOrderData.warnData.rate)"
:show-text="false"
/>
</div>
<span class="value">{{ homeStore.wordkOrderData.warnData.rate }}%</span>
</div>
</div>
</div>
<div>
<vue3-seamless-scroll
class="right"
:list="homeStore.wordkOrderList"
:limitScrollNum="3"
:hover="true"
:step="0.2"
:wheel="true"
:isWatch="true"
>
<div class="item" v-for="(item, index) in homeStore.wordkOrderList" :key="index">
<span :class="`item-tag--${item.level}`">{{ item.level_text }}</span>
<p class="content">
{{ item.title }}
</p>
</div>
</vue3-seamless-scroll>
</div>
</div>
<!-- <div class="footer">-->
<!-- <div class="left">-->
<!-- <div>-->
<!-- <div class="flex justify-center pt-10">-->
<!-- <div class="item">-->
<!-- <p class="label">今日工单总条数</p>-->
<!-- <countup :end-val="homeStore.wordkOrderData.toDayData.count" />-->
<!-- </div>-->
<!-- <div class="item">-->
<!-- <p class="label">工单完成数</p>-->
<!-- <countup class="complete" :end-val="homeStore.wordkOrderData.toDayData.end" />-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="progress-box">-->
<!-- <span class="text">工单完成数</span>-->
<!-- <div class="progress-1">-->
<!-- <el-progress-->
<!-- :percentage="parseFloat(homeStore.wordkOrderData.toDayData.rate)"-->
<!-- :show-text="false"-->
<!-- />-->
<!-- </div>-->
<!-- <span class="value">{{ homeStore.wordkOrderData.toDayData.rate }}%</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div>-->
<!-- <div class="flex justify-center pt-10">-->
<!-- <div class="item">-->
<!-- <p class="label">紧急工单数</p>-->
<!-- <countup class="error" :end-val="homeStore.wordkOrderData.warnData.count" />-->
<!-- </div>-->
<!-- <div class="item">-->
<!-- <p class="label">紧急工单完成数</p>-->
<!-- <countup class="complete" :end-val="homeStore.wordkOrderData.warnData.end" />-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="progress-box">-->
<!-- <span class="text">工单完成数</span>-->
<!-- <div class="progress-2">-->
<!-- <el-progress-->
<!-- :percentage="parseFloat(homeStore.wordkOrderData.warnData.rate)"-->
<!-- :show-text="false"-->
<!-- />-->
<!-- </div>-->
<!-- <span class="value">{{ homeStore.wordkOrderData.warnData.rate }}%</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div>-->
<!-- <vue3-seamless-scroll-->
<!-- class="right"-->
<!-- :list="homeStore.wordkOrderList"-->
<!-- :limitScrollNum="3"-->
<!-- :hover="true"-->
<!-- :step="0.2"-->
<!-- :wheel="true"-->
<!-- :isWatch="true"-->
<!-- >-->
<!-- <div class="item" v-for="(item, index) in homeStore.wordkOrderList" :key="index">-->
<!-- <span :class="`item-tag&#45;&#45;${item.level}`">{{ item.level_text }}</span>-->
<!-- <p class="content">-->
<!-- {{ item.title }}-->
<!-- </p>-->
<!-- </div>-->
<!-- </vue3-seamless-scroll>-->
<!-- </div>-->
<!-- </div>-->
</div>
</template>
@@ -282,7 +282,7 @@
}
.map {
width: 100%;
height: vh(700);
height: vh(810);
background-color: transparent;
}
.box-3 {
@@ -301,7 +301,7 @@
width: vw(840);
margin-top: vh(20);
flex:1;
}
.right {
flex: 1;