|
@@ -10,6 +10,7 @@ import hhhPng from '../image/score_hhh.png'
|
|
|
import hhhPng2 from '../image/hhh_2.png'
|
|
import hhhPng2 from '../image/hhh_2.png'
|
|
|
import happyPng from '../image/score_happy.png'
|
|
import happyPng from '../image/score_happy.png'
|
|
|
import happyPng2 from '../image/happy_2.png'
|
|
import happyPng2 from '../image/happy_2.png'
|
|
|
|
|
+import submitsucessful from '../image/submit_successful.png'
|
|
|
const dialogVisible = ref(false)
|
|
const dialogVisible = ref(false)
|
|
|
const innerVisible = ref(false)
|
|
const innerVisible = ref(false)
|
|
|
const isShowAngry = ref(false)
|
|
const isShowAngry = ref(false)
|
|
@@ -19,6 +20,7 @@ const isshowDetails_submit = ref(false)
|
|
|
const buttonDisabled = ref(true)
|
|
const buttonDisabled = ref(true)
|
|
|
const isshowDetails = ref(true)
|
|
const isshowDetails = ref(true)
|
|
|
const isShowScoring = ref(true)
|
|
const isShowScoring = ref(true)
|
|
|
|
|
+const SubmitText = ref()
|
|
|
interface AvaterItem {
|
|
interface AvaterItem {
|
|
|
src: string
|
|
src: string
|
|
|
src1: string
|
|
src1: string
|
|
@@ -166,18 +168,23 @@ const OpenScoring = (item: any) => {
|
|
|
InnerTitle.value = item.itemtext
|
|
InnerTitle.value = item.itemtext
|
|
|
InnerTileQues.value = item.proposal
|
|
InnerTileQues.value = item.proposal
|
|
|
if (item.expression == 'angry') {
|
|
if (item.expression == 'angry') {
|
|
|
|
|
+ SubmitText.value = 'Apologize once again for your experience.'
|
|
|
checkexpression.value = 'angry'
|
|
checkexpression.value = 'angry'
|
|
|
isShowAngry.value = true
|
|
isShowAngry.value = true
|
|
|
} else if (item.expression == 'sad') {
|
|
} else if (item.expression == 'sad') {
|
|
|
|
|
+ SubmitText.value = 'Apologize once again for your experience.'
|
|
|
checkexpression.value = 'sad'
|
|
checkexpression.value = 'sad'
|
|
|
isShowAngry.value = true
|
|
isShowAngry.value = true
|
|
|
} else if (item.expression == 'smile') {
|
|
} else if (item.expression == 'smile') {
|
|
|
|
|
+ SubmitText.value = 'We greatly appreciate your valuable time and feedback.'
|
|
|
checkexpression.value = 'smile'
|
|
checkexpression.value = 'smile'
|
|
|
isShowSmile.value = true
|
|
isShowSmile.value = true
|
|
|
} else if (item.expression == 'hhh') {
|
|
} else if (item.expression == 'hhh') {
|
|
|
|
|
+ SubmitText.value = 'Once again, thank you for your positive evaluation.'
|
|
|
checkexpression.value = 'hhh'
|
|
checkexpression.value = 'hhh'
|
|
|
isShowHappy.value = true
|
|
isShowHappy.value = true
|
|
|
} else if (item.expression == 'happy') {
|
|
} else if (item.expression == 'happy') {
|
|
|
|
|
+ SubmitText.value = 'Once again, thank you for your positive evaluation.'
|
|
|
checkexpression.value = 'happy'
|
|
checkexpression.value = 'happy'
|
|
|
isShowHappy.value = true
|
|
isShowHappy.value = true
|
|
|
}
|
|
}
|
|
@@ -222,6 +229,11 @@ const submitDetails = (val: any) => {
|
|
|
if (res.code == 200) {
|
|
if (res.code == 200) {
|
|
|
isshowDetails_submit.value = true
|
|
isshowDetails_submit.value = true
|
|
|
isshowDetails.value = false
|
|
isshowDetails.value = false
|
|
|
|
|
+ setTimeout(() => {
|
|
|
|
|
+ isshowDetails_submit.value = false
|
|
|
|
|
+ innerVisible.value = false
|
|
|
|
|
+ dialogVisible.value = false
|
|
|
|
|
+ }, 3000)
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
} else if (checkboxGroup2.value.length) {
|
|
} else if (checkboxGroup2.value.length) {
|
|
@@ -235,6 +247,11 @@ const submitDetails = (val: any) => {
|
|
|
if (res.code == 200) {
|
|
if (res.code == 200) {
|
|
|
isshowDetails_submit.value = true
|
|
isshowDetails_submit.value = true
|
|
|
isshowDetails.value = false
|
|
isshowDetails.value = false
|
|
|
|
|
+ setTimeout(() => {
|
|
|
|
|
+ isshowDetails_submit.value = false
|
|
|
|
|
+ innerVisible.value = false
|
|
|
|
|
+ dialogVisible.value = false
|
|
|
|
|
+ }, 3000)
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
} else {
|
|
} else {
|
|
@@ -248,6 +265,11 @@ const submitDetails = (val: any) => {
|
|
|
if (res.code == 200) {
|
|
if (res.code == 200) {
|
|
|
isshowDetails_submit.value = true
|
|
isshowDetails_submit.value = true
|
|
|
isshowDetails.value = false
|
|
isshowDetails.value = false
|
|
|
|
|
+ setTimeout(() => {
|
|
|
|
|
+ isshowDetails_submit.value = false
|
|
|
|
|
+ innerVisible.value = false
|
|
|
|
|
+ dialogVisible.value = false
|
|
|
|
|
+ }, 3000)
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
}
|
|
}
|
|
@@ -265,6 +287,7 @@ const submitDetails = (val: any) => {
|
|
|
:destroy-on-close="true"
|
|
:destroy-on-close="true"
|
|
|
width="640"
|
|
width="640"
|
|
|
:modal="false"
|
|
:modal="false"
|
|
|
|
|
+ class="scoreDialog2"
|
|
|
custom-class="my-dialog"
|
|
custom-class="my-dialog"
|
|
|
:close-on-click-modal="false"
|
|
:close-on-click-modal="false"
|
|
|
>
|
|
>
|
|
@@ -289,6 +312,7 @@ const submitDetails = (val: any) => {
|
|
|
v-model="innerVisible"
|
|
v-model="innerVisible"
|
|
|
width="640"
|
|
width="640"
|
|
|
:modal="false"
|
|
:modal="false"
|
|
|
|
|
+ class="scoreDialog2"
|
|
|
:destroy-on-close="true"
|
|
:destroy-on-close="true"
|
|
|
@close="closeDialog"
|
|
@close="closeDialog"
|
|
|
>
|
|
>
|
|
@@ -389,10 +413,10 @@ const submitDetails = (val: any) => {
|
|
|
title="Submit Successful"
|
|
title="Submit Successful"
|
|
|
>
|
|
>
|
|
|
<template #icon>
|
|
<template #icon>
|
|
|
- <el-image src="../image/submit_successful.png" />
|
|
|
|
|
|
|
+ <el-image :src="submitsucessful" />
|
|
|
</template>
|
|
</template>
|
|
|
<template #sub-title>
|
|
<template #sub-title>
|
|
|
- <div class="sub_title_text">Apologize once again for your experience.</div>
|
|
|
|
|
|
|
+ <div class="sub_title_text">{{ SubmitText }}</div>
|
|
|
<div class="sub_title_text">
|
|
<div class="sub_title_text">
|
|
|
We are committed to working hard to provide better services.
|
|
We are committed to working hard to provide better services.
|
|
|
</div>
|
|
</div>
|