重构租户管理城市数据处理逻辑,支持直辖市特殊处理

src/views/system/tenant/component/editTenant.vue

@@ -107,7 +107,7 @@ import { reactive, ref, unref, computed, toRefs } from 'vue';
 import { ElMessage, UploadProps } from 'element-plus';
 import { Plus } from '@element-plus/icons-vue';
 import { addTenant, editTenant } from '/@/api/system/tenant';
-import { pcTextArr } from 'element-china-area-data';
+import { pcTextArr,provinceAndCityData } from 'element-china-area-data';
 
 // 定义父组件传递的事件
 const emit = defineEmits(['getTenantList']);
@@ -115,7 +115,19 @@ const emit = defineEmits(['getTenantList']);
 const formRef = ref<HTMLElement | null>(null);
 
 // 省市数据（使用 element-china-area-data）
-const cityOptions = pcTextArr;
+const cityOptions = ref<any[]>([]);
+
+const initCityData = () => {
+	const data = JSON.parse(JSON.stringify(provinceAndCityData));
+	cityOptions.value = data.map((item: any) => {
+		// 处理直辖市：北京(110000), 天津(120000), 上海(310000), 重庆(500000)
+		if (['110000', '120000', '310000', '500000'].includes(item.value) || ['北京市', '天津市', '上海市', '重庆市'].includes(item.label)) {
+			delete item.children;
+		}
+		return item;
+	});
+};
+initCityData();
 
 const state = reactive({
 	isShowDialog: false,
@@ -196,13 +208,39 @@ const passwordStrengthClass = computed(() => {
 const openDialog = (row?: any) => {
 	resetForm();
 	if (row) {
+		// 处理城市回显：如果是字符串且以00结尾，去掉00并转为数组（这里简化处理，实际可能需要根据code反查路径）
+		// 假设 row.city 是 "110100"，element-china-area-data 的 provinceAndCityData 对应的是 "110000", "110100"
+		// 注意：provinceAndCityData 的二级（市）code 通常不带后缀 00，或者需要具体看数据源
+		// 这里假设后端存的是 "110100"，前端组件需要 ["110000", "110100"] 形式的路径数组
+		// 由于没有反查函数，这里如果 row.city 是字符串，我们暂时将其直接放入数组，或者需要调用专门的工具函数
+		// 简单处理：如果 row.city 是字符串，尝试回显
+		let cityArray: string[] = [];
+		if (row.city && typeof row.city === 'string') {
+			const storedCode = row.city;
+			// 判断是否为直辖市代码 (11xxxx, 12xxxx, 31xxxx, 50xxxx)
+			if (/^(11|12|31|50)/.test(storedCode)) {
+				// 直辖市，回显为 [2位代码] (如 '11')
+				cityArray = [storedCode.substring(0, 2)];
+			} else {
+				// 普通省市，回显为 [2位省代码, 4位市代码] (如 '13', '1301')
+				// 假设 storedCode 是 6 位，如 130100
+				if (storedCode.length >= 4) {
+					const provinceCode = storedCode.substring(0, 2);
+					const cityCode = storedCode.substring(0, 4);
+					cityArray = [provinceCode, cityCode];
+				}
+			}
+		} else if (Array.isArray(row.city)) {
+			cityArray = row.city;
+		}
+
 		state.ruleForm = {
 			id: row.id,
 			tenantName: row.tenantName,
 			tenantType: row.tenantType,
 			contactPerson: row.contactPerson,
 			phone: row.phone,
-			city: row.city || [],
+			city: cityArray,
 			tenantAccount: row.tenantAccount,
 			password: '', // 修改时不显示密码
 			confirmPassword: '',
@@ -225,8 +263,30 @@ const onSubmit = () => {
 	if (!formWrap) return;
 	formWrap.validate((valid: boolean) => {
 		if (valid) {
+			// 处理城市数据提交：取数组最后一位
+			const submitForm: any = { ...state.ruleForm };
+			if (Array.isArray(submitForm.city) && submitForm.city.length > 0) {
+				let lastCode = String(submitForm.city[submitForm.city.length - 1]);
+				// 特殊处理直辖市：如果选中的是省级代码，转换为市级代码 (市辖区)
+				const municipalityMap: Record<string, string> = {
+					'11': '110100', '110000': '110100', // 北京
+					'12': '120100', '120000': '120100', // 天津
+					'31': '310100', '310000': '310100', // 上海
+					'50': '500100', '500000': '500100', // 重庆
+				};
+				if (municipalityMap[lastCode]) {
+					lastCode = municipalityMap[lastCode];
+				} else if (lastCode.length === 4) {
+					// 普通省市，如果是4位代码，补齐为6位
+					lastCode = lastCode + '00';
+				}
+				submitForm.city = lastCode;
+			} else {
+				submitForm.city = '';
+			}
+
 			if (state.ruleForm.id === 0) {
-				addTenant(state.ruleForm).then(() => {
+				addTenant(submitForm).then(() => {
 					ElMessage.success('添加成功');
 					closeDialog();
 					emit('getTenantList');
@@ -234,7 +294,7 @@ const onSubmit = () => {
 			} else {
 				// 过滤掉密码字段，或者后端接口决定是否更新密码
 				// 根据需求，修改时不能修改密码
-				const { password, confirmPassword, tenantAccount, ...rest } = state.ruleForm;
+				const { password, confirmPassword, tenantAccount, ...rest } = submitForm;
 				editTenant({ ...rest, id: state.ruleForm.id }).then(() => {
 					ElMessage.success('修改成功');
 					closeDialog();