同票数任务下发

GuLiMmo

2024-01-17 16862bd1d0a4a4307c8b8940089caafafc68b08e

 src/views/evaluate/components/evaluateTypeResult.vue

@@ -1,5 +1,13 @@
<template>
    <div class="container">
        <!-- v-if="params.data.evaluateState === 2" -->
        <el-alert type="warning" show-icon style="margin-bottom: 20px;">
            <template #title>
                如对当前任务有相同票数候选人，可点击右侧重新下发任务进行投票
                <span class="right-arrow">→</span>
                <el-button text type="success" icon="el-icon-position" @click="reissueTask">下发任务</el-button>
            </template>
        </el-alert>
        <ul class="type-list">
            <li class="type-item">
                <div class="title">奖项</div>
@@ -25,16 +33,19 @@
            </li>
        </ul>
        <typeDetails :params="typeDetailsParams" />
        <reissueSecondRound :params="reissueTaskParams" @initAsideData="initAsideData" />
    </div>
</template>

<script>
import { getEcList } from '@/api/evaluate/evaluateTask'
import typeDetails from './typeDetails.vue'
import reissueSecondRound from './reissueSecondRound.vue'

export default {
    components: {
        typeDetails
        typeDetails,
        reissueSecondRound
    },
    props: {
        params: {
@@ -54,7 +65,8 @@
                size: 10,
                total: 0
            },
            typeDetailsParams: {}
            typeDetailsParams: {},
            reissueTaskParams: {}
        }
    },
    watch: {
@@ -86,6 +98,22 @@
                    evaluateTaskCategoryId
                }
            }
        },
        reissueTask() {
            this.$confirm('是否发下任务?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
            }).then(res => {
                this.reissueTaskParams = {
                    visible: true,
                    data: this.params.data
                }
            })

        },
        initAsideData() {
            this.$emit('initAsideData')
        }
    },
    mounted() {
@@ -97,6 +125,27 @@
<style lang="scss" scoped>
$borderColor: var(--el-border-color);

.right-arrow {
    display: inline-block;
    padding: 0 7px;
    font-weight: bolder;
    animation: moveAnimation 1s ease-in-out infinite;
}

@keyframes moveAnimation {
    from {
        transform: translateX(7px);
    }

    50% {
        transform: translateX(-7px);
    }

    to {
        transform: translateX(7px);
    }
}

.type-list {
    margin: 0;
    padding: 0;