<template>
	<!-- <div class="pricemoitorrecordDetail">
		<a-table :dataSource="tableData" :columns="tableColumns"> 1112 </a-table>
	</div> -->
	<xn-form-container
		:title="formData.id ? (disabled ? '查看价格监测点维护' : '编辑价格监测点维护') : '价格监测点维护'"
		:width="700"
		:visible="visible"
		:destroy-on-close="true"
		@close="onClose"
	>
		<a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical">
			<a-form-item label="监测点名称：" name="name">
				<a-input v-model:value="formData.name" :disabled="disabled" placeholder="请输入监测点名称" allow-clear />
			</a-form-item>
			<a-form-item label="站点所在市州" name="cityAddress">
				<a-input v-model:value="formData.cityAddress" :disabled="disabled" placeholder="请输入监测点名称" allow-clear />
			</a-form-item>

			<a-form-item label="所属行政管理部门">
				<a-select class="select-box" :size="size" style="width: 100%" placeholder="请选择" :disabled="disabled">
					<a-select-option v-for="item in auditStatus" :key="item.id" :value="item.name"
						>{{ item.name }}
					</a-select-option>
				</a-select>
			</a-form-item>
			<a-form-item label="详细位置：" name="address">
				<a-input v-model:value="formData.address" :disabled="disabled" placeholder="请输入详细位置" allow-clear />
			</a-form-item>

			<a-form-item label="定位开关" name="locationSwitch">
				<a-select
					:size="size"
					style="width: 100%"
					:disabled="disabled"
					v-model:value="formData.locationSwitch"
					placeholder="请选择"
				>
					<a-select-option
						@change="handleChange"
						:disabled="disabled"
						v-for="item in switchData"
						:key="item.id"
						:value="item.locationSwitch"
						>{{ item.title }}
					</a-select-option>
				</a-select>
			</a-form-item>
			<a-form-item label="经度：" name="longitude">
				<a-input v-model:value="formData.longitude" :disabled="disabled" placeholder="请输入经度" allow-clear />
			</a-form-item>
			<a-form-item label="纬度：" name="latitude">
				<a-input v-model:value="formData.latitude" :disabled="disabled" placeholder="请输入纬度" allow-clear />
			</a-form-item>
		</a-form>
		<template #footer>
			<a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
			<a-button v-if="disabled !== true" type="primary" @click="onSubmit" :loading="submitLoading">保存</a-button>
		</template>
	</xn-form-container>

	<table>
		<thead>
			<tr>
				<th>Name</th>
				<th>Age</th>
				<th>Country</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>John</td>
				<td>30</td>
				<td>USA</td>
			</tr>
			<tr>
				<td>Alice</td>
				<td>25</td>
				<td>Canada</td>
			</tr>
			<tr>
				<td>Bob</td>
				<td>35</td>
				<td>UK</td>
			</tr>
		</tbody>
	</table>
</template>
<script setup name="pricemoitorrecordDetail"></script>

<style lang="less">
	
</style>
