askbot-dragon 0.6.24 → 0.6.28

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.
Files changed (27) hide show
  1. package/package.json +1 -1
  2. package/public/index.html +1 -1
  3. package/src/App.vue +2 -1
  4. package/src/assets/js/script.js +37 -0
  5. package/src/assets/less/common.css +17 -7
  6. package/src/assets/less/converSationContainer/common.less +23 -4583
  7. package/src/assets/less/converSationContainer/converSatonContainer.less +1 -0
  8. package/src/assets/less/iconfont.css +17 -0
  9. package/src/assets/less/ticketMessage.less +89 -197
  10. package/src/components/ConversationContainer.vue +339 -511
  11. package/src/components/actionSatisfaction.vue +76 -0
  12. package/src/components/actionSendToBot.vue +56 -0
  13. package/src/components/answerDissatisfaction.vue +62 -0
  14. package/src/components/answerRadio.vue +65 -0
  15. package/src/components/askVideo.vue +46 -0
  16. package/src/components/associationIntention.vue +99 -0
  17. package/src/components/botActionSatisfactor.vue +69 -0
  18. package/src/components/chatContent.vue +2 -1
  19. package/src/components/feedBack.vue +49 -29
  20. package/src/components/formTemplate.vue +150 -72
  21. package/src/components/loadingProcess.vue +176 -0
  22. package/src/components/message/TextMessage.vue +47 -12
  23. package/src/components/message/TicketMessage.vue +16 -22
  24. package/src/components/message/swiper/ticketSwiper.vue +11 -37
  25. package/src/components/msgLoading.vue +231 -0
  26. package/src/components/recommend.vue +85 -0
  27. package/src/components/voiceComponent.vue +103 -0
package/src/assets/less/converSationContainer/converSatonContainer.less CHANGED
@@ -1,4 +1,5 @@
1
1
  @import "../converSationContainer/common";
2
+ @import "../iconfont.css";
2
3
  .video-player{
3
4
  width: 260px!important;
4
5
  }
package/src/assets/less/iconfont.css ADDED
@@ -0,0 +1,17 @@
1
+ @font-face {
2
+ font-family: 'iconfont'; /* Project id 2913049 */
3
+ src: url('//at.alicdn.com/t/font_2913049_baxww6uvzup.woff2?t=1642737399832') format('woff2'),
4
+ url('//at.alicdn.com/t/font_2913049_baxww6uvzup.woff?t=1642737399832') format('woff'),
5
+ url('//at.alicdn.com/t/font_2913049_baxww6uvzup.ttf?t=1642737399832') format('truetype');
6
+ }
7
+
8
+ .iconfont {
9
+ font-family: "iconfont" !important;
10
+ font-size: 16px;
11
+ font-style: normal;
12
+ -webkit-font-smoothing: antialiased;
13
+ -moz-osx-font-smoothing: grayscale;
14
+ }
15
+ .arsenalchess-pawn-solid:before {
16
+ content: "\e718";
17
+ }
package/src/assets/less/ticketMessage.less CHANGED
@@ -1,129 +1,38 @@
1
1
 
2
- /*.typeClassRem{
3
- margin-bottom: 5px;
4
- .isPhoneClass{
5
- .el-divider--horizontal{
6
- margin: 0.15rem 0!important;
7
- height: 0.1rem!important;
8
- }
9
- .htmlClass{
10
- .img{
11
- overflow: hidden;
12
- img{
13
- width: 100%;
14
- height:calc(85vw / 2.35);
15
- }
16
- }
17
- }
18
- .isAndroidClass{
19
- .singleClass{
20
- padding: 0.2rem 0.26rem;
21
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
22
- font-size: 0.37333rem;
23
- }
24
- }
25
- .doubleClass{
26
- padding: 0.2rem 0.26rem;
27
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
28
- font-size: 0.37333rem;
29
- }
30
- }
31
- .tripleClass{
32
- padding: 0.2rem 0.26rem;
33
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
34
- font-size: 0.373333rem ;
35
- }
36
- }
37
- .buttonClass{
38
- padding: 0.2rem 0.26rem;
39
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
40
- font-size: 0.373333rem ;
41
- }
42
- }
43
- }
44
- .isIosClass{
45
- .singleClass{
46
- padding: 0.2rem 0;
47
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
48
- font-size: 0.3733rem!important;
49
- }
50
- }
51
- .doubleClass{
52
- padding: 0.2rem 0;
53
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
54
- font-size: 0.3733rem!important;
55
- }
56
- }
57
- .tripleClass{
58
- padding: 0.2rem 0;
59
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
60
- font-size: 0.3733rem !important;
61
- }
62
- }
63
- .buttonClass{
64
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
65
- font-size: 0.3733rem !important;
66
- }
67
- }
68
- }
69
- .buttonClass{
70
- font-weight: 600;
71
- text-align: center;
72
- padding: 0.3rem 0!important;
73
- color: #4C61E1;
74
- border-top: 2px solid #D7D7D7;
75
- cursor: pointer;
76
- }
2
+
3
+ .ticketMessageContain{
4
+ .htmlClass{
5
+ padding-bottom: 12px;
77
6
  }
78
- .isCompayClass{
79
- .el-divider--horizontal{
80
- margin: 0.15rem 0!important;
81
- height: 0.1rem!important;
82
- }
83
- .htmlClass {
84
- .img{
85
- overflow: hidden;
86
- img{
87
- width: 300px;
88
- height:calc(400px / 2.35);
89
- }
90
- }
91
- }
92
- .buttonClassItem{
93
- font-weight: 600;
94
- text-align: center;
95
- padding: 0.3rem 0;
96
- color: #4C61E1;
97
- border-top: 2px solid #D7D7D7;
98
- cursor: pointer;
99
- }
100
- .singleClass{
101
- padding: 0.2rem 0;
102
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
103
- font-size: 0.37333rem;
104
- }
105
- }
106
- .doubleClass{
107
- padding: 0.2rem 0;
108
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
109
- font-size: 0.37333rem;
110
- }
111
- }
112
- .tripleClass{
113
- padding: 0.2rem 0;
114
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
115
- font-size: 0.373333rem ;
116
- }
117
- }
118
- .buttonClass{
119
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
120
- font-size: 0.373333rem ;
121
- }
7
+ .button-item{
8
+ display: flex;
9
+ align-content: center;
10
+ justify-content: center;
11
+ margin-bottom: 14px;
12
+ }
13
+ .button-item:last-child{
14
+ margin-bottom: 0!important;
15
+ }
16
+ .buttonClassItem{
17
+ width: 178px;
18
+ /* padding: 0px 30px;*/
19
+ height: 30px;
20
+ background: #FFFFFF;
21
+ border: 1px solid #BBCDFF;
22
+ border-radius: 14px;
23
+ color: #366aff;
24
+ display: flex;
25
+ align-content: center;
26
+ justify-content: center;
27
+ overflow: hidden;
28
+ text-overflow: ellipsis;
29
+ white-space: nowrap;
30
+ cursor: pointer;
31
+ .btn-name{
32
+ display: flex;
33
+ align-items: center;
122
34
  }
123
35
  }
124
- }*/
125
-
126
- .ticketMessageContain{
127
36
  .isCompayClass{
128
37
  .el-divider--horizontal{
129
38
  margin: 8px 0 0 0 !important;
@@ -139,15 +48,6 @@
139
48
  }
140
49
  }
141
50
  }
142
- .buttonClassItem{
143
- font-weight: 600;
144
- text-align: center;
145
- border-top: 1.5px solid #DCDFE6;
146
- padding: 8px 0;
147
- color: #4C61E1;
148
- /* border-top: 2px solid #D7D7D7;*/
149
- cursor: pointer;
150
- }
151
51
  .singleClass{
152
52
  padding: 8px 0;
153
53
  div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
@@ -183,7 +83,7 @@
183
83
  overflow: hidden;
184
84
  img{
185
85
  width: 100%;
186
- height:calc(80vw / 2.35);
86
+ height:calc((100vw - 120px) / 2.35);
187
87
  object-fit: contain;
188
88
  }
189
89
  }
@@ -239,81 +139,73 @@
239
139
  }
240
140
  }
241
141
  }
242
- .buttonClassItem{
243
- border-top: 1.5px solid #DCDFE6;
244
- font-weight: 600;
245
- text-align: center;
246
- color: #4C61E1;
247
- padding: 8px 0;
248
- /* border-top: 2px solid #D7D7D7;*/
249
- cursor: pointer;
250
- }
251
- }
252
- }
253
-
254
- .singleClass{
255
- display: flex;
256
- justify-content: space-between;
257
- .singleItem{
258
- padding: 0 4px;
259
- white-space: normal;
260
- word-wrap: break-word;
261
- text-align: left!important;
262
- width: 99%;
263
- }
264
- }
265
- .doubleClass{
266
- display: flex;
267
- justify-content: space-between;
268
- .doubleItem{
269
- width: 50%;
270
- padding: 0 4px;
271
- white-space: normal;
272
- word-wrap: break-word;
273
142
  }
274
- .doubleItem:nth-of-type(1){
275
- text-align: left;
276
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
143
+ .singleClass{
144
+ display: flex;
145
+ justify-content: space-between;
146
+ .singleItem{
147
+ padding: 0 4px;
148
+ white-space: normal;
149
+ word-wrap: break-word;
277
150
  text-align: left!important;
151
+ width: 99%;
278
152
  }
279
-
280
153
  }
281
- .doubleItem:last-child{
282
- text-align: right;
283
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
284
- text-align: right!important;
154
+ .doubleClass{
155
+ display: flex;
156
+ justify-content: space-between;
157
+ .doubleItem{
158
+ width: 50%;
159
+ padding: 0 4px;
160
+ white-space: normal;
161
+ word-wrap: break-word;
162
+ }
163
+ .doubleItem:nth-of-type(1){
164
+ text-align: left;
165
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
166
+ text-align: left!important;
167
+ }
168
+
285
169
  }
286
- }
287
- }
288
- .tripleClass{
289
- display: flex;
290
- flex-direction: row;
291
- justify-content: space-between;
292
- align-items: center;
293
- .tripleItem{
294
- width: 33.33%;
295
- padding: 0 4px;
296
- white-space: normal;
297
- word-wrap: break-word;
298
- }
299
- .tripleItem:nth-of-type(1){
300
- text-align: left;
301
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
302
- text-align: left!important;
170
+ .doubleItem:last-child{
171
+ text-align: right;
172
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
173
+ text-align: right!important;
174
+ }
303
175
  }
304
176
  }
305
- .tripleItem:nth-of-type(2){
306
- text-align: center;
307
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
308
- text-align: center!important;
177
+ .tripleClass{
178
+ display: flex;
179
+ flex-direction: row;
180
+ justify-content: space-between;
181
+ align-items: center;
182
+ .tripleItem{
183
+ width: 33.33%;
184
+ padding: 0 4px;
185
+ white-space: normal;
186
+ word-wrap: break-word;
187
+ }
188
+ .tripleItem:nth-of-type(1){
189
+ text-align: left;
190
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
191
+ text-align: left!important;
192
+ }
309
193
  }
310
- }
311
- .tripleItem:last-child{
312
- text-align: right;
313
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
314
- text-align: right!important;
194
+ .tripleItem:nth-of-type(2){
195
+ text-align: center;
196
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
197
+ text-align: center!important;
198
+ }
199
+ }
200
+ .tripleItem:last-child{
201
+ text-align: right;
202
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
203
+ text-align: right!important;
204
+ }
315
205
  }
316
206
  }
317
207
  }
318
208
 
319
209
 
210
+
211
+