|
@@ -15,11 +15,13 @@ import happyPng2 from '../image/happy_2.png'
|
|
|
import normalPng from '../image/score_normal.png'
|
|
import normalPng from '../image/score_normal.png'
|
|
|
import submitsucessful from '../image/submit_successful.png'
|
|
import submitsucessful from '../image/submit_successful.png'
|
|
|
import { useUserStore } from '@/stores/modules/user'
|
|
import { useUserStore } from '@/stores/modules/user'
|
|
|
|
|
+import emitter from '@/utils/bus'
|
|
|
|
|
|
|
|
const userStore = useUserStore()
|
|
const userStore = useUserStore()
|
|
|
|
|
|
|
|
// const isShow = ref(true)
|
|
// const isShow = ref(true)
|
|
|
const visible = ref(false)
|
|
const visible = ref(false)
|
|
|
|
|
+const isShowScoring = ref(true)
|
|
|
const isLoaded = ref(false)
|
|
const isLoaded = ref(false)
|
|
|
const isShowAngry = ref(false)
|
|
const isShowAngry = ref(false)
|
|
|
const isShowHappy = ref(false)
|
|
const isShowHappy = ref(false)
|
|
@@ -273,9 +275,22 @@ const mouseout = (item: any) => {
|
|
|
item.src = item.src1
|
|
item.src = item.src1
|
|
|
}
|
|
}
|
|
|
const SubmitText = ref()
|
|
const SubmitText = ref()
|
|
|
|
|
+
|
|
|
|
|
+// 切换隐藏icon
|
|
|
|
|
+const Logout = () => {
|
|
|
|
|
+ isShowScoring.value = false
|
|
|
|
|
+}
|
|
|
|
|
+// 切换隐藏icon
|
|
|
|
|
+const checknoPrompt = () => {
|
|
|
|
|
+ isShowScoring.value = true
|
|
|
|
|
+}
|
|
|
|
|
+onMounted(() => {
|
|
|
|
|
+ emitter.on('checkPrompt', Logout)
|
|
|
|
|
+ emitter.on('checknoPrompt', checknoPrompt)
|
|
|
|
|
+})
|
|
|
</script>
|
|
</script>
|
|
|
<template>
|
|
<template>
|
|
|
- <div class="scoring">
|
|
|
|
|
|
|
+ <div class="scoring" v-if="isShowScoring">
|
|
|
<el-popover
|
|
<el-popover
|
|
|
:visible="visible"
|
|
:visible="visible"
|
|
|
placement="left"
|
|
placement="left"
|
|
@@ -400,7 +415,7 @@ const SubmitText = ref()
|
|
|
z-index: 2013;
|
|
z-index: 2013;
|
|
|
right: 20px;
|
|
right: 20px;
|
|
|
bottom: 80px;
|
|
bottom: 80px;
|
|
|
- display: none;
|
|
|
|
|
|
|
+ display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
}
|
|
}
|