飞速创软笔记

table表格render写脚本

//点击某一个字段，将数据传递给下一个页面（父子传值）
(h, row) => {
    return h('div', {
        domProps: {
            innerHTML: row.version
        },
        on: {
            //点击事件
            click: this.clickVersion.bind(this, row)
        },
        style: {
            color: '#3081F2',
            cursor: 'pointer'
        }
    })
}
//click后面写你自己的事件  只需要改row.xxx这里
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

//表单序号，自动计数
(h, row, x, i) => {
    return h('span',i+1)
}
1
2
3
4

//h,row用法
(h, row) => {
let btnArr = []

let but1 = h('el-button', {
        attrs: {
            type: 'text',
        },
        on: {
            click: this.flyCodeExecuter2.bind(this, row)
        }
    }, '同意')

let but2 =h('el-button', {
        attrs: {
            type: 'text',
        },
        on: {
            click: this.flyCodeExecuter3.bind(this, row)
        }
    }, '驳回')

    let but3 = h('el-button', {
        attrs: {
            type: 'text',
        },
        on: {
            click: this.vueRouter.bind(this, row)
        }
    }, '详情')

    btnArr.push(but1,but2,but3)
 
    return h('div' ,btnArr)
}


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

路由

//父子传参，拿到参数
this.routerParams   页面 || this.params弹窗
1
2

样式

//字符串转日期，并格式化
 this.gcommonFormOptions.model.startTime = parseInt(this.gcommonFormOptions.model.startTime) 
 this.gcommonFormOptions.model.startTime = format(this.gcommonFormOptions.model.startTime,"yyyy-MM-dd HH:mm:ss")
 
 // 时间格式化
 let date = new Date($event*1);

1
2
3
4
5
6
7

//时间戳为10位需*1000，时间戳为13位的话不需乘1000
let y = date.getFullYear();
let MM = date.getMonth() + 1;
MM = MM < 10 ? ('0' + MM) : MM;//月补0
let d = date.getDate();
d = d < 10 ? ('0' + d) : d;//天补0
let h = date.getHours();
h = h < 10 ? ('0' + h) : h;//小时补0
let m = date.getMinutes();
m = m < 10 ? ('0' + m) : m;//分钟补0
let s = date.getSeconds();
s = s < 10 ? ('0' + s) : s;//秒补0
return y + '-' + MM + '-' + d + ' ' + h + ':' + m+ ':' + s;
1
2
3
4
5
6
7
8
9
10
11
12
13

//数字输入框左对齐
::v-deep .el-input-number .el-input__inner {
	text-align:left !important
}
1
2
3
4