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
{{scope.row.name}}
{{startTime[scope.$index]}}
{{endTime[scope.$index]}}
{{status[scope.$index]}}
没有找到相关的档期,请检查搜索内容是否有误
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'},