9.7 大屏修改
This commit is contained in:
jl-zhoujl2
File diff suppressed because one or more lines are too long
@ -180,6 +180,29 @@
|
||||
}
|
||||
}
|
||||
|
||||
.card-project-default {
|
||||
height: calc(~"(100vh - 177px - 3rem) / 3");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
border-bottom-left-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
&>img {
|
||||
height: 40%;
|
||||
}
|
||||
}
|
||||
|
||||
.card-default-01 {
|
||||
background-image: url('@{screen-img-url}/default_pic01.jpg');
|
||||
}
|
||||
|
||||
.card-default-02 {
|
||||
background-image: url('@{screen-img-url}/default_pic02.jpg');
|
||||
}
|
||||
|
||||
.card-carema-c {
|
||||
height: calc(~"100% - 110px - 0.5rem");
|
||||
width: 100%;
|
||||
@ -287,7 +310,7 @@
|
||||
|
||||
.map-grand {
|
||||
position: absolute;
|
||||
right: 4rem;
|
||||
right: 6%;
|
||||
bottom: 2rem;
|
||||
|
||||
.map-grand-title {
|
||||
@ -327,7 +350,7 @@
|
||||
|
||||
.screen-table {
|
||||
margin-top: 0.5rem;
|
||||
height: calc(100% - 36px - 0.5rem);
|
||||
height: calc(100% - 40px - 0.5rem);
|
||||
overflow: hidden;
|
||||
|
||||
.ant-table-container table>thead>tr:first-child th:first-child {
|
||||
|
||||
@ -342,15 +342,17 @@ export default () => {
|
||||
renderItem={item => (
|
||||
<List.Item>
|
||||
<div className="list-card" onClick={() => onCardClick(item)}>
|
||||
<p className="list-card-title">
|
||||
<img src={content_title} />
|
||||
<span>{item.meetingName}</span>
|
||||
</p>
|
||||
<p>项目名称：<span className="project-text">{item.projectName}</span></p>
|
||||
<p>标段名称：{item.sectionName}</p>
|
||||
<p>评标时间：{item.startDate} —— {item.endDate}</p>
|
||||
<p className="space-between"><span>专家数量：{item.expertNumber}</span><span>所属省份：{proviceEnum[item.provinceDictId]}</span></p>
|
||||
<p className="space-between"><span>评标状态：<span className={statusColorMap[item.status]}>{bidStatusMap[item.status]}</span></span>{item.isAbnormal == "1" && <span className="error-text">异常预警</span>}</p>
|
||||
<div>
|
||||
<p className="list-card-title">
|
||||
<img src={content_title} />
|
||||
<span>{item.areaName}</span>
|
||||
</p>
|
||||
<p>项目名称：<span className="project-text">{item.projectName}</span></p>
|
||||
<p>标段名称：{item.sectionName}</p>
|
||||
<p>评标时间：{item.startDate} —— {item.endDate}</p>
|
||||
<p className="space-between"><span>专家数量：{item.expertNumber}</span><span>所属省份：{proviceEnum[item.provinceDictId]}</span></p>
|
||||
<p className="space-between"><span>评标状态：<span className={statusColorMap[item.status]}>{bidStatusMap[item.status]}</span></span>{item.isAbnormal == "1" && <span className="error-text">异常预警</span>}</p>
|
||||
</div>
|
||||
</div>
|
||||
</List.Item>
|
||||
)}
|
||||
|
||||
@ -36,6 +36,10 @@
|
||||
.ant-tooltip-arrow {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&>.ant-tooltip-content>.ant-tooltip-inner>p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.top-province-tag {
|
||||
@ -189,7 +193,7 @@
|
||||
border-radius: 4px;
|
||||
border: 1px solid #5c69a1;
|
||||
cursor: pointer;
|
||||
padding: 1rem;
|
||||
padding: 0 0.5rem;
|
||||
|
||||
&:hover {
|
||||
border-color: #fff;
|
||||
@ -215,16 +219,24 @@
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
&>p {
|
||||
font-size: 1rem;
|
||||
&>div {
|
||||
position: relative;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
&>div>p {
|
||||
margin-bottom: 0.5rem;
|
||||
color: #fff;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0.25rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
color: #fff;
|
||||
|
||||
.project-text {
|
||||
color: #2bddf4;
|
||||
}
|
||||
@ -254,46 +266,140 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-height:1080px) {
|
||||
@media screen and (min-height:1440px) {
|
||||
.list-card {
|
||||
height: 36vh;
|
||||
max-height: 36vh;
|
||||
padding: 1rem 1.2rem;
|
||||
height: 41vh;
|
||||
max-height: 41vh;
|
||||
padding: 0 2rem;
|
||||
|
||||
.list-card-title {
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.4rem;
|
||||
font-size: 1.8rem;
|
||||
line-height: 1.9rem;
|
||||
|
||||
&>img {
|
||||
height: 1.4rem;
|
||||
height: 1.8rem;
|
||||
}
|
||||
}
|
||||
|
||||
&>p {
|
||||
font-size: 1.1rem;
|
||||
margin-bottom: 1.625rem;
|
||||
&>div>p {
|
||||
font-size: 1.6rem;
|
||||
line-height: 1.7rem;
|
||||
margin-bottom: 3.3rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-height:900px) {
|
||||
@media screen and (max-height:1440px) {
|
||||
.list-card {
|
||||
height: 32vh;
|
||||
max-height: 32vh;
|
||||
padding: 1rem;
|
||||
height: 40vh;
|
||||
max-height: 40vh;
|
||||
padding: 0 2rem;
|
||||
|
||||
.list-card-title {
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.2rem;
|
||||
font-size: 1.8rem;
|
||||
line-height: 1.9rem;
|
||||
|
||||
&>img {
|
||||
height: 1.2rem;
|
||||
height: 1.8rem;
|
||||
}
|
||||
}
|
||||
|
||||
&>p {
|
||||
&>div>p {
|
||||
font-size: 1.6rem;
|
||||
line-height: 1.7rem;
|
||||
margin-bottom: 3.3rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-height:1260px) {
|
||||
.list-card {
|
||||
height: 38vh;
|
||||
max-height: 38vh;
|
||||
padding: 0 1.8rem;
|
||||
|
||||
.list-card-title {
|
||||
font-size: 1.6rem;
|
||||
line-height: 1.7rem;
|
||||
|
||||
&>img {
|
||||
height: 1.6rem;
|
||||
}
|
||||
}
|
||||
|
||||
&>div>p {
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.5rem;
|
||||
margin-bottom: 2.8rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-height:1080px) {
|
||||
.list-card {
|
||||
height: 36vh;
|
||||
max-height: 36vh;
|
||||
padding: 0 1.4rem;
|
||||
|
||||
.list-card-title {
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.45rem;
|
||||
|
||||
&>img {
|
||||
height: 1.3rem;
|
||||
}
|
||||
}
|
||||
|
||||
&>div>p {
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.3rem;
|
||||
margin-bottom: 2.1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-height:900px) and (min-height:720px) {
|
||||
.list-card {
|
||||
height: 32vh;
|
||||
max-height: 32vh;
|
||||
padding: 0 1rem;
|
||||
|
||||
.list-card-title {
|
||||
font-size: 1.1rem;
|
||||
line-height: 1.15rem;
|
||||
|
||||
&>img {
|
||||
height: 1.1rem;
|
||||
}
|
||||
}
|
||||
|
||||
&>div>p {
|
||||
font-size: 1rem;
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1.05rem;
|
||||
margin-bottom: 1.3rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-height:720px) {
|
||||
.list-card {
|
||||
height: 30vh;
|
||||
max-height: 30vh;
|
||||
padding: 0 0.8rem;
|
||||
|
||||
.list-card-title {
|
||||
font-size: 1rem;
|
||||
line-height: 1.05rem;
|
||||
|
||||
&>img {
|
||||
height: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
&>div>p {
|
||||
font-size: 0.875rem;
|
||||
line-height: 0.925rem;
|
||||
margin-bottom: 0.8rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -64,7 +64,7 @@ const backPeopleNumColumns: any[] = [
|
||||
ellipsis: true,
|
||||
onCell,
|
||||
onHeaderCell,
|
||||
render: (_: any, record: any) => `${record.details[0].thresholdOfPeople}人`,
|
||||
render: (_: any, record: any) => `${record.details?.[0].thresholdOfPeople}人`,
|
||||
},
|
||||
{
|
||||
title: '实际人数',
|
||||
@ -73,7 +73,7 @@ const backPeopleNumColumns: any[] = [
|
||||
align: 'center',
|
||||
onCell,
|
||||
onHeaderCell,
|
||||
render: (_: any, record: any) => `${record.details[0].realOfPeople}人`,
|
||||
render: (_: any, record: any) => `${record.details?.[0].realOfPeople}人`,
|
||||
},
|
||||
];
|
||||
|
||||
@ -154,7 +154,7 @@ export default (props: any) => {
|
||||
for (const ite of data.userNumberList) {
|
||||
if (ite.userType == "manager") {//项目经理
|
||||
data["manager"] = ite.userNumber;
|
||||
} else if (ite.userType == "purchase_expert") {//专家-招标人代表
|
||||
} else if (ite.userType == "purchaseExpert") {//专家-招标人代表
|
||||
data["purchaseExpert"] = ite.userNumber;
|
||||
} else if (ite.userType == "expert") {//专家
|
||||
data["expert"] = ite.userNumber;
|
||||
@ -313,7 +313,7 @@ export default (props: any) => {
|
||||
<Col span={18}>
|
||||
<div className="answer-supplier">
|
||||
<span>供应商名称（{basicInfo?.supplierLength}）：</span>
|
||||
<Tooltip placement="bottomLeft" title={<>{basicInfo?.sectionPayerList?.map((item: any) => <p key={item.sectionName}>{item.sectionName}（{item.payerNumber}）：{item.payerNames.join("、")}</p>)}</>} visible={visible} color="rgba(4,20,47,0.85)" overlayInnerStyle={{ width: '250%' }} overlayClassName="screen-tag">
|
||||
<Tooltip placement="topLeft" title={<>{basicInfo?.sectionPayerList?.map((item: any) => <p key={item.sectionName}>{item.sectionName}（{item.payerNumber}）：{item.payerNames.join("、")}</p>)}</>} visible={visible} color="rgba(4,20,47,0.85)" overlayInnerStyle={{ width: '250%' }} overlayClassName="screen-tag">
|
||||
<span>{basicInfo?.sectionPayerList?.[0]?.payerNames.slice(0, 5).join("、")}<a onMouseEnter={() => setVisible(true)} onMouseLeave={() => setVisible(false)}>全部</a></span>
|
||||
</Tooltip>
|
||||
</div>
|
||||
@ -350,7 +350,7 @@ export default (props: any) => {
|
||||
<p>时间：{item.createDate}</p>
|
||||
</div>
|
||||
<div>
|
||||
<Image src={pictureDisplayPath + "?filePath=" + item.details[0].filePath} height={"100%"} />
|
||||
<Image src={pictureDisplayPath + "?filePath=" + item.details[0].filePath} preview={false} height={"100%"} />
|
||||
</div>
|
||||
</div>
|
||||
))
|
||||
@ -361,7 +361,7 @@ export default (props: any) => {
|
||||
<p>描述：{item.describeStranger}</p>
|
||||
</div>
|
||||
<div>
|
||||
<Image src={pictureDisplayPath + "?filePath=" + item.filePath} height={"100%"} />
|
||||
<Image src={pictureDisplayPath + "?filePath=" + item.filePath} preview={false} height={"100%"} />
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
@ -372,7 +372,7 @@ export default (props: any) => {
|
||||
className="screen-table"
|
||||
rowKey="id"
|
||||
size="small"
|
||||
dataSource={basicInfo?.status == "2" ? backNumberList?.[0].details : earlyWarnData?.numberDetails}
|
||||
dataSource={basicInfo?.status == "2" ? backNumberList : earlyWarnData?.numberDetails}
|
||||
columns={basicInfo?.status == "2" ? backPeopleNumColumns : peopleNumColumns}
|
||||
/>
|
||||
) : (
|
||||
|
||||
@ -95,15 +95,39 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-height:1440px) {
|
||||
|
||||
.left-monitor,
|
||||
.right-warn-list {
|
||||
height: 84vh;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-height:1440px) {
|
||||
|
||||
.left-monitor,
|
||||
.right-warn-list {
|
||||
height: 83vh;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-height:1260px) {
|
||||
|
||||
.left-monitor,
|
||||
.right-warn-list {
|
||||
height: 80.2vh;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-height:1080px) {
|
||||
|
||||
.left-monitor,
|
||||
.right-warn-list {
|
||||
height: 77vh;
|
||||
height: 76vh;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-height:900px) {
|
||||
@media screen and (max-height:900px) and (min-height:720px) {
|
||||
|
||||
.left-monitor,
|
||||
.right-warn-list {
|
||||
@ -111,6 +135,14 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-height:720px) {
|
||||
|
||||
.left-monitor,
|
||||
.right-warn-list {
|
||||
height: 66vh;
|
||||
}
|
||||
}
|
||||
|
||||
.left-monitor {
|
||||
border: 1px solid #fff;
|
||||
margin-right: 4px;
|
||||
|
||||
Reference in New Issue
Block a user