一、前言

品質管理模組是在送檢合格模組的基礎上增加了統計而來，總共包括了三個子模組：品質佔比、班組合格率、每日合格率統計，其中品質佔比子模組採用餅圖控制元件顯示對應的百分比，不同百分比顏色不一樣，這個餅圖控制元件採用自定義控制元件painter繪製，最開始採用的qchart內建的餅圖，使用方便，但是不支援Qt4，索性直接painter繪製一個簡單的餅圖控制元件，核心就是drawpie函式；班組合格率採用柱狀圖顯示資料；每日合格率統計採用平滑曲線圖展示。

子模組表名對應表：

1 品質佔比

表名：t_7_1_qual_percent

預設資料：
1 45 30 15 10

2 班組合格率

表名：t_7_2_group_qual_rate

預設資料：

3 每日合格率統計

表名：t_7_3_qual_rate_daily

預設資料：
1, 'all', 90, 90, 97, 91, 92, 88, 89, 90, 78, 87, 86, 90, 80, 97, 87, 87, 88, 89, 90, 90, 89, 86, 90, 80, 97, 87, 87, 89, 89, 89, 90

二、功能特點

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 "frmmodule7.h"
#include "ui_frmmodule7.h"
#include "quihelper.h"

frmModule7::frmModule7(QWidget *parent) : QWidget(parent), ui(new Ui::frmModule7)
{
    ui->setupUi(this);
    this->initForm();
    this->initPie();
    this->initPlot1();
    this->initPlot2();
}

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

void frmModule7::initForm()
{
    //設定對應的屬性應用特定樣式
    ui->labTitle1->setProperty("flag", "title");
    ui->labTitle2->setProperty("flag", "title");
    ui->labTitle3->setProperty("flag", "title");

    ui->widgetSub1->setProperty("flag", "sub");
    ui->widgetSub2->setProperty("flag", "sub");
    ui->widgetSub3->setProperty("flag", "sub");

#ifdef qchart
    pie = new CustomChart;
#else
    pie = new CustomPie;
#endif

    pie->setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Expanding);
    ui->widgetSub1->layout()->addWidget(pie);

    //定時器模擬資料
    timer = new QTimer(this);
    connect(timer, SIGNAL(timeout()), this, SLOT(loadPie()));
    connect(timer, SIGNAL(timeout()), this, SLOT(loadPlot1()));
    connect(timer, SIGNAL(timeout()), this, SLOT(loadPlot2()));

    //繫結訊號槽處理接收的資料+傳送執查詢語句
    connect(DbData::DbLocal, SIGNAL(receiveData(QString, QStringList, int)),
            this, SLOT(receiveData(QString, QStringList, int)));
    connect(DbData::DbHttp, SIGNAL(receiveData(QString, QStringList, int)),
            this, SLOT(receiveData(QString, QStringList, int)));

    //繫結樣式改變訊號重新載入資料
    connect(AppEvent::Instance(), SIGNAL(changeStyle()), this, SLOT(start()));
}

void frmModule7::receiveData(const QString &tag, const QStringList &data, int mesc)
{
    int count = data.count();
    if (tag == "t_7_1_qual_percent") {
        if (count == 4) {
            int value1 = data.at(0).toDouble();
            int value2 = data.at(1).toDouble();
            int value3 = data.at(2).toDouble();
            int value4 = data.at(3).toDouble();
            loadPie(value1, value2, value3, value4);
        }
    } else if (tag == "t_7_2_group_qual_rate") {
        if (count % 2 == 0) {
            rowNames.clear();
            vdouble value1;
            for (int i = 0; i < count; i = i + 2) {
                rowNames << data.at(i);
                value1 << data.at(i + 1).toDouble();
            }

            loadPlot1(lvdouble() << value1);
        }
    } else if (tag == "t_7_3_qual_rate_daily") {
        if (count == 32) {
            vstring lab;
            vdouble key, value1;
            for (int i = 0; i < count - 1; i++) {
                lab << QString("%1").arg(i + 1);
                key << i;
                value1 << data.at(i).toDouble();
            }

            loadPlot2(lab, key, lvdouble() << value1);
        }
    }
}

void frmModule7::initPie()
{
    lcolor colors;
    colors << QColor(0, 176, 80) << QColor(65, 176, 255) << QColor(255, 192, 0) << QColor(255, 0, 0);

    pie->setColors(colors);
    pie->setDefaultColor(false);
    pie->initPie();
}

void frmModule7::loadPie()
{
    QString tableName = "t_7_1_qual_percent";
    QString columnName = "green,blue,yellow,red";

    if (AppConfig::WorkMode == "timer") {
        int value1 = QUIHelper::getRandValue(10, 30);
        int value2 = QUIHelper::getRandValue(10, 30);
        int value3 = QUIHelper::getRandValue(10, 30);
        int value4 = QUIHelper::getRandValue(10, 30);
        loadPie(value1, value2, value3, value4);
    } else if (AppConfig::WorkMode == "db") {
        DbData::DbLocal->select(tableName, columnName, true);
    } else if (AppConfig::WorkMode == "http") {
        DbData::DbHttp->select(tableName, columnName, true);
    }
}

void frmModule7::loadPie(int value1, int value2, int value3, int value4)
{
    pie->clearPie();
    pie->appendPie("", value1);
    pie->appendPie("", value2);
    pie->appendPie("", value3);
    pie->appendPie("", value4);
    pie->loadPercent();
}

void frmModule7::initPlot1()
{
    rowNames << "CNC" << "EDM" << "線割" << "磨床" << "銑床" << "外協";
    columnNames << "系列1";
}

void frmModule7::loadPlot1()
{
    QString tableName = "t_7_2_group_qual_rate";
    QString columnName = "group_name,qual_rate";

    if (AppConfig::WorkMode == "timer") {
        vdouble value1;
        for (int i = 0; i < rowNames.count(); ++i) {
            value1 << QUIHelper::getRandValue(10 + (i * 10), 100);
        }
        loadPlot1(lvdouble() << value1);
    } else if (AppConfig::WorkMode == "db") {
        DbData::DbLocal->select(tableName, columnName, true);
    } else if (AppConfig::WorkMode == "http") {
        DbData::DbHttp->select(tableName, columnName, true);
    }
}

void frmModule7::loadPlot1(const lvdouble &values)
{
    ui->customPlot1->clear();
    double maxY = CustomPlotHelper::getMaxValue(values) * 1.2;
    ui->customPlot1->setRangeX(0.5, rowNames.count() + 0.5);
    ui->customPlot1->setRangeY(0, maxY, AppConfig::StepY, AppConfig::ShowPercent);

    //設定柱狀資料結構體
    BarData data;
    data.rowNames = rowNames;
    data.columnNames = columnNames;
    data.values = values;
    data.borderColor = AppConfig::ColorChartText;
    data.valuePosition = 1;
    data.valuePrecision = 0;
    data.valueColor = AppConfig::ColorChartText;
    data.checkData = true;
    ui->customPlot1->setDataBarv(data);
    ui->customPlot1->replot();
}

void frmModule7::initPlot2()
{
    lineNames << "資料1" << "資料2";
    ui->customPlot2->addGraph(2);
}

void frmModule7::loadPlot2()
{
    QStringList list;
    list << "group_name";
    for (int i = 1; i <= 31; i++) {
        list << QString("day_%1").arg(i);
    }

    QString tableName = "t_7_3_qual_rate_daily";
    QString columnName = list.join(",");

    if (AppConfig::WorkMode == "timer") {
        vstring lab;
        vdouble key, value1;
        int dataCount = 31;
        if (QUIHelper::deskWidth() <= 1440) {
            dataCount = 20;
        }

        for (int i = 0; i < dataCount; i++) {
            lab << QString("%1").arg(i + 1);
            key << i;
            value1 << QUIHelper::getRandValue(30, 100);
        }

        loadPlot2(lab, key, lvdouble() << value1);
    } else if (AppConfig::WorkMode == "db") {
        DbData::DbLocal->select(tableName, columnName, true);
    } else if (AppConfig::WorkMode == "http") {
        DbData::DbHttp->select(tableName, columnName, true);
    }
}

void frmModule7::loadPlot2(const vstring &lab, const vdouble &key, const lvdouble &values)
{
    //清空資料
    ui->customPlot2->clear();
    ui->customPlot2->replot();

    //繪製定位線
    if (AppConfig::StaticLine) {
        ui->customPlot2->drawStaticLineh(-0.5, 90, AppConfig::ColorLine);
    }

    //設定資料結構體
    LineData data;
    data.index = 0;
    data.name = lineNames.at(0);
    data.key = key;
    data.value = values.at(0);
    data.lineColor = AppConfig::ColorLine1;
    //data.fillColor = AppConfig::FillColor;
    data.smoothType = AppConfig::PlotStyle - 1;

    //繪製對應的數值
    //data.drawValue = true;

    //不同的曲線型別
    if (AppConfig::PlotStyle == 0) {
        ui->customPlot2->addDataLine(data);
    } else {
        vpoint points;
        int count = key.count();
        for (int i = 0; i < count; ++i) {
            points << QPointF(data.key.at(i), data.value.at(i));
        }
        data.points = points;
        data.dataWidth = 3;
        ui->customPlot2->addSmoothLine(data);
    }

    //設定座標軸範圍值+X座標對應顯示文字
    ui->customPlot2->setLabX(key, lab);
    ui->customPlot2->setRangeX(-0.5, key.count() - 0.5);
    ui->customPlot2->setRangeY(0, 120, AppConfig::StepY, AppConfig::ShowPercent);

    //初始化指示器資料高亮及懸停提示等
    ui->customPlot2->initItem();
    //重新重新整理顯示
    ui->customPlot2->replot();
}

void frmModule7::start(int interval)
{
    this->loadPie();
    this->loadPlot1();
    this->loadPlot2();

    //如果間隔太短表示不需要重新整理,執行一次即可
    if (interval > 2000) {
        timer->start(interval);
    }
}

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