liuchang/fe_service_ebtp_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

9.7 大屏修改

Browse Source
This commit is contained in:
jl-zhoujl2
2022-09-07 08:28:12 +08:00
parent 424711f3c6
commit b98142f7fc
13 changed files with 631 additions and 162 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
src/pages/Evaluation/BidControl/BidControlManager/components/ViewEvalAlarmUpdateModal.tsx
View File

@ -1,55 +1,57 @@
import React, { useEffect,useState } from 'react';
import { Tabs,Collapse,Form, Input, Modal,Col,Row,Divider, Table, Button, Empty ,message,Spin,Card,} from 'antd';
import {saveUpdateEvalRoom} from '../service';
import {} from '@/utils/CommonUtils'
import React, { useEffect, useState } from 'react';
import { Tabs, Collapse, Form, Input, Modal, Col, Row, Divider, Table, Button, Empty, message, Spin, Card, } from 'antd';
import { saveUpdateEvalRoom } from '../service';
import { } from '@/utils/CommonUtils'
import ProTable, { ProColumns } from "@ant-design/pro-table";
import { getProMethod, getRoomId, getSessionRoleData } from '@/utils/session';
import ExtendUpload from "@/utils/ExtendUpload";
import ScreenWarnBack from '@/components/ElecBidEvaluation/ScreenWarnBack';
interface alarmDataObj {
tilte:string;//标题
id:string;//告警id
reserveId:string;//预约id
tpName:string;//项目名称
tpNumber:string;//项目编号
bsName:string;//标段名称
placeName:string; //评标室名称
startDate:string; //开始时间
endDate:string; //结束时间
status:string;//处理状态：0未处理；1已处理',
roomStatus:string;//评标室状态 0-未开启 1-进行中 2-已结束
pNumber:string;//人数信息
remark:string;//处理说明
attachment:string;//附件id
tilte: string;//标题
id: string;//告警id
reserveId: string;//预约id
tpName: string;//项目名称
tpNumber: string;//项目编号
bsName: string;//标段名称
placeName: string; //评标室名称
startDate: string; //开始时间
endDate: string; //结束时间
status: string;//处理状态：0未处理；1已处理',
roomStatus: string;//评标室状态 0-未开启 1-进行中 2-已结束
pNumber: string;//人数信息
remark: string;//处理说明
attachment: string;//附件id
}
interface ViewEvalAlarmUpdateModalProps {
alarmData: alarmDataObj;
detail:boolean;
isLookType:boolean;
onCancel:any;
onOk:any;
detail: boolean;
isLookType: boolean;
onCancel: any;
onOk: any;
}
const ViewEvalAlarmUpdateModal: React.FC<ViewEvalAlarmUpdateModalProps> = (props) => {
const {alarmData,detail,isLookType,onCancel,onOk}= props;
const { alarmData, detail, isLookType, onCancel, onOk } = props;
const { TextArea } = Input;//文本域
const [orderSpin, orderSpinSet] = useState<boolean>(false);//订单页加载中
const [uploadProps, setUploadProps] = useState<any>(false);
const [detailModalVisible, setDetailModalVisible] = useState<boolean>(false);//详情弹窗
const [form] = Form.useForm();
var roleId = getSessionRoleData().roleCode;
useEffect(() => {
setUploadProps(alarmData.status=="1"||isLookType);
},[])
setUploadProps(alarmData.status == "1" || isLookType);
}, [])
const saveUpdate = async () =>{
const saveUpdate = async () => {
orderSpinSet(true);
form.validateFields().then(res => {
console.log( form.getFieldValue("remark"));
console.log(form.getFieldValue("remark"));
const fromData = {
id: alarmData.id,
remark: form.getFieldValue("remark"),
@ -70,15 +72,15 @@ const ViewEvalAlarmUpdateModal: React.FC<ViewEvalAlarmUpdateModalProps> = (props
}
//0-未开启 1-进行中 2-已结束
function getStautsValue(key:any){
function getStautsValue(key: any) {
let val = "";
//setUploadProps(false);
if(key=="0"){
if (key == "0") {
val = "未开启"
}else if(key=="1"){
} else if (key == "1") {
val = "正在评标"
//setUploadProps(true);
}else if(key=="2"){
} else if (key == "2") {
val = "已结束"
}
return val;
@ -90,9 +92,9 @@ const ViewEvalAlarmUpdateModal: React.FC<ViewEvalAlarmUpdateModalProps> = (props
visible={detail}
width={"1000px"}
centered
title={"异常信息:"+alarmData.tilte}//+alarmData.tilte
title={"异常信息:" + alarmData.tilte}//+alarmData.tilte
onCancel={() => { onCancel(); }}
onOk={() => {onOk();}}
onOk={() => { onOk(); }}
bodyStyle={{ maxHeight: "500px", overflow: "auto", zIndex: 1 }}
footer={[
<Button key="back" onClick={() => {
@ -126,31 +128,32 @@ const ViewEvalAlarmUpdateModal: React.FC<ViewEvalAlarmUpdateModalProps> = (props
<Col span={12}><Form.Item label="评标状态">{getStautsValue(alarmData.roomStatus)}</Form.Item></Col>
<Col span={12}></Col>
</Row>
<Row hidden={alarmData.pNumber==null||alarmData.pNumber==""}>
<Row hidden={alarmData.pNumber == null || alarmData.pNumber == ""}>
<Col span={2}></Col>
<Col span={16}>{(alarmData.pNumber)}</Col>
</Row>
<Row>
<Col span={12}><Form.Item label="告警详情"><a>详情</a></Form.Item></Col>
<Col span={12}><Form.Item label="告警详情"><a onClick={() => setDetailModalVisible(true)}>详情</a></Form.Item></Col>
<Col span={12}></Col>
</Row>
<Row>
<Col span={12}><Form.Item label="处理说明" name="remark">{isLookType?alarmData.remark:
<TextArea rows={4} style={{ resize: 'vertical' }} placeholder="请填写备注" value={alarmData.remark} />}</Form.Item></Col>
<Col span={12}><Form.Item label="处理说明" name="remark">{isLookType ? alarmData.remark :
<TextArea rows={4} style={{ resize: 'vertical' }} placeholder="请填写备注" value={alarmData.remark} />}</Form.Item></Col>
</Row>
<Row>
<Col span={12}><Form.Item label="附件" name="attachment">
<ExtendUpload bid={alarmData.attachment} uploadProps={{ disabled: uploadProps }}>
</ExtendUpload>
</Form.Item></Col>
<ExtendUpload bid={alarmData.attachment} uploadProps={{ disabled: uploadProps }}>
</ExtendUpload>
</Form.Item></Col>
<Col span={12}></Col>
</Row>
</Form>
</Card>
</Spin>
</Modal>
)
)
{detailModalVisible && <ScreenWarnBack modalVisible={detailModalVisible} onCancel={() => setDetailModalVisible(false)} warnId={alarmData.id} />}
</>
);
};