askbot-dragon 1.7.96-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 +7 -5
  3. package/src/components/interruptComponents/multipleChoiceAnswer.vue +6 -4
  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.96-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,7 +7,7 @@
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
13
  style="width: 60px!important; height: 60px!important;"
@@ -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
  }
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
  }
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>