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
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "cloud-web-corejs",
3
3
  "private": false,
4
- "version": "1.0.54-dev.24",
4
+ "version": "1.0.54-dev.26",
5
5
  "scripts": {
6
6
  "dev": "vue-cli-service serve",
7
7
  "lint": "eslint --ext .js,.vue src",
@@ -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="showHistoryDialog=true"><i class="el-icon-time"></i>历史记录</el-button>
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="fileTab == 'file'"><i class="el-icon-files"></i><span>文件</span><i class='el-icon-close' @click="fileTab = 'list'"></i></div>
223
- <div class="search-classify" v-if="fileTab == 'pic'"><i class="el-icon-files"></i><span>图片</span><i class='el-icon-close' @click="fileTab = 'list'"></i></div>
224
- <el-input class="search-input"></el-input>
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="fileTab = 'file'">文件</span><span @click="fileTab = 'pic'">图片</span>
228
- </div>
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-file" v-if="fileTab == 'file'">
248
- <div class="item">
249
- <div class="img"><el-image :src="src"></el-image></div>
250
- <div class="txt">
251
- <div class="t-l">
252
- <p class="name">放大.pdf</p>
253
- <p>admin</p>
254
- </div>
255
- <div class="t-r">
256
- <p>2021-12-10</p>
257
- <p>
258
- <span>2.3M</span>
259
- <el-tooltip class="ico" effect="dark" content="下载" placement="top"><i class="el-icon-download"></i></el-tooltip>
260
- </p>
261
- </div>
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
- .history-box{
310
- .h-form{
311
- padding:2px 16px 10px;
312
- .search-classify{
313
- background:#F4F4F4;line-height:28px;height:28px;padding:0 8px;border-radius: 3px;
314
- > i , > span{vertical-align: middle;font-size: 13px;margin-top: 2px;}
315
- > span{margin:0 2px 0 4px}
316
- .el-icon-close{cursor: pointer;}
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
- ::v-deep .search-box{border:solid 1px #eee;padding:5px;border-radius: 8px;display:flex;background:#FFF;
319
- .el-input{flex:1;
320
- .el-input__inner{border:none;}
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
- .keys-box{
324
- margin-top:10px;padding: 0 2px;
325
- span{display: inline-block;margin-right: 42px;font-size: 13px;color: #2A6494;cursor: pointer;border-bottom:solid 1px #F7F7F7;
326
- &:hover{border-bottom:solid 1px #2A6494}
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
- .h-list{
331
- height: 520px;overflow: auto;padding:2px 0;background-color: #FFF;
332
- .item{
333
- border-bottom:solid 1px #f2f2f2;position: relative;padding:12px 16px;color: #323232;font-size: 13px;
334
- .name{color:#999;margin-bottom: 5px;font-size: 12px;}
335
- .time{position: absolute;right:16px;top: 14px;font-size: 12px;color: #999;}
336
- &:hover{background:#f7f7f7;}
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
- .h-pic{
340
- height: 520px;overflow: auto;padding:8px 14px;background-color: #FFF;
341
- .item{
342
- width:133px;height:133px;display:inline-block;vertical-align: middle;margin: 3px;
343
- .el-image{width: 100%;height:100%;}
344
- &:hover .el-image{border:solid 1px #2A6494}
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
- .h-file{
348
- height: 520px;overflow: auto;padding:8px 0;background-color: #FFF;
349
- .item{
350
- position: relative;padding:8px 16px 0;color: #323232;font-size: 13px;display: flex;
351
- .img{
352
- width:58px;height:58px;
353
- .el-image{width: 100%;height:100%;}
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
- .txt{
356
- border-bottom:solid 1px #f2f2f2;flex:1;display: flex;color:#999;font-size:12px;padding:0 0 6px;margin-left:12px;
357
- p{margin:0 0 8px;}
358
- .name{color:#323232;font-size: 13px;}
359
- .t-l{flex:1}
360
- .t-r{font-size:12px;text-align: right;
361
- .ico{display: inline-block;color:#2A6494;margin-left:8px;font-size: 16px;}
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
- .pop-inputTips{
575
- position: absolute;background: #FFF;left: 10px;border: solid 1px #eee;overflow: auto;height: 160px;width: 400px;font-size: 13px;bottom: 100%;margin-bottom: -22px;z-index: 22;box-shadow: 0 0 14px rgb(0 0 0 / 11%);padding:2px 0;
576
- p{padding: 10px 16px;margin: 0;cursor: pointer;
577
- &:hover{background:#f7f7f7}
578
- span{color:$red}
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
- .fl{
751
- .button-sty .el-icon-time{margin-bottom: 2px;margin-right: 2px;}
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;