MrShi
2024-04-12 fe7ac1ca4e17db22417d1d61c084a0ab9857b77f
wx/pages/addition_subtraction/addition_subtraction.vue
@@ -73,7 +73,7 @@
         <view style="width: 100%; height: calc(230rpx + env(safe-area-inset-bottom));"></view>
      </view>
      <view class="box_footer">
         <view class="box_footer_xy">
         <view class="box_footer_xy" @click="show = true">
            <image src="@/static/icon/ic_tips@2x.png" mode="widthFix"></image>
            <text>请阅读《投保须知》</text>
         </view>
@@ -99,7 +99,17 @@
            </view>
         </view>
         <view style="width: 100%; height: env(safe-area-inset-bottom); background-color: #ffffff;"></view>
         <u-toast ref="uToast"></u-toast>
      </view>
      <!-- 投保须知 -->
      <u-popup :show="show" round="20" :closeable="true" @close="show = false" mode="bottom">
         <view class="info">
            <view class="info_title">投保须知</view>
            <scroll-view scroll-y="true" class="info_nr">
               <view>{{fangan.specialAgreement}}</view>
            </scroll-view>
         </view>
      </u-popup>
   </view>
</template>
@@ -108,7 +118,9 @@
      data() {
         return {
            id: null,
            show: false,
            codeId: null,
            fangan: {},
            code: null,
            startDate: null,
            cyclePrice: null,
@@ -127,6 +139,13 @@
         this.cyclePrice = options.cyclePrice
         this.getDetails()
         uni.$on('add', (res) => {
            if (JSON.stringify(this.add).indexOf(res.model.idCard) !== -1) {
               this.$refs.uToast.show({
                  type: 'default',
                  message: `[${res.model.name}]人员身份证重复`
               })
               return
            }
            this.add.unshift(res.model)
         })
         uni.$on('del', (res) => {
@@ -166,6 +185,7 @@
            })
            let delDetailList = this.del.map(item => {
               return {
                  memberId: item.id,
                  duId: item.pqId,
                  duName: item.pqName,
                  idcardNo: item.idCard,
@@ -183,14 +203,9 @@
               type: 0
            }).then(res => {
               if (res.code === 200) {
                  uni.showToast({
                     title: '提交成功',
                     icon: 'success'
                  })
                  uni.showToast({ title: '提交成功', icon: 'success' })
                  setTimeout(() => {
                     uni.navigateBack({
                        delta: 2
                     })
                     uni.navigateBack({ delta: 2 })
                  }, 1500)
               }
            })
@@ -225,9 +240,14 @@
             }
         },
         getDetails() {
            this.$u.api.insuranceApplyById(this.codeId)
            var that = this
            that.$u.api.insuranceApplyById(that.codeId)
               .then(res => {
                  this.info = res.data
                  that.info = res.data
                  that.$u.api.solutionsById(res.data.newVersionSolutionId)
                     .then(data => {
                        that.fangan = data.data
                     })
               })
         },
         jump() {
@@ -255,6 +275,60 @@
<style lang="scss" scoped>
   .box {
      width: 100%;
      .info {
         width: 100%;
         padding: 32rpx 30rpx;
         box-sizing: border-box;
         .info_title {
            width: 100%;
            text-align: center;
            font-weight: 500;
            font-size: 30rpx;
            color: #222222;
            font-style: normal;
         }
         .info_nr {
            width: 100%;
            max-height: 70vh;
            margin-top: 40rpx;
            font-size: 30rpx;
            color: black;
            white-space: pre-wrap;
         }
         .info_data {
            width: 100%;
            margin-top: 40rpx;
            .info_data_label {
               font-weight: 500;
               font-size: 32rpx;
               color: #222222;
               font-style: normal;
               margin-bottom: 20rpx;
            }
            .info_data_item {
               width: 100%;
               display: flex;
               align-items: center;
               margin-bottom: 20rpx;
               &:last-child {
                  margin-bottom: 0 !important;
               }
               .info_data_item_label {
                  flex-shrink: 0;
                  font-weight: 400;
                  font-size: 26rpx;
                  color: #777777;
                  font-style: normal;
               }
               .info_data_item_val {
                  font-weight: 400;
                  font-size: 26rpx;
                  color: #222222;
                  font-style: normal;
               }
            }
         }
      }
      .box_footer {
         width: 100%;
         position: fixed;
@@ -450,6 +524,7 @@
                        color: #FF971D;
                        font-style: normal;
                        margin-left: 8rpx;
                        box-sizing: border-box;
                     }
                     .top_a_tips {
                        width: 64rpx;