FE_bankTeaching/src/components/needBefore/index.vue

<template>
    <!-- <div class="flex mt-8 ml-12 text-xl title"> -->
    <div class="title">
        <h1 @click="goto">请完成上一个步骤！</h1>
    </div>
</template>

<script>

const obj = {
    // 'consumerClient': '/counter/list/manage/consumerClient',
    // 'currentAccount/openAccount': '/counter/list/manage/currentAccount',
    // 'currentAccount/deposit': '/counter/list/manage/currentAccount'
    'consumerClient': '客户信息 -> 个人客户信息建立',
    'currentAccount/openAccount': '活期业务 -> 开户',
    'currentAccount/deposit': '活期业务 -> 存款',
    'currentAccount/withdrawal': '活期业务 -> 取款',
    'currentAccount/transferAccounts': '活期业务 -> 转账',
    'currentAccount/settle': '活期业务 -> 销户',
    'timeDeposit/openAccount': '整存整取 -> 开户',
    'timeDeposit/deposit': '整存整取 -> 存款',
}

import {mapGetters} from 'vuex'
export default {
    props: {
        moduleName: {
            type: String,
            require: true
        }
    },
    created() {
        this.$message({
            message: '请先完成' + obj[this.moduleName],
            type: 'info'
        });
    },
    methods: {
        goto() {
            // this.$router.push(obj[this.moduleName])
            console.log(this.moduleName)
            this.$message({
                message: '请先完成' + obj[this.moduleName],
                type: 'info'
            });
        }
    },
    computed: {
        ...mapGetters({
            needsModule: 'system/needsModule',
        })
    }
}
</script>

<style scoped>
    .title{
        width: 100%;
        height: 100%;
        background-color: skyblue;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
</style>