✨ feat(上传完成页面): 捐钱组件调整

@@ -2,7 +2,7 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-04-26 16:06:31
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-05-31 20:12:23
+ * @LastEditTime: 2022-06-01 21:35:21
  * @FilePath: /tswj/src/views/client/finishUpload.vue
  * @Description: 作品上传成功提示页面
 -->
@@ -26,20 +26,23 @@
     </div>
   </div>
 
-  <donate-book :show-popup="showDonate" :item="userInfo" @on-close="closeDonate" />
+  <!-- <donate-book :show-popup="showDonate" :item="userInfo" @on-close="closeDonate" /> -->
+  <donate-flower :user-type="donateType" :show-popup="showDonate" :item="donateInfo" @on-close="closeDonate" />
 </template>
 
 <script setup>
 import icon_success from '@images/que-sucess@2x.png'
 
 import MyButton from '@/components/MyButton/index.vue'
-import DonateBook from '@/components/DonateBook/index.vue'
+import DonateFlower from '@/components/DonateFlower/index.vue'
 
 import { useDefaultPerf } from '@/composables/useDefaultPerf.js'
 
-import { ref } from 'vue'
+import { ref, computed, onMounted } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { Toast } from 'vant';
+import { Cookies } from '@/utils/generatePackage'
+import { prepareDonateAPI } from '@/api/C/donate.js'
+
 const $route = useRoute();
 const $router = useRouter();
 
@@ -51,11 +54,21 @@ if (!book_id) {
   Toast.fail('书籍数据不全');
 }
 
+const donateInfo = ref({})
+const userType = Cookies.get('userType')
+// 判断是访客进入还是幼儿园进入
+const donateType = computed(() => {
+  return userType === 'client' ? 'K' : 'V';
+})
+onMounted(async () => {
+  const { data } = await prepareDonateAPI({ kg_id: $route.query.kg_id });
+  donateInfo.value = data;
+})
+
 // 弹出捐赠弹框模块
 const showDonate = ref(false);
 
 const toDonate = () => {
-  // TODO: 调用新的捐钱组件
   showDonate.value = true;
   // 生成捐赠数据
 }