出入库状态戳

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

@@ -1,9 +1,14 @@
 <template>
   <!-- 入库 -->
-  <el-card class="hl-card">
+  <el-card class="hl-card" style="position: relative">
     <template #header>
       <span v-text="dialogTitle"></span>
     </template>
+    <div class="abstatus">
+      <img src="/src/assets/imgs/status/status2.png" v-if="formData.status == 2" alt="" />
+      <img src="/src/assets/imgs/status/statuszf.png" v-else-if="formData.status == 3" alt="" />
+      <span v-else></span>
+    </div>
     <el-form
       ref="formRef"
       :model="formData"
@@ -133,7 +138,7 @@
                 v-loading="subFormLoading"
                 label-width="0"
               >
-                <el-table :data="formData.matItemDOList" class="hl-table" >
+                <el-table :data="formData.matItemDOList" class="hl-table">
                   <el-table-column prop="cid" label="序号" min-width="80" align="center" fixed />
                   <el-table-column prop="matId" min-width="140" align="center">
                     <template #header> <span class="hl-table_header">*</span> 物料编码 </template>
@@ -275,7 +280,7 @@
                       <el-input v-model="scope.row.projectNo" />
                     </template>
                   </el-table-column>
-                  <el-table-column prop="description" label="备注" align="center" min-width="180" >
+                  <el-table-column prop="description" label="备注" align="center" min-width="180">
                     <template #default="scope">
                       <el-input v-model="scope.row.description" />
                     </template>
@@ -517,10 +522,9 @@ const subFormRules = reactive({
   storageOkQty: [{ required: true, message: '入库数量不能为空', trigger: 'blur' }]
 })
 const handleStatus = async (num) => {
-
   // 校验表单
   await formRef.value.validate()
-  if(formData.value.matItemDOList.length === 0){
+  if (formData.value.matItemDOList.length === 0) {
     message.alertWarning('请添加物料信息!')
     return
   }
@@ -576,10 +580,9 @@ const handleStatus = async (num) => {
     isShowBtnOther.value = false
     isShowBtnDelete.value = false
   }
-  query.type= 'update'
+  query.type = 'update'
   query.id = formData.value.id
   reload()
-
 }
 const userList = ref<UserApi.UserVO[]>([]) // 用户列表
 
@@ -642,7 +645,7 @@ var commonResult = ''
 /** 提交表单 */
 const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
 
-const saveFormData = async () =>{
+const saveFormData = async () => {
   // 提交请求
   formLoading.value = true
   try {
@@ -671,7 +674,6 @@ const saveFormData = async () =>{
     }
     formData.value = await StorageApi.getStorage(storageid.value)
     message.success(t(commonResult))
-
   } finally {
     formLoading.value = false
   }
@@ -679,7 +681,7 @@ const saveFormData = async () =>{
 const submitForm = async () => {
   // 校验表单
   await formRef.value.validate()
-  if(formData.value.matItemDOList.length === 0){
+  if (formData.value.matItemDOList.length === 0) {
     message.alertWarning('请添加物料信息!')
     return
   }
@@ -693,11 +695,11 @@ const submitForm = async () => {
   await saveFormData()
 
   // 成功后刷新
-  query.type= 'update'
+  query.type = 'update'
   query.id = storageid.value
   formData.value.id = storageid.value
   //页面重新加载
-  reload();
+  reload()
 }
 
 var matCount = 1
@@ -866,7 +868,6 @@ onMounted(async () => {
       isShowBtnDelete.value = false
     }
 
-
     //获得库区列表
     const queryParamsRg = reactive({
       pageNo: 1,

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

@@ -1,9 +1,14 @@
 <template>
   <!-- 出库 -->
-  <el-card class="hl-card">
+  <el-card class="hl-card" style="position: relative">
     <template #header>
       <span v-text="dialogTitle"></span>
     </template>
+    <div class="abstatus">
+      <img src="/src/assets/imgs/status/status2.png" v-if="formData.status == 2" alt="" />
+      <img src="/src/assets/imgs/status/statuszf.png" v-else-if="formData.status == 3" alt="" />
+      <span v-else></span>
+    </div>
     <el-form
       ref="formRef"
       :model="formData"
@@ -177,7 +182,12 @@
                       />
                     </template>
                   </el-table-column>
-                  <el-table-column prop="matSpec" label="规格/型号" min-width="120" align="center" />
+                  <el-table-column
+                    prop="matSpec"
+                    label="规格/型号"
+                    min-width="120"
+                    align="center"
+                  />
 
                   <el-table-column prop="matUnit" label="系统单位" min-width="120" align="center">
                     <template #default="scope">
@@ -489,10 +499,9 @@ const subFormRules = reactive({
   storageOkQty: [{ required: true, message: '出库数量不能为空', trigger: 'blur' }]
 })
 const handleStatus = async (num) => {
-
   // 校验表单
   await formRef.value.validate()
-  if(formData.value.matItemDOList.length === 0){
+  if (formData.value.matItemDOList.length === 0) {
     message.alertWarning('请添加物料信息!')
     return
   }
@@ -547,7 +556,7 @@ const handleStatus = async (num) => {
     isShowBtnDelete.value = false
   }
   query.id = storageid.value
-  query.type= 'update'
+  query.type = 'update'
   reload()
 }
 const userList = ref<UserApi.UserVO[]>([]) // 用户列表
@@ -611,7 +620,7 @@ var commonResult = ''
 /** 提交表单 */
 const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
 
-const saveFormData = async () =>{
+const saveFormData = async () => {
   //获取最新库存信息
   const matCurrentData = await StorageMatApi.getStorageMatList()
   var hasRestNum = true
@@ -660,9 +669,6 @@ const saveFormData = async () =>{
     }
     formData.value = await StorageApi.getStorage(storageid.value)
     message.success(t(commonResult))
-
-    
-   
   } finally {
     formLoading.value = false
   }
@@ -670,7 +676,7 @@ const saveFormData = async () =>{
 const submitForm = async () => {
   // 校验表单
   await formRef.value.validate()
-  if(formData.value.matItemDOList.length === 0){
+  if (formData.value.matItemDOList.length === 0) {
     message.alertWarning('请添加物料信息!')
     return
   }
@@ -684,7 +690,7 @@ const submitForm = async () => {
   await saveFormData()
   // 成功后刷新
   query.id = storageid.value
-  query.type= 'update'
+  query.type = 'update'
   reload()
 }
 
@@ -712,7 +718,6 @@ const onAddItem = () => {
     }
     matCount = matCount + 1
 
-
     formData.value.matItemDOList.push(newData)
   } else {
     message.alertWarning('请选择出库仓库')
@@ -748,11 +753,14 @@ const handleWh = async (wid) => {
   let matParams = {
     pageNo: 1,
     pageSize: 99,
-    status: "1"
+    status: '1'
   }
   const dataMat = await MaterialApi.getMaterialPage(matParams)
   matList.value = []
-  matList.value = dataMat.list.filter((item) => matLastRemoteData.find((fish) => fish.matId === item.id && fish.whId == wid) !== undefined)
+  matList.value = dataMat.list.filter(
+    (item) =>
+      matLastRemoteData.find((fish) => fish.matId === item.id && fish.whId == wid) !== undefined
+  )
 
   formData.value.matItemDOList = []
   // formData.value.matItemDOList.forEach(item => {
@@ -792,7 +800,12 @@ const remoteMatCodeSearch = async (name) => {
 
   const dataMat = await MaterialApi.getMaterialPage(matParams)
   matList.value = []
-  matList.value = dataMat.list.filter((item) => matLastRemoteData.find((fish) => fish.matId === item.id && fish.whId == formData.value.whId) !== undefined)
+  matList.value = dataMat.list.filter(
+    (item) =>
+      matLastRemoteData.find(
+        (fish) => fish.matId === item.id && fish.whId == formData.value.whId
+      ) !== undefined
+  )
   matSelectLoading.value = false
 }
 
@@ -862,8 +875,6 @@ onMounted(async () => {
   dialogTitle.value = t('action.' + query.type)
   dialogTitle.value = query.type === 'review' ? '查看' : dialogTitle.value
 
- 
-
   //-------------------仓库全数据
   const data = await WarehouseApi.getWarehouseSimpList()
   warehouseList.value = data