<template>
	<view>
		<view class="form-row">
			<text class="form-row__label form-row__label--req">商户名称</text>
			<input v-model="biz.merchantName" class="form-row__input" />
		</view>
		<view class="form-row">
			<text class="form-row__label form-row__label--req">客服电话</text>
			<input v-model="biz.servicePhone" class="form-row__input" />
		</view>
		<region-fields :model-value="region" @update:model-value="$emit('update:region', $event)" />
		<view class="form-row">
			<text class="form-row__label form-row__label--req">详细地址</text>
			<input v-model="biz.bizDetailAddress" class="form-row__input" placeholder="街道门牌" />
		</view>
	</view>
</template>

<script setup>
import RegionFields from '@/components/mine/RegionFields.vue'

defineProps({
  biz: { type: Object, required: true },
  region: { type: Object, required: true }
})

defineEmits(['update:region'])
</script>

<style lang="scss" scoped>
@import '@/styles/mine.scss';
</style>
