askbot-dragon 1.7.95-beta → 1.7.97-beta

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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/components/interruptComponents/imageSelectionAnswer.vue +11 -8
  3. package/src/components/interruptComponents/multipleChoiceAnswer.vue +8 -5
  4. package/src/components/interruptComponents/singleChoiceAnswer.vue +13 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "askbot-dragon",
3
- "version": "1.7.95-beta",
3
+ "version": "1.7.97-beta",
4
4
  "scripts": {
5
5
  "serve": "vue-cli-service serve",
6
6
  "build": "vue-cli-service build",
package/src/components/interruptComponents/imageSelectionAnswer.vue CHANGED
@@ -7,10 +7,10 @@
7
7
  <div class="imageItem"
8
8
  v-for="(item,index) in msg.content.options"
9
9
  :key="index"
10
- :class="disabled ? 'disabledItem' : ''"
10
+ :class="disabled || isDisabled ? 'disabledItem' : ''"
11
11
  >
12
12
  <el-image
13
- style="width: 60px; height: 60px"
13
+ style="width: 60px!important; height: 60px!important;"
14
14
  :src="item.url"
15
15
  fit="cover">
16
16
  </el-image>
@@ -23,7 +23,7 @@
23
23
  </div>
24
24
  </div>
25
25
  </div>
26
- <div class="answerButton" :class="disabled ? 'disabledButton' : ''">
26
+ <div class="answerButton" :class="disabled || isDisabled ? 'disabledButton' : ''">
27
27
  <div class="buttonText"
28
28
  v-for="(item,index) in msg.content.handleSettings"
29
29
  :key="index"
@@ -40,7 +40,8 @@ export default {
40
40
  name: "imageSelectionAnswer",
41
41
  data(){
42
42
  return{
43
- checkImage:""
43
+ checkImage:"",
44
+ isDisabled:false
44
45
  }
45
46
  },
46
47
  props:{
@@ -63,15 +64,16 @@ export default {
63
64
  },
64
65
  methods:{
65
66
  selectImage(item){
66
- if (this.disabled){
67
+ if (this.disabled || this.isDisabled){
67
68
  return
68
69
  }
69
70
  this.checkImage = item;
70
71
  },
71
72
  imageSelectionConfirm(item){
72
- if (this.disabled){
73
+ if (this.disabled || this.isDisabled){
73
74
  return
74
75
  }
76
+ this.isDisabled = true;
75
77
  this.$emit('imageSelectionConfirm',item,this.checkImage,this.msg)
76
78
  }
77
79
  }
@@ -124,11 +126,12 @@ export default {
124
126
  }
125
127
  }
126
128
  .answerButton{
127
- padding: 10px 0;
129
+ padding-top: 10px;
128
130
  width: 100%;
129
131
  display: flex;
130
132
  align-items: center;
131
133
  justify-content: center;
134
+ border-top: 1px solid #EEEEEE;
132
135
  .buttonText{
133
136
  padding: 0 4px;
134
137
  cursor: pointer;
@@ -141,7 +144,7 @@ export default {
141
144
  }
142
145
  }
143
146
  .disabledButton{
144
- border-top: 1px solid #EEEEEE;
147
+
145
148
  .buttonText{
146
149
  color: #A9B3C6;
147
150
  }
package/src/components/interruptComponents/multipleChoiceAnswer.vue CHANGED
@@ -9,14 +9,14 @@
9
9
  :label="item._metadata.id"
10
10
  v-for="item in msg.content.options"
11
11
  :key="item._metadata.id"
12
- :disabled="disabled"
12
+ :disabled="disabled || isDisabled"
13
13
  >
14
14
  <el-avatar :size="16" :src="item.url" style="margin-right: 4px;flex: none"></el-avatar>
15
15
  {{ item.text }}
16
16
  </el-checkbox>
17
17
  </el-checkbox-group>
18
18
  </div>
19
- <div class="answerButton" :class="disabled ? 'disabledButton' : ''">
19
+ <div class="answerButton" :class="disabled || isDisabled ? 'disabledButton' : ''">
20
20
  <div class="buttonText"
21
21
  v-for="(item,index) in msg.content.handleSettings"
22
22
  :key="index"
@@ -33,7 +33,8 @@ export default {
33
33
  name: "multipleChoiceAnswer",
34
34
  data(){
35
35
  return{
36
- checkList:[]
36
+ checkList:[],
37
+ isDisabled:false
37
38
  }
38
39
  },
39
40
  props:{
@@ -50,9 +51,10 @@ export default {
50
51
  },
51
52
  methods:{
52
53
  multipleChoiceConfirm(item){
53
- if (this.disabled){
54
+ if (this.disabled || this.isDisabled){
54
55
  return
55
56
  }
57
+ this.isDisabled = true;
56
58
  this.$emit('multipleChoiceConfirm',item,this.checkList,this.msg)
57
59
  }
58
60
  }
@@ -88,11 +90,12 @@ export default {
88
90
  }
89
91
  }
90
92
  .answerButton{
91
- padding: 10px 0;
93
+ padding-top: 10px;
92
94
  width: 100%;
93
95
  display: flex;
94
96
  align-items: center;
95
97
  justify-content: center;
98
+ border-top: 1px solid #EEEEEE;
96
99
  .buttonText{
97
100
  padding: 0 4px;
98
101
  cursor: pointer;
package/src/components/interruptComponents/singleChoiceAnswer.vue CHANGED
@@ -3,7 +3,7 @@
3
3
  <div class="singleChoiceText" v-if="msg.content.prompt">
4
4
  {{msg.content.prompt}}
5
5
  </div>
6
- <div class="optionsList">
6
+ <div class="optionsList" :class="isDisabled || disabled ? 'disabledOption' : ''">
7
7
  <div
8
8
  v-for="(option, index) in msg.content.options"
9
9
  class="optionsItem"
@@ -20,6 +20,11 @@
20
20
  <script>
21
21
  export default {
22
22
  name: "singleChoiceAnswer",
23
+ data(){
24
+ return{
25
+ isDisabled:false
26
+ }
27
+ },
23
28
  props:{
24
29
  msg:{
25
30
  type:Object,
@@ -34,9 +39,10 @@ export default {
34
39
  },
35
40
  methods:{
36
41
  handleClick(item){
37
- if (this.disabled){
42
+ if (this.disabled || this.isDisabled){
38
43
  return
39
44
  }
45
+ this.isDisabled = true;
40
46
  this.$emit('singleChoice',item,this.msg)
41
47
  }
42
48
  }
@@ -66,5 +72,10 @@ export default {
66
72
  }
67
73
  }
68
74
  }
75
+ .disabledOption{
76
+ .optionsItem{
77
+ color: #A9B3C6!important;
78
+ }
79
+ }
69
80
  }
70
81
  </style>