|
|
|
|
@ -1,20 +1,30 @@
|
|
|
|
|
<template>
|
|
|
|
|
<view class="container">
|
|
|
|
|
<u-sticky
|
|
|
|
|
class="sticky"
|
|
|
|
|
:custom-nav-height="0"
|
|
|
|
|
>
|
|
|
|
|
<u-navbar
|
|
|
|
|
title="计划进度"
|
|
|
|
|
bg-color="transparent"
|
|
|
|
|
:title-style="{ fontWeight: 'bold' }"
|
|
|
|
|
:auto-back="true"
|
|
|
|
|
safe-area-inset-top
|
|
|
|
|
placeholder
|
|
|
|
|
/>
|
|
|
|
|
</u-sticky>
|
|
|
|
|
<uni-card :is-shadow="false" is-full>
|
|
|
|
|
<uni-row>
|
|
|
|
|
<uni-col :span="10">
|
|
|
|
|
<text class="uni-h6" >计划:
|
|
|
|
|
<el-text class="mx-1" type="primary">{{planDo.code}}</el-text>
|
|
|
|
|
</text>
|
|
|
|
|
<uni-col>
|
|
|
|
|
<text class="uni-h6" >计划:</text>
|
|
|
|
|
<el-text class="mx-1" type="primary">{{planDo.code}}</el-text>
|
|
|
|
|
</uni-col>
|
|
|
|
|
<uni-col :span="14">
|
|
|
|
|
<text class="uni-h6">产品:
|
|
|
|
|
<el-text class="mx-1" type="warning">{{planDo.productName}}</el-text>
|
|
|
|
|
</text>
|
|
|
|
|
<uni-col>
|
|
|
|
|
<text class="uni-h6">产品:</text>
|
|
|
|
|
<el-text class="mx-1" type="warning">{{planDo.productName}}</el-text>
|
|
|
|
|
</uni-col>
|
|
|
|
|
</uni-row>
|
|
|
|
|
</uni-card>
|
|
|
|
|
<ContentWrap>
|
|
|
|
|
<el-table :data="progressList" :stripe="true" :show-overflow-tooltip="true">
|
|
|
|
|
<el-table-column label="工序" align="center" prop="orgType" >
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
@ -27,7 +37,6 @@
|
|
|
|
|
<el-progress
|
|
|
|
|
:percentage="Number((scope.row.totalQualityNumber/planDo.planNumber)*100).toFixed(2)"
|
|
|
|
|
:stroke-width="15"
|
|
|
|
|
:color="finishColors"
|
|
|
|
|
:striped="true"
|
|
|
|
|
:striped-flow="true"
|
|
|
|
|
/>
|
|
|
|
|
@ -40,7 +49,6 @@
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
</ContentWrap>
|
|
|
|
|
</view>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
@ -84,6 +92,11 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.sticky {
|
|
|
|
|
background: linear-gradient(180deg, #d4e9ff 0%, #f3f9ff 100%);
|
|
|
|
|
backdrop-filter: blur(27.18px);
|
|
|
|
|
box-shadow: 0 1px 1px 0 rgba(0, 72, 145, 0.1),
|
|
|
|
|
0 0.5px 0 0 rgba(0, 0, 0, 0.1);
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|