报事页面初定

pages.json

@@ -23,6 +23,20 @@
         "disableScroll": true
       }
     },
+    {
+      "path": "pages/tabBar/bsPage/bsRecord",
+      "style": {
+        "navigationBarTitleText": "报事",
+        "disableScroll": true
+      }
+    },
+    {
+      "path": "pages/tabBar/bsPage/bsReport",
+      "style": {
+        "navigationBarTitleText": "上报",
+        "disableScroll": true
+      }
+    },
     {
       "path": "pages/tabBar/msg/index",
       "style": {

pages/tabBar/bsPage/bsRecord.vue

@@ -0,0 +1,86 @@
+<!-- 报事记录 -->
+<template>
+  <scroll-view class="content" scroll-y="true">
+    <view class="conItem">
+      <view class="conItemTitle">
+        <image src="/static/img/维修列表里.png" class="titleImg"></image>
+        <text class="titleName">龙海路乐业社区5号楼1单元805 南卧1</text>
+      </view>
+      <view class="conItemCon">
+
+      </view>
+    </view>
+
+  </scroll-view>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      fyList: [
+        { image: '/static/img/看房.png', text: '看房确认' },
+        { image: '/static/img/退房检查.png', text: '退房检查' },
+        { image: '/static/img/释放.png', text: '释放房源检查' },
+        { image: '/static/img/预约.png', text: '预约看房' },
+        { image: '/static/img/强制清退.png', text: '强制清退' },
+      ],
+    }
+  },
+  onLoad () {
+
+  },
+  methods: {
+    handleBsClick (item) {
+      uni.navigateTo({
+        url: '/pages/tabBar/bsPage/bsRecord'
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.content {
+  width: 100%;
+  height: 100vh;
+  background-color: rgba(248, 248, 248, 1);
+}
+
+.conItem {
+  width: calc(100% - 40rpx);
+  border-radius: 10rpx;
+  margin-left: 20rpx;
+  background-color: rgba(255, 255, 255, 1);
+  box-shadow: 2rpx 2rpx 4rpx rgba(0, 0, 0, 0.2);
+  margin-bottom: 20rpx;
+  padding: 20rpx;
+  box-sizing: border-box;
+}
+
+.conItemTitle {
+  display: flex;
+  width: 100%;
+  margin-bottom: 20rpx;
+}
+
+.titleImg {
+  width: 38rpx;
+  height: 38rpx;
+}
+
+.titleName {
+  color: rgba(0, 0, 0, 1);
+  font-size: 28rpx;
+  text-align: left;
+  margin-left: 10rpx;
+}
+
+.conItemCon {
+  display: flex;
+  width: 100%;
+  border-radius: 10rpx;
+  background-color: rgba(249, 249, 249, 1);
+  height: 100rpx;
+}
+</style>

pages/tabBar/bsPage/bsReport.vue

@@ -0,0 +1,76 @@
+<!-- 报事上报 -->
+<template>
+  <scroll-view class="content" scroll-y="true">
+
+    <view class="conItem">
+      <view class="conItem-title">房源</view>
+      <view class="conItem-cont">
+        <view class="conItem-cont-item" v-for="(item, index) in fyList" :key="index">
+          <image :src="item.image" class="itemImg"></image>
+          <text class="itemText">房子</text>
+        </view>
+      </view>
+    </view>
+
+  </scroll-view>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      fyList: [
+        { image: '/static/img/看房.png', text: '看房确认' },
+        { image: '/static/img/退房检查.png', text: '退房检查' },
+        { image: '/static/img/释放.png', text: '释放房源检查' },
+        { image: '/static/img/预约.png', text: '预约看房' },
+        { image: '/static/img/强制清退.png', text: '强制清退' },
+      ],
+    }
+  },
+  onLoad () {
+
+  },
+  methods: {
+    handleBsClick (item) {
+      uni.navigateTo({
+        url: '/pages/tabBar/bsPage/bsRecord'
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.content {
+  width: 100%;
+  height: 100vh;
+}
+
+.conItem {
+  left: 11rpx;
+  top: 98rpx;
+  width: calc(100% - 40rpx);
+  border-radius: 10rpx;
+  margin-left: 20rpx;
+  background-color: rgba(255, 255, 255, 1);
+  box-shadow: 2rpx 2rpx 4rpx rgba(0, 0, 0, 0.2);
+  margin-bottom: 20rpx;
+  padding: 20rpx;
+  box-sizing: border-box;
+}
+
+.conItem-title {
+  color: rgb(64, 64, 64);
+  font-size: 30rpx;
+  text-align: left;
+}
+
+.conItem-cont {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  margin-top: 20rpx;
+}
+</style>

pages/tabBar/work/index.vue

@@ -45,7 +45,7 @@
     <view class="conItem">
       <view class="conItem-title">报事</view>
       <view class="conItem-cont">
-        <view class="conItem-cont-item" v-for="(item, index) in bsList" :key="index">
+        <view class="conItem-cont-item" v-for="(item, index) in bsList" :key="index" @click="handleBsClick(item)">
           <image :src="item.image" class="itemImg"></image>
           <text class="itemText">房子</text>
         </view>
@@ -89,7 +89,20 @@ export default {
 
   },
   methods: {
+    handleBsClick (item) {
+      if (item.text === '处理') {
+        // 记录
+        uni.navigateTo({
+          url: '/pages/tabBar/bsPage/bsRecord'
+        })
+      } else {
+        // 上报
+        uni.navigateTo({
+          url: '/pages/tabBar/bsPage/bsReport'
+        })
+      }
 
+    }
   }
 }
 </script>
@@ -98,13 +111,9 @@ export default {
 .content {
   width: 100%;
   height: 100vh;
-  // padding: 20rpx;
-  // box-sizing: border-box;
 }
 
 .conItem {
-  left: 11rpx;
-  top: 98rpx;
   width: calc(100% - 40rpx);
   border-radius: 10rpx;
   margin-left: 20rpx;

unpackage/dist/dev/mp-weixin/app.json

@@ -3,6 +3,8 @@
     "pages/login/login",
     "pages/tabBar/work/index",
     "pages/tabBar/mine/index",
+    "pages/tabBar/bsPage/bsRecord",
+    "pages/tabBar/bsPage/bsReport",
     "pages/tabBar/msg/index"
   ],
   "subPackages": [],

unpackage/dist/dev/mp-weixin/project.config.json

@@ -21,7 +21,24 @@
   "libVersion": "3.8.11",
   "appid": "touristappid",
   "projectname": "epmet-apartment-work-min",
-  "condition": {},
+  "condition": {
+    "search": {
+      "current": -1,
+      "list": []
+    },
+    "conversation": {
+      "current": -1,
+      "list": []
+    },
+    "game": {
+      "current": -1,
+      "list": []
+    },
+    "miniprogram": {
+      "current": -1,
+      "list": []
+    }
+  },
   "editorSetting": {
     "tabIndent": "insertSpaces",
     "tabSize": 2