库区维护

mes-ui/mes-ui-admin-vue3/src/views/heli/rg/RgForm.vue

@@ -1,20 +1,20 @@
 <template>
-  <Dialog :title="dialogTitle" v-model="dialogVisible">
+  <Dialog :title="dialogTitle" v-model="dialogVisible" width="700px">
     <el-form
       ref="formRef"
       :model="formData"
       :rules="formRules"
-      label-width="100px"
+      label-width="108px"
       v-loading="formLoading"
     >
       <el-form-item label="库区编码" prop="rgNo">
-        <el-input v-model="formData.rgNo" placeholder="库区编码" required />
+        <el-input v-model="formData.rgNo" placeholder="库区编码" required class="!w-500px" />
       </el-form-item>
       <el-form-item label="库区名称" prop="rgName">
-        <el-input v-model="formData.rgName" placeholder="库区名称" required/>
+        <el-input v-model="formData.rgName" placeholder="库区名称" required class="!w-500px"/>
       </el-form-item>
       <el-form-item label="所属仓库" prop="whId">
-        <el-select v-model="formData.whId" clearable class="!w-700px">
+        <el-select v-model="formData.whId" clearable class="!w-500px">
           <el-option v-for="dict in warehouseList" :key="dict.value" :label="dict.label" :value="dict.value" />
         </el-select>
       </el-form-item>
@@ -132,4 +132,4 @@ const resetForm = () => {
   }
   formRef.value?.resetFields()
 }
-</script>
+</script>

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

@@ -1,7 +1,11 @@
 <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">
+    <el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="108px">
       <el-form-item label="库区编码" prop="rgNo">
         <el-input v-model="queryParams.rgNo" placeholder="库区编码" clearable @keyup.enter="handleQuery" class="!w-240px" />
       </el-form-item>
@@ -21,7 +25,7 @@
       </el-form-item>
 
       <el-form-item>
-        <el-button @click="handleQuery">
+        <el-button @click="handleQuery" type="primary">
           <Icon icon="ep:search" class="mr-5px" /> 搜索
         </el-button>
         <el-button @click="resetQuery">
@@ -36,7 +40,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="rgNo" />
       <el-table-column label="库区名称" align="center" prop="rgName" />
       <el-table-column label="所属仓库" align="center" prop="whId" >
@@ -54,7 +58,7 @@
         align="center"
         prop="createTime"
         :formatter="dateFormatter"
-        width="180px"
+        width="220px"
       />
       <el-table-column label="操作" align="center">
         <template #default="scope">
@@ -72,6 +76,7 @@
       @pagination="getList" />
   </ContentWrap>
 
+</el-card>
   <!-- 表单弹窗：添加/修改 -->
   <RgForm ref="formRef" @success="getList" />
 </template>
@@ -184,4 +189,4 @@ onMounted(async () => {
   warehouseList.value = data.list
   await getList()
 })
-</script>
+</script>