@appthen/cli 1.2.8 → 1.2.11

package/tests/test-app/src/pages/back-end/backgroundManagementSystem.tsx

@@ -0,0 +1,1745 @@
+/**
+ * 首页
+ * @type Page
+ * @screen 1400w #f5f5f5
+ * @frames web
+ */
+import React from 'react';
+import { AtIcon, Image, Page, Text, View } from '@appthen/react';
+import { Button, Calendar, Card, Col, Icon, Progress, Row, Select, Typography } from '@appthen/antd';
+import { ECharts } from '@appthen/echarts';
+import { ProPopconfirm, ProTable } from '@appthen/antd-pro';
+import './backgroundManagementSystem.css';
+
+class IProps {}
+
+/*
+ * 数据与接口请求定义
+ */
+class IState {}
+
+class Document extends React.Component<IProps, IState> {
+  state = {};
+
+  render() {
+    return (
+      <Page className="pt-[20px] pr-[20px] pb-[20px] pl-[20px]">
+        <Row align="top" justify="start" wrap={true} gutter={[20, 20]}>
+          <Col span={24} order={0}>
+            <View
+              style={{
+                height: '188px',
+                backgroundImage:
+                  'url(https://cdn.appthen.com/Fp_s_XBf9C1PhnPplQWi0Udx8cw4)',
+                backgroundSize: 'cover',
+                backgroundPosition: 'center center',
+                backgroundRepeat: 'no-repeat',
+                paddingLeft: '54px',
+                display: 'flex',
+                alignItems: 'center',
+              }}
+            >
+              <View className="flex gap-6 flex-row">
+                <Image
+                  src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+                  height={120}
+                  width={120}
+                  remote={false}
+                  fit={false}
+                  className="rounded-[50%] w-[80px] h-[80px]"
+                />
+                <View className="flex flex-col justify-between">
+                  <Typography.Text
+                    code={false}
+                    delete={false}
+                    disabled={false}
+                    mark={false}
+                    keyboard={false}
+                    underline={false}
+                    strong={false}
+                    className="text-2xl font-medium tracking-normal [lineHeight:28px] text-[rgba(255, 255, 255, 1)]"
+                  >
+                    下午好，欢迎登录
+                  </Typography.Text>
+                  <Typography.Text
+                    code={false}
+                    delete={false}
+                    disabled={false}
+                    mark={false}
+                    keyboard={false}
+                    underline={false}
+                    strong={false}
+                    ellipsis={false}
+                    className="text-sm font-normal tracking-normal [lineHeight:20px] text-[rgba(255, 255, 255, 0.6)] w-[281px]"
+                  >
+                    一站式智能营销解决方案，帮助你、高效管理客户、快速提升业绩
+                  </Typography.Text>
+                </View>
+              </View>
+            </View>
+          </Col>
+          <Col span={24} order={0}>
+            <Card
+              title="今日核心指标11111"
+              actions={[]}
+              bordered={false}
+              extra={
+                <Select
+                  options={[
+                    { label: '2021-08-01', value: 'A' },
+                    { label: '2021-08-02', value: 'B' },
+                    { label: '2021-08-03', value: 'C' },
+                  ]}
+                  defaultValue={[]}
+                  allowClear={false}
+                  autoFocus={false}
+                  defaultActiveFirstOption={true}
+                  disabled={false}
+                  labelInValue={false}
+                  placeholder="2021-08-01"
+                  showSearch={false}
+                  loading={false}
+                  bordered={false}
+                  optionFilterProp="value"
+                  tokenSeparators={[]}
+                  maxTagCount={0}
+                  maxTagTextLength={0}
+                  className="w-full"
+                />
+              }
+              hoverable={false}
+              loading={false}
+              size="default"
+              type="default"
+              headStyle={{
+                border: 'none',
+                fontSize: '16px',
+                fontWeight: 600,
+                color: '#202020',
+                paddingTop: '16px',
+              }}
+              _unsafe_MixedSetter_extra_select="SlotSetter"
+              className="shadow-none"
+            >
+              <View className="flex flex-row gap-6">
+                <View className="flex flex-row justify-between w-[20%]">
+                  <View className="flex flex-col flex-shrink-0">
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      className="BKzrX8CSn0 text-[rgba(94, 94, 94, 1)] mb-[2px]"
+                      _unsafe_classNameJson={[{ selector: 'BKzrX8CSn0' }]}
+                    >
+                      今日 UV
+                    </Typography.Text>
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      className="text-3xl font-normal tracking-normal [lineHeight:38px] text-[rgba(56, 56, 56, 1)] mb-[11px]"
+                    >
+                      67
+                    </Typography.Text>
+                    <View className="flex flex-row items-center">
+                      <Typography.Text
+                        code={false}
+                        delete={false}
+                        disabled={false}
+                        mark={false}
+                        keyboard={false}
+                        underline={false}
+                        strong={false}
+                        className="text-sm font-normal tracking-normal [lineHeight:16.41px] text-[rgba(0, 0, 0, 0.6)] mr-[8px]"
+                      >
+                        同比上周
+                      </Typography.Text>
+                      <AtIcon
+                        value="clock"
+                        size={16}
+                        color="#5be41e"
+                        svg="&#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 8.73297119140625 4.6000001430511475&#34; fill=&#34;none&#34;&#62;&#13;&#10;&#60;path d=&#34;M0.801605 0.8L3.80161 3.8L6.80161 0.8L0.801605 0.8Z&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;1.5999999999999999&#34; stroke-linejoin=&#34;round&#34;     fill=&#34;currentColor&#34; &#62;&#13;&#10;&#60;/path&#62;&#13;&#10;&#60;/svg&#62;&#13;&#10;"
+                        className="mr-[2px]"
+                      />
+                      <Typography.Text
+                        code={false}
+                        delete={false}
+                        disabled={false}
+                        mark={false}
+                        keyboard={false}
+                        underline={false}
+                        strong={false}
+                        className="text-sm font-normal tracking-normal [lineHeight:16.41px] text-[rgba(0, 0, 0, 0.6)]"
+                      >
+                        0.9%
+                      </Typography.Text>
+                    </View>
+                  </View>
+                  <View className="w-[1px] h-[92px] [opacity:0.06] bg-[rgba(0, 0, 0, 1)]" />
+                </View>
+                <View className="flex flex-row justify-between w-[20%]">
+                  <View className="flex flex-col flex-shrink-0">
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      className="BKzrX8CSn0 text-[rgba(94, 94, 94, 1)] mb-[2px]"
+                      _unsafe_classNameJson={[{ selector: 'BKzrX8CSn0' }]}
+                    >
+                      昨日 UV
+                    </Typography.Text>
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      className="text-3xl font-normal tracking-normal [lineHeight:38px] text-[rgba(56, 56, 56, 1)] mb-[11px]"
+                    >
+                      569
+                    </Typography.Text>
+                    <View className="flex flex-row items-center">
+                      <Typography.Text
+                        code={false}
+                        delete={false}
+                        disabled={false}
+                        mark={false}
+                        keyboard={false}
+                        underline={false}
+                        strong={false}
+                        className="text-sm font-normal tracking-normal [lineHeight:16.41px] text-[rgba(0, 0, 0, 0.6)] mr-[8px]"
+                      >
+                        同比上周
+                      </Typography.Text>
+                      <AtIcon
+                        value="clock"
+                        size={16}
+                        color="#e32727"
+                        svg="&#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 8.277473449707031 4.333333373069763&#34; fill=&#34;none&#34;&#62;&#13;&#10;&#60;path d=&#34;M3.668 0.666667L0.667999 3.66667L6.668 3.66667L3.668 0.666667Z&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;1.3333333333333333&#34; stroke-linejoin=&#34;round&#34;     fill=&#34;currentColor&#34; &#62;&#13;&#10;&#60;/path&#62;&#13;&#10;&#60;/svg&#62;&#13;&#10;"
+                        className="mr-[2px]"
+                      />
+                      <Typography.Text
+                        code={false}
+                        delete={false}
+                        disabled={false}
+                        mark={false}
+                        keyboard={false}
+                        underline={false}
+                        strong={false}
+                        className="text-sm font-normal tracking-normal [lineHeight:16.41px] text-[rgba(0, 0, 0, 0.6)]"
+                      >
+                        0.9%
+                      </Typography.Text>
+                    </View>
+                  </View>
+                  <View className="w-[1px] h-[92px] [opacity:0.06] bg-[rgba(0, 0, 0, 1)]" />
+                </View>
+                <View className="flex flex-row justify-between w-[20%]">
+                  <View className="flex flex-col flex-shrink-0">
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      className="BKzrX8CSn0 text-[rgba(94, 94, 94, 1)] mb-[2px]"
+                      _unsafe_classNameJson={[{ selector: 'BKzrX8CSn0' }]}
+                    >
+                      新用户
+                    </Typography.Text>
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      className="text-3xl font-normal tracking-normal [lineHeight:38px] text-[rgba(56, 56, 56, 1)] mb-[11px]"
+                    >
+                      45
+                    </Typography.Text>
+                    <View className="flex flex-row items-center">
+                      <Typography.Text
+                        code={false}
+                        delete={false}
+                        disabled={false}
+                        mark={false}
+                        keyboard={false}
+                        underline={false}
+                        strong={false}
+                        className="text-sm font-normal tracking-normal [lineHeight:16.41px] text-[rgba(0, 0, 0, 0.6)] mr-[8px]"
+                      >
+                        同比上周
+                      </Typography.Text>
+                      <AtIcon
+                        value="clock"
+                        size={16}
+                        color="#5be41e"
+                        svg="&#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 8.73297119140625 4.6000001430511475&#34; fill=&#34;none&#34;&#62;&#13;&#10;&#60;path d=&#34;M0.801605 0.8L3.80161 3.8L6.80161 0.8L0.801605 0.8Z&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;1.5999999999999999&#34; stroke-linejoin=&#34;round&#34;     fill=&#34;currentColor&#34; &#62;&#13;&#10;&#60;/path&#62;&#13;&#10;&#60;/svg&#62;&#13;&#10;"
+                        className="mr-[2px]"
+                      />
+                      <Typography.Text
+                        code={false}
+                        delete={false}
+                        disabled={false}
+                        mark={false}
+                        keyboard={false}
+                        underline={false}
+                        strong={false}
+                        className="text-sm font-normal tracking-normal [lineHeight:16.41px] text-[rgba(0, 0, 0, 0.6)]"
+                      >
+                        0.9%
+                      </Typography.Text>
+                    </View>
+                  </View>
+                  <View className="w-[1px] h-[92px] [opacity:0.06] bg-[rgba(0, 0, 0, 1)]" />
+                </View>
+                <View className="flex flex-row justify-between w-[20%]">
+                  <View className="flex flex-col flex-shrink-0">
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      className="BKzrX8CSn0 text-[rgba(94, 94, 94, 1)] mb-[2px]"
+                      _unsafe_classNameJson={[{ selector: 'BKzrX8CSn0' }]}
+                    >
+                      近 7 日 UV
+                    </Typography.Text>
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      className="text-3xl font-normal tracking-normal [lineHeight:38px] text-[rgba(56, 56, 56, 1)] mb-[11px]"
+                    >
+                      366
+                    </Typography.Text>
+                  </View>
+                  <View className="w-[1px] h-[92px] [opacity:0.06] bg-[rgba(0, 0, 0, 1)]" />
+                </View>
+                <View className="flex flex-row justify-between w-[20%]">
+                  <View className="flex flex-col flex-shrink-0">
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      className="BKzrX8CSn0 text-[rgba(94, 94, 94, 1)] mb-[2px]"
+                      _unsafe_classNameJson={[{ selector: 'BKzrX8CSn0' }]}
+                    >
+                      近 30 日 UV
+                    </Typography.Text>
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      className="text-3xl font-normal tracking-normal [lineHeight:38px] text-[rgba(56, 56, 56, 1)] mb-[11px]"
+                    >
+                      5639
+                    </Typography.Text>
+                  </View>
+                </View>
+              </View>
+            </Card>
+          </Col>
+          <Col span={24} order={0}>
+            <Card
+              title="今日核心指标"
+              actions={[]}
+              bordered={false}
+              extra={
+                <Select
+                  options={[
+                    { label: '2021-08-01', value: 'A' },
+                    { label: '2021-08-02', value: 'B' },
+                    { label: '2021-08-03', value: 'C' },
+                  ]}
+                  defaultValue={[]}
+                  allowClear={false}
+                  autoFocus={false}
+                  defaultActiveFirstOption={true}
+                  disabled={false}
+                  labelInValue={false}
+                  placeholder="2021-08-01"
+                  showSearch={false}
+                  loading={false}
+                  bordered={false}
+                  optionFilterProp="value"
+                  tokenSeparators={[]}
+                  maxTagCount={0}
+                  maxTagTextLength={0}
+                  className="w-full"
+                />
+              }
+              hoverable={false}
+              loading={false}
+              size="default"
+              type="default"
+              headStyle={{
+                border: 'none',
+                fontSize: '16px',
+                fontWeight: 600,
+                color: '#202020',
+                paddingTop: '16px',
+                display: 'none',
+              }}
+              _unsafe_MixedSetter_extra_select="SlotSetter"
+              className="shadow-none"
+            >
+              <View className="flex flex-row gap-8">
+                <View className="flex flex-row justify-between w-[30%]">
+                  <View className="flex flex-col flex-shrink-0">
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      className="BKzrX8CSn0 text-[rgba(94, 94, 94, 1)]"
+                      _unsafe_classNameJson={[{ selector: 'BKzrX8CSn0' }]}
+                    >
+                      总流量(人次)
+                    </Typography.Text>
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      className="text-3xl font-normal tracking-normal [lineHeight:38px] text-[rgba(56, 56, 56, 1)]"
+                    >
+                      601,986,875
+                    </Typography.Text>
+                  </View>
+                  <View className="w-[1px] h-[92px] [opacity:0.06] bg-[rgba(0, 0, 0, 1)]" />
+                </View>
+                <View className="flex-1 flex flex-row gap-12">
+                  <View className="flex flex-row gap-4 w-[33%]">
+                    <View className="h-[64px] w-[64px]">
+                      <Progress
+                        percent={20}
+                        status="active"
+                        type="circle"
+                        showInfo={false}
+                        strokeWidth={10}
+                        strokeColor="#6fa1ff"
+                        trailColor="#f5f5f5"
+                        steps={0}
+                        gapDegree={0}
+                        gapPosition="top"
+                        className="h-[64px] flex w-[64px]"
+                      />
+                    </View>
+                    <View className="flex flex-col">
+                      <Typography.Text
+                        code={false}
+                        delete={false}
+                        disabled={false}
+                        mark={false}
+                        keyboard={false}
+                        underline={false}
+                        strong={false}
+                        className="BKzrX8CSn0 text-[rgba(94, 94, 94, 1)] mb-[6px]"
+                        _unsafe_classNameJson={[{ selector: 'BKzrX8CSn0' }]}
+                      >
+                        付费流量
+                      </Typography.Text>
+                      <Typography.Text
+                        code={false}
+                        delete={false}
+                        disabled={false}
+                        mark={false}
+                        keyboard={false}
+                        underline={false}
+                        strong={false}
+                        className="text-xl font-normal tracking-normal [lineHeight:28px] text-[rgba(0, 0, 0, 1)] mb-[4px]"
+                      >
+                        370,221,928
+                      </Typography.Text>
+                      <Typography.Text
+                        code={false}
+                        delete={false}
+                        disabled={false}
+                        mark={false}
+                        keyboard={false}
+                        underline={false}
+                        strong={false}
+                        className="BKzrX8CSn0 text-xs font-normal tracking-normal [lineHeight:20px] text-[rgba(0, 0, 0, 0.4)]"
+                        _unsafe_classNameJson={[{ selector: 'BKzrX8CSn0' }]}
+                      >
+                        占比 61.5%
+                      </Typography.Text>
+                    </View>
+                  </View>
+                  <View className="flex flex-row gap-4 w-[33%]">
+                    <View className="h-[64px] w-[64px]">
+                      <Progress
+                        percent={20}
+                        status="active"
+                        type="circle"
+                        showInfo={false}
+                        strokeWidth={10}
+                        strokeColor="#98e38a"
+                        trailColor="#f5f5f5"
+                        steps={0}
+                        gapDegree={0}
+                        gapPosition="top"
+                        className="h-[64px] flex w-[64px]"
+                      />
+                    </View>
+                    <View className="flex flex-col">
+                      <Typography.Text
+                        code={false}
+                        delete={false}
+                        disabled={false}
+                        mark={false}
+                        keyboard={false}
+                        underline={false}
+                        strong={false}
+                        className="BKzrX8CSn0 text-[rgba(94, 94, 94, 1)] mb-[6px]"
+                        _unsafe_classNameJson={[{ selector: 'BKzrX8CSn0' }]}
+                      >
+                        免费流量
+                      </Typography.Text>
+                      <Typography.Text
+                        code={false}
+                        delete={false}
+                        disabled={false}
+                        mark={false}
+                        keyboard={false}
+                        underline={false}
+                        strong={false}
+                        className="text-xl font-normal tracking-normal [lineHeight:28px] text-[rgba(0, 0, 0, 1)] mb-[4px]"
+                      >
+                        180,596,062
+                      </Typography.Text>
+                      <Typography.Text
+                        code={false}
+                        delete={false}
+                        disabled={false}
+                        mark={false}
+                        keyboard={false}
+                        underline={false}
+                        strong={false}
+                        className="BKzrX8CSn0 text-xs font-normal tracking-normal [lineHeight:20px] text-[rgba(0, 0, 0, 0.4)]"
+                        _unsafe_classNameJson={[{ selector: 'BKzrX8CSn0' }]}
+                      >
+                        占比 30%
+                      </Typography.Text>
+                    </View>
+                  </View>
+                  <View className="flex flex-row gap-4 w-[33%]">
+                    <View className="h-[64px] w-[64px]">
+                      <Progress
+                        percent={20}
+                        status="active"
+                        type="circle"
+                        showInfo={false}
+                        strokeWidth={10}
+                        strokeColor="#5d7092"
+                        trailColor="#f5f5f5"
+                        steps={0}
+                        gapDegree={0}
+                        gapPosition="top"
+                        className="h-[64px] flex w-[64px]"
+                      />
+                    </View>
+                    <View className="flex flex-col">
+                      <Typography.Text
+                        code={false}
+                        delete={false}
+                        disabled={false}
+                        mark={false}
+                        keyboard={false}
+                        underline={false}
+                        strong={false}
+                        className="BKzrX8CSn0 text-[rgba(94, 94, 94, 1)] mb-[6px]"
+                        _unsafe_classNameJson={[{ selector: 'BKzrX8CSn0' }]}
+                      >
+                        其他流量
+                      </Typography.Text>
+                      <Typography.Text
+                        code={false}
+                        delete={false}
+                        disabled={false}
+                        mark={false}
+                        keyboard={false}
+                        underline={false}
+                        strong={false}
+                        className="text-xl font-normal tracking-normal [lineHeight:28px] text-[rgba(0, 0, 0, 1)] mb-[4px]"
+                      >
+                        51,168,884
+                      </Typography.Text>
+                      <Typography.Text
+                        code={false}
+                        delete={false}
+                        disabled={false}
+                        mark={false}
+                        keyboard={false}
+                        underline={false}
+                        strong={false}
+                        className="BKzrX8CSn0 text-xs font-normal tracking-normal [lineHeight:20px] text-[rgba(0, 0, 0, 0.4)]"
+                        _unsafe_classNameJson={[{ selector: 'BKzrX8CSn0' }]}
+                      >
+                        占比 8.5%
+                      </Typography.Text>
+                    </View>
+                  </View>
+                </View>
+              </View>
+            </Card>
+          </Col>
+          <Col span={8} order={0}>
+            <Card
+              title="月数据趋势"
+              actions={[]}
+              bordered={false}
+              extra={
+                <AtIcon
+                  value="clock"
+                  size={23}
+                  color="rgba(102,102,102,0.61)"
+                  svg="&#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 18 3&#34; fill=&#34;none&#34;&#62;&#13;&#10;&#60;path d=&#34;M1.5 3C2.325 3 3 2.325 3 1.5C3 0.675 2.325 0 1.5 0C0.675 0 0 0.675 0 1.5C0 2.325 0.675 3 1.5 3ZM10.5 1.5C10.5 2.325 9.825 3 9 3C8.175 3 7.5 2.325 7.5 1.5C7.5 0.675 8.175 0 9 0C9.825 0 10.5 0.675 10.5 1.5ZM16.5 3C17.325 3 18 2.325 18 1.5C18 0.675 17.325 0 16.5 0C15.675 0 15 0.675 15 1.5C15 2.325 15.675 3 16.5 3Z&#34; fill-rule=&#34;evenodd&#34;  fill=&#34;currentColor&#34; &#62;&#13;&#10;&#60;/path&#62;&#13;&#10;&#60;/svg&#62;&#13;&#10;"
+                />
+              }
+              hoverable={false}
+              loading={false}
+              size="default"
+              type="default"
+              headStyle={{
+                border: 'none',
+                fontSize: '16px',
+                fontWeight: 600,
+                color: '#202020',
+                paddingTop: '16px',
+              }}
+              _unsafe_MixedSetter_extra_select="SlotSetter"
+              className="shadow-none"
+            >
+              <View>
+                <View className="flex flex-col flex-shrink-0 mb-[22px]">
+                  <Typography.Text
+                    code={false}
+                    delete={false}
+                    disabled={false}
+                    mark={false}
+                    keyboard={false}
+                    underline={false}
+                    strong={false}
+                    className="BKzrX8CSn0 text-[rgba(94, 94, 94, 1)] mb-[2px] text-xs"
+                    _unsafe_classNameJson={[{ selector: 'BKzrX8CSn0' }]}
+                  >
+                    支付成功率
+                  </Typography.Text>
+                  <Typography.Text
+                    code={false}
+                    delete={false}
+                    disabled={false}
+                    mark={false}
+                    keyboard={false}
+                    underline={false}
+                    strong={false}
+                    className="text-3xl font-normal tracking-normal [lineHeight:38px] text-[rgba(56, 56, 56, 1)] mb-[11px]"
+                  >
+                    45.82%
+                  </Typography.Text>
+                  <View className="flex flex-row items-center gap-4">
+                    <View className="flex flex-row items-center">
+                      <Typography.Text
+                        code={false}
+                        delete={false}
+                        disabled={false}
+                        mark={false}
+                        keyboard={false}
+                        underline={false}
+                        strong={false}
+                        className="text-sm font-normal tracking-normal [lineHeight:16.41px] text-[rgba(0, 0, 0, 0.6)] mr-[8px]"
+                      >
+                        周同比
+                      </Typography.Text>
+                      <AtIcon
+                        value="clock"
+                        size={16}
+                        color="#5be41e"
+                        svg="&#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 8.73297119140625 4.6000001430511475&#34; fill=&#34;none&#34;&#62;&#13;&#10;&#60;path d=&#34;M0.801605 0.8L3.80161 3.8L6.80161 0.8L0.801605 0.8Z&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;1.5999999999999999&#34; stroke-linejoin=&#34;round&#34;     fill=&#34;currentColor&#34; &#62;&#13;&#10;&#60;/path&#62;&#13;&#10;&#60;/svg&#62;&#13;&#10;"
+                        className="mr-[2px]"
+                      />
+                      <Typography.Text
+                        code={false}
+                        delete={false}
+                        disabled={false}
+                        mark={false}
+                        keyboard={false}
+                        underline={false}
+                        strong={false}
+                        className="text-sm font-normal tracking-normal [lineHeight:16.41px] text-[rgba(0, 0, 0, 0.6)]"
+                      >
+                        6.47%
+                      </Typography.Text>
+                    </View>
+                    <View className="flex flex-row items-center">
+                      <Typography.Text
+                        code={false}
+                        delete={false}
+                        disabled={false}
+                        mark={false}
+                        keyboard={false}
+                        underline={false}
+                        strong={false}
+                        className="text-sm font-normal tracking-normal [lineHeight:16.41px] text-[rgba(0, 0, 0, 0.6)] mr-[8px]"
+                      >
+                        月同比
+                      </Typography.Text>
+                      <AtIcon
+                        value="clock"
+                        size={16}
+                        color="#e32727"
+                        svg="&#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 8.277473449707031 4.333333373069763&#34; fill=&#34;none&#34;&#62;&#13;&#10;&#60;path d=&#34;M3.668 0.666667L0.667999 3.66667L6.668 3.66667L3.668 0.666667Z&#34; stroke=&#34;currentColor&#34; stroke-width=&#34;1.3333333333333333&#34; stroke-linejoin=&#34;round&#34;     fill=&#34;currentColor&#34; &#62;&#13;&#10;&#60;/path&#62;&#13;&#10;&#60;/svg&#62;&#13;&#10;"
+                        className="mr-[2px]"
+                      />
+                      <Typography.Text
+                        code={false}
+                        delete={false}
+                        disabled={false}
+                        mark={false}
+                        keyboard={false}
+                        underline={false}
+                        strong={false}
+                        className="text-sm font-normal tracking-normal [lineHeight:16.41px] text-[rgba(0, 0, 0, 0.6)]"
+                      >
+                        0.9%
+                      </Typography.Text>
+                    </View>
+                  </View>
+                </View>
+              </View>
+              <Typography.Text
+                code={false}
+                delete={false}
+                disabled={false}
+                mark={false}
+                keyboard={false}
+                underline={false}
+                strong={false}
+                className="BKzrX8CSn0 text-xs font-normal tracking-[-0.22px] [lineHeight:12px] text-[rgba(94, 94, 94, 1)]"
+                _unsafe_classNameJson={[{ selector: 'BKzrX8CSn0' }]}
+              >
+                参考线 55%
+              </Typography.Text>
+              <View>
+                <ECharts
+                  advanced={true}
+                  title={{ text: '柱状图-堆叠图', show: false }}
+                  tooltip={{ trigger: 'item', show: false }}
+                  legend={{ show: false, data: ['销量'] }}
+                  xAxis={{
+                    type: 'category',
+                    name: 'Appthen',
+                    show: false,
+                    data: [
+                      '衬衫',
+                      '羊毛衫',
+                      '雪纺衫',
+                      '裤子',
+                      '高跟鞋',
+                      '袜子',
+                    ],
+                  }}
+                  yAxis={{ type: 'value', name: '柱状图-瀑布图', show: false }}
+                  series={[
+                    {
+                      name: '销量',
+                      type: 'bar',
+                      data: [5, 20, 36, 10, 10, 20],
+                      stack: 'samesign',
+                    },
+                    {
+                      name: '标题',
+                      type: 'bar',
+                      data: [0, 10, 36, 20, 30, 10],
+                      stack: 'all',
+                    },
+                  ]}
+                  option={{
+                    grid: { left: 0, bottom: 0, right: 0, top: 0 },
+                    tooltip: {
+                      trigger: 'axis',
+                      axisPointer: { type: 'shadow' },
+                    },
+                    xAxis: {
+                      type: 'category',
+                      data: ['2021-03', '2021-04', '2021-05'],
+                      show: true,
+                      axisLabel: { show: true, interval: 0 },
+                      axisLine: { show: false },
+                      axisTick: { show: false },
+                    },
+                    yAxis: {
+                      type: 'value',
+                      show: false,
+                      min: 0,
+                      max: 50,
+                      axisLine: { show: false },
+                      axisLabel: { show: false },
+                      axisTick: { show: true },
+                      splitLine: {
+                        show: true,
+                        lineStyle: { color: ['rgba(0,0,0,0)'], width: 1 },
+                      },
+                    },
+                    series: [
+                      {
+                        name: '系列1',
+                        type: 'bar',
+                        data: [10, 20, 30],
+                        itemStyle: { normal: { barBorderRadius: 5 } },
+                      },
+                      {
+                        name: '系列2',
+                        type: 'bar',
+                        data: [30, 40, 50],
+                        itemStyle: { normal: { barBorderRadius: 5 } },
+                      },
+                      {
+                        name: '标准线',
+                        type: 'line',
+                        markLine: {
+                          symbol: ['none', 'circle'],
+                          symbolSize: [0, 5],
+                          data: [{ yAxis: 20, name: '标准线' }],
+                          lineStyle: { color: 'red', width: 2, type: 'solid' },
+                        },
+                      },
+                    ],
+                  }}
+                  color={['#bd10e0', '#0079f2']}
+                  className="h-[96px]"
+                />
+              </View>
+            </Card>
+          </Col>
+          <Col span={7} order={0} className="flex flex-col gap-5">
+            <Card
+              title="排查代办提示"
+              actions={[]}
+              bordered={false}
+              extra={
+                <AtIcon
+                  value="clock"
+                  size={23}
+                  color="rgba(102,102,102,0.61)"
+                  svg="&#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 18 3&#34; fill=&#34;none&#34;&#62;&#13;&#10;&#60;path d=&#34;M1.5 3C2.325 3 3 2.325 3 1.5C3 0.675 2.325 0 1.5 0C0.675 0 0 0.675 0 1.5C0 2.325 0.675 3 1.5 3ZM10.5 1.5C10.5 2.325 9.825 3 9 3C8.175 3 7.5 2.325 7.5 1.5C7.5 0.675 8.175 0 9 0C9.825 0 10.5 0.675 10.5 1.5ZM16.5 3C17.325 3 18 2.325 18 1.5C18 0.675 17.325 0 16.5 0C15.675 0 15 0.675 15 1.5C15 2.325 15.675 3 16.5 3Z&#34; fill-rule=&#34;evenodd&#34;  fill=&#34;currentColor&#34; &#62;&#13;&#10;&#60;/path&#62;&#13;&#10;&#60;/svg&#62;&#13;&#10;"
+                />
+              }
+              hoverable={false}
+              loading={false}
+              size="default"
+              type="default"
+              headStyle={{
+                border: 'none',
+                fontSize: '16px',
+                fontWeight: 600,
+                color: '#202020',
+                paddingTop: '16px',
+              }}
+              _unsafe_MixedSetter_extra_select="SlotSetter"
+              className="shadow-none"
+            >
+              <View className="flex flex-col gap-6">
+                <View className="flex gap-6 flex-row">
+                  <Image
+                    src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+                    height={120}
+                    width={120}
+                    remote={false}
+                    fit={false}
+                    className="rounded-[50%] w-[36px] h-[36px]"
+                  />
+                  <View className="flex flex-col justify-between">
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      className="text-xs font-normal tracking-normal [lineHeight:14px] text-[rgba(0, 0, 0, 1)]"
+                    >
+                      未出单数远高于往期，请排查出货流程
+                    </Typography.Text>
+                    <View className="flex flex-row justify-start">
+                      <AtIcon
+                        value="clock"
+                        size={12}
+                        color="#666"
+                        svg="&#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 12 12&#34; fill=&#34;none&#34;&#62;&#13;&#10;&#60;path d=&#34;M1.5 10.5L10.5 10.5C10.776 10.5 11 10.276 11 10L11 2C11 1.724 10.776 1.5 10.5 1.5L8.5 1.5L8.5 0.5L7.5 0.5L7.5 1.5L4.5 1.5L4.5 0.5L3.5 0.5L3.5 1.5L1.5 1.5C1.224 1.5 1 1.724 1 2L1 10C1 10.276 1.224 10.5 1.5 10.5ZM3.5 3.5L3.5 2.5L2 2.5L2 4.5L10 4.5L10 2.5L8.5 2.5L8.5 3.5L7.5 3.5L7.5 2.5L4.5 2.5L4.5 3.5L3.5 3.5ZM10 9.5L2 9.5L2 5.5L10 5.5L10 9.5ZM3 7.5L3 6.5L4 6.5L4 7.5L3 7.5ZM5.5 6.5L5.5 7.5L6.5 7.5L6.5 6.5L5.5 6.5ZM8 6.5L8 7.5L9 7.5L9 6.5L8 6.5Z&#34; fill-rule=&#34;evenodd&#34;  fill=&#34;currentColor&#34; &#62;&#13;&#10;&#60;/path&#62;&#13;&#10;&#60;/svg&#62;&#13;&#10;"
+                        className="mr-[5px]"
+                      />
+                      <Typography.Text
+                        code={false}
+                        delete={false}
+                        disabled={false}
+                        mark={false}
+                        keyboard={false}
+                        underline={false}
+                        strong={false}
+                        ellipsis={false}
+                        className="text-xs font-normal tracking-normal [lineHeight:20px] text-[rgba(0, 0, 0, 0.6)]"
+                      >
+                        2021-08-01
+                      </Typography.Text>
+                    </View>
+                  </View>
+                </View>
+                <View className="flex gap-6 flex-row">
+                  <Image
+                    src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+                    height={120}
+                    width={120}
+                    remote={false}
+                    fit={false}
+                    className="rounded-[50%] w-[36px] h-[36px]"
+                  />
+                  <View className="flex flex-col justify-between">
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      className="text-xs font-normal tracking-normal [lineHeight:14px] text-[rgba(0, 0, 0, 1)]"
+                    >
+                      未出单数远高于往期，请排查出货流程
+                    </Typography.Text>
+                    <View className="flex flex-row justify-start">
+                      <AtIcon
+                        value="clock"
+                        size={12}
+                        color="#666"
+                        svg="&#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 12 12&#34; fill=&#34;none&#34;&#62;&#13;&#10;&#60;path d=&#34;M1.5 10.5L10.5 10.5C10.776 10.5 11 10.276 11 10L11 2C11 1.724 10.776 1.5 10.5 1.5L8.5 1.5L8.5 0.5L7.5 0.5L7.5 1.5L4.5 1.5L4.5 0.5L3.5 0.5L3.5 1.5L1.5 1.5C1.224 1.5 1 1.724 1 2L1 10C1 10.276 1.224 10.5 1.5 10.5ZM3.5 3.5L3.5 2.5L2 2.5L2 4.5L10 4.5L10 2.5L8.5 2.5L8.5 3.5L7.5 3.5L7.5 2.5L4.5 2.5L4.5 3.5L3.5 3.5ZM10 9.5L2 9.5L2 5.5L10 5.5L10 9.5ZM3 7.5L3 6.5L4 6.5L4 7.5L3 7.5ZM5.5 6.5L5.5 7.5L6.5 7.5L6.5 6.5L5.5 6.5ZM8 6.5L8 7.5L9 7.5L9 6.5L8 6.5Z&#34; fill-rule=&#34;evenodd&#34;  fill=&#34;currentColor&#34; &#62;&#13;&#10;&#60;/path&#62;&#13;&#10;&#60;/svg&#62;&#13;&#10;"
+                        className="mr-[5px]"
+                      />
+                      <Typography.Text
+                        code={false}
+                        delete={false}
+                        disabled={false}
+                        mark={false}
+                        keyboard={false}
+                        underline={false}
+                        strong={false}
+                        ellipsis={false}
+                        className="text-xs font-normal tracking-normal [lineHeight:20px] text-[rgba(0, 0, 0, 0.6)]"
+                      >
+                        2021-08-01
+                      </Typography.Text>
+                    </View>
+                  </View>
+                </View>
+              </View>
+            </Card>
+            <Card
+              title="预警提示"
+              actions={[]}
+              bordered={false}
+              extra={
+                <AtIcon
+                  value="clock"
+                  size={23}
+                  color="rgba(102,102,102,0.61)"
+                  svg="&#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 18 3&#34; fill=&#34;none&#34;&#62;&#13;&#10;&#60;path d=&#34;M1.5 3C2.325 3 3 2.325 3 1.5C3 0.675 2.325 0 1.5 0C0.675 0 0 0.675 0 1.5C0 2.325 0.675 3 1.5 3ZM10.5 1.5C10.5 2.325 9.825 3 9 3C8.175 3 7.5 2.325 7.5 1.5C7.5 0.675 8.175 0 9 0C9.825 0 10.5 0.675 10.5 1.5ZM16.5 3C17.325 3 18 2.325 18 1.5C18 0.675 17.325 0 16.5 0C15.675 0 15 0.675 15 1.5C15 2.325 15.675 3 16.5 3Z&#34; fill-rule=&#34;evenodd&#34;  fill=&#34;currentColor&#34; &#62;&#13;&#10;&#60;/path&#62;&#13;&#10;&#60;/svg&#62;&#13;&#10;"
+                />
+              }
+              hoverable={false}
+              loading={false}
+              size="default"
+              type="default"
+              headStyle={{
+                border: 'none',
+                fontSize: '16px',
+                fontWeight: 600,
+                color: '#202020',
+                paddingTop: '16px',
+              }}
+              _unsafe_MixedSetter_extra_select="SlotSetter"
+              className="shadow-none bg-gradient-to-b from-[#4580FF] via-[#148EFF] to-[#0A60FF]"
+            >
+              <View className="flex flex-col gap-6">
+                <View className="flex gap-6 flex-row">
+                  <View className="flex flex-row justify-start items-end">
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      className="text-xs font-medium tracking-normal [lineHeight:20px] text-[rgba(255, 255, 255, 1)] mr-[5px]"
+                    >
+                      同期未出单数高出上月同比
+                    </Typography.Text>
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      className="text-2xl font-bold tracking-normal [lineHeight:38px] text-[rgba(255, 255, 255, 1)]"
+                    >
+                      10.23%
+                    </Typography.Text>
+                  </View>
+                </View>
+              </View>
+            </Card>
+          </Col>
+          <Col span={9} order={0}>
+            <Card
+              title="产品销售好评度"
+              actions={[]}
+              bordered={false}
+              extra={
+                <View className="flex flex-row items-center">
+                  <AtIcon
+                    value="clock"
+                    size={20}
+                    color="#666"
+                    svg="&#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 12 12&#34; fill=&#34;none&#34;&#62;&#13;&#10;&#60;path d=&#34;M10.5 1.5L8.5 1.5L8.5 0.5L7.5 0.5L7.5 1.5L4.5 1.5L4.5 0.5L3.5 0.5L3.5 1.5L1.5 1.5C1.224 1.5 1 1.724 1 2L1 10C1 10.276 1.224 10.5 1.5 10.5L10.5 10.5C10.776 10.5 11 10.276 11 10L11 2C11 1.724 10.776 1.5 10.5 1.5ZM4.5 2.5L4.5 3.5L3.5 3.5L3.5 2.5L2 2.5L2 4.5L10 4.5L10 2.5L8.5 2.5L8.5 3.5L7.5 3.5L7.5 2.5L4.5 2.5ZM10 9.5L2 9.5L2 5.5L10 5.5L10 9.5ZM3 7.5L3 6.5L4 6.5L4 7.5L3 7.5ZM5.5 6.5L5.5 7.5L6.5 7.5L6.5 6.5L5.5 6.5ZM8 6.5L8 7.5L9 7.5L9 6.5L8 6.5Z&#34; fill-rule=&#34;evenodd&#34;  fill=&#34;currentColor&#34; &#62;&#13;&#10;&#60;/path&#62;&#13;&#10;&#60;/svg&#62;&#13;&#10;"
+                  />
+                  <Select
+                    options={[
+                      { label: 'A', value: 'A' },
+                      { label: 'B', value: 'B' },
+                      { label: 'C', value: 'C' },
+                    ]}
+                    allowClear={false}
+                    autoFocus={false}
+                    defaultActiveFirstOption={true}
+                    disabled={false}
+                    labelInValue={false}
+                    placeholder="近一个月"
+                    showSearch={false}
+                    size="small"
+                    loading={false}
+                    bordered={false}
+                    optionFilterProp="value"
+                    tokenSeparators={[]}
+                    maxTagCount={0}
+                    maxTagTextLength={0}
+                    fieldNames={{
+                      label: 'label',
+                      value: 'value',
+                      options: 'options',
+                      groupLabel: 'label',
+                    }}
+                    className="w-full text-xs [lineHeight:12px]"
+                  />
+                </View>
+              }
+              hoverable={false}
+              loading={false}
+              size="default"
+              type="default"
+              headStyle={{
+                border: 'none',
+                fontSize: '16px',
+                fontWeight: 600,
+                color: '#202020',
+                paddingTop: '16px',
+              }}
+              _unsafe_MixedSetter_extra_select="SlotSetter"
+              className="shadow-none"
+            >
+              <View>
+                <View className="gap-6 flex items-center flex-row justify-start h-[45px]">
+                  <View className="w-[18px] h-[18px] bg-[#383838] rounded-[50%] flex flex-row justify-center items-center">
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      ellipsis={false}
+                      className="text-xs font-normal tracking-normal [lineHeight:12px] text-[rgba(255, 255, 255, 1)] block"
+                    >
+                      1
+                    </Typography.Text>
+                  </View>
+                  <View>
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      ellipsis={true}
+                      className="text-sm font-normal tracking-normal [lineHeight:22px] text-[rgba(56, 56, 56, 1)] w-[113px]"
+                    >
+                      图马思特
+                    </Typography.Text>
+                  </View>
+                  <View className="flex-1">
+                    <Progress
+                      percent={20}
+                      status="active"
+                      type="line"
+                      showInfo={true}
+                      strokeWidth={10}
+                      strokeColor="#4a90e2"
+                      trailColor="rgba(0,0,0,0.11)"
+                      steps={0}
+                      gapDegree={0}
+                      gapPosition="top"
+                      strokeLinecap="square"
+                      className="[lineHeight:10px]"
+                    />
+                  </View>
+                </View>
+                <View className="gap-6 flex items-center flex-row justify-start h-[45px]">
+                  <View className="w-[18px] h-[18px] bg-[#383838] rounded-[50%] flex flex-row justify-center items-center">
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      ellipsis={false}
+                      className="text-xs font-normal tracking-normal [lineHeight:12px] text-[rgba(255, 255, 255, 1)] block"
+                    >
+                      2
+                    </Typography.Text>
+                  </View>
+                  <View>
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      ellipsis={true}
+                      className="text-sm font-normal tracking-normal [lineHeight:22px] text-[rgba(56, 56, 56, 1)] w-[113px]"
+                    >
+                      FANATEC
+                    </Typography.Text>
+                  </View>
+                  <View className="flex-1">
+                    <Progress
+                      percent={20}
+                      status="active"
+                      type="line"
+                      showInfo={true}
+                      strokeWidth={10}
+                      strokeColor="#4a90e2"
+                      trailColor="rgba(0,0,0,0.11)"
+                      steps={0}
+                      gapDegree={0}
+                      gapPosition="top"
+                      strokeLinecap="square"
+                      className="[lineHeight:10px]"
+                    />
+                  </View>
+                </View>
+                <View className="gap-6 flex items-center flex-row justify-start h-[45px]">
+                  <View className="w-[18px] h-[18px] bg-[#383838] rounded-[50%] flex flex-row justify-center items-center">
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      ellipsis={false}
+                      className="text-xs font-normal tracking-normal [lineHeight:12px] text-[rgba(255, 255, 255, 1)] block"
+                    >
+                      3
+                    </Typography.Text>
+                  </View>
+                  <View>
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      ellipsis={true}
+                      className="text-sm font-normal tracking-normal [lineHeight:22px] text-[rgba(56, 56, 56, 1)] w-[113px]"
+                    >
+                      HORI
+                    </Typography.Text>
+                  </View>
+                  <View className="flex-1">
+                    <Progress
+                      percent={20}
+                      status="active"
+                      type="line"
+                      showInfo={true}
+                      strokeWidth={10}
+                      strokeColor="#4a90e2"
+                      trailColor="rgba(0,0,0,0.11)"
+                      steps={0}
+                      gapDegree={0}
+                      gapPosition="top"
+                      strokeLinecap="square"
+                      className="[lineHeight:10px]"
+                    />
+                  </View>
+                </View>
+                <View className="gap-6 flex items-center flex-row justify-start h-[45px]">
+                  <View className="w-[18px] h-[18px] bg-[rgba(217, 217, 217, 1)] rounded-[50%] flex flex-row justify-center items-center">
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      ellipsis={false}
+                      className="text-xs font-normal tracking-normal [lineHeight:12px] text-[rgba(255, 255, 255, 1)] block"
+                    >
+                      4
+                    </Typography.Text>
+                  </View>
+                  <View>
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      ellipsis={true}
+                      className="text-sm font-normal tracking-normal [lineHeight:22px] text-[rgba(56, 56, 56, 1)] w-[113px]"
+                    >
+                      Logitech - Ske…
+                    </Typography.Text>
+                  </View>
+                  <View className="flex-1">
+                    <Progress
+                      percent={20}
+                      status="active"
+                      type="line"
+                      showInfo={true}
+                      strokeWidth={10}
+                      strokeColor="#4a90e2"
+                      trailColor="rgba(0,0,0,0.11)"
+                      steps={0}
+                      gapDegree={0}
+                      gapPosition="top"
+                      strokeLinecap="square"
+                      className="[lineHeight:10px]"
+                    />
+                  </View>
+                </View>
+                <View className="gap-6 flex items-center flex-row justify-start h-[45px] mb-[3px]">
+                  <View className="w-[18px] h-[18px] bg-[rgba(217, 217, 217, 1)] rounded-[50%] flex flex-row justify-center items-center">
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      ellipsis={false}
+                      className="text-xs font-normal tracking-normal [lineHeight:12px] text-[rgba(255, 255, 255, 1)] block"
+                    >
+                      5
+                    </Typography.Text>
+                  </View>
+                  <View>
+                    <Typography.Text
+                      code={false}
+                      delete={false}
+                      disabled={false}
+                      mark={false}
+                      keyboard={false}
+                      underline={false}
+                      strong={false}
+                      ellipsis={true}
+                      className="text-sm font-normal tracking-normal [lineHeight:22px] text-[rgba(56, 56, 56, 1)] w-[113px]"
+                    >
+                      PXN莱仕达
+                    </Typography.Text>
+                  </View>
+                  <View className="flex-1">
+                    <Progress
+                      percent={20}
+                      status="active"
+                      type="line"
+                      showInfo={true}
+                      strokeWidth={10}
+                      strokeColor="#4a90e2"
+                      trailColor="rgba(0,0,0,0.11)"
+                      steps={0}
+                      gapDegree={0}
+                      gapPosition="top"
+                      strokeLinecap="square"
+                      className="[lineHeight:10px]"
+                    />
+                  </View>
+                </View>
+              </View>
+            </Card>
+          </Col>
+          <Col span={15} order={0}>
+            <Card
+              title="成员管理"
+              actions={[]}
+              bordered={false}
+              extra={
+                <View className="flex flex-row gap-2">
+                  <Button
+                    type="default"
+                    children={
+                      <Typography.Text
+                        code={false}
+                        delete={false}
+                        disabled={false}
+                        mark={false}
+                        keyboard={false}
+                        underline={false}
+                        strong={false}
+                        ellipsis={false}
+                        className="text-sm font-normal tracking-normal [lineHeight:22px] text-[rgba(0, 0, 0, 0.6)]"
+                      >
+                        批量导出
+                      </Typography.Text>
+                    }
+                    htmlType="button"
+                    size="middle"
+                    shape="default"
+                    block={false}
+                    danger={false}
+                    ghost={false}
+                    disabled={false}
+                    _unsafe_MixedSetter_children_select="SlotSetter"
+                    className="w-[88px] h-[32px]"
+                  />
+                  <Button
+                    type="primary"
+                    htmlType="button"
+                    size="middle"
+                    shape="default"
+                    block={false}
+                    danger={false}
+                    ghost={false}
+                    disabled={false}
+                    className="w-[88px] h-[32px]"
+                  >
+                    添加成员
+                  </Button>
+                </View>
+              }
+              hoverable={false}
+              loading={false}
+              size="default"
+              type="default"
+              headStyle={{
+                border: 'none',
+                fontSize: '16px',
+                fontWeight: 600,
+                color: '#202020',
+                paddingTop: '16px',
+              }}
+              _unsafe_MixedSetter_extra_select="SlotSetter"
+              className="shadow-none"
+            >
+              <View>
+                <ProTable
+                  cardBordered={true}
+                  dataSource={[
+                    {
+                      id: '1',
+                      name: '申泰',
+                      age: 32,
+                      emal: 'mojujo@liajici.np',
+                      status: 'close',
+                      address: '西湖区湖底公园1号',
+                    },
+                    {
+                      id: '2',
+                      name: '占叶',
+                      status: 'running',
+                      emal: 'soofku@silbu.tn',
+                      age: 28,
+                      address: '滨江区网商路699号',
+                    },
+                    {
+                      id: '3',
+                      name: '豆媛固',
+                      status: 'online',
+                      emal: 'gomaf@zof.hn',
+                      age: 28,
+                      address: '滨江区网商路699号',
+                    },
+                    {
+                      id: '4',
+                      name: '琚义晶',
+                      status: 'error',
+                      emal: 'javkuura@nuzok.na',
+                      age: 28,
+                      address: '滨江区网商路699号',
+                    },
+                    {
+                      id: '5',
+                      name: '裘珍',
+                      status: 'close',
+                      emal: 'gop@zewrehpas.nr',
+                      age: 28,
+                      address: '滨江区网商路699号',
+                    },
+                  ]}
+                  columns={[
+                    {
+                      title: options => (
+                        <Typography.Text
+                          code={false}
+                          delete={false}
+                          disabled={false}
+                          mark={false}
+                          keyboard={false}
+                          underline={false}
+                          strong={false}
+                          ellipsis={false}
+                          className="text-sm font-medium tracking-normal [lineHeight:22px] text-[rgba(102, 102, 102, 1)]"
+                        >
+                          成员名称
+                        </Typography.Text>
+                      ),
+                      dataIndex: 'name',
+                      valueType: 'text',
+                      align: 'left',
+                      fixed: '',
+                      _unsafe_MixedSetter_title_select: 'SlotSetter',
+                      render: (text, record, index) => (
+                        <View className="flex flex-row items-center gap-3">
+                          <Image
+                            src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+                            height={120}
+                            width={120}
+                            remote={false}
+                            fit={false}
+                            className="rounded-[50%] w-[36px] h-[36px]"
+                          />
+                          <Text className="text-sm">{text}</Text>
+                        </View>
+                      ),
+                    },
+                    {
+                      title: options => (
+                        <Typography.Text
+                          code={false}
+                          delete={false}
+                          disabled={false}
+                          mark={false}
+                          keyboard={false}
+                          underline={false}
+                          strong={false}
+                          ellipsis={false}
+                          className="text-sm font-medium tracking-normal [lineHeight:22px] text-[rgba(102, 102, 102, 1)]"
+                        >
+                          邮箱地址
+                        </Typography.Text>
+                      ),
+                      dataIndex: 'age',
+                      valueType: 'digit',
+                      align: 'left',
+                      fixed: '',
+                      _unsafe_MixedSetter_title_select: 'SlotSetter',
+                    },
+                    {
+                      title: options => (
+                        <Typography.Text
+                          code={false}
+                          delete={false}
+                          disabled={false}
+                          mark={false}
+                          keyboard={false}
+                          underline={false}
+                          strong={false}
+                          ellipsis={false}
+                          className="text-sm font-medium tracking-normal [lineHeight:22px] text-[rgba(102, 102, 102, 1)]"
+                        >
+                          状态
+                        </Typography.Text>
+                      ),
+                      dataIndex: 'status',
+                      renderTag: false,
+                      valueEnum: {
+                        all: { text: '全部', status: 'Default' },
+                        close: { text: '关闭', status: 'Default' },
+                        running: { text: '运行中', status: 'Processing' },
+                        online: { text: '已上线', status: 'Success' },
+                        error: { text: '异常', status: 'Error' },
+                      },
+                      align: 'left',
+                      fixed: '',
+                      _unsafe_MixedSetter_title_select: 'SlotSetter',
+                    },
+                    {
+                      title: '操作',
+                      dataIndex: 'options',
+                      valueType: 'option',
+                      align: 'left',
+                      fixed: '',
+                      render: (text, record, index) => [
+                        <Button
+                          type="link"
+                          htmlType="button"
+                          size="small"
+                          shape="default"
+                          block={false}
+                          danger={false}
+                          ghost={false}
+                          disabled={false}
+                          icon=""
+                        >
+                          编辑
+                        </Button>,
+                        <ProPopconfirm
+                          title="确定删除?"
+                          okType="primary"
+                          okText="确定"
+                          cancelText="取消"
+                        >
+                          <Button
+                            htmlType="button"
+                            type="link"
+                            size="small"
+                            shape="default"
+                            block={false}
+                            danger={true}
+                            ghost={false}
+                            disabled={false}
+                            icon=""
+                          >
+                            删除
+                          </Button>
+                        </ProPopconfirm>,
+                      ],
+                    },
+                  ]}
+                  rowKey="id"
+                  pagination={{
+                    defaultPageSize: 10,
+                    showSizeChanger: false,
+                    showQuickJumper: false,
+                    simple: false,
+                    size: 'default',
+                  }}
+                  search={false}
+                  toolBarRender={currentPageData => (
+                    <Button
+                      type="primary"
+                      htmlType="button"
+                      size="middle"
+                      shape="default"
+                      icon={
+                        <Icon
+                          type="PlusOutlined"
+                          size={16}
+                          rotate={0}
+                          spin={false}
+                        />
+                      }
+                      block={false}
+                      danger={false}
+                      ghost={false}
+                      disabled={false}
+                    >
+                      新增
+                    </Button>
+                  )}
+                  intl="zhCNIntl"
+                  manualRequest={false}
+                  showHeader={true}
+                  size="default"
+                  tableLayout=""
+                  scroll={{ scrollToFirstRowOnChange: true }}
+                  rowSelection={false}
+                  dateFormatter="string"
+                />
+              </View>
+            </Card>
+          </Col>
+          <Col span={9} order={0} className="flex flex-col gap-5">
+            <View className="flex flex-row gap-5 justify-between">
+              <View className="flex flex-col justify-center items-center gap-3 bg-[#ffffff] h-[172px] rounded-lg w-[50%]">
+                <AtIcon
+                  value="clock"
+                  size={32}
+                  color="#4580ff"
+                  svg="&#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 32 32&#34; fill=&#34;none&#34;&#62;&#13;&#10;&#60;path d=&#34;M2.66797 5.33402L2.66797 2.66802L6.66831 2.66802C7.40318 2.66802 8.00267 3.26402 8.00267 4.00202L8.00267 20.002L24.5842 20.002L27.2529 9.33401L10.6686 9.33401L10.6686 6.66802L28.9602 6.66802C29.3719 6.66802 29.7587 6.85802 30.0128 7.18202C30.2642 7.50402 30.3554 7.92602 30.2559 8.32602L26.9214 21.658C26.7722 22.252 26.239 22.668 25.6285 22.668L6.66831 22.668C5.93068 22.668 5.33394 22.072 5.33394 21.334L5.33394 5.33402L2.66797 5.33402ZM7.99874 30.6673C9.47127 30.6673 10.6654 29.4732 10.6654 28.0007C10.6654 26.5281 9.47127 25.334 7.99874 25.334C6.5262 25.334 5.33207 26.5281 5.33207 28.0007C5.33207 29.4732 6.5262 30.6673 7.99874 30.6673ZM26.6654 28.0007C26.6654 29.4732 25.4713 30.6673 23.9987 30.6673C22.5262 30.6673 21.3321 29.4732 21.3321 28.0007C21.3321 26.5281 22.5262 25.334 23.9987 25.334C25.4713 25.334 26.6654 26.5281 26.6654 28.0007Z&#34; fill-rule=&#34;evenodd&#34;  fill=&#34;currentColor&#34; &#62;&#13;&#10;&#60;/path&#62;&#13;&#10;&#60;/svg&#62;&#13;&#10;"
+                />
+                <View className="flex flex-col items-center justify-center">
+                  <Typography.Text
+                    code={false}
+                    delete={false}
+                    disabled={false}
+                    mark={false}
+                    keyboard={false}
+                    underline={false}
+                    strong={false}
+                    className="text-2xl font-medium tracking-normal [lineHeight:35.52px] text-[rgba(51, 51, 51, 1)]"
+                  >
+                    736
+                  </Typography.Text>
+                  <Typography.Text
+                    code={false}
+                    delete={false}
+                    disabled={false}
+                    mark={false}
+                    keyboard={false}
+                    underline={false}
+                    strong={false}
+                    className="text-xs font-normal tracking-normal [lineHeight:22px] text-[rgba(51, 51, 51, 1)]"
+                  >
+                    今日总订单
+                  </Typography.Text>
+                </View>
+              </View>
+              <View className="flex flex-col justify-center items-center gap-3 rounded-lg bg-[#ffffff] h-[172px] w-[50%]">
+                <View className="flex flex-col items-center justify-center">
+                  <AtIcon
+                    value="clock"
+                    size={32}
+                    color="#4580ff"
+                    svg="&#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 32 32&#34; fill=&#34;none&#34;&#62;&#13;&#10;&#60;path d=&#34;M13.7266 14.9262L25.9814 2.66697L27.8679 4.55431L15.6116 16.8107L13.7294 16.815L13.7266 14.9262ZM11.0695 19.484L11.0599 13.8224L21.0151 3.86717L4.00626 3.86717C3.26946 3.86717 2.67186 4.46477 2.67186 5.20157L2.67186 26.5328C2.67186 27.2696 3.26946 27.8672 4.00626 27.8672L25.3375 27.8672C26.0743 27.8672 26.6719 27.2696 26.6719 26.5328L26.6719 9.52397L16.7215 19.4744L11.0695 19.484Z&#34; fill-rule=&#34;evenodd&#34;  fill=&#34;#E9F2FF&#34; &#62;&#13;&#10;&#60;/path&#62;&#13;&#10;&#60;path d=&#34;M13.7266 15.059L25.9814 2.79978L27.8679 4.68712L15.6116 16.9435L13.7294 16.9478L13.7266 15.059ZM25.3336 28C26.0704 28 26.668 27.4024 26.668 26.6656L26.668 9.65678L24.0016 12.3232L24.0016 25.3336L5.33436 25.3336L5.33436 6.66638L18.3448 6.66638L21.0112 3.99998L4.00236 3.99998C3.26556 3.99998 2.66796 4.59758 2.66796 5.33438L2.66796 26.6656C2.66796 27.4024 3.26556 28 4.00236 28L25.3336 28Z&#34; fill-rule=&#34;evenodd&#34;  fill=&#34;#4580FF&#34; &#62;&#13;&#10;&#60;/path&#62;&#13;&#10;&#60;/svg&#62;&#13;&#10;"
+                  />
+                  <Typography.Text
+                    code={false}
+                    delete={false}
+                    disabled={false}
+                    mark={false}
+                    keyboard={false}
+                    underline={false}
+                    strong={false}
+                    className="text-2xl font-medium tracking-normal [lineHeight:35.52px] text-[rgba(51, 51, 51, 1)]"
+                  >
+                    12
+                  </Typography.Text>
+                  <Typography.Text
+                    code={false}
+                    delete={false}
+                    disabled={false}
+                    mark={false}
+                    keyboard={false}
+                    underline={false}
+                    strong={false}
+                    className="text-xs font-normal tracking-normal [lineHeight:22px] text-[rgba(51, 51, 51, 1)]"
+                  >
+                    未完成待办
+                  </Typography.Text>
+                </View>
+              </View>
+            </View>
+            <View>
+              <Card
+                title="今日核心指标"
+                actions={[]}
+                bordered={false}
+                extra={
+                  <Select
+                    options={[
+                      { label: '2021-08-01', value: 'A' },
+                      { label: '2021-08-02', value: 'B' },
+                      { label: '2021-08-03', value: 'C' },
+                    ]}
+                    defaultValue={[]}
+                    allowClear={false}
+                    autoFocus={false}
+                    defaultActiveFirstOption={true}
+                    disabled={false}
+                    labelInValue={false}
+                    placeholder="2021-08-01"
+                    showSearch={false}
+                    loading={false}
+                    bordered={false}
+                    optionFilterProp="value"
+                    tokenSeparators={[]}
+                    maxTagCount={0}
+                    maxTagTextLength={0}
+                    className="w-full"
+                  />
+                }
+                hoverable={false}
+                loading={false}
+                size="default"
+                type="default"
+                headStyle={{
+                  border: 'none',
+                  fontSize: '16px',
+                  fontWeight: 600,
+                  color: '#202020',
+                  paddingTop: '16px',
+                  display: 'none',
+                }}
+                _unsafe_MixedSetter_extra_select="SlotSetter"
+                className="shadow-none"
+              >
+                <View className="">
+                  <Calendar fullscreen={false} mode="month" />
+                </View>
+              </Card>
+            </View>
+          </Col>
+        </Row>
+      </Page>
+    );
+  }
+}
+
+export default Document;