Tenlion/system-copyright-react
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式修改

Browse Source
This commit is contained in:
lyp 2025-03-02 14:33:51 +08:00
parent b152182a6e
commit 1d57720c3a
4 changed files with 196 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

181
src/components/card/CardProj.tsx
View File

@ -15,7 +15,8 @@ import {
RedoOutlined, RedoOutlined,
CloseOutlined CloseOutlined
} from '@ant-design/icons'; } from '@ant-design/icons';
import { Button, Tag, Modal, Carousel } from 'antd'; import { Button, Tag, Modal, Carousel, Dropdown } from 'antd';
import type { MenuProps } from 'antd';
import { GenerateStatus } from "../../interfaces/proj/IProj.ts"; import { GenerateStatus } from "../../interfaces/proj/IProj.ts";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
import { Axios, post, downloadUrl, get, del } from "../../util/AjaxUtils.ts"; import { Axios, post, downloadUrl, get, del } from "../../util/AjaxUtils.ts";
@ -229,7 +230,7 @@ export default function CardProj(props: any) {
messageApi.error('演示视频打包失败,点击重新打包'); messageApi.error('演示视频打包失败,点击重新打包');
setShowBuyPicError(true) setShowBuyPicError(true)
setShowBuyVideoIng(false) setShowBuyVideoIng(false)
}else{ } else {
messageApi.error('演示视频正在生成,请稍后'); messageApi.error('演示视频正在生成,请稍后');
} }
} }
@ -450,7 +451,108 @@ export default function CardProj(props: any) {
} }
} }
const applyItems: MenuProps['items'] = [
{
key: '1',
label: (
<div
onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/apply/${data.projId}`)
}}
style={{ maxWidth: 200, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}
>
Word
</div>
),
},
{
key: '2',
label: (
<div
onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/apply-txt/${data.projId}`)
}}
style={{ maxWidth: 200, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}
>
TxT
</div>
),
},
]
const manualItems: MenuProps['items'] = [
{
key: '1',
label: (
<div
onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/manual/${data.projId}`)
}}
style={{ maxWidth: 200, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}
>
Word
</div>
),
},
{
key: '2',
label: (
<div
onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/manual/pdf/${data.projId}`)
}}
style={{ maxWidth: 200, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}
>
Pdf
</div>
),
},
]
const codeItems: MenuProps['items'] = [
{
key: '1',
label: (
<div
onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/code/${data.projId}`)
}}
style={{ maxWidth: 200, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}
>
Word
</div>
),
},
{
key: '2',
label: (
<div
onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/code/pdf/${data.projId}`)
}}
style={{ maxWidth: 200, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}
>
Pdf
</div>
),
},
]
useEffect(() => { useEffect(() => {
// 修改 // 修改
// const charge = props.item.pay.charge.split(':')[0]; // const charge = props.item.pay.charge.split(':')[0];
@ -632,7 +734,7 @@ export default function CardProj(props: any) {
> >
{/* {data.pay.payment / 100} */} {/* {data.pay.payment / 100} */}
{data.pay.servicePackageId?0: data.pay.payment/ 100} {data.pay.servicePackageId ? 0 : data.pay.payment / 100}
{/* 2000.00 */} {/* 2000.00 */}
</div> </div>
@ -761,14 +863,25 @@ export default function CardProj(props: any) {
{ {
data.generate.generateStatus == GenerateStatus.SUCCESS ? ( data.generate.generateStatus == GenerateStatus.SUCCESS ? (
<div className="option"> <div className="option">
<Button size="small" type="text" onClick={() => { {/* <Button size="small" type="text" onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/apply/${data.projId}`) window.open(`${Axios.defaults?.baseURL}/route/proj/download/apply/${data.projId}`)
}}><DownloadOutlined /> 申请表</Button> }}><DownloadOutlined /> 申请表</Button> */}
<Dropdown
// menu={{
// applyItems
// }}
menu={{ items: applyItems }}
>
<div
><Button size="small" type="text" ><DownloadOutlined /> 申请表</Button>
</div>
</Dropdown>
<div className='downloadBox'> {/* <div className='downloadBox'> */}
<div className='down-title'> {/* <div className='down-title'>
<DownloadOutlined /> 操作手册 <DownloadOutlined /> 操作手册
</div> </div>
<div className='down-bot'> <div className='down-bot'>
@ -780,8 +893,20 @@ export default function CardProj(props: any) {
onClick={() => { onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/manual/pdf/${data.projId}`) window.open(`${Axios.defaults?.baseURL}/route/proj/download/manual/pdf/${data.projId}`)
}}> pdf</Button> }}> pdf</Button>
</div> */}
<Dropdown
// menu={{
// applyItems
// }}
menu={{ items: manualItems }}
>
<div
><Button size="small" type="text" ><DownloadOutlined /> 操作手册</Button>
</div> </div>
</div> </Dropdown>
{/* </div> */}
{/* { {/* {
isShow && <Button className='zpibtn' size="small" type="text" onClick={() => { isShow && <Button className='zpibtn' size="small" type="text" onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/code-zip/${data.projId}`) window.open(`${Axios.defaults?.baseURL}/route/proj/download/code-zip/${data.projId}`)
@ -794,21 +919,33 @@ export default function CardProj(props: any) {
{/* <Button size="small" type="text" onClick={() => { {/* <Button size="small" type="text" onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/code/${data.projId}`) window.open(`${Axios.defaults?.baseURL}/route/proj/download/code/${data.projId}`)
}}><DownloadOutlined /> 源代码</Button> */} }}><DownloadOutlined /> 源代码</Button> */}
<div className='downloadBox'> {/* <div className='downloadBox'> */}
<div className='down-title'> {/* <div className='down-title'>
<DownloadOutlined /> 源代码 <DownloadOutlined /> 源代码
</div>
<div className='down-bot'>
<Button size="small" type="text" onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/code/${data.projId}`)
}}> word</Button>
<Button size="small"
className='down-pdf'
type="text" onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/code/pdf/${data.projId}`)
}}> pdf</Button>
</div>
</div> </div>
<div className='down-bot'>
<Button size="small" type="text" onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/code/${data.projId}`)
}}> word</Button>
<Button size="small"
className='down-pdf'
type="text" onClick={() => {
window.open(`${Axios.defaults?.baseURL}/route/proj/download/code/pdf/${data.projId}`)
}}> pdf</Button>
</div> */}
<Dropdown
// menu={{
// applyItems
// }}
menu={{ items: codeItems }}
>
<div
><Button size="small" type="text" ><DownloadOutlined /> 源代码</Button>
</div>
</Dropdown>
{/* </div> */}
<Button size="small" type="text" onClick={() => { <Button size="small" type="text" onClick={() => {
// window.open(`${Axios.defaults?.baseURL}/route/proj/download/all/${data.projId}`) // window.open(`${Axios.defaults?.baseURL}/route/proj/download/all/${data.projId}`)
downAll(data.projId, data.projName) downAll(data.projId, data.projName)

2
src/components/payment/Payment.tsx
View File

@ -905,7 +905,7 @@ export default function Payment(props: IPaymentProps) {
marginRight: 10, marginRight: 10,
marginLeft: 25 marginLeft: 25
}}> }}>
服务包:</div> 套餐包:</div>
<Radio.Group <Radio.Group
onChange={onChange} onChange={onChange}
value={value} value={value}

37
src/route/proj/ProjNew.tsx
View File

@ -502,7 +502,7 @@ export default function ProjNew() {
className='changeStyle' className='changeStyle'
allowClear allowClear
style={{ style={{
background: '#eeeeee', // background: '#eeeeee',
fontSize: '16px', fontSize: '16px',
width: '800px', height: '50px', width: '800px', height: '50px',
}} }}
@ -585,7 +585,10 @@ export default function ProjNew() {
> >
<Input <Input
style={{ background: '#eeeeee', width: '310px', height: '50px', fontSize: '16px' }} placeholder="请输入系统版本 (注：默认版本为v1.0)" /> style={{
// background: '#eeeeee',
width: '310px', height: '50px', fontSize: '16px'
}} placeholder="请输入系统版本 (注：默认版本为v1.0)" />
</Form.Item> </Form.Item>
@ -656,7 +659,10 @@ export default function ProjNew() {
format={dateFormat} format={dateFormat}
locale={locale} locale={locale}
// style={{ width: '100%' }} // style={{ width: '100%' }}
style={{ height: '50px', width: '310px', fontSize: 16, background: '#eeeeee', }} style={{
height: '50px', width: '310px', fontSize: 16,
// background: '#eeeeee',
}}
disabledDate={(current) => current && current > dayjs().endOf('day')} disabledDate={(current) => current && current > dayjs().endOf('day')}
/> />
@ -697,10 +703,23 @@ export default function ProjNew() {
}} }}
> >
</Select> */} </Select> */}
<Input style={{ background: '#eeeeee', fontSize: 16, width: '310px', height: '50px', color: '#3B3B3B' }} placeholder={packList.length > 0 ? '请选择套餐包' : '暂无套餐包'} disabled /> <Input
className="custom-input"
style={{
// background: '#eeeeee',
fontSize: 16, width: '310px', height: '50px', color: '#3B3B3B'
}} placeholder={packList.length > 0 ? '请选择套餐包' : '暂无套餐包'}
disabled
/>
</Form.Item> </Form.Item>
<div style={{ display: selectPack ? 'none' : 'unset', position: 'absolute', right: 23, fontSize: 16, color: packList.length ? '#1F79FF' : '#676767', cursor: 'pointer' }} onClick={() => { <div
style={{ display: selectPack ? 'none' : 'unset', position: 'absolute', right: 23, fontSize: 16, color: packList.length ? '#1F79FF' : '#676767', cursor: 'pointer',
// background:'pink',
width: 290,
textAlign: 'right',
}}
onClick={() => {
if (packList.length > 0) { if (packList.length > 0) {
setPackModal(true) setPackModal(true)
setPage(1) setPage(1)
@ -722,6 +741,7 @@ export default function ProjNew() {
setcouponShow(true) setcouponShow(true)
// setShowPrice(location.state.price) // setShowPrice(location.state.price)
}}>取消</div> }}>取消</div>
</div> </div>
</div> </div>
</div> </div>
@ -743,7 +763,10 @@ export default function ProjNew() {
<Input style={{ background: '#eeeeee', fontSize: 16, width: '310px', height: '50px', color: '#3B3B3B' }} placeholder={hasCoupon ? '请选择优惠券' : '暂无可用优惠券'} disabled /> <Input style={{ background: '#eeeeee', fontSize: 16, width: '310px', height: '50px', color: '#3B3B3B' }} placeholder={hasCoupon ? '请选择优惠券' : '暂无可用优惠券'} disabled />
</Form.Item> </Form.Item>
<div style={{ display: couponId ? 'none' : 'unset', position: 'absolute', right: 23, fontSize: 16, color: hasCoupon ? '#1F79FF' : '#676767', cursor: 'pointer' }} onClick={() => { <div style={{ display: couponId ? 'none' : 'unset', position: 'absolute', right: 23, fontSize: 16, color: hasCoupon ? '#1F79FF' : '#676767', cursor: 'pointer',
width: 290,
textAlign: 'right',
}} onClick={() => {
if (hasCoupon) { if (hasCoupon) {
setCouponModal(true) setCouponModal(true)
// #1F79FF // #1F79FF
@ -817,7 +840,7 @@ export default function ProjNew() {
name="belongPeople" name="belongPeople"
rules={[{ required: true, message: '请选择/创建知识产权所属者' }]} rules={[{ required: true, message: '请选择/创建知识产权所属者' }]}
> >
<Input style={{ background: '#eeeeee', width: '310px', height: '50px', fontSize: '16px', color: '#3B3B3B' }} placeholder="请选择/创建知识产权所属者" disabled /> <Input style={{ background: '#eeeeee', width: '310px', height: '50px', fontSize: '16px', color: '#3B3B3B'}} placeholder="请选择/创建知识产权所属者" disabled />
</Form.Item> </Form.Item>
<div style={{ <div style={{

9
src/route/proj/proj-new.css
View File

@ -76,7 +76,7 @@
} */ } */
.changeStyle.ant-select-show-search.css-dev-only-do-not-override-11lehqq.ant-select:not(.ant-select-customize-input) .ant-select-selector { .changeStyle.ant-select-show-search.css-dev-only-do-not-override-11lehqq.ant-select:not(.ant-select-customize-input) .ant-select-selector {
cursor: text; cursor: text;
background: #eeeeee !important; /* background: #eeeeee !important; */
font-size: 16px !important; font-size: 16px !important;
} }
.changeStyle.ant-select-show-search.css-dev-only-do-not-override-11lehqq.ant-select:not(.ant-select-customize-input) .ant-select-selector input { .changeStyle.ant-select-show-search.css-dev-only-do-not-override-11lehqq.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
@ -86,7 +86,7 @@
font-size: 16px !important; font-size: 16px !important;
} }
.langselect.css-dev-only-do-not-override-11lehqq.ant-select-outlined:not(.ant-select-customize-input) .ant-select-selector{ .langselect.css-dev-only-do-not-override-11lehqq.ant-select-outlined:not(.ant-select-customize-input) .ant-select-selector{
background: #eeeeee !important; /* background: #eeeeee !important; */
} }
.langselect.css-dev-only-do-not-override-11lehqq.ant-select-single.ant-select-show-arrow .ant-select-selection-item { .langselect.css-dev-only-do-not-override-11lehqq.ant-select-single.ant-select-show-arrow .ant-select-selection-item {
padding-right: 18px ; padding-right: 18px ;
@ -99,4 +99,7 @@
.detaPicker.css-dev-only-do-not-override-11lehqq.ant-picker .ant-picker-input >input { .detaPicker.css-dev-only-do-not-override-11lehqq.ant-picker .ant-picker-input >input {
font-size: 16px !important; font-size: 16px !important;
} }
.ant-input[disabled] {
background-color: white !important;
}