| | |
| | | <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" @selection-change="selectionChange" @row-click="handleRowClick"> |
| | | <template slot="menuLeft"> |
| | | <el-button icon="el-icon-delete" size="small" type="danger" @click="handleDeleteByIds">删 除 |
| | | </el-button> |
| | | </template> |
| | | <template slot="search" slot-scope="{row,size}"> |
| | | <el-input :placeholder="`请输入${selectValue === 'id' ? '系统编号' : '系统名称'}并按回车查询`" :size="size" |
| | | style="width:300px;margin-left: 10px;" v-model="search[selectValue]" clearable |
| | | @keyup.enter.native="handleEnter" @clear="handleClear"></el-input> |
| | | </template> |
| | | @current-change="handleCurrentPage"> |
| | | </avue-crud> |
| | | </el-dialog> |
| | | </template> |
| | | |
| | | <script> |
| | | import { getFlowpathList, getStartList, flowpathSave } from '@/api/template/flowpath.js' |
| | | import { getFlowpathList, getStartList, flowpathSave, flowpathDelete } from '@/api/template/flowpath.js' |
| | | export default { |
| | | name: 'FlowPath', |
| | | props: { |
| | |
| | | prop: 'id,name,description,version', |
| | | order: 'descending' |
| | | }, |
| | | selection: true, |
| | | column: [ |
| | | { |
| | | label: '模板key', |
| | |
| | | nodeClick: (data) => { |
| | | console.log(data) |
| | | // 节点点击的时候会获取到数据 |
| | | this.form.modeName = data.name |
| | | this.form.modelName = data.name |
| | | } |
| | | }, { |
| | | label: '模板名称', |
| | |
| | | console.log(this.search) |
| | | const { pageSize, currentPage } = this.page |
| | | let param = { size: pageSize, current: currentPage } |
| | | const response = await getFlowpathList({ ...param, ...this.search }) |
| | | const response = await getFlowpathList({ ...param, ...{ templateId: this.code } }) |
| | | if (response.status === 200) { |
| | | console.log(response) |
| | | this.loading = false |
| | | const data = response.data.data |
| | | this.data = data.records |
| | | this.page.total = data.total |
| | | }else this.loading = false |
| | | } else this.loading = false |
| | | }, |
| | | // 新增 |
| | | async handleSave(row, done, loading) { |
| | | console.log(row) |
| | | const response = await flowpathSave({...row,...{templateId:this.code}}) |
| | | if(response.status ===200){ |
| | | const response = await flowpathSave({ ...row, ...{ templateId: this.code } }) |
| | | if (response.status === 200) { |
| | | loading() |
| | | console.log(response) |
| | | this.$message({ |
| | |
| | | // 编辑 |
| | | async handleEdit(row, index, done, loading) { |
| | | console.log(row) |
| | | const {modelName,modelKey,buttonTypeKey,id} = row |
| | | let param = {modelName,modelKey,buttonTypeKey,id} |
| | | const response = await flowpathSave({...param,...{templateId:this.code}}) |
| | | const { modelName, modelKey, buttonTypeKey, id } = row |
| | | let param = { modelName, modelKey, buttonTypeKey, id } |
| | | const response = await flowpathSave({ ...param, ...{ templateId: this.code } }) |
| | | if (response.status === 200) { |
| | | loading() |
| | | this.$message({ |
| | |
| | | }, |
| | | // 删除单条 |
| | | handleDelete(row) { |
| | | const { oid } = row |
| | | }, |
| | | // 多条数据删除 |
| | | handleDeleteByIds() { |
| | | |
| | | console.log(row) |
| | | const { id } = row |
| | | this.deleteSysInfo({ id: id }) |
| | | }, |
| | | // 删除接口 |
| | | deleteSysInfo(param) { |
| | | this.$confirm('是否确定删除选择的集成系统?', '提示', { |
| | | this.$confirm('是否确定删除选择的模板流程?', '提示', { |
| | | confirmButtonText: '确定', |
| | | cancelButtonText: '取消', |
| | | type: 'warning' |
| | | }).then(async () => { |
| | | // 接口 |
| | | const response = await flowpathDelete(param) |
| | | if (response.status === 200) { |
| | | console.log(response) |
| | | this.$message({ |
| | | type: 'success', |
| | | message: '删除成功!' |
| | | }); |
| | | this.getDataList() |
| | | } |
| | | }) |
| | | }, |
| | | // enter搜索 |
| | |
| | | }, |
| | | handleCurrentPage(event) { |
| | | this.page.currentPage = event |
| | | }, |
| | | // 点击选择 |
| | | handleRowClick(row) { |
| | | this.$refs.crud.toggleRowSelection(row, true) |
| | | }, |
| | | // 多选 |
| | | selectionChange(list) { |
| | | console.log(list) |
| | | |
| | | }, |
| | | } |
| | | } |