-
🎛️ 控制面板
+
🎛️ 控制面板
diff --git a/src/views/car/park/index.vue b/src/views/car/park/index.vue
index 3f0a385..4e9991d 100644
--- a/src/views/car/park/index.vue
+++ b/src/views/car/park/index.vue
@@ -62,7 +62,7 @@
- {{ getVehicleTypeName(scope.row.typeId) }}
+ {{ scope.row.typeDisplayName || '未知类型' }}
@@ -544,6 +544,7 @@ function handleRemoveImage() {
/** 获取车辆类型名称 */
function getVehicleTypeName(typeId) {
+ // 保留此函数以兼容旧代码，但在表格中直接使用typeDisplayName
return vehicleTypeMap.value[typeId] || '';
}
diff --git a/src/views/car/type/index.vue b/src/views/car/type/index.vue
index 888fbea..a77e3b5 100644
--- a/src/views/car/type/index.vue
+++ b/src/views/car/type/index.vue
@@ -115,7 +115,11 @@
-
+
+
+ {{ scope.row.typeName }}
+
+
@@ -170,11 +174,7 @@ const { proxy } = getCurrentInstance();
// Tab相关
const editableTabsValue = ref("");
-const editableTabs = ref([
- { label: "无人车", name: "无人车", content: "" },
- { label: "特勤车", name: "特勤车", content: "" },
- { label: "普通车", name: "普通车", content: "" },
-]);
+const editableTabs = ref([]);
const showAddTabDialog = ref(false);
const newTabName = ref("");
@@ -197,9 +197,15 @@ const addTab = () => {
// 构造一级类型数据
const submitData = {
- typeName: name,
+ displayNameCn: name,
+ displayNameEn: name, // 英文名称默认与中文相同
+ typeCode: generateTypeCode(name), // 生成唯一的typeCode
+ typeName: name.toUpperCase().replace(/\s+/g, "_"), // 生成typeName
level: 1,
- parentId: null,
+ isLeaf: false,
+ enabled: true,
+ parentCode: null,
+ topLevelCode: null
};
// 调用接口添加一级类型
@@ -211,7 +217,9 @@ const addTab = () => {
getFirstTypeList();
// 切换到新添加的标签
- editableTabsValue.value = name;
+ setTimeout(() => {
+ editableTabsValue.value = submitData.typeCode;
+ }, 100);
// 清空输入框并关闭弹窗
newTabName.value = "";
@@ -220,41 +228,65 @@ const addTab = () => {
// 获取新标签下的数据
setTimeout(() => {
getList();
- }, 100);
+ }, 200);
})
.catch(() => {
// 添加失败时不关闭弹窗，让用户可以修改后重试
});
};
+// 生成typeCode的辅助函数
+function generateTypeCode(name) {
+ // 生成基于名称的简短代码，例如"无人车" -> "WRC"
+ const pinyin = name.split('').map(char => {
+ // 这里简化处理，实际可能需要更复杂的拼音转换
+ const pinyinMap = {
+ '无': 'W', '人': 'R', '车': 'C',
+ '特': 'T', '勤': 'Q', '普': 'P',
+ '通': 'T', '航': 'H', '空': 'K',
+ '接': 'J', '驳': 'B', '清': 'Q',
+ '洁': 'J', '消': 'X', '防': 'F',
+ '警': 'J', '巡': 'X', '逻': 'L',
+ '配': 'P', '送': 'S', '运': 'Y',
+ '输': 'S', '餐': 'C', '行': 'X',
+ '李': 'L'
+ };
+ return pinyinMap[char] || char.charAt(0).toUpperCase();
+ });
+
+ // 取前2-3个字母作为代码
+ let code = pinyin.slice(0, Math.min(3, pinyin.length)).join('');
+
+ // 确保唯一性，添加随机数
+ const randomNum = Math.floor(Math.random() * 100);
+ return code + randomNum;
+}
+
const deleteCustomTab = (tabName) => {
// 查找要删除的标签对应的typeId
const firstType = firstTypeList.value.find((item) => item.value === tabName);
if (!firstType || !firstType.typeId) return;
// 先检查该一级类型下是否有二级类型
- listVehicle_type({ firstType: tabName }).then((res) => {
- if (res.data && Array.isArray(res.data)) {
+ listVehicle_type({ topLevelCode: tabName }).then((res) => {
+ if (res.rows && Array.isArray(res.rows)) {
// 过滤出当前选中tab对应的二级类型数据
- const currentTabData = res.data.filter(
+ const currentTabData = res.rows.filter(
(item) =>
item.level === 2 &&
- item.parentId &&
- res.data.some(
- (parent) =>
- parent.typeId === item.parentId && parent.typeName === tabName
- )
+ item.topLevelCode === tabName &&
+ item.parentCode === tabName
);
if (currentTabData.length > 0) {
// 如果有二级类型，提示不能删除
- proxy.$modal.msgError("该二级类型已绑定车辆，不可删除");
+ proxy.$modal.msgError("该类型下有二级类型，不可删除");
return;
}
// 如果没有二级类型，则可以删除
proxy.$modal
- .confirm(`确定删除 ${tabName} 类型吗?`, "删除")
+ .confirm(`确定删除 ${firstType.label} 类型吗?`, "删除")
.then(function () {
return delVehicle_type(firstType.typeId);
})
@@ -310,11 +342,8 @@ const rules = ref({
typeName: [{ required: true, message: "二级类型不能为空", trigger: "blur" }],
});
-const firstTypeList = ref([
- { label: "无人车", value: "无人车" },
- { label: "特勤车", value: "特勤车" },
- { label: "普通车", value: "普通车" },
-]);
+// 车辆类型选项
+const firstTypeList = ref([]);
/** 查询车辆类型列表 */
function getList() {
@@ -324,25 +353,21 @@ function getList() {
.then((res) => {
loading.value = false;
// 根据接口返回的数据结构进行过滤，只显示当前选中tab对应的二级类型数据
- if (res.data && Array.isArray(res.data)) {
+ if (res.rows && Array.isArray(res.rows)) {
// 过滤出当前选中tab对应的二级类型数据
- const currentTabData = res.data.filter(
+ const currentTabData = res.rows.filter(
(item) =>
item.level === 2 &&
- item.parentId &&
- res.data.some(
- (parent) =>
- parent.typeId === item.parentId &&
- parent.typeName === editableTabsValue.value
- )
+ item.topLevelCode === editableTabsValue.value &&
+ item.parentCode === editableTabsValue.value
);
// 转换数据结构以适应表格显示
vehicleTypeList.value = currentTabData.map((item) => ({
typeId: item.typeId,
firstType: editableTabsValue.value,
- typeName: item.typeName,
- createBy: item.createBy || "系统管理员",
+ typeName: item.displayNameCn,
+ createBy: item.createBy,
createTime: item.createTime,
}));
@@ -392,7 +417,16 @@ function handleUpdate(row) {
reset();
const typeId = row.typeId || ids.value[0];
getVehicle_type(typeId).then((response) => {
- form.value = response.data || {};
+ // 确保使用displayNameCn作为typeName显示
+ if (response.data) {
+ form.value = {
+ typeId: response.data.typeId,
+ firstType: response.data.parentCode || editableTabsValue.value,
+ typeName: response.data.displayNameCn || response.data.typeName
+ };
+ } else {
+ form.value = {};
+ }
open.value = true;
title.value = "修改车辆类型";
});
@@ -405,21 +439,12 @@ function submitForm() {
// 根据接口要求调整提交的数据结构
const submitData = {
typeId: form.value.typeId,
- typeName: form.value.typeName,
- parentId: null,
+ displayNameCn: form.value.typeName,
level: 2,
+ parentCode: form.value.firstType,
+ topLevelCode: form.value.firstType
};
- // 查找一级类型对应的typeId
- if (form.value.firstType) {
- const firstType = firstTypeList.value.find(
- (item) => item.value === form.value.firstType
- );
- if (firstType && firstType.typeId) {
- submitData.parentId = firstType.typeId;
- }
- }
-
if (form.value.typeId != undefined) {
updateVehicle_type(submitData).then((response) => {
proxy.$modal.msgSuccess("修改成功");
@@ -489,21 +514,21 @@ function cancel() {
// 初始化时获取一级类型数据
function getFirstTypeList() {
listVehicle_type({ level: 1 }).then((res) => {
- if (res.data && Array.isArray(res.data)) {
+ if (res.rows && Array.isArray(res.rows)) {
// 过滤出一级类型数据
- const firstTypes = res.data.filter((item) => item.level === 1);
+ const firstTypes = res.rows.filter((item) => item.level === 1);
// 更新firstTypeList，保留typeId信息
firstTypeList.value = firstTypes.map((item) => ({
- label: item.typeName,
- value: item.typeName,
+ label: item.displayNameCn,
+ value: item.typeCode,
typeId: item.typeId,
}));
// 更新可编辑的tab列表
editableTabs.value = firstTypes.map((item) => ({
- label: item.typeName,
- name: item.typeName,
+ label: item.displayNameCn,
+ name: item.typeCode,
content: "",
}));
diff --git a/src/views/platform/index.vue b/src/views/platform/index.vue
index 42e6a12..65e34c6 100644
--- a/src/views/platform/index.vue
+++ b/src/views/platform/index.vue
@@ -70,20 +70,20 @@
-
+
-
+
-->
@@ -486,8 +486,8 @@ watch(() => mapRef.value?.map, (newMap) => {
top: 50%;
right: 0;
z-index: 2001;
- width: 40px;
- height: 80px;
+ width: 30px;
+ height: 58px;
transform: translateY(-50%);
cursor: pointer;
transition: right 0.3s ease;