合并

config/config.js

@@ -112,6 +112,30 @@ export default {
               name: '首页',
               component: './Welcome',
             },
+            {
+              path: '/building',
+              name: '项目管理',
+              component: '../layouts/BlankLayout',
+              routes: [
+                {
+                  path: '/building/list',
+                  name: '项目列表',
+                  component: './building/list/index',
+                },
+              ],
+            },
+            // {
+            //   path: '/welcome2',
+            //   name: '首页2',
+            //   component: '../layouts/BlankLayout',
+            //   routes:[
+            //     {
+            //       path: '/welcome3',
+            //       name: '首页3',
+            //       component: './Welcome',
+            //     },
+            //   ]
+            // },
             {
               path: '/integralMall',
               name: '积分商城',

src/pages/building/list/index.jsx

@@ -0,0 +1,83 @@
+import React from 'react';
+import { Form, Icon, Input, Button, DatePicker, Select } from 'antd';
+import Styles from './style.less';
+
+const { Option } = Select;
+
+// 提交事件
+function handleSubmit(e, props) {
+  console.log(props)
+  e.preventDefault();
+}
+
+// Change 事件
+function handleSelectChange(props) {
+  console.log(props)
+}
+
+// 搜索
+function header(props) {
+  return (
+    <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
+      <Form.Item>
+        {
+          <Input
+            prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+            placeholder="楼盘编号"
+          />
+        }
+      </Form.Item>
+      <Form.Item>
+        {
+          <Input
+            prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+            type="password"
+            placeholder="楼盘名称"
+          />
+        }
+      </Form.Item>
+      <Form.Item>{<DatePicker placeholder="开盘时间" />}</Form.Item>
+      <Form.Item>
+        {
+          <Select style={{ width: '180px' }} placeholder="楼盘状态" onChange={handleSelectChange}>
+            <Option value="1">发布</Option>
+            <Option value="0">未发布</Option>
+          </Select>
+        }
+      </Form.Item>
+      <Form.Item>
+        {
+          <Select style={{ width: '180px' }} placeholder="销售状态" onChange={handleSelectChange}>
+            <Option value="1">已销售</Option>
+            <Option value="0">未销售</Option>
+          </Select>
+        }
+      </Form.Item>
+      <Form.Item>
+        {
+          <Select style={{ width: '180px' }} placeholder="城市" onChange={handleSelectChange}>
+            <Option value="male">male</Option>
+            <Option value="female">female</Option>
+          </Select>
+        }
+      </Form.Item>
+      <Form.Item>
+        {
+          <Select style={{ width: '180px' }} placeholder="首页推荐" onChange={handleSelectChange}>
+            <Option value="1">首页推荐</Option>
+            <Option value="0">首页未推荐</Option>
+          </Select>
+        }
+      </Form.Item>
+      <Form.Item>
+        <Button type="primary" htmlType="submit" className={Styles.SubmitButton}>
+          搜索
+        </Button>
+      </Form.Item>
+    </Form>
+  );
+}
+
+const WrappedHorizontalLoginForm = Form.create({ name: 'horizontal_login' })(header);
+
+export default WrappedHorizontalLoginForm;

src/pages/building/list/style.css

@@ -0,0 +1,11 @@
+.SubmitButton {
+  background: #3a91d5;
+  border-radius: 7px;
+  border: 0px;
+}
+.SelectFrom {
+  width: 180px;
+  background: #ffffff;
+  border-radius: 7px;
+  border: 1px solid #dbdbdb;
+}

src/pages/building/list/style.less

@@ -0,0 +1,14 @@
+// @import '~antd/es/style/themes/default.less';
+
+.SubmitButton {
+  background: rgba(58, 145, 213, 1);
+  border-radius: 7px;
+  border: 0px;
+}
+
+.SelectFrom {
+  width: 180px;
+  background: rgba(255, 255, 255, 1);
+  border-radius: 7px;
+  border: 1px solid rgba(219, 219, 219, 1);
+}

src/pages/building/list/style.wxss

@@ -0,0 +1,11 @@
+.SubmitButton {
+  background: #3a91d5;
+  border-radius: 7px;
+  border: 0px;
+}
+.SelectFrom {
+  width: 180px;
+  background: #ffffff;
+  border-radius: 7px;
+  border: 1px solid #dbdbdb;
+}