库存管理 仓储设置

mes-ui/mes-ui-admin-vue3/src/views/heli/warehouse/WarehouseForm.vue

@@ -1,23 +1,23 @@
 <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="whNo">
-        <el-input v-model="formData.whNo"  disabled />
+        <el-input v-model="formData.whNo"  disabled class="!w-500px" />
       </el-form-item>
       <el-form-item label="仓库名称" prop="whName">
-        <el-input v-model="formData.whName" placeholder="请输入仓库名称" />
+        <el-input v-model="formData.whName" placeholder="请输入仓库名称" class="!w-500px" />
       </el-form-item>
       <el-form-item label="联系人" prop="contact">
-        <el-input v-model="formData.contact" placeholder="请输入联系人" />
+        <el-input v-model="formData.contact" placeholder="请输入联系人" class="!w-500px" />
       </el-form-item>
       <el-form-item label="联系电话" prop="telephone">
-        <el-input v-model="formData.telephone" placeholder="请输入联系电话" />
+        <el-input v-model="formData.telephone" placeholder="请输入联系电话" class="!w-500px" />
       </el-form-item>
       <el-form-item label="状态" prop="whStatus">
         <el-radio-group v-model="formData.whStatus">
@@ -116,4 +116,4 @@ const resetForm = () => {
   }
   formRef.value?.resetFields()
 }
-</script>
+</script>

mes-ui/mes-ui-admin-vue3/src/views/heli/warehouse/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="whNo">
         <el-input v-model="queryParams.whNo" placeholder="仓库编号" clearable @keyup.enter="handleQuery" class="!w-240px" />
       </el-form-item>
@@ -16,7 +20,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">
@@ -35,7 +39,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="whNo" />
       <el-table-column label="仓库名称" align="center" prop="whName" />
       <el-table-column label="负责人" align="center" prop="contact" />
@@ -45,7 +49,7 @@
           <dict-tag :type="DICT_TYPE.HELI_COMMON_STATUS" :value="scope.row.whStatus" />
         </template>
       </el-table-column>
-      <el-table-column label="创建时间" align="center" prop="createTime" :formatter="dateFormatter" width="180px" />
+      <el-table-column label="创建时间" align="center" prop="createTime" :formatter="dateFormatter" width="220px" />
       <el-table-column label="操作" align="center">
         <template #default="scope">
           <el-button link type="primary" @click="openForm('update', scope.row.id)" v-hasPermi="['heli:warehouse:update']">
@@ -62,6 +66,7 @@
       @pagination="getList" />
   </ContentWrap>
 
+</el-card>
   <!-- 表单弹窗：添加/修改 -->
   <WarehouseForm ref="formRef" @success="getList" />
 </template>
@@ -153,4 +158,4 @@ const handleExport = async () => {
 onMounted(async () => {
   await getList()
 })
-</script>
+</script>