|
@@ -12,25 +12,25 @@
|
|
|
class="tw-flex tw-place-content-between tw-m-4 tw-text-xl tw-cursor-pointer"
|
|
|
>
|
|
|
<div
|
|
|
- @click="store.currentSpecialTag = '√'"
|
|
|
+ @click="toggleTag('√')"
|
|
|
:class="[store.currentSpecialTag === '√' && 'tag-selected', 'tag']"
|
|
|
>
|
|
|
√
|
|
|
</div>
|
|
|
<div
|
|
|
- @click="store.currentSpecialTag = 'X'"
|
|
|
+ @click="toggleTag('X')"
|
|
|
:class="[store.currentSpecialTag === 'X' && 'tag-selected', 'tag']"
|
|
|
>
|
|
|
X
|
|
|
</div>
|
|
|
<div
|
|
|
- @click="store.currentSpecialTag = '乄'"
|
|
|
+ @click="toggleTag('乄')"
|
|
|
:class="[store.currentSpecialTag === '乄' && 'tag-selected', 'tag']"
|
|
|
>
|
|
|
乄
|
|
|
</div>
|
|
|
<div
|
|
|
- @click="store.currentSpecialTag = '_____'"
|
|
|
+ @click="toggleTag('_____')"
|
|
|
:class="[store.currentSpecialTag === '_____' && 'tag-selected', 'tag']"
|
|
|
style="width: 60px"
|
|
|
>
|
|
@@ -79,11 +79,22 @@ export default defineComponent({
|
|
|
store.currentMarkResult.specialTagList = [];
|
|
|
}
|
|
|
|
|
|
+ const toggleTag = (tagName: string) => {
|
|
|
+ if (store.currentSpecialTag === tagName) {
|
|
|
+ store.currentSpecialTag = undefined;
|
|
|
+ } else {
|
|
|
+ store.currentSpecialTag = tagName;
|
|
|
+ store.currentScore = undefined;
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
const close = () => {
|
|
|
+ store.currentSpecialTag = undefined;
|
|
|
store.setting.uiSetting["specialTag.modal"] = false;
|
|
|
};
|
|
|
return {
|
|
|
store,
|
|
|
+ toggleTag,
|
|
|
close,
|
|
|
clearLatestTagOfCurrentTask,
|
|
|
clearAllTagsOfCurrentTask,
|