库位维护

mes-ui/mes-ui-admin-vue3/src/views/heli/pn/PnForm.vue

@@ -1,25 +1,25 @@
 <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="pnNo">
-        <el-input v-model="formData.pnNo" placeholder="库位编码" />
+        <el-input v-model="formData.pnNo" placeholder="库位编码" class="!w-500px" />
       </el-form-item>
       <el-form-item label="库位名称" prop="pnName">
-        <el-input v-model="formData.pnName" placeholder="请库位名称" />
+        <el-input v-model="formData.pnName" placeholder="请库位名称" class="!w-500px" />
       </el-form-item>
       <el-form-item label="所属仓库" prop="whId">
-        <el-select v-model="formData.whId" placeholder="下拉选择" clearable class="!w-240px" @change="handleWhChange">
+        <el-select v-model="formData.whId" placeholder="下拉选择" clearable class="!w-500px" @change="handleWhChange">
           <el-option v-for="dict in whList" :key="dict.value" :label="dict.label" :value="dict.value" />
         </el-select>
       </el-form-item>
       <el-form-item label="所属库区" prop="rgId">
-        <el-select v-model="formData.rgId" placeholder="下拉选择" clearable class="!w-240px">
+        <el-select v-model="formData.rgId" placeholder="下拉选择" clearable class="!w-500px">
           <el-option v-for="dict in rgSelected" :key="dict.value" :label="dict.label" :value="dict.value" />
         </el-select>
       </el-form-item>
@@ -177,4 +177,4 @@ const resetForm = () => {
   }
   formRef.value?.resetFields()
 }
-</script>
+</script>

mes-ui/mes-ui-admin-vue3/src/views/heli/pn/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="pnNo">
         <el-input v-model="queryParams.pnNo" placeholder="库位编码" clearable @keyup.enter="handleQuery" class="!w-240px" />
       </el-form-item>
@@ -25,7 +29,7 @@
         </el-select>
       </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">
@@ -40,7 +44,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="pnNo" />
       <el-table-column label="库位名称" align="center" prop="pnName" />
       <el-table-column label="所属仓库" align="center" prop="whId">
@@ -59,7 +63,7 @@
           <dict-tag :type="DICT_TYPE.HELI_COMMON_STATUS" :value="scope.row.pnStatus" />
         </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:pn:update']">
@@ -76,6 +80,7 @@
       @pagination="getList" />
   </ContentWrap>
 
+</el-card>
   <!-- 表单弹窗：添加/修改 -->
   <PnForm ref="formRef" @success="getList" />
 </template>
@@ -216,4 +221,4 @@ onMounted(async () => {
 
   await getList()
 })
-</script>
+</script>