From ae521d93c69aec4811bce5af054d1e177404c6ad Mon Sep 17 00:00:00 2001
From: vapao <live1989@foxmail.com>
Date: Sat, 24 Jul 2021 10:45:20 +0800
Subject: [PATCH] fix issue

---
 spug_web/src/pages/config/app/Table.js     |  1 -
 spug_web/src/pages/config/setting/index.js | 34 +++++++++++++---------
 2 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/spug_web/src/pages/config/app/Table.js b/spug_web/src/pages/config/app/Table.js
index 3418e22..dc22064 100644
--- a/spug_web/src/pages/config/app/Table.js
+++ b/spug_web/src/pages/config/app/Table.js
@@ -62,7 +62,6 @@ class ComTable extends React.Component {
           showTotal: total => `共 ${total} 条`,
           pageSizeOptions: ['10', '20', '50', '100']
         }}>
-        <Table.Column title="序号" key="series" render={(_, __, index) => index + 1}/>
         <Table.Column title="应用名称" dataIndex="name"/>
         <Table.Column title="标识符" dataIndex="key"/>
         <Table.Column ellipsis title="描述信息" dataIndex="desc"/>
diff --git a/spug_web/src/pages/config/setting/index.js b/spug_web/src/pages/config/setting/index.js
index 6b7a2c8..af6a1f2 100644
--- a/spug_web/src/pages/config/setting/index.js
+++ b/spug_web/src/pages/config/setting/index.js
@@ -5,7 +5,7 @@
  */
 import React from 'react';
 import { observer } from 'mobx-react';
-import { Menu, Input, Button, Select, PageHeader, Modal } from 'antd';
+import { Menu, Input, Button, PageHeader, Modal, Space, Radio } from 'antd';
 import {
   DiffOutlined,
   HistoryOutlined,
@@ -102,11 +102,11 @@ class Index extends React.Component {
           <div className={styles.right}>
             <SearchForm>
               <SearchForm.Item span={6} title="视图" style={{paddingLeft: 0}}>
-                <Select value={view} style={{width: '100%'}} onChange={v => this.setState({view: v})}>
-                  <Select.Option value="1"><TableOutlined style={{marginRight: 10}}/>表格</Select.Option>
-                  <Select.Option value="2"><UnorderedListOutlined style={{marginRight: 10}}/>文本</Select.Option>
-                  <Select.Option value="3"><NumberOutlined style={{marginRight: 10}}/>JSON</Select.Option>
-                </Select>
+                <Radio.Group value={view} onChange={e => this.setState({view: e.target.value})}>
+                  <Radio.Button value="1"><TableOutlined title="表格视图"/></Radio.Button>
+                  <Radio.Button value="2"><UnorderedListOutlined title="文本视图"/></Radio.Button>
+                  <Radio.Button value="3"><NumberOutlined title="JSON视图"/></Radio.Button>
+                </Radio.Group>
               </SearchForm.Item>
               <SearchForm.Item span={7} title="Key">
                 <Input allowClear value={store.f_name} onChange={e => store.f_name = e.target.value} placeholder="请输入"/>
@@ -114,14 +114,20 @@ class Index extends React.Component {
               <SearchForm.Item span={3}>
                 <Button type="primary" icon={<SyncOutlined/>} onClick={this.handleRefresh}>刷新</Button>
               </SearchForm.Item>
-              <SearchForm.Item span={4}>
-                <Button type="primary" style={{backgroundColor: 'orange', borderColor: 'orange'}}
-                        icon={<HistoryOutlined/>}
-                        onClick={store.showRecord}>更改历史</Button>
-              </SearchForm.Item>
-              <SearchForm.Item span={4} style={{textAlign: 'right'}}>
-                <AuthButton auth="config.app.edit_config|config.service.edit_config" disabled={view !== '1'}
-                            type="primary" icon={<PlusOutlined/>} onClick={() => store.showForm()}>新增配置</AuthButton>
+              <SearchForm.Item span={8} style={{textAlign: 'right', padding: 0}}>
+                <Space size="large">
+                  <AuthButton
+                    auth="config.app.edit_config|config.service.edit_config"
+                    disabled={view !== '1'}
+                    type="primary"
+                    icon={<PlusOutlined/>}
+                    onClick={() => store.showForm()}>新增配置</AuthButton>
+                  <Button
+                    type="primary"
+                    style={{backgroundColor: 'orange', borderColor: 'orange'}}
+                    icon={<HistoryOutlined/>}
+                    onClick={store.showRecord}>更改历史</Button>
+                </Space>
               </SearchForm.Item>
             </SearchForm>