zls

config/routes.js

@@ -689,6 +689,12 @@ export default [
                 name: '合同管理',
                 component: './eContract/manage/list',
               },
+              {
+                path: '/eContract/manage/edit',
+                name: '查看详情',
+                hideInMenu: true,
+                component: './eContract/manage/edit',
+              },
             ],
           },
           // {

src/pages/eContract/manage/edit.jsx

@@ -0,0 +1,119 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Input, Button, Icon, Select, message, Table, Divider, Tag, Pagination, Modal, DatePicker,Row,Col } from 'antd';
+import { FormattedMessage } from 'umi-plugin-react/locale';
+import Styles from './styles.less';
+import router from 'umi/router';
+import moment from 'moment';
+
+import apis from '../../../services/apis';
+import request from '../../../utils/request';
+
+
+import AuthButton from '@/components/AuthButton';
+
+ 
+const header = props => {
+
+    const [data, setData] = useState({})
+
+    useEffect(() => {
+   
+        // getList({ pageNum: 1, pageSize: 10});
+     
+      
+    }, [])
+
+const datas =[
+    {
+        name:"合同标题",
+        value:"432"
+    },
+    {
+        name:"关联业务类型",
+        value:"4324"
+    },
+    {
+        name:"业务类型",
+        value:"4324",
+        render:  <><span>111111111111111111</span></>
+    },
+    {
+        name:"关联单据类型",
+        value:"4324"
+    },
+    {
+        name:"关联单据编号",
+        value:"4324"
+    },
+    {
+        name:"甲方名称",
+        value:"4324",
+        render:  <><span>{moment().format('MMMM Do YYYY, h:mm:ss a')}</span></>
+    },
+    {
+        name:"甲方签署时间",
+        value:"4324"
+    },
+    {
+        name:"乙方名称",
+        value:"4324"
+    },
+    {
+        name:"乙方手机号",
+        value:"4324"
+    },
+    {
+        name:"乙方身份证号",
+        value:"4324"
+    },
+    {
+        name:"乙方签署时间",
+        value:"4324"
+    },
+    {
+        name:"已签署合同",
+        value:"4324",
+        render: (x, row) =><><Button type="primary" className={Styles.btn}>查看合同</Button> <span style={{color:'#1D74D9'}}>下载合同</span> </>
+    },
+    {
+        name:"是否归档",
+        value:"4324",
+        render: (x, row) =><><span>下载合同</span><span style={{color:'#1D74D9'}}>归档</span>  </>
+    },
+    {
+        name:"归档时间",
+        value:"4324"
+    },
+]
+
+  
+  return (
+
+    <>
+
+{datas.map((x) => {
+        return <Row style={{margin:'20px 0'}}>
+          
+          <Col span={5}  className={Styles.title} align="right" >
+           { x.name}
+          </Col>
+          <Col span={9}  offset={2} className={Styles.text}>
+            {
+            x.render  ?  typeof x.render === 'function' ? x.render(props) : x.render : x.value 
+            }
+              
+          </Col>
+          <Col span={2} offset={4}>
+
+          </Col>
+
+        </Row>
+      })}
+      <div align="center"><Button className={Styles.rebtn} >返回</Button></div>
+    
+    </>
+  )
+}
+
+
+export default header

src/pages/eContract/manage/list.jsx

@@ -0,0 +1,289 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Input, Button, Icon, Select, message, Table, Divider, Tag, Pagination, Modal, DatePicker } from 'antd';
+import { FormattedMessage } from 'umi-plugin-react/locale';
+import styles from '../../style/GoodsList.less';
+import router from 'umi/router';
+import moment from 'moment';
+import SelectCity from '../../../components/SelectButton/CitySelect'
+import BuildSelect from '../../../components/SelectButton/BuildSelect'
+import apis from '../../../services/apis';
+import request from '../../../utils/request';
+
+
+import AuthButton from '@/components/AuthButton';
+
+const { Option } = Select;
+const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
+
+const header = props => {
+  const sampleId  = props.location.query.id;
+  const sampleName = props.location.query.sampleName;
+  const [data, setData] = useState({})
+  const [demend, setDemend] = useState({})
+  const [demandIds, setDemandIds] = useState([])
+
+
+  useEffect(() => {
+   
+      getList({ pageNum: 1, pageSize: 10});
+   
+    
+  }, [])
+
+  // 查询列表
+  const getList = (params) => {
+    // console.log(params);
+    // request({ ...apis.taH5SampleManager.taH5Demand, params: { ...params } }).then((data) => {
+    //   console.log(data)
+    //   setData(data)
+    // })
+  }
+
+  // 跳转到编辑
+  const toDetail = rowData => () => {
+    // if(rowData) {
+    //   router.push({
+    //   pathname: '/h5SampleManager/h5Demand/detail',
+    //   query: {
+    //     id: rowData.demandId,
+    //   },
+    // });
+    //   return
+    // }
+  }
+
+  /**
+   *
+   *
+   * @param {*} props
+   * @returns
+   */
+
+  const columns = [
+    {
+      title: '合同标题',
+      dataIndex: 'sampleName',
+      key: 'sampleName',
+      align: 'center',
+    },
+    {
+      title: '甲方名称',
+      dataIndex: 'orderer',
+      key: 'orderer',
+      align: 'center',
+      
+    },
+    {
+      title: '甲方是否签署',
+      dataIndex: 'phone',
+      key: 'phone',
+      align: 'center',
+    },
+    {
+      title: '甲方签署时间',
+      dataIndex: 'createDate',
+      key: 'createDate',
+      align: 'center',
+      render: (x, row) => <><span>{`${moment(row.createDate).format('YYYY-MM-DD HH:mm:ss')}`}</span></>
+    },
+    {
+        title: '乙方名称',
+        dataIndex: 'orderer',
+        key: 'orderer',
+        align: 'center',
+        
+      },
+    {
+      title: '乙方是否签署',
+      dataIndex: 'demandStatus',
+      key: 'demandStatus',
+      align: 'center',
+      
+    },
+    {
+        title: '乙方签署时间',
+        dataIndex: 'createDate',
+        key: 'createDate',
+        align: 'center',
+        render: (x, row) => <><span>{`${moment(row.createDate).format('YYYY-MM-DD HH:mm:ss')}`}</span></>
+      },
+      {
+        title: '是否归档',
+        dataIndex: 'demandStatus',
+        key: 'demandStatus',
+        align: 'center',
+        
+      },
+      {
+        title: '归档时间',
+        dataIndex: 'createDate',
+        key: 'createDate',
+        align: 'center',
+        render: (x, row) => <><span>{`${moment(row.createDate).format('YYYY-MM-DD HH:mm:ss')}`}</span></>
+      },
+    {
+      title: '操作',
+      dataIndex: 'handle',
+      key: 'handle',
+      align: 'center',
+      render: (text, record) => (
+        <AuthButton name="admin.h5Demand.detail.get" noRight={null}>
+          <a style={{ color: '#66B3FF' }} onClick={toDetail(record)} >查看详情</a>
+        </AuthButton>
+      ),
+    },
+  ];
+  
+  const rowSelection = {
+    onChange: (selectedRowKeys, selectedRows) => {
+      console.log('selectedRowKeys:', selectedRowKeys, 'selectedRows: ', selectedRows);
+      setDemandIds(selectedRows)
+    },
+  };
+
+  const changePageNum = pageNumber => {
+    getList({ pageNum: pageNumber, pageSize: 10, ...props.form.getFieldsValue() })
+  }
+
+  // 提交事件
+  const handleSubmit = (e, props) => {
+    e.preventDefault();
+    // props.form.validateFields((err, values) => {
+    //   if (!err) {
+        
+    //     if (values.startCreateDate != null){
+    //       values.startCreateDate = moment(values.startCreateDate).format('YYYY-MM-DD HH:mm:ss')
+    //     }
+    //     if (values.endCreateDate != null){
+    //       values.endCreateDate = moment(values.endCreateDate).format('YYYY-MM-DD HH:mm:ss')
+    //     }
+    //     getList({ pageNum: 1, pageSize: 10, ...values })
+    //   }
+    // });
+  }
+
+  //重置搜索
+  function handleReset () {
+    props.form.resetFields();
+    getList({ pageNum: 1, pageSize: 10 })
+  }
+
+//   function showBatchDel(e){
+  
+//     if (demandIds.length <= 0){
+//       message.info("请选择数据");
+//       return;
+//     }
+//     setBatchDel(e);
+//     if(!e.visable){
+//       getList()
+//     }
+//   }
+
+
+
+  const { getFieldDecorator } = props.form
+  return (
+
+    <>
+      <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
+        <Form.Item>
+          {getFieldDecorator('sampleName',{
+            initialValue: sampleName
+          })(
+            <Input
+            prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+            placeholder="请输入合同标题"
+          />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('orderer')(
+            <Input
+            prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+            placeholder="请输入甲方名称"
+          />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('phone')(
+            <Input
+              prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              placeholder="请输入乙方名称"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('demandStatus')(
+            <Select style={{ width: '180px' }} placeholder="甲方是否签署">
+                <option value="">全部</option>
+                <option value="1">已提交</option>
+                <option value="2">处理中</option>
+                <option value="3">已交付</option>
+                <option value="4">作废</option>
+            </Select>
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('demandStatus')(
+            <Select style={{ width: '180px' }} placeholder="乙方是否签署">
+                <option value="">全部</option>
+                <option value="1">已提交</option>
+                <option value="2">处理中</option>
+                <option value="3">已交付</option>
+                <option value="4">作废</option>
+            </Select>
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('demandStatus')(
+            <Select style={{ width: '180px' }} placeholder="是否归档">
+                <option value="">全部</option>
+                <option value="1">已提交</option>
+             
+            </Select>
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('startCreateDate')(
+            <DatePicker showTime={{ format: 'HH:mm:ss' }} placeholder="归档开始时间"/>,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('endCreateDate')(
+            <DatePicker showTime={{ format: 'HH:mm:ss' }} placeholder="归档结束时间"/>,
+          )}
+        </Form.Item>  
+       
+        <Form.Item>
+            <AuthButton name="admin.taShareActivity.search" noRight={null}>
+                <Button type="primary" htmlType="submit" className={styles.searchBtn}>
+                    搜索
+                </Button>
+            </AuthButton>
+            <AuthButton name="admin.taShareActivity.search" noRight={null}>
+                <Button style={{ marginLeft: 8 }} onClick={handleReset}>
+                        重置
+                </Button>
+            </AuthButton>
+        </Form.Item>
+      </Form>
+      <AuthButton name="admin.h5Demand.add.post" noRight={null}>
+        {/* <Button type="danger" onClick={() => addDemandInfo({visable:true})} className={styles.addBtn}>新增</Button> */}
+      </AuthButton>
+      <AuthButton name="admin.h5Demand.del" noRight={null}>
+        {/* <Button type="primary" onClick={() => showBatchDel({visable:true, demandIds: demandIds})} className={styles.addBtn} style={{marginLeft:'30px'}}>删除</Button> */}
+      </AuthButton>
+      {/* <AddDemand visible={addDemand.visable} onCancel={() => addDemandInfo({visable:false})}></AddDemand> */}
+      {/* <BatchDel visible={batchDel.visable} demandIds={batchDel.demandIds} onCancel={() => showBatchDel({visable:false, demandIds: ''})} onSuccess={() => showBatchDel({visable:false, demandIds:'' })}/> */}
+      <Table 
+        style={{marginTop:'30px'}} dataSource={data.records} columns={columns} pagination={false} rowKey="activityList" />
+      <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '30px' }}>
+        <Pagination showQuickJumper defaultCurrent={1} total={data.total} onChange={changePageNum} current={data.current} />
+      </div>
+    </>
+  )
+}
+const WrappedHeader = Form.create({ name: 'header' })(header);
+
+export default WrappedHeader

src/pages/eContract/manage/styles.less

@@ -0,0 +1,41 @@
+.title {
+    height     : 45px;
+    font-size  : 20px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-weight: 400;
+    color      : rgba(102, 102, 102, 1);
+    line-height: 45px;
+   
+}
+.text {
+    font-size  : 18px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-weight: 400;
+    color      : rgba(51, 51, 51, 1);
+    line-height: 45px;
+}
+
+.btn {
+    width        : 140px;
+    height       : 45px;
+    background   : rgba(255, 126, 72, 1);
+    border-radius: 7px;
+    line-height  : 43px;
+    font-size    : 20px;
+    font-family  : PingFangSC-Regular, PingFang SC;
+    font-weight  : 400;
+    color        : rgba(255, 255, 255, 1);
+    
+}
+
+.rebtn {
+    width:140px;
+    height:45px;
+    background:rgba(255,255,255,1);
+    border-radius:7px;
+    border:1px solid rgba(156,156,156,1);
+    font-size:20px;
+font-weight:400;
+color:rgba(102,102,102,1);
+line-height:28px;
+}

src/services/apis.js

@@ -1466,4 +1466,8 @@ export default {
       action: 'admin.taH5Demand.get',
     }
   },
+  contract: {
+   
+    
+  },
 }