Skip to content

M
mes-ui
Commit 824c765e authored by renjintao's avatar renjintao
Browse files
Options

design

parent f4417a0c
Hide whitespace changes
Inline Side-by-side
Showing with 108 additions and 102 deletions
pages/workflow/process/design.vue
View file @ 824c765e
<template> <template>
<div class="Design"> <div class="Design">
<Timeline> <Timeline>
<TimelineItem v-for="(node,i) in nodes" :key="node.id"> <TimelineItem v-for="(node,i) in nodes" :key="node.id">
<Badge :count="i+1" type="primary" slot="dot"></Badge> <Badge :count="i+1" type="primary" slot="dot"></Badge>
<div class="node" @click="edit(node.id,i)"> <div class="node" @click="edit(node.id,i)">
<div class="title"> <div class="title">
<a> <a>
{{node.name}} {{node.name}}
&nbsp;( &nbsp;(
<state code="workflow.form.audit.type" :value="node.operation" />) <state code="workflow.form.audit.type" :value="node.operation" />)
<Icon type="md-build" /> <Icon type="md-build" />
<Icon v-if="node.isFixed" type="ios-lock" color="orange" title="人员固定"/> <Icon v-if="node.isFixed" type="ios-lock" color="orange" title="人员固定" />
</a> </a>
</div> </div>
<div v-if="node.userIds&&node.userIds.length>0"> <div v-if="node.userIds&&node.userIds.length>0">
审批人： 审批人：
<User v-for="(item,j) in node.userIds" :value="item" class="ml10" :key="j" /> <User v-for="(item,j) in node.userIds" :value="item" class="ml10" :key="j" />
</div> </div>
<div v-if="node.roleList&&node.roleList.length>0"> <div v-if="node.roleList&&node.roleList.length>0">
审批角色： 审批角色：
<span <span v-for="(role,k) in node.roleList" class="mr10">{{role.name}}({{role.userIdList.length}})</span>
v-for="(role,k) in node.roleList" </div>
class="mr10" </div>
>{{role.name}}({{role.userIdList.length}})</span> </TimelineItem>
</div>
</div>
</TimelineItem>
</Timeline> </Timeline>
<Modal v-model="editModal" title="编辑" footer-hide width="800"> <Modal v-model="editModal" title="编辑" footer-hide width="800">
<Edit :eid="curId" @on-close="cancel" @on-ok="addOk" /> <Edit :eid="curId" @on-close="cancel" @on-ok="addOk" />
</Modal> </Modal>
<Modal v-model="startModal" title="开始节点编辑" footer-hide width="800"> <Modal v-model="startModal" title="开始节点编辑" footer-hide width="800">
<StartEdit :eid="startId" @on-close="cancel" @on-ok="addOk" /> <StartEdit :eid="startId" @on-close="cancel" @on-ok="addOk" />
</Modal> </Modal>
</div> </div>
</template> </template>
<script> <script>
import Api from './api' import Api from './api'
import Edit from './node' import Edit from './node'
import StartEdit from './node/start' import StartEdit from './node/start'
export default { export default {
name: 'Design', name: 'Design',
data() { data() {
return { return {
editModal: false, editModal: false,
entity: {}, entity: {},
nodes: [], nodes: [],
curId: 0, curId: 0,
startId: 0, startId: 0,
startModal: false startModal: false
} }
},
components: {
Edit,
StartEdit
},
props: {
eid: String
},
async fetch({ store, params }) {
await store.dispatch('loadDictionary') // 加载数据字典
},
mounted(){
this.load(this.eid)
},
methods: {
load(v) {
alert(v)
Api.detail({ id: v }).then((r) => {
this.nodes = r.result.nodes
// this.$emit('on-load')
})
}, },
edit(id, i) { components: {
if (i== 0) { Edit,
this.startModal=true StartEdit
this.startId=id;
} else {
this.editModal = true
this.curId = id
}
}, },
handleClose() { props: {
this.$emit('on-close') eid: String
}, },
cancel() { async fetch({
this.editModal = false store,
this.startModal = false params
}) {
await store.dispatch('loadDictionary') // 加载数据字典
}, },
addOk() { mounted() {
this.curId = 0 this.load(this.eid)
this.editModal = false
this.startId = 0
this.startModal = false
this.load(this.eid)
}, },
l(key) { methods: {
key = 'instance' + '.' + key load(v) {
return this.$t(key) //alert(v)
} Api.detail({
}, id: v
watch: { }).then((r) => {
eid(v) { this.nodes = r.result.nodes
if (v != 0) { // this.$emit('on-load')
this.load(v) })
} },
edit(id, i) {
if (i == 0) {
this.startModal = true
this.startId = id;
} else {
this.editModal = true
this.curId = id
}
},
handleClose() {
this.$emit('on-close')
},
cancel() {
this.editModal = false
this.startModal = false
},
addOk() {
this.curId = 0
this.editModal = false
this.startId = 0
this.startModal = false
this.load(this.eid)
},
l(key) {
key = 'instance' + '.' + key
return this.$t(key)
}
},
watch: {
eid(v) {
if (v != 0) {
this.load(v)
}
}
} }
}
} }
</script> </script>
<style lang="less"> <style lang="less">
.Design { .Design {
background: white; background: white;
padding: 20px 50px; padding: 20px 50px;
.node {
.title { .node {
font-size: 14px; .title {
font-weight: bold; font-size: 14px;
.auditedTime { font-weight: bold;
font-size: 12px;
color: #ddd; .auditedTime {
} font-size: 12px;
color: #ddd;
}
}
} }
}
} }
</style> </style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment