大屏

liuying

2024-12-01 6db85a1b10d891a3871775c2c555fd681cb7da34

 LA24030_LuLiPackageLine_Web/src/views/main/ReportCenter/storageView/component/propDetail.vue

@@ -3,30 +3,45 @@
   <el-dialog v-model="dialogVisible" width="70%" @close="closeDialog">
      <template #header>
         <div style="color: #fff">
            <span>库位详情</span>
            <span>库位{{placeCode}}详情 </span>
         </div>
      </template>
      <!-- <p >容器编号：{{ containerNo }}</p> -->
      <el-table ref="tableRefWmsStockQuan" :data="materialList" style="width: 100%" tooltip-effect="light" row-key="id"
         border="">
         <el-table-column type="index" fixed="left" label="序号" width="55" align="center" />
         <el-table-column prop="areaName" fixed="left" width="100" label="所在库区" show-overflow-tooltip="" />
         <el-table-column prop="placeName" width="100" label="所在库位" show-overflow-tooltip="" />
         <el-table-column prop="materialCode"  min-width="120" label="物料编号" show-overflow-tooltip="" />
         <el-table-column prop="materialName" min-width="120" label="物料名称" show-overflow-tooltip="" />
         <el-table-column prop="materialTypeName" label="物料类型" show-overflow-tooltip="" />
         <el-table-column prop="quantity" label="库存数" show-overflow-tooltip="" />
         <el-table-column prop="snCode" width="180" label="跟踪码" show-overflow-tooltip="" />
         <el-table-column prop="containerCode" width="100" label="容器编号" show-overflow-tooltip="" />
         <el-table-column prop="containerTypeName" label="容器类型" show-overflow-tooltip="" />
		
      <el-table ref="tableRefWmsStockQuan" :data="materialList" style="width: 100%" tooltip-effect="light" row-key="id" border="">
         <el-table-column type="index" label="序号" width="55" align="center"/>
         <el-table-column prop="placeCode" label="库位编码" show-overflow-tooltip="" />
         <el-table-column prop="inTime" label="进入时间" width="80" show-overflow-tooltip="" />
         <el-table-column prop="upi" label="部件条码" show-overflow-tooltip="" />
         <el-table-column prop="detailName" label="部件名称" show-overflow-tooltip="" />
         <el-table-column prop="planNo" label="批次" show-overflow-tooltip="" />
         <el-table-column prop="orderId" label="订单号" show-overflow-tooltip="" />
         <el-table-column prop="packageCode" label="包装号" show-overflow-tooltip="" />
         <el-table-column prop="length" label="长" show-overflow-tooltip="" />
         <el-table-column prop="width" label="宽" show-overflow-tooltip="" />
         <el-table-column prop="thk" label="厚" show-overflow-tooltip="" />
         <el-table-column prop="stockStatus" label="库存状态" min-width="140"   show-overflow-tooltip="">
            <template #default="scope">
               <el-tag>{{ getEnumDesc(scope.row.stockStatus, getEnumStockStatusData_Index) }}</el-tag>
            </template>
         </el-table-column>
         <!-- <el-table-column prop="stockStatusName" label="库存状态名称" min-width="140"  show-overflow-tooltip="" /> -->
         <el-table-column prop="operReason" label="操作原因" show-overflow-tooltip="" />
         <el-table-column prop="operUser" label="操作人" show-overflow-tooltip="" />
         <el-table-column prop="operTime" label="操作时间" width="80" show-overflow-tooltip="" />
         <el-table-column prop="lockStatus" label="锁定状态" show-overflow-tooltip="">
            <template #default="scope">
               <el-tag>{{ getEnumDesc(scope.row.lockStatus, getEnumLockStatusData_Index) }}</el-tag>
            </template>
         </el-table-column>
         <el-table-column prop="lockReason" label="锁定原因" show-overflow-tooltip="" />
         <el-table-column prop="lockUser" label="锁定人" show-overflow-tooltip="" />
         <el-table-column prop="lockTime" label="锁定时间" width="80" show-overflow-tooltip="" />
         <el-table-column prop="remarks" label="备注" show-overflow-tooltip="" />
         <el-table-column prop="createTime" label="创建时间" width="130" show-overflow-tooltip="" />
         <el-table-column prop="updateTime" label="修改时间" width="130" show-overflow-tooltip="" />
         <el-table-column prop="createUserName" label="创建人" show-overflow-tooltip="" />
         <el-table-column prop="updateUserName" label="修改人" show-overflow-tooltip="" />
      </el-table>
      <!-- <el-descriptions title="" :column="1" border v-if="materialList.length>0">
         <el-descriptions-item v-for="(item,index) in  materialList" :key="index" :label="item.materialCode"
            label-align="center" align="center" label-class-name="my-label" class-name="my-content">
            {{Number(item.quantity).toFixed(3)  }} 
         </el-descriptions-item>
      </el-descriptions> -->

      <template #footer>
         <span class="dialog-footer">
            <el-button @click="dialogVisible = false">关闭</el-button>
@@ -37,29 +52,37 @@
   </el-dialog>
</template>
<script lang="ts" setup>
import { ref, defineExpose } from 'vue'
import { ref, defineExpose } from 'vue';
import { ElMessage } from 'element-plus';
import { pageWmsLocationViewDetail, pageWmsStockQuan } from '/@/api/main/ReportCenter/wmsStockQuan';
const dialogVisible = ref(false);
const materialList = ref<any>([]);
import { listWmsStockQuan, pageWmsLocationViewDetail, pageWmsStockQuan } from '/@/api/main/ReportCenter/wmsStockQuan';
import commonFunction from '/@/utils/commonFunction';
import { getTagUseable } from '/@/utils/formate';
const { getEnumDesc } = commonFunction();
import { getAPI } from '/@/utils/axios-utils';
import { SysEnumApi } from '/@/api-services/api';
const getEnumStockStatusData_Index = ref<any>([]);

//库位编号
const containerNo = ref('');
const placeCode = ref('');
const dialogVisible = ref(false);
const materialList = ref<any>([]);
const getEnumLockStatusData_Index = ref<any>([]);

//打开窗口
const openDialog = async (type: string) => {
   var res = await pageWmsLocationViewDetail({
      //containerCode: type,
      placeCode:type,//改为查询库位上全部的库存
      page: 1,
      pageSize: 10
   getEnumStockStatusData_Index.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('StockStatusEnum')).data.result ?? [];
    getEnumLockStatusData_Index.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('LockStatusEnum')).data.result ?? [];
debugger
placeCode.value =type.placeCode 
   var res = await listWmsStockQuan({
      placeCode: type.placeCode //改为查询库位上全部的库存
   });
   if (res.data.code == 200) {

      materialList.value = res.data.result?.items;
      if (materialList.value.length > 0) {
         dialogVisible.value = true;
         containerNo.value = res.data.result?.items[0].containerCode;
      }
      dialogVisible.value = true;
      materialList.value = res.data.result;
      // if (materialList.value.length > 0) {
      //    containerNo.value = res.data.result[0].containerCode;
      // }
   }
};
//关闭窗口
@@ -68,6 +91,5 @@
};
// 暴露方法
defineExpose({ openDialog });

</script>
<style lang="less" scoped></style>
<style lang="less" scoped></style>