index.vue
4.53 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<template>
<div class="flow-form" v-loading="loading">
<div class="com-title">
<h1>行政赏罚单</h1>
<span class="number">流程编码：{{dataForm.billNo}}</span>
</div>
<el-form ref="dataForm" :model="dataForm" :rules="dataRule" label-width="100px"
:disabled="setting.readonly">
<el-row>
<el-col :span="12" v-if="judgeShow('flowTitle')">
<el-form-item label="流程标题" prop="flowTitle">
<el-input v-model="dataForm.flowTitle" placeholder="流程标题"
:disabled="judgeWrite('flowTitle')"></el-input>
</el-form-item>
</el-col>
<el-col :span="12" v-if="judgeShow('flowUrgent')">
<el-form-item label="紧急程度" prop="flowUrgent">
<el-select v-model="dataForm.flowUrgent" placeholder="选择紧急程度"
:disabled="judgeWrite('flowUrgent')">
<el-option :key="item.value" :label="item.label" :value="item.value"
v-for="item in flowUrgentOptions" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12" v-if="judgeShow('fullName')">
<el-form-item label="员工姓名" prop="fullName">
<el-input v-model="dataForm.fullName" placeholder="员工姓名" readonly
:disabled="judgeWrite('fullName')"></el-input>
</el-form-item>
</el-col>
<el-col :span="12" v-if="judgeShow('fillFromDate')">
<el-form-item label="填表日期" prop="fillFromDate">
<el-date-picker v-model="dataForm.fillFromDate" type="date" placeholder="选择日期"
value-format="timestamp" format="yyyy-MM-dd" :editable="false" readonly
:disabled="judgeWrite('fillFromDate')">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12" v-if="judgeShow('department')">
<el-form-item label="员工部门" prop="department">
<el-input v-model="dataForm.department" placeholder="员工部门" readonly
:disabled="judgeWrite('department')"></el-input>
</el-form-item>
</el-col>
<el-col :span="12" v-if="judgeShow('position')">
<el-form-item label="员工职务" prop="position">
<el-input v-model="dataForm.position" placeholder="员工职务" readonly
:disabled="judgeWrite('position')"></el-input>
</el-form-item>
</el-col>
<el-col :span="12" v-if="judgeShow('rewardPun')">
<el-form-item label="赏罚金额" prop="rewardPun">
<el-input v-model="dataForm.rewardPun" placeholder="赏罚金额" type="number"
:disabled="judgeWrite('rewardPun')"></el-input>
</el-form-item>
</el-col>
<el-col :span="24" v-if="judgeShow('flowTitle')">
<el-form-item label="赏罚原因" prop="reason">
<el-input v-model="dataForm.reason" placeholder="赏罚原因" type="textarea" :rows="3"
:disabled="judgeWrite('reason')" />
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</template>
<script>
import comMixin from '../mixin';
export default {
mixins: [comMixin],
name: 'RewardPunishment',
data() {
return {
billEnCode: 'WF_RewardPunishmentNo',
dataForm: {
flowId: '',
id: '',
billNo: '',
flowTitle: '',
flowUrgent: 1,
fullName: '',
fillFromDate: '',
department: '',
position: '',
rewardPun: '',
reason: ''
},
dataRule: {
flowTitle: [
{ required: true, message: '流程标题不能为空', trigger: 'blur' },
],
flowUrgent: [
{ required: true, message: '紧急程度不能为空', trigger: 'change' },
],
rewardPun: [
{ required: true, message: '赏罚金额不能为空', trigger: 'blur' },
],
reason: [
{ required: true, message: '赏罚原因不能为空', trigger: 'blur' },
]
}
}
},
methods: {
selfInit(data) {
this.dataForm.fillFromDate = new Date().getTime()
this.dataForm.flowTitle = this.userInfo.userName + "的行政赏罚单"
this.dataForm.fullName = this.userInfo.userName + '/' + this.userInfo.userAccount
this.dataForm.department = this.userInfo.organizeName
if (this.userInfo.positionIds && this.userInfo.positionIds.length) {
let list = this.userInfo.positionIds.map(o => o.name)
this.dataForm.position = list.join(',')
}
}
}
}
</script>