✨ feat(捐花组件): 录入条件输入显示优化，捐赠协议新增文本

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-06-02 11:23:16
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-02 11:40:23
+ * @FilePath: /tswj/src/components/DonateFlower/agreement.js
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE 
+ */
+
+const html = `
+<div style="padding: 1rem;">
+  <div style="text-align: center; font-weight: bold;">捐赠协议</div>
+  <div>感谢您对中国公益慈善事业的关心与支持！上海市 儿童基金会面向所有具有公开募捐资质的慈善组织 提供服务。上海市儿童基金会始终秉持着最高的合 规性要求，因此，只要您点击“同意”或“接受”，您 的行为就已表示您无条件接受并遵守“本网络捐赠条 款和条件”以及上海市儿童基金会不时公布的“其他 公开规则</div>
+  <br />
+  1.资格规定<br />
+  您声明您是符合中华人民共和国法律规定的具有完
+  全民事行为能力的自然人。<br />
+  2.捐赠财产<br />
+  您同意依照《公益事业捐赠法》的相关规定，自愿
+  无偿地通过网络向上海市儿童基金会平台上具有公
+  开募捐资质的慈善组织捐赠财产用于公益事业。
+  您声明您用于捐赠的财产是您合法持有并有权处分
+  的财产。<br />
+  您声明您已经了解《公益事业捐赠法》、《合同
+  法》中关于财产捐赠的相关规定，明确同意不会撤
+  销或部分撤销对上海市儿童基金会平台上具有公开
+  募捐资质的慈善组织作出的捐赠。<br />
+  您声明您知晓并同意，上海市儿童基金会平台上具
+  有公开募捐资质的慈善组织可以为公益事业之目的
+  合理审慎地自主决定捐赠财产的实际受助对象、以
+  及具体使用的领域、金额、时间。<br />
+  除非另有明确约定，否则，本网络捐款条款和条件
+  适用中华人民共和国法律，并排除一切冲突法原则
+  的适用。<br />
+  如果各方无法通过协商解决争端，您和上海市儿童
+  基金会平台上具有公开募捐资质的慈善组织，也即
+  善款接收方，均有权向有管辖权的人民法院提起诉
+  讼以解决争议，由此产生的诉讼费、律师费、公证
+  费等由败诉方承担。<br />
+  4.其他<br />
+  本网络捐款条款和条件构成您与上海市儿童基金会
+  之间就本网络捐款条款和条件约定事项的完整和唯
+  一的协议，并取代就本网络捐款条款和条件事项达
+  成的口头或书面协议。如本网络捐款条款和条件内
+  容与上海市儿童基金会其他公开规则内容相冲突，
+  则以本网络捐款条款和条件内容为准。<br />
+  如果本网络捐款条款和条件条文因任何原因被认定
+  是违法、无效或者丧失执行力，该条文将从本网络
+  捐款条款和条件中删除，而其余条款的效力则不受
+  影响。<br />
+  上海市儿童基金会未能执行本网络捐款条款和条件
+  中的任何条款的行为不应被解释为放弃当前或未来
+  对该条款的权利，也不会影响上海市儿童基金会日
+  后要求执行该条款的权利。上海市儿童基金会明确
+  提出放弃本网络捐款条款和条件中的规定、条件或
+  要求不构成放弃追究未来与此规定、条件或要求相
+  一致的责任。<br />
+  上海市儿童基金会2021年5月
+  <div style="height: 5rem;"></div>
+</div>
+`
+
+export default html;

@@ -2,7 +2,7 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-05-31 22:09:58
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-06-01 20:56:20
+ * @LastEditTime: 2022-06-02 12:45:27
  * @FilePath: /tswj/src/components/DonateFlower/index.vue
  * @Description: 捐花组件
 -->
@@ -32,7 +32,7 @@
           </van-col>
         </van-row>
       </div>
-      <div v-if="item.kg_name && (userType === 'C' || userType === 'K')" class="donate-name">
+      <div v-if="userType === 'C' || userType === 'K'" class="donate-name">
         <van-row>
           <van-col span="4" style="line-height: 2;">幼儿园</van-col>
           <van-col span="18">
@@ -40,7 +40,7 @@
           </van-col>
         </van-row>
       </div>
-      <div v-if="item.perf_name && userType === 'C'" class="donate-name">
+      <div v-if="userType === 'C'" class="donate-name">
         <van-row>
           <van-col span="4" style="line-height: 2;">助力人</van-col>
           <van-col span="18">
@@ -81,7 +81,7 @@
   </van-popup>
   <!-- TODO: 正式文案需要更新 -->
   <van-popup v-model:show="showDA" position="bottom" :style="{ height: '100%', zIndex: 4000 }">
-    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque earum voluptates architecto! Itaque magnam modi ducimus minima. Ullam quam, excepturi modi cupiditate quidem optio consequuntur minus porro, saepe, neque incidunt!
+    <div v-html="agreementHtml"></div>
     <div class="bottom-btn" @click="closeDA">
       <div class="text">关闭</div>
     </div>
@@ -95,6 +95,7 @@ import { ref, onMounted, watch, nextTick } from 'vue'
 import { useRouter } from 'vue-router'
 import { $, Toast } from '@/utils/generatePackage'
 import { addDonateAPI } from '@/api/C/donate.js'
+import agreementHtml from './agreement'
 
 const $router = useRouter();
 const props = defineProps({
@@ -280,7 +281,7 @@ const closeDA = () => {
 }
 
 .bottom-btn {
-  position: absolute;
+  position: fixed;
   bottom: 0;
   left: 0;
   right: 0;