HAHA
4 years ago
1 changed files with 262 additions and 0 deletions
@ -0,0 +1,262 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<el-form :model="queryParams" ref="queryForm" :inline="true"> |
||||
|
<el-form-item label="部门名称" prop="deptName"> |
||||
|
<el-input |
||||
|
v-model="queryParams.name" |
||||
|
placeholder="请输入部门名称" |
||||
|
clearable |
||||
|
size="small" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="queryByName" |
||||
|
>搜索</el-button |
||||
|
> |
||||
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery" >重置</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<el-row :gutter="10" class="mb8"> |
||||
|
<el-col :span="1.5"> |
||||
|
<el-button |
||||
|
type="primary" |
||||
|
plain |
||||
|
icon="el-icon-plus" |
||||
|
size="mini" |
||||
|
@click="addNewOrg" |
||||
|
>新增</el-button |
||||
|
> |
||||
|
</el-col> |
||||
|
<el-col :span="1.5"> |
||||
|
<el-button |
||||
|
type="info" |
||||
|
plain |
||||
|
icon="el-icon-sort" |
||||
|
size="mini" |
||||
|
|
||||
|
>展开/折叠</el-button |
||||
|
> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
|
||||
|
<el-table |
||||
|
:data="treeList" |
||||
|
:default-expand-all="isExpandAll" |
||||
|
v-if="refreshTable" |
||||
|
row-key="id" |
||||
|
:tree-props="{children: 'children', hasChildren: 'hasChildren'}" |
||||
|
> |
||||
|
<el-table-column prop="name" label="部门名称" width="260"></el-table-column> |
||||
|
<el-table-column prop="sort" label="排序" width="260"></el-table-column> |
||||
|
<el-table-column prop="agencyName" label="组织名称" width="260"></el-table-column> |
||||
|
<el-table-column label="操作" align="center"> |
||||
|
<template slot-scope="row"> |
||||
|
<el-button |
||||
|
size="mini" |
||||
|
type="text" |
||||
|
icon="el-icon-edit"> |
||||
|
|
||||
|
修改</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<el-dialog |
||||
|
title="新增" |
||||
|
:visible.sync="addDialogBox" |
||||
|
width="30%" |
||||
|
:before-close="handleClose"> |
||||
|
<el-form> |
||||
|
<el-form-item label="动力主轴标签"> |
||||
|
<el-select v-model="addOrgForm.categoryCode" placeholder="请选择动力主轴标签" |
||||
|
@change="handelChange"> |
||||
|
<el-option |
||||
|
v-for="item in listSimple" |
||||
|
:key="item.categoryCode" |
||||
|
:label="item.categoryName" |
||||
|
:value="item.categoryCode"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="名称"> |
||||
|
<el-input v-model="addOrgForm.name" placeholder="请输入名称"></el-input> |
||||
|
</el-form-item> |
||||
|
<!-- 下拉框组织的参数 --> |
||||
|
|
||||
|
<el-form-item label="排序"> |
||||
|
<el-input v-model="addOrgForm.sort" placeholder="请输入排序"></el-input> |
||||
|
</el-form-item> |
||||
|
|
||||
|
</el-form> |
||||
|
<div> |
||||
|
<el-button @click="cancelAdd">取 消</el-button> |
||||
|
<el-button type="primary" @click="submitAddNewOrg">确 定</el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { requestPost } from "@/js/dai/request"; |
||||
|
export default { |
||||
|
data(){ |
||||
|
return{ |
||||
|
// 客户Id |
||||
|
customerId:'', |
||||
|
// 查询参数 |
||||
|
queryParams:{ |
||||
|
name:'' |
||||
|
}, |
||||
|
// 新增表单 |
||||
|
addOrgForm:{ |
||||
|
name:'', |
||||
|
customerId:'', |
||||
|
agencyId:'', |
||||
|
agencyName:'', |
||||
|
agencyType:'', |
||||
|
pid:'', |
||||
|
categoryCode:'', |
||||
|
sort:0 |
||||
|
}, |
||||
|
// 树状结构列表 |
||||
|
treeList:[], |
||||
|
// 查询动力主轴机构标签 |
||||
|
listSimple:[], |
||||
|
|
||||
|
// 重新渲染表格状态 |
||||
|
refreshTable: true, |
||||
|
// 是否展开，默认全部展开 |
||||
|
isExpandAll: true, |
||||
|
// 新增对话框 |
||||
|
addDialogBox:false, |
||||
|
} |
||||
|
}, |
||||
|
created(){ |
||||
|
this.getTreeList() |
||||
|
}, |
||||
|
mounted(){ |
||||
|
this.customerId = localStorage.getItem('customerId') |
||||
|
}, |
||||
|
methods:{ |
||||
|
// 查询按钮操作 |
||||
|
async queryByName(){ |
||||
|
const url = '/pli/power/axisStruct/queryDeptByName' |
||||
|
|
||||
|
let params = { |
||||
|
name:this.queryParams.name |
||||
|
} |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url,params) |
||||
|
|
||||
|
if(code === 0){ |
||||
|
this.treeList = data |
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 获取树状列表数据 |
||||
|
async getTreeList(){ |
||||
|
const url = '/pli/power/axisStruct/getTreeList' |
||||
|
|
||||
|
let params = {} |
||||
|
|
||||
|
const { data,code,msg } = await requestPost(url) |
||||
|
|
||||
|
if(code === 0){ |
||||
|
this.treeList = data |
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
}, |
||||
|
// 确定新增按钮 |
||||
|
async submitAddNewOrg(){ |
||||
|
const url = '/pli/power/axisStruct/addOrg' |
||||
|
|
||||
|
let params = { |
||||
|
name:this.addOrgForm.name, |
||||
|
sort:this.addOrgForm.sort, |
||||
|
customerId:this.customerId |
||||
|
} |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url,params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.$message.success("新增成功") |
||||
|
this.addDialogBox = false |
||||
|
this.addOrgFormRest() |
||||
|
this.getTreeList() |
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
}, |
||||
|
async getListSimple(){ |
||||
|
const url = '/pli/power/axisTag/listSimple/struct' |
||||
|
|
||||
|
let params = {} |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url,params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
console.log(data) |
||||
|
this.listSimple = data |
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
}, |
||||
|
// 新增按钮 |
||||
|
addNewOrg(){ |
||||
|
this.addDialogBox = true |
||||
|
this.getListSimple() |
||||
|
}, |
||||
|
|
||||
|
/** 重置按钮操作 */ |
||||
|
resetQuery() { |
||||
|
this.queryParams.name = '' |
||||
|
this.getTreeList() |
||||
|
}, |
||||
|
/** 展开/折叠操作 */ |
||||
|
toggleExpandAll() { |
||||
|
this.refreshTable = false; |
||||
|
this.isExpandAll = !this.isExpandAll; |
||||
|
this.$nextTick(() => { |
||||
|
this.refreshTable = true; |
||||
|
}); |
||||
|
}, |
||||
|
// 关闭对话框 |
||||
|
handleClose(done) { |
||||
|
this.$confirm('确认关闭？') |
||||
|
.then(_ => { |
||||
|
done(); |
||||
|
}) |
||||
|
.catch(_ => {}); |
||||
|
}, |
||||
|
// 取消新增按钮 |
||||
|
cancelAdd(){ |
||||
|
this.addDialogBox = false |
||||
|
}, |
||||
|
// 清空新增表单 |
||||
|
addOrgFormRest(){ |
||||
|
this.addOrgForm.name = '' |
||||
|
this.addOrgForm.customerId = '' |
||||
|
this.addOrgForm.sort = '' |
||||
|
this.addOrgForm.agencyId = '', |
||||
|
this.addOrgForm.agencyName = '', |
||||
|
this.addOrgForm.agencyType = '', |
||||
|
this.addOrgForm.pid = '' |
||||
|
}, |
||||
|
// 动力主轴选中后的操作 |
||||
|
handelChange(event){ |
||||
|
console.log(event) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
Loading…
Reference in new issue