emis-sapp/pages/address/edit.vue

<template>
	<tpx-layout>
		<template v-slot:body>
			<view class="com-jianju pos-rlt pb-30" style="padding-top: 2rpx;">
				
				<view class="blcok-white radius-20">
					<u-textarea v-model="submitParam.otherDes" border="none" height="110" placeholder="粘贴或输入地址，点击“智能识别”自动拆分姓名、电话和地址" custom-style="border:0;padding: 0;"></u-textarea>
					<u-row justify="end">
						<view class="mt-10">
							<u-button @click="handleAnsText()" type="primary" size="mini" shape="circle" custom-style="width: 130rpx;font-size: 24rpx;padding:0;">智能识别</u-button>
						</view>
					</u-row>
				</view>
				
				<view class="mt-40">
					<tpx-select placeholder="国家" v-model:value="country" :list="[]" :isWhite="true" custom-style="border:0;"  
					></tpx-select>
				</view>
			
				<view class="blcok-white radius-20">
					<view class="">
						
						<view style="margin-top: 10rpx;">
							<u-row>
								<u-col span="4">
									<tpx-input v-model:value="submitParam.name" placeholder="真实姓名"></tpx-input>
								</u-col>
								<u-col offset="1" span="7">
									<tpx-input v-model:value="submitParam.tel" placeholder="电话"></tpx-input>
								</u-col>
							</u-row>
						</view>
						
						<view class="mt-40">
							<tpx-select placeholder="省市区" v-model:value="country" :list="[]" custom-style="border:0;"  
							></tpx-select>
						</view>
						
						<view class="mt-30">
							<tpx-textarea v-model:value="submitParam.detail" placeholder="详细地址（例如**街道**号**）"></tpx-textarea>
						</view>
						
						<view class="mt-30">
							<tpx-input v-model:value="submitParam.tel" placeholder="电话"></tpx-input>
						</view>
						
						<view class="mt-30">
							<tpx-input v-model:value="submitParam.tel" placeholder="邮编"></tpx-input>
						</view>
						
						<view class="mt-30">
							<tpx-input v-model:value="submitParam.tel" placeholder="邮箱（选填"></tpx-input>
						</view>
						
						<view class="mt-30">
							<tpx-input v-model:value="submitParam.tel" placeholder="公司名称（选填）"></tpx-input>
						</view>
					</view>
				</view>
			
				<view class="mt-30 pl-30 pr-30">
					<u-row justify="between">
						<view>
							<u-checkbox-group v-model="radiovalue1" placement="column" @change="handleFormChange()">
							    <u-checkbox
									shape="circle"
									size="30" label="默认地址" active-color="#B12D29" la
									label-size="28" hange="handleFormChange()"
							    >
							    </u-checkbox>
							  </u-checkbox-group>
						</view>
						<view>
							<u-text text="清空" size="28" color="#0E0708"></u-text>
						</view>
					</u-row>
				</view>
			</view>
		</template>
		<template v-slot:footer>
			<view class="blcok-white-noradius">
				<u-button @click="handleSubmit()" type="primary" size="large" shape="circle" 
					custom-style="height:80rpx;font-size: 30rpx;"
				>确定</u-button>
			</view>
		</template>
	</tpx-layout>
</template>

<script>
	import getCdnUrl from "@/common/getCdnUrl"
	import {
		ordStaEnum,
		ordStatusList,
		payTypeEnum,
		payTypeList,
		dlvTypeEnum,
		dlvTypeList,
		dateTypeEnum,
		dateTypeList
	} from "@/common/enum"
	import {
		goto
	} from "@/common/untool"
	export default {
		props: {
			// hasLeftWin: {
			// 	type: Boolean
			// }
		},
		computed: {

		},
		data() {
			return {
				submitParam: {
					type: 1,
					otherDes: ''
				}
			}
		},
		onShareAppMessage() {
			return {
				// title: '',
				// path: 'TODO'
			}
		},
		onLoad() {
			this.initData();
		},
		onUnload() {

		},
		methods: {
			getCdnUrl,

			initData() {
				// uni.showLoading({
				// 	title: '加载中'
				// });
			},
			handleAnsText(){
				
			},
			handleFormChange(){
				
			},
			handleSubmit() {
				
			},
		}
	}
</script>

<style lang="scss">
	@import '@/common/uni-nvue.scss';

	page {
		background-color: #F6F6F6;
		height: 100% !important;
	}
</style>
<style scoped lang="scss">
	
</style>