Skip to content

W
web
提交 24ab6406 作者: 翁进城
操作

Merge branch 'master' into feature/chuck

上级 4372450a 00daecb9
正在显示 包含 416 行增加 和 137 行删除
components/NavHeader/index.tsx
......@@ -46,7 +46,12 @@ export default function NavHeader() {
useContext(UserContext);
useEffect(() => {
const routerTo = items?.filter(item=>router.route.includes(item.key))[0]
if (routerTo) {
setCurrentPath(routerTo?.key!);
}else{
setCurrentPath(router.route);
}
console.log("currentHash", currentPath);
}, [router.route]);
......@@ -70,11 +75,7 @@ export default function NavHeader() {
if (!userInfo) {
setOpenLoginModal(true);
} else {
if (userInfo.companyAuthStatus) {
setOpenPublishModal(true);
} else {
router.push("/certification");
}
}
}
......
components/filter/index.tsx
......@@ -3,7 +3,8 @@ import { FilterOptionResp, RegionResp } from "./api";
import ResultItem from "./compoents/resultItem";
import RegionItem from "./compoents/regionItem";
import styles from "./index.module.scss";
import { useEffect, useState } from "react";
import React, { useEffect, useState, forwardRef, useImperativeHandle, Ref } from "react";
import { useRouter } from "next/router";
import BrandItem from "./compoents/brandItem";
import ModelItem from "./compoents/modelItem";
import PartItem from "./compoents/partItem";
......@@ -58,14 +59,77 @@ type Props = {
adapterFilterResult: AdapterResult //适配器,直接用于接口请求
) => void; //筛选条件更改事件
};
export default function Filter(props: Props) {
const idArr = [
"brandId",
"categoryId",
"modelId",
"partsId",
"productCategoryId",
"qualityId",
"industryId",
"appTypeId",
];
const nameArr: any = {
brandId: {
type: "brandId",
typeObj: "brand",
typeName: "品牌：",
},
// districtId: {
// type:"districtId",
// typeObj:"region",
// typeName:"地域：",
// },
modelId: {
type: "modelId",
typeObj: "model",
typeName: "型号：",
},
partsId: {
type: "partsId",
typeObj: "part",
typeName: "部件：",
},
productCategoryId: {
type: "productCategoryId",
typeObj: "category",
typeName: "类目：",
},
qualityId: {
type: "qualityId",
typeObj: "quality",
typeName: "成色：",
},
industryId: {
type: "industryId",
typeObj: "industryId",
typeName: "行业：",
},
appTypeId: {
type: "appTypeId",
typeObj: "appTypeId",
typeName: "应用：",
},
categoryId: {
type: "categoryId",
typeObj: "categoryId",
typeName: "类目：",
},
};
const Filter = (props: Props, ref: Ref<any>) => {
const router = useRouter();
useImperativeHandle(ref, () => ({
idArr: idArr,
clearRouter: clearRouter,
}));
const [result, setResult] = useState<FilterResult>({});
const onChange = (item: FilterOptionResp, type: string) => {
console.log(item, type);
const onChange = (item: FilterOptionResp, type: string) => {
clearRouter();
let data: { [key: string]: FilterOptionResp } = {};
data[type] = item;
console.log(data);
setResult({ ...result, ...data });
};
......@@ -83,7 +147,29 @@ export default function Filter(props: Props) {
categoryId: result.categoryId?.id,
});
}, [result]);
useEffect(() => {
let queryVal = JSON.parse(JSON.stringify(router.query));
if (Object.keys(router.query).length) {
for (const key in queryVal) {
if (idArr.includes(key)) {
onChange(
{ id: queryVal[key], name: nameArr[key].typeName + queryVal.name },
nameArr[key].typeObj
);
}
}
}
}, [router]);
const clearRouter = () => {
if (Object.keys(router.query).length) {
router.query = {};
router.replace(router.pathname);
}
};
const onDel = (key: string) => {
clearRouter();
//@ts-ignore
delete result[key];
setResult({
......@@ -162,4 +248,6 @@ export default function Filter(props: Props) {
</div>
</>
);
}
};
export default forwardRef(Filter);
components/loginModal/index.tsx
......@@ -67,7 +67,7 @@ export default function LoginModal(props: Props) {
window.localStorage.setItem("token", res.result.token);
api.userInfo().then((res) => {
setUserInfo(res.result || "");
setUserInfo(res.result);
window.messageApi.success("登录成功");
props.onCancel();
});
......
lib/userProvider.tsx
......@@ -10,8 +10,8 @@ import api, { UserInfoResp } from "~/api";
export const UserContext = createContext<{
testLogin: () => void;
logout: () => void;
userInfo: UserInfoResp | null | "";
setUserInfo: Dispatch<SetStateAction<UserInfoResp | null | "">>;
userInfo: UserInfoResp | null | undefined;
setUserInfo: Dispatch<SetStateAction<UserInfoResp | null | undefined>>;
needLogin: Boolean;
setNeedLogin: Dispatch<SetStateAction<Boolean>>;
}>({
......@@ -27,12 +27,14 @@ type Props = {
children: React.ReactNode;
};
const UserProvider = ({ children }: Props) => {
const [userInfo, setUserInfo] = useState<UserInfoResp | null | ''>(null);
const [userInfo, setUserInfo] = useState<UserInfoResp | null | undefined>(null);
const [needLogin, setNeedLogin] = useState<Boolean>(false); //用于通知登录modal需要打开
useEffect(() => {
try {
setUserInfo(JSON.parse(window.localStorage.getItem("userInfo") || ""));
setUserInfo(
JSON.parse(window.localStorage.getItem("userInfo") || "") || undefined
);
} catch (e) {}
}, []);
......@@ -48,7 +50,7 @@ const UserProvider = ({ children }: Props) => {
if (res.code == "200") {
window.localStorage.setItem("token", res.result?.token || "");
api.userInfo().then((res) => {
setUserInfo(res.result || '');
setUserInfo(res.result || undefined);
});
}
});
......@@ -57,7 +59,7 @@ const UserProvider = ({ children }: Props) => {
//登出
function logout() {
localStorage.setItem("token", "");
setUserInfo('');
setUserInfo(undefined);
}
return (
......
pages/equipmentLeasing/detail/[id].page.tsx
import React, { useEffect , useState } from 'react'
import React, { useContext, useEffect , useState } from 'react'
import {useRouter} from 'next/router';
import Layout from "~/components/layout";
import {Box} from './styled';
......@@ -7,11 +7,15 @@ import { Button , Image as AImage , Divider , Select,Modal ,Tag,Space,Form,messa
import Image from 'next/image';
import errImg from "~/assets/errImg";
import api,{GetWebDeviceDetailResult,GetWebDeviceWareSkuById} from './api';
const {CheckableTag } = Tag
import LoginModal from "~/components/loginModal";
import { UserContext } from '~/lib/userProvider';
const { CheckableTag } = Tag
export default function EquipmentLeasingDetail() {
const router = useRouter();
const { userInfo } = useContext(UserContext);
const [openLoginModal, setOpenLoginModal] = useState(false); //登录modal
const [id, setId] = useState<number | null>(null);
const [detail,setDetail] = useState<GetWebDeviceDetailResult | null>()
......@@ -52,6 +56,7 @@ export default function EquipmentLeasingDetail() {
const [selectedTagsData, setSelectedTagsData] = useState<string>();
const showModal = () => {
if (userInfo?.id) {
setIsModalOpen(true);
if (wareSkuList?.length) {
setSelectedTags(wareSkuList[0].id);
......@@ -59,6 +64,9 @@ export default function EquipmentLeasingDetail() {
setSelectedTagsData("3-7天")
form.setFieldValue("date","3-7天")
}
}else{
setOpenLoginModal(true)
}
};
const handleOk = () => {
......@@ -245,6 +253,10 @@ export default function EquipmentLeasingDetail() {
</Form.Item>
</Form>
</Modal>
<LoginModal
open={openLoginModal}
onCancel={() => setOpenLoginModal(false)}
></LoginModal>
</Box>
</Layout>
)
......
pages/equipmentLeasing/index.page.tsx
import React, { useEffect, useState } from "react";
import React, { useEffect, useState , useRef } from "react";
import { useRouter } from "next/router";
import { Pagination } from "antd";
import { Box } from "./styled";
......@@ -19,6 +19,7 @@ type Props = {};
export default function EquipmentLeasing(props: Props) {
const router = useRouter();
const filter = useRef<any>()
const [productList, setProductList] = useState(
Array<{ element: JSX.Element }>
);
......@@ -38,8 +39,7 @@ export default function EquipmentLeasing(props: Props) {
<Image
src={item.wareImgs[0].imgUrl}
alt="error"
width={116}
height={116}
fill
/>
</div>
</div>
......@@ -87,12 +87,20 @@ export default function EquipmentLeasing(props: Props) {
//端口列表请求
useEffect(() => {
let queryVal = JSON.parse(JSON.stringify(router.query));
const idArr = filter.current.idArr
let rs
for (const key in queryVal) {
if (idArr.includes(key)) {
rs = {[key]:router.query[key]}
}
}
api
.listPageDeviceInfo(
{
...filterResult,
...pageParams,
...router.query,
...rs,
},
{
signal: abort?.signal,
......@@ -127,17 +135,18 @@ export default function EquipmentLeasing(props: Props) {
}, []);
useEffect(() => {
let queryVal = JSON.parse(JSON.stringify(router.query));
if (router.query) {
setFilterResult({ ...router.query });
console.log(router.query,{brandId:1});
onFilterChange({
categoryId: {
id: 2,
name: "类目：航测"
const idArr = filter.current.idArr
for (const key in queryVal) {
if (idArr.includes(key)) {
setFilterResult({ [key]:router.query[key] });
}
}
},{categoryId:2});
}
}, [router]);
return (
<Layout>
<Box>
......@@ -145,12 +154,13 @@ export default function EquipmentLeasing(props: Props) {
types={["地域", "设备类目", "设备品牌", "设备型号"]}
showResultItem
onChange={onFilterChange}
ref={filter}
></Filter>
<div style={{ paddingTop: 13 }}>
<ContentBox
boxIndex={5}
leftcontentstyle={{
width: "1020px",
width: "1010px",
margin: { top: 0, right: "12px", bottom: "12px", left: 0 },
}}
leftRenderDom={{
......
pages/equipmentLeasing/styled.tsx
......@@ -25,6 +25,7 @@ export const Box = styled.div`
width: 116px;
height: 116px;
background: #efefef;
position: relative;
}
}
&-bottom {
......
pages/flyingHandService/examination/components/brushQuestionZone/index.tsx
......@@ -2,7 +2,8 @@ import React,{ useEffect ,useState} from 'react'
import {Box} from './styled'
import {Cascader,Select} from 'antd'
import api, { Flying, SkillsType, RegionResp } from "../../../api";
import Image from 'next/image'
import xt from './assets/xt.png'
interface BrushQuestionZoneType {
}
......@@ -95,7 +96,7 @@ export default function BrushQuestionZone() {
<div className="content">
{list?.map((item, i) => (
<div key={i} className="item">
<div className="img-box"></div>
<div className="img-box"><Image src={xt.src} fill alt='#'></Image> </div>
<div className="item-content">
第一章 第1节 习题练习习题练习习题练习
</div>
......
pages/flyingHandService/examination/components/brushQuestionZone/styled.tsx
......@@ -54,13 +54,13 @@ export const Box = styled.div`
width: 120px;
height: 100px;
background: #E6E6E6;
position: relative;
}
.item-content{
display: flex;
align-items: center;
flex: 1;
padding: 12px 14px 11px 16px;
}
}
}
......
pages/flyingHandService/examination/components/mockExam/index.tsx
import React , {useEffect,useState} from 'react'
import {Box} from './styled'
import Image from 'next/image'
import kh from './assets/kh.jpg'
interface MockExamType {
}
......@@ -16,7 +17,7 @@ export default function MockExam() {
<div className="content">
{list?.map((item, i) => (
<div key={i} className="item">
<div className="img-box"></div>
<div className="img-box"><Image src={kh.src} fill alt='#'></Image></div>
<div className="item-content">
<div className="top">云飞手行业认证考核</div>
<div className="bottom">
......
pages/flyingHandService/examination/components/mockExam/styled.tsx
......@@ -27,6 +27,7 @@ export const Box = styled.div`
width: 120px;
height: 100px;
background: #E6E6E6;
position: relative;
}
.item-content{
display: flex;
......
pages/flyingHandService/index.page.tsx
import React, { useEffect, useState } from "react";
import React, { useContext, useEffect, useState } from "react";
import { Box } from "./styled";
import Image from "next/image";
import { Button, Select, Space, Pagination, Cascader, Modal , Form ,Input,Checkbox, message} from "antd";
......@@ -7,6 +7,8 @@ import Layout from "~/components/layout";
import ContentBox from "~/components/contentBox";
import api, { Flying, SkillsType, RegionResp } from "./api";
import { useRouter } from "next/router";
import LoginModal from "~/components/loginModal";
import { UserContext } from "~/lib/userProvider";
interface FilterInfoParams {
regionId?: number;
flightSkillsId?: number;
......@@ -16,6 +18,8 @@ interface FilterInfoParams {
export default function FlyingHandService() {
const {Option} = Select
const router = useRouter();
const {userInfo} = useContext(UserContext);
const [openLoginModal, setOpenLoginModal] = useState(false); //登录modal
const [list, setList] = useState([
"https://pad-video-x.oss-cn-shenzhen.aliyuncs.com/file/540X844-1(1).jpg",
"https://pad-video-x.oss-cn-shenzhen.aliyuncs.com/file/540X844(1).jpg",
......@@ -54,8 +58,7 @@ export default function FlyingHandService() {
<Image
src={`${item.videoUrl}?x-oss-process=video/snapshot,t_1000,m_fast`}
alt="#"
width={220}
height={160}
fill
/>
</div>
<div className="item-bottom">
......@@ -133,10 +136,19 @@ export default function FlyingHandService() {
}) || []
);
setCount(res.result?.totalCount || 0);
clearRouter()
});
}, [abort]);
const clearRouter = () => {
if (Object.keys(router.query).length) {
router.query = {}
router.replace(router.pathname)
}
}
const onProvinceChange = (value: number) => {
clearRouter()
if (value) {
setFlightDefault(value)
}else{
......@@ -151,6 +163,7 @@ export default function FlyingHandService() {
};
const onChange = (value: any) => {
clearRouter()
if (value) {
setSkillsDefault([value])
}else{
......@@ -165,6 +178,7 @@ export default function FlyingHandService() {
};
const onChangeRegion = (value: any) => {
clearRouter()
setFilterParams((props) => {
return {
...props,
......@@ -314,7 +328,7 @@ export default function FlyingHandService() {
<Button
type="primary"
className="btn"
onClick={() => setIsModalOpen(true)}
onClick={() => userInfo?.id ? setIsModalOpen(true) : setOpenLoginModal(true)}
>
报名学习课程
</Button>
......@@ -433,6 +447,10 @@ export default function FlyingHandService() {
}}
rightRenderDom={{ columns: rightDomList }}
/>
<LoginModal
open={openLoginModal}
onCancel={() => setOpenLoginModal(false)}
></LoginModal>
</Box>
</Layout>
);
......
pages/flyingHandService/styled.tsx
......@@ -51,6 +51,7 @@ export const Box = styled.div`
background-color: #e6e6e6;
border-radius: 6px 6px 0px 0px;
overflow: hidden;
position: relative;
}
&-bottom {
padding: 9px 12px 12px;
......
pages/forum/api/index.tsx
......@@ -40,10 +40,9 @@ export interface CommentParams {
content: string; //评论内容
dynamicId: number; //动态id
parentId?: number; //父级评论
userId: number; //用户id
}
export interface ByDynamicParams {
export interface ByDynamicResp {
id: number;
dynamicId: number;
parentId: number;
......@@ -51,7 +50,12 @@ export interface ByDynamicParams {
content: string;
likesCount: number;
createTime: string;
children: ByDynamicParams[];
children: ByDynamicResp[];
userBaseInfoVO: {
id: number,
nickName: string,
userImg: string
}
}
export default {
......@@ -70,7 +74,14 @@ export default {
},
//根据动态查看评论
byDynamic(params: { dynamicId: number }): Promise<Response<Array<ByDynamicParams>>> {
byDynamic(params: {
dynamicId: number;
}): Promise<Response<Array<ByDynamicResp>>> {
return request("/release/dynamic/byDynamic", "get", params);
},
//点赞或取消点赞
likeOrCancel(params: { dynamicId: number }) {
return request("/release/dynamic/likeOrCancel", "get", params);
},
};
pages/forum/index.page.tsx
......@@ -15,14 +15,15 @@ import errImg from "~/assets/errImg";
import { RightOutlined } from "@ant-design/icons";
import { useContext, useEffect, useState } from "react";
import PublishMessage from "./components/publishMessage";
import api, { ByDynamicParams, Dynamic } from "./api";
import api, { ByDynamicResp, Dynamic } from "./api";
import InfiniteScroll from "react-infinite-scroll-component";
import { UserContext } from "~/lib/userProvider";
import moment from "moment";
interface Item extends Dynamic {
openComment?: boolean; //是否开启评论
showCommentAll?: boolean; //是否展示全部评论
commentList?: Array<ByDynamicParams>;
commentList?: Array<ByDynamicResp>; //评论列表
}
export default function Forum() {
......@@ -34,6 +35,7 @@ export default function Forum() {
});
const [count, setCount] = useState(0); //动态总数
const { userInfo, setNeedLogin } = useContext(UserContext);
const [form] = Form.useForm(); //评论区的form
useEffect(() => {
api
......@@ -78,27 +80,74 @@ export default function Forum() {
item.openComment = !item.openComment;
const temp = [...list];
setList(temp);
getCommentList(item);
};
//评论内容
const onComment = (values: any, id: number, i: number) => {
//获取评论列表
const getCommentList = (item: Item) => {
api
.byDynamic({
dynamicId: item.id,
})
.then((res) => {
if (res?.code === "200") {
item.commentList = res.result || [];
}
const temp = [...list];
setList(temp);
});
};
//展示所有评论
const showCommentAll = (item: Item) => {
item.showCommentAll = true;
const temp = [...list];
setList(temp);
};
//评论内容
const onComment = (values: any, item: Item) => {
if (userInfo) {
api
.comment({
content: values.content,
dynamicId: id,
userId: userInfo.id,
dynamicId: item.id,
})
.then((res) => {
if (res.code === "200") {
window.messageApi.success("评论成功");
form.resetFields(["content"]);
item.commentCount += 1;
getCommentList(item);
}
});
} else {
setNeedLogin(true);
}
};
//点赞或取消
const onLike = (item: Item) => {
if (userInfo) {
api
.likeOrCancel({
dynamicId: item.id,
})
.then((res) => {
if (res.code === "200") {
item.likes = !item.likes;
if (item.likes) {
item.likesCount++;
} else {
item.likesCount--;
}
const temp = [...list];
setList(temp);
}
});
}
};
return (
<Layout>
<div className={styles.forum}>
......@@ -169,7 +218,10 @@ export default function Forum() {
></div>
{item.commentCount}评论
</div>
<div className={styles.ctrlsItem}>
<div
className={styles.ctrlsItem}
onClick={() => onLike(item)}
>
<div
className={`${styles.ctrlsItemIcon} ${
styles.iconPraise
......@@ -183,8 +235,9 @@ export default function Forum() {
{item.openComment && (
<div className={styles.commentWrap}>
<Form
form={form}
onFinish={(values) => {
onComment(values, item.id, i);
onComment(values, item);
}}
>
<Form.Item
......@@ -213,38 +266,53 @@ export default function Forum() {
</Form>
<div className={styles.comments}>
<div className={styles.commentItem}>
<div className={styles.commentHeadImg}></div>
<div className={styles.info}>
<div className={styles.nameWrap}>
<div className={styles.commentName}>
无人机爱好者111：
<div className={styles.date}>05-16</div>
</div>
<div className={styles.commentContent}>
无人机记录生活
</div>
</div>
</div>
{/* 判断是否展示所有评论 */}
{item.commentList
?.filter((comment, i) => {
if (item.showCommentAll) {
return true;
} else {
if (i < 2) {
return true;
}
}
})
.map((comment) => {
return (
<div
key={comment.id}
className={styles.commentItem}
>
<div className={styles.commentHeadImg}>
<Image
src={comment.userBaseInfoVO?.userImg}
></Image>
</div>
<div className={styles.commentItem}>
<div className={styles.commentHeadImg}></div>
<div className={styles.info}>
<div className={styles.nameWrap}>
<div className={styles.commentName}>
无人机爱好者111：
<div className={styles.date}>05-16</div>
{comment.userBaseInfoVO?.nickName}：
<div className={styles.date}>
{moment(comment.createTime).format(
"YYYY-MM-DD"
)}
</div>
</div>
<div className={styles.commentContent}>
无人机记录生活
{comment.content}
</div>
</div>
</div>
</div>
);
})}
</div>
{!item.showCommentAll && (
<div className={styles.showAll}>
查看全部15条评论
{!item.showCommentAll && item.commentCount > 2 && (
<div
className={styles.showAll}
onClick={() => showCommentAll(item)}
>
查看全部{item.commentCount}条评论
<RightOutlined size={14} />
</div>
)}
......
pages/home/waterfallFlowBody/components/map/moreServicePoints/index.page.tsx
......@@ -213,13 +213,13 @@ export default function MoreServicePoints() {
onClick={() => mapEntiy(1)}
className={`item ${mapItem === 1 ? "active" : ""}`}
>
租赁网点
培训网点
</div>
<div
onClick={() => mapEntiy(2)}
className={`item ${mapItem === 2 ? "active" : ""}`}
>
培训网点
租赁网点
</div>
<div
onClick={() => mapEntiy(3)}
......
pages/home/waterfallFlowBody/components/rotationChart/index.tsx
......@@ -21,7 +21,7 @@ export default function RotationChart() {
{list.map((item) => (
<div key={item}>
<h3 className="contentStyle">
<Image src={item} alt="error" width={806} height={200} />
<Image src={item} alt="error" fill />
</h3>
</div>
))}
......
pages/home/waterfallFlowBody/components/rotationChart/styled.tsx
......@@ -39,5 +39,6 @@ export const Box = styled.div`
line-height: 100px;
text-align: center;
background: #364d79;
position: relative;
}
`;
pages/home/waterfallFlowBody/index.tsx
import React, { useEffect, useState } from "react";
import React, { useContext, useEffect, useState } from "react";
import { Space, Select, Button, message } from "antd";
import Image from "next/image";
import { useRouter } from "next/router";
......@@ -23,7 +23,8 @@ import {
listNewsApi,
} from "./api";
import { BaseOptionType, DefaultOptionType } from "antd/es/select";
import LoginModal from "~/components/loginModal";
import { UserContext } from "~/lib/userProvider";
interface ColumnsType {
title: string;
router: string;
......@@ -31,7 +32,8 @@ interface ColumnsType {
export default function WaterfallFlowBody() {
const router = useRouter();
const {userInfo} = useContext(UserContext); //获取信息
const [openLoginModal, setOpenLoginModal] = useState(false); //登录modal
const [list, setList] = useState([
"中国人寿",
"中国平安",
......@@ -254,37 +256,43 @@ export default function WaterfallFlowBody() {
}, []);
const routerPath = (index: number, item?: AllType) => {
if (index === 0 || index === 1 || index === 3 || index === 4 ) {
if ( item && (index === 0 || index === 1 || index === 3 || index === 4) ) {
router.push({
pathname: columns[index].router,
query: { [item?.type!]: item?.id! , name: item?.name || item?.appName || item?.skillsName },
});
}else{
router.push({
pathname: columns[index].router,
query: { [item?.type!]: item?.id! },
});
}
};
const handleTenderApply = async (item:NewsTenderType)=>{
if (item.apply) return;
if (userInfo?.id) {
let res = await listNewsApi.tenderApply({
tenderInfoId: item.id,
tenderNewsId: item.tenderNewsId,
userAccountId: userInfo?.id,
})
try{
if (res.code==="200") {
message.success("申请成功")
item.apply = 1
// let res = await listNewsApi.tenderApply({
// tenderInfoId: item.id,
// tenderNewsId: item.tenderNewsId,
// userAccountId: 0,
// })
// try{
// if (res.code==="200") {
// message.success("申请成功")
// let res8 = await listNewsApi.listNewTenderInfo({
// pageNo: 1,
// pageSize: 6,
// });
// setRightBottomDomList(rightDom2(res8.result?.list!));
// }else{
// message.error(res.message)
// }
// }catch(e){
// console.log(e);
// }
let res8 = await listNewsApi.listNewTenderInfo({
pageNo: 1,
pageSize: 6,
});
setRightBottomDomList(rightDom2(res8.result?.list!));
}else{
message.error(res.message)
}
}catch(e){
console.log(e);
}
}else{
setOpenLoginModal(true)
}
}
const leftDom = (
......@@ -451,6 +459,10 @@ export default function WaterfallFlowBody() {
],
}}
/>
<LoginModal
open={openLoginModal}
onCancel={() => setOpenLoginModal(false)}
></LoginModal>
</Box>
);
}
pages/jobServices/detail/api/index.tsx
......@@ -17,7 +17,9 @@ export interface JobDetail {
contentVideo?: string | null,
star?: number,
img?: string | null,
type?: number
type?: number,
name?:string,
time?:number | string
}
export interface ListPageJobInfoResp {
......
pages/jobServices/detail/components/evaluate/index.tsx
import React from "react";
import React, { useEffect } from "react";
import { Box } from "./styled";
import { Rate } from "antd";
import Image from "next/image";
import { JobDetail } from "../../api";
import pic1 from './assets/1.webp'
import pic2 from './assets/2.webp'
import pic3 from './assets/3.webp'
import pic4 from './assets/4.webp'
import pic5 from './assets/5.webp'
import pic6 from './assets/6.webp'
import pic7 from './assets/7.webp'
import pic8 from './assets/8.webp'
import pic9 from './assets/9.webp'
import Moment from 'moment';
const imgList = [
pic1,
pic2,
pic3,
pic4,
pic5,
pic6,
pic7,
pic8,
pic9
]
const name = [
"浮生若梦",
"惜君嫣云",
"抹茶味儿的菇凉",
"清歌缈缦",
"清新雅致",
"呆到深处自然萌",
"各不打扰",
"无声飞雪",
"我一生下来就是个无齿的人",
"浅笑小倔强",
"乱了夏末蓝了海",
"初夏知鸣"]
interface EvaluateType {
evaluateInfo: Array<JobDetail>;
}
export default function Evaluate(props: EvaluateType) {
const list = [{}, {}, {}, {}];
const { evaluateInfo } = props;
console.log(evaluateInfo);
let listVal:Array<JobDetail> = JSON.parse(JSON.stringify(evaluateInfo))
listVal.map((item,index)=>{
item.img = imgList[Math.floor(Math.random() * 9)]?.src
item.name = name[Math.floor(Math.random() * 12)]
console.log(Date.now() - (index * 100000));
item.time = Date.now() - (index * 8e7)
})
return (
<Box>
{evaluateInfo?.map((item, i) => (
{listVal?.map((item, i) => (
<div key={item.id} className="item">
<div className="item-user">
<div className="item-user-image">
......@@ -22,25 +65,25 @@ export default function Evaluate(props: EvaluateType) {
className="image"
height={42}
width={42}
src={item.img ? item.img : ""}
src={item.img ? item.img : ''}
alt="#"
/>
</div>
<div className="item-user-info">
<div className="item-user-info-name">{item.star}</div>
<div className="item-user-info-name">{item.name}</div>
<Rate style={{ height: 30 }} disabled defaultValue={item.star} />
</div>
</div>
<div className="item-content">
<div className="item-content-label">{item.content}</div>
<div className="item-content-image">
{item.contentImgs?.map((item) => (
{item.contentImgs?.length ? item.contentImgs?.map((item) => (
<div key={item} className="image-item">
<Image width={80} height={80} src={item} alt="error" />
</div>
))}
)) : null }
</div>
<div className="item-content-time">3月4日</div>
<div className="item-content-time">{Moment(item.time).format('YYYY-MM-DD')}</div>
</div>
</div>
))}
......
pages/jobServices/detail/components/evaluate/styled.tsx
......@@ -9,7 +9,7 @@ export const Box = styled.div`
overflow-y: auto;
height: 800px;
.item{
height: 180px;
height: 120px;
&-user{
display: flex;
align-items: center;
......@@ -57,7 +57,6 @@ export const Box = styled.div`
}
}
&-time{
width: 45px;
height: 20px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
......
pages/jobServices/index.page.tsx
import React, { useEffect, useState } from "react";
import React, { useEffect, useState , useRef } from "react";
import { Box } from "./styled";
import { Pagination } from "antd";
import Layout from "~/components/layout";
......@@ -18,6 +18,7 @@ interface ImageListType {}
export default function JobServices() {
const router = useRouter();
const filter = useRef<any>()
const [list, setList] = useState([
"https://pad-video-x.oss-cn-shenzhen.aliyuncs.com/file/540X844-2(1).jpg",
// "https://pad-video-x.oss-cn-shenzhen.aliyuncs.com/file/665512fd-12e6-49a9-93c1-f9dcd0e82083.jpg",
......@@ -92,15 +93,19 @@ export default function JobServices() {
//端口列表请求
useEffect(() => {
let queryVal = JSON.parse(JSON.stringify(router.query));
const idArr = filter.current.idArr
let rs
for (const key in queryVal) {
queryVal[key] = Number(queryVal[key]);
if (idArr.includes(key)) {
rs = {[key]:router.query[key]}
}
}
api
.listPageJobServicesInfo(
{
...filterResult,
...pageParams,
...queryVal,
...rs,
},
{
signal: abort?.signal,
......@@ -124,8 +129,6 @@ export default function JobServices() {
setFilterResult(adapterFilterResult);
};
const [query, setQuery] = useState<string | string[]>();
useEffect(() => {
setRightDomList(
list.map((item) => {
......@@ -135,12 +138,14 @@ export default function JobServices() {
}, []);
useEffect(() => {
if (router.query && Object.keys(router.query).length) {
let queryVal = JSON.parse(JSON.stringify(router.query));
if (router.query) {
const idArr = filter.current.idArr
for (const key in queryVal) {
queryVal[key] = Number(queryVal[key]);
if (idArr.includes(key)) {
setFilterResult({ [key]:router.query[key] });
}
}
setFilterResult({ ...queryVal });
}
}, [router]);
......@@ -151,6 +156,7 @@ export default function JobServices() {
types={["地域", "行业", "应用"]}
showResultItem
onChange={onFilterChange}
ref={filter}
></Filter>
<div style={{ marginTop: 10 }}>
<ContentBox
......
pages/projectInfo/components/bids/index.tsx
......@@ -22,13 +22,14 @@ export default function Bids(props: Props) {
const [count, setCount] = useState(0);
const [abort, setAbort] = useState<AbortController | null>(null);
const [loading, setLoading] = useState(false);
const {userInfo, setNeedLogin} = useContext(UserContext);
const { userInfo, setNeedLogin } = useContext(UserContext);
const [reload, setReload] = useState(false);
useEffect(() => {
//中断前一次请求
abort?.abort();
setAbort(new AbortController());
}, [pageParams, props.params]);
}, [pageParams, props.params, reload]);
useEffect(() => {
if (!abort) {
......@@ -70,6 +71,7 @@ export default function Bids(props: Props) {
.then((res) => {
if (res.code === "200") {
window.messageApi.success("申请成功");
setReload(!reload);
}
});
} else {
......
pages/projectInfo/components/requirements/api/index.ts
......@@ -24,6 +24,7 @@ export interface Item {
publishName: string;
publishPhone: string;
requireDescription: string;
requirementTypeName: string;
solved?: 0 | 1;
createTime: string;
updateTime?: string;
......@@ -31,7 +32,6 @@ export interface Item {
export interface SolveRequireParams {
requirementsInfoId: number, //需求id
userAccountId: number //用户id
}
......
pages/projectInfo/components/requirements/index.module.scss
......@@ -32,6 +32,7 @@
}
.desc {
width: fit-content;
font-size: 14px;
font-family: MicrosoftYaHei;
color: RGBA(135, 135, 135, 0.4);
......
pages/projectInfo/components/requirements/index.tsx
import { Button, Empty, Pagination, Popconfirm, Spin } from "antd";
import { Button, Empty, Pagination, Popconfirm, Spin, Tooltip } from "antd";
import router from "next/router";
import React, { useState, useEffect } from "react";
import React, { useState, useEffect, useContext } from "react";
import { UserContext } from "~/lib/userProvider";
import api, { Item } from "./api";
import styles from "./index.module.scss";
......@@ -22,12 +23,8 @@ export default function Requirements(props: Props) {
});
const [count, setCount] = useState(0);
const [abort, setAbort] = useState<AbortController | null>(null);
const [userId, setUserId] = useState(-1);
const [reload, setReload] = useState(false);
useEffect(() => {
setUserId(Number(window.localStorage.getItem("userId") || -1));
}, []);
const { userInfo } = useContext(UserContext);
useEffect(() => {
//中断前一次请求
......@@ -72,7 +69,6 @@ export default function Requirements(props: Props) {
api
.solveRequire({
requirementsInfoId: item.id,
userAccountId: userId,
})
.then((res) => {
if (res.code === "200") {
......@@ -94,14 +90,16 @@ export default function Requirements(props: Props) {
<div className={styles.logo}></div>
<div className={styles.info}>
<div className={styles.title}>
项目需求：{item.requireDescription}
项目需求：{item.requirementTypeName}
</div>
{/*
<Tooltip placement="top" title={item.requireDescription}>
<div className={styles.desc}>
具体需求：{item.requireDescription}
</div> */}
</div>
{item.userAccountId === userId ? (
</Tooltip>
</div>
{userInfo && item.userAccountId === userInfo.id ? (
<Popconfirm
title="提示"
description="确认该需求已经解决了吗？"
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论