Merge branch 'master' of http://120.76.84.145:10101/gitblit/r/H5/threeSide

pyt

2025-03-17 5b614b7e92b2d232556d1724235da56cac4cf812

 H5/pages/authentication/authentication.vue

@@ -1,6 +1,6 @@
<template>
   <view class="content">
   <!--    <view class="">
      <!--    <view class="">
         <view class="flex a-center color2 fs-44 font-bold">
            <image src="/static/info/审核不通过@2x.png" mode="aspectFill" class="w-46 h-46 mr-15 ml-31"></image>
            审核不通过
@@ -36,7 +36,7 @@
            <view class="label">
               服务社区
            </view>
            <view class="value flex j-between a-center flex1">
            <view @tap.stop="showSelectCommunity" class="value flex j-between a-center flex1">
               <text class="placeholderStyle">请选择服务社区</text>
               <image src="/static/Appeal/left.png" mode="aspectFill" class="h-19 w-19"></image>
            </view>
@@ -77,13 +77,13 @@
            <image @tap="uploadImg(1)" src="/static/Appeal/add.png" class="w-140 h-140 shrink0" />
         </view>
         <view class="h-146">
				

         </view>
         <!-- <view class="h-212">
            
         </view> -->
      </view>
		

      <view class="footerButton">
         <view class="btns">
            <view class="ok fs-35 font-bold">
@@ -91,7 +91,7 @@
            </view>
         </view>
      </view>
		

      <!-- <view class="footer">
         <view class="tip">
            可编辑后重新提交审核！
@@ -105,6 +105,40 @@
            </view>
         </view>
      </view> -->

      <!-- 选择服务社区 -->
      <u-popup :show="selectPopup" round="16rpx" :close-on-click-overlay="false" @open="openSelectPopup">
         <view class="relative">
            <image @tap.stop="selectPopup = false" src="@/static/closeImg.png" class="w-35 h-35 absolute"
               style="right: 31rpx;top: 46rpx;" />
            <view class="txt-center pt-38 pb-40 fs-35 lh-48 font-bold">请选择服务社区</view>
            <view class="flex a-center j-between txt-center py-10 fs-27 font-bold bgColor1">
               <view class="flex1">区县</view>
               <view class="flex1">街道</view>
               <view class="flex1">社区</view>
            </view>
            <view class="mb-20">
               <picker-view :value="value" @change="bindChange" class="picker-view">
                  <picker-view-column>
                     <view class="item" v-for="(item, index) in county" :key="index">
                        {{ item }}
                     </view>
                  </picker-view-column>
                  <picker-view-column>
                     <view class="item" v-for="(item, index) in street" :key="index">
                        {{ item }}
                     </view>
                  </picker-view-column>
                  <picker-view-column>
                     <view class="item" v-for="(item, index) in community" :key="index">
                        {{ item }}
                     </view>
                  </picker-view-column>
               </picker-view>
            </view>
            <view class="submitBtn">确认</view>
         </view>
      </u-popup>
   </view>
</template>

@@ -114,10 +148,21 @@
      data() {
         return {
            imgUrls: [],
            localImageUrls: []
            localImageUrls: [],
            selectPopup: false,
            value: [0, 0, 0],
            county: [], //区县
            street: [], //街道
            community: [], //社区
         }
      },
      methods: {
         bindChange(e) {
            this.value = e.detail.value
         },
         showSelectCommunity() {
            this.selectPopup = true
         },
         delImg(item) {
            this.localImageUrls = this.localImageUrls.filter(i => i != item)
            this.imgUrls = this.imgUrls.filter(i => i != item)
@@ -176,11 +221,20 @@
               fail: () => {}
            })
         },
         openSelectPopup() {
            this.county = ['仁和区']
            this.street = ['仁和镇']
            this.community = ['仁和街社区']
         }
      }
   }
</script>

<style scoped lang="scss">
   .bgColor1 {
      background: rgba(216, 216, 216, 0.2);
   }

   .content {
      background-image: url('/static/home/bg@2x.png');
      background-size: 750rpx 648rpx;
@@ -209,6 +263,7 @@
         }
      }
   }

   .footerButton {
      position: fixed;
      bottom: 50rpx;
@@ -218,11 +273,12 @@
      width: 688rpx;
      text-align: center;
      height: 96rpx;
      background: linear-gradient( 270deg, #FC8D55 0%, #FF4948 100%);
      background: linear-gradient(270deg, #FC8D55 0%, #FF4948 100%);
      line-height: 96rpx;
      color: #fff;
      border-radius: 48rpx;
   }

   .footer {
      position: fixed;
      bottom: 0;
@@ -277,7 +333,7 @@
   .color1 {
      color: #4C4C4C;
   }
	

   .color2 {
      color: #fff;
   }
@@ -285,4 +341,34 @@
   .placeholderStyle {
      color: #B2B2B2;
   }

   .picker-view {
      height: 460rpx;
      font-size: 35rpx;
   }

   /deep/.picker-view {
      margin: 0 auto;

      .item {
         text-align: center;
         font-family: PingFangSC, PingFang SC;
         font-weight: 600;
         font-size: 36rpx;
         color: #333333;
         line-height: 50rpx;
      }
   }

   .submitBtn {
      width: calc(100% - 62rpx);
      margin: 0 31rpx;
      line-height: 96rpx;
      text-align: center;
      background: linear-gradient(270deg, #FC8D55 0%, #FF4948 100%);
      border-radius: 48rpx;
      font-weight: 600;
      font-size: 35rpx;
      color: #fff;
   }
</style>