feat: 添加用户中心仪表盘模板(hgcloud_home) + drone部署步骤

- 解压 default_iSM72.tar.gz 到 hgcloud_home 目录
- drone新增步骤: 同步 hgcloud_home 到 /public/home/template/pc/

clientarea/home/hgcloud_home/js/home.js

@@ -0,0 +1,443 @@
+(function (window, undefined) {
+  var old_onload = window.onload;
+  window.onload = function () {
+    const template = document.getElementsByClassName("template")[0];
+    Vue.prototype.lang = window.lang;
+
+    new Vue({
+      components: {
+        asideMenu,
+        topMenu,
+        rechargeDialog,
+        payDialog,
+        creditNotice,
+      },
+      created() {
+        localStorage.frontMenusActiveId = "";
+        this.getCommonData();
+        this.getGateway();
+      },
+      mounted() {
+        const addons = document.querySelector("#addons_js");
+        this.addons_js_arr = JSON.parse(addons.getAttribute("addons_js"));
+        this.initData();
+      },
+      updated() {},
+      destroyed() {},
+      data() {
+        return {
+          addons_js_arr: [], // 插件数组
+          commonData: {
+            currency_prefix: "￥",
+          },
+          idcsmart_client_level: {
+            name: "",
+            id: "",
+            background_color: "",
+          },
+          showRight: false,
+          account: {}, // 个人信息
+          certificationObj: {}, // 认证信息
+          percentage: 0,
+          productListLoading: true,
+          nameLoading: false,
+          infoSecLoading: false,
+          productList: [], // 产品列表
+          ticketList: [], // 工单列表
+          homeNewList: [], // 新闻列表
+          // 支付方式
+          gatewayList: [],
+          headBgcList: [
+            "#3699FF",
+            "#57C3EA",
+            "#5CC2D7",
+            "#EF8BA2",
+            "#C1DB81",
+            "#F1978C",
+            "#F08968",
+          ],
+          // 轮询相关
+          timer: null,
+          time: 300000,
+          // 后台返回的支付html
+          payHtml: "",
+          // 错误提示信息
+          errText: "",
+          // 是否显示充值弹窗
+          isShowCz: false,
+          payLoading1: false,
+          isShowimg1: true,
+          // 充值弹窗表单数据
+          czData: {
+            amount: "",
+            gateway: "",
+          },
+          czDataOld: {
+            amount: "",
+            gateway: "",
+          },
+          isOpen: true,
+          promoterData: {},
+          openVisible: false,
+          voucherList: [], // 可领代金券列表
+          hasWxPlugin: false,
+          wxQrcode: "",
+          conectInfo: {
+            is_subscribe: 0,
+            accept_push: 0,
+          },
+          codeLoading: false,
+          isShowCredit: false,
+          creditData: {},
+          coinData: {},
+          coinRecharge: [],
+        };
+      },
+      filters: {
+        formateTime(time) {
+          if (time && time !== 0) {
+            return formateDate(time * 1000);
+          } else {
+            return "--";
+          }
+        },
+        formareDay(time) {
+          if (time && time !== 0) {
+            const dataTime = formateDate(time * 1000);
+            return (
+              dataTime.split(" ")[0].split("-")[1] +
+              "-" +
+              dataTime.split(" ")[0].split("-")[2]
+            );
+          } else {
+            return "--";
+          }
+        },
+      },
+      methods: {
+        goOrderList(val) {
+          location.href = "/finance.htm?order_status=" + val;
+        },
+        goProductList(val) {
+          if (val) {
+            location.href = "/productList.htm?tab=" + val;
+            return;
+          }
+          location.href = "/productList.htm";
+        },
+        //  授信详情
+        getCreditDetail() {
+          creditDetail().then((res) => {
+            if (res.data.status === 200) {
+              this.isShowCredit = true;
+              this.creditData = res.data.data.credit_limit;
+            }
+          });
+        },
+        goCredit() {
+          location.href = "/finance.htm?tab=6";
+        },
+        async getWxConectInfo() {
+          try {
+            const res = await getWxInfo();
+            this.conectInfo = res.data.data;
+          } catch (error) {
+            this.$message.error(error.data.msg);
+          }
+        },
+        async getWxcode() {
+          try {
+            this.codeLoading = true;
+            const res = await getWxQrcode();
+            this.wxQrcode = res.data.data.img_url;
+            this.codeLoading = false;
+          } catch (error) {
+            this.codeLoading = false;
+            this.$message.error(error.data.msg);
+          }
+        },
+        /* 可领代金券 */
+        async getVoucherAvailable() {
+          try {
+            const res = await voucherAvailable({page: 1, limit: 999});
+            this.voucherList = res.data.data.list.filter(
+              (item) => !item.is_get
+            );
+          } catch (error) {
+            this.$message.error(error.data.msg);
+          }
+        },
+        /* 可领代金券 end */
+        toReferral() {
+          location.href = `/plugin/${getPluginId(
+            "IdcsmartRecommend"
+          )}/recommend.htm`;
+        },
+        handelAttestation() {
+          location.href = `/plugin/${getPluginId(
+            "IdcsmartCertification"
+          )}/authentication_select.htm`;
+        },
+        goWorkPage() {
+          location.href = `/plugin/${getPluginId("IdcsmartTicket")}/ticket.htm`;
+        },
+        goNoticePage() {
+          location.href = `/plugin/${getPluginId("IdcsmartNews")}/source.htm`;
+        },
+        goNoticeDetail(id) {
+          location.href = `/plugin/${getPluginId(
+            "IdcsmartNews"
+          )}/news_detail.htm?id=${id}`;
+        },
+        goGoodsList() {
+          location.href = `/cart/goodsList.htm`;
+        },
+        goProductPage(id) {
+          location.href = `/productdetail.htm?id=${id}`;
+        },
+        goTickDetail(orderid) {
+          location.href = `/plugin/${getPluginId(
+            "IdcsmartTicket"
+          )}/ticketDetails.htm?id=${orderid}`;
+        },
+        getCoinRecharge() {
+          apiCoinRecharge().then((res) => {
+            this.coinRecharge = res.data.data.coins;
+          });
+        },
+        initData() {
+          const arr = this.addons_js_arr.map((item) => {
+            return item.name;
+          });
+          if (arr.includes("IdcsmartVoucher")) {
+            this.getVoucherAvailable();
+          }
+          if (arr.includes("IdcsmartCertification")) {
+            certificationInfo().then((res) => {
+              this.certificationObj = res.data.data;
+            });
+          }
+          if (arr.includes("IdcsmartTicket")) {
+            ticket_list({page: 1, limit: 3}).then((res) => {
+              this.ticketList = res.data.data.list;
+            });
+          }
+          if (arr.includes("IdcsmartNews")) {
+            newsList({page: 1, limit: 3}).then((res) => {
+              this.homeNewList = res.data.data.list.slice(0, 3);
+            });
+          }
+          if (arr.includes("IdcsmartRecommend")) {
+            this.showRight = true;
+            this.getPromoterInfo();
+          }
+
+          if (arr.includes("MpWeixinNotice")) {
+            this.hasWxPlugin = true;
+            this.getWxConectInfo();
+          }
+
+          if (arr.includes("CreditLimit")) {
+            // 开启了信用额
+            this.getCreditDetail();
+          }
+
+          if (arr.includes("Coin")) {
+            this.getCoinDetail();
+            this.getCoinRecharge();
+          }
+
+          this.getIndexHost();
+          this.getIndexInfo();
+
+          // promoter_statistic().then((res) => {
+          //     console.log(res);
+          // })
+        },
+        getCoinDetail() {
+          apiCoinDetail().then((res) => {
+            this.coinData = res.data.data;
+          });
+        },
+        getIndexInfo() {
+          this.nameLoading = true;
+          indexData()
+            .then((res) => {
+              this.account = res.data.data.account;
+              this.idcsmart_client_level =
+                res.data.data.account.customfield?.idcsmart_client_level || {};
+              localStorage.lang = res.data.data.account.language || "zh-cn";
+              const reg = /^[a-zA-Z]+$/;
+              if (reg.test(res.data.data.account.username.substring(0, 1))) {
+                this.account.firstName = res.data.data.account.username
+                  .substring(0, 1)
+                  .toUpperCase();
+              } else {
+                this.account.firstName =
+                  res.data.data.account.username.substring(0, 1);
+              }
+              this.percentage =
+                (Number(this.account.this_month_consume) /
+                  Number(this.account.consume)) *
+                  100 || 0;
+              if (sessionStorage.headBgc) {
+                this.$refs.headBoxRef.style.background = sessionStorage.headBgc;
+              } else {
+                const index = Math.round(
+                  Math.random() * (this.headBgcList.length - 1)
+                );
+                this.$refs.headBoxRef.style.background =
+                  this.headBgcList[index];
+                sessionStorage.headBgc = this.headBgcList[index];
+              }
+              this.nameLoading = false;
+            })
+            .catch((error) => {
+              // jwt过期跳转订购产品页面
+              // if (error.data.status == 401) {
+              //     location.href = "login.htm"
+              // }
+            });
+        },
+        getIndexHost() {
+          indexHost({page: 1, limit: 10})
+            .then((res) => {
+              this.productListLoading = false;
+              this.productList = res.data.data.list;
+              const data = new Date().getTime() * 0.001;
+              this.productList.forEach((item) => {
+                if (
+                  item.due_time !== 0 &&
+                  (item.due_time - data) / (60 * 60 * 24) <= 10
+                ) {
+                  item.isOverdue = true;
+                } else {
+                  item.isOverdue = false;
+                }
+              });
+            })
+            .catch(() => {
+              this.productListLoading = false;
+            });
+        },
+        // 获取支付方式列表
+        getGateway() {
+          gatewayList().then((res) => {
+            if (res.data.status === 200) {
+              this.gatewayList = res.data.data.list;
+            }
+          });
+        },
+        goUser() {
+          location.href = `account.htm`;
+        },
+        // 支付成功回调
+        paySuccess(e) {
+          indexData().then((res) => {
+            this.account = res.data.data.account;
+            this.account.firstName = res.data.data.account.username.substring(
+              0,
+              1
+            );
+            this.percentage =
+              (Number(this.account.this_month_consume) /
+                Number(this.account.consume)) *
+                100 || 0;
+          });
+        },
+        // 取消支付回调
+        payCancel(e) {},
+
+        // 显示充值 dialog
+        showCz() {
+          this.$refs.rechargeDialog.open();
+        },
+
+        rechargeSuccess() {
+          this.paySuccess();
+        },
+        setAccoutCredit() {
+          this.$refs.creditNotice.open();
+        },
+
+        // 获取通用配置
+        async getCommonData() {
+          this.commonData = JSON.parse(
+            localStorage.getItem("common_set_before")
+          ) || {
+            currency_prefix: "￥",
+          };
+          const res = await getCommon();
+          this.commonData = res.data.data;
+          localStorage.setItem(
+            "common_set_before",
+            JSON.stringify(res.data.data)
+          );
+          document.title =
+            this.commonData.website_name + "-" + lang.index_text33;
+        },
+        // 获取推广者基础信息
+        getPromoterInfo() {
+          promoterInfo()
+            .then((res) => {
+              if (res.data.status == 200) {
+                this.promoterData = res.data.data.promoter;
+                if (res.data.data.promoter.permission === 0) {
+                  this.showRight = false;
+                }
+                if (
+                  JSON.stringify(this.promoterData) == "{}" ||
+                  !res.data.data.promoter.url
+                ) {
+                  this.isOpen = false;
+                } else {
+                  this.isOpen = true;
+                }
+              }
+            })
+            .catch((err) => {
+              this.isOpen = false;
+              this.showRight = false;
+            });
+        },
+        // 开启推介计划
+        openReferral() {
+          openRecommend()
+            .then((res) => {
+              if (res.data.status == 200) {
+                this.$message.success(res.data.msg);
+                this.getPromoterInfo();
+                this.openVisible = false;
+              }
+            })
+            .catch((error) => {
+              this.$message.error(error.data.msg);
+            });
+        },
+        // 复制
+        copyUrl(text) {
+          if (navigator.clipboard && window.isSecureContext) {
+            // navigator clipboard 向剪贴板写文本
+            this.$message.success(lang.index_text32);
+            return navigator.clipboard.writeText(text);
+          } else {
+            // 创建text area
+            const textArea = document.createElement("textarea");
+            textArea.value = text;
+            // 使text area不在viewport，同时设置不可见
+            document.body.appendChild(textArea);
+            // textArea.focus()
+            textArea.select();
+            this.$message.success(lang.index_text32);
+            return new Promise((res, rej) => {
+              // 执行复制命令并移除文本框
+              document.execCommand("copy") ? res() : rej();
+              textArea.remove();
+            });
+          }
+        },
+      },
+    }).$mount(template);
+    typeof old_onload == "function" && old_onload();
+  };
+})(window);