iview中,想在table中是用radio,radio选中事件居然是input

3 篇文章 0 订阅

vm = new Vue({
        el: '#app',
        data: {

columns3: [
                {
                    title: '操作',
                    key: 'no',
                    width: 60,
                    render: (h, params) => {
                        return h('div', [
                            h('Button', {
                                props: {
                                    type: 'info',
                                    size: 'small',
                                    //long:'100%'
                                    shape: 'circle',
                                    disabled: vm.TableInfo.F_Status == '@ConstantUtils.F_Status.PRODUCTIVETASK_FINISH' ? true : false
                                },
                                style: {
                                    //marginRight: '5px',
                                    width: '100%',
                                    display: 'block'
                                },
                                on: {
                                    click: () => {
                                        vm.btn_AddProductiveProcess();
                                    }
                                }
                            }, '+'),
                            h('Button', {
                                props: {
                                    type: 'default',
                                    size: 'small',
                                    //long: '100%'
                                    shape: 'circle',
                                    disabled: vm.TableInfo.F_Status == '@ConstantUtils.F_Status.PRODUCTIVETASK_FINISH' ? true : false
                                },
                                style: {
                                    width: '100%'
                                },
                                on: {
                                    click: () => {
                                        vm.handleRemove(params.row)
                                    }
                                }
                            }, '-')])
                    }
                },
                {
                    title: '加工时间',
                    key: 'F_WorkTime',
                    width: 90,
                    align: 'center',
                    render: (h, params) => {
                        let createtime = (params.row.F_WorkTime != null && params.row.F_WorkTime != '') ? new Date(params.row.F_WorkTime).Format("yyyy-MM-dd") : '';
                        if (params.row.$isEdit) {
                            return h('DatePicker', {
                                props: {
                                    value: createtime,
                                },
                                on: {
                                    'on-change': function (event) {
                                        params.row.F_WorkTime = event;
                                        vm.handleSave(params.row);
                                    },
                                }
                            });
                        } else {
                            return h('div',
                                {
                                    style: { color: createtime == '' ? 'red' : '' },
                                    on: {
                                        click: function (event) {
                                            if (vm.TableInfo.F_Status != '@ConstantUtils.F_Status.PRODUCTIVETASK_FINISH') {
                                                vm.handleEdit(params.row);
                                            }
                                        }
                                    }
                                },
                                createtime == '' ? '请输入' : createtime);
                        }
                    }
                },
                {
                    title: '工序名称',
                    width: 80,
                    align: 'center',
                    key: 'F_Procedure_Name',

                },
                {
                    title: '加工数量',
                    key: 'F_Machining_Nums',
                    width: 80,
                    align: 'center',
                    render: (h, params) => {
                        if (params.row.$isEdit) {
                            return h('InputNumber', {
                                props: {
                                    value: params.row.F_Machining_Nums,
                                    max: vm.TableInfo.F_Product_Nums,
                                    min: 0,
                                },
                                on: {
                                    input: function (event) {
                                        params.row.F_Machining_Nums = event;
                                    },
                                    'on-blur': function () {
                                        vm.handleSave(params.row);
                                    }
                                }
                            });
                        } else {
                            return h('div', {
                                style: { color: params.row.F_Machining_Nums == '' ? 'red' : '' },
                                on: {
                                    click: function (event) {
                                        if (vm.TableInfo.F_Status != '@ConstantUtils.F_Status.PRODUCTIVETASK_FINISH') {
                                            vm.handleEdit(params.row);
                                        }
                                    }
                                }
                            }, params.row.F_Machining_Nums == 0 ? '请输入' : params.row.F_Machining_Nums);
                        }
                    }
                },
                {
                    title: '车间人员',
                    key: 'F_Worker',
                    width: 79,
                    align: 'center',
                    render: (h, params) => {
                        if (params.row.$isEdit) {
                            return h('Input', {
                                props: {
                                    value: params.row.F_Worker,
                                },
                                on: {
                                    input: function (event) {
                                        params.row.F_Worker = event;
                                    },
                                    'on-blur': function () {
                                        vm.handleSave(params.row);
                                    }
                                }
                            });
                        } else {
                            return h('div', {
                                style: { color: (params.row.F_Worker == '' || params.row.F_Worker == null) ? 'red' : '' },
                                on: {
                                    click: function (event) {
                                        if (vm.TableInfo.F_Status != '@ConstantUtils.F_Status.PRODUCTIVETASK_FINISH') {
                                            vm.handleEdit(params.row);
                                        }
                                    }
                                }
                            }, (params.row.F_Worker == '' || params.row.F_Worker == null) ? '请输入' : params.row.F_Worker);
                        }
                    }
                },
                {
                    title: '合格数量',
                    key: 'F_Qualified_Nums',
                    width: 80,
                    align: 'center',
                    render: (h, params) => {
                        if (params.row.$isEdit) {
                            return h('InputNumber', {
                                props: {
                                    value: params.row.F_Qualified_Nums,
                                    max: vm.TableInfo.F_Product_Nums,
                                    min:0
                                },
                                on: {
                                    input: function (event) {
                                        params.row.F_Qualified_Nums = event;
                                    },
                                    'on-blur': function () {
                                        vm.handleSave(params.row);
                                    }
                                }
                            });
                        } else {
                            return h('div', {
                                style: { color: (params.row.F_Qualified_Nums == 0 && params.row.F_Unqualified_Nums == 0) ? 'red' : '' },
                                on: {
                                    click: function (event) {
                                        if (vm.TableInfo.F_Status != '@ConstantUtils.F_Status.PRODUCTIVETASK_FINISH') {
                                            vm.handleEdit(params.row);
                                        }
                                    }
                                }
                            }, (params.row.F_Qualified_Nums == 0 && params.row.F_Unqualified_Nums == 0) ? '请输入' : params.row.F_Qualified_Nums);
                        }
                    }
                },                               
                {
                    title: '外协',
                    key: 'F_IsOutProcess_',
                    width: 105,
                    align: 'center',
                    render: (h, params) => {
                        if (params.row.$isEdit) {
                            return h('radio-group', {
                                props: {
                                    type: 'button',
                                    size: 'small',
                                    value: params.row.F_IsOutProcess == true ? "是" : "否",
                                },
                            },
                                [
                                    h('Radio', {
                                        props: {
                                            label: '是'
                                        },
                                        on: {
                                            input: () => {
                                                params.row.F_IsOutProcess = true;
                                                params.row.F_IsOutProcess_ = "是";
                                                vm.handleSave(params.row);
                                            }
                                        }
                                    }, '是'),
                                    h('Radio', {
                                        props: {
                                            label: '否'
                                        },
                                        on: {
                                            input: () => {
                                                params.row.F_IsOutProcess = false;
                                                params.row.F_IsOutProcess_ = "否";
                                                vm.handleSave(params.row);
                                            }
                                        }
                                    }, '否'),
                                ]);
                        } else {
                            return h('div', {
                                on: {
                                    click: function (event) {
                                        if (vm.TableInfo.F_Status != '@ConstantUtils.F_Status.PRODUCTIVETASK_FINISH') {
                                            vm.handleEdit(params.row);
                                        }
                                    }
                                }
                            }, params.row.F_IsOutProcess == true ? "是" : "否",);
                        }
                    }
                },                
            ],

}})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值