* 新需求

config/routes.js

@@ -667,6 +667,29 @@ export default [
                 hideInMenu: true,
                 component: './h5SampleManager/h5Demand/edit',
               },
+              {
+                path: '/h5SampleManager/contractTemplate/list',
+                name: '合同模板',
+                component: './h5SampleManager/contractTemplate/list',
+              },
+              {
+                path: '/h5SampleManager/contractTemplate/add',
+                name: '新增合同模板',
+                hideInMenu: true,
+                component: './h5SampleManager/contractTemplate/add',
+              },
+              {
+                path: '/h5SampleManager/contractTemplate/detail',
+                name: '合同模板详情',
+                // hideInMenu: true,
+                component: './h5SampleManager/contractTemplate/detail',
+              },
+              {
+                path: '/h5SampleManager/contractTemplate/pdfDetail',
+                name: '合同pdf查看页',
+                hideInMenu: true,
+                component: './h5SampleManager/contractTemplate/pdfDetail',
+              },
             ],
           },
           // {

src/pages/h5SampleManager/contractTemplate/add.jsx

@@ -0,0 +1,60 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Input, Button, Icon, Select, message, Table, Divider, Tag, Pagination, Modal, DatePicker, InputNumber, Checkbox, Row, Col } from 'antd';
+import { FormattedMessage } from 'umi-plugin-react/locale';
+import XForm, { FieldTypes } from '../../../components/XForm';
+import router from 'umi/router';
+import moment from 'moment';
+import apis from '../../../services/apis';
+import request from '../../../utils/request';
+import AuthButton from '@/components/AuthButton';
+import Wangedit from '../../../components/Wangedit/Wangedit'
+import TextArea from 'antd/lib/input/TextArea';
+import copy from 'copy-to-clipboard';
+import copyImg from '../../../assets/copy.png';
+
+const { Option } = Select;
+const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
+
+
+const header = props => {
+  const sampleId = props.location.query.id;
+  const [demandData, setDemandData] = useState({})
+
+  useEffect(() => {
+    getDemandData(sampleId);
+  }, [])
+
+  const getDemandData = (demandId) => {
+    request({ ...apis.taH5SampleManager.taH5SampleById, urlData: { id: sampleId } }).then((data) => {
+      setDemandData(data)
+      props.form.setFieldsValue(data)
+    })
+  }
+
+  const toCancel = () => {
+    router.go(-1)
+  }
+
+  return (
+    <>
+      <Form labelCol={{ span: 6 }} wrapperCol={{ span: 14 }} style={{ position: 'relative' }}>
+        <Form.Item label="合同标题">
+          <span>{demandData.sampleName}</span>
+        </Form.Item>
+        <Form.Item label="合同文件">
+          <div><span style={{ color: 'rgba(0, 0, 0, 0.45)', fontSize: '14px' }}>点击链接查看内容</span></div>
+        </Form.Item>
+        <Form.Item wrapperCol={{ span: 15, offset: 7 }}>
+          <div style={{ margin: '0.16rem 0 0.06rem' }}>
+            <Button danger onClick={() => toCancel()} style={{ marginLeft: '20px' }}>
+              返回
+          </Button>
+          </div>
+        </Form.Item>
+      </Form>
+    </>
+  )
+}
+
+const WrappedHeader = Form.create({ name: 'header' })(header);
+export default WrappedHeader

src/pages/h5SampleManager/contractTemplate/detail.jsx

@@ -0,0 +1,60 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Input, Button, Icon, Select, message, Table, Divider, Tag, Pagination, Modal, DatePicker, InputNumber, Checkbox, Row, Col } from 'antd';
+import { FormattedMessage } from 'umi-plugin-react/locale';
+import XForm, { FieldTypes } from '../../../components/XForm';
+import router from 'umi/router';
+import moment from 'moment';
+import apis from '../../../services/apis';
+import request from '../../../utils/request';
+import AuthButton from '@/components/AuthButton';
+import Wangedit from '../../../components/Wangedit/Wangedit'
+import TextArea from 'antd/lib/input/TextArea';
+import copy from 'copy-to-clipboard';
+import copyImg from '../../../assets/copy.png';
+
+const { Option } = Select;
+const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
+
+
+const header = props => {
+  const sampleId = props.location.query.id;
+  const [demandData, setDemandData] = useState({})
+
+  useEffect(() => {
+    getDemandData(sampleId);
+  }, [])
+
+  const getDemandData = (demandId) => {
+    request({ ...apis.taH5SampleManager.taH5SampleById, urlData: { id: sampleId } }).then((data) => {
+      setDemandData(data)
+      props.form.setFieldsValue(data)
+    })
+  }
+
+  const toCancel = () => {
+    router.go(-1)
+  }
+
+  return (
+    <>
+      <Form labelCol={{ span: 6 }} wrapperCol={{ span: 14 }} style={{ position: 'relative' }}>
+        <Form.Item label="合同标题">
+          <span>{demandData.sampleName}</span>
+        </Form.Item>
+        <Form.Item label="合同文件">
+          <div><span style={{ color: 'rgba(0, 0, 0, 0.45)', fontSize: '14px' }}>点击链接查看内容</span></div>
+        </Form.Item>
+        <Form.Item wrapperCol={{ span: 15, offset: 7 }}>
+          <div style={{ margin: '0.16rem 0 0.06rem' }}>
+            <Button danger onClick={() => toCancel()} style={{ marginLeft: '20px' }}>
+              返回
+          </Button>
+          </div>
+        </Form.Item>
+      </Form>
+    </>
+  )
+}
+
+const WrappedHeader = Form.create({ name: 'header' })(header);
+export default WrappedHeader

src/pages/h5SampleManager/contractTemplate/list.jsx

@@ -0,0 +1,229 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Input, Button, Icon, Select, message, Table, Divider, Tag, Pagination, Modal, DatePicker, notification } from 'antd';
+import { FormattedMessage } from 'umi-plugin-react/locale';
+import router from 'umi/router';
+import moment from 'moment';
+import styles from '../../style/GoodsList.less';
+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';
+// import RaiseHelpDoc from '../edit/components/RaiseHelpDoc';
+
+const { Option } = Select;
+const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
+ 
+const header = props => {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [data, setData] = useState({ list: [], total: 0 })
+  //   const [page, changePage] = useState({})
+  const [houseIdList, setHouseIdList] = useState([])
+  const [time, setTime] = useState('')
+  const [showHelp, setShowHelp] = useState(false)
+
+  // 查询列表
+  const getList = params => {
+    request({ ...apis.house.taRaiseList, params: { ...params } }).then(data => {
+      console.log(data)
+      setData(data)
+    })
+  }
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useEffect(() => {
+    getList({ pageNum: 1, pageSize: 10 });
+  }, [])
+
+  const toAdd = rowData => () => {
+    router.push({
+      pathname: '/h5SampleManager/contractTemplate/add',
+    });
+  }
+
+  function openNotificationWithIcon(type, message) {
+    notification[type]({
+      message,
+      description:
+        '',
+    });
+  }
+
+  function toDecimal2 (x){
+    var f = parseFloat(x);
+    if (isNaN(f)) {
+      return false;
+    }
+    var f = Math.round(x * 100) / 100;
+    var s = f.toString();
+    var rs = s.indexOf('.');
+    if (rs < 0) {
+      rs = s.length;
+      s += '.';
+    }
+    while (s.length <= rs + 2) {
+      s += '0';
+    }
+    console.log(s)
+    return s;
+  }
+  function regFenToYuan(fen){
+    var num = fen;
+    num = fen * 0.01;
+    num += '';
+    var reg = num.indexOf('.') > -1 ? /(\d{1,3})(?=(?:\d{3})+\.)/g : /(\d{1,3})(?=(?:\d{3})+$)/g;
+    num = num.replace(reg, '$1');
+    console.log(num, 'yuan')
+    num = toDecimal2(num)
+    return num
+  }
+  
+  const toDel = rowData => () =>{
+    console.log(houseIdList, 'houseIdListhouseIdList')
+    if(houseIdList.length < 1){
+      openNotificationWithIcon('error', '请先选择需要删除的合同')
+      return
+    }
+
+    Modal.confirm({
+      title: '确定删除合同吗',
+      okText: '确定',
+      cancelText: '取消',
+      onOk () {
+        console.log(houseIdList,'houseIdListhouseIdList');
+        request({ ...apis.house.batchDelRaise, data: houseIdList, }).then((data) => {
+          message.info("操作成功")
+          getList({ pageNum: 1, pageSize: 10 });
+        }).catch((err) => {
+          // message.info(err.msg)
+        })
+      },
+    });
+  }
+
+  const toDetail = (id) => () => {
+    router.push({
+        pathname: '/h5SampleManager/contractTemplate/detail',
+        query: {
+            id
+        },
+    });
+}
+
+  /**
+   *
+   *
+   * @param {*} props
+   * @returns
+   */
+  const columns = [
+    {
+      title: '合同标题',
+      dataIndex: 'salesBatchName',
+      key: 'salesBatchName',
+      align: 'center',
+    },
+    {
+      title: '新增时间',
+      dataIndex: 'buildingName',
+      key: 'buildingName',
+      align: 'center',
+    },
+    {
+      title: '操作',
+      dataIndex: '',
+      key: '',
+      align: 'center',
+      render: (text, record) => (
+          <a style={{ color: '#66B3FF' }} onClick={toDetail(record)} >查看详情</a>
+      ),
+    },
+  ];
+  const getSignList = dynamicId => {
+    router.push({
+      pathname: '/activity/SignList',
+      query: {
+        dynamicId,
+      },
+    });
+  }
+
+  const changePageNum = pageNumber => {
+    getList({ pageNum: pageNumber, pageSize: 10, ...props.form.getFieldsValue() })
+  }
+
+  const rowSelection = {
+    onChange: (selectedRowKeys, selectedRows) => {
+      console.log('selectedRowKeys:', selectedRowKeys, 'selectedRows: ', selectedRows);
+      setHouseIdList(selectedRows)
+    },
+  };
+
+  // 提交事件
+  const handleSubmit = e => {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        console.log('提交数据: ', values)
+        if (time) {
+          values.time = `${moment(time).format('YYYY-MM-DDT00:00:00.000')}Z`
+        } else {
+          values.time = null
+        }
+        
+        getList({ pageNum: 1, pageSize: 10, ...values })
+      }
+    });
+  }
+
+  // 重置搜索
+  function handleReset () {
+    props.form.resetFields();
+    setTime('')
+    getList({ pageNum: 1, pageSize: 10 })
+  }
+
+  const { getFieldDecorator } = props.form
+  return (
+
+    <>
+      {/* style={{ display: 'none' }} */}
+      <div id="qrcode"></div>
+      <Form layout="inline" onSubmit={e => handleSubmit(e)}>
+        <Form.Item>
+          {getFieldDecorator('salesBatchName')(
+             <Input
+             prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+             placeholder="合同标题"
+           />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          <AuthButton name="admin.buildingDynamic.search" noRight={null}>
+            <Button type="primary" htmlType="submit" className={styles.searchBtn}>
+              搜索
+            </Button>
+          </AuthButton>
+          <Button style={{ marginLeft: 8 }} onClick={handleReset}>
+            重置
+            </Button>
+        </Form.Item>
+      </Form>
+      <AuthButton name="admin.raise.add.post" noRight={null}>
+        <Button type="danger" className={styles.addBtn} onClick={toAdd()}>新增</Button>
+      </AuthButton>
+      <AuthButton name="admin.raise.del" noRight={null}>
+        <Button type="primary" className={styles.addBtn} onClick={toDel()} style={{marginLeft:'30px'}}>删除</Button>
+      </AuthButton>
+      <Table rowSelection={rowSelection}
+       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={e => changePageNum(e)} current={data.current}/>
+      </div>
+      {/* <RaiseHelpDoc visible={showHelp} onCancel={() => setShowHelp(false)} /> */}
+    </>
+  )
+}
+const WrappedHeader = Form.create({ name: 'header' })(header);
+
+export default WrappedHeader