| | |
| | | @selection-change="selectChange" |
| | | @row-click="rowClickHandler" |
| | | @refresh-change="handleRefresh" |
| | | @size-change="sizeChange" |
| | | @current-change="currentChange" |
| | | > |
| | | <template slot="menuLeft"> |
| | | <el-button icon="el-icon-plus" plain size="small" type="primary" @click="addClickHandler">创建 |
| | |
| | | width="500px" |
| | | @close="visibleCloseHandler" |
| | | > |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="90px" size="small"> |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="95px" size="small"> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="组件:" prop="id"> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="24"> |
| | | <el-form-item label="占据列数:" prop="span"> |
| | | <el-form-item label="标题:" prop="title"> |
| | | <el-input v-model="form.title"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="24"> |
| | | <el-form-item label="占据列数:" prop="span" tip="总列数为24"> |
| | | <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> |
| | |
| | | prop: 'id', |
| | | }, |
| | | { |
| | | label: '标题', |
| | | prop: 'title', |
| | | }, |
| | | { |
| | | label: '占据列数', |
| | | prop: 'span' |
| | | }, |
| | |
| | | rules: { |
| | | id: [ |
| | | {required: true, message: '请选择组件', trigger: 'blur'}, |
| | | ], |
| | | span:[ |
| | | {required: true, message: '请输入占据列数', trigger: 'blur'}, |
| | | ] |
| | | }, |
| | | dic:[{ |
| | | label:'待办任务', |
| | | label:'待办流程任务', |
| | | value:'UndoTaskPortlet' |
| | | },{ |
| | | label:'选项2', |
| | |
| | | }, |
| | | methods: { |
| | | getList() { |
| | | gridStatus(this.page.currentPage, this.page.pageSize).then(res => { |
| | | gridStatus().then(res => { |
| | | const data = res.data.data; |
| | | this.data = data; |
| | | this.page.total = res.data.total; |
| | | this.loading = false; |
| | | }).catch(err => { |
| | | this.$message.error(err); |
| | | }); |
| | | }, |
| | | |
| | |
| | | this.selectList = row; |
| | | }, |
| | | |
| | | // 条数 |
| | | sizeChange(val) { |
| | | this.page.pageSize = val; |
| | | this.getList(); |
| | | }, |
| | | |
| | | // 页码 |
| | | currentChange(val) { |
| | | this.page.currentPage = val; |
| | | this.getList(); |
| | | }, |
| | | |
| | | // 行单选 |
| | | rowClickHandler(row) { |
| | | func.rowClickHandler( |
| | | row, |
| | | this.$refs.useCrud, |
| | | this.$refs.crud, |
| | | this.lastIndex, |
| | | (newIndex) => { |
| | | this.lastIndex = newIndex; |