点击按钮，弹出框table，radio 返回所选值 （tableList:employeedata）
<Button icon="md-create" type="primary" :title="$t('select_employeecode')" @click="handleemployee()">{{$t('select_employeecode')}}</Button>
<Modal v-model="employeedata.opened" :title="$t('e_employeelist')" @on-ok="selectemployeedata">
<Input v-model="employeedata.query.kw" type="text" style="width:250px;padding:10px 10px 10px 0px" :placeholder="$t('enter_kw_Select')"></Input>
<Button @click="handleSearchEmployee()" type="primary">{{$t('query')}}</Button>
<tables v-model="employeedata.data"
:totalCount="employeedata.query.totalCount"
:columns="employeedata.columns"
></tables>
</Modal>
js:
data () {
return {
employeedata:{
opened: false,
query:
{
totalCount: 0,
pageSize: 10,
currentPage: 1,
currentid:0,
kw: "",
sort: [{
direct: "DESC",
field: "id"
}]
},
columns:[
{ title: this.$t('e_employeecode'), key: "employeecode", width: 100 },
{ title: this.$t('e_employeename'), key: "employeenamecn", width: 120 },
{ title: this.$t('e_positionCode'), key: "positionid", width: 120 },
{ title: this.$t('e_positiontitle'), key: "titlenameen", width: 120 },
{ title: this.$t('e_departmentcode'), key: "departmentcode", width: 150 },
{
title: this.$t('select'),
key: "employeecode",
width: 60,
fixed: "left",
align: "center",
render: (h, params) => {
let employeecode = params.row.employeecode;
let defaultS = false;
if (this.currentemployeecode == employeecode) {
defaultS = true;
} else {
defaultS = false
}
let self = this;
return h('Radio', {
props: {
value: defaultS
},
on: {
'on-change': () => {
self.currentemployeecode = employeecode;
console.log(self.currentemployeecode);
}
}
})
},
}
],
data: []
},
}
}