zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

06222

This commit is contained in:
shijing 2022-06-22 16:02:49 +08:00
parent a0c61a83da
commit 1ac0d23016
18 changed files with 1110 additions and 473 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.env.development
View File

@ -5,7 +5,7 @@ NODE_ENV = development
VUE_APP_TITLE = '曲阳金隅安全智能管控平台'
# 接口地址
VUE_APP_API_BASEURL = http://49.232.14.174:2226/api
VUE_APP_API_BASEURL = http://1.203.161.103:2800/api
#VUE_APP_API_BASEURL = http://127.0.0.1:8000/api
# 本地端口

100
src/api/model/system.js
View File

@ -173,12 +173,13 @@ export default {
},
user: {
list: {
url: `${config.API_URL}/system/user`,
url: `${config.API_URL}/system/user/`,
name: "获取用户列表",
req: async function(params){
return await http.get(this.url, params);
}
},
create: {
url: `${config.API_URL}/system/user/`,
name: "新增用户",
@ -200,7 +201,7 @@ export default {
req: async function(id){
return await http.delete(`${config.API_URL}/system/user/${id}/`);
}
},
}
},
post: {
list: {
@ -264,5 +265,98 @@ export default {
}
}
},
task: {
list: {
url: `${config.API_URL}/system/ptask/`,
name: "定时任务列表",
req: async function(data){
return await http.get(this.url, data);
}
},
item: {
name: "定时任务详情",
req: async function(id){
return await http.get( `${config.API_URL}/system/ptask/${id}/`);
}
},
create: {
url: `${config.API_URL}/system/ptask/`,
name: "创建定时任务",
req: async function(data){
return await http.post(this.url,data);
}
},
update: {
name: "更新定时任务",
req: async function(id, data){
return await http.put(
`${config.API_URL}/system/ptask/${id}/`,
data
);
}
},
updateToggle: {
name: "修改启用禁用状态",
req: async function(id, data){
return await http.put(
`${config.API_URL}/system/ptask/${id}/toggle/`,
data
);
}
},
delete: {
name: "删除定时任务",
req: async function(id){
return await http.delete(`${config.API_URL}/system/ptask/${id}/`);
}
},
deletes: {
url: `${config.API_URL}/system/ptask/deletes/`,
name: "批量删除定时任务",
req: async function(data){
return await http.post(this.url,data);
}
},
runOnce: {
name: "执行一次",
req: async function(data){
return await http.post(`${config.API_URL}/system/ptask/${id}/run_once/`,data);
}
},
result: {
url: `${config.API_URL}/system/ptask_result/`,
name: "任务执行结果列表",
req: async function(data){
return await http.get(this.url, data);
}
},
resultItem: {
name: "任务执行结果详情",
req: async function(id){
return await http.get( `${config.API_URL}/system/ptask_result/${id}/`);
}
},
},
userPost:{
list: {
url: `${config.API_URL}/system/user_post/`,
name: "用户/岗位关系",
req: async function(params){
return await http.get(this.url, params);
}
},
create: {
url: `${config.API_URL}/system/user_post/`,
name: "新增用户/岗位关系",
req: async function(data){
return await http.post(this.url,data);
}
},
delete: {
name: "删除用户/岗位关系",
req: async function(id){
return await http.delete(`${config.API_URL}/system/user_post/${id}/`);
}
}
}
}

2
src/api/model/wf.js
View File

@ -172,7 +172,7 @@ export default {
}
}
},
customfield:{
field:{
list: {
url: `${config.API_URL}/wf/customfield/`,
name: "字段列表",

14
src/config/route.js
View File

@ -122,6 +122,16 @@ const routes = [
"icon": "el-icon-menu",
},
"component": "wf/ticket"
},
{
"name": "configuration",
"path": "/wf/configuration",
"meta": {
"title": "工单",
"icon": "el-icon-menu",
"hidden":true
},
"component": "wf/configuration"
},
]
},
@ -359,7 +369,7 @@ const routes = [
},
"component": "ops/log_request"
},
{
/*{
"name": "monitor",
"path": "/ops/monitor",
"meta": {
@ -367,7 +377,7 @@ const routes = [
"icon": "el-icon-fold",
},
"component": "ops/monitor"
},
},*/
]
},
]

211
src/views/hrm/ep_form.vue
View File

@ -93,7 +93,7 @@
<el-col :md="12" :sm="24">
<el-form-item label="性别">
<el-radio-group v-model="form.gender">
<el-radio label="男" size="large" >男</el-radio>
<el-radio label="男" size="large">男</el-radio>
<el-radio label="女" size="large">女</el-radio>
</el-radio-group>
</el-form-item>
@ -110,6 +110,50 @@
</el-col>
</el-row>
</el-form>
<!--drag-sort -->
<sc-form-table v-model="userPostForm.list" :addTemplate="addTemplate" placeholder="暂无数据">
<el-table-column prop="val" label="名称" min-width="150">
<template #default="scope">
<span v-if="scope.row.id">{{scope.row.name}}</span>
<el-input v-else v-model="scope.row.name" placeholder="名称"></el-input>
</template>
</el-table-column>
<el-table-column prop="time" label="部门" min-width="150">
<template #default="scope">
<span v-if="scope.row.id">{{scope.row.dept}}</span>
<el-cascader
v-else
v-model="scope.row.dept"
:options="group"
:props="groupsProps"
:show-all-levels="false"
clearable
style="width: 100%"
@change="handleChange"
></el-cascader>
</template>
</el-table-column>
<el-table-column prop="type" label="岗位" min-width="150">
<template #default="scope">
<span v-if="scope.row.id">{{scope.row.post}}</span>
<el-select v-else v-model="scope.row.post" placeholder="请选择所在岗位">
<el-option v-for="item in postOptions" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select>
</template>
</el-table-column>
<el-table-column prop="val" label="排序" min-width="80">
<template #default="scope">
<span v-if="scope.row.id">{{scope.row.sort}}</span>
<el-input v-else v-model="scope.row.sort" placeholder="请输入内容"></el-input>
</template>
</el-table-column>
<el-table-column prop="open" label="操作" width="80" align="center">
<template #default="scope">
<el-button v-if="scope.row.id" text type="danger" size="small" @click="userPostDel(scope.row.id)">删除</el-button>
<el-button v-else text type="primary" size="small" @click="createUserPost(scope.row)">添加</el-button>
</template>
</el-table-column>
</sc-form-table>
</el-main>
<el-footer v-if="mode!=='show'">
<el-button
@ -147,6 +191,45 @@
emits: ["success", "closed"],
data() {
return {
addTemplate: {
name: '',
sort: '',
user: '',
post: "",
dept: "",
},
userPostForm: {
title: "用户/岗位关系",
list: [
{
id:'1001',
name: "关系1",
sort: "1",
user: "石静",
post: "岗位",
dept: "部门",
},
{
name: '',
sort: '',
user: '',
post: "",
dept: "",
}
]
},
typeDic: [
{
label: "全局",
value: "0"
},
{
label: "局部",
value: "1"
}
],
loading: false,
mode: "add",
titleMap: {
@ -189,20 +272,20 @@
}*/
],
},
addTemplate: {
label: "",
prop: "",
width: "100",
hide: false,
sortable: false,
fixed: false,
filters: [],
addForm: {
name: "",
sort: "",
user: "",
post: "",
dept: [],
},
depts: [],
deptsProps: {
groupsProps: {
value: "id",
checkStrictly: true
multiple: false,
checkStrictly: true,
},
group: [],
postOptions: [],
selectionFilters: [],
filtersAddTemplate: {
text: "",
@ -212,18 +295,65 @@
};
},
mounted() {
this.getPosts();
this.getGroup();
this.getUserPostList();
},
methods: {
getPosts(){
this.$API.system.post.list.req({page:0}).then(res=>{
if(res.err_msg){
this.$message.error(res.err_msg)
}else{
this.postOptions = res;
}
})
},
//加载树数据
async getGroup() {
let res = await this.$API.system.dept.list.req({page: 0});
let postList = res;
this.group = res;
let posts = [];
postList.forEach(item => {
let obj = new Object();
obj.id = item.id;
obj.sort = item.sort;
obj.label = item.name;
obj.type = item.type;
obj.parent = item.parent;
obj.create_time = item.create_time;
posts.push(obj)
});
let obj = posts.reduce((res, v) => (res[v.id] = v , res), {});//Object
let arr = [];
for (let item of posts) {
// debugger;
if (item.parent == null) {
arr.push(item);
continue
}
let parent = obj[item.parent];
parent.children = parent.children ? parent.children : [];
parent.children.push(item);
}
this.group = arr;
},
//显示
open(mode) {
this.mode = mode;
this.visible = true;
return this;
},
closeDrawer(){
closeDrawer() {
this.visible = false;
this.$emit('closed');
},
handleChange(value) {
debugger;
console.log(value);
console.log(this.addForm.parent);
},
//表单提交方法
submit() {
debugger;
@ -232,6 +362,7 @@
if (valid) {
debugger;
this.isSaveing = true;
this.addForm.dept = this.addForm.dept[1];
if (this.mode === 'add') {
debugger;
this.$API.hrm.employee.create.req(this.form)
@ -257,6 +388,17 @@
this.isSaveing = false;
return err
})
this.$API.hrm.employee.update.req(this.form.id, this.form)
.then(res => {
this.isSaveing = false;
this.visible = false;
this.$emit("success", this.form, this.mode);
this.$message.success("操作成功");
return res
}).catch(err => {
this.isSaveing = false;
return err
})
}
}
@ -274,6 +416,49 @@
this.selectionFilters = filters;
this.setFiltersVisible = true;
},
/////
//用户岗位关系列表
getUserPostList(){
this.$API.system.userPost.list.req().then(res=>{
if(res.err_msg){
this.$message.error(res.err_msg)
}else{
this.userPostForm.list=res.results;
}
})
},
//新增用户岗位关系
createUserPost(row){
debugger;
console.log(row);
this.isSaveing = true;
row.dept = row.dept.slice(-1)[0];
row.user = this.form.id;
this.$API.system.userPost.create.req(row).then(res=>{
if(res.err_msg){
this.$message.error(res.err_msg)
}else{
this.userPostForm.list=res.results;
}
})
},
//用户岗位关系删除
userPostDel(id){
this.$confirm(`确定删除该岗位关系吗？`, '提示', {
type: 'warning',
confirmButtonText: '删除',
confirmButtonClass: 'el-button--danger'
}).then(() => {
this.$API.system.userPost.delete.req(id).then(res=>{
if(res.err_msg){
this.$message.error(res.err_msg)
}else{
this.$message.success("操作成功");
}
})
})
},
},
};
</script>

67
src/views/ops/menu.vue
View File

@ -27,13 +27,14 @@
<el-table-column label="排序" prop="sort" min-width="200"></el-table-column>
<el-table-column label="操作" fixed="right" align="center" width="200">
<template #default="scope">
<el-button type="text" size="small" @click="editDept(scope.row, scope.$index)">编辑</el-button>
<el-button text type="primary" size="small" @click="editMenu(scope.row, scope.$index)">编辑</el-button>
<el-divider direction="vertical"></el-divider>
<el-popconfirm title="确定删除吗？" @confirm="delDept(scope.row, scope.$index)">
<el-button text type="danger" size="small" @click="delMenu(scope.row.id)">删除</el-button>
<!--<el-popconfirm title="确定删除吗？" @confirm="delMenu(scope.row, scope.$index)">
<template #reference>
<el-button type="text" size="small">删除</el-button>
</template>
</el-popconfirm>
</el-popconfirm>-->
</template>
</el-table-column>
</scTable>
@ -53,15 +54,6 @@
</el-form-item>
<el-form-item label="标识">
<el-input v-model="codes" clearable style="width: 90%;"></el-input>
<!--<el-button class="formAddButton" type="primary" icon="el-icon-plus" @click="addCodes"></el-button>
<div v-if="codesLimited" style="display: flex">
<el-input v-model="codes" clearable style="width: 50%;flex: 1"></el-input>
<div style="width: 50%;display: inline-block;position: relative;flex: 1">
<el-button class="formSaveButton" type="success" icon="el-icon-check" @click="saveCodes"></el-button>
<el-button class="formDelButton" type="danger" icon="el-icon-close" @click="delCodes"></el-button>
</div>
</div>-->
</el-form-item>
<el-form-item label="父级">
<el-cascader
@ -73,11 +65,9 @@
style="width: 100%"
@change="handleChange"
></el-cascader>
<!--<el-input v-model="addForm.parent" clearable></el-input>-->
</el-form-item>
<el-form-item label="排序">
<el-input-number v-model="addForm.sort" controls-position="right" :min="1"
style="width: 100%;"></el-input-number>
<el-input-number v-model="addForm.sort" controls-position="right" :min="1" style="width: 100%;"></el-input-number>
</el-form-item>
</el-form>
<template #footer>
@ -209,7 +199,7 @@
this.codes = ''
},
//编辑
editDept(row) {
editMenu(row) {
// debugger;
this.type = 'edit';
this.addForm.id = row.id;
@ -243,36 +233,34 @@
return data
},
//删除
delDept(row) {
var id = row.id;
var res = this.$API.system.permDel.delete(id);
if (res.code == 200) {
this.$refs.table.refresh();
this.$message.success("删除成功")
} else {
this.$alert(res.message, "提示", {type: 'error'})
}
delMenu(id) {
this.$confirm(`确定删除吗？`, '提示', {
type: 'warning',
confirmButtonText: '删除',
confirmButtonClass: 'el-button--danger'
}).then(() => {
this.$API.system.permission.delete.req(id).then(res=>{
if(res.err_msg){
this.$message.error(res.err_msg);
this.$refs.table.refresh()
}else{
this.$message.success("操作成功");
}
});
})
},
submitHandle() {
let that = this;
debugger;
console.log(this.addForm.parent);
debugger;
if (this.addForm.parent !== null) {
this.addForm.parent = this.addForm.parent[this.addForm.parent.length - 1];
} else {
this.addForm.parent = ""
}
debugger;
console.log(this.codes);
if(this.codes.indexOf(','>-1)){
this.addForm.codes = this.codes.split(',');
}else{
this.addForm.codes.push(this.codes)
}
debugger;
console.log(this.addForm.codes);
this.$refs.addForm.validate((valid) => {
debugger;
if (valid) {
@ -283,11 +271,15 @@
} else {
res = this.$API.system.permission.update.req(that.addForm.id, that.addForm);
}
this.isSaveing = false;
this.limitedVisible = false;
this.$refs.table.refresh();
console.log(res);
debugger;
if(res.err_msg){
this.$message.error(res.err_msg)
}else{
this.isSaveing = false;
this.limitedVisible = false;
this.$refs.table.refresh();
}
}
})
},
@ -297,7 +289,8 @@
},
//搜索
upsearch() {
let params = {search:this.search.keyword};
this.$refs.table.queryData(params);
},
//本地更新数据
handleSaveSuccess(data, mode) {

2
src/views/setting/role/permission.vue
View File

@ -138,5 +138,5 @@
</script>
<style scoped>
.treeMain {height:280px;overflow: auto;border: 1px solid #dcdfe6;margin-bottom: 10px;}
.treeMain {width: 100%;height:280px;overflow: auto;border: 1px solid #dcdfe6;margin-bottom: 10px;}
</style>

25
src/views/sys/dept.vue
View File

@ -25,7 +25,7 @@
<el-divider direction="vertical"></el-divider>
<el-popconfirm title="确定删除吗？" @confirm="delDept(scope.row, scope.$index)">
<template #reference>
<el-button type="text" size="small">删除</el-button>
<el-button text type="danger" size="small">删除</el-button>
</template>
</el-popconfirm>
</template>
@ -192,20 +192,17 @@
},
//删除
delDept(row){
var id = row.id;
var res = this.$API.system.dept.delete.req(id);
if(res.code == 200){
let id = row.id;
let res = this.$API.system.dept.delete.req(id);
if(res.err_msg){
this.$message.error(res.err_msg)
}else{
this.$refs.table.refresh();
this.$message.success("删除成功")
}else{
this.$alert(res.message, "提示", {type: 'error'})
}
},
submitHandle(){
let that = this;
debugger;
console.log(this.addForm.parent);
debugger;
this.addForm.parent = this.addForm.parent!==null?this.addForm.parent[0]?this.addForm.parent[0]:'':'';
this.$refs.addForm.validate( (valid) => {
debugger;
@ -217,11 +214,15 @@
}else{
res = this.$API.system.dept.update.req(that.addForm.id,that.addForm);
}
this.isSaveing = false;
this.limitedVisible = false;
this.$refs.table.refresh();
console.log(res);
debugger;
if(res.err_msg){
this.$message.error(res.err_msg)
}else{
this.isSaveing = false;
this.limitedVisible = false;
this.$refs.table.refresh();
}
}
})
},

6
src/views/sys/dict.vue
View File

@ -384,11 +384,11 @@
async delDic(row,index){
var delId = row.id;
var res = await this.$API.system.dict.delete.req(delId);
if(res.code == 200){
if(res.err.msg){
this.$message.error(res.err.msg)
}else{
this.$refs.table.tableData.splice(index, 1);
this.$message.success("删除成功")
}else{
this.$alert(res.message, "提示", {type: 'error'})
}
},

68
src/views/sys/post.vue
View File

@ -39,11 +39,22 @@
<scTable ref="table2" :apiObj="apiObj2" row-key="id" stripe :hidePagination="true">
<el-table-column type="selection" width="50"></el-table-column>
<el-table-column label="" type="index"></el-table-column>
<el-table-column label="权限范围" prop="filter_recipient" width="150"></el-table-column>
<el-table-column label="关联岗位" prop="filter_area_level" width="150"></el-table-column>
<el-table-column label="关联角色" prop="can_handle" width="80"></el-table-column>
<el-table-column label="权限范围" prop="data_range" min-width="80">
<template #default="scope">{{options[scope.row.data_range]}}</template>
</el-table-column>
<el-table-column label="关联岗位" prop="post" min-width="80">
<template #default="scope">{{scope.row.post_.name}}</template>
</el-table-column>
<el-table-column label="关联角色" prop="role" min-width="80">
<template #default="scope">{{scope.row.role_.name}}</template>
</el-table-column>
<el-table-column label="创建时间" prop="create_time" min-width="80">
<template #default="scope">{{scope.row.create_time}}</template>
</el-table-column>
<el-table-column label="操作" fixed="right" align="right">
<template #default="scope">
<el-button type="warning" link size="small" @click="postRoleEdit(scope.row)">编辑
</el-button>
<el-button type="warning" link size="small" @click="postRoleDel(scope.row)">删除
</el-button>
</template>
@ -54,7 +65,7 @@
</el-container>
<save-dialog v-if="dialog.save" ref="saveDialog" @success="handleSaveSuccess"
@closed="dialog.save=false"></save-dialog>
<save-role-dialog v-if="dialog.roleSave" ref="saveDialog" @success="handleSaveSuccess"
<save-role-dialog v-if="dialog.roleSave" ref="saveRoleDialog" @success="handleSaveRoleSuccess"
@closed="dialog.roleSave=false"></save-role-dialog>
</template>
@ -77,13 +88,23 @@
roleSave: false,
},
selection: [],
postId:'',
options: {
10: "全部",
20: "自定义",
30: "同级及以下",
40: "本级及以下",
50: "本级",
60: "仅本人"
},
}
},
methods: {
rowClick(row) {
var params = {
event_cate: row.id
let params = {
post: row.id
};
this.postId = row.id;
this.$refs.table2.reload(params)
},
//窗口新增
@ -118,7 +139,7 @@
this.$message.success("操作成功")
},
//本地更新数据
//新增岗位后更新数据
handleSaveSuccess(data, mode) {
//为了减少网络请求，直接变更表格内存数据
if (mode == 'add') {
@ -130,10 +151,20 @@
//当然也可以暴力的直接刷新表格
// this.$refs.table.refresh()
},
//新增岗位关系后更新数据
handleSaveRoleSuccess() {
this.$refs.table2.refresh()
},
addPostRole(){
this.dialog.roleSave = true;
this.$nextTick(() => {
this.$refs.saveDialog.open()
this.$refs.saveRoleDialog.open("add").setData({postId:this.postId})
})
},
postRoleEdit(row){
this.dialog.roleSave = true;
this.$nextTick(() => {
this.$refs.saveRoleDialog.open("edit").setData(row)
})
},
delPostRole(){
@ -142,15 +173,24 @@
closed(){
this.dialog.save = false;
this.dialog.roleSave = false;
this.postId = '';
this.$refs.table2.refresh();
},
postRoleDel(){
this.$confirm(`确定删除选中的岗位关系吗？如果删除项中含有子集将会被一并删除`, '提示', {
postRoleDel(row){
this.$confirm(`确定删除选中的岗位关系吗？`, '提示', {
type: 'warning'
}).then(() => {
const loading = this.$loading();
this.$refs.table.refresh();
loading.close();
this.$message.success("操作成功")
this.$API.system.postrole.delete.req(row.id).then(res=>{
if(res.err_msg){
this.$message.error(res.err_msg)
}else{
const loading = this.$loading();
this.$refs.table2.refresh();
loading.close();
this.$message.success("操作成功")
}
})
}).catch(() => {
})

15
src/views/sys/post_role_form.vue
View File

@ -117,10 +117,20 @@ export default {
methods: {
//显示
open(mode = "add"){
debugger;
this.mode = mode;
this.visible = true;
return this;
},
//表单注入数据
setData(data) {
debugger;
if(data.postId){
this.form.post=data.postId;
}else{
Object.assign(this.form, data);
}
},
//表单提交方法
async submit() {
var valid = await this.$refs.form.validate().catch(() => {});
@ -146,10 +156,7 @@ export default {
return err;
}
},
//表单注入数据
setData(data) {
Object.assign(this.form, data);
},
getPosts(){
this.$API.system.post.list.req({page:0}).then(res=>{
if(res.err_msg){

25
src/views/sys/role.vue
View File

@ -126,7 +126,7 @@
},
//加载树数据
async getGroup() {
var res = await this.$API.system.dept.list.req({page: 0});
let res = await this.$API.system.permission.list.req({page: 0});
let postList = res;
let posts = [];
postList.forEach(item => {
@ -169,25 +169,28 @@
console.log(this.menu.list);
},*/
submitHandle(){
debugger;
let that = this;
debugger;
this.addForm.perms = this.menu.checked;
this.$refs.addForm.validate( (valid) => {
debugger;
if (valid) {
this.isSaveing = true;
var res;
let res;
if(this.type==='add'){
res = this.$API.system.role.create.req(that.addForm);
}else{
res = this.$API.system.role.update.req(that.addForm.id,that.addForm);
}
this.isSaveing = false;
this.limitedVisible = false;
this.$refs.table.refresh();
console.log(res);
debugger;
if(res.err_msg){
this.$message.error(res.err_msg);
}else{
this.isSaveing = false;
this.limitedVisible = false;
this.$refs.table.refresh();
}
}
})
},
@ -195,11 +198,13 @@
//编辑角色
roleEdit(row){
this.type='edit';
this.limitedVisible = true;
this.menu.checked = '[]';
this.addForm.id=row.id;
this.addForm.name=row.name;
this.addForm.code=row.code;
this.menu.checked = row.perms;
this.addForm.description=row.description;
this.limitedVisible = true;
},
//删除角色
@ -250,5 +255,5 @@
}
</script>
<style scoped>
.treeMain {height:280px;overflow: auto;border: 1px solid #dcdfe6;margin-bottom: 10px;}
.treeMain {width: 100%;height:280px;overflow: auto;border: 1px solid #dcdfe6;margin-bottom: 10px;}
</style>

220
src/views/sys/task.vue
View File

@ -0,0 +1,220 @@
<template>
<el-main>
<el-row :gutter="15">
<el-col :xl="6" :lg="6" :md="8" :sm="12" :xs="24" v-for="item in list" :key="item.id">
<el-card class="task task-item" shadow="hover">
<h2>{{item.title}}</h2>
<ul>
<li>
<h4>执行类</h4>
<p>{{item.handler}}</p>
</li>
<li>
<h4>定时规则</h4>
<p>{{item.cron}}</p>
</li>
</ul>
<div class="bottom">
<div class="state">
<el-tag v-if="item.state=='1'" size="mini">准备就绪</el-tag>
<el-tag v-if="item.state=='-1'" size="mini" type="info">停用</el-tag>
</div>
<div class="handler">
<el-popconfirm title="确定立即执行吗？" @confirm="run(item)">
<template #reference>
<el-button type="primary" icon="el-icon-caret-right" size="mini" circle></el-button>
</template>
</el-popconfirm>
<el-dropdown trigger="click">
<el-button type="primary" icon="el-icon-more" size="mini" circle plain></el-button>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item @click="editTask(item)">编辑</el-dropdown-item>
<el-dropdown-item @click="logs(item)">日志</el-dropdown-item>
<el-dropdown-item @click="delTask(item)" divided>删除</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
</div>
</div>
</el-card>
</el-col>
<el-col :xl="6" :lg="6" :md="8" :sm="12" :xs="24">
<el-card class="task task-add" shadow="none" @click="addTask">
<i class="el-icon-plus"></i>
<p>添加计划任务</p>
</el-card>
</el-col>
</el-row>
</el-main>
<el-dialog :title="titleMap[mode]" v-model="visible" destroy-on-close>
<el-form :model="form" :rules="rules" ref="addForm" label-width="100px" label-position="left">
<el-form-item label="任务标题" prop="name">
<el-input v-model="form.name" placeholder="计划任务标题" clearable></el-input>
</el-form-item>
<el-form-item label="执行任务" prop="task">
<el-input v-model="form.task" placeholder="执行任务" clearable></el-input>
</el-form-item>
<el-form-item label="定时间隔">
<el-input v-model="form.interval" placeholder="请输入定时间隔" clearable></el-input>
</el-form-item>
<el-form-item label="定时命令">
<el-input v-model="form.crontab" placeholder="请输入定时命令" clearable></el-input>
</el-form-item>
<el-form-item label="定时规则">
<el-input v-model="form.args" placeholder="请输入Cron定时规则" clearable></el-input>
</el-form-item>
<el-form-item label="定时规则">
<el-input v-model="form.kwargs" placeholder="请输入Cron定时规则" clearable></el-input>
</el-form-item>
<!--<el-form-item label="是否启用">
<el-switch v-model="form.used" active-value="1" inactive-value="-1"></el-switch>
</el-form-item>-->
</el-form>
<template #footer>
<el-button @click="visible=false" >取 消</el-button>
<el-button type="primary" :loading="isSaving" @click="submit()">保 存</el-button>
</template>
</el-dialog>
<el-drawer title="计划任务日志" v-model="logsVisible" :size="600" direction="rtl" destroy-on-close>
<logs></logs>
</el-drawer>
</template>
<script>
import logs from './taskLogs'
export default {
name: 'task',
components: {
logs
},
data() {
return {
list: [
{
id: "1",
title: "清理服务器缓存",
handler: "cleanUpCacheHandler",
cron: "59 59 23 * * ? *",
state: "1"
}
],
mode: "add",
editId:null,
titleMap: {
add: '新增计划任务',
edit: '编辑计划任务'
},
form: {
name: "",
task: "",
interval: "",
crontab: "",
args: "",
kwargs: "",
},
rules: {
name:[
{required: true, message: '请填写任务名称'}
],
task:[
{required: true, message: '请填写任务内容'}
]
},
visible: false,
isSaving: false,
logsVisible: false,
}
},
mounted() {
this.getList();
},
methods: {
getList(){
this.$API.system.task.list.req().then(res=>{
if(res.err_msg){
this.message.error(res.err_msg)
}else{
debugger;
this.list.concat(res.results)
}
})
},
addTask(){
this.visible = true;
this.mode = 'add';
},
editTask(item){
this.visible = true;
this.mode = 'edit';
this.editId = item.id;
Object.assign(this.form, item);
},
//表单提交方法
submit(){
this.$refs.addForm.validate((valid) => {
if (valid) {
this.isSaveing = true;
let res = null;
if(this.mode==='add'){
res = this.$API.system.task.create.req(this.form);
}else{
res = this.$API.system.task.update.req(this.editId,this.form);
}
if(res.err_msg){
this.message.error(res.err_msg)
}else{
this.getList();
this.isSaveing = false;
this.visible = false;
this.$message.success("操作成功");
}
}
})
},
delTask(task){
this.$confirm(`确认删除 ${task.title} 计划任务吗？`,'提示', {
type: 'warning',
confirmButtonText: '删除',
confirmButtonClass: 'el-button--danger'
}).then(() => {
this.$API.system.task.delete.req(task.id).then(res=>{
if(res.err_msg){
this.message.error(res.err_msg)
}else{
this.list.splice(this.list.findIndex(item => item.id === task.id), 1);
this.getList();
this.$message.success("操作成功");
}
})
}).catch(() => {
//取消
})
},
logs(){
this.logsVisible = true
},
run(task){
this.$API.system.task.runOnce.req(task.id).then(res=>{
})
this.$message.success(`已成功执行计划任务：${task.title}`)
}
}
}
</script>
<style scoped>
.task {height: 210px;}
.task-item h2 {font-size: 15px;color: #3c4a54;padding-bottom:15px;}
.task-item li {list-style-type:none;margin-bottom: 10px;}
.task-item li h4 {font-size: 12px;font-weight: normal;color: #999;}
.task-item li p {margin-top: 5px;}
.task-item .bottom {border-top: 1px solid #EBEEF5;text-align: right;padding-top:10px;display: flex;justify-content: space-between;align-items: center;}
.task-add {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;cursor: pointer;color: #999;}
.task-add:hover {color: #409EFF;}
.task-add i {font-size: 30px;}
.task-add p {font-size: 12px;margin-top: 20px;}
</style>

99
src/views/sys/taskLogs.vue Normal file
View File

@ -0,0 +1,99 @@
<template>
<el-container>
<el-main style="padding:0 20px;">
<scTable ref="table" :data="data" stripe>
<el-table-column label="执行时间" prop="time" width="200"></el-table-column>
<el-table-column label="执行结果" prop="state" width="100">
<template #default="scope">
<span v-if="scope.row.state==200" style="color: #67C23A;"><i class="el-icon-success"></i> 成功</span>
<span v-else style="color: #F56C6C;"><i class="el-icon-error"></i> 异常</span>
</template>
</el-table-column>
<el-table-column label="执行日志" prop="logs" width="100" fixed="right">
<template #default="scope">
<el-button size="mini" @click="show(scope.row)" type="text">日志</el-button>
</template>
</el-table-column>
</scTable>
</el-main>
</el-container>
<el-drawer title="日志" v-model="logsVisible" :size="500" direction="rtl" destroy-on-close>
<el-main style="padding:0 20px 20px 20px;">
<pre style="font-size: 12px;color: #999;padding:20px;background: #333;font-family: consolas;line-height: 1.5;overflow: auto;">{{demoLog}}</pre>
</el-main>
</el-drawer>
</template>
<script>
export default {
data() {
return {
logsVisible: false,
demoLog: `2021-07-07 12:35:00 [com.xxl.job.core.thread.JobThread#run]-[124]-[Thread-308]
----------- xxl-job job execute start -----------
----------- Param:
2021-07-07 12:35:00 [com.heronshn.reservation.jobhandler.AqshMasterDataSendHandler#execute]-[31]-[Thread-308] aqshMasterDataSendHandler start
2021-07-07 12:35:00 [com.heronshn.reservation.data.service.impl.AqshVehicleServiceImpl#send]-[42]-[Thread-308] send 45
2021-07-07 12:35:00 [com.heronshn.reservation.data.service.impl.AqshVehicleServiceImpl#send]-[45]-[Thread-308] webapi http://127.0.0.1:48080
2021-07-07 12:35:00 [com.heronshn.reservation.jobhandler.AqshMasterDataSendHandler#execute]-[33]-[Thread-308] aqshMasterDataSendHandler vehicle end
2021-07-07 12:35:00 [com.heronshn.reservation.jobhandler.AqshMasterDataSendHandler#execute]-[35]-[Thread-308] aqshMasterDataSendHandler stop
2021-07-07 12:35:00 [com.xxl.job.core.thread.JobThread#run]-[158]-[Thread-308]
----------- xxl-job job execute end(finish) -----------
----------- ReturnT:ReturnT [code=200, msg=null, content=null]
2021-07-07 12:35:00 [com.xxl.job.core.thread.TriggerCallbackThread#callbackLog]-[176]-[Thread-10]
----------- xxl-job job callback finish.
[Load Log Finish]`,
data: [
{
time: "2021-07-07 00:00:00",
state: "500",
logs: ""
},
{
time: "2021-07-06 00:00:00",
state: "200",
logs: ""
},
{
time: "2021-07-05 00:00:00",
state: "200",
logs: ""
},
{
time: "2021-07-04 00:00:00",
state: "200",
logs: ""
},
{
time: "2021-07-03 00:00:00",
state: "200",
logs: ""
},
{
time: "2021-07-02 00:00:00",
state: "200",
logs: ""
},
{
time: "2021-07-01 00:00:00",
state: "200",
logs: ""
}
]
}
},
mounted() {
},
methods: {
show(){
this.logsVisible = true;
}
}
}
</script>
<style>
</style>

49
src/views/sys/user.vue
View File

@ -39,12 +39,6 @@
:disabled="selection.length == 0"
@click="batch_del"
></el-button>
<!--<el-button
type="primary"
plain
:disabled="selection.length == 0"
>分配角色
</el-button>-->
<el-button
type="primary"
plain
@ -84,22 +78,6 @@
label="ID"
prop="id"
></el-table-column>
<!--<el-table-column
label="头像"
width="80"
column-key="filterAvatar"
:filters="[
{ text: '已上传', value: '1' },
{ text: '未上传', value: '0' },
]"
>
<template #default="scope">
<el-avatar
:src="getImgUrl(scope.row.avatar)"
size="small"
></el-avatar>
</template>
</el-table-column>-->
<el-table-column
label="姓名"
prop="name"
@ -134,7 +112,7 @@
@confirm="table_del(scope.row, scope.$index)"
>
<template #reference>
<el-button type="text" size="small">
<el-button text type="danger" size="small">
删除
</el-button>
</template>
@ -178,16 +156,6 @@
clearable
></el-input>
</el-form-item>
<!--<el-form-item label="所属部门">
<el-cascader
v-model="addForm.belong_dept"
:options="group"
:props="groupsProps"
:show-all-levels="false"
clearable
style="width: 100%"
></el-cascader>
</el-form-item>-->
<el-form-item label="是否在用">
<el-switch v-model="addForm.is_active" />
</el-form-item>
@ -321,8 +289,8 @@
//删除
async table_del(row) {
let res = await this.$API.system.user.delete.req(row.id);
if (res.err.msg) {
this.$alert(res.message, "提示", {type: "error"});
if (res.err_msg) {
this.$message.error(res.err_msg);
} else {
this.$refs.table.refresh();
this.$message.success("删除成功");
@ -384,9 +352,7 @@
debugger;
this.$refs.addForm.validate(async (valid) => {
if (valid) {
debugger;
this.isSaveing = true;
// this.addForm.belong_dept = this.addForm.belong_dept[this.addForm.belong_dept.length - 1];
let res;
if(this.type==='add'){
res = await this.$API.system.user.create.req(this.addForm);
@ -394,12 +360,11 @@
res = await this.$API.system.user.update.req(this.addForm.id,this.addForm);
}
this.isSaveing = false;
if(res.code == 200){
this.visible = false;
this.$message.success("操作成功")
if(res.err_msg){
this.$message(res.err_msg);
}else{
this.visible = false;
this.$alert(res.message, "提示", {type: 'error'});
this.limitedVisible = false;
this.$message.success("操作成功")
}
}else{
return false;

279
src/views/wf/field.vue
View File

@ -1,120 +1,129 @@
<template>
<el-main class="nopadding">
<el-button type="primary" icon="el-icon-plus" @click="handleAdd"></el-button>
<el-table ref="table" :data="list" row-key="id" stripe>
<el-table-column type="index" width="50"/>
<el-table-column label="字段标识" prop="field_key"></el-table-column>
<el-table-column label="字段名称" prop="field_name"></el-table-column>
<el-table-column label="字段类型" prop="field_type"></el-table-column>
<el-table-column label="顺序ID" prop="sort"></el-table-column>
<el-table-column label="字段描述" prop="description"></el-table-column>
<el-table-column label="创建时间" prop="create_time"></el-table-column>
<el-table-column label="操作" fixed="right" align="right" width="120">
<template #default="scope">
<el-button type="text" size="small" @click="handleEdit(scope.row)">编辑</el-button>
<el-popconfirm title="确定删除吗？">
<template #reference>
<el-button type="text" size="small">删除</el-button>
</template>
</el-popconfirm>
</template>
</el-table-column>
</el-table>
<el-dialog
v-model="dialogVisible"
:title="titleMap[type]">
<el-form
ref="Form"
:model="addForm"
label-width="80px"
label-position="right"
:rules="rule">
<el-form-item label="字段标识" prop="field_key">
<el-input v-model="addForm.field_key" placeholder="字段标识"/>
</el-form-item>
<el-form-item label="字段名称" prop="field_name">
<el-input v-model="addForm.field_name" placeholder="字段名称"/>
</el-form-item>
<el-form-item label="字段描述" prop="description">
<el-input v-model="addForm.description" placeholder="字段描述"/>
</el-form-item>
<el-form-item label="占位符" prop="placeholder">
<el-input v-model="addForm.placeholder" placeholder="占位符"/>
</el-form-item>
<el-form-item label="展示标签" prop="field_type">
<el-select style="width: 100%" v-model="addForm.field_type" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="字段标签" v-show="addForm.field_type=='select'||addForm.field_type=='selects'">
<el-input v-model="addForm.label" placeholder="选项类型"/>
</el-form-item>
<el-form-item label="选项" v-show="addForm.field_type=='select'||addForm.field_type=='selects'">
<el-button @click.prevent="addDomain" style="border: none;">
<i class="el-icon-circle-plus-outline"></i>
<span style="font-size:14px;">添加</span>
</el-button>
<el-row v-for="(domain, $index) in choiceOption" :key='$index+1' style="margin-bottom: 10px">
<el-col :span="10">
<template>
<el-form-item label="id：">
<el-input type="number" v-model="domain.id" auto-complete="off" placeholder="id为整数"></el-input>
</el-form-item>
</template>
</el-col>
<el-col :span="10">
<template>
<el-form-item label="name：">
<el-input v-model="domain.name" auto-complete="off"></el-input>
</el-form-item>
</template>
</el-col>
<el-col :span="3" style="text-align: center" v-if="$index!==0">
<i
class="el-icon-remove-outline"
style="color: red;font-size: 16px;"
@click.prevent="removeDomain($index,'1')"
></i>
</el-col>
</el-row>
</el-form-item>
<el-form-item label="顺序ID">
<el-input v-model="addForm.sort" type="number" placeholder="顺序"/>
</el-form-item>
<el-form-item label="默认值">
<el-input v-model="addForm.default_value" placeholder="默认值"/>
</el-form-item>
<el-form-item label="模板">
<el-input v-model="addForm.field_template" placeholder="你有一个待办工单:{title}"/>
</el-form-item>
<el-form-item label="是否隐藏">
<el-radio-group v-model="addForm.is_hidden">
<el-radio :label="false">显示</el-radio>
<el-radio :label="true">隐藏</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
<div style="text-align: right">
<el-button type="danger" @click="dialogVisible = false">取消</el-button>
<el-button type="primary" @click="submitHandle('Form')">确认</el-button>
<el-container>
<el-header>
<div class="left-panel">
<el-button type="primary" icon="el-icon-plus" @click="handleAdd"></el-button>
</div>
</el-dialog>
</el-main>
</el-header>
<el-main class="nopadding">
<scTable ref="table" :apiObj="apiObj" row-key="id" stripe highlightCurrentRow>
<el-table-column type="index" width="50"/>
<el-table-column label="字段标识" prop="field_key"></el-table-column>
<el-table-column label="字段名称" prop="field_name"></el-table-column>
<el-table-column label="字段类型" prop="field_type"></el-table-column>
<el-table-column label="顺序ID" prop="sort"></el-table-column>
<el-table-column label="字段描述" prop="description"></el-table-column>
<el-table-column label="创建时间" prop="create_time"></el-table-column>
<el-table-column label="操作" fixed="right" align="right" width="120">
<template #default="scope">
<el-button type="text" size="small" @click="handleEdit(scope.row)">编辑</el-button>
<el-popconfirm title="确定删除吗？">
<template #reference>
<el-button type="text" size="small">删除</el-button>
</template>
</el-popconfirm>
</template>
</el-table-column>
</scTable>
<el-dialog
v-model="dialogVisible"
:title="titleMap[type]">
<el-form
ref="Form"
:model="addForm"
label-width="80px"
label-position="right"
:rules="rule">
<el-form-item label="字段标识" prop="field_key">
<el-input v-model="addForm.field_key" placeholder="字段标识"/>
</el-form-item>
<el-form-item label="字段名称" prop="field_name">
<el-input v-model="addForm.field_name" placeholder="字段名称"/>
</el-form-item>
<el-form-item label="字段描述" prop="description">
<el-input v-model="addForm.description" placeholder="字段描述"/>
</el-form-item>
<el-form-item label="占位符" prop="placeholder">
<el-input v-model="addForm.placeholder" placeholder="占位符"/>
</el-form-item>
<el-form-item label="展示标签" prop="field_type">
<el-select style="width: 100%" v-model="addForm.field_type" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="字段标签" v-show="addForm.field_type=='select'||addForm.field_type=='selects'">
<el-input v-model="addForm.label" placeholder="选项类型"/>
</el-form-item>
<el-form-item label="选项" v-show="addForm.field_type=='select'||addForm.field_type=='selects'">
<el-button @click.prevent="addDomain" style="border: none;">
<i class="el-icon-circle-plus-outline"></i>
<span style="font-size:14px;">添加</span>
</el-button>
<el-row v-for="(domain, $index) in choiceOption" :key='$index+1' style="margin-bottom: 10px">
<el-col :span="10">
<template>
<el-form-item label="id：">
<el-input type="number" v-model="domain.id" auto-complete="off"
placeholder="id为整数"></el-input>
</el-form-item>
</template>
</el-col>
<el-col :span="10">
<template>
<el-form-item label="name：">
<el-input v-model="domain.name" auto-complete="off"></el-input>
</el-form-item>
</template>
</el-col>
<el-col :span="3" style="text-align: center" v-if="$index!==0">
<i
class="el-icon-remove-outline"
style="color: red;font-size: 16px;"
@click.prevent="removeDomain($index,'1')"
></i>
</el-col>
</el-row>
</el-form-item>
<el-form-item label="顺序ID">
<el-input v-model="addForm.sort" type="number" placeholder="顺序"/>
</el-form-item>
<el-form-item label="默认值">
<el-input v-model="addForm.default_value" placeholder="默认值"/>
</el-form-item>
<el-form-item label="模板">
<el-input v-model="addForm.field_template" placeholder="你有一个待办工单:{title}"/>
</el-form-item>
<el-form-item label="是否隐藏">
<el-radio-group v-model="addForm.is_hidden">
<el-radio :label="false">显示</el-radio>
<el-radio :label="true">隐藏</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
<div style="text-align: right">
<el-button type="danger" @click="dialogVisible = false">取消</el-button>
<el-button type="primary" @click="submitHandle('Form')">确认</el-button>
</div>
</el-dialog>
</el-main>
</el-container>
</template>
<script>
export default {
name: "field",
data(){
return{
id:sessionStorage.getItem('jinYuWorkflowId'),
list:null,
export default {
name: "field",
data() {
return {
apiObj: this.$API.wf.field.list,
id: sessionStorage.getItem('jinYuWorkflowId'),
list: null,
type: "add",
titleMap: {
add: '新增',
@ -132,7 +141,7 @@
default_value: '',
field_template: '',
field_choice: [],
is_hidden:false,
is_hidden: false,
},
//验证规则
rules: {
@ -140,14 +149,14 @@
{required: true, message: '请输入工作流名称'}
]
},
choiceOption:[{id:null,name:""}],
labels:[{
choiceOption: [{id: null, name: ""}],
labels: [{
label: '常规',
value: 'name'
},{
}, {
label: '名称|id',
value: 'name|id'
},{
}, {
label: '人员选择',
value: 'user'
}],
@ -175,15 +184,15 @@
}, {
value: 'textarea',
label: '文本域'
},{
}, {
value: 'file',
label: '附件'
}],
editId:null,
dialogVisible:false,
editId: null,
dialogVisible: false,
}
},
mounted(){
mounted() {
this.list = [
{
id: "5001",
@ -208,26 +217,26 @@
];
this.getList();
},
methods:{
methods: {
//添加字段选项
addDomain() {
this.choiceOption.push({id:null,name:""})
this.choiceOption.push({id: null, name: ""})
},
//删除字段选项
removeDomain(index) {
this.choiceOption.splice(index, 1)
},
handleAdd(){
handleAdd() {
this.type = 'add';
this.dialogVisible = true;
},
submitHandle() {
let that = this,choiceArr = [];
let that = this, choiceArr = [];
debugger;
this.$refs.Form.validate((valid) => {
if (valid) {
if(that.choiceOption[0]&&that.choiceOption[0].name!==''&&that.choiceOption[0].name!==null&&that.choiceOption[0].name!==undefined){
that.choiceOption.forEach((item)=>{
if (that.choiceOption[0] && that.choiceOption[0].name !== '' && that.choiceOption[0].name !== null && that.choiceOption[0].name !== undefined) {
that.choiceOption.forEach((item) => {
let obj = new Object();
obj.id = parseInt(item.id);
obj.name = item.name;
@ -244,9 +253,9 @@
} else {
res = that.$API.wf.customfield.update.req(that.editId, that.addForm);
}
if(res.err_msg){
if (res.err_msg) {
this.$message.error(res.err_msg)
}else{
} else {
that.isSaveing = false;
that.limitedVisible = false;
that.$refs.table.refresh();
@ -255,19 +264,19 @@
}
})
},
handleEdit(row){
handleEdit(row) {
this.type = 'edit';
this.editId = row.id;
this.dialogVisible = true;
this.addForm = Object.assign({}, row);
},
async getList(){
let res = await this.$API.wf.getCustomfields.get(this.id);
console.log(res);
this.list = res;
async getList() {
let res = await this.$API.wf.getCustomfields.get(this.id);
console.log(res);
this.list = res;
},
},
}
}
</script>
<style scoped>

397
src/views/wf/state.vue
View File

@ -1,186 +1,194 @@
<template>
<el-main class="nopadding">
<el-button type="primary" icon="el-icon-plus" @click="handleAdd"></el-button>
<el-table ref="table" :data="list" row-key="id" stripe>
<el-table-column type="index" width="50"/>
<el-table-column label="名称" prop="name"></el-table-column>
<el-table-column label="是否隐藏">
<template #default="scope">
<span v-if="scope.row.is_hidde">是</span>
<span v-else>否</span>
</template>
</el-table-column>
<el-table-column label="顺序ID" prop="sort"></el-table-column>
<el-table-column label="类型">
<template #default="scope">
<el-tag effect="plain" v-if="scope.row.type==0">
普通类型
</el-tag>
<el-tag effect="plain" v-if="scope.row.type==1">
初始状态
</el-tag>
<el-tag effect="plain" v-if="scope.row.type==2">
结束状态
</el-tag>
</template>
</el-table-column>
<el-table-column label="参与人类型">
<template #default="scope">{{ options_[scope.row.participant_type] }}</template>
</el-table-column>
<el-table-column label="创建时间" prop="create_time"></el-table-column>
<el-table-column label="操作" fixed="right" align="right" width="120">
<template #default="scope">
<el-button type="text" size="small" @click="handleEdit(scope.row)">编辑</el-button>
<el-popconfirm title="确定删除吗？">
<template #reference>
<el-button type="text" size="small">删除</el-button>
</template>
</el-popconfirm>
</template>
</el-table-column>
</el-table>
<el-dialog
v-model="dialogVisible"
:title="titleMap[type]"
>
<el-form
ref="Form"
:model="addForm"
label-width="100px"
label-position="right"
:rules="rule"
>
<el-form-item label="名称" prop="name">
<el-input v-model="addForm.name" placeholder="名称"/>
</el-form-item>
<el-form-item
label="是否隐藏"
prop="is_hidden"
label-width="120px"
>
<el-switch v-model="addForm.is_hidden"></el-switch>
</el-form-item>
<el-form-item label="状态顺序" prop="sort">
<el-input v-model="addForm.sort" type="number" placeholder="状态顺序"/>
</el-form-item>
<el-form-item label="状态类型" prop="type">
<el-select style="width: 100%" v-model="addForm.type" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item
label="允许撤回"
prop="enable_retreat"
label-width="120px"
>
<el-switch v-model="addForm.enable_retreat"></el-switch>
</el-form-item>
<el-form-item label="参与者类型" prop="participant_type">
<el-select style="width: 100%" v-model="addForm.participant_type" placeholder="请选择" @change="typeChange">
<el-option
v-for="item in typeoptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="参与者" prop="participant" v-if="addForm.participant_type==1">
<el-select style="width: 100%" v-model="participant" placeholder="请选择参与者">
<el-option v-for="item in staffs" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="参与者" prop="participant" v-if="addForm.participant_type==2">
<el-select style="width: 100%" v-model="participants" multiple placeholder="请选择参与者">
<el-option v-for="item in staffs" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="参与者" prop="participant" v-if="addForm.participant_type==7">
<el-select style="width: 100%" v-model="participant" placeholder="请选择字段">
<el-option v-for="item in fieldList" :key="item.id" :label="item.field_name"
:value="item.field_key">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="分配方式" prop="participant" v-if="addForm.participant_type==2">
<el-select style="width: 100%" v-model="addForm.distribute_type" placeholder="请选择分配方式">
<el-option label="主动接单" value="1"></el-option>
<el-option label="直接处理" value="2"></el-option>
<el-option label="随机分配" value="3"></el-option>
<el-option label="全部处理" value="4"></el-option>
</el-select>
</el-form-item>
<el-form-item label="角色" prop="participant" v-if="addForm.participant_type==4">
<el-select style="width: 100%" v-model="participants" multiple placeholder="请选择角色">
<el-option v-for="item in roles" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="过滤策略" prop="participant" v-if="addForm.participant_type==4">
<el-select style="width: 100%" v-model="addForm.filter_policy" placeholder="请选择过滤策略">
<el-option label="无" value="0"></el-option>
<el-option label="和工单同属以及上级部门" value="1"></el-option>
<el-option label="和创建人同属以及上级部门" value="2"></el-option>
<el-option label="和上步处理人同属以及上级部门" value="3"></el-option>
</el-select>
</el-form-item>
<el-form-item label="代码选择" prop="participant" v-if="addForm.participant_type==9">
<el-select style="width: 100%" v-model="participants" placeholder="请选择代码">
<el-option v-for="item in codes" :key="item.func" :label="item.name" :value="item.func">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="抄送给" prop="participant">
<el-select style="width: 100%" v-model="addForm.participant_cc" multiple placeholder="请选择抄送给谁">
<el-option v-for="item in staffs" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="字段状态">
<el-button @click="addWordStateChange">添加修改</el-button>
<el-row v-for="(item,$index) in stateChange" :key="item+$index" style="margin-top: 2px">
<el-col :span="11">
<el-select style="width: 100%" v-model="item.name" placeholder="请选择字段">
<el-option v-for="item in fieldList" :key="item.id" :label="item.field_name"
:value="item.field_key">
</el-option>
</el-select>
</el-col>
<el-col :span="1" style="height: 1px;"></el-col>
<el-col :span="8">
<el-select style="width: 100%" v-model="item.value" placeholder="请选择状态">
<el-option
v-for="item in state_fields"
:label="item.label"
:value="item.value"
:key="item.value"
></el-option>
</el-select>
</el-col>
<el-col :span="2" style="text-align: center" v-if="$index!==0">
<i
class="el-icon-remove-outline"
style="color: red;font-size: 16px;"
@click.prevent="removeStateChange($index)"
></i>
</el-col>
</el-row>
</el-form-item>
</el-form>
<div style="text-align: right">
<el-button type="danger" @click="dialogVisible = false">取消</el-button>
<el-button type="primary" @click="submitHandle('Form')">确认</el-button>
<el-container>
<el-header>
<div class="left-panel">
<el-button type="primary" icon="el-icon-plus" @click="handleAdd"></el-button>
</div>
</el-dialog>
</el-main>
</el-header>
<el-main class="nopadding">
<el-table ref="table" :apiObj="apiObj" row-key="id" stripe highlightCurrentRow>
<el-table-column type="index" width="50"/>
<el-table-column label="名称" prop="name"></el-table-column>
<el-table-column label="是否隐藏">
<template #default="scope">
<span v-if="scope.row.is_hidde">是</span>
<span v-else>否</span>
</template>
</el-table-column>
<el-table-column label="顺序ID" prop="sort"></el-table-column>
<el-table-column label="类型">
<template #default="scope">
<el-tag effect="plain" v-if="scope.row.type==0">
普通类型
</el-tag>
<el-tag effect="plain" v-if="scope.row.type==1">
初始状态
</el-tag>
<el-tag effect="plain" v-if="scope.row.type==2">
结束状态
</el-tag>
</template>
</el-table-column>
<el-table-column label="参与人类型">
<template #default="scope">{{ options_[scope.row.participant_type] }}</template>
</el-table-column>
<el-table-column label="创建时间" prop="create_time"></el-table-column>
<el-table-column label="操作" fixed="right" align="right" width="120">
<template #default="scope">
<el-button type="text" size="small" @click="handleEdit(scope.row)">编辑</el-button>
<el-popconfirm title="确定删除吗？">
<template #reference>
<el-button type="text" size="small">删除</el-button>
</template>
</el-popconfirm>
</template>
</el-table-column>
</el-table>
<el-dialog
v-model="dialogVisible"
:title="titleMap[type]"
>
<el-form
ref="Form"
:model="addForm"
label-width="100px"
label-position="right"
:rules="rule"
>
<el-form-item label="名称" prop="name">
<el-input v-model="addForm.name" placeholder="名称"/>
</el-form-item>
<el-form-item
label="是否隐藏"
prop="is_hidden"
label-width="120px"
>
<el-switch v-model="addForm.is_hidden"></el-switch>
</el-form-item>
<el-form-item label="状态顺序" prop="sort">
<el-input v-model="addForm.sort" type="number" placeholder="状态顺序"/>
</el-form-item>
<el-form-item label="状态类型" prop="type">
<el-select style="width: 100%" v-model="addForm.type" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item
label="允许撤回"
prop="enable_retreat"
label-width="120px"
>
<el-switch v-model="addForm.enable_retreat"></el-switch>
</el-form-item>
<el-form-item label="参与者类型" prop="participant_type">
<el-select style="width: 100%" v-model="addForm.participant_type" placeholder="请选择"
@change="typeChange">
<el-option
v-for="item in typeoptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="参与者" prop="participant" v-if="addForm.participant_type==1">
<el-select style="width: 100%" v-model="participant" placeholder="请选择参与者">
<el-option v-for="item in staffs" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="参与者" prop="participant" v-if="addForm.participant_type==2">
<el-select style="width: 100%" v-model="participants" multiple placeholder="请选择参与者">
<el-option v-for="item in staffs" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="参与者" prop="participant" v-if="addForm.participant_type==7">
<el-select style="width: 100%" v-model="participant" placeholder="请选择字段">
<el-option v-for="item in fieldList" :key="item.id" :label="item.field_name"
:value="item.field_key">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="分配方式" prop="participant" v-if="addForm.participant_type==2">
<el-select style="width: 100%" v-model="addForm.distribute_type" placeholder="请选择分配方式">
<el-option label="主动接单" value="1"></el-option>
<el-option label="直接处理" value="2"></el-option>
<el-option label="随机分配" value="3"></el-option>
<el-option label="全部处理" value="4"></el-option>
</el-select>
</el-form-item>
<el-form-item label="角色" prop="participant" v-if="addForm.participant_type==4">
<el-select style="width: 100%" v-model="participants" multiple placeholder="请选择角色">
<el-option v-for="item in roles" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="过滤策略" prop="participant" v-if="addForm.participant_type==4">
<el-select style="width: 100%" v-model="addForm.filter_policy" placeholder="请选择过滤策略">
<el-option label="无" value="0"></el-option>
<el-option label="和工单同属以及上级部门" value="1"></el-option>
<el-option label="和创建人同属以及上级部门" value="2"></el-option>
<el-option label="和上步处理人同属以及上级部门" value="3"></el-option>
</el-select>
</el-form-item>
<el-form-item label="代码选择" prop="participant" v-if="addForm.participant_type==9">
<el-select style="width: 100%" v-model="participants" placeholder="请选择代码">
<el-option v-for="item in codes" :key="item.func" :label="item.name" :value="item.func">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="抄送给" prop="participant">
<el-select style="width: 100%" v-model="addForm.participant_cc" multiple placeholder="请选择抄送给谁">
<el-option v-for="item in staffs" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="字段状态">
<el-button @click="addWordStateChange">添加修改</el-button>
<el-row v-for="(item,$index) in stateChange" :key="item+$index" style="margin-top: 2px">
<el-col :span="11">
<el-select style="width: 100%" v-model="item.name" placeholder="请选择字段">
<el-option v-for="item in fieldList" :key="item.id" :label="item.field_name"
:value="item.field_key">
</el-option>
</el-select>
</el-col>
<el-col :span="1" style="height: 1px;"></el-col>
<el-col :span="8">
<el-select style="width: 100%" v-model="item.value" placeholder="请选择状态">
<el-option
v-for="item in state_fields"
:label="item.label"
:value="item.value"
:key="item.value"
></el-option>
</el-select>
</el-col>
<el-col :span="2" style="text-align: center" v-if="$index!==0">
<i
class="el-icon-remove-outline"
style="color: red;font-size: 16px;"
@click.prevent="removeStateChange($index)"
></i>
</el-col>
</el-row>
</el-form-item>
</el-form>
<div style="text-align: right">
<el-button type="danger" @click="dialogVisible = false">取消</el-button>
<el-button type="primary" @click="submitHandle('Form')">确认</el-button>
</div>
</el-dialog>
</el-main>
</el-container>
</template>
<script>
@ -188,6 +196,7 @@
name: "state",
data() {
return {
apiObj: this.$API.wf.state.list,
id: sessionStorage.getItem('jinYuWorkflowId'),
list: null,
type: "add",
@ -266,17 +275,17 @@
value: 9,
label: '代码获取'
}],
state_fields:[
state_fields: [
{
value: 1,
label: '只读'
},{
}, {
value: 2,
label: '必填'
},{
}, {
value: 3,
label: '可选'
},{
}, {
value: 4,
label: '隐藏'
},
@ -287,7 +296,7 @@
},
mounted() {
debugger;
this.id=sessionStorage.getItem('jinYuWorkflowId');
this.id = sessionStorage.getItem('jinYuWorkflowId');
this.getList();
this.getUsers();
this.getRole();
@ -303,18 +312,18 @@
this.stateChange.splice(index, 1)
},
//获取员工
async getUsers(){
let staffs = await this.$API.system.user.get({page:0});
async getUsers() {
let staffs = await this.$API.system.user.get({page: 0});
this.staffs = staffs;
},
//获取角色
async getRole(){
let roles = await this.$API.system.role.get({page:0});
async getRole() {
let roles = await this.$API.system.role.get({page: 0});
this.roles = roles;
},
//获取字段
async getField(){
let fieldList = await this.$API.wf.getCustomfields.get(this.id);
async getField() {
let fieldList = await this.$API.wf.getCustomfields.get(this.id);
this.fieldList = fieldList;
},
handleAdd() {
@ -342,9 +351,9 @@
} else {
res = that.$API.wf.stateEdit.put(that.editId, that.addForm);
}
if(res.err_msg){
if (res.err_msg) {
that.isSaveing = false;
}else{
} else {
that.isSaveing = false;
that.dialogVisible = false;
that.getList();

2
src/views/wf/workflow.vue
View File

@ -181,7 +181,7 @@
}else{
sessionStorage.setItem('jinYuWorkflowId',row.id);
}
this.$router.push({path:'/workflow/configuration'});
this.$router.push({path:'/wf/configuration'});
},
//删除工作流