fix 捐赠协议优化

hookehuyr
Commit 00534532b914d7f42fde031e415dbb279778ee14 00534532 1 parent 857de646
Showing 2 changed files with 49 additions and 45 deletions
src/components/DonateFlower/agreement.js
src/components/DonateFlower/index.vue
--- a/src/components/DonateFlower/agreement.js
View file @0053453
+++ b/src/components/DonateFlower/agreement.js
View file @0053453
@@ -2,48 +2,46 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-06-02 11:23:16
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-06-02 19:27:06
+ * @LastEditTime: 2022-06-02 20:02:30
  * @FilePath: /tswj/src/components/DonateFlower/agreement.js
  * @Description: 
  */
 const str = '上海XX益基金会'
 const html = `
-<div style="padding: 1rem;">
+  <div style="text-align: center; font-weight: bold; margin-bottom: 1rem; font-size: 1.25rem; color: #713610;">
-    <div style="text-align: center; font-weight: bold; margin-bottom: 1rem; font-size: 1.25rem; color: #713610;">
+    捐赠协议
-      捐赠协议
+  </div>
-    </div>
+  <div style="text-align: justify; color: #231815; font-size: 1.05rem;">
-    <div style="text-align: justify; color: #231815; font-size: 1.05rem;">
+    感谢您对中国公益慈善事业的关心与支持!${str}面向所有具有公开募捐资质的慈善组织提供服务。${str}始终秉持着最高的合规性要求，因此，只要您点击“同意”或“接受”，您的行为就已表示您无条件接受并遵守“本网络捐赠条款和条件”以及${str}不时公布的“其他公开规则”。
-      感谢您对中国公益慈善事业的关心与支持!${str}面向所有具有公开募捐资质的慈善组织提供服务。${str}始终秉持着最高的合规性要求，因此，只要您点击“同意”或“接受”，您的行为就已表示您无条件接受并遵守“本网络捐赠条款和条件”以及${str}不时公布的“其他公开规则”。
+  </div>
-    </div>
+  <div style="margin: 1rem 0;">
-    <div style="margin: 1rem 0;">
+    <div style="margin-bottom: 0.5rem;">1.资格规定</div>
-      <div style="margin-bottom: 0.5rem;">1.资格规定</div>
+    您声明您是符合中华人民共和国法律规定的具有完全民事行为能力的自然人。
-      您声明您是符合中华人民共和国法律规定的具有完全民事行为能力的自然人。
+  </div>
-    </div>
+  <div style="margin: 1rem 0;">
-    <div style="margin: 1rem 0;">
+    <div style="margin-bottom: 0.5rem;">2.捐赠财产</div>
-      <div style="margin-bottom: 0.5rem;">2.捐赠财产</div>
+    <div style="margin-bottom: 0.5rem;">您同意依照《公益事业捐赠法》的相关规定，自愿无偿地通过网络向${str}平台上具有公开募捐资质的慈善组织捐赠财产用于公益事业。</div>
-      <div style="margin-bottom: 0.5rem;">您同意依照《公益事业捐赠法》的相关规定，自愿无偿地通过网络向${str}平台上具有公开募捐资质的慈善组织捐赠财产用于公益事业。</div>
+    <div style="margin-bottom: 0.5rem;">您声明您用于捐赠的财产是您合法持有并有权处分的财产。</div>
-      <div style="margin-bottom: 0.5rem;">您声明您用于捐赠的财产是您合法持有并有权处分的财产。</div>
+    <div style="margin-bottom: 0.5rem;">您声明您已经了解《公益事业捐赠法》、《合同法》中关干财产捐赠的相关规定，明确同意不会撤销或部分撤销对${str}平台上具有公开募捐资质的慈善组织作出的捐赠。</div>
-      <div style="margin-bottom: 0.5rem;">您声明您已经了解《公益事业捐赠法》、《合同法》中关干财产捐赠的相关规定，明确同意不会撤销或部分撤销对${str}平台上具有公开募捐资质的慈善组织作出的捐赠。</div>
+    <div style="margin-bottom: 0.5rem;">您声明您知晓并同意，${str}平台上具有公开募捐资质的慈善组织可以为公益事业之目的合理审慎地自主决定捐赠财产的实际受助对象、以及具体使用的领域、金额、时间。</div>
-      <div style="margin-bottom: 0.5rem;">您声明您知晓并同意，${str}平台上具有公开募捐资质的慈善组织可以为公益事业之目的合理审慎地自主决定捐赠财产的实际受助对象、以及具体使用的领域、金额、时间。</div>
+  </div>
-    </div>
+  <div style="margin: 1rem 0;">
-    <div style="margin: 1rem 0;">
+    <div style="margin-bottom: 0.5rem;">3.争议解决和法律适用</div>
-      <div style="margin-bottom: 0.5rem;">3.争议解决和法律适用</div>
+    <div style="margin-bottom: 0.5rem;">除非另有明确约定，否则，本网络捐款条款和条件适用中华人民共和国法律，并排除一切冲突法原则的适用。</div>
-      <div style="margin-bottom: 0.5rem;">除非另有明确约定，否则，本网络捐款条款和条件适用中华人民共和国法律，并排除一切冲突法原则的适用。</div>
+    如果各方无法通过协商解决争端，您和${str}平台上具有公开募捐资质的慈善组织，也即善款接收方，均有权向有管辖权的人民法院提起诉讼以解决争议，由此产生的诉讼费、律师费、公证费等由败诉方承担。<br/>
-      如果各方无法通过协商解决争端，您和${str}平台上具有公开募捐资质的慈善组织，也即善款接收方，均有权向有管辖权的人民法院提起诉讼以解决争议，由此产生的诉讼费、律师费、公证费等由败诉方承担。<br/>
+  </div>
-    </div>
+  <div style="margin: 1rem 0;">
-    <div style="margin: 1rem 0;">
+    <div style="margin-bottom: 0.5rem;">4.其他</div>
-      <div style="margin-bottom: 0.5rem;">4.其他</div>
+    本网络捐款条款和条件构成您与${str}之间就本网络捐款条款和条件约定事项的完整和唯一的协议，并取代就本网络捐款条款和条件事项达成的口头或书面协议。如本网络捐款条款和条件内容与${str}其他公开规则内容相冲突，则以本网络捐款条款和条件内容为准。
-      本网络捐款条款和条件构成您与${str}之间就本网络捐款条款和条件约定事项的完整和唯一的协议，并取代就本网络捐款条款和条件事项达成的口头或书面协议。如本网络捐款条款和条件内容与${str}其他公开规则内容相冲突，则以本网络捐款条款和条件内容为准。
+  </div>
-    </div>
+  <div style="margin: 1rem 0;">
-    <div style="margin: 1rem 0;">
+  如果本网络捐款条款和条件条文因任何原因被认定是违法、无效或者丧失执行力，该条文将从本网络捐款条款和条件中删除，而其余条款的效力则不受影响。<br/>
-    如果本网络捐款条款和条件条文因任何原因被认定是违法、无效或者丧失执行力，该条文将从本网络捐款条款和条件中删除，而其余条款的效力则不受影响。<br/>
+  </div>
-    </div>
+  <div style="margin: 1rem 0;">
-    <div style="margin: 1rem 0;">
+  ${str}未能执行本网络捐款条款和条件中的任何条款的行为不应被解释为放弃当前或未来对该条款的权利，也不会影响${str}日后要求执行该条款的权利。${str}明确提出放弃本网络捐款条款和条件中的规定、条件或要求不构成放弃追究未来与此规定、条件或要求相一致的责任。
-    ${str}未能执行本网络捐款条款和条件中的任何条款的行为不应被解释为放弃当前或未来对该条款的权利，也不会影响${str}日后要求执行该条款的权利。${str}明确提出放弃本网络捐款条款和条件中的规定、条件或要求不构成放弃追究未来与此规定、条件或要求相一致的责任。
+  </div>
-    </div>
+  </div>
-    </div>
+  <div style="height: 5rem;"></div>
-    <div style="height: 5rem;"></div>
-</div>
 `
 export default html;
--- a/src/components/DonateFlower/index.vue
View file @0053453
+++ b/src/components/DonateFlower/index.vue
View file @0053453
@@ -2,7 +2,7 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-05-31 22:09:58
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-06-02 19:21:18
+ * @LastEditTime: 2022-06-02 20:04:23
  * @FilePath: /tswj/src/components/DonateFlower/index.vue
  * @Description: 捐花组件
 -->
@@ -79,13 +79,14 @@
       </div>
     </div>
   </van-popup>
-  <!-- TODO: 正式文案需要更新 -->
+  <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 v-html="agreementHtml"></div>
+      <div class="agreementHtml" v-html="agreementHtml"></div>
-    <div class="bottom-btn" @click="closeDA">
+      <div class="bottom-btn" @click="closeDA">
-      <div class="text">关闭</div>
+        <div class="text">关闭</div>
-    </div>
+      </div>
-  </van-popup>
+    </van-popup>
+  </div>
 </template>
 <script setup>
@@ -301,4 +302,9 @@ const closeDA = () => {
   }
 }
+.popup-wrapper {
+  .agreementHtml {
+    padding: 1rem;
+  }
+}
 </style>