Qt編寫ERP庫存庫房發貨電子看板

一、前言

有了之前可視化大屏電子看板系統的經驗，要做這個ERP庫存庫房發貨電子看板，可以說是水到渠成輕車熟路，技術難度比之前做過的各種大屏系統的子模塊都要簡單。由於庫存庫房發貨數據的特殊性，基本上都是要求表格形式展示，唯一稍微多一點的代碼就是有部分表格數據要求不同警報需要不同顏色顯示數據，還有部分字段需要展示成進度條，但是總歸都還是在表格中，這幾種特殊要求用自定義委託即可。之前就把委託搞得滾瓜爛熟，還搞了個自定義委託全家桶，要的各種委託效果，常用的都具備了，直接把他拿過來用在這裏就行。

庫存庫房對應的表格有很多，於是需要做一個通用的窗體類，可以傳入對應的表名，字段名，自動查詢數據顯示在表格中，還可以設置查詢間隔，QSqlTableModel數據庫模型對錶格封裝的特別友好，定時查詢只需要調用select方法即可，就會把最新的數據顯示到表格中。

二、功能特點

1. 採用分層設計，整體總共分三級界面，一級界面是整體佈局，二級界面是單個功能模塊，三級界面是單個控件。
2. 子控件包括餅圖、圓環圖、曲線圖、柱狀圖、柱狀分組圖、橫向柱狀圖、橫向柱狀分組圖、合格率控件、百分比控件、進度控件、設備狀態面板、表格數據、地圖控件、視頻控件等。
3. 二級界面可以自由拖動懸浮，支持最小化隱藏、最大化關閉、響應雙擊自定義標題欄。
4. 數據源支持模擬數據（默認）、數據庫採集、串口通信（需定製）、網絡通信（需定製）、網絡請求等，可自由設定每個子界面的採集間隔即數據刷新頻率。
5. 採用純QWidget編寫，親測Qt4.6到Qt6.2任意版本，理論上支持後續其他Qt版本。
6. 超強跨平臺，親測windows、linux、mac、國產uos、國產銀河麒麟kylin等系統，效果完美，同時還支持嵌入式linux比如樹莓派、香橙派、全志、imx6等。
7. 同時集成了自定義控件、qchart餅圖、echart地圖等功能。
8. 內置多套配色風格樣式（紫色、藍色、深藍、黑色），默認紫色，自適應任意分辨率。
9. 可設置系統標題、目標分辨率、佈局方案，啓動立即應用。
10. 可設置主背景顏色、面板顏色、十字線遊標顏色等各種顏色。
11. 可設置多條曲線不同顏色，沒有設置顏色的情況下內置多套精美顏色隨機應用。
12. 可設置標題欄背景顏色、文字顏色。
13. 可設置曲線圖表背景顏色、文字顏色、網格顏色。
14. 可設置正常顏色、警戒顏色、報警顏色、禁用顏色、百分比進度顏色。
15. 可分別設置各種字體大小，比如全局字體、軟件名稱、標題欄、子標題欄、加粗標籤等。
16. 可設置標題欄高度、表頭高度、行高度。
17. 曲線支持遊標、定位線、懸停高亮數據點、懸停顯示值。
18. 柱狀圖支持頂部（可設置頂端、上部、中間、底部）顯示數據，全部自適應計算位置。
19. 支持平滑曲線，內置多種平滑曲線算法，還支持面積圖平滑。
20. 面積圖填充顏色可選多種規則比如單色透明度填充、透明度漸變填充等。
21. 數據庫支持sqlite、mysql、postgresql、oracle、國產人大金倉等數據庫。
22. 主界面直接鼠標右鍵切換佈局、配色方案、關閉開啓某個二級窗體。
23. 自動記憶所有子窗口的大小和位置，下次啓動立即應用。
24. 動態加載佈局方案菜單，可以動態新建佈局、恢復佈局、保存佈局、另存佈局等，用戶可以製造任意佈局。
25. 二級窗體，雙擊從主窗體分離出來浮動，可以自由調整大小。再次雙擊標題欄最大化，再次雙擊還原。
26. 子模塊也可以全屏顯示作爲一個大屏，這樣就可以一個大屏拓展出多個子大屏，放大查看子模塊的數據詳情，適用多屏展示。
27. 每個模塊都可以自定義採集速度，如果是數據庫採集會自動排隊處理，後期還可以拓展每個子模塊都獨立的數據庫採集。
28. 提供系統設置模塊進行整體的配置參數設置，效果立即應用。
29. 提供精美炫酷的大屏地圖模塊，包括靜態圖片、閃爍效果、遷徙效果、世界地圖、區域地圖等，可指定點的經緯度座標，識別單擊響應，可以做地圖跳轉等，每個點都可以不同的顏色和提示信息。
30. 除了提供大屏系統外，還將每個模塊都做了獨立的模塊示例界面，每個模塊都可以獨立學習使用，裏面用到的控件也單獨做了控件示例界面，方便學習每個控件如何使用。
31. 非常詳細的開發和使用手冊，其中包括數據庫說明、模塊對照圖、控件對照圖、項目結構、代碼說明（精確到每個類）、演示demo、使用方法等。

三、體驗地址

1. 體驗地址：https://pan.baidu.com/s/1d7TH_GEYl5nOecuNlWJJ7g 提取碼：01jf 文件名：bin_bigscreen.zip。
2. 國內站點：https://gitee.com/feiyangqingyun
3. 國際站點：https://github.com/feiyangqingyun
4. 個人主頁：https://blog.csdn.net/feiyangqingyun
5. 知乎主頁：https://www.zhihu.com/people/feiyangqingyun/
6. 在線文檔：https://feiyangqingyun.gitee.io/qwidgetdemo/bigscreen/

四、效果圖

五、核心代碼

#include "frmmoduletable.h"
#include "ui_frmmoduletable.h"
#include "quihelper.h"
#include "dbtablemodel.h"
#include "dbdelegate.h"

frmModuleTable::frmModuleTable(QWidget *parent) : QWidget(parent), ui(new Ui::frmModuleTable)
{
    ui->setupUi(this);
    this->initForm();
}

frmModuleTable::~frmModuleTable()
{
    delete ui;
}

void frmModuleTable::initForm()
{
    //實例化數據庫表模型
    model = new DbTableModel(this);
    QUIHelper::initTableView(ui->tableView, AppData::RowHeight);

    //隱藏滾動條
    //ui->tableView->verticalScrollBar()->setVisible(false);
    //ui->tableView->horizontalScrollBar()->setVisible(false);

    //設置表格數據模型的一些參數
    model->setAllCenter(true);
    //model->setAlignCenterColumn(QList<int>() << 1 << 2);
    //model->setProperty("hideColumn", 2);
    //設置懸停整行選中
    model->setTableView(ui->tableView);

    //定時器刷新數據
    timer = new QTimer(this);
    connect(timer, SIGNAL(timeout()), model, SLOT(select()));

    //測試數據
    QList<QString> columnNames;
    QList<int> columnWidths;
    columnNames << "編號" << "名稱" << "系列1" << "系列2";
    columnWidths << 60 << 80 << 70 << 70;
    //setTable("t_1_1_mold_prod_total", columnNames, columnWidths);
}

void frmModuleTable::setTable(const QString &tableName, const QList<QString> &columnNames, const QList<int> &columnWidths)
{
    //綁定數據庫表到數據模型
    DbHelper::bindTable(AppConfig::LocalDbType, model, tableName);
    //設置列排序
    model->setSort(0, Qt::AscendingOrder);
    //立即查詢一次
    model->select();
    //將數據庫表模型設置到表格上
    ui->tableView->setModel(model);

    //挨個設置列名和列寬
    int count = columnNames.count();
    for (int i = 0; i < count; ++i) {
        model->setHeaderData(i, Qt::Horizontal, columnNames.at(i));
        ui->tableView->setColumnWidth(i, columnWidths.at(i));
    }

    //演示自定義委託
#if 1
    //進度條
    DbDelegate *d_progressbar = new DbDelegate(this);
    d_progressbar->setDelegateMin(0);
    d_progressbar->setDelegateMax(100);
    d_progressbar->setDelegateType("QProgressBar");
    d_progressbar->setDelegateColumn(9);
    ui->tableView->setItemDelegateForColumn(9, d_progressbar);
    //ui->tableView->setStyleSheet("QProgressBar{border:0px;}");

    //關鍵字捕捉不同顏色
    DbDelegate *d_check = new DbDelegate(this);
    d_check->setCheckText(true);
    d_check->setCheckType(">=");
    d_check->setCheckValue("80");
    d_check->setCheckTextColor(Qt::red);
    d_check->setCheckBgColor(Qt::transparent);
    d_check->setDelegateColumn(7);
    ui->tableView->setItemDelegateForColumn(7, d_check);
#endif
}

void frmModuleTable::start(int interval)
{
    if (!timer->isActive()) {
        timer->start(interval);
    }
}

void frmModuleTable::stop()
{
    if (timer->isActive()) {
        timer->stop();
    }
}