帮扶

src/mods/work/AppHelpDeclaration/AppHelpDeclaration.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="AppHelpDeclaration">
-    <!-- <u-navbar title-width="300" title-size="34" :background="backgroundNavbar" back-icon-color="#fff" > </u-navbar> -->
+    <u-navbar title="帮扶申报" title-color="#FFF" title-width="300" title-size="26" :background="backgroundNavbar" back-icon-color="#fff" > </u-navbar>
 
     <div class="title">
       <span @click="$linkTo('./progress')">我的申请</span>
@@ -39,6 +39,7 @@
 export default {
   name: "AppHelpDeclaration",
   appName: "帮扶申报",
+  customNavigation: true,
   data() {
     return {
       backgroundNavbar: {
@@ -102,7 +103,7 @@ export default {
         width: 320px;
         height: 64px;
         position: absolute;
-        top: -32px;
+        top: -30px;
         left: 200px;
       }
     }

src/mods/work/AppHelpDeclaration/details.vue

@@ -5,7 +5,7 @@
         每年药费近万元。家人因照顾我生活起居，无法外出工作，家庭都很困难，药费仅靠我本人退休工资维持，现随着年龄增长，老年病加重，药费昂贵，
         退休工资难以维持基本生活支出，特申请贫困补助，望卫生局能给予帮扶!</div>
       <div class="picture">
-        <img src="./components/bg.png" alt="">
+        <img src="./components/resultPic.png" alt="">
       </div>
       <div class="tags">
         <span v-for="(item,index) in list" :key="index">{{item}}</span>

src/mods/work/AppHelpDeclaration/progress.vue

@@ -39,6 +39,7 @@ export default {
       background: #FFFFFF;
       box-shadow: 0px 0px 8px 0px #00000005;
       border-radius: 16px;
+      margin-bottom: 24px;
       .top {
         padding: 32px;
         box-sizing: border-box;

src/mods/work/AppHelpDeclaration/result.vue

@@ -1,13 +1,10 @@
 <template>
-  <div class="service-result" v-if="showPage">
+  <div class="service-result" >
-    <image src="/static/img/service-success.png" />
+    <!-- v-if="showPage" -->
-    <h2>申请成功，等待审批！</h2>
+    <image src="./components/resultPic.png" />
-    <div class="text">
+    <h2>申请成功！</h2>
-      <span>可在</span>
+
-      <i>我的-办事进度</i>
+    <div class="service-btn" hover-class="text-hover" @click="myAdd">查看我的申报</div>
-      <span>中查看</span>
-    </div>
-    <div class="service-btn" hover-class="text-hover" @click="back">查看我的申报</div>
     <div class="service-btn" hover-class="text-hover" @click="back">返回</div>
   </div>
 </template>
@@ -32,10 +29,11 @@ export default {
   },
 
   methods: {
+    myAdd() {
+      uni.reLaunch({url: './progress'})
+    },
     back() {
-      uni.reLaunch({
+      uni.navigateBack()
-        url: './AppServiceOnlineNew',
-      })
     },
   },
 }
@@ -50,40 +48,35 @@ export default {
   box-sizing: border-box;
 
   .service-btn {
-    width: 558px;
+    width: 320px;
     height: 88px;
     line-height: 88px;
-    margin: 120px auto 0;
+    margin: 80px auto 0;
     text-align: center;
-    background: #197df0;
+    background: #4181FF;
     font-size: 36px;
     color: #fff;
     box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.02);
-    border-radius: 8px;
+    border-radius: 16px;
+  }
+
+  .service-btn:last-child {
+    margin-top: 30px;
+    background: #FFF;
+    color: #4181FF;
+    border: 1px solid #4181FF;
   }
 
   h2 {
     margin-bottom: 32px;
     color: #333333;
-    font-size: 36px;
+    font-size: 40px;
     font-weight: 600;
   }
 
-  .text {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 28px;
-    color: #333;
-
-    i {
-      color: #467dfe;
-    }
-  }
-
   image {
-    width: 192px;
+    width: 240px;
-    height: 192px;
+    height: 240px;
   }
 }
 </style>