From b10e4b43360ed644c211a93b83854a08fc8db1a5 Mon Sep 17 00:00:00 2001
From: commie <commiu@outlook.com>
Date: Tue, 25 Nov 2025 05:36:02 +0800
Subject: [PATCH] 4

---
 App.vue                                       | 187 ++----
 api/login.js                                  |  52 +-
 common/config.js                              |   2 +-
 .../ChooseIndexFooter/SelectedMember.vue      |  94 ++-
 components/ChooseIndexFooter/index.vue        | 241 ++++----
 components/ChooseIndexList/index.vue          | 152 +++--
 constant/comp.js                              |  50 +-
 constant/event.js                             |   8 +-
 constant/im.js                                |  80 +--
 manifest.json                                 |  21 +-
 package.json                                  |   3 +-
 pages.json                                    |  52 +-
 pages/common/article.nvue                     |  61 ++
 pages/common/contactChoose/index.vue          | 498 ++++++++-------
 pages/common/searchUserOrGroup/index.vue      |   6 +-
 pages/common/sendAddRequest/index.vue         | 214 ++++---
 pages/common/upgrade.nvue                     | 110 ++++
 pages/common/userCard/index.vue               |  38 +-
 pages/common/webview.vue                      |  33 +
 pages/contact/contactAdd/ActionItem.vue       | 120 ++--
 pages/contact/contactAdd/index.vue            | 170 +++---
 .../ChatingFooter/ChatingActionBar.vue        | 168 ++---
 .../components/ChatingFooter/index.vue        | 132 ++--
 .../components/ChatHeader.vue                 | 574 +++++++++---------
 .../components/ConversationItem.vue           |  89 ++-
 pages/login/index.vue                         |  36 +-
 pages/login/setPassword/index.vue             |   2 +-
 pages/login/setSelfInfo/index.vue             |  27 +-
 pages/profile/about/index.vue                 | 289 +++++----
 pages/profile/index/index.vue                 |  27 +-
 pages/profile/selfInfo/InfoItem.vue           | 127 ++--
 pages/profile/selfInfo/index.vue              | 368 +++++------
 .../workbench/friend-circle/friend-circle.vue |  22 +
 pages/workbench/index/index.vue               | 289 ++++++++-
 static/images/tabbar/contacts.png             | Bin 0 -> 1284 bytes
 static/images/tabbar/contacts_active.png      | Bin 0 -> 1523 bytes
 static/images/tabbar/conversation.png         | Bin 0 -> 1601 bytes
 static/images/tabbar/conversation_active.png  | Bin 0 -> 1438 bytes
 static/images/tabbar/profile.png              | Bin 0 -> 2047 bytes
 static/images/tabbar/profile_active.png       | Bin 0 -> 1551 bytes
 static/images/tabbar/workbench.png            | Bin 0 -> 1801 bytes
 static/images/tabbar/workbench_active.png     | Bin 0 -> 1744 bytes
 static/images/tabbar_contacts.png             | Bin 1306 -> 0 bytes
 static/images/tabbar_contacts_active.png      | Bin 1148 -> 0 bytes
 static/images/tabbar_conversation.png         | Bin 2295 -> 0 bytes
 static/images/tabbar_conversation_active.png  | Bin 1944 -> 0 bytes
 static/images/tabbar_profile.png              | Bin 1372 -> 0 bytes
 static/images/tabbar_profile_active.png       | Bin 1178 -> 0 bytes
 static/images/tabbar_workbench.png            | Bin 1289 -> 0 bytes
 static/images/tabbar_workbench_active.png     | Bin 1116 -> 0 bytes
 static/images/workbench/01.png                | Bin 0 -> 8862 bytes
 static/images/workbench/02.png                | Bin 0 -> 7193 bytes
 static/images/workbench/03.png                | Bin 0 -> 8732 bytes
 static/images/workbench/04.png                | Bin 0 -> 6799 bytes
 static/images/workbench/05.png                | Bin 0 -> 8248 bytes
 static/images/workbench/06.png                | Bin 0 -> 7773 bytes
 static/images/workbench/07.png                | Bin 0 -> 5446 bytes
 static/images/workbench/08.png                | Bin 0 -> 7745 bytes
 static/images/workbench/09.png                | Bin 0 -> 5322 bytes
 static/images/workbench/10.png                | Bin 0 -> 7937 bytes
 static/images/workbench/11.png                | Bin 0 -> 7745 bytes
 static/images/workbench/friendCircleIcon.png  | Bin 0 -> 2635 bytes
 store/modules/conversation.js                 |  33 +-
 store/modules/user.js                         |  12 +-
 util/imCommon.js                              | 555 +++++++++--------
 65 files changed, 2672 insertions(+), 2270 deletions(-)
 create mode 100644 pages/common/article.nvue
 create mode 100644 pages/common/upgrade.nvue
 create mode 100644 pages/common/webview.vue
 create mode 100644 pages/workbench/friend-circle/friend-circle.vue
 create mode 100644 static/images/tabbar/contacts.png
 create mode 100644 static/images/tabbar/contacts_active.png
 create mode 100644 static/images/tabbar/conversation.png
 create mode 100644 static/images/tabbar/conversation_active.png
 create mode 100644 static/images/tabbar/profile.png
 create mode 100644 static/images/tabbar/profile_active.png
 create mode 100644 static/images/tabbar/workbench.png
 create mode 100644 static/images/tabbar/workbench_active.png
 delete mode 100644 static/images/tabbar_contacts.png
 delete mode 100644 static/images/tabbar_contacts_active.png
 delete mode 100644 static/images/tabbar_conversation.png
 delete mode 100644 static/images/tabbar_conversation_active.png
 delete mode 100644 static/images/tabbar_profile.png
 delete mode 100644 static/images/tabbar_profile_active.png
 delete mode 100644 static/images/tabbar_workbench.png
 delete mode 100644 static/images/tabbar_workbench_active.png
 create mode 100644 static/images/workbench/01.png
 create mode 100644 static/images/workbench/02.png
 create mode 100644 static/images/workbench/03.png
 create mode 100644 static/images/workbench/04.png
 create mode 100644 static/images/workbench/05.png
 create mode 100644 static/images/workbench/06.png
 create mode 100644 static/images/workbench/07.png
 create mode 100644 static/images/workbench/08.png
 create mode 100644 static/images/workbench/09.png
 create mode 100644 static/images/workbench/10.png
 create mode 100644 static/images/workbench/11.png
 create mode 100644 static/images/workbench/friendCircleIcon.png

diff --git a/App.vue b/App.vue
index d0a0360..18dcf0f 100644
--- a/App.vue
+++ b/App.vue
@@ -1,29 +1,16 @@
 <script>
-	import {
-		mapGetters,
-		mapActions
-	} from "vuex";
-	import IMSDK, {
-		IMMethods,
-		MessageType,
-		SessionType,
-	} from "openim-uniapp-polyfill";
+	import {mapGetters,mapActions} from "vuex";
+	import IMSDK, {IMMethods,MessageType,SessionType,} from "openim-uniapp-polyfill";
 	import config from "./common/config";
-	import {
-		getDbDir,
-		toastWithCallback
-	} from "@/util/common.js";
-	import {
-		conversationSort
-	} from "@/util/imCommon";
-	import {
-		PageEvents,
-		UpdateMessageTypes
-	} from "@/constant";
+	import {getDbDir,toastWithCallback} from "@/util/common.js";
+	import {conversationSort} from "@/util/imCommon";
+	import {checkUpgrade} from "@/api/login.js"
+	import {PageEvents,UpdateMessageTypes} from "@/constant";
 
 	export default {
 		onLaunch: function() {
 			console.log("App Launch");
+			this.checkUpdate();
 			this.setGlobalIMlistener();
 			this.tryLogin();
 			// #ifdef H5
@@ -101,15 +88,11 @@
 				});
 
 				// sync
-				const syncStartHandler = ({
-					data
-				}) => {
+				const syncStartHandler = ({data}) => {
 					this.$store.commit("user/SET_IS_SYNCING", true);
 					this.$store.commit("user/SET_REINSTALL", data);
 				};
-				const syncProgressHandler = ({
-					data
-				}) => {
+				const syncProgressHandler = ({data}) => {
 					this.$store.commit("user/SET_PROGRESS", data);
 				};
 				const syncFinishHandler = () => {
@@ -133,9 +116,7 @@
 				IMSDK.subscribe(IMSDK.IMEvents.OnSyncServerProgress, syncProgressHandler);
 
 				// self
-				const selfInfoUpdateHandler = ({
-					data
-				}) => {
+				const selfInfoUpdateHandler = ({data}) => {
 					this.$store.commit("user/SET_SELF_INFO", {
 						...this.storeSelfInfo,
 						...data,
@@ -145,9 +126,7 @@
 				IMSDK.subscribe(IMSDK.IMEvents.OnSelfInfoUpdated, selfInfoUpdateHandler);
 
 				// message
-				const newMessagesHandler = ({
-					data
-				}) => {
+				const newMessagesHandler = ({data}) => {
 					if (this.storeIsSyncing) {
 						return;
 					}
@@ -157,9 +136,7 @@
 				IMSDK.subscribe(IMSDK.IMEvents.OnRecvNewMessages, newMessagesHandler);
 
 				// friend
-				const friendInfoChangeHandler = ({
-					data
-				}) => {
+				const friendInfoChangeHandler = ({data}) => {
 					uni.$emit(IMSDK.IMEvents.OnFriendInfoChanged, {
 						data
 					});
@@ -167,36 +144,25 @@
 						friendInfo: data,
 					});
 				};
-				const friendAddedHandler = ({
-					data
-				}) => {
+				const friendAddedHandler = ({data}) => {
 					this.pushNewFriend(data);
 				};
-				const friendDeletedHander = ({
-					data
-				}) => {
+				const friendDeletedHander = ({data}) => {
 					this.updateFriendInfo({
 						friendInfo: data,
 						isRemove: true,
 					});
 				};
 
-				IMSDK.subscribe(
-					IMSDK.IMEvents.OnFriendInfoChanged,
-					friendInfoChangeHandler
-				);
+				IMSDK.subscribe(IMSDK.IMEvents.OnFriendInfoChanged,friendInfoChangeHandler);
 				IMSDK.subscribe(IMSDK.IMEvents.OnFriendAdded, friendAddedHandler);
 				IMSDK.subscribe(IMSDK.IMEvents.OnFriendDeleted, friendDeletedHander);
 
 				// blacklist
-				const blackAddedHandler = ({
-					data
-				}) => {
+				const blackAddedHandler = ({data}) => {
 					this.pushNewBlack(data);
 				};
-				const blackDeletedHandler = ({
-					data
-				}) => {
+				const blackDeletedHandler = ({data}) => {
 					this.updateBlackInfo({
 						blackInfo: data,
 						isRemove: true,
@@ -207,58 +173,34 @@
 				IMSDK.subscribe(IMSDK.IMEvents.OnBlackDeleted, blackDeletedHandler);
 
 				// group
-				const joinedGroupAddedHandler = ({
-					data
-				}) => {
+				const joinedGroupAddedHandler = ({data}) => {
 					this.pushNewGroup(data);
 				};
-				const joinedGroupDeletedHandler = ({
-					data
-				}) => {
+				const joinedGroupDeletedHandler = ({data}) => {
 					this.updateGroupInfo({
 						groupInfo: data,
 						isRemove: true,
 					});
 				};
-				const groupInfoChangedHandler = ({
-					data
-				}) => {
+				const groupInfoChangedHandler = ({data}) => {
 					this.updateGroupInfo({
 						groupInfo: data,
 					});
 				};
-				const groupMemberInfoChangedHandler = ({
-					data
-				}) => {
-					uni.$emit(IMSDK.IMEvents.OnGroupMemberInfoChanged, {
-						data
-					});
+				const groupMemberInfoChangedHandler = ({data}) => {
+					uni.$emit(IMSDK.IMEvents.OnGroupMemberInfoChanged, {data});
 					if (data.groupID === this.storeCurrentConversation?.groupID) {
 						this.updateCurrentMemberInGroup(data);
 					}
 				};
 
-				IMSDK.subscribe(
-					IMSDK.IMEvents.OnJoinedGroupAdded,
-					joinedGroupAddedHandler
-				);
-				IMSDK.subscribe(
-					IMSDK.IMEvents.OnJoinedGroupDeleted,
-					joinedGroupDeletedHandler
-				);
-				IMSDK.subscribe(
-					IMSDK.IMEvents.OnGroupInfoChanged,
-					groupInfoChangedHandler
-				);
-				IMSDK.subscribe(
-					IMSDK.IMEvents.OnGroupMemberInfoChanged,
-					groupMemberInfoChangedHandler
-				);
+				IMSDK.subscribe(IMSDK.IMEvents.OnJoinedGroupAdded,joinedGroupAddedHandler);
+				IMSDK.subscribe(IMSDK.IMEvents.OnJoinedGroupDeleted,joinedGroupDeletedHandler);
+				IMSDK.subscribe(IMSDK.IMEvents.OnGroupInfoChanged,groupInfoChangedHandler);
+				IMSDK.subscribe(IMSDK.IMEvents.OnGroupMemberInfoChanged,groupMemberInfoChangedHandler);
 
 				// application
-				const friendApplicationNumHandler = ({
-					data
-				}) => {
+				const friendApplicationNumHandler = ({data}) => {
 					const isRecv = data.toUserID === this.storeCurrentUserID;
 					if (isRecv) {
 						this.pushNewRecvFriendApplition(data);
@@ -266,9 +208,7 @@
 						this.pushNewSentFriendApplition(data);
 					}
 				};
-				const friendApplicationAccessHandler = ({
-					data
-				}) => {
+				const friendApplicationAccessHandler = ({data}) => {
 					const isRecv = data.toUserID === this.storeCurrentUserID;
 					if (isRecv) {
 						this.updateRecvFriendApplition({
@@ -280,9 +220,7 @@
 						});
 					}
 				};
-				const groupApplicationNumHandler = ({
-					data
-				}) => {
+				const groupApplicationNumHandler = ({data}) => {
 					const isRecv = data.userID !== this.storeCurrentUserID;
 					if (isRecv) {
 						this.pushNewRecvGroupApplition(data);
@@ -290,9 +228,7 @@
 						this.pushNewSentGroupApplition(data);
 					}
 				};
-				const groupApplicationAccessHandler = ({
-					data
-				}) => {
+				const groupApplicationAccessHandler = ({data}) => {
 					const isRecv = data.userID !== this.storeCurrentUserID;
 					if (isRecv) {
 						this.updateRecvGroupApplition({
@@ -305,43 +241,21 @@
 					}
 				};
 
-				IMSDK.subscribe(
-					IMSDK.IMEvents.OnFriendApplicationAdded,
-					friendApplicationNumHandler
-				);
-				IMSDK.subscribe(
-					IMSDK.IMEvents.OnFriendApplicationAccepted,
-					friendApplicationAccessHandler
-				);
-				IMSDK.subscribe(
-					IMSDK.IMEvents.OnFriendApplicationRejected,
-					friendApplicationAccessHandler
-				);
-				IMSDK.subscribe(
-					IMSDK.IMEvents.OnGroupApplicationAdded,
-					groupApplicationNumHandler
-				);
-				IMSDK.subscribe(
-					IMSDK.IMEvents.OnGroupApplicationAccepted,
-					groupApplicationAccessHandler
-				);
-				IMSDK.subscribe(
-					IMSDK.IMEvents.OnGroupApplicationRejected,
-					groupApplicationAccessHandler
-				);
+				IMSDK.subscribe(IMSDK.IMEvents.OnFriendApplicationAdded,friendApplicationNumHandler);
+				IMSDK.subscribe(IMSDK.IMEvents.OnFriendApplicationAccepted,friendApplicationAccessHandler);
+				IMSDK.subscribe(IMSDK.IMEvents.OnFriendApplicationRejected,friendApplicationAccessHandler);
+				IMSDK.subscribe(IMSDK.IMEvents.OnGroupApplicationAdded,groupApplicationNumHandler);
+				IMSDK.subscribe(IMSDK.IMEvents.OnGroupApplicationAccepted,groupApplicationAccessHandler);
+				IMSDK.subscribe(IMSDK.IMEvents.OnGroupApplicationRejected,groupApplicationAccessHandler);
 
 				// conversation
-				const totalUnreadCountChangedHandler = ({
-					data
-				}) => {
+				const totalUnreadCountChangedHandler = ({data}) => {
 					if (this.storeIsSyncing) {
 						return;
 					}
 					this.$store.commit("conversation/SET_UNREAD_COUNT", data);
 				};
-				const newConversationHandler = ({
-					data
-				}) => {
+				const newConversationHandler = ({data}) => {
 					if (this.storeIsSyncing) {
 						return;
 					}
@@ -351,9 +265,7 @@
 						conversationSort(result)
 					);
 				};
-				const conversationChangedHandler = ({
-					data
-				}) => {
+				const conversationChangedHandler = ({data}) => {
 					if (this.storeIsSyncing) {
 						return;
 					}
@@ -421,17 +333,14 @@
 							uni.$u.toast("初始化IMSDK失败！");
 							return;
 						}
-						const status = await IMSDK.asyncApi(
-							IMSDK.IMMethods.GetLoginStatus,
-							IMSDK.uuid()
-						);
+						const status = await IMSDK.asyncApi(IMSDK.IMMethods.GetLoginStatus,IMSDK.uuid());
 						if (status === 3) {
 							initStore();
 							return;
 						}
 
 						const IMToken = uni.getStorageSync("IMToken");
-						const IMUserID = uni.getStorageSync("IMUserID");
+						const IMUserID = uni.getStorageSync("IMUserID")+'';
 						if (IMToken && IMUserID) {
 							IMSDK.asyncApi(IMSDK.IMMethods.Login, IMSDK.uuid(), {
 									userID: IMUserID,
@@ -494,6 +403,20 @@
 					this.storeCurrentConversation.conversationID
 				);
 			},
+			// 验证是否升级
+			checkUpdate() {
+				let system = uni.getSystemInfoSync()
+				plus.runtime.getProperty(plus.runtime.appid, function(inf) {
+					checkUpgrade({version:system.appVersion,platform:system.platform,version_wgt:inf.versionCode}).then(res=>{
+						let skip_version = uni.getStorageSync('skip_version')
+						if(res && res.version!=skip_version){
+							uni.$emit('closeWebview')
+							this.setShow(this.current, false)
+							router('/pages/common/upgrade?model=' + JSON.stringify(res), '', 'fade-in')
+						}
+					})
+				})
+			},
 		},
 	};
 </script>
diff --git a/api/login.js b/api/login.js
index f6e111f..92c225a 100644
--- a/api/login.js
+++ b/api/login.js
@@ -1,6 +1,9 @@
 // 登录
 export const businessConfig = (params) =>
 	uni.$u?.http.post("/common/init", JSON.stringify(params));
+// 验证是否升级
+export const checkUpgrade = (params) =>
+	uni.$u?.http.post("/common/checkUpgrade", JSON.stringify(params));
 export const businessLogin = (params) =>
 	uni.$u?.http.post("/common/login", JSON.stringify(params));
 export const businessSendSms = (params) =>
@@ -28,9 +31,8 @@ export const businessModify = (params) =>
 export const businessInfoUpdate = (params) =>
 	uni.$u?.http.post(
 		"/user/profile",
-		JSON.stringify({
-			...params,
-		}), {
+		JSON.stringify({			...params,		}), 
+		{
 			header: {
 				token: uni.getStorageSync("BusinessToken"),
 			},
@@ -39,9 +41,8 @@ export const businessInfoUpdate = (params) =>
 export const businessGetUserInfo = (userID) =>
 	uni.$u?.http.post(
 		"/user/find",
-		JSON.stringify({
-			userIDs: [userID],
-		}), {
+		JSON.stringify({			userIDs: [userID],		}), 
+		{
 			header: {
 				token: uni.getStorageSync("BusinessToken"),
 			},
@@ -76,4 +77,41 @@ export const businessSearchUser = (keyword,searchtype) =>
 				token: uni.getStorageSync("BusinessToken"),
 			},
 		}
-	);
\ No newline at end of file
+	);
+export const getArticle = (id,type) =>
+	uni.$u?.http.post(
+		"/article/detail",
+		JSON.stringify({
+			id,
+			type:(type? type : 'id')
+		}), {
+			header: {
+				token: uni.getStorageSync("BusinessToken"),
+			},
+		}
+	);
+export const getFriendCircle = (page=1,limit=10) =>{
+	uni.$u?.http.get(
+		"/friend_circle/list",
+		JSON.stringify({
+			limit:limit,
+			page:page
+		}), 
+		{
+			header: {
+				token: uni.getStorageSync("BusinessToken"),
+			},
+		}
+	);
+}
+export const getFriendCircleNewcount = () =>{
+	uni.$u?.http.get(
+		"/friend_circle/newcount",
+		JSON.stringify({}), 
+		{
+			header: {
+				token: uni.getStorageSync("BusinessToken"),
+			},
+		}
+	);
+}
\ No newline at end of file
diff --git a/common/config.js b/common/config.js
index 10448d0..18f46d1 100644
--- a/common/config.js
+++ b/common/config.js
@@ -7,7 +7,7 @@ const BASE_DOMAIN = 'www.axzc.xyz'
 // const CHAT_URL = `https://${BASE_DOMAIN}/chat`
 // const API_URL = `https://${BASE_DOMAIN}/api`
 // const WS_URL = `wss://${BASE_DOMAIN}/msg_gateway`
-const CHAT_URL = `http://${BASE_DOMAIN}:8585/api`
+const CHAT_URL = `http://${BASE_DOMAIN}/api`
 const API_URL = `http://${BASE_DOMAIN}/imapi`
 const WS_URL = `ws://${BASE_DOMAIN}/ws`
 
diff --git a/components/ChooseIndexFooter/SelectedMember.vue b/components/ChooseIndexFooter/SelectedMember.vue
index e611770..4b99d62 100644
--- a/components/ChooseIndexFooter/SelectedMember.vue
+++ b/components/ChooseIndexFooter/SelectedMember.vue
@@ -1,59 +1,55 @@
 <template>
-  <view class="selected_item">
-    <view class="left_info">
-      <my-avatar
-        :src="source.faceURL"
-        :desc="source.nickname || source.showName"
-        :isGroup="Boolean(source.groupID)"
-        size="42"
-      />
-      <text>{{ source.nickname || source.groupName || source.showName }}</text>
-    </view>
-    <view>
-      <u-button @click="action" plain text="移除" type="primary" />
-    </view>
-  </view>
+	<view class="selected_item">
+		<view class="left_info">
+			<my-avatar :src="source.faceURL" :desc="source.nickname || source.showName"
+				:isGroup="Boolean(source.groupID)" size="42" />
+			<text>{{ source.nickname || source.groupName || source.showName }}</text>
+		</view>
+		<view>
+			<u-button @click="action" plain text="移除" type="primary" />
+		</view>
+	</view>
 </template>
 
 <script>
-import MyAvatar from "@/components/MyAvatar/index.vue";
-export default {
-  name: "",
-  components: {
-    MyAvatar,
-  },
-  props: {
-    source: Object,
-  },
-  data() {
-    return {};
-  },
-  methods: {
-    action() {
-      this.$emit("removeItem");
-    },
-  },
-  mounted() {
-    console.log(this.source);
-  },
-};
+	import MyAvatar from "@/components/MyAvatar/index.vue";
+	export default {
+		name: "",
+		components: {
+			MyAvatar,
+		},
+		props: {
+			source: Object,
+		},
+		data() {
+			return {};
+		},
+		methods: {
+			action() {
+				this.$emit("removeItem");
+			},
+		},
+		mounted() {
+			console.log(this.source);
+		},
+	};
 </script>
 
 <style lang="scss" scoped>
-.selected_item {
-  @include btwBox();
-  padding: 20rpx 0;
+	.selected_item {
+		@include btwBox();
+		padding: 20rpx 0;
 
-  .left_info {
-    @include vCenterBox();
+		.left_info {
+			@include vCenterBox();
 
-    .u-avatar {
-      margin-right: 24rpx;
-    }
-  }
+			.u-avatar {
+				margin-right: 24rpx;
+			}
+		}
 
-  .u-button {
-    height: 48rpx;
-  }
-}
-</style>
+		.u-button {
+			height: 48rpx;
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/components/ChooseIndexFooter/index.vue b/components/ChooseIndexFooter/index.vue
index 30bdb88..eb095ea 100644
--- a/components/ChooseIndexFooter/index.vue
+++ b/components/ChooseIndexFooter/index.vue
@@ -1,143 +1,130 @@
 <template>
-  <view class="member_checked_desc">
-    <view @click="showSelected = true" class="left_info">
-      <view class="select_num">
-        <text class="text">{{ `已选择(${choosedData.length})` }}</text>
-        <u-icon name="arrow-up" size="14" color="#007aff" />
-      </view>
-      <view class="select_list">{{ selectedStr }}</view>
-    </view>
-    <view class="">
-      <u-button
-        :loading="comfirmLoading"
-        @click="clickComfirm"
-        :disabled="choosedData.length === 0"
-        type="primary"
-        :text="
-          isRemove
-            ? '移除'
-            : `确定(${choosedData.length}${
-                maxLength > 0 ? `/${maxLength}` : ``
-              })`
-        "
-      />
-      <u-popup round="24" :show="showSelected" mode="bottom" @close="close">
-        <view class="selected_container">
-          <view class="top_desc">
-            <text>{{ `已选择(${choosedData.length})` }}</text>
-            <text @click="close" class="comfirm_text">确认</text>
-          </view>
-          <u-list class="selected_list">
-            <u-list-item
-              v-for="item in choosedData"
-              :key="item.userID || item.groupID"
-            >
-              <selected-member @removeItem="removeItem(item)" :source="item" />
-            </u-list-item>
-          </u-list>
-        </view>
-      </u-popup>
-    </view>
-  </view>
+	<view class="member_checked_desc">
+		<view @click="showSelected = true" class="left_info">
+			<view class="select_num">
+				<text class="text">{{ `已选择(${choosedData.length})` }}</text>
+				<u-icon name="arrow-up" size="14" color="#007aff" />
+			</view>
+			<view class="select_list">{{ selectedStr }}</view>
+		</view>
+		<view class="">
+			<u-button :loading="comfirmLoading" @click="clickComfirm" :disabled="choosedData.length === 0"
+				type="primary" 
+				:text="isRemove? '移除': `确定(${choosedData.length}${maxLength > 0 ? `/${maxLength}` : ``})`" />
+			<u-popup round="24" :show="showSelected" mode="bottom" @close="close">
+				<view class="selected_container">
+					<view class="top_desc">
+						<text>{{ `已选择(${choosedData.length})` }}</text>
+						<text @click="close" class="comfirm_text">确认</text>
+					</view>
+					<u-list class="selected_list">
+						<u-list-item v-for="item in choosedData" :key="item.userID || item.groupID">
+							<selected-member @removeItem="removeItem(item)" :source="item" />
+						</u-list-item>
+					</u-list>
+				</view>
+			</u-popup>
+		</view>
+	</view>
 </template>
 
 <script>
-import SelectedMember from "./SelectedMember.vue";
-export default {
-  name: "ChooseIndexFooter",
-  components: {
-    SelectedMember,
-  },
-  props: {
-    isRemove: Boolean,
-    choosedData: Array,
-    comfirmLoading: Boolean,
-    maxLength: Number,
-  },
-  data() {
-    return {
-      showSelected: false,
-      showConfirmModal: false,
-    };
-  },
-  computed: {
-    selectedStr() {
-      return this.choosedData
-        .map((item) => item.nickname || item.showName || item.groupName)
-        .join("、");
-    },
-  },
-  methods: {
-    close() {
-      this.showSelected = false;
-    },
-    removeItem(item) {
-      this.$emit("removeItem", item);
-    },
-    clickComfirm() {
-      this.$emit("confirm");
-    },
-  },
-};
+	import SelectedMember from "./SelectedMember.vue";
+	export default {
+		name: "ChooseIndexFooter",
+		components: {
+			SelectedMember,
+		},
+		props: {
+			isRemove: Boolean,
+			choosedData: Array,
+			comfirmLoading: Boolean,
+			maxLength: Number,
+		},
+		data() {
+			return {
+				showSelected: false,
+				showConfirmModal: false,
+			};
+		},
+		computed: {
+			selectedStr() {
+				return this.choosedData
+					.map((item) => item.nickname || item.showName || item.groupName)
+					.join("、");
+			},
+		},
+		methods: {
+			close() {
+				this.showSelected = false;
+			},
+			removeItem(item) {
+				this.$emit("removeItem", item);
+			},
+			clickComfirm() {
+				this.$emit("confirm");
+			},
+		},
+	};
 </script>
 
 <style lang="scss" scoped>
-.member_checked_desc {
-  @include btwBox();
-  background-color: #fff;
-  align-items: flex-start;
-  padding: 24rpx 44rpx 0;
-  height: 60px;
-  max-height: 60px;
-  box-shadow: 0px -1px 4px 1px rgba(0, 0, 0, 0.04);
+	.member_checked_desc {
+		@include btwBox();
+		background-color: #fff;
+		align-items: flex-start;
+		padding: 24rpx 44rpx 0;
+		height: 60px;
+		max-height: 60px;
+		box-shadow: 0px -1px 4px 1px rgba(0, 0, 0, 0.04);
 
-  .left_info {
-    @include colBox(false);
+		.left_info {
+			@include colBox(false);
 
-    .select_num {
-      display: flex;
-      align-items: center;
-      color: $uni-color-primary;
-    }
+			.select_num {
+				display: flex;
+				align-items: center;
+				color: $uni-color-primary;
+			}
 
-    .select_list {
-      font-size: 24rpx;
-      color: #8e9ab0;
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-      max-width: 50vw;
-    }
+			.select_list {
+				font-size: 24rpx;
+				color: #8e9ab0;
+				overflow: hidden;
+				white-space: nowrap;
+				text-overflow: ellipsis;
+				max-width: 50vw;
+			}
 
-    .text {
-      font-size: 30rpx;
-      margin-right: 24rpx;
-    }
-  }
+			.text {
+				font-size: 30rpx;
+				margin-right: 24rpx;
+			}
+		}
 
-  .u-button {
-    background-color: #0089ff;
-    height: 40px;
-    margin: 0;
-  }
-}
+		.u-button {
+			background-color: #0089ff;
+			height: 40px;
+			margin: 0;
+		}
+	}
 
-.selected_container {
-  padding: 44rpx;
+	.selected_container {
+		padding: 44rpx;
 
-  .top_desc {
-    @include btwBox();
-    margin-bottom: 20rpx;
+		.top_desc {
+			@include btwBox();
+			margin-bottom: 20rpx;
 
-    .comfirm_text {
-      color: $uni-color-primary;
-      margin-right: 24rpx;
-    }
-  }
+			.comfirm_text {
+				color: $uni-color-primary;
+				margin-right: 24rpx;
+			}
+		}
 
-  .selected_list {
-    height: 60vh !important;
-    overflow-y: auto;
-  }
-}
-</style>
+		.selected_list {
+			height: 60vh !important;
+			overflow-y: auto;
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/components/ChooseIndexList/index.vue b/components/ChooseIndexList/index.vue
index 0340bbe..618227d 100644
--- a/components/ChooseIndexList/index.vue
+++ b/components/ChooseIndexList/index.vue
@@ -1,91 +1,77 @@
 <template>
-  <u-index-list
-    @scrolltolower="scrolltolower"
-    class="user_list"
-    :style="{ height: height }"
-    :index-list="indexList"
-  >
-    <template v-for="(item, index) in itemArr">
-      <u-index-item :key="index">
-        <u-index-anchor
-          class="user_anchor"
-          :text="indexList[index]"
-        ></u-index-anchor>
-        <user-item
-          @itemClick="itemClick"
-          @updateCheck="updateCheck"
-          :checked="checkedIDList.includes(cell.userID)"
-          :disabled="disabledIDList.includes(cell.userID)"
-          :checkVisible="showCheck"
-          v-for="cell in item"
-          :item="cell"
-          :key="cell.userID"
-        />
-      </u-index-item>
-    </template>
-  </u-index-list>
+	<u-index-list @scrolltolower="scrolltolower" class="user_list" :style="{ height: height }" :index-list="indexList">
+		<template v-for="(item, index) in itemArr">
+			<u-index-item :key="index">
+				<u-index-anchor class="user_anchor" :text="indexList[index]"></u-index-anchor>
+				<user-item @itemClick="itemClick" @updateCheck="updateCheck"
+					:checked="checkedIDList.includes(cell.userID)" :disabled="disabledIDList.includes(cell.userID)"
+					:checkVisible="showCheck" v-for="cell in item" :item="cell" :key="cell.userID" />
+			</u-index-item>
+		</template>
+	</u-index-list>
 </template>
 
 <script>
-import UserItem from "../UserItem/index.vue";
-export default {
-  name: "ChooseIndexList",
-  components: {
-    UserItem,
-  },
-  props: {
-    height: {
-      type: String,
-      default: "0px",
-    },
-    indexList: {
-      type: Array,
-      default: () => [],
-    },
-    itemArr: {
-      type: Array,
-      default: () => [],
-    },
-    checkedIDList: {
-      type: Array,
-      default: () => [],
-    },
-    disabledIDList: {
-      type: Array,
-      default: () => [],
-    },
-    showCheck: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  data() {
-    return {};
-  },
-  methods: {
-    itemClick(item) {
-      this.$emit("itemClick", item);
-    },
-    updateCheck(item) {
-      this.$emit("updateCheck", item);
-    },
-    scrolltolower() {
-      this.$emit("scrolltolower");
-    },
-  },
-};
+	import UserItem from "../UserItem/index.vue";
+	export default {
+		name: "ChooseIndexList",
+		components: {
+			UserItem,
+		},
+		props: {
+			height: {
+				type: String,
+				default: "0px",
+			},
+			indexList: {
+				type: Array,
+				default: () => [],
+			},
+			itemArr: {
+				type: Array,
+				default: () => [],
+			},
+			checkedIDList: {
+				type: Array,
+				default: () => [],
+			},
+			disabledIDList: {
+				type: Array,
+				default: () => [],
+			},
+			showCheck: {
+				type: Boolean,
+				default: false,
+			},
+		},
+		data() {
+			return {};
+		},
+		methods: {
+			itemClick(item) {
+				this.$emit("itemClick", item);
+			},
+			updateCheck(item) {
+				this.$emit("updateCheck", item);
+			},
+			scrolltolower() {
+				this.$emit("scrolltolower");
+			},
+		},
+	};
 </script>
 
 <style scoped lang="scss">
-.user_list {
-  flex: 1;
-  ::v-deep uni-scroll-view {
-    max-height: 100% !important;
-  }
-}
+	.user_list {
+		flex: 1;
 
-.user_anchor {
-  background-color: #f8f8f8 !important;
-  border: none !important;
-}
-</style>
+		::v-deep uni-scroll-view {
+			max-height: 100% !important;
+		}
+	}
+
+	.user_anchor {
+		background-color: #f8f8f8 !important;
+		border: none !important;
+	}
+</style>
\ No newline at end of file
diff --git a/constant/comp.js b/constant/comp.js
index 4419feb..55d7fc3 100644
--- a/constant/comp.js
+++ b/constant/comp.js
@@ -1,42 +1,46 @@
 export const ChatingFooterActionTypes = {
-  Album: "Album",
+	Album: "Album",
+	Camera: "Camera",
+	Video: "Video",
+	Voice: "Voice",
+	Location: "Location",
 };
 
 export const ContactMenuTypes = {
-  NewFriend: "NewFriend",
-  NewGroup: "NewGroup",
-  MyFriend: "MyFriend",
-  MyGroup: "MyGroup",
+	NewFriend: "NewFriend",
+	NewGroup: "NewGroup",
+	MyFriend: "MyFriend",
+	MyGroup: "MyGroup",
 };
 
 export const GroupMemberListTypes = {
-  Preview: "Preview",
-  Transfer: "Transfer",
-  Kickout: "Kickout",
+	Preview: "Preview",
+	Transfer: "Transfer",
+	Kickout: "Kickout",
 };
 
 export const ContactChooseTypes = {
-  Invite: "Invite",
-  GetList: "GetList",
+	Invite: "Invite",
+	GetList: "GetList",
 };
 
 export const UpdateMessageTypes = {
-  Overall: "Overall",
-  KeyWords: "KeyWords",
+	Overall: "Overall",
+	KeyWords: "KeyWords",
 };
 
 export const SmsUserFor = {
-  Register: 1,
-  Reset: 2,
-  Login: 3,
+	Register: 1,
+	Reset: 2,
+	Login: 3,
 };
 
 export const CustomMessageStatus = {
-  Success: "success",
-  Cancel: "cancel",
-  Canceled: "canceled",
-  Refuse: "refuse",
-  Refused: "refused",
-  Timeout: "timeout",
-  AccessByOther: "accessByOther",
-};
+	Success: "success",
+	Cancel: "cancel",
+	Canceled: "canceled",
+	Refuse: "refuse",
+	Refused: "refused",
+	Timeout: "timeout",
+	AccessByOther: "accessByOther",
+};
\ No newline at end of file
diff --git a/constant/event.js b/constant/event.js
index 61efe70..306c8d5 100644
--- a/constant/event.js
+++ b/constant/event.js
@@ -1,5 +1,5 @@
 export const PageEvents = {
-  GlobalToast: "GlobalToast",
-  ScrollToBottom: "ScrollToBottom",
-  RtcCall: "RtcCall"
-};
+	GlobalToast: "GlobalToast",
+	ScrollToBottom: "ScrollToBottom",
+	RtcCall: "RtcCall"
+};
\ No newline at end of file
diff --git a/constant/im.js b/constant/im.js
index 830d2ba..4cea39c 100644
--- a/constant/im.js
+++ b/constant/im.js
@@ -1,51 +1,51 @@
-import { MessageType } from "openim-uniapp-polyfill";
+import {MessageType} from "openim-uniapp-polyfill";
 
 export const CustomType = {
-  VideoCall: "c100",
-  VoiceCall: "c101",
-  Call: 901,
-  MassMsg: 903,
+	VideoCall: "c100",
+	VoiceCall: "c101",
+	Call: 901,
+	MassMsg: 903,
 };
 
 export const Platform = {
-  1: 'iOS',
-  2: 'Android',
-  3: 'PC',
-  4: 'PC',
-  5: 'Web'
+	1: 'iOS',
+	2: 'Android',
+	3: 'PC',
+	4: 'PC',
+	5: 'Web'
 };
 
 export const noticeMessageTypes = [
-  MessageType.RevokeMessage,
-  MessageType.FriendAdded,
-  MessageType.GroupCreated,
-  MessageType.GroupInfoUpdated,
-  MessageType.MemberQuit,
-  MessageType.GroupOwnerTransferred,
-  MessageType.MemberKicked,
-  MessageType.MemberInvited,
-  MessageType.MemberEnter,
-  MessageType.GroupDismissed,
-  MessageType.GroupMemberMuted,
-  MessageType.GroupMuted,
-  MessageType.GroupCancelMuted,
-  MessageType.GroupMemberCancelMuted,
-  MessageType.GroupNameUpdated,
-  MessageType.BurnMessageChange,
+	MessageType.RevokeMessage,
+	MessageType.FriendAdded,
+	MessageType.GroupCreated,
+	MessageType.GroupInfoUpdated,
+	MessageType.MemberQuit,
+	MessageType.GroupOwnerTransferred,
+	MessageType.MemberKicked,
+	MessageType.MemberInvited,
+	MessageType.MemberEnter,
+	MessageType.GroupDismissed,
+	MessageType.GroupMemberMuted,
+	MessageType.GroupMuted,
+	MessageType.GroupCancelMuted,
+	MessageType.GroupMemberCancelMuted,
+	MessageType.GroupNameUpdated,
+	MessageType.BurnMessageChange,
 ];
 
 export const GroupSystemMessageTypes = [
-  MessageType.GroupCreated,
-  MessageType.GroupInfoUpdated,
-  MessageType.MemberQuit,
-  MessageType.GroupOwnerTransferred,
-  MessageType.MemberKicked,
-  MessageType.MemberInvited,
-  MessageType.MemberEnter,
-  MessageType.GroupDismissed,
-  MessageType.GroupMemberMuted,
-  MessageType.GroupMuted,
-  MessageType.GroupCancelMuted,
-  MessageType.GroupMemberCancelMuted,
-  MessageType.GroupNameUpdated
-];
+	MessageType.GroupCreated,
+	MessageType.GroupInfoUpdated,
+	MessageType.MemberQuit,
+	MessageType.GroupOwnerTransferred,
+	MessageType.MemberKicked,
+	MessageType.MemberInvited,
+	MessageType.MemberEnter,
+	MessageType.GroupDismissed,
+	MessageType.GroupMemberMuted,
+	MessageType.GroupMuted,
+	MessageType.GroupCancelMuted,
+	MessageType.GroupMemberCancelMuted,
+	MessageType.GroupNameUpdated
+];
\ No newline at end of file
diff --git a/manifest.json b/manifest.json
index 3ee7247..3cea087 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,5 +1,5 @@
 {
-    "name" : "IM-UCB",
+    "name" : "探探",
     "appid" : "__UNI__F0A946D",
     "description" : "",
     "versionName" : "3.3.4",
@@ -21,7 +21,10 @@
             "Camera" : {},
             "Record" : {},
             "Geolocation" : {},
-            "Maps" : {}
+            "Maps" : {},
+            "Fingerprint" : {},
+            "Contacts" : {},
+            "Barcode" : {}
         },
         "distribute" : {
             "android" : {
@@ -66,8 +69,18 @@
             },
             "sdkConfigs" : {
                 "ad" : {},
-                "geolocation" : {},
-                "maps" : {},
+                "geolocation" : {
+                    "system" : {
+                        "__platform__" : [ "ios", "android" ]
+                    }
+                },
+                "maps" : {
+                    "amap" : {
+                        "name" : "amap_18926034082bYRO97pz",
+                        "appkey_ios" : "cfc7b531b60382598b4aac7944415fba",
+                        "appkey_android" : "e431515e99e69fc1b6edb674e3487f1a"
+                    }
+                },
                 "share" : {},
                 "statics" : {},
                 "speech" : {}
diff --git a/package.json b/package.json
index 47b6932..cd36419 100644
--- a/package.json
+++ b/package.json
@@ -1,11 +1,12 @@
 {
   "dependencies": {
+    "@openim/client-sdk": "^0.0.11-ahpha.1",
     "date-fns": "^2.30.0",
     "dayjs": "^1.11.6",
     "image-tools": "^1.4.0",
     "md5": "^2.3.0",
-    "@openim/client-sdk": "^0.0.11-ahpha.1",
     "openim-uniapp-polyfill": "^1.4.1",
+    "qrcode": "^1.5.4",
     "uuid": "^9.0.0"
   }
 }
diff --git a/pages.json b/pages.json
index d51abe9..77f7c0e 100644
--- a/pages.json
+++ b/pages.json
@@ -245,37 +245,61 @@
 				"navigationBarTitleText": "",
 				"enablePullDownRefresh": false
 			}
+		},
+		{
+			"path": "pages/common/upgrade",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/common/article",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/common/webview",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/workbench/friend-circle/friend-circle",
+			"style": {
+				"navigationBarTitleText": ""
+			}
 		}
 	],
 	"tabBar": {
-		"color": "#8E9AB0",
-		"selectedColor": "#0089FF",
-		"borderStyle": "black",
-		"backgroundColor": "#ffffff",
+		"color": "#171717",
+		"selectedColor": "#07c160",
+		"borderStyle": "#f4f4f4",
+		"backgroundColor": "#f4f4f4",
 		"height": "55px",
 		"list": [{
 				"pagePath": "pages/conversation/conversationList/index",
-				"iconPath": "./static/images/tabbar_conversation.png",
-				"selectedIconPath": "static/images/tabbar_conversation_active.png",
-				"text": "OpenIM"
+				"iconPath": "./static/images/tabbar/conversation.png",
+				"selectedIconPath": "static/images/tabbar/conversation_active.png",
+				"text": "消息"
 			},
 			{
 				"pagePath": "pages/contact/index/index",
-				"iconPath": "./static/images/tabbar_contacts.png",
-				"selectedIconPath": "static/images/tabbar_contacts_active.png",
+				"iconPath": "./static/images/tabbar/contacts.png",
+				"selectedIconPath": "static/images/tabbar/contacts_active.png",
 				"text": "通讯录"
 			},
 			{
 				"pagePath": "pages/workbench/index/index",
-				"iconPath": "./static/images/tabbar_workbench.png",
-				"selectedIconPath": "static/images/tabbar_workbench_active.png",
+				"iconPath": "./static/images/tabbar/workbench.png",
+				"selectedIconPath": "static/images/tabbar/workbench_active.png",
 				"text": "发现"
 			},
 			{
 				"pagePath": "pages/profile/index/index",
-				"iconPath": "./static/images/tabbar_profile.png",
-				"selectedIconPath": "static/images/tabbar_profile_active.png",
-				"text": "我的"
+				"iconPath": "./static/images/tabbar/profile.png",
+				"selectedIconPath": "static/images/tabbar/profile_active.png",
+				"text": "我"
 			}
 		]
 	},
diff --git a/pages/common/article.nvue b/pages/common/article.nvue
new file mode 100644
index 0000000..225acd9
--- /dev/null
+++ b/pages/common/article.nvue
@@ -0,0 +1,61 @@
+<template>
+	<view class="n-ps-all-base">
+		<uv-parse v-if="content" :content="content"></uv-parse>
+		<view class="n-flex-row" v-if="showButton" :style="{marginTop:'100rpx'}">
+			<uv-button class="n-flex-1 n-ms-base" v-for="(item, idx) in buttonList" :key="idx" @click="switchButton(idx, item)" :text="item.title" :icon="'/static/image/' + item.value + '.png'" :plain="current==idx" :color="current==idx ? item.color:'#f8f8f8'" :customStyle="{height:'80rpx'}" :customTextStyle="{color:current==idx ? item.color:'#333333',marginLeft:'20rpx'}" shape="circle" color="#f8f8f8" throttleTime="1000"></uv-button>
+		</view>
+		<uv-empty :show="empty" icon="/static/image/empty.png" text="暂无数据~" width="200" marginTop="100"></uv-empty>
+	</view>
+</template>
+
+<script>
+	import {getArticle} from '@/api/login.js'
+	
+	export default {
+		data() {
+			return {
+				empty: false,
+				content: '',
+				current: null,
+				questionId: 0,
+				showButton: false,
+				buttonList: [
+					{title:'未解决', value:'unresolved', color:'#fc3463'},
+					{title:'已解决', value:'resolved', color:'#5ac725'}
+				] 
+			}
+		},
+		onLoad(evt) {
+			if(evt.type=='config') this.setConfig(evt)
+			if(evt.type=='question') this.setQuestion(evt)
+
+			uni.setNavigationBarTitle({title:evt.title})
+		},
+		methods: {
+			// 设置配置内容
+			setConfig(evt) {
+				let config = getApp().globalData.config
+				if(evt.name && config[evt.name]){
+					this.content = config[evt.name]
+				}else{
+					this.empty = true
+				}
+			},
+			// 设置问题内容
+			setQuestion(evt) {
+				this.content = evt.content
+				this.questionId = evt.id
+				this.showButton = true
+			},
+			// 切换按钮
+			switchButton(idx, item) {
+				this.current = idx
+				getArticle({id:this.questionId,type:item.value})
+			}
+		}
+	}
+</script>
+
+<style>
+
+</style>
diff --git a/pages/common/contactChoose/index.vue b/pages/common/contactChoose/index.vue
index 2bc6e76..5387eba 100644
--- a/pages/common/contactChoose/index.vue
+++ b/pages/common/contactChoose/index.vue
@@ -1,281 +1,267 @@
 <template>
-  <view class="contact_choose_container">
-    <custom-nav-bar title="联系人" />
+	<view class="contact_choose_container">
+		<custom-nav-bar title="联系人" />
 
-    <view class="search_bar_wrap">
-      <u-search
-        shape="square"
-        placeholder="搜索"
-        :showAction="false"
-        v-model="keyword"
-      />
-    </view>
+		<view class="search_bar_wrap">
+			<u-search shape="square" placeholder="搜索" :showAction="false" v-model="keyword" />
+		</view>
 
-    <view class="tab_container">
-      <template v-if="activeTab === 0">
-        <setting-item
-          @click="tabChange(tabs[0].idx)"
-          :title="tabs[0].title"
-          :border="false"
-        />
+		<view class="tab_container">
+			<template v-if="activeTab === 0">
+				<setting-item @click="tabChange(tabs[0].idx)" :title="tabs[0].title" :border="false" />
 
-        <view class="tab_pane"></view>
-      </template>
+				<view class="tab_pane"></view>
+			</template>
 
-      <template v-else>
-        <view class="tab_pane" v-show="activeTab === 1">
-          <choose-index-list
-            @updateCheck="updateCheckedUser"
-            :indexList="getChooseData.indexList"
-            :itemArr="getChooseData.dataList"
-            :checkedIDList="checkedUserIDList"
-            :disabledIDList="disabledUserIDList"
-            :showCheck="true"
-          />
-        </view>
-      </template>
-    </view>
-    <choose-index-footer
-      :comfirmLoading="comfirmLoading"
-      @removeItem="updateCheckedUserOrGroup"
-      @confirm="confirm"
-      :choosedData="getCheckedInfo"
-    />
-  </view>
+			<template v-else>
+				<view class="tab_pane" v-show="activeTab === 1">
+					<choose-index-list @updateCheck="updateCheckedUser" :indexList="getChooseData.indexList"
+						:itemArr="getChooseData.dataList" :checkedIDList="checkedUserIDList"
+						:disabledIDList="disabledUserIDList" :showCheck="true" />
+				</view>
+			</template>
+		</view>
+		<choose-index-footer :comfirmLoading="comfirmLoading" @removeItem="updateCheckedUserOrGroup" @confirm="confirm"
+			:choosedData="getCheckedInfo" />
+	</view>
 </template>
 
 <script>
-import { mapGetters } from "vuex";
-import { ContactChooseTypes } from "@/constant";
-import { formatChooseData, toastWithCallback } from "@/util/common";
-import IMSDK from "openim-uniapp-polyfill";
-import CustomNavBar from "@/components/CustomNavBar/index.vue";
-import UserItem from "@/components/UserItem/index.vue";
-import ChooseIndexList from "@/components/ChooseIndexList/index.vue";
-import ChooseIndexFooter from "@/components/ChooseIndexFooter/index.vue";
-import SettingItem from "@/components/SettingItem/index.vue";
+	import {mapGetters} from "vuex";
+	import {ContactChooseTypes} from "@/constant";
+	import {formatChooseData,toastWithCallback} from "@/util/common";
+	import IMSDK from "openim-uniapp-polyfill";
+	import CustomNavBar from "@/components/CustomNavBar/index.vue";
+	import UserItem from "@/components/UserItem/index.vue";
+	import ChooseIndexList from "@/components/ChooseIndexList/index.vue";
+	import ChooseIndexFooter from "@/components/ChooseIndexFooter/index.vue";
+	import SettingItem from "@/components/SettingItem/index.vue";
 
-export default {
-  components: {
-    CustomNavBar,
-    UserItem,
-    ChooseIndexList,
-    ChooseIndexFooter,
-    SettingItem,
-  },
-  data() {
-    return {
-      keyword: "",
-      type: ContactChooseTypes.Card,
-      activeTab: 0,
-      groupID: "",
-      checkedUserIDList: [],
-      disabledUserIDList: [],
-      comfirmLoading: false,
-      tabs: [
-        {
-          idx: 1,
-          title: "我的好友",
-        },
-      ],
-    };
-  },
-  computed: {
-    ...mapGetters([
-      "storeFriendList",
-      "storeCurrentConversation",
-      "storeCurrentUserID",
-      "storeConversationList",
-    ]),
-    getChooseData() {
-      if (this.keyword) {
-        return {
-          indexList: ["#"],
-          dataList: [
-            this.storeFriendList.filter(
-              (friend) =>
-                friend.nickname.includes(this.keyword) ||
-                friend.remark.includes(this.keyword)
-            ),
-          ],
-        };
-      }
-      return formatChooseData(this.storeFriendList);
-    },
-    getCheckedInfo() {
-      const tmpUserIDList = [...this.checkedUserIDList];
-      const checkedFriends = this.storeFriendList.filter((friend) => {
-        const idx = tmpUserIDList.findIndex(
-          (userID) => userID === friend.userID
-        );
-        if (idx > -1) {
-          tmpUserIDList.splice(idx, 1);
-        }
-        return idx > -1;
-      });
-      return [...checkedFriends];
-    },
-  },
-  onLoad(options) {
-    const {
-      groupID,
-      type,
-      checkedUserIDList,
-    } = options;
-    this.type = type;
-    this.groupID = groupID;
-    this.checkedUserIDList = checkedUserIDList
-      ? JSON.parse(checkedUserIDList)
-      : [];
-    if (this.type === ContactChooseTypes.Invite) {
-      this.checkDisabledUser();
-    }
-  },
-  methods: {
-    checkDisabledUser() {
-      const friendIDList = this.storeFriendList.map((friend) => friend.userID);
-      IMSDK.asyncApi("getUsersInGroup", IMSDK.uuid(), {
-        groupID: this.groupID,
-        userIDList: friendIDList,
-      }).then(({ data }) => {
-        this.disabledUserIDList = data;
-      });
-    },
-    tabChange(idx) {
-      this.keyword = "";
-      this.activeTab = idx;
-    },
-    updateCheckedUserOrGroup(item) {
-      if (item.userID) {
-        this.updateCheckedUser(item);
-      }
-    },
-    updateCheckedUser({ userID }) {
-      if (this.checkedUserIDList.includes(userID)) {
-        const idx = this.checkedUserIDList.findIndex((item) => item === userID);
-        const tmpArr = [...this.checkedUserIDList];
-        tmpArr.splice(idx, 1);
-        this.checkedUserIDList = [...tmpArr];
-      } else {
-        this.checkedUserIDList = [...this.checkedUserIDList, userID];
-      }
-    },
-    confirm() {
-      if (this.activeTab) {
-        this.activeTab = 0;
-        return;
-      }
-      this.comfirmLoading = true;
-      if (this.type === ContactChooseTypes.GetList) {
-        let pages = getCurrentPages();
-        let prevPage = pages[pages.length - 2];
-        prevPage.$vm.getCheckedUsers(this.getCheckedInfo);
-        this.comfirmLoading = false;
+	export default {
+		components: {
+			CustomNavBar,
+			UserItem,
+			ChooseIndexList,
+			ChooseIndexFooter,
+			SettingItem,
+		},
+		data() {
+			return {
+				keyword: "",
+				type: ContactChooseTypes.Card,
+				activeTab: 0,
+				groupID: "",
+				checkedUserIDList: [],
+				disabledUserIDList: [],
+				comfirmLoading: false,
+				tabs: [
+					{
+						idx: 1,
+						title: "我的好友",
+					}, 
+				],
+			};
+		},
+		computed: {
+			...mapGetters([
+				"storeFriendList",
+				"storeCurrentConversation",
+				"storeCurrentUserID",
+				"storeConversationList",
+			]),
+			getChooseData() {
+				if (this.keyword) {
+					return {
+						indexList: ["#"],
+						dataList: [
+							this.storeFriendList.filter(
+								(friend) =>
+								friend.nickname.includes(this.keyword) ||
+								friend.remark.includes(this.keyword)
+							),
+						],
+					};
+				}
+				return formatChooseData(this.storeFriendList);
+			},
+			getCheckedInfo() {
+				const tmpUserIDList = [...this.checkedUserIDList];
+				const checkedFriends = this.storeFriendList.filter((friend) => {
+					const idx = tmpUserIDList.findIndex(
+						(userID) => userID === friend.userID
+					);
+					if (idx > -1) {
+						tmpUserIDList.splice(idx, 1);
+					}
+					return idx > -1;
+				});
+				return [...checkedFriends];
+			},
+		},
+		onLoad(options) {
+			const {groupID,type,checkedUserIDList,} = options;
+			console.log(this.storeFriendList);
+			this.type = type;
+			this.groupID = groupID;
+			this.checkedUserIDList = checkedUserIDList ?
+				JSON.parse(checkedUserIDList) :
+				[];
+			if (this.type === ContactChooseTypes.Invite) {
+				this.checkDisabledUser();
+			}
+		},
+		methods: {
+			checkDisabledUser() {
+				const friendIDList = this.storeFriendList.map((friend) => friend.userID);
+				IMSDK.asyncApi("getUsersInGroup", IMSDK.uuid(), {
+					groupID: this.groupID,
+					userIDList: friendIDList,
+				}).then(({
+					data
+				}) => {
+					this.disabledUserIDList = data;
+				});
+			},
+			tabChange(idx) {
+				this.keyword = "";
+				this.activeTab = idx;
+			},
+			updateCheckedUserOrGroup(item) {
+				if (item.userID) {
+					this.updateCheckedUser(item);
+				}
+			},
+			updateCheckedUser({
+				userID
+			}) {
+				if (this.checkedUserIDList.includes(userID)) {
+					const idx = this.checkedUserIDList.findIndex((item) => item === userID);
+					const tmpArr = [...this.checkedUserIDList];
+					tmpArr.splice(idx, 1);
+					this.checkedUserIDList = [...tmpArr];
+				} else {
+					this.checkedUserIDList = [...this.checkedUserIDList, userID];
+				}
+			},
+			confirm() {
+				if (this.activeTab) {
+					this.activeTab = 0;
+					return;
+				}
+				this.comfirmLoading = true;
+				if (this.type === ContactChooseTypes.GetList) {
+					let pages = getCurrentPages();
+					let prevPage = pages[pages.length - 2];
+					prevPage.$vm.getCheckedUsers(this.getCheckedInfo);
+					this.comfirmLoading = false;
 
-        uni.navigateBack({
-          delta: 1,
-        });
-        return;
-      }
+					uni.navigateBack({
+						delta: 1,
+					});
+					return;
+				}
 
-      if (this.type === ContactChooseTypes.Invite) {
-        IMSDK.asyncApi(IMSDK.IMMethods.InviteUserToGroup, IMSDK.uuid(), {
-          groupID: this.groupID,
-          reason: "",
-          userIDList: this.getCheckedInfo.map((user) => user.userID),
-        })
-          .then(() => {
-            toastWithCallback("操作成功", () => uni.navigateBack());
-            this.comfirmLoading = false;
-          })
-          .catch(() => toastWithCallback("操作失败"));
-        return;
-      }
+				if (this.type === ContactChooseTypes.Invite) {
+					IMSDK.asyncApi(IMSDK.IMMethods.InviteUserToGroup, IMSDK.uuid(), {
+							groupID: this.groupID,
+							reason: "",
+							userIDList: this.getCheckedInfo.map((user) => user.userID),
+						})
+						.then(() => {
+							toastWithCallback("操作成功", () => uni.navigateBack());
+							this.comfirmLoading = false;
+						})
+						.catch(() => toastWithCallback("操作失败"));
+					return;
+				}
 
-      this.comfirmLoading = false;
-    },
-  },
-  onBackPress() {
-    if (this.activeTab) {
-      this.activeTab = 0;
-      return true;
-    }
-    return false;
-  },
-};
+				this.comfirmLoading = false;
+			},
+		},
+		onBackPress() {
+			if (this.activeTab) {
+				this.activeTab = 0;
+				return true;
+			}
+			return false;
+		},
+	};
 </script>
 
 <style lang="scss" scoped>
-::v-deep.u-popup {
-  flex: none;
-}
-.contact_choose_container {
-  height: 100vh;
-  display: flex;
-  flex-direction: column;
-  .search_bar_wrap {
-    height: 34px;
-    padding: 12px 22px;
-  }
+	::v-deep.u-popup {
+		flex: none;
+	}
 
-  .tab_container {
-    @include colBox(false);
-    flex: 1;
-    overflow: hidden;
+	.contact_choose_container {
+		height: 100vh;
+		display: flex;
+		flex-direction: column;
 
-    .setting_item {
-      padding: 32rpx 36rpx;
-    }
+		.search_bar_wrap {
+			height: 34px;
+			padding: 12px 22px;
+		}
 
-    .title {
-      height: 60rpx;
-      display: flex;
-      justify-content: start;
-      align-items: center;
-      // padding: 16rpx 8rpx;
-      background: #f8f9fa;
-      color: #8e9ab0;
-      font-size: 24rpx;
-    }
+		.tab_container {
+			@include colBox(false);
+			flex: 1;
+			overflow: hidden;
 
-    .tabs_bar {
-      @include vCenterBox();
-      justify-content: space-evenly;
+			.setting_item {
+				padding: 32rpx 36rpx;
+			}
 
-      .tab_item {
-        @include colBox(false);
-        align-items: center;
+			.title {
+				height: 60rpx;
+				display: flex;
+				justify-content: start;
+				align-items: center;
+				// padding: 16rpx 8rpx;
+				background: #f8f9fa;
+				color: #8e9ab0;
+				font-size: 24rpx;
+			}
 
-        image {
-          width: 50px;
-          height: 50px;
-        }
-      }
-    }
+			.tabs_bar {
+				@include vCenterBox();
+				justify-content: space-evenly;
 
-    .tab_pane {
-      display: flex;
-      flex-direction: column;
-      flex: 1;
-      overflow: hidden;
+				.tab_item {
+					@include colBox(false);
+					align-items: center;
 
-      .member_list {
-        flex: 1;
-        height: 80% !important;
-        ::v-deepuni-scroll-view {
-          max-height: 100% !important;
-        }
-      }
+					image {
+						width: 50px;
+						height: 50px;
+					}
+				}
+			}
 
-      .user_list {
-        height: 100% !important;
-      }
+			.tab_pane {
+				display: flex;
+				flex-direction: column;
+				flex: 1;
+				overflow: hidden;
 
-      .member_anchor {
-        background-color: #f8f8f8 !important;
-        border: none !important;
-      }
-    }
-  }
-}
-</style>
+				.member_list {
+					flex: 1;
+					height: 80% !important;
+
+					::v-deepuni-scroll-view {
+						max-height: 100% !important;
+					}
+				}
+
+				.user_list {
+					height: 100% !important;
+				}
+
+				.member_anchor {
+					background-color: #f8f8f8 !important;
+					border: none !important;
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/common/searchUserOrGroup/index.vue b/pages/common/searchUserOrGroup/index.vue
index 437ec24..8caae79 100644
--- a/pages/common/searchUserOrGroup/index.vue
+++ b/pages/common/searchUserOrGroup/index.vue
@@ -86,6 +86,7 @@
 							);
 							info = data[0];
 						}
+						console.log(info)
 						if (info) {
 							uni.navigateTo({
 								url: `/pages/common/groupCard/index?sourceInfo=${JSON.stringify(info,)}`,
@@ -103,7 +104,7 @@
 								const {data} = await IMSDK.asyncApi(
 									IMSDK.IMMethods.GetUsersInfo,
 									IMSDK.uuid(),
-									[res.data[0].id],
+									[res.data[0].id+''],
 								);
 								const imData = data[0];
 
@@ -111,9 +112,9 @@
 									...imData,
 									...res.data[0],
 								};
-								console.log(info)
 							}
 						}
+						console.log(info)
 						if (info) {
 							uni.navigateTo({
 								url: `/pages/common/userCard/index?sourceInfo=${JSON.stringify(info,)}`,
@@ -123,6 +124,7 @@
 						}
 					}
 				} catch (e) {
+					console.log(e);
 					//TODO handle the exception
 				}
 				this.searching = false;
diff --git a/pages/common/sendAddRequest/index.vue b/pages/common/sendAddRequest/index.vue
index 18d3b17..e992ccc 100644
--- a/pages/common/sendAddRequest/index.vue
+++ b/pages/common/sendAddRequest/index.vue
@@ -1,125 +1,117 @@
 <template>
-  <view class="request_join_container">
-    <custom-nav-bar :title="isGroup ? '群聊验证' : '好友验证'">
-      <view class="top_right_btn" slot="more">
-        <u-button @click="sendRequest" text="发送" type="primary"></u-button>
-      </view>
-    </custom-nav-bar>
+	<view class="request_join_container">
+		<custom-nav-bar :title="isGroup ? '群聊验证' : '好友验证'">
+			<view class="top_right_btn" slot="more">
+				<u-button @click="sendRequest" text="发送" type="primary"></u-button>
+			</view>
+		</custom-nav-bar>
 
-    <text class="title">{{ `发送${isGroup ? "入群" : "好友"}申请` }}</text>
+		<text class="title">{{ `发送${isGroup ? "入群" : "好友"}申请` }}</text>
 
-    <view class="input_container">
-      <u--textarea
-        height="120"
-        v-model="reason"
-        border="none"
-        placeholder="请输入内容"
-        maxlength="20"
-        count
-      >
-      </u--textarea>
-    </view>
-  </view>
+		<view class="input_container">
+			<u--textarea height="120" v-model="reason" border="none" placeholder="请输入内容" maxlength="20" count>
+			</u--textarea>
+		</view>
+	</view>
 </template>
 
 <script>
-import IMSDK, { GroupJoinSource } from "openim-uniapp-polyfill";
-import CustomNavBar from "@/components/CustomNavBar/index.vue";
-import { navigateToDesignatedConversation } from "@/util/imCommon";
+	import IMSDK, {GroupJoinSource} from "openim-uniapp-polyfill";
+	import CustomNavBar from "@/components/CustomNavBar/index.vue";
+	import {navigateToDesignatedConversation} from "@/util/imCommon";
 
-export default {
-  components: {
-    CustomNavBar,
-  },
-  data() {
-    return {
-      reason: "",
-      sourceID: "",
-      isGroup: false,
-      isScan: false,
-      notNeedVerification: false,
-      sessionType: 0,
-    };
-  },
-  onLoad(options) {
-    const { isGroup, sourceID, isScan, notNeedVerification, sessionType } =
-      options;
-    this.isGroup = JSON.parse(isGroup);
-    this.isScan = JSON.parse(isScan);
-    this.sourceID = sourceID;
-    this.notNeedVerification = JSON.parse(notNeedVerification);
-    this.sessionType = sessionType ?? 0;
-  },
-  methods: {
-    sendRequest() {
-      let func;
-      if (this.isGroup) {
-        const joinSource = this.isScan
-          ? GroupJoinSource.QrCode
-          : GroupJoinSource.Search;
-        func = IMSDK.asyncApi(IMSDK.IMMethods.JoinGroup, IMSDK.uuid(), {
-          groupID: this.sourceID,
-          reqMsg: this.reason,
-          joinSource,
-        });
-      } else {
-        func = IMSDK.asyncApi(IMSDK.IMMethods.AddFriend, IMSDK.uuid(), {
-          toUserID: this.sourceID,
-          reqMsg: this.reason,
-        });
-      }
-      func
-        .then(() => {
-          uni.$u.toast(this.notNeedVerification ? "你已加入该群" : "发送成功");
-          setTimeout(() => {
-            if (this.notNeedVerification) {
-              navigateToDesignatedConversation(
-                this.sourceID,
-                Number(this.sessionType),
-              ).catch(() => this.showToast("获取会话信息失败"));
-            } else {
-              uni.navigateBack();
-            }
-          }, 1000);
-        })
-        .catch((err) => {
-          console.log(err);
-          uni.$u.toast("发送失败");
-        });
-    },
-    showToast(message) {
-      this.$refs.uToast.show({
-        message,
-      });
-    },
-  },
-};
+	export default {
+		components: {
+			CustomNavBar,
+		},
+		data() {
+			return {
+				reason: "",
+				sourceID: "",
+				isGroup: false,
+				isScan: false,
+				notNeedVerification: false,
+				sessionType: 0,
+			};
+		},
+		onLoad(options) {
+			const {isGroup,sourceID,isScan,notNeedVerification,sessionType} = options;
+			this.isGroup = JSON.parse(isGroup);
+			this.isScan = JSON.parse(isScan);
+			this.sourceID = sourceID;
+			this.notNeedVerification = JSON.parse(notNeedVerification);
+			this.sessionType = sessionType ?? 0;
+		},
+		methods: {
+			sendRequest() {
+				let func;
+				if (this.isGroup) {
+					const joinSource = this.isScan ?
+						GroupJoinSource.QrCode :
+						GroupJoinSource.Search;
+					func = IMSDK.asyncApi(IMSDK.IMMethods.JoinGroup, IMSDK.uuid(), {
+						groupID: this.sourceID,
+						reqMsg: this.reason,
+						joinSource,
+					});
+				} else {
+					func = IMSDK.asyncApi(IMSDK.IMMethods.AddFriend, IMSDK.uuid(), {
+						toUserID: this.sourceID,
+						reqMsg: this.reason,
+					});
+				}
+				func
+					.then(() => {
+						uni.$u.toast(this.notNeedVerification ? "你已加入该群" : "发送成功");
+						setTimeout(() => {
+							if (this.notNeedVerification) {
+								navigateToDesignatedConversation(
+									this.sourceID,
+									Number(this.sessionType),
+								).catch(() => this.showToast("获取会话信息失败"));
+							} else {
+								uni.navigateBack();
+							}
+						}, 1000);
+					})
+					.catch((err) => {
+						console.log(err);
+						uni.$u.toast(err.errMsg || "发送失败");
+					});
+			},
+			showToast(message) {
+				this.$refs.uToast.show({
+					message,
+				});
+			},
+		},
+	};
 </script>
 
 <style lang="scss">
-.request_join_container {
-  @include colBox(false);
-  height: 100vh;
-  background-color: #f6f6f6;
+	.request_join_container {
+		@include colBox(false);
+		height: 100vh;
+		background-color: #f6f6f6;
 
-  .top_right_btn {
-    margin-right: 44rpx;
+		.top_right_btn {
+			margin-right: 44rpx;
 
-    .u-button {
-      height: 48rpx;
-    }
-  }
+			.u-button {
+				height: 48rpx;
+			}
+		}
 
-  .title {
-    font-size: 28rpx;
-    color: #999;
-    margin: 24rpx 44rpx;
-  }
+		.title {
+			font-size: 28rpx;
+			color: #999;
+			margin: 24rpx 44rpx;
+		}
 
-  .input_container {
-    ::v-deep.u-textarea {
-      padding: 24rpx 44rpx !important;
-    }
-  }
-}
-</style>
+		.input_container {
+			::v-deep.u-textarea {
+				padding: 24rpx 44rpx !important;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/common/upgrade.nvue b/pages/common/upgrade.nvue
new file mode 100644
index 0000000..9a80f46
--- /dev/null
+++ b/pages/common/upgrade.nvue
@@ -0,0 +1,110 @@
+<template>
+	<view class="m-shade n-flex-1 n-align-center n-justify-center">
+		<view :style="{width:'580rpx'}">
+			<image src="/static/image/upgrade.png" mode="widthFix"></image>
+			<view class="n-ps-all-ll n-ms-top-ll n-position-absolute">
+				<text class="n-size-mm n-weight-7 n-color-inverse">发现新版本</text>
+				<text class="n-size-base n-ms-top-ss n-color-inverse">V{{model.version}}</text>
+			</view>
+			<view class="n-ps-all-l n-radius-lb-base" :style="{backgroundColor:'#f3f3f3',borderRadius:'0 0 16rpx 16rpx'}">
+				<view :style="{height:'300rpx'}">
+					<scroll-view class="n-flex-1" :show-scrollbar="false" scroll-y>
+						 <rich-text class="n-size-s" :nodes="model.content" :style="{lineHeight:'26rpx'}"></rich-text>
+					</scroll-view>
+				</view>
+				<view class="n-height-base n-justify-center">
+					<view v-if="progress">
+						<uv-line-progress :percentage="value" activeColor="#fc3463"></uv-line-progress>
+					</view>
+					<view class="n-flex-row" v-else>
+						<uv-button class="n-flex-1 n-ms-right-ll" v-if="model.force==0" @click="cancel" :customStyle="{backgroundColor:'#f3f3f3'}" text="暂不更新" color="#fc3463" shape="circle" throttleTime="1000" plain></uv-button>
+						<uv-button class="n-flex-1" @click="upgrade" text="立即更新" color="#fc3463" shape="circle" throttleTime="1000"></uv-button>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+
+	export default {
+		data() {
+			return {
+				value: 0,
+				model: {
+					force: 1,
+					version: '1.0.0',
+					content: ''
+				},
+				progress: false,
+				download: false
+			}
+		},
+		onLoad(evt) {
+			if(evt.model){
+				this.model = {...this.model, ...JSON.parse(evt.model)}
+			}
+		},
+		onBackPress() {
+			if(this.model.force==1){
+				return true
+			}
+		},
+		methods: {
+			// 取消更新
+			cancel() {
+				uni.navigateBack()
+				uni.setStorageSync('skip_version', this.model.version)
+			},
+			// 立即更新
+			upgrade(){
+				// 检测更新方式
+				if(this.model.type==0 || this.model.type==1){
+					this.downloadUpdate()
+				}else{
+					plus.runtime.openURL(this.model.source_text)
+				}
+			},
+			// 下载更新
+			downloadUpdate() {
+				if(!this.download){
+					this.progress = true
+					this.download = true
+					// 下载安装包
+					const download = uni.downloadFile({
+						url: this.model.source_text,
+						success: result=>{
+							// 自动安装软件
+							plus.runtime.install(result.tempFilePath, {force:true}, ()=>{
+								// 防止强制更新无法关闭界面
+								this.model.force = 0
+								if(this.model.type==1){
+									uni.showToast({
+										title:'更新成功，软件重启'
+									})
+									setTimeout(()=>{ plus.runtime.restart() }, 1500)
+								}
+							})
+						},
+						fail: error=>{
+							uni.showToast({
+								title:'下载失败，请检查您的网络情况'
+							})
+						}
+					})
+					// 监听下载进度
+					download.onProgressUpdate(result=>{
+						this.value = result.progress
+					})
+				}
+			}
+		}
+	}
+</script>
+
+<style>
+	.m-shade{
+		background-color: rgba(0, 0, 0, 0.1);
+	}
+</style>
diff --git a/pages/common/userCard/index.vue b/pages/common/userCard/index.vue
index 5459586..bf620e8 100644
--- a/pages/common/userCard/index.vue
+++ b/pages/common/userCard/index.vue
@@ -15,7 +15,11 @@
 					<u-button type="primary" icon="man-add" text="添加"></u-button>
 				</view>
 			</view>
-
+			<view class="info_row">
+				<user-info-row-item lable="性别" :content="getGender" />
+				<user-info-row-item lable="生日" :content="getBirth" />
+				<user-info-row-item lable="个性签名" :content="sourceUserInfo.bio" />
+			</view>
 			<view v-if="isFriend" class="info_row">
 				<user-info-row-item @click="toMoreInfo" lable="个人资料" arrow />
 			</view>
@@ -31,21 +35,14 @@
 </template>
 
 <script>
-	import {
-		mapGetters
-	} from "vuex";
-	import {
-		navigateToDesignatedConversation
-	} from "@/util/imCommon";
-	import IMSDK, {
-		SessionType,
-	} from "openim-uniapp-polyfill";
+	import {mapGetters} from "vuex";
+	import {navigateToDesignatedConversation} from "@/util/imCommon";
+	import IMSDK, {SessionType,} from "openim-uniapp-polyfill";
 	import MyAvatar from "@/components/MyAvatar/index.vue";
 	import CustomNavBar from "@/components/CustomNavBar/index.vue";
 	import UserInfoRowItem from "./components/UserInfoRowItem.vue";
-	import {
-		businessSearchUserInfo
-	} from "@/api/login";
+	import {businessSearchUserInfo} from "@/api/login";
+	import dayjs from "dayjs";
 
 	export default {
 		components: {
@@ -67,6 +64,19 @@
 				"storeFriendList",
 				"storeSelfInfo",
 			]),
+			getGender() {
+				if (this.sourceUserInfo.sex === 0) {
+					return "保密";
+				}
+				if (this.sourceUserInfo.sex === 1) {
+					return "男";
+				}
+				return "女";
+			},
+			getBirth() {
+				const birth = this.sourceUserInfo.birthday ?? 0;
+				return dayjs(birth).format("YYYY-MM-DD");
+			},
 			isFriend() {
 				return (
 					this.storeFriendList.findIndex(
@@ -142,7 +152,7 @@
 						} = await IMSDK.asyncApi(
 							IMSDK.IMMethods.GetUsersInfo,
 							IMSDK.uuid(),
-							[this.sourceID],
+							[this.sourceID+''],
 						);
 						const imData = data[0]?.friendInfo ?? data[0]?.publicInfo ?? {};
 						info = {
diff --git a/pages/common/webview.vue b/pages/common/webview.vue
new file mode 100644
index 0000000..497ff1e
--- /dev/null
+++ b/pages/common/webview.vue
@@ -0,0 +1,33 @@
+<template>
+	<web-view :src="linkUrl"></web-view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				linkUrl: "",
+			};
+		},
+		onShow() {
+			this.linkUrl = 'https://doc.rentsoft.cn/'
+		},
+		onReady() {
+			// #ifdef APP-PLUS
+			setTimeout(() => {
+				this.$scope
+					.$getAppWebview()
+					.children()[0]
+					.setStyle({
+						top: uni.getWindowInfo().statusBarHeight,
+						height: uni.getWindowInfo().safeArea.height,
+					});
+			});
+			// #endif
+		},
+	};
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/pages/contact/contactAdd/ActionItem.vue b/pages/contact/contactAdd/ActionItem.vue
index 4c5cdb1..d6cf3b0 100644
--- a/pages/contact/contactAdd/ActionItem.vue
+++ b/pages/contact/contactAdd/ActionItem.vue
@@ -1,74 +1,74 @@
 <template>
-  <view class="action_item" @click="onClick">
-    <slot name="icon">
-      <view class="action_icon">
-        <image :src="action.icon" mode=""></image>
-      </view>
-    </slot>
+	<view class="action_item" @click="onClick">
+		<slot name="icon">
+			<view class="action_icon">
+				<image :src="action.icon" mode=""></image>
+			</view>
+		</slot>
 
-    <view class="action_details">
-      <text class="title">{{ action.title }}</text>
-      <text class="desc">{{ action.desc }}</text>
-      <view class="bottom_line"></view>
-    </view>
-  </view>
+		<view class="action_details">
+			<text class="title">{{ action.title }}</text>
+			<text class="desc">{{ action.desc }}</text>
+			<view class="bottom_line"></view>
+		</view>
+	</view>
 </template>
 
 <script>
-export default {
-  name: "",
-  props: {
-    action: Object,
-  },
-  data() {
-    return {};
-  },
-  methods: {
-    onClick() {
-      this.$emit("click", this.action);
-    },
-  },
-};
+	export default {
+		name: "",
+		props: {
+			action: Object,
+		},
+		data() {
+			return {};
+		},
+		methods: {
+			onClick() {
+				this.$emit("click", this.action);
+			},
+		},
+	};
 </script>
 
 <style lang="scss" scoped>
-.action_item {
-  @include vCenterBox();
-  padding: 24rpx 44rpx;
+	.action_item {
+		@include vCenterBox();
+		padding: 24rpx 44rpx;
 
-  .action_icon {
-    width: 30px;
-    height: 30px;
+		.action_icon {
+			width: 30px;
+			height: 30px;
 
-    image {
-      max-width: 100%;
-      max-height: 100%;
-    }
-  }
+			image {
+				max-width: 100%;
+				max-height: 100%;
+			}
+		}
 
-  .action_details {
-    @include colBox(false);
-    margin-left: 48rpx;
-    width: 100%;
-    position: relative;
+		.action_details {
+			@include colBox(false);
+			margin-left: 48rpx;
+			width: 100%;
+			position: relative;
 
-    .title {
-      font-weight: 500;
-      padding-bottom: 12rpx;
-    }
+			.title {
+				font-weight: 500;
+				padding-bottom: 12rpx;
+			}
 
-    .desc {
-      font-size: 24rpx;
-      color: #999;
-    }
+			.desc {
+				font-size: 24rpx;
+				color: #999;
+			}
 
-    .bottom_line {
-      height: 1px;
-      width: 100%;
-      background-color: #f0f0f0;
-      position: absolute;
-      bottom: -24rpx;
-    }
-  }
-}
-</style>
+			.bottom_line {
+				height: 1px;
+				width: 100%;
+				background-color: #f0f0f0;
+				position: absolute;
+				bottom: -24rpx;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/contact/contactAdd/index.vue b/pages/contact/contactAdd/index.vue
index 1dfc3f8..df74f5e 100644
--- a/pages/contact/contactAdd/index.vue
+++ b/pages/contact/contactAdd/index.vue
@@ -1,101 +1,91 @@
 <template>
-  <view class="contact_add_container">
-    <custom-nav-bar title="添加" />
+	<view class="contact_add_container">
+		<custom-nav-bar title="添加" />
 
-    <view class="action_row">
-      <action-item
-        @click="friendAction(item)"
-        v-for="item in friendActionMenus"
-        :action="item"
-        :key="item.idx"
-      />
-      <action-item
-        @click="groupAction(item)"
-        v-for="item in groupActionMenus"
-        :action="item"
-        :key="item.idx"
-      />
-    </view>
-  </view>
+		<view class="action_row">
+			<action-item @click="friendAction(item)" v-for="item in friendActionMenus" :action="item" :key="'f_'+item.idx" />
+			<action-item @click="groupAction(item)" v-for="item in groupActionMenus" :action="item" :key="'g_'+item.idx" />
+		</view>
+	</view>
 </template>
 
 <script>
-import CustomNavBar from "@/components/CustomNavBar/index.vue";
-import ActionItem from "./ActionItem.vue";
-export default {
-  components: {
-    CustomNavBar,
-    ActionItem,
-  },
-  data() {
-    return {
-      groupActionMenus: [
-        {
-          idx: 0,
-          title: "创建群聊",
-          desc: "创建群聊，全面使用OpenIM",
-          icon: require("static/images/contact_add_create_group.png"),
-        },
-        {
-          idx: 1,
-          title: "添加群聊",
-          desc: "向管理员或团队成员询问ID",
-          icon: require("static/images/contact_add_join_group.png"),
-        },
-      ],
-      friendActionMenus: [
-        {
-          idx: 0,
-          title: "添加好友",
-          desc: "通过手机号/ID号/搜索添加",
-          icon: require("static/images/contact_add_search_user.png"),
-        },
-      ],
-    };
-  },
-  methods: {
-    groupAction({ idx }) {
-      if (idx === 0) {
-        uni.navigateTo({
-          url: `/pages/common/createGroup/index`,
-        });
-      } else {
-        uni.navigateTo({
-          url: "/pages/contact/switchJoinGroup/index",
-        });
-      }
-    },
-    friendAction({ idx }) {
-      if (!idx) {
-        uni.navigateTo({
-          url: "/pages/common/searchUserOrGroup/index?isSearchGroup=false",
-        });
-      }
-    },
-  },
-};
+	import CustomNavBar from "@/components/CustomNavBar/index.vue";
+	import ActionItem from "./ActionItem.vue";
+	export default {
+		components: {
+			CustomNavBar,
+			ActionItem,
+		},
+		data() {
+			return {
+				groupActionMenus: [
+					{
+						idx: 0,
+						title: "创建群聊",
+						desc: "创建群聊，全面使用OpenIM",
+						icon: require("static/images/contact_add_create_group.png"),
+					},
+					{
+						idx: 1,
+						title: "添加群聊",
+						desc: "向管理员或团队成员询问ID",
+						icon: require("static/images/contact_add_join_group.png"),
+					},
+				],
+				friendActionMenus: [
+					{
+						idx: 0,
+						title: "添加好友",
+						desc: "通过手机号/ID号/搜索添加",
+						icon: require("static/images/contact_add_search_user.png"),
+					},
+				],
+			};
+		},
+		methods: {
+			groupAction({idx}) {
+				if (idx === 0) {
+					uni.navigateTo({
+						url: `/pages/common/createGroup/index`,
+					});
+				} else {
+					uni.navigateTo({
+						url: "/pages/contact/switchJoinGroup/index",
+					});
+				}
+			},
+			friendAction({idx}) {
+				if (!idx) {
+					uni.navigateTo({
+						url: "/pages/common/searchUserOrGroup/index?isSearchGroup=false",
+					});
+				}
+			},
+		},
+	};
 </script>
 
 <style lang="scss" scoped>
-.contact_add_container {
-  height: 100vh;
-  background-color: #f8f8f8;
+	.contact_add_container {
+		height: 100vh;
+		background-color: #f8f8f8;
 
-  .desc_title {
-    font-size: 24rpx;
-    color: #999;
-    padding: 24rpx 44rpx;
-  }
+		.desc_title {
+			font-size: 24rpx;
+			color: #999;
+			padding: 24rpx 44rpx;
+		}
 
-  .action_row {
-    margin-top: 24rpx;
-    background-color: #fff;
+		.action_row {
+			margin-top: 24rpx;
+			background-color: #fff;
 
-    .action_item:last-child {
-      .bottom_line {
-        height: 0;
-      }
-    }
-  }
-}
-</style>
+			.action_item:last-child {
+				.bottom_line {
+					height: 0;
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/conversation/chating/components/ChatingFooter/ChatingActionBar.vue b/pages/conversation/chating/components/ChatingFooter/ChatingActionBar.vue
index 1aad331..5915567 100644
--- a/pages/conversation/chating/components/ChatingFooter/ChatingActionBar.vue
+++ b/pages/conversation/chating/components/ChatingFooter/ChatingActionBar.vue
@@ -1,80 +1,112 @@
 <template>
-  <view class="chat_action_bar">
-    <u-row class="action_row">
-      <u-col
-        v-for="item in actionList"
-        :key="item.idx"
-        @click="actionClick(item)"
-        span="3"
-      >
-        <view class="action_item">
-          <image :src="item.icon" alt="" srcset="" />
-          <text class="action_item_title">{{ item.title }}</text>
-        </view>
-      </u-col>
-    </u-row>
-  </view>
+	<view class="chat_action_bar">
+		<u-row class="action_row">
+			<u-col v-for="item in actionList" :key="item.idx" @click="actionClick(item)" span="3">
+				<view class="action_item">
+					<image :src="item.icon" alt="" srcset="" />
+					<text class="action_item_title">{{ item.title }}</text>
+				</view>
+			</u-col>
+		</u-row>
+	</view>
 </template>
 
 <script>
-import {
-  ChatingFooterActionTypes,
-} from "@/constant";
+	import {ChatingFooterActionTypes,} from "@/constant";
 
-export default {
-  components: {},
-  data() {
-    return {
-      actionList: [
-        {
-          idx: 0,
-          type: ChatingFooterActionTypes.Album,
-          title: "相册",
-          icon: require("static/images/chating_action_image.png"),
-        }
-      ],
-    };
-  },
-  methods: {
-    async actionClick(action) {
-      switch (action.type) {
-        case ChatingFooterActionTypes.Album:
-          this.$emit("prepareMediaMessage", action.type);
-          break;
-        default:
-          break;
-      }
-    },
-  },
-};
+	export default {
+		components: {},
+		data() {
+			return {
+				actionList: [
+					{
+						idx: 0,
+						type: ChatingFooterActionTypes.Album,
+						title: "照片",
+						icon: require("static/images/chating_action_image.png"),
+					},
+					{
+						idx: 1,
+						type: ChatingFooterActionTypes.Camera,
+						title: "拍摄",
+						icon: require("static/images/chating_action_image.png"),
+					},
+					{
+						idx: 2,
+						type: ChatingFooterActionTypes.Video,
+						title: "视频通话",
+						icon: require("static/images/chating_action_image.png"),
+					},
+					{
+						idx: 3,
+						type: ChatingFooterActionTypes.Location,
+						title: "位置",
+						icon: require("static/images/chating_action_image.png"),
+					},
+					// {
+					// 	idx: 0,
+					// 	type: ChatingFooterActionTypes.Album,
+					// 	title: "红包",
+					// 	icon: require("static/images/chating_action_image.png"),
+					// },
+					// {
+					// 	idx: 0,
+					// 	type: ChatingFooterActionTypes.Album,
+					// 	title: "转账",
+					// 	icon: require("static/images/chating_action_image.png"),
+					// }
+				],
+			};
+		},
+		methods: {
+			async actionClick(action) {
+				switch (action.type) {
+					case ChatingFooterActionTypes.Video:
+						this.$emit("prepareMediaMessage", action.type);
+						break;
+					case ChatingFooterActionTypes.Album:
+						this.$emit("prepareMediaMessage", action.type);
+						break;
+					case ChatingFooterActionTypes.Camera:
+						this.$emit("prepareMediaMessage", action.type);
+						break;
+					case ChatingFooterActionTypes.Location:
+						this.$emit("prepareMediaMessage", action.type);
+						break;
+					default:
+						break;
+				}
+			},
+		},
+	};
 </script>
 
 <style lang="scss" scoped>
-.chat_action_bar {
-  position: relative;
-  background: #f0f2f6;
-  padding: 24rpx 36rpx;
+	.chat_action_bar {
+		position: relative;
+		background: #f0f2f6;
+		padding: 24rpx 36rpx;
 
-  .action_row {
-    flex-wrap: wrap;
-    margin-bottom: 24rpx;
-  }
+		.action_row {
+			flex-wrap: wrap;
+			margin-bottom: 24rpx;
+		}
 
-  .action_item {
-    @include centerBox();
-    flex-direction: column;
-    margin-top: 24rpx;
+		.action_item {
+			@include centerBox();
+			flex-direction: column;
+			margin-top: 24rpx;
 
-    image {
-      width: 96rpx;
-      height: 96rpx;
-    }
+			image {
+				width: 96rpx;
+				height: 96rpx;
+			}
 
-    &_title {
-      font-size: 24rpx;
-      color: #999;
-      margin-top: 6rpx;
-    }
-  }
-}
-</style>
+			&_title {
+				font-size: 24rpx;
+				color: #999;
+				margin-top: 6rpx;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/conversation/chating/components/ChatingFooter/index.vue b/pages/conversation/chating/components/ChatingFooter/index.vue
index a52371d..5ad9267 100644
--- a/pages/conversation/chating/components/ChatingFooter/index.vue
+++ b/pages/conversation/chating/components/ChatingFooter/index.vue
@@ -25,40 +25,26 @@
 </template>
 
 <script>
-	import {
-		mapGetters,
-		mapActions
-	} from "vuex";
-	import {
-		getPurePath,
-		html2Text
-	} from "@/util/common";
-	import {
-		offlinePushInfo
-	} from "@/util/imCommon";
-	import {
-		ChatingFooterActionTypes,
-		UpdateMessageTypes,
-	} from "@/constant";
-	import IMSDK, {
-		IMMethods,
-		MessageStatus,
-		MessageType,
-	} from "openim-uniapp-polyfill";
+	import {mapGetters,mapActions} from "vuex";
+	import {getPurePath,html2Text} from "@/util/common";
+	import {offlinePushInfo} from "@/util/imCommon";
+	import {ChatingFooterActionTypes,UpdateMessageTypes,} from "@/constant";
+	import IMSDK, {IMMethods,MessageStatus,MessageType,} from "openim-uniapp-polyfill";
 	import UParse from "@/components/gaoyia-parse/parse.vue";
 	import CustomEditor from "./CustomEditor.vue";
 	import ChatingActionBar from "./ChatingActionBar.vue";
 
 	const needClearTypes = [MessageType.TextMessage];
 
-	const albumChoose = [{
-			name: "图片",
-			type: ChatingFooterActionTypes.Album,
+	const rtcChoose = [
+		{
+			name: "视频通话",
+			type: ChatingFooterActionTypes.Video,
 			idx: 0,
 		},
 		{
-			name: "拍照",
-			type: ChatingFooterActionTypes.Camera,
+			name: "语言通话",
+			type: ChatingFooterActionTypes.Voice,
 			idx: 1,
 		},
 	];
@@ -133,23 +119,19 @@
 						message,
 						offlinePushInfo,
 					})
-					.then(({
-						data
-					}) => {
+					.then(({data}) => {
 						this.updateOneMessage({
 							message: data,
 							isSuccess: true,
 						});
 					})
-					.catch(({
-						data,
-						errCode,
-						errMsg
-					}) => {
+					.catch(({data,errCode,errMsg}) => {
+						uni.$u.toast(errMsg);
 						this.updateOneMessage({
 							message: data,
 							type: UpdateMessageTypes.KeyWords,
-							keyWords: [{
+							keyWords: [
+								{
 									key: "status",
 									value: MessageStatus.Failed,
 								},
@@ -186,14 +168,62 @@
 				this.inputHtml = e.detail.html;
 			},
 			prepareMediaMessage(type) {
-				if (type === ChatingFooterActionTypes.Album) {
-					this.actionSheetMenu = [...albumChoose];
+				console.log(type)
+				if (type === ChatingFooterActionTypes.Video) {
+					this.actionSheetMenu = [...rtcChoose];
+					this.showActionSheet = true;
+				}
+				if (type === ChatingFooterActionTypes.Album) {
+					this.chooseOrShotImage(["album"]).then((paths) =>
+						this.batchCreateImageMesage(paths)
+					);
+				}
+				if (type === ChatingFooterActionTypes.Camera) {
+					this.chooseOrShotImage(["camera"]).then((paths) =>
+						this.batchCreateImageMesage(paths)
+					);
+				}
+				if (type === ChatingFooterActionTypes.Location) {
+					uni.chooseLocation({
+						complete(res) {
+							console.log(res);
+						},
+						fail(res) {
+							console.log(res);
+						}
+						//latitude:1,
+						//longitude:1,
+					})
 				}
-				this.showActionSheet = true;
 			},
 
 			// from comp
 			batchCreateImageMesage(paths) {
+				/*
+				createAdvancedTextMessage
+				createTextAtMessage
+				createLocationMessage
+				createTextMessage
+				createCustomMessage
+				createQuoteMessage
+				createAdvancedQuoteMessage
+				createCardMessage
+				createImageMessage
+				createImageMessage
+				createImageMessageByURL
+				createSoundMessage
+				createSoundMessageFromFullPath
+				createSoundMessageByURL
+				createVideoMessage
+				createVideoMessageFromFullPath
+				createVideoMessageByURL
+				createFileMessage
+				createFileMessageFromFullPath
+				createFileMessageByURL
+				createMergerMessage
+				createFaceMessage
+				createForwardMessage
+				*/
 				paths.forEach(async (path) => {
 					const message = await IMSDK.asyncApi(
 						IMMethods.CreateImageMessageFromFullPath,
@@ -203,17 +233,19 @@
 					this.sendMessage(message);
 				});
 			},
-			selectClick({
-				idx
-			}) {
+			selectClick({idx}) {
 				if (idx === 0) {
-					this.chooseOrShotImage(["album"]).then((paths) =>
-						this.batchCreateImageMesage(paths)
-					);
+					uni.$u.toast('根据相关政策,暂时禁用视频通话');
+					//发送视频通话
+					// this.chooseOrShotImage(["album"]).then((paths) =>
+					// 	this.batchCreateImageMesage(paths)
+					// );
 				} else {
-					this.chooseOrShotImage(["camera"]).then((paths) =>
-						this.batchCreateImageMesage(paths)
-					);
+					uni.$u.toast('根据相关政策,暂时禁用音频通话');
+					//发送音频通话
+					// this.chooseOrShotImage(["camera"]).then((paths) =>
+					// 	this.batchCreateImageMesage(paths)
+					// );
 				}
 			},
 			chooseOrShotImage(sourceType) {
@@ -222,9 +254,7 @@
 						count: 9,
 						sizeType: ["compressed"],
 						sourceType,
-						success: function({
-							tempFilePaths
-						}) {
+						success: function({tempFilePaths}) {
 							resolve(tempFilePaths);
 						},
 						fail: function(err) {
@@ -236,9 +266,7 @@
 			},
 
 			// keyboard
-			keyboardChangeHander({
-				height
-			}) {
+			keyboardChangeHander({height}) {
 				if (height > 0) {
 					if (this.actionBarVisible) {
 						this.actionBarVisible = false;
diff --git a/pages/conversation/conversationList/components/ChatHeader.vue b/pages/conversation/conversationList/components/ChatHeader.vue
index 079e63a..10b379e 100644
--- a/pages/conversation/conversationList/components/ChatHeader.vue
+++ b/pages/conversation/conversationList/components/ChatHeader.vue
@@ -1,329 +1,301 @@
 <template>
-  <view class="chat_header">
-    <view class="self_info">
-      <my-avatar
-        :src="storeSelfInfo.faceURL"
-        :desc="storeSelfInfo.nickname"
-        size="46"
-      />
-      <view class="self_info_desc">
-        <view class="user_state">
-          <text class="nickname">{{ storeSelfInfo.nickname }}</text>
-          <view v-if="!storeReinstall">
-            <view class="tag" v-if="storeIsSyncing">
-              <img
-                class="loading"
-                style="height: 24rpx; width: 24rpx"
-                src="static/images/loading.png"
-                alt=""
-              />
-              <text class="status">同步中</text>
-            </view>
-            <view class="tag" v-if="connectStart == 0">
-              <img
-                class="loading"
-                style="height: 24rpx; width: 24rpx"
-                src="static/images/loading.png"
-                alt=""
-              />
-              <text class="status">连接中</text>
-            </view>
-            <view class="err-tag" v-if="connectStart == -1">
-              <img
-                style="height: 24rpx; width: 24rpx"
-                src="static/images/sync_error.png"
-                alt=""
-              />
-              <text class="status">连接失败</text>
-            </view>
-          </view>
-        </view>
-      </view>
-    </view>
-    <view class="right_action">
-      <view class="call_icon"> </view>
-      <view @click="showMore" class="more_icon">
-        <image src="@/static/images/common_circle_add.png"></image>
-      </view>
-      <u-overlay
-        :show="moreMenuVisible"
-        @click="moreMenuVisible = false"
-        opacity="0"
-      >
-        <view
-          :style="{ top: popMenuPosition.top, right: popMenuPosition.right }"
-          class="more_menu"
-        >
-          <view
-            @click="clickMenu(item)"
-            v-for="item in moreMenus"
-            :key="item.idx"
-            class="menu_item"
-          >
-            <image :src="item.icon" mode=""></image>
-            <text>{{ item.title }}</text>
-          </view>
-        </view>
-      </u-overlay>
-    </view>
-  </view>
+	<view class="chat_header">
+		<view class="self_info">
+			<my-avatar :src="storeSelfInfo.faceURL" :desc="storeSelfInfo.nickname" size="46" />
+			<view class="self_info_desc">
+				<view class="user_state">
+					<text class="nickname">{{ storeSelfInfo.nickname }}</text>
+					<view v-if="!storeReinstall">
+						<view class="tag" v-if="storeIsSyncing">
+							<img class="loading" style="height: 24rpx; width: 24rpx" src="static/images/loading.png"
+								alt="" />
+							<text class="status">同步中</text>
+						</view>
+						<view class="tag" v-if="connectStart == 0">
+							<img class="loading" style="height: 24rpx; width: 24rpx" src="static/images/loading.png"
+								alt="" />
+							<text class="status">连接中</text>
+						</view>
+						<view class="err-tag" v-if="connectStart == -1">
+							<img style="height: 24rpx; width: 24rpx" src="static/images/sync_error.png" alt="" />
+							<text class="status">连接失败</text>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="right_action">
+			<view class="call_icon"> </view>
+			<view @click="showMore" class="more_icon">
+				<image src="@/static/images/common_circle_add.png"></image>
+			</view>
+			<u-overlay :show="moreMenuVisible" @click="moreMenuVisible = false" opacity="0">
+				<view :style="{ top: popMenuPosition.top, right: popMenuPosition.right }" class="more_menu">
+					<view @click="clickMenu(item)" v-for="item in moreMenus" :key="item.idx" class="menu_item">
+						<image :src="item.icon" mode=""></image>
+						<text>{{ item.title }}</text>
+					</view>
+				</view>
+			</u-overlay>
+		</view>
+	</view>
 </template>
 
 <script>
-import { mapGetters } from "vuex";
-import MyAvatar from "@/components/MyAvatar/index.vue";
-import IMSDK from "openim-uniapp-polyfill";
-export default {
-  name: "ChatHeader",
-  components: {
-    MyAvatar,
-  },
-  props: {},
-  data() {
-    return {
-      connectStart: -2,
-      moreMenuVisible: false,
-      popMenuPosition: {
-        top: 0,
-        right: 0,
-      },
-      moreMenus: [
-        {
-          idx: 1,
-          title: "添加好友",
-          icon: require("static/images/more_add_friend.png"),
-        },
-        {
-          idx: 2,
-          title: "添加群聊",
-          icon: require("static/images/more_add_group.png"),
-        },
-        {
-          idx: 3,
-          title: "创建群聊",
-          icon: require("static/images/more_create_group.png"),
-        },
-      ],
-    };
-  },
-  computed: {
-    ...mapGetters(["storeSelfInfo", "storeIsSyncing", "storeReinstall"]),
-  },
-  mounted() {
-    this.subscribeAll();
-  },
-  beforeDestroy() {
-    this.unsubscribeAll();
-  },
-  methods: {
-    setStateStart() {
-      this.connectStart = 0;
-    },
-    setStateSuccess() {
-      this.connectStart = 1;
-    },
-    setStateError() {
-      this.connectStart = -1;
-    },
-    subscribeAll() {
-      IMSDK.subscribe(IMSDK.IMEvents.OnConnecting, this.setStateStart);
-      IMSDK.subscribe(IMSDK.IMEvents.OnConnectSuccess, this.setStateSuccess);
-      IMSDK.subscribe(IMSDK.IMEvents.OnConnectFailed, this.setStateError);
-    },
-    unsubscribeAll() {
-      IMSDK.unsubscribe(IMSDK.IMEvents.OnConnecting, this.setStateStart);
-      IMSDK.unsubscribe(IMSDK.IMEvents.OnConnectSuccess, this.setStateSuccess);
-      IMSDK.unsubscribe(IMSDK.IMEvents.OnConnectFailed, this.setStateError);
-    },
-    clickMenu({ idx }) {
-      switch (idx) {
-        case 1:
-        case 2:
-          uni.navigateTo({
-            url: `/pages/common/searchUserOrGroup/index?isSearchGroup=${
-              idx === 2
-            }`,
-          });
-          break;
-        case 3:
-          uni.navigateTo({
-            url: `/pages/common/createGroup/index`,
-          });
-          break;
-        default:
-          break;
-      }
-    },
-    async showMore() {
-      const { right, bottom } = await this.getEl(".more_icon");
-      this.popMenuPosition.right =
-        uni.getWindowInfo().windowWidth - right + "px";
-      this.popMenuPosition.top = bottom + "px";
-      this.moreMenuVisible = true;
-    },
-    getEl(el) {
-      return new Promise((resolve) => {
-        const query = uni.createSelectorQuery().in(this);
-        query
-          .select(el)
-          .boundingClientRect((data) => {
-            // 存在data，且存在宽和高，视为渲染完毕
-            resolve(data);
-          })
-          .exec();
-      });
-    },
-  },
-};
+	import {
+		mapGetters
+	} from "vuex";
+	import MyAvatar from "@/components/MyAvatar/index.vue";
+	import IMSDK from "openim-uniapp-polyfill";
+	export default {
+		name: "ChatHeader",
+		components: {
+			MyAvatar,
+		},
+		props: {},
+		data() {
+			return {
+				connectStart: -2,
+				moreMenuVisible: false,
+				popMenuPosition: {
+					top: 0,
+					right: 0,
+				},
+				moreMenus: [{
+						idx: 1,
+						title: "添加好友",
+						icon: require("static/images/more_add_friend.png"),
+					},
+					{
+						idx: 2,
+						title: "添加群聊",
+						icon: require("static/images/more_add_group.png"),
+					},
+					{
+						idx: 3,
+						title: "创建群聊",
+						icon: require("static/images/more_create_group.png"),
+					},
+				],
+			};
+		},
+		computed: {
+			...mapGetters(["storeSelfInfo", "storeIsSyncing", "storeReinstall"]),
+		},
+		mounted() {
+			this.subscribeAll();
+		},
+		beforeDestroy() {
+			this.unsubscribeAll();
+		},
+		methods: {
+			setStateStart() {
+				this.connectStart = 0;
+			},
+			setStateSuccess() {
+				this.connectStart = 1;
+			},
+			setStateError() {
+				this.connectStart = -1;
+			},
+			subscribeAll() {
+				IMSDK.subscribe(IMSDK.IMEvents.OnConnecting, this.setStateStart);
+				IMSDK.subscribe(IMSDK.IMEvents.OnConnectSuccess, this.setStateSuccess);
+				IMSDK.subscribe(IMSDK.IMEvents.OnConnectFailed, this.setStateError);
+			},
+			unsubscribeAll() {
+				IMSDK.unsubscribe(IMSDK.IMEvents.OnConnecting, this.setStateStart);
+				IMSDK.unsubscribe(IMSDK.IMEvents.OnConnectSuccess, this.setStateSuccess);
+				IMSDK.unsubscribe(IMSDK.IMEvents.OnConnectFailed, this.setStateError);
+			},
+			clickMenu({idx}) {
+				switch (idx) {
+					case 1:
+					case 2:
+						uni.navigateTo({
+							url: `/pages/common/searchUserOrGroup/index?isSearchGroup=${idx === 2}`,
+						});
+						break;
+					case 3:
+						uni.navigateTo({
+							url: `/pages/common/createGroup/index`,
+						});
+						break;
+					default:
+						break;
+				}
+			},
+			async showMore() {
+				const {right,bottom} = await this.getEl(".more_icon");
+				this.popMenuPosition.right =
+					uni.getWindowInfo().windowWidth - right + "px";
+				this.popMenuPosition.top = bottom + "px";
+				this.moreMenuVisible = true;
+			},
+			getEl(el) {
+				return new Promise((resolve) => {
+					const query = uni.createSelectorQuery().in(this);
+					query
+						.select(el)
+						.boundingClientRect((data) => {
+							// 存在data，且存在宽和高，视为渲染完毕
+							resolve(data);
+						})
+						.exec();
+				});
+			},
+		},
+	};
 </script>
 
 <style lang="scss" scoped>
-@keyframes loading {
-  0% {
-    transform: rotate(0deg);
-  }
+	@keyframes loading {
+		0% {
+			transform: rotate(0deg);
+		}
 
-  100% {
-    transform: rotate(360deg);
-  }
-}
+		100% {
+			transform: rotate(360deg);
+		}
+	}
 
-.chat_header {
-  @include btwBox();
-  padding: 36rpx 44rpx;
-  margin-top: var(--status-bar-height);
+	.chat_header {
+		@include btwBox();
+		padding: 36rpx 44rpx;
+		margin-top: var(--status-bar-height);
 
-  .self_info {
-    @include btwBox();
+		.self_info {
+			@include btwBox();
 
-    &_desc {
-      @include colBox(true);
-      margin-left: 24rpx;
-      color: $uni-text-color;
+			&_desc {
+				@include colBox(true);
+				margin-left: 24rpx;
+				color: $uni-text-color;
 
-      .company {
-        @include nomalEllipsis();
-        font-size: 24rpx;
-        margin-bottom: 10rpx;
-        max-width: 300rpx;
-      }
+				.company {
+					@include nomalEllipsis();
+					font-size: 24rpx;
+					margin-bottom: 10rpx;
+					max-width: 300rpx;
+				}
 
-      .user_state {
-        @include vCenterBox();
+				.user_state {
+					@include vCenterBox();
 
-        .nickname {
-          @include nomalEllipsis();
-          font-size: 26rpx;
-          max-width: 240rpx;
-        }
+					.nickname {
+						@include nomalEllipsis();
+						font-size: 26rpx;
+						max-width: 240rpx;
+					}
 
-        .err-tag {
-          display: flex;
-          justify-content: center;
-          align-items: center;
-          width: 152rpx;
-          height: 44rpx;
-          background: #ffe1dd;
-          border-radius: 12rpx 12rpx 12rpx 12rpx;
-          margin-left: 8rpx;
-          .status {
-            font-size: 24rpx;
-            margin-left: 8rpx;
-            font-weight: 400;
-            color: #ff381f;
-          }
-        }
+					.err-tag {
+						display: flex;
+						justify-content: center;
+						align-items: center;
+						width: 152rpx;
+						height: 44rpx;
+						background: #ffe1dd;
+						border-radius: 12rpx 12rpx 12rpx 12rpx;
+						margin-left: 8rpx;
 
-        .tag {
-          display: flex;
-          justify-content: center;
-          align-items: center;
-          width: 152rpx;
-          height: 44rpx;
-          background: #f2f8ff;
-          border-radius: 12rpx 12rpx 12rpx 12rpx;
-          margin-left: 8rpx;
+						.status {
+							font-size: 24rpx;
+							margin-left: 8rpx;
+							font-weight: 400;
+							color: #ff381f;
+						}
+					}
 
-          .loading {
-            animation: loading 1.5s infinite;
-          }
+					.tag {
+						display: flex;
+						justify-content: center;
+						align-items: center;
+						width: 152rpx;
+						height: 44rpx;
+						background: #f2f8ff;
+						border-radius: 12rpx 12rpx 12rpx 12rpx;
+						margin-left: 8rpx;
 
-          .status {
-            font-size: 24rpx;
-            margin-left: 8rpx;
-            font-weight: 400;
-            color: #0089ff;
-          }
-        }
+						.loading {
+							animation: loading 1.5s infinite;
+						}
 
-        .online_state {
-          @include vCenterBox();
-          margin-left: 24rpx;
-          font-size: 24rpx;
+						.status {
+							font-size: 24rpx;
+							margin-left: 8rpx;
+							font-weight: 400;
+							color: #0089ff;
+						}
+					}
 
-          .dot {
-            background-color: #10cc64;
-            width: 12rpx;
-            height: 12rpx;
-            border-radius: 50%;
-            margin-right: 12rpx;
-          }
-        }
-      }
-    }
-  }
+					.online_state {
+						@include vCenterBox();
+						margin-left: 24rpx;
+						font-size: 24rpx;
 
-  .right_action {
-    display: flex;
-    position: relative;
+						.dot {
+							background-color: #10cc64;
+							width: 12rpx;
+							height: 12rpx;
+							border-radius: 50%;
+							margin-right: 12rpx;
+						}
+					}
+				}
+			}
+		}
 
-    .call_icon {
-      margin-right: 24rpx;
+		.right_action {
+			display: flex;
+			position: relative;
 
-      image {
-        width: 56rpx;
-        height: 56rpx;
-      }
-    }
+			.call_icon {
+				margin-right: 24rpx;
 
-    .more_icon {
-      image {
-        width: 56rpx;
-        height: 56rpx;
-      }
-    }
+				image {
+					width: 56rpx;
+					height: 56rpx;
+				}
+			}
 
-    .more_menu {
-      position: absolute;
-      // bottom: 0;
-      // left: 100%;
-      z-index: 999;
-      // transform: translate(-100%, 100%);
-      box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.16);
-      width: max-content;
-      border-radius: 12rpx;
-      background-color: #fff;
+			.more_icon {
+				image {
+					width: 56rpx;
+					height: 56rpx;
+				}
+			}
 
-      .menu_item {
-        display: flex;
-        justify-content: flex-start;
-        align-items: center;
-        padding: 20rpx 24rpx;
-        font-size: 28rpx;
-        color: $uni-text-color;
-        border-bottom: 1px solid #f0f0f0;
+			.more_menu {
+				position: absolute;
+				// bottom: 0;
+				// left: 100%;
+				z-index: 999;
+				// transform: translate(-100%, 100%);
+				box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.16);
+				width: max-content;
+				border-radius: 12rpx;
+				background-color: #fff;
 
-        image {
-          width: 24px;
-          height: 24px;
-          margin-right: 24rpx;
-        }
+				.menu_item {
+					display: flex;
+					justify-content: flex-start;
+					align-items: center;
+					padding: 20rpx 24rpx;
+					font-size: 28rpx;
+					color: $uni-text-color;
+					border-bottom: 1px solid #f0f0f0;
 
-        &:last-child {
-          border: none;
-        }
-      }
-    }
-  }
-}
-</style>
+					image {
+						width: 24px;
+						height: 24px;
+						margin-right: 24rpx;
+					}
+
+					&:last-child {
+						border: none;
+					}
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/conversation/conversationList/components/ConversationItem.vue b/pages/conversation/conversationList/components/ConversationItem.vue
index 819bbd0..74a1799 100644
--- a/pages/conversation/conversationList/components/ConversationItem.vue
+++ b/pages/conversation/conversationList/components/ConversationItem.vue
@@ -1,34 +1,31 @@
 <template>
-	<view @tap.prevent="clickConversationItem" class="conversation_item">
-		<view class="pinned" v-if="source.isPinned"></view>
+	<view @tap.prevent="clickConversationItem" :class="['conversation_item',source.isPinned?'pinned' : '']">
 		<view class="left_info">
 			<my-avatar :isGroup="isGroup" :isNotify="isNotify" :src="source.faceURL" :desc="source.showName"
 				size="46" />
 			<view class="details">
-				<text class="conversation_name">{{ source.showName }}</text>
+				<view class="title">
+					<text class="conversation_name">
+						{{ source.showName }}
+					</text>
+					<view class="right_desc">
+						<text class="send_time">{{ latestMessageTime }}</text>
+						<u-badge max="99" :value="source.unreadCount"></u-badge>
+					</view>
+				</view>
 				<view class="lastest_msg_wrap">
 					<text class="lastest_msg_content">{{ latestMessage }}</text>
 				</view>
 			</view>
 		</view>
-		<view class="right_desc">
-			<text class="send_time">{{ latestMessageTime }}</text>
-			<u-badge max="99" :value="source.unreadCount"></u-badge>
-		</view>
 	</view>
 </template>
 
 <script>
-	import {
-		SessionType,
-	} from "openim-uniapp-polyfill";
+	import {SessionType,} from "openim-uniapp-polyfill";
 	import MyAvatar from "@/components/MyAvatar/index.vue";
 	import UParse from "@/components/gaoyia-parse/parse.vue";
-	import {
-		getConversationContent,
-		formatConversionTime,
-		prepareConversationState,
-	} from "@/util/imCommon";
+	import {getConversationContent,formatConversionTime,prepareConversationState,} from "@/util/imCommon";
 
 	export default {
 		components: {
@@ -81,6 +78,9 @@
 		flex-direction: row;
 		padding: 12rpx 44rpx 20rpx;
 		position: relative;
+		&.pinned{
+			background-color: #ededed;
+		}
 
 		&_active {
 			background-color: #f3f3f3;
@@ -88,17 +88,41 @@
 
 		.left_info {
 			@include btwBox();
+			flex:1;
 
 			.details {
 				@include colBox(true);
+				flex:1;
 				margin-left: 24rpx;
 				height: 46px;
 				color: $uni-text-color;
+				border-bottom: 1px solid #eee;
+				padding-bottom:20rpx;
+				.title{
+					@include btwBox();
+					.conversation_name {
+						@include nomalEllipsis();
+						max-width: 40vw;
+						font-size: 32rpx;
+						font-weight: 500;
+					}
 
-				.conversation_name {
-					@include nomalEllipsis();
-					max-width: 40vw;
-					font-size: 28rpx;
+					.right_desc {
+						@include colBox(true);
+						align-items: flex-end;
+						width: max-content;
+						justify-content: space-between;
+
+						.send_time {
+							width: max-content;
+							font-size: 24rpx;
+							color: #999;
+						}
+
+						.u-badge {
+							width: fit-content;
+						}
+					}
 				}
 
 				.lastest_msg_wrap {
@@ -125,32 +149,5 @@
 				}
 			}
 		}
-
-		.right_desc {
-			@include colBox(true);
-			align-items: flex-end;
-			width: max-content;
-			justify-content: space-between;
-			height: 46px;
-
-			.send_time {
-				width: max-content;
-				font-size: 24rpx;
-				color: #999;
-			}
-
-			.u-badge {
-				width: fit-content;
-			}
-		}
-
-		.pinned {
-			position: absolute;
-			top: 0;
-			right: 24rpx;
-			width: 17rpx;
-			height: 17rpx;
-			background-image: linear-gradient(to bottom left, #314ffe 50%, white 50%);
-		}
 	}
 </style>
\ No newline at end of file
diff --git a/pages/login/index.vue b/pages/login/index.vue
index 7567a3b..d13a85a 100644
--- a/pages/login/index.vue
+++ b/pages/login/index.vue
@@ -7,10 +7,10 @@
 			</view>
 			<u-tabs :list="list" :current="active" @click="click"></u-tabs>
 			<u-form class="loginForm" labelPosition="top" :model="loginInfo" :labelStyle="{
-          fontSize: '14px',
-          marginTop: '20rpx',
-          width: 'max-content',
-        }" ref="loginForm">
+				  fontSize: '14px',
+				  marginTop: '20rpx',
+				  width: 'max-content',
+				}" ref="loginForm">
 				<u-form-item v-if="active === 0" label="" prop="phoneNumber">
 					<u-input v-model="loginInfo.phoneNumber" border="surround" placeholder="请输入手机号码" clearable>
 						<view slot="prefix" class="phoneNumber_areacode" @click="showPicker">
@@ -53,7 +53,7 @@
 
 		<view class="action_bar">
 			<text>还没有账号？<text class="register" @click="toRegisterOrForget(true)">立即注册</text></text>
-			<text style="margin-bottom: 16rpx" @click="copy">{{ v }}</text>
+			<text style="margin-bottom: 16rpx" @click="copy">{{ appversion }}</text>
 		</view>
 	</view>
 </template>
@@ -62,7 +62,6 @@
 	import { mapGetters } from "vuex";
 	import { v4 as uuidv4 } from "uuid";
 	import md5 from "md5";
-	import { version } from '@/common/config'
 	import { businessLogin, businessSendSms	} from "@/api/login";
 	import AreaPicker from "@/components/AreaPicker";
 	import { checkLoginError } from "@/util/common";
@@ -89,6 +88,7 @@
 					areaCode: "86",
 					verificationCode: "",
 				},
+				appversion:0,
 				eying: false,
 				loading: false,
 				count: 0,
@@ -97,12 +97,7 @@
 			};
 		},
 		computed: {
-			...mapGetters([
-				"config",
-			]),
-			v() {
-				return this.config.name+' '+version
-			},
+			...mapGetters(["config"]),
 			canLogin() {
 				return (
 					(this.loginInfo.phoneNumber || this.loginInfo.email) &&
@@ -111,16 +106,18 @@
 			},
 		},
 		onLoad(options) {
+			const _this = this;
+			plus.runtime.getProperty(plus.runtime.appid,(inf) => {
+				console.log(inf);
+				_this.appversion = inf.version
+			});
 			// if(options.isRedirect){
 			// 	plus.navigator.closeSplashscreen();
 			// }
-			this.version = version
 			this.init();
 		},
 		methods: {
-			click({
-				index
-			}) {
+			click({index}) {
 				this.active = index;
 			},
 			copy() {
@@ -164,14 +161,11 @@
 						email: this.loginInfo.email,
 						areaCode: `+${this.loginInfo.areaCode}`,
 						password: this.isPwdLogin ? md5(this.loginInfo.password) : "",
-						platform: uni.$u.os() === "ios" ? 1 : 2,
+						platform: uni.$u.os(),
 						type: this.active === 0 ? 'mobile' : 'email',
 						code: this.loginInfo.verificationCode,
 					});
-					const {
-						imToken,
-						userID
-					} = data;
+					const {imToken,userID} = data;
 					await IMSDK.asyncApi(IMSDK.IMMethods.Login, uuidv4(), {
 						userID,
 						token: imToken,
diff --git a/pages/login/setPassword/index.vue b/pages/login/setPassword/index.vue
index c681f88..eaf8a48 100644
--- a/pages/login/setPassword/index.vue
+++ b/pages/login/setPassword/index.vue
@@ -106,7 +106,7 @@
 							areaCode: `+${this.userInfo.areaCode}`,
 							code: this.codeValue,
 							password: this.formData.password,
-							platform: uni.$u.os() === "ios" ? 1 : 2,
+							platform: uni.$u.os(),
 							operationID: Date.now() + "",
 						};
 						businessReset(options)
diff --git a/pages/login/setSelfInfo/index.vue b/pages/login/setSelfInfo/index.vue
index 4a097f7..f6c8508 100644
--- a/pages/login/setSelfInfo/index.vue
+++ b/pages/login/setSelfInfo/index.vue
@@ -27,7 +27,7 @@
 		</u-form>
 		<view class="btn">
 			<u-button :loading="loading" type="primary" @click="doNext">
-				进入OpenIM
+				进入{{config.name}}
 			</u-button>
 		</view>
 	</view>
@@ -36,12 +36,9 @@
 <script>
 	import md5 from "md5";
 	import MyAvatar from "@/components/MyAvatar/index.vue";
-	import {
-		businessRegister
-	} from "@/api/login";
-	import {
-		checkLoginError
-	} from "@/util/common";
+	import { mapGetters } from "vuex";
+	import {		businessRegister	} from "@/api/login";
+	import {		checkLoginError	} from "@/util/common";
 	export default {
 		components: {
 			MyAvatar,
@@ -100,19 +97,19 @@
 				},
 			};
 		},
+		computed:{
+			...mapGetters(["config"]),
+		},
 		onLoad(options) {
-			const {
-				userInfo,
-				codeValue
-			} = options;
+			const {userInfo,codeValue} = options;
 			this.userInfo = {
 				...this.userInfo,
 				...JSON.parse(userInfo),
 			};
 			this.codeValue = codeValue;
 			if(process.env.NODE_ENV == 'development'){
-				this.userInfo.email = "commiu@outlook.com";
-				this.userInfo.nickname = "commiu";
+				//this.userInfo.email = "commiu@outlook.com";
+				this.userInfo.nickname = "";
 				this.userInfo.password = "qwe123";
 				this.userInfo.confirmPassword = "qwe123";
 			}
@@ -135,12 +132,12 @@
 				this.loading = true;
 				const options = {
 					code: this.codeValue,
-					platform: uni.$u.os() === "ios" ? 1 : 2,
+					platform: uni.$u.os(),
 					autoLogin: true,
 					...this.userInfo,
 					areaCode: `+${this.userInfo.areaCode}`,
 					password: md5(this.userInfo.password),
-					mobile: `+${this.userInfo.phoneNumber}`,
+					mobile: this.userInfo.phoneNumber
 				};
 				try {
 					await businessRegister(options);
diff --git a/pages/profile/about/index.vue b/pages/profile/about/index.vue
index f150c0f..1f1ed30 100644
--- a/pages/profile/about/index.vue
+++ b/pages/profile/about/index.vue
@@ -1,144 +1,169 @@
 <template>
-  <view class="page_container">
-    <custom-nav-bar title="关于我们" />
-    <view class="logo_area">
-      <image src="@/static/images/about_logo.png" mode=""></image>
-      <view>{{ v }}</view>
+	<view class="page_container">
+		<custom-nav-bar title="关于我们" />
+		<view class="logo_area">
+			<image src="@/static/images/about_logo.png" mode=""></image>
+			<view>{{ appversion }}</view>
+			
+			<info-item @click="checkUpdate" class="check" title="检测更新" content="" />
+			<info-item @click="openurl('http://baidu.com')" class="check" title="官方网站" content="" />
+			<info-item @click="goto('/pages/common/article?type=article&name=coom&title=商务合作')" class="check" title="商务合作" content="" />
+			<info-item @click="goto('/pages/common/article?type=article&name=contract&title=用户协议')" class="check" title="用户协议" content="" />
+			<info-item @click="goto('/pages/common/article?type=article&name=privacy&title=隐私政策')" class="check" title="隐私政策" content="" />
+			<info-item @click="goto('/pages/common/article?type=article&name=aboutus&title=关于我们')" class="check" title="关于我们" content="" />
+			<info-item @click="clearcache" class="check" title="清除缓存" content="" />
+			<info-item @click="show = true" class="check" title="上传调试日志" content="" />
 
-      <info-item
-        @click="show = true"
-        class="check"
-        title="上传调试日志"
-        content=""
-      />
-
-      <u-modal showCancelButton :show="show" title="上传日志" @confirm="uploadLog" @cancel="show = false" >
-        <view class="slot-content">
-          <u--input
-            placeholder="日志数量"
-            border="surround"
-            v-model="line"
-          ></u--input>
-        </view>
-      </u-modal>
-    </view>
-  </view>
+			<u-modal showCancelButton :show="show" title="上传日志" @confirm="uploadLog" @cancel="show = false">
+				<view class="slot-content">
+					<u--input placeholder="日志数量" border="surround" v-model="line"></u--input>
+				</view>
+			</u-modal>
+		</view>
+	</view>
 </template>
 
 <script>
-import IMSDK from "openim-uniapp-polyfill";
-import { version } from '@/common/config'
-import CustomNavBar from "@/components/CustomNavBar/index.vue";
-import { PageEvents } from "@/constant";
-import InfoItem from "../selfInfo/InfoItem.vue";
-export default {
-  components: {
-    CustomNavBar,
-    InfoItem,
-  },
-  data() {
-    return {
-      show: false,
-      line: 10000,
-      version: "",
-      loading: false,
-    };
-  },
-  computed: {
-    v(){
-      return version
-    }
-  },
-  onLoad() {
-    this.getAppVersion();
-    uni.$on(PageEvents.CheckForUpdateResp, this.checkRespHandler);
-  },
-  onUnload() {
-    uni.$off(PageEvents.CheckForUpdateResp, this.checkRespHandler);
-  },
-  mounted() {
-    IMSDK.subscribe('uploadLogsProgress', this.uploadHandler);
-  },
-  beforeDestroy() {
-    IMSDK.unsubscribe('uploadLogsProgress', this.uploadHandler);
-  },
-  methods: {
-    uploadLog() {
-      this.show = false
-      IMSDK.asyncApi(
-        'uploadLogs',
-        IMSDK.uuid(),
-        {
-          line: this.line,
-          ex: ""
-        }
-      )
-      uni.showLoading({
-        title: '上传中',
-        mask: true,
-      });
-    },
-    uploadHandler({
-      data: { current, size },
-    }) {
-      console.log('uploadHandler',current,size)
-      if (current >= size) {
-        uni.hideLoading();
-        uni.showToast({
-          title: "上传成功",
-          icon: "none",
-        });
-        return;
-      }
-    },
-    getAppVersion() {
-      plus.runtime.getProperty(
-        plus.runtime.appid,
-        ({ version }) => (this.appVersion = version),
-      );
-    },
-    updateCheck() {
-      this.loading = true;
-      uni.$emit(PageEvents.CheckForUpdate, true);
-    },
-    checkRespHandler() {
-      this.loading = false;
-    },
-  },
-};
+	import IMSDK from "openim-uniapp-polyfill";
+	import {version	} from '@/common/config'
+	import CustomNavBar from "@/components/CustomNavBar/index.vue";
+	import {PageEvents	} from "@/constant";
+	import InfoItem from "../selfInfo/InfoItem.vue";
+	import {checkUpgrade} from "@/api/login.js"
+	export default {
+		components: {
+			CustomNavBar,
+			InfoItem,
+		},
+		data() {
+			return {
+				show: false,
+				line: 10000,
+				appversion: "",
+				loading: false,
+			};
+		},
+		onLoad() {
+			this.getAppVersion();
+		},
+		mounted() {
+			IMSDK.subscribe('uploadLogsProgress', this.uploadHandler);
+		},
+		beforeDestroy() {
+			IMSDK.unsubscribe('uploadLogsProgress', this.uploadHandler);
+		},
+		methods: {
+			uploadLog() {
+				this.show = false
+				IMSDK.asyncApi('uploadLogs',IMSDK.uuid(), {
+					line: this.line,
+					ex: ""
+				})
+				uni.showLoading({
+					title: '上传中',
+					mask: true,
+				});
+			},
+			uploadHandler({data: {current,size},}) {
+				console.log('uploadHandler', current, size)
+				if (current >= size) {
+					uni.hideLoading();
+					uni.showToast({
+						title: "上传成功",
+						icon: "none",
+					});
+					return;
+				}
+			},
+			getAppVersion() {
+				let system = uni.getSystemInfoSync();
+				const _this = this;
+				plus.runtime.getProperty(plus.runtime.appid,(inf) => {
+					console.log(inf);
+					_this.appversion = inf.version
+				});
+			},
+
+			checkRespHandler() {
+				this.loading = false;
+			},
+			goto(url){
+				uni.navigateTo({
+					url: url,
+				});
+			},
+			clearcache(){
+				
+			},
+			openurl(url){
+				// #ifdef APP
+				plus.runtime.openWeb(url)
+				// #endif
+				// #ifdef H5
+					window.open(url);
+				// #endif
+			},
+			// 验证是否升级
+			checkUpdate() {
+				this.loading = true;
+				const _this = this;
+				let system = uni.getSystemInfoSync();
+				plus.runtime.getProperty(plus.runtime.appid, function(inf) {
+					checkUpgrade({version:system.appVersion,platform:system.platform,version_wgt:inf.versionCode}).then(res=>{
+						_this.loading = false;
+						if(!res.data){
+							uni.showToast({
+								title:"已经是最新版本"
+							})
+							return ;
+						}
+						let skip_version = uni.getStorageSync('skip_version')
+						if(res && res.version!=skip_version){
+							uni.$emit('closeWebview')
+							_this.setShow(_this.current, false)
+							uni.navigateTo({
+								url: '/pages/common/upgrade?model=' + JSON.stringify(res),
+								animationType:"fade-in"
+							});
+						}
+					})
+				})
+			},
+		},
+	};
 </script>
 
 <style lang="scss">
-.page_container {
-  background-color: #f8f8f8;
+	.page_container {
+		background-color: #f8f8f8;
 
-  .logo_area {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    margin: 24rpx 24rpx 0 24rpx;
-    background: #fff;
-    border-radius: 6px;
-    padding: 48rpx 0 16rpx 0;
-    color: $uni-text-color;
+		.logo_area {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			margin: 24rpx 24rpx 0 24rpx;
+			background: #fff;
+			border-radius: 6px;
+			padding: 48rpx 0 16rpx 0;
+			color: $uni-text-color;
 
-    image {
-      width: 72px;
-      height: 72px;
-      margin-bottom: 24rpx;
-    }
-  }
+			image {
+				width: 72px;
+				height: 72px;
+				margin-bottom: 24rpx;
+			}
+		}
 
-  .check {
-    margin-top: 26rpx;
-    border-top: 1px #e8eaef solid;
-    padding: 20rpx;
-    padding-bottom: 0;
-    width: 90%;
-  }
+		.check {
+			margin-top: 26rpx;
+			border-top: 1px #e8eaef solid;
+			padding: 20rpx;
+			padding-bottom: 0;
+			width: 90%;
+		}
 
-  .btn_row {
-    padding: 0 44rpx;
-  }
-}
-</style>
+		.btn_row {
+			padding: 0 44rpx;
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/profile/index/index.vue b/pages/profile/index/index.vue
index 5604be0..9a13227 100644
--- a/pages/profile/index/index.vue
+++ b/pages/profile/index/index.vue
@@ -86,19 +86,22 @@
 				});
 			},
 			logoutConfirm() {
-				IMSDK.asyncApi(IMSDK.IMMethods.Logout, IMSDK.uuid())
-					.then(() => {
-						uni.removeStorage({
-							key: "IMToken",
-						});
-						uni.removeStorage({
-							key: "BusinessToken",
-						});
-					})
-					.catch((err) => console.log(err))
-					.finally(() => {
-						uni.$u.route("/pages/login/index");
+				console.log(1)
+				IMSDK.asyncApi(IMSDK.IMMethods.Logout, IMSDK.uuid()).then(() => {
+					console.log(2)
+					uni.removeStorage({
+						key: "IMToken",
 					});
+					uni.removeStorage({
+						key: "BusinessToken",
+					});
+				}).catch((err) => {
+					console.log(3)
+					console.log(err)
+				}).finally(() => {
+					console.log(4)
+					uni.$u.route("/pages/login/index");
+				});
 			},
 			profileMenuClick({idx}) {
 				switch (idx) {
diff --git a/pages/profile/selfInfo/InfoItem.vue b/pages/profile/selfInfo/InfoItem.vue
index 575846c..e298754 100644
--- a/pages/profile/selfInfo/InfoItem.vue
+++ b/pages/profile/selfInfo/InfoItem.vue
@@ -1,74 +1,71 @@
 <template>
-  <view @click="clickItem" class="info_item">
-    <view class="left_label">
-      <text>{{ title }}</text>
-    </view>
-    <view class="right_value">
-      <slot name="value">
-        <text class="content">{{ content }}</text>
-      </slot>
-      <u-icon
-        v-if="showArrow"
-        name="arrow-right"
-        size="16"
-        color="#999"
-      ></u-icon>
-    </view>
-    <u-loading-icon v-show="loading" class="loading_icon"></u-loading-icon>
-  </view>
+	<view @click="clickItem" class="info_item">
+		<view class="left_label">
+			<text>{{ title }}</text>
+		</view>
+		<view class="right_value">
+			<slot name="value">
+				<text class="content">{{ content }}</text>
+			</slot>
+			<u-icon v-if="showArrow" name="arrow-right" size="16" color="#999"></u-icon>
+		</view>
+		<u-loading-icon v-show="loading" class="loading_icon"></u-loading-icon>
+	</view>
 </template>
 
 <script>
-export default {
-  name: "",
-  props: {
-    title: String,
-    content: String,
-    showArrow: {
-      type: Boolean,
-      default: true,
-    },
-    loading: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  data() {
-    return {};
-  },
-  methods: {
-    clickItem() {
-      this.$emit("click");
-    },
-  },
-};
+	export default {
+		name: "",
+		props: {
+			title: String,
+			content: String,
+			showArrow: {
+				type: Boolean,
+				default: true,
+			},
+			loading: {
+				type: Boolean,
+				default: false,
+			},
+		},
+		data() {
+			return {};
+		},
+		methods: {
+			clickItem() {
+				this.$emit("click");
+			},
+		},
+	};
 </script>
 
 <style lang="scss" scoped>
-.info_item {
-  @include btwBox();
-  height: 82rpx;
-  padding: 0 44rpx;
-  color: $uni-text-color;
-  // border-bottom: 1px solid rgba(153,153,153,0.3);
-  position: relative;
+	.info_item {
+		@include btwBox();
+		height: 82rpx;
+		padding: 0 44rpx;
+		color: $uni-text-color;
+		// border-bottom: 1px solid rgba(153,153,153,0.3);
+		position: relative;
 
-  .right_value {
-    @include vCenterBox();
-    .content {
-      font-size: 28rpx;
-      color: #999;
-    }
-    .u-icon {
-      margin-left: 12rpx;
-    }
-  }
+		.right_value {
+			@include vCenterBox();
 
-  .loading_icon {
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-  }
-}
-</style>
+			.content {
+				font-size: 28rpx;
+				color: #999;
+			}
+
+			.u-icon {
+				margin-left: 12rpx;
+			}
+		}
+
+		.loading_icon {
+			position: absolute;
+			left: 50%;
+			top: 50%;
+			transform: translate(-50%, -50%);
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/profile/selfInfo/index.vue b/pages/profile/selfInfo/index.vue
index 474e856..98a8c2b 100644
--- a/pages/profile/selfInfo/index.vue
+++ b/pages/profile/selfInfo/index.vue
@@ -1,216 +1,180 @@
 <template>
-  <view class="page_container">
-    <custom-nav-bar title="个人资料" />
+	<view class="page_container">
+		<custom-nav-bar title="个人资料" />
 
-    <view class="info_wrap">
-      <info-item
-        :loading="loadingState.faceURL"
-        @click="updateAvatar"
-        title="头像"
-      >
-        <my-avatar
-          :src="selfInfo.faceURL"
-          :desc="selfInfo.nickname"
-          size="30"
-          slot="value"
-        />
-      </info-item>
-      <info-item
-        @click="updateNickname"
-        title="姓名"
-        :content="selfInfo.nickname"
-      />
-      <info-item
-        :loading="loadingState.gender"
-        @click="updateGender"
-        title="性别"
-        :content="getGender"
-      />
-      <info-item
-        :loading="loadingState.birth"
-        @click="() => (showDatePicker = true)"
-        title="生日"
-        :content="getBirth"
-      />
-    </view>
+		<view class="info_wrap">
+			<info-item :loading="loadingState.faceURL" @click="updateAvatar" title="头像">
+				<my-avatar :src="selfInfo.faceURL" :desc="selfInfo.nickname" size="30" slot="value" />
+			</info-item>
+			<info-item @click="updateNickname" title="姓名" :content="selfInfo.nickname" />
+			<info-item :loading="loadingState.gender" @click="updateGender" title="性别" :content="getGender" />
+			<info-item :loading="loadingState.birth" @click="() => (showDatePicker = true)" title="生日"
+				:content="getBirth" />
+		</view>
 
-    <view class="info_wrap">
-      <info-item
-        :showArrow="false"
-        title="手机号码"
-        :content="selfInfo.phoneNumber || '-'"
-      />
-      <info-item
-        :showArrow="false"
-        title="邮箱"
-        :content="selfInfo.email || '-'"
-      />
-    </view>
+		<view class="info_wrap">
+			<info-item :showArrow="false" title="手机号码" :content="selfInfo.mobile || '-'" />
+			<info-item :showArrow="false" title="邮箱" :content="selfInfo.email || '-'" />
+		</view>
 
-    <u-datetime-picker
-      :minDate="0"
-      :maxDate="nowDate"
-      :show="showDatePicker"
-      @confirm="confirmDate"
-      @cancel="() => (showDatePicker = false)"
-      v-model="selfInfo.birth"
-      mode="date"
-    />
-  </view>
+		<u-datetime-picker :minDate="0" :maxDate="nowDate" :show="showDatePicker" @confirm="confirmDate"
+			@cancel="() => (showDatePicker = false)" v-model="selfInfo.birth" mode="date" />
+	</view>
 </template>
 
 <script>
-import { businessInfoUpdate } from "@/api/login";
-import IMSDK from "openim-uniapp-polyfill";
-import CustomNavBar from "@/components/CustomNavBar/index.vue";
-import MyAvatar from "@/components/MyAvatar/index.vue";
-import dayjs from "dayjs";
-import InfoItem from "./InfoItem.vue";
-import { getPurePath } from "@/util/common";
-export default {
-  components: {
-    CustomNavBar,
-    MyAvatar,
-    InfoItem,
-  },
-  data() {
-    return {
-      showDatePicker: false,
-      loadingState: {
-        faceURL: false,
-        gender: false,
-        birth: false,
-      },
-      nowDate: Date.now(),
-    };
-  },
-  computed: {
-    selfInfo() {
-      return this.$store.getters.storeSelfInfo;
-    },
-    getGender() {
-      if (this.selfInfo.gender === 0) {
-        return "保密";
-      }
-      if (this.selfInfo.gender === 1) {
-        return "男";
-      }
-      return "女";
-    },
-    getBirth() {
-      const birth = this.selfInfo.birth ?? 0;
-      return dayjs(birth).format("YYYY-MM-DD");
-    },
-  },
-  methods: {
-    updateNickname() {
-      uni.navigateTo({
-        url: `/pages/common/markOrIDPage/index?isSelfNickname=true&sourceInfo=${JSON.stringify(
+	import {
+		businessInfoUpdate
+	} from "@/api/login";
+	import IMSDK from "openim-uniapp-polyfill";
+	import CustomNavBar from "@/components/CustomNavBar/index.vue";
+	import MyAvatar from "@/components/MyAvatar/index.vue";
+	import dayjs from "dayjs";
+	import InfoItem from "./InfoItem.vue";
+	import {
+		getPurePath
+	} from "@/util/common";
+	export default {
+		components: {
+			CustomNavBar,
+			MyAvatar,
+			InfoItem,
+		},
+		data() {
+			return {
+				showDatePicker: false,
+				loadingState: {
+					faceURL: false,
+					gender: false,
+					birth: false,
+				},
+				nowDate: Date.now(),
+			};
+		},
+		computed: {
+			selfInfo() {
+				return this.$store.getters.storeSelfInfo;
+			},
+			getGender() {
+				if (this.selfInfo.sex === 0) {
+					return "保密";
+				}
+				if (this.selfInfo.sex === 1) {
+					return "男";
+				}
+				return "女";
+			},
+			getBirth() {
+				console.log(this.selfInfo);
+				const birth = this.selfInfo.birthday ?? 0;
+				return dayjs(birth).format("YYYY-MM-DD");
+			},
+		},
+		methods: {
+			updateNickname() {
+				uni.navigateTo({
+					url: `/pages/common/markOrIDPage/index?isSelfNickname=true&sourceInfo=${JSON.stringify(
           this.selfInfo,
         )}`,
-      });
-    },
-    updateGender() {
-      uni.showActionSheet({
-        itemList: ["男", "女"],
-        success: async ({ tapIndex }) => {
-          this.loadingState.gender = true;
-          await this.updateSelfInfo(
-            {
-              gender: tapIndex + 1,
-            },
-            "gender",
-          );
-        },
-      });
-    },
-    updateAvatar() {
-      uni.chooseImage({
-        count: 1,
-        sizeType: ["compressed"],
-        success: async ({ tempFilePaths }) => {
-          const path = tempFilePaths[0];
-          const nameIdx = path.lastIndexOf("/") + 1;
-          const typeIdx = path.lastIndexOf(".") + 1;
-          const fileName = path.slice(nameIdx);
-          const fileType = path.slice(typeIdx);
-          this.loadingState.faceURL = true;
-          const {
-            data: { url },
-          } = await IMSDK.asyncApi(IMSDK.IMMethods.UploadFile, IMSDK.uuid(), {
-            filepath: getPurePath(tempFilePaths[0]),
-            name: fileName,
-            contentType: fileType,
-            uuid: IMSDK.uuid(),
-          });
-          console.log(url);
-          this.updateSelfInfo(
-            {
-              faceURL: url,
-            },
-            "faceURL",
-          );
-          this.loadingState.faceURL = false;
-        },
-      });
-    },
-    toQrCode() {
-      uni.navigateTo({
-        url: `/pages/common/userOrGroupQrCode/index`,
-      });
-    },
-    copyID() {
-      uni.setClipboardData({
-        data: this.selfInfo.userID,
-        success: () => {
-          uni.hideToast();
-          this.$nextTick(() => {
-            uni.$u.toast("复制成功");
-          });
-        },
-      });
-    },
-    async updateSelfInfo(data, key) {
-      try {
-        await businessInfoUpdate({
-          userID: this.selfInfo.userID,
-          ...data,
-        });
-        await this.$store.dispatch("user/updateBusinessInfo");
-        uni.$u.toast("修改成功");
-      } catch (e) {
-        console.log(e);
-        uni.$u.toast("修改失败");
-      }
-      this.loadingState[key] = false;
-    },
-    confirmDate({ value }) {
-      this.loadingState.birth = true;
-      this.updateSelfInfo(
-        {
-          birth: value,
-        },
-        "birth",
-      );
-      this.showDatePicker = false;
-    },
-  },
-};
+				});
+			},
+			updateGender() {
+				uni.showActionSheet({
+					itemList: ['保密',"男", "女"],
+					success: async ({
+						tapIndex
+					}) => {
+						this.loadingState.gender = true;
+						await this.updateSelfInfo({gender: tapIndex,},"gender",);
+					},
+				});
+			},
+			updateAvatar() {
+				uni.chooseImage({
+					count: 1,
+					sizeType: ["compressed"],
+					success: async ({
+						tempFilePaths
+					}) => {
+						const path = tempFilePaths[0];
+						const nameIdx = path.lastIndexOf("/") + 1;
+						const typeIdx = path.lastIndexOf(".") + 1;
+						const fileName = path.slice(nameIdx);
+						const fileType = path.slice(typeIdx);
+						this.loadingState.faceURL = true;
+						const {
+							data: {
+								url
+							},
+						} = await IMSDK.asyncApi(IMSDK.IMMethods.UploadFile, IMSDK.uuid(), {
+							filepath: getPurePath(tempFilePaths[0]),
+							name: fileName,
+							contentType: fileType,
+							uuid: IMSDK.uuid(),
+						});
+						console.log(url);
+						this.updateSelfInfo({
+								faceURL: url,
+							},
+							"faceURL",
+						);
+						this.loadingState.faceURL = false;
+					},
+				});
+			},
+			toQrCode() {
+				uni.navigateTo({
+					url: `/pages/common/userOrGroupQrCode/index`,
+				});
+			},
+			copyID() {
+				uni.setClipboardData({
+					data: this.selfInfo.userID,
+					success: () => {
+						uni.hideToast();
+						this.$nextTick(() => {
+							uni.$u.toast("复制成功");
+						});
+					},
+				});
+			},
+			async updateSelfInfo(data, key) {
+				try {
+					console.log(data);
+					await businessInfoUpdate({
+						userID: this.selfInfo.userID,
+						...data,
+					});
+					await this.$store.dispatch("user/updateBusinessInfo");
+					uni.$u.toast("修改成功");
+				} catch (e) {
+					console.log(e);
+					uni.$u.toast("修改失败");
+				}
+				this.loadingState[key] = false;
+			},
+			confirmDate({value}) {
+				this.loadingState.birth = true;
+				this.updateSelfInfo({birth: value,},"birth",);
+				this.showDatePicker = false;
+			},
+		},
+	};
 </script>
 
 <style lang="scss" scoped>
-.page_container {
-  background-color: #f8f8f8;
+	.page_container {
+		background-color: #f8f8f8;
 
-  .info_wrap {
-    margin: 24rpx 24rpx 0 24rpx;
-    background: #fff;
-    border-radius: 6px;
+		.info_wrap {
+			margin: 24rpx 24rpx 0 24rpx;
+			background: #fff;
+			border-radius: 6px;
 
-    .qr_icon {
-      width: 22px;
-      height: 23px;
-    }
-  }
-}
-</style>
+			.qr_icon {
+				width: 22px;
+				height: 23px;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/workbench/friend-circle/friend-circle.vue b/pages/workbench/friend-circle/friend-circle.vue
new file mode 100644
index 0000000..87b6899
--- /dev/null
+++ b/pages/workbench/friend-circle/friend-circle.vue
@@ -0,0 +1,22 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/pages/workbench/index/index.vue b/pages/workbench/index/index.vue
index 171df21..1be9766 100644
--- a/pages/workbench/index/index.vue
+++ b/pages/workbench/index/index.vue
@@ -1,31 +1,270 @@
 <template>
-  <web-view :src="linkUrl"></web-view>
+	<view class="content">
+		<u-navbar :is-back="false" title="发现" :background="{ background: '#f4f4f5'  }" title-color="#404133"
+			:title-bold="true" title-size="34" :border-bottom="false" z-index="1001">
+		</u-navbar>
+		<view style="background-color: #FFFFFF;">
+			<view>
+				<u-cell-item  title="" :title-style="titleStyle" :border-bottom="showBorder(0)"  :border-top="false"
+					@tap="linkTo(cellList[0])">
+					<u-icon class="u-m-r-10"  slot="icon"   name="/static/image/workbench/01.png"  color="inherit" :size="44"></u-icon>
+					<view slot="title" class="u-flex u-row-left u-col-center" style="min-width: 200rpx;">
+						<view class="u-m-r-20">
+							<text>朋友圈</text>
+						</view>
+						<view class="u-flex u-row-center u-col-center" v-if="vuex_friendCircleUnreadCount>0"
+							style="width:36rpx;height:36rpx;background-color:#fa3534;border-radius:18rpx;font-size:28rpx;color: #ffffff;">
+							<text>{{vuex_friendCircleUnreadCount}}</text>
+						</view>
+					</view>
+					<view slot="right-icon"  v-if="newCircleInfo&&newCircleInfo.userHeadImg.length>0">
+						<u-avatar :src="newCircleInfo.userHeadImg" mode="square" :size="70"></u-avatar>
+						<u-badge :is-dot="true" type="error" :offset="[20,60]"></u-badge>
+					</view>
+				</u-cell-item>
+				<u-gap :height="16" bg-color="#f4f4f5" v-if="showGap(0)"></u-gap>
+			</view>
+			
+			
+			<view v-for="(item,index) in cellList" :key="index">
+				<template v-if="item.hidden==false&&index!=0">
+					<u-cell-item :title="item.title" :title-style="titleStyle"  
+								:border-bottom="showBorder(index)"  :border-top="false"
+								@tap="linkTo(item)">
+						<u-icon :class="item.title=='购物'?'u-m-l-6 u-m-r-10':'u-m-r-10'" 
+								slot="icon" :name="item.icon" :color="item.color" :size="item.size"></u-icon>
+					</u-cell-item>
+					<u-gap :height="16" bg-color="#f4f4f5" v-if="showGap(index)"></u-gap>
+				</template>
+			</view>
+		</view>
+	</view>
 </template>
 
 <script>
-export default {
-  data() {
-    return {
-      linkUrl: "",
-    };
-  },
-  onShow() {
-    this.linkUrl = 'https://doc.rentsoft.cn/'
-  },
-  onReady() {
-    // #ifdef APP-PLUS
-    setTimeout(() => {
-      this.$scope
-        .$getAppWebview()
-        .children()[0]
-        .setStyle({
-          top: uni.getWindowInfo().statusBarHeight,
-          height: uni.getWindowInfo().safeArea.height,
-        });
-    });
-    // #endif
-  },
-};
+	export default {
+		data() {
+			return {
+				cellList: [
+					{
+						id: 1,
+						title: "朋友圈",
+						icon: "/static/image/workbench/01.png",
+						color: "inherit",
+						bind: "/pages/workbench/friend-circle/friend-circle",
+						hidden:false,
+						size:44,
+					},
+					{
+						id: 3,
+						title: "扫一扫",
+						//icon: "/static/image/wx/saoyisao.png",
+						icon: "/static/image/workbench/04.png",
+						color: "#409eff",
+						bind: "scan",
+						hidden:false,
+						size:44,
+					},
+					{
+						id: 4,
+						title: "摇一摇",
+						//icon: "/static/image/wx/yaoyiyao.png",
+						icon: "/static/image/workbench/05.png",
+						color: "#409eff",
+						bind: "/pages/tabbar/find/yaoyiyao/yyy-index",
+						hidden:false,
+						size:44,
+					},
+					{
+						id: 11,
+						title: "看一看",
+						icon: "/static/image/workbench/06.png",
+						color: "#f29100",
+						bind: "",
+						hidden:false,
+						size:44,
+					},
+					{
+						id: 13,
+						title: "附近",
+						icon: "/static/image/workbench/08.png",
+						color: "#fab6b6",
+						bind: "",
+						hidden:false,
+						size:44,
+					},
+					{
+						id: 14,
+						title: "购物",
+						icon: "/static/image/workbench/09.png",
+						color: "#fab6b6",
+						bind: "taobao",
+						hidden:false,
+						size:44,
+					},
+					{
+						id: 15,
+						title: "游戏",
+						icon: "/static/image/workbench/10.png",
+						color: "#fab6b6",
+						bind: "",
+						hidden:false,
+						size:44,
+					},
+					{
+						id: 6,
+						title: "小程序",
+						//icon: "/static/image/wx/xiaochengxu.png",
+						icon: "/static/image/workbench/11.png",
+						color: "#fab6b6",
+						bind: "",
+						hidden:false,
+						size:44,
+					},
+					{
+						id: 7,
+						title: "ChatGpt",
+						icon: "/static/image/find/chatgpt.png",
+						color: "#ff9900",
+						bind: "/pages/tabbar/group/chat/chat-gpt-conversion-wss",
+						hidden:true,
+						size:64,
+					},
+					{
+						id: 8,
+						title: "AI绘画",
+						icon: "http://open.yjai.art/assets/logo-9a019aa3.svg",
+						color: "#ff9900",
+						bind: "/pages/tabbar/find/AI/ai-text-to-create-img/ai-text-to-create-img",
+						hidden:true,
+						size:64,
+					},
+					{
+						id: 9,
+						title: "免费听歌",
+						icon: "/static/image/find/MP3.png",
+						color: "#19BE6B",
+						bind: "/pages/tabbar/find/music/free-music",
+						hidden:true,
+						size:64,
+					}
+				],
+				titleStyle: {
+					marginLeft: "20rpx",
+					fontSize: "34rpx",
+					color: "#000000"
+				},
+				newCircleInfo: {
+					userHeadImg:""
+				},
+			};
+		},
+		onShow: function() {
+			this.changeDefaultAvatar(1,10);
+			let unreadCount= 1;//this.vuex_friendCircleUnreadCount+"";
+			this.localGroupApi.setTabBarBadge(2,unreadCount);
+		},
+		methods: {
+			changeDefaultAvatar:function(min,max){
+				let that=this;
+				that.$u.api.friendCircle.checkFriendCircleUpdate().then(res => {
+					if(res.code==200){
+				    console.log("查询朋友圈更新情况",res.data);
+						if(res.data&&res.data.length>0){
+							that.newCircleInfo=res.data[0];
+						}else{
+							that.newCircleInfo=null;
+						}
+					}
+				})
+			},
+			
+			showBorder(index){
+				switch (index){
+					case 1:
+						return true;
+					case 3:
+						return true;
+					case 5:
+						return true;	
+					case 8:
+						return true;						
+					default:
+						return false;	
+				}
+			},
+			showGap(index){
+				switch (index){
+					case 0:
+						return true;
+					case 2:
+						return true;
+					case 4:
+						return true;	
+					case 6:
+						return true;
+					case 7:
+						return true;
+					case 9:
+						return true;						
+					default:
+						return false;	
+				}
+			},
+			linkTo(item) {
+				let that = this;
+				let url = item.bind;
+				console.log("跳转链接", url);
+				if (url != null && url.length > 0) {
+					if (url == 'taobao') {
+						if (plus.os.name == 'Android') {
+							plus.runtime.launchApplication({
+									pname: 'com.taobao.taobao'
+								},
+								function(e) {
+									console.log('Open system default browser failed: ' + e.message);
+								}
+							);
+						} else if (plus.os.name == 'iOS') {
+							//抖音 snssdk1128://
+							plus.runtime.launchApplication({
+								action: 'snssdk1128://'
+							}, function(e) {
+								console.log('Open system default browser failed: ' + e.message);
+							});
+						}
+					} else if (url == "scan") {
+						this.globalUtil.scanQRcode(that, {
+							complete: function(res) {
+								console.log("扫码结果", res);
+								if (res.resp_code == 1000) {
+									let respData = res.resp_result;
+									that.$u.route({
+										url: '/pages/chat/qr-info/qr-info',
+										params: {
+											qrInfo: respData
+										},
+										animationType: 'slide-in-bottom'
+									});
+								}
+							},
+						})
+					} else {
+						console.log("url", url);
+						this.$u.route(url);
+						return;
+					}
+				}
+			},
+		}
+	};
 </script>
 
-<style lang="scss"></style>
+<style lang="scss" scoped>
+	.content {}
+</style>
+<style>
+	page {
+		background-color: #f4f4f5 !important;
+	}
+</style>
diff --git a/static/images/tabbar/contacts.png b/static/images/tabbar/contacts.png
new file mode 100644
index 0000000000000000000000000000000000000000..2f92b58ca3c038dc2c251ddac05f839498ec5104
GIT binary patch
literal 1284
zcmV+f1^fDmP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px(zDYzuRCr$Pnt^dsF${*)34jTJ34jTJ34jTp695xXCV)-=ouG6A+6jOOfC+#J
z;J)5-Pf?vbNw%Am#CN^6$+Io}`Xx*9+mkIHdt0u*>;Tv?V9OEMxxhdI+!vAOBEoNe
zZccms7LijC`6MDIBEtV`8zUI-R7Bp1$Q_4PDF0DJ-mVLXo&aEF6o2GU+&%&j`x7e?
z)ALh$0f6$K70tCo-$dlAi2Rs7<XJ$vQ4#ySh`i3L6Q9`wfMv=bi3kdzydA^?T;)JS
zZksQ03D|HYqZI%Y`ED$a#a}E@yaogy5iIop0Du@iS^<Fe+UHT8|D%x|Wi<%Qf1uoE
z7!WN0K;dI0*`F!$N0l#2SP(cW9}m-fTDS!OsIQMYghlA=z@3N}IwrKPIV(#R0DSy|
zTAhH$XRX7sibRRehK(!$WN}ZFRChc2D=fG-XzfctW&nVyztl>-tz_9nUcgB)WMlxa
z0`@+#EWl^U?9v5T1^|+mH-jl^-5?|9FaU`352w{R`bw4O+R*tBlz%xG<n!e-$Z7ya
z(bKYQ*m0NvfB;ymJ_-OEXEq9ezlxfp03e+v%`T$`fNr=rJ!|1H;>=No0Xjg90^rru
zTUZ5vW?}{a=A2~!&@q6#|5kSQ74vLez#g{7&`ivVkOIJ3hpMes^Jj%(o~|>fFrm90
zq{zsU9RPZeVF1E>QM(>C3St$o{@;83h5a%BumJ6?Qnm3nwLq_7dkj76j7u_R0kCe+
zD;>7h9~ERTfXD(s9)RUbW0Sv$1=(gu5$H;-&!$-bm}|2&di#8q9W6Zum_tj=a~DzM
zBXA$K0AOQ5OCQfRSE(@wwxyLm2WmDaIB5mI`fRq3M{iMgexf~qY)+8M1FSV{cj#I0
zhNnm1%j5*<Jir1_3y6_pQ71i7>d(2x?DwrMP&V-7?loa-Qq>wrXBD;&^a6l&wI6yF
zu_s9_=MO6tnXpL!^e(JmSM36};6swtlm{@MbC>g%GhCm+-au$whf@Uhv|O+t2epc)
zRkxpI0CxfiUwao|S@l+9X6-hJ=SWg0iMeozW|!8jR(V9|7(`eUXM<%K7uKVp84;Rw
zQC45HXrVb~`JVd+&#-}Y)f`tQh_ZBOp?Qr~KPROTGNQN@3^u{4Wk8S>0tV&rT!x6u
zp0xOMl?xyciZ8pH!y;I_#b0aILGY5;*q0}C9?#y*FIm+9U~?`$YF!u-6|8_8%vr%h
z*STjf0?b3ET11C&$b;*p<k0{?Z*uZlV1wpRJnG+b3VOdUuhifo`r@?A2MFqi@LMGX
z05;(0uzrK$SUbG1SF^-(FcTnZtcVs-7kPkfL_l?@2fa3RV6@u%MWH4w46xN0%JW(8
zPVXon?LA`Xx*h;*4}NGDb^r?YI-M=tjZ^^87adF<b`Li|`LbkMhyN7-cbB>bfP3;l
zi$<5`1k-too5eK%2!1TklGa8QXnEdtlUd7s5&%GLf$|#rrh|ahZK_W0;;949K`)7r
zeJ7{IBI};(?L{mAz)?aZt)-dkRw%N6IDXk;2zTJ8yaW~5d|l5%c`{ZKqHsZ!?Fg+)
u+3x%90O$_sHCu4UfNN&3?&5Ae1O5SWCj+1{XWq#G0000<MNUMnLSTXl$2%kd

literal 0
HcmV?d00001

diff --git a/static/images/tabbar/contacts_active.png b/static/images/tabbar/contacts_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..621fe92e97927003020839946e90382cb61e3867
GIT binary patch
literal 1523
zcmV<P1q}L$P)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px)tw}^dRCr$PT5D_+RTTctlwt&Y#8}-~sy~d1kC=d<Mns#Pg&-yZ#s`6_Ax2Bs
zSqun*ny9D=2)>ByEQ%WAD<MiLU<`unEbsIO24Vt{0MW!UGp2tu0-|l_n1MDa?Jk|U
z_wKf)JAdbV-}%lrXU^QYGlW5Y&>*iL6$2_AFvuOK+yaBV0V+eVY_~w|&S!53x~-+|
z{i6e^>q=%oZ9a9q?`u<7^QVAm9Dth6!dpSSpL}hLrukc164_(@X^3(IYVxTOLzrFy
z@M6fqmbVixYfWTNhKyGlrqqD=&eS#RYn#A4CXz~`1El%WoVx69k#Guvl^GEKwqck*
zym~VMNfBKP<g`<5Q=JFbo)*E2Vw4%6+vev0o)8t%iTlDetS2QoBEgjy5X+?(5%F7*
zG8YMErsut6=4};RVK}4>h}&~VF|?n<Bnulu@NaUAHAlk6%fu-#Ahno5D`Z6U#1eRk
zV`NvV<SfP|ZGdi@djQ;{SnOWcuqG(xEJ!D1z{q@Rw9j;)6hbxPF((q)gQei^&M9Sp
zo-^lz@LowoG8VW=YgI|OyOGKnkWV*(d3s4i5^Z!7nTJZkt;_)14BCHmi9{ZB4J+D;
zQb34Y2iRr{fRO@u!$3~BhE*FTP$ovofS7ImOF*@ZfMQq%+C0M=S_*EJL+~&NH<w7H
z=NgvY#eGHdyi13k>UfTb>V)zUZRK_}dy_Idlo=4uo1ZdcwveDcKm=-bjLh9#VY;23
z4Dk0-xfmb2N$VM92IzKb0YL9ci7EnS@Ji3fF6lZQx6@M@yh$ckPtJf#Y6ir2n3LGY
zHW^XHvGj;*WE#7l*Yl}*_HlM=E$Ts4biAsg!){4_a6(xJ1Vnn?+y=&^sDk>4-{Bfo
zLNRASI;jo_7~^(&7K6W1DV9Lf93!(?C1)`%X#>ugU^X*wmlDCuU%JVx?8ZuHDXI*3
zih)l;XDuFhnyR!3PTlH~ykHedtHgk_vmj?~06}W)&djfQ$?Vd;jEv_Su4Jwbp69pr
z72ECnuK+J}jqC=cL$Hf1mYa7c$loKpGGsnLr`sol*%XcCQcH>G)d<CRh4vb*$~vHP
zAimDvmj#4@2s538wJr=cwrk!k)aEyVaATPG&X`vAd4)GI`%XzZARxVZ>!RV>&@;QE
zeivZIIxlI>j8F_}_bs@%{Zw1{!Fv%M^6p#R+B1jJ4hYC&c4{4gW<)6l#P_<1Y_PRf
z_M;RAtRT?hD3$OK?W#goCklsXta1bNocR$5Pe&8vk8_PRKSsl-iB@VrJfEJy%*y~=
z7eyX{z5_ZIihc{wx2NuhMsEVR4ZwM8{Z1V<AnfLj_W9n#4-YFHg8B~)*K$?$3?e)V
z#vM@#?-BbaGq2)y?X%w}XMTyoqub^m04@uG+2tD6dHV^%9T3l@#)DALpjiMe50N}<
z$lqXYB%<|>VTF4A)opV<fQS1^K%h4qBlC(>2gGdiF#z=hOzkV7?0Euy@`2!$xY0AL
zLl@$U<x;aj)b$fauTahRk2(|AY!rG7*5p&Mst(kXcJ^xDE?bxwo;DEBIP45H9(!Q*
zKVlrcQ5U=gbbIbtkoGtj_1%7PQI%VWhk)ZgxRJnLt9Wu0H9)t`4*@g?sVpC8t!r3w
zWYQHhK+mU_gZTv+;&Ne$@QstOg1IDg^fDm6eeQJDv?d|8egn}Q*T}3DN#Dx=-8T0E
z7%xKBkC=U~VF`VrFJ!=907mp<F(Ro?x`uU$2(XX=EJD=Z7}v0b7Ig&-Nbd)DY=0LN
zB|ig>XIMfXX?qzUvE39!v(i`wHhYFOO@y@YW6(DLSGR#^`v-;<UkIIB3k18oqePr7
z1Lg>bn%qPt>_5o`B?%3VG89*~6cq!?X7vC~ROx^LdSS{YtI`2wvwDCgs&v2ry)b2y
Z^&g04x=?GE-1Gnd002ovPDHLkV1l0%yITMN

literal 0
HcmV?d00001

diff --git a/static/images/tabbar/conversation.png b/static/images/tabbar/conversation.png
new file mode 100644
index 0000000000000000000000000000000000000000..c5fdc5505ac56483e0b9b3d72fc258e3e2cd317a
GIT binary patch
literal 1601
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

literal 0
HcmV?d00001

diff --git a/static/images/tabbar/conversation_active.png b/static/images/tabbar/conversation_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..8a9f4378f7ded576fa2cee62e074cb25fd1030d5
GIT binary patch
literal 1438
zcmV;P1!4M$P)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px)SV=@dRCr$Pnp<cbWfaH%XVQzPh)QvH)}j>(f;UhEp%CcKY-#I*2tsTT^PokV
zosG7%MGzBHYhQX%Yj(y6+6xM;M)9H6Ud+z)0#+(s5Q`vQiY7ag4I;K`(>6OtwlR>V
z$?SZyyR(zayv{l2|3AMuv-{0ALzw0VP4oUS17KzXra6I`TOiB<xTWX0*qk{RW5r7p
z2Pnp%7$g8p1)^esTq=+x6>c1G3a6X8FNWc*rV}vVN-uO>X*o;oaxg6yX^0soiLl=#
z$?8vbej$=85?gfu3A5!+muV#tEdj7d#EeJm83rr@9k7+`M^&nMxlGjn$X0q87%Ks3
z1;BHvX>v@hubF6X1884gva`2Ror(d(&DLh3;wmsTR%%8lpYSI!_6@nSHWpGl`h{{w
z1qTLj+b1nI4P7g3W}qdgcs25v@g0FT*s5_PNWDM+hR2;Y19%{aXf1M>X@jF?w~5vk
z1`yAsJBa8dQK69H-?bIJSwu?+K*XCL{#7S*=aYJqUkJVdOorx1nihfJ3&3P*UKB!E
z0J4>S0!;7u9jQpgF}B;PzTV4|CxH2%uf4fAc=0%ZyCc<@fEfu$^(lI8q7+X6a!%U@
z!a4!H$b~YHa}+%#4B%E%Q(d4ZavcRQ#Kh~Jq_KUx)CngbVQTL);QQ|+fUnR}2>3a#
z=nH)VC_T|Jq|*QzLUUPTA!2?cuNwQu%8WY!vZ=iQptRJTLI=HLE7?{40OYi<K+##}
zSLG@&3bv}p$^uAOttn>rv#N+jtOyq==`6_}9c}BXTR_fbR)hG>h<UG$9i|pr&31VL
zNLcBu%;dRxs*amFRAJg-tJyW)6JTlw06bg=d$pHjK4PoJ(sBTP1+bv@Zt9@G_{~=J
z+sgqs2jKcT*b77QUt7_y^9EpLj)OVe4bCuHAJ+KRR`mNl0mM!14FX!j^Aw&E0UzWQ
z{qZulK;{{M-wMxGh)RrCY*lab25_{s5w2U>1DJXT(UW#Ed&TC?RSThnwQe5s;K0=D
z9&j%e@9kgO^}Xi=lupWKW)HwZ+sly$#`wWj^}ELU9QSE3(bJM*Nt#m60}R^YDB0(I
z0k}K`R{B%XSK3jY0?EaqzLb8_H-LnttzgF9C^seG?Ub$P4~-Y^y(wyHUjlegKq!)-
z%+%zl*=}I~v0O$W;zI<?j$~&(Ofj&_QS_%K3N8C$ByMRMF|t0iq8Q>d5I6QFjh_Mo
z`2TP5Re;w<u|qFU#Pn=l&31am_-#tIv=6~}%x`?X<CuA)qZ%FMe3ZQfMi-EC>5oD5
zXt|>GKJT~rl20K3!|MZW6BsYnyUB_4MVb!;U>HJXH8^q`r+)+7ZY#!XA{R$^0!E6*
z&2%$?_K1kpF!nG@+~zDcO6wM(BQSuHO2X8Px_>1GZg&)8lTg>Af-3?b=d`~-xFM)`
z1$qB4uv01)cjcFKeN#al@gKnvvDmT99a52hsYE<LZh;xQ8W=nKQu>bp@~=t>JOObt
z(?;Nz$2Gwy0JIkb72ta+H2MdK4}zr=4Lo$9SMBPnu-+BvfdR;-R@zw^`{~Si0(ayU
zW6Ow2=@a<|TuL#KN<{ZDSSBDbK@(>gC=f~jaSW1l&|chmqM8kltrZBs0;}Vi3p{Xs
z49eH-fx>z;br<~@o_BnWJbUOuf?bkm?yUZ~LuU(TlDh}}<W@5#5P*c0d77EuE*T-l
zZVYjIeyQ<$HI0Q;D-ZzL)DD4hjv;Mz)Xr03nXQFRFaSO2Wp>IqR0~64*9-(8Y?HOr
sn*mTux|5;y%mhq^t5i#m(|!W}13DJPQ0YZaO#lD@07*qoM6N<$g0RJl-2eap

literal 0
HcmV?d00001

diff --git a/static/images/tabbar/profile.png b/static/images/tabbar/profile.png
new file mode 100644
index 0000000000000000000000000000000000000000..ca27407ace28d67f6ee0e5a2a1ad35749ce99582
GIT binary patch
literal 2047
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

literal 0
HcmV?d00001

diff --git a/static/images/tabbar/profile_active.png b/static/images/tabbar/profile_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..46b4be992f5d78216229128fa3fd5b9814cb7887
GIT binary patch
literal 1551
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
B&rtvX

literal 0
HcmV?d00001

diff --git a/static/images/tabbar/workbench.png b/static/images/tabbar/workbench.png
new file mode 100644
index 0000000000000000000000000000000000000000..889729701dd2f35a7caaa6f74b29a7a5cedb6e50
GIT binary patch
literal 1801
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

literal 0
HcmV?d00001

diff --git a/static/images/tabbar/workbench_active.png b/static/images/tabbar/workbench_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..dbea18b0d0feb54f1ca9b552ee2ad761cd1ea034
GIT binary patch
literal 1744
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

literal 0
HcmV?d00001

diff --git a/static/images/tabbar_contacts.png b/static/images/tabbar_contacts.png
deleted file mode 100644
index 2db033c4b11781837a242e9fe1e1ccd7b625691f..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1306
zcmV+#1?BpQP)<h;3K|Lk000e1NJLTq001}u001}$1^@s6sD?Wp00001b5ch_0Itp)
z=>Px()Ja4^RA@u(nq5p>MHq(P*<WC{%a2ef5DP5@Y-m~wwLoaBTEU{NYc+^X^g`|8
zRgLSFy}}z!gsu(I7$EV&SP0wbf^D$2HT+npQ4CO|@>5${saPu!kWyezcg&DpAZOW~
zb3A)kap#tAzImT{zhTbI4#6sKWR>$F1o&TfIOO1B2P>;j#u6gDMJTKkNFju1R?1;Y
zArOK=N>Q($GgKZvTs-GZ3%7&sR5|0qjD~MOkg-xwKE^#~qBo1n%F5hJW4HkwHBAiw
zEeS%n1xXb2$eXrj-jxMdUVSpcLWBu`=z|pyK)>B)&5{LJQTs)zmU^xPF&vZTw%e=*
zS%8iYo6?}C!$A%RyUi+Ea$IXL1Q;aNh8$eZh){_xGc!pE_aS$C1`^gr!|fK((e)Gh
z2d@XLpj9hTolcA0d0E(!nIeKY)7~90NN&JmwN3FJN<RRQbMG@j4}v7#sekgZ9HejX
z9)5df79Tg9gCN}HO~)O_4d|$8JPTkCcjiTbYs}$z^@T#8U0XW)(9^H{cY_o_4<PR_
zoO*vetVOv#0Y}IFz==~Ga^}xxA8x>-)vk+#kS%f)u+n5D>Z`FbtvUXcob<{7zE|Vg
zrURS+*(6oP`s6qq*qiUO+sH3B;X3`T)YN|CxgA`ZNy<KGSrdU*N*`ZV%+&M@K5xE&
zKPRXC3YHq63Lq2p+KW#hJj^K4*EcYN*3Lc%ci9qGzNrSd_mOO5rX`E_z_xDm53PcY
ze&hNC>@VCY0vsJ1$B9$tmACF*M%5hDXb27+EJ8%MxJ=phz_y7%G}Qo^_?-`?BR}T>
z5y$W2lc;mGf>PxXRRuH}^mw^+55kP1TLg4`e+l39D1SkqDj@S`$JR|Kcxbc8Dv!s5
zy2du#8lO_sM%4keS`A)$?omWpOd^npsoSV;Y{%@}ykd~512W}_@i8dbR{%o9*FV>9
z+=A=$1$aElEXWlBWRQ8;nF|MBZ*BO>ulTa{2ds;WMs9Wn*2YF*Zr+XFOIOj=ds&jZ
z+<;D}Q#(3gC?miQHUg#80zwW*8f{T9bFbv70wgBHcujF<b{^qj;(ta%48Em{+hJ}%
zM~&+kKwg&%<gFju6HE8+LZp}V=xZGI<#VR3n@frWz{VK>;apiI1Vu%f@ch1AUOxbQ
zrTMJ66KuWuYy5!KuAf2327d|V{5?9-jAx7U!A}0X?Z?4uINRRiH(Ux}AqZ&z5al<k
zi~t75PW`bl7Ovik1F}&oDn2pk%#qs!c=QA`Nu$+#%B6-g$e`DuX!mxcrL6PWgHpP1
zy>a8Wale_l9bB48%7NFfiX{Q*sfl<vFAHXqxMZhiX3^4d5tm2CxY7nCAXConQMYbR
zMdrq2#6+1F_QAe^Yv}47hFik*V$cF|*~1YO0$gsA0=Wh`jNuLmIrzVI@coZmDO5|Y
za@Wer1PXSWRrCsk>o@wUs%E2LoSy`N_!enpV7!ewWVcyGXEH88md#PycpMZ5gNNsz
zN(dq4Zyb91?WOv-0V}KPVl{|3AB<1AD8<)*jm;OAmzRj{Kez$e%&_-rMx*`+0jwZI
z{PV4f_Oi!#039G2Qm?yXIQp+2<Ef}!(V-+csOZQlB?|$nG|>SYX4O0RH{G7vNUTE!
Q)c^nh07*qoM6N<$g56JLhX4Qo

diff --git a/static/images/tabbar_contacts_active.png b/static/images/tabbar_contacts_active.png
deleted file mode 100644
index 565d55e14acc04609c62860d9da8b5a3880f7339..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1148
zcmV-?1cUpDP)<h;3K|Lk000e1NJLTq001}u001}$1^@s6sD?Wp00001b5ch_0Itp)
z=>Px(Hc3Q5RA@u(nrmoOM;L~m+3gy$Vrskv8<A+VUZ^y*)_{saXaiblM5)r%KN=*h
zNd39i7L7kNiMCY47K+7sC3Y>PU?3I~+QvdJplC$UlqU58y<xqy8k^gciI!r{+1>A)
z?w+$v_xyh6``%~1nK^UjjAD>KYLN4h1^lm9I9tJoDp;*YGnChWB|s61fNvGn^Z=Jo
z)RW7bysG}R^CGX{c0Gn5r+}%xLB&g~X(FFRRH^QP5;<U<{t#H6ad7__+C)^<xC5-#
zVRE?%gfbZL0#WsZJHVZKB7L-HFr2a0O;inW2Uw#g6X3fH2ZX4yOgY&c%mQXeZL<}O
zSBUHoweOkv<6-k$C>;mCcflK{VBh&P4ri~1XgCDB%3$r2R+!4hG(w62x9I|c>_IWB
z-=ZdjqEOoRu?l!G&W7%%J5c-{+%-GNR6k<CT7445vu^TF$b-u-CvLf+8Frs`6Fo^A
zF<_nU19u<8i;Lm-vcyJOuEK(PKLKlXD~g$JEUcIYM_)+X(hSpa@3@JcstRt?B|Jh5
znBvq%c@cb?<eTF}2P{11G_pW19-;$dId~6Fd=%QN;+wg08=i|n+iwEHP9<Id8c)Bj
zhtXlHyS?YYEHItvSV2uXuK*7(hLtm{fNL7zgTe5kub2#<EVTlrZT0*+l~)xE1>o8%
zFm{*~vg{~)cE#!B66(DIG<G)6fvxkb#?Jl>PalLnEi~;!<|W{WocpV3{!pvK*IQuw
z*G`-ZwO#@mOB+j}W`WgQcQ4F71ZRH{8kfqv2FwY<g-R$MVRhJk6J{TT>-VJY1v;+*
zjiq^o@cBy+v^fKBzI=a2(`|OXsd)SVG``JZV-_8|=c7xossTzLgDrF5sRFpw1@E4L
z9p5^n76Zm~kPfQQJo6w$9txW`o6JB^!50yj8|RDidMAv^wZ=Mj5h4xHBdxF)uvYIv
zu|Z~ErWzZDuU5e%oB5b1!v6EHx>1%xzE!K!cLAF|6())!dpsXnB2Zwn0Z0_NJO(F!
z5af1H!S7K_5`=UtnK}}hR>1h-@}~P*q4I=4F9xj9<peN)lN=5xfeFAIYcwo_nPX)7
z)B~ElJM}O$CG-*^(0|}`SY}72${PX)o`)q#KB;^A!0caJt_k9bD>yKggAZPTjfW)W
z^zH33D6|=}KmGyho8aR%Vbn|nG}g^I>beq$%z){m;Kn_8zZL4ffjgFewh3S}6;N28
z<gzSaygo|f986vo2a0S3|Hl<9B0z_O!QzLshp4jL0+Icr->q}#<Q9<QhjUR*O&c4P
z<)4-e&}7)5kD!T&lKCU5CaSg$Of3gA_tbLvG9#~YK{K5!qFQyi2Q)3seYF6a`Y+=t
ziu@_mgRJH<p5h{!dcwT*?=R!|O5;Ace2BWw;cLq*ps(GZg5-m~f`0)awlqjO=7IeH
O0000<MNUMnLSTaVav5m=

diff --git a/static/images/tabbar_conversation.png b/static/images/tabbar_conversation.png
deleted file mode 100644
index a840cf4d43d518cdc8d2e7ff4f4c2af4ab932f13..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2295
zcmV<T2nhFyP)<h;3K|Lk000e1NJLTq001}u001}$1^@s6sD?Wp00001b5ch_0Itp)
z=>Px-u}MThRA@u(S!rxk*A@QGo5eIN2Fz-}1kAo9ETt$d5THa#41pO;NlRK<5-~$S
za^o38o2pU$BcVj#L5fn^8BkP6Nm{eaxGV`u!j^;<u@+3&41~>;0xsA%UYL2Oy5oA7
z?QP>JR1sI2AESHjckXxZx#xWMKEgM=(KnnQ9uZ7shnIOvGp%Hu%;0eZ8U*J406K!u
zj+uxEcY*Nl5`Yu3%qIxE+r41sKT`3hHYRO5xb&UPS*@(n3joaqcpLze@yYTPFl~?#
z^c6X0oiaW?aYTy=zO{N&Pm63?3}8M8-%7`%1O|gXHZi~cs?)Z=C73A_EH2(<Zqxm?
zOCtIWfX7-g36-(Tj8c*t-L6+=UrohFN(4Q>EA7V?%by7}Iu)lWjJXLJFS!=jwiq32
znBWSp-zI_9iiBa*S<CJD4VT0Ix)B^h1U<g8pMzx&h$JIU(rL?px2E#w!s6m$Sr4vm
zf+arxYXn-V2lRh!BLl079JWPz{OBTB;`P5mM62`wJ}4Vz{Mzlby{Y9-lb~mf|2rI_
zFNk2)0(-#yOpvA)I;MY^a-m<oZbxfVeO)<##~<+Ib-LrKdnRf4FJ7KesWd=!2TOc`
z<pdPz^!9Mfh}XL2+ka-5;9IN82AWM={(l&n@myq<<xxsHR&fVCzQ6|nei)6GVYNUg
z<@$!khq7C(GOQ5NrlIj(jDH4~xgB;}vPmT+SmN6}fIugK`}J<bkUkhcb|}nd6Dq#C
zh9l+YaOK*q2SPNvYe$TJq96L^bcHN4KHGl+N58yq-#4=y1O_Z|+Rw#LNP(b#DS=*V
zHnx~eSoqUCNK$Nl|JSWMICQK6r_WstuWUM-h?D_+vctr>c5WX7Ez2_A`QtW(LicOE
z%vfIJv@Ov^(BlnU1R*Dy;DWi&!E8!?1FHSH9!JX0<Jifs62iwQX>kmO4a~vF;kjtr
zI{D=!7z$z4+U+p}8GOd=un*KExO~mlVJ10vJl=5Jm?0Q5Lfl)GTQC?x`RR*cvbU>i
z4RLGVt~H(<(g(u^^@i1=UUCl{J&Vr|e3^)Uud%;t(d>%oj)V{`@%mpSqLm3NL4+6W
zPor~Irsl*&2%W!lJsiH3*Q-?Rqt93T5lA-h#;rS8@86U3ND#BL&}sLn67+Zj>p_^4
z3_PntTg<UP9SKztn)?o(!jJ*I(4$*cQX<!H+zt~xbD=UaDYf&Z8X=(&-uLgpt$)`f
zH)Ha-oHLxN1Xub32N_Vj=ZzfJ7ZaZv9>F+sz7pF$J%H|AI)oEKZtrdh$w(O2)Yjq1
z@unoFcD~dI?*7~HaQG`VX6$u4ZBJ{2XrPJ+9n>7<=Y1DBJvv8BKHPN(rz)<5|F>)N
z7)B27i=q8<kda~03}?Ltm#*HxrtSMw%^A4hcG&u=6Z8e@2xz5-)TVVS%*~%1A<)op
z4}aRc3)Oe)BEv*B6rnq6ST5SNZP|;4z+bm%C+^nPYY^lbx5FND5l=`m9$!Ed7tLEn
z|32B6Hf2o2;pNJk;T4XrhvK~Td%QbFKaq>>T{`OBuo%0opB%v13yOL=+BW2J*kV#}
zViwi0gUyJ~P8@~7{d+|m?A>3EL&p-tM5JFNskyTz8zOn~>}7nk`>@_I4K9Z*Ci)V0
z&>Of8LKi)VA`D-gIT4xv4M9;JM3%czRjoL@aQ+NE&|#Z9HD6=>=H2?m1M@AH)80w-
z40^o&Gayp0=urqgyJtZpo#q;Lv#J{J2lm9MjA(~?35vxMA#X_UGETdkwn6FyeSxh2
zrs`g1029Uz4VQ@KcKG-??D@O6Cnq+&1V!!KyZ?ldX^6z}*FuLaCPb2j=$jz?$_TPZ
zB=IU|)3$xMRCyx-Mh`(XwW5(mm${s_$R$D8CP^~>d;)DWLQvSos~l0--`lt=;rwV3
z6hc~6t*A_lAwTbS%oGtAX$b_Ec|XpyqV^_Icw|yiIY!Q)Rwh>A7c|#fvkD6GVlrIP
zdgt*4b^@4WbQgvFtf}8auk8DYEL!D=ezhGGwRGdQFH&&}26ng|wrAr9CndQ24}p0m
z3Gb%jNlWD@5!9<zl;$LZ=N38a@987BZbxgWzV0$XU6U#~8<^Vzd6T~#>5f)8N(8s>
zJQ#i%NU>cv*IRoR6y!DNA}EYJ-oS4`_+^R?kvDlX2IlsR3~xSL$q1f4cLm#b9!k}f
z2+zfChiyeN07cFD_PeE>gZHczseVNgD(5G&CPkhdnpMt^^J9;;Qnod~_F}aqb5QZT
zNlBHss;KsO1BD=X3^<E16)NWk)5O>8rY2NQr;f2--8O9f+?ZO4n@mW?^u;RQ4OIyi
z7Z*!yv!C2epz*1aj8{3)IH{<W=<&>0<96EStIbXGTC~htnq!6KFo=@BNoX)PnI!yZ
z#)O2o9HCY|DBG*3S#>Pv(P~TPQ%a%PJYJKaFkIo?JWhi22?!ZF94D9vmGi>$<6|z!
zf7$Yx^4p4*6UL=r&@y((qN)GXGSx*;fRy;krUSfz0IL>gvVKt?2ls2bJBq9sefu|x
z$6$}!VR!2pr<-7SCw>0sq$Zu(vNs4lGgGr+KI(GXN9utwL{I>(^!Z0HQ(5%Ow;o4n
zwqdimv1`FgvlFi?agGcVY&w%$IuU}ai74q8oivk43MUiKDVlE=U%*sbN(7q`J>I|^
zCcHsFA1z1e?$=WygwGZc6aZeY*HTN}UIyd>fCjgm2#3J<6og)?c+BTrPJ6DFzZMgW
zcCd1_e<DMg2If2f`pGiaF|bb}`Uo6aU+B!gCU8B!FYN)zJcUVmhJYymx<>n>U?{h6
zVZQQHcRF@ZX$6<QUD`RrY8^wwgPD*m0qw;HRc300gc>kcgHZvdGu0VY<;C;nslVzr
zT>yqN(KCSjeF9AY<Y_L)%spzmnARQC3YUk`|A^qjSoL)Je6)k<T+N4p^&i&mLuMd`
R(Z>J)002ovPDHLkV1lpGO0)m~

diff --git a/static/images/tabbar_conversation_active.png b/static/images/tabbar_conversation_active.png
deleted file mode 100644
index df20387809d29cc7aade176ad71516afc875d9ea..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1944
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

diff --git a/static/images/tabbar_profile.png b/static/images/tabbar_profile.png
deleted file mode 100644
index 694c226f77c603f30179f8b4ee671e93125e8a09..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1372
zcmV-i1*7_jP)<h;3K|Lk000e1NJLTq001}u001}$1^@s6sD?Wp00001b5ch_0Itp)
z=>Px)7D+@wRA@u(np<oXRT#(r-^}g;LV#d`K}byS0k4UOF(jCvi6A!8y|iMCFM_Z`
zAtgAwE0GwoXnd+WRid^#6pcLL3f<WlFo>}cHD02apfBPBF<cB{DoCNU-I>n}mvC#l
zr{_%Dg>+u$|Np-KZ@$c&vnNZq#V@+W`7j1}vrl+zf+`c-vSrV>^7!r=W^EA&j{<m*
zKoP$tGyhFQKLPZe>$*;+A@Q3^uYtV7GQmQjpda}++z8OCM3^oXoWEpOOQ#y5zliC@
zRDlEL+DdaZkGC=~Pb|VUDwlv}?&{rSn#;N+{5Mzv1#E6BE$}?vO~4eDa17peCOow^
zyZnjsDs_BsV1RFLE6wp-{vN<o)liq-(OoGc{;dDHs?-YvFq`cNO}_KgL4fX633G#&
zVVXv)S*2zmfH}K8P0*TDg7oKQ;0&`qJ8dleN4B;yV78+pH2IIyM*-X+8)7gYGjC2A
z@vLlZWk9R7eF-$}GuZ$FzC&g*Hb+3$uS6X%-~J{@+bA1A$mi;_%!Z}MgtXU*lmT<L
zQzRfJ(_GZ!0*f-q*cYPut98nNmhE%^cwDBrsK<r(d?uOLA*v4+Fz@UIVX;heQIE$Q
zPaAPZR39i{&Ms~v&<dI6qMkCl^IkFP4v6Z51<X4J5n5%M3wq9l&PS%LTUXN~sJ}+0
z{tmVjW<n1i1}H2Oppu7~{ViL4CEY;xl>z<2xqNX45j`gxVlbcQxeL>)>-Njm4g}D$
zcis<#eg-g3Hb{RyX8t^7#Gg{B83^E|DXu3XrH%2mAat^?2M=v%j2^EFKtF_Km)Zb+
zNhQz)FXKOuS8FB{U#Zp#Y=W1AShlkXz-HNC%sAp{<!3Uh>JQ4+2y~g~FND=vS^~|p
zhWPu?W#*6RY+s{kF6#^e&aV;p1TP0;W@>IL)`Dp{m==RDVSvzQ0RF%w{hiFJ+QUJC
zU9K~1fL902zE_wuB^;UWf@ct*UwqH_EU|t#)EoX)b`ckO7$X8G5@fhE!wUFpp`g$0
znlx=fPtU}G0Q8Vo?(`y^S!3zB;eZSb&_C=wb~?0>J-r6tg&>{{&@|D|%-l_&6CnQ4
zW7-!9M@s8f)SMLc52RBD^iR|#%{a9}BWwidF4aI+{M-j%yQg_?q*vDcDO*<w(6XI4
zGdB^@-Le5H`54>_P=0)0@5Z%jmvvRrUw>Z;uxb0=iJ|W951HT}%#PG`RMY5%^(&)8
z+ISBcusOeL29xfekK8v>WLMT!ltJE_R5GzuwD*tzn_AkZ>zcM71nFZu(O`q<*kdHq
zMyySwmM~y8|LJX$sr)rS4~rBYW{vAIMKeZpccnhUfR^pF09akA;K<$QPGawYmyNo=
z2J0yVm}}WNm-GuiXod762Fd)9X~bVt2DG*ocY!G}V!?;dsIN@-Y*-WhU3#InE*vUF
z{Dt=7Cb{Y^e%DOK8>Inrt?edhTCVE2E(K!Xcq$p2DGg}Zr9A*YU9EtAE`~QJl}sG!
zFJr}zhGiFz05q$b0Rbe;WUMF!n6sU30>)Q2AT^lDXuqfH6(@Kz0D2zQrdP+_mztnu
zJKq3UP|Xu`xja8()c+s__*Sb^uW9(CiUGehld;F7zoNd;YAwD7jb5+1oecPZMq17K
zRnZelfWEoOcAnILG%-H{qT5GtqCL!fh=_KgtGB7rU%o1SWJVDrkk(^>fjq`hEHXC1
eQGED;wEiDymZV7QKv^pQ0000<MNUMnLSTZ{V1gO|

diff --git a/static/images/tabbar_profile_active.png b/static/images/tabbar_profile_active.png
deleted file mode 100644
index 83606a23d71de888442b2d562d45cdfc81d37122..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1178
zcmV;L1ZDe)P)<h;3K|Lk000e1NJLTq001}u001}$1^@s6sD?Wp00001b5ch_0Itp)
z=>Px(R7pfZRA@u(np<dGRTPH5b*5>WR!|~TN((}Ls8_I7q);I~ST8}MEfx`9w1QV6
z5=Q4HWvbT97&Iv2g?d4sycO$%ifvK6;RUUrzF3qZtu0l_gSDMhXU>v6NgyVfIeYd#
zb5cY0>#TqM|2J!9&OZB$Fvpk7aX#h&|L+r?pP<(SpVUr{(TlJixCFQWVc~es-+-@C
zKBvY`3i5-OR|9c-CiuFh_=$c}<bb7C!IckC(&Xe@t9r|#_yGrXHNtj;HI^ABm(>u4
zIm{M@rQ)EUCW#mD5nV@$cYsqp!|kR*A4M7U>=WZ<qO7ZcFM!j0L)G=l4zg?lQJ;SC
zOt7d6=;Axz9G@`Lv>^lJWZ0)?Jb)!lBMkWjX`nqyij}1057*xQfM$A&IEZkDYlx=0
zkgepT=-S&Ka8R!z;62v>kve4`Sux*lr{xb=(rpNNCwE&>2P+tmUv0}L*ZBjM^)28!
z7jtV($a-?J$GUz}p+8_rKSa39#oSt>+(=elwXTmD@O^|UT+FRCH8zl!o!0d+1HOQ;
z*~Q#iQ)LYW*=t=NGvMtA&$^gfX_VtErki`@gjM~NBLDB;!@8Uf_5&R*0U|Z^Et^~)
zS=XSzAJ8-|tN8)A!8Jrvozg>AK6dRL4`4~pL-+>hbPY12PT56PuJq{{58&7o?*+Uz
z##2Ck2QDNdhfWT_G05kETYUo6waT9a^l`s@<l8I02~H$=RJWjP^$2!=D%VgDbNl7J
z;s-R5#x~%Ow|IY8LwSu+`YFnYH`#cD_5jvDW-65F18y1L>2x&+eH7(IQar(ZVlFqa
zuJ!>=j#<=G=wvO*GKAFlOUDS<PZ!_2Uc_zQiDUq6lC-I&y?~oE#cH|{mNd*CP^H2M
zMLFIM#`pluVeilM5YP+s04ss+7D880jv#zR$ZnLk$&0xbdM$rIb0*WtW`g=%{h3~A
z{ww|m<rNn25NY|vwXYxGpl%?jpQfGV8X!`q{0%(ED0zzVS7iN^0yn@RT|&r9U=C&z
zTL)2YYIWn?I^Z^4Mv6TM=O%_WVWd=nyU5CRTkqBYhjb|+=GMje7|%9XlR72jHgaP2
zy^+fvu&9ga;uGMa$gb@#Fx$Fo$%=W<({$Mbmh~Cnj;MwSzCJ>g^C`&TW}bF{=9ynm
zzoE6OPmc0sGIFy&U|Dwn8<Wf3lGE8_<i|#e=!uLSDwzxI#3s2V_XLWcA|w6ofF&J3
zcr1aSt`>*L$Z~hUvc3yk?dqP0uEr|zvTr7@=#OYg4<M{aB&e%N$VPHv9s*5UHh>j`
zMXufn>Fy*WGoG%`4Zx7Q$;s1h6D;eez`BGc;bv1~EqVFU70^5vc*D&(5!Gj8<Wl!v
zQKKyB0|*bEggcqNROzK4NBjVddQdMXAdPY{!s&_3W@eKUm_H`Kn=E9Af#!etivE$A
sMUptI=K<q*7iY7_`~+w7-H*fjUkq{!NL`|^#Q*>R07*qoM6N<$f?cvP=Kufz

diff --git a/static/images/tabbar_workbench.png b/static/images/tabbar_workbench.png
deleted file mode 100644
index 303d47e476b7244084f9cc82cf08397ae014c308..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1289
zcmV+k1@`)hP)<h;3K|Lk000e1NJLTq001}u001}$1^@s6sD?Wp00001b5ch_0Itp)
z=>Px(!%0LzRA@u(nq6odRTRhn=cdGB<3~lUVyk_qr7sqr#19IB8c-=ayOvPJ_+qk?
zRvXPs+5}o<uu7EdPGYJgvny8Gs@Otywzk0s!58Z%NZynh@j=-@D}6|x^0D{GCPqTD
zJ2N-ClU?J^>;0c|@9&)Zc^JYP|7eZ#p$_<8&v4CV(6WxNzxl3Pwqq947rvUFICG{Y
zzmj0rBw)gEdj;V&0N4KmH3>$yp=+P0Le?ChopNmeT}45N4jJu{eicYhK+Cd3(;Yh>
zBO#gvaBFbKEScyxDd$GJ^*z4?wX+?!4}@MXJu}`ib?rz{pCti@hQ_X&TR(FSz~e!k
z711$+51a95pPvsql|2IRQ9s>$J7d7mH6w_&Bw#Y_zDbP3L7ez#WS;TxL0$X4l+JcC
zCWsO$eKGT}sYmzw*^~sdQ|_+-w)r^-(#}kSrXDG}u9A-X5)qC8>Sr>8KQ!C5HV|>C
zad-h1wq+3nz)!=#Su?IhuGI}VZW|L)D}h_|#lXi`bK@^qmL-dg!waxrP?24h!RO3)
zbobH$45Tux415Go*+FE+nJpV<o^5GaepXfm&`yo+1;i-;4Sv}V+RotY)!b~0Wwp#K
zwOMt*M0)fIA;lO7>w*qGsE!%$o4WRLRRNQZ`!f-C1Rb=hZkF;}dfK1)bJ1>9GdM7u
z*~$&{yXv4-^epkT*`bY91<?K=yA6^H$4_XVWVx$bk9}Pgz(S{X%KZbt=5Ppkasyww
zN7wb)ssSz>4|E~~z&z)rX6}m>u9yFQtGWgkdrdlSClLlKcFr<O0<{)<PE`f40Ge>z
zHUV}(WgqkmDPJ@?V#jOhCbO^}vwOjOvWzp40lD9Z$3{v``O>cm$Gt*?jTKodOs5Pz
z(pt=yJu(_$Ax;y}sNNU9YQ&@Odf9nQ(d=gcx2Siz+(JrzuDc`pX(?Z}lW7J~W=V;{
zw_BFzH9NF-{DdU|6VB&51m=DOQInq&pY|W7a^sI!mNn<4v(xS_W}GMB2EYE8=&0Eq
zdEHM}X!m?A^ry2s1@j>SHv@EA5QmEz1}+j~blr4gUuWl2Q$cL);miXp=nJo<!H@|v
z9y=JspD$ogCzaIMj(Z;nUjn%OTE7e&GvivPN`Do3@2PYcL_2?H6_jS+QJQ~s@D)J3
zVZ<Yz8;a5~5o91?Yb@(@W7Fn_J1^${%B7ZEzf}6I$qcFh_-U(N7oFe8q>PcEyNQFB
zNTlRR!Qy<^zQ~0Yor9}U7fm>sgdj5gvf$I6naYjtQ7$@#T^F@S+}#j3TPECsIr9NS
zkG`k0$%I`OwVmuq5I<iLK;Szgu05m*7;0TKnR34+;K51&GV>)<k8V;047Dz5r`>PB
zC>nKjXufR3qsuM^o;Mjg<<<d%M!HyKyPm<I(OcL?>r-@Dyy|OEVG7mPphB>UOY3WJ
zd0gsiP+?lt<QhzdTo<)dnK6K#REU$8bi#;h_bT2+!>x<jj@t!7;jgB$KV}S>y7r0^
zVAyrh{{9mi8g9DrCji^aBjn4o)8hV~1Cg8(U_l&qU34&=-83h;M-ZX_wkm>70yGAJ
zw~e;QL@C?<chN~PqBSY6XRs#IqA;j6pTWNYE;6lG^a{8h00000NkvXXu0mjfQ3qKB

diff --git a/static/images/tabbar_workbench_active.png b/static/images/tabbar_workbench_active.png
deleted file mode 100644
index cbb922560a8050039ae35e673441515ed2c5d0d9..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1116
zcmV-i1f%<jP)<h;3K|Lk000e1NJLTq001}u001}$1^@s6sD?Wp00001b5ch_0Itp)
z=>Px(7D+@wRA@u(nOlffRTRg6>nN644?-nErGberMNiQMK_~|z#EKXyvX_Lw>|&QW
zXC{*mFMa1YqNYV<P?1)Ypd_R8;G?Bo=(Wg+ph6+RhaPgu`MxE4zS5EJT=qWS`7VxU
zzn=fP{P)^xueH|^rudR6&X1Ddr5@qljbKHuWEKml^AF!M%3i7E+3emV7-|5#hH%vc
zDdi;aGJ$;JO0xF|hPoADO#+btd>M8jnNF~x9y7TYp^rM(Iw-E=@eAYZV@Q6omJ79t
zV4|0{HsQ-!Tb;=Scjy)T%?QGMw#s5~3cQLh)l40mbuG$<OkCs0ZX=KvZLrA%Bi%UR
zT<fb&jk_6=ZxU5S`Vz3k$&~Uofvn1sNhTQTafAg~3M{{G$CvoL3iTO;osgp@EAJDq
z62zR8*p(JRb1i$81hQZU@MU=usH!XR*p-Xi1!W&|h9{{=J<f?Vf<~aITXqCrmR;mP
zq$_|A3);lJ+{|P2H`mJU5DfKEggwBttk7G3SH573ek$_sWSPzrjC3h*2$*i|ye&|9
zi$GR)mtd$rA}q4?IS1}WeEH*lxz0wgs`K&qHHXvoBEka<h&dq>tJ4G*;BnmE+Z;$`
zF@YTE4nboz(%*p_a=4x?Vw&>V%;RY}+f9O|JbaYxtuvxVjRzT$k?vkHjVL|`Y%i?N
zDyC+yh<i?THU}qfZKI2Mw}3)#+O((e<%8bpWQ;eBg1@_knrLFTia~iN=|HD7+ous`
zJ7+?ifU<``Ozt(WP?sZo4$N@2rMy5OZ=}hk5&R6H-`QyVIeDA``7}{iRr~PR5C4rQ
z?2HEZ5@kV?3BIn2@c0hl>MSK0-@oMy_fV1XRNQ7=jB*gT#=_nPd|79K%Xlpe>uuB-
zK<Puc&PL&RjPf(Ek1?uL<S#4PNbdl?gp|}!wh+iGR{9FNrfsd+;6l9>;V^K06I|Iz
zAg07vucF?2)&{MBre_u21C}5Yua46w>$5JD`1H53*d<U!XE2?){Kg4(U1+~tyy?vd
zx-iJVc7HBvF0yeR#^WZ`VMHRFq{cyp<g0vjuoH99NX@9wj12QHWj|v)l4t1D-nnR~
z%McFaXLga~v-t9++a=TPxoD`n5uPZB;4yr;%Z*^9?VXE;dKBT#f(ZVJFLPW8wtFu6
zH4wY&IY^(vm*&Qx<1?Abo<~{|bckdb!RF11w9G+=BNX@ZrOZKx4J>o8%t43a5(h1F
zu*D6`k%OVOcP<*K`NegAi^Lk@$|!-{;?|3X+TOWnRoCFLwGe`Jb}%T<yAf>nTy$7x
zQR4@Mg)Ndi1>BA=C)@}cbi3!Gn{*D-@DUyY<~tEJ{{n?W)Cn1s(InZ+eCXt~rM(F*
iBiNg9vG;1qNAMi;X{$(Qb#P<=0000<MNUMnLSTaXd?5z_

diff --git a/static/images/workbench/01.png b/static/images/workbench/01.png
new file mode 100644
index 0000000000000000000000000000000000000000..3d243089232a7c9dfd3e856c27dd08d87f67f8a9
GIT binary patch
literal 8862
zcmV;PB4OQ$P)<h;3K|Lk000e1NJLTq002G!002M;1^@s6Lg~cy001BWNkl<ZXn~cR
zd5mSpb>4qfb?<#^_v@bS>FL>ba!Af_lPHRmWRem^MoR<>l4aSlY)6r7Do*@I3>$`x
z1VVryaF76w0mXK_!CEZIv?W{OCYq~6ii<>w!+l83K0VVjy}o|?y|=1@s=BYcM`RTH
z4SL?v{qC)E>MY;+&M9H7w)ls8GJpgGYY)j!KCHF=uZMr;-ut&gV5~tHPzVebBka0w
zD@5@{A;Gvm^zRMAif~;k5JLKuXf<4o2+zf(+_Mnj{^Cum`{z9h!EGV<P@0Pcw{LMN
zyY5pjxV3(P#%TW?VH84Izd#}XWh=~z)kwEA;S>Z`h;RuT1XpgAZ{CxC_HCkzg?{VD
zdLgl5P4&ay*`Pc3B!$ANpe!|9Mqfj-NoQe^R<lXk>5*q0jLlG15=AkkTA4~?jPlqx
z@x&NZ>!8-eNd29H0{s#UNNX>WRQwA>k1l?@e%CMlB)k%<ufjX)y~7rtN733AnAuaD
zJ${PT@srq@v!pY#=*4B|4~R0&Kxy(wAZ^%5QHr5bMc1k%jS-?vTaX8?W&0(28Qn5L
zQru&(&KbSj!meAdDAe=+7k-_O59KRVDor7@3<8pe8<>cJ2=<mZN3;^5!dJ7EbDV$S
zMLI7%&)|)h=*`U|1}XJ{piBi5mq^_8tR)o&<ILAuqy(uVY!s1N7^FE_mUE%Lk+iV`
zJH409*X-lqjh9m!DfUWR3^`UBq)iHkcdnHe3W$E{{tIi3z1Y-;f2xb;sCZ?)U%5Bd
z7AEI|k0$NUG5^fd%s>1P+0kRDew&d5%1IfMOI8L3;u?xFNqH3NbutCH&ai2U&>D=!
z>YOyySQjUhq8C+YX8Sqb+{wu_rn<Y%)wfJ>^R4?CA1gZ_A~h0aW2DSoC`F1=VUPOF
z2L00nAAZI8XRsn?JTjP-5Bvrr4NAH<%QTN2X7Pom;gzGrGYc@tP%1)Zmcc+^H*d#Y
zdo|I9EsR#DNhT(UYh`St$Xztox&O)fJyw>NX|1#vbUXB0P3Gsi%$%HLab+h<y2Na6
znT~F<b8nds-oA@lZrvX&&E`lOvWh6OOAto>Ket@iVJ=z~+&Tk7A^pX$I!J7lTP9jU
z%nG`FlI0g4r+4H>)H+?Nwo2Mk%$-<93@nuxmOGl{l0)qI{IAiO+T#6F5F&C??8or^
zTRq&y|Mg$I#$yjIGcq>DK=;r&4EjB?^gK7-Ji(`a<r>BtH8N|kR^rqty#k7>x+u8%
zkZ<v7ov91&hecZV`BmaGi^z#-lAit%7aqNn?u*}JJZ~Z*$^6I|@eMaKaodOKmN(Gq
zLQ=2LIq^C(|8N(om-;m2LWR^Ctuu0M(C)`te|`Uq_0K+?DM+dbS(IZWjFhUBazmV#
zX^ijZu}2sA@BifqUVm+wSV$siu_6i<O1jQnhYzzFuGJU5@P#j2EOzlz7=n?Kz7Ryx
zMc`T5uinRn!*`)p&N3n`{k%kH(`Agl{X<muzn#j#E3gyeEIfaTO1IA_Im<_ndcmd+
z9U_+ATM$ZMT`=-FerTHO;&WlP&%Ch28z%>tyvm+!C4T-B+gNIz;KZpu_1X>=W(`k2
zd4k4d#O|GANMX?EuzrUl-fC~(()(?Zrkr*hg0lF<N`0Q?!*|nq<v~Vi6In&ij3M^C
zoh@(s5H$ACA2^L0CT@H$^{mF}zy1ocKTD%5Sh)M!Xce*J6F&!$WZ>*r4sR)Z${wP#
z;HTkt%1DHc(RqZ5QVzbW&fcqT;A>ww!UO+wf>LQCX>W?Z_~J2IodF;Iz+NJu&?fTO
zaeW&8>4FmyWG0<?3lg`W^a6{|{4L9`JxU|e*gR$>YA}BF`>7td1)Xf9n`(>_B)K4y
zhUlj2nTiFoU-~+g)_FFTBQE^ow~%R{?VtQ4Hj2^K5czbu20?wc@K46a6t5qLUEMya
zoXi+1^_b7xagZ(Bt9<QmUPs7L%5o=P|FbjnI~gDU_~kAspp8qFrr7o2&U+^s3ceQ0
z{R$kYFv15#shhN({s&fGeSk)y(S6BE;~>-5e}L-t1LV|6GnYm*QUoYtjU=@RBR9T-
zN>t_Om%dE4e2y(qnX`A@hwXLQ@k^gVSL*bvCPI-o|MnTg`iwG+xTz1bZe2O4bZ|`+
zm?Gj|eP|D36E*()PoJUNk15x8^LKwUPn4YHXFsyp;{$AjEkd?%fWrwzx@K(QV%n!I
z2aY3~Q?|=2zVux#9C?IFZ0Xw?+1LTL-uMgDx8F!^stinol`#=9v5nADk~u_{hk#Xi
z$3gad?$h)dQ!ICL#;bLfAAE!}U-}9v>!O76L9g#uP+)#9we+^&UPs3HtR^!BaCha8
z4T0;O@7%;4|NeU7(Ph$jKy7>%-}u@I9{AoVM6s{NDv!xr;IswMSyzD+(a;QYOo#l`
zlXPBrm{PfqmSxfn2bs9#^HjE6hR(a>?!qEQ3K>GMiiu<iWW*r0<atgTL;0$MT=Kck
z(A&6$PA_M&T4(9e$C&x*om5Qj{X2IC=@%H%=Flr$apGgV(5v+T#qWoS>g{iv;B%k7
z8fniVqIr^JBVYfkS>8C&@dlg=2W^rf+PiC%iXC_A@E=NV309@p-Z9!QKTLISp0Z0X
zl_{pLyPbH$Zc+r9TcC^(!W1yk?U(kRDXpQTGj!y9GN(ySeD&q*x#QEMQ{!Y=kEuk_
zy6*vIzw`~N&Tm~Tu{jxLwL0_ru9SzwQi*ly5JhQbF*f&#x#7A=KK_f7bo%oorA;*3
z4Zi-hV`R>sg(#G?b_Kb5q1Bh}GIMlZe~NVBIFWMrc@ra-+)QQq03GKo+Mq=2D=THK
z|B-%2au0ZX*=W6?61m@{hGln$E3aVp=YNI8=`D0K7>^Q~ciqqVFMoyDtoS836LvU0
z^#BwPM%-?DQx$6<Gwi$#I3o|@eE8M_T>tI{i!0|D+0fwd3oRb`{;Y>G-j3V`iq#4v
zfCb}x%NP`Wbn_VPlP?oRIXP7-JFcOA#k=WKBC(m*pcKxponX=jA6Je_8KY$6e~d~{
z+POhQ<iLeCG+pU%;1Ih%^KV(&yqR9EnTjLY|9CGazw`~1?vaQDWtEROW=MKigE5&$
zVRm)XLv(gEzl+>H?*gCv<X*P#?Xc2sBC6xubN4wGyV|eSRf2`FdmV?1Il)B+cA5Sg
zhtcf?6qY0|F}`aTQc22bn{wVF5-o&XMw%6rX(ROtLbs5*gEC!WGoWHKYH~o;_NmD(
zbygVD%h+_DvCFoz|Cc^MI$iOF%0v{=|IYWA{mXAsGMY#*EPB23XrVnQ31r7w?l(RY
z8LTT%j3&=5(<2EV{p3!F=b=>Mjq^S3d+cPv`h;BRO4&#knvDwNpwFMAee^kEJ0LMZ
z8OukWAwB&Dk&OLcODT~q-Q^C31(SBL)@fbX#NR;2+7l8=3QX(@n+%y|kZI0VVn&o;
z%e%I-@Yw5A=TbJRgr)l*;!FhFe)SizBKDD9JJ*px4KglJj`wX-1U=;`E~_$xD<rJo
zrbFW#zI}pw9-2c=NFI3VB=5R@J3AXOx^U`fsKfBTVQJ<yOlOu_QYOkJCTkNdA4ZVV
zFNK`z@wAk|l=H~vO2?Twi&GA4xOA)fNGln{f_9Rl==p$W9gHkV`m#=`w2AVSlMJ3+
zpwvn!l{9nr-GfaMwtwmu`~p2SAO%@&{PP;5^|;QvLhe$ZaOf|`Xo-v>4qZFV{XaTQ
zzm{-%G3C*xPVvjP?L`%VPAZ3<e2h@o);Z*bC#aPBJ`iM?!elOxX%Zo*<q5G7#6tP+
zNSPvJPGkkjXfK?QD<HZ=ZujE_q?)5@TU11kC~6bYqCQwa<TG?yuTzpsM0?6Cj`oS8
zoXv5<>3i<u%s0P@>VzH59eDA?MP7v97~$%0SLpa)D!k=sg3xoR;h`TKqnj8~hqr5n
zM_-=dOsB9GOyJx^0TO%7W61m*)eSkR7G!1uAx1%!5F!eto^&_QaAmwt5!#u&^1JJZ
zMxW3eOpLmIkxpqY7z&Y+<#iC_SXCo-5WpxhJ&KwhrB<Jy_v{HOGGePtnECd1S<zEO
zy&Xumcu_DlBDiKYWOXH|EJXP@iCENzKl<|1JpRHgYJ3x^%@L)9H_k8c{IOZK9h&x*
z9R+~k?0$v3`v$VqM^_U>W19Nr_aiF@kfP!>@1dBxWkK&4U$SOM?I`7Pu*<SDpHt*#
z??HDXO78kLA`=s+`sE~}*FdrbWDDrgacrzmZ0zJ*XgtfghknR-9<e3MnE&zflqM!U
z8EJHvNZD0zoy!8=+Q?_5QX*KfmjCfr&+_myGmK15(rxug%YBk^g_e=Lbm}Z0I5h1+
za5SU=Y(9_a9Vd=bkY(ifBzodf`dk`zZe8VMJSNWzQYsJHr$p?jhBI{MPLQsgBaYfW
zeGJ^LPFzl9>n&u_9<*oPv=`j^(4<L6BvT*TPBuEp?A;Hu5ly3?Q|hLkPLi~-&eB#P
zOn|JJ%@|EeI4l02fAK>edg?5-P1E$dO%5I0Kq|+0`RD>VjyN{gqX~>bAX$76Nf)sF
zIadez94(Vk4Aqb@Y#?G>9c_mg!WyItB(?;$gz^h}mDbE%bWT5tQkggT#azMU+o){2
z9UbijlMoHN1-4FNE5tg%n3zG_VCx4z$hMDsfb*jjI>utt-0zUXMo!_u)-s=QB4en_
zm_=*(Z-4e24?J~_(aA}A^F6NEHOlXP`g(4<W-B`Fp_Js<*#%B7wgW(yMKsU4=dfwh
zWA1)3MO4~_Wpu5eQ`(b^&cj`<RUS!27$b>g7m*#Ib@pxs^RH4?IV#C$_7h4Q-a&oG
zN66S6>OYr5^N>${bafbClzenfjVoy*HogD7^sMEThhAqn>mW_VD_OY$s6b(k?JY$K
z^SR-_{_hv~-Vf*5xMdgp<vFg|Tjn=^^?G(jg6W#|#Ah49!g8N8vrP_dsJry-?6-sI
zokyn~bUDI^3d(Lp((wM{a<*2XP;lwW!BLl%v@k@nkLbQc|Lk|6{W4LUd(<}QN>uqe
z#<zb0%Wh8uDc@4+kt&xJ5`T?Ugl>zn!lSFyWM~<&>-O7NNXPi`4_3hB9w9nJCyRnA
ziWEy0{@^d4;_+uXOl{pxXYm3D_bPttj_cSy5_|LCyrITuy+XGI{XAh|B^_dQ_hJQ;
z&w)sNky55l*^GJ;UlmDSdp(C5$1^h`CKf4T@Eo0)yD>}8Q8t+`Ci_OSkWEpadLKgV
zCih;Qd-IHq^7k+*_cW0c*k=S^MQI<owX<uXxcq%LP}@|cpSAo-q>X){>99nLlt1|D
z3q1N%pULeTX|>O=e_zIL-SJL#kCbTJP%t${Yt%=_u+Ftah4w%fg8OnTL+2|#f?3CZ
zMpd$M<VgaztL{&ftI>(cr6MoVibzk<JN13^%3+l3liL_$B0AkJCYqu;vEQ4wFgdZd
z9$C2{m{1CB3LC2KQ0xdCrjS-sE&zF{2KDh#(tHs32bZ#Z?QZ#_J73}M?_Z!iy@{2@
zIWF6(`Mo=?XK$lIyXdWX$gKqB#8r_AN>%Ch@<MPOdsf0~<I|II{FWUjmkE6*v^9Rw
z6{{&}6&f@`Bl0)soO%$w_$n2*U=mVUrXv#;TRG)u5>&(6Qz!{yufRN1lSm_dCq;`P
z{Vlu#+~=;wH>*&(PL^A;*jc0Ef`LE$rx&^N{&}inTWEF8arqv_fByBG**jWe;L@uX
zT>0GLEHshYLl%cc2HmW17H`VRUsQPg8y}@hdK5v7Du7BZ^WcX<BK1)^r|uzLe40_w
zK@1X76+^8|v)g1jlT40{tU+Oy%cb9550*?3<lOZfIq8W95tO5gvQZ7c>jR#|)?(%c
zlK=Dfv;4!8EyTtWdg&zB?VR9ue*H?ek0b?(i+$j=BCsvWm$ts%^_w`z28H0O<y~BW
zlA;KahQv1$q-RGwW)=g4o}+W-F7ml&7!hrRYXFK#qHPD5Z!K_sFwY=1q)AwMYzoDS
zKp*;Qs%TKSCs%pdVDN!bHbEKES6_m@?9;DUO7#&=E%cc=wn#1;WDDoGX>W<&{p_{u
z9C7idjj|ysi9n*QRUt+ewT<;8<dE13^pUK1&A1)OT$!f^AO@I%1c=>*(v$R#-N|6~
z`;=u1le;*ujbzuYsBQ0JmV~y8_OWES+w|bZCj&Dq{)ab|-mQilvhXN700iaDRQp`*
zym859^vVWPvb0=}O-aP^EI02O<@bN>o$TD87<fXV>hXqQt=Xvx>+(#kQ>ac!N<ngI
zib74u!~=i7EaeIUNlN4`AQl-iKSuZHU6^y<V_YvHvp#LvAl`QyYRhf(*y`zJ-^7o~
zoLe|cYtSqLrYV~Gj`t{#frrY$xk8G{y#jpvumLM}b2#4Yla@;4BBQG{E3IYTb8rLy
z={K%r+gL)MfwvroFSK;lvL4+@`l+Qiu%6VEMl(`TLk33rPL{{xZV|4u%m-jnpJrm&
zLuRkgK7JSJ{1a4U2b&tQe2m)e_oAk+XF#2p8fAyqwZSHm+14Dd%pMEzK?M^p2)<wi
z3~3-y2pV9pi*0!klMf$T<dvBvL{uZsN;I3xTy?0#@7!@Un@1G`1}I8_vJ$4Ck;O%=
zqovM(R#$t$9j`MsS`LB_i5L}^gWn-2XN!pJ1c{hO<gYL|{v9~~H1(v3&dapqUZQ;;
zrL^fbGRFOmx)NXHDzLvL%b*<b$g9usN`Kia*5_v5AI-w<ip&e@tW4O@Gk4#0M5Zgo
zX8Z8fyI-M`C8#8(-CX3VePw?C-(1J`nxOA#iW0GRjm%epUO3PCuJumNFSTf{^ie_*
z3(MqKH3%*W!IMfE8700~ExKp1`Uu**NaxhO*tw^u$tFst7&S`yvX7B$`4HM{M3@9c
zjB5$@Wt%*5C20v;uXA*Ho^L<(Fmt*^Bonl+?1r3A=KWY;SDP44@QRQu<d!df`TIO`
zq))jrNvFHWo_&hn`|LZ|KT?G(NBR5aq2=IlK;-FZS?u|cSDjnz&~^>WJf~i(vT?&$
zfz>@&D3Mn7L%BiHIZN&s)H6RI6NfQNvs9fQ4Pa2Z6m`Y>P#bO{cQ{@+Bp3S|bxlU5
zG(<7ERp=z9KUw1O<&*TE{1%_R_I+%xYz>o8Zm}lvgn}u`VkHxwTVI@O^1r@zn1`NS
zK#uLgG%s-DfeOF<E7!Ao)Mc0sLMmcg4i+s7cX91tSK>M>;1H-|W2kccybEe|+PcI3
z9k6Gj=I<AUkf%_kO(fMR^3D;T?Df)VAIYmyk?NSdwvW=D4<I+(KuQJSfr4CXbQ+Dx
zt*@;ez0)W;;WL(N6&_ugq4(qa`RM+4bM?kORNT~pSkG^3PB&M0<fUc4bnk1NnbS;e
z-b++Yx#9B7{JW1`!EPDk6x7xQ%!|A0Yg14zttG5DQ*SvSTKB^S`*$@M6(TgCtkgcp
zC^1GdvX9RE3n)6CWpQO+mW`rEuO_+lgXFbqF}70pl<_T^VK36t-wq@=Xqp+ePQm52
z#>rzXdXpnO(Q9(ziTk;sagb{^9YiIPcCK0O#++M$SI)ILHlJd5AL5d0$B3n3LP)mn
zjd^~y&$In5xr2QoDY*ZEYuFHpggAGcdG3>-<9!?_uXRMTrI^<vjBKtl(#*K}(y7%B
zOysB}-##)UsL_Ln%9D`4OeQn~S)(-iHmW;5LS8#aPQ^#$K>CRy5)UV#*5(9tp5qMa
z!}|`>>z?GnnbTxr8<=T~@~wpy-#&VZYPK0fL`T9PDUsB+QrQ=fV{XFk&J1!+KHq}W
z72}yNV$!JRo01H96i11h0oJ5m*xZ%4jw3W}$|j*)Z$PQfWqZcCYR?pT5&0vJ+iXBd
zvbGmdxs<`u5o{%;8<$W!50W-6MPy|v4!OC;py#~;94zL5LT6)Dc15fw*ugeFbHx>y
z<@<Sf_5^m@C|RX}9h+czX%o5e3Cx2TSBrO=0mH{K$CyFzSCe2x)ek7x!c48Q1*HwC
zSBCbn!xJO!`$`feB0yB9!NCewT@^DeCB4G6B0m=8v8;<V6U0;3vbgdDv3Z?LpJkwy
zh+Q|NC?MPdwCi4q078b%Co76_&*5)B(pjfMgE6&{-+brKGI-=~dHl?AYC9B_hDMZ9
zM8AO?7)m)*TzM+3M~d3FsYIw~MD7~^&S$aZVl-s{4qu3zOhV65;VPzVQ{N8m+Yy@m
zIyQ?C`GAe(oJ0FY)?z{Eqed6?qe@eklg=HWH+O_2nxlF48AdLBA2QzS8wi;SlrO_U
z&|<pK6aYo8QUzT~?k`f<l+^f-H~k#Rqu=1!Q?FsSE+XTjTsCnDx9_>0ttKL|sY6a-
zg2@Pv3A(=S57!@tFh9#<%RXhg&G1dHND&J+#E_FmlBdtZUEk}_>Xb3vd9K<cIIy8!
zFm|Es705;t8v72WN-@RQ^t(BC;Te?e(wcvf^Ywe!vGwQC@dUYz{7vMlWt(BW6&mkF
zeO=0n;TuO{<d!X^I=^-EC-{>e{5{{DdjZ|3aOA=)SJqN)*!~{Mlv#TWM>y0^e764c
z^|LKQq*lRkxAUhKNn6Gb8<Y^d=g<fam%7HbpXYMWd=)?xnsvO|#)<1lCaz^JuaSu*
z&Yb=Z7Zx5QqUWcJLNO4`a&5L)ds@jjtn5E8xz4y}4y+%`&`cyFeEw%X&aE3RrMzfZ
z$pv41_F=yG<8QKL+YBQ_?m95;OLjOXn|p>eOcw^z^e{+UUwCL=^@lq9ffLJo|L{CS
zimX4+b-Uo|t&OlXuB^6!F_oU?^%Yt%jpCzSgU$PIrJwAft6igDhEu1$!*b_Go=x?n
zvM(nyY{4XGM=;4gRyy#Il8Zn<d$3>xDwm$A-5~4y_S=4$TN`_!-DEI2!o4St@aI3c
zm!|F(rs(?Xt`tvwagwf5Un<nu&hM?`_S{^IBQV^4mN~qf@vSG9>BSAK?J-eq@vpBh
z``vb<qKTG%M#pgj@=c>|zE(CgYBz9T$Ip@tHeh5zdoaW6C-0`6{+LAcf`Pc9KS?pW
z5`!6Y9IU60l*_FYJEH>S;oj$_PbDey>Gynu8ydSQUFcA$Rd{UnRsQ&?Z*zezo_KRL
zxe0xC<+85t&qdx;Z83c4Ca)qJdrLji>htCMPSI`Es6=H<dx;NSH^u&mNssD72C{y=
z1t;_qgZX~gJ^@o^%Z}UGGJOl3Ud8um+MVY)aq>>O=~E=a4ba4ehvnY<J&-ZR2an+I
zAzckz==0`pJ(KEoW1F1hjvGG8m7`neHaqk;RCsjZ2!H;>KeFhASJJzS_1Pp$S$Kft
ztt-shm=L0QWhLWJ?mf-Xu7bLxyRg8|T-M;jS8fb#b3gKC!oh$70lvlYgSA~pOmpe}
zUtqj(HT}LzD}9>HXE}QM?`REv9MGHhjyTleu0tv^UkNFd6qC;(0+^y>vWjs{#<pY=
zpL_4eI9Quvu+kzMDf8Ie>-?GD`95J=0xEL|(}aOlzr@tn?t<srIe&Qn8D8&3#El9o
ztwr9xSMkd?Z>8p{Kdpmb7Xfe>9@kAh6(5NpAP&mrg1B@A2M>ILdSwT>?xSQ*bLBZ+
zKY1rhoyU=)TSWFai0K;iuH~W<kF1<wMmB^%TL2#`3NpeN_LMgAA8z_N-cj3vUg<Iz
zFZ0OU8~o+d-=XbVQZf+A)`sb*tPsEzM^7&e_>=q2acmGFHjL0&ZgbVN;4|;v&L-EF
zchei*pR=%;MZZnHdEPN_A^|K!A<AnQslJOV4}6MJJWb!-UG{0Vf5ef~U*SUMK@<x_
zD)&&*Phk6^Jo3VN^fkl@BJk%fP~`;*bEdejI>m3i`(s=)x((avyP;JcKl>_w`sBS_
z@MuW-YF65`pqB;r9be&(@15m%OEFR(qq~@~e-iGvbvt_!mlZ6^1s5AO)OeyIl)p~G
zpO|GWj#y|_oF&Nu7S}Q5@^)(Vn7QQ{(zHdKWc0K1EG?h&6Aw~$nO}U3bg+z)ipj=7
zCP%IgaMpu7;{_j*O`^cKUO5KFk{Wxq?Pg}~EOX1tsCt#x<`!5?GxkpJrsig8MZ_6x
z_{Osr_~uhxR%C_hNC~sl;mT?FwfAjif3-yBk)<<p74EBs)p@wLs~*=0Zda#hg$IoU
zMn(iu(CQMk%2q}i5#8Q-dV>o-b!EE8(()WDy%`4CLMRxtVPoSeCPoi=1)9|kye!B^
z;R(p$L5g7hf=N|j+w?Y0t;}+^yM$^~IDX*_%?#?*jl3|^<Eu}c<Kg3NL~W8dD%0)s
zxN5iIj$5YLSBlAO>XjP#Mo8DAOkIqId8Wy6Z&nQF)z^I7`r=N9QAiiviw=gXx24QL
z4(OZbc>VM}oVoBkITui(iZ!EHTlc37bgtR6<-=UL@0Wajz1X6}+GL&xcN2cbO?!4G
z7m61-&)*(?h{JQU$hZRSgi*bV_R=UFJx)|@U<Zm#(Gu^uw8m|3-@<kmzDyPdf}|<p
ziuP@zwSoLF`4o7*b%GbI1A_M@zM;R`Ki7F^Hux4(7sD)P7oOpb(+{%JJywij#XcCN
z##Qt?8LPjO$%(6(92sXccI3neHL7n)Bx{eH8NJAfw8;}EU*d;nPLY?&3~YsddjyeA
z!JtNUVA;1}oDW_z#oM-)JuHo!;%q<k+hss$ZbU@L^1Aa$h2q~@aA$afqVp6NK}v?x
zMjopc(b4&wG<365oH+LgCl`OfeEXCinlPmbv&IeDZJ?cxp-Kt0Qkk*x6cd$g)GH&5
zMG+M@!7P<OUC>WE%(v$`(^=qTcaDx5;Yg}<4di(Y?K0K0!Je^A+_-BOH|&~Xg9<Ax
zxqi6~B&Hwom#U~5h40m|uCfrT2N5nZSGS+k00076Nkl<Zbvz6e9{Y;o_)X+nNvreJ
zPO+}xAR_--dYm#~K7X0hi_bH2{urm1&+}S8rI}S|iG+TvJ?|}a9h<trKZ8)AZRKz4
zXIZp|pdwL3<v5&H=(!_FmPtmqVsszx*nJg;woJ20gbCzuqCpWk-roivHojw{ib^qj
zw%*fZab#+p;I{akE(9NP)V2^jDsr#zV8SaR4|RN)hIZc7q0b`cTIV@3KhMe83!G}5
z=UleHigvLfA$K)_%*mq2cUPm#dcb3q@ew%EmPAA}N>z51HnDGV3kNsv;ga!Pj1)*Q
zEOmGSEu<`4piV!%HRK>yyDAhheO>qF;=?$F0=(G_$0zf((!CJA7>Haw^2l()(7TUb
z{aXh%meWOMI<uT=E-=^au+;9-&ARjlDaHXLBm7iEoG2>g6658Xj|tm1Y-V?TD`Rm|
ztW6iBaTv<Xis%#hK6oLI4KMuo*IK`IEwqU>X#S>CNJ0K#b5CD%u5k5a&#L*TwO?C3
zY;T6SSdpxqI#~D6!^wD^VO-Zm6q#L05+&b!B5CM_DomT3qK}#tTM+qUce*fbvHH&z
zL%W`we2d3h3x3fZO=0w_2OHNN^B8i=VWcw%YF2e8%sR={8b9|_AB7@AE6Mn7tJ^^%
zL&L%OvimV|2tI`uJ>WrEY>rqb!$0>h&YCf-eyO1RS1%PzX~?s=m4*57AxLo#EnVIZ
zCk%>14}OUb!1%*!{+LBLh~bGsSA7L0#0L#`ha?zr(Hjf-W;hu!gu$WLUYua_J-Bt}
gVuvS?fARtRUjT10Tp$G0fdBvi07*qoM6N<$g3Xg~od5s;

literal 0
HcmV?d00001

diff --git a/static/images/workbench/02.png b/static/images/workbench/02.png
new file mode 100644
index 0000000000000000000000000000000000000000..31ce6e2b2208e7a66fd31ddc97de434f4d6d07bc
GIT binary patch
literal 7193
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
b2k?IZKY8^HNMRWN00000NkvXXu0mjf_wiYU

literal 0
HcmV?d00001

diff --git a/static/images/workbench/03.png b/static/images/workbench/03.png
new file mode 100644
index 0000000000000000000000000000000000000000..e748e4ad3d90c3e41f913323ea3dcc3576fdb204
GIT binary patch
literal 8732
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
GLSTaYJ4omN

literal 0
HcmV?d00001

diff --git a/static/images/workbench/04.png b/static/images/workbench/04.png
new file mode 100644
index 0000000000000000000000000000000000000000..38948d824ad9907a764a0411bf56fdd8c2dfd5d8
GIT binary patch
literal 6799
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

literal 0
HcmV?d00001

diff --git a/static/images/workbench/05.png b/static/images/workbench/05.png
new file mode 100644
index 0000000000000000000000000000000000000000..a73372427156802cde2d142b813bf3a35e0d5692
GIT binary patch
literal 8248
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

literal 0
HcmV?d00001

diff --git a/static/images/workbench/06.png b/static/images/workbench/06.png
new file mode 100644
index 0000000000000000000000000000000000000000..111a64246ac5bb90bbb69af870e5541d8eeef4ea
GIT binary patch
literal 7773
zcmV-j9-`riP)<h;3K|Lk000e1NJLTq002G!002M;1^@s6Lg~cy0015&Nkl<ZXo0nx
z_md^pb>BZXboUDrH}7mjB)|X>Op+mzB1n<0l4VgP{h)G{|2vm|vm8XJXuB+tA}NYO
z5D5?@5f%$z7rQe%vy)%y?i*b9+<tF%!3c@!t+zApy`JuS?n&SCJ*QQSG4fkH0_k$T
zyP(0N@DXhHB08d-q2xRRSR#d-r{r%U%6qgoU?L$z&=IZEw@SVzDo~p45B^1m{cQ@J
zmz{;y7-CvrT6YLoJA-<MFuFw(-y_MP%@EtahN>P#v4)GF6j)>Amq->`1XM}jm<6VL
z|F4kzw=VeN2w7+X6on%+?=ZUie+WlEp=xJ%HDzWTdgW27^IxSHK1WdN#Gpi>K@_Ud
zvYA2trA<kn{cAKmKR%@3A^(W_<RdlzG<HkW*=S={N>Q|g>1&Mc{4e71%M9F<qP1XV
zRB=YVyG=dWMqN6lSpQ=@OT+-J2CZ7LpkzHZ+RhoG>}mR4#gjGsn+pE$eS-LMlz#=;
z@SOOqiaIY!xA@7+9Nqcvn4_0i(n(tbCWR*If)YzV9OI9E#$?vef6QRl|2-kDba&{s
zG}`Pov_$3b(TXjYe}%PwsNfbm(eutHU#>enSEwW~ju2GVhMwS#f6D&mUt%UNFvQ~g
zD!y2!ci|bd(M;~YiaPo+!{G4_ro9cSYkxs?`p@vHJlXA-JjWAN-37%G9gW=aVZnd%
zUHBK6dI~aDG#gc)C|Xt$cVe(|in3F}=p~Le{|9>dnrPZLmQb8!aOn>)r$39LWNGj;
zquVgueuZIBnDL0w+kcC4eaiD+lj}EPIXSKwKM+690WZ0M&R;G>{x=i+gWKS9(2<qp
zC1^V#9KFcV-M>cFuZYl1(<7)2md^hHdi9G;<2iJzsfu-$FDoWtz-;qXdP=d>ZZp08
z4V0fzoPQqdIa;7lfg+_gWeGaUU3oz84{P<mnc#8$pU&D%Z)L|_)_x3V)u8o^=I{rM
z@B9sV_7;6zP`4#*vBC1iub|hSrw!)`CZ)1S+YBhG-)C@rnNc$5-Io|BPk-u|-To_R
zXA~Fz5M5nF6KIXYs7MftOZmUkv&t4RU#v>0FnW~IzjQl(z2FZ<fY4n;d+~AQON`IH
zjk?R^@P~|czDd#Ep=UgG3%>stD;r<MuKq5qKP_oWfJ_KPqo_lPsy@T;k-$VbW;-|O
zX+<w=(Qf?>DjZUr`wH|P!`mKhj;Rzzp*t5KJ}h1mS|U=n8%q7W@V_#+rLPt#V;<0=
z>%c?IE}zV=-lW<47RLwQMXPt|s~)bcX!;jfx$>vj!Sl4PN3apE9LCuWlmv)IE>Y-!
zZC+t~>l?)Vr1=r(2G1!N{yX&9KSZxQfhq^YSfbL+wa<PY^#aw!g^Z#5>_ci?KvGmE
zC^5ZHh$?wphy;IxukRAZw{ZJ!5XY~v%59>FxEP4#25TE%hovtwb5#Z;Q4Eow6~Ro2
z!BC~>tXh01pm>(yqYa}wx0vkiQmO*uk7!2!Kx}uh)6b$-pT;hqBI-3FLvewqVyAi4
z2_8CFn@v{z0^t{eXQ=6jvC4nbz2>g1;y$eidK)#pPnc}dOt#VP5R+bJELV%MhYJ;U
z`67DdaVAu9iGqfx5_Y%weM);NHV|-FF=1Iub(-Pn$2mNHhv*|^O4hz1wl}GF?h|%j
z#P%;>mp0IY4Ptd3ic=`tL+J`aB^Hp}JNQlp<??484osGIqH+16$}TMLkMYeuzTU;p
zZd2E9(jIS9)(7;%0j8Z&X)p?mhBij(&=;(!V#H70WxD(SFzXI$p2RezL}z6|yOfbi
z!FZw5Os`6o{XXseA5$N0L1<+03Bu}7Vq!vYyQp>#n%lIaC1&Lk=oM^l9os*H9b841
zk3eybh(U|`3!>7Z*sMrB_i>+NwxF#Vn)hiA-xOh+>0LteKDd2!bX3aGi;bAN_XUlz
zlEr&Q3%F^Mzl#2*7#dpJgO!g^t$hKz{JR8w1*c9@pP6SQwN0G-gyZdRG243s>+Vyk
zDM}m4peT|SLrJR(i91!YYjGEoO*=(#Q_vPm1bdEHU8lEn1-rHZ`U!#?5Q;{!kck6P
zjEd29F>yw{|6Qg#FQBG3(Cz@OrW85}p;2y`I+8(YT!-ocx>_fMDPi&sCLRi+a<)aq
z5&d?C(Jiy6Xze;`^<(r_zl0rr2Hzhh^bL$)_BzwO7ikW@Pi$^NtI+LP3VTXy-?|Bf
zYjA47bZ`aJKZB_Qs=kZXJ2{n^lp!3R2`*&|ze*9#63$$uJo{Cw{T$vZLPCDApG#yq
z<BoohX7BqjdYvIhkaBQbX3{Ll??o}BEjKVLPg3-+qRNZdWNP&-j&J=Xv(XMkf|b1$
z`opU<hkK~{4weJTW|P_WA@$Ks{K`L~Pd|z_&`fX99J~sn_Za9yJUtp7r&{?m)yjGN
zWEZ#h7OvjI56&>S@@4$m$BDC)N$%nO4Z?H_-|P^ZBXl^%s$;a8q5WM(_cw9QvvT1g
zrnsJLQvxAb@SLx_n?QX?<yrv=6E$R{9-&%!OctSs1A2pt7;~8z2DoT&Ce_Z7&>zx{
zo9sLG8s^lOU|CTg{s_1KJ^KEDz8VwSH}MDWF&hmrMi2`&9AH&R-43DuB!f$Tj2V8M
z7-q!wO;osx@?(rWh3;QxqOYO*igNHck<U=NP1IzInA~!9lV<WJA#P!MGpeR09KTLj
zeG}cgj+TgB6P2Y)s3E83#C+iKQK5U6SwH_r*yU%?c0erw0%&wDwN1{HHYNnu;&s}v
z62ocQ@Cd4RnQHh6)bbOs`x1WoV|?6!=&9O0iP*_)T7QOFJWIL$NqQU45r)q&V+m8g
zFOkqHgHEwT8DfZ%1#)em#P8uedT<s7PoVurP~)q(o$ui%ZwR<T&+vX9trDV3d4C3~
z!pe1Y5O|krj7CkcL1Tv3DONr~6ILXcr4m|6rEr3Ztzepf_7Rf;Owbg%M`4$laSp|K
zdMg`HeGWH!kvM&c_V6y&PiO)(EMte)=$(F={;5wA%{8XJB$yUkEK6)jK{Wv%r$dS$
zlu0p3OCcpjBf&8RSs&LZ)oJX?8hX0PZ1S1}vs5xmDoN$6)b=Teo4Joil&Qe>aq1X~
zh$<U=5;9#o6$mNnC#01sqgb4j1-?K#i;;3PVuc_nWh1<Xnd(9H6lL!^z2(nR3~v&~
zTRBG$F4A95>1T~;SR;l$M$gcUFbvSDkOfEW3CX2Q2P>k*E05Do2#SamPEL@jst9I@
zCJv~~5wXxHyOOKPE^Vh*t|PrAnkAxLhgdQ-$AY(YJf<zyGVv!V$O^^|+7XQGoqz#h
z*%Cvd6Mj!&V~DI-N373zv(X7)JWjQC9laK?$wHKs6zF}BTr1q8>dAdHckq=5Q)B9y
z(nTqIYkE{6Sy-S^DS2wC%PlQBMNAj)&3#ndrSytALEipp3E&AZMb!x0%^DX3)u(4J
zGKoDD#}X-n-+}T1t>np&L5`1T<z<7!>XXBVrrXV7wgNR<<X7D#?M#a1sw&LOgP2JT
ztuv1nJ1a^WjCz2xr2x(ZX%nDQ(Pg?rM=|*_SiFv6!kM3|!QaMB?@~lV>lLOrjV)I3
zu>&x&yU;}}2~$+Pb4Z?vE#B>c-$BP9g+*dNoc6To@6tlOmKuXl6WmyKQH7G2TtTPz
zIZ%pBssk+Kq9$!zavy|M@g0fS@n{PuIUpL7VyOfZiR|rO@>smmI8}<SP0ZX+@&j=;
ze~Zv=N&OylfvT>6UKKaZkk!abXKbHyTO6$8d&{y3&P|E4T?!Xv_iW6%@QDaW5K<Q8
znALC5xIMH$$_YVbmNA{1A)`Xcdzbk+rRL;oE?6F-v^rEF_bRYOK$%(~o_1rx!Ozg)
zjsWYHf?8Qr3aCE4a%I)bHt}&^w6E+cx_ScC@}lsH(a8N|ZSsl=)w=}MRbp5sghUkH
zMTaTMD>*R<SEv>f$EdJPd-!dRcK$C$?O=;Sb~MF_XjU;P4M`wLsmDngIw2`lM<eQv
zKvoMbMfNl1AY^){vHbx)Cd74wzyCdE@BJ6d=qFTC?jUOu!;?^QpLX&ds&#l*fw_nt
zJVJ=2Fh#P#T?J+Z@`b$XTAiU+Jwbc$BQX2;*$tw*jj5iJoM~;13U3m2-=N-m2RC_(
zVSHDZmr1im(SMrWsZXHHiWC=fF|$wT6T#CaK2#~5q)45sOMEip;%SPtPf?F|=(&AL
z4hVajGzT{*&wLeq_VZ9)VnU7~Reci<ZZT*T!7mZ2N6}Rmqf)F$-et0FS>YihIJ@jw
zy{k-PCA%D_H;I!MG1VF{M2&Az-~ZqEz1Jw}F_lk&rpJ_3inV80zVa2+@NuFmbD68V
z{39Ce%sTnBaO5W<$L_cJPl=b3!!Kdizlir^Cih;Z4BM3U5ZV`M@7#v*k103)19s&}
zG!5bC2Ilxcpz~BOVfr5-nm#^8Oe_SsWqDKhRP&oAps!KIb*#BS4EHJgE<Uj;x*~Xw
z+kOK*eUpJcNQE<#u#PJ>7@Ykbii@Ac_s-&d4?}@Y?1*YQo;~||^4*ZYQp_15eV}AR
z;$j=b@)owC(AASv=X)6Y1kLvMam|k?^&w@ki97x#lbf5^^Pf!`!|%U_RV^V!RK12R
z9ue@95^kZ21)C&!qf>ZJA(W`zMWTHa#&2WoE^hWV^;RIb5&h<n<jHLVO*n%(^(p!n
zKaE{|S{RWwHW*`2sX|g6IrfnE@(^LUXcBhX*4?{&mhXHp5hIUdPoKsN&(Q9lW48Z8
zyt~Pu9MP|TO8xE@ZZN>a8KwyMP!Z#XRF7WGv&r1Pyu>rBx&>)%6LAVfi5gr-jr+8!
zk77zyZ{|AM)Hv5?HhhNi)EB8veGXS$WMpzc>ieE_Pg41pn|rqF_jSTb4zW^8Kj`8Q
zrZLsgcnOx8F75}_(j<U7{0wF9DfIf&On3gC>E5gK!i0h&-0U!y&&pD_J?!8S81}`<
z5(HPiBT01>#^3?!DMv;VD@?J5GXtrsgKJSC<`d0X;+fCUKl3HR;N#Tk+>po#lNnR%
zg!@idI4)c$r?Yvt^A|CmA3UU!8gd>;IXlIL<oGHT4DmE}_yv{+8-)I4W?O#`%^gfk
zE>z-zA?N`tt)miLju~SmJ*2!p@AT=s4wXBSI=5j{VDYizZUs@bs8m(>KDt~bmIG!K
zw5iP_1wf{oJq4iy2%*zg7TV_<s_;uV&kr1e?3`>sg1u=e$`r!5G>O|uy*0Z=D29X-
z#Pkw6^fILtrdS(L$#Qd)%#9D7F+`@=!n`b<$5tce5ZDGaP6#{SSW41fVh(8UzKk0;
zROcoXOOFxka{ewRiiobYwCHQfO?Ag~D%li$(sliXhsvy}avcaVLW@Zk)~4?3KB2kC
z;oa}jY<-u3KT4Q0lcauxDUL8<AJgm#tE5z4He7;tEEa9`g{dbKlpS)11pg+=9LiFC
z(73pc)=Tu<0oCjtdgSr@cW@hzqs}~o>3s~9%GY_s>N*=~!?K2b*X=y%eEbS^FWSvU
zx->f5k50YgZJNWE8E?NpIC_m0btKoCy5wqWlty9nq0nHac^&*VI<38%)JWTHI{0Ky
z7GiSrYwi*JEwm0<lf^muXFgACD%yj8Cd}?os6%vnpXui7Fn)vHnQhGQlZ5iDAhwWj
zv&q;wMBRavlP>zNGj}CI=OxOj{eAqw4eG5Q(2QS3>Gv5{EqXenR;S?9Q}os!p*?<u
z$<aN^!~-_3U}mqQ`j0)px1Y4Q7o1zFn9{C>_9me@qR>MTycqrt#o6bjTnuaH81Mdo
z(c#+^Zkk!r$xmrFckyfQVNd@)s(MT)-IRt>gjH&RVHWME7=NACmE?Xg`Sv!`t#8wA
z{}a}~L%%$rDH@LIKIQO9R?d6{efpEcY6))?)8m(cU39#Ma&Mu-2&Gn0Cd_*+atE8E
zY-f^cm)5;O+qT$5%-IS%{0MD%g%Atu+B$>&1>DjLwEI63C~4y{roBb8n>f4s#Et)q
z9bT6BAkDpp@>YkHiJj`_xjjB4bpFwz+%A*NZ&7dlErYm+En23bU^+X4J@s*xFMbVe
zKTXR(WT=MM!Cpko8oZrRx103i6cg737NvA5TuO$lIS@&W9q!Rg?x9m1n>gs+WmNwP
zF|J6Ik8z30u2QXCqZ-^`Hu^Esy_cZ5g>m=shd)BCKTGVNN6{BKC8`URo<~ITJW$RU
zO6q79pynZ+tA=*`8tvYT4B4ktfpL49diW%3XFpDP=3`*466=8=&UE3#{H8KAj^3s4
z1@7=3arG`Lb#=swe7D(&>WCeRQX@ir7e6|nlF;H%<z+&3M#|E3QX*4YS7PHObpIl~
z<!dNgFuij?<ep41l>R0vK1X1+i*qM)P&#I4JP&}mx8D7esww7i5Ba=?xFyXD=o69^
zu6%;kYkz?qUP)?^1Z}jEnp|okeTlGio#ybntkf0yc%L}B39FwLzA#mn0%sRhp;%ml
zAKyXE_Jt&9Sc2gOu2`l`WsPZxse4%lQh!eh&A36e^em=-nI=s=6f@e8sU5m<H>c7J
zOVf@gppjm}R|u_OMd$=`)AwqD*mF9~>1+w7&Qh&>RD`a5MXNO4w6s<WIpW2829(R!
z!E6Xk6`Z3!+!mrFuP3X)qZR;Ka$cP7qZ4cD6jq<Y_MQ;Uxm45#IxrA&Pb+1<Sc17g
zQLJ=QI&?A%XS#;q0|AW;$r8_&d_Sm+%ofc`@qZ)bZ*mjakTy?2B)Ut*9t@V5nIvfJ
z=HM#9;&d%->GBLOqx<Ix!C`!hAK#TsmH9!l$Sd8vpo1{RHFt&KOmvg&osvM2x*Lh*
zFu`DbNs$Ht1bTMvl1PTAD5IrlOJP74@Ko58L{S;p7(s*?JfQ@GO{APmkTh9P8}r;$
zrsP)8zK?A+*3aXi&8bd>E+2QuFkLy(W5QpYq3mD9`+?lsy3}agW}dy~n&{G5z_*8}
z*&d}z23BDQ=ZXDwW;pt~?dY1G_*3Gqq7EHpTW9|fO{IoHkEo6CWub%UMrPKIz#l_B
zrA^I(b|%(Q^v}Z5HG-{ZMUh@MelAo<J|81Nr#YI?mAQ2A*X8q4(=v5v38W!1`pe7;
zOVP9x?iktwv8+_~%xAXj9FK=)LQzlAF7emPuylde*lwoK<5XUVoj2eUjMSNP&;Fjc
z^kkxIs5GQUE={dT8*>jgex0y)gXZuat-Fm)O$cWQX};y`r!i-qrK~O!q@>hDleWB}
zNmN%d?ZQcnNh4;dmzOhxl42umM4EjIaYEE%OciKsEi7x9Hmy0%0}Vn;W`2FqPzb)2
zu0<+Hq}}3<G2CU1Q`k@t;*u<e)FzJ08G<HKA#IFHJ7-bGqD@~Qs$~!24u13=&CyS2
z4qw5x+t^g;g*>k&G<bcB_WgG-<F_f#Jx4KkhG_DDUn9d8iP+Q_T?%v+7GH!dq>0hh
zRVdxi;{e=kn!S61{E|H+!%V&&ab1AbS%KNt8*Eup>vekZm|hIH?N@Q_6b6@x<_Zih
z35^pH;qSGeHsPvcEv4z49*(vKo4S{`VdwkQ+piP!9V&B-GA&+4{Z=K8xiH4)31xhT
z_V6CF*(Unj9jeoxLWlLP`&o;N6+SE`D5CheN1LR{i72h{TZHM`sC%!&{kK^T1#LPv
zcwvJ)?j*{poJ$0nn*P(6GtY5+7lvVrV!VeR-IcPhPTiFLGHU4pzMnQ?L*~zP%2mz%
zJmO#qDfl^h1K(^j8NCnFpVDIs%ZRoeGKp(2e3IVz=g@_wK7N~a_lLyM`?BFp{VJoa
z9cH5&RKrV{(E&x``t%fM8VU}u+`=b!tncGzw{Xoq&2&#DH}vd?{%l6&JvhrWSls%f
z6l+%nMkn<YDhi&EiHJC#4y-qsZheQi^KFXe7DcGVoW1rPNa*40fY4heCX{4Wg}-)_
zJE-X)MKaB@PY5Y+9b?jjV;nOLC2sHpy|bU8fA(2I;=+VS-9wFj#O(Gzq7UD~a){;>
zv#?5|BLkHhhckjcpedKI{l`$nDie2%n%%=TN5t4-V@(k>I`oOIVwzfBsR^<AQHra-
zk6nEn$5|<mQ~L=aEf%97ow3&2gyWy#k6xu6y+L$aST~}W=jB8znGsGUzh48jf^t?O
zv5<+WhEL|{BhzMywttmsBNaLygX)?L=!OomYnh=L3BMQizK7fWXY^=~G9jd7k42iM
zNQ3<$r?SMAhlIYy*yNtR5Gd_Z%Q<y%>?uOEK^$IYuzrbR^`lU3NMA3iqH8z`8Q%#m
zu(g#aocu|iA_&Q6Zr~>G!FU@rIU=~b#JGhGBW!9kq_Q;(a`#ksWn`F2;uxC^)avJ{
z(nRCZM#lQV3hgEBW#gr{61=65Zf_dm{|WBk2e`f0=}lXlb$IP4bne5e;JfJ!#VmD9
z^|A;{?<{t34!d*#h8I!23mAPWL*0<6EEOLZ_+JeF2)IZ<B3*nbH}gyac4K0yvfLEa
zPI2K~iNgADA2qpyuJ573F*;7W(53~=9ePc9^*L59{W&#HFmpLS8_}E1kvNTjs)$dG
zzZ9%YY8p*J-6Tx@j-z+KLu_Vg=@e~daGKO2Vioj7%<u|k?Gk2iRSGFvu63=zoNAMn
zgA_+jfbqQY%iww5A5ZB^*pBLfn%T?rFf5~!ifn4iKSDWl#NnY35^?%2VRVyb{4T2A
z!TPauFHNBY_eb|W+FnBIffNVnn#r-8Xt3<MNnQr>=jDu|Wi~ycHiuMphVcbKtx$(^
z_~AwD%3~DEk5TqFpgfiP;jzF8QfviRXl1&-SetwLi$Px{468mF_v$7C7sJnUPHcVw
zGHQyM{mfW2QOFZQbDuD}f!}?RF#0LB-NBl`B*D~EzsvBEKVxQ|VV3IoATtN#OmZ?g
znNp)o*Yh_x-uwpRz3(xMQ;8d)T|pHeqd5J06lXsnTsg5XWTx+0&$>g1N^-mx+@H44
zEQb2JI#Fe&Uo8MkR2>WII(EuP|2vPYW)4iNJP|18q(C8UrV7e+?D~1^(i-jkHT>px
zAneFQ;`HE$9N!+WbTxsH$M9;<ZEQ{KdgTcT8q<Qi!T9bssQ16klA2;%#mudthaY8d
z@yisaKZTFWc@Q8q8r0lu)33QHnHOwi{qt_!g6Zit$98kLT{_F;bJ9RCc?v!6Nt9wD
z7x9&7UFi6j2UF98T%wfo*!~#eChfid$!O~(bl8<5B=}X#`WF~J@^zg32;<JbQk+UZ
z`$_2LEk<|$8|~5Gv6>qF(;i2@hh2M?<x78rUj77as@P(-4k;6aR0zVV#5p3H1JSOF
zlMBiWQ-x2Ap1IB!>1?5S6(1sk=1rZru!>9^<e_KvK&LD7)|&U3ZGDsG*56Xadtz5E
zE>o`l9_rek<5D9p$V3U1ZBXtdX77CybNDiaIVLm%#`OmA!lzij@;p=@!G$8j=uSXs
z5OhV#33H<s(+&@}BIoY=FvIik^zuB^KlEYO(fWntU>@~Y+(JOkC3+YBMEr1c=dT&K
zyY$pC?d}Ug4D_!333~bClK#T%H4ZlaE9U48dZxj7$0(GP=bmNx>VJeX)z!tKnpE)t
zyIpkK9$x2zYx{XwPToDN@!$BE2SdGR3FYDVJaLd84cle9_1Dba`vyaIo5B{ju#V|J
zg@5dMAv~JRe?Ye{$YWS-n>t`;>0kUJ!wY{3T#+qxCeO*sL`Lj1s@qOT`*Y7m{qjTo
zHU(GR;}4uHz;^-1IGJ3W-1|Fb@BbBpdXv%yoH2}w%aqLMhaHS=Xl9WS*XdvVI{k}Z
zBXCM$K%U8JBu&}Wrw!ecN!oQheenS;e<;C2{LOdmgExr}_*FjSQPBBhi%NlIguDMw
z)bITjrg;@x91{|POJT>%IIb0qewNio{}aWz&jP2?#FhXar7|s*J+u)2j*E@{Wqr7Z
z9@6-QLi6yW8NcasJn<L!(#hY24_rxiqoQ&20?nOoz~L(>eT&AgF!5{XwWnB1%<1aq
zx}l)98{P7Yc@^ee71hnLbepXn>cOcG{QT82{R^Ka{-E&sp|64r{dFzEG$bHx<cJ!-
zf#3Qze)=ZCoJB2thU&~GQT;QE=Z}*Q8Pz>cGJn=&(UbEXIazd85PpfkzyA2`3-0qn
zGCrAk>YJrmRFx7>%HN4G-61qHOgRL5IzQhdiFqn>r^%#q%1lRkq$2&y9oR%42|AOJ
j()7gf2^{@U2k`#^mY>4qd-cEp00000NkvXXu0mjfp4}f_

literal 0
HcmV?d00001

diff --git a/static/images/workbench/07.png b/static/images/workbench/07.png
new file mode 100644
index 0000000000000000000000000000000000000000..b53ad51c34c633cd892d34ef88c888d982e9eb1e
GIT binary patch
literal 5446
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

literal 0
HcmV?d00001

diff --git a/static/images/workbench/08.png b/static/images/workbench/08.png
new file mode 100644
index 0000000000000000000000000000000000000000..75ad7dfca2d9ec2017e1e8bfb1415b1d51ccd9e3
GIT binary patch
literal 7745
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
Hu0mjfsLs_w

literal 0
HcmV?d00001

diff --git a/static/images/workbench/09.png b/static/images/workbench/09.png
new file mode 100644
index 0000000000000000000000000000000000000000..9ad6b831991731a248d7f0720844e12e8af97efd
GIT binary patch
literal 5322
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

literal 0
HcmV?d00001

diff --git a/static/images/workbench/10.png b/static/images/workbench/10.png
new file mode 100644
index 0000000000000000000000000000000000000000..122319d7e56701fb1414780f753c2b8420d4ae35
GIT binary patch
literal 7937
zcmV+cAO7HpP)<h;3K|Lk000e1NJLTq002G!002M;1^@s6Lg~cy0017yNkl<ZXo1C>
zcaUG#b>BbtzV<8o+lobR1c*X_00@8tSU^&gY!zFiiY<{6yG`3Onb9APXOfvjb>eXx
z#giyyVnq^%MH0oPhzV^;kt|lRLM-UL1G@mW@BZp5_h#<BZwreklawZpvonk3@Auw4
z_nz}T-}61^39Yr}|HGwmkJU4NME)~*i8uU<H~s7FFK3QG3!UHZ?Z4&!?o58;e!h8s
zwGilhQTi>Pe*1g;IwNL2L*z#PrqBP54L1)~OxvvOp9J1p7M0mgPMa#<;f}wJ>pdB+
zb4QhW#xlg@-$m|XlLku!8OoR?qA7z8oEzfxJ;QW#R#?Bj!hFAsM3ZWfTbCiVxnI6S
z>$)>dPXX@@TOowVmm;Qj@Yn3rZ}G&{j5CpLYg7uNKqfqd2#{oqojAenBPaOw6NBtJ
zS)$P1&fGbYoBm)SpV+*BQ1~>h?+c``_JYXr?e^S;yWK~L>5X_RKD_hwzQIl5R$+{q
z@@Xw?3=5TzNgp9RNMib4{~-eh_Rv?qkcSVgWT>!+MgSw@Rl@8fpSW%|cYb^$vn3=d
z!xJ8!J?YGvt?W4oyBX3LF5ij)|J+b`yHNVgSB^&7I;2@r=Jr^~+{H9PNtE!7{~?<r
z3_tY{$?HF3Q7NIlZ8lk;5Cw$}>O|djf}S}%_Dr3x-@ljBjf_YNBq<q!6d$F1q*nIF
zT&ehVfcU#KeCl#1?cq+@{A9u>mLAIBn3QCVGmJj@Jqm|^&SI}cDd;5b=%pq>sRkth
zT{1u<4T8>Ip5EQ$@9y8nsZrzV4mB)VD|6DGi*u2oh048c=4yV|hKotC$z0Sachcr`
z5+P_Aw={=cJIeSoKO{W)E7}S*Vx=f7xEO!_V#bt5k^}@wbJHKJX2Y_8vC(0I-Y#A^
zR^>lFu#?jhk^n)VlS$Mdu_vA3Yi$?*UQhi!8Lp=YNbc`KkO||G#uZ~q2Gd)8od4w`
zlum4?RDh}osrD{IuDz04SSBGOlO7o<8&`+?<xT5Y-J3Bwcowg#otI9I^S2M~=XA>i
zw6wX|7#-U)mk8w{w0Kv5_FFQ1`j^x$O4}3@3J=*FWbm1X@%#5sDyAg5!9;mJ9b0aI
zsD~OU1>+w&M)?Is2kR`0BL3Z78(7}mWbFJXe&-yXJ6h#GJ+z;J*tcPWNUaB;eFtpf
zy+`?PFkHWdS52iyJ<Yt7R_6Q&L;&#sea}5k;q>ct22fK8!$CyP=HDZnx5<9reBR4E
z{7jL?;|QJF`>gJ1<7<DundQArMu!HFT^&5NYmC4B{vHODCPWjs%tj&-i}U$v>>h}j
zj&Cx|J0z^PHGJCC%n=2Hq{`hV%Ri$m+M4hd7TgL3c^iG4d-eeeeNWI<ifJ~RRQ+z+
zF250f**3=U?R^WWpe5T-BE`=p2pl{T1DE!+^VffRDXV%@>ce9My&e2?|2SX&!ET1K
z0O2_{=xb$3k~sjhOLpk#l&VE)f8LehZuhXPNfUs{!^YEu`Ag=aOhb@LyD6UV5%oSs
zo_YX%dIzPbfNo|?l;=>s;s(mgucoDo4*AVPrCC%=CIT{1Ar@Z#T*KTlF6nLOYkz(P
z8y5IXj85Rs?&4>=8hrhM!wjb28@DGwY4d$UWD>iHnaKiTGSY+m=Uo_%-6@ry>@-Pn
z$F6L8F+iSq3TYNUafrbu?m-Xipi)$1jViTh4(*qJlG3u@r=dI07Upx05sE;z91HM5
zv~UE{EZLy7QZ3eXhJ5wTOIW|SNOd@YuG#!-XN|wT{{a0BWyy^JJY~;X<f}8kr<NY;
zUtjsWgW)qy-pfzl+|HeKVAEG@a9w(&qemEe@_xLbS11_tP9%+DC#B0jL2>Cd)F@hO
zec>pr+eDAR(vl`pJ5FvlS!*)wkqVzgDOR_6eD$`AxO_>0*5DX^cZsL=CVc&#BlJ}b
z&>0s`5jsHV5YN^H`B52~E3z3!_r_g#Tf;N!;?w_2X!peoi8-g1P=sbP#*Z`j)P49v
zyD64JS`C4YX3@UwQ$$Ozp_PVsnRQCb!pymv?-?4ZJZ0IJ+1<cKcV<H=HEB_JHa+Sz
zWp&Bt-`}>JtCtGuLkVKmT%J3c@*nO!%9-(m$cAEOH!ydnDPwhBs%rgKkbY-y(>Y);
z$;`AR5=ALdLq{0;#rFwE4pAwViE9yAc_BSpKS?xy8%+~`$~_^oc{m`-T;4T?rcx5i
zkXX86#4J?im4+onLerEUtxU1Fp!m`qYgoTHVq|a_+0(;|$0PpBJ*PN6np$u)F)j>c
zb~WB~u_SE0Gr0{@#=kwd<z=OF7md;qsikF5p~y%_4|D$6M~FraP%M=gk4vPbrF32O
zX@W&pqT(VV)%FCfrwHsxsvLKuG#lVMz?2%#_iUl4a}mMUsSPo^*CHXw1dGc)U%Yi8
z8|TF|Mn~~`%4|RF^Pe9$$$_yH-&TPxh1q-COrfU`irfd@souALbQPaQ327JZY7n3L
z*eUv-f0S_SAYr*o(n!flU36@_o@m}>)H06=Pm-BL;2Yyp0$WWfQt7-$i;B(Rel|uZ
zTNI+uJ|IQrCxgX+&=4FMk{HgfTdeJh_}c9&SvkMO$k-t9tX^I{>2vpYPjY%R!57*x
zL8U^QA+SY`w&>(i-n8Up9ML^2&-ZEW>n18~y3mG>IyX#*4l?x2eT0MisDy&7mC$Ox
zfbJ_lhc|x{&D7n*oRkqMbS6>CM@x+_B*i>mt7L@0xTOfGw_;v9e%88Y0Vp9!L|`|;
z(;6=`v7g!0rxdK274pSfE@Vyb1S5l|@q5~M@wCS`9_pvBDhNcu))444uNqD24P1ef
z=X+aAW;(Nx>*emBNo9e}Q<-B(o@dcBJ-3r{#=WaYDHQ_ZmOytbreo`;5%Vsgp1JTa
z@u|#ad4hr#1lFgT)JD${_Z^{89cTNg68G-$I3M&_y4&ujZ0W7AW?`AN>mxSw&bHy!
zG{uQ_S-^Onr!$wCrN^$pI$yqb4~NdR(LQHBdUTX4m&E+bn=fEN$tP1yq&Zg^<RIt5
z)_Jmrh_%*}`P1fA!@H6AnTtge=gHX}j6U-yx_Xjw2(?s_^sHds)*H~XjnTpah;eCO
zDf@fNhYB^+&<O?)z0TO_<3!{A2obWgzKXj~&*pex4r#H6H0watT7<1p7Phyze$y;I
ze(gf$v_&K&cy@&zQYWs?$H((w=U|Pm+<lx~Lv2*%wV}_Q<=W-&uWw(?{7_n8HmXf3
zoWq+#@eI&t=?wQwfp1*i8tvto*0T_ioOzzn7ayW9+J_%i7;eVMd8_E%_E|*7DrzQv
zGn1l>!KP}0&^Os&nC8BpGrIR#RDGPXtPo^ARpoI&Ea9=!OW5D)U__P}R2^hqnNl&L
zlxV!celA%g`4_jWV#AywN;i<IkfU>AYjZ<zrC(<6P|Ux&_b{*Z2lUQwLl2(kx|Id~
z?aeFcHIzd)QKDcm#CVJ#0aMwf%1{PnBR$5aB_xsM-YN01=NW(bF@ok1ioVBKwVim$
zrOdzj6X^0Hs%C?frj*5YKbyW!ARtob8Q=XVqdT6ZtQ&+uNIk6(mlo5$>|*@68yU#v
zaJH2(m^L{&(%_YYb#@)gXl8=8Vmo@c%0-=n{MDarWW(&T;icAPQyJTkl9`V*`7-o4
zFp==3Z|~=o^OA6O4`Ohb-@mB9zq#=O=7iGXg+EC=rNcC#RcfQiFtIeJj*;2dgHKX@
z`4LL#NxVQZ+6<A4uBK<(=h3A(Gz?!5P|^v$HhH;3CItn?8Qb>{jO_S66@wyv8?_`P
zn13m~o3F?3SYV&<=4+6cmk&31=*bhjdZ0?l$W!AJte%tcH(%JyVk6Z|0&xylI%`>}
z8sFzswZ>oFbA)HkmT8|=hQU!jyiD+=n^!WYU|gjMIwF<ArakW~U;gq}jgDfNQXn*u
z0sJFRGV<c%l#_FKQG?Nz#$SFNUDtdbU6^adQ-d3(P%?Bu$-t5nla%zptBkz<fAG@=
zq3<&!3Y1n{$-K*MvIHklJ|c}#X0z-OdPoH&PqL!Bz?O|YobMau__1LMz4JMFx<#!~
z<EnMtrvA&_+~8D#l1^S0nWCduVDrVD>_0L>-?@}hPY0(?)#&RVV%54?bb1m~$XZ>{
z=zs>uQsK%>Lm}c*dl`P=AE+efi6R({BlOy<>D=}il3*?kY=~f2YjiK^Tlv_6t<Gqk
zK7d~xA@aJ&k^<dJwla6~r^&)z5~DVoD$4L!qoA6E6Qsl*q^Uruj0Mu?i+60`%5^@?
z(c^UYmU;T+Gd#b4*s0+Lmh*zg>h6YXm})IaSXPes#vMz!Vr~O9JZNRCCyvH^<H7y(
z#U6q59Cfz5LJDiRP5uM>7<%!?M9DaX$Y-MI6Ro_K?ya{_^XHRf3av5{q41TowXhKt
zvs{7F$q=oPJ_66=>I}d8B6`;TA&HnvtRRpn(&SfZSX*diXC)Mw)TF+$E@)VLmw>;x
zX)R02O+;%9CE9rEg+5nt82~jKE?i!=g^5U9LnGEKDu?{_9m}}5t4VYGJi)9Ep5I^R
zzdg2-Vdd%ssgz@GCbEP09MzY9OnLYK?Vh5ZMd;O6({|;J#4NHnA9<336oke*Bm_d(
z4Ksjd?h!Z6kW~Bef(-3@giAI-+cMJ3g@r>B^X<Sgti)D-fh&p34r<Ttp!w9AN`>FM
zY(9;#0ladNeW%WGa;WKIOqvYsgBRN0g^0il5TOf$3o0f4=8lWGq_ajgat7H2Kizwj
zd!F8jvPF$H>(`c`)DFK!eEtxfVM5Ys;Vr$8uC1GGMHa<p39}4R7neqLNrbfWukXbO
zlT`5;JG&PZ*GV&pSLh&WpNlq1iD@v{y2H2bo#xuOv;~BkDw@n^ZMQ_Y;_|AkOL+cB
zKmEyBM0=Cht7ob7EF@LZR$Q@{SX>H(pC@1_nskTHvYv=9+_jni@uQbGIdL9Y_IT#N
z9zM8kF&k%f8p9129j10>2ST2w;cJpYgj5rZ{_@9`iTGIpvV~F!Rvt48m#%>z{S4tn
zBwm27k5X2tHC%*U=<)))K?v7VGy08d2&gH&&UQa+Ri$h_F7ie}Ovch#1vXvQ$*%^_
z(K$EZiGf#m^89uTsZ7$8)N9#v>Pdn2R8Dz)ydb3HN3?f!u<9}peJP_R3ysIT+<%aD
zv$nYOmNX|w$IeocO;cGA$(VHT1W|m*a$et5PePK~+SW%XZMnEry=3Cz+zW|<fFP43
zi6$t`LX~<f7@CUC#IxauP7-#8PnO9d?-NQ>zRu`_rPR@-L0Z8vCUiifRi&;oTAl&4
zm@M@%;hoYVk#)jMBh#Yg^#zp?p3P`0R45gCD0@X(BIelmNk;WXe5<WVk1(tdHQNbf
z5$!80|0JGicVuMd#LePO`Y=0}xU$mlaaZqZTW@<JB=kJ1d1D1+&lWu<BxGKW+GgO4
z9@o@(fDo3NPU<DbaSg4Sh=*u0M35F-{ua`zIa<Z|=Clb(Ez9&VAufZ6*g&4D+jYfO
zS(&hslzCRUP{tRY#VEXDH=?|h*0Hk`y#jSzL(f}4artr*vrv^Fj5jESFcp{4wM9q}
z1Q=3pl@lWs_n$<Kj1jg{n&(CdYvcG)myO#=@i)x}0>oQK2dwdva+leoR+ceb8zCrq
zgo(#|(N1^AJX53KD|Z;7C=&Sv>*}T|GkHE0DKZ>oT*86=5$Z`3Wu&Q=U{&`*Dh3*j
zFz1Ofh1r`ped1M;k#WK-rnaC-_lgy?ZMclsVxh3<!^9z0NGRBt6&6fv;4|>#;|#p~
z6N1rU(k?-HQy-=7E?TDA%S`%BX&LXb?yjA;<kFDLV|!AyF&oo2F+u<65TeVcGY+_8
z^T$}-y~uimZwpzYz65U)6=EACrYL!I>@{|t7$h{CJyB;-FrUj8tRSZ$!p32F?M7y;
zyOyC^gs0}<9gjJ5-#;?4Zyzb`oTbEws4yWTs)m;<Nj;O)h^S>{pp8oR8q`DqIp)(k
z(Z~3K-ImQw9;niplY?EIh*D}=2e(|>X?uPi2Rn}LXS`Xrb^oGL59_)Y*|IdUp&+c@
zCiP4yILT#{5>KBx$Ui>6i$)rtVxMvY{&4LU7Ka7<S?McbKblDB`QwjMy7p?$W_6-+
z$n3rm`u_X(XzhQEPCOEo7)=wc3zpYQkr1V^-9eLKqoqsHz2-y;bY&4k&%Q|W%wdW~
zRyK-E8sMkcST=E~JYi8lTBXz^i|HYeor6bt{^Slyv%AO|DHqIIFtvdeWNo7(S5Iui
zL*+WU&kv7o=YPKXB(=b#IuAXnxqj_+T(|H-a&5xtdx2G4QmB+zeCwz1w_d{8TAiTM
zMtP*h@xQ;H=H6H7kxs%jm6D;0hIJ(}@3)u`?dYK6imi-9WhjIcPxN#8?gvN)Ptj%x
zkBu$cA~tn(lt>#cM$^NxDq-XI;Mf`N{pI5fg_+&x*~LyaE?GTgxXfEd=J%EqR<Lwv
z1rHv6i688EhNQEE41K(@1|MC$g-@>9Z2x~I^FuJmXN)j;t)*j{?QJailg|-t+QeW(
z(bnEh``{QyzjYsDdtar~xR+-H#MsI?2IO=epLG<SANT;J%deuZl_1JR!aWB$_l>)$
z9oS3YLl_7va){isg++OZG(6XbU-lp1o4<IJlT=A6C6d7jKD^>mmKEl`K^|9nT1E_V
z!t>za?L4^W1w>CfA_z&x8hmK!25ww)m3y9c6{XD@U;OG<zG`%HnRD-0WJHBB9cwOR
zy#GA4GyQ~J1sES^VCO+fbLUW*H=m}+Y~#<cvdMmVA~FIQ(skhqhEALzJ$a6KVUgy*
zAcMOOqEbOHcMipJglEM_VRN_nInx;B@%=CG@UABq31h;J3e}-1AH84$x32jRem-bq
z$Hbh2*!2d|g~lUCUgM$N&m(5F+xw~EDj!|4fm=3Q=ZfIW<r0~<zeGc)+7iyx-7Pf*
zgGh<I5HT{wf$u#`W7iI5M<MlUlX|7h(m%P0$|akbF!izWY^WHN&SYvs!L)bc;Q`M6
z*YDu%+C!ld5!3|}I-+sWVmj9^Bkbx#7YmHF2kfTKD`$>!rZ$Y~F46Qd8bejCnZJ&^
zwtSdQ9a+sR5w0pT>COP76)YwE@Yqfs-t!!~QY7;s9UJHRMeDg^-3MF^ktbA7xuGJf
z7`Lq0h)qn!@WhA^GNWYDWDugNRZe~T2V}4Bq1YahRmW)-D=fI{Hlj`I7(-D^u!Txy
zJCvR+_6sHw&z<JjJ@=EmzMC!?+KR5(im8bf%_v~R^EkSo!v2e9Gcd0MFDlSzv=DL1
zHOn{f*^95G%jAVLvse;KqwNce6H+=G9y_|52lhNe))866(&KeLvU~%#t-6|0o-ShH
zu-<%+ycQCf(mD}(ib*B51?zUkGupQa%#kq;e)|F9-FxV6^H38_#=5(h_ZOd`Yt2UD
zBt{$g)_{`*yVN>WV7#U|K>tslWaP;gDGm-($WrT`=GYpE;@rYHyu5KfuT(VBFR-Lz
zE+1U6i7m4)bc$-GtZJM1HuGDyX1b*YP=9oE2M_Oj4%HbUeMxg<oR6*C$epXMvAlhX
z`|Ifruo5oLMWS@xyq#>XD9g+;i=KvX7?%nOMn^gJo$r$F+Cil)pjK<3+PYbE=jRDG
zUrJSJ0)xzkK*$Vf!~*4^L(k@NwR<1qhjue^`Y6eva}*mx$fU(+Wgf>rxR%!1Wi0Am
zz=~Om=rU(zkt?;+4|W8=V4rr#Z?6A+WEbDt^)#xp<aCL#DmPrXiO;UuW=~pWu8<NU
z?;Q#^s$=<)ogXst^3*gz-tx)I1S`qgYDy4F4{vOMQ}_RffmdIox1{jLQ^tF`ne}Hk
z)3J6diEUUIdYf5B<tK)uNK_y(;c0TOY}M(1>~Tha`V%UdW}vg3g@5@4=3cO7n!H*z
zCtP1eILS!nCvBGYzs~I7(d|zWcN8tn)zu~+U9p}!R$XHmW~SZ1fDlfhv2v9ZIUqX2
zZHwK?H@3kptg>O`X4}OSl2YaqC_%%tb2@rieCI86Zn=WtMg!g96OQ+D;+}hG?)nua
zJ3n9wgvf$VW@>dmMTyMHN(M%~sGVr#JX^-5iAEO`9c{B+jwSE#l8=aL=~9mZ-*ZMk
ze(Y5q`qe+tYWHlo_!D(LwPF*uuevs$kI{|<O-%y1&d$uLPm8zhow;tEm!}WoMxG~$
zv?Nh6X<Lcqw||z()@_`tX9VREZ39Cby7yk{`(C5yOS^%F*PE%v)Z{Il5t>QGJoAdc
zqZN8ItQU9)Q~gc#wcPN5%%_WNOTfuD{OH&Ye(?I!c!kIg19=lM*RS5fO{=bQLZ?>w
z0lw9$H(%4?J>yb2cx1NI=_CZh*-WfgQ8Y^(EWhmz%9m|nWFn@mJ)$&phQoK?WBGZ(
zb4MmpWdYJ@YkF!pN2Jo0!b12qKMOTkoSHgY*<PD=VyG=JOi%ui1KW9E=TlU>i)4j>
zV64d>E#J(IE3U99%V>d9le9Ur(Qn!S8`9=bgrn)MJ33PU5RNEFS3|jOsd6qCDTx_9
z%Ze3N-g+DUWtVZbnb;}haPS;^zw>RX2Y1?%RZ3UQc}gNPkGxrmiUqzlQ&0Ib#1yPf
zkCEZDDf5+wkG{-<2c9SEC?JgoO|-ai?KVEU`byXBF?qzIm_W>6cj8SyGcR}ILNN0`
zo9uNSTY2G=<?d$EM8QZuW<_lsti0oP3hOpAP|v8ex6v_ho&(?dCXM}j@cja<K-wJa
zhLZBfnM9hpez|EvWS$!l5qUg|Y&yL@eBdP>+x-G*X94MZM1xiSc;)4M^1>|+7qo>;
zr<LbM8!oQiWRsJ)rp<rb{<ufpRa91gwqG)*ZbeYx%Em}RW+srzJ*>F(HiA{_8Ea_T
zJKE?xKfs}H-9!EGZX#jgT$6a3*ms*4n2IJ-#75uqT;bqG1C(p+dTv_jM+dg^_`a9$
zDrE|$<Ucpc4XZBWGb^3Z2K`gvz8k2?7SY>Hy!^Ttf77KW|MOg&OwJeB4x5>X@{BgF
zEbna?{jF;*D{sCTZ{<pcnoTMl6}+KS9KQR0^nt^e5&XpH=C1qhM!Kb|uri%ZyQa$J
zErZ^NcJSz)=TV(yn}5a71fN`SDWAD$o4ZHmK+JfituBRYbZFtqUhlmaZZ}W56gLSN
zrb#dLWURPxuh?^dWwM_)cOffo`yAzEt2kS4(%xPmJl)5!zrT;xuEUf>#N;ew61g!@
zKQ*l!jm%p4yAAH#|L@@)Jo3sjG&>5`Gm_y6KD2%dH?9AG8#=NX!>z~H)3}u6de-zh
z-=*Q6%f?Qknf#+gL(dLsnTCMQyDtSZ;HR7rA?7UMg4^$)yy6nZN1)PHp)h=mzHfb#
z`mgp9nwd8HROy=Yo{ygzadN`3Ga2&isl7b#@>4Y1Lr0khs(gOcmE5}OnjF2E8WOTo
zZo&bgId!wOQp`-!;w`Ulyrbd2>5|&HlSO<_AUx-*RnvZ$JC|jDdK1C=HB1cGs1)1K
zwGmF<dq4FTx7!D1#R9%Ew6;M;lPq)G{+Gi?xaXyxGSVqgzNR?T;NzROal@LewzN#N
z!vmO}zk9FO`+7q`<>PdA#M9(!U{p8Jy$e`**PTS0FX3dZMifa(<NX|e;6BD)dzSV_
zf+rG$mk^t>C<@r0p6AgQf5Et??a4($bw0EC1AJ=5WoAUs(mHQOMe#lcm+kf5-bryY
zy`&c4l+DKm5X|YvxVHz2MwuBKWcU5|(%SwiOG^dDk`}6?lW6u_;*-a%{M^^mPIB`N
z{6y6_*mvGVc{Snlmw$whFJJErO_fz?4A^FQC27LTwx8@ZnU(+fKJeb&LYnM+%zXL9
zb7Z8beRQU2iWoX(vG%SzIi@9NUwDb0_9Ah0oOpDELMV`-v~zCTPwwMTXGF_S=&EMi
zvh8DhWXXDaTg%71={Jq+{F~`|$-LNb7Qbr~-t#*tVp6;?I;kh^LJZQXJRM3imT4Lh
z#U3ua^G^J$ujWiGC5T~`6%$etgUo?B$&A+62pw6%UDtesk1V+)9~Nfnb&Mo`KSjL1
z`TXhizqi+~rr%~urv9b!bmcmuW*Fb(Wm`A|5mDOW$af#6_Va(DO~eF6-!>0UcNTd1
z!cN8(%;S%){uozuueSX<`xZhz4LRx1etyDJagNF>x!;tvf6InX4(r=CRNfpg%*hVm
zYGs*NqU?MzzG*6|l)k5)VB)!F$@&MVHCi;5FF=3v8dhw+ius~!XH~Qc-5jc~C*R6^
z1E-jJD`V=tvv=>f@9TxTH+*rb^_icLp3FDy4^|v7dD|E<HbU*}dE0O6S}+gM(V5@F
zB9`4yG5xl{^doW^Nlv~-`9AX5Z{;=WnKPnOH=gk(Xl8P@aa;QlBM%!2G~-GPD{;hT
r^1W4yS8rOGy{8pP-dJ$F>kIgQWw-uuAdQc300000NkvXXu0mjf@vXl`

literal 0
HcmV?d00001

diff --git a/static/images/workbench/11.png b/static/images/workbench/11.png
new file mode 100644
index 0000000000000000000000000000000000000000..b08b752f469d56ea25be357903fe18f9ad138a18
GIT binary patch
literal 7745
zcmV-H9=_p;P)<h;3K|Lk000e1NJLTq002G!002M;1^@s6Lg~cy0015cNkl<ZXn~b`
zd6Z<;dEf8ex7F5Fz4vtYbWhI?1G6w}1BgXq8H9#NY!-tgY=?8~M7C`Gk>unYD~Xbv
z9K}g|>?E>fhe(PYIg&sip@l^lNk$+TU|{xP_U`GK-q-5d-*Rux{qB8L)iXVS9;c?M
zs#ovb?|$3w`+eVIQc8*UJ*0UpKN>${V2smy#+d$GFn|M+>2o;P``=>OA?Qs6hA3oU
z9B{b$RDf<N8Qq7mcvZ6gVtO^^V#55jSG>#0pI-5ZFWS5jT3Gds6aeE4u<Bca0Kn`L
zFgsJm!dwxBLK&rE8KEBnA;6i9WFm=NHi@>b6gs<Gkn3Pb+JM!xI@(Ve>5WvoK{sh^
z{^jfX07<T_ak;{U1+73z21z@tZ?4YboY#MuF9S!9kKx4eQCt`eFgt4@pZ8HIM~ET;
z2mvk}aJaC92SgSuF5#s@wB{^ybaC|bhq!7>J2qdn7G10C`uzj7ThbycQ`+aOdHE64
zTUr;3*Kd7T!9`tYi4aT~g)}#2RS5M}<bkmWQgU!x3mgL2e`pMc_K)N6djgYF75G&N
zL@sOx;7&xFqkba=gA++eVZmW3I5GiCda#s>gdv145kwU*uZoVY4AyL_V#lp1+^}l{
zlCD-lAY(-caHx$_mKSLqNp5t-uIOY}5M29*H2&1QAwsAdSm2hvtP*(No9FSfm!@&z
zco~(71uvOJ!t)S>75G63ocTzm1Ttw0Ucy5v>A~Xwmp~W+VNJp>GZYtr%8~^cdaxY8
zO*jydhqAv2Cs9D(5W}r^WpU@nwjkxH)zlCO28+40J|?-5yQWqOhQt-)%lnvmK&GR$
z&me^|Er$%88|yiGW)9Cha~ALJF9Bf&xoiu9AcPF7$Ydl|^(U}yql2|;Ty*zj(bk$m
zI^!YXaJaVK+)#uF1E5?Im>gfk<X917qdrE?`M7wYisDj$bgB!<L<>sgMO11<tlN^n
z-Ji<gj@#DOwJ${k&LS{o85dOA55c6X1!c=O;4;Cb@n{Jj48AsbC9rhpg37gueu!tD
zK8+V%oWN26$mZG+1reC2VQ4Ui>#pOtc6%p=)^?#KvC^griuKFyil$fsRD9sV$P|to
z7{|f4Yq&6M!(pxPQVy0%(+EWcx7^u@Pk(j@JzXh;@F9d<&mk5w*Jaw>ms>8oRB%b=
zqlLA|zZnEV8NlM6(lv&M3wYw2r*P!(JaW0!U|xi3bsigr64-rL7jD@#gqC!3l#L*j
zkb;?=H}Z+doWae9Dpm<dMBrqmc0K8o$^vixY8e0c(jrFA1xTkeaO@mr<}RXtNZ>QS
zyBRyL>m-qaNP=@om*m3ulks*XOOwW<OH5rY$cI!n6&@|y;ws2Fc=PQEeB+73n4Qm{
zySo>~Qh;Qpgx|co9rxTlgj}lW8o~rgmD}MotSQz6MTc0+dRdeor2bw=j!><FN3fvH
zwO9`D!jDhl=PxXxR%t~`Hi!IT5w=&rgOBy%6ZZ_zdA<Z~9+=uh`@;&($-gB<OclXw
zTH4F64da_%JAt6qi`LdwRLT?BaFvIL9=-}&uSt<0Dq=%$FdmY9DXXaq#^S_hEK4$D
z*(z#8BsS{*GRhw6dMaR1ju8^Jqb=jep#?ns?Xx&P;vn1720w^U4KCv24|Zek!<*@x
zKuB5#R~d<Ypy0+dDSZhrrcQM6i&rn=e|_x)B=3deBoS1mao6q?KKtm^$Yw1AVj`n!
z2}>a>SXwx}40A1}^QyGW#&T%+wP{L)fG8;G?^K{t*OjyjHvNWM>RcE3e2DKpc>%A#
zHi?!*I}l~DR2;^~AI#x1k8GiPsi0?RDeE>B#}g)`Fw4^+4I(7p5=;_8dh5^}{^C!M
zfb(wHo{OM1f`=bkg$EwIwh;t{qfMF#f*2~VDj(H?=<Q$(O@cF%gIPVEN%OTJbC+Pk
z(wo6cV03=Mpf?bBvAA~1XMZ$;=bs)!!s-XNJe0~8@$h4-@riqT5venz23d^NXk9QC
zz#D$1@2<dwG(wL|mhd-E97BjM*q%V8avq;~bR8aia0~q+6p=>ATo`lWWLg?Fh`I&o
zAmy09T38j-Bo{huN{t9(Phb>=0|;3IlWJ3wpmf3+EETR<gg}I_5a6Lt4&lK^)}rE%
zLCOG0uMa<batv?2I}eM*lX~N%FpAK!a&7mKG13sQYP6$EzQi}bIfCgKAeoaCxgYrS
z8r*l^I*J34RMAryf7R<=wuxwdzXDXK2RYPzkRYg35xoM=D;jmG6cs5`P`IK-YgE<<
z9#Ife$DTcX_{775D3s5`a>|JO44(Sia~PYdlG~}!BazZUmT7r;1D*=)3rt7QXMa47
zcMcSgZR^0|!Yn@en?2b3z=nodk{QKXYUJdGNx%O=8%}=fl1U0ygCqdLDTAok!fg*s
zX_!Zdn6Fo<EI{g1r!1^St|{=)0|U5qcPk2o3R<#ln4YZQ>F=C0S=;!v+5rQ~xb`Xy
zQ}uEk96DXZPoEn@CYM5~G>=W2Y<&8W4W<H<x<DZbZR5+$d3)tDcKIQ-c?*!`2xfts
zm)gWyl)!u;fw=;OMGA5@OTmJt%TtJYwoviJmpUsv`nhW{w82KHGK2Q64BmWw3U9n|
zksu9=4Uc@@YLulKmpiCMz;izsMX|t;$ugu9HGKB59cWKkI^aqZ8DyjCiE}drGbU&`
zsKZ3I%mQM(#3GAggUxk`IhkkJ_sjQi=0p)QGagFC6f9<=C6`C<K!_bXSL4>3d!TBR
zNP#TM42-rxWubtD$R-`!zjrmB_@4(6$qv|w7X0+Z_ptMZRY*Fvj;Y4TZBtZIzE%r-
z_h24J59g6<&7oAvW6z#-xNcLY2|~_t#a_v+Kg?k(NbF&@7~+|y-oyUafQ#pfD3^Wm
zAj^v2CUl9(q=#2tn8eR_j$!ZT)?nj?4hUAD+L5yqp+be1A|7D-HCfzvdnbPJ(kyb>
zE}T0%gI8Z4#@%;r)J2<Fx2;WGM`Bee{qmJ5gu;a*B?kIk+_z_q5mrUvNEP1A5X|g=
zXwtCrf#$A%>EX=zMf|6)yoR&KvdGxIumsT8Bhfe50>@=27Hh~aFjNa3T$#YZHzqNB
z`W-y}hg<QHTYD+kk<s%ATttM`Rhql|-VHc%WD14FCAe-YUj4;I?7C?!vPrwn6dA#_
z^&UMwgTsf)$Yd2VTf&XII?>%~napG%;y!8KG7z*Oi3S|Y3y=3X7{lyh1^@L=-@@pb
zKJ@jjK~NsY_18<>yJryVx3rQ0mWvTC3@_m1(GuR-SHaSJ7ivWZfBoMNP_c63j!yVe
zgCh!vOoy(%4j0$o(uEhF9YsrK70#a>!~XrF*nRsts@SATbW(ctsJDOrBB~XKT)(3|
z#Lc&5jbDNyuFCD)lzGczRV=V*0FxMZ6XevuM$~}}@azvy;_O+D{;olIIE%+0PvcAf
zaT|8t+=^UFfNZjcRb3Hoyr~_ZdwdQ4_+Rv*y=R8XE)n(OTYq~P^Gg97h3<qykV&y#
zk-<#6ZXQ5qTZ=({3B3Kv45E<CgW?%isX;}?xndE=kIoZGP$?I1_0?HySk<PDSZS0C
z3T&6wweMrgO>dbAej16-&R22Z?Im<~44@XC$4BpJ!+j5}BfL+%TA;`X2cfVKMG=|w
z+RYw5`}+e_kho43Qx|Q#b8uXPCY1uYq~EGrs9&t>&0*7~HstepWYRgDJ2Q(@r)PAn
z&h;kIV%|GChv|tTEH4DNYS?yNTit~j74%AxOoN=2WL;@PngY5e2ef6JJ~f7=1rEmn
zvYmN+^xi&gFNF6wpy({M(NtSngt=9&-?6<NyFb>4rP2%{?&9Q$8O^G(__vZmP-J4x
zmaREjyK>WNjp4+J@%pkjeF5O&a0Njvi7=|5tuw;Lt8?_Z24_(W0Y1FYm+e5K?w*}0
zBB(|1!+G=$c<Ap>HbGl;dKutVUAi(2i$$b2ZPy)1q_S01q6#J_N+|m}xN1>N8Z~kC
z+U-5)U!8*=D9S8_i|0eL8pYEY!6zrG0CP~Tmat~Mhn^PCs9O-!lLq%H*U-Fn<8@_W
zS^fVTMW>>fIF+nH<fE-M0f(+l$*B%cRBX^<2r^4%h>VWz1pTH~uAy29;rp`Asz6xe
zPDGPIpuNS#`i*U<`88Nh4in=7^ZC#KA2`UD158X8z-%f#ux@=?FImK3HpV&f*Jutb
zKTpSet(U6L$$yoGT{q4UrY2VbN+to}5|hhSd8)K+;^+8ygu<fwrA_2zCPlc6&ZEte
zaYWHS7#K`KiV(Jy#_U{#@rhzAxP{5-B}~l}A#ILyLSSIEp;F?qkxA31z_R>IyZb?n
zm^iwNhCvd+h$>kNw_^n8nguB{RM?zDC@ddwFu`G)tor<m<HYm1+``87t-8x%YFb8B
zr68`|&;w}iu;C_k$y_K&EX>vFionvMPaj5-5wXzS-J+Mw1<9_eA)z9tl!j?(Y9X<v
z4XBrCvPt7{ODIMRG4<_3uz-jKeKXsnL50p$!NL(l4mh{K9j(1@eD4tc;gu0Y7DH#3
zz#VsPG`G-&I;R592Y9W1_qMhS5@`#<iVzBh!jcx8Y`Cx#Ac|aY9wMD~(2`CVUB#M~
zrif|sCuS@{nD2QkY;)&=)vuteCeHRMW~kN?nKC!3(P_h+VNrSNm}bS~WED?-|1G@u
zvqb<|ER{#_+rP6N1N~_TA#`IS-sIRvnPzfZ+fqokcqkSGVgHh%Z)3rW#fV6G#jtv=
z3)eLSonSgglDXGtL8>5-ihNYQM>lmqMU@eFrVwIybP}aX30pRFqr0`mq!+a~Pn$Yd
z1f~s3X&h0*t)QtcmHJd#nwTl!=^q@x>-+MUnH8`UBn_vr_mK^F=>E;Lg$k5#DqVGv
z#Dr}&R~JjElxj`cV7>z;d@R+PH11dZI^=Ym1bCd?DWbD_I+BLFqQFBI>Vr{Zz#?q?
z{qLQ@$x}0!n_I&8^l|*r7jMV!KfZ^2PBeuAW#ZKLYYu=7a)dVe<cTT#$(MeL3l}0}
z+j<bP0@}JH9^1PMpWL&aoF|GDp=d1wN0-JI*S6p~j%jQ%1kHjADmN{{;3{8+!X$8}
zg^ClSG&D|3<-pda{p^oM@z-BHg!xGusf348wSb|u{kZw2?dErprmN%SDE7uOWMaHn
zzC1D<I&>N*PM^cz;AW(=0j}NFgS~sV;;Nx;eZ?pMn5%%uvVI@qje98Z)LUC|bkM|R
zd;?mIZQG{r?4VkesFek^fT+K1cy83oS1P8>dl%n-Y7Bq%m!kmIqoZ>Xoo#vS{KzIe
zymuD{`&u+dFJ(QU=}4CVWEqkL4a(WjPr_t@J9lrxU-V|-xk>a7^kYMR%4}j4BC^SC
z=(;Q>G^ODJtR@;;APj`+LxM4z;;!r14Z&4E%jOKWl|ZFfMX?y5Bjd)Gt4C?&*D56`
zQ?-%A8?Vmb8(%vI84Mtko5wx(rSRbWH=uX5{;eXeRXbR+IBscQmqa4OwD0AIlBcID
zi@UqFHGStB_SL1hBkT5|;!H?;+W5Rdf>bLK<&vtVZEA9)({4lX*0uy(j}g&ODb-L|
z@_|)e!~IMR%go|cXJclehOa+y0+mW9QY}+>^q;ok(MLAdx2dWc0FXwD%<$^c=pm|e
z-OEvcteZWQFx0zq>Rdbsk;Pd=r&V&hI<M4FQfx+re28*E!m%9$Tu^$8Z-KUU2VPPV
z(HHnO7U#=GV%`8TGH&%~bNb~gV;H-TgyRCgac{~9T}BW_2qIND2;#D#@+y-}Jq+C=
z)1L`Q-UNsYPK-xB8dNk)tYI2L6U>(NMueq&m~aN_uQ-~{&#Bh6rps+tAlGU)1n=z0
zpe>iBAm;}H^9zN#xm*gxnbFzE*#b({5N+K)K6Ss=bSOANMa@yM4^34?w&BKD9Y#`O
z5ULp|VA;!S`Pc=NpaL!w#tT^)k?MJ?l*L(7^yg+WA{JDAXK70?+ch_rhwleuwW)Lx
ztsSW*ji)ViuaXFA0T3|EPQ+K{27vfFwaJ)T;wUT@Q7u+6G-zRP(2x@{0jB(4NLYbx
z`YH3`k%SxSYev-33=tuO0&PjxL=l4qnaahg8dL$4G1K<t#!?zCLQ0A2d`&qT%G+3(
zv81UP7cxws7A>N)H$uNbrCjK`09}1Pf}n(i)q;^z0p`oTzA1|f6Kz`3u&e1r0<QEB
z`5aY0_Fa`DD|Hm5sH(scI(<c2=T$^l%vWLCNs7O@mbjD3jiw@KpdHe@g-wabHNu-N
z>$16*MpkH0eS#F^3t;$sNHMA6FJf>5L&jm0iR&J=W^D%?uLRg0#wMybdvd<62_a42
zO3lC+B4YjKZe&^+hR;g8{bpXD%Y7;;R3%-r0zy$%<dNkBc0{Y2o(?cIsyZ1N*iMA5
zP91D?^FD^04O&_@H~O0XMcsawnX56bB@z(AC099jb`GQGr(q`|Fgw7Swe5A8VvvSw
zwsxa;K%yo~DAza+zLPh%VUQ7{ezi(Z!i<RQx}%Gl@~YZ->f0wUK3j#y(vV0(Dh$ga
zSPE~eM!hO*Egg~n@ue~3Cm15(!%J2%G}L8WT$=8RCj6yAWAP~2ifK>%7yC91DaGkb
zE9b=VB@{~>fvBJ*SHs4u+7a(ER~J^%wJYOc^VMlAm8ak(k~ng(fRVAX_9dcWYzUd8
zCZ0lKeccJ%czXiAn8Udf4!-(l`>{}xNLem27Dt-9@GJ|q%V67_GQr<Ha}3WvcM7)S
zVR2y?*KF%VPcG9G+@$G;TOX<)qb)+j2~%eP9#CVkQd52OB{1%xQYm1=rX*H(nyQlt
zSYQ6~zx(&p5?18`m)N&&3Msn_rF;nqPh#t~R_a{F6Hw%9YU+srtA|=}<me10#(??h
z5XX*OfFBi6^f}5^2jzl=`S}1RN9XXZ9~{N=&rJiO9r^M_Tzypn|NNibhHT0)y>+3}
z92|WQ)-dmQVv>U`Q@u2#gFaUyGsYF&oW#Dj=kc?Dn1Po}A_(Sj-vfhKKiGyqCx4B$
zshP$kc5LgzmTM>Q-aGSXZOP#6UlnlcT{R5#dk9#K!i<8oks|LS3%#8g{Hs5?4uAfY
z{WyBKj03+)<K)3vWV>gO&9zW_$VZ5LEkM2;g0W6is*BjVEr);kg<G(?Gih4Ev7m;R
z6S6+IQ`c=Xdah?hs~+h!-Vh{osV4FAOJ@*79)jvD2G-iRe&;~LL3HgdiLMbcq}j9G
z_w+%CSsKQhnPzzL#}jnAqjp_LI*&RkOd=8jo7T7BKmYk1c;vUc(a~E$SPQW*DRJRk
z6~pI?7#S~NVKIaV^T;G7@zAIG@E^Xk8-smG4MAy|%GRdM^kfC2h>phSR=rtayj?Kk
z&$08HaSyJ)f9d%#oH|iLBF(9Rc*k9RXiYkl%i{#iqzI)@B%P|UndaC2$DbX?zE>;A
zwYI_!7VyP?y#d#6Z-a;=<>tr|a0Dn1N0O5dtK;PG9FDww5wqhG`6Y%z<U_a&nT&(J
z-WqP$K7eaC_nLfbx-ZhwS(uw#EF<mV3WzAd<2hL=>%^vP*gCO8YC=*8t$N|-M+^AM
zm)}LPmPP0+U|_(-zxlT}qt$b0a6nJo*s5s=3SQ*nGK9?-?*FZ|IC}71_|=ezzbF6i
zSqyw>JG$E)6%9#4n&#0FTXEj1sNKA_gI@6w!_-R~OBx7qJ>|fp8Ot>D$DG%Ta~ju*
z4~5O)8?(15b!iMDXne)8TvS7W|NZr2m|k$u+QHygW^n&Mxru}hsf!cp@>|x|q*1b}
zTGfcf`ZX!s|7af;mnM;LdT{=%gYSIn7(%IQTgt91(u9ISQmWe0v$<qWafIgP6;oFt
z##jmwl15>MjEv95M2Fc1g~_RORens?;nGVQZcVDTR48FN8aY1o?bA4Rq=Z~&2J;K!
zxZ}3X_{hyehVK(*mPX(6vM!(E!ITa^v1cuA|5yuVW=4@ob>ppHR`A_#p8?D`Kp^x$
zF40OcHfOrsBuuxg@n2k|G&UjLoO;PxpEj1J(2%<Buh-iK(3mkWjUz+Y2J-&oxlz3E
zlToyHbfK`2$GSC1?0s}A{U#)f(i<GZT^=_E;!7*|5QLJF%J2T(HCVrO0gH<hNO^sD
z=||Ie`k7%mH=)C#=HSRgLrQxqAM&zSyeU_vr_E|;>?0n4H^P&3YyLo~;pLx?;k!@1
z2PfT%V!4W3u8hxr{yKEETku2Wh7oO~8f=O)$1;uUbYa70Hhdw`l}+FezIYwldL~h>
zRNy+R@a*@_;qU+7QG_yrYpSD2>UlKCfVvsYmtBUsVj-ox1fYl})+GKx%;1VT5>p5=
zj_|gl=j&d4c^rTDe~!U+I;c9d>`8q7kGEjcrdEhZ5B8F_X++gA*3vZKS0B-!`qx6F
zgkUPhdpP{w6u$ajj-y;yg-pgpr96h6x2EyfW82Wt=}>S}fzg8Qj%bo{dACiP>8Kct
zG+P-iIk&z^F&d@bol2i7|0ZBr9JN5=sV7h3r!QQ9m+V1B6$oq!U-;rC+<L<rL?YB)
zqR3F8t%pk3n5t+94#P)BG{dT9zV+y~iuVZ|JUWA~{kL<dmD-TaWRTC#pns@}M}KD%
zw(aPk-}+KVY<g;diDjb5O8}_7;#gS23K->cjlrWx2RVnD4=J2FSHyR|bpS^X`DpL#
zpcz*o^Z0{5+Jf76_0h(LRPTf|A+enAXQnw+AL-O}odPIo7xV;@fRMh<I>_Mo@kKoG
zm!~l|W}_{aL#bSZlbFLtKfVfkKDim0EH{r&G@EX7>xtF>@+M#wKUmY;gQ3>F9%H0T
zqK=vmJon-${OE_nSXxY@qpbt^;ym0`5r6oF?YL#<Dzc6!<Pf&bJg$^xPN8`q>9Sc?
zh2T`M%Y%uGp?gBjo+w}s2O}dz{QcL@;P{al<dOpvjZ3vz^skBV8+-b3%WdnBPR6^d
zidfw-qf(Hm>+9%h*DaY-3Y2kwj)tnFA%^vJRDXQmo8x%l`C+_wtP0m@g_B62xHN{|
zeh<I*`5oA~B?o~r%>i<jL}aOJ*5Jg`ly!GnQSgRg)`$L@wI=ldV7cVu`%j(0%P)*0
z^3%v<+o-)PcnSS$QrNcB#?I^4Vqi@UY3K5*g9wWz2)e=pGs?+E&J}Rz=y|+*poEjB
z1Jry6ElC%((gG}Q;Ul-V;I|&xfWGc5grc2AM2}-IswpDE1vF8O6)3co1&_0?sB<r|
z;ChT(o6W%k7x0rGjN-&GH6Yu9WGabjEkfuEWLtq%{S5u<)L$1}-C1;WWvQ3tc{V*-
z6)#3vbh#`sHJQhS3v-wl%j4XLi&N))%+JjeN=tZYgw--yl2vTmmchq%4`SC%t7&CE
z1=diHhAC=H#<-wqO#AXjGd@^w)S<nJillkXR{Flc>%TgUw_Ypb)bSchC4pqJ1<bNg
z^UDaL8Z4K?O>np=j%3P%o3LRexbB2X)fE9Ml?V$9CFJu}l#3Mv+<{D_pdMIZQGl*?
ziJjZCxbu!K+_-bl^ko7BQj^r$X6$7#MY(6pQvF(j#}`;$1Y4vcK}8KWk5Fh5=<tCH
zc=wG3oH`9mPM1+Eh2VAqw&zeEJYo_-D4>d>z>trs@S(O8*YoNsxT+}!Cd=q*_pxq$
z7CUyNv3+|VHm%JytwT~6m34j~_T#8NsH<6q6@BeWf;Vq~Z1Tr=BSO;{w;OGxrel5)
zI5Rwf6UQboIwCMNB{7#Tpj-_pct(*87P@AxMH7jP`^dBkbg$xAJ?LWNx&(G?>cP<3
zHn8UBA&nj+bh?v`HVvg>#^O$V+y_|cVam%M##u?*xCB~=hTz0=H3F0FJuH91NVRe2
z=78Dxc`W2h^c+jI98jnhLc(=C;=40h7i}F$boZo?&0zUa#~9|?G5T7@#%OHc=*`$o
zzP?=OD+n$xIccTO<Rva38dgDHnNm%+IX?WvW78Ux-wTUT|C|wu<mSPe7{)fWmzJ%O
zUGi64a&0a63U;s(pSfJ)`WA6tH!{x~#!nwaGzKp@*D^~@2=bU0XYunDmbt8HB?(O!
z#zTbak;w*$Xz2nY?g6tn1;%L4phWYeq5dZ{o3Zk<rN8FW#48<fccrn@go$Yw@KRmJ
z4L|*ES$mJ`MK^<7MTwaQQ!dHFIyNl7?xj|BspgwL2k`#^s+7SLmMfFO00000NkvXX
Hu0mjf9h2>u

literal 0
HcmV?d00001

diff --git a/static/images/workbench/friendCircleIcon.png b/static/images/workbench/friendCircleIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..e102cbed1fd5867c47968dbfd2bf2575dc44a7b5
GIT binary patch
literal 2635
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

literal 0
HcmV?d00001

diff --git a/store/modules/conversation.js b/store/modules/conversation.js
index 20bc661..d23c296 100644
--- a/store/modules/conversation.js
+++ b/store/modules/conversation.js
@@ -1,6 +1,4 @@
-import {
-	v4 as uuidv4
-} from "uuid";
+import {v4 as uuidv4} from "uuid";
 import IMSDK from "openim-uniapp-polyfill";
 
 const state = {
@@ -46,14 +44,9 @@ const mutations = {
 };
 
 const actions = {
-	async getConversationList({
-		state,
-		commit
-	}, isFirstPage = true) {
+	async getConversationList({state,commit}, isFirstPage = true) {
 		try {
-			const {
-				data
-			} = await IMSDK.asyncApi(
+			const {data} = await IMSDK.asyncApi(
 				IMSDK.IMMethods.GetConversationListSplit,
 				uuidv4(), {
 					offset: isFirstPage ? 0 : state.conversationList.length,
@@ -71,9 +64,7 @@ const actions = {
 			return [];
 		}
 	},
-	getCurrentGroup({
-		commit
-	}, groupID) {
+	getCurrentGroup({commit}, groupID) {
 		IMSDK.asyncApi(IMSDK.IMMethods.GetSpecifiedGroupsInfo, uuidv4(), [
 			groupID,
 		]).then(({
@@ -82,10 +73,7 @@ const actions = {
 			commit("SET_CURRENT_GROUP", data[0] ?? {});
 		});
 	},
-	getCurrentMemberInGroup({
-		commit,
-		rootState
-	}, groupID) {
+	getCurrentMemberInGroup({commit,rootState}, groupID) {
 		IMSDK.asyncApi(IMSDK.IMMethods.GetSpecifiedGroupMembersInfo, uuidv4(), {
 			groupID,
 			userIDList: [rootState.user.selfInfo.userID],
@@ -95,20 +83,15 @@ const actions = {
 			commit("SET_CURRENT_MEMBER_IN_GROUP", data[0] ?? {});
 		});
 	},
-	getUnReadCount({
-		commit
-	}) {
+	getUnReadCount({commit}) {
 		IMSDK.asyncApi(IMSDK.IMMethods.GetTotalUnreadMsgCount, uuidv4()).then(
 			(res) => {
-				console.log(res);
+				//console.log(res);
 				commit("SET_UNREAD_COUNT", res.data);
 			},
 		);
 	},
-	updateCurrentMemberInGroup({
-		commit,
-		state
-	}, memberInfo) {
+	updateCurrentMemberInGroup({commit,state}, memberInfo) {
 		console.log(memberInfo);
 		if (
 			memberInfo.groupID === state.currentMemberInGroup.groupID &&
diff --git a/store/modules/user.js b/store/modules/user.js
index 705e08d..f1f54b8 100644
--- a/store/modules/user.js
+++ b/store/modules/user.js
@@ -48,19 +48,13 @@ const actions = {
 		commit
 	}) {
 		try {
-			const {
-				data
-			} = await IMSDK.asyncApi(
-				IMSDK.IMMethods.GetSelfUserInfo,
-				uuidv4(),
-			);
-			const res = await businessGetUserInfo(data.userID);
-			//console.log(res.data);
+			const result = await IMSDK.asyncApi(IMSDK.IMMethods.GetSelfUserInfo,uuidv4(),);
+			const res = await businessGetUserInfo(result.data.userID);
 			
 			const businessData = res.data[0] ?? {};
 			filterEmptyValue(businessData);
 			commit("SET_SELF_INFO", {
-				...data,
+				...result.data,
 				...businessData,
 			});
 		} catch (e) {
diff --git a/util/imCommon.js b/util/imCommon.js
index 245bd21..b76846b 100644
--- a/util/imCommon.js
+++ b/util/imCommon.js
@@ -1,17 +1,19 @@
 import store from "@/store";
 import {
-  CustomType,
-  GroupSystemMessageTypes,
-  AddFriendQrCodePrefix,
-  AddGroupQrCodePrefix,
+	CustomType,
+	GroupSystemMessageTypes,
+	AddFriendQrCodePrefix,
+	AddGroupQrCodePrefix,
 } from "@/constant";
 import IMSDK, {
-  GroupAtType,
-  MessageType,
-  SessionType,
+	GroupAtType,
+	MessageType,
+	SessionType,
 } from "openim-uniapp-polyfill";
 import dayjs from "dayjs";
-import { isThisYear } from "date-fns";
+import {
+	isThisYear
+} from "date-fns";
 
 import calendar from "dayjs/plugin/calendar";
 import relativeTime from "dayjs/plugin/relativeTime";
@@ -24,338 +26,335 @@ dayjs.extend(updateLocale);
 dayjs.locale("zh-cn");
 
 dayjs.updateLocale("en", {
-  calendar: {
-    sameElse: "YYYY-MM-DD",
-  },
+	calendar: {
+		sameElse: "YYYY-MM-DD",
+	},
 });
 dayjs.updateLocale("zh-cn", {
-  calendar: {
-    sameDay: "HH:mm",
-    nextDay: "[明天]",
-    nextWeek: "dddd",
-    lastDay: "[昨天] HH:mm",
-    lastWeek: "dddd HH:mm",
-    sameElse: "YYYY年M月D日 HH:mm",
-  },
+	calendar: {
+		sameDay: "HH:mm",
+		nextDay: "[明天]",
+		nextWeek: "dddd",
+		lastDay: "[昨天] HH:mm",
+		lastWeek: "dddd HH:mm",
+		sameElse: "YYYY年M月D日 HH:mm",
+	},
 });
 
 export const formatMessageTime = (timestemp, keepSameYear = false) => {
-  if (!timestemp) return "";
+	if (!timestemp) return "";
 
-  const isRecent = dayjs().diff(timestemp, "day") < 7;
-  const keepYear = keepSameYear || !isThisYear(timestemp);
+	const isRecent = dayjs().diff(timestemp, "day") < 7;
+	const keepYear = keepSameYear || !isThisYear(timestemp);
 
-  if (!isRecent && !keepYear) {
-    return dayjs(timestemp).format("M月D日 HH:mm");
-  }
+	if (!isRecent && !keepYear) {
+		return dayjs(timestemp).format("M月D日 HH:mm");
+	}
 
-  return dayjs(timestemp).calendar();
+	return dayjs(timestemp).calendar();
 };
 
 export const conversationSort = (conversationList) => {
-  const arr = [];
-  const filterArr = conversationList.filter(
-    (c) => !arr.includes(c.conversationID) && arr.push(c.conversationID),
-  );
-  filterArr.sort((a, b) => {
-    if (a.isPinned === b.isPinned) {
-      const aCompare =
-        a.draftTextTime > a.latestMsgSendTime
-          ? a.draftTextTime
-          : a.latestMsgSendTime;
-      const bCompare =
-        b.draftTextTime > b.latestMsgSendTime
-          ? b.draftTextTime
-          : b.latestMsgSendTime;
-      if (aCompare > bCompare) {
-        return -1;
-      } else if (aCompare < bCompare) {
-        return 1;
-      } else {
-        return 0;
-      }
-    } else if (a.isPinned && !b.isPinned) {
-      return -1;
-    } else {
-      return 1;
-    }
-  });
-  return filterArr;
+	const arr = [];
+	const filterArr = conversationList.filter(
+		(c) => !arr.includes(c.conversationID) && arr.push(c.conversationID),
+	);
+	filterArr.sort((a, b) => {
+		if (a.isPinned === b.isPinned) {
+			const aCompare =
+				a.draftTextTime > a.latestMsgSendTime ?
+				a.draftTextTime :
+				a.latestMsgSendTime;
+			const bCompare =
+				b.draftTextTime > b.latestMsgSendTime ?
+				b.draftTextTime :
+				b.latestMsgSendTime;
+			if (aCompare > bCompare) {
+				return -1;
+			} else if (aCompare < bCompare) {
+				return 1;
+			} else {
+				return 0;
+			}
+		} else if (a.isPinned && !b.isPinned) {
+			return -1;
+		} else {
+			return 1;
+		}
+	});
+	return filterArr;
 };
 
 
 export const sec2Time = (seconds) => {
-  var theTime1 = 0; // min
-  var theTime2 = 0; // hour
-  var theTime3 = 0; // day
-  if (seconds > 60) {
-    theTime1 = parseInt(seconds / 60);
-    seconds = parseInt(seconds % 60);
-    if (theTime1 > 60) {
-      theTime2 = parseInt(theTime1 / 60);
-      theTime1 = parseInt(theTime1 % 60);
-      if (theTime2 > 24) {
-        theTime3 = parseInt(theTime2 / 24);
-        theTime2 = parseInt(theTime2 % 24);
-      }
-    }
-  }
-  var result = "";
-  if (seconds > 0) {
-    result = "" + parseInt(seconds) + "秒";
-  }
-  if (theTime1 > 0) {
-    result = "" + parseInt(theTime1) + "分钟" + result;
-  }
-  if (theTime2 > 0) {
-    result = "" + parseInt(theTime2) + "小时" + result;
-  }
-  if (theTime3 > 0) {
-    result = "" + parseInt(theTime3) + "天" + result;
-  }
-  return result;
+	var theTime1 = 0; // min
+	var theTime2 = 0; // hour
+	var theTime3 = 0; // day
+	if (seconds > 60) {
+		theTime1 = parseInt(seconds / 60);
+		seconds = parseInt(seconds % 60);
+		if (theTime1 > 60) {
+			theTime2 = parseInt(theTime1 / 60);
+			theTime1 = parseInt(theTime1 % 60);
+			if (theTime2 > 24) {
+				theTime3 = parseInt(theTime2 / 24);
+				theTime2 = parseInt(theTime2 % 24);
+			}
+		}
+	}
+	var result = "";
+	if (seconds > 0) {
+		result = "" + parseInt(seconds) + "秒";
+	}
+	if (theTime1 > 0) {
+		result = "" + parseInt(theTime1) + "分钟" + result;
+	}
+	if (theTime2 > 0) {
+		result = "" + parseInt(theTime2) + "小时" + result;
+	}
+	if (theTime3 > 0) {
+		result = "" + parseInt(theTime3) + "天" + result;
+	}
+	return result;
 };
 
 export const parseMessageByType = (pmsg) => {
-  const getName = (user) => {
-    return user.userID === store.getters.storeCurrentUserID
-      ? "你"
-      : user.nickname;
-  };
+	const getName = (user) => {
+		return user.userID === store.getters.storeCurrentUserID ?
+			"你" :
+			user.nickname;
+	};
 
-  switch (pmsg.contentType) {
-    case MessageType.TextMessage:
-      return pmsg.textElem.content;
-    case MessageType.PictureMessage:
-      return `[图片]`;
-    case MessageType.FriendAdded:
-      return "你们已经是好友了，开始聊天吧~";
-    case MessageType.MemberEnter:
-      const enterDetails = JSON.parse(pmsg.notificationElem.detail);
-      const enterUser = enterDetails.entrantUser;
-      return `${getName(enterUser)}进入了群聊`;
-    case MessageType.GroupCreated:
-      const groupCreatedDetail = JSON.parse(pmsg.notificationElem.detail);
-      const groupCreatedUser = groupCreatedDetail.opUser;
-      return `${getName(groupCreatedUser)}创建了群聊`;
-    case MessageType.MemberInvited:
-      const inviteDetails = JSON.parse(pmsg.notificationElem.detail);
-      const inviteOpUser = inviteDetails.opUser;
-      const invitedUserList = inviteDetails.invitedUserList ?? [];
-      let inviteStr = "";
-      invitedUserList.find(
-        (user, idx) => (inviteStr += getName(user) + "、") && idx > 3,
-      );
-      inviteStr = inviteStr.slice(0, -1);
-      return `${getName(inviteOpUser)}邀请了${inviteStr}${
+	switch (pmsg.contentType) {
+		case MessageType.TextMessage:
+			return pmsg.textElem.content;
+		case MessageType.PictureMessage:
+			return `[图片]`;
+		case MessageType.FriendAdded:
+			return "你们已经是好友了，开始聊天吧~";
+		case MessageType.MemberEnter:
+			const enterDetails = JSON.parse(pmsg.notificationElem.detail);
+			const enterUser = enterDetails.entrantUser;
+			return `${getName(enterUser)}进入了群聊`;
+		case MessageType.GroupCreated:
+			const groupCreatedDetail = JSON.parse(pmsg.notificationElem.detail);
+			const groupCreatedUser = groupCreatedDetail.opUser;
+			return `${getName(groupCreatedUser)}创建了群聊`;
+		case MessageType.MemberInvited:
+			const inviteDetails = JSON.parse(pmsg.notificationElem.detail);
+			const inviteOpUser = inviteDetails.opUser;
+			const invitedUserList = inviteDetails.invitedUserList ?? [];
+			let inviteStr = "";
+			invitedUserList.find(
+				(user, idx) => (inviteStr += getName(user) + "、") && idx > 3,
+			);
+			inviteStr = inviteStr.slice(0, -1);
+			return `${getName(inviteOpUser)}邀请了${inviteStr}${
         invitedUserList.length > 3 ? "..." : ""
       }进入群聊`;
 
-    case MessageType.MemberKicked:
-      const kickDetails = JSON.parse(pmsg.notificationElem.detail);
-      const kickOpUser = kickDetails.opUser;
-      const kickdUserList = kickDetails.kickedUserList ?? [];
-      let kickStr = "";
-      kickdUserList.find(
-        (user, idx) => (kickStr += getName(user) + "、") && idx > 3,
-      );
-      kickStr = kickStr.slice(0, -1);
-      return `${getName(kickOpUser)}踢出了${kickStr}${
+		case MessageType.MemberKicked:
+			const kickDetails = JSON.parse(pmsg.notificationElem.detail);
+			const kickOpUser = kickDetails.opUser;
+			const kickdUserList = kickDetails.kickedUserList ?? [];
+			let kickStr = "";
+			kickdUserList.find(
+				(user, idx) => (kickStr += getName(user) + "、") && idx > 3,
+			);
+			kickStr = kickStr.slice(0, -1);
+			return `${getName(kickOpUser)}踢出了${kickStr}${
         kickdUserList.length > 3 ? "..." : ""
       }`;
-    case MessageType.MemberQuit:
-      const quitDetails = JSON.parse(pmsg.notificationElem.detail);
-      const quitUser = quitDetails.quitUser;
-      return `${getName(quitUser)}退出了群聊`;
-    case MessageType.GroupInfoUpdated:
-      const groupUpdateDetail = JSON.parse(pmsg.notificationElem.detail);
-      const groupUpdateUser = groupUpdateDetail.opUser;
-      return `${getName(groupUpdateUser)}修改了群信息`;
-    case MessageType.GroupOwnerTransferred:
-      const transferDetails = JSON.parse(pmsg.notificationElem.detail);
-      const transferOpUser = transferDetails.opUser;
-      const newOwner = transferDetails.newGroupOwner;
-      return `${getName(transferOpUser)}将群主转让给${getName(newOwner)}`;
-    case MessageType.GroupDismissed:
-      const dismissDetails = JSON.parse(pmsg.notificationElem.detail);
-      const dismissUser = dismissDetails.opUser;
-      return `${getName(dismissUser)}解散了群聊`;
-    case MessageType.GroupNameUpdated:
-      const groupNameUpdateDetail = JSON.parse(pmsg.notificationElem.detail);
-      const groupNameUpdateUser = groupNameUpdateDetail.opUser;
-      return `${getName(groupNameUpdateUser)}修改了群名称为${
+		case MessageType.MemberQuit:
+			const quitDetails = JSON.parse(pmsg.notificationElem.detail);
+			const quitUser = quitDetails.quitUser;
+			return `${getName(quitUser)}退出了群聊`;
+		case MessageType.GroupInfoUpdated:
+			const groupUpdateDetail = JSON.parse(pmsg.notificationElem.detail);
+			const groupUpdateUser = groupUpdateDetail.opUser;
+			return `${getName(groupUpdateUser)}修改了群信息`;
+		case MessageType.GroupOwnerTransferred:
+			const transferDetails = JSON.parse(pmsg.notificationElem.detail);
+			const transferOpUser = transferDetails.opUser;
+			const newOwner = transferDetails.newGroupOwner;
+			return `${getName(transferOpUser)}将群主转让给${getName(newOwner)}`;
+		case MessageType.GroupDismissed:
+			const dismissDetails = JSON.parse(pmsg.notificationElem.detail);
+			const dismissUser = dismissDetails.opUser;
+			return `${getName(dismissUser)}解散了群聊`;
+		case MessageType.GroupNameUpdated:
+			const groupNameUpdateDetail = JSON.parse(pmsg.notificationElem.detail);
+			const groupNameUpdateUser = groupNameUpdateDetail.opUser;
+			return `${getName(groupNameUpdateUser)}修改了群名称为${
         groupNameUpdateDetail.group.groupName
       }`;
-    default:
-      return "[暂未支持的消息类型]";
-  }
+		default:
+			return "[暂未支持的消息类型]";
+	}
 };
 
 export const formatConversionTime = (timestemp) => {
-  const fromNowStr = dayjs(timestemp).fromNow();
+	const fromNowStr = dayjs(timestemp).fromNow();
 
-  if (fromNowStr.includes("秒")) {
-    return "刚刚";
-  }
+	if (fromNowStr.includes("秒")) {
+		return "刚刚";
+	}
 
-  if (!fromNowStr.includes("秒") && !fromNowStr.includes("分钟")) {
-    return dayjs(timestemp).calendar();
-  }
+	if (!fromNowStr.includes("秒") && !fromNowStr.includes("分钟")) {
+		return dayjs(timestemp).calendar();
+	}
 
-  return fromNowStr;
+	return fromNowStr;
 };
 
 export const secFormat = (sec) => {
-  let h;
-  let s;
-  h = Math.floor(sec / 60);
-  s = sec % 60;
-  h += "";
-  s += "";
-  h = h.length === 1 ? "0" + h : h;
-  s = s.length === 1 ? "0" + s : s;
-  return h + ":" + s;
+	let h;
+	let s;
+	h = Math.floor(sec / 60);
+	s = sec % 60;
+	h += "";
+	s += "";
+	h = h.length === 1 ? "0" + h : h;
+	s = s.length === 1 ? "0" + s : s;
+	return h + ":" + s;
 };
 
 export const bytesToSize = (bytes) => {
-  if (bytes === 0) return "0 B";
-  var k = 1024,
-    sizes = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"],
-    i = Math.floor(Math.log(bytes) / Math.log(k));
+	if (bytes === 0) return "0 B";
+	var k = 1024,
+		sizes = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"],
+		i = Math.floor(Math.log(bytes) / Math.log(k));
 
-  return (bytes / Math.pow(k, i)).toPrecision(3) + " " + sizes[i];
+	return (bytes / Math.pow(k, i)).toPrecision(3) + " " + sizes[i];
 };
 
 export const tipMessaggeFormat = (msg, currentUserID) => {
 
-  const getName = (user) =>
-    user.userID === currentUserID ? "你" : user.nickname;
+	const getName = (user) =>
+		user.userID === currentUserID ? "你" : user.nickname;
 
-  switch (msg.contentType) {
-    case MessageType.FriendAdded:
-      return `你们已经是好友了~`;
-    case MessageType.GroupCreated:
-      const groupCreatedDetail = JSON.parse(msg.notificationElem.detail);
-      const groupCreatedUser = groupCreatedDetail.opUser;
-      return `${getName(groupCreatedUser)}创建了群聊`;
-    case MessageType.GroupInfoUpdated:
-      const groupUpdateDetail = JSON.parse(msg.notificationElem.detail);
-      const groupUpdateUser = groupUpdateDetail.opUser;
-      return `${parseInfo(groupUpdateUser)}修改了群信息`;
-    case MessageType.GroupOwnerTransferred:
-      const transferDetails = JSON.parse(msg.notificationElem.detail);
-      const transferOpUser = transferDetails.opUser;
-      const newOwner = transferDetails.newGroupOwner;
-      return `${parseInfo(transferOpUser)}转让群主给${parseInfo(newOwner)}`;
-    case MessageType.MemberQuit:
-      const quitDetails = JSON.parse(msg.notificationElem.detail);
-      const quitUser = quitDetails.quitUser;
-      return `${parseInfo(quitUser)}退出了群组`;
-    case MessageType.MemberInvited:
-      const inviteDetails = JSON.parse(msg.notificationElem.detail);
-      const inviteOpUser = inviteDetails.opUser;
-      const invitedUserList = inviteDetails.invitedUserList ?? [];
-      let inviteStr = "";
-      invitedUserList.find(
-        (user, idx) => (inviteStr += parseInfo(user) + "、") && idx > 3,
-      );
-      inviteStr = inviteStr.slice(0, -1);
-      return `${parseInfo(inviteOpUser)} 邀请了${inviteStr}${
+	switch (msg.contentType) {
+		case MessageType.FriendAdded:
+			return `你们已经是好友了~`;
+		case MessageType.GroupCreated:
+			const groupCreatedDetail = JSON.parse(msg.notificationElem.detail);
+			const groupCreatedUser = groupCreatedDetail.opUser;
+			return `${getName(groupCreatedUser)}创建了群聊`;
+		case MessageType.GroupInfoUpdated:
+			const groupUpdateDetail = JSON.parse(msg.notificationElem.detail);
+			const groupUpdateUser = groupUpdateDetail.opUser;
+			return `${parseInfo(groupUpdateUser)}修改了群信息`;
+		case MessageType.GroupOwnerTransferred:
+			const transferDetails = JSON.parse(msg.notificationElem.detail);
+			const transferOpUser = transferDetails.opUser;
+			const newOwner = transferDetails.newGroupOwner;
+			return `${parseInfo(transferOpUser)}转让群主给${parseInfo(newOwner)}`;
+		case MessageType.MemberQuit:
+			const quitDetails = JSON.parse(msg.notificationElem.detail);
+			const quitUser = quitDetails.quitUser;
+			return `${parseInfo(quitUser)}退出了群组`;
+		case MessageType.MemberInvited:
+			const inviteDetails = JSON.parse(msg.notificationElem.detail);
+			const inviteOpUser = inviteDetails.opUser;
+			const invitedUserList = inviteDetails.invitedUserList ?? [];
+			let inviteStr = "";
+			invitedUserList.find(
+				(user, idx) => (inviteStr += parseInfo(user) + "、") && idx > 3,
+			);
+			inviteStr = inviteStr.slice(0, -1);
+			return `${parseInfo(inviteOpUser)} 邀请了${inviteStr}${
         invitedUserList.length > 3 ? "..." : ""
       }加入群聊`;
-    case MessageType.MemberKicked:
-      const kickDetails = JSON.parse(msg.notificationElem.detail);
-      const kickOpUser = kickDetails.opUser;
-      const kickdUserList = kickDetails.kickedUserList ?? [];
-      let kickStr = "";
-      kickdUserList.find(
-        (user, idx) => (kickStr += parseInfo(user) + "、") && idx > 3,
-      );
-      kickStr = kickStr.slice(0, -1);
-      return `${parseInfo(kickOpUser)} 踢出了${kickStr}${
+		case MessageType.MemberKicked:
+			const kickDetails = JSON.parse(msg.notificationElem.detail);
+			const kickOpUser = kickDetails.opUser;
+			const kickdUserList = kickDetails.kickedUserList ?? [];
+			let kickStr = "";
+			kickdUserList.find(
+				(user, idx) => (kickStr += parseInfo(user) + "、") && idx > 3,
+			);
+			kickStr = kickStr.slice(0, -1);
+			return `${parseInfo(kickOpUser)} 踢出了${kickStr}${
         kickdUserList.length > 3 ? "..." : ""
       }`;
-    case MessageType.MemberEnter:
-      const enterDetails = JSON.parse(msg.notificationElem.detail);
-      const enterUser = enterDetails.entrantUser;
-      return `${parseInfo(enterUser)}加入了群聊`;
-    case MessageType.GroupDismissed:
-      const dismissDetails = JSON.parse(msg.notificationElem.detail);
-      const dismissUser = dismissDetails.opUser;
-      return `${parseInfo(dismissUser)}解散了群聊`;
-    default:
-      return "";
-  }
+		case MessageType.MemberEnter:
+			const enterDetails = JSON.parse(msg.notificationElem.detail);
+			const enterUser = enterDetails.entrantUser;
+			return `${parseInfo(enterUser)}加入了群聊`;
+		case MessageType.GroupDismissed:
+			const dismissDetails = JSON.parse(msg.notificationElem.detail);
+			const dismissUser = dismissDetails.opUser;
+			return `${parseInfo(dismissUser)}解散了群聊`;
+		default:
+			return "";
+	}
 };
 
 export const markConversationAsRead = (conversation, fromChating = false) => {
-  if (conversation.unreadCount !== 0) {
-    IMSDK.asyncApi(
-      IMSDK.IMMethods.MarkConversationMessageAsRead,
-      IMSDK.uuid(),
-      conversation.conversationID,
-    );
-  }
+	if (conversation.unreadCount !== 0) {
+		IMSDK.asyncApi(
+			IMSDK.IMMethods.MarkConversationMessageAsRead,
+			IMSDK.uuid(),
+			conversation.conversationID,
+		);
+	}
 };
 
 export const prepareConversationState = (conversation, back2Tab = false) => {
-  markConversationAsRead(conversation);
+	markConversationAsRead(conversation);
 
-  if (conversation.conversationType === SessionType.WorkingGroup) {
-    store.dispatch("conversation/getCurrentGroup", conversation.groupID);
-    store.dispatch(
-      "conversation/getCurrentMemberInGroup",
-      conversation.groupID,
-    );
-  }
-  store.dispatch("message/resetMessageState");
-  store.commit("conversation/SET_CURRENT_CONVERSATION", conversation);
+	if (conversation.conversationType === SessionType.WorkingGroup) {
+		store.dispatch("conversation/getCurrentGroup", conversation.groupID);
+		store.dispatch(
+			"conversation/getCurrentMemberInGroup",
+			conversation.groupID,
+		);
+	}
+	store.dispatch("message/resetMessageState");
+	store.commit("conversation/SET_CURRENT_CONVERSATION", conversation);
 
-  let url = `/pages/conversation/chating/index?back2Tab=${back2Tab}`;
-  setTimeout(() => {
-    uni.navigateTo({
-      url,
-    });
-  }, 300)
+	let url = `/pages/conversation/chating/index?back2Tab=${back2Tab}`;
+	setTimeout(() => {
+		uni.navigateTo({
+			url,
+		});
+	}, 300)
 };
 
-export const navigateToDesignatedConversation = (
-  sourceID,
-  sessionType,
-  back2Tab = false,
-) => {
-  return new Promise(async (resolve, reject) => {
-    try {
-      const { data } = await IMSDK.asyncApi(
-        IMSDK.IMMethods.GetOneConversation,
-        IMSDK.uuid(),
-        {
-          sessionType,
-          sourceID,
-        },
-      );
-      prepareConversationState(data, back2Tab);
-      resolve();
-    } catch (e) {
-      reject(e);
-    }
-  });
+export const navigateToDesignatedConversation = (sourceID,sessionType,back2Tab = false,) => {
+	return new Promise(async (resolve, reject) => {
+		try {
+			const {
+				data
+			} = await IMSDK.asyncApi(
+				IMSDK.IMMethods.GetOneConversation,
+				IMSDK.uuid(), {
+					sessionType,
+					sourceID,
+				},
+			);
+			prepareConversationState(data, back2Tab);
+			resolve();
+		} catch (e) {
+			reject(e);
+		}
+	});
 };
 
 export const offlinePushInfo = {
-  title: "you have a new message",
-  desc: "you have a new message",
-  ex: "",
-  iOSPushSound: "",
-  iOSBadgeCount: true,
+	title: "you have a new message",
+	desc: "you have a new message",
+	ex: "",
+	iOSPushSound: "",
+	iOSBadgeCount: true,
 };
 
 export const getConversationContent = (message) => {
-  if (
-    !message.groupID ||
-    message.sendID === store.getters.storeCurrentUserID
-  ) {
-    return parseMessageByType(message);
-  }
-  return `${message.senderNickname}：${parseMessageByType(message)}`;
+	if (
+		!message.groupID ||
+		message.sendID === store.getters.storeCurrentUserID
+	) {
+		return parseMessageByType(message);
+	}
+	return `${message.senderNickname}：${parseMessageByType(message)}`;
 };
\ No newline at end of file