表格所有的事件都是自定义的,调用的avue 的删除 修改 查看
- 编辑按钮 this.$refs.crud.rowEdit(row)
- 删除 this.$refs.crud.rowDel(row)
- 保存 this.$refs.crud.rowSave(row)
<template>
<basic-container>
<avue-crud >
<template slot="menuLeft">
<el-button
type="danger"
size="small"
icon="el-icon-delete"
plain
v-if="permission.article_delete"
@click="handleDelete"
>删 除
</el-button>
</template>
<template slot="menu" slot-scope="{ row }">
<el-button
type="text"
icon="el-icon-delete"
@click="delFn(row)"
v-if="row.status == 0"
>
删除
</el-button>
<el-button
type="text"
icon="el-icon-edit"
@click="editFn(row)"
v-if="row.status == 0"
>
编辑
</el-button>
<el-button type="text"
icon="el-icon-refresh"
@click="refreshKs(row)"
>刷新试卷池</el-button>
<el-button
type="text"
icon="el-icon-refresh"
@click="downFn(row, 0)"
v-if="row.status == 1"
>
{{ row.$cellEdi }}
下架
</el-button>
<el-button
type="text"
icon="el-icon-refresh"
@click="downFn(row, 1)"
v-if="row.status == 0"
>
上架
</el-button>
</template>
</avue-crud>
</basic-container>
</template>
<script>
import { getList as getListKc } from "@/api/exam/examroom";
export default {
data() {
return {
form: {},
query: {},
loading: true,
page: {
pageSize: 10,
currentPage: 1,
total: 0,
},
selectionList: [],
courseId: "",
option: {
viewBtn: true,
editBtn: false,
delBtn: false,
column: [
{
label: "试卷名称",
prop: "paperName",
display: false,
}
],
},
data: [],
allClasszz: [],
};
},
methods: {
// 编辑按钮
editFn(row){
this.$refs.crud.rowEdit(row)
},
删除按钮
delFn(row){
this.$refs.crud.rowDel(row)
},
// 下架
downFn(item, num) {
let obj = {
id: item.id,
status: num,
};
addedApi(obj).then((res) => {
if (res.data.code == 200) {
this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!",
});
}
});
},
rowSaveFn() {
this.$refs.crud.rowSave();
},
rowSave(row, done, loading) {
console.log("add", row);
row.examType = 1;
add(row).then(
() => {
this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!",
});
done();
},
(error) => {
loading();
window.console.log(error);
}
);
},
};
</script>