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.
107 lines
3.4 KiB
107 lines
3.4 KiB
2 months ago
|
<template>
|
||
|
|
<cs-page :selected="4" isTab isCustom>
|
||
|
|
<template #header>
|
||
|
|
<view class="header">
|
||
|
|
<u--image src="/static/favicon.png" width="20px" height="20px" mode="aspectFit"></u--image>
|
||
|
|
<view class="title">个人中心</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
<scroll-view class="owner-container" scroll-y>
|
||
|
|
<view class="section wd-flex wd-flex-row wd-justify-between wd-items-center" @tap="edit">
|
||
|
|
<view class="wd-flex wd-flex-col" style="gap: 4px">
|
||
|
|
<view class="wd-flex wd-flex-row" style="gap: 8px">
|
||
|
|
<text class="wd-font-800">姓名</text>
|
||
|
|
<u-tag text="部门" shape="circle" bgColor="#000" borderColor="#000" size="mini"></u-tag>
|
||
|
|
</view>
|
||
|
|
<view class="">手机号</view>
|
||
|
|
</view>
|
||
|
|
<view class="wd-flex wd-flex-row" style="gap: 10px">
|
||
|
|
<u-avatar src="/static/images/avatar.jpg"></u-avatar>
|
||
|
|
<u-icon name="arrow-right"></u-icon>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="section wd-flex wd-flex-row wd-justify-between">
|
||
|
|
<view class="wd-flex wd-flex-row" style="gap: 8px">
|
||
|
|
<u--image src="/static/images/owner/message.png" width="20px" height="20px" mode="aspectFit"></u--image>
|
||
|
|
<text class="wd-font-800">消息通知</text>
|
||
|
|
</view>
|
||
|
|
<view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px">
|
||
|
|
<u-count-to :startVal="30" :endVal="500" fontSize="14px" separator=","></u-count-to>
|
||
|
|
<u-icon name="arrow-right"></u-icon>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="section wd-flex wd-flex-row wd-justify-between">
|
||
|
|
<view class="wd-flex wd-flex-row" style="gap: 8px">
|
||
|
|
<u--image src="/static/images/owner/edit.png" width="20px" height="20px" mode="aspectFit"></u--image>
|
||
|
|
<text class="wd-font-800">执法记录</text>
|
||
|
|
</view>
|
||
|
|
<view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px">
|
||
|
|
<u-count-to :startVal="30" :endVal="500" fontSize="14px" separator=","></u-count-to>
|
||
|
|
<u-icon name="arrow-right"></u-icon>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="section wd-flex wd-flex-row wd-justify-between">
|
||
|
|
<view class="wd-flex wd-flex-row" style="gap: 8px">
|
||
|
|
<u--image src="/static/images/owner/list.png" width="20px" height="20px" mode="aspectFit"></u--image>
|
||
|
|
<text class="wd-font-800">政策法规</text>
|
||
|
|
</view>
|
||
|
|
<view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px">
|
||
|
|
<u-count-to :startVal="30" :endVal="500" fontSize="14px" separator=","></u-count-to>
|
||
|
|
<u-icon name="arrow-right"></u-icon>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="section wd-flex wd-flex-row wd-justify-between">
|
||
|
|
<view class="wd-flex wd-flex-row" style="gap: 8px">
|
||
|
|
<u--image src="/static/images/owner/phone.png" width="20px" height="20px" mode="aspectFit"></u--image>
|
||
|
|
<text class="wd-font-800">内部专线</text>
|
||
|
|
</view>
|
||
|
|
<view class="wd-flex wd-flex-row wd-items-center" style="gap: 8px">
|
||
|
|
<text>点击呼叫</text>
|
||
|
|
<u-icon name="arrow-right"></u-icon>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</scroll-view>
|
||
|
|
</cs-page>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
edit() {
|
||
|
|
uni.navigateTo({
|
||
|
|
url: '/sub/owner/edit',
|
||
|
|
fail: (err) => {
|
||
|
|
console.log(err)
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.header {
|
||
|
|
display: flex;
|
||
|
|
flex-flow: row nowrap;
|
||
|
|
gap: 10px;
|
||
|
|
align-items: center;
|
||
|
|
.title {
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.owner-container {
|
||
|
|
padding: 10px;
|
||
|
|
height: 100%;
|
||
|
|
.section {
|
||
|
|
border-radius: $cs-border-radius;
|
||
|
|
background: #fff;
|
||
|
|
box-shadow: 0 0 4px 2px $cs-shadow-color;
|
||
|
|
margin-bottom: $cs-gap;
|
||
|
|
padding: 24px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|