From 3062b6cdec246445a8102b61c8a28de6dc707de1 Mon Sep 17 00:00:00 2001
From: Lou <luzhiping@qqyjz.com>
Date: Mon, 13 Nov 2023 17:34:57 +0800
Subject: [PATCH] 校园安全页面编写与数据交互
---
subPackage/label/form.vue | 52 ++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 46 insertions(+), 6 deletions(-)
diff --git a/subPackage/label/form.vue b/subPackage/label/form.vue
index 3189aed..7033e07 100644
--- a/subPackage/label/form.vue
+++ b/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>
\ No newline at end of file
--
Gitblit v1.9.3