feat: 会员中心 hgcloud 主题初始化 + drone 部署步骤

- 解压官方默认主题 default_yfMBA.tar.gz 到 clientarea/hgcloud/
- .gitignore 排除压缩包和临时解压目录
- drone 新增步骤: 同步 hgcloud 到 /clientarea/template/pc/

clientarea/hgcloud/js/orderDetail.js

@@ -0,0 +1,159 @@
+(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,
+        payDialog,
+        pagination,
+      },
+      created() {
+        this.getCommonData();
+        // 获取产品id
+        this.id = location.href.split("?")[1].split("=")[1];
+        this.params.order_id = location.href.split("?")[1].split("=")[1];
+        this.getOrderDetail();
+      },
+      mounted() {},
+      updated() {
+        // 关闭loading
+        document.getElementById("mainLoading").style.display = "none";
+        document.getElementsByClassName("template")[0].style.display = "block";
+      },
+      destroyed() {},
+      data() {
+        return {
+          commonData: {},
+          orderList: [],
+          transactionList: [],
+          self_defined_field: [],
+          id: "",
+          orderData: {},
+          params: {
+            keywords: "",
+            order_id: "",
+            limit: 99999,
+            pageSizes: [20, 50, 100],
+            total: 0,
+            orderby: "id",
+            sort: "desc",
+          },
+          creditType: {
+            Artificial: lang.order_text17,
+            Recharge: lang.order_text18,
+            Applied: lang.order_text19,
+            Refund: lang.order_text20,
+            Withdraw: lang.order_text21,
+          },
+        };
+      },
+      filters: {
+        formateTime(time) {
+          if (time && time !== 0) {
+            return formateDate(time * 1000);
+          } else {
+            return "--";
+          }
+        },
+      },
+      methods: {
+        handelPdf() {
+          window.scrollTo(0, 0);
+          if (this.$refs.payBtnRef) {
+            this.$refs.payBtnRef.style.display = "none";
+          }
+          const element = this.$refs.orderPageRef;
+          // 处理打印出来的表格宽度不对
+
+          const opt = {
+            // 转换后的pdf的外边距分别为：上: 10px、右: 20px、下: 10px、左:20px
+            margin: [20, 10, 20, 10],
+            filename: `${this.id}-${lang.order_text22}.pdf`,
+            image: { type: "jpeg", quality: 1 },
+            html2canvas: { scale: 2 },
+            jsPDF: { orientation: "portrait", unit: "pt", format: "a4" },
+          };
+          // 调用html2pdf库的方法生成PDF文件并下载
+          html2pdf()
+            .set(opt)
+            .from(element)
+            .save()
+            .then(() => {
+              if (this.$refs.payBtnRef) {
+                this.$refs.payBtnRef.style.display = "block";
+              }
+            });
+        },
+        goBack() {
+          // 回退到上一个页面
+          history.back();
+        },
+        // 余额变更记录
+        getCreditList() {
+          creditList({ order_id: this.id, page: 1, limit: 99999 }).then(
+            (res) => {
+              this.params.total = this.params.total + res.data.data.count;
+              const arr = res.data.data.list.map((item) => {
+                return {
+                  create_time: item.create_time,
+                  transaction_number: `${lang.order_text23}${
+                    this.creditType[item.type]
+                  }`,
+                  amount: (item.amount * -1).toFixed(2),
+                };
+              });
+              this.transactionList = this.transactionList.concat(arr);
+            }
+          );
+        },
+        // 每页展示数改变
+        sizeChange(e) {
+          this.params.limit = e;
+          this.params.page = 1;
+          // 获取列表
+          this.getTransactionDetail();
+        },
+        // 当前页改变
+        currentChange(e) {
+          this.params.page = e;
+          this.getTransactionDetail();
+        },
+        goPay() {
+          this.$refs.payDialog.showPayDialog(this.id);
+        },
+        // 支付成功回调
+        paySuccess(e) {
+          this.getOrderDetail();
+          this.getTransactionDetail();
+        },
+        // 取消支付回调
+        payCancel(e) {},
+        getOrderDetail() {
+          orderDetail(this.id).then((res) => {
+            this.orderData = res.data.data.order;
+            this.self_defined_field = res.data.data.self_defined_field;
+            this.getTransactionDetail();
+          });
+        },
+        getTransactionDetail() {
+          apiTransactionRecord({ id: this.id }).then((res) => {
+            this.transactionList = res.data.data.list;
+            this.params.total = res.data.data.count;
+          });
+        },
+        // 获取通用配置
+        getCommonData() {
+          this.commonData = JSON.parse(
+            localStorage.getItem("common_set_before")
+          );
+          document.title =
+            this.commonData.website_name + "-" + lang.order_text1;
+        },
+      },
+    }).$mount(template);
+    typeof old_onload == "function" && old_onload();
+  };
+})(window);