|
@@ -7,12 +7,13 @@
|
|
enterActiveClass="animate__animated animate__slideInDown"
|
|
enterActiveClass="animate__animated animate__slideInDown"
|
|
leaveActiveClass="animate__animated animate__slideOutUp"
|
|
leaveActiveClass="animate__animated animate__slideOutUp"
|
|
>
|
|
>
|
|
- <a-alert v-if="show" :message="result" banner />
|
|
|
|
|
|
+ <!-- <a-alert v-if="show" :message="result" banner /> -->
|
|
|
|
+ <div v-if="show" class="text-box">{{ result }}</div>
|
|
</Transition>
|
|
</Transition>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<script name="Abnormal" lang="ts" setup>
|
|
<script name="Abnormal" lang="ts" setup>
|
|
-import { computed, ref } from "vue";
|
|
|
|
|
|
+import { computed, ref, watch } from "vue";
|
|
import { store } from "@/store/store";
|
|
import { store } from "@/store/store";
|
|
|
|
|
|
import { UpOutlined } from "@ant-design/icons-vue";
|
|
import { UpOutlined } from "@ant-design/icons-vue";
|
|
@@ -23,8 +24,16 @@ const result = computed(() => {
|
|
collationLabelList.find(
|
|
collationLabelList.find(
|
|
(item: any) => item.code == store.currentTask?.collationLabelCode
|
|
(item: any) => item.code == store.currentTask?.collationLabelCode
|
|
)?.name || "";
|
|
)?.name || "";
|
|
- return `试卷整理异常信息:${store.currentTask?.secretNumber || ""} - ${name}`;
|
|
|
|
|
|
+ return `试卷整理异常信息:${
|
|
|
|
+ store.currentTask?.collationLabelCode || ""
|
|
|
|
+ } - ${name}`;
|
|
});
|
|
});
|
|
|
|
+watch(
|
|
|
|
+ () => store.currentTask,
|
|
|
|
+ () => {
|
|
|
|
+ show.value = true;
|
|
|
|
+ }
|
|
|
|
+);
|
|
</script>
|
|
</script>
|
|
<style lang="less" scoped>
|
|
<style lang="less" scoped>
|
|
.abnormal {
|
|
.abnormal {
|
|
@@ -32,24 +41,34 @@ const result = computed(() => {
|
|
top: 0;
|
|
top: 0;
|
|
left: 0;
|
|
left: 0;
|
|
z-index: 1;
|
|
z-index: 1;
|
|
- :deep(.ant-alert-warning) {
|
|
|
|
|
|
+ width: 50%;
|
|
|
|
+ // :deep(.ant-alert-warning) {
|
|
|
|
+ // padding-left: 30px;
|
|
|
|
+ // }
|
|
|
|
+ .text-box {
|
|
padding-left: 30px;
|
|
padding-left: 30px;
|
|
|
|
+ background: rgba(0, 0, 0, 0.7);
|
|
|
|
+ color: #fff;
|
|
|
|
+ line-height: 1.4;
|
|
|
|
+ height: 30vh;
|
|
|
|
+ font-size: 20px;
|
|
|
|
+ overflow: auto;
|
|
}
|
|
}
|
|
.collapse-btn {
|
|
.collapse-btn {
|
|
position: absolute;
|
|
position: absolute;
|
|
left: 5px;
|
|
left: 5px;
|
|
- top: 8px;
|
|
|
|
|
|
+ top: 4px;
|
|
z-index: 1;
|
|
z-index: 1;
|
|
width: 20px;
|
|
width: 20px;
|
|
height: 20px;
|
|
height: 20px;
|
|
border-radius: 50%;
|
|
border-radius: 50%;
|
|
- background: #fffbe6;
|
|
|
|
- color: #faad14;
|
|
|
|
|
|
+ background: #fff;
|
|
|
|
+ color: var(--app-primary-button-bg-color);
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: center;
|
|
justify-content: center;
|
|
align-items: center;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
- border: 1px solid #faad14;
|
|
|
|
|
|
+ border: 1px solid var(--app-primary-button-bg-color);
|
|
transition: all 0.5s;
|
|
transition: all 0.5s;
|
|
&.rotate {
|
|
&.rotate {
|
|
transform: rotate(180deg);
|
|
transform: rotate(180deg);
|