开发票

src/components/card/CardProj.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
+
 import './card-proj.css';
 // import { useDispatch } from 'react-redux'
 import { GlobalDispatchContext, reloadUser } from "../../context/GlobalContext.ts";

src/components/invoice/order/InvoiceOrderSelectedList.tsx

@@ -4,8 +4,8 @@ import {
 } from "antd";
 import useMessage from "antd/es/message/useMessage";
 import { useEffect, useState } from "react";
-import { get } from "../../../util/AjaxUtils.ts";
+// import { get } from "../../../util/AjaxUtils.ts";
-import { IListPage } from "../../../interfaces/listpage/IListPage.ts";
+// import { IListPage } from "../../../interfaces/listpage/IListPage.ts";
 
 import { getInvoiceRechargeList } from "../../../request/api.ts"
 

src/components/list/ListProjAgent.tsx

@@ -25,7 +25,6 @@ export default function ListProjAgent() {
     const [total, setTotal] = useState(0);
     const [agents, setAgents] = useState<IAgent[]>([]);
     const [isLoading, setIsLoading] = useState(false);
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const [keywords] = useState('');
     const domHeight = window.innerHeight - 280;
 

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

@@ -2,7 +2,8 @@
     /* padding: 15px; */
 }
 
-.bot {
+@media (min-width: 1551px) {
+    .bot {
         width: 230px;
         height: 56px;
         font-size: 18px;
@@ -14,22 +15,27 @@
         align-items: center;
         border-top: 1px solid #fde9ab;
         border-bottom: 1px solid #fde9ab;
-}
+    }
 
-.bot-lift {
+    .bot-lift {
+        width: 100%;
         display: flex;
         align-items: center;
+        /* justify-content: center; */
         font-size: 18px;
-}
+        /* background-color: skyblue; */
+        /* padding-left: 40px; */
+        box-sizing: border-box;
+    }
 
-.bot-lift img {
+    .bot-lift img {
         width: 15px;
         height: 15px;
-    margin-left: 39px;
+        margin-left: 50px;
         margin-right: 9px;
-}
+    }
 
-.bot-lift .sell-buy {
+    .bot-lift .sell-buy {
         width: 19px;
         height: 19px;
         border-radius: 50%;
@@ -40,9 +46,9 @@
         font-weight: 700;
         margin-left: 23px;
         margin-right: 6px;
-}
+    }
 
-.bot-right {
+    .bot-right {
         display: flex;
         align-items: center;
         font-size: 14px;
@@ -51,22 +57,22 @@
         /* background-color: red; */
         margin-left: 96px;
 
-}
+    }
 
-.bot-right img {
+    .bot-right img {
         /* margin-left: 96px; */
         margin-right: 10px;
         width: 14px;
         height: 13px;
-}
+    }
 
-.menu-with-bot-button ul {
+    .menu-with-bot-button ul {
         padding-top: 12px;
         padding-bottom: 12px;
         width: 230px;
-}
+    }
 
-.menu-with-bot-button ul li {
+    .menu-with-bot-button ul li {
         /* height: 50px;
         margin-left: 66px;
         font-weight: 400;
@@ -85,17 +91,19 @@
         text-indent: 32px;
         /* background-color: pink; */
         position: relative;
-}
+    }
-.botIcon{
+
+    .botIcon {
         position: absolute;
         color: white;
         width: 50px;
         right: 30px;
         top: 0;
         /* background-color: red; */
-}
 
-.menu-with-bot-button ul li.active {
+    }
+
+    .menu-with-bot-button ul li.active {
         /* text-decoration-line: underline; */
         width: 213px;
         height: 50px;
@@ -104,66 +112,124 @@
         color: white;
         text-indent: 59px;
 
+    }
+
+
 }
 
-/* .icon{
+@media (max-width: 1550px) {
-    color: white;
+    .bot {
-    margin-left: 101px;
+        width: 230px;
-} */
+        width: 191px;
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/* 
-.menu-with-top-button .top-button {
-    width: 268px;
         height: 56px;
-    background: #FFFBEF;
         font-size: 18px;
+        /* color: #FFAF22; */
+        background: #FFFBEF;
+
         color: #FFAF22;
-} */
-
-/* .menu-with-top-button ul {
-    padding: 10px;
-} */
-
-/* .menu-with-top-button ul li {
         display: flex;
         align-items: center;
-    justify-content: center;
+        border-top: 1px solid #fde9ab;
-    padding: 5px;
+        border-bottom: 1px solid #fde9ab;
+    }
+
+    .bot-lift {
+        display: flex;
+        align-items: center;
+        font-size: 18px;
+
+    }
+
+    .bot-lift img {
+        width: 15px;
+        height: 15px;
+        margin-left: 39px;
+        margin-right: 9px;
+    }
+
+    .bot-lift .sell-buy {
+        width: 19px;
+        height: 19px;
+        border-radius: 50%;
+        border: 2px solid #FFAF22;
+        font-size: 12px;
+        text-align: center;
+        line-height: 19px;
+        font-weight: 700;
+        margin-left: 23px;
+        margin-right: 6px;
+    }
+
+    .bot-right {
+        display: flex;
+        align-items: center;
+        font-size: 14px;
         cursor: pointer;
-} */
+        width: 53px;
+        /* background-color: red; */
+        margin-left: 96px;
 
-/* .menu-with-top-button ul li.active {
+    }
-    text-decoration-line: underline;
-    text-underline-offset: 5px;
-} */
 
-/* .menu-with-top-button ul li:hover {
+    .bot-right img {
-    text-decoration-line: underline;
+        /* margin-left: 96px; */
-    text-underline-offset: 5px;
+        margin-right: 10px;
-} */
+        width: 14px;
+        height: 13px;
+    }
 
-/* .menu-with-top-button ul li:last-child {
+    .menu-with-bot-button ul {
-    margin-bottom: 0;
+        padding-top: 12px;
+        padding-bottom: 12px;
+        width: 230px;
+
+    }
+
+    .menu-with-bot-button ul li {
+        /* height: 50px;
+        margin-left: 66px;
+        font-weight: 400;
+        font-size: 16px;
+        color: #313131;
+        line-height: 50px;
+        cursor: pointer; */
+        height: 50px;
+        margin-left: 35px;
+        font-weight: 400;
+        font-size: 16px;
+        color: #313131;
+        line-height: 50px;
+        cursor: pointer;
+        /* background-color: red; */
+        text-indent: 32px;
+        /* 修改 */
+        text-indent: 22px;
+        /* background-color: pink; */
+        position: relative;
+    }
+
+    .botIcon {
+        position: absolute;
+        color: white;
+        width: 50px;
+        right: 30px;
+        top: 0;
+        /* background-color: red; */
+        display: none;
+    }
+
+    .menu-with-bot-button ul li.active {
+        /* text-decoration-line: underline; */
+        width: 213px;
+        /* 修改 */
+        width: 171px;
+        height: 50px;
+        background: #FF9F08;
+        border-radius: 25px;
+        color: white;
+        text-indent: 59px;
+        text-indent: 50px;
+
+
+    }
 }
-
-.menu-with-top-button ul li .menu-icon {
-    width: 30px;
-    height: 30px;
-}
-
-.menu-with-top-button ul li .menu-name {
-    padding-left: 5px;
-} */

src/route/ProductRelease/ProductRelease.tsx

@@ -8,7 +8,9 @@ import {
 } from 'antd';
 import EditModal from './components/EditModal/EditModal'
 // import type { CheckboxProps } from 'antd';
-import { SearchOutlined, ClearOutlined } from '@ant-design/icons';
+import { 
+  // SearchOutlined,
+   ClearOutlined } from '@ant-design/icons';
 import type { DatePickerProps } from 'antd';
 import locale from 'antd/es/date-picker/locale/zh_CN';
 import React, { useState, useEffect } from 'react';
@@ -55,16 +57,16 @@ export default function ProductRelease() {
     setType(undefined)
   }
   // 点击搜索
-  const searchKeyWords = () => {
+  // const searchKeyWords = () => {
-    setPage(1)
+  //   setPage(1)
-    console.log(
+  //   console.log(
-      // dayjs(date).format(dateFormat)
+  //     // dayjs(date).format(dateFormat)
-      belongType, language, date, type
+  //     belongType, language, date, type
-    );
+  //   );
-    if (date) {
+  //   if (date) {
-      console.log(dayjs(date).format(dateFormat));
+  //     console.log(dayjs(date).format(dateFormat));
-    }
+  //   }
-  }
+  // }
 
   // 点击清除
   const clearKeyWords = () => {
@@ -219,7 +221,7 @@ export default function ProductRelease() {
           ]}
           value={type}
         />
-        <Button type="primary"
+        {/* <Button type="primary"
           style={{
             height: 36,
             // backgroundColor: '#FF9F08'
@@ -227,7 +229,7 @@ export default function ProductRelease() {
           onClick={searchKeyWords}
           icon={<SearchOutlined />}>
           搜索
-        </Button>
+        </Button> */}
         <Button
           style={{
             height: 36,