暂存

config/config.js

@@ -30,11 +30,11 @@ const plugins = [
       // },
       pwa: pwa
         ? {
-          workboxPluginMode: 'InjectManifest',
-          workboxOptions: {
-            importWorkboxFrom: 'local',
-          },
-        }
+            workboxPluginMode: 'InjectManifest',
+            workboxOptions: {
+              importWorkboxFrom: 'local',
+            },
+          }
         : false, // default close dll, because issue https://github.com/ant-design/ant-design-pro/issues/4665
       // dll features https://webpack.js.org/plugins/dll-plugin/
       // dll: {
@@ -112,6 +112,18 @@ export default {
               name: '首页',
               component: './Welcome',
             },
+            {
+              path: '/building',
+              name: '项目管理',
+              component: '../layouts/BlankLayout',
+              routes: [
+                {
+                  path: '/building/list',
+                  name: '项目列表',
+                  component: './building/list/index',
+                },
+              ],
+            },
             // {
             //   path: '/welcome2',
             //   name: '首页2',
@@ -141,7 +153,6 @@ export default {
   // Theme for antd: https://ant.design/docs/react/customize-theme-cn
   theme: {
     'primary-color': primaryColor,
-
   },
   define: {
     ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION:

package.json

@@ -26,14 +26,25 @@
     "test:component": "umi test ./src/components",
     "ui": "umi ui"
   },
-  "husky": { "hooks": { "pre-commit": "npm run lint-staged" } },
+  "husky": {
+    "hooks": {
+      "pre-commit": "npm run lint-staged"
+    }
+  },
   "lint-staged": {
     "**/*.less": "stylelint --syntax less",
-    "**/*.{js,jsx,tsx,ts,less,md,json}": ["prettier --write", "git add"],
+    "**/*.{js,jsx,tsx,ts,less,md,json}": [
+      "prettier --write",
+      "git add"
+    ],
     "**/*.{js,jsx}": "npm run lint-staged:js",
     "**/*.{js,ts,tsx}": "npm run lint-staged:js"
   },
-  "browserslist": ["> 1%", "last 2 versions", "not ie <= 10"],
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 10"
+  ],
   "dependencies": {
     "@ant-design/pro-layout": "^4.5.9",
     "@antv/data-set": "^0.10.2",
@@ -94,8 +105,12 @@
     "umi-types": "^0.3.8",
     "webpack-theme-color-replacer": "^1.2.15"
   },
-  "optionalDependencies": { "puppeteer": "^1.17.0" },
-  "engines": { "node": ">=10.0.0" },
+  "optionalDependencies": {
+    "puppeteer": "^1.17.0"
+  },
+  "engines": {
+    "node": ">=10.0.0"
+  },
   "checkFiles": [
     "src/**/*.js*",
     "src/**/*.ts*",

src/pages/building/list/index.jsx

@@ -0,0 +1,85 @@
+import React from 'react';
+import { Form, Icon, Input, Button, DatePicker, Select } from 'antd';
+import Styles from './style.less';
+
+const { Option } = Select;
+
+// 校验错误
+function hasErrors(fieldsError) {
+  return Object.keys(fieldsError).some(field => fieldsError[field]);
+}
+
+// 提交事件
+function handleSubmit(e, props) {
+  e.preventDefault();
+}
+
+// Change 事件
+function handleSelectChange(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;
+}