diff --git a/config/config.ts b/config/config.ts index e708dfb..a9a52e6 100644 --- a/config/config.ts +++ b/config/config.ts @@ -16,7 +16,7 @@ export default defineConfig({ default: 'zh-CN', antd: true, // default true, when it is true, will use `navigator.language` overwrite default - baseNavigator: true, + baseNavigator: false, }, //全局加载样式 // dynamicImport: { @@ -25,6 +25,9 @@ export default defineConfig({ targets: { ie: 11, }, + define: { + PROJECT_THEME: JSON.stringify(theme), + }, // umi routes: https://umijs.org/docs/routing routes: PageRoutes, // Theme for antd: https://ant.design/docs/react/customize-theme-cn diff --git a/config/theme.js b/config/theme.js index 3fdf767..9fdbbaf 100644 --- a/config/theme.js +++ b/config/theme.js @@ -1,24 +1,34 @@ export default { // 主题色 'primary-color': '#014F8F', + // 标题色 + 'heading-color': '#000000', + // 主文本色 + 'text-color': '#131414', + // 次文本色 + 'text-color-secondary': '#262626', + // 链接色 + 'link-color': '#014F8F', + // 错误色 + 'error-color': '#D7000F', // 按钮圆角 'border-radius-base': '4px', - // layout background + // layout 背景色 'layout-background': '#F5F7FA', // 链接色 'link-color': '#014F8F', - // layout-header-background + // layout-header-background 头部背景色 'layout-header-background': '#ffffff', - // error + // error 错误色 'error-color': '#D7000F', - // menu background + // menu-list-bg 菜单背景色 'menu-list-bg': '#F2F6FC', - // menu item selected background + // menu-item-selected-bg 菜单选中背景色 'menu-item-selected-bg': '#D9ECFF', - // table header + // table-header-bg 表格头部背景色 'table-header-bg': '#F2F6FC', - // table header text color + // table-header-color 表格头部文本色 'table-header-color': '#8F9298', - // table select row background + // table-selected-row-bg 表格选中行背景色 'table-selected-row-bg': '#F2F6FC', } \ No newline at end of file diff --git a/package.json b/package.json index f3905d0..f39e61a 100644 --- a/package.json +++ b/package.json @@ -68,7 +68,7 @@ "@material-ui/core": "4.11.3", "@types/react-cookies": "0.1.0", "@umijs/route-utils": "1.0.37", - "antd": "4.15.1", + "antd": "latest-4", "array-move": "3.0.1", "axios": "0.21.1", "classnames": "2.3.1", diff --git a/public/favicon.ico b/public/favicon.ico index 29f0ff4..56bab80 100644 Binary files a/public/favicon.ico and b/public/favicon.ico differ diff --git a/public/logo.svg b/public/logo.svg index 113f6d9..2641598 100644 --- a/public/logo.svg +++ b/public/logo.svg @@ -1,25 +1 @@ - - - - - - - - - - - - + \ No newline at end of file diff --git a/src/assets/HarmonyOS_Sans_SC_Regular.ttf b/src/assets/HarmonyOS_Sans_SC_Regular.ttf new file mode 100755 index 0000000..aff150a Binary files /dev/null and b/src/assets/HarmonyOS_Sans_SC_Regular.ttf differ diff --git a/src/assets/arrow-left.svg b/src/assets/arrow-left.svg new file mode 100644 index 0000000..2effad8 --- /dev/null +++ b/src/assets/arrow-left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/arrow-right.svg b/src/assets/arrow-right.svg new file mode 100644 index 0000000..9a8522e --- /dev/null +++ b/src/assets/arrow-right.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/divider.png b/src/assets/divider.png new file mode 100644 index 0000000..f6d8ee1 Binary files /dev/null and b/src/assets/divider.png differ diff --git a/src/assets/home.svg b/src/assets/home.svg index 8405c6c..ced8afb 100644 --- a/src/assets/home.svg +++ b/src/assets/home.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/src/assets/logo.svg b/src/assets/logo.svg index 113f6d9..2641598 100644 --- a/src/assets/logo.svg +++ b/src/assets/logo.svg @@ -1,25 +1 @@ - - - - - - - - - - - - + \ No newline at end of file diff --git a/src/assets/shutdown.svg b/src/assets/shutdown.svg index 917c660..5ab9f1c 100644 --- a/src/assets/shutdown.svg +++ b/src/assets/shutdown.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/src/baseStyle.less b/src/baseStyle.less index 2dec159..2a9643f 100644 --- a/src/baseStyle.less +++ b/src/baseStyle.less @@ -4,7 +4,7 @@ left: 0; .ant-pro-global-header{ background-color: @layout-header-background; - height: 56px; + height: 80px; color: @primary-color; } } @@ -16,14 +16,15 @@ } .ant-pro-sider-logo { - background-color: #b30000; - height: 56px; + // background-color: #b30000; + height: 80px; } .ant-pro-sider-light .ant-pro-sider-logo h1 { color: #ffffff; } .ant-menu { margin-top: 6px; + padding-top: 6px !important; } #root .ant-layout-sider { z-index: 0; @@ -36,7 +37,7 @@ // } .ant-pro-basicLayout-content { - margin-top: 66px !important; + margin-top: 97px !important; margin-left: 9px !important; margin-bottom: 0px !important; // padding-left: 224px; @@ -79,20 +80,6 @@ margin: 16px 0 24px 0; } -.ant-pagination-item-active a { - color: #ffffff; -} - -.ant-pagination-item { - border: 1px solid #999; - margin: 0 4px; -} - -.ant-pagination-item-active { - font-weight: 500; - background: #b30000; - border-color: #fff; -} .ant-page-header .ant-page-header-heading-title { font-size: 16px; @@ -107,7 +94,7 @@ .first-title { font-size: 14px; - color: #b30000; + color: @primary-color; line-height: 40px; font-weight: 500; position: relative; @@ -121,7 +108,7 @@ left: 0; width: 3px; height: 14px; - background-color: #b30000; + background-color: @primary-color; } .scd-title { @@ -140,7 +127,7 @@ left: 0; width: 24px; height: 2px; - background-color: #b30000; + background-color: @primary-color; } .ant-modal-footer { @@ -233,13 +220,13 @@ } .ant-table-content .ant-table-cell .ant-btn-text { - color: #1890ff !important; + color: @primary-color !important; background: rgba(0,0,0,0); padding-left: 4px; padding-right: 4px; } .ant-table-content .ant-table-cell .ant-btn-text:hover { - color: #1890ff; + color: @primary-color; background: none; } @@ -319,6 +306,10 @@ input::-webkit-outer-spin-button, .ant-table-tbody > tr > td.ant-table-cell-row-hover { background-color: @table-selected-row-bg; } + + .ant-table { + color: @text-color-secondary; + } } // 控制左侧菜单背景色 @@ -333,3 +324,33 @@ input::-webkit-outer-spin-button, font-weight: bold; } } + +// 修改全局分页器样式 +.pagination-container { + align-items: center; + + .ant-pagination-total-text { + margin-right: 16px; + height: 24px; + line-height: 24px; + } + .ant-pagination-prev, + .ant-pagination-next, + .ant-pagination-item { + min-width: 24px; + height: 24px; + margin: 0; + line-height: 24px; + } + .ant-pagination-item { + border: none; + } + .ant-pagination-item-active { + color: @primary-color; + } + .ant-pagination-options { + .ant-pagination-options-quick-jumper { + margin-left: 16px; + } + } +} \ No newline at end of file diff --git a/src/components/BiddingRoom/components/InstantMessage.js b/src/components/BiddingRoom/components/InstantMessage.js index 5accd59..70c7397 100644 --- a/src/components/BiddingRoom/components/InstantMessage.js +++ b/src/components/BiddingRoom/components/InstantMessage.js @@ -467,7 +467,7 @@ const InstantMessage = (props) => { top: '50%', right: '0', width: '24px', - backgroundColor: '#b30000', + backgroundColor: '#014F8F', color: '#fff', textAlign: 'center', padding: '10px 0', diff --git a/src/components/BiddingRoom/index.js b/src/components/BiddingRoom/index.js index 986f754..fdda94c 100644 --- a/src/components/BiddingRoom/index.js +++ b/src/components/BiddingRoom/index.js @@ -1,4 +1,4 @@ -import { Divider, Button, Form, Card, Tabs, Table, Tooltip, Input, Select, Row, Col, message, Modal, Avatar, Tag, } from 'antd'; +import { Divider, Button, Form, Card, Tabs, Table, Tooltip, Input, Select, Row, Col, message, Modal, Avatar, Tag } from 'antd'; import { Link, history } from 'umi'; import './index.less'; import styles from './index.less'; @@ -8,7 +8,8 @@ import React, { useState, useEffect, useReducer } from 'react'; import { getSessionUserData, getRoomId, getRoomStatus, getProMethod, getSessionRoleData, getIPassDecode, getDefId, getProId, getOfflineStatusById } from '@/utils/session'; import { getURLInformation } from '@/utils/CommonUtils'; import { getLeader, isShowResult, isShowCount, getErrorStatus, getRiskStatus, isShowRiskModal, saveConfirm, isLeaderConfirm } from './service'; -import logo from '@/images/opening/logo.svg' +import logo from '@/assets/logo.svg'; +import userIcon from '@/assets/user.svg'; import InstantMessage from './components/InstantMessage' import { DownOutlined, UserOutlined, UserSwitchOutlined, CarryOutOutlined, HomeOutlined } from '@ant-design/icons'; import moment from 'moment' @@ -19,6 +20,8 @@ import { import { getRoomDataById } from '@/services/common'; import RiskModal from '../RiskModal'; +const theme = JSON.parse(PROJECT_THEME); + const BiddingRoom = (props) => { //获取采购方式 const MethodDict = getProMethod(); @@ -410,9 +413,9 @@ const BiddingRoom = (props) => {