Merge branch 'ehs' of https://e.coding.net/ctcdevteam/ehs/ehs_web into ehs
This commit is contained in:
commit
8efbd85b56
|
|
@ -0,0 +1,44 @@
|
|||
import config from "@/config"
|
||||
import http from "@/utils/request"
|
||||
/*区域接口*/
|
||||
export default {
|
||||
|
||||
area: {
|
||||
list: {
|
||||
name: "获取",
|
||||
req: async function(data){
|
||||
return await http.get(
|
||||
`${config.API_URL}/am/area/`,
|
||||
data
|
||||
);
|
||||
}
|
||||
},
|
||||
update: {
|
||||
name: "更新",
|
||||
req: async function(id, data){
|
||||
return await http.put(
|
||||
`${config.API_URL}/am/area/${id}/`,
|
||||
data);
|
||||
}
|
||||
},
|
||||
create: {
|
||||
name: "创建",
|
||||
req: async function(data){
|
||||
return await http.post(
|
||||
`${config.API_URL}/am/area/`,
|
||||
data);
|
||||
}
|
||||
},
|
||||
delete: {
|
||||
name: "删除",
|
||||
req: async function(id){
|
||||
return await http.delete(
|
||||
`${config.API_URL}/am/area/${id}/`);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1,78 @@
|
|||
import config from "@/config"
|
||||
import http from "@/utils/request"
|
||||
/*作业接口*/
|
||||
export default {
|
||||
/*作业许可证分类*/
|
||||
oplcate: {
|
||||
list: {
|
||||
name: "获取",
|
||||
req: async function(data){
|
||||
return await http.get(
|
||||
`${config.API_URL}/opm/opl_cate/`,
|
||||
data
|
||||
);
|
||||
}
|
||||
},
|
||||
update: {
|
||||
name: "更新",
|
||||
req: async function(id, data){
|
||||
return await http.put(
|
||||
`${config.API_URL}/opm/opl_cate/${id}/`,
|
||||
data);
|
||||
}
|
||||
},
|
||||
create: {
|
||||
name: "创建",
|
||||
req: async function(data){
|
||||
return await http.post(
|
||||
`${config.API_URL}/opm/opl_cate/`,
|
||||
data);
|
||||
}
|
||||
},
|
||||
delete: {
|
||||
name: "删除",
|
||||
req: async function(id){
|
||||
return await http.delete(
|
||||
`${config.API_URL}/opm/opl_cate/${id}/`);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
|
||||
/*作业*/
|
||||
operation: {
|
||||
list: {
|
||||
name: "获取",
|
||||
req: async function(data){
|
||||
return await http.get(
|
||||
`${config.API_URL}/opm/operation/`,
|
||||
data
|
||||
);
|
||||
}
|
||||
},
|
||||
update: {
|
||||
name: "更新",
|
||||
req: async function(id, data){
|
||||
return await http.put(
|
||||
`${config.API_URL}/opm/operation/${id}/`,
|
||||
data);
|
||||
}
|
||||
},
|
||||
create: {
|
||||
name: "创建",
|
||||
req: async function(data){
|
||||
return await http.post(
|
||||
`${config.API_URL}/opm/operation/`,
|
||||
data);
|
||||
}
|
||||
},
|
||||
delete: {
|
||||
name: "删除",
|
||||
req: async function(id){
|
||||
return await http.delete(
|
||||
`${config.API_URL}/opm/operation/${id}/`);
|
||||
}
|
||||
}
|
||||
},
|
||||
}
|
||||
|
|
@ -319,7 +319,7 @@ export default {
|
|||
},
|
||||
runOnce: {
|
||||
name: "执行一次",
|
||||
req: async function(data){
|
||||
req: async function(data,id){
|
||||
return await http.post(`${config.API_URL}/system/ptask/${id}/run_once/`,data);
|
||||
}
|
||||
},
|
||||
|
|
|
|||
|
|
@ -74,7 +74,7 @@ export default {
|
|||
ticketItem: {
|
||||
name: "工单详情",
|
||||
req: async function(id){
|
||||
return await http.get(`${config.API_URL}/wf/ticket/${id}/`);
|
||||
return await http.get(`${config.API_URL}/wf/ticket/${id}/`);
|
||||
}
|
||||
},
|
||||
create: {
|
||||
|
|
|
|||
|
|
@ -264,7 +264,7 @@ export default {
|
|||
},
|
||||
//获取数据
|
||||
async getData() {
|
||||
debugger;
|
||||
|
||||
this.loading = true;
|
||||
var reqData = {
|
||||
[config.request.page]: this.currentPage,
|
||||
|
|
@ -278,7 +278,7 @@ export default {
|
|||
// delete reqData[config.request.pageSize]
|
||||
}
|
||||
Object.assign(reqData, this.tableParams);
|
||||
debugger;
|
||||
|
||||
try {
|
||||
var res = await this.apiObj.req(reqData);
|
||||
if (this.hidePagination) {
|
||||
|
|
@ -288,7 +288,7 @@ export default {
|
|||
}
|
||||
if(this.$route.path==='/sys/dept'||this.$route.path==='/sys/perm'){
|
||||
this.tableData = this.redata(res);
|
||||
debugger;
|
||||
|
||||
console.log(this.tableData)
|
||||
}else{
|
||||
this.tableData = res || [];
|
||||
|
|
@ -316,7 +316,7 @@ export default {
|
|||
}
|
||||
if(this.$route.path==='/sys/dept'||this.$route.path==='/ops/menu'){
|
||||
this.tableData = this.redata(dataList);
|
||||
debugger;
|
||||
|
||||
console.log(this.tableData)
|
||||
}else{
|
||||
this.tableData = dataList || [];
|
||||
|
|
@ -354,7 +354,7 @@ export default {
|
|||
parent.children = parent.children ? parent.children : [];
|
||||
parent.children.push(item);
|
||||
}
|
||||
debugger;
|
||||
|
||||
console.log(arr);
|
||||
return arr;
|
||||
},
|
||||
|
|
|
|||
|
|
@ -153,6 +153,15 @@ const routes = [
|
|||
},
|
||||
"component": "opm/operation"
|
||||
},
|
||||
{
|
||||
"name": "oplcate",
|
||||
"path": "/opm/oplcate",
|
||||
"meta": {
|
||||
"title": "许可证分类",
|
||||
"icon": "el-icon-menu",
|
||||
},
|
||||
"component": "opm/oplcate"
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
|
|
|
|||
|
|
@ -16,3 +16,30 @@ export function verifyCars(rule, value, callback) {
|
|||
}
|
||||
callback()
|
||||
}
|
||||
export function genTree(data) {
|
||||
const result = []
|
||||
if (!Array.isArray(data)) {
|
||||
return result
|
||||
}
|
||||
data.forEach(item => {
|
||||
delete item.children
|
||||
})
|
||||
const map = {}
|
||||
data.forEach(item => {
|
||||
item.label = item.name
|
||||
if(item.fullname){
|
||||
item.label = item.fullname
|
||||
}
|
||||
item.value = item.id
|
||||
map[item.id] = item
|
||||
})
|
||||
data.forEach(item => {
|
||||
const parent = map[item.parent]
|
||||
if (parent) {
|
||||
(parent.children || (parent.children = [])).push(item)
|
||||
} else {
|
||||
result.push(item)
|
||||
}
|
||||
})
|
||||
return result
|
||||
}
|
||||
|
|
|
|||
|
|
@ -356,15 +356,15 @@
|
|||
},
|
||||
//表单提交方法
|
||||
submit() {
|
||||
debugger;
|
||||
//debugger;
|
||||
this.$refs.dialogForm.validate((valid) => {
|
||||
debugger;
|
||||
// debugger;
|
||||
if (valid) {
|
||||
debugger;
|
||||
// debugger;
|
||||
this.isSaveing = true;
|
||||
this.addForm.dept = this.addForm.dept[1];
|
||||
if (this.mode === 'add') {
|
||||
debugger;
|
||||
// debugger;
|
||||
this.$API.hrm.employee.create.req(this.form)
|
||||
.then(res => {
|
||||
this.isSaveing = false;
|
||||
|
|
@ -406,7 +406,7 @@
|
|||
},
|
||||
//表单注入数据
|
||||
setData(data) {
|
||||
debugger;
|
||||
//debugger;
|
||||
console.log(defaultForm);
|
||||
// this.form = defaultForm;
|
||||
Object.assign(this.form, data);
|
||||
|
|
|
|||
|
|
@ -0,0 +1,162 @@
|
|||
<template>
|
||||
<el-container>
|
||||
<el-header>
|
||||
<div class="left-panel">
|
||||
<el-button type="primary" icon="el-icon-plus" @click="add"></el-button>
|
||||
<!-- <el-button type="danger" plain icon="el-icon-delete" :disabled="selection.length==0" @click="batch_del"></el-button>
|
||||
<el-button type="primary" plain :disabled="selection.length!=1" @click="permission">权限设置</el-button> -->
|
||||
</div>
|
||||
<div class="right-panel">
|
||||
<div class="right-panel-search">
|
||||
<el-input v-model="search.keyword" placeholder="名称" clearable @click="upsearch"></el-input>
|
||||
<el-button type="primary" icon="el-icon-search" @click="upsearch"></el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-header>
|
||||
<el-main class="nopadding">
|
||||
<scTable ref="table" :apiObj="apiObj" row-key="id" @selection-change="selectionChange" stripe @resetQuery="resetQuery" >
|
||||
<el-table-column label="#" type="index" width="50"></el-table-column>
|
||||
<el-table-column label="名称" prop="name" width="200"></el-table-column>
|
||||
<el-table-column label="标识" prop="code" width="180">
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="操作" fixed="right" align="right" width="170">
|
||||
<template #default="scope">
|
||||
<el-button-group>
|
||||
<el-button text type="primary" size="small" @click="table_show(scope.row, scope.$index)">查看</el-button>
|
||||
<el-button text type="warning" size="small" @click="table_edit(scope.row, scope.$index)">编辑</el-button>
|
||||
|
||||
</el-button-group>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
</scTable>
|
||||
</el-main>
|
||||
<save-dialog v-if="dialog.save" ref="saveDialog" @success="handleSaveSuccess" @closed="dialog.save=false"></save-dialog>
|
||||
</el-container>
|
||||
|
||||
|
||||
</template>
|
||||
<script>
|
||||
import saveDialog from './operation_form.vue'
|
||||
export default {
|
||||
name: 'operation',
|
||||
components: {
|
||||
saveDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
dialog: {
|
||||
save: false,
|
||||
permission: false
|
||||
},
|
||||
apiObj: this.$API.opm.operation.list,
|
||||
query: {},
|
||||
selection: [],
|
||||
search: {
|
||||
keyword: null
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
//添加
|
||||
add(){
|
||||
this.dialog.save = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.saveDialog.open('add')
|
||||
})
|
||||
},
|
||||
//编辑
|
||||
table_edit(row){
|
||||
this.dialog.save = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.saveDialog.open('edit').setData(row)
|
||||
})
|
||||
},
|
||||
//查看
|
||||
table_show(row){
|
||||
this.dialog.save = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.saveDialog.open('show').setData(row)
|
||||
})
|
||||
},
|
||||
//权限设置
|
||||
permission(){
|
||||
this.dialog.permission = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.permissionDialog.open()
|
||||
})
|
||||
},
|
||||
//删除
|
||||
async table_del(row){
|
||||
var reqData = {id: row.id}
|
||||
var res = await this.$API.demo.post.post(reqData);
|
||||
if(res.code == 200){
|
||||
this.$refs.table.refresh()
|
||||
this.$message.success("删除成功")
|
||||
}else{
|
||||
this.$alert(res.message, "提示", {type: 'error'})
|
||||
}
|
||||
},
|
||||
//批量删除
|
||||
async batch_del(){
|
||||
this.$confirm(`确定删除选中的 ${this.selection.length} 项吗？如果删除项中含有子集将会被一并删除`, '提示', {
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading();
|
||||
this.$refs.table.refresh()
|
||||
loading.close();
|
||||
this.$message.success("操作成功")
|
||||
}).catch(() => {
|
||||
|
||||
})
|
||||
},
|
||||
//表格选择后回调事件
|
||||
selectionChange(selection){
|
||||
this.selection = selection;
|
||||
},
|
||||
//表格内开关
|
||||
changeSwitch(val, row){
|
||||
row.status = row.status == '1'?'0':'1'
|
||||
row.$switch_status = true;
|
||||
setTimeout(()=>{
|
||||
delete row.$switch_status;
|
||||
row.status = val;
|
||||
this.$message.success("操作成功")
|
||||
}, 500)
|
||||
},
|
||||
//搜索
|
||||
upsearch(){
|
||||
|
||||
},
|
||||
//根据ID获取树结构
|
||||
filterTree(id){
|
||||
var target = null;
|
||||
function filter(tree){
|
||||
tree.forEach(item => {
|
||||
if(item.id == id){
|
||||
target = item
|
||||
}
|
||||
if(item.children){
|
||||
filter(item.children)
|
||||
}
|
||||
})
|
||||
}
|
||||
filter(this.$refs.table.tableData)
|
||||
return target
|
||||
},
|
||||
//本地更新数据
|
||||
handleSaveSuccess(data, mode){
|
||||
if(mode=='add'){
|
||||
this.$refs.table.refresh()
|
||||
}else if(mode=='edit'){
|
||||
this.$refs.table.refresh()
|
||||
}
|
||||
},
|
||||
resetQuery(){
|
||||
this.query = {}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,254 @@
|
|||
<template>
|
||||
<el-drawer
|
||||
:title="titleMap[mode]"
|
||||
v-model="visible"
|
||||
:size="1000"
|
||||
destroy-on-close
|
||||
@closed="$emit('closed')"
|
||||
>
|
||||
<el-container v-loading="loading">
|
||||
<el-main style="padding: 0 20px 20px 20px">
|
||||
<el-form
|
||||
ref="dialogForm"
|
||||
:model="form"
|
||||
:rules="rules"
|
||||
:disabled="mode == 'show'"
|
||||
label-width="100px"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :md="24" :sm="12" :xs="24">
|
||||
<el-form-item label="作业简介">
|
||||
<el-input v-model="form.name" type="text" clearable></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="24" :sm="12" :xs="24">
|
||||
<el-form-item label="具体地点">
|
||||
<el-input v-model="form.place" type="text" clearable></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="12" :xs="24">
|
||||
<el-form-item label="开始时间">
|
||||
<el-date-picker
|
||||
v-model="form.start_time"
|
||||
type="datetime"
|
||||
placeholder="选择开始时间"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :md="12" :sm="12" :xs="24">
|
||||
<el-form-item label="结束时间">
|
||||
<el-date-picker
|
||||
v-model="form.end_time"
|
||||
type="datetime"
|
||||
placeholder="选择结束时间"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :md="12" :sm="12" :xs="24">
|
||||
<el-form-item label="生产状态">
|
||||
<el-select v-model="form.state_work" placeholder="选择生产状态">
|
||||
<el-option
|
||||
v-for="item in stateoptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.name"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24" :xs="24">
|
||||
<el-form-item label="作业区域">
|
||||
<el-select v-model="form.area" placeholder="选择作业区域">
|
||||
<el-option
|
||||
v-for="item in areaoptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.name"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24" :xs="24">
|
||||
<el-form-item label="所属部门">
|
||||
<el-cascader
|
||||
placeholder="选择所属部门"
|
||||
v-model="form.belong_dept"
|
||||
:options="deptoptions"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24" :xs="24">
|
||||
<el-form-item label="属地部门">
|
||||
<el-select v-model="form.dept_ter" placeholder="选择属地部门">
|
||||
<el-option
|
||||
v-for="item in deptoptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.name"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24" :xs="24">
|
||||
<el-form-item label="业务部门">
|
||||
<el-select v-model="form.dept_bus" placeholder="选择业务部门">
|
||||
<el-option
|
||||
v-for="item in deptoptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.name"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :md="12" :sm="24" :xs="24">
|
||||
<el-form-item label="部门协调员">
|
||||
<el-select
|
||||
v-model="form.coordinator"
|
||||
placeholder="选择业务部门协调员"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in coordinatoroptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.name"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-main>
|
||||
<el-footer>
|
||||
<el-button type="primary" :loading="isSaveing" @click="submit"
|
||||
>保存</el-button
|
||||
>
|
||||
<el-button @click="visible = false">取消</el-button>
|
||||
</el-footer>
|
||||
</el-container>
|
||||
</el-drawer>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {genTree} from "@/utils/verificate";
|
||||
export default {
|
||||
emits: ["success", "closed"],
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
mode: "add",
|
||||
titleMap: {
|
||||
add: "新增",
|
||||
edit: "编辑",
|
||||
show: "查看",
|
||||
},
|
||||
form: {},
|
||||
rules: {
|
||||
name: [{ required: true, message: "请输入作业简介" }],
|
||||
start_time: [{ required: true, message: "请输入" }],
|
||||
end_time: [{ required: true, message: "请输入" }],
|
||||
state_work: [{ required: true, message: "请输入" }],
|
||||
area: [{ required: true, message: "请输入" }],
|
||||
dept_ter: [{ required: true, message: "请输入" }],
|
||||
dept_bus: [{ required: true, message: "请输入" }],
|
||||
coordinator: [{ required: true, message: "请输入" }],
|
||||
},
|
||||
visible: false,
|
||||
isSaveing: false,
|
||||
selectionFilters: [],
|
||||
setFiltersVisible: false,
|
||||
stateoptions: [
|
||||
{ id: 10, name: "运行" },
|
||||
{ id: 20, name: "停机" },
|
||||
{ id: 20, name: "检修" },
|
||||
],
|
||||
deptoptions: [],
|
||||
areaoptions: [],
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getDept();
|
||||
this.getArea();
|
||||
},
|
||||
methods: {
|
||||
//所属部门,属地部门，业务部门
|
||||
getDept() {
|
||||
this.$API.system.dept.list.req({ page: 0 }).then((res) => {
|
||||
|
||||
this.deptoptions = genTree(res);
|
||||
console.log(this.deptoptions);
|
||||
});
|
||||
},
|
||||
|
||||
//作业区域
|
||||
getArea() {
|
||||
this.$API.am.area.list.req({ page: 0 }).then((res) => {
|
||||
console.log(res);
|
||||
this.areaoptions = res;
|
||||
});
|
||||
},
|
||||
//显示
|
||||
open(mode = "add") {
|
||||
this.mode = mode;
|
||||
this.visible = true;
|
||||
return this;
|
||||
},
|
||||
//表单提交方法
|
||||
submit() {
|
||||
this.$refs.dialogForm.validate(async (valid) => {
|
||||
if (valid) {
|
||||
this.isSaveing = true;
|
||||
try {
|
||||
var res;
|
||||
if (this.mode == "add") {
|
||||
res = await this.$API.opm.operation.create.req(this.form);
|
||||
} else if (this.mode == "edit") {
|
||||
res = await this.$API.opm.operation.update.req(
|
||||
this.form.id,
|
||||
this.form
|
||||
);
|
||||
}
|
||||
this.isSaveing = false;
|
||||
this.$emit("success", this.form, this.mode);
|
||||
this.visible = false;
|
||||
this.$message.success("操作成功");
|
||||
return res;
|
||||
} catch (err) {
|
||||
//可以处理校验错误
|
||||
this.isSaveing = false;
|
||||
return err;
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
//表单注入数据
|
||||
setData(data) {
|
||||
// this.loading = true
|
||||
// const params = {
|
||||
// id: data.id
|
||||
// }
|
||||
// setTimeout(async ()=>{
|
||||
// var res = await this.$API.system.table.info.get(params)
|
||||
// this.loading = false
|
||||
// this.form = res.data
|
||||
// },400)
|
||||
Object.assign(this.form, data);
|
||||
},
|
||||
//设置过滤项
|
||||
setFilters(filters) {
|
||||
this.selectionFilters = filters;
|
||||
this.setFiltersVisible = true;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.el-transfer {
|
||||
--el-transfer-panel-width: 345px !important;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,162 @@
|
|||
<template>
|
||||
<el-container>
|
||||
<el-header>
|
||||
<div class="left-panel">
|
||||
<el-button type="primary" icon="el-icon-plus" @click="add"></el-button>
|
||||
<!-- <el-button type="danger" plain icon="el-icon-delete" :disabled="selection.length==0" @click="batch_del"></el-button>
|
||||
<el-button type="primary" plain :disabled="selection.length!=1" @click="permission">权限设置</el-button> -->
|
||||
</div>
|
||||
<div class="right-panel">
|
||||
<div class="right-panel-search">
|
||||
<el-input v-model="search.keyword" placeholder="名称" clearable @click="upsearch"></el-input>
|
||||
<el-button type="primary" icon="el-icon-search" @click="upsearch"></el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-header>
|
||||
<el-main class="nopadding">
|
||||
<scTable ref="table" :apiObj="apiObj" row-key="id" @selection-change="selectionChange" stripe @resetQuery="resetQuery" >
|
||||
<el-table-column label="#" type="index" width="50"></el-table-column>
|
||||
<el-table-column label="名称" prop="name" width="200"></el-table-column>
|
||||
<el-table-column label="标识" prop="code" width="180">
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="操作" fixed="right" align="right" width="170">
|
||||
<template #default="scope">
|
||||
<el-button-group>
|
||||
<el-button text type="primary" size="small" @click="table_show(scope.row, scope.$index)">查看</el-button>
|
||||
<el-button text type="warning" size="small" @click="table_edit(scope.row, scope.$index)">编辑</el-button>
|
||||
|
||||
</el-button-group>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
</scTable>
|
||||
</el-main>
|
||||
<save-dialog v-if="dialog.save" ref="saveDialog" @success="handleSaveSuccess" @closed="dialog.save=false"></save-dialog>
|
||||
</el-container>
|
||||
|
||||
|
||||
</template>
|
||||
<script>
|
||||
import saveDialog from './oplcate_form.vue'
|
||||
export default {
|
||||
name: 'oplcate',
|
||||
components: {
|
||||
saveDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
dialog: {
|
||||
save: false,
|
||||
permission: false
|
||||
},
|
||||
apiObj: this.$API.opm.oplcate.list,
|
||||
query: {},
|
||||
selection: [],
|
||||
search: {
|
||||
keyword: null
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
//添加
|
||||
add(){
|
||||
this.dialog.save = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.saveDialog.open('add')
|
||||
})
|
||||
},
|
||||
//编辑
|
||||
table_edit(row){
|
||||
this.dialog.save = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.saveDialog.open('edit').setData(row)
|
||||
})
|
||||
},
|
||||
//查看
|
||||
table_show(row){
|
||||
this.dialog.save = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.saveDialog.open('show').setData(row)
|
||||
})
|
||||
},
|
||||
//权限设置
|
||||
permission(){
|
||||
this.dialog.permission = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.permissionDialog.open()
|
||||
})
|
||||
},
|
||||
//删除
|
||||
async table_del(row){
|
||||
var reqData = {id: row.id}
|
||||
var res = await this.$API.demo.post.post(reqData);
|
||||
if(res.code == 200){
|
||||
this.$refs.table.refresh()
|
||||
this.$message.success("删除成功")
|
||||
}else{
|
||||
this.$alert(res.message, "提示", {type: 'error'})
|
||||
}
|
||||
},
|
||||
//批量删除
|
||||
async batch_del(){
|
||||
this.$confirm(`确定删除选中的 ${this.selection.length} 项吗？如果删除项中含有子集将会被一并删除`, '提示', {
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading();
|
||||
this.$refs.table.refresh()
|
||||
loading.close();
|
||||
this.$message.success("操作成功")
|
||||
}).catch(() => {
|
||||
|
||||
})
|
||||
},
|
||||
//表格选择后回调事件
|
||||
selectionChange(selection){
|
||||
this.selection = selection;
|
||||
},
|
||||
//表格内开关
|
||||
changeSwitch(val, row){
|
||||
row.status = row.status == '1'?'0':'1'
|
||||
row.$switch_status = true;
|
||||
setTimeout(()=>{
|
||||
delete row.$switch_status;
|
||||
row.status = val;
|
||||
this.$message.success("操作成功")
|
||||
}, 500)
|
||||
},
|
||||
//搜索
|
||||
upsearch(){
|
||||
|
||||
},
|
||||
//根据ID获取树结构
|
||||
filterTree(id){
|
||||
var target = null;
|
||||
function filter(tree){
|
||||
tree.forEach(item => {
|
||||
if(item.id == id){
|
||||
target = item
|
||||
}
|
||||
if(item.children){
|
||||
filter(item.children)
|
||||
}
|
||||
})
|
||||
}
|
||||
filter(this.$refs.table.tableData)
|
||||
return target
|
||||
},
|
||||
//本地更新数据
|
||||
handleSaveSuccess(data, mode){
|
||||
if(mode=='add'){
|
||||
this.$refs.table.refresh()
|
||||
}else if(mode=='edit'){
|
||||
this.$refs.table.refresh()
|
||||
}
|
||||
},
|
||||
resetQuery(){
|
||||
this.query = {}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,228 @@
|
|||
<template>
|
||||
<el-drawer
|
||||
:title="titleMap[mode]"
|
||||
v-model="visible"
|
||||
:size="1000"
|
||||
destroy-on-close
|
||||
@closed="$emit('closed')"
|
||||
>
|
||||
<el-container v-loading="loading">
|
||||
<el-main style="padding: 0 20px 20px 20px">
|
||||
<el-form
|
||||
ref="dialogForm"
|
||||
:model="form"
|
||||
:rules="rules"
|
||||
:disabled="mode == 'show'"
|
||||
label-width="80px"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :md="8" :sm="12" :xs="24">
|
||||
<el-form-item label="标识">
|
||||
<el-input v-model="form.code" type="text" clearable></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="8" :sm="12" :xs="24">
|
||||
<el-form-item label="名称">
|
||||
<el-input v-model="form.name" type="text" clearable></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :md="8" :sm="12" :xs="24">
|
||||
<el-form-item label="工作流">
|
||||
<el-select v-model="form.workflow">
|
||||
<el-option
|
||||
v-for="item in workflowoptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="24" :sm="12" :xs="24">
|
||||
<el-form-item label="风险分析">
|
||||
<el-transfer
|
||||
width="500px"
|
||||
v-model="form.risk_options"
|
||||
:props="{
|
||||
key: 'id',
|
||||
label: 'name',
|
||||
}"
|
||||
:data="riskoptions"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="24" :sm="12" :xs="24">
|
||||
<el-form-item label="控制措施">
|
||||
<el-transfer
|
||||
v-model="form.measure_options"
|
||||
:props="{
|
||||
key: 'id',
|
||||
label: 'name',
|
||||
}"
|
||||
:data="measureoptions"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="24" :sm="24" :xs="24">
|
||||
<el-form-item label="关闭工作">
|
||||
<el-transfer
|
||||
v-model="form.close_options"
|
||||
:props="{
|
||||
key: 'id',
|
||||
label: 'name',
|
||||
}"
|
||||
:data="closeoptions"
|
||||
/>
|
||||
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="24" :sm="12" :xs="24">
|
||||
<el-form-item label="描述">
|
||||
<el-input
|
||||
v-model="form.description"
|
||||
type="textarea"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-main>
|
||||
<el-footer>
|
||||
<el-button type="primary" :loading="isSaveing" @click="submit"
|
||||
>保存</el-button
|
||||
>
|
||||
<el-button @click="visible = false">取消</el-button>
|
||||
</el-footer>
|
||||
</el-container>
|
||||
</el-drawer>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
emits: ["success", "closed"],
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
mode: "add",
|
||||
titleMap: {
|
||||
add: "新增",
|
||||
edit: "编辑",
|
||||
show: "查看",
|
||||
},
|
||||
form: {},
|
||||
rules: {},
|
||||
visible: false,
|
||||
isSaveing: false,
|
||||
selectionFilters: [],
|
||||
setFiltersVisible: false,
|
||||
workflowoptions: [],
|
||||
riskoptions: [],
|
||||
measureoptions:[],
|
||||
closeoptions:[],
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getWorkflow();
|
||||
this.getRisk();
|
||||
this.getMeasure();
|
||||
this.getClose();
|
||||
},
|
||||
methods: {
|
||||
|
||||
|
||||
//工作流
|
||||
getWorkflow() {
|
||||
this.$API.system.dept.list.req({ page: 0 }).then((res) => {
|
||||
this.workflowoptions = res;
|
||||
});
|
||||
},
|
||||
//风险分析
|
||||
getRisk() {
|
||||
this.$API.system.dict.list
|
||||
.req({ page: 0, type__code: "risk_options" })
|
||||
.then((res) => {
|
||||
this.riskoptions = res;
|
||||
});
|
||||
},
|
||||
//管控措施
|
||||
getMeasure() {
|
||||
this.$API.system.dict.list
|
||||
.req({ page: 0, type__code: "measure_options" })
|
||||
.then((res) => {
|
||||
this.measureoptions = res;
|
||||
});
|
||||
},
|
||||
//关闭工作
|
||||
getClose() {
|
||||
this.$API.system.dict.list
|
||||
.req({ page: 0, type__code: "close_options" })
|
||||
.then((res) => {
|
||||
this.closeoptions = res;
|
||||
});
|
||||
},
|
||||
//显示
|
||||
open(mode = "add") {
|
||||
this.mode = mode;
|
||||
this.visible = true;
|
||||
return this;
|
||||
},
|
||||
//表单提交方法
|
||||
submit() {
|
||||
this.$refs.dialogForm.validate(async (valid) => {
|
||||
if (valid) {
|
||||
this.isSaveing = true;
|
||||
try {
|
||||
var res;
|
||||
if (this.mode == "add") {
|
||||
|
||||
res = await this.$API.opm.oplcate.create.req(this.form);
|
||||
} else if (this.mode == "edit") {
|
||||
res = await this.$API.opm.oplcate.update.req(
|
||||
this.form.id,
|
||||
this.form
|
||||
);
|
||||
}
|
||||
this.isSaveing = false;
|
||||
this.$emit("success", this.form, this.mode);
|
||||
this.visible = false;
|
||||
this.$message.success("操作成功");
|
||||
return res;
|
||||
} catch (err) {
|
||||
//可以处理校验错误
|
||||
this.isSaveing = false;
|
||||
return err;
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
//表单注入数据
|
||||
setData(data) {
|
||||
// this.loading = true
|
||||
// const params = {
|
||||
// id: data.id
|
||||
// }
|
||||
// setTimeout(async ()=>{
|
||||
// var res = await this.$API.system.table.info.get(params)
|
||||
// this.loading = false
|
||||
// this.form = res.data
|
||||
// },400)
|
||||
Object.assign(this.form, data);
|
||||
},
|
||||
//设置过滤项
|
||||
setFilters(filters) {
|
||||
this.selectionFilters = filters;
|
||||
this.setFiltersVisible = true;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.el-transfer {
|
||||
|
||||
--el-transfer-panel-width: 345px !important;
|
||||
|
||||
}
|
||||
</style>
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
methods: {
|
||||
setData(data){
|
||||
this.data = data;
|
||||
debugger;
|
||||
// debugger;
|
||||
console.log(data);
|
||||
let dataStr = '';
|
||||
for (let i in data) {
|
||||
|
|
|
|||
|
|
@ -148,14 +148,14 @@
|
|||
},
|
||||
handleChange(value) {
|
||||
// this.menu.checked = check.checkedKeys;
|
||||
debugger;
|
||||
// debugger;
|
||||
console.log(value);
|
||||
console.log(this.addForm.parent);
|
||||
},
|
||||
//加载树数据
|
||||
async getGroup() {
|
||||
var res = await this.$API.system.permission.list.req({page: 0});
|
||||
debugger;
|
||||
// debugger;
|
||||
let permList = res;
|
||||
this.permList = res;
|
||||
let posts = [];
|
||||
|
|
@ -177,7 +177,7 @@
|
|||
parent.children = parent.children ? parent.children : [];
|
||||
parent.children.push(item);
|
||||
}
|
||||
debugger;
|
||||
//debugger;
|
||||
this.group = arr;
|
||||
},
|
||||
|
||||
|
|
@ -190,7 +190,7 @@
|
|||
this.codesLimited = true;
|
||||
},
|
||||
saveCodes(){
|
||||
debugger;console.log(this.addForm.codes);
|
||||
// debugger;console.log(this.addForm.codes);
|
||||
this.addForm.codes.push(this.codes);
|
||||
this.codes = ''
|
||||
},
|
||||
|
|
@ -204,7 +204,7 @@
|
|||
this.type = 'edit';
|
||||
this.addForm.id = row.id;
|
||||
this.addForm.name = row.name;
|
||||
debugger;
|
||||
// debugger;
|
||||
console.log(row.codes);
|
||||
this.codes = row.codes.join(',');
|
||||
let parent = row.parent!==null?this.findParents(this.permList, row.parent):'';
|
||||
|
|
@ -217,7 +217,7 @@
|
|||
this.limitedVisible = true;
|
||||
},
|
||||
findParents(arr, parent) {
|
||||
debugger;
|
||||
//debugger;
|
||||
let data = [];
|
||||
arr.forEach(item => {
|
||||
if (item.id === parent) {
|
||||
|
|
@ -229,7 +229,7 @@
|
|||
}
|
||||
}
|
||||
});
|
||||
debugger;
|
||||
//debugger;
|
||||
return data
|
||||
},
|
||||
//删除
|
||||
|
|
@ -262,7 +262,7 @@
|
|||
this.addForm.codes.push(this.codes)
|
||||
}
|
||||
this.$refs.addForm.validate((valid) => {
|
||||
debugger;
|
||||
// debugger;
|
||||
if (valid) {
|
||||
this.isSaveing = true;
|
||||
var res;
|
||||
|
|
|
|||
|
|
@ -123,7 +123,7 @@
|
|||
methods: {
|
||||
handleChange(value) {
|
||||
// this.menu.checked = check.checkedKeys;
|
||||
debugger;
|
||||
//debugger;
|
||||
console.log(value);
|
||||
console.log(this.addForm.parent);
|
||||
},
|
||||
|
|
@ -165,7 +165,7 @@
|
|||
},
|
||||
//编辑
|
||||
editDept(row){
|
||||
debugger;
|
||||
// debugger;
|
||||
this.temp = [];
|
||||
this.type='edit';
|
||||
this.addForm.id=row.id;
|
||||
|
|
@ -205,7 +205,7 @@
|
|||
let that = this;
|
||||
this.addForm.parent = this.addForm.parent!==null?this.addForm.parent[0]?this.addForm.parent[0]:'':'';
|
||||
this.$refs.addForm.validate( (valid) => {
|
||||
debugger;
|
||||
// debugger;
|
||||
if (valid) {
|
||||
this.isSaveing = true;
|
||||
var res;
|
||||
|
|
|
|||
|
|
@ -41,6 +41,7 @@
|
|||
<el-table-column label="序号" type="index"></el-table-column>
|
||||
<el-table-column label="名称" prop="name" min-width="150"></el-table-column>
|
||||
<el-table-column label="键值" prop="value" min-width="100"></el-table-column>
|
||||
<el-table-column label="描述" prop="description" min-width="100"></el-table-column>
|
||||
<el-table-column label="是否有效" prop="yx" width="100">
|
||||
<template #default="scope">
|
||||
<el-switch v-if="scope.row.yx" v-model="scope.row.yx" @change="changeSwitch($event, scope.row)" :loading="scope.row.$switch_yx" active-value="1" inactive-value="0"></el-switch>
|
||||
|
|
@ -90,7 +91,7 @@
|
|||
<el-form-item label="字典名称" prop="name">
|
||||
<el-input v-model="dicForm.name" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="键值" prop="value">
|
||||
<el-form-item label="键值" >
|
||||
<el-input v-model="dicForm.value" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="标识">
|
||||
|
|
@ -275,7 +276,7 @@
|
|||
},
|
||||
findParents(arr,parent){
|
||||
let that = this;
|
||||
debugger;
|
||||
// debugger;
|
||||
arr.forEach(item=>{
|
||||
debugger;
|
||||
if(item.id===parent){
|
||||
|
|
@ -314,7 +315,7 @@
|
|||
}
|
||||
}*/
|
||||
let res = this.$API.system.dicttype.delete.req(data.id);
|
||||
debugger;
|
||||
// debugger;
|
||||
console.log(res);
|
||||
this.getDicType();
|
||||
this.showDicloading = false;
|
||||
|
|
|
|||
|
|
@ -120,7 +120,7 @@
|
|||
methods: {
|
||||
handleChange(item, check) {
|
||||
this.menu.checked = check.checkedKeys;
|
||||
debugger;
|
||||
//debugger;
|
||||
console.log(check);
|
||||
console.log(this.checkList);
|
||||
},
|
||||
|
|
@ -142,7 +142,7 @@
|
|||
// debugger;
|
||||
console.log(obj);
|
||||
for (let item of posts) {
|
||||
debugger;
|
||||
// debugger;
|
||||
if (item.parentId == null) {
|
||||
arr.push(item);
|
||||
continue
|
||||
|
|
|
|||
|
|
@ -198,6 +198,7 @@
|
|||
},
|
||||
run(task){
|
||||
this.$API.system.task.runOnce.req(task.id).then(res=>{
|
||||
console.log(res)
|
||||
})
|
||||
this.$message.success(`已成功执行计划任务：${task.title}`)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -248,7 +248,7 @@
|
|||
},
|
||||
//编辑
|
||||
formEdit(row,index) {
|
||||
debugger;
|
||||
// debugger;
|
||||
console.log(row);
|
||||
this.limitedVisible = true;
|
||||
if(index==='1'){
|
||||
|
|
@ -339,7 +339,7 @@
|
|||
//树点击事件
|
||||
groupClick(data) {
|
||||
console.log(data);
|
||||
debugger;
|
||||
// debugger;
|
||||
let params = {belong_dept: data.id};
|
||||
this.$refs.table.reload(params);
|
||||
},
|
||||
|
|
@ -349,7 +349,7 @@
|
|||
},
|
||||
//表单提交方法
|
||||
submit(){
|
||||
debugger;
|
||||
// debugger;
|
||||
this.$refs.addForm.validate(async (valid) => {
|
||||
if (valid) {
|
||||
this.isSaveing = true;
|
||||
|
|
|
|||
Loading…
Reference in New Issue