improve SearchListApplications block code

@@ -13,9 +13,7 @@
   "dependencies": {
   "dependencies": {
     "ant-design-pro": "^2.1.1",
     "ant-design-pro": "^2.1.1",
     "antd": "^3.10.9",
     "antd": "^3.10.9",
-    "dva": "^2.4.0",
-    "react": "^16.6.3",
-    "umi-request": "^1.0.0"
+    "react": "^16.6.3"
   },
   },
   "devDependencies": {
   "devDependencies": {
     "umi": "^2.3.0-beta.1",
     "umi": "^2.3.0-beta.1",

 import React, { Component } from 'react';
 import React, { Component } from 'react';
 import router from 'umi/router';
 import router from 'umi/router';
-import { connect } from 'dva';
 import { Input } from 'antd';
 import { Input } from 'antd';
 import PageHeaderWrapper from './components/PageHeaderWrapper';
 import PageHeaderWrapper from './components/PageHeaderWrapper';
 
 
-@connect()
-class SearchList extends Component {
+class PAGE_NAME_UPPER_CAMEL_CASE extends Component {
   handleTabChange = key => {
   handleTabChange = key => {
     const { match } = this.props;
     const { match } = this.props;
     switch (key) {
     switch (key) {
@@ -72,4 +70,4 @@ class SearchList extends Component {
   }
   }
 }
 }
 
 
-export default SearchList;
+export default PAGE_NAME_UPPER_CAMEL_CASE;

-let sourceData;
-
 const titles = [
 const titles = [
   'Alipay',
   'Alipay',
   'Angular',
   'Angular',
@@ -21,19 +19,6 @@ const avatars = [
   'https://gw.alipayobjects.com/zos/rmsportal/nxkuOJlFJuAUhzlMTCEe.png', // Webpack
   'https://gw.alipayobjects.com/zos/rmsportal/nxkuOJlFJuAUhzlMTCEe.png', // Webpack
 ];
 ];
 
 
-const avatars2 = [
-  'https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png',
-  'https://gw.alipayobjects.com/zos/rmsportal/cnrhVkzwxjPwAaCfPbdc.png',
-  'https://gw.alipayobjects.com/zos/rmsportal/gaOngJwsRYRaVAuXXcmB.png',
-  'https://gw.alipayobjects.com/zos/rmsportal/ubnKSIfAJTxIgXOKlciN.png',
-  'https://gw.alipayobjects.com/zos/rmsportal/WhxKECPNujWoWEFNdnJE.png',
-  'https://gw.alipayobjects.com/zos/rmsportal/jZUIxmJycoymBprLOUbT.png',
-  'https://gw.alipayobjects.com/zos/rmsportal/psOgztMplJMGpVEqfcgF.png',
-  'https://gw.alipayobjects.com/zos/rmsportal/ZpBqSxLxVEXfcUNoPKrz.png',
-  'https://gw.alipayobjects.com/zos/rmsportal/laiEnJdGHVOhJrUShBaJ.png',
-  'https://gw.alipayobjects.com/zos/rmsportal/UrQsqscbKEpNuJcvBZBu.png',
-];
-
 const covers = [
 const covers = [
   'https://gw.alipayobjects.com/zos/rmsportal/uMfMFlvUuceEyPpotzlq.png',
   'https://gw.alipayobjects.com/zos/rmsportal/uMfMFlvUuceEyPpotzlq.png',
   'https://gw.alipayobjects.com/zos/rmsportal/iZBVOIhGJiAnhplqjvZW.png',
   'https://gw.alipayobjects.com/zos/rmsportal/iZBVOIhGJiAnhplqjvZW.png',
@@ -114,43 +99,9 @@ function getFakeList(req, res) {
   const count = params.count * 1 || 20;
   const count = params.count * 1 || 20;
 
 
   const result = fakeList(count);
   const result = fakeList(count);
-  sourceData = result;
-  return res.json(result);
-}
-
-function postFakeList(req, res) {
-  const { /* url = '', */ body } = req;
-  // const params = getUrlParams(url);
-  const { method, id } = body;
-  // const count = (params.count * 1) || 20;
-  let result = sourceData;
-
-  switch (method) {
-    case 'delete':
-      result = result.filter(item => item.id !== id);
-      break;
-    case 'update':
-      result.forEach((item, i) => {
-        if (item.id === id) {
-          result[i] = Object.assign(item, body);
-        }
-      });
-      break;
-    case 'post':
-      result.unshift({
-        body,
-        id: `fake-list-${result.length}`,
-        createdAt: new Date().getTime(),
-      });
-      break;
-    default:
-      break;
-  }
-
   return res.json(result);
   return res.json(result);
 }
 }
 
 
 export default {
 export default {
-  'GET /api/fake_list': getFakeList,
-  'POST /api/fake_list': postFakeList,
+  'GET /api/BLOCK_NAME/fake_list': getFakeList,
 };
 };

@@ -3,18 +3,17 @@ import numeral from 'numeral';
 import { connect } from 'dva';
 import { connect } from 'dva';
 import { Row, Col, Form, Card, Select, Icon, Avatar, List, Tooltip, Dropdown, Menu } from 'antd';
 import { Row, Col, Form, Card, Select, Icon, Avatar, List, Tooltip, Dropdown, Menu } from 'antd';
 import { TagSelect } from 'ant-design-pro';
 import { TagSelect } from 'ant-design-pro';
-import StandardFormRow from '@/components/StandardFormRow';
 
 
-import { formatWan } from '@/utils/utils';
-
-import styles from './Applications.less';
+import StandardFormRow from './components/StandardFormRow';
+import { formatWan } from './utils/utils';
+import styles from './style.less';
 
 
 const { Option } = Select;
 const { Option } = Select;
 const FormItem = Form.Item;
 const FormItem = Form.Item;
 
 
-@connect(({ list, loading }) => ({
-  list,
-  loading: loading.models.list,
+@connect(({ BLOCK_NAME, loading }) => ({
+  BLOCK_NAME,
+  loading: loading.models.BLOCK_NAME,
 }))
 }))
 @Form.create({
 @Form.create({
   onValuesChange({ dispatch }, changedValues, allValues) {
   onValuesChange({ dispatch }, changedValues, allValues) {
@@ -23,18 +22,18 @@ const FormItem = Form.Item;
     console.log(changedValues, allValues);
     console.log(changedValues, allValues);
     // 模拟查询表单生效
     // 模拟查询表单生效
     dispatch({
     dispatch({
-      type: 'list/fetch',
+      type: 'BLOCK_NAME/fetch',
       payload: {
       payload: {
         count: 8,
         count: 8,
       },
       },
     });
     });
   },
   },
 })
 })
-class FilterCardList extends PureComponent {
+class PAGE_NAME_UPPER_CAMEL_CASE extends PureComponent {
   componentDidMount() {
   componentDidMount() {
     const { dispatch } = this.props;
     const { dispatch } = this.props;
     dispatch({
     dispatch({
-      type: 'list/fetch',
+      type: 'BLOCK_NAME/fetch',
       payload: {
       payload: {
         count: 8,
         count: 8,
       },
       },
@@ -43,7 +42,7 @@ class FilterCardList extends PureComponent {
 
 
   render() {
   render() {
     const {
     const {
-      list: { list },
+      BLOCK_NAME: { list },
       loading,
       loading,
       form,
       form,
     } = this.props;
     } = this.props;
@@ -180,4 +179,4 @@ class FilterCardList extends PureComponent {
   }
   }
 }
 }
 
 
-export default FilterCardList;
+export default PAGE_NAME_UPPER_CAMEL_CASE;

-import { queryFakeList, removeFakeList, addFakeList, updateFakeList } from './service';
+import { queryFakeList } from './service';
 
 
 export default {
 export default {
-  namespace: 'list',
+  namespace: 'BLOCK_NAME',
 
 
   state: {
   state: {
     list: [],
     list: [],
@@ -15,26 +15,6 @@ export default {
         payload: Array.isArray(response) ? response : [],
         payload: Array.isArray(response) ? response : [],
       });
       });
     },
     },
-    *appendFetch({ payload }, { call, put }) {
-      const response = yield call(queryFakeList, payload);
-      yield put({
-        type: 'appendList',
-        payload: Array.isArray(response) ? response : [],
-      });
-    },
-    *submit({ payload }, { call, put }) {
-      let callback;
-      if (payload.id) {
-        callback = Object.keys(payload).length === 1 ? removeFakeList : updateFakeList;
-      } else {
-        callback = addFakeList;
-      }
-      const response = yield call(callback, payload); // post
-      yield put({
-        type: 'queryList',
-        payload: response,
-      });
-    },
   },
   },
 
 
   reducers: {
   reducers: {
@@ -44,11 +24,5 @@ export default {
         list: action.payload,
         list: action.payload,
       };
       };
     },
     },
-    appendList(state, action) {
-      return {
-        ...state,
-        list: state.list.concat(action.payload),
-      };
-    },
   },
   },
 };
 };

 import request from 'umi-request';
 import request from 'umi-request';
 
 
 export async function queryFakeList(params) {
 export async function queryFakeList(params) {
-  return request(`/api/fake_list`, {
+  return request(`/api/BLOCK_NAME/fake_list`, {
     params,
     params,
   });
   });
 }
 }
-
-export async function removeFakeList(params) {
-  const { count = 5, ...restParams } = params;
-  return request(`/api/fake_list?count=${count}`, {
-    method: 'POST',
-    body: {
-      ...restParams,
-      method: 'delete',
-    },
-  });
-}
-
-export async function addFakeList(params) {
-  const { count = 5, ...restParams } = params;
-  return request(`/api/fake_list?count=${count}`, {
-    method: 'POST',
-    body: {
-      ...restParams,
-      method: 'post',
-    },
-  });
-}
-
-export async function updateFakeList(params) {
-  const { count = 5, ...restParams } = params;
-  return request(`/api/fake_list?count=${count}`, {
-    method: 'POST',
-    body: {
-      ...restParams,
-      method: 'update',
-    },
-  });
-}

 @import '~antd/lib/style/themes/default.less';
 @import '~antd/lib/style/themes/default.less';
-@import '~@/utils/utils.less';
+@import './utils/utils.less';
 
 
 .filterCardList {
 .filterCardList {
   margin-bottom: -24px;
   margin-bottom: -24px;

+import React from 'react';
+
+export function formatWan(val) {
+  const v = val * 1;
+  if (!v || Number.isNaN(v)) return '';
+
+  let result = val;
+  if (val > 10000) {
+    result = Math.floor(val / 10000);
+    result = (
+      <span>
+        {result}
+        <span
+          style={{
+            position: 'relative',
+            top: -2,
+            fontSize: 14,
+            fontStyle: 'normal',
+            marginLeft: 2,
+          }}
+        >
+          万
+        </span>
+      </span>
+    );
+  }
+  return result;
+}

+.textOverflow() {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  white-space: nowrap;
+}
+
+.textOverflowMulti(@line: 3, @bg: #fff) {
+  overflow: hidden;
+  position: relative;
+  line-height: 1.5em;
+  max-height: @line * 1.5em;
+  text-align: justify;
+  margin-right: -1em;
+  padding-right: 1em;
+  &:before {
+    background: @bg;
+    content: '...';
+    padding: 0 1px;
+    position: absolute;
+    right: 14px;
+    bottom: 0;
+  }
+  &:after {
+    background: white;
+    content: '';
+    margin-top: 0.2em;
+    position: absolute;
+    right: 14px;
+    width: 1em;
+    height: 1em;
+  }
+}
+
+// mixins for clearfix
+// ------------------------
+.clearfix() {
+  zoom: 1;
+  &:before,
+  &:after {
+    content: ' ';
+    display: table;
+  }
+  &:after {
+    clear: both;
+    visibility: hidden;
+    font-size: 0;
+    height: 0;
+  }
+}