暂存工作台抄表

pages/readingHistory/components/meterInfo/index.js

@@ -0,0 +1,24 @@
+// pages/readingHistory/components/meterInfo/index.js
+Component({
+
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+
+  }
+})

pages/readingHistory/components/meterInfo/index.json

@@ -0,0 +1,8 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-row": "@vant/weapp/row/index",
+    "van-col": "@vant/weapp/col/index",
+    "van-tag": "@vant/weapp/tag/index"
+  }
+}

pages/readingHistory/components/meterInfo/index.wxml

@@ -0,0 +1,55 @@
+<!--pages/readingHistory/components/meterInfo/index.wxml-->
+<view class="wrapper">
+    <view class="title">
+        <view class="address">
+            标1东-307
+        </view>
+        <view class="status">
+            正常运行中
+        </view>
+    </view>
+    <view class="detail">
+            <van-row gutter="20">
+                <van-col span="12">
+                    <view class="text">
+                        <view>
+                           设备编号
+                        </view>
+                        <view>
+                            1202312423524
+                        </view>
+                    </view>
+                </van-col>
+                <van-col span="12">
+                    <view class="text">
+                        <view>
+                            电表类型
+                        </view>
+                        <view>
+                            1202312423524
+                        </view>
+                    </view>
+                </van-col>
+                <van-col span="12">
+                    <view class="text">
+                        <view>
+                            最近读数
+                        </view>
+                        <view>
+                            1202312423524
+                        </view>
+                    </view>
+                </van-col>
+                <van-col span="12">
+                    <view class="text">
+                        <view>
+                            读数日期
+                        </view>
+                        <view>
+                            1202312423524
+                        </view>
+                    </view>
+                </van-col>
+            </van-row>
+        </view>
+</view>

pages/readingHistory/components/meterInfo/index.wxss

@@ -0,0 +1,22 @@
+/* pages/readingHistory/components/meterInfo/index.wxss */
+.wrapper {
+    margin: 20rpx 0;
+    padding: 20rpx;
+    box-sizing: border-box;
+    background-color: white;
+    border-radius: 16rpx;
+}
+
+.title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 40rpx;
+}
+
+.detail .text {
+    display: flex;
+    justify-content: space-between;
+    font-size: 30rpx;
+    margin-bottom: 20rpx;
+}

pages/readingHistory/index.json

@@ -1,6 +1,8 @@
 {
   "usingComponents": {
-    "navigator": "/components/navigator/index"
+    "navigator": "/components/navigator/index",
+    "meterInfo": "./components/meterInfo/index",
+    "van-button": "@vant/weapp/button/index"
   },
   "navigationStyle": "custom"
 }

pages/readingHistory/index.wxml

@@ -1,2 +1,12 @@
 <!--pages/readingHistory/index.wxml-->
-<navigator title="历史抄表记录" canBack="{{true}}" />
+<navigator title="历史抄表记录" canBack="{{true}}" />
+
+<view class="wrapper">
+    <meterInfo />
+    <view class="historyTitle">
+        <view class="text">
+            抄表记录历史
+        </view>
+        <van-button type="info" size="small" icon="plus" > 新增记录 </van-button>
+    </view>
+</view>

pages/readingHistory/index.wxss

@@ -1 +1,9 @@
-/* pages/readingHistory/index.wxss */
+/* pages/readingHistory/index.wxss */
+page {
+    background-color: #ebedf0;
+}
+
+.historyTitle {
+    display: flex;
+    justify-content: space-between;
+}