feat: 1

src/pages/Customer/Client/index.jsx

@@ -51,7 +51,7 @@ const Client = props => {
         text: (
           <>
             <span
-              className="zh-circle-icon zh-mg-right-3"
+              className="w-12px h-12px inline-block rounded-1/2 mr-3px"
               style={{ backgroundColor: personTagColorMap[item.id] }}
             />
             <span>{item.name}</span>
@@ -66,7 +66,7 @@ const Client = props => {
         text: (
           <>
             <span
-              className="zh-square-icon zh-mg-right-3"
+              className="w-12px h-12px inline-block mr-3px"
               style={{ backgroundColor: teamTagColorMap[item.id] }}
             />
             <span>{item.name}</span>

src/pages/Product/Lock/Lockstore/components/LocksDetail/LockTabList.jsx

@@ -63,7 +63,7 @@ const LockTabList = props => {
                         {servicelogEnum[item.status]} <a>{item.client}</a>
                         <br />
                         <a>@{item.operator}</a>{' '}
-                        <span className="zh-gray">
+                        <span className="text-gray-500">
                           {dayjsFormat(item.updatetime, 'MM-DD HH:mm')}
                         </span>
                         {/* <List.Item.Meta
@@ -86,7 +86,7 @@ const LockTabList = props => {
           type="primary"
           ghost
           size="small"
-          className="zh-mg-right-3"
+          className="mr-3px"
           onClick={() =>
             setAddLonglelog({ ...setAddLonglelog, visible: true, type: lockTypeEnum.SALE })
           }>

src/pages/Product/Lock/Lockstore/index.jsx

@@ -18,7 +18,7 @@ export const ProductLabel = ({ data }) => {
   return (
     <div>
       {newData.map((item, index) => (
-        <span key={index} className="zh-mg-bottom-5 zh-block">
+        <span key={index} className="mb-5px block">
           <Tag color="#886ab5">{item}</Tag>
         </span>
       ))}

src/pages/Staff/Employee/components/AddStaff/index.jsx

@@ -1,4 +1,5 @@
-import { ModalForm } from '@ant-design/pro-form'
+import { ModalForm, ProFormText } from '@ant-design/pro-form'
+import { Plus } from '@ant-design/icons'
 import { Button, Row, Col } from 'antd'
 import React from 'react'
 
@@ -14,7 +15,7 @@ const AddStaff = props => {
       title="添加员工"
       trigger={
         <Button key="button" type="primary" size="small" className="flex items-center">
-          <Plus className="zh-mg-right-5" />
+          <Plus className="mr-5px" />
           员工
         </Button>
       }

src/pages/Staff/Employee/components/StaffModal/index.jsx

@@ -94,7 +94,7 @@ const StaffModal = ({ id, onSelect, postUrl }) => {
               <span className="w-1/6">{item.username}</span>
               <span className="w-1/6">{item.departmentName}</span>
               <span className="w-1/6">{item.position}</span>
-              <span className="w-1/2 zh-justify-between">
+              <span className="w-1/2 flex justify-between">
                 <span>{item.emergencyContacts}</span>
                 <Button type="primary" size="small" onClick={() => connectStaff(item.id)}>
                   关联