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

Merge branch 'ehs' of https://e.coding.net/ctcdevteam/ehs/ehs_web into ehs

This commit is contained in:
shijing 2022-07-07 16:14:43 +08:00
parent 6e154680b2 cf35dad763
commit 459636e5b0
14 changed files with 1158 additions and 511 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/config/route.js
View File

@ -168,7 +168,7 @@ const routes = [
"name": "configuration",
"path": "/wf/configuration",
"meta": {
"title": "工单",
"title": "工作流配置",
"icon": "el-icon-menu",
"hidden": true
},
@ -471,6 +471,7 @@ const routes = [
"type": "menu"
},
"children": [
{
"name": "employee",
"path": "/hrm/employee",

358
src/layout/components/userselect.vue Normal file
View File

@ -0,0 +1,358 @@
<template>
<div style="display:flex;row nowrap">
<!-- <el-tag
v-for="user in userData"
:key="user.id"
>
{{ user.name }}
</el-tag>-->
<el-button
v-if="selectable"
type="primary"
circle
size="mini"
icon="el-icon-plus"
@click="showDialog()"
/>
</div>
<el-dialog
title="选择人员"
width="90%"
v-model="dialoguser"
:before-close="handleClose"
:append-to-body="true"
:close-on-click-modal="false"
>
<el-card>
<el-row>
<el-col :md="8" :sm="24">
<el-main class="nopadding">
<el-tabs type="border-card" stretch="true">
<el-tab-pane label="按部门分类">
<el-input placeholder="输入关键字进行过滤" v-model="filterText">
</el-input>
<el-tree
class="filter-tree"
style="padding-top: 15px"
:data="deptdata"
default-expand-all
:filter-node-method="filterNode"
ref="tree"
@node-click="handleNodeClick"
>
</el-tree>
</el-tab-pane>
<el-tab-pane label="按岗位分类">
<el-input
placeholder="输入关键字进行过滤"
v-model="filterTexts"
>
</el-input>
<el-tree
class="filter-tree"
style="padding-top: 15px"
:data="postdata"
default-expand-all
:filter-node-method="filterNodes"
ref="tree"
@node-click="handleNodeClicks"
>
</el-tree>
</el-tab-pane>
</el-tabs>
</el-main>
</el-col>
<el-col :md="16" :sm="24">
<el-header style="border-bottom: none">
<div class="left-panel">
<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 class="right-panel">
<el-button type="primary" icon="el-icon-plus" @click="addUser"
>添加选择</el-button
>
</div>
</el-header>
<el-main class="nopadding">
<scTable
ref="table"
:data="apiObj"
row-key="id"
@selection-change="selectionChange"
stripe
:hidePagination="true"
hideDo
@resetQuery="resetQuery"
>
<el-table-column type="selection" width="50"></el-table-column>
<el-table-column
label="#"
type="index"
width="50"
></el-table-column>
<el-table-column label="姓名" prop="name"></el-table-column>
<el-table-column label="手机号" prop="phone"></el-table-column>
<el-table-column label="部门" prop="belong_dept">
<template #default="scope">
<span v-if="scope.row.belong_dept_">{{
scope.row.belong_dept_.name
}}</span>
</template>
</el-table-column>
<el-table-column
label="创建时间"
prop="create_time"
></el-table-column>
<!--
<el-table-column
label="操作"
fixed="right"
align="left"
width="100"
>
<template #default="scope">
<el-button-group>
<el-button
type="primary"
icon="el-icon-plus"
@click="handleForm('add', scope.row)"
></el-button>
</el-button-group>
</template>
</el-table-column>-->
</scTable>
</el-main>
<div style="padding-top: 15px">
<el-input
style="width: 80%"
v-model="username"
placeholder="选择人员的姓名"
clearable
></el-input>
<el-button @click="visible = false" style="float: right"
>取 消</el-button
>
<el-button
v-if="mode != 'show'"
style="float: right"
type="primary"
:loading="isSaveing"
@click="submitfrom()"
>提 交</el-button
>
</div>
</el-col>
</el-row>
</el-card>
</el-dialog>
</template>
<script>
import { genTree } from "@/utils/verificate";
export default {
name: "employee",
components: {},
props: {
value: {
// 接受外部v-model传入的值
type: [String],
default: "",
},
user: {
// 接受外部v-model传入的值
type: [String],
default: "",
},
closable: {
// 是否可以关闭标签
type: Boolean,
default: () => {
return true;
},
},
selectable: {
// 是否可选人员
type: Boolean,
default: () => {
return true;
},
},
multiple: {
// 是否多选,默认可以多选
type: Boolean,
default: true,
},
},
data() {
return {
apiObj: [],
query: {},
selection: [],
search: {
keyword: null,
},
filterText: "",
filterTexts: "",
deptdata: [],
postdata: [],
username: [],
userData: [],
dialoguser: false,
dataValue: this.value,
};
},
mounted() {
this.getUser();
this.getDept();
this.getPost();
},
watch: {
filterText(val) {
this.$refs.tree.filter(val);
},
filterTexts(val) {
this.$refs.tree.filter(val);
},
dataValue(val) {
this.$emit("input", val);
console.log(val)
},
userData(val) {
if (val) {
this.change();
}
},
},
methods: {
showDialog() {
this.dialoguser = true;
this.$nextTick(function () {
this.apiObj.map(item => {
if (item.id === this.user) {
this.$refs.table.toggleRowSelection(item, true)
}
})
})
},
//加载人员
getUser() {
this.$API.system.user.list.req({ page: 0 }).then((res) => {
this.apiObj = res;
});
},
upsearch() {
this.$API.system.user.list
.req({ name: this.search.keyword, page: 0 })
.then((res) => {
this.apiObj = res;
});
},
//加载部门树数据
async getDept() {
let res = await this.$API.system.dept.list.req({ page: 0 });
this.deptdata = genTree(res);
},
//加载部门树数据
async getPost() {
let res = await this.$API.system.post.list.req({ page: 0 });
this.postdata = genTree(res);
},
filterNode(value, data) {
console.log(value);
if (!value) return true;
return data.label.indexOf(value) !== -1;
},
filterNodes(value, data) {
console.log(value);
if (!value) return true;
return data.label.indexOf(value) !== -1;
},
//部门点击显示对应的人员
handleNodeClick(data) {
this.$API.system.user.list
.req({ belong_dept: data.id, page: 0 })
.then((res) => {
this.apiObj = res;
});
},
//岗位点击显示对应的人员
handleNodeClicks(data) {
this.$API.system.user.list.req({ post: data.id, page: 0 }).then((res) => {
this.apiObj = res;
});
},
//表格选择后回调事件
selectionChange(selection) {
this.selection = selection;
},
//删除Tag
closeTag(name) {
this.userData.splice(this.userData.indexOf(name), 1);
},
addUser() {
this.username = [];
this.userData = [];
if (!this.multiple && this.selection.length > 1) {
this.$message.error("对应的人员只允许选择一人！");
return;
}
if (!this.selection || this.selection.length === 0) {
this.msgError("请选择至少一个人员！");
return;
}
this.selection.forEach((item) => {
this.username.push(item.name);
this.userData.push({ id: item.id, name: item.name });
});
console.log(this.userData);
},
change() {
if (this.tags) {
alert(1);
this.dataValue = this.userData.map((e) => e.id).join(",");
console.log(this.dataValue);
this.$emit("change", this.dataValue);
}
},
submitfrom() {
this.dialoguser = false;
this.change(); // 触发值变化
this.dataValue = this.userData.map((e) => e.id).join(",");
this.$emit("submit", this.dataValue);
},
//权限设置
permission() {
this.dialog.permission = true;
this.$nextTick(() => {
this.$refs.permissionDialog.open();
});
},
resetQuery() {
this.query = {};
},
},
};
</script>

127
src/views/ecm/algo.vue
View File

@ -4,7 +4,6 @@
<el-container>
<el-header>
<div class="left-panel">
<!-- <el-button type="danger" plain icon="el-icon-delete" :disabled="selection.length==0" @click="batch_del"></el-button> -->
</div>
</el-header>
@ -26,7 +25,7 @@
<el-table-column
label="名称"
prop="name"
width="120"
width="100"
></el-table-column>
<el-table-column
label="标识"
@ -47,15 +46,22 @@
></el-switch>
</template>
</el-table-column>
<el-table-column label="喇叭开启区域" prop="name" width="120">
<template #default="scope">
<el-space v-if="scope.row.filter_area_level">{{
filter_area_[scope.row.filter_area_level]
}}</el-space></template
>
</el-table-column>
<el-table-column label="操作" fixed="right" align="right">
<template #default="scope">
<el-button
<el-button
type="primary"
link
size="small"
@click="adds_edit(scope.row)"
>批量布设</el-button>
>批量布设</el-button
>
</template>
</el-table-column>
</scTable>
@ -82,18 +88,34 @@
:hidePagination="true"
>
<el-table-column label="#" type="index" width="50"></el-table-column>
<el-table-column label="算法名称" prop="algo_.name" width="150"></el-table-column>
<el-table-column label="视频名称" prop="vchannel_.name" width="150"></el-table-column>
<el-table-column label="始终开启" prop="always_on" width="150"></el-table-column>
<el-table-column
label="算法名称"
prop="algo_.name"
width="150"
></el-table-column>
<el-table-column
label="视频名称"
prop="vchannel_.name"
width="150"
></el-table-column>
<el-table-column label="始终开启" prop="always_on" width="150">
<template #default="scope">
<el-switch
v-model="scope.row.always_on"
:disabled="true"
></el-switch>
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" align="right">
<template #default="scope">
<el-button
type="danger"
link
size="small"
@click="table_del(scope.row, scope.$index)"
>删除</el-button
<el-popconfirm
title="确定删除吗？"
@confirm="table_del(scope.row, scope.$index)"
>
<template #reference>
<el-button text type="danger" size="small">删除</el-button>
</template>
</el-popconfirm>
</template>
</el-table-column>
</scTable>
@ -106,7 +128,7 @@
@success="handleSaveSuccess"
@closed="dialog.save = false"
></save-dialog>
<algo-dialog
<algo-dialog
v-if="dialog.algos"
ref="algoDialog"
@success="handleSaveSuccessss"
@ -122,7 +144,7 @@ export default {
name: "algo",
components: {
saveDialog,
algoDialog,
algoDialog,
CircleCheckFilled,
CircleCloseFilled,
},
@ -130,42 +152,51 @@ export default {
return {
dialog: {
save: false,
algos: false,
algos: false,
},
filter_area_: {
10: "办公生活区以上",
20: "生产一般区以上",
30: "生产重点区以上",
},
selection: [],
chosen_cate: null,
eventcateList:[],
vchannelList:[]
chosen_cate: "",
eventcateList: [],
vchannelList: [],
};
},
mounted() {
this.getEventCate();
this.getVchannel();
this.getVchannel();
},
methods: {
//事件总类列表
//事件总类列表
getEventCate() {
this.$API.ecm.event_cate.list.req({ self_algo:true,page: 0 }).then((res) => {
this.eventcateList = res;
});
this.$API.ecm.event_cate.list
.req({ self_algo: true, page: 0 })
.then((res) => {
this.eventcateList = res;
});
},
//左边列表点击，右边显示
//左边列表点击，右边显示
rowClick(row) {
this.$API.ecm.vchannel.list.req({ algo: row.id, page: 0 }).then((res) => {
this.vchannelList = res;
});
this.$API.ecm.vchannel.list.req({algo:row.id,page: 0 }).then((res) => {
this.chosen_cate = row.id;
},
//算法列表
getVchannel() {
this.$API.ecm.vchannel.list.req({ page: 0 }).then((res) => {
this.vchannelList = res;
});
},
//算法列表
getVchannel() {
this.$API.ecm.vchannel.list.req({page: 0 }).then((res) => {
this.vchannelList = res;
});
},
//批量布设添加
//批量布设添加
adds_edit() {
this.dialog.algos = true;
this.$nextTick(() => {
@ -180,7 +211,7 @@ export default {
this.$refs.saveDialog.open();
});
},
//窗口编辑
table_edit(row) {
this.dialog.save = true;
@ -189,19 +220,25 @@ export default {
});
},
table_del(row) {
this.$API.ecm.vchannel.delete.req(row.id).then((res) => {
this.$refs.tablevchannel.refresh();
this.$message.success("删除成功");
});
this.$API.ecm.vchannel.delete
.req(row.id)
.then((res) => {
this.$message.success("删除成功");
this.getVchannel();
return res;
})
.catch((err) => {
return err;
});
},
//本地更新数据
handleSaveSuccess() {
this.$refs.tablevchannel.refresh();
},
//本地更新数据
handleSaveSuccessss() {
this.$refs.tablevchannel.refresh();
},
},
};
</script>

1
src/views/ecm/algo_form.vue
View File

@ -88,6 +88,7 @@ export default {
//显示
open(mode = "add") {
this.mode = mode;
this.form.algo = this.$parent.chosen_cate;
this.visible = true;
return this;
},

42
src/views/ecm/algos_form.vue
View File

@ -25,7 +25,7 @@
</el-select>
</el-form-item>
<el-form-item label="视频" prop="vchannel">
<el-form-item label="视频" prop="vchannels">
<el-select v-model="form.vchannels" multiple="true">
<el-option
v-for="item in vchanneloptions"
@ -68,13 +68,13 @@ export default {
//表单数据
form: {
algo: "",
vchannel: "",
vchannels: [],
always_on: false,
},
//验证规则
rules: {
algo: [{ required: true, message: "请选择算法" }],
vchannel: [{ required: true, message: "请选择视频" }],
vchannels: [{ required: true, message: "请选择视频" }],
},
algooptions: [],
vchanneloptions: [],
@ -89,6 +89,7 @@ export default {
open(mode = "add") {
this.mode = mode;
this.visible = true;
this.form.algo = this.$parent.chosen_cate;
return this;
},
//事件列表
@ -105,32 +106,15 @@ export default {
},
//表单提交方法
async submit() {
var valid = await this.$refs.dialogForm.validate().catch(() => {});
if (!valid) {
return false;
}
this.isSaveing = true;
try {
var res;
if (this.mode == "add") {
res = await this.$API.ecm.vchannel.creates.req(this.form);
} else if (this.mode == "edit") {
res = await this.$API.ecm.vchannel.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;
}
submit() {
this.$API.ecm.vchannel.creates.req(this.form).then((res) => {
this.$message.success("操作成功");
this.visible=false;
return res;
})
},
//表单注入数据
setData(data) {

34
src/views/ecm/event_cate_form.vue
View File

@ -43,7 +43,7 @@
></el-input-number>
</el-form-item>
<sc-title title="音响配置"></sc-title>
<el-form-item label="喇叭" prop="speakers">
<el-form-item label="喇叭" prop="speakers">
<el-select v-model="form.speakers" multiple="true">
<el-option
v-for="item in speakersptions"
@ -53,6 +53,18 @@
/>
</el-select>
</el-form-item>
<el-form-item label="喇叭声音" prop="voice_person">
<el-select v-model="form.voice_person">
<el-option
v-for="item in voiceoptions"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="喇叭开启" prop="speaker_on">
<el-switch v-model="form.speaker_on"></el-switch>
</el-form-item>
@ -97,7 +109,7 @@ export default {
form: {
speaker_on: true,
self_algo: false,
speakers:[]
speakers: [],
},
//验证规则
rules: {
@ -127,7 +139,17 @@ export default {
label: "定位",
},
],
speakersptions:[],
voiceoptions:[
{
value: 3,
label: "男生",
},
{
value: 0,
label: "女生",
},
],
speakersptions: [],
//所需数据选项
groups: [],
groupsProps: {
@ -149,11 +171,11 @@ export default {
},
//固定喇叭列表
getSpeakers() {
this.$API.third.tdevice.list.req({type:50, page: 0 }).then((res) => {
this.$API.third.tdevice.list.req({ type: 50, page: 0 }).then((res) => {
this.speakersptions = res;
});
},
//表单提交方法
async submit() {
var valid = await this.$refs.dialogForm.validate().catch(() => {});
@ -186,7 +208,7 @@ export default {
setData(data) {
Object.assign(this.form, data);
debugger;
console.log(this.form)
console.log(this.form);
},
},
};

5
src/views/ecm/event_handlefrom.vue
View File

@ -199,9 +199,8 @@ export default {
this.$API.ecm.event.handle.req(this.form.id, this.form)
.then((res) => {
this.isSaveing = false;
this.visible = false;
this.$emit("success", this.form, this.mode);
this.$router.go(-1)
this.$message.success("操作成功");
return res;
})

27
src/views/ecm/notify_setting.vue
View File

@ -27,11 +27,13 @@
label="#"
type="index"
width="50"
fixed="left"
></el-table-column>
<el-table-column
label="名称"
prop="name"
width="120"
fixed="left"
></el-table-column>
<el-table-column
label="标识"
@ -44,13 +46,31 @@
<span v-if="scope.row.trigger == 20">定位</span>
</template>
</el-table-column>
<el-table-column label="音响" prop="speaker_on" width="50">
<el-table-column
label="处理时间"
prop="hanle_minute"
width="80"
></el-table-column>
<el-table-column label="喇叭开启" prop="speaker_on" width="80">
<template #default="scope">
<el-switch
v-model="scope.row.speaker_on"
:disabled="true"
></el-switch>
</template>
</el-table-column>
<el-table-column
label="喇叭开启区域"
prop="name"
width="120"
>
<template #default="scope">
<el-space v-if="scope.row.filter_area_level">{{
filter_area_[scope.row.filter_area_level]
}}</el-space></template
>
</el-table-column>
<el-table-column label="操作" fixed="right" align="right">
<template #default="scope">
@ -224,6 +244,11 @@ export default {
30: "较大风险",
40: "重大风险",
},
filter_area_:
{ 10: "办公生活区以上",
20: "生产一般区以上",
30: "生产重点区以上",
},
};
},
mounted() {

25
src/views/vm/visit_form.vue
View File

@ -64,7 +64,7 @@
</el-col>
<el-col :md="12" :sm="24" :xs="24">
<el-form-item label="接待人">
<el-select v-model="form.receptionist" placeholder="选择接待人">
<el-select v-model="form.receptionist" disabled placeholder="选择接待人">
<el-option
v-for="item in receptionistoptions"
:key="item.id"
@ -72,6 +72,11 @@
:value="item.id"
/>
</el-select>
<select-user ref="form.receptionist" :user="form.receptionist" :closable="true" :multiple="false" @submit="refresh" >
</select-user>
</el-form-item>
</el-col>
<el-col :md="24" :sm="12" :xs="24">
@ -99,6 +104,10 @@
:max="32767"
controls-position="right"
></el-input-number>
</el-form-item>
</el-col>
</el-row>
@ -116,8 +125,12 @@
<script>
import { genTree } from "@/utils/verificate";
import selectUser from '@/layout/components/userselect'
export default {
emits: ["success", "closed"],
components: {
selectUser,
},
data() {
return {
loading: false,
@ -170,6 +183,16 @@ export default {
this.visible = true;
return this;
},
refresh(data) {
// 子组件调用父组件的方法并传参
console.log(data);
this.form.receptionist=data;
},
//表单提交方法
submit() {
this.$refs.dialogForm.validate(async (valid) => {

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

@ -1,6 +1,6 @@
<template>
<el-container>
<el-tabs style="width: 100%" type="border-card" v-model="activeName" @tab-click="handleClick">
<el-tabs style="width: 100%; height:100%" type="border-card" v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="自定义字段" name="customField">
<field v-if="activeName==='customField'"></field>
</el-tab-pane>

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

@ -6,7 +6,7 @@
</div>
</el-header>
<el-main class="nopadding">
<scTable ref="table" :apiObj="apiObj" row-key="id" stripe highlightCurrentRow>
<scTable ref="table" :data="list" row-key="id" stripe highlightCurrentRow hidePagination>
<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>
@ -121,9 +121,8 @@
name: "field",
data() {
return {
apiObj: this.$API.wf.field.list,
id: sessionStorage.getItem('jinYuWorkflowId'),
list: null,
list: [],
type: "add",
titleMap: {
add: '新增',
@ -193,28 +192,6 @@
}
},
mounted() {
this.list = [
{
id: "5001",
name: "scEcharts",
subtitle: "重新封装的Echarts，暴露源对象",
state: "1",
type: "数据",
progress: 70,
user: "sss",
time: "2010-10-10"
},
{
id: "5002",
name: "scEditor",
subtitle: "Tinymce封装的富文本编辑器",
state: "2",
type: "表单",
progress: 40,
user: "sss",
time: "2010-10-10"
}
];
this.getList();
},
methods: {
@ -271,8 +248,7 @@
this.addForm = Object.assign({}, row);
},
async getList() {
let res = await this.$API.wf.getCustomfields.get(this.id);
console.log(res);
let res = await this.$API.wf.workflow.customfields.req(this.id);
this.list = res;
},
},

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

@ -1,381 +1,590 @@
<template>
<el-container>
<el-header>
<div class="left-panel">
<el-button type="primary" icon="el-icon-plus" @click="handleAdd"></el-button>
</div>
</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-container>
<el-header>
<div class="left-panel">
<el-button
type="primary"
icon="el-icon-plus"
@click="handleAdd"
></el-button>
</div>
</el-header>
<el-main class="nopadding">
<scTable
ref="table"
:data="list"
row-key="id"
stripe
highlightCurrentRow
hidePagination
>
<el-table-column label="ID" prop="id"></el-table-column>
<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="分配方式">
<template #default="scope">{{
options2_[scope.row.distribute_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>
</scTable>
<el-dialog v-model="dialogVisible" :title="titleMap[type]">
<el-form
ref="Form"
:model="addForm"
label-width="100px"
label-position="right"
>
<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-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="请选择"
>
<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="addForm.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="addForm.participant"
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="addForm.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"
>
<el-select
style="width: 100%"
v-model="addForm.distribute_type"
placeholder="请选择分配方式"
>
<el-option
v-for="item in dis_type_options"
: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 == 4"
>
<el-select
style="width: 100%"
v-model="addForm.participant"
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 == 10"
>
<el-select
style="width: 100%"
v-model="addForm.participant"
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 || addForm.participant_type == 0
"
>
<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-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="字段状态">
<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>
</el-select> -->
<el-input v-model="addForm.participant" placeholder="方法名" />
</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>
export default {
name: "state",
data() {
return {
apiObj: this.$API.wf.state.list,
id: sessionStorage.getItem('jinYuWorkflowId'),
list: null,
type: "add",
titleMap: {
add: '新增',
edit: '编辑',
show: '查看'
},
participant: '',
participants: [],
roles: [],
staffs: [],
stateChange: [],
fieldList: [],
//表单数据
addForm: {
name: '',
is_hidden: false,
sort: '',
type: '',
participant_cc: [],
enable_retreat: false,
participant_type: 0,
filter_policy: 0,
distribute_type: '2',//分发类型
state_fields: {}//字段状态是否可写
},
//验证规则
rules: {
name: [
{required: true, message: '请输入工作流名称'}
]
},
options_: {
"0": '无处理',
"1": '个人',
"2": '多人',
"4": '角色',
"6": '脚本',
"7": '工单的字段',
"9": '代码获取',
},
options: [{
value: 0,
label: '普通类型'
}, {
value: 1,
label: '初始状态'
}, {
value: 2,
label: '结束状态'
}],
typeoptions: [{
value: 0,
label: '无处理'
}, {
value: 1,
label: '个人'
}, {
value: 2,
label: '多人'
}
, {
value: 4,
label: '角色'
}
, {
value: 6,
label: '脚本'
}
, {
value: 7,
label: '工单的字段'
}
, {
value: 9,
label: '代码获取'
}],
state_fields: [
{
value: 1,
label: '只读'
}, {
value: 2,
label: '必填'
}, {
value: 3,
label: '可选'
}, {
value: 4,
label: '隐藏'
},
],
editId: null,
dialogVisible: false,
}
},
mounted() {
debugger;
this.id = sessionStorage.getItem('jinYuWorkflowId');
this.getList();
this.getUsers();
this.getRole();
this.getField();
},
methods: {
//添加字段选项
addWordStateChange() {
this.stateChange.push({name: '', value: ''})
},
//删除字段选项
removeStateChange(index) {
this.stateChange.splice(index, 1)
},
//获取员工
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});
this.roles = roles;
},
//获取字段
async getField() {
let fieldList = await this.$API.wf.getCustomfields.get(this.id);
this.fieldList = fieldList;
},
handleAdd() {
this.type = 'add';
this.dialogVisible = true;
},
submitHandle() {
let that = this;
debugger;
this.$refs.Form.validate((valid) => {
if (valid) {
let state_fields = {};
if (this.stateChange.length > 0) {
for (let i = 0; i < this.stateChange.length; i++) {
state_fields[this.stateChange[i].name] = this.stateChange[i].value;
}
}
this.addForm.state_fields = state_fields;
this.addForm.participant = this.addForm.participant_type === 1 ? this.participant : this.participants;
that.isSaveing = true;
let res = null;
if (that.type === 'add') {
that.addForm.workflow = this.id;
res = that.$API.wf.stateAdd.post(that.addForm)
} else {
res = that.$API.wf.stateEdit.put(that.editId, that.addForm);
}
if (res.err_msg) {
that.isSaveing = false;
} else {
that.isSaveing = false;
that.dialogVisible = false;
that.getList();
}
}
})
},
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.getWorkflowState.get(this.id);
console.log(res);
this.list = res;
},
},
}
export default {
name: "state",
data() {
return {
id: sessionStorage.getItem("jinYuWorkflowId"),
list: null,
type: "add",
titleMap: {
add: "新增",
edit: "编辑",
show: "查看",
},
participant: "",
participants: [],
roles: [],
staffs: [],
stateChange: [],
fieldList: [],
//表单数据
addForm: {
name: "",
is_hidden: false,
sort: "",
type: "",
participant_cc: [],
enable_retreat: false,
participant_type: 0,
filter_policy: 0,
distribute_type: 2, //分发类型
state_fields: {}, //字段状态是否可写
},
//验证规则
rules: {
name: [{ required: true, message: "请输入工作流名称" }],
},
options_: {
0: "无处理",
1: "个人",
2: "多人",
4: "角色",
6: "脚本",
7: "工单的字段",
9: "代码获取",
10: "岗位",
},
options2_: {
1: "主动接单",
2: "直接处理",
3: "随机分配",
4: "全部处理",
},
options: [
{
value: 0,
label: "普通类型",
},
{
value: 1,
label: "初始状态",
},
{
value: 2,
label: "结束状态",
},
],
typeoptions: [
{
value: 0,
label: "无处理",
},
{
value: 1,
label: "个人",
},
{
value: 2,
label: "多人",
},
{
value: 4,
label: "角色",
},
{
value: 6,
label: "脚本",
},
{
value: 7,
label: "工单的字段",
},
{
value: 9,
label: "代码获取",
},
{
value: 10,
label: "岗位",
},
],
state_fields: [
{
value: 1,
label: "只读",
},
{
value: 2,
label: "必填",
},
{
value: 3,
label: "可选",
},
{
value: 4,
label: "隐藏",
},
],
dis_type_options: [
{
label: "主动接单",
value: 1,
},
{
label: "直接处理",
value: 2,
},
{
label: "随机分配",
value: 3,
},
{
label: "全部处理",
value: 4,
},
],
editId: null,
dialogVisible: false,
};
},
mounted() {
this.id = sessionStorage.getItem("jinYuWorkflowId");
this.getList();
this.getUsers();
this.getRole();
this.getField();
},
methods: {
//添加字段选项
addWordStateChange() {
this.stateChange.push({ name: "", value: "" });
},
//删除字段选项
removeStateChange(index) {
this.stateChange.splice(index, 1);
},
//获取员工
async getUsers() {
let staffs = await this.$API.system.user.list.req({ page: 0 });
this.staffs = staffs;
},
//获取角色
async getRole() {
let roles = await this.$API.system.role.list.req({ page: 0 });
this.roles = roles;
},
//获取字段
async getField() {
let fieldList = await this.$API.wf.workflow.customfields.req(this.id);
this.fieldList = fieldList;
},
handleAdd() {
this.type = "add";
this.dialogVisible = true;
},
async submitHandle() {
let that = this;
that.isSaveing = true;
let res = null;
if (that.type === "add") {
that.addForm.workflow = this.id;
res = await that.$API.wf.state.create.req(that.addForm);
} else {
res = await that.$API.wf.state.update.req(that.editId, that.addForm);
}
if (res.err_msg) {
that.isSaveing = false;
} else {
that.isSaveing = false;
that.dialogVisible = false;
that.getList();
}
// this.$refs.Form.validate((valid) => {
// if (valid) {
// let state_fields = {};
// if (this.stateChange.length > 0) {
// for (let i = 0; i < this.stateChange.length; i++) {
// state_fields[this.stateChange[i].name] = this.stateChange[i].value;
// }
// }
// this.addForm.state_fields = state_fields;
// this.addForm.participant = this.addForm.participant_type === 1 ? this.participant : this.participants;
// that.isSaveing = true;
// let res = null;
// if (that.type === 'add') {
// that.addForm.workflow = this.id;
// res = that.$API.wf.stateAdd.post(that.addForm)
// } else {
// res = that.$API.wf.stateEdit.put(that.editId, that.addForm);
// }
// if (res.err_msg) {
// that.isSaveing = false;
// } else {
// that.isSaveing = false;
// that.dialogVisible = false;
// that.getList();
// }
// }
// })
},
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.workflow.states.req(this.id);
console.log(res);
this.list = res;
},
},
};
</script>
<style scoped>
</style>

67
src/views/wf/transform.vue
View File

@ -1,11 +1,17 @@
<template>
<el-main class="nopadding">
<el-button type="primary" icon="el-icon-plus" @click="handleAdd"></el-button>
<el-table
:data="list"
style="width: 100%"
<el-container>
<el-header>
<div class="left-panel">
<el-button type="primary" icon="el-icon-plus" @click="handleAdd"></el-button>
</div>
</el-header>
<el-main class="nopadding">
<scTable
:data="list" ref="table"
row-key="id" stripe highlightCurrentRow hidePagination
>
<el-table-column type="index" width="50"/>
<el-table-column label="ID" prop="id"></el-table-column>
<el-table-column label="名称" prop="name"></el-table-column>
<el-table-column label="定时器（单位秒）" prop="timer"></el-table-column>
<el-table-column label="源状态">
@ -38,7 +44,7 @@
</el-link>
</template>
</el-table-column>
</el-table>
</scTable>
<el-dialog
v-model="dialogVisible"
:title="titleMap[type]"
@ -48,7 +54,6 @@
:model="addForm"
label-width="130px"
label-position="right"
:rules="rule"
>
<el-form-item label="名称" prop="name">
<el-input v-model="addForm.name" placeholder="名称"/>
@ -78,6 +83,7 @@
</el-form-item>
<el-form-item label="条件表达式" prop="condition_expression">
<vue-json-editor
style="width:100%"
v-model="addForm.condition_expression"
:showBtns="false"
:mode="'code'"
@ -98,6 +104,9 @@
<el-form-item label="是否校验必填" prop="field_require_check">
<el-switch v-model="addForm.field_require_check"></el-switch>
</el-form-item>
<el-form-item label="提交时调用" prop="on_submit_func">
<el-input v-model="addForm.on_submit_func" placeholder="提交时调用"/>
</el-form-item>
</el-form>
<div style="text-align: right">
<el-button type="danger" @click="dialogVisible = false">取消</el-button>
@ -105,6 +114,8 @@
</div>
</el-dialog>
</el-main>
</el-container>
</template>
<script>
@ -176,36 +187,34 @@
this.addForm = Object.assign({}, row);
},
async getList() {
let res = await this.$API.wf.getWorkflowTransition.get(this.id);
let res = await this.$API.wf.workflow.transitions.req(this.id);
this.list = res;
},
async getStateList() {
let res = await this.$API.wf.getWorkflowState.get(this.id);
let res = await this.$API.wf.workflow.states.req(this.id);
console.log(res);
this.stateList = res;
},
submitHandle(){
async submitHandle(){
let that = this;
let res = null;
if (that.type === 'add') {
debugger;
that.addForm.workflow = this.id;
res = await that.$API.wf.transition.create.req(that.addForm);
} else {
res = await that.$API.wf.transition.update.req(that.editId, that.addForm);
}
if(res.err_msg){
that.isSaveing = false;
}else{
that.isSaveing = false;
that.dialogVisible = false;
that.getList();
}
this.$refs.Form.validate((valid) => {
if (valid) {
let res = null;
if (that.type === 'add') {
debugger;
that.addForm.workflow = this.id;
res = that.$API.wf.transitionAdd.post(that.addForm);
} else {
res = that.$API.wf.transitionEdit.put(that.editId, that.addForm);
}
if(res.err_msg){
this.$message.error(res.err_msg)
}else{
that.isSaveing = false;
that.limitedVisible = false;
that.$refs.table.refresh();
}
that.isSaveing = false;
that.limitedVisible = false;
that.getList();
}
})
},

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

@ -15,7 +15,7 @@
</el-header>
<el-main class="nopadding">
<scTable ref="table" :apiObj="apiObj" row-key="id">
<el-table-column label="#" type="index" width="50"></el-table-column>
<el-table-column label="ID" prop="id" min-width="100"></el-table-column>
<el-table-column label="工作流名称" prop="name" min-width="250"></el-table-column>
<el-table-column label="工单查看权限校验" prop="view_permission_check" min-width="150">
<template #default="scope">
@ -46,6 +46,9 @@
<el-form-item label="名称" prop="name">
<el-input v-model="addForm.name" clearable></el-input>
</el-form-item>
<el-form-item label="标识" prop="code">
<el-input v-model="addForm.code" clearable></el-input>
</el-form-item>
<el-form-item label="流水前缀">
<el-input v-model="addForm.sn_prefix" clearable></el-input>
</el-form-item>