设备型号

mes-ui/mes-ui-admin-vue3/src/views/heli/equip/EquipForm.vue

@@ -4,15 +4,15 @@
       ref="formRef"
       :model="formData"
       :rules="formRules"
-      label-width="100px"
+      label-width="120px"
       v-loading="formLoading"
     >
       <el-form-item label="设备型号" prop="name">
-        <el-input v-model="formData.name" placeholder="设备型号" />
+        <el-input v-model="formData.name" placeholder="设备型号" class="!w-300px" />
       </el-form-item>
       <el-form-item label="模具类型" prop="mouldTypeId">
         <!-- <el-input v-model="formData.mouldTypeId" placeholder="模具类型" /> -->
-        <el-select v-model="formData.mouldTypeId" clearable placeholder="模具类型" class="!w-800px">
+        <el-select v-model="formData.mouldTypeId" clearable placeholder="模具类型" class="!w-300px">
           <el-option
             v-for="dict in mouldTypeList"
             :key="dict.id"
@@ -119,4 +119,4 @@ const resetForm = () => {
   }
   formRef.value?.resetFields()
 }
-</script>
+</script>

mes-ui/mes-ui-admin-vue3/src/views/heli/equip/index.vue

@@ -1,12 +1,16 @@
 <template>
-  <ContentWrap>
+<el-card class="hl-card">
+  <template #header>
+    <span>设备型号</span>
+  </template>
+    <ContentWrap class="borderxx">
     <!-- 搜索工作栏 -->
     <el-form
       class="-mb-15px"
       :model="queryParams"
       ref="queryFormRef"
       :inline="true"
-      label-width="68px"
+      label-width="100px"
     >
       <el-form-item label="设备型号" prop="name">
         <el-input
@@ -31,7 +35,7 @@
       </el-form-item>
       
       <el-form-item>
-        <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
+        <el-button @click="handleQuery" type="primary"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
         <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
         <el-button
           type="primary"
@@ -47,7 +51,7 @@
 
   <!-- 列表 -->
   <ContentWrap>
-    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" class="hl-table">
       <el-table-column label="设备型号" align="center" prop="name" />
       <el-table-column label="模具类型" align="center" prop="mouldTypeId" >
         <template #default="scope">
@@ -89,6 +93,7 @@
     />
   </ContentWrap>
 
+</el-card>
   <!-- 表单弹窗：添加/修改 -->
   <EquipForm ref="formRef" @success="getList" />
 </template>
@@ -183,4 +188,4 @@ onMounted( async() => {
   mouldTypeList.value = await MoudleTypeApi.getSimpList()
   await getList()
 })
-</script>
+</script>