feat: 软件锁升级文件下载和优化详情内容

src/global.less

@@ -181,3 +181,7 @@ input:-webkit-autofill:active {
     color: #967bbd;
   }
 }
+.divider{
+  margin-top: 12px !important;
+  margin-bottom: 12px !important;
+}

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

@@ -0,0 +1,31 @@
+import React from 'react'
+import { Card, Tooltip } from 'antd'
+import { Download } from '@icon-park/react'
+import styles from '@/pages/Product/Lock/LockStore/components/ChangeClient/index.less'
+
+const DownUpdateFile = props => {
+  const { updateFile } = props.dataSource
+  const handleDownExcel = () => {
+    const oa = document.createElement('a')
+    oa.href = `http://cld.smartcost.com.cn/${updateFile}`
+    oa.setAttribute('target', '_blank')
+    document.body.appendChild(oa)
+    oa.click()
+  }
+  return (
+    <div className={styles.companyInput}>
+      <Card size="small">
+        <div className="flex justify-between">
+          <div className={`${styles.nameContent} ${styles.nameContentWidth}`}>{updateFile}</div>
+          <Tooltip placement="right" title="下载" className="ml-5px">
+            <span className={styles.switchIcon}>
+              <Download onClick={handleDownExcel} />
+            </span>
+          </Tooltip>
+        </div>
+      </Card>
+    </div>
+  )
+}
+
+export default DownUpdateFile

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

@@ -3,7 +3,8 @@ 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 '@/pages/Product/Lock/LockStore/components/CopyauthorizeStr'
+import CopyauthorizeStr from '../CopyauthorizeStr'
+import DownUpdateFile from '../DownUpdateFile'
 import CompanyDetail from '@/pages/Customer/Company/components/CompanyDetail'
 import styles from '@/pages/Product/Lock/LockStore/components/ChangeClient/index.less'
 
@@ -16,7 +17,6 @@ export const ChangeCompMap = {
 
 const LockForm = props => {
   const { longle, customerId } = props
-  console.log(customerId)
   const { toggleDrawer, setDrawerProps } = useModal()
   const changeCopInputData = {
     clientName: longle.client,
@@ -27,6 +27,9 @@ const LockForm = props => {
   const copyAuthorizeStr = {
     authorizeStr: longle.authorizeStr
   }
+  const downUpdateFile = {
+    updateFile: longle.updateFile
+  }
   const handleCompanyClick = () => {
     toggleDrawer()
     setDrawerProps({
@@ -62,43 +65,45 @@ const LockForm = props => {
         </Col>
       </Row>
       <Row>
-        <Divider />
+        <Divider className="divider" />
         <Col span={6}>锁号</Col>
         <Col span={18}>{longle.keyNum}</Col>
-        <Divider />
+        <Divider className="divider" />
         <Col span={6}>产品</Col>
         <Col span={18}>
           <ProductLabel data={longle.product} />
         </Col>
-        <Divider />
+        <Divider className="divider" />
         <Col span={6}>期限</Col>
         <Col span={18}>{longle.allotedTime}</Col>
-        <Divider />
+        <Divider className="divider" />
         <Col span={6}>使用状态</Col>
         <Col span={18}>{longleStatusNum[longle.status]}</Col>
-        <Divider />
+        <Divider className="divider" />
         <Col span={6}>负责人</Col>
         <Col span={18}>{longle.responsible}</Col>
-        <Divider />
+        <Divider className="divider" />
         <Col span={6}>联系人</Col>
         <Col span={18}>
           <ChangeClient dataSource={changeCopInputData} />
         </Col>
-        <Divider />
+        <Divider className="divider" />
         <Col span={6}>客户</Col>
         <Col span={18}>
           <span className="textPurple" onClick={handleCompanyClick}>
             {longle.customerName}
           </span>
         </Col>
-        <Divider />
+        <Divider className="divider" />
         <Col span={6}>注册码</Col>
         <Col span={18}>
           <CopyauthorizeStr dataSource={copyAuthorizeStr} />
         </Col>
-        <Divider />
+        <Divider className="divider" />
         <Col span={6}>升级文件</Col>
-        <Col span={18}>{longle.updateFile}</Col>
+        <Col span={18}>
+          <DownUpdateFile dataSource={downUpdateFile} />
+        </Col>
       </Row>
     </div>
   )