✨ feat: 客户要求捐赠证书文字修改，捐赠协议获取源调整

@@ -6,7 +6,7 @@
     <div class="title">
     <div class="title">
       <van-row align="center">
       <van-row align="center">
         <van-col>
         <van-col>
-          <span style="font-size: 0.8rem; color: #272727;">亲爱的读者</span>
+          <span style="font-size: 0.8rem; color: #272727;">亲爱的捐赠者</span>
         </van-col>
         </van-col>
         <van-col>
         <van-col>
           <div style="color: #713610; padding: 1rem;" class="van-hairline--bottom">{{ item.name }}</div>
           <div style="color: #713610; padding: 1rem;" class="van-hairline--bottom">{{ item.name }}</div>
@@ -15,7 +15,7 @@
       </van-row>
       </van-row>
     </div>
     </div>
     <div class="content">
     <div class="content">
-      感谢您为“童声无界”活动的捐赠，让更多的孩子体验到了阅读的乐趣。您的爱心行为增加了两地儿童的牵绊，使更多的孩子交到了远方的朋友。共读一本书，传递一份爱。初心为爱，童声无界感谢您对公益事业的支持。
+      感谢您对“童声无界”多民族儿童共读活动的关注及捐赠。上海市儿童基金会已收到您的捐款。您的爱心将用于边疆地区少数民族儿童阅读能力的培育。共读一本书传递一份爱，初心为爱童声无界。感谢您对公益事业的支持。
     </div>
     </div>
     <div class="price">
     <div class="price">
       <div>爱心捐赠</div>
       <div>爱心捐赠</div>
@@ -43,8 +43,7 @@
         <van-image :src="donate_top" style="width: 100%; height: 10rem;" />
         <van-image :src="donate_top" style="width: 100%; height: 10rem;" />
       </div>
       </div>
       <div class="center-bg">
       <div class="center-bg">
-        <!-- <van-image :src="donate_center" style="width: 100%;" /> -->
-        <img :src="donate_center" :style="style">
+        <img :src="donate_center" :style="styleObject">
       </div>
       </div>
       <div class="bottom-bg">
       <div class="bottom-bg">
         <van-image :src="donate_bottom" style="width: 100%;" />
         <van-image :src="donate_bottom" style="width: 100%;" />
@@ -76,7 +75,7 @@ export default {
       name: '',
       name: '',
       price: '',
       price: '',
       datetime: '',
       datetime: '',
-      style: ''
+      styleObject: {}
     }
     }
   },
   },
   mounted() {
   mounted() {
@@ -84,8 +83,11 @@ export default {
     const wrapper_height = $('.donate-certificate').height()
     const wrapper_height = $('.donate-certificate').height()
     const top_height = $('.top-bg').height()
     const top_height = $('.top-bg').height()
     const bottom_height = $('.bottom-bg').height()
     const bottom_height = $('.bottom-bg').height()
-    const height = (wrapper_height - top_height - bottom_height).toFixed();
-    this.style = `width: 100%;height:${height}px;`;
+    const center_height = (wrapper_height - top_height - bottom_height).toFixed();
+    this.styleObject = {
+      width: '100%',
+      height: center_height + 'px'
+    }
   },
   },
   methods: {
   methods: {
 
 

+<!--
+ * @Date: 2022-06-17 17:17:13
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-17 17:39:12
+ * @FilePath: /tswj/src/components/DonateFlower/agreement.vue
+ * @Description: 文件描述
+-->
+<template>
+  <div class="agreement-page">
+    <div class="title">捐赠协议</div>
+    <div class="sub"> 感谢您对中国公益慈善事业的关心与支持!{{ str }}面向所有具有公开募捐资质的慈善组织提供服务。{{ str }}始终秉持着最高的合规性要求，因此，只要您点击“同意”或“接受”，您的行为就已表示您无条件接受并遵守“本网络捐赠条款和条件”以及{{ str }}不时公布的“其他公开规则”。 </div>
+    <div class="content">
+      <div class="title-content">1.资格规定</div>
+      <div class="text-content">
+        您声明您是符合中华人民共和国法律规定的具有完全民事行为能力的自然人。
+      </div>
+    </div>
+    <div class="content">
+      <div class="title-content">2.捐赠财产</div>
+      <div class="text-content"> 您同意依照《公益事业捐赠法》的相关规定，自愿无偿地通过网络向{{ str }}平台上具有公开募捐资质的慈善组织捐赠财产用于公益事业。</div>
+      <div class="text-content">您声明您用于捐赠的财产是您合法持有并有权处分的财产。</div>
+      <div class="text-content"> 您声明您已经了解《公益事业捐赠法》、《合同法》中关干财产捐赠的相关规定，明确同意不会撤销或部分撤销对{{ str }}平台上具有公开募捐资质的慈善组织作出的捐赠。</div>
+      <div class="text-content"> 
+        您声明您知晓并同意，{{ str }}平台上具有公开募捐资质的慈善组织可以为公益事业之目的合理审慎地自主决定捐赠财产的实际受助对象、以及具体使用的领域、金额、时间。
+      </div>
+    </div>
+    <div class="content">
+      <div class="title-content">3.争议解决和法律适用</div>
+      <div class="text-content">除非另有明确约定，否则，本网络捐款条款和条件适用中华人民共和国法律，并排除一切冲突法原则的适用。</div>
+      <div class="text-content">
+        如果各方无法通过协商解决争端，您和{{ str }}平台上具有公开募捐资质的慈善组织，也即善款接收方，均有权向有管辖权的人民法院提起诉讼以解决争议，由此产生的诉讼费、律师费、公证费等由败诉方承担。
+      </div>
+    </div>
+    <div class="content">
+      <div class="title-content">4.其他</div>
+      <div class="text-content"> 本网络捐款条款和条件构成您与{{ str }}之间就本网络捐款条款和条件约定事项的完整和唯一的协议，并取代就本网络捐款条款和条件事项达成的口头或书面协议。如本网络捐款条款和条件内容与{{ str }}其他公开规则内容相冲突，则以本网络捐款条款和条件内容为准。 </div>
+    </div>
+    <div class="content">
+      如果本网络捐款条款和条件条文因任何原因被认定是违法、无效或者丧失执行力，该条文将从本网络捐款条款和条件中删除，而其余条款的效力则不受影响。
+    </div>
+    <div class="content">
+      {{ str }}未能执行本网络捐款条款和条件中的任何条款的行为不应被解释为放弃当前或未来对该条款的权利，也不会影响{{ str }}日后要求执行该条款的权利。{{ str }}明确提出放弃本网络捐款条款和条件中的规定、条件或要求不构成放弃追究未来与此规定、条件或要求相一致的责任。
+    </div>
+    <div style="height: 5rem;" />
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+
+import { Cookies, $, _, axios, storeToRefs, mainStore, Toast, useTitle } from '@/utils/generatePackage.js'
+//import { } from '@/utils/generateModules.js'
+//import { } from '@/utils/generateIcons.js'
+//import { } from '@/composables'
+const $route = useRoute();
+const $router = useRouter();
+useTitle($route.meta.title);
+
+const str = ref('上海XX益基金会')
+
+</script>
+
+<style lang="less" scoped>
+.agreement-page {
+  padding: 1rem;
+  .title {
+    text-align: center;
+      font-weight: bold;
+      margin-bottom: 1rem;
+      font-size: 1.25rem;
+      color: #11D2B1;
+  }
+  .sub {
+  text-align: justify;
+    color: #231815;
+    font-size: 1.05rem;
+    line-height: 1.5;
+  }
+  .content {
+    margin: 1rem 0;
+    line-height: 1.75;
+    .title-content {
+      margin-bottom: 0.5rem;
+    }
+    .text-content {
+      margin-bottom: 0.5rem;
+      line-height: 1.75;
+    }
+  }
+}
+</style>

@@ -2,7 +2,7 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-05-31 22:09:58
  * @Date: 2022-05-31 22:09:58
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-06-17 14:52:12
+ * @LastEditTime: 2022-06-17 17:25:28
  * @FilePath: /tswj/src/components/DonateFlower/index.vue
  * @FilePath: /tswj/src/components/DonateFlower/index.vue
  * @Description: 捐花组件
  * @Description: 捐花组件
 -->
 -->
@@ -86,7 +86,8 @@
   </van-popup>
   </van-popup>
   <div class="popup-wrapper">
   <div class="popup-wrapper">
     <van-popup v-model:show="showDA" position="bottom" :style="{ height: '100%', zIndex: 4000 }">
     <van-popup v-model:show="showDA" position="bottom" :style="{ height: '100%', zIndex: 4000 }">
-      <div class="agreementHtml" v-html="agreementHtml" />
+      <agreement />
+      <!-- <div class="agreementHtml" v-html="agreementHtml" /> -->
       <div class="bottom-btn" @click="showDA=false">
       <div class="bottom-btn" @click="showDA=false">
         <div class="text">关闭</div>
         <div class="text">关闭</div>
       </div>
       </div>
@@ -97,6 +98,7 @@
 <script setup>
 <script setup>
 import { icon_flower } from '@/utils/generateIcons'
 import { icon_flower } from '@/utils/generateIcons'
 import MyButton from '@/components/MyButton/index.vue'
 import MyButton from '@/components/MyButton/index.vue'
+import agreement from './agreement.vue'
 import { ref, watch, nextTick } from 'vue'
 import { ref, watch, nextTick } from 'vue'
 import { useRouter } from 'vue-router'
 import { useRouter } from 'vue-router'
 import { $, Toast } from '@/utils/generatePackage'
 import { $, Toast } from '@/utils/generatePackage'