暂存

.env.dev

@@ -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=fzkj
-# VITE_CURRENT_THEME=mzw
+VITE_CURRENT_THEME=mzw

src/components/menu/MenuWithTopButton.tsx

@@ -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'>

src/components/menu/menu-with-top-button.css

@@ -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; */
     }
     

src/layout/head/Head.tsx

@@ -1877,7 +1877,14 @@ export default function Head() {
                     <div className='kfHttp' >
                         <span>若已登录电脑端，</span><span className='kfHttpText' onClick={
                             () => {
-                                window.open('https://work.weixin.qq.com/kfid/kfc599f9d40b65ac392')
+                                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>

src/route/ProductRelease/ProductRelease.tsx

@@ -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,23 +412,12 @@ 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,10 +486,131 @@ 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>
 

src/route/ProductRelease/product-release.css

@@ -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;
@@ -69,7 +71,7 @@
     background: rgb(255, 255, 255);
     /* background: pink; */
     z-index: 2;
-    
+
 }
 
 thead {
@@ -77,4 +79,111 @@ thead {
     top: 0;
     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 */
+}

src/route/index/Index.tsx

@@ -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";
@@ -582,9 +582,9 @@ export default function Index() {
         },
         list: [
             { id: 'PRODUCT', name: '我要卖软著' }, //原商品发布
-            { id: 'TRABSACTION', name: '已上架软著'},
+            { id: 'TRABSACTION', name: '已上架软著' },
-            { id: 'COPYRIGHT', name: '我要买软著'},
+            { id: 'COPYRIGHT', name: '我要买软著' },
-            { id: 'TRADING', name: '已购买软著'}, 
+            { id: 'TRADING', name: '已购买软著' },
 
 
             // { id: 'COMPLETE', name: '已完成的' },
@@ -1703,21 +1703,26 @@ export default function Index() {
                                 list={agentMenu.list}
                                 handleListItem={agentMenu.handleListItem}
                             /> */}
-                                {/* <MenuWithBottomButtom
+                                {THEME == 'mzw' ? (
-                                    button={sellMenu.button}
+                                    <MenuWithBottomButtom
-                                    list={sellMenu.list}
+                                        button={sellMenu.button}
-                                    handleListItem={sellMenu.handleListItem}
+                                        list={sellMenu.list}
-                                    sellKeywords={sellKeywords}
+                                        handleListItem={sellMenu.handleListItem}
-                                    sellBelongType={sellBelongType}
+                                        sellKeywords={sellKeywords}
-                                    sellDate={sellDate}
+                                        sellBelongType={sellBelongType}
-                                    language={language}
+                                        sellDate={sellDate}
-                                    sellBoxtype={sellBoxtype}
+                                        language={language}
+                                        sellBoxtype={sellBoxtype}
+
+                                        sellStatrtTime={sellStatrtTime}
+                                        sellEndTime={sellEndTime}
+                                        sellOrderStatus={sellOrderStatus}
+                                        sellOrderKeywords={sellOrderKeywords}
+                                    />
+                                ) : (
+                                    <></>
+                                )}
 
-                                    sellStatrtTime={sellStatrtTime}
-                                    sellEndTime={sellEndTime}
-                                    sellOrderStatus={sellOrderStatus}
-                                    sellOrderKeywords={sellOrderKeywords}
-                                /> */}
                                 {/* <MenuWithBottomButtom
                                     button={buyMenu.button}
                                     list={buyMenu.list}
@@ -2715,8 +2720,8 @@ export default function Index() {
                                                 allowClear
 
                                             />
-                                            
+
-    
+
                                             <Button
                                                 style={{
                                                     marginLeft: 5, height: 31