You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
92 lines
1.9 KiB
92 lines
1.9 KiB
<template> |
|
<view class="calendar-content"> |
|
<view> |
|
<uni-calendar :selected="info.selected" :showMonth="false" @change="change" |
|
@monthSwitch="monthSwitch" /> |
|
</view> |
|
</view> |
|
<view class="duty-container"> |
|
<view class="duty-title">市局</view> |
|
<view class="row"> |
|
<view class="col col-12 duty-item"> |
|
<view class="duty-item-label">值班领导</view> |
|
<view class="duty-item-content">张三</view> |
|
</view> |
|
</view> |
|
<view class="duty-title">分局</view> |
|
<view class="row"> |
|
<view class="col col-12 duty-item"> |
|
<view class="duty-item-label">天心分局</view> |
|
<view class="duty-item-content">李四</view> |
|
</view> |
|
<view class="col col-12 duty-item"> |
|
<view class="duty-item-label">雨花分局</view> |
|
<view class="duty-item-content">王五</view> |
|
</view> |
|
<view class="col col-12 duty-item"> |
|
<view class="duty-item-label">芙蓉分局</view> |
|
<view class="duty-item-content">游麻</view> |
|
</view> |
|
<view class="col col-12 duty-item"> |
|
<view class="duty-item-label">长沙县局</view> |
|
<view class="duty-item-content">张三</view> |
|
</view> |
|
</view> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
export default { |
|
components: {}, |
|
data() { |
|
return { |
|
info: { |
|
selected: [] |
|
} |
|
} |
|
}, |
|
onReady() { |
|
|
|
}, |
|
methods: { |
|
change(e) { |
|
console.log('change 返回:', e) |
|
|
|
}, |
|
monthSwitch(e) { |
|
console.log('monthSwitchs 返回:', e) |
|
} |
|
} |
|
} |
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
.duty-container { |
|
padding: 24rpx; |
|
.col { |
|
margin-bottom: 0; |
|
} |
|
} |
|
.duty-title { |
|
font-size: 17px; |
|
margin-top: 24rpx; |
|
margin-bottom: 12rpx; |
|
} |
|
.duty-item { |
|
display: flex; |
|
text-align: center; |
|
.duty-item-label { |
|
width: 50%; |
|
height: 64rpx; |
|
line-height: 64rpx; |
|
background: #0F78F3; |
|
color: #fff; |
|
} |
|
.duty-item-content { |
|
width: 50%; |
|
height: 64rpx; |
|
line-height: 64rpx; |
|
background: #E3F0FF; |
|
} |
|
} |
|
</style> |