feat: 完善注册码

src/global.less

@@ -174,14 +174,3 @@ input:-webkit-autofill:active {
 ::-webkit-scrollbar-thumb:hover {
   background: #636363;
 }
-.textPurple {
-  color: #967bbd;
-  cursor: pointer;
-  &:hover {
-    color: #967bbd;
-  }
-}
-.divider{
-  margin-top: 12px !important;
-  margin-bottom: 12px !important;
-}

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

@@ -3,9 +3,10 @@ import { Card, message, Tooltip } from 'antd'
 import { Copy } from '@icon-park/react'
 import { CopyToClipboard } from 'react-copy-to-clipboard'
 import styles from '@/pages/Product/Lock/LockStore/components/ChangeClient/index.less'
+import { isNullOrUnDef } from '@/utils/is'
 
-const CopyauthorizeStr = props => {
-  const { authorizeStr } = props.dataSource
+const CopyAuthorizeStr = ({ authorizeStr }) => {
+  if (isNullOrUnDef(authorizeStr)) return null
   return (
     <div className={styles.companyInput}>
       <Card size="small">
@@ -24,4 +25,4 @@ const CopyauthorizeStr = props => {
   )
 }
 
-export default CopyauthorizeStr
+export default CopyAuthorizeStr

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

@@ -3,7 +3,7 @@ import { Row, Col, Divider } from 'antd'
 import { useModal } from '@/components/Modal'
 import { ProductLabel } from '@/pages/Product/Lock/LockStore'
 import ChangeClient from '@/pages/Product/Lock/LockStore/components/ChangeClient'
-import CopyauthorizeStr from '../CopyauthorizeStr'
+import CopyAuthorizeStr from '../CopyAuthorizeStr'
 import DownUpdateFile from '../DownUpdateFile'
 import CompanyDetail from '@/pages/Customer/Company/components/CompanyDetail'
 
@@ -23,9 +23,6 @@ const LockForm = props => {
     clientId: longle.clientId,
     actionPayload: ChangeCompMap.LONGLE.key
   }
-  const copyAuthorizeStr = {
-    authorizeStr: longle.authorizeStr
-  }
   const downUpdateFile = {
     updateFile: longle.updateFile
   }
@@ -64,41 +61,41 @@ const LockForm = props => {
         </Col>
       </Row>
       <Row>
-        <Divider className="divider" />
+        <Divider style={{ margin: '12px 0' }} />
         <Col span={6}>锁号</Col>
         <Col span={18}>{longle.keyNum}</Col>
-        <Divider className="divider" />
+        <Divider style={{ margin: '12px 0' }} />
         <Col span={6}>产品</Col>
         <Col span={18}>
           <ProductLabel data={longle.product} />
         </Col>
-        <Divider className="divider" />
+        <Divider style={{ margin: '12px 0' }} />
         <Col span={6}>期限</Col>
         <Col span={18}>{longle.allotedTime}</Col>
-        <Divider className="divider" />
+        <Divider style={{ margin: '12px 0' }} />
         <Col span={6}>使用状态</Col>
         <Col span={18}>{longleStatusNum[longle.status]}</Col>
-        <Divider className="divider" />
+        <Divider style={{ margin: '12px 0' }} />
         <Col span={6}>负责人</Col>
         <Col span={18}>{longle.responsible}</Col>
-        <Divider className="divider" />
+        <Divider style={{ margin: '12px 0' }} />
         <Col span={6}>联系人</Col>
         <Col span={18}>
           <ChangeClient dataSource={changeCopInputData} />
         </Col>
-        <Divider className="divider" />
+        <Divider style={{ margin: '12px 0' }} />
         <Col span={6}>客户</Col>
         <Col span={18}>
-          <span className="textPurple" onClick={handleCompanyClick}>
+          <span className="textPurple text-hex-967bbd" onClick={handleCompanyClick}>
             {longle.customerName}
           </span>
         </Col>
-        <Divider className="divider" />
+        <Divider style={{ margin: '12px 0' }} />
         <Col span={6}>注册码</Col>
         <Col span={18}>
-          <CopyauthorizeStr dataSource={copyAuthorizeStr} />
+          <CopyAuthorizeStr authorizeStr={longle.authorizeStr} />
         </Col>
-        <Divider className="divider" />
+        <Divider style={{ margin: '12px 0' }} />
         <Col span={6}>升级文件</Col>
         <Col span={18}>
           <DownUpdateFile dataSource={downUpdateFile} />