@appthen/cli 1.2.10 → 1.2.11

package/tests/test-app/src/pages/mobile_terminal/PersonalCenter.css

@@ -0,0 +1,3 @@
+.b2enYEOZUL {
+	color: #150d45;
+}

package/tests/test-app/src/pages/mobile_terminal/PersonalCenter.tsx

@@ -0,0 +1,362 @@
+/**
+ * 个人中心
+ * @type Page
+ * @screen 375w
+ * @frames app
+ */
+import React from 'react';
+import { AtIcon, HeaderBar, Image, Page, ScrollView, Text, View } from 'cross-ui';
+import './PersonalCenter.css';
+
+class IProps {}
+
+/*
+ * 数据与接口请求定义
+ */
+class IState {}
+
+class Document extends React.Component<IProps, IState> {
+  state = {};
+
+  /**
+   * 跳转到个人信息页面
+   */
+  navigateToProfile() {
+    this.utils.navigateTo('profile');
+  }
+
+  /**
+   * 跳转到工单列表
+   */
+  navigateToWorkOrders() {
+    this.utils.navigateTo('workOrderPage');
+  }
+
+  /**
+   * 处理菜单点击
+   */
+  handleMenuClick(item) {
+    if (item.title === '退出登录') {
+      this.utils.showToast('退出登录成功');
+      setTimeout(() => {
+        this.utils.navigateTo('login');
+      }, 1500);
+    } else if (item.title === '我的工单') {
+      this.navigateToWorkOrders();
+    } else {
+      this.utils.navigateTo(item.title);
+    }
+  }
+
+  render() {
+    return (
+      <Page statusBarMode="light" className="bg-[#f5f5f5] h-full">
+        <HeaderBar
+          backgroundColor="#6749ff"
+          mode="dark"
+          showBack={false}
+          title="个人中心11"
+          titleAlign="center"
+          translucent={true}
+        />
+        <View
+          __hidePh={true}
+          className="bg-[var(--gradient-to-r)] h-[200px] fixed top-[0px] right-[0px] left-[0px] z-[1]"
+        />
+        <ScrollView className="pb-[20px]">
+          <View className="mt-[20px] flex flex-row items-center pl-[15px]">
+            <View className="border-[2px] border-solid w-[80px] h-[80px] border-[#ffffff] border border-solid rounded-[40px]">
+              <Image
+                src="https://cdn.appthen.com/FgHtqARSEm4pk3XW4-pJkzgrn-xh"
+                remote={false}
+                fit={false}
+                className="w-[76px] h-[76px] rounded-[40px]"
+              />
+            </View>
+            <View className="flex-1 ml-[10px]">
+              <View>
+                <Text className="text-[#ffffff] text-xl font-bold">张伟11</Text>
+              </View>
+              <View className="mt-[12px] mb-[12px]">
+                <Text className="text-[#ffffff] text-sm">
+                  技术部 / 高级工程师
+                </Text>
+              </View>
+              <View className="flex flex-row">
+                <View className="bg-[rgba(255,255,255,0.2)] pt-[8px] pb-[8px] flex flex-row rounded-[20px] pl-[10px] pr-[10px] items-center">
+                  <Text className="text-[#ffffff] text-xs">
+                    查看/编辑个人资料
+                  </Text>
+                  <View>
+                    <AtIcon
+                      color="#ffffff"
+                      size={14}
+                      svg="&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34; ?&#62;&#10;&#60;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; xmlns:xlink=&#34;http://www.w3.org/1999/xlink&#34; width=&#34;100%&#34; height=&#34;100%&#34; viewBox=&#34;0 0 16 16&#34;&#62;&#10;\\\\\\\\\\\\\\\\t&#60;defs&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;clipPath id=&#34;clipPath8263918569&#34;&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;path d=&#34;M0 0L16 0L16 16L0 16L0 0Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 0 0)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;/clipPath&#62;&#10;\\\\\\\\\\\\\\\\t&#60;/defs&#62;&#10;\\\\\\\\\\\\\\\\t&#60;g clip-path=&#34;url(#clipPath8263918569)&#34;&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;path d=&#34;M-0.53033 0.53033C-0.823221 0.237439 -0.823221 -0.237439 -0.53033 -0.53033C-0.237439 -0.823221 0.237439 -0.823221 0.53033 -0.53033L5.03033 3.96967Q5.08256 4.0219 5.1236 4.08332Q5.16464 4.14474 5.19291 4.21299Q5.22118 4.28123 5.23559 4.35368Q5.25 4.42613 5.25 4.5Q5.25 4.57387 5.23559 4.64632Q5.22118 4.71877 5.19291 4.78701Q5.16464 4.85526 5.1236 4.91668Q5.08256 4.9781 5.03033 5.03033L0.53033 9.53033C0.237439 9.82322 -0.237439 9.82322 -0.53033 9.53033C-0.823221 9.23744 -0.823221 8.76256 -0.53033 8.46967L3.43934 4.5L-0.53033 0.53033Z&#34; fill-rule=&#34;evenodd&#34; transform=&#34;matrix(1 0 0 1 5.75 3.5)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\\\\\\\\\\\\\\\\t&#60;/g&#62;&#10;&#60;/svg&#62;&#10;"
+                    />
+                  </View>
+                </View>
+              </View>
+            </View>
+          </View>
+          <View className="mt-[20px] pl-[15px] pr-[15px]">
+            <View
+              __hidePh={true}
+              className="bg-[#ffffff] rounded-[20px] flex flex-row pt-[20px] pb-[20px]"
+            >
+              <View className="flex flex-col justify-center items-center flex-1">
+                <View>
+                  <Text className="text-[15px] text-[#333] font-bold">38</Text>
+                </View>
+                <View className="mt-[20px]">
+                  <Text className="text-sm text-[#333]">已处理工单</Text>
+                </View>
+              </View>
+              <View className="flex flex-col justify-center items-center flex-1">
+                <View>
+                  <Text className="text-[15px] text-[#333] font-bold">12</Text>
+                </View>
+                <View className="mt-[20px]">
+                  <Text className="text-sm text-[#333]">进行中</Text>
+                </View>
+              </View>
+              <View className="flex flex-col justify-center items-center flex-1">
+                <View>
+                  <Text className="text-[15px] text-[#333] font-bold">5</Text>
+                </View>
+                <View className="mt-[20px]">
+                  <Text className="text-sm text-[#333]">代办任务</Text>
+                </View>
+              </View>
+            </View>
+          </View>
+          <View className="pt-[20px] pb-[20px] bg-[#f5f5f5]">
+            <View className="flex-[12] pl-[15px]">
+              <Text className="text-[15px] text-[#333] font-bold">
+                常用功能
+              </Text>
+            </View>
+            <View className="pl-[15px] mt-[15px] pr-[15px]">
+              <View
+                __hidePh={true}
+                className="rounded-[20px] bg-[#ffffff] flex flex-row flex-wrap pt-[10px] pb-[10px] pl-[10px] pr-[10px]"
+              >
+                <View className="w-[25%] flex flex-row justify-center">
+                  <View className="flex flex-col justify-center items-center pt-[10px] pb-[10px] pl-[10px] pr-[10px]">
+                    <View>
+                      <View className="w-[40px] h-[40px] bg-[rgba(14,103,209,0.1)] rounded-[20px] flex flex-col justify-center items-center">
+                        <AtIcon
+                          color="#0e67d1"
+                          size={22}
+                          svg="&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34; ?&#62;&#10;&#60;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; xmlns:xlink=&#34;http://www.w3.org/1999/xlink&#34; width=&#34;100%&#34; height=&#34;100%&#34; viewBox=&#34;0 0 22 22&#34;&#62;&#10;\\\\\\\\\\\\\\\\t&#60;defs&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;clipPath id=&#34;clipPath2125637584&#34;&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;path d=&#34;M0 0L22 0L22 22L0 22L0 0Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 0 0)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;/clipPath&#62;&#10;\\\\\\\\\\\\\\\\t&#60;/defs&#62;&#10;\\\\\\\\\\\\\\\\t&#60;g clip-path=&#34;url(#clipPath2125637584)&#34;&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;path d=&#34;M14.4375 7.44434L14.4375 15.8125Q14.4375 16.9516 13.632 17.757Q12.8266 18.5625 11.6875 18.5625L2.0625 18.5625Q0.92341 18.5625 0.117955 17.757Q-0.6875 16.9516 -0.6875 15.8125L-0.6875 2.0625Q-0.6875 0.923413 0.117956 0.117957Q0.923413 -0.6875 2.0625 -0.6875L6.30566 -0.6875Q6.71588 -0.687438 7.09478 -0.530487Q7.47367 -0.373536 7.7637 -0.0835738L13.8335 5.98625Q14.1235 6.27633 14.2805 6.65522Q14.4374 7.03412 14.4375 7.44423L14.4375 7.44434ZM13.0625 7.44444Q13.0625 7.30773 13.0102 7.18144Q12.9578 7.05514 12.8612 6.95852L6.79154 0.888808Q6.69486 0.792155 6.56856 0.739838Q6.44227 0.687521 6.30566 0.6875L2.0625 0.6875Q1.49296 0.6875 1.09023 1.09023Q0.6875 1.49296 0.6875 2.0625L0.6875 15.8125Q0.6875 16.382 1.09023 16.7848Q1.49296 17.1875 2.0625 17.1875L11.6875 17.1875Q12.257 17.1875 12.6598 16.7848Q13.0625 16.382 13.0625 15.8125L13.0625 7.44434L13.0625 7.44444Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 4.125 2.0625)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;path d=&#34;M3.4375 -0.6875C3.05781 -0.6875 2.75 -0.379692 2.75 0L2.75 5.15625Q2.75 6.01056 3.35409 6.61466Q3.95818 7.21875 4.8125 7.21875L9.96875 7.21875C10.3484 7.21875 10.6562 6.91094 10.6562 6.53125C10.6562 6.15156 10.3484 5.84375 9.96875 5.84375L4.8125 5.84375Q4.52773 5.84375 4.32636 5.64239Q4.125 5.44102 4.125 5.15625L4.125 0C4.125 -0.379692 3.81719 -0.6875 3.4375 -0.6875ZM-0.6875 9.96875C-0.6875 10.3484 -0.379692 10.6562 0 10.6562L6.875 10.6562C7.25469 10.6562 7.5625 10.3484 7.5625 9.96875C7.5625 9.58906 7.25469 9.28125 6.875 9.28125L0 9.28125C-0.379692 9.28125 -0.6875 9.58906 -0.6875 9.96875ZM-0.6875 13.4062C-0.6875 13.7859 -0.379692 14.0938 0 14.0938L6.875 14.0938C7.25469 14.0938 7.5625 13.7859 7.5625 13.4062C7.5625 13.0266 7.25469 12.7188 6.875 12.7188L0 12.7188C-0.379692 12.7188 -0.6875 13.0266 -0.6875 13.4062Z&#34; fill-rule=&#34;evenodd&#34; transform=&#34;matrix(1 0 0 1 7.5625 2.40625)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\\\\\\\\\\\\\\\\t&#60;/g&#62;&#10;&#60;/svg&#62;&#10;"
+                        />
+                      </View>
+                    </View>
+                    <View className="mt-[10px]">
+                      <Text className="text-sm text-[#333]">工单管理</Text>
+                    </View>
+                  </View>
+                </View>
+                <View className="w-[25%] flex flex-row justify-center">
+                  <View className="flex flex-col justify-center items-center pt-[10px] pb-[10px] pl-[10px] pr-[10px]">
+                    <View>
+                      <View className="w-[40px] h-[40px] bg-[rgba(19,194,194,0.1)] rounded-[20px] flex flex-col justify-center items-center">
+                        <AtIcon
+                          color="#13c2c2"
+                          size={22}
+                          svg="&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34; ?&#62;&#10;&#60;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; xmlns:xlink=&#34;http://www.w3.org/1999/xlink&#34; width=&#34;100%&#34; height=&#34;100%&#34; viewBox=&#34;0 0 22 22&#34;&#62;&#10;\\\\\\\\\\\\\\\\t&#60;defs&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;clipPath id=&#34;clipPath7412197435&#34;&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;path d=&#34;M0 0L22 0L22 22L0 22L0 0Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 0 0)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;/clipPath&#62;&#10;\\\\\\\\\\\\\\\\t&#60;/defs&#62;&#10;\\\\\\\\\\\\\\\\t&#60;g clip-path=&#34;url(#clipPath7412197435)&#34;&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;path d=&#34;M15.8125 8.25Q15.8125 6.71166 15.2183 5.30733Q14.6441 3.95038 13.5969 2.90313Q12.5496 1.85588 11.1927 1.28171Q9.78834 0.6875 8.25 0.6875Q6.71166 0.6875 5.30733 1.28171Q3.95037 1.85588 2.90313 2.90313Q1.85588 3.95037 1.28171 5.30733Q0.6875 6.71166 0.6875 8.25Q0.6875 9.78834 1.28171 11.1927Q1.85588 12.5496 2.90313 13.5969Q3.95038 14.6441 5.30733 15.2183Q6.71166 15.8125 8.25 15.8125Q9.78834 15.8125 11.1927 15.2183Q12.5496 14.6441 13.5969 13.5969Q14.6441 12.5496 15.2183 11.1927Q15.8125 9.78834 15.8125 8.25ZM17.1875 8.25Q17.1875 10.0673 16.4846 11.7285Q15.806 13.3323 14.5691 14.5691Q13.3323 15.806 11.7285 16.4846Q10.0673 17.1875 8.25 17.1875Q6.43273 17.1875 4.77152 16.4846Q3.16767 15.806 1.93086 14.5691Q0.694045 13.3323 0.0154065 11.7285Q-0.6875 10.0673 -0.6875 8.25Q-0.6875 6.43273 0.0154065 4.77152Q0.694044 3.16767 1.93086 1.93086Q3.16767 0.694045 4.77152 0.0154065Q6.43273 -0.6875 8.25 -0.6875Q10.0673 -0.6875 11.7285 0.0154065Q13.3323 0.694046 14.5691 1.93086Q15.806 3.16767 16.4846 4.77152Q17.1875 6.43273 17.1875 8.25Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 2.75 2.75)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;path d=&#34;M8.69219 -0.526422C8.40146 -0.770637 7.96779 -0.732927 7.72358 -0.442195L2.45711 5.82741L0.511015 3.66509C0.257014 3.38286 -0.17769 3.35998 -0.459913 3.61399C-0.742136 3.86799 -0.765016 4.30269 -0.511015 4.58491L1.96399 7.33491Q1.99608 7.37057 2.03281 7.40142Q2.08465 7.44497 2.144 7.47757Q2.20335 7.51017 2.26792 7.53057Q2.33249 7.55097 2.39979 7.55837Q2.4671 7.56578 2.53456 7.55992Q2.60202 7.55405 2.66703 7.53514Q2.73205 7.51622 2.79213 7.48499Q2.85221 7.45375 2.90504 7.4114Q2.95787 7.36904 3.00142 7.31719L8.77642 0.442195C9.02064 0.151462 8.98293 -0.282207 8.69219 -0.526422Z&#34; fill-rule=&#34;evenodd&#34; transform=&#34;matrix(1 0 0 1 6.875 7.5625)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\\\\\\\\\\\\\\\\t&#60;/g&#62;&#10;&#60;/svg&#62;&#10;"
+                        />
+                      </View>
+                    </View>
+                    <View className="mt-[10px]">
+                      <Text className="text-sm text-[#333]">审批流程</Text>
+                    </View>
+                  </View>
+                </View>
+                <View className="w-[25%] flex flex-row justify-center">
+                  <View className="flex flex-col justify-center items-center pt-[10px] pb-[10px] pl-[10px] pr-[10px]">
+                    <View>
+                      <View className="w-[40px] h-[40px] bg-[rgba(114,46,209,0.1)] rounded-[20px] flex flex-col justify-center items-center">
+                        <AtIcon color="#0e67d1" size={22} svg="" />
+                        <AtIcon
+                          color="#722ed1"
+                          size={20}
+                          svg="&#60;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; width=&#34;100%&#34; height=&#34;100%&#34; viewBox=&#34;0 0 48 48&#34;&#62;&#60;g fill=&#34;currentColor&#34;&#62;&#60;path fill-rule=&#34;evenodd&#34; d=&#34;M12 21a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2zm0 2v2h2v-2zm6 0a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2zm2 0h2v2h-2zm8-2a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2zm0 2v2h2v-2zm-18 8a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2zm4 0v2h-2v-2zm6-2a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2zm2 2h-2v2h2z&#34; clip-rule=&#34;evenodd&#34; fill=&#34;currentColor&#34;/&#62;&#60;path d=&#34;M36 32.5a1 1 0 1 0-2 0v2.914l1.293 1.293a1 1 0 0 0 1.414-1.414L36 34.586z&#34; fill=&#34;currentColor&#34;/&#62;&#60;path fill-rule=&#34;evenodd&#34; d=&#34;M12 7a1 1 0 1 1 2 0v5a1 1 0 1 0 2 0V9h10V7a1 1 0 1 1 2 0v5a1 1 0 1 0 2 0V9h3a3 3 0 0 1 3 3v16.07A7.001 7.001 0 0 1 35 42a6.99 6.99 0 0 1-5.745-3H9a3 3 0 0 1-3-3V12a3 3 0 0 1 3-3h3zm16 28a7 7 0 0 1 6-6.93V18H8v18a1 1 0 0 0 1 1h19.29a7 7 0 0 1-.29-2m12 0a5 5 0 1 1-10 0a5 5 0 0 1 10 0&#34; clip-rule=&#34;evenodd&#34; fill=&#34;currentColor&#34;/&#62;&#60;/g&#62;&#60;/svg&#62;"
+                        />
+                      </View>
+                    </View>
+                    <View className="mt-[10px]">
+                      <Text className="text-sm text-[#333]">日程安排</Text>
+                    </View>
+                  </View>
+                </View>
+                <View className="w-[25%] flex flex-row justify-center">
+                  <View className="flex flex-col justify-center items-center pt-[10px] pb-[10px] pl-[10px] pr-[10px]">
+                    <View>
+                      <View className="w-[40px] h-[40px] bg-[rgba(245,34,45,0.1)] rounded-[20px] flex flex-col justify-center items-center">
+                        <AtIcon
+                          color="#f5222d"
+                          size={22}
+                          svg="&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34; ?&#62;&#10;&#60;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; xmlns:xlink=&#34;http://www.w3.org/1999/xlink&#34; width=&#34;100%&#34; height=&#34;100%&#34; viewBox=&#34;0 0 24 24&#34;&#62;&#10;\\\\\\\\\\\\\\\\t&#60;defs&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;clipPath id=&#34;clipPath0415823368&#34;&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;path d=&#34;M0 0L24 0L24 24L0 24L0 0Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 0 0)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;/clipPath&#62;&#10;\\\\\\\\\\\\\\\\t&#60;/defs&#62;&#10;\\\\\\\\\\\\\\\\t&#60;g clip-path=&#34;url(#clipPath0415823368)&#34;&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;path d=&#34;M16 0L2 0C0.9 0 0 0.9 0 2L0 16C0 17.1 0.9 18 2 18L16 18C17.1 18 18 17.1 18 16L18 2C18 0.9 17.1 0 16 0ZM16 16L2 16L2 2L16 2L16 16ZM4 7L6 7L6 14L4 14L4 7ZM8 4L10 4L10 14L8 14L8 4ZM12 10L14 10L14 14L12 14L12 10Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 3 3)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\\\\\\\\\\\\\\\\t&#60;/g&#62;&#10;&#60;/svg&#62;&#10;"
+                        />
+                      </View>
+                    </View>
+                    <View className="mt-[10px]">
+                      <Text className="text-sm text-[#333]">统计报表</Text>
+                    </View>
+                  </View>
+                </View>
+                <View className="w-[25%] flex flex-row justify-center">
+                  <View className="flex flex-col justify-center items-center pt-[10px] pb-[10px] pl-[10px] pr-[10px]">
+                    <View>
+                      <View className="w-[40px] h-[40px] bg-[rgba(250,140,22,0.1)] rounded-[20px] flex flex-col justify-center items-center">
+                        <AtIcon
+                          color="#fa8c16"
+                          size={22}
+                          svg="&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34; ?&#62;&#10;&#60;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; xmlns:xlink=&#34;http://www.w3.org/1999/xlink&#34; width=&#34;100%&#34; height=&#34;100%&#34; viewBox=&#34;0 0 22 22&#34;&#62;&#10;\\\\\\\\\\\\\\\\t&#60;defs&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;clipPath id=&#34;clipPath0112188398&#34;&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;path d=&#34;M0 0L22 0L22 22L0 22L0 0Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 0 0)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;/clipPath&#62;&#10;\\\\\\\\\\\\\\\\t&#60;/defs&#62;&#10;\\\\\\\\\\\\\\\\t&#60;g clip-path=&#34;url(#clipPath0112188398)&#34;&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;circle cx=&#34;3.09375&#34; cy=&#34;3.09375&#34; r=&#34;3.09375&#34; transform=&#34;matrix(1 0 0 1 3.4375 4.8125)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;path d=&#34;M9.36719 0.859375C8.15719 0.244922 6.82172 0 5.84375 0C3.9282 0 0 1.17477 0 3.52344L0 5.32812L6.44531 5.32812L6.44531 4.63762C6.44531 3.82121 6.78906 3.00266 7.39062 2.32031C7.87059 1.77547 8.54262 1.26973 9.36719 0.859375Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 0.6875 11.8594)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;path d=&#34;M6.70312 0C4.46574 0 0 1.38188 0 4.125L0 6.1875L13.4062 6.1875L13.4062 4.125C13.4062 1.38188 8.94051 0 6.70312 0Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 7.90625 12.375)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;circle cx=&#34;3.78125&#34; cy=&#34;3.78125&#34; r=&#34;3.78125&#34; transform=&#34;matrix(1 0 0 1 10.8281 3.4375)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\\\\\\\\\\\\\\\\t&#60;/g&#62;&#10;&#60;/svg&#62;&#10;"
+                        />
+                      </View>
+                    </View>
+                    <View className="mt-[10px]">
+                      <Text className="text-sm text-[#333]">团队管理</Text>
+                    </View>
+                  </View>
+                </View>
+                <View className="w-[25%] flex flex-row justify-center">
+                  <View className="flex flex-col justify-center items-center pt-[10px] pb-[10px] pl-[10px] pr-[10px]">
+                    <View className="">
+                      <View className="w-[40px] h-[40px] bg-[rgba(235,47,150,0.1)] rounded-[20px] flex flex-col justify-center items-center">
+                        <AtIcon
+                          color="#eb2f96"
+                          size={22}
+                          svg="&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34; ?&#62;&#10;&#60;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; xmlns:xlink=&#34;http://www.w3.org/1999/xlink&#34; width=&#34;100%&#34; height=&#34;100%&#34; viewBox=&#34;0 0 20 20&#34;&#62;&#10;\\\\\\\\\\\\\\\\t&#60;defs&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;clipPath id=&#34;clipPath4798513090&#34;&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;path d=&#34;M0 0L20 0L20 20L0 20L0 0Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 0 0)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;/clipPath&#62;&#10;\\\\\\\\\\\\\\\\t&#60;/defs&#62;&#10;\\\\\\\\\\\\\\\\t&#60;g clip-path=&#34;url(#clipPath4798513090)&#34;&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;path d=&#34;M15.9375 14.375L1.5625 14.375Q0.656407 14.375 0.0157034 13.7343Q-0.625 13.0936 -0.625 12.1875L-0.625 1.5625Q-0.625 0.656408 0.0157039 0.0157039Q0.656408 -0.625 1.5625 -0.625L4.52695 -0.625Q4.8509 -0.624992 5.16094 -0.531102Q5.47097 -0.437213 5.74049 -0.257499L6.82794 0.467469Q6.94349 0.544519 7.07636 0.584758Q7.20923 0.624996 7.34806 0.625L15.9375 0.625Q16.8436 0.625 17.4843 1.2657Q18.125 1.90641 18.125 2.8125L18.125 12.1875Q18.125 13.0936 17.4843 13.7343Q16.8436 14.375 15.9375 14.375ZM16.875 5L16.875 12.1875Q16.875 12.5758 16.6004 12.8504Q16.3258 13.125 15.9375 13.125L1.5625 13.125Q1.17418 13.125 0.899588 12.8504Q0.625 12.5758 0.625 12.1875L0.625 5L16.875 5ZM16.875 3.75L0.625 3.75L0.625 1.5625Q0.625 1.17417 0.899587 0.899587Q1.17417 0.625 1.5625 0.625L4.52695 0.625Q4.66577 0.625003 4.79864 0.665242Q4.93151 0.70548 5.04701 0.782499L6.13456 1.50753Q6.40403 1.68721 6.71406 1.7811Q7.0241 1.87499 7.34803 1.875L15.9375 1.875Q16.3258 1.875 16.6004 2.14959Q16.875 2.42418 16.875 2.8125L16.875 3.75Z&#34; fill-rule=&#34;evenodd&#34; transform=&#34;matrix(1 0 0 1 1.25 3.125)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\\\\\\\\\\\\\\\\t&#60;/g&#62;&#10;&#60;/svg&#62;&#10;"
+                        />
+                      </View>
+                    </View>
+                    <View className="mt-[10px]">
+                      <Text className="text-sm text-[#333]">知识库</Text>
+                    </View>
+                  </View>
+                </View>
+                <View className="w-[25%] flex flex-row justify-center">
+                  <View className="flex flex-col justify-center items-center pt-[10px] pb-[10px] pl-[10px] pr-[10px]">
+                    <View>
+                      <View className="w-[40px] h-[40px] bg-[rgba(82,196,26,0.1)] rounded-[20px] flex flex-col justify-center items-center">
+                        <AtIcon
+                          color="#52c41a"
+                          size={22}
+                          svg="&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34; ?&#62;&#10;&#60;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; xmlns:xlink=&#34;http://www.w3.org/1999/xlink&#34; width=&#34;100%&#34; height=&#34;100%&#34; viewBox=&#34;0 0 22 22&#34;&#62;&#10;\\\\\\\\\\\\\\\\t&#60;defs&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;clipPath id=&#34;clipPath6753736578&#34;&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;path d=&#34;M0 0L22 0L22 22L0 22L0 0Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 0 0)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;/clipPath&#62;&#10;\\\\\\\\\\\\\\\\t&#60;/defs&#62;&#10;\\\\\\\\\\\\\\\\t&#60;g clip-path=&#34;url(#clipPath6753736578)&#34;&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;path d=&#34;M17.5614 8.26151L16.4407 8.08105C16.3665 8.06854 16.3032 8.03523 16.2508 7.98112C16.1984 7.927 16.1672 7.86263 16.1571 7.788C16.1357 7.6505 16.1142 7.51257 16.0841 7.37937C16.0692 7.30603 16.0772 7.23527 16.108 7.16708C16.1388 7.09889 16.1867 7.04619 16.2517 7.00898L17.2438 6.45812C17.3215 6.41839 17.3763 6.35792 17.4083 6.2767C17.4402 6.19549 17.4412 6.11387 17.4114 6.03187L17.2395 5.55921C17.2097 5.47689 17.1562 5.41517 17.0789 5.37406C17.0016 5.33295 16.9205 5.32305 16.8356 5.34437L15.7232 5.55921C15.6489 5.57358 15.5777 5.56445 15.5095 5.53181C15.4413 5.49917 15.3894 5.44944 15.3541 5.38261C15.2896 5.2623 15.2208 5.14184 15.1478 5.02124C15.1083 4.95694 15.0913 4.88714 15.0968 4.81185C15.1023 4.73657 15.1294 4.67001 15.1779 4.61218L15.9208 3.75538C15.9804 3.69194 16.0115 3.6167 16.0139 3.52967C16.0164 3.44263 15.9897 3.36576 15.9337 3.29905L15.6119 2.91234C15.5563 2.84495 15.4853 2.80504 15.3988 2.79261C15.3124 2.78017 15.233 2.79846 15.1607 2.84745L14.1857 3.43312C14.1214 3.47122 14.0521 3.48671 13.9777 3.47958C13.9033 3.47245 13.8381 3.44407 13.7823 3.39444C13.6791 3.30378 13.5717 3.21355 13.4643 3.12718C13.4057 3.0806 13.3664 3.02121 13.3466 2.94901C13.3268 2.8768 13.3302 2.80571 13.3569 2.73573L13.7608 1.67226C13.7963 1.59239 13.8008 1.51082 13.7741 1.42755C13.7475 1.34428 13.6965 1.28047 13.6211 1.23612L13.1828 0.982179C13.1071 0.939195 13.0267 0.926758 12.9416 0.944869C12.8564 0.962979 12.788 1.00707 12.7364 1.07714L12.0214 1.97261C11.9803 2.03061 11.9256 2.06965 11.8574 2.08971C11.7892 2.10977 11.7221 2.10654 11.6562 2.08003C11.6562 2.08003 11.4155 1.9812 11.2351 1.92062C11.164 1.89695 11.1069 1.8546 11.0635 1.79357C11.0202 1.73255 10.999 1.66461 11 1.58976L11.0172 0.453233C11.0225 0.365766 10.998 0.287551 10.944 0.218588C10.8899 0.149625 10.8198 0.107241 10.7336 0.0914364L10.2356 0.00549895C10.1494 -0.00943974 10.069 0.00605909 9.99447 0.0519954C9.91995 0.0979317 9.87 0.162784 9.8446 0.246554L9.47507 1.32292C9.45074 1.39412 9.40767 1.45118 9.34587 1.4941C9.28407 1.53702 9.21556 1.55745 9.14034 1.55538L8.71925 1.55538C8.64418 1.55697 8.5758 1.53634 8.51413 1.49351C8.45246 1.45068 8.40925 1.39382 8.38452 1.32292L8.01499 0.246553C7.98959 0.162784 7.93963 0.0979316 7.86512 0.0519953C7.79061 0.00605904 7.71022 -0.00943979 7.62397 0.00549878L7.12597 0.0914363C7.03978 0.107241 6.96966 0.149625 6.9156 0.218588C6.86154 0.287551 6.83713 0.365766 6.84237 0.453233L6.85956 1.58976C6.86062 1.6648 6.83939 1.73289 6.79586 1.79403C6.75232 1.85517 6.69492 1.89751 6.62366 1.92105C6.52483 1.95972 6.30999 2.04179 6.20686 2.08046C6.08655 2.12343 5.94475 2.08905 5.82874 1.95542L5.11932 1.08144C5.06742 1.01167 4.99891 0.967892 4.91379 0.950114C4.82867 0.932336 4.74837 0.94503 4.67288 0.988194L4.2346 1.24214C4.15903 1.28566 4.1077 1.34886 4.08059 1.43174C4.05348 1.51462 4.05756 1.59594 4.0928 1.67569L4.49671 2.73917C4.52292 2.80917 4.52614 2.8802 4.50636 2.95228C4.48658 3.02436 4.44755 3.0838 4.38929 3.13062C4.28186 3.21655 4.17444 3.30722 4.07132 3.39788C4.01543 3.4475 3.95028 3.47588 3.87589 3.48301C3.80149 3.49014 3.73214 3.47466 3.66784 3.43655L2.70706 2.84187C2.63447 2.7941 2.55518 2.77641 2.46917 2.78878C2.38317 2.80114 2.31207 2.84047 2.25589 2.90675L1.93405 3.29347C1.8781 3.36018 1.85135 3.43705 1.85381 3.52408C1.85627 3.61111 1.88731 3.68635 1.94694 3.7498L2.68987 4.60659C2.73947 4.66398 2.76705 4.7305 2.77261 4.80615C2.77817 4.88179 2.76062 4.95163 2.71995 5.01566C2.6469 5.13024 2.57815 5.2507 2.5137 5.37702C2.47776 5.44328 2.42579 5.49267 2.3578 5.5252C2.28981 5.55773 2.21874 5.56721 2.1446 5.55362L1.03214 5.33878C0.947307 5.31809 0.866346 5.32825 0.789255 5.36925C0.712164 5.41026 0.65849 5.47172 0.628232 5.55362L0.456357 6.02628C0.426517 6.10829 0.427563 6.1899 0.459492 6.27112C0.491422 6.35233 0.546236 6.4128 0.623935 6.45253L1.61479 7.00382C1.68047 7.04035 1.7288 7.09286 1.75978 7.16133C1.79075 7.2298 1.79829 7.30076 1.78237 7.37421C1.75659 7.51171 1.73081 7.64534 1.70933 7.78284C1.69875 7.85722 1.66733 7.9214 1.61509 7.97539C1.56284 8.02938 1.49972 8.06288 1.42573 8.07589L0.305107 8.25636C0.218881 8.26698 0.146771 8.30464 0.0887784 8.36933C0.030786 8.43402 0.00120296 8.5098 2.93404e-05 8.59667L2.93404e-05 9.10026C-0.00105117 9.188 0.0276925 9.26453 0.0862602 9.32986C0.144828 9.3952 0.217777 9.4321 0.305107 9.44058L1.42573 9.62105C1.49999 9.63355 1.56331 9.66686 1.61568 9.72097C1.66805 9.77509 1.69926 9.83946 1.70933 9.91409C1.73081 10.0516 1.7523 10.1895 1.78237 10.3227C1.79728 10.3961 1.78931 10.4668 1.75846 10.535C1.72762 10.6032 1.67973 10.6559 1.61479 10.6931L0.622646 11.2448C0.544947 11.2846 0.490132 11.345 0.458203 11.4263C0.426273 11.5075 0.425228 11.5891 0.455068 11.6711L0.626943 12.1437C0.656723 12.2261 0.710258 12.2878 0.787549 12.3289C0.86484 12.37 0.94594 12.3799 1.03085 12.3586L2.14331 12.1437C2.21755 12.1294 2.28878 12.1385 2.357 12.1711C2.42521 12.2038 2.47702 12.2535 2.51241 12.3203C2.57686 12.4407 2.64562 12.5611 2.71866 12.6817C2.75821 12.746 2.77521 12.8158 2.76968 12.8911C2.76414 12.9664 2.73711 13.0329 2.68858 13.0908L1.94565 13.9484C1.88602 14.0119 1.85498 14.0871 1.85252 14.1741C1.85006 14.2612 1.87681 14.338 1.93276 14.4048L2.2546 14.7915C2.31017 14.8589 2.38118 14.8988 2.46763 14.9112C2.55409 14.9236 2.63347 14.9054 2.70577 14.8564L3.68073 14.2707C3.74503 14.2326 3.81438 14.2171 3.88878 14.2242C3.96318 14.2314 4.02832 14.2597 4.08421 14.3094C4.18733 14.4 4.29476 14.4903 4.40218 14.5766C4.4608 14.6232 4.50002 14.6826 4.51984 14.7548C4.53965 14.827 4.53624 14.8981 4.5096 14.9681L4.10569 16.0316C4.07069 16.1115 4.06671 16.193 4.09378 16.276C4.12084 16.359 4.17208 16.4224 4.24749 16.4664L4.68577 16.7203C4.76147 16.7633 4.84189 16.7758 4.92703 16.7577C5.01217 16.7395 5.08057 16.6955 5.13222 16.6254L5.85366 15.7385C5.9439 15.6268 6.08999 15.5795 6.20601 15.6268C6.3521 15.6869 6.45093 15.7213 6.6314 15.7819C6.70266 15.8054 6.76006 15.8478 6.8036 15.9089C6.84713 15.9701 6.86836 16.0381 6.86729 16.1132L6.85011 17.2497C6.84487 17.3372 6.86928 17.4154 6.92334 17.4844C6.97739 17.5533 7.04751 17.5957 7.1337 17.6115L7.63171 17.6975C7.71796 17.7124 7.79834 17.6969 7.87286 17.651C7.94737 17.605 7.99733 17.5402 8.02273 17.4564L8.39226 16.3822C8.41659 16.311 8.45966 16.2539 8.52146 16.211C8.58326 16.1681 8.65177 16.1477 8.72698 16.1497L9.14808 16.1497C9.22315 16.1481 9.29152 16.1688 9.35319 16.2116C9.41487 16.2544 9.45807 16.3113 9.4828 16.3822L9.85233 17.4564C9.87773 17.5402 9.92769 17.605 10.0022 17.651C10.0767 17.6969 10.1571 17.7124 10.2434 17.6975L10.7414 17.6115C10.8275 17.5957 10.8977 17.5533 10.9517 17.4844C11.0058 17.4154 11.0302 17.3372 11.025 17.2497L11.0078 16.1132C11.0067 16.0381 11.0279 15.9701 11.0715 15.9089C11.115 15.8478 11.1724 15.8054 11.2437 15.7819C11.4241 15.7213 11.5444 15.6741 11.6562 15.6311C11.7679 15.5881 11.9054 15.5881 12.0128 15.7213L12.7433 16.6211C12.7952 16.6914 12.8639 16.7355 12.9495 16.7534C13.035 16.7713 13.1157 16.7584 13.1914 16.7148L13.6297 16.4608C13.7057 16.4173 13.7573 16.354 13.7844 16.2707C13.8116 16.1875 13.8073 16.1059 13.7715 16.026L13.3676 14.9625C13.3414 14.8924 13.3382 14.8213 13.358 14.7492C13.3778 14.6771 13.4168 14.6175 13.475 14.5706C13.5825 14.4847 13.6899 14.3944 13.793 14.3038C13.8489 14.2542 13.914 14.2258 13.9884 14.2186C14.0628 14.2115 14.1322 14.227 14.1965 14.2651L15.168 14.8525C15.2406 14.9003 15.3199 14.918 15.4059 14.9056C15.4919 14.8932 15.563 14.8539 15.6192 14.7876L15.941 14.4009C15.997 14.3342 16.0237 14.2573 16.0212 14.1703C16.0188 14.0832 15.9877 14.008 15.9281 13.9446L15.1852 13.0878C15.1356 13.0304 15.108 12.9639 15.1024 12.8882C15.0969 12.8126 15.1144 12.7427 15.1551 12.6787C15.2282 12.5627 15.2969 12.4422 15.3614 12.3173C15.3973 12.2511 15.4493 12.2017 15.5173 12.1692C15.5853 12.1366 15.6563 12.1272 15.7305 12.1407L16.8429 12.3556C16.9278 12.3763 17.0087 12.3661 17.0858 12.3251C17.1629 12.2841 17.2166 12.2226 17.2468 12.1407L17.4187 11.6681C17.4485 11.5861 17.4475 11.5045 17.4156 11.4232C17.3836 11.342 17.3288 11.2816 17.2511 11.2418L16.259 10.691C16.1933 10.6544 16.145 10.6019 16.114 10.5335C16.083 10.465 16.0755 10.394 16.0914 10.3206C16.1172 10.1831 16.143 10.0494 16.1644 9.91194C16.175 9.83757 16.2064 9.77338 16.2587 9.7194C16.3109 9.66541 16.374 9.63191 16.448 9.6189L17.5687 9.43843C17.6549 9.4278 17.727 9.39015 17.785 9.32546C17.843 9.26077 17.8726 9.18499 17.8737 9.09811L17.8737 8.59366C17.8689 8.50772 17.837 8.4334 17.778 8.3707C17.7191 8.308 17.6468 8.2716 17.5614 8.26151ZM8.93753 2.66398C10.3491 2.66337 11.6126 3.09567 12.7279 3.96087C13.8433 4.82606 14.5761 5.94236 14.9265 7.30976C14.9808 7.52678 14.939 7.72343 14.8013 7.89971C14.6636 8.07599 14.4829 8.16408 14.2592 8.16398L9.73718 8.16398C9.61355 8.16399 9.49831 8.13292 9.39145 8.07077C9.28459 8.00862 9.2006 7.92382 9.13948 7.81636L6.90081 3.87569C6.78909 3.67934 6.77706 3.47707 6.86474 3.26887C6.95242 3.06067 7.10552 2.92793 7.32405 2.87066C7.58738 2.80157 7.85407 2.74973 8.12411 2.71514C8.39414 2.68055 8.66529 2.66349 8.93753 2.66398ZM2.75003 8.85148C2.74925 8.01455 2.91159 7.21056 3.23706 6.43951C3.56252 5.66845 4.02538 4.99131 4.62561 4.40808C4.78646 4.24885 4.97898 4.18469 5.20319 4.2156C5.4274 4.24651 5.59538 4.36037 5.70714 4.55718L7.95183 8.50773C8.01216 8.61337 8.04233 8.72702 8.04233 8.84868C8.04233 8.97034 8.01216 9.084 7.95183 9.18964L5.68866 13.1299C5.57604 13.3261 5.40759 13.4392 5.18332 13.4691C4.95905 13.499 4.76685 13.4341 4.60671 13.2742C4.01238 12.692 3.5542 12.0173 3.23215 11.2502C2.91011 10.483 2.7494 9.68347 2.75003 8.85148ZM8.93753 15.039C8.66055 15.0397 8.38472 15.0222 8.11004 14.9866C7.83536 14.951 7.5642 14.8976 7.29655 14.8263C7.07806 14.7682 6.92536 14.6348 6.83846 14.4261C6.75156 14.2174 6.76447 14.0151 6.87718 13.8191L9.13647 9.8853C9.19797 9.77879 9.282 9.69483 9.38856 9.63341C9.49511 9.57199 9.60989 9.54137 9.73288 9.54155L14.2614 9.54155C14.485 9.54159 14.6656 9.62973 14.8032 9.80599C14.9408 9.98224 14.9825 10.1788 14.9282 10.3958C14.5771 11.7629 13.8438 12.8788 12.7282 13.7435C11.6125 14.6081 10.349 15.04 8.93753 15.039Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 2.06247 2.14852)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\\\\\\\\\\\\\\\\t&#60;/g&#62;&#10;&#60;/svg&#62;&#10;"
+                        />
+                      </View>
+                    </View>
+                    <View className="mt-[10px]">
+                      <Text className="text-sm text-[#333]">系统设置</Text>
+                    </View>
+                  </View>
+                </View>
+                <View className="w-[25%] flex flex-row justify-center">
+                  <View className="flex flex-col justify-center items-center pt-[10px] pb-[10px] pl-[10px] pr-[10px]">
+                    <View>
+                      <View className="w-[40px] h-[40px] bg-[rgba(65,117,5,0.1)] rounded-[20px] flex flex-col justify-center items-center">
+                        <AtIcon
+                          color="#417505"
+                          size={22}
+                          svg="&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34; ?&#62;&#10;&#60;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; xmlns:xlink=&#34;http://www.w3.org/1999/xlink&#34; width=&#34;100%&#34; height=&#34;100%&#34; viewBox=&#34;0 0 24 24&#34;&#62;&#10;\\\\\\\\\\\\\\\\t&#60;defs&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;clipPath id=&#34;clipPath3548232844&#34;&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;path d=&#34;M0 0L24 0L24 24L0 24L0 0Z&#34; fill-rule=&#34;nonzero&#34; transform=&#34;matrix(1 0 0 1 0 0)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;/clipPath&#62;&#10;\\\\\\\\\\\\\\\\t&#60;/defs&#62;&#10;\\\\\\\\\\\\\\\\t&#60;g clip-path=&#34;url(#clipPath3548232844)&#34;&#62;&#10;\\\\\\\\\\\\\\\\t\\\\\\\\\\\\\\\\t&#60;path d=&#34;M16.886 13.749Q17.212 14.1483 17.2574 14.6507Q17.3001 15.1242 17.0825 15.5535Q16.8655 15.9816 16.455 16.2351Q16.0258 16.5 15.4993 16.5L12.0076 16.5Q12.0076 18.0533 10.9092 19.1516Q9.81086 20.25 8.25756 20.25Q6.70426 20.25 5.6059 19.1516Q4.50756 18.0533 4.50756 16.5L1.02052 16.5Q0.49365 16.5 0.0640018 16.2368Q-0.348518 15.9842 -0.566847 15.5565Q-0.786339 15.1266 -0.743336 14.6517Q-0.697824 14.149 -0.370733 13.7487Q-0.292383 13.6529 -0.141621 13.4707Q0.355709 12.8698 0.557678 12.5718Q0.86878 12.1128 1.05346 11.6171Q1.51458 10.3794 1.51599 7.93828Q1.51599 5.18206 2.81464 3.48399Q3.75809 2.25037 5.44364 1.55626Q5.45781 1.55044 5.47616 1.53141Q5.47896 1.52851 5.48101 1.52614Q5.75712 0.595387 6.43986 -0.0264425Q7.2343 -0.75 8.25756 -0.75Q9.28029 -0.75 10.075 -0.0270393Q10.7581 0.59432 11.0361 1.5241Q11.0388 1.52751 11.0429 1.53172Q11.0616 1.55124 11.0743 1.55647Q12.7574 2.24939 13.7022 3.48514Q15.0015 5.18458 15.0015 7.93828Q15.0015 10.3799 15.4621 11.6174Q15.6466 12.113 15.9576 12.572Q16.1595 12.87 16.6569 13.4709Q16.8076 13.6529 16.8858 13.7487L16.886 13.749ZM6.00756 16.5Q6.00756 17.432 6.66656 18.091Q7.32558 18.75 8.25756 18.75Q9.18954 18.75 9.84855 18.091Q10.5076 17.432 10.5076 16.5L6.00756 16.5ZM11.2576 15L1.02052 15Q0.833197 15 0.769107 14.8745Q0.721955 14.7821 0.790845 14.6978Q0.866173 14.6056 1.01393 14.4271Q1.55708 13.7708 1.79938 13.4133Q2.21151 12.8052 2.45907 12.1408Q3.01443 10.6502 3.01599 7.93828Q3.01599 5.6899 4.00613 4.39523Q4.70363 3.48321 6.01366 2.94374Q6.31897 2.8183 6.55582 2.57273Q6.81641 2.30255 6.91525 1.96574Q7.0719 1.42681 7.4499 1.08254Q7.81501 0.75 8.25756 0.75Q8.7001 0.75 9.06567 1.08255Q9.44413 1.42683 9.60338 1.96881Q9.70172 2.30025 9.96004 2.56972Q10.1982 2.8182 10.5033 2.94353Q11.8118 3.48223 12.5105 4.39619Q13.5015 5.69229 13.5015 7.93828Q13.5015 10.65 14.0564 12.1407Q14.3037 12.8052 14.7158 13.4134Q14.9581 13.7709 15.5013 14.4273Q15.6488 14.6054 15.7241 14.6976L15.7243 14.6978Q15.7922 14.7813 15.7445 14.8754Q15.6814 15 15.4993 15L11.2576 15Z&#34; fill-rule=&#34;evenodd&#34; transform=&#34;matrix(1 0 0 1 3.74244 2.25)&#34; fill=&#34;currentColor&#34;/&#62;&#10;\\\\\\\\\\\\\\\\t&#60;/g&#62;&#10;&#60;/svg&#62;&#10;"
+                        />
+                      </View>
+                    </View>
+                    <View className="mt-[10px]">
+                      <Text className="text-sm text-[#333]">消息通知</Text>
+                    </View>
+                  </View>
+                </View>
+              </View>
+            </View>
+            <View className="flex-[12] mt-[20px] pl-[15px]">
+              <Text className="text-[15px] text-[#333] font-bold">
+                工作动态
+              </Text>
+            </View>
+            <View className="pl-[15px] pr-[15px] mt-[15px]">
+              <View
+                __hidePh={true}
+                className="bg-[#ffffff] rounded-[20px] pt-[2px] pl-[12px] pb-[2px] pr-[12px]"
+              >
+                <View className="pt-[10px] pb-[10px] border-b-[1px] border-b-solid border-b-[#eaeaea]">
+                  <View className="flex flex-row items-center">
+                    <View className="flex-1">
+                      <Text
+                        numberOfLines={1}
+                        className="text-base text-[#333] font-normal"
+                      >
+                        智能客服系统设计稿提交
+                      </Text>
+                    </View>
+                    <View className="bg-[rgba(82,196,26,0.1)] pl-[10px] pr-[10px] pt-[6px] pb-[6px] rounded-xl">
+                      <Text className="text-xs text-[#52c41a]">已完成</Text>
+                    </View>
+                  </View>
+                  <View className="mt-[12px] mb-[12px]">
+                    <Text className="text-sm text-[#666666]">
+                      已完成首页和交互流程设计
+                    </Text>
+                  </View>
+                  <View>
+                    <Text className="text-xs text-[#999999]">今天 10:30</Text>
+                  </View>
+                </View>
+                <View className="pt-[10px] pb-[10px] border-b-[1px] border-b-solid border-b-[#eaeaea]">
+                  <View className="flex flex-row items-center">
+                    <View className="flex-1">
+                      <Text
+                        numberOfLines={1}
+                        className="text-base text-[#333] font-normal"
+                      >
+                        用户研究报告审核
+                      </Text>
+                    </View>
+                    <View className="bg-[rgba(24,144,255,0.1)] pl-[10px] pr-[10px] pt-[6px] pb-[6px] rounded-xl">
+                      <Text className="text-xs text-[#1890ff]">进行中</Text>
+                    </View>
+                  </View>
+                  <View className="mt-[12px] mb-[12px]">
+                    <Text className="text-sm text-[#666666]">
+                      电商平台年轻用户使用习惯分析
+                    </Text>
+                  </View>
+                  <View>
+                    <Text className="text-xs text-[#999999]">昨天 15:45</Text>
+                  </View>
+                </View>
+                <View className="pt-[10px] pb-[10px]">
+                  <View className="flex flex-row items-center">
+                    <View className="flex-1">
+                      <Text
+                        numberOfLines={1}
+                        className="text-base text-[#333] font-normal"
+                      >
+                        团队周会汇报准备
+                      </Text>
+                    </View>
+                    <View className="bg-[rgba(250,173,20,0.1)] pl-[10px] pr-[10px] pt-[6px] pb-[6px] rounded-xl">
+                      <Text className="text-xs text-[#faad14]">待处理</Text>
+                    </View>
+                  </View>
+                  <View className="mt-[12px] mb-[12px]">
+                    <Text className="text-sm text-[#666666]">
+                      本周工作成果与下周计划
+                    </Text>
+                  </View>
+                  <View>
+                    <Text className="text-xs text-[#999999]">明天 09:00</Text>
+                  </View>
+                </View>
+              </View>
+            </View>
+          </View>
+        </ScrollView>
+      </Page>
+    );
+  }
+}
+
+export default Document;