From 9a8300e7319eb84226ef275c957bf2a53193e1a6 Mon Sep 17 00:00:00 2001
From: "wangiegie@gmail.com" <wangiegie@gmail.com>
Date: Tue, 28 Nov 2017 17:51:47 +0800
Subject: [PATCH] =?UTF-8?q?end:=20=E5=AE=8C=E6=88=90=E4=BB=A3=E7=A0=81?=
 =?UTF-8?q?=E7=94=9F=E6=88=90=EF=BC=8C=E6=94=AF=E6=8C=81vue=E5=A2=9E?=
 =?UTF-8?q?=E5=88=A0=E6=9F=A5=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pig/admin/util/MybatisPlusGenerator.java  |   2 +-
 .../main/resources/template/listvue.vue.vm    | 112 +++++++++++++++++-
 2 files changed, 107 insertions(+), 7 deletions(-)

diff --git a/pig-admin-service/src/main/java/com/github/pig/admin/util/MybatisPlusGenerator.java b/pig-admin-service/src/main/java/com/github/pig/admin/util/MybatisPlusGenerator.java
index dc1bf5f2..fe7905ac 100644
--- a/pig-admin-service/src/main/java/com/github/pig/admin/util/MybatisPlusGenerator.java
+++ b/pig-admin-service/src/main/java/com/github/pig/admin/util/MybatisPlusGenerator.java
@@ -55,7 +55,7 @@ public class MybatisPlusGenerator {
         // 策略配置
         StrategyConfig strategy = new StrategyConfig();
         // strategy.setCapitalMode(true);// 全局大写命名 ORACLE 注意
-        //strategy.setTablePrefix(new String[]{"tlog_", "tsys_"});// 此处可以修改为您的表前缀
+        strategy.setTablePrefix(new String[]{"sys_"});// 此处可以修改为您的表前缀
         // 表名生成策略
         strategy.setNaming(NamingStrategy.underline_to_camel);
         mpg.setStrategy(strategy);
diff --git a/pig-admin-service/src/main/resources/template/listvue.vue.vm b/pig-admin-service/src/main/resources/template/listvue.vue.vm
index 26eb9fd4..8dc4f9c2 100644
--- a/pig-admin-service/src/main/resources/template/listvue.vue.vm
+++ b/pig-admin-service/src/main/resources/template/listvue.vue.vm
@@ -1,20 +1,25 @@
 <template>
     <div class="app-container calendar-list-container">
         <div class="filter-container">
+            <el-button v-if="${table.name}_add" class="filter-item" style="margin-left: 10px;" @click="handleCreate" type="primary" icon="edit">添加
+            </el-button>
         </div>
         <el-table :key='tableKey' :data="list" v-loading="listLoading" element-loading-text="给我一点时间" border fit
                   highlight-current-row style="width: 100%">
             #foreach($field in $table.fields)
-            <template scope="scope">
-                <el-table-column align="center" label="${field.comment}">
-                <span>{{scope.row.${field.propertyName}}}</span>
+            <el-table-column align="center" label="${field.comment}">
+                <template scope="scope">
+                    <span>{{ scope.row.${field.propertyName} }}</span>
                 </template>
             </el-table-column>
             #end
 
             <el-table-column label="操作">
                 <template scope="scope">
-                    <el-button size="mini" type="danger"
+                    <el-button v-if="${table.name}_upd" size="small" type="success"
+                               @click="handleUpdate(scope.row)">编辑
+                    </el-button>
+                    <el-button v-if="${table.name}_del" size="mini" type="danger"
                                @click="handleDelete(scope.row)">删除
                     </el-button>
                 </template>
@@ -27,12 +32,27 @@
                            layout="total, sizes, prev, pager, next, jumper" :total="total">
             </el-pagination>
         </div>
+        <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible">
+            <el-form :model="form" :rules="rules" ref="form" label-width="100px">
+                #foreach($field in $table.fields)
+                    <el-form-item label="${field.comment}" prop="username">
+                        <el-input v-model="form.${field.propertyName}" placeholder="${field.comment}"></el-input>
+                    </el-form-item>
+                #end
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel('form')">取 消</el-button>
+                <el-button v-if="dialogStatus=='create'" type="primary" @click="create('form')">确 定</el-button>
+                <el-button v-else type="primary" @click="update('form')">修 改</el-button>
+            </div>
+        </el-dialog>
     </div>
 </template>
 
 <script>
-    import { fetchList, delObj } from '@/api/${table.name}'
+    import { fetchList, addObj, putObj, delObj } from '@/api/${table.name}'
     import waves from '@/directive/waves/index.js' // 水波纹指令
+    import { mapGetters } from 'vuex'
 
     export default {
         name: 'table_${table.name}',
@@ -48,11 +68,41 @@
                     page: 1,
                     limit: 20
                 },
+                rules: {
+                },
+                form: {
+                },
+                dialogFormVisible: false,
+                dialogStatus: '',
+                    ${table.name}_add: false,
+                    ${table.name}_upd: false,
+                    ${table.name}_del: false,
+                textMap: {
+                    update: '编辑',
+                    create: '创建'
+                },
                 tableKey: 0
             }
         },
+        computed: {
+            ...mapGetters([
+                'permissions'
+            ])
+        },
+        filters: {
+            statusFilter(status) {
+                const statusMap = {
+                    0: '有效',
+                    1: '无效'
+                }
+                return statusMap[status]
+            }
+        },
         created() {
             this.getList()
+            this.${table.name}_add = this.permissions['${table.name}_add']
+            this.${table.name}_upd = this.permissions['${table.name}_upd']
+            this.${table.name}_del = this.permissions['${table.name}_del']
         },
         methods: {
             getList() {
@@ -83,7 +133,57 @@
                                 duration: 2000
                             })
                         })
-            }
+            },
+            handleCreate() {
+                this.dialogStatus = 'create'
+                this.dialogFormVisible = true
+            },
+            create(formName) {
+                const set = this.$refs
+                        set[formName].validate(valid => {
+                    if (valid) {
+                        addObj(this.form)
+                                .then(() => {
+                                    this.dialogFormVisible = false
+                                    this.getList()
+                                    this.$notify({
+                                        title: '成功',
+                                        message: '创建成功',
+                                        type: 'success',
+                                        duration: 2000
+                                    })
+                                })
+                    } else {
+                        return false
+                    }
+                })
+            },
+            cancel(formName) {
+                this.dialogFormVisible = false
+                const set = this.$refs
+                set[formName].resetFields()
+            },
+            update(formName) {
+                const set = this.$refs
+                        set[formName].validate(valid => {
+                    if (valid) {
+                        this.dialogFormVisible = false
+                        this.form.password = undefined
+                        putObj(this.form).then(() => {
+                            this.dialogFormVisible = false
+                            this.getList()
+                            this.$notify({
+                                title: '成功',
+                                message: '修改成功',
+                                type: 'success',
+                                duration: 2000
+                            })
+                        })
+                    } else {
+                        return false
+                    }
+                })
+            },
         }
     }
 </script>