<template>
|
<div class="fa-card-a" shadow="never">
|
<div class="mod-sys-sysOssConfig}">
|
<zt-table-wraper ref="tableObj" v-slot="{ table }" :page-size="50" :paging="true" delete-url="/WfDef"
|
query-url="/WfDef/wfDefList">
|
<el-form :inline="true" :model="dataForm" @keyup.enter.native="table.query()">
|
<el-form-item class="message-btn">
|
<el-button class="form-title" type="text">业务流程</el-button>
|
<zt-button style="left: 75%" type="" @click="add">新增</zt-button>
|
</el-form-item>
|
</el-form>
|
<el-table v-loading="table.dataLoading" :data="table.dataList" border
|
highlight-current-row
|
v-adaptive="{bottomOffset:70}" height="100px">
|
<!-- <el-table-column type="selection" width="40"/>-->
|
<el-table-column align="center" label="id" prop="id" width="70"/>
|
<el-table-column label="名称" prop="name"/>
|
<el-table-column label="编码" prop="code"/>
|
<el-table-column align="center" label="类型" prop="type" width="60"/>
|
<el-table-column label="数据库表" prop="tableName"/>
|
<el-table-column label="所属阶段" prop="phaseNode"/>
|
<el-table-column label="所属系统" prop="systemType"/>
|
<el-table-column label="备注" prop="remark"/>
|
<!-- <el-table-column prop="bizSql" label="获取业务信息Sql" width="1400"/>-->
|
<el-table-column align="center" label="操作" width="150">
|
<template slot-scope="scope">
|
<el-button size="small" @click="update(scope.row)">修改</el-button>
|
<el-button size="small" type="danger" @click="deletee(scope.row)">删除</el-button>
|
</template>
|
</el-table-column>
|
<!-- <zt-table-column-handle :table="table" :has-edit="true" :has-view="true" :has-delete="true"/>-->
|
</el-table>
|
<!-- 弹窗, 新增 / 修改 -->
|
<el-dialog ref="dialogg" :hasConfirm="false" :title="dialogTitle" :visible.sync="dialogu" append-to-body
|
@close="closeDialog">
|
<el-form ref="dataForm" :disabled="dataForm.disabled" :model="dataForm" label-width="120px">
|
<zt-form-item label="ID" prop="id" rules="required">
|
<el-input v-model="dataForm.id" placeholder="请输入数字" @change="idd"></el-input>
|
</zt-form-item>
|
<zt-form-item label="名称" prop="name" rules="required">
|
<el-input v-model="dataForm.name"></el-input>
|
</zt-form-item>
|
<zt-form-item label="编码" prop="code" rules="required">
|
<el-input v-model="dataForm.code"></el-input>
|
</zt-form-item>
|
<zt-form-item label="类型" prop="type">
|
<el-select v-model="dataForm.type" style="width: 100%" value-key="value">
|
<el-option v-for="item in typeList" :key="item.id" :label="item.name" :value="item.value"></el-option>
|
</el-select>
|
</zt-form-item>
|
<zt-form-item label="所属阶段流程编码" prop="phaseNode" >
|
<el-input v-model="dataForm.phaseNode"></el-input>
|
</zt-form-item>
|
<zt-form-item label="所属系统" prop="systemType" >
|
<el-input v-model="dataForm.systemType"></el-input>
|
</zt-form-item>
|
<zt-form-item label="数据库表" prop="tableName" rules="required">
|
<el-input v-model="dataForm.tableName"></el-input>
|
</zt-form-item>
|
<zt-form-item label="备注" prop="remark">
|
<el-input v-model="dataForm.remark"></el-input>
|
</zt-form-item>
|
<zt-form-item label="获取业务信息Sql" prop="bizSql">
|
<textarea v-model="dataForm.bizSql" style="width: 803px;height:200px"></textarea>
|
</zt-form-item>
|
<el-form-item>
|
<el-button v-show="!dataForm.disabled" type="primary" @click="onSubmitt">提交</el-button>
|
</el-form-item>
|
</el-form>
|
</el-dialog>
|
<!-- <add-t-o ref="addTO" @refreshDataList="table.query"/>-->
|
</zt-table-wraper>
|
</div>
|
</div>
|
|
</template>
|
|
<script>
|
// import addTO from "./addTO";
|
|
export default {
|
data() {
|
return {
|
dialogu: false,
|
dialogTitle: '',
|
dataForm: {
|
id: '',
|
name: '',
|
code: '',
|
type: '',
|
tableName: '',
|
remark: '',
|
bizSql: '',
|
},
|
typeList: [
|
{id: '0', value: '0', name: '无'},
|
{id: '1', value: '1', name: '修前准备总体流程（工程单）'},
|
{
|
id: '2',
|
value: '2',
|
name: '修前准备总体流程（项目）'
|
},
|
{
|
id: '3',
|
value: '3',
|
name: '独立流程'
|
},
|
{
|
id: '9',
|
value: '9',
|
name: '阶段流程'
|
}
|
],
|
}
|
},
|
components: {},
|
methods: {
|
init() {
|
this.dataForm = {}
|
},
|
async onSubmitt() {
|
if (this.dialogTitle === '新增') {
|
let res1 = await this.$http.get(`/WfDef/checkId?checkId=${this.dataForm.id}`)
|
console.log(res1)
|
if (res1.data > 0) {
|
console.log(res1)
|
return this.$tip.alert('id已存在');
|
}
|
let res2 = await this.$http.get(`/WfDef/code?code=${this.dataForm.code}`)
|
console.log(res2)
|
if (res2.data > 0) {
|
console.log(res2)
|
return this.$tip.alert('编码已存在');
|
}
|
}
|
let res3 = await this.$http [this.dialogTitle == '新增' ? 'post' : 'put']('/WfDef', this.dataForm)
|
if (res3.success) {
|
await this.$tip.success()
|
this.dialogu = false
|
this.$refs.tableObj.query()
|
}
|
},
|
add() {
|
//this.$refs.addTO.$refs.dialog.init()
|
this.dataForm = {}
|
this.dialogu = true
|
this.dialogTitle = "新增"
|
},
|
update(row) {
|
this.dataForm = row
|
this.dialogu = true
|
//改变弹出成title
|
this.dialogTitle = "修改"
|
|
},
|
closeDialog() {
|
this.dialogu = false
|
},
|
async deletee(row) {
|
this.$confirm('此操作将永久删除' + row.name + ', 是否继续?', '提示', {
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
type: 'warning'
|
}).then(async () => {
|
//调用delete请求
|
let res = await this.$http.delete("/WfDef/delete/" + row.id)
|
if (res.success) {
|
this.$tip.success()
|
this.$refs.tableObj.query()
|
}
|
})
|
},
|
idd() {
|
if (/[^\d]/g.test(this.dataForm.id))
|
this.dataForm.id = '';
|
},
|
}
|
}
|
</script>
|
