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-05-12 16:21:46 +08:00
parent a655f1e318
commit c83817d497
7 changed files with 280 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.env.dev
View File

@ -7,5 +7,5 @@ VITE_AI_SHOP_BASE_URL=http://192.168.0.115:8081
VITE_WEBSOCKET_BASE_URL=ws://${VITE_HOST}:7025/copyright
# 18634604067
VITE_USERID=80d3365e-0597-4988-979e-18ef1c3ec671
VITE_CURRENT_THEME=fzkj
# VITE_CURRENT_THEME=mzw
# VITE_CURRENT_THEME=fzkj
VITE_CURRENT_THEME=mzw

4
src/components/menu/MenuWithTopButton.tsx
View File

@ -101,7 +101,9 @@ export default function MenuWithTopButton(props: IMenuWithTopButton) {
));
return (
<div className="menu-with-top-button">
<div className="menu-with-top-button" style={{
borderBottom: THEME=='fzkj'?'1px solid var(--color-menuborder)':'',
}}>
{/* button 是三个黄色按钮 */}
<div className='top'>
<div className='top-lift'>

2
src/components/menu/menu-with-top-button.css
View File

@ -1,7 +1,7 @@
@media (max-width: 1550px) {
.menu-with-top-button {
/* padding: 15px; */
border-bottom: 1px solid var(--color-menuborder);
/* border-bottom: 1px solid var(--color-menuborder); */
/* border-bottom: 1px solid #e22222; */
}

7
src/layout/head/Head.tsx
View File

@ -1877,7 +1877,14 @@ export default function Head() {
<div className='kfHttp' >
<span>若已登录电脑端，</span><span className='kfHttpText' onClick={
() => {
if (THEME == 'mzw') {
window.open('https://work.weixin.qq.com/kfid/kfc599f9d40b65ac392')
}
if (THEME =='fzkj') {
window.open('https://work.weixin.qq.com/kfid/kfc2ea0c81bfb1a956c')
}
}
}>点击联系客服</span>
</div>

149
src/route/ProductRelease/ProductRelease.tsx
View File

@ -249,7 +249,7 @@ export default function ProductRelease() {
const getGoodsDate = async (page: number) => {
try {
setLoading(true)
// setLoading(true)
const res: any = await getGoodsList({
page: page,
rows: 10,
@ -268,7 +268,7 @@ export default function ProductRelease() {
setPage(res.page)
setData(res.rows)
setTotal(res.total)
setLoading(false)
// setLoading(false)
// console.log(res);
if (res.rows.length <= 0) {
if (page > 1) {
@ -357,7 +357,7 @@ export default function ProductRelease() {
<Spin tip="正在加载..." size="small" spinning={loading}>
<div style={{ height: `${height - 80}px`, overflow: 'auto', position: 'relative' }}>
{data.length <= 0 ? (
{/* {data.length <= 0 ? (
<div className='nodata' style={{ height: `${height - 93}px` }}>
<Empty
description={
@ -373,7 +373,6 @@ export default function ProductRelease() {
<th>软著版本</th>
<th>售卖价格</th>
<th>截止售卖时间</th>
{/* <th>著作权上架</th> */}
<th>平台审核</th>
<th>操作</th>
</tr>
@ -389,9 +388,7 @@ export default function ProductRelease() {
</tr>
<tr style={{ background: '#F7F7F7', height: 45 }}>
<td colSpan={9}>
{/* <Checkbox style={{ marginLeft: 16 }} onChange={
(event) => checkChange(event, item)
}></Checkbox> */}
<span style={{ marginLeft: 55 }}>
编号 : {item.goodsNumber}
</span>
@ -405,7 +402,7 @@ export default function ProductRelease() {
<td className='product-release-table-img-td'>
<div className='product-release-table-img'>
<Image src={showImage(item.goodsPhoto, false)} height={90} preview={{
mask: '查看', // 设置点击放大时显示的文字
mask: '查看',
}}
style={{ maxWidth: '100%' }}
@ -415,22 +412,11 @@ export default function ProductRelease() {
<td className='product-release-table-name-td'>
{item.goodsName}
{/* {item.goodsName}
{item.goodsName}
{item.goodsName}
{item.goodsName}
{item.goodsName} */}
{/* <div>
(接口软著)
</div> */}
</td>
<td>{item.goodsVersion}</td>
<td style={{ fontSize: 24, color: '#FF5D15' }}>{item.goodsPrice}</td>
<td>{item.goodsLastTime}</td>
{/* <td>
<Switch checkedChildren="On" unCheckedChildren="Off" onChange={(e) => { opneChange(e, item) }} defaultChecked={item.open == 0 ? false : true} />
</td> */}
<td style={{
fontWeight: 'bold',
@ -472,7 +458,7 @@ export default function ProductRelease() {
display: item.goodsCheckStatus == '1' || item.goodsCheckStatus == '2' ? 'none' : 'unset'
}} onClick={() => submit(item)}>提交审核</span>
<span className='product-release-table-btn product-btn ' style={{
// 已经上架的不显示
display: item.goodsStatus == 0 ? 'unset' : 'none'
}} onClick={() => del(item)}>删除</span>
@ -500,11 +486,132 @@ export default function ProductRelease() {
</tbody>
</table>
)
}
} */}
<div className='showGoodsBox'>
<div className='goodSBox'>
<div className='goodsImg'>
</div>
<div className='goodsBot'>
<div className='goodsPrice'>
<span style={{
fontSize: 20,
}}>￥</span>
<span>299</span>
</div>
<div className='goodsNameBox'>
<div className='tipsPrice'>特价</div>
<div className='goodsName' title='智能化接口处理系统'>智能化接口处理系统</div>
</div>
<div className='goodsTime'>
截止日期:2025年05月12日
</div>
<div className='goodsBtnBox'>
<div className='goodsBtn'>编辑</div>
<div className='goodsBtn'>提交审核</div>
</div>
</div>
</div>
<div className='goodSBox'>
<div className='goodsImg'>
</div>
<div className='goodsBot'>
<div className='goodsPrice'>
<span style={{
fontSize: 20,
}}>￥</span>
<span>299</span>
</div>
<div className='goodsNameBox'>
<div className='tipsPrice'>特价</div>
<div className='goodsName' title='智能化接口处理系统'>智能化接口处理系统</div>
</div>
<div className='goodsTime'>
2025-05-12
</div>
<div className='goodsBtnBox'>
<div className='goodsBtn'>编辑</div>
<div className='goodsBtn'>提交审核</div>
</div>
</div>
</div>
<div className='goodSBox'>
<div className='goodsImg'>
</div>
<div className='goodsBot'>
<div className='goodsPrice'>
<span style={{
fontSize: 20,
}}>￥</span>
<span>299</span>
</div>
<div className='goodsNameBox'>
<div className='tipsPrice'>特价</div>
<div className='goodsName' title='智能化接口处理系统'>智能化接口处理系统</div>
</div>
<div className='goodsTime'>
2025-05-12
</div>
<div className='goodsBtnBox'>
<div className='goodsBtn'>编辑</div>
<div className='goodsBtn'>提交审核</div>
</div>
</div>
</div>
<div className='goodSBox'>
<div className='goodsImg'>
</div>
<div className='goodsBot'>
<div className='goodsPrice'>
<span style={{
fontSize: 20,
}}>￥</span>
<span>299</span>
</div>
<div className='goodsNameBox'>
<div className='tipsPrice'>特价</div>
<div className='goodsName' title='智能化接口处理系统'>智能化接口处理系统</div>
</div>
<div className='goodsTime'>
2025-05-12
</div>
<div className='goodsBtnBox'>
<div className='goodsBtn'>编辑</div>
<div className='goodsBtn'>提交审核</div>
</div>
</div>
</div>
<div className='goodSBox'>
<div className='goodsImg'>
</div>
<div className='goodsBot'>
<div className='goodsPrice'>
<span style={{
fontSize: 20,
}}>￥</span>
<span>299</span>
</div>
<div className='goodsNameBox'>
<div className='tipsPrice'>特价</div>
<div className='goodsName' title='智能化接口处理系统'>智能化接口处理系统</div>
</div>
<div className='goodsTime'>
2025-05-12
</div>
<div className='goodsBtnBox'>
<div className='goodsBtn'>编辑</div>
<div className='goodsBtn'>提交审核</div>
</div>
</div>
</div>
</div>
</div>
</Spin>
{/* )} */}

109
src/route/ProductRelease/product-release.css
View File

@ -34,6 +34,7 @@
align-items: center;
justify-content: center;
}
.product-release-table-name-td {
max-width: 130px;
font-size: 16px;
@ -41,6 +42,7 @@
text-align: center;
}
/* .product-release-table-name {
font-size: 16px;
color: #1B8BD2;
@ -78,3 +80,110 @@ thead {
background: #F7F7F7;
z-index: 1;
}
.showGoodsBox {
width: calc(100% - 2px);
height: 100%;
/* background-color: pink; */
/* 使用 grid 布局 */
display: grid;
/* 自动填充列，每列最小宽度 183px，最大宽度 1fr */
grid-template-columns: repeat(auto-fill, minmax(183px, 1fr));
/* 行间距 10px */
row-gap: 10px;
/* 列间距 10px */
column-gap: 10px;
/* cursor: pointer; */
}
.goodSBox {
width: 100%;
height: 340px;
/* background-color: skyblue; */
margin: 0;
cursor: pointer;
border: 1px solid transparent;
/* 初始设置透明边框，避免元素位置跳动 */
transition: border-color 0.3s ease;
/* 添加过渡效果，让边框显示更平滑 */
}
.goodSBox:hover {
border-color: #d38225;
/* 鼠标悬停时显示黑色边框，可根据需求修改颜色 */
}
.goodsImg {
width: 100%;
height: 183px;
object-fit: cover;
background: pink;
}
.goodsBot {
padding: 10px 5px 0 5px;
box-sizing: border-box;
height: 157px;
/* background-color: rgb(167, 167, 167); */
}
.goodsPrice {
color: #E30000;
font-size: 24px;
font-weight: 700;
}
.goodsNameBox {
display: flex;
align-items: center;
width: 100%;
/* background-color: #1B8BD2; */
margin-top: 10px;
}
.tipsPrice {
width: 38px;
height: 23px;
background: #FF9600;
border-radius: 5px;
color: white;
font-size: 12px;
text-align: center;
line-height: 23px;
margin-right: 6px;
}
.goodsName {
width: calc(100% - 29px);
/* background-color: #1bd258; */
font-weight: bold;
font-size: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
/* cursor: pointer; */
}
.goodsTime {
font-size: 14px;
color: #707070;
margin-top: 10px;
}
.goodsBtnBox {
display: flex;
margin-top: 10px;
}
.goodsBtn {
padding: 5px 10px;
border: 1px solid #DCDCDC;
font-size: 16px;
color: #959595;
margin-left: 10px;
}
.goodsBtnBox .goodsBtn:first-child {
margin-left: 0; /* 让第一个按钮的左边距为 0 */
}

11
src/route/index/Index.tsx
View File

@ -17,7 +17,7 @@ import MenuWithTopButton from "../../components/menu/MenuWithTopButton.tsx";
import RefunModal from '../../components/RefunModal/RefunModal.tsx'
import CorrectionModal from '../../components/CorrectionModal/CorrectionModal.tsx'
import ContractModal from '../../components/ContractModal/ContractModal.tsx'
// import MenuWithBottomButtom from '../../components/menu/MenuWithBottomButton.tsx'
import MenuWithBottomButtom from '../../components/menu/MenuWithBottomButton.tsx'
// import MenuTreeWithTopButton from "../../components/menu/MenuTreeWithTopButton.tsx";
// import ListProj from "../../components/list/ListProj.tsx";
// import ListProjAgent from "../../components/list/ListProjAgent.tsx";
@ -1703,7 +1703,8 @@ export default function Index() {
list={agentMenu.list}
handleListItem={agentMenu.handleListItem}
/> */}
{/* <MenuWithBottomButtom
{THEME == 'mzw' ? (
<MenuWithBottomButtom
button={sellMenu.button}
list={sellMenu.list}
handleListItem={sellMenu.handleListItem}
@ -1717,7 +1718,11 @@ export default function Index() {
sellEndTime={sellEndTime}
sellOrderStatus={sellOrderStatus}
sellOrderKeywords={sellOrderKeywords}
/> */}
/>
) : (
<></>
)}
{/* <MenuWithBottomButtom
button={buyMenu.button}
list={buyMenu.list}