巡检记录

4 months ago · 637a884a3d
12 changed files with 252 additions and 10 deletions
--- a/pages.json
+++ b/pages.json
@ -42,6 +42,20 @@
 				"navigationBarTitleText": "消息",
 				"disableScroll": true
 			}
+		},
+		{
+			"path": "pages/tabBar/xjPage/xj",
+			"style": {
+				"navigationBarTitleText": "巡检",
+				"disableScroll": true
+			}
+		},
+		{
+			"path": "pages/tabBar/xjPage/xjRecord",
+			"style": {
+				"navigationBarTitleText": "巡检记录",
+				"disableScroll": true
+			}
 		}
 	],
 	"subPackages": [{
--- a/pages/tabBar/mine/index.vue
+++ b/pages/tabBar/mine/index.vue
@ -1,6 +1,6 @@
 <template>
  <view class="content">
-
+    <view>暂无数据</view>
  </view>
 </template>

--- a/pages/tabBar/msg/index.vue
+++ b/pages/tabBar/msg/index.vue
@ -1,6 +1,6 @@
 <template>
  <view class="content">
-
+    <view>暂无数据</view>
  </view>
 </template>

@ -29,5 +29,7 @@ export default {
  flex-direction: column;
  align-items: center;
  justify-content: center;
+  width: 100%;
+  height: 100vh;
 }
 </style>
--- a/pages/tabBar/work/index.vue
+++ b/pages/tabBar/work/index.vue
@ -15,7 +15,7 @@
    <view class="conItem">
      <view class="conItem-title">巡检</view>
      <view class="conItem-cont">
-        <view class="conItem-cont-item" v-for="(item, index) in xjList" :key="index">
+        <view class="conItem-cont-item" v-for="(item, index) in xjList" :key="index" @click="handelXjClick(item)">
          <image :src="item.image" class="itemImg"></image>
          <text class="itemText">{{ item.text }}</text>
        </view>
@ -112,7 +112,18 @@ export default {
          url: '/pages/tabBar/bsPage/bsReport'
        })
      }
-
+    },
+    handelXjClick (item) {
+      if (item.text === '巡检') {
+        // 列表
+        uni.navigateTo({
+          url: '/pages/tabBar/xjPage/xj'
+        })
+      } else {
+        uni.navigateTo({
+          url: '/pages/tabBar/xjPage/xjRecord'
+        })
+      }
    }
  }
 }
--- a/pages/tabBar/xjPage/xj.vue
+++ b/pages/tabBar/xjPage/xj.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>
--- a/pages/tabBar/xjPage/xjRecord.vue
+++ b/pages/tabBar/xjPage/xjRecord.vue
@ -0,0 +1,137 @@
+<!-- 巡检记录 -->
+<template>
+  <scroll-view class="content" scroll-y="true">
+    <view class="conItem" v-for="(item, index) in 10">
+      <view class="conItemTitle">
+        <image src="/static/img/巡检记录列表里.png" class="titleImg"></image>
+        <text class="titleName">龙海路乐业社区5号楼1单元805 南卧1</text>
+      </view>
+      <view class="conItemCon">
+        <view class="recordItem">
+          <view class="recordItemName">巡检问题</view>
+          <view class="recordItemCon">消防安全</view>
+        </view>
+        <view class="recordItem">
+          <view class="recordItemName">标题内容</view>
+          <view class="recordItemCon">消防设施老旧</view>
+        </view>
+        <view class="recordItem">
+          <view class="recordItemName">问题描述</view>
+          <view class="recordItemCon">一楼东南角消防设施老旧严重，已经不能正常使用。</view>
+        </view>
+        <view class="recordItem">
+          <view class="recordItemName">图片/视频</view>
+          <view class="recordItemCon" style="display: flex;flex-wrap: wrap;">
+            <image src="/static/img/巡检记录列表里.png" class="recordItemConImg"></image>
+            <image src="/static/img/巡检记录列表里.png" class="recordItemConImg"></image>
+            <image src="/static/img/巡检记录列表里.png" class="recordItemConImg"></image>
+            <image src="/static/img/巡检记录列表里.png" class="recordItemConImg"></image>
+            <image src="/static/img/巡检记录列表里.png" class="recordItemConImg"></image>
+            <image src="/static/img/巡检记录列表里.png" class="recordItemConImg"></image>
+          </view>
+        </view>
+        <view class="recordItem">
+          <view class="recordItemName">巡检日期</view>
+          <view class="recordItemCon">2025-05-06 15:30:20</view>
+        </view>
+      </view>
+    </view>
+
+  </scroll-view>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+
+    }
+  },
+  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);
+  padding-bottom: 50rpx;
+  box-sizing: border-box;
+}
+
+.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: 30rpx;
+  text-align: left;
+  margin-left: 10rpx;
+}
+
+.conItemCon {
+  display: flex;
+  width: 100%;
+  flex-wrap: wrap;
+  border-radius: 10rpx;
+  background-color: rgba(249, 249, 249, 1);
+  padding: 20rpx;
+  box-sizing: border-box;
+}
+
+.recordItem {
+  width: 100%;
+  display: flex;
+  margin-bottom: 10rpx;
+}
+
+.recordItemName {
+  width: 22%;
+  color: rgba(169, 175, 186, 1);
+  font-size: 28rpx;
+  text-align: right;
+}
+
+.recordItemCon {
+  width: 75%;
+  color: rgba(0, 0, 0, 1);
+  font-size: 28rpx;
+  text-align: left;
+  margin-left: 3%;
+}
+
+.recordItemConImg {
+  width: 145rpx;
+  height: 145rpx;
+  margin: 0 10rpx 10rpx 0;
+}
+</style>
--- a/unpackage/dist/dev/.sourcemap/mp-weixin/common/main.js.map
+++ b/unpackage/dist/dev/.sourcemap/mp-weixin/common/main.js.map
--- a/unpackage/dist/dev/.sourcemap/mp-weixin/common/vendor.js.map
+++ b/unpackage/dist/dev/.sourcemap/mp-weixin/common/vendor.js.map
--- a/unpackage/dist/dev/.sourcemap/mp-weixin/node-modules/uview-ui/components/u-button/u-button.js.map
+++ b/unpackage/dist/dev/.sourcemap/mp-weixin/node-modules/uview-ui/components/u-button/u-button.js.map
--- a/unpackage/dist/dev/.sourcemap/mp-weixin/node-modules/uview-ui/components/u-icon/u-icon.js.map
+++ b/unpackage/dist/dev/.sourcemap/mp-weixin/node-modules/uview-ui/components/u-icon/u-icon.js.map
--- a/unpackage/dist/dev/.sourcemap/mp-weixin/node-modules/uview-ui/components/u-loading-icon/u-loading-icon.js.map
+++ b/unpackage/dist/dev/.sourcemap/mp-weixin/node-modules/uview-ui/components/u-loading-icon/u-loading-icon.js.map
--- a/unpackage/dist/dev/mp-weixin/app.json
+++ b/unpackage/dist/dev/mp-weixin/app.json
@ -5,7 +5,9 @@
    "pages/tabBar/mine/index",
    "pages/tabBar/bsPage/bsRecord",
    "pages/tabBar/bsPage/bsReport",
-    "pages/tabBar/msg/index"
+    "pages/tabBar/msg/index",
+    "pages/tabBar/xjPage/xj",
+    "pages/tabBar/xjPage/xjRecord"
  ],
  "subPackages": [
    {