1

src/common/popups/company.js

@@ -0,0 +1,171 @@
+import React, { PureComponent, Fragment } from 'react';
+import { connect } from 'react-redux';
+import { Input, Cascader } from 'antd';
+
+
+const options = [{
+    value: 'zhejiang',
+    label: '浙江',
+    children: [{
+      value: 'hangzhou',
+      label: '杭州',
+      children: [{
+        value: 'xihu',
+        label: '西湖',
+      }],
+    }],
+  }, {
+    value: 'jiangsu',
+    label: '江苏',
+    children: [{
+      value: 'nanjing',
+      label: '南京',
+      children: [{
+        value: 'zhonghuamen',
+        label: '中华门',
+      }],
+    }],
+  }];
+
+class company extends PureComponent {
+
+
+
+    
+    render() {
+        const { companyDetail } = this.props;
+        let companyDetail2 = companyDetail.toJS();
+        
+        return (
+            <Fragment>
+
+
+                {/* <div className="save-tips">
+                    <div className="alert bg-warning-700 text-white p-2 m-1" role="alert">
+                        <div className="d-flex align-items-center">
+                            <div className="alert-icon">
+                                <i className="fal fa-info-circle"></i>
+                            </div>
+                            <div className="flex-1">
+                                <span className="h5">内容已经修改</span>
+                            </div>
+                            <a href="#" className="btn btn-sm text-white width-8">取消</a>
+                            <a href="#" className="btn btn-light btn-sm width-8">保存</a>
+                        </div>
+                    </div>
+                </div> */}
+                <div className="sheet-panel-header d-flex justify-content-between mx-4">
+                    <div>
+                        <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="新页面打开"><i className="fal fa-external-link"></i></a>
+                    </div>
+                    <div>
+                    </div>
+                </div>
+                <div className="sheet-panel-content">
+                    <div className="sheet-panel-form slimScroll1 mx-4">
+                        <div className="form-header mt-3">
+                            <div className="d-flex justify-content-between">
+                                <span className="text-muted">公司</span>
+                                <span className="text-muted">陈特 创建于 2019年5月6日 14:55</span>
+                            </div>
+                            <legend>{companyDetail.companyname}</legend>
+                        </div>
+                        <div className="cldform clearfix">
+                            <div className="cldform-line"></div>
+                            <div className="cldform-item">
+                                <div className="cldform-label">公司全称</div>
+                                <div className="cldform-control">
+                                    <Input id="2"
+                                        value={companyDetail2.companyname}
+                                        onClick={() => console.log('false')}
+                                        onChange={() => console.log('sdf')}
+                                        disabled={false}
+                                    />
+                                    <div style={{ display: 'none' }} className="cldform-contarl-box cldform-contarl-textareabox"><span>{companyDetail2.companyname}</span></div>
+                                </div>
+                            </div>
+                            <div className="cldform-line"></div>
+                            <div className="cldform-item cldform-item-wauto">
+                                <div className="cldform-label">公司地区</div>
+                                <div className="cldform-control">
+                                <Cascader  options={options} placeholder="公司地区" />
+                                   
+                                </div>
+                            </div>
+                            <div className="cldform-line"></div>
+                            <div className="cldform-item cldform-item-wauto">
+                                <div className="cldform-label">公司性质</div>
+                                <div className="cldform-control">
+                                    <Cascader  options={options} placeholder="公司性质" />
+                                </div>
+                            </div>
+                            <div className="cldform-line"></div>
+                            <div className="cldform-item">
+                                <div className="cldform-label">公司地址</div>
+                                <div className="cldform-control">
+                                <Input id="2"
+                                        value={companyDetail2.address}
+                                    />
+                                </div>
+                            </div>
+                            <div className="cldform-line"></div>
+                            <div className="cldform-item cldform-item-half pr-3">
+                                <div className="cldform-label">公司传真</div>
+                                <div className="cldform-control">
+                                    <div className="cldform-contarl-box cldform-contarl-textareabox"><span>0756-3850888</span></div>
+                                </div>
+                            </div>
+                            <div className="cldform-item cldform-item-half pl-3">
+                                <div className="cldform-label">网址</div>
+                                <div className="cldform-control">
+                                    <div className="cldform-contarl-box cldform-contarl-textareabox text-muted"><span>填写文本内容</span></div>
+                                </div>
+                            </div>
+                            <div className="cldform-line"></div>
+                            <div className="cldform-item">
+                                <div className="cldform-label">乘车路线</div>
+                                <div className="cldform-control">
+                                    <div className="cldform-contarl-box cldform-contarl-textareabox text-muted"><span>填写文本内容</span></div>
+                                </div>
+                            </div>
+                            <div className="cldform-line"></div>
+                            <div className="cldform-item">
+                                <div className="cldform-label">地标建筑</div>
+                                <div className="cldform-control">
+                                    <div className="cldform-contarl-box cldform-contarl-textareabox text-muted"><span>填写文本内容</span></div>
+                                </div>
+                            </div>
+                            <div className="cldform-line"></div>
+                            <div className="cldform-item">
+                                <div className="cldform-label">参考住宿</div>
+                                <div className="cldform-control">
+                                    <div className="cldform-contarl-box cldform-contarl-textareabox text-muted"><span>填写文本内容</span></div>
+                                </div>
+                            </div>
+                            <div className="cldform-line"></div>
+                            <div className="cldform-item">
+                                <div className="cldform-label">备注</div>
+                                <div className="cldform-control">
+                                    <div className="cldform-contarl-box cldform-contarl-textareabox text-muted"><span>填写文本内容</span></div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </Fragment>
+
+        );
+    }
+}
+
+const mapStateToProps = (state) => {
+    return {
+        companyDetail: state.getIn(['popups', 'companyDetail']),
+    }
+}
+
+const mapDispathToProps = (dispatch) => {
+    return {}
+}
+
+export default connect(mapStateToProps, mapDispathToProps)(company);