zydx-plus 1.16.67 → 1.17.72
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.
- package/package.json +1 -1
- package/src/components/biz_taskInfo/index.js +6 -0
- package/src/components/biz_taskInfo/src/bizTaskInfo.vue +711 -0
- package/src/components/dragPopup/src/dragPopup.vue +2 -1
- package/src/components/editor2/src/editor.vue +92 -50
- package/src/components/menuTree/src/ZydxMenuTree.vue +19 -15
- package/src/components/menuTree/src/ZydxMenuTreeInfo.vue +78 -27
- package/src/components/treeList/src/treeList.vue +35 -11
- package/src/index.js +6 -3
package/package.json
CHANGED
|
@@ -0,0 +1,711 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="task_main">
|
|
3
|
+
<div class="task_center_main">
|
|
4
|
+
<div v-if="actionConfig[actionId].isShowFinishState" class="task_item_main width100" :class="isWidth50 ? 'width50': 'width100'" style="z-index: 110">
|
|
5
|
+
<div class="task_text_desc">动作性质：</div>
|
|
6
|
+
<div class="width250">
|
|
7
|
+
<zydxSelect :options="finishStateOptions" v-model:value="finishState"></zydxSelect>
|
|
8
|
+
</div>
|
|
9
|
+
</div>
|
|
10
|
+
<template v-if="actionConfig[actionId].isShowEndTime">
|
|
11
|
+
<template v-for="(info, index) in taskInfoList">
|
|
12
|
+
<div v-if="isTimeModel" class="task_item_main" :class="getZindex(index)">
|
|
13
|
+
<div class="task_text_desc">{{actionConfig[actionId].endTimeBtn2}}：</div>
|
|
14
|
+
<div class="width250">
|
|
15
|
+
<zydx-input v-model:value="info.examJoinTime"
|
|
16
|
+
:placeholder="'不限制'"
|
|
17
|
+
:type="'number'">
|
|
18
|
+
<template #suffix>
|
|
19
|
+
<span>分钟</span>
|
|
20
|
+
</template>
|
|
21
|
+
</zydx-input>
|
|
22
|
+
</div>
|
|
23
|
+
</div>
|
|
24
|
+
<div v-else class="task_item_main" :class="getZindex(index)">
|
|
25
|
+
<div class="task_text_desc"><span v-if="actionId === 'action_lesson015'">{{getUppercase(index)}}轮</span>{{actionConfig[actionId].endTimeBtn1}}：</div>
|
|
26
|
+
<div class="width250" style=" position: relative">
|
|
27
|
+
<zydx-input v-model:value="info.endTime"
|
|
28
|
+
:placeholder="'不限制'"
|
|
29
|
+
:readonly="true"
|
|
30
|
+
:type="'input'">
|
|
31
|
+
<template #suffix>
|
|
32
|
+
<span><img @click="showExamJoinCalenderTime[index] = !showExamJoinCalenderTime[index]" src="data:image/png;base64,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"/></span>
|
|
33
|
+
</template>
|
|
34
|
+
</zydx-input>
|
|
35
|
+
<div style="position: absolute; right: 0px; top: 15px;">
|
|
36
|
+
<zydx-calender :showDate="true" v-if="showExamJoinCalenderTime[index]" @confirm="examJoinConfirm($event, index)"></zydx-calender>
|
|
37
|
+
</div>
|
|
38
|
+
</div>
|
|
39
|
+
</div>
|
|
40
|
+
<div v-if="actionConfig[actionId].isShowLaterScore" class="task_item_main" :class="getZindex(index)">
|
|
41
|
+
<div class="task_text_desc">迟交扣分：</div>
|
|
42
|
+
<div class="width250">
|
|
43
|
+
<zydxSelect :options="laterScoreOptions" v-model:value="info.laterScore"></zydxSelect>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
</template>
|
|
47
|
+
</template>
|
|
48
|
+
<div v-if="actionConfig[actionId].isShowScreenLimit" class="task_item_main" style="z-index: 2">
|
|
49
|
+
<div class="task_text_desc">切屏限制：</div>
|
|
50
|
+
<div class="width250">
|
|
51
|
+
<zydxSelect :options="screenLimitOptions" v-model:value="screenLimit"></zydxSelect>
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
<div v-if="actionConfig[actionId].isShowFunDisable" class="task_item_main" style="z-index: 2">
|
|
55
|
+
<div class="task_text_desc">复制限制：</div>
|
|
56
|
+
<div class="width250">
|
|
57
|
+
<zydxSelect :options="funDisableOptions" v-model:value="funDisable"></zydxSelect>
|
|
58
|
+
</div>
|
|
59
|
+
</div>
|
|
60
|
+
<div v-if="actionConfig[actionId].isShowReviewObj" class="task_item_main" style="z-index: 1">
|
|
61
|
+
<div class="task_text_desc">评价主体：</div>
|
|
62
|
+
<div class="width250">
|
|
63
|
+
<zydxSelect :options="reviewObjOptions" v-model:value="reviewObj"></zydxSelect>
|
|
64
|
+
</div>
|
|
65
|
+
</div>
|
|
66
|
+
<div v-if="actionConfig[actionId].isShowReviewDemand" class="task_item_main" style="z-index: 1">
|
|
67
|
+
<div class="task_text_desc">评价要求：</div>
|
|
68
|
+
<div class="width250">
|
|
69
|
+
<zydxSelect :options="reviewDemandOptions" v-model:value="reviewDemand"></zydxSelect>
|
|
70
|
+
</div>
|
|
71
|
+
</div>
|
|
72
|
+
|
|
73
|
+
<div class="default_item_main width100" >
|
|
74
|
+
<slot name="class_slot"></slot>
|
|
75
|
+
</div>
|
|
76
|
+
<div class="default_item_main width100" >
|
|
77
|
+
<slot name="tree_slot"></slot>
|
|
78
|
+
</div>
|
|
79
|
+
<div class="default_item_main width100" >
|
|
80
|
+
<slot name="general_slot"></slot>
|
|
81
|
+
</div>
|
|
82
|
+
</div>
|
|
83
|
+
</div>
|
|
84
|
+
</template>
|
|
85
|
+
|
|
86
|
+
<script>
|
|
87
|
+
import zydxSelect from '@/components/select/src/select.vue'
|
|
88
|
+
import zydxInput from '@/components/input/src/input.vue'
|
|
89
|
+
import zydxCalender from '@/components/calendar/src/Calendar.vue'
|
|
90
|
+
export default {
|
|
91
|
+
name: "zydx-biz-task-info",
|
|
92
|
+
props: {
|
|
93
|
+
actionId: {
|
|
94
|
+
type: String,
|
|
95
|
+
default: "action_lesson052"
|
|
96
|
+
},
|
|
97
|
+
isTimeModel: {
|
|
98
|
+
type: Boolean,
|
|
99
|
+
default: false
|
|
100
|
+
},
|
|
101
|
+
taskList: {
|
|
102
|
+
type: Array,
|
|
103
|
+
default: () => []
|
|
104
|
+
}
|
|
105
|
+
},
|
|
106
|
+
components: {zydxSelect, zydxInput, zydxCalender},
|
|
107
|
+
computed: {
|
|
108
|
+
isWidth50 () {
|
|
109
|
+
if (this.actionId === 'action_lesson051' || this.actionId === 'action_lesson021') {
|
|
110
|
+
return true;
|
|
111
|
+
}
|
|
112
|
+
return false;
|
|
113
|
+
}
|
|
114
|
+
},
|
|
115
|
+
data() {
|
|
116
|
+
return {
|
|
117
|
+
actionConfig: {
|
|
118
|
+
action_lesson051: {
|
|
119
|
+
actionName: '学习调查',
|
|
120
|
+
endTimeBtn1: '任务截止',
|
|
121
|
+
endTimeBtn2: '任务时长',
|
|
122
|
+
laterScoreBtn: '迟交扣分',
|
|
123
|
+
isShowFinishState: true,
|
|
124
|
+
isShowEndTime: true,
|
|
125
|
+
isShowLaterScore: false,
|
|
126
|
+
isShowReviewObj: false,
|
|
127
|
+
isShowReviewDemand: false,
|
|
128
|
+
isShowScreenLimit: false,
|
|
129
|
+
isShowFunDisable: false
|
|
130
|
+
},
|
|
131
|
+
action_lesson052: {
|
|
132
|
+
actionName: '学习检测',
|
|
133
|
+
endTimeBtn1: '检测截止',
|
|
134
|
+
endTimeBtn2: '检测时长',
|
|
135
|
+
laterScoreBtn: '迟交扣分',
|
|
136
|
+
isShowFinishState: true,
|
|
137
|
+
isShowEndTime: true,
|
|
138
|
+
isShowLaterScore: true,
|
|
139
|
+
isShowReviewObj: true,
|
|
140
|
+
isShowReviewDemand: true,
|
|
141
|
+
isShowScreenLimit: false,
|
|
142
|
+
isShowFunDisable: false
|
|
143
|
+
},
|
|
144
|
+
action_lesson_ideology: {
|
|
145
|
+
actionName: '课程思政',
|
|
146
|
+
endTimeBtn1: '任务截止',
|
|
147
|
+
endTimeBtn2: '任务时长',
|
|
148
|
+
laterScoreBtn: '迟交扣分',
|
|
149
|
+
isShowFinishState: true,
|
|
150
|
+
isShowEndTime: true,
|
|
151
|
+
isShowLaterScore: true,
|
|
152
|
+
isShowReviewObj: true,
|
|
153
|
+
isShowReviewDemand: true,
|
|
154
|
+
isShowScreenLimit: false,
|
|
155
|
+
isShowFunDisable: false
|
|
156
|
+
},
|
|
157
|
+
action_notes: {
|
|
158
|
+
actionName: '课程笔记',
|
|
159
|
+
endTimeBtn1: '任务截止',
|
|
160
|
+
endTimeBtn2: '任务时长',
|
|
161
|
+
laterScoreBtn: '迟交扣分',
|
|
162
|
+
isShowFinishState: true,
|
|
163
|
+
isShowEndTime: true,
|
|
164
|
+
isShowLaterScore: true,
|
|
165
|
+
isShowReviewObj: true,
|
|
166
|
+
isShowReviewDemand: true,
|
|
167
|
+
isShowScreenLimit: false,
|
|
168
|
+
isShowFunDisable: false
|
|
169
|
+
},
|
|
170
|
+
action_lesson012: {
|
|
171
|
+
actionName: '教师提问',
|
|
172
|
+
endTimeBtn1: '回答截止',
|
|
173
|
+
endTimeBtn2: '回答时长',
|
|
174
|
+
laterScoreBtn: '迟答扣分',
|
|
175
|
+
isShowFinishState: true,
|
|
176
|
+
isShowEndTime: true,
|
|
177
|
+
isShowLaterScore: true,
|
|
178
|
+
isShowReviewObj: true,
|
|
179
|
+
isShowReviewDemand: true,
|
|
180
|
+
isShowScreenLimit: false,
|
|
181
|
+
isShowFunDisable: false
|
|
182
|
+
},
|
|
183
|
+
action_lesson013: {
|
|
184
|
+
actionName: '教师答疑',
|
|
185
|
+
endTimeBtn1: '任务截止',
|
|
186
|
+
endTimeBtn2: '任务时长',
|
|
187
|
+
laterScoreBtn: '迟交扣分',
|
|
188
|
+
isShowFinishState: true,
|
|
189
|
+
isShowEndTime: true,
|
|
190
|
+
isShowLaterScore: true,
|
|
191
|
+
isShowReviewObj: true,
|
|
192
|
+
isShowReviewDemand: true,
|
|
193
|
+
isShowScreenLimit: false,
|
|
194
|
+
isShowFunDisable: false
|
|
195
|
+
},
|
|
196
|
+
action_lesson055: {
|
|
197
|
+
actionName: '生问生答',
|
|
198
|
+
endTimeBtn1: '任务截止',
|
|
199
|
+
endTimeBtn2: '任务时长',
|
|
200
|
+
laterScoreBtn: '迟交扣分',
|
|
201
|
+
isShowFinishState: true,
|
|
202
|
+
isShowEndTime: true,
|
|
203
|
+
isShowLaterScore: true,
|
|
204
|
+
isShowReviewObj: true,
|
|
205
|
+
isShowReviewDemand: true,
|
|
206
|
+
isShowScreenLimit: false,
|
|
207
|
+
isShowFunDisable: false
|
|
208
|
+
},
|
|
209
|
+
action_lesson014: {
|
|
210
|
+
actionName: '学习讨论',
|
|
211
|
+
endTimeBtn1: '讨论截止',
|
|
212
|
+
endTimeBtn2: '讨论时长',
|
|
213
|
+
laterScoreBtn: '迟交扣分',
|
|
214
|
+
isShowFinishState: true,
|
|
215
|
+
isShowEndTime: true,
|
|
216
|
+
isShowLaterScore: true,
|
|
217
|
+
isShowReviewObj: true,
|
|
218
|
+
isShowReviewDemand: true,
|
|
219
|
+
isShowScreenLimit: false,
|
|
220
|
+
isShowFunDisable: false
|
|
221
|
+
},
|
|
222
|
+
action_lesson015: {
|
|
223
|
+
actionName: '头脑风暴',
|
|
224
|
+
endTimeBtn1: '截止',
|
|
225
|
+
endTimeBtn2: '时长',
|
|
226
|
+
laterScoreBtn: '迟交扣分',
|
|
227
|
+
isShowFinishState: true,
|
|
228
|
+
isShowEndTime: true,
|
|
229
|
+
isShowLaterScore: true,
|
|
230
|
+
isShowReviewObj: true,
|
|
231
|
+
isShowReviewDemand: true,
|
|
232
|
+
isShowScreenLimit: false,
|
|
233
|
+
isShowFunDisable: false
|
|
234
|
+
},
|
|
235
|
+
action_lesson020: {
|
|
236
|
+
actionName: '思维训练',
|
|
237
|
+
endTimeBtn1: '训练截止',
|
|
238
|
+
endTimeBtn2: '训练时长',
|
|
239
|
+
laterScoreBtn: '迟交扣分',
|
|
240
|
+
isShowFinishState: true,
|
|
241
|
+
isShowEndTime: true,
|
|
242
|
+
isShowLaterScore: true,
|
|
243
|
+
isShowReviewObj: true,
|
|
244
|
+
isShowReviewDemand: true,
|
|
245
|
+
isShowScreenLimit: false,
|
|
246
|
+
isShowFunDisable: false
|
|
247
|
+
},
|
|
248
|
+
action_lesson029: {
|
|
249
|
+
actionName: '案例分析',
|
|
250
|
+
endTimeBtn1: '分析截止',
|
|
251
|
+
endTimeBtn2: '分析时长',
|
|
252
|
+
laterScoreBtn: '迟交扣分',
|
|
253
|
+
isShowFinishState: true,
|
|
254
|
+
isShowEndTime: true,
|
|
255
|
+
isShowLaterScore: true,
|
|
256
|
+
isShowReviewObj: true,
|
|
257
|
+
isShowReviewDemand: true,
|
|
258
|
+
isShowScreenLimit: false,
|
|
259
|
+
isShowFunDisable: false
|
|
260
|
+
},
|
|
261
|
+
action_lesson065: {
|
|
262
|
+
actionName: '虚拟学习',
|
|
263
|
+
endTimeBtn1: '学习截止',
|
|
264
|
+
endTimeBtn2: '学习时长',
|
|
265
|
+
laterScoreBtn: '迟交扣分',
|
|
266
|
+
isShowFinishState: true,
|
|
267
|
+
isShowEndTime: true,
|
|
268
|
+
isShowLaterScore: true,
|
|
269
|
+
isShowReviewObj: true,
|
|
270
|
+
isShowReviewDemand: true,
|
|
271
|
+
isShowScreenLimit: false,
|
|
272
|
+
isShowFunDisable: false
|
|
273
|
+
},
|
|
274
|
+
action_lesson056: {
|
|
275
|
+
actionName: '讲给他人',
|
|
276
|
+
endTimeBtn1: '任务截止',
|
|
277
|
+
endTimeBtn2: '任务时长',
|
|
278
|
+
laterScoreBtn: '迟交扣分',
|
|
279
|
+
isShowFinishState: true,
|
|
280
|
+
isShowEndTime: true,
|
|
281
|
+
isShowLaterScore: true,
|
|
282
|
+
isShowReviewObj: true,
|
|
283
|
+
isShowReviewDemand: true,
|
|
284
|
+
isShowScreenLimit: false,
|
|
285
|
+
isShowFunDisable: false
|
|
286
|
+
},
|
|
287
|
+
action_lesson_homework: {
|
|
288
|
+
actionName: '课后作业',
|
|
289
|
+
endTimeBtn1: '作业截止',
|
|
290
|
+
endTimeBtn2: '作业时长',
|
|
291
|
+
laterScoreBtn: '迟交扣分',
|
|
292
|
+
isShowFinishState: true,
|
|
293
|
+
isShowEndTime: true,
|
|
294
|
+
isShowLaterScore: true,
|
|
295
|
+
isShowReviewObj: true,
|
|
296
|
+
isShowReviewDemand: true,
|
|
297
|
+
isShowScreenLimit: false,
|
|
298
|
+
isShowFunDisable: false
|
|
299
|
+
},
|
|
300
|
+
action_lesson_report: {
|
|
301
|
+
actionName: '聆听报告',
|
|
302
|
+
endTimeBtn1: '聆听截止',
|
|
303
|
+
endTimeBtn2: '聆听时长',
|
|
304
|
+
laterScoreBtn: '迟交扣分',
|
|
305
|
+
isShowFinishState: true,
|
|
306
|
+
isShowEndTime: true,
|
|
307
|
+
isShowLaterScore: true,
|
|
308
|
+
isShowReviewObj: true,
|
|
309
|
+
isShowReviewDemand: true,
|
|
310
|
+
isShowScreenLimit: false,
|
|
311
|
+
isShowFunDisable: false
|
|
312
|
+
},
|
|
313
|
+
action_lesson058: {
|
|
314
|
+
actionName: '课业阅读',
|
|
315
|
+
endTimeBtn1: '阅读截止',
|
|
316
|
+
endTimeBtn2: '阅读时长',
|
|
317
|
+
laterScoreBtn: '迟阅扣分',
|
|
318
|
+
isShowFinishState: true,
|
|
319
|
+
isShowEndTime: true,
|
|
320
|
+
isShowLaterScore: true,
|
|
321
|
+
isShowReviewObj: true,
|
|
322
|
+
isShowReviewDemand: true,
|
|
323
|
+
isShowScreenLimit: false,
|
|
324
|
+
isShowFunDisable: false
|
|
325
|
+
},
|
|
326
|
+
action_lesson059: {
|
|
327
|
+
actionName: '课业写作',
|
|
328
|
+
endTimeBtn1: '写作截止',
|
|
329
|
+
endTimeBtn2: '写作时长',
|
|
330
|
+
laterScoreBtn: '迟交扣分',
|
|
331
|
+
isShowFinishState: true,
|
|
332
|
+
isShowEndTime: true,
|
|
333
|
+
isShowLaterScore: true,
|
|
334
|
+
isShowReviewObj: true,
|
|
335
|
+
isShowReviewDemand: true,
|
|
336
|
+
isShowScreenLimit: false,
|
|
337
|
+
isShowFunDisable: false
|
|
338
|
+
},
|
|
339
|
+
action_lesson017: {
|
|
340
|
+
actionName: '课业实践',
|
|
341
|
+
endTimeBtn1: '任务截止',
|
|
342
|
+
endTimeBtn2: '任务时长',
|
|
343
|
+
laterScoreBtn: '迟交扣分',
|
|
344
|
+
isShowFinishState: true,
|
|
345
|
+
isShowEndTime: true,
|
|
346
|
+
isShowLaterScore: true,
|
|
347
|
+
isShowReviewObj: true,
|
|
348
|
+
isShowReviewDemand: true,
|
|
349
|
+
isShowScreenLimit: false,
|
|
350
|
+
isShowFunDisable: false
|
|
351
|
+
},
|
|
352
|
+
action_lesson016: {
|
|
353
|
+
actionName: '课业创新',
|
|
354
|
+
endTimeBtn1: '任务截止',
|
|
355
|
+
endTimeBtn2: '任务时长',
|
|
356
|
+
laterScoreBtn: '迟交扣分',
|
|
357
|
+
isShowFinishState: true,
|
|
358
|
+
isShowEndTime: true,
|
|
359
|
+
isShowLaterScore: true,
|
|
360
|
+
isShowReviewObj: true,
|
|
361
|
+
isShowReviewDemand: true,
|
|
362
|
+
isShowScreenLimit: false,
|
|
363
|
+
isShowFunDisable: false
|
|
364
|
+
},
|
|
365
|
+
action_lesson021: {
|
|
366
|
+
actionName: '考试管理',
|
|
367
|
+
endTimeBtn1: '考试截止',
|
|
368
|
+
endTimeBtn2: '考试时长',
|
|
369
|
+
laterScoreBtn: '迟交扣分',
|
|
370
|
+
isShowFinishState: true,
|
|
371
|
+
isShowEndTime: true,
|
|
372
|
+
isShowLaterScore: false,
|
|
373
|
+
isShowReviewObj: true,
|
|
374
|
+
isShowReviewDemand: true,
|
|
375
|
+
isShowScreenLimit: true,
|
|
376
|
+
isShowFunDisable: true
|
|
377
|
+
},
|
|
378
|
+
action_project: {
|
|
379
|
+
actionName: '课业项目',
|
|
380
|
+
btn1: '',
|
|
381
|
+
btn2: ''
|
|
382
|
+
},
|
|
383
|
+
action_experiment: {
|
|
384
|
+
actionName: '课业实验',
|
|
385
|
+
btn1: '',
|
|
386
|
+
btn2: ''
|
|
387
|
+
}
|
|
388
|
+
},
|
|
389
|
+
showExamJoinCalenderTime:{
|
|
390
|
+
1: false,
|
|
391
|
+
2: false,
|
|
392
|
+
3: false
|
|
393
|
+
},
|
|
394
|
+
reviewObjOptions: [
|
|
395
|
+
{
|
|
396
|
+
value: '1',
|
|
397
|
+
label: '教师评价'
|
|
398
|
+
},
|
|
399
|
+
{
|
|
400
|
+
value: '2',
|
|
401
|
+
label: '同学互评'
|
|
402
|
+
}
|
|
403
|
+
],
|
|
404
|
+
reviewDemandOptions : [
|
|
405
|
+
{
|
|
406
|
+
value: '1',
|
|
407
|
+
label: '匿名评价'
|
|
408
|
+
},
|
|
409
|
+
{
|
|
410
|
+
value: '2',
|
|
411
|
+
label: '实名评价'
|
|
412
|
+
}
|
|
413
|
+
],
|
|
414
|
+
finishStateOptions: [
|
|
415
|
+
{
|
|
416
|
+
value: '0',
|
|
417
|
+
label: '学习型动作'
|
|
418
|
+
},
|
|
419
|
+
{
|
|
420
|
+
value: '1',
|
|
421
|
+
label: '考核型动作'
|
|
422
|
+
}
|
|
423
|
+
],
|
|
424
|
+
laterScoreOptions: [
|
|
425
|
+
{
|
|
426
|
+
value: '0',
|
|
427
|
+
label: '不扣分'
|
|
428
|
+
},
|
|
429
|
+
{
|
|
430
|
+
value: '10',
|
|
431
|
+
label: '10%'
|
|
432
|
+
},
|
|
433
|
+
{
|
|
434
|
+
value: '20',
|
|
435
|
+
label: '20%'
|
|
436
|
+
},
|
|
437
|
+
{
|
|
438
|
+
value: '30',
|
|
439
|
+
label: '30%'
|
|
440
|
+
},
|
|
441
|
+
{
|
|
442
|
+
value: '40',
|
|
443
|
+
label: '40%'
|
|
444
|
+
},
|
|
445
|
+
{
|
|
446
|
+
value: '50',
|
|
447
|
+
label: '50%'
|
|
448
|
+
},
|
|
449
|
+
{
|
|
450
|
+
value: '60',
|
|
451
|
+
label: '60%'
|
|
452
|
+
},
|
|
453
|
+
{
|
|
454
|
+
value: '70',
|
|
455
|
+
label: '70%'
|
|
456
|
+
},
|
|
457
|
+
{
|
|
458
|
+
value: '80',
|
|
459
|
+
label: '80%'
|
|
460
|
+
},
|
|
461
|
+
{
|
|
462
|
+
value: '90',
|
|
463
|
+
label: '90%'
|
|
464
|
+
},
|
|
465
|
+
{
|
|
466
|
+
value: '100',
|
|
467
|
+
label: '100%'
|
|
468
|
+
}
|
|
469
|
+
],
|
|
470
|
+
screenLimitOptions: [
|
|
471
|
+
{
|
|
472
|
+
value: '0',
|
|
473
|
+
label: '允许切屏动作'
|
|
474
|
+
},
|
|
475
|
+
{
|
|
476
|
+
value: '1',
|
|
477
|
+
label: '不允许切屏动作'
|
|
478
|
+
}
|
|
479
|
+
],
|
|
480
|
+
funDisableOptions: [
|
|
481
|
+
{
|
|
482
|
+
value: '0',
|
|
483
|
+
label: '允许复制黏贴'
|
|
484
|
+
},
|
|
485
|
+
{
|
|
486
|
+
value: '1',
|
|
487
|
+
label: '不允许复制黏贴'
|
|
488
|
+
}
|
|
489
|
+
],
|
|
490
|
+
|
|
491
|
+
taskInfoList: [],
|
|
492
|
+
finishState: '',
|
|
493
|
+
reviewDemand: '',
|
|
494
|
+
reviewObj: '',
|
|
495
|
+
screenLimit: '',
|
|
496
|
+
funDisable: ''
|
|
497
|
+
}
|
|
498
|
+
},
|
|
499
|
+
watch: {
|
|
500
|
+
finishState: function (val) { //时间改变
|
|
501
|
+
this.taskInfoList.forEach(item => {
|
|
502
|
+
item.finishState = val
|
|
503
|
+
});
|
|
504
|
+
},
|
|
505
|
+
reviewDemand: function (val) { //时间改变
|
|
506
|
+
this.taskInfoList.forEach(item => {
|
|
507
|
+
item.reviewDemand = val
|
|
508
|
+
});
|
|
509
|
+
},
|
|
510
|
+
reviewObj: function (val) { //时间改变
|
|
511
|
+
this.taskInfoList.forEach(item => {
|
|
512
|
+
item.reviewObj = val
|
|
513
|
+
});
|
|
514
|
+
},
|
|
515
|
+
screenLimit: function (val) { //时间改变
|
|
516
|
+
this.taskInfoList.forEach(item => {
|
|
517
|
+
item.screenLimit = val
|
|
518
|
+
});
|
|
519
|
+
},
|
|
520
|
+
funDisable: function (val) { //时间改变
|
|
521
|
+
this.taskInfoList.forEach(item => {
|
|
522
|
+
item.funDisable = val
|
|
523
|
+
});
|
|
524
|
+
},
|
|
525
|
+
taskList: {
|
|
526
|
+
handler(newValue) {
|
|
527
|
+
if (newValue.length === 0) {
|
|
528
|
+
if (this.actionId === 'action_lesson015') {
|
|
529
|
+
this.taskInfoList = [
|
|
530
|
+
{
|
|
531
|
+
reviewObj: '1',
|
|
532
|
+
reviewDemand: "1",
|
|
533
|
+
finishState: "0",
|
|
534
|
+
laterScore: '10',
|
|
535
|
+
examJoinTime: '30',
|
|
536
|
+
endTime: '2021-01-10',
|
|
537
|
+
screenLimit: '0',
|
|
538
|
+
funDisable: '0',
|
|
539
|
+
round: 1
|
|
540
|
+
},
|
|
541
|
+
{
|
|
542
|
+
reviewObj: '1',
|
|
543
|
+
reviewDemand: "1",
|
|
544
|
+
finishState: "0",
|
|
545
|
+
laterScore: '0',
|
|
546
|
+
examJoinTime: '30',
|
|
547
|
+
endTime: '2021-01-10',
|
|
548
|
+
screenLimit: '0',
|
|
549
|
+
funDisable: '0',
|
|
550
|
+
round: 2
|
|
551
|
+
},
|
|
552
|
+
{
|
|
553
|
+
reviewObj: '1',
|
|
554
|
+
reviewDemand: "1",
|
|
555
|
+
finishState: "0",
|
|
556
|
+
laterScore: '0',
|
|
557
|
+
examJoinTime: '30',
|
|
558
|
+
endTime: '2021-01-10',
|
|
559
|
+
screenLimit: '0',
|
|
560
|
+
funDisable: '0',
|
|
561
|
+
round: 3
|
|
562
|
+
}
|
|
563
|
+
]
|
|
564
|
+
} else {
|
|
565
|
+
this.taskInfoList = [
|
|
566
|
+
{
|
|
567
|
+
reviewObj: '1',
|
|
568
|
+
reviewDemand: "1",
|
|
569
|
+
finishState: "0",
|
|
570
|
+
laterScore: '0',
|
|
571
|
+
examJoinTime: '30',
|
|
572
|
+
endTime: '2021-01-10',
|
|
573
|
+
screenLimit: '0',
|
|
574
|
+
funDisable: '0',
|
|
575
|
+
round: 1
|
|
576
|
+
}
|
|
577
|
+
]
|
|
578
|
+
}
|
|
579
|
+
} else {
|
|
580
|
+
this.taskInfoList = newValue.sort(function(a, b){
|
|
581
|
+
return parseInt(a.round) > parseInt(b.round) ? 1: -1
|
|
582
|
+
})
|
|
583
|
+
}
|
|
584
|
+
this.finishState = this.taskInfoList[0].finishState
|
|
585
|
+
this.reviewDemand = this.taskInfoList[0].reviewDemand
|
|
586
|
+
this.reviewObj = this.taskInfoList[0].reviewObj
|
|
587
|
+
this.screenLimit = this.taskInfoList[0].screenLimit
|
|
588
|
+
this.funDisable = this.taskInfoList[0].funDisable
|
|
589
|
+
},
|
|
590
|
+
deep: true,
|
|
591
|
+
immediate: true
|
|
592
|
+
},
|
|
593
|
+
taskInfoList: {
|
|
594
|
+
handler(newValue) {
|
|
595
|
+
this.$emit('confirm', newValue)
|
|
596
|
+
},
|
|
597
|
+
deep: true
|
|
598
|
+
}
|
|
599
|
+
},
|
|
600
|
+
created() {
|
|
601
|
+
},
|
|
602
|
+
methods: {
|
|
603
|
+
getZindex (index) {
|
|
604
|
+
let computeIndex = 10 - index
|
|
605
|
+
return 'z_index' + computeIndex;
|
|
606
|
+
},
|
|
607
|
+
examJoinConfirm (param, index) {
|
|
608
|
+
this.showExamJoinCalenderTime[index] = !this.showExamJoinCalenderTime[index]
|
|
609
|
+
this.taskInfoList[index].endTime = param.start + param.date
|
|
610
|
+
},
|
|
611
|
+
getUppercase (index) {
|
|
612
|
+
if (index === 0) {
|
|
613
|
+
return "一"
|
|
614
|
+
} else if (index === 1) {
|
|
615
|
+
return "二"
|
|
616
|
+
} else if (index === 2) {
|
|
617
|
+
return "三"
|
|
618
|
+
}
|
|
619
|
+
},
|
|
620
|
+
// 排序方法
|
|
621
|
+
funSort (param) {
|
|
622
|
+
param.sort(function(a, b){
|
|
623
|
+
return parseInt(a.round) > parseInt(b.round) ? 1: -1
|
|
624
|
+
})
|
|
625
|
+
}
|
|
626
|
+
|
|
627
|
+
|
|
628
|
+
}
|
|
629
|
+
}
|
|
630
|
+
</script>
|
|
631
|
+
|
|
632
|
+
<style scoped>
|
|
633
|
+
.task_main {
|
|
634
|
+
opacity: 1;
|
|
635
|
+
display: flex;
|
|
636
|
+
justify-content: center;
|
|
637
|
+
}
|
|
638
|
+
.task_center_main {
|
|
639
|
+
width: 676px;
|
|
640
|
+
display: flex;
|
|
641
|
+
display: -webkit-flex;
|
|
642
|
+
flex-wrap: wrap;
|
|
643
|
+
align-items: center;
|
|
644
|
+
justify-content: space-between;
|
|
645
|
+
}
|
|
646
|
+
|
|
647
|
+
>>>.el-input__wrapper{
|
|
648
|
+
height: 30px;
|
|
649
|
+
}
|
|
650
|
+
|
|
651
|
+
.el-select .el-input {
|
|
652
|
+
width: 130px;
|
|
653
|
+
}
|
|
654
|
+
.input-with-select .el-input-group__prepend {
|
|
655
|
+
background-color: #fff;
|
|
656
|
+
}
|
|
657
|
+
.default_item_main {
|
|
658
|
+
line-height: 30px;
|
|
659
|
+
}
|
|
660
|
+
|
|
661
|
+
.task_item_main {
|
|
662
|
+
width: 318px;
|
|
663
|
+
display: flex;
|
|
664
|
+
flex-direction: row;
|
|
665
|
+
height: 30px;
|
|
666
|
+
line-height: 30px;
|
|
667
|
+
margin-bottom: 5px;
|
|
668
|
+
}
|
|
669
|
+
.width100 {
|
|
670
|
+
width: 100% !important;
|
|
671
|
+
}
|
|
672
|
+
|
|
673
|
+
.z_index3{
|
|
674
|
+
z-index: 3;
|
|
675
|
+
}
|
|
676
|
+
.z_index4{
|
|
677
|
+
z-index: 4;
|
|
678
|
+
}
|
|
679
|
+
.z_index5{
|
|
680
|
+
z-index: 5;
|
|
681
|
+
}
|
|
682
|
+
.z_index6{
|
|
683
|
+
z-index: 6;
|
|
684
|
+
}
|
|
685
|
+
.z_index7{
|
|
686
|
+
z-index: 7;
|
|
687
|
+
}
|
|
688
|
+
.z_index8{
|
|
689
|
+
z-index: 8;
|
|
690
|
+
}
|
|
691
|
+
.z_index9{
|
|
692
|
+
z-index: 9;
|
|
693
|
+
}
|
|
694
|
+
.z_index10{
|
|
695
|
+
z-index: 10;
|
|
696
|
+
}
|
|
697
|
+
.width50 {
|
|
698
|
+
width: 50% !important;
|
|
699
|
+
}
|
|
700
|
+
.task_text_desc {
|
|
701
|
+
width: 70px;
|
|
702
|
+
font-size: 14px;
|
|
703
|
+
font-weight: 700;
|
|
704
|
+
}
|
|
705
|
+
.width250 {
|
|
706
|
+
width: 248px;
|
|
707
|
+
}
|
|
708
|
+
.margin_top5 {
|
|
709
|
+
margin-top: 5px;
|
|
710
|
+
}
|
|
711
|
+
</style>
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
@mouseup="mouseup"
|
|
8
8
|
@mouseleave="mousemove">
|
|
9
9
|
<span>按住可拖动弹窗</span>
|
|
10
|
-
<i @click="close"></i>
|
|
10
|
+
<i @click.stop="close"></i>
|
|
11
11
|
</div>
|
|
12
12
|
<div class="drag-cont" @mousemove="footMove" @mouseleave="footMove">
|
|
13
13
|
<slot name="content"></slot>
|
|
@@ -181,6 +181,7 @@ export default {
|
|
|
181
181
|
box-shadow: 0 0 3px 2px #ccc;
|
|
182
182
|
background-color: #fff;
|
|
183
183
|
border-radius: 3px;
|
|
184
|
+
z-index: 999;
|
|
184
185
|
}
|
|
185
186
|
.drag-head{
|
|
186
187
|
height: 30px;
|
|
@@ -1,33 +1,36 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div
|
|
3
|
-
<div class="ed-
|
|
4
|
-
|
|
5
|
-
<div class="ed-
|
|
6
|
-
<
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
2
|
+
<div :style="heightStyle">
|
|
3
|
+
<div class="ed-head">
|
|
4
|
+
<div class="ed-title" v-if="titleShow">{{ title }}</div>
|
|
5
|
+
<div class="ed-but" v-if="readOnly">
|
|
6
|
+
<div class="ed-head-but" v-for="(item,index) in toolbar">
|
|
7
|
+
<button v-if="item.key === 'but'" class="but" @click="item.onClick(item)" :style="{color: (item.active)? '#00ff00' :'#000'}">{{ item.title }}</button>
|
|
8
|
+
<label v-else-if="item.key === 'upImg' || item.key === 'uploadAtt'">
|
|
9
|
+
<input type="file" @change="upload($event,item.key)" :accept="(item.key === 'upImg')?'image/*':'application/*'" style="display: none;">
|
|
10
|
+
<span class="but">{{ item.title }}</span>
|
|
11
|
+
</label>
|
|
12
|
+
<button v-else class="but" @click="toolTap(item.key)">{{ item.title }}</button>
|
|
13
|
+
</div>
|
|
13
14
|
</div>
|
|
14
15
|
</div>
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
<
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
<
|
|
23
|
-
|
|
24
|
-
<div class="enclosure-item">
|
|
25
|
-
<
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
<
|
|
29
|
-
|
|
30
|
-
|
|
16
|
+
<div class="ed-cont" :style="heightStyleCont">
|
|
17
|
+
<div :style="{'border': (readOnly)? '1px solid #ccc': '0'}">
|
|
18
|
+
<editor-content class="editor" :editor="editor" :style="heightStyleCont" />
|
|
19
|
+
</div>
|
|
20
|
+
<div class="editor-but" v-if="butText !== ''">
|
|
21
|
+
<button class="but" @click="complete">{{ butText }}</button>
|
|
22
|
+
</div>
|
|
23
|
+
<div class="enclosure" v-if="uploadAttData.length > 0">
|
|
24
|
+
<p>附件列表：</p>
|
|
25
|
+
<div class="enclosure-list" v-for="(item,index) in uploadAttData">
|
|
26
|
+
<div class="enclosure-item">
|
|
27
|
+
<span>{{ index + 1 }}. {{ (uploadType)? item.name : item.fileName }}</span>
|
|
28
|
+
</div>
|
|
29
|
+
<div class="enclosure-item en-but">
|
|
30
|
+
<button class="but" v-if="seeShow" @click="see(index)">查看</button>
|
|
31
|
+
<button class="but" v-if="!item.name" @click="download(index)">下载</button>
|
|
32
|
+
<button class="but" v-if="delShow" @click="del(index)">删除</button>
|
|
33
|
+
</div>
|
|
31
34
|
</div>
|
|
32
35
|
</div>
|
|
33
36
|
</div>
|
|
@@ -47,7 +50,8 @@ export default {
|
|
|
47
50
|
return {
|
|
48
51
|
uploadAttData: [],
|
|
49
52
|
editor: null,
|
|
50
|
-
heightStyle: {}
|
|
53
|
+
heightStyle: {},
|
|
54
|
+
heightStyleCont: {}
|
|
51
55
|
};
|
|
52
56
|
},
|
|
53
57
|
beforeUnmount() {
|
|
@@ -89,15 +93,28 @@ export default {
|
|
|
89
93
|
delShow: {
|
|
90
94
|
type: Boolean,
|
|
91
95
|
default: true
|
|
96
|
+
},
|
|
97
|
+
seeShow: {
|
|
98
|
+
type: Boolean,
|
|
99
|
+
default: true
|
|
100
|
+
},
|
|
101
|
+
titleShow: {
|
|
102
|
+
type: Boolean,
|
|
103
|
+
default: true
|
|
104
|
+
},
|
|
105
|
+
uploadType: {
|
|
106
|
+
type: Boolean,
|
|
107
|
+
default: false
|
|
92
108
|
}
|
|
93
109
|
},
|
|
94
110
|
emits: ['see','complete'],
|
|
95
111
|
mounted() {
|
|
96
|
-
|
|
97
|
-
this.uploadAttData = this.data.enclosure
|
|
112
|
+
this.uploadAttData = (this.data.enclosure === undefined)? [] : this.data.enclosure
|
|
98
113
|
this.heightStyle = (this.height === '100%')? {height: '100%'} : {'min-height': this.height}
|
|
114
|
+
const height = this.height.split('px')[0] - 44
|
|
115
|
+
this.heightStyleCont = (this.height === '100%')? {height: 'calc(100% - 44px)'} : {'min-height': `${height}px`}
|
|
99
116
|
this.editor = new Editor({
|
|
100
|
-
content: json2html({node: "root",child: this.data.html}),
|
|
117
|
+
content: json2html({node: "root",child: (this.data.html === undefined)? [] : this.data.html}),
|
|
101
118
|
editable: this.readOnly,
|
|
102
119
|
extensions: [
|
|
103
120
|
StarterKit,
|
|
@@ -143,28 +160,54 @@ export default {
|
|
|
143
160
|
},
|
|
144
161
|
upload(e,v) {
|
|
145
162
|
const file = e.target.files[0]
|
|
146
|
-
this.
|
|
163
|
+
if(this.uploadType) {
|
|
147
164
|
if(v === 'uploadAtt') {
|
|
148
|
-
|
|
165
|
+
console.log(file)
|
|
166
|
+
this.uploadAttData.push(file)
|
|
149
167
|
}else {
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
tag: "p",
|
|
155
|
-
child: [{
|
|
156
|
-
attr: {
|
|
157
|
-
src: url,
|
|
158
|
-
width:"100%"
|
|
159
|
-
},
|
|
160
|
-
tag: 'img',
|
|
168
|
+
this.uploadFile(file).then(r => {
|
|
169
|
+
const url = this.uploadImage.url + r.data
|
|
170
|
+
const html = [
|
|
171
|
+
{
|
|
161
172
|
node: "element",
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
173
|
+
tag: "p",
|
|
174
|
+
child: [{
|
|
175
|
+
attr: {
|
|
176
|
+
src: url,
|
|
177
|
+
width:"100%"
|
|
178
|
+
},
|
|
179
|
+
tag: 'img',
|
|
180
|
+
node: "element",
|
|
181
|
+
}]
|
|
182
|
+
}
|
|
183
|
+
]
|
|
184
|
+
this.insertContent(html)
|
|
185
|
+
})
|
|
166
186
|
}
|
|
167
|
-
}
|
|
187
|
+
}else {
|
|
188
|
+
this.uploadFile(file).then(r => {
|
|
189
|
+
if(v === 'uploadAtt') {
|
|
190
|
+
this.uploadAttData.push(r.data)
|
|
191
|
+
}else {
|
|
192
|
+
const url = this.uploadImage.url + r.data
|
|
193
|
+
const html = [
|
|
194
|
+
{
|
|
195
|
+
node: "element",
|
|
196
|
+
tag: "p",
|
|
197
|
+
child: [{
|
|
198
|
+
attr: {
|
|
199
|
+
src: url,
|
|
200
|
+
width:"100%"
|
|
201
|
+
},
|
|
202
|
+
tag: 'img',
|
|
203
|
+
node: "element",
|
|
204
|
+
}]
|
|
205
|
+
}
|
|
206
|
+
]
|
|
207
|
+
this.insertContent(html)
|
|
208
|
+
}
|
|
209
|
+
})
|
|
210
|
+
}
|
|
168
211
|
e.target.value = ''
|
|
169
212
|
},
|
|
170
213
|
insertContent(v) {
|
|
@@ -264,7 +307,6 @@ export default {
|
|
|
264
307
|
padding: 10px 0;
|
|
265
308
|
}
|
|
266
309
|
.editor{
|
|
267
|
-
border: 1px solid #ccc;
|
|
268
310
|
border-radius: 3px;
|
|
269
311
|
padding: 20px;
|
|
270
312
|
outline: none;
|
|
@@ -3,9 +3,8 @@
|
|
|
3
3
|
<slot></slot>
|
|
4
4
|
<div v-for="(item, index) in targetTree" :key="index">
|
|
5
5
|
<zydx-menu-tree-info
|
|
6
|
-
:
|
|
7
|
-
:
|
|
8
|
-
:isShowUpDown="isShowUpDown"
|
|
6
|
+
:menuConfig="menuConfig"
|
|
7
|
+
:nodeLevel="nodeLevel"
|
|
9
8
|
:menu-info="item"
|
|
10
9
|
:selectItem="selectItem"
|
|
11
10
|
@clickItem="clickItem"
|
|
@@ -22,18 +21,22 @@ export default {
|
|
|
22
21
|
zydxMenuTreeInfo,
|
|
23
22
|
},
|
|
24
23
|
props: {
|
|
25
|
-
//
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
//
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
24
|
+
// 目录配置
|
|
25
|
+
menuConfig: {
|
|
26
|
+
type: Object,
|
|
27
|
+
default: function () {
|
|
28
|
+
return {
|
|
29
|
+
isShowUpDown: false, // 是否显示收起展开
|
|
30
|
+
isShowLine: false, // 是否显示下划线
|
|
31
|
+
isShowBtn: false, // 显示按钮或者图标
|
|
32
|
+
isCheckBox: false, // 是否显示复选框
|
|
33
|
+
isUnifyFontSize: false, // 字体是否需要统一字号，
|
|
34
|
+
checkBoxValue: [], // 复选款选中的值
|
|
35
|
+
};
|
|
36
|
+
}
|
|
34
37
|
},
|
|
35
38
|
// 节点设置
|
|
36
|
-
|
|
39
|
+
nodeLevel: {
|
|
37
40
|
type: Number,
|
|
38
41
|
default: 2,
|
|
39
42
|
},
|
|
@@ -56,7 +59,7 @@ export default {
|
|
|
56
59
|
let targetTree = [];
|
|
57
60
|
let minLevel = "";
|
|
58
61
|
that.treeData.map(function (item) {
|
|
59
|
-
if (that.isShowUpDown) {
|
|
62
|
+
if (that.menuConfig.isShowUpDown) {
|
|
60
63
|
// 如果设置收起展开， 添加控制变量
|
|
61
64
|
Reflect.set(item, "isShowUpDown", false);
|
|
62
65
|
} else {
|
|
@@ -78,7 +81,7 @@ export default {
|
|
|
78
81
|
targetTree.map(function (item) {
|
|
79
82
|
that.forArr(that.treeData, item);
|
|
80
83
|
});
|
|
81
|
-
if (that.isShowUpDown) {
|
|
84
|
+
if (that.menuConfig.isShowUpDown) {
|
|
82
85
|
for (let i = 0; i < targetTree.length; i++) {
|
|
83
86
|
this.setIsShowUpDown(targetTree[i], i);
|
|
84
87
|
}
|
|
@@ -130,6 +133,7 @@ export default {
|
|
|
130
133
|
white-space: nowrap;
|
|
131
134
|
text-overflow: ellipsis;
|
|
132
135
|
padding: 0px 10px;
|
|
136
|
+
width: 100%;
|
|
133
137
|
}
|
|
134
138
|
|
|
135
139
|
</style>
|
|
@@ -6,7 +6,6 @@
|
|
|
6
6
|
必传值：名字/类型/默认值/作用
|
|
7
7
|
menuInfo 目录树数据
|
|
8
8
|
非必传值：
|
|
9
|
-
nodeSet 传入当前的节点设置， 小于当前节点设置不可点，灰色
|
|
10
9
|
selectItem 传入当前选择的节点，是一个对象
|
|
11
10
|
* @回调事件：
|
|
12
11
|
* clickItem 点击点前节点的回调， 返回点击的节点
|
|
@@ -19,31 +18,34 @@ selectItem 传入当前选择的节点，是一个对象
|
|
|
19
18
|
:class="menuInfo.level === 0 ? '' : 'marginLeft14'"
|
|
20
19
|
>
|
|
21
20
|
<div
|
|
22
|
-
:class="
|
|
21
|
+
:class=" menuConfig.isShowLine ? 'dashed' : 'no_dashed'"
|
|
23
22
|
>
|
|
24
23
|
<div
|
|
25
|
-
class="widthB100 ellipse cursor"
|
|
24
|
+
class="widthB100 ellipse cursor "
|
|
26
25
|
:class="menuTitleStyle"
|
|
27
26
|
@click.stop="clickItem(menuInfo)"
|
|
28
27
|
>
|
|
28
|
+
<template v-if="menuConfig.isCheckBox">
|
|
29
|
+
<checkBox v-model="menuConfig.checkBoxValue" :value="menuInfo.catalogId"></checkBox>
|
|
30
|
+
</template>
|
|
29
31
|
{{ menuInfo.title }}
|
|
30
32
|
</div>
|
|
31
|
-
<div v-show="isShowUpDown && menuInfo.children">
|
|
32
|
-
<
|
|
33
|
-
class="
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
33
|
+
<div v-show="menuConfig.isShowUpDown && menuInfo.children">
|
|
34
|
+
<template v-if="menuConfig.isShowBtn">
|
|
35
|
+
<button class="z-button" @click="clickFont(menuInfo)">{{menuInfo.isShowUpDown ? '收  起': '展  开'}}</button>
|
|
36
|
+
</template>
|
|
37
|
+
<template v-else>
|
|
38
|
+
<span class="iconfont" v-html="defaultFont" @click="clickFont(menuInfo)"></span>
|
|
39
|
+
</template>
|
|
37
40
|
</div>
|
|
38
41
|
</div>
|
|
39
42
|
<div v-show="menuInfo.isShowUpDown">
|
|
40
43
|
<div v-for="(item, index) in menuInfo.children" :key="index">
|
|
41
44
|
<zydx-menu-tree-info
|
|
42
|
-
:
|
|
43
|
-
:isShowLine="isShowLine"
|
|
45
|
+
:menuConfig="menuConfig"
|
|
44
46
|
:selectItem="selectItem"
|
|
45
47
|
:menu-info="item"
|
|
46
|
-
:
|
|
48
|
+
:nodeLevel="nodeLevel"
|
|
47
49
|
@clickItem="clickItem"
|
|
48
50
|
>
|
|
49
51
|
</zydx-menu-tree-info>
|
|
@@ -55,24 +57,30 @@ selectItem 传入当前选择的节点，是一个对象
|
|
|
55
57
|
|
|
56
58
|
<script>
|
|
57
59
|
import zydxMenuTreeInfo from "./ZydxMenuTreeInfo";
|
|
60
|
+
import checkBox from '../../checkbox/src/checkBox'
|
|
58
61
|
export default {
|
|
59
62
|
name: "zydx-menu-tree-info",
|
|
60
63
|
components: {
|
|
61
64
|
zydxMenuTreeInfo,
|
|
65
|
+
checkBox
|
|
62
66
|
},
|
|
63
67
|
props: {
|
|
64
|
-
//
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
+
// 目录配置
|
|
69
|
+
menuConfig: {
|
|
70
|
+
type: Object,
|
|
71
|
+
default: function () {
|
|
72
|
+
return {
|
|
73
|
+
isShowUpDown: false, // 是否显示收起展开
|
|
74
|
+
isShowLine: false, // 是否显示下划线
|
|
75
|
+
isShowBtn: false, // 显示按钮或者图标
|
|
76
|
+
isCheckBox: false, // 是否显示复选框
|
|
77
|
+
isUnifyFontSize: false, // 字体是否需要统一字号，
|
|
78
|
+
checkBoxValue: [], // 复选款选中的值
|
|
79
|
+
};
|
|
80
|
+
}
|
|
68
81
|
},
|
|
69
|
-
//
|
|
70
|
-
|
|
71
|
-
type: Boolean,
|
|
72
|
-
default: false,
|
|
73
|
-
},
|
|
74
|
-
// 节点等级设置
|
|
75
|
-
nodeSet: {
|
|
82
|
+
// 显示可操作节点
|
|
83
|
+
nodeLevel: {
|
|
76
84
|
type: Number,
|
|
77
85
|
required: true,
|
|
78
86
|
},
|
|
@@ -98,11 +106,22 @@ export default {
|
|
|
98
106
|
},
|
|
99
107
|
menuTitleStyle() {
|
|
100
108
|
let ar = [];
|
|
101
|
-
if (
|
|
109
|
+
if (!this.menuConfig.isUnifyFontSize) {
|
|
110
|
+
if (parseInt(this.menuInfo.level) == 0) {
|
|
111
|
+
ar.push("text_center");
|
|
112
|
+
}
|
|
113
|
+
if (parseInt(this.menuInfo.level) == 0 || parseInt(this.menuInfo.level) == 1) {
|
|
114
|
+
ar.push("font_border");
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
if (parseInt(this.menuInfo.level) > parseInt(this.nodeLevel)) {
|
|
102
118
|
ar.push("disable");
|
|
103
119
|
}
|
|
104
|
-
|
|
105
|
-
|
|
120
|
+
// 如果显示复选。 怎不显示高亮
|
|
121
|
+
if (!this.menuConfig.isCheckBox) {
|
|
122
|
+
if (this.selectItem === this.menuInfo) {
|
|
123
|
+
ar.push("active");
|
|
124
|
+
}
|
|
106
125
|
}
|
|
107
126
|
return ar;
|
|
108
127
|
}
|
|
@@ -143,7 +162,7 @@ export default {
|
|
|
143
162
|
border-bottom: 1px #cccccc dashed;
|
|
144
163
|
}
|
|
145
164
|
.active {
|
|
146
|
-
color:
|
|
165
|
+
color: rgba(21, 212, 97, 1);
|
|
147
166
|
}
|
|
148
167
|
.ellipse {
|
|
149
168
|
text-overflow: ellipsis;
|
|
@@ -166,4 +185,36 @@ export default {
|
|
|
166
185
|
flex-direction: row;
|
|
167
186
|
border-bottom: 1px #FFFFFF dashed;
|
|
168
187
|
}
|
|
188
|
+
.lineHeight30 {
|
|
189
|
+
line-height: 30px;
|
|
190
|
+
}
|
|
191
|
+
.text_center {
|
|
192
|
+
font-size: 16px;
|
|
193
|
+
text-align: center;
|
|
194
|
+
}
|
|
195
|
+
.font_border {
|
|
196
|
+
font-weight: bolder;
|
|
197
|
+
}
|
|
198
|
+
.z-button {
|
|
199
|
+
margin: 1px;
|
|
200
|
+
width: auto;
|
|
201
|
+
min-width: 60px;
|
|
202
|
+
max-width: 60px;
|
|
203
|
+
text-overflow: ellipsis;
|
|
204
|
+
white-space: nowrap;
|
|
205
|
+
overflow: hidden;
|
|
206
|
+
height: 20px;
|
|
207
|
+
background-color: #FFFFFF;
|
|
208
|
+
color: #000000;
|
|
209
|
+
border: #000000 1px solid;
|
|
210
|
+
line-height: 18px;
|
|
211
|
+
border-radius: 3px;
|
|
212
|
+
font-size: 12px !important;
|
|
213
|
+
letter-spacing: 0px !important;
|
|
214
|
+
text-align: center;
|
|
215
|
+
cursor: pointer;
|
|
216
|
+
padding: 0 5px;
|
|
217
|
+
font-weight: normal;
|
|
218
|
+
box-sizing: border-box;
|
|
219
|
+
}
|
|
169
220
|
</style>
|
|
@@ -1,14 +1,21 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="list">
|
|
3
3
|
<div class="list-cont" v-if="list.length > 0">
|
|
4
|
-
<div class="list-li"
|
|
4
|
+
<div class="list-li" :style="{'border-bottom': (link)? '1px solid #ccc': '0', 'color': (active === index)? activeColor : '#333'}" @click="listTap(item,index)" v-for="(item,index) in list" :key="index">
|
|
5
5
|
<div class="list-title">
|
|
6
|
-
<span>{{ index + 1 }}. {{ item[column[0].label] }}</span>
|
|
6
|
+
<span :style="{'font-size': column[0].fontSize + 'px', 'font-weight': column[0].fontWeight}">{{ index + 1 }}. {{ (angleBrackets)? '《': '' }} {{ item[column[0].label] }} {{ (angleBrackets)? '》': '' }}</span>
|
|
7
7
|
<button v-if="delShow" @click="del(item)">删除</button>
|
|
8
8
|
</div>
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
<div class="list-cont" v-if="open">
|
|
10
|
+
<div class="list-li-cont">
|
|
11
|
+
<p v-for="(it,ind) in column.slice(1, column.length)" :key="ind">{{ it.name }}：{{ item[it.label] }}</p>
|
|
12
|
+
</div>
|
|
13
|
+
</div>
|
|
14
|
+
<div class="list-cont" v-else>
|
|
15
|
+
<div class="list-li-cont" v-if="active === index">
|
|
16
|
+
<p v-for="(it,ind) in column.slice(1, column.length)" :key="ind">{{ it.name }}：{{ item[it.label] }}</p>
|
|
17
|
+
</div>
|
|
18
|
+
</div>
|
|
12
19
|
</div>
|
|
13
20
|
</div>
|
|
14
21
|
<div v-else class="wu">暂无数据</div>
|
|
@@ -20,7 +27,7 @@ export default {
|
|
|
20
27
|
name: "zydx-tree-list",
|
|
21
28
|
data() {
|
|
22
29
|
return {
|
|
23
|
-
active:
|
|
30
|
+
active: this.actives,
|
|
24
31
|
}
|
|
25
32
|
},
|
|
26
33
|
props: {
|
|
@@ -36,9 +43,29 @@ export default {
|
|
|
36
43
|
type: Boolean,
|
|
37
44
|
default: false
|
|
38
45
|
},
|
|
46
|
+
angleBrackets: {
|
|
47
|
+
type: Boolean,
|
|
48
|
+
default: false
|
|
49
|
+
},
|
|
50
|
+
open: {
|
|
51
|
+
type: Boolean,
|
|
52
|
+
default: false
|
|
53
|
+
},
|
|
54
|
+
link: {
|
|
55
|
+
type: Boolean,
|
|
56
|
+
default: false
|
|
57
|
+
},
|
|
58
|
+
activeColor: {
|
|
59
|
+
type: String,
|
|
60
|
+
default: '#e20808'
|
|
61
|
+
},
|
|
62
|
+
actives: {
|
|
63
|
+
type: Number,
|
|
64
|
+
default: 0
|
|
65
|
+
}
|
|
39
66
|
},
|
|
40
|
-
|
|
41
|
-
del() {
|
|
67
|
+
methods: {
|
|
68
|
+
del(data) {
|
|
42
69
|
this.$emit('del',data)
|
|
43
70
|
},
|
|
44
71
|
listTap(data,index) {
|
|
@@ -95,7 +122,4 @@ export default {
|
|
|
95
122
|
height: 26px;
|
|
96
123
|
line-height: 26px;
|
|
97
124
|
}
|
|
98
|
-
.list-active{
|
|
99
|
-
color: #e20808;
|
|
100
|
-
}
|
|
101
125
|
</style>
|
package/src/index.js
CHANGED
|
@@ -19,6 +19,7 @@ import mind from './components/mind/index';
|
|
|
19
19
|
import bizHeader from './components/biz_header/index';
|
|
20
20
|
import editor2 from './components/editor2/index';
|
|
21
21
|
import dragPopup from './components/dragPopup/index';
|
|
22
|
+
import bizTaskInfo from './components/biz_taskInfo/index';
|
|
22
23
|
|
|
23
24
|
const components = [
|
|
24
25
|
Calendar,
|
|
@@ -39,7 +40,8 @@ const components = [
|
|
|
39
40
|
mind,
|
|
40
41
|
bizHeader,
|
|
41
42
|
editor2,
|
|
42
|
-
dragPopup
|
|
43
|
+
dragPopup,
|
|
44
|
+
bizTaskInfo
|
|
43
45
|
];
|
|
44
46
|
|
|
45
47
|
function install(app) {
|
|
@@ -51,7 +53,7 @@ function install(app) {
|
|
|
51
53
|
}
|
|
52
54
|
|
|
53
55
|
export default {
|
|
54
|
-
version: '1.
|
|
56
|
+
version: '1.17.72',
|
|
55
57
|
install,
|
|
56
58
|
Calendar,
|
|
57
59
|
Message,
|
|
@@ -73,6 +75,7 @@ export default {
|
|
|
73
75
|
mind,
|
|
74
76
|
bizHeader,
|
|
75
77
|
editor2,
|
|
76
|
-
dragPopup
|
|
78
|
+
dragPopup,
|
|
79
|
+
bizTaskInfo
|
|
77
80
|
};
|
|
78
81
|
|