zgy-vue2

##介绍
``



建立在element-ui基础上的业务组件，并不是适用所有状况



配置了3个模块: vuex、components、List



emmmm~~~~ 其实是解决很多界面都是列表界面（条件搜索， 列表， 页码等）重复写的麻烦事



使用的话 npm install zgy-vue2 



or      yarn add zgy-vue2



当然，此前我需要安装elmenet-ui





Project setup



yarn install

$3



yarn serve

$3



yarn build

$3



yarn lint





$3

See Configuration Reference.



$3



其实只要在store中加载下相关文件，只是单纯的一个modules



import zgyVue2 form 'zgy-vue2'

Vue.use(Vuex);



export default new Vuex.Store({

  state: {},

  mutations: {},

  actions: {},

  modules: {

    ZStore: zgyVue2.store,

  },

});

$3



List继承Page,也在模块了，如果有问题可以自己重新封装相关，不一定适用



class List



@params formData[Object] 发起请求的参数

@params search[Function] 请求参数（是一个请求，需要是一个Promise）

               返回： data【Array】 展示的列表

                     totalCount 【String || Number】 数据总条数

                     还有其他的可以随便传

              example: 

              const fecth = () =>{

                return New Promise((resove, reject)=>{

                    ...

                    resove({

                      data: [...],

                      totalCount: 100  

                    })

                    ...

                    reject(err)

                })

              }

@params searchType[String] 搜索方式 【’request‘, 'local', 其他】

                   requset: 单纯的服务请求

                   local: 单纯的本地处理

                   其他： 可以传array或者string

                         array: 遍历数组中的参数，去返回对应的数据

                         string: 寻找一个参数，去返回对应的数据

@params afterSearch[Function] 完成请求之后处理的数据



@example  

        

        import zgyVue2 from 'zgy-vue2'

        import {fecth} from '@/api'

        ...

            this.list = new List(this.formData, fecth, 'request', (res)=>{

                ......

            })

        ...



@function changeSearch 可能会有切换或者其他什么情况，突然接口需要换，那么这个会有帮助

           this.list.changeSearch(你的接口方法)

           

@function onReset 重置，所有搜索条件重置到默认，并恢复第一次请求（不过没有重置你之前的接口方法）



@function onSearch 搜索



@function refresh 刷新（当前页的搜索）



@function onchangePageSize 一页数量



@function onChangePage 更改当前页

$3



目前只有3个组件封装了，其他的以后再说把

ZTable,ZTab,ZPagination

$3

zgy-vue2

##介绍
``



建立在element-ui基础上的业务组件，并不是适用所有状况



配置了3个模块: vuex、components、List



emmmm~~~~ 其实是解决很多界面都是列表界面（条件搜索， 列表， 页码等）重复写的麻烦事



使用的话 npm install zgy-vue2 



or      yarn add zgy-vue2



当然，此前我需要安装elmenet-ui





Project setup



yarn install

$3



yarn serve

$3



yarn build

$3



yarn lint





$3

See Configuration Reference.



$3



其实只要在store中加载下相关文件，只是单纯的一个modules



import zgyVue2 form 'zgy-vue2'

Vue.use(Vuex);



export default new Vuex.Store({

  state: {},

  mutations: {},

  actions: {},

  modules: {

    ZStore: zgyVue2.store,

  },

});

$3



List继承Page,也在模块了，如果有问题可以自己重新封装相关，不一定适用



class List



@params formData[Object] 发起请求的参数

@params search[Function] 请求参数（是一个请求，需要是一个Promise）

               返回： data【Array】 展示的列表

                     totalCount 【String || Number】 数据总条数

                     还有其他的可以随便传

              example: 

              const fecth = () =>{

                return New Promise((resove, reject)=>{

                    ...

                    resove({

                      data: [...],

                      totalCount: 100  

                    })

                    ...

                    reject(err)

                })

              }

@params searchType[String] 搜索方式 【’request‘, 'local', 其他】

                   requset: 单纯的服务请求

                   local: 单纯的本地处理

                   其他： 可以传array或者string

                         array: 遍历数组中的参数，去返回对应的数据

                         string: 寻找一个参数，去返回对应的数据

@params afterSearch[Function] 完成请求之后处理的数据



@example  

        

        import zgyVue2 from 'zgy-vue2'

        import {fecth} from '@/api'

        ...

            this.list = new List(this.formData, fecth, 'request', (res)=>{

                ......

            })

        ...



@function changeSearch 可能会有切换或者其他什么情况，突然接口需要换，那么这个会有帮助

           this.list.changeSearch(你的接口方法)

           

@function onReset 重置，所有搜索条件重置到默认，并恢复第一次请求（不过没有重置你之前的接口方法）



@function onSearch 搜索



@function refresh 刷新（当前页的搜索）



@function onchangePageSize 一页数量



@function onChangePage 更改当前页

$3



目前只有3个组件封装了，其他的以后再说把

ZTable,ZTab,ZPagination

$3

zgy-vue3

zgy-vue2

Project setup

$3

$3

$3

$3

$3

$3

$3

$3

zgy-vue3

zgy-vue2

Project setup

$3

$3

$3

$3

$3

$3

$3

$3