fix: 修复新增地址时地址信息显示不全问题

guzijian
1 parent 4d0f0f59
Showing 1 changed file with 16 additions and 12 deletions
garbage-removal/src/pages/home/address/addSite.vue
@@ -2,20 +2,20 @@
 	<view class="wrap">
 		<view class="wrap-from-container">
 			<city-select v-model="cityPikerShowFlag" @city-change="handleCityChange"></city-select>
-			<u--form :labelStyle="{ color: '#909399' }" labelPosition="left" labelWidth="140" :model="addressInfo"
+			<u--form :labelStyle="{ color: '#909399' }" labelWidth="140" labelPosition="left" :model="addressInfo"
 				ref="addressFrom">
 				<u-form-item :required="true" label="所在地区" prop="addressArea" borderBottom>
-					<view @click.stop="showRegionPicker" hover-class="click-box">
+					<view @click.stop="showRegionPicker" hover-class="click-box" style="width: 100%;">
 						<u--input border="none" readonly style="pointer-events:none" type="text" v-model="addressInfo.addressArea"
 							placeholder-class="line" placeholder="省市区县、乡镇等"></u--input>
 					</view>
 				</u-form-item>
 				<u-form-item :required="true" label="详细地址" prop="addressDetail" borderBottom>
-					<view @click.stop="chooseAddressDetail" class="wrap-from-container-address-details" style="display: flex;"
-						hover-class="click-box">
+					<view @click.stop="chooseAddressDetail" class="wrap-from-container-address-details"
+						style="width: 100%;overflow:hidden; text-overflow: ellipsis;" hover-class="click-box">
 						<u--input border="none" readonly type="text" style="pointer-events:none" v-model="addressInfo.addressDetail"
-							placeholder-class="line" placeholder="请先选着地址，在输入补充"></u--input>
-						<u-icon name="map" size="40"></u-icon>
+							placeholder-class="line" placeholder="请选着所在地址" suffixIcon="map-fill"
+							suffixIconStyle="font-size: 28rpx;color: #909399"></u--input>
 					</view>
 				</u-form-item>
 				<u-form-item :required="true" label="联系人" prop="contactPerson" borderBottom>
@@ -169,10 +169,12 @@ const chooseAddressDetail = () =&gt; {
 	uni.chooseLocation({
 		type: coordinate,
 		success: function (res) {
-			addressInfo.addressDetail = res.address + res.name;
-			addressInfo.garLongitude = res.longitude
-			addressInfo.garLatitude = res.latitude
-			addressInfo.garCoordinate = coordinate
+			if (res.address) {
+				addressInfo.addressDetail = res.address + res.name;
+				addressInfo.garLongitude = res.longitude
+				addressInfo.garLatitude = res.latitude
+				addressInfo.garCoordinate = coordinate
+			}
 		}
 	});
 }
@@ -209,6 +211,10 @@ const reset = () =&gt; {
 </script>
 <style lang="scss" scoped>
+::v-deep .u-input--square {
+	// width: 100%;
+}
+
 .wrap {
 	box-sizing: border-box;
 	padding: 15rpx;
@@ -296,8 +302,6 @@ const reset = () =&gt; {
 				align-items: center;
 				justify-content: center;
 			}
-
-
 		}
 	}
 }