v-edg-plug1 v0.3.16

v-edg-plug

installation

npm i v-edg-plug1

use

import Maucash from "v-edg-plug1"

git rules

git add .
npm run commit
git push origin master

Customize configuration

See Configuration Reference.

代码注释对于自行定义的一些对象参数必须进行注释说明如下：

1. data数据添加注释

{
    name: null, // 姓名
    mobile: null, // 手机号码
    id_card: null, // 身份证号
    monthly_income_money: '', // 月收入
}
or
{
    // 姓名
    name: null, 
    // 手机号码
    mobile: null, 
    // 身份证号
    id_card: null, 
    // 月收入
    monthly_income_money: '', 
}

2. 文章列表列表模块HTML 模块注释:

<!-- 修改电工技能模块 -->
<div class="article-list">
...
</div>

3. 分页使用v-edg-plug组建
4. Table编辑后保持当前页面
5. 表单条件查询时间为空使用公共方法
6. 按钮提交loading开始，结束loading结束
7. 表格loading开始结束
8. 按照ui设计图还原（字号，颜色）
9. 点击热区域
10. 新增页面默认为空（展示页面在接口返回之前不显示默认值）
11. 下拉框默认支持输入搜索
12. 空数据要给占位图
13. 错误提示统一样式

公共方法

this.$utils

翻页插件

total总页数
:page 当前页数
:limit 当前页面需要展示数据数
   <edg-pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageIndex"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />

标题插件

:tit 标题名称
<edg-title-bar tit="你的标题"></edg-title-bar>

地图查询组建

@onPoint callback 省市区 经纬度
<edg-map  @onPoint="onPoint"></edg-map>

搜索展开组建

 <edg-search-hide v-model="flag"></edg-search-hide>