入库管理

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

@@ -1,12 +1,14 @@
 <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="108px"
       >
         <el-form-item label="入库单号" prop="stockNo">
           <el-input
@@ -60,12 +62,7 @@
           </el-select>
         </el-form-item>
         <el-form-item label="入库仓库" prop="whId">
-        <el-select
+          <el-select v-model="queryParams.whId" placeholder="下拉选择" clearable class="!w-240px">
-          v-model="queryParams.whId"
-          placeholder="下拉选择"
-          clearable
-          class="!w-240px"
-        >
             <el-option
               v-for="dict in warehouseList"
               :key="dict.value"
@@ -76,12 +73,7 @@
         </el-form-item>
 
         <el-form-item label="单据状态" prop="status">
-        <el-select
+          <el-select v-model="queryParams.status" placeholder="下拉选择" clearable class="!w-240px">
-          v-model="queryParams.status"
-          placeholder="下拉选择"
-          clearable
-          class="!w-240px"
-        >
             <el-option
               v-for="dict in getIntDictOptions(DICT_TYPE.HELI_STORAGE_STATUS)"
               :key="dict.value"
@@ -92,13 +84,11 @@
         </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"
-        <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
+            ><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button
-        <el-button
-          type="primary"
-          plain
-          @click="openDetail('create')"
           >
+          <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
+          <el-button type="primary" plain @click="openDetail('create')">
             <Icon icon="ep:plus" class="mr-5px" /> 新增
           </el-button>
           <!-- <el-button
@@ -173,20 +163,12 @@
             <dict-tag :type="DICT_TYPE.HELI_STORAGE_STATUS" :value="scope.row.status" />
           </template>
         </el-table-column>
-      <el-table-column label="操作" align="center">
+        <el-table-column label="操作" align="center" width="150">
           <template #default="scope">
-          <el-button
+            <el-button link type="primary" @click="openDetail('update', scope.row.id)">
-            link
-            type="primary"
-            @click="openDetail('update', scope.row.id)"
-          >
               编辑
             </el-button>
-          <el-button
+            <el-button link type="primary" @click="openDetail('review', scope.row.id)">
-            link
-            type="primary"
-            @click="openDetail('review', scope.row.id)"
-          >
               查看
             </el-button>
             <!-- <el-button
@@ -207,7 +189,7 @@
         @pagination="getList"
       />
     </ContentWrap>
-
+  </el-card>
 </template>
 
 <script setup lang="ts">
@@ -216,13 +198,13 @@ import { dateFormatter } from '@/utils/formatTime'
 import download from '@/utils/download'
 import * as StorageApi from '@/api/heli/storage'
 import * as WarehouseApi from '@/api/heli/warehouse'
-import * as UserApi from "@/api/system/user";
+import * as UserApi from '@/api/system/user'
 
 defineOptions({ name: 'Storage' })
 
 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化
-const router = useRouter(); // 路由
+const router = useRouter() // 路由
 
 const loading = ref(true) // 列表的加载中
 const list = ref([]) // 列表的数据
@@ -287,22 +269,21 @@ const openForm = (type: string, id?: number) => {
 }
 /** 详情操作 新增/查看 */
 const openDetail = (active: string, id?: number) => {
-  router.push({ path: '/inventory/storagedetail', query: {type: active, id: id}});
+  router.push({ path: '/inventory/storagedetail', query: { type: active, id: id } })
 }
 
 /** 初始化 **/
 onMounted(async () => {
-
   const queryParamsWarehouse = reactive({
     pageNo: 1,
     pageSize: 99
   })
   const data = await WarehouseApi.getWarehousePage(queryParamsWarehouse)
 
-  data.list.forEach(element => {
+  data.list.forEach((element) => {
     element.label = element.whName
     element.value = element.id
-  });
+  })
 
   warehouseList.value = data.list