3.10 工程代码同步master

src/pages/Evaluation/BidEnd/BidEndAdjust/index.tsx

@@ -1,7 +1,11 @@
-import React, { useState } from 'react';
-import { Table, Button, Space, Form, Radio, Select, Input, InputNumber, Upload } from 'antd';
+import React, { useEffect, useState } from 'react';
+import { Table, Button, Space, Form, Radio, Select, Input, InputNumber, Upload, Row, Col, message, Spin } from 'antd';
 import { TableListItem } from './data';
-import '@/assets/ld_style.less'
+import ExtendUpload from "@/utils/ExtendUpload";
+import '@/assets/ld_style.less';
+import {findArithmeticError, getList,getRoomType,savePrice} from './service';
+import { getProMethod, getRoomId, getSessionRoleData, getSessionUserData } from '@/utils/session';
+import ProTable from '@ant-design/pro-table';
 
 const { Option } = Select;
 const { TextArea } = Input;
@@ -11,52 +15,234 @@ const formItemLayout = {
   wrapperCol: { span: 14 },
 };
 
-const columns: any[] = [  // 列表数据
-  { title: '投标人名称', dataIndex: 'name', key: 'name' },
-  { title: '最新不含税总价', dataIndex: 'price', key: 'price' },
-  { title: '调整类别', dataIndex: 'type', key: 'type' },
-  { title: '调价说明', dataIndex: 'explain', key: 'explain' },
-  { title: '调价附件', dataIndex: 'enclosure', key: 'enclosure' },
-];
-const dataSource: TableListItem[] = [
-  { key: '1', name: '华为技术股份有限公司', price: '300.00', type: '小薇', explain: '9988', enclosure: '' },
-  { key: '2', name: '中兴通讯股份有限公司', price: '1000.00', type: '小薇', explain: '9988', enclosure: '' },
-];
+function wayValue(key:any){
+  let name = "";
+  //0-调整价  1-最终价格
+  if(key==="0"){
+    name = "调整价";
+  }else if(key==="1"){
+    name = "最终价格";
+  }
+  return name;
+}
+
+function typeValue(key:any){
+  let name = "";
+  //0-小微、1-缺项、2-单价和总价不一致、3-手动输入
+  if(key===0){
+    name = "小微";
+  }else if(key===1){
+    name = "缺项";
+  }else if(key===2){
+    name = "单价和总价不一致";
+  }else if(key===3){
+    name = "手动输入";
+  }
+  return name;
+}
 
 const Index: React.FC<{}> = () => {
-  const [dateList] = useState(dataSource);
+  let roomId=getRoomId();//sessionStorage.getItem('roomId');//sessionStorage.getItem('roomId')
+  var roleId = getSessionUserData().roleIds;//操作员角色
+  const [dateList,setDateList] = useState([]);
   const [adjustForm] = Form.useForm();
+  const [whetherReadonly, setWhetherReadonly] = useState<boolean>(false);
+  const [editState, setEditState] = useState<boolean>(false);
+  const [haveData, setHaveData] = useState<boolean>(true);
+  const [saveButtonState, setSaveButtonState] = useState<boolean>(true);
+  const [isRadio, setIsRadio] = useState<boolean>(true);
+  const [spin, setSpin] = useState<boolean>(true);
+  //附件bid  
+  const [bid, setBid] = useState<string>('');
+  
+  var roleId = getSessionRoleData().roleCode;
+  //采购方式
+  const proMethod = getProMethod();
+  let showNameT: any = { tbr: '', pb: '', tb: '' }//投标人供应商
+  if (proMethod === 'procurement_mode_1' || proMethod === 'procurement_mode_2') {//招标
+      showNameT = { tbr: '投标人', pb: '评标', tb: '投标' };
+  } else {
+      showNameT = { tbr: '供应商', pb: '评审', tb: '应答'  }
+  }
+  const columns: any[] = [  // 列表数据
+    { title: `${showNameT.tbr}名称`, dataIndex: 'tendererName', key: 'tendererName' },
+    { title: '最新不含税总价', dataIndex: 'evaluatingContent', key: 'evaluatingContent' },
+    { title: '调整类别', dataIndex: 'type', key: 'type' ,render: (text: any, record: any, index: any) => {
+      let a = "";
+      if(record.tfileTendererprice!==null){
+        a = typeValue(record.tfileTendererprice.type);
+      }
+      return a;
+      }
+    },
+    { title: '调价说明', dataIndex: 'memo', key: 'memo',render: (text: any, record: any, index: any) =>  {
+      var memo = "";
+      if(record.tfileTendererprice!==null){
+        memo = record.tfileTendererprice.memo;
+      }
+      return memo;
+     }  
+    },
+    { title: '调价附件', dataIndex: 'fileId', key: 'fileId' ,render: (text: any, record: any, index: any) =>  {
+      var dev = "";
+      if(record.tfileTendererprice!==null){
+        dev = <ExtendUpload bid={record.tfileTendererprice.fileId} uploadProps={{name:"file",disabled:true,uploadProps:true}}></ExtendUpload>
+      }
+      return dev;
+     }  
+    },
+  ];
+  useEffect(() => {
+    getWarningList();
+    setSpin(false);
+    if(roleId!=="ebtp-expert"){
+      setEditState(false);
+      setHaveData(false);
+    }
+  },[]);
 
-  const onSelectChange = (selectedRowKeys, selectedRows) => { // 单选中回执列表数据
-    console.log(selectedRowKeys)
-    console.log(selectedRows[0].price)
-    adjustForm.setFieldsValue({
-      adjust: selectedRows[0].price
-    });
+  const getWarningList = async() => {
+      setSaveButtonState(false);
+      let radioBoolean = false;
+      await findArithmeticError(roomId).then((res) => {
+        if (res.success ==true) {
+          if(res.data!==1){
+            radioBoolean = false;
+            setIsRadio(false)
+          }else{
+            radioBoolean  = true;
+          }
+        }
+      })
+
+      await getList(roomId).then((res) => {
+        if (res.success ==true) {
+          var list = res.data;
+          for(var i = 0 ; i < list.length ; i++){
+            list[i]["key"] = i;
+          }
+          setDateList(list);
+          setSelectChange(list);
+          if(list===null||list.length===0){//
+            setEditState(false);
+            setHaveData(false);
+            setIsRadio(false)
+          }else{
+            if(radioBoolean){
+              setEditState(true);
+              setIsRadio(true)
+            }else{
+              setEditState(false);
+              setIsRadio(false)
+            }
+            
+          }
+        }
+      })
+
+  }
+
+  const setSelectChange = async (list: any) => {
+    const fieldsValue = await adjustForm.validateFields();
+    if(fieldsValue!==null){
+      
+      for(var i = 0 ; i < list.length ; i ++){
+        var data = list[i]; 
+        
+        if(data.id===fieldsValue.contentDataId){
+          adjustForm.setFieldsValue({
+            id:data.tfileTendererprice!==null
+            &&data.tfileTendererprice!==undefined?data.tfileTendererprice.id:null,
+            contentDataId:data.id,
+            way: data.tfileTendererprice!==null
+            &&data.tfileTendererprice!==undefined?parseInt(data.tfileTendererprice.way):1,
+            type: data.tfileTendererprice!==null
+            &&data.tfileTendererprice!==undefined?parseInt(data.tfileTendererprice.type):0,
+            price: data.evaluating,
+            newPrice: '',
+            memo:data.tfileTendererprice!==null
+            &&data.tfileTendererprice!==undefined?data.tfileTendererprice.memo:null,
+            fileId:data.tfileTendererprice!==null
+            &&data.tfileTendererprice!==undefined?data.tfileTendererprice.fileId:null
+          });
+        }
+      }
+    }
+  }
+
+  const onSelectChange = (nextTargetKeys: any, direction: any, moveKeys: any) => { // 单选中回执列表数据
+    setEditState(true);
+    var data = direction[0];
+    //data.tfileTendererprice.id;
+      adjustForm.setFieldsValue({
+        id:data.tfileTendererprice!==null
+        &&data.tfileTendererprice!==undefined?data.tfileTendererprice.id:null,
+        contentDataId:data.id,
+        way: data.tfileTendererprice!==null
+        &&data.tfileTendererprice!==undefined?parseInt(data.tfileTendererprice.way):1,
+        type: data.tfileTendererprice!==null
+        &&data.tfileTendererprice!==undefined?parseInt(data.tfileTendererprice.type):0,
+        price: data.evaluating,
+        newPrice: '',
+        memo:data.tfileTendererprice!==null
+        &&data.tfileTendererprice!==undefined?data.tfileTendererprice.memo:null,
+        fileId:data.tfileTendererprice!==null
+        &&data.tfileTendererprice!==undefined?data.tfileTendererprice.fileId:null
+      });
+
+      setBid(data.tfileTendererprice!==null
+        &&data.tfileTendererprice!==undefined
+        &&data.tfileTendererprice.fileId!==null
+        ?data.tfileTendererprice.fileId:"-1");
+      
   }
 
   const formOnFinish = (data: any) => {
-    console.log(data);
   }
 
   const normFile = (e: any) => {
-    console.log('Upload event:', e);
     if (Array.isArray(e)) {
       return e;
     }
     return e && e.fileList;
   }
+  const saveUpdate = async () => {
+    const fieldsValue = await adjustForm.validateFields();
+    if(fieldsValue.contentDataId===null||fieldsValue.contentDataId===""||fieldsValue.contentDataId===undefined){
+      message.error(`请选择需要调整的供应商`);
+      return;
+    }
+    var params = {
+       "id":fieldsValue.id,
+       "contentDataId":fieldsValue.contentDataId,
+       "newPrice":fieldsValue.newPrice,
+       "way":fieldsValue.way,
+       "type":fieldsValue.type,
+       "memo":fieldsValue.memo,
+       "fileId":fieldsValue.fileId
+    }
+    setSaveButtonState(true);
+    //保存
+    savePrice(params).then((res) => {
+      if (res.success ==true) {
+        message.success(`保存成功`);
+        getWarningList();//刷新
+      }
+    })
+  }
 
   return (
     <>
-      <div className="bidContent">
+    <div className="bidContent">
+      <Spin spinning={spin}>
         <div className="titName">
-          <span className="f16">投标人最新报价列表</span>
+          <span className="f16">{showNameT.tbr}最新报价列表</span>
+          {!haveData?<span className="f16">（无报价数据）</span>:null}
           <Space className="fr">
-            <Button type="primary" danger size="small" className="fr">提交</Button>
-            <Button type="primary" danger size="small" className="fr">返回</Button>
           </Space>
         </div>
+        
+        {isRadio?
         <Table
           rowSelection={{
             type: 'radio',
@@ -66,55 +252,76 @@ const Index: React.FC<{}> = () => {
           pagination={false}
           columns={columns}
           dataSource={dateList}
-        />
+        />:<Table
+          bordered
+          pagination={false}
+          columns={columns}
+          dataSource={dateList}
+        />}
+        
+        {editState?
         <div className="titName mt20">
           <span className="f16">算数错误调整</span>
-        </div>
+        </div>:null
+        }
+        {editState?
         <Form
           name="validate_other"
           form={adjustForm}
           {...formItemLayout}
           onFinish={formOnFinish}
         >
-          <Form.Item name="way" label="调价方式：">
-            <Radio.Group>
-              <Radio value="1">最终价格</Radio>
-              <Radio value="2">调整价</Radio>
-            </Radio.Group>
+          <Form.Item name="contentDataId" hidden={true}>
+            <Input hidden />
           </Form.Item>
-          <Form.Item
-            name="select"
+          <Form.Item name="id" hidden={true}>
+            <Input hidden />
+          </Form.Item>
+          <Form.Item name="way" label="调价方式："  rules={[{ required: true, message: '请选择调价方式!' }]}>
+            <Radio.Group>
+              <Radio value={1}>最终价格</Radio>
+              <Radio value={0}>调整价</Radio>
+            </Radio.Group>
+            
+          </Form.Item>
+          <Form.Item  rules={[{ required: true, message: '请选择调整类别!' }]}
+            name="type"
             label="调整类别："
             hasFeedback
           >
-            <Select placeholder="请选择调整类别">
-              <Option value="aa">aa</Option>
-              <Option value="bb">bb</Option>
-            </Select>
+            <Select style={{ width: 120 }}>
+                <Option value={0}>小微</Option>
+                <Option value={1}>缺项</Option>
+                <Option value={2}>单价和总价不一致</Option>
+                <Option value={3}>手动输入</Option>
+            </Select >
           </Form.Item>
           <Form.Item name="price" label="原价：">
             <Input disabled />
           </Form.Item>
-          <Form.Item name="adjust" label="调整价：" rules={[{ required: true, message: '请输入调整价!' }]}>
+          <Form.Item name="newPrice" label="调整价：" rules={[{ required: true, message: '请输入调整价!' }]}>
             <Input placeholder="人民币" />
           </Form.Item>
-          <Form.Item name="explain" label="调价说明：" rules={[{ required: true, message: '请输入调价说明!' }]}>
+          <Form.Item name="memo" label="调价说明：" rules={[{ required: true, message: '请输入调价说明!' }]}>
             <TextArea rows={4} />
           </Form.Item>
           <Form.Item
-            name="upload"
-            label="调价附件"
-            valuePropName="fileList"
-            getValueFromEvent={normFile}
-          >
-            <Upload name="logo" action="/upload.do" listType="picture">
-              <Button>浏览</Button>
-            </Upload>
+            label="附件"
+            name="fileId">
+            <ExtendUpload bid={bid} btnName="上传附件" uploadProps={{name:"file",disabled: whetherReadonly}}>
+            </ExtendUpload>
           </Form.Item>
           <Form.Item>
-            <Button htmlType="submit">确认</Button>
+          <div style={{textAlign: "center"}}>
+          <Button type="primary" disabled={saveButtonState} onClick={async () => {
+            
+                saveUpdate();
+              }}>保存</Button>
+          </div>    
           </Form.Item>
         </Form>
+        :null}
+        </Spin>
       </div>
     </>
   )