校园安全页面编写与数据交互

Lou

2023-11-13 3062b6cdec246445a8102b61c8a28de6dc707de1

 subPackage/label/form.vue

@@ -16,9 +16,20 @@
               <u-input v-model="info.goodsNums" type="number" border="none" placeholder="请输入"
                  placeholderClass="f-28 c-99" inputAlign="right"></u-input>
            </u-form-item>
            <u-form-item label="交易位置" prop="location" borderBottom ref="location" required>
               <u-input v-model="info.location" border="none" placeholder="请输入" placeholderClass="f-28 c-99"
                  inputAlign="right"></u-input>
            <u-form-item label="交易位置" prop="localtion" borderBottom ref="localtion" required>
               <!-- <u-input v-model="info.location" border="none" placeholder="请输入" placeholderClass="f-28 c-99"
                  inputAlign="right"></u-input> -->
                  <view class="address-row flex">
                     <view class="address-content f-28" v-if="info.localtion">
                        {{info.localtion}}
                     </view>
                     <view class="address-content f-28 c-99" v-if="!info.localtion">
                        请选择位置
                     </view>
                     <view class="location-btn c-main f-24"  @click="getLocation()">
                        获取地址
                     </view>
                  </view>
            </u-form-item>
            <u-form-item label="交易过程" prop="transactionProcess" borderBottom>
               <u-input v-model="info.transactionProcess" border="none" placeholder="请输入"
@@ -56,7 +67,7 @@
      </u-form>

      <button class="submit-btn" @click="sumitInfo">提交</button>
      <button class="list-btn" @click="navigatorPage">我上报的事件</button>
      <button class="list-btn mb-20" @click="navigatorPage">我上报的事件</button>
   </view>
</template>

@@ -74,7 +85,7 @@
               transactionObjectTel: "",
               transactionMoney: "",
               goodsNums: "",
               location: "",
               localtion: "",
               transactionProcess: "",
               houseCode: "",
               districtName: "",
@@ -94,7 +105,7 @@
                  message: '请输入交易金额',
                  trigger: ['blur', 'change']
               },
               'location': {
               'localtion': {
                  type: 'string',
                  required: true,
                  message: '请输入交易位置',
@@ -134,6 +145,15 @@
               return "二手车交易"
            }
         },
			
         getLocation(){
            uni.chooseLocation({
               success:(res)=>{
                  this.$set(this.info,"localtion",res.address);
               }
            })
         },
			

         confirmDate(e) {
            console.log(e);
@@ -269,4 +289,24 @@
      color: #fff;
      margin-top: 50rpx;
   }
   .address-row{
      flex:1;
      justify-content: flex-end;
      align-items:center;
   }
   .address-content{
      width:calc(100% - 116rpx - 20rpx);
      margin-right:20rpx;
      text-align: right;
   }
   .location-btn{
      width:116rpx;
      height:46rpx;
      line-height: 46rpx;
      border-radius: 4rpx;
      border:1px solid currentColor;
      padding:0;
      background-color: #fff;
      text-align: center;
   }
</style>