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 11:52:24 +08:00
parent f0783a0751
commit d3e9784d46
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,7 +2,7 @@ import './proj-new.css';
import { useNavigate, useParams, useSearchParams } from "react-router-dom"; import { useNavigate, useParams, useSearchParams } from "react-router-dom";
import { Table, AutoComplete, Button, Flex, Form, Input, message, Modal, Spin, Checkbox, DatePicker, Select } from "antd"; import { Table, AutoComplete, Button, Flex, Form, Input, message, Modal, Spin, Checkbox, DatePicker, Select } from "antd";
import { useContext, useEffect, useState, useRef } from "react"; import { useContext, useEffect, useState, useRef } from "react";
import { useLocation } from 'react-router-dom'; // import { useLocation } from 'react-router-dom';
import { get, post } from "../../util/AjaxUtils.ts"; import { get, post } from "../../util/AjaxUtils.ts";
// import {GlobalContext} from "../../context/GlobalContext.ts"; // import {GlobalContext} from "../../context/GlobalContext.ts";
import { import {
@ -130,9 +130,9 @@ export default function ProjNew() {
} }
const [packList, setPackList] = useState<any[]>([]) //服务包列表 const [packList, setPackList] = useState<any[]>([]) //服务包列表
const location = useLocation(); // const location = useLocation();
// const { price } = location.state || {}; // const { price } = location.state || {};
const [showPrice, setShowPrice] = useState(location.state.price) //显示的价格 // const [showPrice, setShowPrice] = useState(location.state.price) //显示的价格
const [selectPack, setSelectPack] = useState(false) //是否选择了服务器套餐 const [selectPack, setSelectPack] = useState(false) //是否选择了服务器套餐
// 是否显示优惠券 // 是否显示优惠券
const [couponShow, setcouponShow] = useState(true) const [couponShow, setcouponShow] = useState(true)
@ -195,8 +195,8 @@ export default function ProjNew() {
const [total, setTotal] = useState(0) const [total, setTotal] = useState(0)
const [nowPackageName, setNowPackageName] = useState('') //临时选择名字 const [nowPackageName, setNowPackageName] = useState('') //临时选择名字
const [nowpackageInfoId, setNowpackageInfoId] = useState('') //临时选择包id // const [nowpackageInfoId, setNowpackageInfoId] = useState('') //临时选择包id
const [packageInfoId, setPackageInfoId] = useState('') //确定选择包id // const [packageInfoId, setPackageInfoId] = useState('') //确定选择包id
const [nowpackageOrderId, setNowpackageOrderId] = useState('') //临时选择订单id const [nowpackageOrderId, setNowpackageOrderId] = useState('') //临时选择订单id
const [packageOrderId, setPackageOrderId] = useState('') //确定选择订单id const [packageOrderId, setPackageOrderId] = useState('') //确定选择订单id
const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([packageOrderId]); //被选择的而项目 const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([packageOrderId]); //被选择的而项目
@ -205,7 +205,7 @@ export default function ProjNew() {
onChange: (selectedRowKeys: React.Key[], selectedRows: DataType[]) => { onChange: (selectedRowKeys: React.Key[], selectedRows: DataType[]) => {
setSelectedRowKeys(selectedRowKeys); setSelectedRowKeys(selectedRowKeys);
setNowPackageName(selectedRows[0].packageName) setNowPackageName(selectedRows[0].packageName)
setNowpackageInfoId(selectedRows[0].packageInfoId) // setNowpackageInfoId(selectedRows[0].packageInfoId)
setNowpackageOrderId(selectedRows[0].packageOrderId) setNowpackageOrderId(selectedRows[0].packageOrderId)
}, },
@ -712,7 +712,7 @@ export default function ProjNew() {
}}>选择</div> }}>选择</div>
<div style={{ display: selectPack ? 'unset' : 'none', position: 'absolute', right: 23, fontSize: 16, color: '#1F79FF', cursor: 'pointer' }} onClick={() => { <div style={{ display: selectPack ? 'unset' : 'none', position: 'absolute', right: 23, fontSize: 16, color: '#1F79FF', cursor: 'pointer' }} onClick={() => {
setPackageInfoId('') // setPackageInfoId('')
setPackageOrderId('') setPackageOrderId('')
form.setFieldsValue({ form.setFieldsValue({
packageName: '' packageName: ''
@ -720,7 +720,7 @@ export default function ProjNew() {
setSelectPack(false) setSelectPack(false)
// setcouponShow(true) // setcouponShow(true)
setcouponShow(true) setcouponShow(true)
setShowPrice(location.state.price) // setShowPrice(location.state.price)
}}>取消</div> }}>取消</div>
</div> </div>
</div> </div>
@ -898,8 +898,8 @@ export default function ProjNew() {
color: 'red', color: 'red',
}} }}
> >
{(showPrice / 100 - couponNum) < 0 ? 0 : showPrice / 100 - couponNum} {/* {(showPrice / 100 - couponNum) < 0 ? 0 : showPrice / 100 - couponNum} */}
{selectPack ? 0 : (chargePrice / 100 - couponNum) < 0 ? 0 : chargePrice / 100 - couponNum}
元</span> 元</span>
</div> </div>
<div style={{ <div style={{
@ -1120,7 +1120,7 @@ export default function ProjNew() {
onCancel={() => { onCancel={() => {
setPackModal(false) setPackModal(false)
setNowPackageName('') setNowPackageName('')
setNowpackageInfoId('') // setNowpackageInfoId('')
setNowpackageOrderId('') setNowpackageOrderId('')
}}> }}>
@ -1161,7 +1161,7 @@ export default function ProjNew() {
// setPackSelectNo(record.packageInfoId) // setPackSelectNo(record.packageInfoId)
setSelectedRowKeys([record.packageOrderId]); setSelectedRowKeys([record.packageOrderId]);
setNowPackageName(record.packageName) setNowPackageName(record.packageName)
setNowpackageInfoId(record.packageInfoId) // setNowpackageInfoId(record.packageInfoId)
setNowpackageOrderId(record.packageOrderId) setNowpackageOrderId(record.packageOrderId)
}, },
style: { cursor: 'pointer' } // 鼠标显示为小手 style: { cursor: 'pointer' } // 鼠标显示为小手
@ -1176,7 +1176,7 @@ export default function ProjNew() {
<Button onClick={() => { <Button onClick={() => {
setPackModal(false) setPackModal(false)
setNowPackageName('') setNowPackageName('')
setNowpackageInfoId('') // setNowpackageInfoId('')
setNowpackageOrderId('') setNowpackageOrderId('')
}}>取消</Button> }}>取消</Button>
<Button <Button
@ -1186,10 +1186,10 @@ export default function ProjNew() {
type="primary" type="primary"
onClick={() => { onClick={() => {
// setPickSelectNo(nowPickSelectNo) // setPickSelectNo(nowPickSelectNo)
setShowPrice(0) // setShowPrice(0)
setSelectPack(true) setSelectPack(true)
setcouponShow(false) setcouponShow(false)
setPackageInfoId(nowpackageInfoId) // setPackageInfoId(nowpackageInfoId)
setPackageOrderId(nowpackageOrderId) setPackageOrderId(nowpackageOrderId)
form.setFieldsValue({ form.setFieldsValue({
packageName: nowPackageName packageName: nowPackageName