udxcms 1.0.3 → 1.0.4

package/dist/views/customService/academy.vue

@@ -0,0 +1,78 @@
+<!--
+ * @Descripttion:
+ * @version:
+ * @Author:
+ * @Date: 2021-08-12 23:35:01
+ * @LastEditors: Lewis
+ * @LastEditTime: 2021-11-24 15:03:37
+-->
+<template>
+  <div class="cms-home academy-home">
+    <component :is="_componentId"></component>
+  </div>
+</template>
+
+<script>
+import AcademyWallet from "../../components/pageComponents/academy/academy_wallet.vue";
+import AcademyMobi from "../../components/pageComponents/academy/academy_mobi.vue";
+import {unwrapJSONStr} from "@/common_modules/cms-submodule/utils/parse";
+
+export default {
+  name: "Academy-d",
+
+  components: {
+    AcademyWallet,
+    AcademyMobi,
+  },
+  props: {
+    componentName: {
+      type: String,
+      default: () => "",
+    },
+  },
+  data() {
+    return {
+      componentId: "",
+    };
+  },
+  computed: {
+    _componentId() {
+      return this.componentId || this.componentName || "AcademyWallet";
+    },
+  },
+  created() {
+    this.getComponentId();
+  },
+  methods: {
+    getComponentId() {
+      // TODO：全局解析服务端配置。
+      // 从配置中获取组件。
+      let indexConfigList =
+        theme_config &&
+        theme_config.length &&
+        theme_config[0].pageList &&
+        theme_config[0].pageList.filter((v) => {
+          return v.pageKey == "common";
+        });
+      let indexConfig =
+        indexConfigList &&
+        indexConfigList.length &&
+        indexConfigList[0].configList &&
+        indexConfigList[0].configList.filter((v) => {
+          return v.componentsKey == "common_conf";
+        });
+      let indexConfig_obj =
+        (indexConfig && indexConfig.length &&
+          indexConfig[0].config &&
+          unwrapJSONStr(indexConfig[0].config)) ||
+        {};
+      if (indexConfig_obj.academyType) {
+        this.componentId = indexConfig_obj.academyType;
+      }
+    },
+  },
+};
+</script>
+<style lang="less">
+@import "../../assets/css/academy/index.less";
+</style>

package/dist/views/customService/api.vue

@@ -0,0 +1,120 @@
+<!-- api  -->
+<template>
+	<div class="page-api">
+		<div class="visible-pc">
+			<Header :showMiddleInfo="true" />
+		</div>
+		<div class="visible-h5">
+			<Top class="top" />
+		</div>
+		<div class="api-container">
+            <!-- {{listLoading}}----12312312 -->
+			<!-- loading -->
+			<div v-if="listLoading" class="loading-wrap">
+				<site-loading></site-loading>
+			</div>
+            <ApiMain v-else :list="list" :initPath="initPath" :type='type'></ApiMain>
+		</div>
+
+		<Footer />
+	</div>
+</template>
+
+<script>
+import ApiMain from "../../components/cmsComponents/api/ApiMain.vue";
+import conf from "../../config/index";
+import { loadImportScript, loadImportCacheScript } from "../../utils/index";
+import { mapState } from "vuex";
+
+export default {
+	name: "PageApi",
+	data() {
+		return {
+			// color: window.themeColor || "var(--primary-color)",
+			list: [], // list data
+			initPath: "",
+			listLoading: false,
+            type: ''
+		};
+	},
+
+	components: {
+		ApiMain,
+	},
+
+	computed: mapState({
+		lang: (state) => state.language,
+	}),
+
+	created() {
+        console.log('create:')
+        this.type = this.$route.params.code
+		this.getListData();
+	},
+    watch: {
+        $route(val) {
+            if (val.name != 'doc-prodoc') {
+                this.type = ''
+            }
+            this.$nextTick(() => {
+                this.list = []
+                this.listLoading = false;
+                this.type = this.$route.params.code
+                this.getListData();
+            })
+        }
+    },
+
+	methods: {
+		/**
+		 * 获取wiki树结构
+		 */
+		async getListData() {
+			const hostName = window.mainHostname;
+            let type  = this.type && '/' + this.type || ''
+			const url = `${conf.sitePath}${hostName}/${this.lang}/api${type}/all/classify_tree.js`;
+			this.listLoading = true;
+			await loadImportScript(url, null, "message")
+				.then((res) => {
+					console.log("res", res);
+					this.list = res.filter((v) => {
+						return v.content && v.content.length > 0;
+					});
+				})
+				.catch(() => false);
+			this.listLoading = false;
+		},
+	},
+};
+</script>
+<style lang="less" scoped>
+.page-api {
+	// background: #000;
+	font-size: 16px;
+	display: flex;
+	flex-direction: column;
+	min-height: 100vh;
+	//   padding-top: 60px;
+    .api-container{
+        flex: auto;
+		// display: flex;
+		// flex-direction: column
+    }
+	.loading-wrap {
+		flex: auto;
+		min-height: 100vh;
+		text-align: center;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+}
+// header
+@media screen and (max-width: 768px) {
+	.page-api {
+		.header {
+			display: none;
+		}
+	}
+}
+</style>

package/dist/views/customService/dapp.vue

@@ -0,0 +1,42 @@
+<!--
+ * @Descripttion: 
+ * @version: 
+ * @Author: 
+ * @Date: 2021-08-09 17:53:02
+ * @LastEditors: Lewis
+ * @LastEditTime: 2021-11-05 17:35:12
+-->
+<template>
+    <div class="container">
+        <Header :showMiddleInfo="true" class='visible-pc'/>
+        <Top class="top visible-h5" color='white' iconColor='black'/>
+        <Dapp class='dapp-container'/>
+        <Footer></Footer>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: 'dapp',
+        data() {
+            return {
+            }
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    .container {
+        position: relative;
+        width: 100%;
+        min-height: 100vh;
+        overflow-x: hidden ;
+        display: flex;
+        flex-direction: column;
+        flex-wrap: wrap;
+        justify-content: space-between;
+    }
+    .dapp-container {
+        flex: 1;
+    }
+</style>

package/dist/views/customService/dappDetail.vue

@@ -0,0 +1,124 @@
+<!--
+ * @Descripttion:
+ * @version:
+ * @Author:
+ * @Date: 2021-08-12 23:35:01
+ * @LastEditors: Lewis
+ * @LastEditTime: 2021-11-07 22:03:06
+-->
+<template>
+    <div class="cms-detail">
+        <Header :showMiddleInfo="true" v-if='!isPhone'/>
+        <GoHistory v-if='isPhone' class='history' />
+        <div class='cms-center'>
+            <div class="cms-container">
+                <div v-if="detail.id && !isPhone" class="bread-wrap">
+                    <PowxBread :list="navList"> </PowxBread>
+                </div>
+                <CmsDetail v-if="detail.id" :detail="detail"></CmsDetail>
+                <!-- loading -->
+                <div v-else class="loading-wrap">
+                    <site-loading></site-loading>
+                </div>
+            </div>
+        </div>
+        <Footer></Footer>
+  </div>
+</template>
+
+<script>
+import conf from "../../config/index"
+import { loadImportScript, isPhone } from "../../utils/index"
+import CmsDetail from "./../../components/cmsComponents/academy/CmsDetail.vue"
+
+export default {
+  name: "dapp-detail",
+  components: {
+    CmsDetail,
+  },
+  data() {
+    return {
+        id: "",
+        categoryCode: "",
+        navList: [
+            { name: 'Dapp', path: "/cms/dapps" },
+            { name: "", path: "" },
+        ],
+        detail: {},
+        isPhone: isPhone()
+    }
+  },
+  mounted() {
+    let query = this.$route.query
+    this.fetchData(query)
+    // https://d1qu701gfywrk1.cloudfront.net/test.iswallet.me/en_US/academy/base_operation/how_to_transfer_between_layer2_accounts.js
+  },
+  methods: {
+    fetchData(query) {
+        let hostname = window.mainHostname
+        let lang = localStorage.getItem('language')
+        let codeArr = query.detailCode && query.detailCode.split(',') || []
+        loadImportScript(
+            `${conf.sitePath}${hostname}/${lang}/${codeArr[0]}/${codeArr[1]}/${codeArr[2]}.js`,
+            null,
+            'message'
+        ).then(res => {
+            this.detail = res
+            this.navList.splice(1, 1, {
+                name: codeArr[1],
+                path: ""
+            })
+        }).catch(() => false)
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.cms-detail {
+  padding: 20px 30px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  min-height: 100vh;
+  align-items: center;
+  .history {
+    height: 60px;
+    width: 100%;
+    margin-bottom: 10px;
+  }
+  .cms-center {
+      flex: 1;
+  }
+  .bread-wrap {
+    margin-bottom: 40px;
+  }
+  .heartWidth {
+    width: auto;
+    max-width: 820px;
+    .ivu-breadcrumb {
+      font-size: 16px;
+      .ivu-breadcrumb-item-separator {
+        margin: 0 4px;
+      }
+    }
+  }
+
+  .loading-wrap {
+    height: 100vh;
+    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .footer {
+    background: var(--footer-bg);
+  }
+}
+@media screen and (min-width: 1200px) {
+  .cms-detail {
+    // padding-top: 60px;
+    flex-wrap: wrap;
+  }
+}
+</style>

package/dist/views/customService/detail.vue

@@ -0,0 +1,155 @@
+<!--
+ * @Descripttion:
+ * @version:
+ * @Author:
+ * @Date: 2021-08-12 23:35:01
+ * @LastEditors: Lewis
+ * @LastEditTime: 2021-08-26 22:30:47
+-->
+<template>
+	<div class="cms-detail">
+		<Header :showMiddleInfo="true" />
+		<div class="cms-container" id="js-article-content">
+			<div v-if="detail.id" class="bread-wrap">
+				<PowxBread :list="navList"> </PowxBread>
+			</div>
+			<CmsDetail v-if="detail.id" :key="detail.id" :detail="detail"></CmsDetail>
+			<!-- loading -->
+			<div v-else class="loading-wrap">
+				<site-loading></site-loading>
+			</div>
+		</div>
+		<Footer></Footer>
+	</div>
+</template>
+
+<script>
+import conf from "../../config/index";
+import { loadImportScript } from "../../utils/index";
+import { mapState } from "vuex";
+
+import CmsDetail from "./../../components/cmsComponents/academy/CmsDetail.vue";
+
+export default {
+	name: "AcdemyDetail",
+	components: {
+		CmsDetail,
+	},
+	data() {
+		return {
+			id: "",
+			code: "",
+			categoryCode: "",
+			// Academy > 分类 > 标题
+			navList: [
+				{
+					name: this.$t("index_header_menu_academy"),
+					path: "/cms/academy",
+				},
+			],
+			detail: {},
+		};
+	},
+	computed: mapState({
+		lang: (state) => state.language,
+		// localHostname: (state) => state.localHostname,
+	}),
+    watch:{
+        $route(to, from) {
+            this.init();
+        }
+    },
+	created() {
+		this.init();
+	},
+	methods: {
+		init() {
+			this.navList = [
+				{
+					name: this.$t("index_header_menu_academy"),
+					path: "/cms/academy",
+				},
+			];
+
+			// console.log("this.$route", this.$route);
+			const { code, categoryCode } = this.$route.params || this.$route.query;
+			this.code = code;
+			this.categoryCode = categoryCode;
+			this.fetchData();
+
+			const el = document.getElementById('js-article-content');
+			el && el.scrollIntoView({
+                behavior: 'smooth',
+                block: 'start',
+                // inline: 'center'
+            });
+		},
+		fetchData() {
+			let hostname = window.mainHostname;
+			const url = `${conf.sitePath}${hostname}/${this.lang}/academy/${this.categoryCode}/${this.code}.js`;
+			console.log('url:', url);
+			// https://test-exbang.s3-ap-northeast-1.amazonaws.com/domain/academy/academy_list_language.js
+			loadImportScript(url, null, 'message')
+				.then((res) => {
+					console.log('res:', res);
+					// 内容替换
+					res.description = res.description.replace(/\$\{site_name\}/g, this.$t("site_common_site_name"));
+
+					this.detail = res;
+
+					this.navList.push({
+						name: this.detail.type_title,
+						path: "",
+					});
+					// this.navList.splice(2, 1, {
+					//   name: this.detail.title,
+					//   path: "",
+					// });
+				})
+				.catch(() => false);
+		},
+	},
+};
+</script>
+
+<style lang="less" scoped>
+.cms-detail {
+	// padding-top: 60px;
+	.cms-container{
+		max-width: 1132px;
+		padding: 0 20px;
+		margin-left: auto;
+		margin-right: auto;
+	}
+	.bread-wrap {
+		margin-bottom: 40px;
+	}
+	.heartWidth {
+		.ivu-breadcrumb {
+			font-size: 16px;
+			.ivu-breadcrumb-item-separator {
+				margin: 0 4px;
+			}
+		}
+	}
+
+	.loading-wrap {
+		height: 100vh;
+		text-align: center;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	.footer {
+		background: var(--footer-bg);
+	}
+}
+
+@media screen and (min-width: 1200px) {
+.cms-detail {
+	.cms-container{
+		padding: 0;
+	}
+}
+}
+</style>

package/dist/views/customService/doc.vue

@@ -0,0 +1,124 @@
+<!-- api  -->
+<template>
+	<div class="page-api">
+		<div class="visible-pc">
+			<Header :showMiddleInfo="true" />
+		</div>
+		<div class="visible-h5">
+			<Top class="top" />
+		</div>
+		<div class="api-container">
+			<!-- loading -->
+			<div v-if="listLoading" class="loading-wrap">
+				<site-loading></site-loading>
+			</div>
+            <DocMain v-else :docList="docList" :initPath="initPath"></DocMain>
+		</div>
+
+		<Footer />
+	</div>
+</template>
+
+<script>
+import DocMain from "../../components/cmsComponents/api/DocMain.vue";
+import conf from "../../config/index";
+import { loadImportScript } from "../../utils/index";
+import { mapState } from "vuex";
+
+export default {
+	name: "DocApi",
+	data() {
+		return {
+			// color: window.themeColor || "var(--primary-color)",
+			docList: [], // list data
+			initPath: "",
+			listLoading: false,
+		};
+	},
+
+	components: {
+		DocMain,
+	},
+
+	computed: mapState({
+		lang: (state) => state.language,
+	}),
+
+	created() {
+		console.log("this.$route", this.$route);
+		this.getProducData();
+	},
+
+	methods: {
+		/**
+		 * 获取product树结构
+		 */
+		async getProducData() {
+			const hostName = window.mainHostname;
+			const url = `${conf.sitePath}${hostName}/${this.lang}/api/production.js`;
+            // const url = `https://d1qu701gfywrk1.cloudfront.net/rinkeby-test.powx.io/en_US/api/production.js`
+			this.listLoading = true;
+			await loadImportScript(url, null, "message")
+				.then(async (res) => {
+					console.log("res", res);
+					let resList = [];
+                    for(var i = 0; i < res.length; i++) {
+                        let list = await this.getListData(res[i].name)
+                        let temp = {
+                            name: res[i].name,
+                            id: res[i].id,
+                            list: list
+                        }
+                        resList.push(temp)
+                    }
+                    this.docList = resList
+                    this.$set(this, 'docList', resList)
+				})
+				.catch(() => false);
+			this.listLoading = false;
+		},
+		/**
+		 * 获取wiki树结构
+		 */
+		async getListData(type) {
+			const hostName = window.mainHostname;
+			// const url = `${conf.sitePath}${hostName}/${this.lang}/api/all/classify_tree.js`;
+            const url = `${conf.sitePath}${hostName}/${this.lang}/api/${type}/all/classify_tree.js`;
+			this.listLoading = true;
+			let apiList = await loadImportScript(url, null, "message")
+            return apiList || []
+		}
+	},
+};
+</script>
+<style lang="less" scoped>
+.page-api {
+	// background: #000;
+	font-size: 16px;
+	display: flex;
+	flex-direction: column;
+	min-height: 100vh;
+	//   padding-top: 60px;
+    .api-container{
+        flex: auto;
+		// display: flex;
+		// flex-direction: column
+    }
+	.loading-wrap {
+		flex: auto;
+		min-height: 100vh;
+		text-align: center;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+}
+// header
+@media screen and (max-width: 768px) {
+	.page-api {
+		.header {
+			display: none;
+		}
+	}
+}
+</style>