极汇代码片段

1 小控件类

拿id

        userId:this.$store.state.user.userInfo.userId,
        retailerId:this.$store.state.market.retailer.id,
        retailerCode:this.$store.state.market.retailer.code,
        outletId:this.$store.state.market.outlet.id,
        outletNo:this.$store.state.market.outlet.id.externalId


小按钮

黑色按钮
橙色按钮
灰色按钮
表格里面的小按钮,(文字去掉)

复合型按钮

搜索
搜索

按钮和表单禁用

禁用编辑按钮
输入框禁用

表格和分页

html

没有找到相关的档期,请检查搜索内容是否有误

js

 data() {
        table_list:[],//表格数据
        page_count:0,//总页数
        c_page:1,//当前页面
        s_param:{//查询列表参数
                outletId:this.$store.state.market.outlet.id,
              calendarType:0,
              num: 0,
        },
 },
 watch:{
         //页数要减一
        c_page(new_val,old_val) {
              this.s_param.num = new_val-1
        }
 },
 methods:{
         //获取列表
         get_table_list(page) {
                let self = this
                let url = "/webApi/dm/calendar/list";
                let params = this.s_param;
                self.$api.post(this, url, params, data => {
                    self.page_count = data.pageCount;
                    self.table_list = data.results;
                })
            },
 
 }  
 

form校验规则

必填:{required: true, message: '必填', trigger: 'blur' },
正整数:{type:'integer',min: 0, max:999999999,message: '请填写正整数',trigger: 'blur'}
数组:{type:'array',required: true, message: '必填', trigger: 'change' },
手机:{pattern: /^((0d{2,3}-d{7,8})|(1[34578]d{9}))$/, message: '手机为:13,14,15,17,18号段',trigger: 'change'},

你可能感兴趣的:(vue.js,element-ui)