描述:首页和报修页面

miniprogram/app.json

@@ -72,7 +72,8 @@
     "pages/meeting/exhibition/order/order",
     "pages/meeting/reservationRecord/exhibitionRecord/list/list",
     "pages/meeting/reservationRecord/exhibitionRecord/detail/detail",
-    "pages/meeting/meetingRoom/meetingService/meetingService"
+    "pages/meeting/meetingRoom/meetingService/meetingService",
+    "pages/reportRepair/reportRepair"
   ],
   "window": {
     "backgroundTextStyle": "light",

miniprogram/pages/index/index.js

@@ -108,6 +108,11 @@ Page({
                 img: "/profile/static/index/menu-hyyy.png",
                 path: "/pages/meeting/meetingReservation/meetingReservation"
             },
+            {
+                name: "随手拍",
+                img: "/profile/static/index/menu-bxfw.png",
+                path: "/pages/reportRepair/reportRepair"
+            },
             // {
             //     name: "展厅预约",
             //     img: "/profile/static/index/menu-ztyy.png",
@@ -118,11 +123,11 @@ Page({
             //     img: "/profile/static/index/menu-fkyy.png",
             //     path: "/pages/meeting/visitorIinvitation/list/list"
             // },
-            {
+            // {
-                name: "预约记录",
+            //     name: "预约记录",
-                img: "/profile/static/index/menu-yyjl.png",
+            //     img: "/profile/static/index/menu-yyjl.png",
-                path: "/pages/meeting/reservationRecord/meetingRecord/meetingRecord"
+            //     path: "/pages/meeting/reservationRecord/meetingRecord/meetingRecord"
-            },
+            // },
 
             // {
             //     name: "远程门禁",

miniprogram/pages/index/index.wxml

@@ -1,18 +1,12 @@
 <view class="containerView public">
 
     <view class="topHead">
-        <!-- <image class="scanImg" src="{{IMG_NAME + '/profile/static/index/scan.png'}}" mode="aspectFill" bind:tap="jumpScan"></image> -->
+        <view class="title">机关事务管理平台</view>
-        <view class="title ellipsisFont">{{parkName}}</view>
+        <view class="contentView">
+            <view class="label1">欢迎进入</view>
+            <view class="label2">淮安市机关事务管理平台</view>
         </view>
-
+        <view class="logo"></view>
-    <view class="loopView">
-        <image class="logoImg" src="{{IMG_NAME + '/profile/static/shanghai_changyang/index/logo.png'}}" mode="aspectFill"></image>
-        <!-- 轮播图 -->
-        <swiper class='swiper-box' indicator-dots autoplay interval="3000" duration="1000" circular='true'>
-            <swiper-item wx:for="{{bannerList}}" wx:key="index">
-                <image class="img" src="{{IMG_NAME + item}}" mode="aspectFill"></image>
-            </swiper-item>
-        </swiper>
     </view>
 
 

miniprogram/pages/index/index.wxss

@@ -1,79 +1,62 @@
 @import "../../tabBar.wxss";
 
-
 .topHead {
-    display: flex;
-    justify-content: center;
-    align-items: center;
     position: relative;
-    margin: 110rpx 22rpx 50rpx;
+    height: 500rpx;
-}
+    background: #5985de;
-
+    border-bottom-left-radius: 80rpx;
-.topHead .scanImg {
+    border-bottom-right-radius: 80rpx;
-    width: 42rpx;
-    height: 42rpx;
-    position: absolute;
-    left: 10rpx;
-    top: 50%;
-    transform: translateY(-50%);
 }
 
 .topHead .title {
-    width: 320rpx;
+    position: absolute;
-    text-align: center;
+    left: 50%;
-    font-size: 30rpx;
+    top: 110rpx;
+    transform: translateX(-50%);
+    font-size: 28rpx;
+    color: #ffffff;
 }
 
-
+.topHead .contentView {
-.topList {
+    position: absolute;
-    display: none;
+    left: 60rpx;
-    width: 100%;
+    bottom: 110rpx;
-    height: 70rpx;
-    line-height: 70rpx;
-    background: white;
-    padding: 0 20rpx;
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 9999999;
 }
 
-.page {
+.topHead .contentView .label1 {
-    width: 100%;
+    font-size: 44rpx;
-    height: 100%;
+    color: white;
-    box-sizing: border-box;
-    color: black;
-    overflow: auto;
-    background-color: #FFFFFF;
-    padding-top: 20rpx;
 }
 
-.activityList {
+.topHead .contentView .label2 {
-    background: white;
+    font-size: 26rpx;
-    margin-bottom: 20rpx;
+    color: white;
-    /* border-radius: 24rpx; */
+    margin-top: 20rpx;
-    overflow: hidden;
-    border-bottom: 1rpx solid #EEEEEE;
 }
 
-.detailbox {
+.topHead .logo {
-    padding: 16rpx 26rpx;
+    width: 160rpx;
-    line-height: 40rpx;
+    height: 160rpx;
-    position: relative;
+    background: #c9c9c9;
+    border-radius: 100rpx;
+    position: absolute;
+    left: 50%;
+    bottom: -80rpx;
+    transform: translateX(-50%);
 }
 
+
 .itemTitleView {
-    border-left: 8rpx solid #2A6FFF;
+    border-left: 8rpx solid #76aef9;
     display: flex;
     justify-content: space-between;
     align-items: center;
-    margin: 40rpx 50rpx 0;
+    margin: 140rpx 50rpx 0;
 }
 
 .itemTitleView .title {
     margin-left: 10rpx;
     font-size: 28rpx;
-    font-weight: bold;
     color: #141414;
 }
 

miniprogram/pages/reportRepair/reportRepair.js

@@ -0,0 +1,84 @@
+const app = getApp()
+
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        IMG_NAME: app.IMG_NAME,
+        menuList: [{
+            name: "我要报修",
+            img: "/profile/static/index/menu-bxfw.png",
+            path: "/pages/reportRepair/reportRepair"
+        }, {
+            name: "报修查询",
+            img: "/profile/static/index/menu-ztyy.png",
+            path: "/pages/reportRepair/reportRepair"
+        }, {
+            name: "维修入口",
+            img: "/profile/static/index/menu-bxfw.png",
+            path: "/pages/reportRepair/reportRepair"
+        }, {
+            name: "派单入口",
+            img: "/profile/static/index/menu-bxfw.png",
+            path: "/pages/reportRepair/reportRepair"
+        }]
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

miniprogram/pages/reportRepair/reportRepair.json

@@ -0,0 +1,4 @@
+{
+    "navigationStyle": "custom",
+    "usingComponents": {}
+}

miniprogram/pages/reportRepair/reportRepair.wxml

@@ -0,0 +1,20 @@
+<view class="containerView public">
+
+    <view class="topHead">
+        <view class="title">随手拍</view>
+        <view class="contentView">
+            <view class="label1">欢迎进入</view>
+            <view class="label2">淮安市行政中心报修“随手拍”服务平台</view>
+        </view>
+        <view class="logo"></view>
+    </view>
+
+    <view class="menuContainerView">
+        <view class="menuView" wx:for="{{menuList}}" wx:key="*this">
+            <view class="menuImg" style="background: no-repeat center/cover url({{IMG_NAME + item.img}});"></view>
+            <view class="menuTitle">{{item.name}}</view>
+        </view>        
+    </view>
+
+
+</view>

miniprogram/pages/reportRepair/reportRepair.wxss

@@ -0,0 +1,77 @@
+.topHead {
+    position: relative;
+    height: 600rpx;
+    background: #5985de;
+    border-bottom-left-radius: 80rpx;
+    border-bottom-right-radius: 80rpx;
+}
+
+.topHead .title {
+    position: absolute;
+    left: 50%;
+    top: 110rpx;
+    transform: translateX(-50%);
+    font-size: 28rpx;
+    color: #ffffff;
+}
+
+.topHead .contentView {
+    position: absolute;
+    left: 60rpx;
+    bottom: 210rpx;
+}
+
+.topHead .contentView .label1 {
+    font-size: 44rpx;
+    color: white;
+}
+
+.topHead .contentView .label2 {
+    font-size: 26rpx;
+    color: white;
+    margin-top: 20rpx;
+}
+
+.topHead .logo {
+    width: 160rpx;
+    height: 160rpx;
+    background: #c9c9c9;
+    border-radius: 100rpx;
+    position: absolute;
+    left: 50%;
+    bottom: -80rpx;
+    transform: translateX(-50%);
+}
+
+.menuContainerView {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    padding: 160rpx 100rpx;
+}
+
+.menuContainerView .menuView {
+    width: 240rpx;
+    height: 240rpx;
+    border-radius: 10rpx;
+    box-shadow: -2px 2px 10px 0 rgba(102, 116, 166, 0.2);
+    flex-shrink: 0;
+    margin-bottom: 80rpx;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.menuContainerView .menuView .menuImg {
+    width: 132rpx;
+    height: 134rpx;
+}
+
+.menuContainerView .menuView .menuTitle {
+    font-size: 24rpx;
+    color: #52658f;
+    font-weight: bold;
+}