8.26

src/pages/Tender/ProjectManager/JudgingPanel/List/index.tsx

@@ -11,6 +11,7 @@ import FileDown from '@/utils/Download';
 import { UploadOutlined } from '@ant-design/icons';
 import { btnAuthority } from '@/utils/authority';
 import RiskPrevention from '@/utils/RiskPrevention';
+import BidEvalAppointment from '@/components/ElecBidEvaluation/BidEvalAppointment';
 
 const JudgingPanel: React.FC<{}> = () => {
   const modalHeight = window.innerHeight * 96 / 100;
@@ -43,6 +44,9 @@ const JudgingPanel: React.FC<{}> = () => {
   const [manNum, manNumSet] = useState<number>(5);//人数
   const [riskVisible, setRiskVisible] = useState<boolean>(false);//风控弹窗 2021.9.7 zhoujianlong
   const [riskData, setRiskData] = useState<any[]>([]);//风控数据 2021.9.7 zhoujianlong
+  const [selectEvalVisible, setSelectEvalVisible] = useState<boolean>(false);//电子评标室-评标室预约选择 2022.8.26 zhoujianlong
+  const [selectEvalDisabled, setSelectEvalDisabled] = useState<boolean>(true);//电子评标室-评标室预约选择不可选状态控制 true-不可填写 false-可填写 2022.8.26 zhoujianlong
+  const [selectEvalData, setSelectEvalData] = useState<any>();//电子评标室-评标室预约选择-数据 2022.8.26 zhoujianlong
   function getShouName() {
     const method = getProMethod();
     let showNameT: any = { zbr: '', bb: '', pb: '', }//相关标段 标书费 保证金 服务费
@@ -72,7 +76,7 @@ const JudgingPanel: React.FC<{}> = () => {
     const hide = message.loading('正在配置');
     try {
       const success = await saveGroup({ ...fields }).then((res) => {
-        if(res?.code == 4004 && res?.success == false) { //2021.9.7 zhoujianlong 新增评委会保存增加风控
+        if (res?.code == 4004 && res?.success == false) { //2021.9.7 zhoujianlong 新增评委会保存增加风控
           const data = res?.data?.result == undefined ? [] : res?.data?.result
           setRiskData(data)
           setRiskVisible(true)
@@ -673,6 +677,20 @@ const JudgingPanel: React.FC<{}> = () => {
                 }}>{display ? '自行输入' : '选择分类'}</Button>
               </Row>
           } */}
+          <FormItem
+            name="placeId"
+            label="场所id"
+            hidden
+          >
+            <Input />
+          </FormItem>
+          <FormItem
+            name="areaId"
+            label="区域Id"
+            hidden
+          >
+            <Input />
+          </FormItem>
           <Row>
             <Col span={12}><FormItem
               name="representativeNumber"
@@ -688,8 +706,29 @@ const JudgingPanel: React.FC<{}> = () => {
             >
               <Input style={{ width: "90%" }} disabled={disabled} />
             </FormItem></Col>
-          </Row>
-          <Row>
+            <Col span={12}>
+              <Form.Item label={`${showName.pb}地点`} style={{ marginBottom: 0 }} required>
+                <FormItem
+                  name="evalLocation"
+                  rules={[...rule(`${showName.pb}地点`), { type: 'string', message: '请输入正确内容' }, { max: 100, message: '内容超长' }]}
+                  style={{ display: 'inline-block', width: 'calc(60% - 8px)' }}
+                >
+                  <Input style={{ width: "100%" }} disabled={disabled || !selectEvalDisabled} />
+                </FormItem>
+                <Form.Item
+                  style={{ display: 'inline-block', width: 'calc(40% - 8px)', margin: '0 8px' }}
+                >
+                  <Button type='primary' onClick={() => selectEvalClick()} disabled={disabled}>选择评标室</Button>
+                </Form.Item>
+              </Form.Item>
+            </Col>
+            <Col span={12}><FormItem
+              name="description"
+              label="申请要求"
+              rules={[{ type: 'string', message: '请输入正确内容' }, { max: 100, message: '内容超长' }]}
+            >
+              <Input style={{ width: "90%" }} disabled={disabled} />
+            </FormItem></Col>
             <Col span={12}><FormItem
               name="startTime"
               label={`预计${showName.pb}开始时间`}
@@ -701,6 +740,7 @@ const JudgingPanel: React.FC<{}> = () => {
                 showTime={{ defaultValue: moment('00:00:00', 'HH:mm:ss') }}
                 disabled={disabled}
                 showNow={false}
+                style={{ width: "90%" }}
               />
             </FormItem></Col>
             <Col span={12}><FormItem
@@ -714,23 +754,22 @@ const JudgingPanel: React.FC<{}> = () => {
                 showTime={{ defaultValue: moment('00:00:00', 'HH:mm:ss') }}
                 disabled={disabled}
                 showNow={false}
+                style={{ width: "90%" }}
               />
             </FormItem></Col>
-          </Row>
-          <Row>
             <Col span={12}><FormItem
-              name="evalLocation"
-              label={`${showName.pb}地点`}
-              rules={[...rule(`${showName.pb}地点`), { type: 'string', message: '请输入正确内容' }, { max: 100, message: '内容超长' }]}
+              name="reserveBy"
+              label="预约人"
+              rules={[{ required: !selectEvalDisabled, message: `请录入预约人` }, { max: 100, message: '内容超长' }]}
             >
-              <Input style={{ width: "90%" }} disabled={disabled} />
+              <Input style={{ width: "90%" }} disabled={disabled || selectEvalDisabled} />
             </FormItem></Col>
             <Col span={12}><FormItem
-              name="description"
-              label="申请要求"
-              rules={[{ type: 'string', message: '请输入正确内容' }, { max: 100, message: '内容超长' }]}
+              name="reserveContactNumber"
+              label="预约人联系方式"
+              rules={[{ required: !selectEvalDisabled, message: `请录入预约人联系方式` }, { max: 100, message: '内容超长' }]}
             >
-              <Input style={{ width: "90%" }} disabled={disabled} />
+              <Input type="number" style={{ width: "90%" }} disabled={disabled || selectEvalDisabled} />
             </FormItem></Col>
           </Row>
           <h3 className="first-title">关联{showName.bb}</h3>
@@ -1657,7 +1696,29 @@ const JudgingPanel: React.FC<{}> = () => {
     dataSet(dataTem, type);
     memberCountSet(memberCount + 1);
   }
-
+  //评标室预约回调
+  const returnEvalData = (value: any) => {
+    setSelectEvalVisible(false);
+    setSelectEvalDisabled(false);
+    form.setFieldsValue({
+      startTime: value.reserveStartDate,
+      endTime: value.reserveEndDate,
+      evalLocation: value.evalLocation,
+      reserveBy: value.reserveBy,
+      reserveContactNumber: value.reserveContactNumber,
+      areaId: value.areaId,
+      placeId: value.placeId,
+    })
+  }
+  //评标室预约-选择评标室
+  const selectEvalClick = () => {
+    const data = form.getFieldsValue();
+    data["reserveStartDate"] = data.startTime;
+    data["reserveEndDate"] = data.endTime;
+    console.log("data", data)
+    setSelectEvalData(data);
+    setSelectEvalVisible(true);
+  }
   return (
     <div className='bgCWhite' style={{ padding: '0px 24px 24px' }}>
       <Spin spinning={spin}>
@@ -1715,7 +1776,7 @@ const JudgingPanel: React.FC<{}> = () => {
       {group()}
       {member()}
       {/**风控组件 */}
-      {riskVisible && <RiskPrevention 
+      {riskVisible && <RiskPrevention
         modalVisible={riskVisible}
         onCancel={() => {
           setRiskVisible(false)
@@ -1723,6 +1784,8 @@ const JudgingPanel: React.FC<{}> = () => {
         }}
         data={riskData}
       />}
+      {/**电子评标室-评标室预约选择 */}
+      <BidEvalAppointment modalVisible={selectEvalVisible} onCancel={() => setSelectEvalVisible(false)} onSubmit={(value: any) => returnEvalData(value)} values={selectEvalData} />
     </div>
   )
 }