From 2bd6136cb8cf4abf168bf858022aa53876bead11 Mon Sep 17 00:00:00 2001
From: vapao <live1989@foxmail.com>
Date: Sun, 12 Jan 2020 00:33:13 +0800
Subject: [PATCH] U web update

---
 spug_web/src/pages/system/role/Permission.js  |  7 +++++--
 .../src/pages/system/role/index.module.css    | 21 +++++++++++++++----
 2 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/spug_web/src/pages/system/role/Permission.js b/spug_web/src/pages/system/role/Permission.js
index 9b9dab9..88691d7 100644
--- a/spug_web/src/pages/system/role/Permission.js
+++ b/spug_web/src/pages/system/role/Permission.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import { observer } from 'mobx-react';
-import { Modal, Checkbox, Row, Col, message } from 'antd';
+import {Modal, Checkbox, Row, Col, message, Alert} from 'antd';
 import http from 'libs/http';
 import store from './store';
 import codes from './codes';
@@ -65,10 +65,13 @@ class Permission extends React.Component {
         width={1000}
         maskClosable={false}
         title="功能权限设置"
+        className={styles.container}
         onCancel={() => store.permVisible = false}
         confirmLoading={this.state.loading}
         onOk={this.handleSubmit}>
-        <table border="1" className={styles.container}>
+        <Alert closable style={{width: 600, margin: '0 auto 20px', color: '#31708f !important'}} type="info"
+                 message="小提示: 功能权限仅影响页面功能，管理发布应用权限请在发布权限中设置。"/>
+        <table border="1" className={styles.table}>
           <thead>
           <tr>
             <th>模块</th>
diff --git a/spug_web/src/pages/system/role/index.module.css b/spug_web/src/pages/system/role/index.module.css
index f7b3079..e77a2d2 100644
--- a/spug_web/src/pages/system/role/index.module.css
+++ b/spug_web/src/pages/system/role/index.module.css
@@ -1,11 +1,24 @@
-.container {
+.container :global(.ant-modal-footer) {
+    border-top: 0
+}
+
+.table {
+    width: 100%;
+    border: 1px solid #dfdfdf;
+}
+
+.table :global(.ant-checkbox-group) {
     width: 100%;
 }
 
-.container :global(.ant-checkbox-group) {
-    width: 100%;
+.table th {
+    background-color: #fafafa;
+    color: #404040;
+    font-size: 18px;
+    font-weight: 500;
+    padding: 5px 15px;
 }
 
-.container td {
+.table td {
     padding: 5px 15px;
 }
\ No newline at end of file