修改图标

src/pages/Manager/BasicManager/List/Allotment/index.less

@@ -23,6 +23,7 @@
     }
   }
 }
+
 .action {
   cursor: pointer;
   color: #6b758b;
@@ -32,3 +33,21 @@
     color: @primary-color;
   }
 }
+
+.name {
+  display: flex;
+  align-items: center;
+  b {
+    display: inline-block;
+    width: 5px;
+    height: 5px;
+    background: #464f66;
+    border-radius: 50%;
+    margin-right: 5px;
+  }
+
+  span {
+    font-size: 14px;
+    color: #232b40;
+  }
+}

src/pages/Manager/BasicManager/List/Allotment/index.tsx

@@ -395,6 +395,10 @@ const Page: FC<PageProps> = () => {
           labelCol={{ span: 8 }}
           wrapperCol={{ span: 16 }}
         >
+          <div className={styles.name + ' mb10'}>
+            <b />
+            <span>装备配发单</span>
+          </div>
           <Row align="middle">
             <Col span={12}>
               <Form.Item
@@ -457,11 +461,28 @@ const Page: FC<PageProps> = () => {
           </Row>
         </Form>
         <Row align="middle" justify="end">
-          <Button type="primary">导入设备</Button>
-          <Button className="ml10 mr10" type="primary">
+          <div style={{ marginRight: 'auto' }} className={styles.name}>
+            <b />
+            <span>配发设备清单</span>
+          </div>
+          <Button
+            icon={<i className="iconfont icon-daorushebei font14 mr5" />}
+            type="primary"
+            ghost
+          >
+            导入设备
+          </Button>
+          <Button
+            icon={<i className="iconfont icon-xiazai font14 mr5" />}
+            className="ml10 mr10"
+            type="primary"
+            ghost
+          >
             下载模板
           </Button>
           <Button
+            ghost
+            icon={<i className="iconfont icon-xuanzeshebei font14 mr5" />}
             onClick={() => {
               getFacilityData({});
               setFacilityVisible(true);