72 lines
1.7 KiB
Vue
72 lines
1.7 KiB
Vue
|
<template>
|
||
|
|
<uni-popup ref="popup" type="bottom" :mask-click="false">
|
||
|
|
<view class="bg-white rounded overflow-hidden">
|
||
|
|
<view class="flex items-center justify-between px-15 py-12 border-b">
|
||
|
|
<view class="text-lg font-semibold text-dark">全周期管理</view>
|
||
|
|
<uni-icons type="closeempty" :size="24" color="#999" @click="close"></uni-icons>
|
||
|
|
</view>
|
||
|
|
<scroll-view scroll-y="true" class="popup-content-scroll">
|
||
|
|
<view class="px-15 py-12">
|
||
|
|
<view v-for="team in teams" :key="team.teamId" class="flex items-center p-10 mb-10 rounded-sm bg-gray"
|
||
|
|
@click="enterTeam(team)">
|
||
|
|
<view class="flex-grow w-0 mr-5 text-base leading-normal text-dark">
|
||
|
|
{{ team.name }}
|
||
|
|
</view>
|
||
|
|
<view class="flex-shrink-0 text-base text-primary">进入</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</scroll-view>
|
||
|
|
|
||
|
|
</view>
|
||
|
|
</uni-popup>
|
||
|
|
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup>
|
||
|
|
import { computed, ref, watch } from 'vue';
|
||
|
|
|
||
|
|
const emits = defineEmits(['close', 'confirm'])
|
||
|
|
const props = defineProps({
|
||
|
|
teams: {
|
||
|
|
type: Array,
|
||
|
|
default: () => []
|
||
|
|
},
|
||
|
|
visible: {
|
||
|
|
type: Boolean,
|
||
|
|
default: false
|
||
|
|
}
|
||
|
|
})
|
||
|
|
const popup = ref()
|
||
|
|
|
||
|
|
function close() {
|
||
|
|
emits('close')
|
||
|
|
}
|
||
|
|
|
||
|
|
function enterTeam(team) {
|
||
|
|
uni.navigateTo({ url: `/pages/team/team-detail?corpId=${team.corpId}&teamId=${team.teamId}` })
|
||
|
|
close()
|
||
|
|
}
|
||
|
|
|
||
|
|
watch(() => props.visible, n => {
|
||
|
|
if (n) {
|
||
|
|
popup.value && popup.value.open();
|
||
|
|
} else {
|
||
|
|
popup.value && popup.value.close()
|
||
|
|
}
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.min-w-60 {
|
||
|
|
min-width: 120rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.check-icon {
|
||
|
|
width: 48rpx;
|
||
|
|
height: 48rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-content-scroll {
|
||
|
|
max-height: 50vh;
|
||
|
|
}
|
||
|
|
</style>
|