Merge remote-tracking branch 'origin/dev' into dev

src/apps/AppAskForm/components/Result.vue

@@ -28,136 +28,138 @@
 </template>
 
 <script>
-  import {mapActions} from 'vuex'
+import {mapActions} from 'vuex'
 
-  export default {
+export default {
-    name: 'Result',
+  name: 'Result',
 
-    props: ['params'],
+  props: ['params'],
 
-    mounted () {
+  mounted() {
-      this.injectJWeixin(['sendChatMessage', 'selectEnterpriseContact'])
+    this.injectJWeixin(['sendChatMessage', 'selectEnterpriseContact'])
+  },
+  methods: {
+    ...mapActions(['injectJWeixin', 'wxInvoke']),
+
+    copy() {
+      let oInput = document.createElement('input')
+      oInput.value = this.params.linkUrl
+      document.body.appendChild(oInput)
+      oInput.select()
+      document.execCommand('Copy')
+      this.$u.toast('已复制')
+      oInput.remove()
     },
 
-    methods: {
+    share() {
-      ...mapActions(['injectJWeixin', 'wxInvoke']),
+      this.injectJWeixin(['shareAppMessage', 'shareWechatMessage']).then(() => {
+        this.wxInvoke(['shareAppMessage', {
+          title: this.params.title,
+          desc: this.params.tableExplain,
+          link: this.params.linkUrl,
+          imgUrl: this.params.headPicture
+        }])
+      })
+    },
 
-      copy() {
+    shareWechat() {
-        let oInput = document.createElement('input')
+      this.injectJWeixin(['shareAppMessage', 'shareWechatMessage']).then(() => {
-        oInput.value = this.params.linkUrl
+        this.wxInvoke(['shareWechatMessage', {
-        document.body.appendChild(oInput)
+          title: this.params.title,
-        oInput.select()
+          desc: this.params.tableExplain,
-        document.execCommand('Copy')
+          link: this.params.linkUrl,
-        this.$u.toast('已复制')
+          imgUrl: this.params.headPicture
-        oInput.remove()
+        }])
-      },
+      })
+    },
 
-      share () {
+    confirm() {
-        this.injectJWeixin(['shareAppMessage', 'shareWechatMessage']).then(() => {
+      this.$emit('change', {
-          this.wxInvoke(['shareAppMessage', {
+        type: 'Tabbar'
-            title: this.params.title,
+      })
-            desc: this.params.tableExplain,
-            link: this.params.linkUrl,
-            imgUrl: this.params.headPicture
-          }])
-        })
-      },
-
-      shareWechat () {
-        this.injectJWeixin(['shareAppMessage', 'shareWechatMessage']).then(() => {
-          this.wxInvoke(['shareWechatMessage', {
-            title: this.params.title,
-            desc: this.params.tableExplain,
-            link: this.params.linkUrl,
-            imgUrl: this.params.headPicture
-          }])
-        })
-      },
-
-      confirm () {
-        this.$emit('change', {
-          type: 'Tabbar'
-        })
-      }
     }
+  },
+  onShow() {
+    wx.hideOptionMenu();
   }
+}
 </script>
 
 <style lang="scss" scoped>
-  .result {
+.result {
-    min-height: 100vh;
+  min-height: 100vh;
-    padding: 96px 96px 0;
+  padding: 96px 96px 0;
-    text-align: center;
+  text-align: center;
-    box-sizing: border-box;
+  box-sizing: border-box;
-    background: #fff;
+  background: #fff;
 
-    .result-footer {
+  .result-footer {
-      display: flex;
+    display: flex;
-      align-items: center;
+    align-items: center;
-      justify-content: space-between;
+    justify-content: space-between;
-      margin-top: 96px;
+    margin-top: 96px;
 
-      .result-footer__item {
+    .result-footer__item {
-        flex: 1;
+      flex: 1;
-        text-align: center;
+      text-align: center;
 
-        div {
+      div {
-          display: flex;
+        display: flex;
-          align-items: center;
+        align-items: center;
-          justify-content: center;
+        justify-content: center;
+        width: 100px;
+        height: 100px;
+        margin: 0 auto 16px;
+        border-radius: 50%;
+        background: #F4F6FA;
+
+        image {
           width: 100px;
           height: 100px;
-          margin: 0 auto 16px;
-          border-radius: 50%;
-          background: #F4F6FA;
-
-          image {
-            width: 100px;
-            height: 100px;
-          }
-        }
-
-        h3 {
-          color: #666666;
-          font-size: 24px;
-          font-weight: normal;
         }
       }
-    }
 
-    .result-success {
+      h3 {
-      display: block;
+        color: #666666;
-      width: 192px;
+        font-size: 24px;
-      height: 192px;
+        font-weight: normal;
-      margin: 0 auto 16px;
-    }
-
-    p {
-      margin: 16px 0 32px;
-      color: #999999;
-      font-size: 30px;
-    }
-
-    .result-btn {
-      width: 100%;
-      height: 88px;
-      line-height: 88px;
-      text-align: center;
-      font-size: 36px;
-      color: #fff;
-      background: #197DF0;
-      box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.02);
-      border-radius: 4px;
-
-      &:active {
-        opacity: 0.8;
       }
     }
-
-    h2 {
-      color: #333333;
-      font-size: 36px;
-      font-weight: 700;
-    }
   }
-</style>
+
+  .result-success {
+    display: block;
+    width: 192px;
+    height: 192px;
+    margin: 0 auto 16px;
+  }
+
+  p {
+    margin: 16px 0 32px;
+    color: #999999;
+    font-size: 30px;
+  }
+
+  .result-btn {
+    width: 100%;
+    height: 88px;
+    line-height: 88px;
+    text-align: center;
+    font-size: 36px;
+    color: #fff;
+    background: #197DF0;
+    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.02);
+    border-radius: 4px;
+
+    &:active {
+      opacity: 0.8;
+    }
+  }
+
+  h2 {
+    color: #333333;
+    font-size: 36px;
+    font-weight: 700;
+  }
+}
+</style>