| | |
| | | <template> |
| | | <avue-crud ref="crud" :table-loading="loading" :data="data" v-model="form" :option="option" :page.sync="page" |
| | | :search.sync="search" @on-load="getDataList" @row-save="handleSave" @row-del="handleDelete" |
| | | @row-update="handleEdit" @refresh-change="handleRefresh" @size-change="handleSizePage" |
| | | @current-change="handleCurrentPage"> |
| | | <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> |
| | | </template> |
| | | |
| | | <script> |
| | | import { getFlowpathList, getStartList, flowpathSave, flowpathDelete } from '@/api/template/flowpath.js' |
| | | |
| | | export default { |
| | | name: 'FlowPath', |
| | | props: { |
| | |
| | | typeof: String, |
| | | required: true, |
| | | default: "" |
| | | }, |
| | | Formlist: { |
| | | type: Array, |
| | | default: [] |
| | | } |
| | | }, |
| | | data() { |
| | |
| | | startData: [], |
| | | form: {}, |
| | | option: { |
| | | height: "auto", |
| | | height: 340, |
| | | border: true, |
| | | align: 'center', |
| | | menu:!this.checkStatus || this.crudLCStatus == 'Editing', |
| | |
| | | index: true, |
| | | searchMenuSpan: 8, |
| | | searchBtn: false, |
| | | refreshBtn: false, |
| | | emptyBtn: false, |
| | | columnBtn: false, |
| | | editBtn:!this.checkStatus || this.crudLCStatus == 'Editing', |
| | |
| | | this.data = data.records |
| | | this.page.total = data.total |
| | | } else this.loading = false |
| | | } else { |
| | | this.data = [] |
| | | } |
| | | |
| | | }, |
| | | // 新增 |
| | | async handleSave(row, done, loading) { |
| | | console.log(row) |
| | | const response = await flowpathSave({ ...row, ...{ templateId: this.code } }) |
| | | await flowpathSave({...row, ...{templateId: this.code}}).then(response => { |
| | | if (response.status === 200) { |
| | | loading() |
| | | console.log(response) |
| | | this.$message({ |
| | | type: 'success', |
| | |
| | | done() |
| | | this.getDataList() |
| | | } |
| | | }).catch(res => { |
| | | loading() |
| | | }) |
| | | |
| | | }, |
| | | // 编辑 |
| | |
| | | console.log(row) |
| | | const { modelName, modelKey, buttonTypeKey, id ,description} = row |
| | | let param = { modelName, modelKey, buttonTypeKey, id,description } |
| | | const response = await flowpathSave({ ...param, ...{ templateId: this.code } }) |
| | | await flowpathSave({...param, ...{templateId: this.code}}).then(response => { |
| | | if (response.status === 200) { |
| | | loading() |
| | | this.$message({ |
| | | type: 'success', |
| | | message: '修改数据成功!' |
| | |
| | | done() |
| | | this.getDataList() |
| | | } |
| | | }).catch(() => { |
| | | //loading控制禁用 默认是开启 |
| | | loading() |
| | | }) |
| | | |
| | | }, |
| | | // 删除单条 |