!3 fix: 控制台报错

Merge pull request !3 from guopeiyu/guopeiyu

src/page_report/planProgress.vue

@@ -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" >计划:
+        <uni-col>
+          <text class="uni-h6" >计划:</text>
           <el-text class="mx-1" type="primary">{{planDo.code}}</el-text>
-          </text>
         </uni-col>
-        <uni-col :span="14">
-          <text class="uni-h6">产品:
+        <uni-col>
+          <text class="uni-h6">产品:</text>
           <el-text class="mx-1" type="warning">{{planDo.productName}}</el-text>
-          </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>

src/pages.json

@@ -91,7 +91,7 @@
         {
           "path": "planProgress",
           "style": {
-            "navigationBarTitleText": "计划进度"
+            "navigationStyle": "custom"
           }
         }
       ]