Преглед изворни кода

refactor: rename jsx to tsx

lanjianrong пре 4 година
родитељ
комит
bb06c2cac7
82 измењених фајлова са 120 додато и 390 уклоњено
  1. 6 2
      config/config.ts
  2. 1 1
      package.json
  3. 0 0
      src/pages/Customer/Business/components/AddBusiness.tsx
  4. 0 0
      src/pages/Customer/Business/components/BusinessDetail/Form.tsx
  5. 0 0
      src/pages/Customer/Business/components/BusinessDetail/LowerList.tsx
  6. 0 0
      src/pages/Customer/Business/components/BusinessDetail/Step/index.tsx
  7. 0 0
      src/pages/Customer/Business/components/BusinessDetail/TabList.tsx
  8. 0 0
      src/pages/Customer/Business/components/BusinessDetail/index.tsx
  9. 0 0
      src/pages/Customer/Business/components/ChangeStaff/index.tsx
  10. 0 0
      src/pages/Customer/Business/index.tsx
  11. 0 0
      src/pages/Customer/Client/components/AddClient/TelephoneFormItem.tsx
  12. 0 1
      src/pages/Customer/Client/components/AddClient/index.jsx
  13. 12 13
      src/pages/Customer/Client/components/ClientDetail/TabList.jsx
  14. 0 0
      src/pages/Customer/Client/components/ClientDetail/index.tsx
  15. 10 3
      src/pages/Customer/Client/components/ConnectClient/index.jsx
  16. 0 0
      src/pages/Customer/Client/model.ts
  17. 0 0
      src/pages/Customer/Company/components/AddCompany/CompanyFormItem.tsx
  18. 0 2
      src/pages/Customer/Company/components/AddCompany/index.jsx
  19. 0 0
      src/pages/Customer/Company/components/ChangeCompany/index.tsx
  20. 2 3
      src/pages/Customer/Company/components/CompanyDetail/TabList.jsx
  21. 0 0
      src/pages/Customer/Company/components/CompanyDetail/index.tsx
  22. 4 8
      src/pages/Customer/Company/components/ConnectCompany/index.jsx
  23. 0 0
      src/pages/Customer/Company/model.ts
  24. 0 0
      src/pages/Hr/Employee/components/AddStaff/index.tsx
  25. 0 0
      src/pages/Hr/Employee/components/ChangeSupervisor/index.tsx
  26. 0 0
      src/pages/Hr/Employee/components/DepartmentMenu/index.tsx
  27. 0 0
      src/pages/Hr/Employee/components/EmployeeDetail/Form.tsx
  28. 0 0
      src/pages/Hr/Employee/components/EmployeeDetail/LowerList.tsx
  29. 0 0
      src/pages/Hr/Employee/components/EmployeeDetail/TabList.tsx
  30. 3 3
      src/pages/Hr/Employee/components/EmployeeDetail/index.jsx
  31. 0 0
      src/pages/Hr/Employee/components/StaffModal/index.tsx
  32. 1 2
      src/pages/Hr/Employee/index.jsx
  33. 0 0
      src/pages/Hr/Notification/components/AddMessage.tsx
  34. 0 0
      src/pages/Hr/Notification/components/MarkDown/MarkDown.tsx
  35. 0 0
      src/pages/Hr/Notification/components/MessageDetail.tsx
  36. 0 1
      src/pages/Hr/Notification/components/RighEditor.jsx
  37. 0 0
      src/pages/Hr/Notification/index.tsx
  38. 3 7
      src/pages/Product/Cloud/components/CardDetail/index.jsx
  39. 0 0
      src/pages/Product/Cloud/components/Detail/Form.tsx
  40. 42 43
      src/pages/Product/Cloud/components/Detail/TabList.jsx
  41. 0 0
      src/pages/Product/Cloud/components/Detail/UpgradeModal.tsx
  42. 0 1
      src/pages/Product/Cloud/components/Detail/index.jsx
  43. 0 0
      src/pages/Product/Lock/LockStore/components/CopyAuthorizeStr/index.tsx
  44. 0 0
      src/pages/Product/Lock/LockStore/components/DownUpdateFile/index.tsx
  45. 1 1
      src/pages/Product/Lock/LockStore/components/LockDetail/Form.jsx
  46. 0 0
      src/pages/Product/Lock/LockStore/components/LockDetail/consts.ts
  47. 0 0
      src/pages/Product/Lock/LockStore/components/LockDetail/index.tsx
  48. 0 0
      src/pages/Product/Lock/LockStore/components/ReceiveLock.tsx
  49. 0 0
      src/pages/Product/Lock/LockStore/components/ReceiveNewLock.tsx
  50. 1 5
      src/pages/Product/Lock/LockStore/index.jsx
  51. 1 3
      src/pages/Product/Road/Enterprise/components/AddEnterprise/EnterpriseFormItem.jsx
  52. 1 3
      src/pages/Product/Road/Enterprise/components/AddEnterprise/EnterpriseSearchSelect.jsx
  53. 1 2
      src/pages/Product/Road/Enterprise/components/AddEnterprise/EnterpriseSelect.jsx
  54. 1 1
      src/pages/Product/Road/Enterprise/components/AddEnterprise/SearchCompanyInput.jsx
  55. 2 11
      src/pages/Product/Road/Enterprise/components/AddEnterprise/index.jsx
  56. 2 5
      src/pages/Product/Road/Enterprise/components/Detail/CldCompany.jsx
  57. 1 3
      src/pages/Product/Road/Enterprise/components/Detail/DeadlineModal.jsx
  58. 0 0
      src/pages/Product/Road/Enterprise/components/Detail/Form.tsx
  59. 0 0
      src/pages/Product/Road/Enterprise/components/Detail/LowerList.tsx
  60. 2 7
      src/pages/Product/Road/Enterprise/components/Detail/TabList.jsx
  61. 0 0
      src/pages/Product/Road/Enterprise/components/Detail/index.tsx
  62. 2 9
      src/pages/Product/Road/Enterprise/index.jsx
  63. 1 1
      src/pages/Product/Road/Personal/components/Detail/Form.jsx
  64. 0 0
      src/pages/Product/Road/Personal/components/Detail/LowerList.tsx
  65. 14 18
      src/pages/Product/Road/Personal/components/Detail/TabList.jsx
  66. 0 0
      src/pages/Product/Road/Personal/components/Detail/UpgradeModal.tsx
  67. 0 2
      src/pages/Product/Road/Personal/components/Detail/index.jsx
  68. 3 3
      src/pages/Product/Road/Personal/index.jsx
  69. 0 0
      src/pages/Product/Road/model.ts
  70. 1 3
      src/pages/Statistic/Customer/CustomerAdditions/index.jsx
  71. 0 0
      src/pages/Statistic/Product/InvoiceAggregate/index.tsx
  72. 2 2
      src/pages/Statistic/Product/InvoiceTrends/index.jsx
  73. 0 0
      src/pages/Statistic/Product/SoftwareUsage/index.tsx
  74. 0 0
      src/pages/User/Account/Settings/components/AvatarView.tsx
  75. 0 0
      src/pages/User/Account/Settings/components/BaseView.tsx
  76. 0 0
      src/pages/User/Account/Settings/components/WxNotice.tsx
  77. 0 2
      src/pages/User/Account/Settings/index.jsx
  78. 0 0
      src/pages/Workbench/Dashboard/components/BusinessChar.tsx
  79. 0 0
      src/pages/Workbench/Dashboard/components/LeaderBoard.tsx
  80. 0 0
      src/pages/Workbench/Dashboard/components/ReminderList.tsx
  81. 0 0
      src/pages/Workbench/Dashboard/components/SoftLeaderboard.tsx
  82. 0 219
      src/pages/document.ejs

+ 6 - 2
config/config.ts

@@ -1,13 +1,16 @@
 // https://umijs.org/config/
 
-import { defineConfig } from '@umijs/max'
 import defaultSettings from './defaultSettings'
 import proxy from './proxy'
 import routes from './routes'
 
+import { defineConfig } from '@umijs/max'
+import { dirname } from 'path'
+
 const CompressionPlugin = require('compression-webpack-plugin')
 const prodGzipList = ['js', 'css', 'html']
 const { REACT_APP_ENV } = process.env
+
 export default defineConfig({
   plugins: [require.resolve('@umijs/plugins/dist/unocss')],
   npmClient: 'pnpm',
@@ -53,6 +56,7 @@ export default defineConfig({
       }
     }
   },
+  // alias: { antd: dirname(require.resolve('antd/package.json')) },
   srcTranspiler: 'esbuild',
   fastRefresh: true,
   unocss: {
@@ -107,5 +111,5 @@ export default defineConfig({
   //     : [
   //         'https://d2.smartcost.com.cn/cach/cld/react18.1.0/react.production.min.js',
   //         'https://d2.smartcost.com.cn/cach/cld/react18.1.0/react-dom.production.min.js'
-  //       ],
+  //       ]
 })

+ 1 - 1
package.json

@@ -33,7 +33,7 @@
     "@ant-design/pro-layout": "6.38.8",
     "@ant-design/pro-table": "2.76.3",
     "@icon-park/react": "^1.3.3",
-    "@umijs/max": "4.0.5",
+    "@umijs/max": "4.0.6",
     "@umijs/plugins": "4.0.5",
     "ahooks": "^3.4.1",
     "antd": "4.21.0",

src/pages/Customer/Business/components/AddBusiness.jsx → src/pages/Customer/Business/components/AddBusiness.tsx


src/pages/Customer/Business/components/BusinessDetail/Form.jsx → src/pages/Customer/Business/components/BusinessDetail/Form.tsx


src/pages/Customer/Business/components/BusinessDetail/LowerList.jsx → src/pages/Customer/Business/components/BusinessDetail/LowerList.tsx


src/pages/Customer/Business/components/BusinessDetail/Step/index.jsx → src/pages/Customer/Business/components/BusinessDetail/Step/index.tsx


src/pages/Customer/Business/components/BusinessDetail/TabList.jsx → src/pages/Customer/Business/components/BusinessDetail/TabList.tsx


src/pages/Customer/Business/components/BusinessDetail/index.jsx → src/pages/Customer/Business/components/BusinessDetail/index.tsx


src/pages/Customer/Business/components/ChangeStaff/index.jsx → src/pages/Customer/Business/components/ChangeStaff/index.tsx


src/pages/Customer/Business/index.jsx → src/pages/Customer/Business/index.tsx


src/pages/Customer/Client/components/AddClient/TelephoneFormItem.jsx → src/pages/Customer/Client/components/AddClient/TelephoneFormItem.tsx


+ 0 - 1
src/pages/Customer/Client/components/AddClient/index.jsx

@@ -5,7 +5,6 @@ import { ProFormSelect, ProFormText, ProFormTextArea } from '@ant-design/pro-for
 import { connect } from '@@/plugin-dva'
 import { useDispatch } from '@umijs/max'
 import { ChangeCompMap } from '@/pages/Customer/Company/components/ChangeCompany'
-import { isNullOrUnDef } from '@/utils/is'
 import TelephoneFormItem from './TelephoneFormItem'
 import { validateEnum } from '@/pages/Customer/Company/components/AddCompany/CompanyFormItem'
 

+ 12 - 13
src/pages/Customer/Client/components/ClientDetail/TabList.jsx

@@ -1,5 +1,5 @@
 import { Button, message, Table, Tabs, Tag, Typography } from 'antd'
-import React, { useEffect, useState, useRef } from 'react'
+import React, { useEffect, useState } from 'react'
 import consts from '@/consts'
 import { apiAddService } from '@/services/customer'
 import { useDispatch } from '@umijs/max'
@@ -194,19 +194,18 @@ const ClientTabList = ({ clientId, software, updatePayload }) => {
         <Tabs onChange={handleTabChange}>
           <TabPane tab={<span>软件锁{renderBadge(software.total, true)}</span>} key="1">
             <div className="sheet-right-panel sheet-panel-has-btn">
-            <ProTable
-              size="small"
-              columns={columns}
-              search={false}
-              toolBarRender={false}
-              params={state.params}
-              rowKey={record => record.id}
-              dataSource={software.longle}
-              pagination={false}
-              scroll={{ y: clientHeight }}
-            />
+              <ProTable
+                size="small"
+                columns={columns}
+                search={false}
+                toolBarRender={false}
+                params={state.params}
+                rowKey={record => record.id}
+                dataSource={software.longle}
+                pagination={false}
+                scroll={{ y: clientHeight }}
+              />
             </div>
-
           </TabPane>
           <TabPane tab="云版" key="2">
             <Table

src/pages/Customer/Client/components/ClientDetail/index.jsx → src/pages/Customer/Client/components/ClientDetail/index.tsx


+ 10 - 3
src/pages/Customer/Client/components/ConnectClient/index.jsx

@@ -6,7 +6,6 @@ import { useDebounceFn } from 'ahooks'
 import { apiAddClient, apiChangeClient, queryClient } from '@/services/customer'
 import consts from '@/basic/consts'
 import { formatValues } from '@/components/LazyCascader'
-import AddClient from '../AddClient'
 
 const ConnectClient = ({
   onCancel,
@@ -128,7 +127,11 @@ const ConnectClient = ({
           </Button>
         )
       }>
-      <div className={styles.modalContent} ref={scrollRef} onScroll={handleListScroll} style={{ paddingBottom: 0 }}>
+      <div
+        className={styles.modalContent}
+        ref={scrollRef}
+        onScroll={handleListScroll}
+        style={{ paddingBottom: 0 }}>
         <Spin spinning={state.laoding}>
           {state.client.map(item => (
             <div key={item.id} className={styles.card}>
@@ -137,7 +140,11 @@ const ConnectClient = ({
               <span className="w-1/6">{item.telephone}</span>
               <span className="w-1/2 flex justify-between">
                 <span>{item.companyName}</span>
-                <Popconfirm title="确认选择ta" onConfirm={() => connectClient(item.id)} okText="确认" cancelText="取消">
+                <Popconfirm
+                  title="确认选择ta"
+                  onConfirm={() => connectClient(item.id)}
+                  okText="确认"
+                  cancelText="取消">
                   <Button type="primary" size="small">
                     选择ta
                   </Button>

src/pages/Customer/Client/model.js → src/pages/Customer/Client/model.ts


src/pages/Customer/Company/components/AddCompany/CompanyFormItem.jsx → src/pages/Customer/Company/components/AddCompany/CompanyFormItem.tsx


+ 0 - 2
src/pages/Customer/Company/components/AddCompany/index.jsx

@@ -4,7 +4,6 @@ import LazyCascader from '@/components/LazyCascader'
 import { ProFormText, ProFormCheckbox, ProFormTextArea } from '@ant-design/pro-form'
 import { connect } from '@@/plugin-dva'
 import { ChangeCompMap } from '../ChangeCompany'
-import { isNullOrUnDef } from '@/utils/is'
 import CompanyFormItem from './CompanyFormItem'
 import { validateEnum } from './CompanyFormItem'
 const AddCompanyModal = ({
@@ -20,7 +19,6 @@ const AddCompanyModal = ({
   ...resetModalProps
 }) => {
   const [formRef] = Form.useForm()
-  const [showDataItem, setShowDataItem] = useState(false)
 
   const layout = {
     layout: 'horizontal',

src/pages/Customer/Company/components/ChangeCompany/index.jsx → src/pages/Customer/Company/components/ChangeCompany/index.tsx


+ 2 - 3
src/pages/Customer/Company/components/CompanyDetail/TabList.jsx

@@ -1,11 +1,10 @@
-import React, { useMemo, useRef, useState } from 'react'
+import { useMemo, useState } from 'react'
 import { Tabs, message, Dropdown, Menu, Typography, Button, Table, Tag } from 'antd'
 import { apiAddClient, apiAddCustomerService, updateClient } from '@/services/customer'
 import { formatValues } from '@/components/LazyCascader'
 import consts from '@/consts'
 import ProTable from '@ant-design/pro-table'
 import { useDispatch } from '@umijs/max'
-import AddRecord from '@/pages/Customer/Client/components/ClientDetail/AddRecord'
 import SyncClient from './SyncClient'
 import { longleSellStatusNum, longlePreserveStatusNum } from '@/pages/Product/Lock/LockStore/index'
 import { renderBadge } from '@/pages/Workbench/Dashboard/components/RatioPanels'
@@ -26,7 +25,7 @@ const tabEnum = {
   BUSINESS: '3',
   CLOUD: '4'
 }
-const CompanyTabList = ({ initData, customerId, client, software, customer, business, updatePayload }) => {
+const CompanyTabList = ({ initData, customerId, client, software, customer, updatePayload }) => {
   const dispatch = useDispatch()
   const dispatchModal = useModal()
   const { TabPane } = Tabs

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


+ 4 - 8
src/pages/Customer/Company/components/ConnectCompany/index.jsx

@@ -4,7 +4,6 @@ import styles from './index.less'
 import { SearchOutlined } from '@ant-design/icons'
 import { useDebounceFn } from 'ahooks'
 import { useAccess } from '@umijs/max'
-import AddCompany from '@/pages/Customer/Company/components/AddCompany'
 import { createCustomer, queryCustomers } from '@/services/customer'
 import consts from '@/basic/consts'
 import { formatValues } from '@/components/LazyCascader'
@@ -90,7 +89,7 @@ const ConnectCompany = ({
     }
   }
 
-  const handleListScroll = e => {
+  const handleListScroll = () => {
     if (!scrollRef.current) return
     // 未滚动到底部
     if (scrollRef.current.scrollHeight - scrollRef.current.clientHeight <= scrollRef.current.scrollTop) {
@@ -129,13 +128,11 @@ const ConnectCompany = ({
                 dataType: preUrl,
                 defaultValue: defaultAddibleValue
               })
-            }
-          >
+            }>
             添加单位
           </Button>
         )
-      }
-    >
+      }>
       <div className={styles.modalContainer}>
         <div className={styles.modalContent} ref={scrollRef} onScroll={handleListScroll}>
           <Spin spinning={state.laoding}>
@@ -148,8 +145,7 @@ const ConnectCompany = ({
                     title="确认关联ta"
                     onConfirm={() => connectCustomer(item.id)}
                     okText="确认"
-                    cancelText="取消"
-                  >
+                    cancelText="取消">
                     <Button type="primary" size="small">
                       关联
                     </Button>

src/pages/Customer/Company/model.js → src/pages/Customer/Company/model.ts


src/pages/Hr/Employee/components/AddStaff/index.jsx → src/pages/Hr/Employee/components/AddStaff/index.tsx


src/pages/Hr/Employee/components/ChangeSupervisor/index.jsx → src/pages/Hr/Employee/components/ChangeSupervisor/index.tsx


src/pages/Hr/Employee/components/DepartmentMenu/index.jsx → src/pages/Hr/Employee/components/DepartmentMenu/index.tsx


src/pages/Hr/Employee/components/EmployeeDetail/Form.jsx → src/pages/Hr/Employee/components/EmployeeDetail/Form.tsx


src/pages/Hr/Employee/components/EmployeeDetail/LowerList.jsx → src/pages/Hr/Employee/components/EmployeeDetail/LowerList.tsx


src/pages/Hr/Employee/components/EmployeeDetail/TabList.jsx → src/pages/Hr/Employee/components/EmployeeDetail/TabList.tsx


+ 3 - 3
src/pages/Hr/Employee/components/EmployeeDetail/index.jsx

@@ -3,9 +3,9 @@ import { Col, Drawer, Row } from 'antd'
 import consts from '@/consts'
 import { connect } from '@@/plugin-dva'
 import { useModel } from '@umijs/max'
-import EmployeeForm from './Form.jsx'
-import EmployeeLowerList from './LowerList.jsx'
-import EmployeeTabList from './TabList.jsx'
+import EmployeeForm from './Form'
+import EmployeeLowerList from './LowerList'
+import EmployeeTabList from './TabList'
 import { apiStaffDetail } from '@/services/staff'
 import { WaterMark } from '@ant-design/pro-layout'
 

src/pages/Hr/Employee/components/StaffModal/index.jsx → src/pages/Hr/Employee/components/StaffModal/index.tsx


+ 1 - 2
src/pages/Hr/Employee/index.jsx

@@ -6,8 +6,7 @@ import BasicTable from '@/components/Table'
 import { useModal } from '@/components/ModalStore'
 import { PageContainer } from '@ant-design/pro-layout'
 
-const Employee = props => {
-  const { dispatch } = props
+const Employee = () => {
   const dispatchModal = useModal()
   const [state, setState] = useState({
     params: { id: '0' }

src/pages/Hr/Notification/components/AddMessage.jsx → src/pages/Hr/Notification/components/AddMessage.tsx


src/pages/Hr/Notification/components/MarkDown/MarkDown.jsx → src/pages/Hr/Notification/components/MarkDown/MarkDown.tsx


src/pages/Hr/Notification/components/MessageDetail.jsx → src/pages/Hr/Notification/components/MessageDetail.tsx


+ 0 - 1
src/pages/Hr/Notification/components/RighEditor.jsx

@@ -1,4 +1,3 @@
-import { Spin } from 'antd'
 import React, { useState, useEffect, useRef } from 'react'
 import Vditor from 'vditor'
 import 'vditor/dist/index.css'

src/pages/Hr/Notification/index.jsx → src/pages/Hr/Notification/index.tsx


+ 3 - 7
src/pages/Product/Cloud/components/CardDetail/index.jsx

@@ -1,8 +1,6 @@
 import { Descriptions } from 'antd'
-import React, { useState } from 'react'
 import { useModal } from '@/components/ModalStore'
-import styles from './index.less'
-import  "antd/lib/descriptions/style"
+
 const CardClientDetail = props => {
   const { client } = props
   const dispatchModal = useModal()
@@ -11,8 +9,7 @@ const CardClientDetail = props => {
       <Descriptions.Item label="客户姓名" span={3} labelStyle={{ width: '120px' }}>
         <div
           onClick={() => dispatchModal('D_CLIENT_DETAIL', { dataId: client.id })}
-          className="text-primary cursor-pointer hover:text-hex-967bbd"
-        >
+          className="text-primary cursor-pointer hover:text-hex-967bbd">
           {client.clientName}
         </div>
       </Descriptions.Item>
@@ -20,8 +17,7 @@ const CardClientDetail = props => {
       <Descriptions.Item label="单位名称" span={3} labelStyle={{ width: '120px' }}>
         <div
           onClick={() => dispatchModal('D_COMPANY_DETAIL', { dataId: client.companyId })}
-          className="text-primary cursor-pointer hover:text-hex-967bbd"
-        >
+          className="text-primary cursor-pointer hover:text-hex-967bbd">
           {client.companyName}
         </div>
       </Descriptions.Item>

src/pages/Product/Cloud/components/Detail/Form.jsx → src/pages/Product/Cloud/components/Detail/Form.tsx


+ 42 - 43
src/pages/Product/Cloud/components/Detail/TabList.jsx

@@ -1,4 +1,4 @@
-import React, { useState, useRef } from 'react'
+import { useState } from 'react'
 import { Button, Tabs, Tag, message } from 'antd'
 import ProTable from '@ant-design/pro-table'
 import consts from '@/consts'
@@ -28,7 +28,6 @@ const RoadpricingTabList = props => {
   const tableHeight = (document.body.clientHeight - 124 - 78) / 2
   const { TabPane } = Tabs
   const dispatch = useDispatch()
-  const tRef = useRef(null)
   const titleEnum = {
     1: '养护云造价',
     2: '大司空云计价',
@@ -233,47 +232,47 @@ const RoadpricingTabList = props => {
     }
   ]
   return (
-      <div className="pl-15px">
-        <Tabs>
-          <TabPane tab={titleEnum[projectType]} key={titleEnum[projectType]}>
-            <div className="sheet-right-panel">
-              <ProTable
-                size="small"
-                columns={columns}
-                search={false}
-                toolBarRender={false}
-                rowKey={record => record._id}
-                dataSource={compilationList}
-                scroll={{ y: tableHeight }}
-                pagination={false}
-              />
-            </div>
-          </TabPane>
-          <TabPane tab="在线时长" key="在线时长">
-            <div className="sheet-right-panel">
-              <ProTable
-                size="small"
-                columns={columnOnline}
-                search={false}
-                toolBarRender={false}
-                rowKey={record => record._id}
-                dataSource={online_list}
-                scroll={{ y: tableHeight }}
-                pagination={false}
-              />
-            </div>
-          </TabPane>
-        </Tabs>
-        <UpgradeModal
-          onConfirm={handleRoadPricingUpgrade}
-          onCancel={() => setRoadPricingUpgrade({ ...roadPricingUpgrade, visible: false })}
-          actionPayload={actionPayload}
-          projectType={projectType}
-          ssoId={ssoId}
-          cloudUser={{ mobile, username }}
-          roadPricingUpgrade={roadPricingUpgrade}
-        />
-      </div>
+    <div className="pl-15px">
+      <Tabs>
+        <TabPane tab={titleEnum[projectType]} key={titleEnum[projectType]}>
+          <div className="sheet-right-panel">
+            <ProTable
+              size="small"
+              columns={columns}
+              search={false}
+              toolBarRender={false}
+              rowKey={record => record._id}
+              dataSource={compilationList}
+              scroll={{ y: tableHeight }}
+              pagination={false}
+            />
+          </div>
+        </TabPane>
+        <TabPane tab="在线时长" key="在线时长">
+          <div className="sheet-right-panel">
+            <ProTable
+              size="small"
+              columns={columnOnline}
+              search={false}
+              toolBarRender={false}
+              rowKey={record => record._id}
+              dataSource={online_list}
+              scroll={{ y: tableHeight }}
+              pagination={false}
+            />
+          </div>
+        </TabPane>
+      </Tabs>
+      <UpgradeModal
+        onConfirm={handleRoadPricingUpgrade}
+        onCancel={() => setRoadPricingUpgrade({ ...roadPricingUpgrade, visible: false })}
+        actionPayload={actionPayload}
+        projectType={projectType}
+        ssoId={ssoId}
+        cloudUser={{ mobile, username }}
+        roadPricingUpgrade={roadPricingUpgrade}
+      />
+    </div>
   )
 }
 

src/pages/Product/Cloud/components/Detail/UpgradeModal.jsx → src/pages/Product/Cloud/components/Detail/UpgradeModal.tsx


+ 0 - 1
src/pages/Product/Cloud/components/Detail/index.jsx

@@ -5,7 +5,6 @@ import { connect } from '@@/plugin-dva'
 import { useModel } from '@umijs/max'
 import consts from '@/consts'
 import Form from './Form'
-import ClientDetail from '@/pages/Customer/Client/components/ClientDetail/Form'
 import LowerList from './LowerList'
 import TabList from './TabList'
 import { apiRoadpricingDetail, apiRoadPricingUnLinkClient } from '@/services/product'

src/pages/Product/Lock/LockStore/components/CopyAuthorizeStr/index.jsx → src/pages/Product/Lock/LockStore/components/CopyAuthorizeStr/index.tsx


src/pages/Product/Lock/LockStore/components/DownUpdateFile/index.jsx → src/pages/Product/Lock/LockStore/components/DownUpdateFile/index.tsx


+ 1 - 1
src/pages/Product/Lock/LockStore/components/LockDetail/Form.jsx

@@ -5,7 +5,7 @@ import ChangeClient from '@/pages/Product/Lock/LockStore/components/ChangeClient
 import CopyAuthorizeStr from '../CopyAuthorizeStr'
 import DownUpdateFile from '../DownUpdateFile'
 import { dayjsFormat } from '@/utils/utils'
-import ChangeCompanyInput, { ChangeCompMap } from '@/pages/Customer/Company/components/ChangeCompany'
+import ChangeCompanyInput from '@/pages/Customer/Company/components/ChangeCompany'
 
 const LockForm = props => {
   const {

src/pages/Product/Lock/LockStore/components/LockDetail/consts.js → src/pages/Product/Lock/LockStore/components/LockDetail/consts.ts


src/pages/Product/Lock/LockStore/components/LockDetail/index.jsx → src/pages/Product/Lock/LockStore/components/LockDetail/index.tsx


src/pages/Product/Lock/LockStore/components/ReceiveLock.jsx → src/pages/Product/Lock/LockStore/components/ReceiveLock.tsx


src/pages/Product/Lock/LockStore/components/ReceiveNewLock.jsx → src/pages/Product/Lock/LockStore/components/ReceiveNewLock.tsx


+ 1 - 5
src/pages/Product/Lock/LockStore/index.jsx

@@ -1,10 +1,9 @@
 import React, { useEffect, useState, useRef } from 'react'
-import { Tag, Tooltip, Input, Button } from 'antd'
+import { Tag, Tooltip, Input } from 'antd'
 import consts from '@/consts'
 import { connect } from '@@/plugin-dva'
 import { useModel } from '@umijs/max'
 import { queryLock } from '@/services/product'
-import { generateSortField } from '@/utils/utils'
 import { PermDataTypeEunm } from '@/pages/Customer/Company/components/PermSelect'
 import BasicTable from '@/components/Table'
 import { getPermAuthCache } from '@/utils/auth'
@@ -49,9 +48,6 @@ export const longlePreserveStatusNum = {
 const LockStore = ({ prodList = [], dispatch, shouldUpdate }) => {
   const tRef = useRef()
   const dispatchModal = useModal()
-  const refreshData = () => {
-    tRef.current?.reload()
-  }
 
   const { initialState: { permData } = { permData: {} } } = useModel('@@initialState')
   const [state, setState] = useState({

+ 1 - 3
src/pages/Product/Road/Enterprise/components/AddEnterprise/EnterpriseFormItem.jsx

@@ -1,10 +1,9 @@
 import { validateEnum } from '@/pages/Customer/Company/components/AddCompany/CompanyFormItem'
 import { queryRoadpricingListV2 } from '@/services/product'
-import { Alert, Input, Popover } from 'antd'
+import { Input, Popover } from 'antd'
 import React, { useState } from 'react'
 import consts from '@/consts'
 import { useDebounceFn } from 'ahooks'
-import { useModal } from '@/components/ModalStore'
 
 const EnterpriseFormItem = ({ value, onChange, disabled, validateFn }) => {
   const [state, setState] = useState({
@@ -16,7 +15,6 @@ const EnterpriseFormItem = ({ value, onChange, disabled, validateFn }) => {
     onChange?.(changedValue)
   }
   const { visible, roadlist, inputVal } = state
-  const dispatchModal = useModal()
   const queryRoadList = async search => {
     if (!search) return
     const { code = -1, data } = await queryRoadpricingListV2({

+ 1 - 3
src/pages/Product/Road/Enterprise/components/AddEnterprise/EnterpriseSearchSelect.jsx

@@ -3,10 +3,8 @@ import React, { useState } from 'react'
 import { useDebounceFn } from 'ahooks'
 import consts from '@/consts'
 import { queryRoadpricingListV2 } from '@/services/product'
-import { validateEnum } from '@/pages/Customer/Company/components/AddCompany/CompanyFormItem'
 
 const EnterpriseSearchSelect = ({ value, onChange, disabled }) => {
-  const { Option } = Select
   const [state, setState] = useState({
     inputVal: value,
     roadlist: null
@@ -28,7 +26,7 @@ const EnterpriseSearchSelect = ({ value, onChange, disabled }) => {
       setState({ ...state, roadlist: list })
     }
   }
-  const { run: handleQueryList, cancel: cancelQuerying } = useDebounceFn(queryRoadList, {
+  const { run: handleQueryList } = useDebounceFn(queryRoadList, {
     wait: 250
   })
 

+ 1 - 2
src/pages/Product/Road/Enterprise/components/AddEnterprise/EnterpriseSelect.jsx

@@ -1,5 +1,5 @@
 import { Select, Space } from 'antd'
-import React, { useState, useEffect } from 'react'
+import { useEffect } from 'react'
 import { connect } from '@@/plugin-dva'
 import { useDispatch } from '@umijs/max'
 
@@ -15,7 +15,6 @@ const EnterpriseSelect = ({ compilationv2, disabled, ...otherProps }) => {
       })
     }
   })
-  const options = []
   const selectProps = {
     mode: 'multiple',
     style: { width: '100%' },

+ 1 - 1
src/pages/Product/Road/Enterprise/components/AddEnterprise/SearchCompanyInput.jsx

@@ -31,7 +31,7 @@ const EnterpriseSearchSelect = ({ value, onChange, disabled, validateFn }) => {
   const { run: handleQueryList, cancel: cancelQuerying } = useDebounceFn(queryRoadList, {
     wait: 600
   })
-  const { companylist, inputVal } = state
+  const { inputVal } = state
   const handleOnInputChange = async e => {
     const val = e.target.value || ''
     if (!val) {

+ 2 - 11
src/pages/Product/Road/Enterprise/components/AddEnterprise/index.jsx

@@ -1,5 +1,4 @@
-import { ProFormText } from '@ant-design/pro-form'
-import { Button, Form, Input, InputNumber, Modal, Select, Space } from 'antd'
+import { Button, Form, InputNumber, Modal, Select } from 'antd'
 import React, { useState, useEffect } from 'react'
 import { connect } from '@@/plugin-dva'
 import { useDispatch } from '@umijs/max'
@@ -20,10 +19,7 @@ const AddEnterprise = ({
     layout: 'horizontal',
     labelCol: { flex: '100px' }
   }
-  const [state, setState] = useState({
-    visible: false,
-    list: null
-  })
+
   const dispatch = useDispatch()
   useEffect(() => {
     if (!compilationv2?.length) {
@@ -35,7 +31,6 @@ const AddEnterprise = ({
       })
     }
   })
-  const options = []
   const selectProps = {
     mode: 'multiple',
     style: { width: '100%' },
@@ -44,10 +39,6 @@ const AddEnterprise = ({
     maxTagCount: 'responsive'
   }
   const [formRef] = Form.useForm()
-  // 重置到默认值,包括表单
-  const initData = () => {
-    tRef.current.reset()
-  }
 
   const [validStatus, setValidStatus] = useState({
     companyName: null,

+ 2 - 5
src/pages/Product/Road/Enterprise/components/Detail/CldCompany.jsx

@@ -1,7 +1,5 @@
-import { Card, Descriptions } from 'antd'
-import React, { useState } from 'react'
+import { Descriptions } from 'antd'
 import { useModal } from '@/components/ModalStore'
-import styles from '@/pages/Product/Cloud/components/CardDetail/index.less'
 import { isNullOrUnDef } from '@/utils/is'
 const CldCompany = ({ company }) => {
   const dispatchModal = useModal()
@@ -14,8 +12,7 @@ const CldCompany = ({ company }) => {
               dataId: company.id
             })
           }
-          className="text-primary cursor-pointer hover:text-hex-967bbd"
-        >
+          className="text-primary cursor-pointer hover:text-hex-967bbd">
           {company.companyName}
         </div>
       </Descriptions.Item>

+ 1 - 3
src/pages/Product/Road/Enterprise/components/Detail/DeadlineModal.jsx

@@ -27,9 +27,7 @@ const DeadlineModal = props => {
       setShowDeadline(true)
     }
   }, [upgradeType])
-  const onChange = value => {
-    setShowDeadline(value)
-  }
+
   const disabledDate = current => {
     return current && current < dayjs().endOf('day')
   }

src/pages/Product/Road/Enterprise/components/Detail/Form.jsx → src/pages/Product/Road/Enterprise/components/Detail/Form.tsx


src/pages/Product/Road/Enterprise/components/Detail/LowerList.jsx → src/pages/Product/Road/Enterprise/components/Detail/LowerList.tsx


+ 2 - 7
src/pages/Product/Road/Enterprise/components/Detail/TabList.jsx

@@ -1,7 +1,6 @@
 import { Button, Tabs, Tag, message } from 'antd'
-import React, { useRef, useState } from 'react'
+import React, { useState } from 'react'
 import ProTable from '@ant-design/pro-table'
-import { renderBadge } from '@/pages/Workbench/Dashboard/components/RatioPanels'
 import { useModal } from '@/components/ModalStore'
 import { apiRoadPricingDeadline, apiRoadUpdateCompany } from '@/services/product'
 import consts from '@/consts'
@@ -44,11 +43,7 @@ const EnterpriseTabList = props => {
       })
     }
   }
-  const isUpgradeEnum = {
-    true: '开通',
-    false: '未开通',
-    undefined: ''
-  }
+
   const handleUpdateEnterprise = async values => {
     const { code = -1 } = await apiRoadUpdateCompany(values)
     if (code === consts.RET_CODE.SUCCESS) {

src/pages/Product/Road/Enterprise/components/Detail/index.jsx → src/pages/Product/Road/Enterprise/components/Detail/index.tsx


+ 2 - 9
src/pages/Product/Road/Enterprise/index.jsx

@@ -1,8 +1,8 @@
 import BasicTable from '@/components/Table'
 import { apiRoadAddCompany, queryRoadcompanyList } from '@/services/product'
 import { Button, Input, message, Tag } from 'antd'
-import React, { useState, useRef, useEffect } from 'react'
-import { dayjsFormat, generateSortField } from '@/utils/utils'
+import React, { useRef, useEffect } from 'react'
+import { dayjsFormat } from '@/utils/utils'
 import consts from '@/consts'
 import { connect, useAccess, useDispatch } from '@umijs/max'
 import { useModal } from '@/components/ModalStore'
@@ -12,18 +12,12 @@ const Enterprise = ({ compilationv2, shouldUpdate }) => {
   const hasAddPerm = useAccess()?.validatePermByType('enterprise_add') || false
   const dispatch = useDispatch()
   const dispatchModal = useModal()
-  const [state, setState] = useState({
-    params: {
-      search: null
-    }
-  })
   const tRef = useRef()
   // 重置到默认值,包括表单
   const initData = () => {
     tRef.current?.reset()
   }
   const handleAddEnterprise = async values => {
-    // const params = formatValues(values)
     const { code = -1 } = await apiRoadAddCompany(values)
     if (code === consts.RET_CODE.SUCCESS) {
       message.success('新增成功')
@@ -131,7 +125,6 @@ const Enterprise = ({ compilationv2, shouldUpdate }) => {
         rowKey={record => record.ID}
         actionRef={tRef}
         columns={columns}
-        params={state.params}
         request={async (params, sort, filter) => {
           const {
             code = -1,

+ 1 - 1
src/pages/Product/Road/Personal/components/Detail/Form.jsx

@@ -4,7 +4,7 @@ import EditableForm from '@/components/EditableForm'
 import { dayjsFormat } from '@/utils/utils'
 
 const PersonalForm = props => {
-  const { cloudUser, updateKey, projectType } = props
+  const { cloudUser, updateKey } = props
   const columns = [
     {
       dataIndex: 'mobile',

src/pages/Product/Road/Personal/components/Detail/LowerList.jsx → src/pages/Product/Road/Personal/components/Detail/LowerList.tsx


+ 14 - 18
src/pages/Product/Road/Personal/components/Detail/TabList.jsx

@@ -1,19 +1,28 @@
-import React, { useState, useRef } from 'react'
+import React, { useState } from 'react'
 import { Button, Tabs, Tag, message } from 'antd'
 import ProTable from '@ant-design/pro-table'
 import consts from '@/consts'
 import { useDispatch } from 'dva'
-import { lockEnum } from '@/pages/Product/Cloud/components/Detail/TabList'
 import UpgradeModalv2 from './UpgradeModal'
 import {
   upgradeTypeEnum,
   lockTypeEnum,
-  titleType,
-  modalTitleEnum
+  titleType
 } from '@/pages/Product/Cloud/components/Detail/UpgradeModal'
 import { apiRoadPricingUpgradeV2 } from '@/services/product'
 import { dayjsFormat } from '@/utils/utils'
 
+const salesTypeEnum = {
+  GIFT: 'gift',
+  SALES: 'sales',
+  LEND: 'lend'
+}
+const salesTypeTitle = {
+  gift: '赠送',
+  sales: '销售',
+  lend: '借出'
+}
+
 const PersonalTabList = props => {
   const {
     // compilationList,
@@ -27,20 +36,7 @@ const PersonalTabList = props => {
     ssoId,
     actionPayload = { main: 'personal' }
   } = props
-  const isUpgradeEnum = {
-    true: '已升级',
-    undefined: ''
-  }
-  const salesTypeEnum = {
-    GIFT: 'gift',
-    SALES: 'sales',
-    LEND: 'lend'
-  }
-  const salesTypeTitle = {
-    gift: '赠送',
-    sales: '销售',
-    lend: '借出'
-  }
+
   const { TabPane } = Tabs
   const dispatch = useDispatch()
   const [roadPricingUpgradev2, setRoadPricingUpgradev2] = useState({

src/pages/Product/Road/Personal/components/Detail/UpgradeModal.jsx → src/pages/Product/Road/Personal/components/Detail/UpgradeModal.tsx


+ 0 - 2
src/pages/Product/Road/Personal/components/Detail/index.jsx

@@ -8,7 +8,6 @@ import { apiRoadpricingDetailV2, apiRoadPricingUnLinkClientV2 } from '@/services
 import Form from './Form'
 import LowerList from './LowerList'
 import TabList from './TabList'
-import ClientDetail from '@/pages/Customer/Client/components/ClientDetail/Form'
 import { useModal } from '@/components/ModalStore'
 import CardClientDetail from '@/pages/Product/Cloud/components/CardDetail'
 import { WaterMark } from '@ant-design/pro-layout'
@@ -21,7 +20,6 @@ const PersonalDetail = props => {
     visible,
     dataId = '',
     projectType,
-    filterTag = true,
     ...resetDrawerProps
   } = props
   const {

+ 3 - 3
src/pages/Product/Road/Personal/index.jsx

@@ -1,10 +1,10 @@
 import React, { useState, useEffect, useRef } from 'react'
 import BasicTable from '@/components/Table'
-import { dayjsFormat, generateSortField } from '@/utils/utils'
+import { dayjsFormat } from '@/utils/utils'
 import { queryRoadpricingListV2 } from '@/services/product'
 import consts from '@/consts'
-import { useLocation, useSelector, useDispatch, connect } from '@umijs/max'
-import { Input, Tooltip, Tag } from 'antd'
+import { useDispatch, connect } from '@umijs/max'
+import { Input, Tag } from 'antd'
 import { useModal } from '@/components/ModalStore'
 import { PageContainer } from '@ant-design/pro-layout'
 

src/pages/Product/Road/model.js → src/pages/Product/Road/model.ts


+ 1 - 3
src/pages/Statistic/Customer/CustomerAdditions/index.jsx

@@ -1,15 +1,13 @@
 import BasicTable from '@/components/Table'
 import consts from '@/consts'
-import React, { useRef, useState } from 'react'
+import React, { useState } from 'react'
 import { DatePicker, Select, Space } from 'antd'
 import { Column } from '@ant-design/charts'
 import dayjs from 'dayjs'
-import { dayjsFormat } from '@/utils/utils'
 import OptionSelect from '../../components/OptionSelect'
 import { queryCustomerAdditionList } from '@/services/statistic'
 import { PageContainer } from '@ant-design/pro-layout'
 
-const { Option } = Select
 const columnGroupMap = {
   client: '客户',
   company: '单位'

src/pages/Statistic/Product/InvoiceAggregate/index.jsx → src/pages/Statistic/Product/InvoiceAggregate/index.tsx


+ 2 - 2
src/pages/Statistic/Product/InvoiceTrends/index.jsx

@@ -30,10 +30,10 @@ const InvoiceTrends = () => {
           children: value,
           props: {}
         }
-        if (idx == 0) {
+        if (idx === 0) {
           obj.props.rowSpan = 2
         }
-        if (idx == 1) {
+        if (idx === 1) {
           obj.props.rowSpan = 0
         }
         return obj

src/pages/Statistic/Product/SoftwareUsage/index.jsx → src/pages/Statistic/Product/SoftwareUsage/index.tsx


src/pages/User/Account/Settings/components/AvatarView.jsx → src/pages/User/Account/Settings/components/AvatarView.tsx


src/pages/User/Account/Settings/components/BaseView.jsx → src/pages/User/Account/Settings/components/BaseView.tsx


src/pages/User/Account/Settings/components/WxNotice.jsx → src/pages/User/Account/Settings/components/WxNotice.tsx


+ 0 - 2
src/pages/User/Account/Settings/index.jsx

@@ -5,8 +5,6 @@ import styles from './style.less'
 import BaseView from './components/BaseView'
 import WxNotice from './components/WxNotice'
 
-const { Item } = Menu
-
 const Settings = () => {
   const menuMap = {
     base: '基本设置'

src/pages/Workbench/Dashboard/components/BusinessChar.jsx → src/pages/Workbench/Dashboard/components/BusinessChar.tsx


src/pages/Workbench/Dashboard/components/LeaderBoard.jsx → src/pages/Workbench/Dashboard/components/LeaderBoard.tsx


src/pages/Workbench/Dashboard/components/ReminderList.jsx → src/pages/Workbench/Dashboard/components/ReminderList.tsx


src/pages/Workbench/Dashboard/components/SoftLeaderboard.jsx → src/pages/Workbench/Dashboard/components/SoftLeaderboard.tsx


+ 0 - 219
src/pages/document.ejs

@@ -1,219 +0,0 @@
-<!DOCTYPE html>
-<html translate="no">
-  <head>
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="keywords" content="CLD.SystemV2" />
-    <meta
-      name="description"
-      content="
-    An out-of-box UI solution for enterprise applications as a React boilerplate."
-    />
-    <meta
-      name="description"
-      content="
-      CLD.SystemV2"
-    />
-    <!-- <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
-    /> -->
-    <title>CLD.SystemV2</title>
-    <link rel="icon" href="<%= context.config.publicPath +'favicon.ico'%>" type="image/x-icon" />
-  </head>
-  <body>
-    <!-- <script
-      defer
-      src="https://lf1-cdn-tos.bytegoofy.com/obj/iconpark/icons_1832_49.5a251ec91e1c2f50fa8fe47441080413.js"
-    ></script> -->
-    <noscript>Out-of-the-box mid-stage front/design solution!</noscript>
-    <div id="root">
-      <style>
-        html,
-        body,
-        #root {
-          height: 100%;
-          margin: 0;
-          padding: 0;
-        }
-        #root {
-          /* background-image: url('https://d2.smartcost.com.cn/cach/cld/home_bg.png'); */
-          background-repeat: no-repeat;
-          background-size: 100% auto;
-        }
-        .page-loading-warp {
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          padding: 98px;
-        }
-        .ant-spin {
-          position: absolute;
-          display: none;
-          -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-          margin: 0;
-          padding: 0;
-          color: rgba(0, 0, 0, 0.65);
-          color: #1890ff;
-          font-size: 14px;
-          font-variant: tabular-nums;
-          line-height: 1.5;
-          text-align: center;
-          list-style: none;
-          opacity: 0;
-          -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
-          transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
-          transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
-          transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),
-            -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
-          -webkit-font-feature-settings: 'tnum';
-          font-feature-settings: 'tnum';
-        }
-
-        .ant-spin-spinning {
-          position: static;
-          display: inline-block;
-          opacity: 1;
-        }
-
-        .ant-spin-dot {
-          position: relative;
-          display: inline-block;
-          width: 20px;
-          height: 20px;
-          font-size: 20px;
-        }
-
-        .ant-spin-dot-item {
-          position: absolute;
-          display: block;
-          width: 9px;
-          height: 9px;
-          background-color: #1890ff;
-          border-radius: 100%;
-          -webkit-transform: scale(0.75);
-          -ms-transform: scale(0.75);
-          transform: scale(0.75);
-          -webkit-transform-origin: 50% 50%;
-          -ms-transform-origin: 50% 50%;
-          transform-origin: 50% 50%;
-          opacity: 0.3;
-          -webkit-animation: antspinmove 1s infinite linear alternate;
-          animation: antSpinMove 1s infinite linear alternate;
-        }
-
-        .ant-spin-dot-item:nth-child(1) {
-          top: 0;
-          left: 0;
-        }
-
-        .ant-spin-dot-item:nth-child(2) {
-          top: 0;
-          right: 0;
-          -webkit-animation-delay: 0.4s;
-          animation-delay: 0.4s;
-        }
-
-        .ant-spin-dot-item:nth-child(3) {
-          right: 0;
-          bottom: 0;
-          -webkit-animation-delay: 0.8s;
-          animation-delay: 0.8s;
-        }
-
-        .ant-spin-dot-item:nth-child(4) {
-          bottom: 0;
-          left: 0;
-          -webkit-animation-delay: 1.2s;
-          animation-delay: 1.2s;
-        }
-
-        .ant-spin-dot-spin {
-          -webkit-transform: rotate(45deg);
-          -ms-transform: rotate(45deg);
-          transform: rotate(45deg);
-          -webkit-animation: antrotate 1.2s infinite linear;
-          animation: antRotate 1.2s infinite linear;
-        }
-
-        .ant-spin-lg .ant-spin-dot {
-          width: 32px;
-          height: 32px;
-          font-size: 32px;
-        }
-
-        .ant-spin-lg .ant-spin-dot i {
-          width: 14px;
-          height: 14px;
-        }
-
-        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-          .ant-spin-blur {
-            background: #fff;
-            opacity: 0.5;
-          }
-        }
-
-        @-webkit-keyframes antSpinMove {
-          to {
-            opacity: 1;
-          }
-        }
-
-        @keyframes antSpinMove {
-          to {
-            opacity: 1;
-          }
-        }
-
-        @-webkit-keyframes antRotate {
-          to {
-            -webkit-transform: rotate(405deg);
-            transform: rotate(405deg);
-          }
-        }
-
-        @keyframes antRotate {
-          to {
-            -webkit-transform: rotate(405deg);
-            transform: rotate(405deg);
-          }
-        }
-      </style>
-      <div
-        style="
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-          justify-content: center;
-          height: 100%;
-          min-height: 420px;
-        "
-      >
-        <img src="https://d2.smartcost.com.cn/cach/cld/zh_logo.svg" alt="logo" width="256" />
-        <div class="page-loading-warp">
-          <div class="ant-spin ant-spin-lg ant-spin-spinning">
-            <span class="ant-spin-dot ant-spin-dot-spin"
-              ><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i
-              ><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i
-            ></span>
-          </div>
-        </div>
-        <div style="display: flex; align-items: center; justify-content: center">
-          <!-- <img
-            src="/logo.svg"
-            width="32"
-            style="margin-right: 8px"
-          /> -->
-          <img
-            src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"
-            width="32"
-            style="margin-right: 8px"
-          />
-          Ant Design
-        </div>
-      </div>
-    </div>
-  </body>
-</html>