导入抄表记录

pages/writeReading/components/readingInfo/index.js

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

pages/writeReading/components/readingInfo/index.json

@@ -0,0 +1,10 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-button": "@vant/weapp/button/index",
+    "van-divider": "@vant/weapp/divider/index",
+    "custom-input": "/components/input/index",
+    "van-icon": "@vant/weapp/icon/index",
+    "photo": "../photo/index"
+  }
+}

pages/writeReading/components/readingInfo/index.wxml

@@ -0,0 +1,74 @@
+<!--pages/writeReading/components/readingInfo/index.wxml-->
+
+<view class="wrapper">
+    <view class="bodyTitle">
+        <view class="text">
+            电表数据记录器
+        </view>
+        <view class="time">
+            2025年9月5日
+        </view>
+    </view>
+    <view class="contentWrapper">
+        <view class="currentMeter">
+            <view class="text">
+                当前电表
+            </view>
+            <view class="address">
+                标1东-307
+            </view>
+        </view>
+        <view class="change">
+            <van-button type="info" size="small"> <van-icon name="arrow-left" /> 上一块</van-button>
+            <van-button type="info" size="small" >下一块 <van-icon name="arrow" /> </van-button>
+        </view>
+        <van-divider />
+        <view class="readingNumber">
+            <view class="lastNumber">
+                <view class="title">
+                    上次表字
+                </view>
+                <view class="number">
+                    3318
+                </view>
+            </view>
+            <view class="lastTime">
+                2025年08月12日
+            </view>
+        </view>
+        <view class="nextReadingNumber">
+            <view class="currentNumber">
+                <view class="title">
+                    本次表字
+                </view>
+                <view class="number">
+                    <custom-input />
+                </view>
+            </view>
+            <view class="photo">
+                <photo />
+            </view>
+        </view>
+        <view class="calc">
+            <view class="title">
+                表字差
+            </view>
+            <view class="rightNumber">
+                0
+            </view>
+            <view class="wrongNumber">
+                0
+            </view>
+        </view>
+        <view class="operate">
+            <view style="flex: 1;">
+                <van-button size="small"  type="info" block> 确定录入 </van-button>
+            </view>
+            <view style="flex: 1; margin-left: 20rpx;">
+                <van-button size="small" block> 清除记录 </van-button>
+            </view>     
+        </view>
+    </view>
+   
+</view>
+<view style="height: 32rpx;"></view>

pages/writeReading/components/readingInfo/index.wxss

@@ -0,0 +1,112 @@
+/* pages/writeReading/components/readingInfo/index.wxss */
+
+.wrapper {
+    margin-left: 20rpx;
+    margin-right: 20rpx;  
+    margin-top: 20rpx;
+    background-color: white;
+}
+
+.bodyTitle {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background-color: var(--deep-green);
+    padding: 32rpx 20rpx;
+    border-radius: 20rpx 20rpx 0 0;
+    box-sizing: border-box;
+    color: white;
+}
+
+.bodyTitle .text {
+    font-size: 40rpx;
+    font-weight: 800;
+}
+
+.bodyTitle .time {
+    font-size: 30rpx;
+}
+
+.contentWrapper {
+    padding: 0 20rpx;
+    margin-bottom: 30rpx;
+}
+
+.currentMeter {
+    margin-top: 24rpx;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    font-size: 32rpx;
+}
+
+.currentMeter .address {
+    color: var(--deep-green);
+    font-size: 36rpx;
+}
+
+.change {
+   margin-top: 20rpx;
+   margin-bottom: 20rpx;
+   display: flex;
+   justify-content: space-between; 
+}
+
+.readingNumber {
+    display: flex;
+    justify-content: space-between;
+}
+
+.readingNumber .title {
+    font-size: 32rpx;
+}
+
+.readingNumber .number {
+    font-size: 42rpx;
+    font-weight: 800;
+    margin-top: 12rpx;
+}
+.readingNumber .lastTime {
+    font-size: 32rpx;
+}
+
+.nextReadingNumber {
+    display: flex;
+    align-items: bottom;
+}
+
+.nextReadingNumber .title {
+    font-size: 32rpx;
+}
+
+.nextReadingNumber .number {
+    margin-top: 12rpx;
+}
+
+.currentNumber {
+    flex: 1;
+}
+
+.calc {
+    margin-top: 24rpx;
+}
+
+.rightNumber {
+    font-size: 38rpx;
+    font-weight: 700;
+    margin-top: 12rpx;
+    color: #73d13d;
+}
+
+.wrongNumber {
+    font-size: 38rpx;
+    font-weight: 700;
+    margin-top: 12rpx;
+    color: #ff4d4f;
+}
+
+.operate {
+    margin-top: 24rpx;
+    display: flex;
+    padding-bottom: 30rpx;
+}