| | |
| | | <template> |
| | | <avue-crud v-if="Formlist.length>0" ref="crud" v-model="form" :data="data" :option="option" :page.sync="page" |
| | | :search.sync="search" :table-loading="loading" @on-load="getDataList" @row-save="handleSave" |
| | | @row-del="handleDelete" @row-update="handleEdit" @refresh-change="handleRefresh" |
| | | @size-change="handleSizePage" @current-change="handleCurrentPage"> |
| | | </avue-crud> |
| | | <div> |
| | | <avue-crud v-if="Formlist.length>0" ref="crud" v-model="form" :data="data" :option="option" :page.sync="page" |
| | | :search.sync="search" :table-loading="loading" @on-load="getDataList" @row-save="handleSave" |
| | | @row-del="handleDelete" @row-update="handleEdit" @refresh-change="handleRefresh" |
| | | @size-change="handleSizePage" @current-change="handleCurrentPage"> |
| | | </avue-crud> |
| | | </div> |
| | | |
| | | </template> |
| | | |
| | | <script> |
| | |
| | | startData: [], |
| | | form: {}, |
| | | option: { |
| | | height: 340, |
| | | height: 'auto', |
| | | calcHeight: 20, |
| | | border: true, |
| | | align: 'center', |
| | | menu: !this.checkStatus || this.crudLCStatus == 'Editing', |
| | |
| | | trigger: 'blur' |
| | | }], |
| | | nodeClick: (data) => { |
| | | console.log(data) |
| | | // 节点点击的时候会获取到数据 |
| | | this.form.modelName = data.name |
| | | } |
| | |
| | | async getStart() { |
| | | const response = await getStartList() |
| | | if (response.status === 200) { |
| | | console.log(response.data.data.records) |
| | | const data = response.data.data.records |
| | | let newData = data.map(item => { |
| | | const {key, name, version} = item |
| | |
| | | }, |
| | | // 新增 |
| | | async handleSave(row, done, loading) { |
| | | console.log(row) |
| | | await flowpathSave({...row, ...{templateId: this.code}}).then(response => { |
| | | if (response.status === 200) { |
| | | console.log(response) |
| | | this.$message({ |
| | | type: 'success', |
| | | message: '新增数据成功!' |
| | |
| | | }, |
| | | // 编辑 |
| | | async handleEdit(row, index, done, loading) { |
| | | console.log(row) |
| | | const {modelName, modelKey, buttonTypeKey, id, description} = row |
| | | let param = {modelName, modelKey, buttonTypeKey, id, description} |
| | | await flowpathSave({...param, ...{templateId: this.code}}).then(response => { |
| | |
| | | }, |
| | | // 删除单条 |
| | | handleDelete(row) { |
| | | console.log(row) |
| | | const {id} = row |
| | | this.deleteSysInfo({id: id}) |
| | | }, |
| | |
| | | // 接口 |
| | | const response = await flowpathDelete(param) |
| | | if (response.status === 200) { |
| | | console.log(response) |
| | | this.$message({ |
| | | type: 'success', |
| | | message: '删除成功!' |