From b3a444da0be4a28d1636aba67371a72f6774094a Mon Sep 17 00:00:00 2001
From: yvan <luoyifan@qq.com>
Date: Wed, 30 Jul 2025 17:18:18 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B0=B1=E5=9C=B0=E5=8F=96=E8=B4=A7=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91=EF=BC=8C=E5=BD=93=E5=89=8D=E8=BD=A6=E6=89=80=E5=9C=A8?=
 =?UTF-8?q?=E7=9A=84=E4=BD=8D=E7=BD=AE=EF=BC=8C=E5=B0=B1=E6=98=AF=E8=83=BD?=
 =?UTF-8?q?=E5=8F=96=E8=B4=A7=E7=9A=84=E4=BD=8D=E7=BD=AE=EF=BC=8C=E5=B0=B1?=
 =?UTF-8?q?=E4=B8=8D=E8=A6=81=E5=86=8D=E8=B7=91=E5=8E=BB=E5=88=AB=E7=9A=84?=
 =?UTF-8?q?=E5=9C=B0=E6=96=B9=E5=8F=96=E8=B4=A7=E4=BA=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/inventory/query.vue | 211 +++++++++++++++++++++++++++++++-----------
 1 file changed, 156 insertions(+), 55 deletions(-)

diff --git a/src/views/inventory/query.vue b/src/views/inventory/query.vue
index cc98d26..f6d2d41 100644
--- a/src/views/inventory/query.vue
+++ b/src/views/inventory/query.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { reactive, useTemplateRef } from "vue";
+import { reactive, ref, useTemplateRef } from "vue";
 import { ElButton } from "element-plus";
-import { Delete, Search } from "@element-plus/icons-vue";
+import { Delete, Search, Plus } from "@element-plus/icons-vue";
 import DataForm from "@/components/data-form/DataForm.vue";
 import type { FormField } from "@/components/data-form/DataFormTypes.ts";
 import { AgGridVue } from "ag-grid-vue3";
@@ -16,27 +16,27 @@ interface ComponentProps {
 }
 
 // 读取组件 props 属性
-const props = withDefaults(defineProps<ComponentProps>(), {});
+const props = withDefaults(defineProps<ComponentProps>(), {})
 
 // 定义 State 类型
 interface ComponentState {
-    loading: boolean;
-    queryData: any;
-    grid1Data: Array<any>;
+  loading: boolean;
+  queryData: any;
+  grid1Data: Array<any>;
 }
 
 // state 属性
 const state = reactive<ComponentState>({
-    loading: false,
-    queryData: {},
-    grid1Data: [],
-});
+  loading: false,
+  queryData: {},
+  grid1Data: []
+})
 
 // 定义 Data 类型
 interface ComponentData {
-    formFields?: Array<FormField>;
-    gridSetting: Partial<GridOptions>;
-    api?: GridApi;
+  formFields?: Array<FormField>;
+  gridSetting: Partial<GridOptions>;
+  api?: GridApi;
 }
 
 // 内部数据
@@ -113,28 +113,83 @@ const data: ComponentData = {
 const grid = useTemplateRef<InstanceType<typeof AgGridVue>>("gridRef");
 
 function reload() {
-    data.api.paginationGoToPage(0);
-    data.api.setServerSideDatasource({ getRows: serverSideDatasource });
+  data.api.paginationGoToPage(0)
+  data.api.setServerSideDatasource({ getRows: serverSideDatasource })
 }
 
 function serverSideDatasource(params: IServerSideGetRowsParams) {
-    const { startRow, endRow } = params.request;
-    console.log("startRow, endRow ", params.request);
-    const pageSize = endRow - startRow;
-    const pageNo = Math.floor(startRow / pageSize) + 1;
-    state.loading = true;
-    Request.request.get<PageData>(
-        "/api/workbench/DeviceManager@queryInvLpn",
-        {
-            params: {
-                ...state.queryData,
-                pageSize,
-                pageNo,
-            },
-        },
-    ).then(page => {
-        params.success({ rowData: page.records, rowCount: page.total })
-    }).finally(() => state.loading = false);
+  const { startRow, endRow } = params.request
+  console.log('startRow, endRow ', params.request)
+  const pageSize = endRow - startRow
+  const pageNo = Math.floor(startRow / pageSize) + 1
+  state.loading = true
+  Request.request.get<PageData>(
+    '/api/workbench/DeviceManager@queryInvLpn',
+    {
+      params: {
+        ...state.queryData,
+        pageSize,
+        pageNo
+      }
+    }
+  ).then(page => {
+    params.success({ rowData: page.records, rowCount: page.total })
+  }).finally(() => state.loading = false)
+}
+
+const lpnList = ref([])
+const locationList = ref([])
+const addInvDialogVisible = ref(false)
+const addInvForm = reactive({
+  env_id: 10,
+  lpn: '',
+  loc_code: '',
+  layer_index: 0,
+  qty: 0
+})
+
+function showInvDialog() {
+  addInvDialogVisible.value = true
+  addInvForm.env_id = 10
+  addInvForm.lpn = ''
+  addInvForm.loc_code = ''
+  addInvForm.layer_index = 0
+  addInvForm.qty = 0
+}
+
+function addInvCommit() {
+  system.showLoading()
+  Request.request.post('/api/workbench/LccController@addInvCommit',
+    addInvForm
+
+  ).then(res => {
+    if (res.success) {
+      addInvDialogVisible.value = false
+      system.msg('添加成功', 'success')
+
+    } else {
+      system.showErrorDialog(res.msg)
+    }
+
+  }).finally(() => {
+    system.clearLoading()
+  })
+}
+
+function getLpnLocations() {
+  Request.request.post('/api/workbench/LccController@getLpnLocations',
+    addInvForm
+  ).then(res => {
+    if (res.success) {
+      addInvDialogVisible.value = false
+      lpnList.value = res.data.lpnList
+      locationList.value = res.data.locationList
+
+    } else {
+      system.showErrorDialog(res.msg)
+    }
+
+  })
 }
 
 function delInvLpn() {
@@ -153,36 +208,82 @@ function delInvLpn() {
 </script>
 
 <template>
-    <div class="common-layout dashboard flex-column-container">
-        <div class="flex-item-fixed toolbar">
-            <ElButton :icon="Search" :loading="state.loading" @click="reload" type="warning" plain>查询</ElButton>
-            <ElButton :icon="Delete" @click="delInvLpn" type="danger" plain>删除</ElButton>
-        </div>
-        <DataForm
-            class="query-form flex-item-fixed"
-            :data="state.queryData"
-            :formFields="data.formFields"
-            :columnCount="4"
-            layout="bothFixed"
-            labelWidth="85px"
-            inputWidth="200px"
-            :inline="true"
-        />
-        <AgGridVue
-            ref="gridRef"
-            :class="['ag-theme-alpine', 'yv-table', 'hi-light-selected-row','allow-vertical-line', 'flex-item-fill']"
-            v-bind="{...data.gridSetting}"
-        >
-        </AgGridVue>
+  <div class="common-layout dashboard flex-column-container">
+    <div class="flex-item-fixed toolbar">
+      <ElButton :icon="Search" :loading="state.loading" @click="reload" type="primary" plain>查询</ElButton>
+      <ElButton :icon="Plus" :loading="state.loading" @click="showInvDialog" type="warning" plain>添加库存</ElButton>
+      <ElButton :icon="Delete" @click="delInvLpn" type="danger" plain>删除</ElButton>
     </div>
+    <DataForm
+      class="query-form flex-item-fixed"
+      :data="state.queryData"
+      :formFields="data.formFields"
+      :columnCount="4"
+      layout="bothFixed"
+      labelWidth="85px"
+      inputWidth="200px"
+      :inline="true"
+    />
+    <AgGridVue
+      ref="gridRef"
+      :class="['ag-theme-alpine', 'yv-table', 'hi-light-selected-row','allow-vertical-line', 'flex-item-fill']"
+      v-bind="{...data.gridSetting}"
+    >
+    </AgGridVue>
+    <!-- 编写一个添加库存的对话框，字段是：
+    env_id 下拉框，数值是: 10=物理环境,13=虚拟环境1
+    lpn 容器编码，下拉框，下拉框取值是 /api/workbench/LccController@getContainerList, 他的返回是 { lpn:string, container_type:string }
+    loc_code 货位编码 ，下拉框，下拉框取值是 /api/workbench/LccController@getLocCodeList, 他的返回值是 { loc_code:string, rack:string, bay:number, level:number, cell:number }
+    保存按钮，点击后，发送一个请求，请求地址是 /api/workbench/LccController@addInv, 参数是 { env_id:number, lpn:string, loc_code:string }
+
+    AJAX 请求，取值方式是：
+    Request.request.post('/api/workbench/LccController@xxx', {
+      env_id: envId
+    })
+    /lpn/ -->
+    <el-dialog title="添加库存" v-model="addInvDialogVisible"
+               @opened="getLpnLocations">
+      <el-form ref="addInvForm" :model="addInvForm" label-width="80px">
+        <el-form-item label="环境">
+          <el-select v-model="addInvForm.env_id" placeholder="请选择">
+            <el-option label="物理环境" :value="10" />
+            <el-option label="虚拟环境" :value="13" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="容器编码">
+          <el-select v-model="addInvForm.lpn" placeholder="请选择">
+            <el-option v-for="item in lpnList" :key="item.lpn" :label="item.lpn" :value="item.lpn">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="货位编码">
+          <el-select v-model="addInvForm.loc_code" placeholder="请选择">
+            <el-option v-for="item in locationList" :key="item.id" :label="item.location" :value="item.location">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="数量">
+          <el-input v-model="addInvForm.qty" placeholder="请输入数量"></el-input>
+        </el-form-item>
+        <el-form-item label="码垛层数">
+          <el-input v-model="addInvForm.layer_index" placeholder="请输入数量"></el-input>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="addInvDialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="addInvCommit">确定</el-button>
+      </template>
+    </el-dialog>
+  </div>
 </template>
 
 <style scoped>
 .dashboard {
-    height: 100%;
+  height: 100%;
 }
+
 .query-form {
-    height: unset;
+  height: unset;
 }
 </style>