var page_function = {
  components: {
    "soft-item": httpVueLoader.load("./components/soft_item.vue")
  },
  data() {
    return {
      VarMenuPage: "system_power",
      VarMenu: "area",
      VarPageContainerCss: "",

      billboard: {
        main01: {
          show: true, //	要不要顯示此區塊
          title: "2廠1樓-總用電", //	標題
          title_style: "background: #2ab7d0;",  //  標體底色
          showButton: true, //  是否支援暗扭曲快功能
          //title_btn_border_style: "", // 按鈕邊框樣式
          button: {
            //	標題同一列的按鈕功能
            item01: {
              show: true, //	要不要顯示此按鈕
              label: "長條圖", //	標題 (標示定義名稱)
              icon: "leaderboard", //	按鈕圖樣
              linkto: "system_power_trend.php?ColumnTable=ACM17", //	轉跳頁面 定義為 null 不會觸發
              iconColor: "color: #fff", // icon 顏色
            },
          },
          data: {
            item01: {
              show: true,
              label: "今日用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01780",
              textColor: "text-primary",  //  數值顏色
              unit: "度",
              icon: "bolt",
            },
            item02: {
              show: true,
              label: "本月用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01782",
              textColor: "text-primary",
              unit: "度",
              icon: "bolt",
            },
            item03: {
              show: true,
              label: "即時功率",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01773",
              textColor: "text-primary",
              unit: "kW",
              icon: "bolt",
            },
          },
          top: "13",
          left: "2.5",
          width: "320",
        },
        item01: {
          show: true, //  要不要顯示此區塊
          title: "2廠1樓-廠房甲柱前開關箱", //  標題
          title_style: "background: #3070c3;",
          showButton: true,
          ////title_btn_border_style: "box-shadow: rgba(26, 198, 255, 0.3) 3px 0px 7px -1px inset, rgba(26, 198, 255, 0.9) -2px 0px 3px 1px;",
          button: {
            //  標題同一列的按鈕功能
            item01: {
              show: true, //  要不要顯示此按鈕
              label: "長條圖", //  標題 (標示定義名稱)
              icon: "leaderboard", // 按鈕圖樣
              linkto: "system_power_trend.php?ColumnTable=ACM02", // 轉跳頁面 定義為 null 不會觸發
              iconColor: "color: #fff", // icon 顏色
            },
          },
          data: {
            item01: {
              show: true,
              label: "今日用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D00280",
              textColor: "text-primary",  //  數值顏色
              unit: "度",
              icon: "bolt",
            },
            item02: {
              show: true,
              label: "本月用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D00282",
              textColor: "text-primary",
              unit: "度",
              icon: "bolt",
            },
            item03: {
              show: true,
              label: "即時功率",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D00273",
              textColor: "text-primary",
              unit: "kW",
              icon: "bolt",
            },
          },
          top: "13",
          left: "22.5",
          width: "320",
        },
        item02: {
          show: true, //  要不要顯示此區塊
          title: "2廠1樓-消防馬達", //  標題
          title_style: "background: #3070c3;",
          showButton: true,
          ////title_btn_border_style: "box-shadow: rgba(26, 198, 255, 0.3) 3px 0px 7px -1px inset, rgba(26, 198, 255, 0.9) -2px 0px 3px 1px;",
          button: {
            //  標題同一列的按鈕功能
            item01: {
              show: true, //  要不要顯示此按鈕
              label: "長條圖", //  標題 (標示定義名稱)
              icon: "leaderboard", // 按鈕圖樣
              linkto: "system_power_trend.php?ColumnTable=ACM03", // 轉跳頁面 定義為 null 不會觸發
              iconColor: "color: #fff", // icon 顏色
            },
          },
          data: {
            item01: {
              show: true,
              label: "今日用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D00380",
              textColor: "text-primary",  //  數值顏色
              unit: "度",
              icon: "bolt",
            },
            item02: {
              show: true,
              label: "本月用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D00382",
              textColor: "text-primary",
              unit: "度",
              icon: "bolt",
            },
            item03: {
              show: true,
              label: "即時功率",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D00373",
              textColor: "text-primary",
              unit: "kW",
              icon: "bolt",
            },
          },
          top: "13",
          left: "42.5",
          width: "320",
        },
        item03: {
          show: true, //  要不要顯示此區塊
          title: "2廠1樓-廠房中柱後開關箱", //  標題
          title_style: "background: #3070c3;",
          showButton: true,
          //title_btn_border_style: "box-shadow: rgba(26, 198, 255, 0.3) 3px 0px 7px -1px inset, rgba(26, 198, 255, 0.9) -2px 0px 3px 1px;",
          button: {
            //  標題同一列的按鈕功能
            item01: {
              show: true, //  要不要顯示此按鈕
              label: "長條圖", //  標題 (標示定義名稱)
              icon: "leaderboard", // 按鈕圖樣
              linkto: "system_power_trend.php?ColumnTable=ACM04", // 轉跳頁面 定義為 null 不會觸發
              iconColor: "color: #fff", // icon 顏色
            },
          },
          data: {
            item01: {
              show: true,
              label: "今日用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D00480",
              textColor: "text-primary",  //  數值顏色
              unit: "度",
              icon: "bolt",
            },
            item02: {
              show: true,
              label: "本月用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D00482",
              textColor: "text-primary",
              unit: "度",
              icon: "bolt",
            },
            item03: {
              show: true,
              label: "即時功率",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D00473",
              textColor: "text-primary",
              unit: "kW",
              icon: "bolt",
            },
          },
          top: "13",
          left: "62.5",
          width: "320",
        },
        item04: {
          show: true, //  要不要顯示此區塊
          title: "2廠1樓-風壓機", //  標題
          title_style: "background: #3070c3;",
          showButton: true,
          //title_btn_border_style: "box-shadow: rgba(26, 198, 255, 0.3) 3px 0px 7px -1px inset, rgba(26, 198, 255, 0.9) -2px 0px 3px 1px;",
          button: {
            //  標題同一列的按鈕功能
            item01: {
              show: true, //  要不要顯示此按鈕
              label: "長條圖", //  標題 (標示定義名稱)
              icon: "leaderboard", // 按鈕圖樣
              linkto: "system_power_trend.php?ColumnTable=ACM05", // 轉跳頁面 定義為 null 不會觸發
              iconColor: "color: #fff", // icon 顏色
            },
          },
          data: {
            item01: {
              show: true,
              label: "今日用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D00580",
              textColor: "text-primary",  //  數值顏色
              unit: "度",
              icon: "bolt",
            },
            item02: {
              show: true,
              label: "本月用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D00582",
              textColor: "text-primary",
              unit: "度",
              icon: "bolt",
            },
            item03: {
              show: true,
              label: "即時功率",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D00573",
              textColor: "text-primary",
              unit: "kW",
              icon: "bolt",
            },
          },
          top: "13",
          left: "82.5",
          width: "320",
        },
        item05: {
          show: true, //  要不要顯示此區塊
          title: "2廠1樓-升降機/使用2樓電源", //  標題
          title_style: "background: #3070c3;",
          showButton: true,
          //title_btn_border_style: "box-shadow: rgba(26, 198, 255, 0.3) 3px 0px 7px -1px inset, rgba(26, 198, 255, 0.9) -2px 0px 3px 1px;",
          button: {
            //  標題同一列的按鈕功能
            item01: {
              show: true, //  要不要顯示此按鈕
              label: "長條圖", //  標題 (標示定義名稱)
              icon: "leaderboard", // 按鈕圖樣
              linkto: "system_power_trend.php?ColumnTable=ACM06", // 轉跳頁面 定義為 null 不會觸發
              iconColor: "color: #fff", // icon 顏色
            },
          },
          data: {
            item01: {
              show: true,
              label: "今日用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D00680",
              textColor: "text-primary",  //  數值顏色
              unit: "度",
              icon: "bolt",
            },
            item02: {
              show: true,
              label: "本月用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D00682",
              textColor: "text-primary",
              unit: "度",
              icon: "bolt",
            },
            item03: {
              show: true,
              label: "即時功率",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D00673",
              textColor: "text-primary",
              unit: "kW",
              icon: "bolt",
            },
          },
          top: "29",
          left: "22.5",
          width: "320",
        },
        item06: {
          show: true, //  要不要顯示此區塊
          title: "2廠1樓-22VARI鐵捲門", //  標題
          title_style: "background: #3070c3;",
          showButton: true,
          //title_btn_border_style: "box-shadow: rgba(26, 198, 255, 0.3) 3px 0px 7px -1px inset, rgba(26, 198, 255, 0.9) -2px 0px 3px 1px;",
          button: {
            //  標題同一列的按鈕功能
            item01: {
              show: true, //  要不要顯示此按鈕
              label: "長條圖", //  標題 (標示定義名稱)
              icon: "leaderboard", // 按鈕圖樣
              linkto: "system_power_trend.php?ColumnTable=ACM07", // 轉跳頁面 定義為 null 不會觸發
              iconColor: "color: #fff", // icon 顏色
            },
          },
          data: {
            item01: {
              show: true,
              label: "今日用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D00780",
              textColor: "text-primary",  //  數值顏色
              unit: "度",
              icon: "bolt",
            },
            item02: {
              show: true,
              label: "本月用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D00782",
              textColor: "text-primary",
              unit: "度",
              icon: "bolt",
            },
            item03: {
              show: true,
              label: "即時功率",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D00773",
              textColor: "text-primary",
              unit: "kW",
              icon: "bolt",
            },
          },
          top: "29",
          left: "42.5",
          width: "320",
        },
        item07: {
          show: true, //  要不要顯示此區塊
          title: "2廠1樓-廠房右側1開關箱", //  標題
          title_style: "background: #3070c3;",
          showButton: true,
          //title_btn_border_style: "box-shadow: rgba(26, 198, 255, 0.3) 3px 0px 7px -1px inset, rgba(26, 198, 255, 0.9) -2px 0px 3px 1px;",
          button: {
            //  標題同一列的按鈕功能
            item01: {
              show: true, //  要不要顯示此按鈕
              label: "長條圖", //  標題 (標示定義名稱)
              icon: "leaderboard", // 按鈕圖樣
              linkto: "system_power_trend.php?ColumnTable=ACM08", // 轉跳頁面 定義為 null 不會觸發
              iconColor: "color: #fff", // icon 顏色
            },
          },
          data: {
            item01: {
              show: true,
              label: "今日用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D00880",
              textColor: "text-primary",  //  數值顏色
              unit: "度",
              icon: "bolt",
            },
            item02: {
              show: true,
              label: "本月用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D00882",
              textColor: "text-primary",
              unit: "度",
              icon: "bolt",
            },
            item03: {
              show: true,
              label: "即時功率",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D00873",
              textColor: "text-primary",
              unit: "kW",
              icon: "bolt",
            },
          },
          top: "29",
          left: "62.5",
          width: "320",
        },
        item08: {
          show: true, //  要不要顯示此區塊
          title: "2廠1樓-廠房右側2開關箱", //  標題
          title_style: "background: #3070c3;",
          showButton: true,
          //title_btn_border_style: "box-shadow: rgba(26, 198, 255, 0.3) 3px 0px 7px -1px inset, rgba(26, 198, 255, 0.9) -2px 0px 3px 1px;",
          button: {
            //  標題同一列的按鈕功能
            item01: {
              show: true, //  要不要顯示此按鈕
              label: "長條圖", //  標題 (標示定義名稱)
              icon: "leaderboard", // 按鈕圖樣
              linkto: "system_power_trend.php?ColumnTable=ACM09", // 轉跳頁面 定義為 null 不會觸發
              iconColor: "color: #fff", // icon 顏色
            },
          },
          data: {
            item01: {
              show: true,
              label: "今日用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D00980",
              textColor: "text-primary",  //  數值顏色
              unit: "度",
              icon: "bolt",
            },
            item02: {
              show: true,
              label: "本月用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D00982",
              textColor: "text-primary",
              unit: "度",
              icon: "bolt",
            },
            item03: {
              show: true,
              label: "即時功率",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D00973",
              textColor: "text-primary",
              unit: "kW",
              icon: "bolt",
            },
          },
          top: "29",
          left: "82.5",
          width: "320",
        },
        item09: {
          show: true, //  要不要顯示此區塊
          title: "2廠1樓-廠房中柱前開關箱", //  標題
          title_style: "background: #3070c3;",
          showButton: true,
          //title_btn_border_style: "box-shadow: rgba(26, 198, 255, 0.3) 3px 0px 7px -1px inset, rgba(26, 198, 255, 0.9) -2px 0px 3px 1px;",
          button: {
            //  標題同一列的按鈕功能
            item01: {
              show: true, //  要不要顯示此按鈕
              label: "長條圖", //  標題 (標示定義名稱)
              icon: "leaderboard", // 按鈕圖樣
              linkto: "system_power_trend.php?ColumnTable=ACM010", // 轉跳頁面 定義為 null 不會觸發
              iconColor: "color: #fff", // icon 顏色
            },
          },
          data: {
            item01: {
              show: true,
              label: "今日用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01080",
              textColor: "text-primary",  //  數值顏色
              unit: "度",
              icon: "bolt",
            },
            item02: {
              show: true,
              label: "本月用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01082",
              textColor: "text-primary",
              unit: "度",
              icon: "bolt",
            },
            item03: {
              show: true,
              label: "即時功率",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01073",
              textColor: "text-primary",
              unit: "kW",
              icon: "bolt",
            },
          },
          top: "45",
          left: "22.5",
          width: "320",
        },
        item10: {
          show: true, //  要不要顯示此區塊
          title: "2廠1樓-空壓機10", //  標題
          title_style: "background: #3070c3;",
          showButton: true,
          //title_btn_border_style: "box-shadow: rgba(26, 198, 255, 0.3) 3px 0px 7px -1px inset, rgba(26, 198, 255, 0.9) -2px 0px 3px 1px;",
          button: {
            //  標題同一列的按鈕功能
            item01: {
              show: true, //  要不要顯示此按鈕
              label: "長條圖", //  標題 (標示定義名稱)
              icon: "leaderboard", // 按鈕圖樣
              linkto: "system_power_trend.php?ColumnTable=ACM11", // 轉跳頁面 定義為 null 不會觸發
              iconColor: "color: #fff", // icon 顏色
            },
          },
          data: {
            item01: {
              show: true,
              label: "今日用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01180",
              textColor: "text-primary",  //  數值顏色
              unit: "度",
              icon: "bolt",
            },
            item02: {
              show: true,
              label: "本月用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01182",
              textColor: "text-primary",
              unit: "度",
              icon: "bolt",
            },
            item03: {
              show: true,
              label: "即時功率",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01173",
              textColor: "text-primary",
              unit: "kW",
              icon: "bolt",
            },
          },
          top: "45",
          left: "42.5",
          width: "320",
        },
        item11: {
          show: true, //  要不要顯示此區塊
          title: "2廠1樓-廠房左側開關箱", //  標題
          title_style: "background: #3070c3;",
          showButton: true,
          //title_btn_border_style: "box-shadow: rgba(26, 198, 255, 0.3) 3px 0px 7px -1px inset, rgba(26, 198, 255, 0.9) -2px 0px 3px 1px;",
          button: {
            //  標題同一列的按鈕功能
            item01: {
              show: true, //  要不要顯示此按鈕
              label: "長條圖", //  標題 (標示定義名稱)
              icon: "leaderboard", // 按鈕圖樣
              linkto: "system_power_trend.php?ColumnTable=ACM12", // 轉跳頁面 定義為 null 不會觸發
              iconColor: "color: #fff", // icon 顏色
            },
          },
          data: {
            item01: {
              show: true,
              label: "今日用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01280",
              textColor: "text-primary",  //  數值顏色
              unit: "度",
              icon: "bolt",
            },
            item02: {
              show: true,
              label: "本月用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01282",
              textColor: "text-primary",
              unit: "度",
              icon: "bolt",
            },
            item03: {
              show: true,
              label: "即時功率",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01273",
              textColor: "text-primary",
              unit: "kW",
              icon: "bolt",
            },
          },
          top: "45",
          left: "62.5",
          width: "320",
        },
        item12: {
          show: true, //  要不要顯示此區塊
          title: "2廠1樓-總開關12", //  標題
          title_style: "background: #3070c3;",
          showButton: true,
          //title_btn_border_style: "box-shadow: rgba(26, 198, 255, 0.3) 3px 0px 7px -1px inset, rgba(26, 198, 255, 0.9) -2px 0px 3px 1px;",
          button: {
            //  標題同一列的按鈕功能
            item01: {
              show: true, //  要不要顯示此按鈕
              label: "長條圖", //  標題 (標示定義名稱)
              icon: "leaderboard", // 按鈕圖樣
              linkto: "system_power_trend.php?ColumnTable=ACM13", // 轉跳頁面 定義為 null 不會觸發
              iconColor: "color: #fff", // icon 顏色
            },
          },
          data: {
            item01: {
              show: true,
              label: "今日用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01380",
              textColor: "text-primary",  //  數值顏色
              unit: "度",
              icon: "bolt",
            },
            item02: {
              show: true,
              label: "本月用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01382",
              textColor: "text-primary",
              unit: "度",
              icon: "bolt",
            },
            item03: {
              show: true,
              label: "即時功率",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01373",
              textColor: "text-primary",
              unit: "kW",
              icon: "bolt",
            },
          },
          top: "45",
          left: "82.5",
          width: "320",
        },
        item13: {
          show: true, //  要不要顯示此區塊
          title: "2廠1樓-總開關13", //  標題
          title_style: "background: #3070c3;",
          showButton: true,
          //title_btn_border_style: "box-shadow: rgba(26, 198, 255, 0.3) 3px 0px 7px -1px inset, rgba(26, 198, 255, 0.9) -2px 0px 3px 1px;",
          button: {
            //  標題同一列的按鈕功能
            item01: {
              show: true, //  要不要顯示此按鈕
              label: "長條圖", //  標題 (標示定義名稱)
              icon: "leaderboard", // 按鈕圖樣
              linkto: "system_power_trend.php?ColumnTable=ACM14", // 轉跳頁面 定義為 null 不會觸發
              iconColor: "color: #fff", // icon 顏色
            },
          },
          data: {
            item01: {
              show: true,
              label: "今日用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01480",
              textColor: "text-primary",  //  數值顏色
              unit: "度",
              icon: "bolt",
            },
            item02: {
              show: true,
              label: "本月用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01482",
              textColor: "text-primary",
              unit: "度",
              icon: "bolt",
            },
            item03: {
              show: true,
              label: "即時功率",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01473",
              textColor: "text-primary",
              unit: "kW",
              icon: "bolt",
            },
          },
          top: "61",
          left: "22.5",
          width: "320",
        },
        main02: {
          show: true, //  要不要顯示此區塊
          title: "2廠2樓-總用電", //  標題
          title_style: "background: #2ab7d0;",  //  標體底色
          showButton: true, //  是否支援暗扭曲快功能
          //title_btn_border_style: "", // 按鈕邊框樣式
          button: {
            //  標題同一列的按鈕功能
            item01: {
              show: true, //  要不要顯示此按鈕
              label: "長條圖", //  標題 (標示定義名稱)
              icon: "leaderboard", // 按鈕圖樣
              linkto: "system_power_trend.php?ColumnTable=ACM18", // 轉跳頁面 定義為 null 不會觸發
              iconColor: "color: #fff", // icon 顏色
            },
          },
          data: {
            item01: {
              show: true,
              label: "今日用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01880",
              textColor: "text-primary",  //  數值顏色
              unit: "度",
              icon: "bolt",
            },
            item02: {
              show: true,
              label: "本月用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01882",
              textColor: "text-primary",
              unit: "度",
              icon: "bolt",
            },
            item03: {
              show: true,
              label: "即時功率",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01873",
              textColor: "text-primary",
              unit: "kW",
              icon: "bolt",
            },
          },
          top: "77.5",
          left: "2.5",
          width: "320",
        },
        item21: {
          show: true, //  要不要顯示此區塊
          title: "2廠2樓-總開關14", //  標題
          title_style: "background: #3070c3;",
          showButton: true,
          //title_btn_border_style: "box-shadow: rgba(26, 198, 255, 0.3) 3px 0px 7px -1px inset, rgba(26, 198, 255, 0.9) -2px 0px 3px 1px;",
          button: {
            //  標題同一列的按鈕功能
            item01: {
              show: true, //  要不要顯示此按鈕
              label: "長條圖", //  標題 (標示定義名稱)
              icon: "leaderboard", // 按鈕圖樣
              linkto: "system_power_trend.php?ColumnTable=ACM15", // 轉跳頁面 定義為 null 不會觸發
              iconColor: "color: #fff", // icon 顏色
            },
          },
          data: {
            item01: {
              show: true,
              label: "今日用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01580",
              textColor: "text-primary",  //  數值顏色
              unit: "度",
              icon: "bolt",
            },
            item02: {
              show: true,
              label: "本月用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01582",
              textColor: "text-primary",
              unit: "度",
              icon: "bolt",
            },
            item03: {
              show: true,
              label: "即時功率",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01573",
              textColor: "text-primary",
              unit: "kW",
              icon: "bolt",
            },
          },
          top: "77.5",
          left: "22.5",
          width: "320",
        },
        item22: {
          show: true, //  要不要顯示此區塊
          title: "2廠2樓-總開關15", //  標題
          title_style: "background: #3070c3;",
          showButton: true,
          //title_btn_border_style: "box-shadow: rgba(26, 198, 255, 0.3) 3px 0px 7px -1px inset, rgba(26, 198, 255, 0.9) -2px 0px 3px 1px;",
          button: {
            //  標題同一列的按鈕功能
            item01: {
              show: true, //  要不要顯示此按鈕
              label: "長條圖", //  標題 (標示定義名稱)
              icon: "leaderboard", // 按鈕圖樣
              linkto: "system_power_trend.php?ColumnTable=ACM16", // 轉跳頁面 定義為 null 不會觸發
              iconColor: "color: #fff", // icon 顏色
            },
          },
          data: {
            item01: {
              show: true,
              label: "今日用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01680",
              textColor: "text-primary",  //  數值顏色
              unit: "度",
              icon: "bolt",
            },
            item02: {
              show: true,
              label: "本月用電",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01682",
              textColor: "text-primary",
              unit: "度",
              icon: "bolt",
            },
            item03: {
              show: true,
              label: "即時功率",
              isDBValue: false,
              DBvalue: 0,
              isSoft: true,
              SoftValue: "D01673",
              textColor: "text-primary",
              unit: "kW",
              icon: "bolt",
            },
          },
          top: "77.5",
          left: "42.5",
          width: "320",
        },
      },

      //	線條 => 定義 class 如果是line_h要設定height的長度(px)，width設為0，反之是line_w要設定width的長度(px)，height設為0
      line: [
        /*
        {
          show: true,
          class: "line_h",
          top: "25",
          left: "52.50",
          width: "0",
          height: "60",
          contect: "新東陽能源系統到電力系統", //	註解這條線是什麼意思
          showArrow: false, //	要不要顯示箭頭
          arrow: { class: "arrow down", top: "42", left: "-6" }, //	箭頭微調 (px) 方向設定 arrow right、left、up、down
        },
        */
      ],
    };
  },

  computed: {},
  watch: {},

  mounted() {
    this.$set(this.WebSetup, "caption", "電力看板");
    this.MenuSetup.opened = false;
    this.VarMenuIsOverlay = false;
    this.loadPageData();
    this.sysNowTime();
  },
  methods: {
    // 頁面初始完成
    fnInitial(cfg) {
      this.IsSoftStartup = true;
    },
    //  刷新頁面
    sysNowTime() {
      let that = this;
      setInterval(function () {
        that.loadPageData();
      }, 60000);
    },
    async loadPageData() {
      let that = this
      _.each(this.billboard, (item, key) => {
        _.each(item['data'], (data, data_key) => {
          data['DBvalue'] = 0
        })
      })
      var params = {
        Action: "load_page_data",
        Datas: {},
      };

      await that.FnWebAPIGet(params)
        .then((res) => {
          if (res.data.result) {
            let resData = res.data.data;
          } else {

          }
        })
        .catch((err) => {
          console.log(err);
        });
    },



  },
};
