|
@@ -1,13 +1,92 @@
|
|
<script>
|
|
<script>
|
|
|
|
+import TemplateImg from "@/static/images/digitalDoor/composite.png";
|
|
|
|
+import PersonImg from "@/static/images/digitalDoor/person.png";
|
|
|
|
+import HouseImg from "@/static/images/digitalDoor/house.png"
|
|
|
|
+import InterestImg from "@/static/images/digitalDoor/interest.png"
|
|
|
|
+import EnterPromise from "@/static/images/digitalDoor/enterprise.png"
|
|
|
|
|
|
|
|
+export default {
|
|
|
|
+ data() {
|
|
|
|
+ return {
|
|
|
|
+ list: [
|
|
|
|
+ {
|
|
|
|
+ text: '综合查询',
|
|
|
|
+ icon: TemplateImg,
|
|
|
|
+ url:'/subPages/pages/digitalDoor/generalInquiry/index'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ text: '人员管理',
|
|
|
|
+ icon: PersonImg
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ text: '房屋管理',
|
|
|
|
+ icon: HouseImg
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ text: '企业管理',
|
|
|
|
+ icon: TemplateImg
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ text: '兴趣点管理',
|
|
|
|
+ icon: InterestImg
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ text: '企业承诺',
|
|
|
|
+ icon: EnterPromise,
|
|
|
|
+ url: '/pages/home/home'
|
|
|
|
+ }
|
|
|
|
+ ]
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ methods: {
|
|
|
|
+ handleClick(item) {
|
|
|
|
+ console.log(item)
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url: item.url
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+}
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<template>
|
|
<template>
|
|
-<view>
|
|
|
|
-测试
|
|
|
|
-</view>
|
|
|
|
|
|
+ <view>
|
|
|
|
+ <van-list class="list">
|
|
|
|
+ <van-cell v-for="item in list" :key="item.text">
|
|
|
|
+ <template>
|
|
|
|
+ <view class="text-group" @click="handleClick(item)">
|
|
|
|
+ <img :src="item.icon" alt="">
|
|
|
|
+ <view class="text-overflow">{{ item.text }}</view>
|
|
|
|
+ </view>
|
|
|
|
+ </template>
|
|
|
|
+ </van-cell>
|
|
|
|
+ </van-list>
|
|
|
|
+ </view>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
|
|
+.list {
|
|
|
|
+ padding: 30rpx 30rpx;
|
|
|
|
+ border-radius: 20px;
|
|
|
|
+ border: 1px solid #eee;
|
|
|
|
+}
|
|
|
|
|
|
|
|
+.text-group {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ padding: 10rpx 0;
|
|
|
|
+
|
|
|
|
+ img {
|
|
|
|
+ width: 20px;
|
|
|
|
+ height: 20px;
|
|
|
|
+ margin-right: 20rpx;
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.text-overflow {
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ display: inline-block;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+}
|
|
</style>
|
|
</style>
|