增加说明

src/pages/house/add/index.jsx

@@ -11,6 +11,7 @@ import ImageUpload from '../../../components/XForm/ImageUpload'
 import apis from '../../../services/apis';
 import request from '../../../utils/request';
 import AuthButton from '@/components/AuthButton';
+import SaleBatchHelpDoc from '../edit/components/SalesBatchHelpDoc';
 
 const { Option } = Select;
 const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
@@ -22,6 +23,7 @@ const header = props => {
   const { salesBatchId } = props.location.query
   console.log(salesBatchId)
   const [ saleBatchData, setSaleBatchData ] = useState({})
+  const [showHelp, setShowHelp] = useState(false)
   if(salesBatchId){
     useEffect(() => {
       getSaleBatchData(salesBatchId);
@@ -119,6 +121,9 @@ const header = props => {
                 <ImageUpload />,
               )}
         </Form.Item>  
+        <Form.Item label="说明信息">
+          <Icon type="question-circle" theme="filled" style={{ fontSize: '18px', color: '#F00' }} onClick={() => setShowHelp(true)} />
+        </Form.Item> 
         <Form.Item wrapperCol={{ span: 15, offset: 7 }}>
           <Button type="primary" htmlType="submit"style={{marginRight:'20px'}}>
             下一步
@@ -128,6 +133,7 @@ const header = props => {
           </Button>
         </Form.Item>
       </Form>
+      <SaleBatchHelpDoc visible={showHelp} onCancel={() => setShowHelp(false)} />
     </>
   )
 }

src/pages/house/edit/components/SalesBatchHelpDoc/index.jsx

@@ -0,0 +1,28 @@
+import React, { PureComponent } from 'react'
+import { Modal, Row, Col } from 'antd'
+import EnDash from '../EnDash'
+
+import Style from './style.less'
+import HotBlock from '../HotBlock'
+
+
+export default function SaleBatchHelpDoc(props) {
+  return (
+    <Modal footer={null} title="相关说明" visible={props.visible} onCancel={props.onCancel} width={800}>
+      <div className={Style.article}>
+        <div className={Style.section}>
+          <div>
+            1.楼盘多次开盘加推等销售行为，记录为多个“销售批次”，每个批次销售当前楼盘的一批不同房源。同一楼盘不同批次中房源不能重叠，即1套房不能卖2次。<br/><br/>
+            2.销售楼盘下拉仅显示上架楼盘。未上架楼盘若想发布销售批次请先在楼盘列表中将楼盘上架。<br/><br/>
+            3.销售批次和房源均发布后，用户在小程序端可以查看并“预选”或“认筹”房源，设置“预选开始时间”和“预选结束时间"可以限制用户预选，超出时间范围禁止用户预选，设置"认筹开始时间"和"认筹结束时间"可以限制用户认筹，超出时间范围禁止用户认筹。<br/><br/>
+            4."认筹需预选"若为"是"，则代表不可只认筹不预选，在执行认筹操作时会提示未预选用户请先预选。如果此时已超出预选期则无法预选，自然也无法认筹。如果此时仍然在预选期则可以预选后再认筹。"认筹需预选"若为"否"，则代表可以不经过预选环节直接认筹。通过配置修改预选时间、认筹时间和认筹是否需预选，可以在销售过程中控制销售行为。<br/><br/>
+            5."认筹需缴费"若为"是"，则代表在认筹过程中需要缴费（交认筹金/订金）才能最终认筹成功。"认筹需缴费"若为"否"，则代表认筹不需要含缴费流程，执行完其他流程即可认筹成功。<br/><br/>
+            6.若"认筹需缴费"设置为"是"，则需要再设置"缴费方式"，目前支持2种缴费方式，"线上微信缴费"和"线下付款上传凭据"，可以多选，2种缴费方式在缴费成功后都需要财务审核，审核不通过需要退费。<br/><br/>
+            7.认筹金额支持2位小数，整数部分最大8位数。<br/><br/>
+            8.发布状态为否，则在小程序端楼盘详情页面看不到当前销售批次入口。发布状态为是，则用户可以点击入口进入房源列表查看房源进行预选或认筹操作。</div>
+        </div>
+        
+      </div>
+    </Modal>
+  );
+}

src/pages/house/edit/components/SalesBatchHelpDoc/style.less

@@ -0,0 +1,36 @@
+.article {
+    .section {
+        font-size: 16px;
+        line-height: 1.8em;
+        color: #666;
+
+        & + .section {
+            margin-top: 24px;
+        }
+    }
+
+    .title {
+        font-size: 18px;
+        line-height: 2em;
+        color: #333;
+    }
+
+    .subtitle {
+        font-size: 14px;
+        line-height: 1.6em;
+        color: #999;
+    }
+
+    .flex {
+        display: flex;
+        flex-wrap: wrap;
+
+        .flex-item {
+            margin-top: 16px;
+            margin-right: 8px;
+            flex: none;
+            width: 100px;
+            text-align: center;
+        }
+    }
+}

src/pages/house/edit/components/base.jsx

@@ -8,7 +8,7 @@ import XForm, { FieldTypes } from '../../../../components/XForm';
 import apis from '../../../../services/apis';
 import BuildSelect from '../../../../components/SelectButton/BuildSelect';
 import request from '../../../../utils/request';
-
+import SalesBatchHelpDoc from './SalesBatchHelpDoc';
 
 const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
 const { TextArea } = Input;
@@ -16,6 +16,8 @@ const { TextArea } = Input;
 const Base = props => {
   const salesBatchId = props.salesBatchId.batchId
   const [ saleBatchData, setSaleBatchData ] = useState({})
+  const [showHelp, setShowHelp] = useState(true)
+  
   if(salesBatchId){
     useEffect(() => {
       getSaleBatchData(salesBatchId);
@@ -114,6 +116,12 @@ const Base = props => {
       type: FieldTypes.ImageUploader,
       value: saleBatchData.qrCode,
     },
+    {
+      label: '说明',
+      name: 'buildingId',
+      render: <Icon type="question-circle" theme="filled" style={{ fontSize: '18px', color: '#F00' }} onClick={() => setShowHelp(true)} />,
+      value: saleBatchData.buildingId,
+    },
   ]
   
     const handleSubmit = values => { 
@@ -134,8 +142,8 @@ const Base = props => {
         message.info(err.msg || err.message)
       })
     }
-     
-
+    
+    <SalesBatchHelpDoc visible={showHelp} onCancel={() => setShowHelp(false)} />
   return (
     <XForm onSubmit={handleSubmit} onCancel={cancelPage} fields={fields}></XForm>
   );

src/pages/house/list/index.jsx

@@ -9,6 +9,7 @@ import BuildSelect from '../../../components/SelectButton/BuildSelect'
 import apis from '../../../services/apis';
 import request from '../../../utils/request';
 import AuthButton from '@/components/AuthButton';
+import SaleBatchHelpDoc from '../edit/components/SalesBatchHelpDoc';
 
 const { Option } = Select;
 const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
@@ -19,6 +20,7 @@ const header = props => {
   //   const [page, changePage] = useState({})
   const [houseIdList, setHouseIdList] = useState([])
   const [time, setTime] = useState('')
+  const [showHelp, setShowHelp] = useState(false)
 
   // 查询列表
   const getList = params => {
@@ -234,11 +236,13 @@ const header = props => {
       <AuthButton name="admin.salesBatch.del" noRight={null}>
         <Button type="primary" className={styles.addBtn} onClick={toDelBatch()} style={{marginLeft:'30px'}}>删除</Button>
       </AuthButton>
+      <Icon type="question-circle" theme="filled" style={{ fontSize: '25px', color: '#F00', marginLeft:'30px'}} onClick={() => setShowHelp(true)} />
       <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>
+      <SaleBatchHelpDoc visible={showHelp} onCancel={() => setShowHelp(false)} />
     </>
   )
 }