perf: 优化app

@@ -11,6 +11,7 @@
 		data() {
 			return {
 				showConfiguration: '',
+				defauleConfigImage: 'https://dev.thingskit.com',
 				params: ''
 			};
 		},
@@ -19,7 +20,7 @@
 				isConfiguration: true
 			});
 			if (e.configId !== null) {
-				this.params = e.configId;
+				this.params = e.configurationHref;
 				this.requestUrl(this.params);
 			}
 			// 隐藏原生的tabbar
@@ -58,8 +59,8 @@
 				});
 				const pathUrl = uni.getStorageSync('config');
 				const userInfo = uni.getStorageSync('userInfo')
-				this.showConfiguration =
-					`${pathUrl.baseURL}/?configurationId=${e}&userId=${userInfo.userId}&lightbox=1`
+				console.log(this.params)
+				this.showConfiguration = this.params
 			}
 		}
 	};

 <template>
-	<view class="configuation-page">
-		<!-- 公共组件-每个页面必须引入 -->
-		<public-module></public-module>
-		<view class="configuation-header">
-			<view class="header-gap"></view>
+	<view class="status-page">
+		<view style="margin-left:15rpx;background-color: #f8f9fa;position:fixed;top:0rpx;z-index: 99999;">
+			<view style="height:35rpx;background-color: #f8f9fa;"></view>
 			<view class="u-flex search-top">
 				<view class="search-main">
 					<u--input @change="inputChanged" prefixIcon="search" placeholder="请输入组态名称" border="surround"
@@ -12,12 +10,14 @@
 			</view>
 		</view>
 		<view style="height:35rpx"></view>
+		<!-- 公共组件-每个页面必须引入 -->
+		<public-module></public-module>
 		<!-- 自带分页组件 -->
 		<mescroll-body ref="mescrollRef" :up="upOption" @init="mescrollInit" :down="downOption" @down="downCallback"
 			@up="upCallback">
 			<view class="configuation-container">
 				<view class="configuation-item">
-					<view @click="openConfigDetail(item.id)" v-for="(item, index) in list" :key="index" class="item">
+					<view @click="openConfigDetail(item)" v-for="(item, index) in list" :key="index" class="item">
 						<image class="image" :src="item.icon || defaultConfigImage"></image>
 						<text class="name">{{ item.name }}</text>
 					</view>
@@ -25,6 +25,7 @@
 			</view>
 			<mescroll-empty v-if="!list.length" />
 		</mescroll-body>
+		<!-- 自带分页组件 -->
 		<view style="height: 60rpx;"></view>
 	</view>
 </template>
@@ -32,12 +33,15 @@
 <script>
 	import MescrollMixin from '@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js';
 	import api from '@/api/index.js'
+	import {
+		createScadaPageLink
+	} from './help';
 
 	export default {
 		mixins: [MescrollMixin], // 使用mixin (在main.js注册全局组件)
 		data() {
 			return {
-				defaultConfigImage: '/static/test.png',
+				defaultConfigImage: '../../../static/test.png',
 				page: {
 					num: 0,
 					size: 10
@@ -70,8 +74,9 @@
 				this.loadData(1, e);
 			},
 			openConfigDetail(e) {
+				const href = createScadaPageLink(e)
 				uni.navigateTo({
-					url: 'configuration-detail?configId=' + e
+					url: 'configurationDetail?configurationHref=' + href
 				});
 			},
 			/*下拉刷新的回调 */

+import config from '../../../config/baseUrl.js'
+import {
+	atob,
+	btoa
+} from './weapp.atob.js'
+const getRandomString = () => Number(Math.random().toString().substring(2)).toString(36);
+
+export const ScadaModeEnum = {
+	PRIVATE_VIEW: 'PRIVATE_VIEW',
+	PUBLIC_VIEW: 'PUBLIC_VIEW',
+}
+
+export const encode = (record) => {
+	let hash = JSON.stringify(record);
+	const mixinString = getRandomString()
+		.slice(0, 10)
+		.padEnd(10, getRandomString())
+		.split('')
+		.map((item) => (Math.random() > 0.5 ? item.toUpperCase() : item))
+		.join('');
+	hash = btoa(hash);
+	hash = hash.substring(0, 6) + mixinString + hash.substring(6);
+	hash = btoa(hash);
+	return hash;
+};
+
+
+export const createScadaPageLink = (
+	record,
+	mode = ScadaModeEnum.PRIVATE_VIEW,
+	open = false
+) => {
+	const userInfo = uni.getStorageSync('userInfo')
+	const params = {
+		configurationId: record?.id,
+		organizationId: record?.organizationId,
+		mode: record?.viewType === ScadaModeEnum.PRIVATE_VIEW ? 'lightbox' : 'share',
+		platform: record?.platform,
+		userId: userInfo.userId
+	};
+
+	if (record?.viewType === ScadaModeEnum.PUBLIC_VIEW) {
+		params.publicId = record.publicId;
+	}
+
+	const hash = encode(params);
+
+	const href = `${config.baseDrawioUrl}#${hash}`
+
+	return href
+};
\ No newline at end of file

+var b64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
+var b64re = /^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/;
+export const btoa = function(string) {
+	string = String(string);
+	var bitmap, a, b, c, result = "",
+		i = 0,
+		rest = string.length % 3;
+	for (; i < string.length;) {
+		if ((a = string.charCodeAt(i++)) > 255 ||
+			(b = string.charCodeAt(i++)) > 255 ||
+			(c = string.charCodeAt(i++)) > 255)
+			throw new TypeError(
+				"Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range."
+			);
+		bitmap = (a << 16) | (b << 8) | c;
+		result += b64.charAt(bitmap >> 18 & 63) + b64.charAt(bitmap >> 12 & 63) +
+			b64.charAt(bitmap >> 6 & 63) + b64.charAt(bitmap & 63);
+	}
+	return rest ? result.slice(0, rest - 3) + "===".substring(rest) : result;
+};
+
+export const atob = function(string) {
+	string = String(string).replace(/[\t\n\f\r ]+/g, "");
+	if (!b64re.test(string))
+		throw new TypeError(
+			"Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded.");
+	string += "==".slice(2 - (string.length & 3));
+	var bitmap, result = "",
+		r1, r2, i = 0;
+	for (; i < string.length;) {
+		bitmap = b64.indexOf(string.charAt(i++)) << 18 | b64.indexOf(string.charAt(i++)) << 12 |
+			(r1 = b64.indexOf(string.charAt(i++))) << 6 | (r2 = b64.indexOf(string.charAt(i++)));
+		result += r1 === 64 ? String.fromCharCode(bitmap >> 16 & 255) :
+			r2 === 64 ? String.fromCharCode(bitmap >> 16 & 255, bitmap >> 8 & 255) :
+			String.fromCharCode(bitmap >> 16 & 255, bitmap >> 8 & 255, bitmap & 255);
+	}
+	return result;
+};
+
+function b64DecodeUnicode(str) {
+	return decodeURIComponent(exports.weAtob(str).replace(/(.)/g, function(p) {
+		var code = p.charCodeAt(0).toString(16).toUpperCase();
+		if (code.length < 2) {
+			code = "0" + code;
+		}
+		return "%" + code;
+	}));
+}
+
+function base64_url_decode(str) {
+	var output = str.replace(/-/g, "+").replace(/_/g, "/");
+	switch (output.length % 4) {
+		case 0:
+			break;
+		case 2:
+			output += "==";
+			break;
+		case 3:
+			output += "=";
+			break;
+		default:
+			throw "Illegal base64url string!";
+	}
+	try {
+		return b64DecodeUnicode(output);
+	} catch (err) {
+		return exports.weAtob(output);
+	}
+}
+
+function weappJwtDecode(token, options) {
+	if (typeof token !== "string") {
+		throw ("Invalid token specified");
+	}
+	options = options || {};
+	var pos = options.header === true ? 0 : 1;
+	try {
+		return JSON.parse(base64_url_decode(token.split(".")[pos]));
+	} catch (e) {
+		throw ("Invalid token specified: " + e.message);
+	}
+}
\ No newline at end of file