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