npmapps 1.0.7 → 1.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,204 +0,0 @@
1
- <template>
2
- <div class="batchShiftChange">
3
- <div class="basicInfo">
4
-
5
- <div class="content">
6
- <el-form
7
- ref="form"
8
- :model="formData"
9
- label-width="140px"
10
- :rules="rules"
11
- >
12
- <div class="form-item-fisrt">
13
- <el-form-item label="调整日期" prop="adjustmentDate">
14
- <el-date-picker
15
- style="width: 100%"
16
- size="small"
17
- v-model="formData.adjustmentDate"
18
- type="date"
19
- placeholder="选择日期"
20
- >
21
- </el-date-picker>
22
- </el-form-item>
23
-
24
- <el-form-item label="班次" prop="shift">
25
- <el-input
26
- size="small"
27
- v-model="formData.shift"
28
- placeholder="请输入班次"
29
- >
30
- <el-button
31
- slot="append"
32
- icon="el-icon-search"
33
- @click="openShift('shift')"
34
- ></el-button
35
- ></el-input>
36
- </el-form-item>
37
-
38
- <el-form-item label="参与人员" prop="participants">
39
- <el-radio-group v-model="formData.participants">
40
- <el-radio label="1">组内全部人员</el-radio>
41
- <el-radio label="2">组内部分人员</el-radio>
42
- </el-radio-group>
43
- </el-form-item>
44
- </div>
45
- <div v-if="formData.participants === '2'" class="form-item-second">
46
- <el-form-item label="选择人员" prop="personList">
47
- <el-input
48
- :value="personListComputed"
49
- type="textarea"
50
- placeholder="请输入内容"
51
- />
52
- </el-form-item>
53
- <el-form-item>
54
- <el-button
55
- icon="el-icon-search"
56
- size="mini"
57
- style="margin-right: 10px"
58
- @click="openAttendancePersonnel"
59
- ></el-button>
60
- <el-checkbox v-model="formData.reverseFilter"
61
- >反向筛选</el-checkbox
62
- >
63
- </el-form-item>
64
- </div>
65
- </el-form>
66
- </div>
67
- </div>
68
- <div class="bottom">
69
- <el-button size="small" @click="close">取消</el-button>
70
- <el-button size="small" type="primary" @click="onSave">生成排班</el-button>
71
- </div>
72
- </div>
73
- </template>
74
-
75
- <script>
76
- import shiftRotationSystem from "../../components/shiftRotationSystem";
77
- import shift from "../../components/shift";
78
- import companyCalendar from "../../components/companyCalendar";
79
- import attendancePersonnel from "../../components/attendancePersonnel";
80
- export default {
81
- // 批量调班
82
- name: "batchShiftChange",
83
- props: {
84
- close: {
85
- type: Function,
86
- default: () => {},
87
- },
88
-
89
- },
90
- data() {
91
- return {
92
- formData: {
93
- adjustmentDate: "", // 调整日期
94
- shift: "", // 班次
95
- participants: "1", // 参与人员
96
- personList: [],
97
- reverseFilter: false,
98
- },
99
- rules: {
100
- adjustmentDate: [
101
- { required: true, message: "请选择开始日期", trigger: "blur" },
102
- ],
103
-
104
- shift: [
105
- {
106
- required: true,
107
- message: "请输入法定假日休息班次",
108
- trigger: "blur",
109
- },
110
- ],
111
-
112
-
113
- },
114
-
115
- };
116
- },
117
- computed: {
118
- personListComputed() {
119
- return "1";
120
- },
121
- },
122
- mounted() {},
123
- methods: {
124
- openShift(key) {
125
- const config = {
126
- props: {
127
- title: "班次",
128
- width: "50%",
129
- },
130
- slots: {
131
- default: (
132
- <shift
133
- setData={(d) => this.setShift(d, key)}
134
- close={() => close()}
135
- />
136
- ),
137
- },
138
- };
139
- let { close } = this.$dialogFnByJsx(config);
140
- },
141
- setShift(data, key) {
142
- console.log(data, key, "setShift");
143
- },
144
- openAttendancePersonnel() {
145
- const config = {
146
- props: {
147
- title: "选择考勤人员",
148
- width: "50%",
149
- },
150
- slots: {
151
- default: (
152
- <attendancePersonnel
153
- close={() => close()}
154
- setData={(row) => this.setAttendancePersonnel(row)}
155
- multiple={true}
156
- />
157
- ),
158
- },
159
- };
160
- let { close } = this.$dialogFnByJsx(config);
161
- },
162
- setAttendancePersonnel(row) {
163
- console.log(row, "setAttendancePersonnel");
164
- },
165
-
166
- onSave() {
167
- console.log("onSave");
168
- this.close();
169
- }
170
- },
171
- };
172
- </script>
173
-
174
- <style lang="less">
175
- .batchShiftChange {
176
- .title {
177
- font-size: 16px;
178
- font-weight: 600;
179
- border-bottom: 1px solid #ccc;
180
- margin-bottom: 10px;
181
- padding-bottom: 6px;
182
- }
183
- .basicInfo {
184
- .form-item-fisrt {
185
- display: flex;
186
- flex-wrap: wrap;
187
- .el-form-item {
188
- width: 45%;
189
- margin-bottom: 14px;
190
- }
191
- }
192
- .form-item-second {
193
- .el-form-item {
194
- margin-bottom: 4px;
195
- }
196
- }
197
- }
198
- .bottom {
199
- display: flex;
200
- justify-content: flex-end;
201
- margin-top: 10px;
202
- }
203
- }
204
- </style>