style: 调整css相关内容

src/pages/Customer/Client/components/ContactDetail/AddRecord.jsx

@@ -49,9 +49,9 @@ const AddRecord = props => {
       <Form.Item name="mark" label="内容">
         <TextArea rows={3} />
       </Form.Item>
-      <div className="zh-pd-bottom-20">
+      <div className="pb-5">
         <Switch onChange={onChange} />
-        <span className="zh-mg-left-3">添加提醒</span>
+        <span className="ml-2">添加提醒</span>
       </div>
       {showExtraItem ? (
         <>

src/pages/Customer/Client/components/ContactDetail/ContanctForm.jsx

@@ -137,7 +137,7 @@ const ContanctForm = props => {
           {client.tagIds?.map(item => (
             <Tooltip title={personTags.find(i => i.id === item)?.name} key={client.id + item}>
               <span
-                className="zh-circle-icon mr-3px"
+                className="inline-block w-12px h-12px rounded-1\/2 mr-3px"
                 style={{ backgroundColor: personTagColorMap[item] }}
               />
             </Tooltip>
@@ -164,7 +164,7 @@ const ContanctForm = props => {
           {client.tagCooperationIds?.map(item => (
             <Tooltip title={teamTags.find(i => i.id === item)?.name} key={client.id + item}>
               <span
-                className="zh-square-icon mr-3px"
+                className="inline-block w-12px p-12px mr-3px"
                 style={{ backgroundColor: teamTagColorMap[item] }}
               />
             </Tooltip>
@@ -191,7 +191,7 @@ const ContanctForm = props => {
           <h2 className="text-gray-500">联系人</h2>
         </Col>
         {/* className={[ 'text-right', styles.textMuted ]} */}
-        <Col span={16} className="zh-text-right zh-gray">
+        <Col span={16} className="text-right text-gray-500">
           {client.staffName} 创建于{client.createTime}
         </Col>
         <Col span={22}>

src/pages/Customer/Client/components/ContactDetail/ContanctLowerList.jsx

@@ -16,7 +16,7 @@ const ContanctLowerList = props => {
   const { TabPane } = Tabs
   return (
     <div>
-      <div className="zh-pd-left-15">
+      <div className="pl-4">
         <Tabs>
           <TabPane tab="服务记录" key="服务记录">
             <div className="sheet-panel-record">
@@ -29,9 +29,9 @@ const ContanctLowerList = props => {
                 split={false}
                 renderItem={item => (
                   <List.Item>
-                    <Row className="zh-width-100P">
+                    <Row className="w-full">
                       <Col span="8">
-                        <a className="zh-mg-right-3">@{item.staffName}</a>
+                        <a className="mr-1">@{item.staffName}</a>
                         {servicelogEnum[item.status]}
                         {/* <List.Item.Meta description={dayjsFormat(item.date, 'MM-DD HH:mm:ss')} /> */}
                         <List.Item.Meta description={dayjsFormat(item.date, 'YYYY-MM-DD')} />

src/pages/Customer/Client/components/ContactDetail/index.jsx

@@ -77,7 +77,7 @@ const ContactDetail = props => {
                 </Tooltip>
               </div>
             ) : null}
-            <div className="sheet-left-panel zh-pd-right-15">
+            <div className="sheet-left-panel pr-4">
               <ContanctForm client={state.client} />
             </div>
           </Col>

src/pages/Customer/Client/index.jsx

@@ -253,7 +253,7 @@ const Contact = props => {
           {record.tagIds.map(item => (
             <Tooltip title={personTags.find(i => i.id === item)?.name} key={record.id + item}>
               <span
-                className="zh-circle-icon mr-3px"
+                className="inline-block w-12px h-12px rounded-1\/2 mr-3px"
                 style={{ backgroundColor: personTagColorMap[item] }}
               />
             </Tooltip>
@@ -289,7 +289,7 @@ const Contact = props => {
             <Tooltip title={teamTags.find(i => i.id === item)?.name} key={record.id + item}>
               <span
                 key={record.id + item}
-                className="zh-square-icon mr-3px"
+                className="inline-block w-12px h-12px mr-3px"
                 style={{ backgroundColor: teamTagColorMap[item] }}
               />
             </Tooltip>

src/pages/Customer/Company/components/CompanyDetail/Form.jsx

@@ -98,7 +98,7 @@ const CompanyForm = props => {
           {customer.tagIds?.map(item => (
             <Tooltip title={personTags.find(i => i.id === item)?.name} key={customer.id + item}>
               <span
-                className="zh-circle-icon mr-3px"
+                className="inline-block w-12px h-12px rounded-1\/2 mr-3px"
                 style={{ backgroundColor: personTagColorMap[item] }}
               />
             </Tooltip>
@@ -125,7 +125,7 @@ const CompanyForm = props => {
           {customer.tagCooperationIds?.map(item => (
             <Tooltip title={teamTags.find(i => i.id === item)?.name} key={customer.id + item}>
               <span
-                className="zh-square-icon mr-3px"
+                className="inline-block w-12px h-12px mr-3px"
                 style={{ backgroundColor: teamTagColorMap[item] }}
               />
             </Tooltip>
@@ -150,7 +150,7 @@ const CompanyForm = props => {
         <Col span={8}>
           <h2 className="text-gray-500">客户</h2>
         </Col>
-        <Col span={16} className="text-right zh-gray">
+        <Col span={16} className="text-right text-gray-500">
           {customer.staffName} 创建于 {customer.createTime}
         </Col>
         <Col span={22}>

src/pages/Customer/Company/components/CompanyDetail/LowerList.jsx

@@ -16,7 +16,7 @@ const CompanyLowerList = props => {
   const { TabPane } = Tabs
   return (
     <div>
-      <div className="zh-pd-left-15">
+      <div className="pl-4">
         <Tabs>
           <TabPane tab="服务记录" key="服务记录">
             <div className="sheet-panel-record">
@@ -29,9 +29,9 @@ const CompanyLowerList = props => {
                 split={false}
                 renderItem={item => (
                   <List.Item>
-                    <Row className="zh-width-100P">
+                    <Row className="w-full">
                       <Col span="8">
-                        <a className="zh-mg-right-3">@{item.staffName}</a>
+                        <a className="mr-1">@{item.staffName}</a>
                         {servicelogEnum[item.status]}
                         <List.Item.Meta description={dayjsFormat(item.date, 'YYYY-MM-DD')} />
                       </Col>

src/pages/Customer/Company/components/CompanyDetail/index.jsx

@@ -81,7 +81,7 @@ const CompanyDetail = props => {
               </div>
             ) : null}
 
-            <div className="sheet-left-panel zh-pd-right-15">
+            <div className="sheet-left-panel pr-4">
               <CompanyForm customer={state.customer} />
             </div>
           </Col>

src/pages/Customer/Company/index.jsx

@@ -46,7 +46,7 @@ const Company = props => {
         text: (
           <>
             <span
-              className="zh-circle-icon zh-mg-right-3"
+              className="inline-block w-12px h-12px rounded-1\/2 mr-3px"
               style={{ backgroundColor: personTagColorMap[item.id] }}
             />
             <span>{item.name}</span>
@@ -60,7 +60,7 @@ const Company = props => {
         text: (
           <>
             <span
-              className="zh-square-icon zh-mg-right-3"
+              className="inline-block w-12px h-12px mr-3px"
               style={{ backgroundColor: teamTagColorMap[item.id] }}
             />
             <span>{item.name}</span>
@@ -186,7 +186,7 @@ const Company = props => {
         showArrow: true
       },
       render: (_, record) => (
-        <div className="zh-align-center zh-flex-wrap">
+        <div className="items-center flex-wrap">
           {record.tagIds.map(item => (
             <Tooltip title={personTags.find(i => i.id === item)?.name} key={record.id + item}>
               <span

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

@@ -23,7 +23,7 @@ const LockForm = props => {
         <Col span={16}>
           <h2>{longle.keyNum}</h2>
         </Col>
-        <Col span={8} className="zh-text-right zh-gray">
+        <Col span={8} className="text-right text-gray-500">
           {longle.staffName} 创建于 {longle.makeDay}
         </Col>
       </Row>

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

@@ -9,7 +9,7 @@ const LockLowerList = props => {
   const { TabPane } = Tabs
   return (
     <div>
-      <div className="zh-pd-left-15">
+      <div className="pl-4">
         <Tabs>
           <TabPane tab="日志" key="日志">
             <div className="sheet-panel-record">

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

@@ -185,7 +185,7 @@ const LockModal = props => {
         type !== lockTypeEnum.RECOVER &&
         type !== lockTypeEnum.REMARK ? null : (
           <div>
-            <Button className="zh-mg-right-10" onClick={onCancel}>
+            <Button className="mr-3" onClick={onCancel}>
               取消
             </Button>
             <Button key="submit" type="primary" loading={loading} onClick={handleonOk}>
@@ -196,7 +196,7 @@ const LockModal = props => {
       }>
       {type === lockTypeEnum.SALE ? (
         <>
-          <div className="zh-text-center zh-mg-bottom-25">
+          <div className="text-center mb-6">
             <Radio.Group value={state.radioVal} buttonStyle="solid" onChange={checkGroupOnChange}>
               <Radio.Button value={3}>借出</Radio.Button>
               <Radio.Button value={4}>销售</Radio.Button>

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

@@ -45,7 +45,7 @@ const LockTabList = props => {
 
   return (
     <div>
-      <div className="zh-pd-left-15">
+      <div className="pl-4">
         <Tabs>
           <TabPane tab="记录内容" key="记录内容">
             <div className="sheet-panel-record">
@@ -58,7 +58,7 @@ const LockTabList = props => {
                 split={false}
                 renderItem={item => (
                   <List.Item>
-                    <Row className="zh-width-100P">
+                    <Row className="w-full">
                       <Col span="8">
                         {servicelogEnum[item.status]} <a>{item.client}</a>
                         <br />
@@ -81,7 +81,7 @@ const LockTabList = props => {
           </TabPane>
         </Tabs>
       </div>
-      <div className="sheet-btns zh-pd-left-15 zh-pd-top-15 zh-flex">
+      <div className="sheet-btns pl-4 pt-4 flex">
         <Button
           type="primary"
           ghost
@@ -96,7 +96,7 @@ const LockTabList = props => {
           type="primary"
           ghost
           size="small"
-          className="zh-mg-right-3"
+          className="mr-1"
           onClick={() =>
             setAddLonglelog({ ...setAddLonglelog, visible: true, type: lockTypeEnum.UPDATE })
           }>
@@ -106,7 +106,7 @@ const LockTabList = props => {
           type="primary"
           ghost
           size="small"
-          className="zh-mg-right-3"
+          className="mr-1"
           onClick={() =>
             setAddLonglelog({ ...setAddLonglelog, visible: true, type: lockTypeEnum.CHANGE })
           }>
@@ -116,7 +116,7 @@ const LockTabList = props => {
           type="primary"
           ghost
           size="small"
-          className="zh-mg-right-3"
+          className="mr-1"
           onClick={() =>
             setAddLonglelog({ ...setAddLonglelog, visible: true, type: lockTypeEnum.RECOVER })
           }>

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

@@ -45,7 +45,7 @@ const Index = props => {
       <div className="sheet-box">
         <Row>
           <Col span={12} className="sheet-box-left">
-            <div className="sheet-left-panel zh-pd-right-15">
+            <div className="sheet-left-panel pr-4">
               <LockForm longle={state.longle} />
             </div>
           </Col>

src/pages/Staff/Employee/components/EmployeeDetail/EmployeeForm.jsx

@@ -222,7 +222,7 @@ const EmployeeForm = props => {
         <Col span={8}>
           <h2 className="text-gray-500">员工详情</h2>
         </Col>
-        <Col span={16} className="zh-text-right zh-gray">
+        <Col span={16} className="text-right text-gray-500">
           {staff.username}入职于{staff.hiredate}
         </Col>
         <Col span={22}>

src/pages/Staff/Employee/components/EmployeeDetail/EmployeeLowerList.jsx

@@ -5,7 +5,7 @@ const EmployeeLowerList = () => {
   const { TabPane } = Tabs
   return (
     <div>
-      <div className="zh-pd-left-15">
+      <div className="pl-4">
         <Tabs>
           <TabPane tab="软件锁" key="软件锁">
             <div className="sheet-right-panel">目前功能暂时不开放</div>

src/pages/Staff/Employee/components/EmployeeDetail/EmployeeTabList.jsx

@@ -7,7 +7,7 @@ const EmployeeTabList = props => {
   const { TabPane } = Tabs
   return (
     <div>
-      <div className="zh-pd-left-15">
+      <div className="pl-4">
         <Tabs>
           <TabPane tab="日志" key="日志">
             <div className="sheet-panel-record">

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

@@ -41,7 +41,7 @@ const EmployeeDetail = props => {
     <div className="sheet-box">
       <Row>
         <Col span={12} className="sheet-box-left">
-          <div className="sheet-left-panel zh-pd-right-15">
+          <div className="sheet-left-panel pr-4">
             <EmployeeForm staff={state.staff} />
           </div>
         </Col>