opt:新增excel 导出

nladmin-system/nlsso-server/src/main/java/org/nl/common/utils/FileUtil.java

@@ -15,11 +15,11 @@
  */
 package org.nl.common.utils;
 
-import cn.hutool.core.io.IoUtil;
 import cn.hutool.core.util.IdUtil;
 import cn.hutool.poi.excel.BigExcelWriter;
 import cn.hutool.poi.excel.ExcelUtil;
 import org.apache.poi.util.IOUtils;
+import org.apache.poi.xssf.streaming.SXSSFRow;
 import org.apache.poi.xssf.streaming.SXSSFSheet;
 import org.nl.common.exception.BadRequestException;
 import org.nl.config.language.LangProcess;
@@ -31,12 +31,11 @@ import javax.servlet.ServletOutputStream;
 import javax.servlet.http.HttpServletRequest;
 import javax.servlet.http.HttpServletResponse;
 import java.io.*;
+import java.net.URLEncoder;
 import java.security.MessageDigest;
 import java.text.DecimalFormat;
 import java.text.SimpleDateFormat;
-import java.util.Date;
+import java.util.*;
-import java.util.List;
-import java.util.Map;
 
 /**
  * File工具类，扩展 hutool 工具包
@@ -204,27 +203,120 @@ public class FileUtil extends cn.hutool.core.io.FileUtil {
     /**
      * 导出excel
      */
+
     public static void downloadExcel(List<Map<String, Object>> list, HttpServletResponse response) throws IOException {
         String tempPath = SYS_TEM_DIR + IdUtil.fastSimpleUUID() + ".xlsx";
         File file = new File(tempPath);
         BigExcelWriter writer = ExcelUtil.getBigWriter(file);
-        // 一次性写出内容，使用默认样式，强制输出标题
+
+        // 2. 【核心优化】预先计算每一列的最大"等效宽度"
+        Map<Integer, Integer> maxColumnWidthMap = new HashMap<>();
+
+        if (list != null && !list.isEmpty()) {
+            List<String> headers = new ArrayList<>(list.get(0).keySet());
+
+            for (Map<String, Object> row : list) {
+                for (int i = 0; i < headers.size(); i++) {
+                    String headerKey = headers.get(i);
+                    Object valueObj = row.get(headerKey);
+                    String cellValue = valueObj != null ? valueObj.toString() : "";
+
+                    // ### 使用新的宽度计算方法 ###
+                    int valueWidth = calculateExcelColumnWidth(cellValue);
+
+                    maxColumnWidthMap.put(i, Math.max(maxColumnWidthMap.getOrDefault(i, 0), valueWidth));
+                }
+            }
+        }
+
+        // 3. 一次性写出内容
         writer.write(list, true);
-        SXSSFSheet sheet = (SXSSFSheet)writer.getSheet();
+
-        //上面需要强转SXSSFSheet  不然没有trackAllColumnsForAutoSizing方法
+        // 4. 根据预先计算的最大宽度，设置列宽
-        sheet.trackAllColumnsForAutoSizing();
+        SXSSFSheet sheet = (SXSSFSheet) writer.getSheet();
-        //列宽自适应
+        // 这个系数可以根据需要微调，现在因为我们的计算更精确，1.1或1.2就足够了
-        writer.autoSizeColumnAll();
+        float widthCoefficient = 1.1f;
-        //response为HttpServletResponse对象
+        int minWidth = 256 * 12; // 稍微增大最小宽度
+        int maxWidth = 256 * 60; // 适当增大最大宽度
+
+        for (Map.Entry<Integer, Integer> entry : maxColumnWidthMap.entrySet()) {
+            int columnIndex = entry.getKey();
+            int maxContentWidth = entry.getValue();
+
+            // 使用计算出的"等效宽度"来设置列宽
+            int excelWidth = (int) (maxContentWidth * 256 * widthCoefficient);
+
+            excelWidth = Math.max(excelWidth, minWidth);
+            excelWidth = Math.min(excelWidth, maxWidth);
+
+            sheet.setColumnWidth(columnIndex, excelWidth);
+        }
+
+        // 如果没有数据，给表头设置一个合适的默认宽度
+        if (maxColumnWidthMap.isEmpty()) {
+            SXSSFRow headerRow = sheet.getRow(0);
+            if (headerRow != null) {
+                for (int i = 0; i < headerRow.getLastCellNum(); i++) {
+                    // 默认宽度也可以基于表头文字计算
+                    String headerValue = headerRow.getCell(i).getStringCellValue();
+                    int headerWidth = calculateExcelColumnWidth(headerValue);
+                    sheet.setColumnWidth(i, (int) (headerWidth * 256 * 1.2));
+                }
+            }
+        }
+
+        // 5. 设置响应头信息
         response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8");
-        //test.xls是弹出下载对话框的文件名，不能为中文，中文请自行编码
+        String fileName = URLEncoder.encode("数据导出.xlsx", "UTF-8");
-        response.setHeader("Content-Disposition", "attachment;filename=file.xlsx");
+        response.setHeader("Content-Disposition", "attachment;filename=" + fileName);
-        ServletOutputStream out = response.getOutputStream();
+
-        // 终止后删除临时文件
+        // 6. 写出到响应流
-        file.deleteOnExit();
+        try (ServletOutputStream out = response.getOutputStream()) {
-        writer.flush(out, true);
+            file.deleteOnExit();
-        //此处记得关闭输出Servlet流
+            writer.flush(out, true);
-        IoUtil.close(out);
+        } finally {
+            writer.close(); // 确保资源被释放
+        }
+    }
+
+    /**
+     * 【新增辅助方法】计算字符串在Excel中的等效显示宽度
+     * 为中文字符和全角符号赋予更高的权重。
+     * @param str 要计算宽度的字符串
+     * @return 等效宽度值
+     */
+    private static int calculateExcelColumnWidth(String str) {
+        if (str == null || str.isEmpty()) {
+            return 0;
+        }
+        int width = 0;
+        for (char c : str.toCharArray()) {
+            // 判断是否为中文字符或全角符号
+            if (isChineseChar(c) || isFullWidthSymbol(c)) {
+                // 中文字符宽度加权，例如算作1.8个字符
+                width += 2;
+            } else {
+                // 英文字符、数字、半角符号算作1个字符
+                width += 1;
+            }
+        }
+        return width;
+    }
+
+    /**
+     * 判断字符是否为中文字符
+     */
+    private static boolean isChineseChar(char c) {
+        // 根据Unicode编码范围判断
+        return (c >= 0x4E00 && c <= 0x9FA5);
+    }
+
+    /**
+     * 判断字符是否为全角符号
+     * 全角符号的Unicode编码通常在 0xFF00-0xFFEF 之间
+     */
+    private static boolean isFullWidthSymbol(char c) {
+        return (c >= 0xFF00 && c <= 0xFFEF);
     }
 
     public static String getFileType(String type) {

nladmin-system/nlsso-server/src/main/java/org/nl/wms/basedata_manage/controller/StructattrController.java

@@ -1,23 +1,29 @@
 package org.nl.wms.basedata_manage.controller;
 
-import com.alibaba.fastjson.JSONArray;
 import com.alibaba.fastjson.JSONObject;
+import com.baomidou.mybatisplus.core.metadata.IPage;
 import lombok.RequiredArgsConstructor;
 import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.beanutils.BeanUtils;
 import org.nl.common.base.TableDataInfo;
 import org.nl.common.domain.query.PageQuery;
 import org.nl.common.logging.annotation.Log;
 import org.nl.wms.basedata_manage.service.IStructattrService;
 import org.nl.wms.basedata_manage.service.dao.Structattr;
-import org.springframework.data.domain.Pageable;
+import org.nl.wms.system_manage.service.columnInfo.ColumnInfoService;
 import org.springframework.http.HttpStatus;
 import org.springframework.http.ResponseEntity;
 import org.springframework.validation.annotation.Validated;
 import org.springframework.web.bind.annotation.*;
 
 import javax.annotation.Resource;
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
 import java.util.Arrays;
+import java.util.HashMap;
+import java.util.List;
 import java.util.Map;
+import java.util.stream.Collectors;
 
 /**
  *
@@ -36,6 +42,9 @@ public class StructattrController {
     @Resource
     private IStructattrService structattrService;
 
+    @Resource
+    private ColumnInfoService columnInfoService;
+
     @GetMapping
     @Log("查询仓位")
     public ResponseEntity<Object> query(@RequestParam Map whereJson, PageQuery page) {
@@ -70,4 +79,31 @@ public class StructattrController {
         return new ResponseEntity<>(HttpStatus.NO_CONTENT);
     }
 
+    @PostMapping("/exportFile")
+    public void exportFile(@RequestBody Map whereJson, HttpServletResponse response) {
+        PageQuery page = new PageQuery();
+        page.setPage(0);
+        page.setSize(99999);
+        IPage<Structattr> structIvt = structattrService.queryAll(whereJson, page);
+        List<Structattr> structIvtList = structIvt.getRecords();
+
+        List<Map> maps = structIvtList.stream().map(structattr -> {
+            try {
+                // BeanUtils.describe() 会把 JavaBean 转成 Map（key 是属性名，value 是属性值）
+                return BeanUtils.describe(structattr);
+            } catch (Exception e) {
+                e.printStackTrace();
+                return new HashMap();
+            }
+        }).collect(Collectors.toList());
+
+        try {
+            columnInfoService.exportFile("st_ivt_structattr", maps, response,
+                    null,
+                    null);
+        } catch (IOException e) {
+            log.info("EXCEL 导出异常,异常原因=【{}】",e.getMessage());
+            e.printStackTrace();
+        }
+    }
 }

nladmin-system/nlsso-server/src/main/java/org/nl/wms/basedata_manage/service/IStructattrService.java

@@ -116,5 +116,4 @@ public interface IStructattrService extends IService<Structattr> {
     void changeStruct(StructattrChangeDto changeDto);
 
     BigDecimal calculateSectOccupancyRate(String sect_code);
-
 }

nladmin-system/nlsso-server/src/main/java/org/nl/wms/system_manage/service/columnInfo/ColumnInfoService.java

@@ -0,0 +1,20 @@
+package org.nl.wms.system_manage.service.columnInfo;
+
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+import java.util.List;
+import java.util.Map;
+
+/**
+ * <p>
+ * 数据库功能
+ * </p>
+ *
+ * @author zhengxuming
+ * @since 2025年11月20日14:17:16
+ */
+public interface ColumnInfoService  {
+
+     <T> void exportFile(String tableName, List<Map> data, HttpServletResponse response, List passParam, Map<String, String> customizMap) throws IOException;
+
+}

nladmin-system/nlsso-server/src/main/java/org/nl/wms/system_manage/service/columnInfo/dao/mapper/ColumnInfoMapper.java

@@ -0,0 +1,18 @@
+package org.nl.wms.system_manage.service.columnInfo.dao.mapper;
+
+import org.apache.ibatis.annotations.Mapper;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+import java.util.Map;
+
+@Mapper
+public interface ColumnInfoMapper {
+
+    /**
+     * 获取表的列信息
+     * @param tableName 表名
+     * @return 列信息列表
+     */
+    List<Map<String, String>> getTableColumns(@Param("tableName") String tableName);
+}

nladmin-system/nlsso-server/src/main/java/org/nl/wms/system_manage/service/columnInfo/dao/mapper/ColumnInfoMapper.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="org.nl.wms.system_manage.service.columnInfo.dao.mapper.ColumnInfoMapper">
+
+    <select id="getTableColumns" resultType="java.util.Map">
+        SELECT column_name AS columnName, column_comment AS columnComment
+        FROM information_schema.columns
+        WHERE table_schema = (SELECT DATABASE())
+          AND table_name = #{tableName}
+        ORDER BY ordinal_position
+    </select>
+</mapper>

nladmin-system/nlsso-server/src/main/java/org/nl/wms/system_manage/service/columnInfo/impl/ColumnInfoServiceImpl.java

@@ -0,0 +1,89 @@
+package org.nl.wms.system_manage.service.columnInfo.impl;
+
+import lombok.SneakyThrows;
+import org.apache.commons.lang.StringUtils;
+import org.nl.common.exception.BadRequestException;
+import org.nl.common.utils.FileUtil;
+import org.nl.wms.system_manage.service.columnInfo.ColumnInfoService;
+import org.nl.wms.system_manage.service.columnInfo.dao.mapper.ColumnInfoMapper;
+import org.springframework.stereotype.Service;
+import org.springframework.util.CollectionUtils;
+
+import javax.annotation.Resource;
+import javax.servlet.http.HttpServletResponse;
+import java.util.ArrayList;
+import java.util.LinkedHashMap;
+import java.util.List;
+import java.util.Map;
+
+/**
+ * <p>
+ * 数据库功能
+ * </p>
+ *
+ * @author zhengxuming
+ * @since 2025年11月20日14:17:16
+ */
+@Service
+public class ColumnInfoServiceImpl implements ColumnInfoService {
+
+    @Resource
+    private ColumnInfoMapper columnInfoMapper;
+
+    /**
+     * 获取表的列信息，返回列名和列注释的映射
+     * @param tableName 表名
+     * @return 列名和列注释的映射
+     */
+    private Map<String, String> TableColumn(String tableName) {
+        Map<String, String> columnMap = new LinkedHashMap<>();
+        List<Map<String, String>> columns = columnInfoMapper.getTableColumns(tableName);
+        if (!CollectionUtils.isEmpty(columns)) {
+            for (Map<String, String> column : columns) {
+                String columnName = column.get("columnName");
+                String columnComment = column.get("columnComment");
+                // 如果列注释为空，则使用列名作为注释
+                if (StringUtils.isEmpty(columnComment)) {
+                    columnComment = columnName;
+                }
+                columnMap.put(columnName, columnComment);
+            }
+        }
+        return columnMap;
+    }
+
+    @Override
+    @SneakyThrows
+    public <T> void exportFile(String tableName, List<Map> data, HttpServletResponse response, List passParam, Map<String, String> customizMap) {
+        if (CollectionUtils.isEmpty(data)) {
+            throw new BadRequestException("导出失败,没有导出数据" + data.size());
+        }
+        List<Map<String, Object>> excel_lst = new ArrayList<>();
+        Map<String, String> map = new LinkedHashMap<>();
+        if (!StringUtils.isEmpty(tableName)) {
+            map = this.TableColumn(tableName);
+            if (!CollectionUtils.isEmpty(passParam)) {
+                for (Object s : passParam) {
+                    map.remove(s);
+                }
+            }
+        }
+        if(!CollectionUtils.isEmpty(customizMap)) {
+            map.putAll(customizMap);
+        }
+        if (CollectionUtils.isEmpty(map)) {
+            throw new BadRequestException("导出失败,表结构信息失败" + tableName);
+        }
+        for (Map item : data) {
+            Map<String, Object> excelMap = new LinkedHashMap<>();
+            for (Map.Entry<String, String> entry : map.entrySet()) {
+                excelMap.put(entry.getValue(), item.get(entry.getKey()));
+            }
+            excel_lst.add(excelMap);
+        }
+        if (CollectionUtils.isEmpty(excel_lst)) {
+            throw new BadRequestException("导出失败,没有获取到导出参数" + data.size());
+        }
+        FileUtil.downloadExcel(excel_lst, response);
+    }
+}

nladmin-system/nlsso-server/src/main/java/org/nl/wms/warehouse_manage/service/dao/mapper/IOStorInvMapper.xml

@@ -1,10 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
 <mapper namespace="org.nl.wms.warehouse_manage.service.dao.mapper.IOStorInvMapper">
-    <select id="queryAllByPage" resultType="org.nl.wms.warehouse_manage.service.dao.IOStorInv">
+    <select id="queryAllByPage" resultType="org.nl.wms.warehouse_manage.service.dto.IOStorInvDto">
-        SELECT DISTINCT ios.* FROM st_ivt_iostorinv ios
+        SELECT DISTINCT ios.*,m.material_code,m.material_name FROM st_ivt_iostorinv ios
             LEFT JOIN st_ivt_iostorinvdtl dtl ON ios.iostorinv_id = dtl.iostorinv_id
         LEFT JOIN st_ivt_iostorinvdis dis ON dtl.iostorinvdtl_id = dis.iostorinvdtl_id
+                LEFT JOIN md_me_materialbase m on dtl.material_id = m.material_id
         <where>
             ios.is_delete = '0' AND ios.io_type = '0'
             <if test="params.bill_code != null">
@@ -161,10 +162,11 @@
 
     </select>
 
-    <select id="queryOutBillPage" resultType="org.nl.wms.warehouse_manage.service.dao.IOStorInv">
+    <select id="queryOutBillPage" resultType="org.nl.wms.warehouse_manage.service.dto.IOStorInvDto">
-        SELECT DISTINCT ios.* FROM st_ivt_iostorinv ios
+        SELECT DISTINCT ios.* ,m.material_code,m.material_name  FROM st_ivt_iostorinv ios
         LEFT JOIN st_ivt_iostorinvdtl dtl ON ios.iostorinv_id = dtl.iostorinv_id
         LEFT JOIN st_ivt_iostorinvdis dis ON dtl.iostorinvdtl_id = dis.iostorinvdtl_id
+        LEFT JOIN md_me_materialbase m on dtl.material_id = m.material_id
         <where>
             ios.is_delete = '0' AND ios.io_type = '1'
             <if test="params.bill_code != null">

nladmin-system/nlsso-server/src/main/java/org/nl/wms/warehouse_manage/service/dto/IOStorInvDto.java

@@ -0,0 +1,200 @@
+package org.nl.wms.warehouse_manage.service.dto;
+
+import lombok.Data;
+
+import java.io.Serializable;
+import java.math.BigDecimal;
+
+/**
+ * @author dsh
+ * 2025/5/19
+ */
+@Data
+public class IOStorInvDto implements Serializable {
+    private static final long serialVersionUID = 1L;
+
+    /**
+     * 出入库单标识
+     */
+    private String iostorinv_id;
+
+    /**
+     * 单据编号
+     */
+    private String bill_code;
+
+    /**
+     * 出入类型
+     */
+    private String io_type;
+
+
+
+    /**
+     * 单据类型
+     */
+    private String bill_type;
+
+    /**
+     * 业务日期
+     */
+    private String biz_date;
+
+    /**
+     * 仓库标识
+     */
+    private String stor_id;
+
+    /**
+     * 仓库编码
+     */
+    private String stor_code;
+
+    /**
+     * 仓库名称
+     */
+    private String stor_name;
+
+    /**
+     * 来源方标识
+     */
+    private String source_id;
+
+    /**
+     * 来源方名称
+     */
+    private String source_name;
+
+    /**
+     * 来源方类型
+     */
+    private String source_type;
+
+    /**
+     * 总数量
+     */
+    private BigDecimal total_qty;
+
+    /**
+     * 总重量
+     */
+    private BigDecimal total_weight;
+
+    /**
+     * 明细数
+     */
+    private Integer detail_count;
+
+    /**
+     * 单据状态 10生成 20分配中 30分配完 99完成
+     */
+    private String bill_status;
+
+    /**
+     * 备注
+     */
+    private String remark;
+
+    /**
+     * 生成方式
+     */
+    private String create_mode;
+
+    /**
+     * 制单人
+     */
+    private String input_optid;
+
+    /**
+     * 制单人姓名
+     */
+    private String input_optname;
+
+    /**
+     * 制单时间
+     */
+    private String input_time;
+
+    /**
+     * 修改人
+     */
+    private String update_optid;
+
+    /**
+     * 修改人姓名
+     */
+    private String update_optname;
+
+    /**
+     * 修改时间
+     */
+    private String update_time;
+
+    /**
+     * 分配人
+     */
+    private String dis_optid;
+
+    /**
+     * 分配人姓名
+     */
+    private String dis_optname;
+
+    /**
+     * 分配时间
+     */
+    private String dis_time;
+
+    /**
+     * 确认人
+     */
+    private String confirm_optid;
+
+    /**
+     * 确认人姓名
+     */
+    private String confirm_optname;
+
+    /**
+     * 确认时间
+     */
+    private String confirm_time;
+
+    /**
+     * 部门ID
+     */
+    private String sysdeptid;
+    /**
+     * 公司ID
+     */
+    private String syscompanyid;
+
+    /**
+     * 是否删除
+     */
+    private String is_delete;
+
+    /**
+     * 是否已上传
+     */
+    private String is_upload;
+
+    /**
+     * 回传人
+     */
+    private String upload_optid;
+    /**
+     * 回传时间
+     */
+    private String upload_time;
+
+    private String barcode;
+
+    private String vehicle_code;
+
+    private String struct_code;
+
+    private String material_code;
+
+    private String material_name;
+}

nladmin-ui/src/views/dashboard/Dashboard.vue

@@ -3,23 +3,23 @@
     <!-- 顶部导航栏 -->
     <el-header class="header">
       <div class="header-left">
-        <i class="el-icon-truck"></i>
+        <i class="el-icon-truck" />
         <span class="header-title">库位状态看板</span>
       </div>
       <div class="header-right">
         <el-button
           type="primary"
           icon="el-icon-refresh"
-          @click="refreshData"
           :loading="isRefreshing"
+          @click="refreshData"
         >
           手动刷新
         </el-button>
         <el-button
           type="text"
           icon="el-icon-pause"
-          @click="toggleRefresh"
           class="refresh-toggle"
+          @click="toggleRefresh"
         >
           {{ isAutoRefresh ? '暂停刷新' : '开启刷新' }}
         </el-button>
@@ -85,15 +85,15 @@
               class="floor-select"
               @change="handleFloorChange"
             >
-              <el-option label="全部楼层" value="all"></el-option>
+              <el-option label="全部楼层" value="all" />
-              <el-option label="一层" value="1"></el-option>
+              <el-option label="一层" value="1" />
-              <el-option label="二层" value="2"></el-option>
+              <el-option label="二层" value="2" />
-              <el-option label="三层" value="3"></el-option>
+              <el-option label="三层" value="3" />
             </el-select>
           </div>
           <div class="chart-container">
-            <div id="floorPieChart" class="chart"></div>
+            <div id="floorPieChart" class="chart" />
-            <div id="floorBarChart" class="chart"></div>
+            <div id="floorBarChart" class="chart" />
           </div>
         </el-card>
       </div>
@@ -118,7 +118,7 @@ export default {
   name: 'AGVDashboard',
   data() {
     return {
-      storCode : 'FJ',
+      storCode: 'FJ',
       // 概览数据
       overview: {
         totalLocations: 0,
@@ -158,6 +158,18 @@ export default {
     }
   },
 
+  watch: {
+    // 监听搜索条件变化
+    searchCode(val) {
+      this.filterLocations()
+    },
+
+    // 监听选中楼层变化
+    selectedFloor(val) {
+      this.updateCharts()
+    }
+  },
+
   created() {
     // 初始化数据
     this.fetchData()
@@ -172,18 +184,6 @@ export default {
     }
   },
 
-  watch: {
-    // 监听搜索条件变化
-    searchCode(val) {
-      this.filterLocations()
-    },
-
-    // 监听选中楼层变化
-    selectedFloor(val) {
-      this.updateCharts()
-    }
-  },
-
   methods: {
     // 获取数据
     fetchData() {
@@ -253,7 +253,6 @@ export default {
           { name: '三层', value: this.calculateFloorCount(3) }
         ]
 
-
         barData = this.prepareBarData([1, 2, 3])
       } else {
         // 特定楼层数据
@@ -351,7 +350,7 @@ export default {
 
     // 准备特定楼层的状态数据
     prepareFloorStatusData(floor) {
-      const statuses =  ['空闲', '占用', '入库中', '出库中', '移入中', '移出中','其他占用']
+      const statuses = ['空闲', '占用', '入库中', '出库中', '移入中', '移出中', '其他占用']
       const floorLocations = this.locations.filter(location => location.floor === floor)
       return statuses.map(status => {
         return {

nladmin-ui/src/views/dashboard/Dashboard2.vue

@@ -3,23 +3,23 @@
     <!-- 顶部导航栏 -->
     <el-header class="header">
       <div class="header-left">
-        <i class="el-icon-s-tools"></i>
+        <i class="el-icon-s-tools" />
         <span class="header-title">任务完成情况看板</span>
       </div>
       <div class="header-right">
         <el-button
           type="primary"
           icon="el-icon-refresh"
-          @click="refreshData"
           :loading="isRefreshing"
+          @click="refreshData"
         >
           手动刷新
         </el-button>
         <el-button
           type="text"
           icon="el-icon-pause"
-          @click="toggleRefresh"
           class="refresh-toggle"
+          @click="toggleRefresh"
         >
           {{ isAutoRefresh ? '暂停刷新' : '开启刷新' }}
         </el-button>
@@ -43,9 +43,9 @@
           <div class="stat-value">{{ stats.todayTasks }}</div>
           <div class="stat-change">
             <span :class="weeklyComparison.growthRate >= 0 ? 'positive' : 'negative'">
-                <i :class="weeklyComparison.growthRate >= 0 ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i>
+              <i :class="weeklyComparison.growthRate >= 0 ? 'el-icon-arrow-up' : 'el-icon-arrow-down'" />
-                {{ stats.dayOnDay }}%
+              {{ stats.dayOnDay }}%
-              </span>
+            </span>
             <span class="compared">较昨日</span>
           </div>
         </el-card>
@@ -63,7 +63,7 @@
 
       <!-- 数据概览卡片 - 第二行 -->
       <div class="overview-cards">
-<!--        <el-card class="stat-card" shadow="hover">
+        <!--        <el-card class="stat-card" shadow="hover">
           <div class="stat-title">月均任务数</div>
           <div class="stat-value">{{ stats.monthlyAvg }}</div>
         </el-card>-->
@@ -97,19 +97,19 @@
               class="view-type-select"
               @change="handleViewTypeChange"
             >
-              <el-option label="每日任务完成情况" value="daily"></el-option>
+              <el-option label="每日任务完成情况" value="daily" />
-              <el-option label="周任务数据对比" value="weekly"></el-option>
+              <el-option label="周任务数据对比" value="weekly" />
             </el-select>
-            <div class="growth-rate" v-if="viewType === 'weekly' && weeklyComparison.growthRate !== 0">
+            <div v-if="viewType === 'weekly' && weeklyComparison.growthRate !== 0" class="growth-rate">
               <span :class="weeklyComparison.growthRate >= 0 ? 'positive' : 'negative'">
-                <i :class="weeklyComparison.growthRate >= 0 ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i>
+                <i :class="weeklyComparison.growthRate >= 0 ? 'el-icon-arrow-up' : 'el-icon-arrow-down'" />
                 {{ weeklyComparison.growthRate }}%
               </span>
               <span class="compared">较上周</span>
             </div>
           </div>
           <div class="chart-container">
-            <div id="taskChart" class="chart"></div>
+            <div id="taskChart" class="chart" />
           </div>
         </el-card>
       </div>
@@ -327,8 +327,7 @@ export default {
         }
         this.updateTaskChart()
       }
-    }
+    },
-    ,
     toggleRefresh() {
       this.isAutoRefresh = !this.isAutoRefresh
       this.setupAutoRefresh()
@@ -377,15 +376,15 @@ export default {
       const otherData = this.historyList.map(item => item.other)
 
       const option = {
-        tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
+        tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' }},
         legend: { data: ['入库任务', '出库任务', '其他搬运'], top: 10 },
         grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
         xAxis: { type: 'category', data: xAxisData },
         yAxis: { type: 'value' },
         series: [
-          { name: '入库任务', type: 'bar', data: inboundData, itemStyle: { color: '#1890ff' } },
+          { name: '入库任务', type: 'bar', data: inboundData, itemStyle: { color: '#1890ff' }},
-          { name: '出库任务', type: 'bar', data: outboundData, itemStyle: { color: '#52c41a' } },
+          { name: '出库任务', type: 'bar', data: outboundData, itemStyle: { color: '#52c41a' }},
-          { name: '其他搬运', type: 'bar', data: otherData, itemStyle: { color: '#fa8c16' } }
+          { name: '其他搬运', type: 'bar', data: otherData, itemStyle: { color: '#fa8c16' }}
         ]
       }
       myChart.setOption(option)
@@ -408,9 +407,9 @@ export default {
           type: 'value'
         },
         series: [
-          { name: '入库任务', type: 'bar', data: this.threeWeeksData.inboundData, itemStyle: { color: '#1890ff' } },
+          { name: '入库任务', type: 'bar', data: this.threeWeeksData.inboundData, itemStyle: { color: '#1890ff' }},
-          { name: '出库任务', type: 'bar', data: this.threeWeeksData.outboundData, itemStyle: { color: '#52c41a' } },
+          { name: '出库任务', type: 'bar', data: this.threeWeeksData.outboundData, itemStyle: { color: '#52c41a' }},
-          { name: '其他搬运', type: 'bar', data: this.threeWeeksData.otherData, itemStyle: { color: '#fa8c16' } }
+          { name: '其他搬运', type: 'bar', data: this.threeWeeksData.otherData, itemStyle: { color: '#fa8c16' }}
         ]
       }
 
@@ -487,8 +486,7 @@ export default {
       }
 
       return weeks
-    }
+    },
-    ,
 
     // 更新周对比图表
     updateWeeklyChart(myChart) {
@@ -551,24 +549,22 @@ export default {
       const otherData = this.historyList.map(item => item.other)
 
       const option = {
-        tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
+        tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' }},
         legend: { data: ['入库任务', '出库任务', '其他搬运'], top: 10 },
         grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
         xAxis: { type: 'category', data: xAxisData },
         yAxis: { type: 'value' },
         series: [
-          { name: '入库任务', type: 'bar', data: inboundData, itemStyle: { color: '#1890ff' } },
+          { name: '入库任务', type: 'bar', data: inboundData, itemStyle: { color: '#1890ff' }},
-          { name: '出库任务', type: 'bar', data: outboundData, itemStyle: { color: '#52c41a' } },
+          { name: '出库任务', type: 'bar', data: outboundData, itemStyle: { color: '#52c41a' }},
-          { name: '其他搬运', type: 'bar', data: otherData, itemStyle: { color: '#fa8c16' } }
+          { name: '其他搬运', type: 'bar', data: otherData, itemStyle: { color: '#fa8c16' }}
         ]
       }
       myChart.setOption(option)
-    }
+    },
-    ,
     handleSizeChange(val) {
       this.pageSize = val
-    }
+    },
-    ,
     handleCurrentChange(val) {
       this.currentPage = val
     }

nladmin-ui/src/views/wms/basedata/structattr/index.vue

@@ -92,8 +92,14 @@
         </el-form>
       </div>
       <!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'-->
-      <crudOperation :permission="permission" />
+      <crudOperation :permission="permission">
-
+        <el-button slot="right"
+                   class="filter-item"
+                   type="primary"
+                   size="mini" @click="exportExcel"
+        >导出excel
+        </el-button>
+      </crudOperation>
       <!--表单组件-->
       <el-dialog
         :close-on-click-modal="false"
@@ -297,7 +303,7 @@
 </template>
 
 <script>
-import crudStructattr from '@/views/wms/basedata/structattr/structattr'
+import crudStructattr, { exportFile } from '@/views/wms/basedata/structattr/structattr'
 import CRUD, { crud, form, header, presenter } from '@crud/crud'
 import rrOperation from '@crud/RR.operation'
 import crudOperation from '@crud/CRUD.operation'
@@ -432,6 +438,35 @@ export default {
     })
   },
   methods: {
+    // 导出Excel功能
+    exportExcel() {
+      // 构建文件名称：仓位管理导出yyyymmdd.xlsx
+      const now = new Date()
+      const year = now.getFullYear()
+      const month = String(now.getMonth() + 1).padStart(2, '0')
+      const day = String(now.getDate()).padStart(2, '0')
+      const fileName = `仓位管理导出${year}${month}${day}.xlsx`
+
+      // 使用导入的exportFile方法调用后端接口
+      exportFile(this.query).then(res => {
+        // 创建Blob对象
+        const blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' })
+        // 创建下载链接
+        const link = document.createElement('a')
+        link.href = URL.createObjectURL(blob)
+        link.download = fileName
+        // 触发下载
+        document.body.appendChild(link)
+        link.click()
+        // 清理
+        document.body.removeChild(link)
+        URL.revokeObjectURL(link.href)
+        this.crud.notify('导出成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
+      }).catch(() => {
+        this.crud.notify('导出失败', CRUD.NOTIFICATION_TYPE.ERROR)
+      })
+    },
+
     // 钩子：在获取表格数据之前执行，false 则代表不获取数据
     [CRUD.HOOK.beforeRefresh]() {
       return true

nladmin-ui/src/views/wms/basedata/structattr/structattr.js

@@ -48,4 +48,14 @@ export function blurQuery(data) {
   })
 }
 
-export default { add, edit, del, changeActive, oneCreate, blurQuery }
+export function exportFile(query) {
+  return request({
+    url: 'api/structattr/exportFile',
+    method: 'post',
+    data: query,
+    responseType: 'blob'
+  })
+}
+
+
+export default { add, edit, del, changeActive, oneCreate, blurQuery, exportFile }

nladmin-ui/src/views/wms/st/inbill/index.vue

@@ -179,6 +179,8 @@
         <el-table-column prop="stor_name" :label="$t('wms.st.inbill.warehouse')" width="100px;" />
         <el-table-column prop="struct_code" :label="$t('wms.st.inbill.warehouse_location')" width="100px;" />
         <el-table-column prop="vehicle_code" :label="$t('wms.st.inbill.vehicle_code')" width="100px;" />
+        <el-table-column prop="material_code" :label="$t('wms.st.inbill.material_code')" width="100px;" />
+        <el-table-column prop="material_name" :label="$t('wms.st.inbill.material_name')" width="100px;" />
         <el-table-column show-overflow-tooltip prop="bill_type" min-width="120" :formatter="bill_typeFormat" :label="$t('wms.st.inbill.bill_type')" />
         <el-table-column show-overflow-tooltip min-width="120" prop="biz_date" :label="$t('wms.st.inbill.business_date')" />
         <el-table-column show-overflow-tooltip prop="create_mode" :formatter="create_modeFormat" :label="$t('wms.st.inbill.create_mode')" />

nladmin-ui/src/views/wms/st/outbill/index.vue

@@ -185,6 +185,8 @@
         <el-table-column show-overflow-tooltip width="100" prop="biz_date" :label="$t('wms.st.outbill.business_date')" />
         <el-table-column show-overflow-tooltip :label="$t('wms.st.outbill.detail_count')" align="center" prop="detail_count" width="60" />
         <el-table-column show-overflow-tooltip :label="$t('wms.st.outbill.plan_weight')" align="center" prop="total_qty" width="100" :formatter="crud.formatNum3" />
+        <el-table-column show-overflow-tooltip prop="material_code" :label="$t('wms.st.inbill.material_code')" width="100px;" />
+        <el-table-column  show-overflow-tooltip prop="material_name" :label="$t('wms.st.inbill.material_name')" width="100px;" />
         <!--        <el-table-column show-overflow-tooltip label="实际重量" align="center" prop="plan_qty" width="100" :formatter="crud.formatNum3" />-->
         <el-table-column show-overflow-tooltip :label="$t('wms.st.outbill.is_upload')" align="center" prop="is_upload" width="80" :formatter="formatIsUpload" />
         <el-table-column show-overflow-tooltip :formatter="create_modeFormat" prop="create_mode" :label="$t('wms.st.outbill.create_mode')" width="100" />