askbot-dragon 0.7.6 → 0.7.10

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 (9) hide show
  1. package/package.json +1 -1
  2. package/src/components/ConversationContainer.vue +1 -1
  3. package/src/components/actionSatisfaction.vue +53 -21
  4. package/src/components/answerDissatisfaction.vue +1 -1
  5. package/src/components/associationIntention.vue +4 -3
  6. package/src/components/feedBack.vue +27 -41
  7. package/src/components/formTemplate.vue +30 -15
  8. package/src/components/message/TicketMessage.vue +13 -2
  9. package/src/components/voiceComponent.vue +24 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "askbot-dragon",
3
- "version": "0.7.6",
3
+ "version": "0.7.10",
4
4
  "scripts": {
5
5
  "serve": "vue-cli-service serve",
6
6
  "build": "vue-cli-service build",
package/src/components/ConversationContainer.vue CHANGED
@@ -477,7 +477,7 @@ export default {
477
477
  }
478
478
  },
479
479
  width: 0,
480
- required: true,
480
+ required: false,
481
481
  value: null,
482
482
  },
483
483
  {
package/src/components/actionSatisfaction.vue CHANGED
@@ -2,10 +2,12 @@
2
2
  <div
3
3
  class="action-satisfaction"
4
4
  >
5
- <p class="satisfaction-des" v-html="msg.content.satisfactionDes"></p>
6
- <p
7
- class="statisfaction-item"
8
- @click="
5
+ <p class="satisfaction-des" v-if="msg.content.satisfactionDes" v-html="msg.content.satisfactionDes"></p>
6
+ <div class="statisfaction-list">
7
+ <div
8
+ class="statisfaction-item"
9
+ :class="isCheckSatis?'check-satisfied':''"
10
+ @click="
9
11
  sendSatisfaction(
10
12
  'USER_ACTION_TO_SATISFACTION_V2',
11
13
  '满意',
@@ -14,12 +16,13 @@
14
16
  msg.apiKey
15
17
  )
16
18
  "
17
- >
18
- 满意<i class="arsenal_icon arsenalangle-right-solid"></i>
19
- </p>
20
- <p
21
- class="statisfaction-item"
22
- @click="
19
+ >
20
+ 满意
21
+ </div>
22
+ <div
23
+ class="statisfaction-item"
24
+ :class="isCheckDissatis?'check-satisfied':''"
25
+ @click="
23
26
  sendSatisfaction(
24
27
  'USER_ACTION_TO_SATISFACTION_V2',
25
28
  '不满意',
@@ -28,9 +31,11 @@
28
31
  msg.apiKey
29
32
  )
30
33
  "
31
- >
32
- 不满意<i class="arsenal_icon arsenalangle-right-solid"></i>
33
- </p>
34
+ >
35
+ 不满意
36
+ </div>
37
+ </div>
38
+
34
39
  </div>
35
40
  </template>
36
41
 
@@ -38,8 +43,22 @@
38
43
  export default {
39
44
  name: "actionSatisfaction",
40
45
  props:['msg'],
46
+ data(){
47
+ return{
48
+ isCheckSatis:false,
49
+ isCheckDissatis:false
50
+ }
51
+ },
41
52
  methods:{
42
53
  sendSatisfaction(type, choose, answer, answerRadio,answerApiKey){
54
+ if (choose==='满意'){
55
+ this.isCheckSatis = true
56
+ this.isCheckDissatis = false
57
+ }
58
+ else {
59
+ this.isCheckSatis = false
60
+ this.isCheckDissatis = true
61
+ }
43
62
  this.$emit('sendSatisfaction',type, choose, answer, answerRadio,answerApiKey)
44
63
  }
45
64
  }
@@ -53,20 +72,33 @@ export default {
53
72
  word-wrap: break-word;
54
73
  word-break: break-all;
55
74
  overflow: hidden;
56
- padding: 8px 0 10px 0;
75
+ padding: 0px 0 10px 0;
57
76
  height: auto;
58
- border-bottom: 1px solid #EEEEEE;
77
+ /* border-bottom: 1px solid #EEEEEE;*/
78
+ }
79
+ .statisfaction-list{
80
+ display: flex;
81
+ align-items: center;
59
82
  }
60
83
  .statisfaction-item{
61
- padding: 8px 0;
62
- height: 25px;
63
- line-height: 25px;
64
- background-color: #ffffff;
65
- color: #366aff;
84
+ color: #616161;
85
+ min-width: 60px;
86
+ padding: 0 10px;
87
+ height: 29px;
88
+ background: #FFFFFF;
89
+ border: 1px solid #BEC5DB;
90
+ border-radius: 14px;
66
91
  cursor:pointer;
67
92
  display: flex;
68
93
  align-items: center;
69
- justify-content: space-between;
94
+ justify-content: center;
95
+ }
96
+ .statisfaction-item:first-child{
97
+ margin-right: 8px;
98
+ }
99
+ .check-satisfied{
100
+ border: 1px solid #BEC5DB;
101
+ color: #366aff;
70
102
  }
71
103
  .end{
72
104
  border-bottom-left-radius: 25px !important;
package/src/components/answerDissatisfaction.vue CHANGED
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <div class="answer-dissatisfaction">
3
- <p class="satisfaction-reply-text" v-html="msg.content.replyText"></p>
3
+ <p class="satisfaction-reply-text" v-if="msg.content.replyText" v-html="msg.content.replyText"></p>
4
4
  <p
5
5
  v-for="(option, index) in msg.content.replyOptions"
6
6
  class="statisfaction-item"
package/src/components/associationIntention.vue CHANGED
@@ -7,16 +7,17 @@
7
7
  <p v-html="msg.content.replace(/\#[\u4E00-\u9FA5]{1,3}\;/gi, emotion)" class="answer-rich-text"></p>
8
8
  <Recommend :msg="msg" @onRadioClickReco="onRadioClickReco"></Recommend>
9
9
  </div>
10
- <div v-if="msg.type === 'answer_rich_text' && !(msg.content.recommend != undefined && msg.content.recommend.status)">
10
+ <div v-if="msg.type === 'answer_rich_text' && !(msg.content.recommend && msg.content.recommend.status)">
11
11
  <p v-html="$options.filters.imageStyle(msg.content.html)"></p>
12
12
  </div>
13
- <div v-else-if="msg.type == 'answer_rich_text' && (msg.content.recommend != undefined && msg.content.recommend.status)">
13
+ <div v-else-if="msg.type == 'answer_rich_text' && (msg.content.recommend && msg.content.recommend.status)">
14
14
  <p v-html="$options.filters.imageStyle(msg.content.html)" class="answer-rich-text"></p>
15
15
  <Recommend :msg="msg.content" @onRadioClickReco="onRadioClickReco"></Recommend>
16
16
  </div>
17
17
  <div v-else-if="msgType === 'answer_image'" >
18
18
  <div
19
19
  class="association-img"
20
+ v-if="msg.content.url"
20
21
  >
21
22
  <!-- LPY 原生宽度适配有bug，弃用 -->
22
23
  <img
@@ -29,7 +30,7 @@
29
30
  <Recommend :msg="msg" @onRadioClickReco="onRadioClickReco"></Recommend>
30
31
  </div>
31
32
  <div v-else-if="msgType === 'answer_video' || msgType === 'user_video' || msgType === 'VIDEO'">
32
- <div class="association-img">
33
+ <div class="association-img" v-if="msg.content.url">
33
34
  <ask-video :msg="msg" :url="msg.content.url" :local-url="msg.content.localUrl"
34
35
  :progress="msg.content.progress"></ask-video>
35
36
  </div>
package/src/components/feedBack.vue CHANGED
@@ -1,12 +1,12 @@
1
1
  <template>
2
2
  <div id="feedBack" class="companyNotRem" :class="{phoneClass:isPhone,companyClass:isCompany,notClick:isDisabled===true}">
3
- <span :class="!positiveClick?'feed-positive-button':'feed-check-positive-button'">
4
- <el-button round class="btnClass" @click="positiveFeedback(feedBack,1)" v-html="feedBack.positiveFeedback.text" v-if="!positiveClick">{{feedBack.positiveFeedback.text}}</el-button>
5
- <el-button round class="btnClassActive" v-html="feedBack.positiveFeedback.text" v-else>{{feedBack.positiveFeedback.text}}</el-button>
3
+ <span :class="!positiveClick?'feed-button':'feed-check-button'" class="feed-commen">
4
+ <el-button plain class="btnClass" @click="positiveFeedback(feedBack,1)" v-html="feedBack.positiveFeedback.text" v-if="!positiveClick">{{feedBack.positiveFeedback.text}}</el-button>
5
+ <el-button plain class="btnClassActive" v-html="feedBack.positiveFeedback.text" v-else>{{feedBack.positiveFeedback.text}}</el-button>
6
6
  </span>
7
- <span :class="!negativeClick?'feed-negative-button':'feed-check-negative-button'">
8
- <el-button round class="btnClass" @click="positiveFeedback(feedBack,2)" v-html="feedBack.negativeFeedback.text" v-if="!negativeClick">{{feedBack.negativeFeedback.text}}</el-button>
9
- <el-button round class="btnClassActive" v-html="feedBack.negativeFeedback.text" v-else>{{feedBack.negativeFeedback.text}}</el-button>
7
+ <span :class="!negativeClick?'feed-button':'feed-check-button'">
8
+ <el-button plain class="btnClass" @click="positiveFeedback(feedBack,2)" v-html="feedBack.negativeFeedback.text" v-if="!negativeClick">{{feedBack.negativeFeedback.text}}</el-button>
9
+ <el-button plain class="btnClassActive" v-html="feedBack.negativeFeedback.text" v-else>{{feedBack.negativeFeedback.text}}</el-button>
10
10
  </span>
11
11
  </div>
12
12
  </template>
@@ -81,68 +81,54 @@ name: "feedBack",
81
81
 
82
82
  <style scoped lang="less">
83
83
  #feedBack{
84
- .feed-positive-button{
85
- background: #FFFFFF;
84
+ padding-left: 10px;
85
+ .feed-commen{
86
86
  margin-right: 8px;
87
- /deep/.el-button{
88
- border: 1px solid #BBCDFF;
89
- color: #366aff;
90
- border-radius: 14px;
91
- font-weight: 400;
92
- }
93
87
  }
94
- .feed-check-positive-button{
95
- margin-right: 8px;
88
+ .feed-button{
96
89
  /deep/.el-button{
97
- border: 1px solid #4C61E1;
98
- color: #FFFFFF;
99
- background-color: #4C61E1;
100
- border-radius: 14px;
101
- font-weight: 400;
102
- }
103
- }
104
- .feed-check-negative-button{
105
- /deep/.el-button{
106
- border: 1px solid #4C61E1;
107
- color: #FFFFFF;
108
- background-color: #4C61E1;
90
+ border: 1px solid #BEC5DB;
91
+ color: #616161;
109
92
  border-radius: 14px;
110
93
  font-weight: 400;
111
94
  }
112
95
  }
113
- .feed-negative-button{
114
- background: #FFFFFF;
96
+ .feed-check-button{
115
97
  /deep/.el-button{
116
- border: 1px solid #BEC5DB;
117
- color: #616161;
98
+ border: 1px solid #BBCDFF;
99
+ color: #366aff;
118
100
  border-radius: 14px;
119
101
  font-weight: 400;
120
102
  }
121
103
  }
122
- /deep/.el-button.is-round{
104
+
105
+ /deep/.el-button.is-plain{
123
106
  padding: 9px 20px;
124
107
  }
125
108
  }
126
109
  .phoneClass{
127
110
  width: 100vw;
128
- text-align: center;
129
- margin: 0 auto;
130
- line-height: 56px;
111
+ text-align: left;
112
+ /*margin: 0 auto;*/
113
+ line-height: 34px;
114
+ height: 56px;
115
+ padding-left: 20px;
131
116
  .el-button{
132
117
  min-width: 60px;
133
- height: 36px;
118
+ height: 31px;
134
119
  line-height: 0.9;
135
120
  }
136
121
  }
137
122
  .companyClass{
138
123
  /* min-width: 300px;*/
139
124
  width: 370px;
140
- text-align: center;
141
- margin: 0 auto;
142
- line-height: 56px;
125
+ text-align: left;
126
+ /*margin: 0 auto;*/
127
+ line-height: 34px;
128
+ padding-left: 20px;
143
129
  .el-button{
144
130
  min-width: 60px;
145
- height: 36px;
131
+ height: 32px;
146
132
  line-height: 0.9;
147
133
  }
148
134
  }
package/src/components/formTemplate.vue CHANGED
@@ -182,7 +182,10 @@
182
182
  </div>
183
183
  <div class="form-link"></div>
184
184
  <div class="form-submit-btn">
185
- <el-button style="border-color: #366aff;color: white;background-color: #366aff" round class="submitClass" size="small" @click="submitClick" :disabled="disableds">{{submitValue}}</el-button>
185
+ <el-button style="border-color: #366aff;color: white;background-color: #366aff" round class="submitClass" size="small" @click="submitClick" :disabled="disableds">
186
+ <i class="el-icon-check" v-if="!disableds"></i>
187
+ {{submitValue}}
188
+ </el-button>
186
189
  </div>
187
190
  </div>
188
191
  <div class="mobileFormClass" v-else style="padding: 10px 0;" :class="{notClick:disableds === true}">
@@ -423,7 +426,10 @@
423
426
  </div>
424
427
  <div class="form-link"></div>
425
428
  <div class="form-submit-btn">
426
- <van-button round type="info" class="submitClass" @click="submitClick" :disabled="disableds">{{submitValue}}</van-button>
429
+ <van-button round type="info" class="submitClass" @click="submitClick" :disabled="disableds">
430
+ <i class="el-icon-check" v-if="!disableds"></i>
431
+ {{submitValue}}
432
+ </van-button>
427
433
  </div>
428
434
  <van-popup v-model="fileUpload" :close-on-click-overlay="false">
429
435
  <div style="background-color: black;height: 100px;width: 100px;display: flex;justify-content: center;align-items: center" >
@@ -603,18 +609,12 @@ export default {
603
609
  if(this.disable===true)
604
610
  {
605
611
  this.disableds=true
612
+ this.submitValue = '已提交'
606
613
  }
607
614
  else
608
615
  {
609
616
  this.disableds=false
610
- }
611
- if(this.submit===true)
612
- {
613
- this.submitValue='已提交'
614
- }
615
- else
616
- {
617
- this.submitValue='提交'
617
+ this.submitValue = '提交'
618
618
  }
619
619
  },
620
620
  beforeMount() {
@@ -1151,8 +1151,6 @@ export default {
1151
1151
  this.$emit('submitClick',this.formShow)
1152
1152
  this.disableds = true
1153
1153
  this.submitValue = '已提交'
1154
-
1155
-
1156
1154
  },
1157
1155
  //日期的点击事件
1158
1156
  dateClick(id) {
@@ -1646,6 +1644,12 @@ export default {
1646
1644
  background-color: transparent!important;
1647
1645
  border-radius: 9px!important;
1648
1646
  }
1647
+ /deep/.el-textarea__inner{
1648
+ border-color: #E0E6F7!important;
1649
+ background-color: transparent!important;
1650
+ border-radius: 9px!important;
1651
+ padding: 9px 15px!important;
1652
+ }
1649
1653
  /deep/.el-upload--picture-card{
1650
1654
  background-color: #FFFFFF;
1651
1655
  border: 1px solid #E0E6F7;
@@ -1800,10 +1804,14 @@ export default {
1800
1804
  }
1801
1805
  }
1802
1806
  .submitClass{
1803
- width: 120px;
1807
+ width: 100px;
1804
1808
  background-color: #366aff;
1805
1809
  color: white!important;
1806
- height: 36px;
1810
+ height: 32px;
1811
+ i{
1812
+ margin-right: 10px;
1813
+ font-weight: 600;
1814
+ }
1807
1815
  }
1808
1816
  /deep/.van-radio-group--horizontal{
1809
1817
  .van-radio{
@@ -1845,6 +1853,9 @@ export default {
1845
1853
  /deep/.van-field__control{
1846
1854
  min-height: 40px;
1847
1855
  }
1856
+ /deep/textarea{
1857
+ padding: 7px 0;
1858
+ }
1848
1859
  /deep/.van-dropdown-menu__bar{
1849
1860
  box-shadow: none!important;
1850
1861
  }
@@ -1857,10 +1868,14 @@ export default {
1857
1868
  width: 100%;
1858
1869
  font-size: 1em;
1859
1870
  .submitClass{
1860
- width: 120px;
1871
+ width: 100px;
1861
1872
  color: white!important;
1862
1873
  background-color:#366aff;
1863
1874
  border-color: #366aff;
1875
+ i{
1876
+ margin-right: 10px;
1877
+ font-weight: 600;
1878
+ }
1864
1879
  }
1865
1880
  /deep/.el-checkbox-group{
1866
1881
  display: flex;
package/src/components/message/TicketMessage.vue CHANGED
@@ -34,7 +34,7 @@
34
34
  </div>
35
35
  <div class="button-list">
36
36
  <div v-for="(items,index) in item.content.buttonList" :key="'____'+index" class="button-item">
37
- <div @click.stop="btnClick(items)" class="buttonClassItem">
37
+ <div @click="btnClick(items)" class="buttonClassItem">
38
38
  <span class="btn-name">{{items.name}}</span>
39
39
  </div>
40
40
  </div>
@@ -102,6 +102,7 @@
102
102
  swiper:false,
103
103
  text:[],
104
104
  textarea:[],
105
+ onoff:true
105
106
  }
106
107
  },
107
108
  created() {
@@ -123,8 +124,18 @@
123
124
  },
124
125
  btnClick(items){
125
126
  items.apiKey=this.content.apiKey
126
- console.debug('card_template')
127
+ let that = this;
128
+ if (that.onoff) {
129
+ that.onoff = false;
130
+ console.debug('card_template',items)
127
131
  this.$emit('btnClick',items,this.content.apiKey)
132
+ setTimeout(function () {
133
+ that.onoff = true;
134
+ }, 600)
135
+ } else {
136
+ //如果一直走else分支可能是你没有在页面的data下面挂载onoff:true,不然一直都会走else
137
+ console.debug("请稍后点击")
138
+ }
128
139
  },
129
140
 
130
141
  isIosOrIsAndroid(){
package/src/components/voiceComponent.vue CHANGED
@@ -3,7 +3,7 @@
3
3
  <div id="voice-component-container">
4
4
  <div id="voice-component-c">
5
5
  <div class="voice-btn">
6
- <i class="iconfont guoran-arsenalchess-pawn-solid1"></i>
6
+ <i class="iconfont arsenalchess-pawn-solid"></i>
7
7
  </div>
8
8
  </div>
9
9
  <div class="close-voice" @click="closeVoice">
@@ -44,12 +44,25 @@ export default {
44
44
  left: 0;
45
45
  #voice-component-container{
46
46
  position: relative;
47
+ /* .half-top-ovals{
48
+ width: 130%;
49
+ position: relative;
50
+ left: -15%;
51
+ height: 80px;
52
+ padding-bottom: 40px;
53
+ padding-right: 20px;
54
+ padding-left: 20px;
55
+ !* width: 200px;*!
56
+ background: lightcoral;
57
+ border-radius: 50% 50% 0 0;
58
+ }*/
47
59
  #voice-component-c{
48
- height: 90px;
60
+ height: 200px;
49
61
  width: 130%;
50
62
  position: relative;
51
63
  left: -15%;
52
- background: linear-gradient(180deg, #f2f2f2, #FFFFFF);
64
+ bottom: -80px;
65
+ background: linear-gradient(180deg, #EEF1F7, #FFFFFF);
53
66
  border: 2px solid white;
54
67
  border-radius: 100% 100% 0 0;
55
68
  border-bottom: none;
@@ -60,26 +73,28 @@ export default {
60
73
  display: flex;
61
74
  align-items: center;
62
75
  justify-content: center;
76
+ position: absolute;
77
+ top: 50px;
63
78
  i{
64
79
  color: #366aff;
65
- font-size: 38px;
80
+ font-size: 26px;
66
81
  }
67
82
  }
68
83
  }
69
84
  .voice-tip{
70
85
  width: 100%;
71
86
  position: absolute;
72
- top: -30px;
87
+ top: -35px;
73
88
  display: flex;
74
89
  align-items: center;
75
90
  justify-content: center;
76
- color: #999999;
91
+ color: #FFFFFF;
77
92
  font-size: 13px;
78
93
  }
79
94
  .close-voice{
80
95
  width: 100%;
81
96
  position: absolute;
82
- top: -100px;
97
+ top: -35px;
83
98
  display: flex;
84
99
  align-items: center;
85
100
  justify-content: center;
@@ -91,9 +106,11 @@ export default {
91
106
  display: flex;
92
107
  align-items: center;
93
108
  justify-content: center;
109
+ transition: all 0.3s;
94
110
  i{
95
111
  font-size: 24px;
96
112
  color: #999999;
113
+ transition: all 0.3s;
97
114
  }
98
115
  }
99
116
  }