water_affairs/pages/login/selectSite.vue

<template>
    <view>
        <cu-custom bgImage="https://yostest175549.obs.cn-east-2.myhuaweicloud.com:443/202306151686796745663B52544232.png"
            :isBack="true">
            <block slot="backText">返回</block>
            <block slot="content">
                选择登录站点
            </block>
        </cu-custom>
        <navigator class="site" url="#" v-for="item in account_list" :key="item.userid" @click="selectSite(item)">
            {{ item.name }}
        </navigator>
    </view>
</template>

<script>
import { loginMsg } from "./modules/dispose";
export default {
    name: "SelectSite",
    data() {
        return {
            account_list: uni.getStorageSync('account_list')
        }
    },
    methods: {
        selectSite(site) {
            let that = this;
            uni.showModal({
                title: '提示',
                content: `是否确定登录“${site.sitename}”站点的“${site.name}”账号`,
                success: ({ confirm }) => {
                    if (confirm) {
                        loginMsg([site], this.$Http);
                    }
                }
            })
        },
    },
}
</script>

<style lang="scss" scoped>
.site {
    width: 345px;
    border-radius: 4px;
    background: #fff;
    padding: 10px 15px;
    box-sizing: border-box;
    margin: 10px auto;
    font-size: 14px;
    color: #333333;
}
</style>