cloud-web-corejs 1.0.54-dev.24 → 1.0.54-dev.26
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
CHANGED
@@ -42,10 +42,18 @@
|
|
42
42
|
<template v-if="item.contentType == 0">
|
43
43
|
{{ item.content }}
|
44
44
|
</template>
|
45
|
-
<template v-else>
|
45
|
+
<template v-else-if="item.contentType == 1">
|
46
46
|
<baseUpload accept="file" multi="false" :file.sync="item.file" :edit="false"
|
47
47
|
:showProperties="false" :showSize="true" :createBy="false"></baseUpload>
|
48
48
|
</template>
|
49
|
+
<template v-else-if="item.contentType == 2">
|
50
|
+
<ul>
|
51
|
+
<li v-for="(answer,index) in item.answers" :key="index">
|
52
|
+
<a href="javascript:void(0);" class="a-link"
|
53
|
+
@click="answerCheckHandle(answer)">{{ answer.question }}</a>
|
54
|
+
</li>
|
55
|
+
</ul>
|
56
|
+
</template>
|
49
57
|
</div>
|
50
58
|
</div>
|
51
59
|
</template>
|
@@ -60,7 +68,7 @@
|
|
60
68
|
<i class="el-icon-folder-opened btn" @click="addFile" :disabled="!talkUserId"></i>
|
61
69
|
</el-tooltip>
|
62
70
|
</div> -->
|
63
|
-
<div class="pop-inputTips">
|
71
|
+
<!-- <div class="pop-inputTips" v-show="false">
|
64
72
|
<p>该商品的<span>有效</span>日期?</p>
|
65
73
|
<p><span>有效</span>使用时间是什么时候?</p>
|
66
74
|
<p>该商品的<span>有效</span>日期?</p>
|
@@ -69,7 +77,7 @@
|
|
69
77
|
<p><span>有效</span>使用时间是什么时候?</p>
|
70
78
|
<p>该商品的<span>有效</span>日期?</p>
|
71
79
|
<p><span>有效</span>使用时间是什么时候?</p>
|
72
|
-
</div
|
80
|
+
</div>-->
|
73
81
|
<el-input type="textarea" :rows="6" class="txt-textarea" v-model="talkUser.content" placeholder="请输入
|
74
82
|
选择此处,可粘贴文件(Ctrl+V)"
|
75
83
|
:disabled="!talkUserId" ref="contentRef" @paste.native="pasteMessage"
|
@@ -127,7 +135,9 @@
|
|
127
135
|
<i class="iconfont icon-wendangshangchuan"></i>
|
128
136
|
从个人文档工作区选择
|
129
137
|
</el-button>
|
130
|
-
<el-button type="info" plain class="button-sty" @click="
|
138
|
+
<el-button type="info" plain class="button-sty" @click="openHistoryDialog"><i
|
139
|
+
class="el-icon-time"></i>历史记录
|
140
|
+
</el-button>
|
131
141
|
</div>
|
132
142
|
<div class="fr">
|
133
143
|
<span class="t">Ctrl + Enter </span>
|
@@ -219,66 +229,41 @@
|
|
219
229
|
<div class="history-box">
|
220
230
|
<div class="h-form">
|
221
231
|
<div class="search-box">
|
222
|
-
<div class="search-classify" v-if="
|
223
|
-
|
224
|
-
|
232
|
+
<div class="search-classify" v-if="historyType == 2" @click="checkHistoryType(null)"><i
|
233
|
+
class="el-icon-files"></i><span>文件</span><i
|
234
|
+
class='el-icon-close'></i></div>
|
235
|
+
<div class="search-classify" v-if="historyType == 1" @click="checkHistoryType(null)"><i
|
236
|
+
class="el-icon-files"></i><span>图片</span><i
|
237
|
+
class='el-icon-close'></i></div>
|
238
|
+
<el-input class="search-input" v-model="historyKeyword" clearable @input="changeHistoryKeyword"></el-input>
|
225
239
|
</div>
|
226
240
|
<div class="keys-box">
|
227
|
-
<span @click="
|
228
|
-
|
229
|
-
</div>
|
230
|
-
<div class="h-list" v-if="fileTab == 'list'">
|
231
|
-
<div class="item">
|
232
|
-
<div class="name">营销管理11</div>
|
233
|
-
<div class="time">2024-01-06 16:06</div>
|
234
|
-
<div>你好~</div>
|
235
|
-
</div>
|
236
|
-
<div class="item">
|
237
|
-
<div class="name">营销管理11</div>
|
238
|
-
<div class="time">2024-01-06 16:06</div>
|
239
|
-
<div>你好~</div>
|
240
|
-
</div>
|
241
|
-
<div class="item">
|
242
|
-
<div class="name">营销管理11</div>
|
243
|
-
<div class="time">2024-01-06 16:06</div>
|
244
|
-
<div>你好~</div>
|
241
|
+
<span @click="checkHistoryType(2)">文件</span>
|
242
|
+
<span @click="checkHistoryType(1)">图片</span>
|
245
243
|
</div>
|
246
244
|
</div>
|
247
|
-
<div class="h-
|
248
|
-
<div class="item">
|
249
|
-
<div class="
|
250
|
-
<div class="
|
251
|
-
|
252
|
-
|
253
|
-
|
254
|
-
</
|
255
|
-
<
|
256
|
-
<
|
257
|
-
|
258
|
-
|
259
|
-
|
260
|
-
|
261
|
-
|
245
|
+
<div class="h-list" @scroll="handleScrollH" >
|
246
|
+
<div class="item" v-for="(item,index) in talkHRecords" :key="index" :class="'talk_h'+item.id">
|
247
|
+
<div class="name">{{ item.sendUserName }}</div>
|
248
|
+
<div class="time">{{ item.createDate }}</div>
|
249
|
+
<div>
|
250
|
+
<template v-if="item.contentType == 0">
|
251
|
+
{{ item.content }}
|
252
|
+
</template>
|
253
|
+
<template v-else-if="item.contentType == 1">
|
254
|
+
<baseUpload accept="file" multi="false" :file.sync="item.file" :edit="false"
|
255
|
+
:showProperties="false" :showSize="true" :createBy="false"></baseUpload>
|
256
|
+
</template>
|
257
|
+
<template v-else-if="item.contentType == 2">
|
258
|
+
<ul>
|
259
|
+
<li v-for="(answer,index) in item.answers" :key="index">
|
260
|
+
<a href="javascript:void(0);" class="a-link">{{ answer.question }}</a>
|
261
|
+
</li>
|
262
|
+
</ul>
|
263
|
+
</template>
|
262
264
|
</div>
|
263
265
|
</div>
|
264
266
|
</div>
|
265
|
-
<div class="h-pic" v-if="fileTab == 'pic'">
|
266
|
-
<div class="item">
|
267
|
-
<el-image :src="src"></el-image>
|
268
|
-
</div>
|
269
|
-
<div class="item">
|
270
|
-
<el-image :src="src"></el-image>
|
271
|
-
</div>
|
272
|
-
<div class="item">
|
273
|
-
<el-image :src="src"></el-image>
|
274
|
-
</div>
|
275
|
-
<div class="item">
|
276
|
-
<el-image :src="src"></el-image>
|
277
|
-
</div>
|
278
|
-
<div class="item">
|
279
|
-
<el-image :src="src"></el-image>
|
280
|
-
</div>
|
281
|
-
</div>
|
282
267
|
</div>
|
283
268
|
</el-dialog>
|
284
269
|
</div>
|
@@ -295,10 +280,7 @@ export default {
|
|
295
280
|
privateProfileDialog: () => import('../../components/VabUpload/privateProfileDialog')
|
296
281
|
},
|
297
282
|
data() {
|
298
|
-
return {
|
299
|
-
showHistoryDialog:false,
|
300
|
-
fileTab:'list'
|
301
|
-
};
|
283
|
+
return {};
|
302
284
|
},
|
303
285
|
mounted() {
|
304
286
|
},
|
@@ -306,59 +288,180 @@ export default {
|
|
306
288
|
</script>
|
307
289
|
<style scoped lang="scss">
|
308
290
|
@import '~@/styles/variables.scss';
|
309
|
-
|
310
|
-
|
311
|
-
|
312
|
-
|
313
|
-
|
314
|
-
|
315
|
-
|
316
|
-
|
291
|
+
|
292
|
+
.history-box {
|
293
|
+
.h-form {
|
294
|
+
padding: 2px 16px 10px;
|
295
|
+
|
296
|
+
.search-classify {
|
297
|
+
background: #F4F4F4;
|
298
|
+
line-height: 28px;
|
299
|
+
height: 28px;
|
300
|
+
padding: 0 8px;
|
301
|
+
border-radius: 3px;
|
302
|
+
|
303
|
+
> i, > span {
|
304
|
+
vertical-align: middle;
|
305
|
+
font-size: 13px;
|
306
|
+
margin-top: 2px;
|
307
|
+
}
|
308
|
+
|
309
|
+
> span {
|
310
|
+
margin: 0 2px 0 4px
|
311
|
+
}
|
312
|
+
|
313
|
+
.el-icon-close {
|
314
|
+
cursor: pointer;
|
315
|
+
}
|
317
316
|
}
|
318
|
-
|
319
|
-
|
320
|
-
|
317
|
+
|
318
|
+
::v-deep .search-box {
|
319
|
+
border: solid 1px #eee;
|
320
|
+
padding: 5px;
|
321
|
+
border-radius: 8px;
|
322
|
+
display: flex;
|
323
|
+
background: #FFF;
|
324
|
+
|
325
|
+
.el-input {
|
326
|
+
flex: 1;
|
327
|
+
|
328
|
+
.el-input__inner {
|
329
|
+
border: none;
|
330
|
+
}
|
321
331
|
}
|
322
332
|
}
|
323
|
-
|
324
|
-
|
325
|
-
|
326
|
-
|
333
|
+
|
334
|
+
.keys-box {
|
335
|
+
margin-top: 10px;
|
336
|
+
padding: 0 2px;
|
337
|
+
|
338
|
+
span {
|
339
|
+
display: inline-block;
|
340
|
+
margin-right: 42px;
|
341
|
+
font-size: 13px;
|
342
|
+
color: #2A6494;
|
343
|
+
cursor: pointer;
|
344
|
+
border-bottom: solid 1px #F7F7F7;
|
345
|
+
|
346
|
+
&:hover {
|
347
|
+
border-bottom: solid 1px #2A6494
|
348
|
+
}
|
327
349
|
}
|
328
350
|
}
|
329
351
|
}
|
330
|
-
|
331
|
-
|
332
|
-
|
333
|
-
|
334
|
-
|
335
|
-
|
336
|
-
|
352
|
+
|
353
|
+
.h-list {
|
354
|
+
height: 520px;
|
355
|
+
overflow: auto;
|
356
|
+
padding: 2px 0;
|
357
|
+
background-color: #FFF;
|
358
|
+
|
359
|
+
.item {
|
360
|
+
border-bottom: solid 1px #f2f2f2;
|
361
|
+
position: relative;
|
362
|
+
padding: 12px 16px;
|
363
|
+
color: #323232;
|
364
|
+
font-size: 13px;
|
365
|
+
|
366
|
+
.name {
|
367
|
+
color: #999;
|
368
|
+
margin-bottom: 5px;
|
369
|
+
font-size: 12px;
|
370
|
+
}
|
371
|
+
|
372
|
+
.time {
|
373
|
+
position: absolute;
|
374
|
+
right: 16px;
|
375
|
+
top: 14px;
|
376
|
+
font-size: 12px;
|
377
|
+
color: #999;
|
378
|
+
}
|
379
|
+
|
380
|
+
&:hover {
|
381
|
+
background: #f7f7f7;
|
382
|
+
}
|
337
383
|
}
|
338
384
|
}
|
339
|
-
|
340
|
-
|
341
|
-
|
342
|
-
|
343
|
-
|
344
|
-
|
385
|
+
|
386
|
+
.h-pic {
|
387
|
+
height: 520px;
|
388
|
+
overflow: auto;
|
389
|
+
padding: 8px 14px;
|
390
|
+
background-color: #FFF;
|
391
|
+
|
392
|
+
.item {
|
393
|
+
width: 133px;
|
394
|
+
height: 133px;
|
395
|
+
display: inline-block;
|
396
|
+
vertical-align: middle;
|
397
|
+
margin: 3px;
|
398
|
+
|
399
|
+
.el-image {
|
400
|
+
width: 100%;
|
401
|
+
height: 100%;
|
402
|
+
}
|
403
|
+
|
404
|
+
&:hover .el-image {
|
405
|
+
border: solid 1px #2A6494
|
406
|
+
}
|
345
407
|
}
|
346
408
|
}
|
347
|
-
|
348
|
-
|
349
|
-
|
350
|
-
|
351
|
-
|
352
|
-
|
353
|
-
|
409
|
+
|
410
|
+
.h-file {
|
411
|
+
height: 520px;
|
412
|
+
overflow: auto;
|
413
|
+
padding: 8px 0;
|
414
|
+
background-color: #FFF;
|
415
|
+
|
416
|
+
.item {
|
417
|
+
position: relative;
|
418
|
+
padding: 8px 16px 0;
|
419
|
+
color: #323232;
|
420
|
+
font-size: 13px;
|
421
|
+
display: flex;
|
422
|
+
|
423
|
+
.img {
|
424
|
+
width: 58px;
|
425
|
+
height: 58px;
|
426
|
+
|
427
|
+
.el-image {
|
428
|
+
width: 100%;
|
429
|
+
height: 100%;
|
430
|
+
}
|
354
431
|
}
|
355
|
-
|
356
|
-
|
357
|
-
|
358
|
-
|
359
|
-
|
360
|
-
|
361
|
-
|
432
|
+
|
433
|
+
.txt {
|
434
|
+
border-bottom: solid 1px #f2f2f2;
|
435
|
+
flex: 1;
|
436
|
+
display: flex;
|
437
|
+
color: #999;
|
438
|
+
font-size: 12px;
|
439
|
+
padding: 0 0 6px;
|
440
|
+
margin-left: 12px;
|
441
|
+
|
442
|
+
p {
|
443
|
+
margin: 0 0 8px;
|
444
|
+
}
|
445
|
+
|
446
|
+
.name {
|
447
|
+
color: #323232;
|
448
|
+
font-size: 13px;
|
449
|
+
}
|
450
|
+
|
451
|
+
.t-l {
|
452
|
+
flex: 1
|
453
|
+
}
|
454
|
+
|
455
|
+
.t-r {
|
456
|
+
font-size: 12px;
|
457
|
+
text-align: right;
|
458
|
+
|
459
|
+
.ico {
|
460
|
+
display: inline-block;
|
461
|
+
color: #2A6494;
|
462
|
+
margin-left: 8px;
|
463
|
+
font-size: 16px;
|
464
|
+
}
|
362
465
|
}
|
363
466
|
}
|
364
467
|
}
|
@@ -366,7 +469,6 @@ export default {
|
|
366
469
|
}
|
367
470
|
|
368
471
|
|
369
|
-
|
370
472
|
.ico-online {
|
371
473
|
background: url(~@/resources/images/ico-service.png) no-repeat center 19px #FFF;
|
372
474
|
background-size: 40px;
|
@@ -491,7 +593,8 @@ export default {
|
|
491
593
|
|
492
594
|
.item {
|
493
595
|
margin: 10px 0;
|
494
|
-
font-size:14px;
|
596
|
+
font-size: 14px;
|
597
|
+
|
495
598
|
.name {
|
496
599
|
color: rgba(102, 102, 102, 0.6);
|
497
600
|
margin-bottom: 4px;
|
@@ -536,7 +639,8 @@ export default {
|
|
536
639
|
|
537
640
|
&.right {
|
538
641
|
text-align: right;
|
539
|
-
font-size:14px;
|
642
|
+
font-size: 14px;
|
643
|
+
|
540
644
|
.cont {
|
541
645
|
background-color: #D8E8F9;
|
542
646
|
|
@@ -571,13 +675,37 @@ export default {
|
|
571
675
|
padding: 10px 12px;
|
572
676
|
display: flex;
|
573
677
|
flex-direction: column;
|
574
|
-
|
575
|
-
|
576
|
-
|
577
|
-
|
578
|
-
|
678
|
+
|
679
|
+
.pop-inputTips {
|
680
|
+
position: absolute;
|
681
|
+
background: #FFF;
|
682
|
+
left: 10px;
|
683
|
+
border: solid 1px #eee;
|
684
|
+
overflow: auto;
|
685
|
+
height: 160px;
|
686
|
+
width: 400px;
|
687
|
+
font-size: 13px;
|
688
|
+
bottom: 100%;
|
689
|
+
margin-bottom: -22px;
|
690
|
+
z-index: 22;
|
691
|
+
box-shadow: 0 0 14px rgb(0 0 0 / 11%);
|
692
|
+
padding: 2px 0;
|
693
|
+
|
694
|
+
p {
|
695
|
+
padding: 10px 16px;
|
696
|
+
margin: 0;
|
697
|
+
cursor: pointer;
|
698
|
+
|
699
|
+
&:hover {
|
700
|
+
background: #f7f7f7
|
701
|
+
}
|
702
|
+
|
703
|
+
span {
|
704
|
+
color: $red
|
705
|
+
}
|
579
706
|
}
|
580
707
|
}
|
708
|
+
|
581
709
|
.btns {
|
582
710
|
background-color: #FAFAFA;
|
583
711
|
height: 36px;
|
@@ -747,9 +875,14 @@ export default {
|
|
747
875
|
}
|
748
876
|
}
|
749
877
|
}
|
750
|
-
|
751
|
-
|
878
|
+
|
879
|
+
.fl {
|
880
|
+
.button-sty .el-icon-time {
|
881
|
+
margin-bottom: 2px;
|
882
|
+
margin-right: 2px;
|
883
|
+
}
|
752
884
|
}
|
885
|
+
|
753
886
|
.fr {
|
754
887
|
.t {
|
755
888
|
vertical-align: middle;
|