| | |
| | | <template> |
| | | <basic-container> |
| | | <avue-crud |
| | | ref="useCrud" |
| | | ref="crud" |
| | | :data="data" |
| | | :option="option" |
| | | :page.sync="page" |
| | | :table-loading="loading" |
| | | @selection-change="selectChange" |
| | | @row-click="rowClickHandler" |
| | |
| | | width="500px" |
| | | @close="visibleCloseHandler" |
| | | > |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="80px" size="small"> |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="90px" size="small"> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="名称:" prop="id"> |
| | | <el-input v-model="form.id"></el-input> |
| | | <el-form-item label="组件:" prop="id"> |
| | | <avue-select v-model="form.id" placeholder="请选择组件" type="tree" :dic="dic"></avue-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="24"> |
| | | <el-form-item label="标签:" prop="name"> |
| | | <el-input v-model="form.name"></el-input> |
| | | <el-form-item label="占据列数:" prop="span"> |
| | | <avue-input-number v-model="form.span" precision="0" style="width: 100%" :max="24" :min="1" controls-position="" tip="总列数为24,如占满整行请输入24"></avue-input-number> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="24"> |
| | |
| | | calcHeight: -60, |
| | | column: [ |
| | | { |
| | | label: '名称', |
| | | label: '组件', |
| | | prop: 'id', |
| | | sortable: true, |
| | | }, |
| | | { |
| | | label: '图标', |
| | | prop: 'icon' |
| | | label: '占据列数', |
| | | prop: 'span' |
| | | }, |
| | | { |
| | | label: '标签', |
| | |
| | | }, |
| | | rules: { |
| | | id: [ |
| | | {required: true, message: '请输入名称', trigger: 'blur'}, |
| | | {required: true, message: '请选择组件', trigger: 'blur'}, |
| | | ] |
| | | }, |
| | | dic:[{ |
| | | label:'待办任务', |
| | | value:'UndoTaskPortlet' |
| | | },{ |
| | | label:'选项2', |
| | | value:1 |
| | | }], |
| | | visible: false, |
| | | selectList: [], |
| | | lastIndex: null, |
| | | page: { |
| | | currentPage: 1, |
| | | pageSize: 15, |
| | | total: 0, |
| | | pageSizes: [15, 30, 50, 100], |
| | | }, |
| | | lastIndex: null |
| | | } |
| | | }, |
| | | created() { |