<output id="qn6qe"></output>

    1. <output id="qn6qe"><tt id="qn6qe"></tt></output>
    2. <strike id="qn6qe"></strike>

      亚洲 日本 欧洲 欧美 视频,日韩中文字幕有码av,一本一道av中文字幕无码,国产线播放免费人成视频播放,人妻少妇偷人无码视频,日夜啪啪一区二区三区,国产尤物精品自在拍视频首页,久热这里只有精品12

      JeecgBoot BasicTable合并行操作,官方文檔信息太少了

      實現(xiàn)效果

      列表數(shù)據(jù)(BasicColumn)

      // 列表數(shù)據(jù)
      export const columns: BasicColumn[] = [
        {
          title: '階段',
          align: 'center',
          dataIndex: 'projectStage',
        },
        {
          title: '類別',
          align: 'center',
          dataIndex: 'emissionsType',
        },
        ....
      ]

       

      js文件定義表格單元格合并公共方法---單獨建個hook-------jsfile.fun.js

      //  表格合并
      export const getSpanArr = (tableData, itemProperty) => {
        if (tableData.length === 0) {
          return false;
        }
      
        const spanArr = [];
        let pos;
        for (let i = 0; i < tableData.length; i++) {
          if (i === 0) {
            spanArr.push(1);
            pos = 0;
          } else {
            // 判斷當(dāng)前元素與上一個元素是否相同 相同則加 1。。。這里可以根據(jù)實際需求調(diào)整。可能多列相等時才合并
            if (tableData[i][itemProperty] && tableData[i][itemProperty] === tableData[i - 1][itemProperty]) {
              spanArr[pos] += 1;
              spanArr.push(0);
            } else {
              spanArr.push(1);
              pos = i;
            }
          }
        }
      
        return spanArr;
      };

      組件界面引入

      import { ref, computed } from 'vue';
      import { getSpanArr } from './jsfile.fun.js';
      import { columns } from './jsfile.data.js';
       // 表格列設(shè)置單元格合并
        const newColumns = computed(() => {
            // 獲取表格數(shù)據(jù)
          const tableDataSource = getDataSource();
          // 設(shè)置需要合并的列
          const needTomergeColumnsIndex = ['projectStage', 'emissionsType'];
          let newColumnsData = columns.map((item) => {
            if (needTomergeColumnsIndex.includes(item.dataIndex)) {
              // 計算合并單元格數(shù)量
              const spanArr = getSpanArr(tableDataSource, item.dataIndex);
              item.customCell = (record, rowIndex, column) => {
                // 設(shè)置單元格合并數(shù)量
                return { rowSpan: spanArr[rowIndex] };
              };
            }
            return item;
          });
          return newColumnsData;
        });

      如何使用:

      //注冊table數(shù)據(jù)
        const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
          tableProps: {
            title: '工單工序轉(zhuǎn)移_工單工序',
            api: list,
            columns: newColumns, //---換成新的colums即可
            canResize:false,
            useSearchForm: false,
            actionColumn: {
              width: 120,
              fixed: 'right',
            },
            beforeFetch: async (params) => {
              let rangerQuery = await setRangeQuery();
              return Object.assign(params, rangerQuery);
            },
          },
          exportConfig: {
            name: "工單工序轉(zhuǎn)移_工單工序",
            url: getExportUrl,
            params: queryParam,
          },
            importConfig: {
              url: getImportUrl,
              success: handleSuccess
            },
        });

      純Ant Design VUE 看下一篇

       

      posted @ 2025-04-08 09:39  愛吃貓的魚9527  閱讀(161)  評論(0)    收藏  舉報
      主站蜘蛛池模板: 18禁精品一区二区三区| 日韩有码精品中文字幕| 国产一级精品毛片基地| 欧洲美女黑人粗性暴交视频| 92自拍视频爽啪在线观看| 日韩一区二区三区理伦片| 精品无码人妻一区二区三区| 国产欧美综合在线观看第十页| 在线精品国精品国产不卡| 午夜在线观看成人av| 成在线人免费| 精品日本免费一区二区三区| 久久精品国产99亚洲精品| 东北妇女精品bbwbbw| 国产美女在线精品免费观看| 性欧美vr高清极品| 美女扒开尿口让男人桶| 国产高清在线精品一区不卡| 嫩草研究院久久久精品| 国产熟睡乱子伦视频在线播放| 中文字幕一区有码视三区| 亚洲一区二区经典在线播放| 亚洲日韩av无码中文字幕美国| 亚洲国产欧美一区二区好看电影| 九九久久人妻一区精品色| 亚洲AV永久天堂在线观看| 免费看视频的网站| 国产粉嫩学生高清专区麻豆| 爆乳日韩尤物无码一区| 国产成熟女人性满足视频| 久久毛片少妇高潮| 粗壮挺进人妻水蜜桃成熟| 欧美综合区自拍亚洲综合绿色| 国产免费高清69式视频在线观看| 精品亚洲国产成人| 奇米四色7777中文字幕| 宫西光有码视频中文字幕| 国产成人精品一区二区秒拍1o| av色蜜桃一区二区三区| 国产一区二区波多野结衣| a∨变态另类天堂无码专区|