修改优化

src/components/attestationFormUpload.vue

@@ -6,7 +6,7 @@
         <template>
           <div class="label">{{ item.label }}</div>
           <div class="up-box">
-            <div class="btn-go" v-if="item.name == 'apply'" @click="goEditForm">更改个人资料</div>
+            <!-- <div class="btn-go" v-if="item.name == 'apply'" @click="goEditForm">更改个人资料</div> -->
             <van-field
               class="field"
               :border="false"
@@ -19,13 +19,16 @@
               </template>
             </van-field>
             <img class="img" :src="item.examples" @click="onChange(item.examples)" alt="">
+            <div class="back-edit" v-if="item.name == 'apply'" @click="goEditForm">
+              <div class="icon"></div>
+              <div class="txt">返回修改</div>
+            </div>
           </div>
         </template>
       </div>
     </template>
     <slot></slot>
     <van-image-preview v-model="show" :images="images">
-      <!-- <template v-slot:index>第{{ index }}页</template> -->
     </van-image-preview>
   </van-form>
 </template>
@@ -194,4 +197,23 @@ export default {
     margin-left: 20px;
   }
 }
+.back-edit{
+  width: 50px;
+  -webkit-transform: translateX(10px);
+  .icon{
+    margin: 20px auto 0 auto;
+    width: 13px;
+    height: 15px;
+    background: url(https://zws-imgs-pub.ezijing.com/static/public/940a2bd840eb4dc85cb8d1ddab1ddcbe.png);
+    background-size: 100% 100%;
+  }
+  .txt{
+    font-size: 10px;
+    font-weight: bold;
+    color: #AF1B40;
+    line-height: 10px;
+    margin-top: 12px;
+    text-align: center;
+  }
+}
 </style>

src/views/attestation/form.vue

@@ -146,9 +146,9 @@
         />
       </div>
       <div class="btn-box">
-        <van-button native-type="submit" class="b" color="linear-gradient(180deg, #FF9B96 0%, #CE3E3A 100%)">生成预览</van-button>
+        <van-button native-type="submit" class="b btn-style">生成预览</van-button>
         <!-- <van-button class="b" @click="revokes">撤销</van-button> -->
-        <div class="revokes" @click="revokes">撤销</div>
+        <div class="b btn-style" @click="revokes">撤销</div>
       </div>
     </van-form>
     <div class="sele" v-if="seleIsShow">
@@ -353,4 +353,15 @@ export default {
     width: 1.2rem;
   }
 }
+.btn-style{
+  display: block;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  color: #fff;
+  background: #af1b40;
+  border-radius: 20px;
+  cursor: pointer;
+  border: none;
+}
 </style>

src/views/attestation/printing.vue

@@ -4,7 +4,7 @@
       <img @click="imgShow = true" :src="images[0]" alt="">
     </div>
     <van-image-preview v-model="imgShow" :images="images"></van-image-preview>
-    <div class="tips">确认资料信息无误后，可长按图片保存下载，将信息页打印后，请在个人签名处签名后上传，注意签名不要连笔。</div>
+    <div class="tips">确认资料信息无误后，<span>请长按图片保存下载</span>，将信息页打印后，请在个人签名处签名后上传，注意签名不要连笔。</div>
     <div class="btn-box">
       <van-button class="b" @click="backEdit" color="linear-gradient(180deg, #FF9B96 0%, #CE3E3A 100%)">返回修改</van-button>
       <van-button @click="goUpload" class="b" color="linear-gradient(180deg, #FF9B96 0%, #CE3E3A 100%)">已签名，去上传</van-button>
@@ -12,13 +12,14 @@
   </div>
 </template>
 <script>
-import { ImagePreview } from 'vant'
+import { ImagePreview, Dialog } from 'vant'
 export default {
   metaInfo: {
     title: '预览'
   },
   components: {
-    [ImagePreview.name]: ImagePreview
+    [ImagePreview.name]: ImagePreview,
+    [Dialog.name]: Dialog
   },
   data() {
     return {
@@ -51,13 +52,25 @@ export default {
       // }
     },
     goUpload() {
-      this.$router.replace({
-        path: '/attestation/upload',
-        query: {
-          id: this.$route.query.id,
-          edit: 1
-        }
+      Dialog.confirm({
+        title: '',
+        message: '上传前，请长按本页图片将图保存下载至本地相册。',
+        confirmButtonText: '已保存',
+        cancelButtonText: '未保存'
       })
+        .then(() => {
+          // on confirm
+          this.$router.replace({
+            path: '/attestation/upload',
+            query: {
+              id: this.$route.query.id,
+              edit: 1
+            }
+          })
+        })
+        .catch(() => {
+          // on cancel
+        })
       // if (this.$route.query.edit) {
       // } else {
       //   this.$router.replace({
@@ -79,6 +92,10 @@ export default {
 }
 .tips{
   padding: .1rem;
+  span{
+    color: red;
+    font-weight: bold;
+  }
 }
 .btn-box{
   margin-top: .8rem;