盘点物料列表UX

盘点物料列表UX

mes-ui/mes-ui-admin-vue3/src/views/heli/storagecheck/StorageCheckForm.vue

@@ -4,12 +4,6 @@
       <el-form-item label="盘点单号" prop="stockNo"  class="!w-800px">
         <el-input v-model="formData.stockNo" placeholder="系统自动生成" disabled/>
       </el-form-item>
-      <!-- <el-form-item label="单据状态" prop="status"  >
-        <el-select v-model="formData.status" placeholder="单据状态" disabled class="!w-600px">
-          <el-option v-for="dict in getIntDictOptions(DICT_TYPE.HELI_STORAGE_MAT_CHECK_STATUS)" :key="dict.value"
-            :label="dict.label" :value="dict.value" />
-        </el-select>
-      </el-form-item> -->
       <el-form-item label="盘点类型" prop="checkType"  class="!w-800px">
         <el-select v-model="formData.checkType" placeholder="盘点类型" class="!w-700px">
           <el-option v-for="dict in getIntDictOptions(DICT_TYPE.HELI_STORAGE_MAT_CHECK_TYPE)" :key="dict.value"

mes-ui/mes-ui-admin-vue3/src/views/heli/storagecheck/checkdetail.vue

@@ -98,7 +98,7 @@
           <el-col>
             <el-card class="hl-incard">
               <el-col>
-                <el-button class="hl-addbutton" type="primary" size="large" @click="onAddItem">新增</el-button>
+                <el-button class="hl-addbutton" type="primary" size="large" @click="openMatForm(1)">新增</el-button>
               </el-col>
               <el-form ref="matSubFormRef" :model="formData.matItemDOList" :rules="subFormRules"
                 v-loading="subFormLoading" label-width="0">
@@ -258,6 +258,9 @@
         除</el-button>
     </div>
   </el-card>
+
+  <!-- 表单弹窗：无聊列表 -->
+  <materials ref="matOpenFormRef" @success="getList" />
 </template>
 <script setup lang="ts">
 import { ref } from 'vue'
@@ -318,6 +321,11 @@ const formRules = reactive({
 })
 const formRef = ref() // 表单 Ref
 const matSubFormRef = ref() //子表单 Ref
+const matOpenFormRef = ref()
+
+const openMatForm = (noZero: number,whId?: number,isAll?: number) => {
+  matOpenFormRef.value.open(noZero,whId, isAll)
+}
 
 const subFormLoading = ref(false) // 子表单的加载中
 const subFormRules = reactive({
@@ -341,6 +349,11 @@ const handleStatus = async (num) => {
   }
   reload()
 }
+
+const getList = async (arrMat) => {
+  message.alertWarning('数组个数为:'+arrMat.length)
+
+}
 const userList = ref<UserApi.UserVO[]>([]) // 用户列表
 
 // ====================附件信息 开始=======================================

mes-ui/mes-ui-admin-vue3/src/views/heli/storagecheck/materials.vue

@@ -0,0 +1,84 @@
+<template>
+  <Dialog :title="dialogTitle" v-model="dialogVisible">
+    <el-form ref="matSubFormRef" :model="list" v-loading="formLoading" label-width="0">
+      <el-table :data="list" class="hl-table"  @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" disabled="true" />
+        <el-table-column prop="cid" label="序号" :width="80" />
+        <el-table-column prop="matCode" label="物料编码" min-width="120" align="center" />
+        <el-table-column prop="matName" label="物料名称" min-width="140" align="center" />
+        <el-table-column prop="matType" label="物料类型" min-width="120" align="center" />
+        <el-table-column prop="shortName" label="物料简称" min-width="120" align="center" />
+        <el-table-column prop="matSpec" label="规格/型号" min-width="120" align="center" />
+        <el-table-column prop="matBrand" label="品牌" min-width="120" align="center" />
+        <el-table-column prop="rgName" label="库区" min-width="120" align="center" />
+        <el-table-column prop="pnName" label="库位" min-width="140" align="center" />
+        <el-table-column prop="matRest" label="库存数量" min-width="120" align="center" />
+        <el-table-column prop="matUnit" label="库存单位" min-width="120" align="center" />
+      </el-table>
+    </el-form>
+    <template #footer>
+      <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
+      <el-button @click="dialogVisible = false">取 消</el-button>
+    </template>
+  </Dialog>
+</template>
+<script setup lang="ts">
+import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
+import * as StorageLogApi from '@/api/heli/storagelog'
+
+
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+
+const dialogVisible = ref(false) // 弹窗的是否展示
+const dialogTitle = ref('') // 弹窗的标题
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const list = ref([]) // 列表的数据
+const total = ref(0) // 列表的总页数
+const multipleSelection = ref([]) 
+
+const handleSelectionChange = async (val) =>{
+  multipleSelection.value = val;
+}
+
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 10
+})
+
+/** 打开弹窗 */
+const open = async (noZero: number, whId?: number, isAll?: number) => {
+  dialogVisible.value = true
+  dialogTitle.value = '物料列表'
+
+  message.alertWarning(noZero)
+  // 修改时，设置数据
+
+  formLoading.value = true
+  const data = await StorageLogApi.getStorageNowPage(queryParams)
+  list.value = data.list
+  total.value = data.total
+  try {
+    // 获取物料库存实时列表
+  } finally {
+    formLoading.value = false
+  }
+
+}
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+/** 提交表单 */
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+const submitForm = async () => {
+  // 提交请求
+  formLoading.value = true
+  try {
+
+    dialogVisible.value = false
+    // 发送操作成功的事件
+    emit('success', multipleSelection.value)
+  } finally {
+    formLoading.value = false
+  }
+}
+</script>