工作代码阅读

      <!-- 选项卡组件，用于切换不同的订单状态 -->
      <el-tabs v-model="activeName" ref="tabsRef" @tab-click="exchangeStatus">
        <!-- 所有订单标签页 -->
        <el-tab-pane :label="$t('tabs.all')" name="first"></el-tab-pane>
        <!-- 待收货标签页 -->
        <el-tab-pane :label="$t('translate.receiving')" name="0"></el-tab-pane>
        <!-- 配送中标签页 -->
        <el-tab-pane :label="$t('translate.shipping')" name="1"></el-tab-pane>
        <!-- 采购销售库存地点标签页 -->
        <el-tab-pane :label="$t('translate.PurchaseSalesInventoryLocations')" name="2"></el-tab-pane>
        <!-- 库存标签页 -->
        <el-tab-pane :label="$t('translate.inventory')" name="3"></el-tab-pane>
        <!-- 工作站标签页 -->
        <el-tab-pane :label="$t('translate.workStation')" name="4"></el-tab-pane>
        <!-- 加工中标签页 -->
        <el-tab-pane :label="$t('translate.processing')" name="5"></el-tab-pane>
        <!-- 质检中标签页 -->
        <el-tab-pane :label="$t('translate.qualityInspection')" name="6"></el-tab-pane>
      </el-tabs>
      // 定义一个表格用于展示数据，包含多选、序号等功能列
      <el-table
          :data="state.dataList"
          v-loading="state.loading"
          border
          size="medium"
          :cell-style="tableStyle.cellStyle"
          :header-cell-style="tableStyle.headerCellStyle"
          :height="tableHeight"
          @selection-change="selectionChangHandle"
          ref="table"
          @row-click="(row,column,event) => clickRow(table,selectAll,row,event,state.dataList)"
      >
        // 多选列配置
        <el-table-column type="selection" width="40" align="center" fixed="left"/>
        // 序号列配置
        <el-table-column type="index" :label="$t('translate.SerialNo')" fixed="left" width="100"/>
        // 区域列配置，展示仓库区域名称
        <el-table-column prop="whsAreaName" :label="$t('translate.regionZone')" show-overflow-tooltip width="150"/>
        // 工作空间列配置
        <el-table-column prop="workspace" :label="$t('translate.workspace')" show-overflow-tooltip width="150"/>
        // 仓库位置代码列配置
        <el-table-column prop="code" :label="$t('translate.warehouseLocationCode')" show-overflow-tooltip width="150"/>
        // 通道列配置
        <el-table-column prop="posRoadway" :label="$t('translate.aisle')" show-overflow-tooltip width="150"/>
        // 行列配置
        <el-table-column prop="posRow" :label="$t('translate.row')" show-overflow-tooltip width="150"/>
        // 湾列配置
        <el-table-column prop="posColumn" :label="$t('translate.bay')" show-overflow-tooltip width="150"/>
        // 层列配置，展示货架信息
        <el-table-column prop="posLayer" :label="$t('translate.shelf')" show-overflow-tooltip width="150"/>
        // 存储类型列配置，使用字典标签展示存储类型
        <el-table-column prop="type" :label="$t('translate.storageType')" show-overflow-tooltip width="150">
            <template #default="{row}">
                <dict-tag :options="warehouse_location_status" :value="row.type"></dict-tag>
            </template>
        </el-table-column>
        // 出入库锁定列配置
        <el-table-column prop="accessLock" :label="$t('translate.inOutLock')" show-overflow-tooltip width="150"/>
        // 上架区域列配置
        <el-table-column prop="shelfStorageArea" :label="$t('translate.putawayZone')" show-overflow-tooltip width="150"/>
        // 拣选区域列配置
        <el-table-column prop="pickStorageArea" :label="$t('translate.pickingZone')" show-overflow-tooltip width="150"/>
        // 承载类型列配置
        <el-table-column prop="loadType" :label="$t('translate.carryingType')" show-overflow-tooltip width="150"/>
        // 上架路线编号列配置
        <el-table-column prop="shelfGentrxNum" :label="$t('translate.putawayRouteNo')" show-overflow-tooltip width="150"/>
        // 拣选路线编号列配置
        <el-table-column prop="pickGentrxNum" :label="$t('translate.pickingRouteNo')" show-overflow-tooltip width="150"/>
        // 盘点路线编号列配置
        <el-table-column prop="invGentrxNum" :label="$t('translate.inventoryRouteNo')" show-overflow-tooltip width="150"/>
        // 点击次数列配置
        <el-table-column prop="touchNum" :label="$t('translate.hits')" show-overflow-tooltip width="150"/>
        // 异常标志列配置
        <el-table-column prop="errFlag" :label="$t('translate.exceptionFlg')" show-overflow-tooltip width="150"/>
        // 库存锁定列配置，使用字典标签展示锁定状态
        <el-table-column prop="invLock" :label="$t('translate.inventoryLock')" show-overflow-tooltip width="150">
          <template #default="scope">
            <dict-tag :options="yes_no" :value="scope.row.invLock"/>
          </template>
        </el-table-column>
        // 盘点日期列配置
        <el-table-column prop="invTime" :label="$t('translate.inventoryDate')" show-overflow-tooltip width="200"/>
        // 库满级别计算标志列配置
        <el-table-column prop="whsFullLvFlag" :label="$t('库满级别计算标志')" show-overflow-tooltip width="150"/>
        // 库存饱满度列配置
        <el-table-column prop="whsFullLv" :label="$t('translate.inventoryFullLevel')" show-overflow-tooltip width="150"/>
        // 剩余承载量列配置
        <el-table-column prop="residueLoad" :label="$t('translate.remainingLoadCapacity')" show-overflow-tooltip width="150"/>
        // 剩余体积列配置
        <el-table-column prop="residueVolume" :label="$t('translate.remainingCapacity')" show-overflow-tooltip width="150"/>
        // 剩余托盘位列配置
        <el-table-column prop="residuePallet" :label="$t('translate.remainingPalletSpaces')" show-overflow-tooltip width="150"/>
        // 剩余周转箱位列配置
        <el-table-column prop="residueTurnoverBox" :label="$t('translate.remainingToteSpaces')" show-overflow-tooltip width="150"/>
        // 描述列配置
        <el-table-column prop="description" :label="$t('translate.description')" show-overflow-tooltip width="150"/>
        // 有效性列配置，使用图标展示是否有效的状态
        <el-table-column prop="isDel" :label="$t('translate.isEffective')" show-overflow-tooltip width="60" >
            <template #default="scope">
                        <span v-if="scope.row.delFlag == '0'">
                            <el-icon color="blue" ><Check /></el-icon>
                        </span>
                <span v-if="scope.row.delFlag == '1'">
                            <el-icon color="blue" ><Close /></el-icon>
                        </span>
            </template>
        </el-table-column>
        // 创建者列配置
        <el-table-column prop="createName" :label="$t('translate.createBy')" show-overflow-tooltip width="150"/>
        // 创建时间列配置
        <el-table-column prop="createTime" :label="$t('translate.createTime')" show-overflow-tooltip width="200"/>
        // 更新者列配置
        <el-table-column prop="updateName" :label="$t('translate.updateBy')" show-overflow-tooltip width="150"/>
        // 更新时间列配置
        <el-table-column prop="updateTime" :label="$t('translate.updateTime')" show-overflow-tooltip width="200"/>
      </el-table>
      // 分页组件配置，用于处理表格数据的分页显示
      <pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination"/>
    </div>
    // 引用编辑包装件的组件
    <EditPackage ref="editPackage"/>
    <!-- 编辑、新增 弹窗组件，用于处理数据的新增和编辑 -->
    <form-dialog ref="formDialogRef" @refresh="getDataList(false)"/>
    <!-- 上传 弹窗组件，用于上传Excel文件以批量导入数据 -->
    <upload-excel ref="excelUploadRef" title="导入位置信息" url="/wms/warehouse/location/upload"
                  temp-url="/wms/common/downloadFileTemplate/WarehouseLocation.xlsx" @refreshDataList="getDataList"/>

  </div>