1. 优化入库记录界面

2.	优化入库操作界面
3.	新增入库记录页面导出功能

src/views/sto/record/inRecord.vue

@@ -18,7 +18,7 @@
         <el-row :gutter="24">
           <el-col :span="6">
             <el-form-item label="仓库名称">
-              <el-input v-model="query.wareName" placeholder="请输入仓库ID" clearable></el-input>
+              <el-input v-model="query.wareName" placeholder="请输入仓库名称" clearable></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="6">
@@ -93,9 +93,8 @@
           <el-col :span="8">
             <el-button type="primary" @click="handleSearch">查询</el-button>
             <el-button @click="reset">重置</el-button>
-            <el-button @click="exportExcel">下载模板</el-button>
-            <el-button @click="exportExcel">导出</el-button>
-            <el-button @click="importExcel">导入</el-button>
+<!--            <el-button type="danger" @click="exportExcel">删除</el-button>-->
+            <el-button type="success" @click="exportExcel">导出</el-button>
           </el-col>
         </el-row>
       </el-form>
@@ -124,7 +123,9 @@
           :data="tableData"
           border
           highlight-current-row
+          @selection-change="handleSelectionChange"
       >
+        <el-table-column type="selection" :selectable="selectable" width="55" />
         <el-table-column type="index" label="序号" align="center" width="60">
           <template #default="scope">
             <span>{{ scope.$index + 1}}</span>
@@ -155,7 +156,21 @@
             {{ 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 label="捆绑包号" min-width="140" header-align="center" align="center" show-overflow-tooltip>
+          <template #default="{ row }">
+            {{ row.bundleNumber ?? '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="规格" min-width="160" header-align="center" align="center" show-overflow-tooltip>
+          <template #default="{ row }">
+            {{ row.specification ?? '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="inDtm" label="入库时间" min-width="180" header-align="center" align="center" show-overflow-tooltip >
+          <template #default="{ row }">
+            {{ formatDateTime(row.inDtm) ?? '-' }}
+          </template>
+        </el-table-column>
         <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>
@@ -185,9 +200,18 @@
           </template>
         </el-table-column>
         <el-table-column prop="deliveryAddress" label="收货地址" min-width="200" header-align="center" align="center" show-overflow-tooltip />
+        <el-table-column label="产地" width="200" header-align="center" align="center">
+          <template #default="{ row }">
+            {{ row.placeOfOrigin ?? '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="入库理货人员" min-width="120" header-align="center" align="center" show-overflow-tooltip>
+          <template #default="{ row }">
+            {{ row.inUserName ?? '-' }}
+          </template>
+        </el-table-column>
       </el-table>
     </el-card>
-
     <el-card :body-style="cardBodyStyle">
       <el-pagination
           :current-page="pageNum"
@@ -208,6 +232,8 @@ import {getCurrentInstance, onMounted, reactive, ref} from 'vue'
 import tools from '@/tools'
 import ButtonBox from '@/components/ButtonBox.vue'
 import SearchBox from '@/components/SearchBox.vue'
+import {ElMessage} from "element-plus";
+import axios from "axios";
 
 const {proxy} = getCurrentInstance()
 
@@ -226,7 +252,7 @@ const pageSize = ref(10)
 let pageNum = ref(1)
 const listUrl = ref('sto/InRecord/query')
 const statisticsUrl = ref('sto/InRecord/statistics')
-
+const multipleSelection = ref([])
 const PopupMenuTreeRef = ref(null)
 const showPop = () => {
   PopupMenuTreeRef.value?.show?.()
@@ -449,6 +475,10 @@ const shutdwon = () => {
   console.warn('shutdwon action is not implemented yet.')
 }
 
+const handleSelectionChange = (val) => {
+  multipleSelection.value = val
+}
+
 const flagLabel = (val) => {
   if (val === '1' || val === 1) return '正常'
   if (val === '2' || val === 2) return '取消入库'
@@ -460,6 +490,91 @@ const flagTagType = (val) => {
   return 'info'
 }
 
+// 字段映射转换函数
+const convertExportData = (selectedData) => {
+  return selectedData.map(item => {
+    return {
+      // 仓库相关
+      wareName: item.inWareName || item.wareName || '',          // 仓库名称
+      stackName: item.inStackName || item.stackName || '',      // 垛位号
+      layerNo: item.inLayerNo || item.layerNo || '',           // 层号
+
+      // 物料信息
+      materialName: item.materialName || '',                    // 物料名称
+      stGrade: item.ST_GRADE || item.stGrade || '',            // 钢种
+      attrib03: item.specification || item.attrib03 || '',     // 规格
+      quantity: item.IN_QUANTITY || item.inQuantity || 0,      // 数量
+      weight: item.IN_WEIGHT || item.inWeight || 0,            // 重量(默认吨)
+
+      // 运输信息
+      inTruckNo: item.carNo || item.inTruckNo || '',           // 入库车号
+
+      // 公司信息
+      ownerCompany: item.ownerCompany || '',                   // 货权公司
+      receivingCompany: item.receivingCompany || '',           // 收货公司
+      // 注意：前端表格中有"最终客户公司"，但Excel中没有对应字段
+
+      // 编号信息
+      prodNo: item.prodNo || '',                               // 材料号
+      attrib01: item.orderNo || item.attrib01 || '',           // 订单号
+      attrib02: item.contractNo || item.attrib02 || '',        // 合约号
+      attrib04: item.bundleNumber || item.attrib04 || '',          // 捆绑包号
+
+      // 地址和产地
+      deliveryAddress: item.deliveryAddress || '',             // 收货地址
+      attrib05: item.placeOfOrigin || item.attrib05 || '',            // 产地
+
+      // 备注信息
+      remark1: item.remark || item.remark1 || '',              // 备注
+      remark2: item.stackRemark || item.remark2 || '',         // 垛位备注
+
+      // 人员信息
+      inUser: item.inUserName || '',                               // 入库/理货人员
+
+      // 其他可能需要但Excel中没有的字段
+      inDtm: item.inDtm || '',                                 // 入库时间（Excel中没有）
+      inFlag: item.inFlag || '',                               // 入库标记（Excel中没有）
+      customerCompany: item.customerCompany || item.CustomerCompany || '' // 最终客户公司
+    };
+  });
+};
+
+// 修改导出函数
+const exportExcel = () => {
+  if (multipleSelection.value.length === 0) {
+    ElMessage.warning('请选择要导出的数据');
+    return;
+  }
+
+  // 转换数据格式
+  const exportData = convertExportData(multipleSelection.value);
+
+  axios({
+    method: 'POST',
+    url: '/sto/InRecord/exportInRecode',
+    data: exportData,  // 使用转换后的数据
+    responseType: 'blob',
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  }).then((response) => {
+    // 创建下载链接
+    const url = window.URL.createObjectURL(new Blob([response.data]));
+    const link = document.createElement('a');
+    link.href = url;
+    link.setAttribute('download', `入库记录_${new Date().getTime()}.xlsx`);
+    document.body.appendChild(link);
+    link.click();
+    link.remove();
+    window.URL.revokeObjectURL(url);
+
+    ElMessage.success('导出成功');
+  }).catch((error) => {
+    console.error('导出失败:', error);
+    ElMessage.error('导出失败，请重试');
+  });
+};
+
 onMounted(() => {
   getTableData()
   getStatistics()

src/views/sto/ware/InStore.vue

@@ -1,13 +1,10 @@
 <template>
-<!--  <el-button @click="exportExcel">下载模板</el-button>-->
-
-<!--  <el-button @click="batchInStore">批量入库</el-button>-->
   <el-card :body-style="cardBodyStyle">
     <el-form v-model="query" :inline="true" :label-width="100" >
       <el-row :gutter="24">
         <el-col :span="6">
           <el-form-item label="仓库名称">
-            <el-input v-model="query.wareName" placeholder="请输入仓库ID" clearable></el-input>
+            <el-input v-model="query.wareName" placeholder="请输入仓库名称" clearable></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="6">
@@ -78,16 +75,17 @@
           </el-form-item>
         </el-col>
       </el-row>
-      <el-row :gutter="24">
-        <el-col :span="8">
-          <el-button type="primary" @click="handleSearch">查询</el-button>
-          <el-button @click="reset">重置</el-button>
-          <el-button @click="exportExcel">下载模板</el-button>
-          <el-button @click="exportExcel">导出</el-button>
-          <el-button @click="importExcel">导入</el-button>
-        </el-col>
-      </el-row>
     </el-form>
+    <el-row :gutter="24">
+      <el-col :span="8">
+        <el-button type="primary" @click="handleSearch">查询</el-button>
+        <el-button @click="reset">重置</el-button>
+        <!--          <el-button @click="exportExcel">导出</el-button>-->
+        <el-button type="success" @click="singleInStore">新增</el-button>
+        <el-button type="danger" @click="cancelInStore">取消入库</el-button>
+        <el-button @click="importExcel">导入</el-button>
+      </el-col>
+    </el-row>
   </el-card>
   <el-card :body-style="cardBodyStyle" class="summary-card">
     <el-row :gutter="20">
@@ -142,7 +140,22 @@
           {{ 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 label="捆绑包号" min-width="140" header-align="center" align="center" show-overflow-tooltip>
+        <template #default="{ row }">
+          {{ row.bundleNumber ?? '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column label="规格" min-width="160" header-align="center" align="center" show-overflow-tooltip>
+        <template #default="{ row }">
+          {{ row.specification ?? '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="inDtm" label="入库时间" min-width="180" header-align="center" align="center" show-overflow-tooltip >
+        <template #default="{ row }">
+          {{ formatDateTime(row.inDtm) ?? '-' }}
+        </template>
+      </el-table-column>
       <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>
@@ -172,6 +185,16 @@
         </template>
       </el-table-column>
       <el-table-column prop="deliveryAddress" label="收货地址" min-width="200" header-align="center" align="center" show-overflow-tooltip />
+      <el-table-column label="产地" width="200" header-align="center" align="center">
+        <template #default="{ row }">
+          {{ row.placeOfOrigin ?? '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column label="入库理货人员" min-width="120" header-align="center" align="center" show-overflow-tooltip>
+        <template #default="{ row }">
+          {{ row.inUserName ?? '-' }}
+        </template>
+      </el-table-column>
     </el-table>
   </el-card>
 
@@ -187,7 +210,7 @@
         @current-change="handleCurrentChange"
     />
   </el-card>
-<!--  批量入库 -->
+  <!--  批量入库 -->
   <el-dialog
       v-model="disable"
       title="导入"
@@ -195,19 +218,31 @@
       :destroy-on-close="true"
       @close="handleClose"
   >
-      <div style="display: flex">
-        <el-upload
-            class="upload-demo"
-            :auto-upload="false"
-            :on-change="handleFileChange"
-            :show-file-list="true"
-            accept=".xls,.xlsx"
-            action=""
-            :limit="1">
-          <el-button type="primary">选择文件</el-button>
-        </el-upload>
-        <el-button type="success" style="margin-left: 0.5%" @click="saveExcel">保存</el-button>
+    <div class="upload-controls">
+      <div class="upload-section">
+        <div style="display: flex">
+          <el-upload
+              class="upload-demo"
+              :auto-upload="false"
+              :on-change="handleFileChange"
+              :show-file-list="true"
+              accept=".xls,.xlsx"
+              action=""
+              :limit="1">
+            <el-button type="primary">选择文件</el-button>
+          </el-upload>
+        </div>
+        <!-- 显示选中文件名，限制长度并添加省略号 -->
+  <!--        <div v-if="selectedFileName" class="file-name-preview">-->
+  <!--          <span class="file-name-text" :title="selectedFileName">{{ selectedFileName }}</span>-->
+  <!--        </div>-->
+      </div>
+
+      <div class="button-group">
+        <el-button @click="exportExcel">下载模板</el-button>
+        <el-button type="success" @click="saveExcel">保存</el-button>
       </div>
+    </div>
     <div>
       <el-progress :percentage="progress" v-if="prog"/>
     </div>
@@ -251,11 +286,250 @@
       <el-table-column prop="deliveryAddress" label="收货地址" width="180" show-overflow-tooltip></el-table-column>
       <el-table-column prop="attrib05" label="产地" width="120" show-overflow-tooltip></el-table-column>
       <el-table-column prop="remark1" label="备注" width="150" show-overflow-tooltip></el-table-column>
-      <el-table-column prop="remark2" label="垛位备注" width="150" show-overflow-tooltip></el-table-column>
+  <!--      <el-table-column prop="remark2" label="垛位备注" width="150" show-overflow-tooltip></el-table-column>-->
       <el-table-column prop="inUser" label="入库/理货人员" width="150" show-overflow-tooltip></el-table-column>
     </el-table>
   </el-dialog>
-<!--  单张入库-->
+  <!--  单张入库-->
+  <el-dialog
+      v-model="singLoading"
+      title="新增入库记录"
+      width="1000px"
+      :destroy-on-close="true"
+      @close="handleClose"
+  >
+    <el-form
+        ref="inStoreFormRef"
+        :model="inStoreForm"
+        :rules="inStoreRules"
+        label-width="140px"
+        :inline="false"
+        status-icon
+    >
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="仓库名称" prop="wareName">
+            <el-input
+                v-model="inStoreForm.wareName"
+                placeholder="请输入仓库名称"
+                clearable
+            />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12">
+          <el-form-item label="垛位号" prop="stackName">
+            <el-input
+                v-model="inStoreForm.stackName"
+                placeholder="请输入垛位号"
+                clearable
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="层号" prop="layerNo">
+            <el-input
+                v-model="inStoreForm.layerNo"
+                placeholder="请输入层号"
+                clearable
+            />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12">
+          <el-form-item label="物料名称" prop="materialName">
+            <el-input
+                v-model="inStoreForm.materialName"
+                placeholder="请输入物料名称"
+                clearable
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="钢种" prop="stGrade">
+            <el-input
+                v-model="inStoreForm.stGrade"
+                placeholder="请输入钢种"
+                clearable
+            />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12">
+          <el-form-item label="规格" prop="attrib03">
+            <el-input
+                v-model="inStoreForm.attrib03"
+                placeholder="请输入规格"
+                clearable
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="数量" prop="quantity">
+            <el-input-number
+                v-model="inStoreForm.quantity"
+                :precision="2"
+                :min="0"
+                :step="1"
+                placeholder="请输入数量"              style="width: 100%"
+            />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12">
+          <el-form-item label="重量(吨)" prop="weight">
+            <el-input-number
+                v-model="inStoreForm.weight"
+                :precision="3"
+                :min="0"
+                :step="0.001"
+                placeholder="请输入重量"              style="width: 100%"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="入库车号" prop="inTruckNo">
+            <el-input
+                v-model="inStoreForm.inTruckNo"
+                placeholder="请输入入库车号"
+                clearable
+            />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12">
+          <el-form-item label="货权公司" prop="ownerCompany">
+            <el-input
+                v-model="inStoreForm.ownerCompany"
+                placeholder="请输入货权公司"
+                clearable
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="收货公司" prop="receivingCompany">
+            <el-input
+                v-model="inStoreForm.receivingCompany"
+                placeholder="请输入收货公司"
+                clearable
+            />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12">
+          <el-form-item label="材料号" prop="prodNo">
+            <el-input
+                v-model="inStoreForm.prodNo"
+                placeholder="请输入材料号"
+                clearable
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="订单号" prop="attrib01">
+            <el-input
+                v-model="inStoreForm.attrib01"
+                placeholder="请输入订单号"
+                clearable
+            />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12">
+          <el-form-item label="合约号" prop="attrib02">
+            <el-input
+                v-model="inStoreForm.attrib02"
+                placeholder="请输入合约号"
+                clearable
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="捆绑包号" prop="attrib04">
+            <el-input
+                v-model="inStoreForm.attrib04"
+                placeholder="请输入捆绑包号"
+                clearable
+            />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12">
+          <el-form-item label="收货地址" prop="deliveryAddress">
+            <el-input
+                v-model="inStoreForm.deliveryAddress"
+                placeholder="请输入收货地址"
+                clearable
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="产地" prop="attrib05">
+            <el-input
+                v-model="inStoreForm.attrib05"
+                placeholder="请输入产地"
+                clearable
+            />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12">
+          <el-form-item label="入库/理货人员" prop="inUser">
+            <el-input
+                v-model="inStoreForm.inUser"
+                placeholder="请输入入库/理货人员"
+                clearable
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="备注" prop="remark1">
+            <el-input
+                v-model="inStoreForm.remark1"
+                type="textarea"
+                :rows="3"
+                placeholder="请输入备注信息"
+                clearable
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="handleSingClose">取消</el-button>
+        <el-button type="primary" @click="submitForm">保存</el-button>
+      </div>
+    </template>
+  </el-dialog>
 </template>
 <script setup>
 import {getCurrentInstance, onMounted, reactive, ref} from 'vue'
@@ -522,8 +796,18 @@ const exportExcel = () => {
 let fileUpload = ref([]);
 let progress = ref(0)
 let prog = ref(false)
+// 添加文件名状态
+const selectedFileName = ref('')
 // 处理文件选择变化
+// 更新文件变更处理函数
 const handleFileChange = async (file, fileList) => {
+  // 更新选中的文件名
+  if (fileList.length > 0) {
+    selectedFileName.value = fileList[fileList.length - 1].name
+  } else {
+    selectedFileName.value = ''
+  }
+
   // 只处理最新的文件
   if (fileList.length > 1) {
     fileList.splice(0, 1);
@@ -633,6 +917,133 @@ const batchInStore = () => {
     }
   })
 };
+// =====================================单张入库====================================
+let singLoading = ref(false)
+const inStoreFormRef = ref(null)
+// 新增表单数据
+const inStoreForm = reactive({
+  wareName: '',
+  stackName: '',
+  layerNo: '',
+  materialName: '',
+  stGrade: '',
+  attrib03: '',
+  quantity: null,
+  weight: null,
+  inTruckNo: '',
+  ownerCompany: '',
+  receivingCompany: '',
+  prodNo: '',
+  attrib01: '',
+  attrib02: '',
+  attrib04: '',
+  deliveryAddress: '',
+  attrib05: '',
+  remark1: '',
+  inUser: ''
+})
+// 表单验证规则（全部必填）
+const inStoreRules = {
+  wareName: [
+    { required: true, message: '请输入仓库名称', trigger: 'blur' }
+  ],
+  stackName: [
+    { required: true, message: '请输入垛位号', trigger: 'blur' }
+  ],
+  layerNo: [
+    { required: true, message: '请输入层号', trigger: 'blur' }
+  ],
+  materialName: [
+    { required: true, message: '请输入物料名称', trigger: 'blur' }
+  ],
+  stGrade: [
+    { required: true, message: '请输入钢种', trigger: 'blur' }
+  ],
+  attrib03: [
+    { required: true, message: '请输入规格', trigger: 'blur' }
+  ],
+  quantity: [
+    { required: true, message: '请输入数量', trigger: 'blur' },
+    { type: 'number', min: 0, message: '数量不能小于0', trigger: 'blur' }
+  ],
+  weight: [
+    { required: true, message: '请输入重量', trigger: 'blur' },
+    { type: 'number', min: 0, message: '重量不能小于0', trigger: 'blur' }
+  ],
+  inTruckNo: [
+    { required: true, message: '请输入入库车号', trigger: 'blur' }
+  ],
+  ownerCompany: [
+    { required: true, message: '请输入货权公司', trigger: 'blur' }
+  ],
+  receivingCompany: [
+    { required: true, message: '请输入收货公司', trigger: 'blur' }
+  ],
+  prodNo: [
+    { required: true, message: '请输入材料号', trigger: 'blur' }
+  ],
+  attrib01: [
+    { required: true, message: '请输入订单号', trigger: 'blur' }
+  ],
+  attrib02: [
+    { required: true, message: '请输入合约号', trigger: 'blur' }
+  ],
+  attrib04: [
+    { required: true, message: '请输入捆绑包号', trigger: 'blur' }
+  ],
+  deliveryAddress: [
+    { required: true, message: '请输入收货地址', trigger: 'blur' }
+  ],
+  attrib05: [
+    { required: true, message: '请输入产地', trigger: 'blur' }
+  ],
+  inUser: [
+    { required: true, message: '请输入入库/理货人员', trigger: 'blur' }
+  ]
+}
+const singleInStore = () => {
+  singLoading.value = true
+  fileUpload.value = []
+}
+// 重置表单
+const resetForm = () => {
+  Object.assign(inStoreForm, {
+    wareName: '',
+    stackName: '',
+    layerNo: '',
+    materialName: '',
+    stGrade: '',
+    attrib03: '',
+    quantity: null,
+    weight: null,
+    inTruckNo: '',
+    ownerCompany: '',
+    receivingCompany: '',
+    prodNo: '',
+    attrib01: '',
+    attrib02: '',
+    attrib04: '',
+    deliveryAddress: '',
+    attrib05: '',
+    remark1: '',
+    inUser: ''
+  })
+}
+const handleSingClose = () => {
+  singLoading.value = false
+  resetForm()
+  fileUpload.value = []
+}
+const submitForm = ()=>{
+  inStoreFormRef.value.validate((valid) => {
+    if (valid) {
+      fileUpload.value.push(inStoreForm)
+      batchInStore()
+    } else {
+      return ElMessage.error('请填写所有必填项')
+    }
+  })
+}
 // =======================================导入=====================================
 // 进度条控制
 let disable = ref(false)
@@ -651,9 +1062,64 @@ const handleClose = ()=>{
   progress.value = 0
   prog.value = false
 }
+// ========================================取消入库=====================================
+const cancelInStore = () => {
+
+}
+// ========================================生命周期=====================================
 onMounted(() => {
   getTableData()
 })
 </script>
 <style scoped>
-</style>
+.upload-controls {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16px;
+  flex-wrap: wrap;
+  gap: 12px;
+}
+
+.upload-section {
+  display: flex;
+  align-items: center;
+  flex: 1;
+  min-width: 200px; /* 最小宽度确保在小屏幕上也能正常显示 */
+}
+
+.file-name-preview {
+  margin-left: 12px;
+  padding: 4px 8px;
+  background-color: #f5f7fa;
+  border-radius: 4px;
+  border: 1px solid #dcdfe6;
+  max-width: 200px;
+}
+
+.file-name-text {
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 12px;
+  color: #606266;
+}
+
+.button-group {
+  display: flex;
+  gap: 8px;
+}
+
+/* 在较小屏幕上的适配 */
+@media (max-width: 768px) {
+  .upload-controls {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .button-group {
+    justify-content: center;
+  }
+}
+</style>