防止重复点击

zhouwenxuan

2023-10-26 e7b81924e3fa4d7c5a52484f465efa6733e8c402

 pages/tabBar/notice/measures.vue

@@ -12,7 +12,7 @@
      </view>
      <view class="measureCard">
         <view class="first">
            <text style="font-size: 16px;margin-bottom: 20px;">基础措施</text>
            <text style="font-size: 16px;margin-bottom: 20px;"><text style="color: red;">*</text>基础措施</text>
             <u-checkbox-group
                        v-model="checkboxValue1"
                        placement="column"
@@ -43,13 +43,16 @@
                  :maxCount="10"
                  style="margin-top: -10px;"
               ></u-upload>
               <view class="pic" v-for="(item,index) in nameList" :key="index">
                  {{item.name}}
               <view :class="{pic: nameList.length>0}">
                  <view class="picItem" v-for="(item,index) in nameList" :key="index">
                     <image src="../../../static/pic.png">
                     {{item.name}}
                  </view>
               </view>
         </view>
      </view>
      <view class="measures">
      <u-button  class="measureBtn" type="primary" @click="submit">提交</u-button>
      <u-button  class="measureBtn" type="primary" @click="$noMoreClicks(submit)">提交</u-button>
      </view>
   </view>
</template>
@@ -76,7 +79,8 @@
            measureIds : [],
            baseUrl: VUE_APP_BASE_URL,
            list: [],
            showBtn: false
            showBtn: false,
            noClick:true,
         }
      },
      onLoad(options) {
@@ -244,7 +248,7 @@
.second{
   display: flex;
   flex-direction: column;
   margin-top: 50px;
   margin-top: 30px;
}
.third{
   display: flex;
@@ -259,10 +263,19 @@
   display: flex;
   flex-direction: column;
   background-color: rgb(242,242,242);
   padding: 5px 8px;
}
.picItem{
   font-weight: 500;
   margin-top: 5px;
   font-size: 14px;
   display: flex;
   image{
      width: 20px;
      height: 20px;
      margin-right:3px;
   }
}

.measures{
   margin-top: 50px 12px 0;
   padding: 0 12px;