|
@@ -0,0 +1,73 @@
|
|
|
+<template>
|
|
|
+ <basic-container>
|
|
|
+ <avue-form ref="form" v-model="form" :option="option">
|
|
|
+ <template slot="menuForm">
|
|
|
+ <el-button icon="el-icon-search" type="primary" @click="handleSearch"
|
|
|
+ >搜 索</el-button
|
|
|
+ >
|
|
|
+ <el-button icon="el-icon-delete" @click="handleEmpty">清 空</el-button>
|
|
|
+ </template>
|
|
|
+ </avue-form>
|
|
|
+ <avue-crud :data="data" :option="optionTable"></avue-crud>
|
|
|
+ </basic-container>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ form: {},
|
|
|
+ option: {
|
|
|
+ emptyBtn: false,
|
|
|
+ submitBtn: false,
|
|
|
+ menuSpan: 8,
|
|
|
+ column: [
|
|
|
+ {
|
|
|
+ label: "名称",
|
|
|
+ prop: "name",
|
|
|
+ placeholder: "请输入",
|
|
|
+ span: 8
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "状态",
|
|
|
+ prop: "status",
|
|
|
+ placeholder: "请输入",
|
|
|
+ span: 8
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ data:[],
|
|
|
+ optionTable: {
|
|
|
+ align: "center",
|
|
|
+ menuAlign: "center",
|
|
|
+ column: [
|
|
|
+ {
|
|
|
+ label: "类别名称",
|
|
|
+ prop: "name"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "排序",
|
|
|
+ prop: "sex"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "状态",
|
|
|
+ prop: "status"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "创建人",
|
|
|
+ prop: "sex"
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleSearch() {},
|
|
|
+ handleEmpty() {
|
|
|
+ this.$refs.form.resetForm();
|
|
|
+ }
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style></style>
|