fix: eslint

README.md

@@ -4,41 +4,80 @@
 
 [预览地址](https://pro.loacg.com/)  **附带一些后台基础用到的列表展示例子**
 
-![](https://static-2.loacg.com/open/static/github/20180916-134306.png)
-![](https://static-2.loacg.com/open/static/github/20180916-134251.png)
-![](https://static-2.loacg.com/open/static/github/20180916-155011.png)
-![](https://static-2.loacg.com/open/static/github/20180916-154921.png)
-![](https://static-2.loacg.com/open/static/github/20180916-155317.png)
-![](https://static-2.loacg.com/open/static/github/20180916-154937.png)
-![](https://static-2.loacg.com/open/static/github/20180916-154950.png)
+![工作台](https://static-2.loacg.com/open/static/github/20180916-134306.png)
+
+![个人设置](https://static-2.loacg.com/open/static/github/20180916-134251.png)
+
+![内联编辑列表](https://static-2.loacg.com/open/static/github/20180916-155011.png)
+
+![角色列表](https://static-2.loacg.com/open/static/github/20180916-154921.png)
+
+![角色编辑](https://static-2.loacg.com/open/static/github/20180916-155317.png)
+
+![权限列表](https://static-2.loacg.com/open/static/github/20180916-154937.png)
+
+![权限编辑](https://static-2.loacg.com/open/static/github/20180916-154950.png)
 
 ## 环境和依赖
 - node
 - yarn
 - webpack
 - eslint
-- @vue/cli 3.0.3
-- [vue-cropper (头像裁剪组件)](https://github.com/xyxiao001/vue-cropper)
-- [@antv/g2] (https://antv.alipay.com/zh-cn/index.html)
-- [viser-vue (封装de antv/g2)](https://viserjs.github.io/docs.html#/viser/guide/installation)
+- @vue/cli 3.0.1
+- [vue-cropper](https://github.com/xyxiao001/vue-cropper) - 头像裁剪组件 
+- [@antv/g2](https://antv.alipay.com/zh-cn/index.html) - Alipay AntV 数据可视化图表
+- [Viser-vue](https://viserjs.github.io/docs.html#/viser/guide/installation)  - antv/g2 封装实现
+
+
+## 项目下载和运行
 
+- 拉取项目代码
+```bash
+git clone https://github.com/sendya/ant-design-pro-vue.git
+cd ant-design-pro-vue
+```
 
-## Project setup
+- 安装依赖
 ```
 yarn install
 ```
 
-### Compiles and hot-reloads for development
+- 开发模式运行
 ```
 yarn run serve
 ```
 
-### Compiles and minifies for production
+- 编译项目
 ```
 yarn run build
 ```
 
-### Lints and fixes files
+- Lints and fixes files
 ```
 yarn run lint
+```
+
+
+
+## 其他说明
+
+- 项目使用的 [vue-cli3](https://cli.vuejs.org/guide/), 请更新您的 cli
+
+- 修改 Ant Design 配色  
+在文件 vue.config.js 中，其他 less 变量覆盖参考 ant design 官方说明
+```ecmascript 6
+  css: {
+    loaderOptions: {
+      less: {
+        modifyVars: {
+          /* less 变量覆盖，用于自定义 ant design 主题 */
+
+          'primary-color': '#F5222D',
+          'link-color': '#F5222D',
+          'border-radius-base': '4px',
+        },
+        javascriptEnabled: true,
+      }
+    }
+  }
 ```

src/components/layout/LayoutHeader.vue

@@ -76,11 +76,23 @@
       ...mapActions(["Logout"]),
       ...mapGetters(["nickname", "avatar"]),
       handleLogout() {
-        this.Logout({}).then(() => {
-          window.location.reload()
-        }).catch(err => {
-          this.$message.error(err.message)
-        })
+        const that = this
+
+        this.$confirm({
+          title: '提示',
+          content: '真的要注销登录吗 ?',
+          onOk() {
+            return that.Logout({}).then(() => {
+              window.location.reload()
+            }).catch(err => {
+              that.$message.error({
+                title: '错误',
+                description: err.message
+              })
+            })
+          },
+          onCancel() {},
+        });
       },
       toggle() {
         this.$emit('toggle')

src/views/list/RoleList.vue

@@ -140,15 +140,13 @@
           label='拥有权限'
           hasFeedback
         >
-          <a-row :gutter="16">
-            <template v-for="(permission, index) in mdl.permissions">
-              <a-col :span="4">
-                {{ permission.permissionName }}：
-              </a-col>
-              <a-col :span="20">
-                <a-checkbox-group :options="permission.actionsOptions"/>
-              </a-col>
-            </template>
+          <a-row :gutter="16" v-for="(permission, index) in mdl.permissions" :key="index">
+            <a-col :span="4">
+              {{ permission.permissionName }}：
+            </a-col>
+            <a-col :span="20">
+              <a-checkbox-group :options="permission.actionsOptions"/>
+            </a-col>
           </a-row>
 
         </a-form-item>