feat(智能柜管理): 添加随机生成柜体名称功能

在编辑和新增智能柜的表单中添加随机名称按钮，从预定义的名称列表中随机选择一个作为柜体名称

src/utils/constant/cabinet.ts

@@ -0,0 +1 @@
+export const cabinetNames = ["智云柜", "慧科柜", "极客柜", "智能立方", "云枢柜", "科芯柜", "星轨柜", "元储柜", "未来舱", "智核柜", "光年柜", "量子存", "星际柜", "智链柜", "幻速柜", "数智匣", "智擎柜", "元界柜", "熵减柜", "智熵柜", "科创舱", "智核舱", "云熵柜", "星曜柜", "智璇柜", "科曜柜", "元枢柜", "智旋柜", "星熵柜", "科旋柜", "速存柜", "易取柜", "瞬存柜", "秒取柜", "速易柜", "捷存柜", "闪拿柜", "疾运柜", "瞬达柜", "快易柜", "速捷柜", "瞬通柜", "秒存柜", "闪运柜", "疾取柜", "速达柜", "快存柜", "捷取柜", "瞬捷柜", "秒运柜", "闪存柜", "疾通柜", "速捷仓", "快易仓", "瞬取仓", "秒捷柜", "闪易柜", "疾存柜", "速通柜", "快捷柜", "安信柜", "稳存柜", "固密柜", "保信仓", "安盾柜", "稳密柜", "固存柜", "保捷柜", "安垒柜", "稳捷柜", "固信柜", "保速柜", "安固柜", "稳信柜", "固捷柜", "保仓柜", "安捷柜", "稳仓柜", "固速柜", "保密柜", "安速柜", "稳固柜", "固仓柜", "保捷仓", "安密柜", "稳速柜", "固安柜", "保固柜", "安仓柜", "稳固仓", "生活智柜", "家居存", "社区宝", "邻里仓", "生活匣", "家居智柜", "社区存", "邻里柜", "生活仓", "家居匣", "社区智柜", "邻里宝", "生活立方", "家居宝", "社区匣", "邻里智柜", "生活宝", "家居仓", "社区立方", "邻里匣", "生活捷柜", "家居速柜", "社区安柜", "邻里稳柜", "生活信柜", "家居固柜", "社区密柜", "邻里保柜", "生活易柜", "家居捷柜", "智管柜", "柜助手", "小智匣", "慧管家", "智助柜", "柜小宝", "小慧仓", "智服柜", "柜小秘", "小智仓", "慧助柜", "柜智侠", "小秘柜", "智侠柜", "柜慧宝", "小服柜", "智宝柜", "柜小智", "慧侠柜", "智秘柜", "云储柜", "智能仓", "云端匣", "数存柜", "云枢仓", "智数匣", "云端柜", "数据仓", "云智匣", "数智柜", "云仓柜", "智枢匣", "云端仓", "数据柜", "云匣柜", "数枢仓", "云智柜", "智数据", "云数仓", "易拿柜", "快取柜", "畅存柜", "顺取柜", "易畅柜", "畅取柜", "顺存柜", "易顺柜", "快畅柜", "畅存仓", "顺取仓", "易取仓", "快顺柜", "畅顺柜", "顺存仓", "易存仓", "快取仓", "畅取仓", "顺易柜", "智享柜", "乐享存", "智悦柜", "悦存仓", "智得柜", "乐得柜", "智欢柜", "欢存柜", "智活柜", "活存仓", "智乐柜", "乐取柜", "智享仓", "悦取柜", "智活仓", "欢取柜", "智得仓", "乐存柜", "智悦仓", "活得柜", "柜便利", "智匣子", "存易得", "速柜通", "易柜达", "智存客", "柜速达", "存易通", "智柜侠"];

src/views/cabinet/smart-cabinet-card/edit-cabinet-drawer.vue

@@ -6,6 +6,7 @@ import { updateSmartCabinet } from "@/api/cabinet/smart-cabinet";
 import Confirm from "@iconify-icons/ep/check";
 import type { FormRules } from 'element-plus';
 import { CabinetImgMap } from "@/utils/cabinetImgMap";
+import { cabinetNames } from "@/utils/constant/cabinet";
 
 const props = defineProps({
   visible: {
@@ -75,6 +76,11 @@ const closeDialog = () => {
   emit("update:modelValue", false);
 };
 
+const handleRandomName = () => {
+  const randomIndex = Math.floor(Math.random() * cabinetNames.length);
+  formData.cabinetName = cabinetNames[randomIndex];
+};
+
 const templateOptions = Object.entries(CabinetImgMap).map(([value, item]) => ({
   label: item.name,
   value
@@ -88,7 +94,10 @@ watch(() => props.cabinetInfo, (newVal) => {
 <template>
   <el-form ref="formRef" :model="formData" :rules="rules" label-width="100px">
     <el-form-item label="柜体名称" prop="cabinetName">
-      <el-input v-model="formData.cabinetName" placeholder="请输入柜体名称" />
+      <div class="flex items-center">
+        <el-input v-model="formData.cabinetName" placeholder="请输入柜体名称" style="margin-right: 8px;" />
+        <el-button type="default" @click="handleRandomName">随机</el-button>
+      </div>
     </el-form-item>
 
     <el-form-item label="柜体类型" prop="cabinetType">

src/views/cabinet/smart-cabinet-card/smart-cabinet-card-form-modal.vue

@@ -6,6 +6,7 @@ import { addSmartCabinet } from "@/api/cabinet/smart-cabinet";
 import Confirm from "@iconify-icons/ep/check";
 import type { FormRules } from 'element-plus';
 import { CabinetImgMap } from "@/utils/cabinetImgMap";
+import { cabinetNames } from "@/utils/constant/cabinet";
 
 export interface FormDTO {
   cabinetName: string;
@@ -78,6 +79,11 @@ const closeDialog = () => {
   emit("update:modelValue", false);
 };
 
+const handleRandomName = () => {
+  const randomIndex = Math.floor(Math.random() * cabinetNames.length);
+  formData.cabinetName = cabinetNames[randomIndex];
+};
+
 const templateOptions = Object.entries(CabinetImgMap).map(([value, item]) => ({
   label: item.name,
   value
@@ -87,7 +93,10 @@ const templateOptions = Object.entries(CabinetImgMap).map(([value, item]) => ({
 <template>
   <el-form ref="formRef" :model="formData" :rules="rules" label-width="100px">
     <el-form-item label="柜体名称" prop="cabinetName">
-      <el-input v-model="formData.cabinetName" placeholder="请输入柜体名称" />
+      <div class="flex items-center">
+        <el-input v-model="formData.cabinetName" placeholder="请输入柜体名称" style="margin-right: 8px;" />
+        <el-button type="default" @click="handleRandomName">随机</el-button>
+      </div>
     </el-form-item>
 
     <!-- <el-form-item label="柜体类型" prop="cabinetType">