库存盘点新建页

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

@@ -1,35 +1,31 @@
 <template>
   <Dialog :title="dialogTitle" v-model="dialogVisible">
     <el-form ref="formRef" :model="formData" :rules="formRules" label-width="200px" v-loading="formLoading">
-      <el-form-item label="盘点单号" prop="stockNo"  class="!w-800px">
+      <el-form-item label="盘点单号" prop="stockNo">
-        <el-input v-model="formData.stockNo" placeholder="系统自动生成" disabled/>
+        <el-input v-model="formData.stockNo" placeholder="系统自动生成" disabled class="!w-250px" />
       </el-form-item>
-      <el-form-item label="盘点类型" prop="checkType"  class="!w-800px">
+      <el-form-item label="盘点类型" prop="checkType">
-        <el-select v-model="formData.checkType" placeholder="盘点类型" class="!w-700px">
+        <el-select v-model="formData.checkType" placeholder="盘点类型" class="!w-250px">
-          <el-option v-for="dict in getIntDictOptions(DICT_TYPE.HELI_STORAGE_MAT_CHECK_TYPE)" :key="dict.value"
+          <el-option v-for="dict in getIntDictOptions(DICT_TYPE.HELI_STORAGE_MAT_CHECK_TYPE)" :key="dict.value" :label="dict.label" :value="dict.value" />
-            :label="dict.label" :value="dict.value" />
         </el-select>
       </el-form-item>
-      <el-form-item label="排除库存为0的物料?" prop="noZero"  >
+      <el-form-item label="排除库存为0的物料?" prop="noZero">
         <el-radio-group v-model="formData.noZero">
-          <el-radio v-for="dict in getIntDictOptions(DICT_TYPE.HELI_COMMON_IS_OR_NOT)" :key="dict.value"
+          <el-radio v-for="dict in getIntDictOptions(DICT_TYPE.HELI_COMMON_IS_OR_NOT)" :key="dict.value" :label="dict.value">
-            :label="dict.value">
             {{ dict.label }}
           </el-radio>
         </el-radio-group>
       </el-form-item>
 
-
+      <el-form-item label="盘点仓库" prop="whId">
-      <el-form-item label="盘点仓库" prop="whId"  >
+        <el-select v-model="formData.whId" placeholder="下拉选择" clearable class="!w-250px">
-        <el-select v-model="formData.whId" placeholder="下拉选择" clearable class="!w-600px" >
+          <el-option v-for="dict in whList" :key="dict.id" :label="dict.wh_name" :value="dict.id" />
-          <el-option v-for="dict in whList" :key="dict.id" :label="dict.wh_name"
-            :value="dict.id" />
         </el-select>
       </el-form-item>
-      <el-form-item label="盘点开始时间" prop="checkTime"  class="!w-800px">
+      <el-form-item label="盘点开始时间" prop="checkTime">
-        <el-date-picker v-model="formData.checkTime" type="date" value-format="x" placeholder="盘点开始时间" class="!w-700px" />
+        <el-date-picker v-model="formData.checkTime" type="date" value-format="x" placeholder="盘点开始时间" class="!w-250px" />
       </el-form-item>
-      <el-form-item label="备注" prop="description"  class="!w-800px">
+      <el-form-item label="备注" prop="description">
         <el-input type="textarea" v-model="formData.description" show-word-limit maxlength="200" />
       </el-form-item>
     </el-form>
@@ -60,23 +56,22 @@ const formData = ref({
   noZero: 1,
   description: undefined,
   status: 1,
-  whId: undefined,
+  whId: undefined
 })
 const formRules = reactive({
   //stockNo: [{ required: true, message: '盘点单号不能为空', trigger: 'blur' }],
   whId: [{ required: true, message: '盘点仓库不能为空', trigger: 'blur' }],
   checkType: [{ required: true, message: '盘点类型不能为空', trigger: 'blur' }],
   checkTime: [{ required: true, message: '盘点开始时间不能为空', trigger: 'blur' }],
-  noZero: [{ required: true, message: '排除库存为0的物料不能为空', trigger: 'blur' }],
+  noZero: [{ required: true, message: '排除库存为0的物料不能为空', trigger: 'blur' }]
 })
 const formRef = ref() // 表单 Ref
 
-
 const whList = ref([])
 //仓库列表
-const init_page_wh = (async ()=>{
+const init_page_wh = async () => {
   whList.value = await WarehouseApi.getSimpList()
-})
+}
 /** 打开弹窗 */
 const open = async (type: string, id?: number) => {
   dialogVisible.value = true
@@ -105,7 +100,6 @@ const submitForm = async () => {
   // 提交请求
   formLoading.value = true
   try {
-    
     const data = formData.value as unknown as StorageCheckApi.StorageCheckVO
     data.status = 1
     if (formType.value === 'create') {
@@ -133,7 +127,7 @@ const resetForm = () => {
     noZero: 1,
     description: undefined,
     status: 1,
-    whId: undefined,
+    whId: undefined
   }
   formRef.value?.resetFields()
 }