第二个开通成功

3 years ago · f049f164b4
parent 156b984599
commit f049f164b4
18 changed files with 677 additions and 427 deletions
--- a/.umirc.ts
+++ b/.umirc.ts
@ -35,6 +35,11 @@ export default defineConfig({
            },
          ],
        },
+        {
+          path: '/equipment/dataCenter',
+          component: '@/pages/Equipment/List/DataCenter',
+          exact: true,
+        },
        {
          path: '/equipment',
          component: '@/pages/Equipment/Header',
--- a/src/pages/Equipment/List/DataCenter/img/bg.png
+++ b/src/pages/Equipment/List/DataCenter/img/bg.png
--- a/src/pages/Equipment/List/DataCenter/img/l.png
+++ b/src/pages/Equipment/List/DataCenter/img/l.png
--- a/src/pages/Equipment/List/DataCenter/index.less
+++ b/src/pages/Equipment/List/DataCenter/index.less
@ -0,0 +1,185 @@
+.page {
+  height: 100vh;
+  background: url('./img/bg.png') no-repeat center center;
+  background-size: cover;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  .box {
+    width: 800px;
+    height: 400px;
+    background: #ffffff;
+    border-radius: 20px;
+    display: flex;
+
+    .left {
+      width: 380px;
+      height: 100%;
+      background: url('./img/l.png') no-repeat center center;
+      background-size: cover;
+      font-size: 20px;
+      font-weight: bold;
+      color: #ffffff;
+      letter-spacing: 2px;
+      text-align: center;
+      padding-top: 40px;
+    }
+
+    .right {
+      width: 420px;
+      height: 100%;
+
+      .one {
+        height: 100%;
+        display: flex;
+        align-items: center;
+        flex-direction: column;
+
+        > span {
+          width: 144px;
+          font-size: 24px;
+          font-weight: 600;
+          color: #464f66;
+          margin-top: 80px;
+        }
+
+        div {
+          color: #e30000;
+          font-size: 16px;
+          font-weight: bold;
+          margin-top: 32px;
+
+          i {
+            margin-right: 10px;
+          }
+        }
+
+        button {
+          margin-top: 82px;
+          width: 240px;
+          height: 40px;
+          background: #165dff;
+          border-radius: 4px;
+          margin-bottom: 20px;
+        }
+
+        aside {
+          font-size: 14px;
+          font-weight: 400;
+          color: #464f66;
+        }
+      }
+
+      .two {
+        height: 100%;
+        display: flex;
+        align-items: center;
+        flex-direction: column;
+
+        > span {
+          font-size: 24px;
+          font-weight: 600;
+          color: #464f66;
+          margin-top: 80px;
+        }
+
+        div {
+          width: 340px;
+          font-size: 14px;
+          color: #464f66;
+          margin-top: 40px;
+        }
+
+        input {
+          width: 340px;
+          height: 40px;
+        }
+
+        button {
+          margin-top: 20px;
+          width: 340px;
+          height: 40px;
+          background: #165dff;
+          border-radius: 4px;
+        }
+
+        aside {
+          font-size: 14px;
+          font-weight: 400;
+          color: #464f66;
+          margin-top: 20px;
+        }
+
+        section {
+          width: 340px;
+          font-size: 14px;
+          color: #9096a3;
+          text-align: right;
+          margin-top: 36px;
+        }
+      }
+
+      .three {
+        height: 100%;
+        display: flex;
+        align-items: center;
+        flex-direction: column;
+
+        > span {
+          font-size: 24px;
+          font-weight: 600;
+          color: #464f66;
+          margin-top: 80px;
+        }
+
+        div {
+          width: 340px;
+          font-size: 14px;
+          color: #464f66;
+          margin-top: 40px;
+        }
+
+        p {
+          margin-bottom: 0px;
+
+          input {
+            width: 250px;
+            height: 40px;
+          }
+
+          > button {
+            width: 80px;
+            height: 40px;
+            border-radius: 4px;
+            margin-left: 10px;
+          }
+        }
+
+        > button {
+          margin-top: 20px;
+          width: 340px;
+          height: 40px;
+          background: #165dff;
+          border-radius: 4px;
+        }
+
+        aside {
+          font-size: 14px;
+          font-weight: 400;
+          color: #464f66;
+          margin-top: 20px;
+        }
+
+        section {
+          width: 340px;
+          font-size: 14px;
+          color: #9096a3;
+          text-align: right;
+          margin-top: 36px;
+        }
+      }
+    }
+  }
+}
--- a/src/pages/Equipment/List/DataCenter/index.tsx
+++ b/src/pages/Equipment/List/DataCenter/index.tsx
@ -0,0 +1,136 @@
+import styles from './index.less';
+import { message, Input, Button, Row, Modal, Form, Tabs } from 'antd';
+import Fetch from '@/utils/fetch';
+import { useEffect, useState, FC, Fragment } from 'react';
+import {
+  connect,
+  ConnectProps,
+  Dispatch,
+  BasicInfoModelState,
+  history,
+} from 'umi';
+import { cloneDeep } from 'lodash';
+
+interface PageProps {}
+
+const Page: FC<PageProps> = () => {
+  const [active, setActive] = useState<number>(1);
+  const [value, setValue] = useState<string>('');
+  const [file, setFile] = useState<any>(null);
+
+  const oneClick = async () => {
+    const res = await Fetch.post('/openi/dataCenter/startOpen');
+    if (res.result === 'success') {
+      setActive(2);
+    }
+  };
+
+  const twoClick = async () => {
+    if (!value) {
+      message.warn('物理标识不能为空');
+    }
+    const res = await Fetch('/openi/dataCenter/setHostFlag', {
+      method: 'post',
+      data: {
+        hostFlag: value,
+      },
+    });
+    if (res.result === 'success') {
+      setActive(3);
+    }
+  };
+
+  const threeClick = async () => {
+    const data: any = new FormData();
+    data.append('file', file);
+    const res = await Fetch('/openi/dataCenter/resourceImport', {
+      method: 'post',
+      data,
+    });
+    if (res.result === 'success') {
+      message.success('操作成功');
+      history.replace('/equipment/index');
+    }
+  };
+
+  const handleFile = () => {
+    var inputObj = document.createElement('input');
+    inputObj.setAttribute('id', '_ef');
+    inputObj.setAttribute('type', 'file');
+    inputObj.setAttribute('style', 'visibility:hidden');
+    document.body.appendChild(inputObj);
+    inputObj.click();
+    inputObj.onchange = (e: any) => {
+      setFile(e?.target?.files?.[0]);
+    };
+  };
+
+  const renderOne = () => {
+    return (
+      <div className={styles.one}>
+        <span>系统当前状态</span>
+        <div>
+          <i className="iconfont icon-weitongguo" />
+          未开通
+        </div>
+        <Button type="primary" onClick={oneClick}>
+          点击开通
+        </Button>
+        <aside>请在服务器上进行开通操作</aside>
+      </div>
+    );
+  };
+
+  const renderTwo = () => {
+    return (
+      <div className={styles.two}>
+        <span>设置宿主机物理标识</span>
+        <div>物理标识</div>
+        <Input value={value} onChange={(e: any) => setValue(e.target.value)} />
+        <Button type="primary" onClick={twoClick}>
+          设置
+        </Button>
+        <aside>设置设施卡宿主机物理标识以便注入器自</aside>
+        {/* <section>开通过程共 6 步，当前第 1 步</section> */}
+      </div>
+    );
+  };
+
+  const renderThree = () => {
+    return (
+      <div className={styles.three}>
+        <span>注入初装资源</span>
+        <div>请注入设施的初装资源</div>
+        <p>
+          <Input
+            readOnly
+            value={file?.name || ''}
+            onChange={(e: any) => setValue(e.target.value)}
+          />
+          <Button type="primary" ghost onClick={handleFile}>
+            注入
+          </Button>
+        </p>
+        <Button disabled={!file?.name} type="primary" onClick={threeClick}>
+          确定
+        </Button>
+        <aside>注入资源后完成密码卡初装，点击下一步导入</aside>
+        {/* <section>开通过程共 6 步，当前第 3 步</section> */}
+      </div>
+    );
+  };
+
+  return (
+    <div className={styles.page}>
+      <div className={styles.box}>
+        <div className={styles.left}>数据中心管理系统开通界面</div>
+        <div className={styles.right}>
+          {active === 1 && renderOne()}
+          {active === 2 && renderTwo()}
+          {active === 3 && renderThree()}
+        </div>
+      </div>
+    </div>
+  );
+};
+export default Page;
--- a/src/pages/Equipment/List/Device/index.less
+++ b/src/pages/Equipment/List/Device/index.less
@ -1,51 +0,0 @@
-.page {
-  background-color: #fff;
-  padding: 40px 118px;
-
-  sup {
-    color: red;
-    margin-top: 10px;
-    margin-right: 4px;
-    font-size: 14px;
-  }
-
-  .name {
-    display: flex;
-    align-items: center;
-    margin-bottom: 32px;
-
-    b {
-      width: 6px;
-      height: 20px;
-      background: #464f66;
-      border-radius: 4px;
-      display: inline-block;
-      margin-right: 4px;
-    }
-
-    span {
-      font-size: 24px;
-      font-weight: 500;
-      color: #232b40;
-    }
-  }
-
-  .status {
-    font-size: 14px;
-    font-weight: 500;
-    color: #464f66;
-    margin-bottom: 30px;
-
-    span {
-      color: #e30000;
-    }
-  }
-
-  .box3 {
-    border-top: 1px solid #e3e4e6;
-    border-bottom: 1px solid #e3e4e6;
-    margin-top: 20px;
-    padding-top: 20px;
-    padding-bottom: 20px;
-  }
-}
--- a/src/pages/Equipment/List/Device/index.tsx
+++ b/src/pages/Equipment/List/Device/index.tsx
@ -1,314 +0,0 @@
-import styles from './index.less';
-import { message, Input, Button, Row, Modal, Form, Tabs } from 'antd';
-import Fetch from '@/utils/fetch';
-import { useEffect, useState, FC } from 'react';
-import {
-  connect,
-  ConnectProps,
-  Dispatch,
-  BasicInfoModelState,
-  history,
-} from 'umi';
-import { cloneDeep } from 'lodash';
-
-interface PageProps extends ConnectProps {
-  basic: BasicInfoModelState;
-  dispatch: Dispatch;
-  match: any;
-}
-
-const Page: FC<PageProps> = ({ basic, dispatch }) => {
-  const { basicInfo } = basic;
-  const [uploadDisabled, setUploadDisabled] = useState<boolean>(false);
-  const {
-    type,
-    dataName,
-    nodeName,
-    deviceNo,
-    supportUnit,
-    managerNode,
-    file1,
-    file2,
-    file3,
-    file4,
-  } = basicInfo;
-  const btnDisabled =
-    dataName &&
-    nodeName &&
-    deviceNo &&
-    supportUnit &&
-    managerNode &&
-    file1?.name &&
-    file2?.name &&
-    file3?.name &&
-    file4?.name;
-
-  console.log(basicInfo, 'basicInfo');
-
-  const handleFile = (type: string) => {
-    var inputObj = document.createElement('input');
-    inputObj.setAttribute('id', '_ef');
-    inputObj.setAttribute('type', 'file');
-    inputObj.setAttribute('style', 'visibility:hidden');
-    document.body.appendChild(inputObj);
-    inputObj.click();
-    inputObj.onchange = (e: any) => {
-      console.log(e, 444);
-      dispatch({
-        type: 'basic/setActionData',
-        payload: {
-          [type]: {
-            file: e?.target?.files?.[0],
-          },
-        },
-      });
-    };
-  };
-
-  const handleInput = (type: string, value: string) => {
-    dispatch({
-      type: 'basic/setActionData',
-      payload: {
-        [type]: value,
-      },
-    });
-  };
-
-  const uploadFile = async () => {
-    const data: any = new FormData();
-    data.append('files', file1.file);
-    data.append('files', file2.file);
-    data.append('files', file3.file);
-    data.append('files', file4.file);
-    const res = await Fetch('/openi/resource/importFiles', {
-      method: 'post',
-      data,
-    });
-    if (res.result === 'success') {
-      message.success('上传成功');
-      const data = res?.data?.[0];
-      dispatch({
-        type: 'basic/setActionData',
-        payload: {
-          file1: {
-            file: file1.file,
-            name: data[0],
-          },
-          file2: {
-            file: file2.file,
-            name: data[1],
-          },
-          file3: {
-            file: file3.file,
-            name: data[2],
-          },
-          file4: {
-            file: file4.file,
-            name: data[3],
-          },
-        },
-      });
-      setUploadDisabled(true);
-    }
-  };
-
-  const open = async () => {
-    const sendData: any = cloneDeep(basicInfo);
-    sendData.type = Number(sendData.type);
-    sendData.file1 = sendData.file1.name;
-    sendData.file2 = sendData.file2.name;
-    sendData.file3 = sendData.file3.name;
-    sendData.file4 = sendData.file4.name;
-    const res = await Fetch('/openi/resource/openResourceNow', {
-      method: 'post',
-      data: sendData,
-    });
-    if (res.result === 'success') {
-      message.success('成功开通设施管理设备');
-      history.replace('/basic/login');
-    }
-  };
-
-  return (
-    <div className={styles.page}>
-      <div className={styles.name}>
-        {' '}
-        <b /> <span>开通设施管理设备</span>
-      </div>
-      <div className={styles.status}>
-        当前状态：<span>{'未开通'}</span>
-      </div>
-      <Tabs
-        activeKey={type}
-        onChange={(k: string) => {
-          dispatch({
-            type: 'basic/setActionData',
-            payload: { type: k },
-          });
-        }}
-      >
-        <Tabs.TabPane key={'1'} tab="总部级" />
-        <Tabs.TabPane key={'2'} tab="大单位级别" />
-      </Tabs>
-      <div style={{ margin: '20px 0', fontWeight: 'bold', color: '#464F66' }}>
-        总部级设施管理设备开通
-      </div>
-      <Row align="middle">
-        <Row align="middle" className="mr40">
-          <sup>*</sup>
-          <span>数据中心名称</span>
-          <Input
-            value={dataName}
-            onChange={(e) => handleInput('dataName', e.target.value)}
-            size="large"
-            style={{ width: 255, margin: '20px 10px' }}
-          />
-        </Row>
-        <Row align="middle">
-          <sup>*</sup>
-          <span>设备出厂编号</span>
-          <Input
-            value={deviceNo}
-            onChange={(e) => handleInput('deviceNo', e.target.value)}
-            size="large"
-            style={{ width: 255, margin: '20px 10px' }}
-          />
-        </Row>
-      </Row>
-      <Row align="middle">
-        <Row align="middle" className="mr40">
-          <sup>*</sup>
-          <span>管理节点名称</span>
-          <Input
-            value={nodeName}
-            onChange={(e) => handleInput('nodeName', e.target.value)}
-            size="large"
-            style={{ width: 255, margin: '20px 10px' }}
-          />
-        </Row>
-        <Row align="middle">
-          <sup>*</sup>
-          <span>选择保障单位</span>
-          <Input
-            value={supportUnit}
-            onChange={(e) => handleInput('supportUnit', e.target.value)}
-            size="large"
-            style={{ width: 255, margin: '20px 10px' }}
-          />
-        </Row>
-      </Row>
-      <Row align="middle">
-        <Row align="middle" className="mr40">
-          <sup>*</sup>
-          <span>选择管理节点</span>
-          <Input
-            value={managerNode}
-            onChange={(e) => handleInput('managerNode', e.target.value)}
-            size="large"
-            style={{ width: 255, margin: '20px 10px' }}
-          />
-        </Row>
-      </Row>
-      <div className={styles.box3}>
-        <Button
-          onClick={uploadFile}
-          disabled={!(file1?.file && file2?.file && file3?.file && file4?.file)}
-          type="primary"
-        >
-          上传至服务器
-        </Button>
-        <Row align="middle">
-          <Row align="middle" className="mr40">
-            <sup>*</sup>
-            <span>导入64字节</span>
-            <Input
-              readOnly
-              value={file1?.name}
-              size="large"
-              style={{ width: 255, margin: '20px 10px' }}
-            />
-            <Button
-              disabled={uploadDisabled}
-              onClick={() => handleFile('file1')}
-              type="primary"
-              ghost
-              size="large"
-            >
-              {!!file1?.file ? '已选择' : '浏览'}
-            </Button>
-          </Row>
-          <Row align="middle">
-            <sup>*</sup>
-            <span>导入32字节</span>
-            <Input
-              readOnly
-              value={file2?.name}
-              size="large"
-              style={{ width: 255, margin: '20px 10px' }}
-            />
-            <Button
-              disabled={uploadDisabled}
-              onClick={() => handleFile('file2')}
-              type="primary"
-              ghost
-              size="large"
-            >
-              {!!file2?.file ? '已选择' : '浏览'}
-            </Button>
-          </Row>
-        </Row>
-        <Row align="middle">
-          <Row align="middle" className="mr40">
-            <sup>*</sup>
-            <span>导入20字节</span>
-            <Input
-              readOnly
-              value={file3?.name}
-              size="large"
-              style={{ width: 255, margin: '20px 10px' }}
-            />
-            <Button
-              disabled={uploadDisabled}
-              onClick={() => handleFile('file3')}
-              type="primary"
-              ghost
-              size="large"
-            >
-              {!!file3?.file ? '已选择' : '浏览'}
-            </Button>
-          </Row>
-          <Row align="middle">
-            <sup>*</sup>
-            <span>导入16字节</span>
-            <Input
-              readOnly
-              value={file4?.name}
-              size="large"
-              style={{ width: 255, margin: '20px 10px' }}
-            />
-            <Button
-              disabled={uploadDisabled}
-              onClick={() => handleFile('file4')}
-              type="primary"
-              ghost
-              size="large"
-            >
-              {!!file4?.file ? '已选择' : '浏览'}
-            </Button>
-          </Row>
-        </Row>
-      </div>
-      <Button
-        onClick={open}
-        disabled={!btnDisabled}
-        className="mt20"
-        type="primary"
-      >
-        点击开通
-      </Button>
-    </div>
-  );
-};
-export default connect(({ basic }: { basic: BasicInfoModelState }) => ({
-  basic,
-}))(Page);
--- a/src/pages/Equipment/List/Index/index.less
+++ b/src/pages/Equipment/List/Index/index.less
@ -11,7 +11,7 @@
    border-radius: 4px;
    padding-top: 18px;

-    > div {
+    > a {
      height: 44px;
      display: flex;
      align-items: center;
--- a/src/pages/Equipment/List/Index/index.tsx
+++ b/src/pages/Equipment/List/Index/index.tsx
@ -19,6 +19,7 @@ import {
  Dispatch,
  BasicInfoModelState,
  history,
+  Link,
 } from 'umi';
 import { downLoadLink } from '@/utils/download';
 import url from '@/utils/url';
@ -127,14 +128,14 @@ const Page: FC<PageProps> = ({ basic, dispatch }) => {
  return (
    <div className={styles.page}>
      <div className={styles.left}>
-        <div>
+        <Link to={'/equipment/dataCenter'} target="_blank">
          <i className="iconfont icon-shuju" />
          数据中心
-        </div>
-        <div>
+        </Link>
+        <Link to={'/equipment/localManager'} target="_blank">
          <i className="iconfont icon-jiedian" />
          管理节点
-        </div>
+        </Link>
      </div>
      <div className={styles.right}>
        <div className={styles.info}>
@ -189,7 +190,7 @@ const Page: FC<PageProps> = ({ basic, dispatch }) => {
                        </div>
                      </div>
                      <div className={styles.li}>
-                        <i className="iconfont icon-zhucedengji"></i>
+                        <i className="iconfont icon-fuwuqi"></i>
                        <div>
                          <p>
                            <span>数据中心编号</span>
@ -266,7 +267,7 @@ const Page: FC<PageProps> = ({ basic, dispatch }) => {
                        </div>
                      </div>
                      <div className={styles.li}>
-                        <i className="iconfont icon-zhucedengji"></i>
+                        <i className="iconfont icon-zhongduan"></i>
                        <div>
                          <p>
                            <span>数据中心编号</span>
--- a/src/styles/iconfont/demo_index.html
+++ b/src/styles/iconfont/demo_index.html
@ -55,15 +55,63 @@
          <ul class="icon_lists dib-box">
          
            <li class="dib">
-              <span class="icon iconfont">&#xe715;</span>
-                <div class="name">大数据</div>
-                <div class="code-name">&amp;#xe715;</div>
+              <span class="icon iconfont">&#xe66c;</span>
+                <div class="name">未通过</div>
+                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
-              <span class="icon iconfont">&#xe66c;</span>
-                <div class="name">大数据,数据结构,关系,关系分析,共同联系人,组织</div>
-                <div class="code-name">&amp;#xe66c;</div>
+              <span class="icon iconfont">&#xe9e7;</span>
+                <div class="name">镜像</div>
+                <div class="code-name">&amp;#xe9e7;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe9ee;</span>
+                <div class="name">我的工作台</div>
+                <div class="code-name">&amp;#xe9ee;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xea79;</span>
+                <div class="name">创建加号</div>
+                <div class="code-name">&amp;#xea79;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xea7a;</span>
+                <div class="name">查看</div>
+                <div class="code-name">&amp;#xea7a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xea7b;</span>
+                <div class="name">终端</div>
+                <div class="code-name">&amp;#xea7b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xea7c;</span>
+                <div class="name">服务器</div>
+                <div class="code-name">&amp;#xea7c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xea7d;</span>
+                <div class="name">收起小箭头</div>
+                <div class="code-name">&amp;#xea7d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xea7e;</span>
+                <div class="name">展开小箭头</div>
+                <div class="code-name">&amp;#xea7e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe715;</span>
+                <div class="name">大数据</div>
+                <div class="code-name">&amp;#xe715;</div>
              </li>
          
            <li class="dib">
@ -294,12 +342,12 @@
 <pre><code class="language-css"
 >@font-face {
  font-family: 'iconfont';
-  src: url('iconfont.eot?t=1660272808431'); /* IE9 */
-  src: url('iconfont.eot?t=1660272808431#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('iconfont.woff2?t=1660272808431') format('woff2'),
-       url('iconfont.woff?t=1660272808431') format('woff'),
-       url('iconfont.ttf?t=1660272808431') format('truetype'),
-       url('iconfont.svg?t=1660272808431#iconfont') format('svg');
+  src: url('iconfont.eot?t=1660292237437'); /* IE9 */
+  src: url('iconfont.eot?t=1660292237437#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('iconfont.woff2?t=1660292237437') format('woff2'),
+       url('iconfont.woff?t=1660292237437') format('woff'),
+       url('iconfont.ttf?t=1660292237437') format('truetype'),
+       url('iconfont.svg?t=1660292237437#iconfont') format('svg');
 }
 </code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@ -326,20 +374,92 @@
        <ul class="icon_lists dib-box">
          
          <li class="dib">
-            <span class="icon iconfont icon-a-dashujushujujiegouguanxiguanxifenxigongtonglianxirenzuzhi1"></span>
+            <span class="icon iconfont icon-weitongguo"></span>
            <div class="name">
-              大数据
+              未通过
            </div>
-            <div class="code-name">.icon-a-dashujushujujiegouguanxiguanxifenxigongtonglianxirenzuzhi1
+            <div class="code-name">.icon-weitongguo
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jingxiang"></span>
+            <div class="name">
+              镜像
+            </div>
+            <div class="code-name">.icon-jingxiang
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-wodegongzuotai"></span>
+            <div class="name">
+              我的工作台
+            </div>
+            <div class="code-name">.icon-wodegongzuotai
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-chuangjianjiahao"></span>
+            <div class="name">
+              创建加号
+            </div>
+            <div class="code-name">.icon-chuangjianjiahao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-chakan2"></span>
+            <div class="name">
+              查看
+            </div>
+            <div class="code-name">.icon-chakan2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhongduan"></span>
+            <div class="name">
+              终端
+            </div>
+            <div class="code-name">.icon-zhongduan
            </div>
          </li>
          
          <li class="dib">
-            <span class="icon iconfont icon-a-dashujushujujiegouguanxiguanxifenxigongtonglianxirenzuzhi"></span>
+            <span class="icon iconfont icon-fuwuqi"></span>
            <div class="name">
-              大数据,数据结构,关系,关系分析,共同联系人,组织
+              服务器
            </div>
-            <div class="code-name">.icon-a-dashujushujujiegouguanxiguanxifenxigongtonglianxirenzuzhi
+            <div class="code-name">.icon-fuwuqi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shouqixiaojiantou"></span>
+            <div class="name">
+              收起小箭头
+            </div>
+            <div class="code-name">.icon-shouqixiaojiantou
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhankaixiaojiantou"></span>
+            <div class="name">
+              展开小箭头
+            </div>
+            <div class="code-name">.icon-zhankaixiaojiantou
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-a-dashujushujujiegouguanxiguanxifenxigongtonglianxirenzuzhi1"></span>
+            <div class="name">
+              大数据
+            </div>
+            <div class="code-name">.icon-a-dashujushujujiegouguanxiguanxifenxigongtonglianxirenzuzhi1
            </div>
          </li>
          
@ -687,18 +807,82 @@
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-a-dashujushujujiegouguanxiguanxifenxigongtonglianxirenzuzhi1"></use>
+                  <use xlink:href="#icon-weitongguo"></use>
                </svg>
-                <div class="name">大数据</div>
-                <div class="code-name">#icon-a-dashujushujujiegouguanxiguanxifenxigongtonglianxirenzuzhi1</div>
+                <div class="name">未通过</div>
+                <div class="code-name">#icon-weitongguo</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jingxiang"></use>
+                </svg>
+                <div class="name">镜像</div>
+                <div class="code-name">#icon-jingxiang</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-wodegongzuotai"></use>
+                </svg>
+                <div class="name">我的工作台</div>
+                <div class="code-name">#icon-wodegongzuotai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-a-dashujushujujiegouguanxiguanxifenxigongtonglianxirenzuzhi"></use>
+                  <use xlink:href="#icon-chuangjianjiahao"></use>
                </svg>
-                <div class="name">大数据,数据结构,关系,关系分析,共同联系人,组织</div>
-                <div class="code-name">#icon-a-dashujushujujiegouguanxiguanxifenxigongtonglianxirenzuzhi</div>
+                <div class="name">创建加号</div>
+                <div class="code-name">#icon-chuangjianjiahao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-chakan2"></use>
+                </svg>
+                <div class="name">查看</div>
+                <div class="code-name">#icon-chakan2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhongduan"></use>
+                </svg>
+                <div class="name">终端</div>
+                <div class="code-name">#icon-zhongduan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fuwuqi"></use>
+                </svg>
+                <div class="name">服务器</div>
+                <div class="code-name">#icon-fuwuqi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shouqixiaojiantou"></use>
+                </svg>
+                <div class="name">收起小箭头</div>
+                <div class="code-name">#icon-shouqixiaojiantou</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhankaixiaojiantou"></use>
+                </svg>
+                <div class="name">展开小箭头</div>
+                <div class="code-name">#icon-zhankaixiaojiantou</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-a-dashujushujujiegouguanxiguanxifenxigongtonglianxirenzuzhi1"></use>
+                </svg>
+                <div class="name">大数据</div>
+                <div class="code-name">#icon-a-dashujushujujiegouguanxiguanxifenxigongtonglianxirenzuzhi1</div>
            </li>
          
            <li class="dib">
--- a/src/styles/iconfont/iconfont.css
+++ b/src/styles/iconfont/iconfont.css
@ -1,11 +1,11 @@
@font-face {
  font-family: "iconfont"; /* Project id 3579477 */
-  src: url('iconfont.eot?t=1660272808431'); /* IE9 */
-  src: url('iconfont.eot?t=1660272808431#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('iconfont.woff2?t=1660272808431') format('woff2'),
-       url('iconfont.woff?t=1660272808431') format('woff'),
-       url('iconfont.ttf?t=1660272808431') format('truetype'),
-       url('iconfont.svg?t=1660272808431#iconfont') format('svg');
+  src: url('iconfont.eot?t=1660292237437'); /* IE9 */
+  src: url('iconfont.eot?t=1660292237437#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('iconfont.woff2?t=1660292237437') format('woff2'),
+       url('iconfont.woff?t=1660292237437') format('woff'),
+       url('iconfont.ttf?t=1660292237437') format('truetype'),
+       url('iconfont.svg?t=1660292237437#iconfont') format('svg');
 }

 .iconfont {
@ -16,12 +16,44 @@
  -moz-osx-font-smoothing: grayscale;
 }

-.icon-a-dashujushujujiegouguanxiguanxifenxigongtonglianxirenzuzhi1:before {
-  content: "\e715";
+.icon-weitongguo:before {
+  content: "\e66c";
 }

-.icon-a-dashujushujujiegouguanxiguanxifenxigongtonglianxirenzuzhi:before {
-  content: "\e66c";
+.icon-jingxiang:before {
+  content: "\e9e7";
+}
+
+.icon-wodegongzuotai:before {
+  content: "\e9ee";
+}
+
+.icon-chuangjianjiahao:before {
+  content: "\ea79";
+}
+
+.icon-chakan2:before {
+  content: "\ea7a";
+}
+
+.icon-zhongduan:before {
+  content: "\ea7b";
+}
+
+.icon-fuwuqi:before {
+  content: "\ea7c";
+}
+
+.icon-shouqixiaojiantou:before {
+  content: "\ea7d";
+}
+
+.icon-zhankaixiaojiantou:before {
+  content: "\ea7e";
+}
+
+.icon-a-dashujushujujiegouguanxiguanxifenxigongtonglianxirenzuzhi1:before {
+  content: "\e715";
 }

 .icon-changshangxinxiguanli:before {
--- a/src/styles/iconfont/iconfont.eot
+++ b/src/styles/iconfont/iconfont.eot
--- a/src/styles/iconfont/iconfont.js
+++ b/src/styles/iconfont/iconfont.js
--- a/src/styles/iconfont/iconfont.json
+++ b/src/styles/iconfont/iconfont.json
@ -5,6 +5,69 @@
  "css_prefix_text": "icon-",
  "description": "",
  "glyphs": [
+    {
+      "icon_id": "31225732",
+      "name": "未通过",
+      "font_class": "weitongguo",
+      "unicode": "e66c",
+      "unicode_decimal": 58988
+    },
+    {
+      "icon_id": "31206162",
+      "name": "镜像",
+      "font_class": "jingxiang",
+      "unicode": "e9e7",
+      "unicode_decimal": 59879
+    },
+    {
+      "icon_id": "31206163",
+      "name": "我的工作台",
+      "font_class": "wodegongzuotai",
+      "unicode": "e9ee",
+      "unicode_decimal": 59886
+    },
+    {
+      "icon_id": "31207787",
+      "name": "创建加号",
+      "font_class": "chuangjianjiahao",
+      "unicode": "ea79",
+      "unicode_decimal": 60025
+    },
+    {
+      "icon_id": "31207788",
+      "name": "查看",
+      "font_class": "chakan2",
+      "unicode": "ea7a",
+      "unicode_decimal": 60026
+    },
+    {
+      "icon_id": "31219592",
+      "name": "终端",
+      "font_class": "zhongduan",
+      "unicode": "ea7b",
+      "unicode_decimal": 60027
+    },
+    {
+      "icon_id": "31219593",
+      "name": "服务器",
+      "font_class": "fuwuqi",
+      "unicode": "ea7c",
+      "unicode_decimal": 60028
+    },
+    {
+      "icon_id": "31222118",
+      "name": "收起小箭头",
+      "font_class": "shouqixiaojiantou",
+      "unicode": "ea7d",
+      "unicode_decimal": 60029
+    },
+    {
+      "icon_id": "31222119",
+      "name": "展开小箭头",
+      "font_class": "zhankaixiaojiantou",
+      "unicode": "ea7e",
+      "unicode_decimal": 60030
+    },
    {
      "icon_id": "31215787",
      "name": "大数据",
@ -12,13 +75,6 @@
      "unicode": "e715",
      "unicode_decimal": 59157
    },
-    {
-      "icon_id": "31214705",
-      "name": "大数据,数据结构,关系,关系分析,共同联系人,组织",
-      "font_class": "a-dashujushujujiegouguanxiguanxifenxigongtonglianxirenzuzhi",
-      "unicode": "e66c",
-      "unicode_decimal": 58988
-    },
    {
      "icon_id": "31175964",
      "name": "厂商信息管理",
--- a/src/styles/iconfont/iconfont.svg
+++ b/src/styles/iconfont/iconfont.svg
@ -14,9 +14,25 @@
    />
      <missing-glyph />
      
-      <glyph glyph-name="a-dashujushujujiegouguanxiguanxifenxigongtonglianxirenzuzhi1" unicode="&#59157;" d="M819.2 515.072c16.384-32.768 28.672-69.632 28.672-110.592 0-57.344-20.48-110.592-57.344-151.552-4.096-4.096-4.096-12.288 0-20.48l40.96-69.632c4.096-4.096 8.192-8.192 16.384-8.192h20.48c73.728 0 135.168-61.44 131.072-131.072 0-69.632-61.44-126.976-131.072-131.072-73.728 0-135.168 57.344-135.168 131.072 0 40.96 16.384 73.728 45.056 98.304l-40.96 69.632c-4.096 8.192-12.288 8.192-20.48 8.192-28.672-16.384-65.536-24.576-102.4-24.576-28.672 0-53.248 4.096-77.824 12.288-8.192 4.096-16.384 0-20.48-8.192l-24.576-40.96c-4.096-4.096-4.096-12.288 0-16.384 16.384-20.48 24.576-49.152 24.576-77.824 0-69.632-61.44-131.072-131.072-131.072-73.728 0-135.168 57.344-135.168 131.072 0 69.632 61.44 131.072 131.072 131.072 12.288 0 24.576 0 36.864-4.096 8.192-4.096 16.384 0 20.48 8.192l24.576 36.864c4.096 8.192 4.096 16.384-4.096 20.48-36.864 32.768-61.44 73.728-69.632 122.88 0 8.192-8.192 12.288-16.384 12.288H274.432c-8.192 0-12.288-4.096-16.384-12.288-16.384-53.248-65.536-90.112-126.976-90.112C57.344 273.408 0 330.752 0 404.48c0 73.728 61.44 131.072 135.168 131.072 57.344 0 102.4-36.864 122.88-86.016 4.096-8.192 8.192-12.288 16.384-12.288h98.304c8.192 0 16.384 4.096 16.384 12.288 12.288 57.344 45.056 102.4 86.016 135.168 8.192 4.096 8.192 12.288 4.096 20.48l-4.096 4.096c-4.096 4.096-12.288 8.192-16.384 8.192-8.192 0-20.48-4.096-28.672-4.096-73.728 0-131.072 61.44-131.072 131.072C299.008 818.176 360.448 875.52 434.176 875.52c73.728 0 131.072-57.344 131.072-131.072 0-32.768-12.288-61.44-28.672-86.016-4.096-4.096-4.096-12.288 0-20.48l8.192-12.288c4.096-8.192 12.288-8.192 16.384-8.192 16.384 4.096 36.864 8.192 57.344 8.192 53.248 0 102.4-16.384 143.36-49.152 8.192-4.096 16.384-4.096 20.48 0l24.576 24.576c4.096 4.096 8.192 12.288 4.096 16.384-8.192 16.384-12.288 32.768-12.288 53.248C798.72 756.736 860.16 814.08 929.792 814.08 1003.52 814.08 1064.96 756.736 1064.96 683.008c0-73.728-61.44-131.072-135.168-131.072-20.48 0-40.96 4.096-61.44 12.288-8.192 4.096-12.288 0-20.48-4.096l-28.672-28.672s-4.096-8.192 0-16.384z"  horiz-adv-x="1064" />
+      <glyph glyph-name="weitongguo" unicode="&#58988;" d="M721.92 552.96l-153.6-153.6 153.6-153.6-56.32-56.32-153.6 153.6-153.6-153.6-56.32 56.32 153.6 153.6-153.6 153.6 56.32 51.2 153.6-153.6 153.6 153.6 56.32-51.2zM512-128C230.4-128 0 102.4 0 384S230.4 896 512 896s512-230.4 512-512-230.4-512-512-512z m0 947.2c-240.64 0-435.2-194.56-435.2-435.2s194.56-435.2 435.2-435.2 435.2 194.56 435.2 435.2-194.56 435.2-435.2 435.2z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="jingxiang" unicode="&#59879;" d="M544-57.6L57.6 172.8V384h76.8v-160l409.6-198.4 409.6 198.4V384h76.8v-211.2zM544 537.6L140.8 710.4 544 864l403.2-153.6-403.2-172.8zM307.2 704l236.8-96L780.8 704 544 793.6 307.2 704zM524.8 76.8L160 249.6V665.6l364.8-147.2v-441.6zM224 288l236.8-108.8V473.6L224 569.6v-281.6zM288 486.4m-64 0a64 64 0 1 1 128 0 64 64 0 1 1-128 0ZM288 307.2m-64 0a64 64 0 1 1 128 0 64 64 0 1 1-128 0ZM181.056 398.208l24.704 59.072 289.28-121.024-24.704-59.072zM569.6 307.2V518.4l352 147.2v-204.8L569.6 307.2z m64 166.4v-70.4l224 102.4v64L633.6 473.6zM569.6 83.2v192l352 153.6v-185.6l-352-160z m64 147.2v-51.2l224 108.8v44.8l-224-102.4z"  horiz-adv-x="1088" />
+      
+      <glyph glyph-name="wodegongzuotai" unicode="&#59886;" d="M1024 164.571429H0V896h1024v-731.428571zM87.771429 252.342857h848.457142V808.228571H87.771429v-555.885714zM219.428571 676.571429h585.142858v-87.771429H219.428571zM219.428571 457.142857h292.571429v-87.771428H219.428571zM877.714286-120.685714H146.285714v219.428571h731.428572v-219.428571z m-643.657143 87.771428h555.885714v43.885715H234.057143v-43.885715z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="chuangjianjiahao" unicode="&#60025;" d="M563.2 896v-460.8H1024v-102.4H563.2V-128h-102.4V332.8H0v102.4h460.8V896z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="chakan2" unicode="&#60026;" d="M612.7616-126.5664c-124.928 0-248.0128 45.7728-355.1232 132.5056C154.624 88.9856 68.1984 207.6672 7.168 349.184a90.112 90.112 0 0 0 0 69.9392c60.8256 141.6192 147.5584 260.3008 250.368 343.4496C364.7488 849.3056 487.6288 895.1808 612.7616 895.1808c124.928 0 247.9104-45.8752 355.328-132.5056 102.7072-83.1488 189.2352-201.8304 250.2656-343.4496a90.112 90.112 0 0 0 0-69.9392c-61.0304-141.5168-147.5584-260.3008-250.368-343.3472-107.3152-86.7328-230.1952-132.5056-355.328-132.5056zM103.2192 384.3072c52.9408-116.9408 125.5424-214.6304 210.7392-283.3408 44.6464-36.0448 92.5696-64 142.0288-82.8416a439.9104 439.9104 0 0 1 156.672-29.0816c53.3504 0 106.0864 9.728 156.8768 29.0816 49.5616 18.8416 97.28 46.6944 142.1312 82.8416 84.992 68.9152 157.696 166.5024 210.6368 283.3408-52.9408 116.736-125.5424 214.4256-210.6368 283.2384a521.8304 521.8304 0 0 1-142.1312 82.944 439.9104 439.9104 0 0 1-156.7744 29.0816c-53.248 0-105.984-9.9328-156.7744-29.184-49.4592-18.7392-97.28-46.6944-142.0288-82.944-85.1968-68.608-157.7984-166.4-210.7392-283.136zM612.7616 108.9536c-130.048 0-235.8272 123.4944-235.8272 275.3536s105.7792 275.456 235.8272 275.456 235.8272-123.5968 235.8272-275.456c0-151.8592-105.7792-275.456-235.8272-275.456v0.1024z m0 435.0976c-75.4688 0-136.8064-71.68-136.8064-159.744 0-88.064 61.44-159.744 136.8064-159.744 75.3664 0 136.8064 71.68 136.8064 159.744 0 88.064-61.44 159.744-136.8064 159.744z"  horiz-adv-x="1228" />
      
-      <glyph glyph-name="a-dashujushujujiegouguanxiguanxifenxigongtonglianxirenzuzhi" unicode="&#58988;" d="M819.2 515.072c16.384-32.768 28.672-69.632 28.672-110.592 0-57.344-20.48-110.592-57.344-151.552-4.096-4.096-4.096-12.288 0-20.48l40.96-69.632c4.096-4.096 8.192-8.192 16.384-8.192h20.48c73.728 0 135.168-61.44 131.072-131.072 0-69.632-61.44-126.976-131.072-131.072-73.728 0-135.168 57.344-135.168 131.072 0 40.96 16.384 73.728 45.056 98.304l-40.96 69.632c-4.096 8.192-12.288 8.192-20.48 8.192-28.672-16.384-65.536-24.576-102.4-24.576-28.672 0-53.248 4.096-77.824 12.288-8.192 4.096-16.384 0-20.48-8.192l-24.576-40.96c-4.096-4.096-4.096-12.288 0-16.384 16.384-20.48 24.576-49.152 24.576-77.824 0-69.632-61.44-131.072-131.072-131.072-73.728 0-135.168 57.344-135.168 131.072 0 69.632 61.44 131.072 131.072 131.072 12.288 0 24.576 0 36.864-4.096 8.192-4.096 16.384 0 20.48 8.192l24.576 36.864c4.096 8.192 4.096 16.384-4.096 20.48-36.864 32.768-61.44 73.728-69.632 122.88 0 8.192-8.192 12.288-16.384 12.288H274.432c-8.192 0-12.288-4.096-16.384-12.288-16.384-53.248-65.536-90.112-126.976-90.112C57.344 273.408 0 330.752 0 404.48c0 73.728 61.44 131.072 135.168 131.072 57.344 0 102.4-36.864 122.88-86.016 4.096-8.192 8.192-12.288 16.384-12.288h98.304c8.192 0 16.384 4.096 16.384 12.288 12.288 57.344 45.056 102.4 86.016 135.168 8.192 4.096 8.192 12.288 4.096 20.48l-4.096 4.096c-4.096 4.096-12.288 8.192-16.384 8.192-8.192 0-20.48-4.096-28.672-4.096-73.728 0-131.072 61.44-131.072 131.072C299.008 818.176 360.448 875.52 434.176 875.52c73.728 0 131.072-57.344 131.072-131.072 0-32.768-12.288-61.44-28.672-86.016-4.096-4.096-4.096-12.288 0-20.48l8.192-12.288c4.096-8.192 12.288-8.192 16.384-8.192 16.384 4.096 36.864 8.192 57.344 8.192 53.248 0 102.4-16.384 143.36-49.152 8.192-4.096 16.384-4.096 20.48 0l24.576 24.576c4.096 4.096 8.192 12.288 4.096 16.384-8.192 16.384-12.288 32.768-12.288 53.248C798.72 756.736 860.16 814.08 929.792 814.08 1003.52 814.08 1064.96 756.736 1064.96 683.008c0-73.728-61.44-131.072-135.168-131.072-20.48 0-40.96 4.096-61.44 12.288-8.192 4.096-12.288 0-20.48-4.096l-28.672-28.672s-4.096-8.192 0-16.384z"  horiz-adv-x="1064" />
+      <glyph glyph-name="zhongduan" unicode="&#60027;" d="M693.3248 514.56c0.4096-47.104 48.512-85.0432 107.4176-84.7104 58.9056 0.3328 106.3424 38.784 105.9328 85.9136l137.216 0.7936c14.5408 0.0768 28.4928-4.5824 38.6048-12.928L1280 341.1712H0l197.888 158.2336c9.8816 7.936 23.296 12.416 37.2992 12.5184l458.1376 2.6368zM0 255.872h1280v-213.248C1280-51.6352 1184.4864-128 1066.6752-128H213.3248C95.5136-128 0-51.6096 0 42.5984v213.2736z m1066.6752-298.5728c58.88 0 106.6496 38.1952 106.6496 85.2992 0 47.104-47.744 85.3248-106.6496 85.3248-58.9312 0-106.6752-38.1952-106.6752-85.3248 0-47.104 47.744-85.2992 106.6752-85.2992z m0 42.6496c-19.072 0-36.6848 8.1408-46.208 21.3248a35.4048 35.4048 0 0 0 0 42.6752c9.5232 13.184 27.136 21.3248 46.208 21.3248 29.44 0 53.3248-19.0976 53.3248-42.6752 0-23.552-23.8848-42.6496-53.3248-42.6496zM160 170.5728c-29.44 0-53.3248-19.0976-53.3248-42.6496v-127.9744c0-23.552 23.8592-42.6496 53.3248-42.6496h373.3248c29.44 0 53.3504 19.0976 53.3504 42.6496v127.9744c0 23.552-23.8848 42.6496-53.3504 42.6496H160z m506.6752 0c-14.7456 0-26.6752-9.5488-26.6752-21.3248 0-11.776 11.9296-21.3248 26.6752-21.3248h160c14.72 0 26.6496 9.5488 26.6496 21.3248 0 11.776-11.9296 21.3248-26.6496 21.3248h-160z m0-85.2992c-14.7456 0-26.6752-9.5488-26.6752-21.3248 0-11.776 11.9296-21.3504 26.6752-21.3504h160c14.72 0 26.6496 9.5488 26.6496 21.3504 0 11.776-11.9296 21.3248-26.6496 21.3248h-160z m0-85.3248c-14.7456 0-26.6752-9.5488-26.6752-21.3248 0-11.776 11.9296-21.3248 26.6752-21.3248h160c14.72 0 26.6496 9.5488 26.6496 21.3248 0 11.776-11.9296 21.3248-26.6496 21.3248h-160z m133.3248 742.656c29.44 0 53.3248-19.072 53.3248-42.624v-183.296c0-15.232-10.1632-29.312-26.6496-36.9408a65.0752 65.0752 0 0 0-53.3504 0c-16.4864 7.6288-26.6496 21.7088-26.6496 36.9408v183.296c0 23.552 23.8592 42.6496 53.3248 42.6496z m291.4048-8.5248c0-64.8192-36.1472-122.8288-93.1072-161.9456l-34.7136 32.4096c47.3088 32.384 74.5472 79.6928 74.496 129.5104 0.0512 49.8176-27.1616 97.152-74.496 129.536L998.2464 896c59.1872-40.4736 93.2352-99.6608 93.184-161.9456v0.0256z m-106.6496 0c0-38.912-21.7088-73.7024-55.9104-97.2032L894.208 669.312c22.784 15.6416 37.2224 38.8096 37.2224 64.7424s-14.4384 49.152-37.2736 64.768l34.6624 32.4352c35.5584-24.2944 56.0128-59.8272 55.9616-97.2032v0.0256z m-336.128 129.5104c-47.3344-32.384-74.5472-79.7184-74.496-129.536 0-51.84 28.928-98.2272 74.496-129.536l-34.6624-32.4096c-59.1872 40.448-93.2352 99.6608-93.184 161.9456 0 64.768 36.1216 122.8288 93.1328 161.9456l34.6624-32.4096h0.0512z m69.4528-64.768c-23.68-16.1792-37.2992-39.8592-37.2736-64.768 0-25.9072 14.4384-49.1008 37.2736-64.768l-34.7136-32.4096c-35.5328 24.2944-55.936 59.8016-55.9104 97.1776 0 38.8608 21.6576 73.7024 55.9104 97.152l34.6624-32.4096 0.0512 0.0512z"  horiz-adv-x="1280" />
+      
+      <glyph glyph-name="fuwuqi" unicode="&#60028;" d="M0 120.5504v-166.8864c0-43.3152 35.8656-78.5152 80-78.5152h1120c44.1344 0 80 35.2 80 78.5152V120.576a9.9328 9.9328 0 0 1-9.984 9.8048H9.984a9.9328 9.9328 0 0 1-9.984-9.8048z m967.5008-117.8112c0-5.376-4.5056-9.8048-9.984-9.8048h-427.52a9.9328 9.9328 0 0 0-9.984 9.8048v58.9056c0 5.376 4.48 9.8048 9.984 9.8048h427.52c5.4784 0 9.984-4.4032 9.984-9.8048v-58.88z m152.4992 0c0-5.376-4.5056-9.8048-9.984-9.8048h-60.0064a9.9328 9.9328 0 0 0-10.0096 9.8048v58.9056c0 5.376 4.5056 9.8048 9.984 9.8048h60.0064c5.504 0 10.0096-4.4032 10.0096-9.8048v-58.88zM0 356.1216v-176.6912c0-5.376 4.5056-9.8048 9.984-9.8048h1260.032c5.4784 0 9.984 4.4032 9.984 9.8048v176.6912a9.9328 9.9328 0 0 1-9.984 9.8048H9.984a9.9328 9.9328 0 0 1-9.984-9.8048z m967.5008-117.7856c0-5.4016-4.5056-9.8304-9.984-9.8304h-427.52a9.9328 9.9328 0 0 0-9.984 9.8304v58.88c0 5.4016 4.48 9.8304 9.984 9.8304h427.52c5.4784 0 9.984-4.4288 9.984-9.8304v-58.88z m152.4992 0c0-5.4016-4.5056-9.8304-9.984-9.8304h-60.0064a9.9328 9.9328 0 0 0-10.0096 9.8304v58.88c0 5.4016 4.5056 9.8304 9.984 9.8304h60.0064c5.504 0 10.0096-4.4288 10.0096-9.8304v-58.88zM0 591.6928v-176.6656c0-5.4016 4.5056-9.8304 9.984-9.8304h1260.032c5.4784 0 9.984 4.4288 9.984 9.8304v176.6656a9.9328 9.9328 0 0 1-9.984 9.8304H9.984a9.9328 9.9328 0 0 1-9.984-9.8304z m967.5008-117.76c0-5.4272-4.5056-9.8304-9.984-9.8304h-427.52a9.9328 9.9328 0 0 0-9.984 9.8048v58.88c0 5.4272 4.48 9.8304 9.984 9.8304h427.52c5.4784 0 9.984-4.4032 9.984-9.8048v-58.88z m152.4992 0c0-5.4272-4.5056-9.8304-9.984-9.8304h-60.0064a9.9328 9.9328 0 0 0-10.0096 9.8048v58.88c0 5.4272 4.5056 9.8304 9.984 9.8304h60.0064c5.504 0 10.0096-4.4032 10.0096-9.8048v-58.88zM1200 896H80C35.8656 896 0 860.7744 0 817.4848v-166.8864c0-5.376 4.5056-9.8048 9.984-9.8048h1260.032c5.4784 0 9.984 4.4032 9.984 9.8048V817.4848C1280 860.7744 1244.1344 896 1200 896z m-232.4992-186.496c0-5.4016-4.5056-9.8304-9.984-9.8304h-427.52a9.9328 9.9328 0 0 0-9.984 9.8304v58.88c0 5.4016 4.48 9.8304 9.984 9.8304h427.52c5.4784 0 9.984-4.4288 9.984-9.8304v-58.88z m152.4992 0c0-5.4016-4.5056-9.8304-9.984-9.8304h-60.0064a9.9328 9.9328 0 0 0-10.0096 9.8304v58.88c0 5.4016 4.5056 9.8304 9.984 9.8304h60.0064c5.504 0 10.0096-4.4288 10.0096-9.8304v-58.88z"  horiz-adv-x="1280" />
+      
+      <glyph glyph-name="shouqixiaojiantou" unicode="&#60029;" d="M1580.246914-64.790123L884.938272 617.876543 189.62963-64.790123l-126.419753 126.419753L884.938272 896l821.728395-834.37037z"  horiz-adv-x="1769" />
+      
+      <glyph glyph-name="zhankaixiaojiantou" unicode="&#60030;" d="M884.938272-128L63.209877 706.37037l126.419753 126.419753L884.938272 150.123457 1580.246914 832.790123l126.419753-126.419753z"  horiz-adv-x="1769" />
+      
+      <glyph glyph-name="a-dashujushujujiegouguanxiguanxifenxigongtonglianxirenzuzhi1" unicode="&#59157;" d="M819.2 515.072c16.384-32.768 28.672-69.632 28.672-110.592 0-57.344-20.48-110.592-57.344-151.552-4.096-4.096-4.096-12.288 0-20.48l40.96-69.632c4.096-4.096 8.192-8.192 16.384-8.192h20.48c73.728 0 135.168-61.44 131.072-131.072 0-69.632-61.44-126.976-131.072-131.072-73.728 0-135.168 57.344-135.168 131.072 0 40.96 16.384 73.728 45.056 98.304l-40.96 69.632c-4.096 8.192-12.288 8.192-20.48 8.192-28.672-16.384-65.536-24.576-102.4-24.576-28.672 0-53.248 4.096-77.824 12.288-8.192 4.096-16.384 0-20.48-8.192l-24.576-40.96c-4.096-4.096-4.096-12.288 0-16.384 16.384-20.48 24.576-49.152 24.576-77.824 0-69.632-61.44-131.072-131.072-131.072-73.728 0-135.168 57.344-135.168 131.072 0 69.632 61.44 131.072 131.072 131.072 12.288 0 24.576 0 36.864-4.096 8.192-4.096 16.384 0 20.48 8.192l24.576 36.864c4.096 8.192 4.096 16.384-4.096 20.48-36.864 32.768-61.44 73.728-69.632 122.88 0 8.192-8.192 12.288-16.384 12.288H274.432c-8.192 0-12.288-4.096-16.384-12.288-16.384-53.248-65.536-90.112-126.976-90.112C57.344 273.408 0 330.752 0 404.48c0 73.728 61.44 131.072 135.168 131.072 57.344 0 102.4-36.864 122.88-86.016 4.096-8.192 8.192-12.288 16.384-12.288h98.304c8.192 0 16.384 4.096 16.384 12.288 12.288 57.344 45.056 102.4 86.016 135.168 8.192 4.096 8.192 12.288 4.096 20.48l-4.096 4.096c-4.096 4.096-12.288 8.192-16.384 8.192-8.192 0-20.48-4.096-28.672-4.096-73.728 0-131.072 61.44-131.072 131.072C299.008 818.176 360.448 875.52 434.176 875.52c73.728 0 131.072-57.344 131.072-131.072 0-32.768-12.288-61.44-28.672-86.016-4.096-4.096-4.096-12.288 0-20.48l8.192-12.288c4.096-8.192 12.288-8.192 16.384-8.192 16.384 4.096 36.864 8.192 57.344 8.192 53.248 0 102.4-16.384 143.36-49.152 8.192-4.096 16.384-4.096 20.48 0l24.576 24.576c4.096 4.096 8.192 12.288 4.096 16.384-8.192 16.384-12.288 32.768-12.288 53.248C798.72 756.736 860.16 814.08 929.792 814.08 1003.52 814.08 1064.96 756.736 1064.96 683.008c0-73.728-61.44-131.072-135.168-131.072-20.48 0-40.96 4.096-61.44 12.288-8.192 4.096-12.288 0-20.48-4.096l-28.672-28.672s-4.096-8.192 0-16.384z"  horiz-adv-x="1064" />
      
      <glyph glyph-name="changshangxinxiguanli" unicode="&#59137;" d="M467.2 652.8L332.8 896H0v-985.6h1024V652.8H467.2z m460.8-646.4h-832V800h179.2l128-243.2h524.8v-550.4zM512 844.8h448v-96H512z"  horiz-adv-x="1024" />
      
--- a/src/styles/iconfont/iconfont.ttf
+++ b/src/styles/iconfont/iconfont.ttf
--- a/src/styles/iconfont/iconfont.woff
+++ b/src/styles/iconfont/iconfont.woff
--- a/src/styles/iconfont/iconfont.woff2
+++ b/src/styles/iconfont/iconfont.woff2