<template>
    <global-popup v-model="showPopup" mode="right" :width="580" background="#F7F8FA" title="选择责任单位" :round="32" @close="showPopup = false">
        <view class="list">
            <view class="item" v-for="item in 100" :key="item" @tap="handleClick">中南维修基地</view>
        </view>
    </global-popup>
</template>

<script setup>
import { ref } from 'vue'

const showPopup = ref(false)
const open = () => {
    showPopup.value = true
}
//切换责任公司
const handleClick = () => {
    showPopup.value = false
}
defineExpose({
    open
})
</script>
<style lang="scss" scoped>
.list {
    padding: 18rpx 32rpx;
    .item {
        color: $uni-text-4;
        font-size: 30rpx;
        background: #fff;
        margin-bottom: 24rpx;
        padding: 16rpx 24rpx;
    }
}
</style>
