✨ 添加新特性。支持avue 2.0+ 的前端代码生成

pig-visual/pig-codegen/src/main/resources/template/crud.js.vm

@@ -22,9 +22,6 @@ export const tableOption = {
   stripe: true,
   menuAlign: 'center',
   align: 'center',
-  editBtn: false,
-  delBtn: false,
-  addBtn: false,
   column: [
 #foreach ($column in $columns)
 	  {

pig-visual/pig-codegen/src/main/resources/template/index.vue.vm

@@ -1,171 +1,105 @@
 <template>
-  <div class="app-container pull-auto">
+  <div class="execution">
     <basic-container>
       <avue-crud ref="crud"
                  :page="page"
                  :data="tableData"
+                 :permission="permissionList"
                  :table-loading="tableLoading"
                  :option="tableOption"
-                 @current-change="currentChange"
+                 @on-load="getList"
+                 @search-change="searchChange"
                  @refresh-change="refreshChange"
-                 @size-change="sizeChange"
                  @row-update="handleUpdate"
                  @row-save="handleSave"
                  @row-del="rowDel">
-        <template slot="menuLeft">
-          <el-button type="primary"
-                     @click="handleAdd"
-                     size="small"
-                     v-if="permissions.${moduleName}_${pathName}_add">新 增</el-button>
-          <br /><br />
-        </template>
-        <template slot-scope="scope"
-                  slot="menu">
-          <el-button type="primary"
-                     v-if="permissions.${moduleName}_${pathName}_edit"
-                     icon="el-icon-check"
-                     size="small"
-                     plain
-                     @click="handleEdit(scope.row,scope.index)">编辑</el-button>
-          <el-button type="danger"
-                     v-if="permissions.${moduleName}_${pathName}_del"
-                     icon="el-icon-delete"
-                     size="small"
-                     plain
-                     @click="handleDel(scope.row,scope.index)">删除</el-button>
-        </template>
       </avue-crud>
     </basic-container>
   </div>
 </template>
 
 <script>
-  import { fetchList, getObj, addObj, putObj, delObj } from '@/api/${moduleName}/${pathName}'
-  import { tableOption } from '@/const/crud/${moduleName}/${pathName}'
-  import { mapGetters } from 'vuex'
+  import {fetchList, getObj, addObj, putObj, delObj} from '@/api/${moduleName}/${pathName}'
+  import {tableOption} from '@/const/crud/${moduleName}/${pathName}'
+  import {mapGetters} from 'vuex'
+
   export default {
     name: '${pathName}',
     data() {
       return {
+        searchForm: {},
         tableData: [],
         page: {
           total: 0, // 总页数
           currentPage: 1, // 当前页数
           pageSize: 20 // 每页显示多少条
         },
-        listQuery: {
-          current: 1,
-          size: 20
-        },
         tableLoading: false,
         tableOption: tableOption
       }
     },
-    created() {
-      this.getList()
-    },
-    mounted: function() { },
     computed: {
-      ...mapGetters(['permissions'])
-  },
-  methods: {
-    getList() {
-      this.tableLoading = true
-      fetchList(this.listQuery).then(response => {
-        this.tableData = response.data.data.records
-        this.page.total = response.data.data.total
-        this.tableLoading = false
-    })
+      ...mapGetters(['permissions']),
+      permissionList() {
+        return {
+          addBtn: this.vaildData(this.permissions.${moduleName}_${pathName}_add, false),
+          delBtn: this.vaildData(this.permissions.${moduleName}_${pathName}_del, false),
+          editBtn: this.vaildData(this.permissions.${moduleName}_${pathName}_edit, false)
+        };
+      }
     },
-    currentChange(val) {
-      this.page.current = val
-      this.listQuery.current = val
-      this.getList()
-    },
-    sizeChange(val) {
-      this.page.size = val
-      this.listQuery.size = val
-      this.getList()
-    },
-    /**
-     * @title 打开新增窗口
-     * @detail 调用crud的handleadd方法即可
-     *
-     **/
-    handleAdd: function() {
-      this.$refs.crud.rowAdd()
-    },
-    handleEdit(row, index) {
-      this.$refs.crud.rowEdit(row, index)
-    },
-    handleDel(row, index) {
-      this.$refs.crud.rowDel(row, index)
-    },
-    rowDel: function(row, index) {
-      var _this = this
-      this.$confirm('是否确认删除ID为' + row.$pk.lowerAttrName + '的记录', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      })
-        .then(function() {
-          return delObj(row.$pk.lowerAttrName)
+    methods: {
+      getList(page, params) {
+        this.tableLoading = true
+        fetchList(Object.assign({
+          current: page.currentPage,
+          size: page.pageSize
+        }, params, this.searchForm )).then(response => {
+          this.tableData = response.data.data.records
+          this.page.total = response.data.data.total
+          this.tableLoading = false
+        }).catch(() => {
+          this.tableLoading=false
         })
-        .then(data => {
-        _this.tableData.splice(index, 1)
-      _this.$message({
-        showClose: true,
-        message: '删除成功',
-        type: 'success'
-      })
-    })
-    .catch(function(err) { })
-    },
-    /**
-     * @title 数据更新
-     * @param row 为当前的数据
-     * @param index 为当前更新数据的行数
-     * @param done 为表单关闭函数
-     *
-     **/
-    handleUpdate: function(row, index, done) {
-      putObj(row).then(data => {
-        this.tableData.splice(index, 1, Object.assign({}, row))
-      this.$message({
-        showClose: true,
-        message: '修改成功',
-        type: 'success'
-      })
-      done()
-    })
-    },
-    /**
-     * @title 数据添加
-     * @param row 为当前的数据
-     * @param done 为表单关闭函数
-     *
-     **/
-    handleSave: function(row, done) {
-      addObj(row).then(data => {
-        this.tableData.push(Object.assign({}, row))
-      this.$message({
-        showClose: true,
-        message: '添加成功',
-        type: 'success'
-      })
-      done()
-    })
-    },
-    /**
-     * 刷新回调
-     */
-    refreshChange() {
-      this.getList()
+      },
+      rowDel: function (row, index) {
+        var _this = this
+        this.$confirm('是否确认删除ID为' + row.$pk.lowerAttrName, '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(function () {
+          return delObj(row.$pk.lowerAttrName)
+        }).then(data => {
+          _this.$message.success('删除成功')
+          this.getList(this.page)
+        })
+      },
+      handleUpdate: function (row, index, done,loading) {
+        putObj(row).then(data => {
+          this.$message.success('修改成功')
+          done()
+          this.getList(this.page)
+        }).catch(() => {
+          loading();
+        });
+      },
+      handleSave: function (row, done,loading) {
+        addObj(row).then(data => {
+          this.$message.success('添加成功')
+          done()
+          this.getList(this.page)
+        }).catch(() => {
+          loading();
+        });
+      },
+      searchChange(form) {
+        this.searchForm = form
+        this.getList(this.page, form)
+      },
+      refreshChange() {
+        this.getList(this.page)
+      }
     }
   }
-  }
 </script>
-
-<style lang="scss" scoped>
-</style>
-