增加终端解绑功能

src/models/terminal/terminal.js

@@ -1,4 +1,4 @@
-import { query, create, update, remove } from '../../services/terminal';
+import { query, create, update, remove, unbunding } from '../../services/terminal';
 import modelExtend from 'dva-model-extend';
 import { message } from 'antd';
 import queryString from 'query-string';
@@ -58,6 +58,13 @@ export default modelExtend(pageModel, {
         if (callback) callback();
       }
     },
+    * unbind ({ payload, callback }, { call, put }) {
+      const { data, success } = yield call(unbunding, payload);
+      if (success) {
+        message.success('解绑成功!');
+        if (callback) callback();
+      }
+    },
   },
 
   reducers: {

src/routes/Terminal/List/index.js

@@ -107,6 +107,12 @@ export default class TerminalList extends Component {
           },
         });
       },
+      onUnbindItem: (payload) => {
+        dispatch({
+          type: 'terminal/unbind',
+          payload,
+        });
+      },
     };
 
     return (

src/routes/Terminal/List/table.js

@@ -17,6 +17,18 @@ export default class TerminalTableList extends Component {
       },
     });
   }
+  handleUnBind = (record) => {
+    const { onUnbindItem } = this.props;
+    Modal.confirm({
+      title: `您确定要解绑该终端账号?`,
+      content: '解除绑定后登录将失效,请谨慎操作',
+      okText: '确定',
+      cancelText: '取消',
+      onOk() {
+        onUnbindItem({ id: record.id })
+      },
+    });
+  }
 
   render() {
     const { onDeleteItem, onEditItem, curStatus, pagination, ...tableProps } = this.props;
@@ -30,7 +42,7 @@ export default class TerminalTableList extends Component {
       title: '终端名称',
       dataIndex: 'name',
       key: 'name',
-      width: '11%',
+      width: '8%',
     }, {
       title: '校区',
       dataIndex: 'campusName',
@@ -53,7 +65,7 @@ export default class TerminalTableList extends Component {
       filters: Object.keys(terminalStatuses).map(key => ({ text: terminalStatuses[key], value: key })),
       filterMultiple: false,
       filteredValue: [curStatus],
-      width: '8%',
+      width: '7%',
     }, {
       title: '修改时间',
       dataIndex: 'gmtModified',
@@ -61,7 +73,7 @@ export default class TerminalTableList extends Component {
       render: text => (
         <div>{moment(text).format('YYYY-MM-DD HH:mm:ss')}</div>
       ),
-      width: '17%',
+      width: '16%',
     }, {
       title: '操作',
       dataIndex: 'operation',
@@ -71,9 +83,11 @@ export default class TerminalTableList extends Component {
           <a onClick={() => onEditItem(record)}>编辑</a>
           <Divider type="vertical" />
           <a onClick={() => this.handleOperateItem(record)}>{record.status === Codes.CODE_NORMAL ? '禁用' : '解禁'}</a>
+          <Divider type="vertical" />
+          <a onClick={() => this.handleUnBind(record)}>解绑</a>
         </div>
       ),
-      width: '10%',
+      width: '15%',
     }];
 
     columns.map((item) => {

src/services/terminal.js

@@ -1,6 +1,6 @@
 import { stringify } from 'qs';
 import request from '../utils/request';
-import { terminals, terminal } from '../utils/api';
+import { terminals, terminal, unbind } from '../utils/api';
 
 export async function query(params) {
   return request(`${terminals}?${stringify(params)}`);
@@ -26,3 +26,8 @@ export async function remove(id) {
   const options = { method: 'DELETE' };
   return request(`${terminal}/${id}`, options);
 }
+
+export async function unbunding({id}) {
+  const options = { method: 'DELETE' };
+  return request(`${unbind}/${id}`, options);
+}

src/utils/api.js

@@ -20,4 +20,5 @@ module.exports = {
   orderReceive: `${config.apiHost}/order/receive`,
   snapShot: `${config.apiHost}/order/snapshot`,
   shopCartProducts: `${config.apiHost}/buymsg/list`,
+  unbind: `${config.apiHost}/device/unbind`,
 };

src/utils/config.js

@@ -45,8 +45,8 @@ Codes.CODE_ITEM = '件';
 
 module.exports = {
   apiHost: '/api/v1',
+  // apiHost: 'http://tt-cms.api.ai160.com',
   ossHost: 'http://efunimgs.oss-cn-beijing.aliyuncs.com',
-  // apiHost: '/api',
   // 每页返回数据量
   pageSize: 20,
   // 标识码