监测器管理添加型号编码

snowy-admin-web/src/views/biz/monitor/mem/form.vue

@@ -19,13 +19,20 @@
 						<a-select
 							ref="select"
 							v-model:value="formData.modelName"
-							:disabled="formData.id"
 							:options="modeOptions"
 							placeholder="请选择设备型号"
 							@change="modelNameChange"
+							:disabled="formData.id"
 						/>
 					</a-form-item>
 				</a-col>
+
+				<!-- 只做展示，不能做任何修改 -->
+				<a-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
+					<a-form-item label="型号编码" name="deviceCode">
+						<a-input v-model:value="formData.modelName" placeholder="请输入型号编码" allow-clear disabled />
+					</a-form-item>
+				</a-col>
 				<a-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
 					<a-form-item label="设备编号" name="deviceCode">
 						<a-input
@@ -72,11 +79,6 @@
 						</a-select>
 					</a-form-item>
 				</a-col>
-				<a-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
-					<a-form-item label="排序：" name="sortCode">
-						<a-input-number class="xn-wd" v-model:value="formData.sortCode" :max="100" />
-					</a-form-item>
-				</a-col>
 
 				<div
 					class="form_item"
@@ -159,6 +161,12 @@
 						</a-form-item>
 					</a-col>
 				</div>
+
+				<a-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
+					<a-form-item label="排序：" name="sortCode">
+						<a-input-number class="xn-wd" v-model:value="formData.sortCode" :max="100" />
+					</a-form-item>
+				</a-col>
 			</a-row>
 		</a-form>
 
@@ -184,12 +192,23 @@
 	// 默认要校验的
 	const formRules = {
 		deviceName: [required('请输入设备名称')],
-		deviceCode: [required('请输入设备编号'), rules.number],
+		deviceCode: [required('请输入设备编号'), rules.number, { validator: maxCode, trigger: ['change', 'blur'] }],
 		modelName: [required('请选择设备型号')],
 		status: [required('请选择设备状态')],
 		sensorCount: [required('请输入传感器总路数')]
 	}
 
+	// 设备编号最大值
+	function maxCode(rule, value, callback) {
+		const maxValue = 2147483647
+
+		if (isNaN(value) || Number(value) > maxValue) {
+			callback(new Error(`设备编码不能超过最大值 ${maxValue}`))
+		} else {
+			callback() // 校验通过
+		}
+	}
+
 	// 获取设备型号
 	const loadData = () => {
 		devicetypeApi
@@ -198,7 +217,7 @@
 				modeOptions.value = (res || []).map((item) => {
 					return {
 						...item,
-						value: item['id'],
+						value: item['code'],
 						label: item['name']
 					}
 				})
@@ -217,6 +236,7 @@
 		if (value) {
 			const data = modeOptions.value.find((item) => item.value === value)
 			modeData.value = data
+			console.log()
 
 			formData.value.temperatureUp = data.temperatureUp
 			formData.value.temperatureDown = data.temperatureDown