库存操作

src/views/sto/components/PopupBatchEdit.vue

@@ -0,0 +1,250 @@
+<template>
+  <el-dialog
+    v-model="dialogVisible"
+    title="批量修改信息明细"
+    width="600px"
+    :close-on-click-modal="false"
+    destroy-on-close
+    @close="handleClose"
+  >
+    <el-form :model="form" label-width="120px" label-position="right">
+      <el-form-item label="新客户名称">
+        <el-select
+          v-model="form.customerCompany"
+          clearable
+          filterable
+          placeholder="请选择客户名称"
+          style="width: 100%;"
+        >
+          <el-option
+            v-for="item in customerCompanyOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label="新货权单位">
+        <el-select
+          v-model="form.ownerCompany"
+          clearable
+          filterable
+          placeholder="请选择货权单位"
+          style="width: 100%;"
+        >
+          <el-option
+            v-for="item in ownerCompanyOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label="新订单号">
+        <el-input v-model="form.orderNo" placeholder="请输入新订单号" />
+      </el-form-item>
+
+      <el-form-item label="新合约号">
+        <el-input v-model="form.contractNo" placeholder="请输入新合约号" />
+      </el-form-item>
+
+      <el-form-item label="新收货地址">
+        <el-input v-model="form.deliveryAddress" placeholder="请输入新收货地址" />
+      </el-form-item>
+
+      <el-form-item label="新产地">
+        <el-input v-model="form.prodPlace" placeholder="请输入新产地" />
+      </el-form-item>
+
+      <el-form-item label="新捆包号">
+        <el-input v-model="form.bundleNo" placeholder="请输入新捆包号" />
+      </el-form-item>
+    </el-form>
+
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="success" @click="handleConfirm">确定</el-button>
+        <el-button type="danger" @click="handleCancel">取消</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { ref, getCurrentInstance } from 'vue'
+import { ElMessage } from 'element-plus'
+
+const { proxy } = getCurrentInstance()
+
+const dialogVisible = ref(false)
+const customerCompanyOptions = ref([])
+const ownerCompanyOptions = ref([])
+const selectedRows = ref([])
+
+const form = ref({
+  customerCompany: '',
+  ownerCompany: '',
+  orderNo: '',
+  contractNo: '',
+  deliveryAddress: '',
+  prodPlace: '',
+  bundleNo: ''
+})
+
+// 获取客户名称选项
+const fetchCustomerOptions = async () => {
+  try {
+    const response = await proxy.$axios.get('sto/Customer/querySelect', {})
+    if (response.data.code === 0 || response.data.code === '0') {
+      const options = response.data.data || []
+      customerCompanyOptions.value = options.map(item => ({
+        label: item.label || item.name || item.value || '',
+        value: item.value || item.id || item.code || item.label || ''
+      })).filter(item => item.label && item.value)
+    }
+  } catch (error) {
+    console.error('获取客户名称选项失败:', error)
+  }
+}
+
+// 获取货权单位选项
+const fetchOwnerCompanyOptions = async () => {
+  try {
+    const response = await proxy.$axios.get('sto/Customer/querySelect', {})
+    if (response.data.code === 0 || response.data.code === '0') {
+      const options = response.data.data || []
+      ownerCompanyOptions.value = options.map(item => ({
+        label: item.label || item.name || item.value || '',
+        value: item.value || item.id || item.code || item.label || ''
+      })).filter(item => item.label && item.value)
+    }
+  } catch (error) {
+    console.error('获取货权单位选项失败:', error)
+  }
+}
+
+// 打开弹窗
+const open = (rows) => {
+  if (!rows || rows.length === 0) {
+    ElMessage.warning('请先选择要批量修改的数据')
+    return
+  }
+  
+  selectedRows.value = rows
+  
+  // 重置表单
+  form.value = {
+    customerCompany: '',
+    ownerCompany: '',
+    orderNo: '',
+    contractNo: '',
+    deliveryAddress: '',
+    prodPlace: '',
+    bundleNo: ''
+  }
+  
+  // 获取选项数据
+  fetchCustomerOptions()
+  fetchOwnerCompanyOptions()
+  
+  dialogVisible.value = true
+}
+
+// 关闭弹窗
+const handleClose = () => {
+  dialogVisible.value = false
+  selectedRows.value = []
+  form.value = {
+    customerCompany: '',
+    ownerCompany: '',
+    orderNo: '',
+    contractNo: '',
+    deliveryAddress: '',
+    prodPlace: '',
+    bundleNo: ''
+  }
+}
+
+// 确定
+const handleConfirm = async () => {
+  // 检查是否至少填写了一个字段
+  const hasValue = Object.values(form.value).some(val => val && val.toString().trim() !== '')
+  
+  if (!hasValue) {
+    ElMessage.warning('请至少填写一个要修改的字段')
+    return
+  }
+  
+  try {
+    // 构建批量修改的数据
+    const updateData = {
+      ids: selectedRows.value.map(row => row.id || row.inProdNo).filter(id => id),
+      updateFields: {}
+    }
+    
+    // 只包含有值的字段
+    if (form.value.customerCompany) {
+      updateData.updateFields.customerCompany = form.value.customerCompany
+    }
+    if (form.value.ownerCompany) {
+      updateData.updateFields.ownerCompany = form.value.ownerCompany
+    }
+    if (form.value.orderNo) {
+      updateData.updateFields.orderNo = form.value.orderNo
+    }
+    if (form.value.contractNo) {
+      updateData.updateFields.contractNo = form.value.contractNo
+    }
+    if (form.value.deliveryAddress) {
+      updateData.updateFields.deliveryAddress = form.value.deliveryAddress
+    }
+    if (form.value.prodPlace) {
+      updateData.updateFields.prodPlace = form.value.prodPlace
+    }
+    if (form.value.bundleNo) {
+      updateData.updateFields.bundleNo = form.value.bundleNo
+    }
+    
+    // TODO: 根据实际API调整接口地址和参数格式
+    const url = 'sto/OutRecord/batchUpdate' // 需要根据实际API调整
+    const param = {
+      json: JSON.stringify(updateData),
+      jsonList: JSON.stringify(selectedRows.value)
+    }
+    
+    const response = await proxy.$axios.post(url, param)
+    
+    if (response.data.code === 0 || response.data.code === '0') {
+      ElMessage.success('批量修改成功')
+      handleClose()
+      emit('success')
+    } else {
+      ElMessage.error(`批量修改失败：${response.data.msg || ''}`)
+    }
+  } catch (error) {
+    ElMessage.error(`批量修改失败：${error.message || ''}`)
+  }
+}
+
+// 取消
+const handleCancel = () => {
+  handleClose()
+}
+
+const emit = defineEmits(['success'])
+
+defineExpose({
+  open
+})
+</script>
+
+<style scoped>
+.dialog-footer {
+  text-align: right;
+}
+</style>
+
+
+

src/views/sto/components/PopupBatchMove.vue

@@ -0,0 +1,164 @@
+<template>
+  <el-dialog
+    v-model="dialogVisible"
+    title="批量垛位"
+    width="500px"
+    :close-on-click-modal="false"
+    destroy-on-close
+    @close="handleClose"
+  >
+    <el-form :model="form" label-width="100px" label-position="right">
+      <el-form-item label="库房名称">
+        <el-select
+          v-model="form.wareId"
+          clearable
+          filterable
+          placeholder="请选择"
+          style="width: 100%;"
+        >
+          <el-option
+            v-for="item in wareOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label="新垛位">
+        <el-input v-model="form.stackName" placeholder="请输入新垛位" />
+      </el-form-item>
+    </el-form>
+
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="success" @click="handleSave">保存</el-button>
+        <el-button type="danger" @click="handleCancel">取消</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { ref, getCurrentInstance } from 'vue'
+import { ElMessage } from 'element-plus'
+
+const { proxy } = getCurrentInstance()
+
+const dialogVisible = ref(false)
+const wareOptions = ref([])
+const selectedRows = ref([])
+
+const form = ref({
+  wareId: '',
+  stackName: ''
+})
+
+// 获取库房选项
+const fetchWareOptions = async () => {
+  try {
+    const response = await proxy.$axios.get('sto/Ware/options', {})
+    if (response.data.code === 0 || response.data.code === '0') {
+      const options = response.data.data || []
+      wareOptions.value = options.map(item => ({
+        label: item.label || item.name || item.value || '',
+        value: item.value || item.id || item.code || item.label || ''
+      })).filter(item => item.label && item.value)
+    }
+  } catch (error) {
+    console.error('获取库房选项失败:', error)
+  }
+}
+
+// 打开弹窗
+const open = (rows) => {
+  if (!rows || rows.length === 0) {
+    ElMessage.warning('请先选择要批量倒垛的数据')
+    return
+  }
+  
+  selectedRows.value = rows
+  
+  // 重置表单
+  form.value = {
+    wareId: '',
+    stackName: ''
+  }
+  
+  // 获取库房选项
+  fetchWareOptions()
+  
+  dialogVisible.value = true
+}
+
+// 关闭弹窗
+const handleClose = () => {
+  dialogVisible.value = false
+  selectedRows.value = []
+  form.value = {
+    wareId: '',
+    stackName: ''
+  }
+}
+
+// 保存
+const handleSave = async () => {
+  if (!form.value.wareId) {
+    ElMessage.warning('请选择库房名称')
+    return
+  }
+  
+  if (!form.value.stackName || form.value.stackName.trim() === '') {
+    ElMessage.warning('请输入新垛位')
+    return
+  }
+  
+  try {
+    // 构建批量倒垛的数据
+    const moveData = {
+      wareId: form.value.wareId,
+      stackName: form.value.stackName.trim(),
+      ids: selectedRows.value.map(row => row.id || row.inProdNo).filter(id => id)
+    }
+    
+    // TODO: 根据实际API调整接口地址和参数格式
+    const url = 'sto/OutRecord/batchMove' // 需要根据实际API调整
+    const param = {
+      json: JSON.stringify(moveData),
+      jsonList: JSON.stringify(selectedRows.value)
+    }
+    
+    const response = await proxy.$axios.post(url, param)
+    
+    if (response.data.code === 0 || response.data.code === '0') {
+      ElMessage.success('批量倒垛成功')
+      handleClose()
+      emit('success')
+    } else {
+      ElMessage.error(`批量倒垛失败：${response.data.msg || ''}`)
+    }
+  } catch (error) {
+    ElMessage.error(`批量倒垛失败：${error.message || ''}`)
+  }
+}
+
+// 取消
+const handleCancel = () => {
+  handleClose()
+}
+
+const emit = defineEmits(['success'])
+
+defineExpose({
+  open
+})
+</script>
+
+<style scoped>
+.dialog-footer {
+  text-align: right;
+}
+</style>
+
+
+

src/views/sto/components/PopupDistribution.vue

@@ -0,0 +1,331 @@
+<template>
+  <el-dialog
+    v-model="dialogVisible"
+    title="配车"
+    width="1000px"
+    :close-on-click-modal="false"
+    destroy-on-close
+    @close="handleClose"
+  >
+    <el-form :model="form" label-width="100px" label-position="right">
+      <el-row :gutter="20">
+        <el-col :span="8">
+				<el-form-item label="车号">
+            <el-select
+              v-model="form.truckNo"
+              clearable
+              filterable
+              allow-create
+              default-first-option
+              placeholder="请选择"
+              style="width: 100%;"
+              @change="handleTruckChange"
+            >
+              <el-option
+                v-for="item in truckOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+					</el-select>
+				</el-form-item>
+        </el-col>
+        <el-col :span="8">
+				<el-form-item label="司机姓名">
+            <el-input v-model="form.driverName" placeholder="司机姓名" />
+				</el-form-item>
+        </el-col>
+        <el-col :span="8">
+				<el-form-item label="联系方式">
+            <el-input v-model="form.driverPhone" placeholder="联系方式" />
+				</el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="8">
+          <el-form-item label="总重量">
+            <el-input :value="totalWeight" placeholder="总重量" readonly />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="总数量">
+            <el-input :value="totalQuantity" placeholder="总数量" readonly />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="提货单位">
+            <el-input v-model="form.deliveryCompany" placeholder="提货单位" />
+				</el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="24">
+				<el-form-item label=" ">
+            <el-button type="success" @click="handleConfirm">确定</el-button>
+            <el-button type="success" @click="handleCancel">取消</el-button>
+            <el-button type="primary" @click="handlePrint">打印配车单</el-button>
+				</el-form-item>
+        </el-col>
+      </el-row>
+			</el-form>
+
+    <el-table
+      :data="tableData"
+      border
+      style="width: 100%; margin-top: 20px;"
+      max-height="400"
+    >
+      <el-table-column
+        type="selection"
+        width="55"
+        header-align="center"
+        align="center"
+      />
+      <el-table-column
+        prop="layerNo"
+        label="层数"
+        width="80"
+        header-align="center"
+        align="center"
+        show-overflow-tooltip
+      >
+        <template #default="{ row }">
+          {{ row.outLayerNo ?? row.layerNo ?? '-' }}
+        </template>
+				</el-table-column>
+      <el-table-column
+        label="垛位"
+        width="120"
+        header-align="center"
+        align="center"
+        show-overflow-tooltip
+      >
+        <template #default="{ row }">
+          {{ row.outStackName ?? row.stackName ?? '-' }}
+        </template>
+				</el-table-column>
+      <el-table-column
+        label="物料"
+        min-width="140"
+        header-align="center"
+        align="center"
+        show-overflow-tooltip
+      >
+        <template #default="{ row }">
+          {{ row.materialName ?? '-' }}
+        </template>
+				</el-table-column>
+      <el-table-column
+        label="钢种"
+        width="120"
+        header-align="center"
+        align="center"
+        show-overflow-tooltip
+      >
+        <template #default="{ row }">
+          {{ row.ST_GRADE ?? row.stGrade ?? '-' }}
+        </template>
+				</el-table-column>
+      <el-table-column
+        prop="inProdNo"
+        label="钢板号"
+        min-width="160"
+        header-align="center"
+        align="center"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        prop="materialStandard"
+        label="规格型号"
+        min-width="140"
+        header-align="center"
+        align="center"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        label="数量"
+        width="100"
+        header-align="center"
+        align="right"
+        show-overflow-tooltip
+      >
+        <template #default="{ row }">
+          {{ row.outQuantity ?? row.OUT_QUANTITY ?? '-' }}
+        </template>
+				</el-table-column>
+      <el-table-column
+        label="重量"
+        width="100"
+        header-align="center"
+        align="right"
+        show-overflow-tooltip
+      >
+        <template #default="{ row }">
+          {{ row.outWeight ?? row.OUT_WEIGHT ?? '-' }}
+        </template>
+				</el-table-column>
+			</el-table>
+		</el-dialog>
+</template>
+
+<script setup>
+import { ref, computed, watch, getCurrentInstance } from 'vue'
+import { ElMessage } from 'element-plus'
+
+const { proxy } = getCurrentInstance()
+
+const dialogVisible = ref(false)
+const truckOptions = ref([])
+const tableData = ref([])
+
+const form = ref({
+					truckNo: '',
+					driverName: '',
+					driverPhone: '',
+  deliveryCompany: ''
+})
+
+// 计算总重量和总数量
+const totalWeight = computed(() => {
+  const total = tableData.value.reduce((sum, row) => {
+    const weight = parseFloat(row.outWeight ?? row.OUT_WEIGHT ?? 0) || 0
+    return sum + weight
+  }, 0)
+  return total.toFixed(3)
+})
+
+const totalQuantity = computed(() => {
+  const total = tableData.value.reduce((sum, row) => {
+    const quantity = parseFloat(row.outQuantity ?? row.OUT_QUANTITY ?? 0) || 0
+    return sum + quantity
+  }, 0)
+  return total.toFixed(0)
+})
+
+// 获取车辆列表
+const fetchTrucks = async () => {
+  try {
+    const response = await proxy.$axios.get('WareDistribution/queryWaitTrucks.do', {})
+    if (response.data.code === 0 || response.data.code === '0') {
+      const trucks = response.data.data || []
+      truckOptions.value = trucks.map(item => ({
+        label: item.truckNo || item.label || '',
+        value: item.truckNo || item.value || ''
+      })).filter(item => item.label && item.value)
+    }
+  } catch (error) {
+    console.error('获取车辆列表失败:', error)
+  }
+}
+
+// 车号选择变化
+const handleTruckChange = (val) => {
+  if (val) {
+    const truck = truckOptions.value.find(item => item.value === val)
+    if (truck && truck.originalData) {
+      form.value.driverName = truck.originalData.driverName || ''
+      form.value.driverPhone = truck.originalData.driverPhone || ''
+    }
+  }
+}
+
+// 打开弹窗
+const open = (selectedRows) => {
+  if (!selectedRows || selectedRows.length === 0) {
+    ElMessage.warning('请先选择要配货的数据')
+    return
+  }
+  
+  // 重置表单
+  form.value = {
+    truckNo: '',
+    driverName: '',
+    driverPhone: '',
+    deliveryCompany: ''
+  }
+  
+  // 设置表格数据为选中的行
+  tableData.value = selectedRows.map(row => ({ ...row }))
+  
+  // 获取车辆列表
+  fetchTrucks()
+  
+  dialogVisible.value = true
+}
+
+// 关闭弹窗
+const handleClose = () => {
+  dialogVisible.value = false
+  tableData.value = []
+  form.value = {
+					truckNo: '',
+					driverName: '',
+					driverPhone: '',
+    deliveryCompany: ''
+  }
+}
+
+// 确定
+const handleConfirm = async () => {
+  if (!form.value.truckNo) {
+    ElMessage.warning('请选择车号')
+					return
+				}
+  
+  try {
+    const distribution = {
+      truckNo: form.value.truckNo,
+      driverName: form.value.driverName,
+      driverPhone: form.value.driverPhone,
+      sumWeight: totalWeight.value,
+      sumCount: totalQuantity.value,
+      deliveryCompany: form.value.deliveryCompany,
+      listDetail: tableData.value
+    }
+    
+    const param = {
+      json: JSON.stringify(distribution),
+      jsonList: JSON.stringify(tableData.value)
+    }
+    
+    const response = await proxy.$axios.post('WareDistribution/save.do', param)
+    
+    if (response.data.code === 0 || response.data.code === '0') {
+      ElMessage.success('配货成功')
+      handleClose()
+      emit('success')
+    } else {
+      ElMessage.error(`配货失败：${response.data.msg || ''}`)
+    }
+  } catch (error) {
+    ElMessage.error(`配货失败：${error.message || ''}`)
+  }
+}
+
+// 取消
+const handleCancel = () => {
+  handleClose()
+}
+
+// 打印配车单
+const handlePrint = () => {
+  if (!form.value.truckNo) {
+    ElMessage.warning('请选择车号')
+    return
+  }
+  
+  // TODO: 实现打印逻辑
+  ElMessage.info('打印功能待实现')
+}
+
+const emit = defineEmits(['success'])
+
+defineExpose({
+  open
+})
+</script>
+
+<style scoped>
+</style>

src/views/sto/components/PopupEdit.vue

@@ -0,0 +1,286 @@
+<template>
+  <el-dialog
+    v-model="dialogVisible"
+    title="修改材料信息"
+    width="900px"
+    top="5vh"
+    :close-on-click-modal="false"
+    destroy-on-close
+    @close="handleClose"
+  >
+    <el-form
+      :model="form"
+      label-width="90px"
+      label-position="right"
+    >
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="材料编号">
+            <el-input v-model="form.materialNo" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="规格型号">
+            <el-input v-model="form.materialStandard" disabled />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="品名">
+            <el-input v-model="form.materialName" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="钢种">
+            <el-input v-model="form.stGrade" disabled />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="数量">
+            <el-input v-model="form.outQuantity" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="重量">
+            <el-input v-model="form.outWeight" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="订单号">
+            <el-input v-model="form.orderNo" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="合约号">
+            <el-input v-model="form.contractNo" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="捆包号">
+            <el-input v-model="form.bundleNo" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="产地">
+            <el-input v-model="form.prodPlace" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="货权单位">
+            <el-select
+              v-model="form.ownerCompany"
+              clearable
+              filterable
+              placeholder="请选择货权单位"
+              style="width: 100%;"
+            >
+              <el-option
+                v-for="item in ownerCompanyOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="客户名称">
+            <el-select
+              v-model="form.customerCompany"
+              clearable
+              filterable
+              placeholder="请选择客户名称"
+              style="width: 100%;"
+            >
+              <el-option
+                v-for="item in customerCompanyOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="收货地址">
+            <el-input v-model="form.deliveryAddress" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="备注">
+            <el-input v-model="form.remark" type="textarea" :rows="2" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="handleConfirm">确定</el-button>
+        <el-button @click="handleCancel">取消</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { ref, reactive, getCurrentInstance } from 'vue'
+import { ElMessage } from 'element-plus'
+
+const { proxy } = getCurrentInstance()
+
+const dialogVisible = ref(false)
+const customerCompanyOptions = ref([])
+const ownerCompanyOptions = ref([])
+
+const createEmptyForm = () => ({
+  materialNo: '',
+  materialStandard: '',
+  materialName: '',
+  stGrade: '',
+  outQuantity: '',
+  outWeight: '',
+  orderNo: '',
+  contractNo: '',
+  bundleNo: '',
+  prodPlace: '',
+  ownerCompany: '',
+  customerCompany: '',
+  deliveryAddress: '',
+  remark: ''
+})
+
+const form = reactive(createEmptyForm())
+
+// 获取客户名称选项
+const fetchCustomerOptions = async () => {
+  try {
+    const response = await proxy.$axios.get('sto/Customer/querySelect', {})
+    if (response.data.code === 0 || response.data.code === '0') {
+      const options = response.data.data || []
+      customerCompanyOptions.value = options.map(item => ({
+        label: item.label || item.name || item.value || '',
+        value: item.value || item.id || item.code || item.label || ''
+      })).filter(item => item.label && item.value)
+    }
+  } catch (error) {
+    console.error('获取客户名称选项失败:', error)
+  }
+}
+
+// 获取货权单位选项
+const fetchOwnerCompanyOptions = async () => {
+  try {
+    const response = await proxy.$axios.get('sto/Customer/querySelect', {})
+    if (response.data.code === 0 || response.data.code === '0') {
+      const options = response.data.data || []
+      ownerCompanyOptions.value = options.map(item => ({
+        label: item.label || item.name || item.value || '',
+        value: item.value || item.id || item.code || item.label || ''
+      })).filter(item => item.label && item.value)
+    }
+  } catch (error) {
+    console.error('获取货权单位选项失败:', error)
+  }
+}
+
+// 打开弹窗
+const open = (row) => {
+  if (!row) {
+    ElMessage.warning('请选择要编辑的数据')
+    return
+  }
+  
+  // 重置表单并回填当前行数据
+  Object.assign(form, createEmptyForm(), {
+    materialNo: row.inProdNo ?? '',
+    materialStandard: row.materialStandard ?? '',
+    materialName: row.materialName ?? '',
+    stGrade: row.ST_GRADE ?? row.stGrade ?? '',
+    outQuantity: row.outQuantity ?? row.OUT_QUANTITY ?? '',
+    outWeight: row.outWeight ?? row.OUT_WEIGHT ?? '',
+    orderNo: row.orderNo ?? '',
+    contractNo: row.contractNo ?? '',
+    bundleNo: row.bundleNo ?? '',
+    prodPlace: row.prodPlace ?? '',
+    ownerCompany: row.ownerCompany ?? '',
+    customerCompany: row.customerCompany ?? row.CustomerCompany ?? '',
+    deliveryAddress: row.deliveryAddress ?? '',
+    remark: row.remark ?? ''
+  })
+  
+  // 获取选项数据
+  fetchCustomerOptions()
+  fetchOwnerCompanyOptions()
+  
+  dialogVisible.value = true
+}
+
+// 关闭弹窗
+const handleClose = () => {
+  dialogVisible.value = false
+  Object.assign(form, createEmptyForm())
+}
+
+// 确定
+const handleConfirm = async () => {
+  try {
+    // TODO: 根据实际API调整接口地址和参数格式
+    const url = 'sto/OutRecord/update' // 需要根据实际API调整
+    const param = {
+      json: JSON.stringify(form)
+    }
+    
+    const response = await proxy.$axios.post(url, param)
+    
+    if (response.data.code === 0 || response.data.code === '0') {
+      ElMessage.success('修改成功')
+      handleClose()
+      emit('success')
+    } else {
+      ElMessage.error(`修改失败：${response.data.msg || ''}`)
+    }
+  } catch (error) {
+    ElMessage.error(`修改失败：${error.message || ''}`)
+  }
+}
+
+// 取消
+const handleCancel = () => {
+  handleClose()
+}
+
+const emit = defineEmits(['success'])
+
+defineExpose({
+  open
+})
+</script>
+
+<style scoped>
+.dialog-footer {
+  text-align: right;
+}
+</style>
+
+

src/views/sto/components/PopupOutStock.vue

@@ -0,0 +1,381 @@
+<template>
+  <el-dialog
+    v-model="dialogVisible"
+    title="客户"
+    width="1000px"
+    :close-on-click-modal="false"
+    destroy-on-close
+    @close="handleClose"
+  >
+    <el-form :model="form" label-width="100px" label-position="right">
+      <el-row :gutter="20">
+        <el-col :span="8">
+          <el-form-item label="车号">
+            <el-select
+              v-model="form.truckNo"
+              clearable
+              filterable
+              allow-create
+              default-first-option
+              placeholder="请选择"
+              style="width: 100%;"
+              @change="handleTruckChange"
+            >
+              <el-option
+                v-for="item in truckOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="司机姓名">
+            <el-input v-model="form.driverName" placeholder="司机姓名" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="联系方式">
+            <el-input v-model="form.driverPhone" placeholder="联系方式" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="8">
+          <el-form-item label="总重量">
+            <el-input :value="totalWeight" placeholder="总重量" readonly />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="总数量">
+            <el-input :value="totalQuantity" placeholder="总数量" readonly />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="过磅重量">
+            <el-input v-model="form.suttle" placeholder="过磅重量" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="8">
+          <el-form-item label="理货人员">
+            <el-select
+              v-model="form.tallyPeople"
+              clearable
+              filterable
+              placeholder="理货人员"
+              style="width: 100%;"
+            >
+              <el-option
+                v-for="item in tallyPeopleOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label=" ">
+            <el-button type="success" @click="handleOutStock">出库</el-button>
+          </el-form-item>
+        </el-col>
+        <el-col :span="4">
+          <el-form-item label="是否打印地址">
+            <el-switch v-model="form.printAddress" active-color="#13ce66" inactive-color="#ff4949" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="4">
+          <el-form-item label="是否打印备注">
+            <el-switch v-model="form.printRemark" active-color="#13ce66" inactive-color="#ff4949" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <el-table
+      :data="tableData"
+      border
+      style="width: 100%; margin-top: 20px;"
+      max-height="400"
+    >
+      <el-table-column
+        prop="layerNo"
+        label="层数"
+        width="80"
+        header-align="center"
+        align="center"
+        show-overflow-tooltip
+      >
+        <template #default="{ row }">
+          {{ row.outLayerNo ?? row.layerNo ?? '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="垛位"
+        width="120"
+        header-align="center"
+        align="center"
+        show-overflow-tooltip
+      >
+        <template #default="{ row }">
+          {{ row.outStackName ?? row.stackName ?? '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="物料"
+        min-width="140"
+        header-align="center"
+        align="center"
+        show-overflow-tooltip
+      >
+        <template #default="{ row }">
+          {{ row.materialName ?? '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="钢种"
+        width="120"
+        header-align="center"
+        align="center"
+        show-overflow-tooltip
+      >
+        <template #default="{ row }">
+          {{ row.ST_GRADE ?? row.stGrade ?? '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="inProdNo"
+        label="钢板号"
+        min-width="160"
+        header-align="center"
+        align="center"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        prop="materialStandard"
+        label="规格型号"
+        min-width="140"
+        header-align="center"
+        align="center"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        label="数量"
+        width="100"
+        header-align="center"
+        align="right"
+        show-overflow-tooltip
+      >
+        <template #default="{ row }">
+          {{ row.outQuantity ?? row.OUT_QUANTITY ?? '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="重量"
+        width="100"
+        header-align="center"
+        align="right"
+        show-overflow-tooltip
+      >
+        <template #default="{ row }">
+          {{ row.outWeight ?? row.OUT_WEIGHT ?? '-' }}
+        </template>
+      </el-table-column>
+    </el-table>
+  </el-dialog>
+</template>
+
+<script setup>
+import { ref, computed, getCurrentInstance } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+
+const { proxy } = getCurrentInstance()
+
+const dialogVisible = ref(false)
+const truckOptions = ref([])
+const tallyPeopleOptions = ref([])
+const tableData = ref([])
+
+const form = ref({
+  truckNo: '',
+  driverName: '',
+  driverPhone: '',
+  suttle: '',
+  tallyPeople: '',
+  printAddress: true,
+  printRemark: true
+})
+
+// 计算总重量和总数量
+const totalWeight = computed(() => {
+  const total = tableData.value.reduce((sum, row) => {
+    const weight = parseFloat(row.outWeight ?? row.OUT_WEIGHT ?? 0) || 0
+    return sum + weight
+  }, 0)
+  return total.toFixed(3)
+})
+
+const totalQuantity = computed(() => {
+  const total = tableData.value.reduce((sum, row) => {
+    const quantity = parseFloat(row.outQuantity ?? row.OUT_QUANTITY ?? 0) || 0
+    return sum + quantity
+  }, 0)
+  return total.toFixed(0)
+})
+
+// 获取车辆列表
+const fetchTrucks = async () => {
+  try {
+    const response = await proxy.$axios.get('WareDistribution/queryWaitTrucks.do', {})
+    if (response.data.code === 0 || response.data.code === '0') {
+      const trucks = response.data.data || []
+      truckOptions.value = trucks.map(item => ({
+        label: item.truckNo || item.label || '',
+        value: item.truckNo || item.value || ''
+      })).filter(item => item.label && item.value)
+    }
+  } catch (error) {
+    console.error('获取车辆列表失败:', error)
+  }
+}
+
+// 获取理货人员选项
+const fetchTallyPeopleOptions = async () => {
+  try {
+    const response = await proxy.$axios.get('Common/querySelector.do', {
+      type: 'TALLY_PEOPLE'
+    })
+    if (response.data.code === 0 || response.data.code === '0') {
+      const options = response.data.data || []
+      tallyPeopleOptions.value = options.map(item => ({
+        label: item.dicName || item.label || '',
+        value: item.dicCode || item.value || ''
+      })).filter(item => item.label && item.value)
+    }
+  } catch (error) {
+    console.error('获取理货人员选项失败:', error)
+  }
+}
+
+// 车号选择变化
+const handleTruckChange = (val) => {
+  if (val) {
+    const truck = truckOptions.value.find(item => item.value === val)
+    if (truck && truck.originalData) {
+      form.value.driverName = truck.originalData.driverName || ''
+      form.value.driverPhone = truck.originalData.driverPhone || ''
+    }
+  }
+}
+
+// 打开弹窗
+const open = (selectedRows) => {
+  if (!selectedRows || selectedRows.length === 0) {
+    ElMessage.warning('请先选择要出库的数据')
+    return
+  }
+  
+  // 重置表单
+  form.value = {
+    truckNo: '',
+    driverName: '',
+    driverPhone: '',
+    suttle: '',
+    tallyPeople: '',
+    printAddress: true,
+    printRemark: true
+  }
+  
+  // 设置表格数据为选中的行
+  tableData.value = selectedRows.map(row => ({ ...row }))
+  
+  // 获取车辆列表和理货人员选项
+  fetchTrucks()
+  fetchTallyPeopleOptions()
+  
+  dialogVisible.value = true
+}
+
+// 关闭弹窗
+const handleClose = () => {
+  dialogVisible.value = false
+  tableData.value = []
+  form.value = {
+    truckNo: '',
+    driverName: '',
+    driverPhone: '',
+    suttle: '',
+    tallyPeople: '',
+    printAddress: true,
+    printRemark: true
+  }
+}
+
+// 出库
+const handleOutStock = async () => {
+  if (!form.value.truckNo) {
+    ElMessage.warning('请选择车号')
+    return
+  }
+  
+  try {
+    const distribution = {
+      truckNo: form.value.truckNo,
+      driverName: form.value.driverName,
+      driverPhone: form.value.driverPhone,
+      sumWeight: totalWeight.value,
+      sumCount: totalQuantity.value,
+      suttle: form.value.suttle || 0,
+      tallyPeople: form.value.tallyPeople,
+      printAddress: form.value.printAddress,
+      printRemark: form.value.printRemark,
+      listDetail: tableData.value
+    }
+    
+    const param = {
+      json: JSON.stringify(distribution)
+    }
+    
+    const response = await proxy.$axios.post('WareOut/outByDistribution.do', param)
+    
+    if (response.data.code === 0 || response.data.code === '0') {
+      // 如果存在现金支付方式，显示警告
+      if (response.data.payWay === '现金') {
+        await ElMessageBox.alert(
+          `存在支付方式为现金的材料，价格为${response.data.InvoicePrice}，请在出库界面确认价格`,
+          '警告',
+          {
+            confirmButtonText: '确定',
+            type: 'warning'
+          }
+        )
+      }
+      
+      ElMessage.success('出库成功')
+      handleClose()
+      emit('success')
+    } else {
+      ElMessage.error(`出库失败：${response.data.msg || ''}`)
+    }
+  } catch (error) {
+    ElMessage.error(`出库失败：${error.message || ''}`)
+  }
+}
+
+const emit = defineEmits(['success'])
+
+defineExpose({
+  open
+})
+</script>
+
+<style scoped>
+</style>
+
+
+

src/views/sto/components/PopupTransferOwnership.vue

@@ -0,0 +1,214 @@
+<template>
+  <el-dialog
+    v-model="dialogVisible"
+    title="货权转移"
+    width="600px"
+    :close-on-click-modal="false"
+    destroy-on-close
+    @close="handleClose"
+  >
+    <el-form :model="form" label-width="100px" label-position="right">
+      <el-form-item label="新客户">
+        <el-select
+          v-model="form.customerCompany"
+          clearable
+          filterable
+          placeholder="请选择客户名称"
+          style="width: 100%;"
+        >
+          <el-option
+            v-for="item in customerCompanyOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label="新货主">
+        <el-select
+          v-model="form.ownerCompany"
+          clearable
+          filterable
+          placeholder="请选择货权单位"
+          style="width: 100%;"
+        >
+          <el-option
+            v-for="item in ownerCompanyOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label="修改地址">
+        <el-input
+          v-model="form.deliveryAddress"
+          type="textarea"
+          :rows="3"
+          placeholder="请输入地址"
+        />
+      </el-form-item>
+    </el-form>
+
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="success" @click="handleSave">保存</el-button>
+        <el-button type="danger" @click="handleCancel">取消</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { ref, getCurrentInstance } from 'vue'
+import { ElMessage } from 'element-plus'
+
+const { proxy } = getCurrentInstance()
+
+const dialogVisible = ref(false)
+const customerCompanyOptions = ref([])
+const ownerCompanyOptions = ref([])
+const selectedRows = ref([])
+
+const form = ref({
+  customerCompany: '',
+  ownerCompany: '',
+  deliveryAddress: ''
+})
+
+// 获取客户名称选项
+const fetchCustomerOptions = async () => {
+  try {
+    const response = await proxy.$axios.get('sto/Customer/querySelect', {})
+    if (response.data.code === 0 || response.data.code === '0') {
+      const options = response.data.data || []
+      customerCompanyOptions.value = options.map(item => ({
+        label: item.label || item.name || item.value || '',
+        value: item.value || item.id || item.code || item.label || ''
+      })).filter(item => item.label && item.value)
+    }
+  } catch (error) {
+    console.error('获取客户名称选项失败:', error)
+  }
+}
+
+// 获取货权单位选项
+const fetchOwnerCompanyOptions = async () => {
+  try {
+    const response = await proxy.$axios.get('sto/Customer/querySelect', {})
+    if (response.data.code === 0 || response.data.code === '0') {
+      const options = response.data.data || []
+      ownerCompanyOptions.value = options.map(item => ({
+        label: item.label || item.name || item.value || '',
+        value: item.value || item.id || item.code || item.label || ''
+      })).filter(item => item.label && item.value)
+    }
+  } catch (error) {
+    console.error('获取货权单位选项失败:', error)
+  }
+}
+
+// 打开弹窗
+const open = (rows) => {
+  if (!rows || rows.length === 0) {
+    ElMessage.warning('请先选择要转移货权的数据')
+    return
+  }
+  
+  selectedRows.value = rows
+  
+  // 重置表单
+  form.value = {
+    customerCompany: '',
+    ownerCompany: '',
+    deliveryAddress: ''
+  }
+  
+  // 获取选项数据
+  fetchCustomerOptions()
+  fetchOwnerCompanyOptions()
+  
+  dialogVisible.value = true
+}
+
+// 关闭弹窗
+const handleClose = () => {
+  dialogVisible.value = false
+  selectedRows.value = []
+  form.value = {
+    customerCompany: '',
+    ownerCompany: '',
+    deliveryAddress: ''
+  }
+}
+
+// 保存
+const handleSave = async () => {
+  // 检查是否至少填写了一个字段
+  const hasValue = form.value.customerCompany || form.value.ownerCompany || (form.value.deliveryAddress && form.value.deliveryAddress.trim() !== '')
+  
+  if (!hasValue) {
+    ElMessage.warning('请至少填写一个要修改的字段')
+    return
+  }
+  
+  try {
+    // 构建货权转移的数据
+    const transferData = {
+      ids: selectedRows.value.map(row => row.id || row.inProdNo).filter(id => id),
+      updateFields: {}
+    }
+    
+    // 只包含有值的字段
+    if (form.value.customerCompany) {
+      transferData.updateFields.customerCompany = form.value.customerCompany
+    }
+    if (form.value.ownerCompany) {
+      transferData.updateFields.ownerCompany = form.value.ownerCompany
+    }
+    if (form.value.deliveryAddress && form.value.deliveryAddress.trim() !== '') {
+      transferData.updateFields.deliveryAddress = form.value.deliveryAddress.trim()
+    }
+    
+    // TODO: 根据实际API调整接口地址和参数格式
+    const url = 'sto/OutRecord/transferOwnership' // 需要根据实际API调整
+    const param = {
+      json: JSON.stringify(transferData),
+      jsonList: JSON.stringify(selectedRows.value)
+    }
+    
+    const response = await proxy.$axios.post(url, param)
+    
+    if (response.data.code === 0 || response.data.code === '0') {
+      ElMessage.success('货权转移成功')
+      handleClose()
+      emit('success')
+    } else {
+      ElMessage.error(`货权转移失败：${response.data.msg || ''}`)
+    }
+  } catch (error) {
+    ElMessage.error(`货权转移失败：${error.message || ''}`)
+  }
+}
+
+// 取消
+const handleCancel = () => {
+  handleClose()
+}
+
+const emit = defineEmits(['success'])
+
+defineExpose({
+  open
+})
+</script>
+
+<style scoped>
+.dialog-footer {
+  text-align: right;
+}
+</style>
+
+

src/views/sto/ware/storeChange.vue

@@ -0,0 +1,976 @@
+<template>
+  <div>
+    <el-card :body-style="cardBodyStyle">
+      <el-form :model="query" label-width="90px" label-position="right">
+        <el-row :gutter="10">
+          <el-col :span="6">
+            <el-form-item label="库房名称">
+              <el-select
+                v-model="query.wareId"
+                clearable
+                filterable
+                placeholder="请选择库房"
+                style="width: 100%;"
+                @visible-change="handleWareVisible"
+              >
+                <el-option
+                  v-for="item in wareOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="垛位名称">
+              <el-input v-model="query.stackName" clearable placeholder="请输入垛位名称" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="品名">
+              <el-input v-model="query.materialName" clearable placeholder="请输入品名" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="钢种">
+              <el-input v-model="query.stGrade" clearable placeholder="请输入钢种" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="10">
+          <el-col :span="6">
+            <el-form-item label="规格型号">
+              <el-input v-model="query.materialStandard" clearable placeholder="请输入规格型号" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="捆包号">
+              <el-input v-model="query.bundleNo" clearable placeholder="请输入捆包号" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="材料号">
+              <el-input v-model="query.inProdNo" clearable placeholder="请输入材料号" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="订单号">
+              <el-input v-model="query.orderNo" clearable placeholder="请输入订单号" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="10">
+          <el-col :span="6">
+            <el-form-item label="合约号">
+              <el-input v-model="query.contractNo" clearable placeholder="请输入合约号" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="货权单位">
+              <el-select
+                v-model="query.ownerCompany"
+                clearable
+                filterable
+                placeholder="请选择货权单位"
+                style="width: 100%;"
+                @visible-change="handleOwnerVisible"
+              >
+                <el-option
+                  v-for="item in ownerCompanyOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="客户名称">
+              <el-select
+                v-model="query.customerCompany"
+                clearable
+                filterable
+                placeholder="请选择客户名称"
+                style="width: 100%;"
+                @visible-change="handleCustomerVisible"
+              >
+                <el-option
+                  v-for="item in customerCompanyOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+<!--          <el-col :span="6">-->
+<!--            <el-form-item label="出库车号">-->
+<!--              <el-input v-model="query.outTruckNo" clearable placeholder="请输入出库车号" />-->
+<!--            </el-form-item>-->
+<!--          </el-col>-->
+        </el-row>
+
+        <el-row :gutter="10">
+          <el-col :span="8">
+            <el-form-item label="入库时间">
+              <el-date-picker
+                v-model="query.outDtmRange"
+                type="datetimerange"
+                range-separator="至"
+                start-placeholder="开始时间"
+                end-placeholder="结束时间"
+                :default-time="defaultRangeTime"
+                style="width: 100%;"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <el-form-item label=" ">
+              <el-button type="primary" @click="handleSearch">查询</el-button>
+              <el-button @click="handleReset">重置</el-button>
+              <el-button type="primary" @click="handleTransferOwnership">货权转移</el-button>
+              <el-button type="primary" @click="handleAllocate">配货</el-button>
+              <el-button type="primary" @click="handleOutStock">出库</el-button>
+              <el-button @click="handleExport">导出记录</el-button>
+
+              <el-dropdown @command="handleOtherCommand">
+                <el-button>
+                  其他操作
+                  <i class="el-icon-arrow-down el-icon--right" />
+                </el-button>
+                <template #dropdown>
+                  <el-dropdown-menu>
+                    <el-dropdown-item command="cancelIn">取消入库</el-dropdown-item>
+                    <el-dropdown-item command="batchEdit">批量修改</el-dropdown-item>
+                    <el-dropdown-item command="batchMove">批量倒垛</el-dropdown-item>
+                  </el-dropdown-menu>
+                </template>
+              </el-dropdown>
+
+              <el-dropdown @command="handleLockCommand">
+                <el-button type="danger">
+                  封锁出仓
+                  <i class="el-icon-arrow-down el-icon--right" />
+                </el-button>
+                <template #dropdown>
+                  <el-dropdown-menu>
+                    <el-dropdown-item command="lock">封锁</el-dropdown-item>
+                    <el-dropdown-item command="unlock">取消封锁</el-dropdown-item>
+                    <el-dropdown-item command="inStock">入仓</el-dropdown-item>
+                  </el-dropdown-menu>
+                </template>
+              </el-dropdown>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </el-card>
+
+    <el-card :body-style="cardBodyStyle" class="summary-card">
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <div class="summary-item">
+            <span class="summary-label">数量统计：</span>
+            <span class="summary-value">{{ statistics.totalQuantity ?? '-' }}</span>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <div class="summary-item">
+            <span class="summary-label">重量统计：</span>
+            <span class="summary-value">{{ statistics.totalWeight ?? '-' }}</span>
+          </div>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <el-card :body-style="cardBodyStyle">
+      <el-table
+        ref="tableRef"
+        v-loading="tableLoading"
+        :data="tableData"
+        border
+        highlight-current-row
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column
+            type="selection"
+            width="55"
+            header-align="center"
+            align="center"
+            fixed="left"
+        />
+        <el-table-column
+          label="操作"
+          width="100"
+          header-align="center"
+          align="center"
+          fixed="left"
+        >
+          <template #default="{ row }">
+            <el-button type="text" size="small" @click="handleEdit(row)">编辑</el-button>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="仓库名称" min-width="140" header-align="center" align="center">
+          <template #default="{ row }">
+            {{ row.outWareName ?? row.wareName ?? '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="垛位名称" min-width="140" header-align="center" align="center">
+          <template #default="{ row }">
+            {{ row.outStackName ?? row.stackName ?? '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="层号" width="100" header-align="center" align="center">
+          <template #default="{ row }">
+            {{ row.outLayerNo ?? row.layerNo ?? '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="物料名称" min-width="160" header-align="center" align="center">
+          <template #default="{ row }">
+            {{ row.materialName ?? '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="钢种" width="140" header-align="center" align="center">
+          <template #default="{ row }">
+            {{ row.ST_GRADE ?? row.stGrade ?? '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="inDtm" label="入库时间" min-width="180" header-align="center" align="center" show-overflow-tooltip />
+        <el-table-column prop="ownerCompany" label="货权公司" min-width="160" header-align="center" align="center" show-overflow-tooltip />
+        <el-table-column prop="receivingCompany" label="收货公司" min-width="160" header-align="center" align="center" show-overflow-tooltip />
+        <el-table-column label="最终客户公司" min-width="180" header-align="center" align="center" show-overflow-tooltip>
+          <template #default="{ row }">
+            {{ row.customerCompany ?? row.CustomerCompany ?? '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="inProdNo" label="材料号" min-width="140" header-align="center" align="center" show-overflow-tooltip />
+        <el-table-column label="出库车号" min-width="140" header-align="center" align="center" show-overflow-tooltip>
+          <template #default="{ row }">
+            {{ row.outTruckNo ?? row.carNo ?? '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="orderNo" label="订单号" min-width="160" header-align="center" align="center" show-overflow-tooltip />
+        <el-table-column prop="contractNo" label="合约号" min-width="160" header-align="center" align="center" show-overflow-tooltip />
+        <el-table-column label="出库重量" min-width="140" header-align="center" align="right" show-overflow-tooltip>
+          <template #default="{ row }">
+            {{ row.outWeight ?? row.OUT_WEIGHT ?? '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="出库数量" min-width="140" header-align="center" align="right" show-overflow-tooltip>
+          <template #default="{ row }">
+            {{ row.outQuantity ?? row.OUT_QUANTITY ?? '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="出库标记" width="140" header-align="center" align="center">
+          <template #default="{ row }">
+            <el-tag :type="flagTagType(row.outFlag)" effect="plain">
+              {{ flagLabel(row.outFlag) }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="deliveryAddress" label="收货地址" min-width="200" header-align="center" align="center" show-overflow-tooltip />
+<!--        <el-table-column prop="outDtm" label="出库时间" min-width="180" header-align="center" align="center" show-overflow-tooltip />-->
+      </el-table>
+    </el-card>
+
+    <el-card :body-style="cardBodyStyle">
+      <el-pagination
+        :current-page="currentPage"
+        :page-size="pageSize"
+        :page-sizes="pageSizes"
+        :total="totalRows"
+        background="background"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+    </el-card>
+
+    <!-- 编辑弹窗 -->
+    <PopupEdit ref="popupEditRef" @success="handleEditSuccess" />
+
+    <!-- 配货弹窗 -->
+    <PopupDistribution ref="popupDistributionRef" @success="handleDistributionSuccess" />
+
+    <!-- 出库弹窗 -->
+    <PopupOutStock ref="popupOutStockRef" @success="handleOutStockSuccess" />
+
+    <!-- 批量修改弹窗 -->
+    <PopupBatchEdit ref="popupBatchEditRef" @success="handleBatchEditSuccess" />
+
+    <!-- 批量倒垛弹窗 -->
+    <PopupBatchMove ref="popupBatchMoveRef" @success="handleBatchMoveSuccess" />
+
+    <!-- 货权转移弹窗 -->
+    <PopupTransferOwnership ref="popupTransferOwnershipRef" @success="handleTransferOwnershipSuccess" />
+  </div>
+</template>
+
+<script setup>
+import {getCurrentInstance, onMounted, reactive, ref} from 'vue'
+import {ElMessage, ElMessageBox} from 'element-plus'
+import tools from '@/tools'
+import PopupDistribution from '../components/PopupDistribution.vue'
+import PopupOutStock from '../components/PopupOutStock.vue'
+import PopupBatchEdit from '../components/PopupBatchEdit.vue'
+import PopupBatchMove from '../components/PopupBatchMove.vue'
+import PopupTransferOwnership from '../components/PopupTransferOwnership.vue'
+import PopupEdit from '../components/PopupEdit.vue'
+
+const {proxy} = getCurrentInstance()
+
+const cardBodyStyle = ref(tools.style.card)
+const tableLoading = ref(false)
+const tableData = ref([])
+const currentPage = ref(1)
+const totalRows = ref(0)
+const pageSizes = ref([10, 20, 50, 100])
+const pageSize = ref(10)
+const tableRef = ref(null)
+const popupDistributionRef = ref(null)
+const popupOutStockRef = ref(null)
+const popupBatchEditRef = ref(null)
+const popupBatchMoveRef = ref(null)
+const popupTransferOwnershipRef = ref(null)
+const popupEditRef = ref(null)
+const multipleSelection = ref([])
+
+const listUrl = ref('sto/WareStore/query')
+const statisticsUrl = ref('sto//WareStore/statistics')
+
+const wareOptions = ref([])
+const ownerCompanyOptions = ref([])
+const customerCompanyOptions = ref([])
+const statistics = reactive({
+  totalQuantity: 0,
+  totalWeight: 0
+})
+const defaultRangeTime = [
+  new Date(0, 0, 0, 0, 0, 0),
+  new Date(0, 0, 0, 23, 59, 59)
+]
+
+const toOptions = (list, labelKey, valueKey) =>
+  (list || []).map((item) => {
+    if (typeof item === 'string') {
+      return {
+        label: item,
+        value: item
+      }
+    }
+    return {
+      label: item?.[labelKey] ?? item?.label ?? item?.name ?? item?.value ?? '',
+      value: item?.[valueKey] ?? item?.value ?? item?.id ?? item?.code ?? item?.label ?? ''
+    }
+  }).filter((item) => item.label !== '' && item.value !== '')
+
+const createDefaultQuery = () => {
+  const today = new Date()
+  const start = new Date(today.getFullYear(), today.getMonth(), today.getDate())
+  const end = new Date(today.getFullYear(), today.getMonth(), today.getDate(), 23, 59, 59, 999)
+  return {
+    wareId: '',
+  stackName: '',
+  materialName: '',
+    stGrade: '',
+  materialStandard: '',
+    bundleNo: '',
+    inProdNo: '',
+    orderNo: '',
+    contractNo: '',
+  ownerCompany: '',
+    customerCompany: '',
+    outTruckNo: '',
+    outFlag: '',
+    outDtmRange: [start, end]
+  }
+}
+const query = reactive(createDefaultQuery())
+
+const formatDateTime = (value, isEnd = false) => {
+  if (!value) return ''
+  const date = new Date(value)
+  if (Number.isNaN(date.getTime())) return ''
+  if (isEnd && date.getHours() === 0 && date.getMinutes() === 0 && date.getSeconds() === 0) {
+    date.setHours(23, 59, 59, 999)
+  }
+  const pad = (num) => String(num).padStart(2, '0')
+  const yyyy = date.getFullYear()
+  const mm = pad(date.getMonth() + 1)
+  const dd = pad(date.getDate())
+  const hh = pad(date.getHours())
+  const mi = pad(date.getMinutes())
+  const ss = pad(date.getSeconds())
+  return `${yyyy}-${mm}-${dd} ${hh}:${mi}:${ss}`
+}
+
+const buildQueryParams = () => {
+  const [startOut, endOut] = query.outDtmRange || []
+  return {
+    wareId: query.wareId,
+    stackName: query.stackName,
+    materialName: query.materialName,
+    stGrade: query.stGrade,
+    materialStandard: query.materialStandard,
+    bundleNo: query.bundleNo,
+    inProdNo: query.inProdNo,
+    orderNo: query.orderNo,
+    contractNo: query.contractNo,
+    ownerCompany: query.ownerCompany,
+    customerCompany: query.customerCompany,
+    outTruckNo: query.outTruckNo,
+    outFlag: query.outFlag,
+    startDtm: formatDateTime(startOut),
+    endDtm: formatDateTime(endOut, true)
+  }
+}
+
+const getTableData = () => {
+  tableLoading.value = true
+  const param = {
+    page: currentPage.value,
+    rows: pageSize.value,
+    params: JSON.stringify(buildQueryParams())
+  }
+  proxy.$axios.get(listUrl.value, param).then((response) => {
+    if (response.data.code === '0') {
+      tableData.value = response.data.data.records || []
+      totalRows.value = response.data.data.total || 0
+    } else {
+      ElMessage.error(`查询失败：${response.data.msg || ''}`)
+    }
+  }).catch((error) => {
+    ElMessage.error(`查询失败：${error.message || ''}`)
+  }).finally(() => {
+    tableLoading.value = false
+  })
+}
+
+const getStatistics = () => {
+  const param = {
+    params: JSON.stringify(buildQueryParams())
+  }
+  proxy.$axios
+    .get(statisticsUrl.value, param)
+    .then((response) => {
+      if (response.data.code === '0' || response.data.code === 0) {
+        const data = response.data.data || {}
+        statistics.totalQuantity =
+          data.totalQuantity ??
+          data.outQuantity ??
+          data.OUT_QUANTITY ??
+          data.totalQty ??
+          0
+        statistics.totalWeight =
+          data.totalWeight ??
+          data.outWeight ??
+          data.OUT_WEIGHT ??
+          data.totalWgt ??
+          0
+      } else {
+        ElMessage.error(`统计失败：${response.data.msg || ''}`)
+      }
+    })
+    .catch((error) => {
+      ElMessage.error(`统计失败：${error.message || ''}`)
+    })
+}
+
+const handleSearch = () => {
+  currentPage.value = 1
+  getTableData()
+  getStatistics()
+}
+
+const handleReset = () => {
+  Object.assign(query, createDefaultQuery())
+  handleSearch()
+}
+
+// 按钮操作区
+const handleTransferOwnership = () => {
+  if (multipleSelection.value.length === 0) {
+    ElMessage.warning('请先选择要转移货权的数据')
+    return
+  }
+  popupTransferOwnershipRef.value?.open(multipleSelection.value)
+}
+
+const handleTransferOwnershipSuccess = () => {
+  // 货权转移成功后刷新数据
+  getTableData()
+  getStatistics()
+  // 清空选中
+  if (tableRef.value) {
+    tableRef.value.clearSelection()
+  }
+}
+
+const handleAllocate = () => {
+  if (multipleSelection.value.length === 0) {
+    ElMessage.warning('请先选择要配货的数据')
+    return
+  }
+  popupDistributionRef.value?.open(multipleSelection.value)
+}
+
+const handleSelectionChange = (selection) => {
+  multipleSelection.value = selection
+}
+
+const handleDistributionSuccess = () => {
+  // 配货成功后刷新数据
+  getTableData()
+  getStatistics()
+  // 清空选中
+  if (tableRef.value) {
+    tableRef.value.clearSelection()
+  }
+}
+
+const handleOutStock = () => {
+  if (multipleSelection.value.length === 0) {
+    ElMessage.warning('请先选择要出库的数据')
+    return
+  }
+  popupOutStockRef.value?.open(multipleSelection.value)
+}
+
+const handleOutStockSuccess = () => {
+  // 出库成功后刷新数据
+  getTableData()
+  getStatistics()
+  // 清空选中
+  if (tableRef.value) {
+    tableRef.value.clearSelection()
+  }
+}
+
+const handleExport = () => {
+  // TODO 导出记录逻辑
+  console.log('导出记录', buildQueryParams())
+}
+
+const handleOtherCommand = (command) => {
+  // 其他操作下拉：取消入库、批量修改、批量倒垛
+  switch (command) {
+    case 'cancelIn':
+      handleCancelInbound()
+      break
+    case 'batchEdit':
+      handleBatchEdit()
+      break
+    case 'batchMove':
+      handleBatchMove()
+      break
+    default:
+      break
+  }
+}
+
+// 取消入库
+const handleCancelInbound = () => {
+  if (multipleSelection.value.length === 0) {
+    ElMessage.warning('请先选择要取消入库的数据')
+    return
+  }
+  
+  ElMessageBox.confirm(
+    '确认取消入库吗?',
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }
+  ).then(() => {
+    // 确认后执行取消入库
+    executeCancelInbound()
+  }).catch(() => {
+    // 取消操作
+    ElMessage.info('已取消操作')
+  })
+}
+
+// 批量修改
+const handleBatchEdit = () => {
+  if (multipleSelection.value.length === 0) {
+    ElMessage.warning('请先选择要批量修改的数据')
+    return
+  }
+  popupBatchEditRef.value?.open(multipleSelection.value)
+}
+
+const handleBatchEditSuccess = () => {
+  // 批量修改成功后刷新数据
+  getTableData()
+  getStatistics()
+  // 清空选中
+  if (tableRef.value) {
+    tableRef.value.clearSelection()
+  }
+}
+
+// 批量倒垛
+const handleBatchMove = () => {
+  if (multipleSelection.value.length === 0) {
+    ElMessage.warning('请先选择要批量倒垛的数据')
+    return
+  }
+  popupBatchMoveRef.value?.open(multipleSelection.value)
+}
+
+const handleBatchMoveSuccess = () => {
+  // 批量倒垛成功后刷新数据
+  getTableData()
+  getStatistics()
+  // 清空选中
+  if (tableRef.value) {
+    tableRef.value.clearSelection()
+  }
+}
+
+// 执行取消入库
+const executeCancelInbound = async () => {
+  try {
+    // 收集选中的行ID
+    const ids = multipleSelection.value.map(row => row.id || row.inProdNo).filter(id => id)
+    
+    if (ids.length === 0) {
+      ElMessage.warning('选中的数据中没有有效的ID')
+      return
+    }
+    
+    // TODO: 根据实际API调整接口地址和参数格式
+    const url = 'sto/InRecord/cancel' // 需要根据实际API调整
+    const param = {
+      ids: JSON.stringify(ids),
+      jsonList: JSON.stringify(multipleSelection.value)
+    }
+    
+    const response = await proxy.$axios.post(url, param)
+    
+    if (response.data.code === 0 || response.data.code === '0') {
+      ElMessage.success('取消入库成功')
+      // 刷新数据
+      getTableData()
+      getStatistics()
+      // 清空选中
+      if (tableRef.value) {
+        tableRef.value.clearSelection()
+      }
+    } else {
+      ElMessage.error(`取消入库失败：${response.data.msg || ''}`)
+    }
+  } catch (error) {
+    ElMessage.error(`取消入库失败：${error.message || ''}`)
+  }
+}
+
+const handleLockCommand = (command) => {
+  // 封锁出仓下拉：封锁、取消封锁、入仓
+  switch (command) {
+    case 'lock':
+      handleLock()
+      break
+    case 'unlock':
+      handleUnlock()
+      break
+    case 'inStock':
+      handleInStock()
+      break
+    default:
+      break
+  }
+}
+
+// 封锁
+const handleLock = () => {
+  if (multipleSelection.value.length === 0) {
+    ElMessage.warning('请先选择要封锁的材料')
+    return
+  }
+  
+  ElMessageBox.confirm(
+    '确认将选中的材料进行封锁吗?',
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }
+  ).then(() => {
+    // 确认后执行封锁
+    executeLock()
+  }).catch(() => {
+    // 取消操作
+    ElMessage.info('已取消操作')
+  })
+}
+
+// 执行封锁
+const executeLock = async () => {
+  try {
+    // 收集选中的行ID
+    const ids = multipleSelection.value.map(row => row.id || row.inProdNo).filter(id => id)
+    
+    if (ids.length === 0) {
+      ElMessage.warning('选中的数据中没有有效的ID')
+      return
+    }
+    
+    // TODO: 根据实际API调整接口地址和参数格式
+    const url = 'sto/OutRecord/lock' // 需要根据实际API调整
+    const param = {
+      ids: JSON.stringify(ids),
+      jsonList: JSON.stringify(multipleSelection.value)
+    }
+    
+    const response = await proxy.$axios.post(url, param)
+    
+    if (response.data.code === 0 || response.data.code === '0') {
+      ElMessage.success('封锁成功')
+      // 刷新数据
+      getTableData()
+      getStatistics()
+      // 清空选中
+      if (tableRef.value) {
+        tableRef.value.clearSelection()
+      }
+    } else {
+      ElMessage.error(`封锁失败：${response.data.msg || ''}`)
+    }
+  } catch (error) {
+    ElMessage.error(`封锁失败：${error.message || ''}`)
+  }
+}
+
+// 取消封锁
+const handleUnlock = () => {
+  if (multipleSelection.value.length === 0) {
+    ElMessage.warning('请先选择要取消封锁的材料')
+    return
+  }
+  
+  ElMessageBox.confirm(
+    '确认将选中的材料取消封锁吗?',
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }
+  ).then(() => {
+    // 确认后执行取消封锁
+    executeUnlock()
+  }).catch(() => {
+    // 取消操作
+    ElMessage.info('已取消操作')
+  })
+}
+
+// 执行取消封锁
+const executeUnlock = async () => {
+  try {
+    // 收集选中的行ID
+    const ids = multipleSelection.value.map(row => row.id || row.inProdNo).filter(id => id)
+    
+    if (ids.length === 0) {
+      ElMessage.warning('选中的数据中没有有效的ID')
+      return
+    }
+    
+    // TODO: 根据实际API调整接口地址和参数格式
+    const url = 'sto/OutRecord/unlock' // 需要根据实际API调整
+    const param = {
+      ids: JSON.stringify(ids),
+      jsonList: JSON.stringify(multipleSelection.value)
+    }
+    
+    const response = await proxy.$axios.post(url, param)
+    
+    if (response.data.code === 0 || response.data.code === '0') {
+      ElMessage.success('取消封锁成功')
+      // 刷新数据
+      getTableData()
+      getStatistics()
+      // 清空选中
+      if (tableRef.value) {
+        tableRef.value.clearSelection()
+      }
+    } else {
+      ElMessage.error(`取消封锁失败：${response.data.msg || ''}`)
+    }
+  } catch (error) {
+    ElMessage.error(`取消封锁失败：${error.message || ''}`)
+  }
+}
+
+// 入仓
+const handleInStock = () => {
+  if (multipleSelection.value.length === 0) {
+    ElMessage.warning('请先选择要入仓的材料')
+    return
+  }
+  
+  ElMessageBox.confirm(
+    '确认将选中的材料标记为入仓吗?',
+    '提示',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }
+  ).then(() => {
+    // 确认后执行入仓
+    executeInStock()
+  }).catch(() => {
+    // 取消操作
+    ElMessage.info('已取消操作')
+  })
+}
+
+// 执行入仓
+const executeInStock = async () => {
+  try {
+    // 收集选中的行ID
+    const ids = multipleSelection.value.map(row => row.id || row.inProdNo).filter(id => id)
+    
+    if (ids.length === 0) {
+      ElMessage.warning('选中的数据中没有有效的ID')
+      return
+    }
+    
+    // TODO: 根据实际API调整接口地址和参数格式
+    const url = 'sto/OutRecord/inStock' // 需要根据实际API调整
+    const param = {
+      ids: JSON.stringify(ids),
+      jsonList: JSON.stringify(multipleSelection.value)
+    }
+    
+    const response = await proxy.$axios.post(url, param)
+    
+    if (response.data.code === 0 || response.data.code === '0') {
+      ElMessage.success('入仓成功')
+      // 刷新数据
+      getTableData()
+      getStatistics()
+      // 清空选中
+      if (tableRef.value) {
+        tableRef.value.clearSelection()
+      }
+    } else {
+      ElMessage.error(`入仓失败：${response.data.msg || ''}`)
+    }
+  } catch (error) {
+    ElMessage.error(`入仓失败：${error.message || ''}`)
+  }
+}
+
+const handleSizeChange = (val) => {
+  pageSize.value = val
+  getTableData()
+}
+
+const handleCurrentChange = (val) => {
+  currentPage.value = val
+  getTableData()
+}
+
+// 编辑功能
+const handleEdit = (row) => {
+  popupEditRef.value?.open(row)
+}
+
+const handleEditSuccess = () => {
+  // 编辑成功后刷新数据
+  getTableData()
+  getStatistics()
+}
+
+const flagLabel = (val) => {
+  if (val === '1' || val === 1) return '正常'
+  if (val === '2' || val === 2) return '取消出库'
+  return val ?? '-'
+}
+const flagTagType = (val) => {
+  if (val === '1' || val === 1) return 'success'
+  if (val === '2' || val === 2) return 'danger'
+  return 'info'
+}
+
+const fetchWareOptions = () => {
+  proxy.$axios.get('sto/Ware/options', {}).then((response) => {
+    if (response.data.code === 0 || response.data.code === '0') {
+      wareOptions.value = toOptions(response.data.data, 'label', 'value')
+    }
+  })
+}
+
+const fetchOwnerCompanyOptions = () => {
+  proxy.$axios.get('sto/Customer/querySelect', {}).then((response) => {
+    if (response.data.code === 0 || response.data.code === '0') {
+      ownerCompanyOptions.value = toOptions(response.data.data, 'label', 'value')
+    }
+  })
+}
+
+const fetchCustomerOptions = () => {
+  proxy.$axios.get('sto/Customer/querySelect', {}).then((response) => {
+    if (response.data.code === 0 || response.data.code === '0') {
+      customerCompanyOptions.value = toOptions(response.data.data, 'label', 'value')
+    }
+  })
+}
+
+const handleWareVisible = (visible) => {
+  if (visible && wareOptions.value.length === 0) {
+    fetchWareOptions()
+  }
+}
+
+const handleOwnerVisible = (visible) => {
+  if (visible && ownerCompanyOptions.value.length === 0) {
+    fetchOwnerCompanyOptions()
+  }
+}
+
+const handleCustomerVisible = (visible) => {
+  if (visible && customerCompanyOptions.value.length === 0) {
+    fetchCustomerOptions()
+  }
+}
+
+onMounted(() => {
+  fetchWareOptions()
+  fetchOwnerCompanyOptions()
+  fetchCustomerOptions()
+  getTableData()
+  getStatistics()
+})
+</script>
+
+<style scoped>
+.summary-card {
+  margin-top: 10px;
+}
+.summary-item {
+  display: flex;
+  align-items: center;
+  height: 40px;
+}
+.summary-label {
+  color: #606266;
+  margin-right: 6px;
+  font-weight: 500;
+}
+.summary-value {
+  font-size: 18px;
+  font-weight: 600;
+  color: #303133;
+}
+</style>