表格优化lll

liukangdong

2025-02-27 e80fb1e51d652d0ccecc27688c72a168c8297075

 h5/pages/visitorApplication/visitorApplication.vue

@@ -67,7 +67,24 @@
               <text>是否施工作业</text>

            </view>

            <view class="list_item_content">

               <switch color="#4e99a9" style="transform: scale(0.8)" @change="constructionChange" />

               <!-- <switch color="#4e99a9" style="transform: scale(0.8)" @change="constructionChange" /> -->
<!--                <u-radio-group v-model="form1.type">
                  <u-radio label="是" :name="1" activeColor="#4d99a8" class="mr24" />
                  <u-radio label="否" :name="0" activeColor="#4d99a8" />
               </u-radio-group> -->
               <view class="checkbox_wrap">
                  <view class="check_item" @click="constructionChange(1)">
                     <text>是</text>
                     <image v-if="form1.type == 1" src="@/static/checkbox_sel@2x.png" mode=""></image>
                     <image v-if="form1.type == 0" src="@/static/checkbox_disable@3x.png" mode=""></image>
                  </view>
                  <view class="check_item" @click="constructionChange(0)">
                     <text>否</text>
                     <image v-if="form1.type == 0" src="@/static/checkbox_sel@2x.png" mode=""></image>
                     <image v-else src="@/static/checkbox_disable@3x.png" mode=""></image>
                  </view>
						
               </view>

            </view>

         </view>

         <view v-if="form1.type == '1'" class="list_item">

@@ -442,10 +459,8 @@
         closeInput() {

            this.$refs.keyboard.close()

         },

         constructionChange(e) {

            console.log(e.detail.value)

            this.form1.type = Number(e.detail.value)

            console.log(this.form1.type)

         constructionChange(value) {

            this.form1.type = value

         },

         uploadImg(file) {

            this.$refs.cropper.close()

@@ -1299,6 +1314,20 @@
                  font-weight: 400;

                  color: #222222;

               }

            }
            .checkbox_wrap{
               display: flex;
               align-items: center;
               .check_item{
                  display: flex;
                  align-items: center;
                  margin-left: 20rpx;
               }
               image{
                  width: 42rpx;
                  height: 42rpx;
                  margin-left: 10rpx;
               }
            }

         }

      }