美文网首页
简单的操作

简单的操作

作者: 苏苡 | 来源:发表于2018-07-31 14:23 被阅读0次

<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 = ''
}
},

相关文章

  • 简单的操作

  • 简单操作

    1.打电话功能实现 NSURL *url = [NSURL URLWithString:@"tel://13681...

  • 二叉树

    一些关于二叉树的简单操作 创建节点 简单操作

  • SQLite的简单操作

    本文是对SQLite操作的文章,分两种操作方式:一种是传统的SQLiteOpenHelper,另一种是性能表现较好...

  • 简单的GDI操作

    简单的GDI操作 窗口程序的本质 :GUI GDI GDI: Graphics Device Interface,...

  • js的简单操作

    Version:1.0StartHTML:000000201EndHTML:000039341StartFragm...

  • R的简单操作

    R-安装、卸载、查看及卸除加载包 参考来源:https://www.cnblogs.com/yahengwang/...

  • mysql的简单操作

    mySQL 数据库常用命令1、MySQL常用命令create database name; 创建数据库use da...

  • Vim的简单操作

    尝试用Vim编辑HTML文件,以下是需要常用的指令。 编辑模式 于终端使用指令 便进入Vim页面对fliename...

  • js的简单操作

    1. 用js操作属性 用 document.getElementById(‘对应的id名称’); 这种方法获取 ...

网友评论

      本文标题:简单的操作

      本文链接:https://www.haomeiwen.com/subject/nfzcvftx.html