✨ feat: 捐书数字空间微信浏览器兼容问题

@@ -55,7 +55,7 @@ import Cookies from 'js-cookie'
 import icon_avatar from '@images/que-touxiang@2x.png'
 import icon_avatar from '@images/que-touxiang@2x.png'
 
 
 import MyButton from '@/components/MyButton/index.vue'
 import MyButton from '@/components/MyButton/index.vue'
-import { ref, reactive, onMounted } from 'vue'
+import { ref, reactive, onMounted, watch, nextTick } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useRoute, useRouter } from 'vue-router'
 import axios from '@/utils/axios';
 import axios from '@/utils/axios';
 import $ from 'jquery'
 import $ from 'jquery'
@@ -63,63 +63,29 @@ import { Toast } from 'vant';
 const $route = useRoute();
 const $route = useRoute();
 const $router = useRouter();
 const $router = useRouter();
 
 
-// TODO: 微信支付
-
-onMounted(() => {
-
+const props = defineProps({
+  item: Object,
+  showPopup: Boolean
 })
 })
-</script>
 
 
-<script>
-import mixin from 'common/mixin';
+const emit = defineEmits(['on-close']);
 
 
-export default {
-  props: ['showPopup', 'item'],
-  mixins: [mixin.init],
-  data() {
-    return {
-      popupHeight: '60%',
-      show: false,
-      donate_number: 1,
-    }
-  },
-  mounted() {
-  },
-  watch: {
-    showPopup(value, pre) {
-      if (value) {
-        this.show = value;
-        // DOM调整后，把弹出框高度设定到适合高度，配合不同分辨率效果
-        this.$nextTick(() => {
-          let height = $('.donate-wrapper').height();
-          this.popupHeight = height + 10 + 'px';
-        })
-      }
-    }
-  },
-  methods: {
-    closeBtn() {
-      this.$emit('on-close', false)
-      this.show = false;
-    },
-    cancelDonate() { 
-      this.closeBtn();
-    },
-    donateBook() {
+let donate_number = ref(1)
+const donateBook = () => {
   // 爱心捐书接口
   // 爱心捐书接口
   axios.post('/srv/?a=add_donate', {
   axios.post('/srv/?a=add_donate', {
-        book_id: this.item.book_id,
-        qty: this.donate_number,
-        donate_name: this.item.perf_name,
+    book_id: props.item.book_id,
+    qty: donate_number.value,
+    donate_name: props.item.perf_name,
   })
   })
   .then(res => {
   .then(res => {
     if (res.data.code === 1) {
     if (res.data.code === 1) {
       console.warn(res.data.data);
       console.warn(res.data.data);
-          this.closeBtn();
+      closeBtn();
 
 
       // 交易成功跳转回调页面
       // 交易成功跳转回调页面
       // TEMP: 临时传参 donate_id
       // TEMP: 临时传参 donate_id
-          this.$router.push({
+      $router.push({
         path: '/client/wechatpayCallback',
         path: '/client/wechatpayCallback',
         query: {
         query: {
           donate_id: res.data.data.id
           donate_id: res.data.data.id
@@ -137,7 +103,48 @@ export default {
   .catch(err => {
   .catch(err => {
     console.error(err); 
     console.error(err); 
   })
   })
+}
+
+const show = ref(false);
+let popupHeight = ref('60%');
+
+watch(() => props.showPopup, (v) => {
+  show.value = v
+  // DOM调整后，把弹出框高度设定到适合高度，配合不同分辨率效果
+  nextTick(() => {
+    let height = $('.donate-wrapper').height();
+    popupHeight.value = height + 10 + 'px';
+  })
+})
+
+const closeBtn = () => {
+  emit('on-close', false)
+  show.value = false;
+}
+
+const cancelDonate = () => { 
+  closeBtn();
+}
+
+// TODO: 微信支付
+
+onMounted(() => {
+
+})
+</script>
+
+<script>
+import mixin from 'common/mixin';
+
+export default {
+  mixins: [mixin.init],
+  data() {
+    return {
+    }
   },
   },
+  mounted() {
+  },
+  methods: {
   }
   }
 }
 }
 </script>
 </script>