<el-table-column fixed="right" label="操作" width="100">
<template slot-scope="scope">
<el-button v-if="scope.row.status==0"
type="text" size="small"
@click="deleteRow(scope.row)">
删除
</el-button>
<el-button v-if="scope.row.status==1"
type="text" size="small"
disabled="disabled" >
删除
</el-button>
<el-button v-if="scope.row.status==0"
type="text" size="small"
@click="handleEdit(scope.row)" >
编辑
</el-button>
<el-button v-if="scope.row.status==1"
type="text" size="small"
disabled="disabled" >
编辑
</el-button>
</template>
</el-table-column>
//删除:接口还没有
del(row) {
util.request({
method: 'post', //方法
interface: 'XXXX', //接口
data: {
id : row.id // 传的 ID
}
}).then(res => {
if (res.result.success == '1') { // 成功时
this.message({ type:"success", message:"删除成功!" }) this.getList() //调用列表 刷新列表 } else { this.message.error(res.result.message) // 失败时
}
})
},
//进入编辑页面:
create(row){
this.itemData = Object.assign({}, row)
this.itemData.arId = this.itemData.arId ? this.itemData.arId : []
this.dialogFormVisible = true
},
// 否可以编辑控制 :
<section class="formBox">
<span> 下拉框名称 </span>
<el-select class="input-box"
filterable
v-model="itemData.adChannelCode"
:disabled="itemData.accountStatus == 'account_status_1' || itemData.accountStatus == 'account_status_3'"
placeholder="请选择">
<el-option label="不限" value=""></el-option>
<el-option v-for="(item,index) in dictionarya"
:key="index"
:value='item.adChannelCode'
:label="item.adChannelName">
</el-option>
</el-select>
</section>
// 控制多选框编辑
Change(){
if(this.itemData.accountStatus === 'account_status_2'){
this.itemData.paymentCode = ''
} else if (this.itemData.accountStatus === 'account_status_1') {
this.itemData.adChannelCode = ''
} else if (this.itemData.accountStatus === 'account_status_3') {
this.itemData.paymentCode = ''
this.itemData.adChannelCode = ''
}
},
网友评论