cloud-web-corejs 1.0.54-dev.23 → 1.0.54-dev.25
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/onlineTalk/index.vue +170 -4
- package/src/components/onlineTalk/mixins.js +726 -1
- package/src/utils/request.js +330 -1
- package/src/views/user/outLink/view.vue +21 -0
- package/src/views/user/user/edit.vue +4 -4
- package/src/views/user/user/list.vue +9 -0
package/package.json
CHANGED
|
@@ -60,6 +60,16 @@
|
|
|
60
60
|
<i class="el-icon-folder-opened btn" @click="addFile" :disabled="!talkUserId"></i>
|
|
61
61
|
</el-tooltip>
|
|
62
62
|
</div> -->
|
|
63
|
+
<div class="pop-inputTips" v-show="false">
|
|
64
|
+
<p>该商品的<span>有效</span>日期?</p>
|
|
65
|
+
<p><span>有效</span>使用时间是什么时候？</p>
|
|
66
|
+
<p>该商品的<span>有效</span>日期?</p>
|
|
67
|
+
<p><span>有效</span>使用时间是什么时候？</p>
|
|
68
|
+
<p>该商品的<span>有效</span>日期?</p>
|
|
69
|
+
<p><span>有效</span>使用时间是什么时候？</p>
|
|
70
|
+
<p>该商品的<span>有效</span>日期?</p>
|
|
71
|
+
<p><span>有效</span>使用时间是什么时候？</p>
|
|
72
|
+
</div>
|
|
63
73
|
<el-input type="textarea" :rows="6" class="txt-textarea" v-model="talkUser.content" placeholder="请输入
|
|
64
74
|
选择此处，可粘贴文件（Ctrl+V）"
|
|
65
75
|
:disabled="!talkUserId" ref="contentRef" @paste.native="pasteMessage"
|
|
@@ -117,6 +127,7 @@
|
|
|
117
127
|
<i class="iconfont icon-wendangshangchuan"></i>
|
|
118
128
|
从个人文档工作区选择
|
|
119
129
|
</el-button>
|
|
130
|
+
<el-button type="info" plain class="button-sty" @click="showHistoryDialog=true"><i class="el-icon-time"></i>历史记录</el-button>
|
|
120
131
|
</div>
|
|
121
132
|
<div class="fr">
|
|
122
133
|
<span class="t">Ctrl + Enter </span>
|
|
@@ -191,6 +202,85 @@
|
|
|
191
202
|
</el-button>
|
|
192
203
|
</span>
|
|
193
204
|
</el-dialog>
|
|
205
|
+
|
|
206
|
+
<el-dialog
|
|
207
|
+
title="历史记录"
|
|
208
|
+
:append-to-body="true"
|
|
209
|
+
:modal-append-to-body="true"
|
|
210
|
+
:close-on-click-modal="false"
|
|
211
|
+
v-if="showHistoryDialog"
|
|
212
|
+
:visible.sync="showHistoryDialog"
|
|
213
|
+
:modal="false"
|
|
214
|
+
custom-class="dialog-style list-dialog history-dialog"
|
|
215
|
+
width="586px"
|
|
216
|
+
v-el-drag-dialog
|
|
217
|
+
v-el-dialog-center
|
|
218
|
+
>
|
|
219
|
+
<div class="history-box">
|
|
220
|
+
<div class="h-form">
|
|
221
|
+
<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>
|
|
225
|
+
</div>
|
|
226
|
+
<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>
|
|
245
|
+
</div>
|
|
246
|
+
</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>
|
|
262
|
+
</div>
|
|
263
|
+
</div>
|
|
264
|
+
</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
|
+
</div>
|
|
283
|
+
</el-dialog>
|
|
194
284
|
</div>
|
|
195
285
|
</template>
|
|
196
286
|
|
|
@@ -203,11 +293,79 @@ export default {
|
|
|
203
293
|
components: {
|
|
204
294
|
userDialog,
|
|
205
295
|
privateProfileDialog: () => import('../../components/VabUpload/privateProfileDialog')
|
|
206
|
-
}
|
|
296
|
+
},
|
|
297
|
+
data() {
|
|
298
|
+
return {
|
|
299
|
+
showHistoryDialog:false,
|
|
300
|
+
fileTab:'list'
|
|
301
|
+
};
|
|
302
|
+
},
|
|
303
|
+
mounted() {
|
|
304
|
+
},
|
|
207
305
|
};
|
|
208
306
|
</script>
|
|
209
307
|
<style scoped lang="scss">
|
|
210
308
|
@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;}
|
|
317
|
+
}
|
|
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;}
|
|
321
|
+
}
|
|
322
|
+
}
|
|
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}
|
|
327
|
+
}
|
|
328
|
+
}
|
|
329
|
+
}
|
|
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;}
|
|
337
|
+
}
|
|
338
|
+
}
|
|
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}
|
|
345
|
+
}
|
|
346
|
+
}
|
|
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%;}
|
|
354
|
+
}
|
|
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;}
|
|
362
|
+
}
|
|
363
|
+
}
|
|
364
|
+
}
|
|
365
|
+
}
|
|
366
|
+
}
|
|
367
|
+
|
|
368
|
+
|
|
211
369
|
|
|
212
370
|
.ico-online {
|
|
213
371
|
background: url(~@/resources/images/ico-service.png) no-repeat center 19px #FFF;
|
|
@@ -413,7 +571,13 @@ export default {
|
|
|
413
571
|
padding: 10px 12px;
|
|
414
572
|
display: flex;
|
|
415
573
|
flex-direction: column;
|
|
416
|
-
|
|
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}
|
|
579
|
+
}
|
|
580
|
+
}
|
|
417
581
|
.btns {
|
|
418
582
|
background-color: #FAFAFA;
|
|
419
583
|
height: 36px;
|
|
@@ -429,7 +593,7 @@ export default {
|
|
|
429
593
|
|
|
430
594
|
.txt-textarea {
|
|
431
595
|
flex: 1;
|
|
432
|
-
padding-top:
|
|
596
|
+
padding-top: 20px;
|
|
433
597
|
|
|
434
598
|
.el-textarea__inner {
|
|
435
599
|
border: none;
|
|
@@ -583,7 +747,9 @@ export default {
|
|
|
583
747
|
}
|
|
584
748
|
}
|
|
585
749
|
}
|
|
586
|
-
|
|
750
|
+
.fl{
|
|
751
|
+
.button-sty .el-icon-time{margin-bottom: 2px;margin-right: 2px;}
|
|
752
|
+
}
|
|
587
753
|
.fr {
|
|
588
754
|
.t {
|
|
589
755
|
vertical-align: middle;
|