bladex前端ui项目,基于avue-cli2.0开发
包含基础工作流,不包含表单设计器
https://git.javablade.com/blade/Saber
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
1.1 KiB
60 lines
1.1 KiB
|
3 years ago
|
<template>
|
||
|
|
<basic-container>
|
||
|
|
<h3>点击新增或编辑跳转到新的页面</h3>
|
||
|
|
<avue-crud :option="option"
|
||
|
|
:data="data">
|
||
|
|
<template slot="menuLeft">
|
||
|
|
<el-button type="primary"
|
||
|
|
size="small"
|
||
|
|
@click="handleForm()"
|
||
|
|
icon="el-icon-plus">add</el-button>
|
||
|
|
</template>
|
||
|
|
<template slot="menu"
|
||
|
|
slot-scope="{row}">
|
||
|
|
<el-button size="small"
|
||
|
|
type="text"
|
||
|
|
@click="handleForm(row.id)"
|
||
|
|
icon="el-icon-edit">edit</el-button>
|
||
|
|
</template>
|
||
|
|
</avue-crud>
|
||
|
|
</basic-container>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
option: {
|
||
|
|
addBtn: false,
|
||
|
|
editBtn: false,
|
||
|
|
column: [
|
||
|
|
{
|
||
|
|
label: "姓名",
|
||
|
|
prop: "name"
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
data: [
|
||
|
|
{
|
||
|
|
id: 1,
|
||
|
|
name: "small"
|
||
|
|
}
|
||
|
|
]
|
||
|
|
};
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
handleForm(id) {
|
||
|
|
this.$router.push({
|
||
|
|
path: "/form-detail/index",
|
||
|
|
query: {
|
||
|
|
id: id
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
</style>
|