合并

config/config.js

 
 import slash from 'slash2';
 import webpackPlugin from './plugin.config';
-import routes from './routes';
-import proxy from './proxy';
-
 const { pwa, primaryColor } = defaultSettings; // preview.pro.ant.design only do not use in your production ;
 // preview.pro.ant.design 专用环境变量，请不要在你的项目中使用它。
 
   },
   devtool: isAntDesignProPreview ? 'source-map' : false,
   // umi routes: https://umijs.org/zh/guide/router.html
-  routes,
+  routes: [
+    {
+      path: '/user',
+      component: '../layouts/UserLayout',
+      routes: [
+        {
+          name: 'login',
+          path: '/user/login',
+          component: './user/login',
+        },
+      ],
+    },
+    {
+      path: '/',
+      component: '../layouts/SecurityLayout',
+      routes: [
+        {
+          path: '/',
+          component: '../layouts/BasicLayout',
+          authority: ['admin', 'user'],
+          routes: [
+            {
+              path: '/',
+              redirect: '/welcome',
+            },
+            {
+              path: '/welcome',
+              name: '首页',
+              component: './Welcome',
+            },
+            {
+              path: '/building',
+              name: '项目管理',
+              component: '../layouts/BlankLayout',
+              routes: [
+                {
+                  path: '/building/list',
+                  name: '项目列表',
+                  component: './building/list/index',
+                },
+                {
+                  path: '/building/list/add',
+                  name: '项目添加', // 项目添加
+                  hideInMenu: true,
+                  component: './building/list/add/index',
+                },
+                {
+                  path: '/building/type',
+                  name: '项目类型',
+                  component: './building/type/index',
+                },
+                {
+                  path: '/building/type/edi',
+                  name: '项目类型编辑',
+                  hideInMenu: true,
+                  component: './building/type/edi',
+                },
+              ],
+            },
+            {
+              path: '/customer',
+              name: '客户管理',
+              component: '../layouts/BlankLayout',
+              routes: [
+                {
+                  path: '/customer/customerlist/list',
+                  name: '客户列表',
+                  component: './customer/customerlist/index',
+                },
+                {
+                  path: '/customer/customerlist/customerDetail',
+                  name: '客户编辑',
+                  hideInMenu: true,
+                  component: './customer/customerlist/customerDetail',
+                },
+                {
+                  path: '/customer/drift/list',
+                  name: '游客列表',
+                  component: './customer/drift/index',
+                },
+                {
+                  path: '/customer/report/list',
+                  name: '报备客户',
+                  component: './customer/report/index',
+                },
+                {
+                  path: '/customer/recommendCustomer/list',
+                  name: '推荐客户',
+                  component: './customer/recommendCustomer/index',
+                },
+                {
+                  path: '/customer/recommendCustomer/audit',
+                  name: '客户审核', 
+                  hideInMenu: true,
+                  component: './customer/recommendCustomer/audit',
+                },
+                {
+                  path: '/customer/independentList',
+                  name: '经纪人',
+                  component: './customer/independentList/index',
+                },
+              ],
+            },
+            {
+              path: '/integralMall',
+              name: '积分商城',
+              component: '../layouts/BlankLayout',
+              routes: [
+                {
+                  path: '/integralMall/GoodsList',
+                  name: '商品列表',
+                  component: './integralMall/GoodsList',
+                },
+                {
+                  path: '/integralMall/achieve',
+                  name: '积分获取',
+                  component: './integralMall/achieve',
+                },
+                {
+                  path: '/integralMall/editGoods',
+                  name: '商品编辑',
+                  hideInMenu: true,
+                  component: './integralMall/editGoods',
+                },
+                {
+                  path: '/integralMall/exchangeRecords',
+                  name: '兑换记录',
+                  component: './integralMall/exchangeRecords',
+                },
+                {
+                  path: '/integralMall/writeOff',
+                  name: '商品核销',
+                  component: './integralMall/writeOff',
+                },
+                {
+                  path: '/integralMall/verifyList',
+                  name: '商品核销列表',
+                  hideInMenu: true,
+                  component: './integralMall/verifyList',
+                },
+              ],
+            },
+            {
+              path: '/channel',
+              name: '渠道管理',
+              component: '../layouts/BlankLayout',
+              routes: [
+                {
+                  path: '/channel/channelList',
+                  name: '渠道管理',
+                  component: './channel/channelList',
+                },
+                {
+                  path: '/channel/addChannel',
+                  name: '添加渠道',
+                  hideInMenu: true,
+                  component: './channel/addChannel',
+                },
+                {
+                  path: '/channel/editChannel',
+                  name: '编辑渠道',
+                  hideInMenu: true,
+                  component: './channel/editChannel',
+                },
+                {
+                  path: '/channel/brokerList',
+                  name: '经纪人',
+                  component: './channel/brokerList',
+                },
+                {
+                  path: '/channel/recommendClients',
+                  name: '渠道推荐',
+                  hideInMenu: true,
+                  component: './channel/recommendClients',
+                },
+                {
+                  path: '/channel/InviteClients',
+                  name: '邀请客户',
+                  hideInMenu: true,
+                  component: './channel/InviteClients',
+                },
+              ],
+            },
+            {
+              path: '/news',
+              name: '资讯管理',
+              component: '../layouts/BlankLayout',
+              routes: [
+                {
+                  path: '/news/type/NewsType',
+                  name: '资讯类型',
+                  component: './news/type/NewsType',
+                },
+                {
+                  path: '/news/type/editNews',
+                  name: '编辑资讯类型',
+                  hideInMenu: true,
+                  component: './news/type/editNews',
+                },
+                {
+                  path: '/news/list/NewsList',
+                  name: '资讯列表',
+                  component: './news/list/NewsList',
+                },
+                {
+                  path: '/news/list/editNewsList',
+                  name: '编辑资讯',
+                  hideInMenu: true,
+                  component: './news/list/editNewsList',
+                },
+              ],
+            },
+            {
+              path: '/activity',
+              name: '活动管理',
+              component: '../layouts/BlankLayout',
+              routes: [
+                {
+                  path: '/activity/ActivityList',
+                  name: '活动列表',
+                  component: './activity/ActivityList',
+                },
+                {
+                  path: '/activity/editActivity',
+                  name: '编辑活动',
+                  hideInMenu: true,
+                  component: './activity/editActivity',
+                },
+                {
+                  path: '/activity/SignList',
+                  name: '报名列表',
+                  hideInMenu: true,
+                  component: './activity/SignList',
+                },
+              ],
+            },
+            {
+              path: '/staff',
+              name: '员工管理',
+              component: '../layouts/BlankLayout',
+              routes: [
+                {
+                  path: '/staff/StaffList',
+                  name: '员工列表',
+                  component: './staff/list/StaffList',
+                },
+                {
+                  path: '/staff/editStaff',
+                  name: '编辑员工',
+                  hideInMenu: true,
+                  component: './staff/list/editStaff',
+                },
+
+                {
+                  path: '/staff/RoleList',
+                  name: '角色管理',
+                  component: './staff/list/RoleList',
+                },
+                {
+                  path: '/staff/editRole',
+                  name: '编辑角色',
+                  hideInMenu: true,
+                  component: './staff/list/editRole',
+                },
+                {
+                  path: '/staff/list/addRole',
+                  name: '添加角色',
+                  hideInMenu: true,
+                  component: './staff/list/addRole',
+                },  
+              ],
+            },
+            {
+              path: '/carouselFigure',
+              name: '轮播图管理',
+              component: '../layouts/BlankLayout',
+              routes: [
+                {
+                  path: '/carouselFigure/carouselFigureList',
+                  name: '轮播图列表',
+                  component: './carouselFigure/carouselFigureList',
+                },
+                {
+                  path: '/carouselFigure/editCarousel',
+                  name: '轮播图编辑',
+                  hideInMenu: true,
+                  component: './carouselFigure/editCarousel',
+                },
+                {
+                  path: '/carouselFigure/advertisingList',
+                  name: '开屏广告',
+                  component: './carouselFigure/advertisingList',
+                },
+                {
+                  path: '/carouselFigure/editAdvertising',
+                  name: '开屏广告编辑',
+                  hideInMenu: true,
+                  component: './carouselFigure/editAdvertising',
+                },
+              ],
+            },
+            {
+              path: '/system',
+              name: '系统管理',
+              component: '../layouts/BlankLayout',
+              routes: [
+                {
+                  path: '/system/messageList',
+                  name: '客户留言',
+                  component: './system/messageList',
+                },
+                {
+                  path: '/system/report',
+                  name: '报表数据',
+                  component: './system/report',
+                },
+                {
+                  path: '/system/intention',
+                  name: '意向值',
+                  component: './system/intention',
+                },
+                {
+                  path: '/system/housingPolicy',
+                  name: '购房政策维护',
+                  component: './system/housingPolicy',
+                },
+                {
+                  path: '/system/editPolicy',
+                  name: '购房政策编辑',
+                  hideInMenu: true,
+                  component: './system/editPolicy',
+                },
+              ],
+            },
+            {
+              component: './404',
+            },
+          ],
+        },
+        {
+          component: './404',
+        },
+      ],
+    },
+    {
+      component: './404',
+    },
+  ],
   // Theme for antd: https://ant.design/docs/react/customize-theme-cn
   theme: {
     'primary-color': primaryColor,
   },
   chainWebpack: webpackPlugin,
 
-  proxy,
+  proxy: {
+    '/api/': {
+      target: 'http://localhost:8080/',
+      changeOrigin: true,
+      // pathRewrite: { '^/server': '' },
+    },
+  },
 };

src/app.js

-// (function (doc, win) {
-//   var docEl = doc.documentElement,
-//     resizeEvt = 'onorientationchange' in window ? 'onorientationchange' : 'resize',
-//     recalc = function () {
-//       var clientWidth = docEl.clientWidth;
-//       if (!clientWidth) return;
-//       if (clientWidth >= 750) {
-//         docEl.style.fontSize = '100px';
-//       } else {
-//         docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
-//       }
-//     };
+(function (doc, win) {
+  var docEl = doc.documentElement,
+    resizeEvt = 'onorientationchange' in window ? 'onorientationchange' : 'resize',
+    recalc = function () {
+      var clientWidth = docEl.clientWidth;
+      if (!clientWidth) return;
+      if (clientWidth < 1200) {
+        docEl.style.fontSize = '100px';
+      } else {
+        docEl.style.fontSize = 100 * (clientWidth / 1200) + 'px';
+      }
+    };
 
-//   if (!doc.addEventListener) return;
-//   win.addEventListener(resizeEvt, recalc, false);
-//   doc.addEventListener('DOMContentLoaded', recalc, false);
-// })(document, window);
+  if (!doc.addEventListener) return;
+  win.addEventListener(resizeEvt, recalc, false);
+  doc.addEventListener('DOMContentLoaded', recalc, false);
+})(document, window);
 
 export const dva = {
   config: {

src/global.less

 .ant-menu-vertical-right .ant-menu-submenu-title,
 .ant-menu-inline .ant-menu-submenu-title,
 .ant-input ,.ant-btn,.ant-select,.ant-table,.ant-form-item,.ant-form label,.ant-tabs-nav-container {
-  font-size: 16px;
+  font-size: 0.1rem;
+  
+}
+.ant-input{
+  height: 32px;
+  border-radius: 4px;
+  padding: 0 0 0 10px;
+  align-items: center;
 }
 .ant-row.ant-form-item .ant-form-item-label.ant-col-sm-3{
   min-width: 100px;
 }
 .ant-breadcrumb{
-  font-size: 16px;
+  font-size: 0.1rem;
   .anticon {
-    font-size: 16px;
+    font-size: 0.1rem;
   }
 } 
   .ant-pro-global-header-trigger{

src/pages/building/list/add/amap.css

-html {
-  font-size: 12px;
-}
-.amap-copyright {
-  box-sizing: content-box;
-}
-* {
-  box-sizing: border-box;
-}
-.input-textarea {
-  color: grey;
-  height: 8em;
-  overflow: auto;
-  border-radius: 0.4rem;
-  border: 1px solid #ced4da;
-  margin-bottom: 1rem;
-}
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  line-height: 1.5;
-  font-weight: 300;
-  color: #111213;
-}
-hr {
-  margin: 0.5rem 0;
-  box-sizing: content-box;
-  height: 0;
-  overflow: visible;
-  border: 0;
-  border-top: 1px solid rgba(0, 0, 0, 0.1);
-}
-p {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-label {
-  display: inline-block;
-  margin-bottom: 0.4rem;
-}
-label,
-.btn {
-  margin-left: 0;
-  font-size: 1rem;
-}
-button,
-input,
-select {
-  margin: 0;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  overflow: visible;
-  text-transform: none;
-}
-[type=button]::-moz-focus-inner,
-[type=reset]::-moz-focus-inner,
-[type=submit]::-moz-focus-inner,
-button::-moz-focus-inner {
-  padding: 0;
-  border-style: none;
-}
-input[type=checkbox],
-input[type=radio] {
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0 0.5rem 0 0;
-}
-h4 {
-  font-family: inherit;
-  line-height: 1.8;
-  font-weight: 300;
-  color: inherit;
-  font-size: 1.1rem;
-  margin-top: 0;
-  margin-bottom: 0.5rem;
-}
-.btn {
-  display: inline-block;
-  font-weight: 400;
-  text-align: center;
-  white-space: nowrap;
-  vertical-align: middle;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  border: 1px solid transparent;
-  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-  background-color: transparent;
-  background-image: none;
-  color: #25A5F7;
-  border-color: #25A5F7;
-  padding: .25rem .5rem;
-  line-height: 1.5;
-  border-radius: 1rem;
-  -webkit-appearance: button;
-  cursor: pointer;
-}
-.btn:hover {
-  color: #fff;
-  background-color: #25A5F7;
-  border-color: #25A5F7;
-}
-.btn:hover {
-  text-decoration: none;
-}
-.input-item {
-  position: relative;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  -ms-flex-align: center;
-  align-items: center;
-  width: 100%;
-  height: 3rem;
-}
-.input-item:last-child {
-  margin-bottom: 0;
-}
-.input-item > select,
-.input-item > input[type=text],
-.input-item > input[type=date] {
-  position: relative;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  width: 1%;
-  margin-bottom: 0;
-}
-.input-item > select:not(:last-child),
-.input-item > input[type=text]:not(:last-child),
-.input-item > input[type=date]:not(:last-child) {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.input-item > select:not(:first-child),
-.input-item > input[type=text]:not(:first-child),
-.input-item > input[type=date]:not(:first-child) {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.input-item-prepend {
-  margin-right: -1px;
-}
-.input-item-text,
-input[type=text],
-input[type=date],
-select {
-  height: calc(4.2rem);
-}
-.input-item-text {
-  width: 6rem;
-  text-align: justify;
-  padding: 0.4rem 0.7rem;
-  display: inline-block;
-  text-justify: distribute-all-lines;
-  /*ie6-8*/
-  text-align-last: justify;
-  /* ie9*/
-  -moz-text-align-last: justify;
-  /*ff*/
-  -webkit-text-align-last: justify;
-  /*chrome 20+*/
-  -ms-flex-align: center;
-  align-items: center;
-  margin-bottom: 0;
-  font-size: 1rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #495057;
-  text-align: center;
-  white-space: nowrap;
-  background-color: #e9ecef;
-  border: 1px solid #ced4da;
-  border-radius: .25rem;
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
-.input-item-text input[type=checkbox],
-.input-item-text input[type=radio] {
-  margin-top: 0;
-}
-.input-card {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  word-wrap: break-word;
-  background-color: #fff;
-  background-clip: border-box;
-  border-radius: .25rem;
-  width: 22rem;
-  border-width: 0;
-  border-radius: 0.4rem;
-  box-shadow: 0 2px 6px 0 rgba(114, 124, 245, 0.5);
-  position: fixed;
-  bottom: 1rem;
-  right: 1rem;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  padding: 0.75rem 1.25rem;
-}
-.input-text {
-  line-height: 2rem;
-  margin-right: 2rem;
-}
-.info hr {
-  margin-right: 0;
-  margin-left: 0;
-  border-top-color: grey;
-}
-.info {
-  padding: .75rem 1.25rem;
-  margin-bottom: 1rem;
-  border-radius: .25rem;
-  position: fixed;
-  top: 1rem;
-  background-color: white;
-  width: auto;
-  min-width: 22rem;
-  border-width: 0;
-  right: 1rem;
-  box-shadow: 0 2px 6px 0 rgba(114, 124, 245, 0.5);
-  position: absolute;
-  z-index: 100;
-}
-.code {
-  left: 1.5rem;
-  right: 1.5rem;
-  top: 1.5rem;
-  bottom: 1.5rem;
-  overflow: auto;
-  margin-bottom: 0rem;
-}
-.code .btn {
-  top: 1rem;
-  position: absolute;
-  right: 1rem;
-}
-.code .result {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  border-radius: 0.5rem;
-  padding: 1rem;
-  bottom: 1rem;
-  position: absolute;
-  top: 5.5rem;
-  right: 1rem;
-  left: 1rem;
-  overflow: auto;
-}
-.code .status {
-  color: #80adff;
-  display: inline-block;
-  font-size: 14px;
-}
-.code h4 {
-  display: inline-block;
-  max-width: 20rem;
-  margin-right: 1rem;
-  margin-bottom: 1rem;
-}
-select,
-input[type=text],
-input[type=date] {
-  display: inline-block;
-  width: 100%;
-  padding: .375rem 1.75rem .375rem .75rem;
-  line-height: 1.5;
-  color: #495057;
-  vertical-align: middle;
-  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
-  background-size: 8px 10px;
-  border: 1px solid #ced4da;
-  border-radius: .25rem;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-input[type=text],
-input[type=date] {
-  background: #fff;
-  padding: .375rem .75rem;
-}
-select:focus,
-input[type=text]:focus,
-input[type=date]:focus {
-  border-color: #80bdff;
-  outline: 0;
-  box-shadow: 0 0 0 0.1rem rgba(128, 189, 255, 0.1);
-}
-.btn:focus {
-  outline: 0;
-  box-shadow: none;
-}
-select:focus::-ms-value,
-input[type=text]:focus::-ms-value,
-input[type=date]:focus::-ms-value {
-  color: #495057;
-  background-color: #fff;
-}
-/* native toastr */
-.native-toast {
-  position: fixed;
-  background-color: rgba(50, 50, 50, 0.8);
-  border-radius: 33px;
-  color: white;
-  left: 50%;
-  text-align: center;
-  padding: 6px 12px;
-  opacity: 0;
-  z-index: 99999;
-  transition: transform .25s, opacity .25s, top .25s;
-  box-sizing: border-box;
-}
-.native-toast-bottom {
-  bottom: 50px;
-  -ms-transform: translateX(-50%) translateY(50px);
-  transform: translateX(-50%) translateY(50px);
-}
-.native-toast-bottom.native-toast-shown {
-  opacity: 1;
-  -ms-transform: translateX(-50%) translateY(0);
-  transform: translateX(-50%) translateY(0);
-}
-.native-toast-bottom.native-toast-edge {
-  bottom: 0;
-}
-.native-toast-top {
-  top: 50px;
-  -ms-transform: translateX(-50%) translateY(-50px);
-  transform: translateX(-50%) translateY(-50px);
-}
-.native-toast-top.native-toast-shown {
-  opacity: 1;
-  -ms-transform: translateX(-50%) translateY(0);
-  transform: translateX(-50%) translateY(0);
-}
-.native-toast-top.native-toast-edge {
-  top: 0;
-}
-.native-toast-center {
-  top: 0;
-  -ms-transform: translateX(-50%) translateY(-50px);
-  transform: translateX(-50%) translateY(-50px);
-}
-.native-toast-center.native-toast-shown {
-  opacity: 1;
-  top: 50%;
-  -ms-transform: translateX(-50%) translateY(-50%);
-  transform: translateX(-50%) translateY(-50%);
-}
-.native-toast-edge {
-  border-radius: 0;
-  width: 100%;
-  text-align: left;
-}
-@media screen and (min-width: 40rem) {
-  .native-toast:not(.native-toast-edge) {
-    max-width: 18rem;
-  }
-}
-/*
-  max-width does not seem to work in small screen?
-*/
-/*@media screen and (max-width: 768px) {
-  .native-toast:not(.native-toast-edge) {
-    max-width: 400px;
-  }
-}
-
-@media screen and (max-width: 468px) {
-  .native-toast:not(.native-toast-edge) {
-    max-width: 300px;
-  }
-}*/
-/* types */
-.native-toast-error {
-  background-color: #d92727;
-  color: white;
-}
-.native-toast-success {
-  background-color: #62a465;
-  color: white;
-}
-.native-toast-warning {
-  background-color: #fdaf17;
-  color: white;
-}
-.native-toast-info {
-  background-color: #5060ba;
-  color: white;
-}
-[class^="native-toast-icon-"] {
-  vertical-align: middle;
-  margin-right: 8px;
-}
-[class^="native-toast-icon-"] svg {
-  width: 16px;
-  height: 16px;
-}

src/pages/building/list/add/amap.less

    overflow:auto;
    border-radius:0.4rem;
    border:1px solid #ced4da;
-   margin-bottom:1rem;
+   margin-bottom:0.1rem;
 }
 body {
   margin: 0;
 
 label, .btn {
   margin-left: 0;
-  font-size: 1rem;
+  font-size: 0.18rem;
 }
 
 button, input, select {
   line-height: 1.8;
   font-weight: 300;
   color: inherit;
-  font-size: 1.1rem;
+  font-size: 0.2rem;
   margin-top: 0;
   margin-bottom: .5rem
 }
 
-.btn {
-  display: inline-block;
-  font-weight: 400;
-  text-align: center;
-  white-space: nowrap;
-  vertical-align: middle;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  border: 1px solid transparent;
-  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-  background-color: transparent;
-  background-image: none;
-  color: #25A5F7;
-  border-color: #25A5F7;
-  padding: .25rem .5rem;
-  line-height: 1.5;
-  border-radius: 1rem;
-  -webkit-appearance: button;
-  cursor:pointer;
-}
-
-.btn:hover {
-  color: #fff;
-  background-color: #25A5F7;
-  border-color: #25A5F7
-}
-
-.btn:hover {
-  text-decoration: none
-}
-
-.input-item {
-  position: relative;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  -ms-flex-align: center;
-  align-items: center;
-  width: 100%;
-  height: 3rem;
-}
-
-.input-item:last-child {
-  margin-bottom: 0;
-}
-
-.input-item>select, .input-item>input[type=text], .input-item>input[type=date] {
-  position: relative;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  width: 1%;
-  margin-bottom: 0;
-}
-
-.input-item>select:not(:last-child), .input-item>input[type=text]:not(:last-child), .input-item>input[type=date]:not(:last-child) {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0
-}
-
-.input-item>select:not(:first-child), .input-item>input[type=text]:not(:first-child), .input-item>input[type=date]:not(:first-child) {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0
-}
-
-.input-item-prepend {
-  margin-right: -1px;
-}
-
-.input-item-text, input[type=text],input[type=date], select {
-  height: calc(2.2rem + 2px);
-}
-
-.input-item-text {
-  width: 6rem;
-  text-align: justify;
-  padding: 0.4rem 0.7rem;
-  display: inline-block;
-  text-justify: distribute-all-lines;
-  /*ie6-8*/
-  text-align-last: justify;
-  /* ie9*/
-  -moz-text-align-last: justify;
-  /*ff*/
-  -webkit-text-align-last: justify;
-  /*chrome 20+*/
-  -ms-flex-align: center;
-  align-items: center;
-  margin-bottom: 0;
-  font-size: 1rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #495057;
-  text-align: center;
-  white-space: nowrap;
-  background-color: #e9ecef;
-  border: 1px solid #ced4da;
-  border-radius: .25rem;
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
-
-.input-item-text input[type=checkbox], .input-item-text input[type=radio] {
-  margin-top: 0
-}
-
-.input-card {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  word-wrap: break-word;
-  background-color: #fff;
-  background-clip: border-box;
-  border-radius: .25rem;
-  width: 22rem;
-  border-width: 0;
-  border-radius: 0.4rem;
-  box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);
-  position: fixed;
-  bottom: 1rem;
-  right: 1rem;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  padding: 0.75rem 1.25rem;
-}
-
-.input-text {
-  line-height: 2rem;
-  margin-right: 2rem;
-}
-
-.info hr {
-  margin-right: 0;
-  margin-left: 0;
-  border-top-color: grey;
-}
+// .btn {
+//   display: inline-block;
+//   font-weight: 400;
+//   text-align: center;
+//   white-space: nowrap;
+//   vertical-align: middle;
+//   -webkit-user-select: none;
+//   -moz-user-select: none;
+//   -ms-user-select: none;
+//   user-select: none;
+//   border: 1px solid transparent;
+//   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+//   background-color: transparent;
+//   background-image: none;
+//   color: #25A5F7;
+//   border-color: #25A5F7;
+//   padding: .25rem .5rem;
+//   line-height: 1.5;
+//   border-radius: 1rem;
+//   -webkit-appearance: button;
+//   cursor:pointer;
+// }
+
+// .btn:hover {
+//   color: #fff;
+//   background-color: #25A5F7;
+//   border-color: #25A5F7
+// }
+
+// .btn:hover {
+//   text-decoration: none
+// }
+
+// .input-item {
+//   position: relative;
+//   display: -ms-flexbox;
+//   display: flex;
+//   -ms-flex-wrap: wrap;
+//   flex-wrap: wrap;
+//   -ms-flex-align: center;
+//   align-items: center;
+//   width: 100%;
+//   height: 3rem;
+// }
+
+// .input-item:last-child {
+//   margin-bottom: 0;
+// }
+
+// .input-item>select, .input-item>input[type=text], .input-item>input[type=date] {
+//   position: relative;
+//   -ms-flex: 1 1 auto;
+//   flex: 1 1 auto;
+//   width: 1%;
+//   margin-bottom: 0;
+// }
+
+// .input-item>select:not(:last-child), .input-item>input[type=text]:not(:last-child), .input-item>input[type=date]:not(:last-child) {
+//   border-top-right-radius: 0;
+//   border-bottom-right-radius: 0
+// }
+
+// .input-item>select:not(:first-child), .input-item>input[type=text]:not(:first-child), .input-item>input[type=date]:not(:first-child) {
+//   border-top-left-radius: 0;
+//   border-bottom-left-radius: 0
+// }
+
+// .input-item-prepend {
+//   margin-right: -1px;
+// }
+
+// .input-item-text, input[type=text],input[type=date], select {
+//   height: calc(2.2rem + 2px);
+// }
+
+// .input-item-text {
+//   width: 6rem;
+//   text-align: justify;
+//   padding: 0.4rem 0.7rem;
+//   display: inline-block;
+//   text-justify: distribute-all-lines;
+//   /*ie6-8*/
+//   text-align-last: justify;
+//   /* ie9*/
+//   -moz-text-align-last: justify;
+//   /*ff*/
+//   -webkit-text-align-last: justify;
+//   /*chrome 20+*/
+//   -ms-flex-align: center;
+//   align-items: center;
+//   margin-bottom: 0;
+//   font-size: 1rem;
+//   font-weight: 400;
+//   line-height: 1.5;
+//   color: #495057;
+//   text-align: center;
+//   white-space: nowrap;
+//   background-color: #e9ecef;
+//   border: 1px solid #ced4da;
+//   border-radius: .25rem;
+//   border-bottom-right-radius: 0;
+//   border-top-right-radius: 0;
+// }
+
+// .input-item-text input[type=checkbox], .input-item-text input[type=radio] {
+//   margin-top: 0
+// }
+
+// .input-card {
+//   display: flex;
+//   flex-direction: column;
+//   min-width: 0;
+//   word-wrap: break-word;
+//   background-color: #fff;
+//   background-clip: border-box;
+//   border-radius: .25rem;
+//   width: 22rem;
+//   border-width: 0;
+//   border-radius: 0.4rem;
+//   box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);
+//   position: fixed;
+//   bottom: 1rem;
+//   right: 1rem;
+//   -ms-flex: 1 1 auto;
+//   flex: 1 1 auto;
+//   padding: 0.75rem 1.25rem;
+// }
+
+// .input-text {
+//   line-height: 2rem;
+//   margin-right: 2rem;
+// }
+
+// .info hr {
+//   margin-right: 0;
+//   margin-left: 0;
+//   border-top-color: grey;
+// }
 
 .infoBox {
-  padding: .75rem 1.25rem;
+  padding: .2rem 0.2rem;
   position: absolute;
-  top: 1rem;
+  top: 0.3rem;
+  left: 0.3rem;
   background-color: white;
-  width: auto;
-  min-width: 22rem;
-  left: 1rem;
+  width: 3.2rem;
   box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);
   z-index: 100;
   .inputText{
     margin-right: 10px;
   }
   .input{
-    width: 200px;
+    width: 1.6rem;
+    height: 0.34rem;
+    font-size: 0.16rem;
   }
  
 }
 
-.code {
-  left: 1.5rem;
-  right: 1.5rem;
-  top: 1.5rem;
-  bottom: 1.5rem;
-  overflow: auto;
-  margin-bottom: 0rem;
-}
-
-.code .btn {
-  top: 1rem;
-  position: absolute;
-  right: 1rem;
-}
-
-.code .result {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  border-radius: 0.5rem;
-  padding: 1rem;
-  bottom: 1rem;
-  position: absolute;
-  top: 5.5rem;
-  right: 1rem;
-  left: 1rem;
-  overflow: auto;
-}
-
-.code .status {
-  color: #80adff;
-  display: inline-block;
-  font-size: 14px;
-}
-
-.code h4 {
-  display: inline-block;
-  max-width: 20rem;
-  margin-right: 1rem;
-  margin-bottom: 1rem;
-}
-
-select, input[type=text], input[type=date] {
-  display: inline-block;
-  // width: 100%;
-  padding: .375rem 1.75rem .375rem .75rem;
-  line-height: 1.5;
-  color: #495057;
-  vertical-align: middle;
-  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
-  background-size: 8px 10px;
-  border: 1px solid #ced4da;
-  border-radius: .25rem;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none
-}
-
-input[type=text],input[type=date] {
-  background: #fff;
-  padding: .375rem .75rem;
-}
-
-select:focus, input[type=text]:focus, input[type=date]:focus {
-  border-color: #80bdff;
-  outline: 0;
-  box-shadow: 0 0 0 .1rem rgba(128, 189, 255, .1)
-}
-
-.btn:focus {
-  outline: 0;
-  box-shadow: none;
-}
-
-select:focus::-ms-value, input[type=text]:focus::-ms-value,input[type=date]:focus::-ms-value {
-  color: #495057;
-  background-color: #fff
-}
-
-
-/* native toastr */
-.native-toast {
-  position: fixed;
-  background-color: rgba(50, 50, 50, .8);
-  border-radius: 33px;
-  color: white;
-  left: 50%;
-  text-align: center;
-  padding: 6px 12px;
-  opacity: 0;
-  z-index: 99999;
-  transition: transform .25s, opacity .25s, top .25s;
-  box-sizing: border-box;
-}
-
-.native-toast-bottom {
-  bottom: 50px;
-  -ms-transform: translateX(-50%) translateY(50px);
-      transform: translateX(-50%) translateY(50px)
-}
-
-.native-toast-bottom.native-toast-shown {
-  opacity: 1;
-  -ms-transform: translateX(-50%) translateY(0);
-      transform: translateX(-50%) translateY(0);
-}
-
-.native-toast-bottom.native-toast-edge {
-  bottom: 0;
-}
-
-.native-toast-top {
-  top: 50px;
-  -ms-transform: translateX(-50%) translateY(-50px);
-      transform: translateX(-50%) translateY(-50px)
-}
-
-.native-toast-top.native-toast-shown {
-  opacity: 1;
-  -ms-transform: translateX(-50%) translateY(0);
-      transform: translateX(-50%) translateY(0);
-}
-
-.native-toast-top.native-toast-edge {
-  top: 0;
-}
-
-.native-toast-center {
-  top: 0;
-  -ms-transform: translateX(-50%) translateY(-50px);
-      transform: translateX(-50%) translateY(-50px)
-}
-
-.native-toast-center.native-toast-shown {
-  opacity: 1;
-  top: 50%;
-  -ms-transform: translateX(-50%) translateY(-50%);
-      transform: translateX(-50%) translateY(-50%);
-}
-
-.native-toast-edge {
-  border-radius: 0;
-  width: 100%;
-  text-align: left;
-}
+// .code {
+//   left: 1.5rem;
+//   right: 1.5rem;
+//   top: 1.5rem;
+//   bottom: 1.5rem;
+//   overflow: auto;
+//   margin-bottom: 0rem;
+// }
+
+// .code .btn {
+//   top: 1rem;
+//   position: absolute;
+//   right: 1rem;
+// }
+
+// .code .result {
+//   border: 1px solid rgba(0, 0, 0, 0.1);
+//   border-radius: 0.5rem;
+//   padding: 1rem;
+//   bottom: 1rem;
+//   position: absolute;
+//   top: 5.5rem;
+//   right: 1rem;
+//   left: 1rem;
+//   overflow: auto;
+// }
+
+// .code .status {
+//   color: #80adff;
+//   display: inline-block;
+//   font-size: 14px;
+// }
+
+// .code h4 {
+//   display: inline-block;
+//   max-width: 20rem;
+//   margin-right: 1rem;
+//   margin-bottom: 1rem;
+// }
+
+// select, input[type=text], input[type=date] {
+//   display: inline-block;
+//   // width: 100%;
+//   padding: .375rem 1.75rem .375rem .75rem;
+//   line-height: 1.5;
+//   color: #495057;
+//   vertical-align: middle;
+//   background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
+//   background-size: 8px 10px;
+//   border: 1px solid #ced4da;
+//   border-radius: .25rem;
+//   -webkit-appearance: none;
+//   -moz-appearance: none;
+//   appearance: none
+// }
+
+// input[type=text],input[type=date] {
+//   background: #fff;
+//   padding: .375rem .75rem;
+// }
+
+// select:focus, input[type=text]:focus, input[type=date]:focus {
+//   border-color: #80bdff;
+//   outline: 0;
+//   box-shadow: 0 0 0 .1rem rgba(128, 189, 255, .1)
+// }
+
+// .btn:focus {
+//   outline: 0;
+//   box-shadow: none;
+// }
+
+// select:focus::-ms-value, input[type=text]:focus::-ms-value,input[type=date]:focus::-ms-value {
+//   color: #495057;
+//   background-color: #fff
+// }
+
+
+// /* native toastr */
+// .native-toast {
+//   position: fixed;
+//   background-color: rgba(50, 50, 50, .8);
+//   border-radius: 33px;
+//   color: white;
+//   left: 50%;
+//   text-align: center;
+//   padding: 6px 12px;
+//   opacity: 0;
+//   z-index: 99999;
+//   transition: transform .25s, opacity .25s, top .25s;
+//   box-sizing: border-box;
+// }
+
+// .native-toast-bottom {
+//   bottom: 50px;
+//   -ms-transform: translateX(-50%) translateY(50px);
+//       transform: translateX(-50%) translateY(50px)
+// }
+
+// .native-toast-bottom.native-toast-shown {
+//   opacity: 1;
+//   -ms-transform: translateX(-50%) translateY(0);
+//       transform: translateX(-50%) translateY(0);
+// }
+
+// .native-toast-bottom.native-toast-edge {
+//   bottom: 0;
+// }
+
+// .native-toast-top {
+//   top: 50px;
+//   -ms-transform: translateX(-50%) translateY(-50px);
+//       transform: translateX(-50%) translateY(-50px)
+// }
+
+// .native-toast-top.native-toast-shown {
+//   opacity: 1;
+//   -ms-transform: translateX(-50%) translateY(0);
+//       transform: translateX(-50%) translateY(0);
+// }
+
+// .native-toast-top.native-toast-edge {
+//   top: 0;
+// }
+
+// .native-toast-center {
+//   top: 0;
+//   -ms-transform: translateX(-50%) translateY(-50px);
+//       transform: translateX(-50%) translateY(-50px)
+// }
+
+// .native-toast-center.native-toast-shown {
+//   opacity: 1;
+//   top: 50%;
+//   -ms-transform: translateX(-50%) translateY(-50%);
+//       transform: translateX(-50%) translateY(-50%);
+// }
+
+// .native-toast-edge {
+//   border-radius: 0;
+//   width: 100%;
+//   text-align: left;
+// }
 
 @media screen and (min-width: 40rem) {
   .native-toast:not(.native-toast-edge) {

src/pages/building/list/add/amap.wxss

-html {
-  font-size: 12px;
-}
-.amap-copyright {
-  box-sizing: content-box;
-}
-* {
-  box-sizing: border-box;
-}
-.input-textarea {
-  color: grey;
-  height: 8em;
-  overflow: auto;
-  border-radius: 0.4rem;
-  border: 1px solid #ced4da;
-  margin-bottom: 1rem;
-}
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  line-height: 1.5;
-  font-weight: 300;
-  color: #111213;
-}
-hr {
-  margin: 0.5rem 0;
-  box-sizing: content-box;
-  height: 0;
-  overflow: visible;
-  border: 0;
-  border-top: 1px solid rgba(0, 0, 0, 0.1);
-}
-p {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-label {
-  display: inline-block;
-  margin-bottom: 0.4rem;
-}
-label,
-.btn {
-  margin-left: 0;
-  font-size: 1rem;
-}
-button,
-input,
-select {
-  margin: 0;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  overflow: visible;
-  text-transform: none;
-}
-[type=button]::-moz-focus-inner,
-[type=reset]::-moz-focus-inner,
-[type=submit]::-moz-focus-inner,
-button::-moz-focus-inner {
-  padding: 0;
-  border-style: none;
-}
-input[type=checkbox],
-input[type=radio] {
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0 0.5rem 0 0;
-}
-h4 {
-  font-family: inherit;
-  line-height: 1.8;
-  font-weight: 300;
-  color: inherit;
-  font-size: 1.1rem;
-  margin-top: 0;
-  margin-bottom: 0.5rem;
-}
-.btn {
-  display: inline-block;
-  font-weight: 400;
-  text-align: center;
-  white-space: nowrap;
-  vertical-align: middle;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  border: 1px solid transparent;
-  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-  background-color: transparent;
-  background-image: none;
-  color: #25A5F7;
-  border-color: #25A5F7;
-  padding: .25rem .5rem;
-  line-height: 1.5;
-  border-radius: 1rem;
-  -webkit-appearance: button;
-  cursor: pointer;
-}
-.btn:hover {
-  color: #fff;
-  background-color: #25A5F7;
-  border-color: #25A5F7;
-}
-.btn:hover {
-  text-decoration: none;
-}
-.input-item {
-  position: relative;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  -ms-flex-align: center;
-  align-items: center;
-  width: 100%;
-  height: 3rem;
-}
-.input-item:last-child {
-  margin-bottom: 0;
-}
-.input-item > select,
-.input-item > input[type=text],
-.input-item > input[type=date] {
-  position: relative;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  width: 1%;
-  margin-bottom: 0;
-}
-.input-item > select:not(:last-child),
-.input-item > input[type=text]:not(:last-child),
-.input-item > input[type=date]:not(:last-child) {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.input-item > select:not(:first-child),
-.input-item > input[type=text]:not(:first-child),
-.input-item > input[type=date]:not(:first-child) {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.input-item-prepend {
-  margin-right: -1px;
-}
-.input-item-text,
-input[type=text],
-input[type=date],
-select {
-  height: calc(4.2rem);
-}
-.input-item-text {
-  width: 6rem;
-  text-align: justify;
-  padding: 0.4rem 0.7rem;
-  display: inline-block;
-  text-justify: distribute-all-lines;
-  /*ie6-8*/
-  text-align-last: justify;
-  /* ie9*/
-  -moz-text-align-last: justify;
-  /*ff*/
-  -webkit-text-align-last: justify;
-  /*chrome 20+*/
-  -ms-flex-align: center;
-  align-items: center;
-  margin-bottom: 0;
-  font-size: 1rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #495057;
-  text-align: center;
-  white-space: nowrap;
-  background-color: #e9ecef;
-  border: 1px solid #ced4da;
-  border-radius: .25rem;
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
-.input-item-text input[type=checkbox],
-.input-item-text input[type=radio] {
-  margin-top: 0;
-}
-.input-card {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  word-wrap: break-word;
-  background-color: #fff;
-  background-clip: border-box;
-  border-radius: .25rem;
-  width: 22rem;
-  border-width: 0;
-  border-radius: 0.4rem;
-  box-shadow: 0 2px 6px 0 rgba(114, 124, 245, 0.5);
-  position: fixed;
-  bottom: 1rem;
-  right: 1rem;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  padding: 0.75rem 1.25rem;
-}
-.input-text {
-  line-height: 2rem;
-  margin-right: 2rem;
-}
-.info hr {
-  margin-right: 0;
-  margin-left: 0;
-  border-top-color: grey;
-}
-.info {
-  padding: .75rem 1.25rem;
-  margin-bottom: 1rem;
-  border-radius: .25rem;
-  position: fixed;
-  top: 1rem;
-  background-color: white;
-  width: auto;
-  min-width: 22rem;
-  border-width: 0;
-  right: 1rem;
-  box-shadow: 0 2px 6px 0 rgba(114, 124, 245, 0.5);
-  position: absolute;
-  z-index: 100;
-}
-.code {
-  left: 1.5rem;
-  right: 1.5rem;
-  top: 1.5rem;
-  bottom: 1.5rem;
-  overflow: auto;
-  margin-bottom: 0rem;
-}
-.code .btn {
-  top: 1rem;
-  position: absolute;
-  right: 1rem;
-}
-.code .result {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  border-radius: 0.5rem;
-  padding: 1rem;
-  bottom: 1rem;
-  position: absolute;
-  top: 5.5rem;
-  right: 1rem;
-  left: 1rem;
-  overflow: auto;
-}
-.code .status {
-  color: #80adff;
-  display: inline-block;
-  font-size: 14px;
-}
-.code h4 {
-  display: inline-block;
-  max-width: 20rem;
-  margin-right: 1rem;
-  margin-bottom: 1rem;
-}
-select,
-input[type=text],
-input[type=date] {
-  display: inline-block;
-  width: 100%;
-  padding: .375rem 1.75rem .375rem .75rem;
-  line-height: 1.5;
-  color: #495057;
-  vertical-align: middle;
-  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
-  background-size: 8px 10px;
-  border: 1px solid #ced4da;
-  border-radius: .25rem;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-input[type=text],
-input[type=date] {
-  background: #fff;
-  padding: .375rem .75rem;
-}
-select:focus,
-input[type=text]:focus,
-input[type=date]:focus {
-  border-color: #80bdff;
-  outline: 0;
-  box-shadow: 0 0 0 0.1rem rgba(128, 189, 255, 0.1);
-}
-.btn:focus {
-  outline: 0;
-  box-shadow: none;
-}
-select:focus::-ms-value,
-input[type=text]:focus::-ms-value,
-input[type=date]:focus::-ms-value {
-  color: #495057;
-  background-color: #fff;
-}
-/* native toastr */
-.native-toast {
-  position: fixed;
-  background-color: rgba(50, 50, 50, 0.8);
-  border-radius: 33px;
-  color: white;
-  left: 50%;
-  text-align: center;
-  padding: 6px 12px;
-  opacity: 0;
-  z-index: 99999;
-  transition: transform .25s, opacity .25s, top .25s;
-  box-sizing: border-box;
-}
-.native-toast-bottom {
-  bottom: 50px;
-  -ms-transform: translateX(-50%) translateY(50px);
-  transform: translateX(-50%) translateY(50px);
-}
-.native-toast-bottom.native-toast-shown {
-  opacity: 1;
-  -ms-transform: translateX(-50%) translateY(0);
-  transform: translateX(-50%) translateY(0);
-}
-.native-toast-bottom.native-toast-edge {
-  bottom: 0;
-}
-.native-toast-top {
-  top: 50px;
-  -ms-transform: translateX(-50%) translateY(-50px);
-  transform: translateX(-50%) translateY(-50px);
-}
-.native-toast-top.native-toast-shown {
-  opacity: 1;
-  -ms-transform: translateX(-50%) translateY(0);
-  transform: translateX(-50%) translateY(0);
-}
-.native-toast-top.native-toast-edge {
-  top: 0;
-}
-.native-toast-center {
-  top: 0;
-  -ms-transform: translateX(-50%) translateY(-50px);
-  transform: translateX(-50%) translateY(-50px);
-}
-.native-toast-center.native-toast-shown {
-  opacity: 1;
-  top: 50%;
-  -ms-transform: translateX(-50%) translateY(-50%);
-  transform: translateX(-50%) translateY(-50%);
-}
-.native-toast-edge {
-  border-radius: 0;
-  width: 100%;
-  text-align: left;
-}
-@media screen and (min-width: 40rem) {
-  .native-toast:not(.native-toast-edge) {
-    max-width: 18rem;
-  }
-}
-/*
-  max-width does not seem to work in small screen?
-*/
-/*@media screen and (max-width: 768px) {
-  .native-toast:not(.native-toast-edge) {
-    max-width: 400px;
-  }
-}
-
-@media screen and (max-width: 468px) {
-  .native-toast:not(.native-toast-edge) {
-    max-width: 300px;
-  }
-}*/
-/* types */
-.native-toast-error {
-  background-color: #d92727;
-  color: white;
-}
-.native-toast-success {
-  background-color: #62a465;
-  color: white;
-}
-.native-toast-warning {
-  background-color: #fdaf17;
-  color: white;
-}
-.native-toast-info {
-  background-color: #5060ba;
-  color: white;
-}
-[class^="native-toast-icon-"] {
-  vertical-align: middle;
-  margin-right: 8px;
-}
-[class^="native-toast-icon-"] svg {
-  width: 16px;
-  height: 16px;
-}

src/pages/building/list/add/components/base.jsx

 import TagGroup from './tags'
 import Amap from './amap'
 import BudildingProjectType from './buildingProjectType'
+import SelectCity from '../../../../../components/SelectButton/CitySelect'
 
 const { Option } = Select
 const { TabPane } = Tabs;
             {getFieldDecorator('dynamic')(<Input />)}
           </Form.Item>
           <Form.Item label="物业类型" hasFeedback>
-            {getFieldDecorator('buildingProperty')(
-              <Select mode="multiple" placeholder="物业类型" style={{ width: '1016px' }}>
-                <Option value="未知">未知</Option>
-              </Select>,
+            {getFieldDecorator('propertyType')(
+              // <Select mode="multiple" placeholder="物业类型" style={{ width: '1016px' }}>
+              //   <Option value="未知">未知</Option>
+              // </Select>,
+              <Input />,
             )}
           </Form.Item>
           <Form.Item label="销售状态" hasFeedback>
           </Form.Item>
           <Form.Item label="所在城市" hasFeedback>
             {getFieldDecorator('cityId')(
-              <Select placeholder="选择城市" style={{ width: '200px' }}>
-                <Option value="red">Red</Option>
-              </Select>,
+              <SelectCity />,
             )}
           </Form.Item>
           <Form.Item label="楼盘区域" hasFeedback>

src/pages/building/list/index.jsx

 import Styles from './style.less';
 import { router } from 'umi';
 import AuthButton from '@/components/AuthButton';
+import SelectCity from '../../../components/SelectButton/CitySelect'
 
 
 const { Option } = Select;
         <span className={Styles.title}>录入时间</span>
         <span >：{data.createDate}</span>
       </p>
-      <p style={{ margin: '15px 0', position: 'relative', fontSize: '18px' }}>
+      <p style={{ margin: '15px 0', position: 'relative', fontSize: '1.1remrem' }}>
         <span style={{ color: '#FF4A4A' }} onClick={() => pulicAndUnPulic(data)}>
           {/* 已发布的时候，需要显示取消发布的字样 */}
           {data.status === 1 ? '取消发布' : '发布'}
         </Form.Item>
         <Form.Item>
           {getFieldDecorator('cityId')(
-            <Select style={{ width: '180px' }} placeholder="城市" onChange={handleSelectChange}>
-              <Option value="male">male</Option>
-              <Option value="female">female</Option>
-            </Select>,
+             <SelectCity />,
           )}
         </Form.Item>
         <Form.Item>

src/pages/building/list/style.css

-.SubmitButton {
-  background: #3a91d5;
-  border-radius: 7px;
-  border: 0px;
-}
-.SelectFrom {
-  width: 180px;
-  background: #ffffff;
-  border-radius: 7px;
-  border: 1px solid #dbdbdb;
-}
-.addButton {
-  border-radius: 4px;
-  border: 0px;
-  margin: 10px 0px;
-}
-.cardText {
-  font-size: 18px;
-  color: #333;
-  line-height: 24px;
-  display: flex;
-  align-items: center;
-  position: relative;
-}
-.cardItem {
-  font-size: 18px;
-  font-weight: 400;
-  color: #666;
-  line-height: 24px;
-  display: flex;
-  align-items: center;
-}
-.ediText {
-  font-size: 18px;
-  color: #ff925c;
-  line-height: 24px;
-  position: absolute;
-  right: 0;
-}
-.title {
-  display: inline-block;
-  width: 84px;
-  justify-content: space-between;
-  text-align: justify;
-  text-align-last: justify;
-}
-.address {
-  width: 400px;
-  height: 24px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}

src/pages/building/list/style.less

   margin: 10px 0px;
 }
 .cardText {
-  font-size: 18px;
+  font-size: 1.1rem;
   color: #333;
   line-height: 24px;
   display: flex;
 
 }
 .cardItem{
-  font-size: 18px;
+  font-size: 1.1rem;
   font-weight: 400;
   color: #666;
   line-height: 24px;
   align-items: center;  
 }
 .ediText {
-  font-size: 18px;
+  font-size: 1.1rem;
   color: #ff925c;
   line-height: 24px;
   position: absolute;

src/pages/building/list/style.wxss

-.SubmitButton {
-  background: #3a91d5;
-  border-radius: 7px;
-  border: 0px;
-}
-.SelectFrom {
-  width: 180px;
-  background: #ffffff;
-  border-radius: 7px;
-  border: 1px solid #dbdbdb;
-}
-.addButton {
-  border-radius: 4px;
-  border: 0px;
-  margin: 10px 0px;
-}
-.cardText {
-  font-size: 18px;
-  color: #333;
-  line-height: 24px;
-  display: flex;
-  align-items: center;
-  position: relative;
-}
-.cardItem {
-  font-size: 18px;
-  font-weight: 400;
-  color: #666;
-  line-height: 24px;
-  display: flex;
-  align-items: center;
-}
-.ediText {
-  font-size: 18px;
-  color: #ff925c;
-  line-height: 24px;
-  position: absolute;
-  right: 0;
-}
-.title {
-  display: inline-block;
-  width: 84px;
-  justify-content: space-between;
-  text-align: justify;
-  text-align-last: justify;
-}
-.address {
-  width: 400px;
-  height: 24px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}

src/pages/customer/customerlist/index.jsx

 import Attribution from './components/attribution'
 import IntegralRecord from './components/integralRecord'
 import ChangeStatus from './components/changeStatus'
+import BuildSelect from '../../../components/SelectButton/BuildSelect'
 
 
 const { Option } = Select;
       <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
         <Form.Item>
           {getFieldDecorator('buildingId')(
-            <Select style={{ width: '180px' }} placeholder="意向项目" onChange={handleSelectChange}>
-              <Option value="male">male</Option>
-            </Select>,
+            <BuildSelect />,
           )}
         </Form.Item>
         <Form.Item>

src/pages/customer/report/index.jsx

 import request from '../../../utils/request';
 import apis from '../../../services/apis';
 import Styles from './style.less';
+import BuildSelect from '../../../components/SelectButton/BuildSelect'
 
 
 const { Option } = Select;
         </Form.Item>
         <Form.Item>
           {getFieldDecorator('buildingId')(
-            <Select style={{ width: '180px' }} placeholder="意向项目" onChange={handleSelectChange}>
-              <Option value="male">male</Option>
-            </Select>,
+            <BuildSelect />,
           )}
         </Form.Item>
         <Form.Item>

src/pages/user/login/components/Login/index.less

 }
 .login {
   background-color: #fff;
-  width:580px;
-  height:480px;
-  padding:120px 50px;
+  width:100%;
+  height:58vh;
   border-radius:0px 30px 30px 0px;
   margin: 0 auto;
+  padding: 10vh 0;
   :global {
     .ant-tabs .ant-tabs-bar {
       margin-bottom: 24px;
     .ant-form-item {
       margin: 0 2px 24px;
     }
+    .ant-input-affix-wrapper,.ant-form-item-control{ 
+      width: 36vw;
+      max-width: 600px;
+      min-width: 200px;
+      margin: 0 auto;
+      display: block;
+      }
   }
 
   .getCaptcha {

src/pages/user/login/style.less

   // width: 368px;
   margin: 0 auto;
   @media screen and (max-width: @screen-sm) {
-    width: 95%;
+    width: 100%;
   }
 
   .icon {