From 72b72bf8a40fcf23923cd049860ade199f6b6adc Mon Sep 17 00:00:00 2001
From: Zy <1448159279@qq.com>
Date: Wed, 29 Apr 2026 18:31:34 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=AA=E8=A1=A8=E6=8D=A2=E6=96=B0=E6=90=AD?=
 =?UTF-8?q?=E5=BB=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pageSubPack/instrument/addreplacement.vue |  74 ++++++++
 .../pageSubPack/instrument/checkouthouse.vue  | 161 ++++++++++++++++++
 .../instrument/replacement_record.vue         | 132 ++++++++++++++
 wuye-manager-uniapp/pages.json                |  45 +++--
 wuye-manager-uniapp/static/imgs/home.png      | Bin 0 -> 649 bytes
 wuye-manager-uniapp/static/imgs/home@2x.png   | Bin 0 -> 1087 bytes
 6 files changed, 398 insertions(+), 14 deletions(-)
 create mode 100644 wuye-manager-uniapp/pageSubPack/instrument/addreplacement.vue
 create mode 100644 wuye-manager-uniapp/pageSubPack/instrument/checkouthouse.vue
 create mode 100644 wuye-manager-uniapp/pageSubPack/instrument/replacement_record.vue
 create mode 100644 wuye-manager-uniapp/static/imgs/home.png
 create mode 100644 wuye-manager-uniapp/static/imgs/home@2x.png

diff --git a/wuye-manager-uniapp/pageSubPack/instrument/addreplacement.vue b/wuye-manager-uniapp/pageSubPack/instrument/addreplacement.vue
new file mode 100644
index 0000000..5757a76
--- /dev/null
+++ b/wuye-manager-uniapp/pageSubPack/instrument/addreplacement.vue
@@ -0,0 +1,74 @@
+<template>
+  <view class="page_container addreplacement_box">
+    <uni-forms border :modelValue="formData" label-position="left">
+      <uni-forms-item label="仪表类型">
+        <uni-data-checkbox v-model="formData.type" :localdata="items"></uni-data-checkbox>
+      </uni-forms-item>
+      <uni-forms-item label="设备编号">
+        <uni-easyinput
+          :input-border="false"
+          v-model="formData.deviceCode"
+          placeholder="请输入设备号"
+        >
+          <template #right>
+            <uni-icons type="scan" color="#737373"></uni-icons>
+          </template>
+        </uni-easyinput>
+      </uni-forms-item>
+      <uni-forms-item label="房屋号">
+        <uni-easyinput
+          :inputBorder="false"
+          @tap="handleClick"
+          disabled
+          placeholderStyle="color: #999999"
+          placeholder="请选择安装房屋"
+        >
+          <template #right>
+            <uni-icons type="forward" color="#737373"></uni-icons>
+          </template>
+        </uni-easyinput>
+      </uni-forms-item>
+    </uni-forms>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+const formData = ref({
+  type: 1,
+  deviceCode: '',
+  houseId: ''
+})
+const items = [
+  {
+    text: '水表',
+    value: 1
+  },
+  {
+    text: '电表',
+    value: 2
+  }
+]
+
+function handleClick() {
+  console.log('click')
+}
+</script>
+
+<style lang="scss" scoped>
+.addreplacement_box {
+  background: #ffffff;
+
+  &:deep(.uni-forms-item) {
+    display: flex;
+    align-items: center;
+    height: 90rpx;
+    line-height: 90rpx;
+    padding: 0;
+    border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
+  }
+  &:deep(.uni-easyinput__content) {
+    background: none !important;
+  }
+}
+</style>
diff --git a/wuye-manager-uniapp/pageSubPack/instrument/checkouthouse.vue b/wuye-manager-uniapp/pageSubPack/instrument/checkouthouse.vue
new file mode 100644
index 0000000..4c2c9b1
--- /dev/null
+++ b/wuye-manager-uniapp/pageSubPack/instrument/checkouthouse.vue
@@ -0,0 +1,161 @@
+<template>
+  <view class="page_container checkouthouse_box">
+    <view class="search_box">
+      <view
+        @click="handleClick"
+        class="search_view flex-center"
+        v-if="!queryParmas.value.trim() && Searching"
+      >
+        <uni-icons type="search" size="34rpx" color="rgba(0,0,0,0.26)"></uni-icons>
+        <text>请输入关键字进行搜索</text>
+      </view>
+      <uni-easyinput
+        @blur="handleInput"
+        @change="handleSearch"
+        :focus="true"
+        ref="inputRef"
+        v-model="queryParmas.value"
+        v-else
+      />
+    </view>
+    <view class="search_list">
+      <scroll-view
+        style="height: 100%"
+        lower-threshold="160"
+        scroll-y="true"
+        @scrolltolower="scrolltolower"
+      >
+        <radio-group @change="radioChange">
+          <label v-for="(item, index) in searchlist" :key="index">
+            <view
+              class="search_item flex flex-between"
+              :class="{
+                active: checkoutHouseid === item.id
+              }"
+            >
+              <view class="flex items-center flex-1">
+                <!-- checkout -->
+                <radio color="#4d5dfa" :value="item.id" />
+                <!-- housename -->
+                <text class="address">{{ item.address }}</text>
+              </view>
+              <!-- username -->
+              <view class="username">{{ item.username }}</view>
+            </view>
+          </label>
+        </radio-group>
+      </scroll-view>
+    </view>
+  </view>
+  <!--  滚动 高度如何计算？ -->
+</template>
+<script setup lang="ts">
+import { ref } from 'vue'
+const Searching = ref(true)
+const queryParmas = ref({
+  value: '',
+
+  pageNum: 1,
+  pageSize: 12
+})
+/** 点击时切换到input,并聚焦 */
+function handleClick() {
+  Searching.value = false
+}
+/** 判断 失去焦点时 切换回 view */
+function handleInput() {
+  if (queryParmas.value.value.trim()) {
+    Searching.value = true
+  }
+}
+function handleSearch() {
+  console.log('search')
+}
+
+const checkoutHouseid = ref(null)
+/** 选择房屋,返回id*/
+function radioChange(res) {
+  checkoutHouseid.value = Number(res.detail.value)
+}
+//
+const searchlist = ref()
+
+function getlist() {
+  const allnum = queryParmas.value.pageNum * queryParmas.value.pageSize
+  searchlist.value = Array.from({ length: allnum }).map((_, index) => {
+    return {
+      address: 'A栋3单元301',
+      username: '里番',
+      id: index + 1
+    }
+  })
+}
+getlist()
+
+function scrolltolower() {
+  queryParmas.value.pageNum += 1
+  getlist()
+}
+</script>
+
+<style scoped lang="scss">
+.checkouthouse_box {
+  background: #f9f9f9;
+  height: 100%;
+  overflow: hidden;
+  box-sizing: border-box;
+  .search_box {
+    height: 80rpx;
+    .search_view {
+      height: 80rpx;
+      line-height: 80rpx;
+      background: #f3f3f3;
+      border-radius: 8rpx 8rpx 8rpx 8rpx;
+
+      font-weight: 400;
+      font-size: 32rpx;
+      color: rgba(0, 0, 0, 0.26);
+      line-height: 48rpx;
+      text-align: center;
+    }
+  }
+
+  .search_list {
+    height: calc(100% - 140rpx);
+    background-color: #4d5dfa;
+    margin-top: 20rpx;
+    .search_item {
+      height: 116rpx;
+      margin-bottom: 20rpx;
+      background-color: #ffffff;
+      box-sizing: border-box;
+      padding: 40rpx;
+      padding-right: 0;
+
+      &:deep(radio) {
+        transform: scale(0.68);
+      }
+      .address {
+        margin-left: 20rpx;
+        font-weight: 550;
+        font-size: 32rpx;
+        color: #222222;
+        line-height: 40rpx;
+      }
+
+      .username {
+        font-weight: 550;
+        font-size: 32rpx;
+        color: #222222;
+        line-height: 40rpx;
+        width: 180rpx;
+        text-align: left;
+      }
+      &.active {
+        background: #f5faff;
+        border: 1rpx solid #4d5dfa;
+      }
+    }
+  }
+}
+</style>
diff --git a/wuye-manager-uniapp/pageSubPack/instrument/replacement_record.vue b/wuye-manager-uniapp/pageSubPack/instrument/replacement_record.vue
new file mode 100644
index 0000000..c93d1c5
--- /dev/null
+++ b/wuye-manager-uniapp/pageSubPack/instrument/replacement_record.vue
@@ -0,0 +1,132 @@
+<template>
+  <view class="page_container replacement_record_box">
+    <view class="nav flex items-center">
+      <view class="line"></view>
+      <text class="title">仪表换新记录</text>
+    </view>
+    <TabsComponents :tabslist="tabslist" @update="handleChangeTabs"></TabsComponents>
+    <view class="instrument_body">
+      <view
+        class="instrument_items flex items-center flex-between"
+        v-for="(item, index) in infolist"
+        :key="index"
+      >
+        <view class="flex items-center">
+          <image src="/static/imgs/home.png" class="icon" mode=""></image>
+          <view class="instrument_info">
+            <view class="instrument_title">
+              <text>{{ item.title }}</text>
+            </view>
+            <view class="instrument_time">
+              <text>换新时间时间：{{ item.time }}</text>
+            </view>
+          </view>
+        </view>
+        <view class="instrument_type">
+          <text v-if="item.type === 2">电表</text>
+          <text v-else>水表</text>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import TabsComponents from '@/components/tabs/tabs.vue'
+const tabslist = [
+  {
+    name: '全部',
+    value: 0
+  },
+  {
+    name: '水表',
+    value: 1
+  },
+  {
+    name: '电表',
+    value: 2
+  }
+]
+function handleChangeTabs(val: number) {
+  console.log('选择了：', val)
+}
+// ---------------------------------------------------------------------
+
+const infolist = ref([
+  {
+    title: 'M2栋3单元1801室（M2-3-1801）',
+    time: '2023-08-01 10:05:46',
+    type: 1 //1水表 2电表
+  },
+  {
+    title: 'M2栋3单元1801室（M2-3-1801）',
+    time: '2023-08-01 10:05:46',
+    type: 2 //1水表 2电表
+  },
+  {
+    title: 'M2栋3单元1801室（M2-3-1801）',
+    time: '2023-08-01 10:05:46',
+    type: 1 //1水表 2电表
+  },
+  {
+    title: 'M2栋3单元1801室（M2-3-1801）',
+    time: '2023-08-01 10:05:46',
+    type: 2 //1水表 2电表
+  }
+])
+</script>
+
+<style scoped lang="scss">
+.replacement_record_box {
+  background: #f9f9f9;
+  .nav {
+    margin-bottom: 40rpx;
+    font-weight: 550;
+    font-size: 32rpx;
+    color: #333333;
+    line-height: 40rpx;
+    .line {
+      width: 6rpx;
+      height: 28rpx;
+      background: #4d5dfa;
+      margin-right: 10rpx;
+    }
+  }
+
+  .instrument_body {
+    margin-top: 20rpx;
+    .instrument_items {
+      background: #ffffff;
+      padding: 40rpx 20rpx;
+      margin-bottom: 20rpx;
+      .icon {
+        width: 40rpx;
+        height: 32rpx;
+      }
+      .instrument_info {
+        margin-left: 22rpx;
+        .instrument_title {
+          font-weight: 550;
+          font-size: 32rpx;
+          color: #222222;
+          line-height: 40rpx;
+        }
+        .instrument_time {
+          margin-top: 5rpx;
+          font-weight: 400;
+          font-size: 24rpx;
+          color: #666666;
+          line-height: 30rpx;
+        }
+      }
+      .instrument_type {
+        font-weight: 400;
+        font-size: 24rpx;
+        color: #4d5dfa;
+        line-height: 30rpx;
+      }
+    }
+  }
+}
+</style>
diff --git a/wuye-manager-uniapp/pages.json b/wuye-manager-uniapp/pages.json
index 9390155..8e80e4b 100644
--- a/wuye-manager-uniapp/pages.json
+++ b/wuye-manager-uniapp/pages.json
@@ -58,8 +58,6 @@
             "navigationStyle": "custom"
           }
         }
-
-
       ]
     },
     {
@@ -82,7 +80,6 @@
             "navigationBarTitleText": "公告详情"
           }
         }
-
       ]
     },
     {
@@ -104,13 +101,35 @@
           "style": {
             "navigationBarTitleText": "巡检记录"
           }
-		},
-		{
-			"path": "inspection_main",
-			"style": {
-				"navigationBarTitleText": "巡检详情"
-			}
-		}
+        },
+        {
+          "path": "inspection_main",
+          "style": {
+            "navigationBarTitleText": "巡检详情"
+          }
+        }
+      ]
+    },
+    {
+      "root": "pageSubPack/instrument",
+      "pages": [{
+          "path": "replacement_record",
+          "style": {
+            "navigationBarTitleText": "仪表换新记录"
+          }
+        },
+        {
+          "path": "addreplacement",
+          "style": {
+            "navigationBarTitleText": "新增仪表换新"
+          }
+        },
+        {
+          "path": "checkouthouse",
+          "style": {
+            "navigationBarTitleText": "选择房屋"
+          }
+        }
       ]
     },
     {
@@ -146,14 +165,12 @@
           "path": "change-phone",
           "style": {
             "navigationBarTitleText": "更改手机号码"
-
           }
         },
         {
           "path": "change -password",
           "style": {
             "navigationBarTitleText": "修改密码"
-
           }
         }
       ]
@@ -167,8 +184,8 @@
   },
   "condition": {
     "list": [{
-      "name": "巡检记录",
-      "path": "pageSubPack/inspection/inspection_record"
+      "name": "选择房屋",
+      "path": "pageSubPack/instrument/checkouthouse"
     }]
   },
   "tabBar": {
diff --git a/wuye-manager-uniapp/static/imgs/home.png b/wuye-manager-uniapp/static/imgs/home.png
new file mode 100644
index 0000000000000000000000000000000000000000..d7bbd33d5da62b99f67e857ec6b95f523595772b
GIT binary patch
literal 649
zcmV;40(Sk0P)<h;3K|Lk000e1NJLTq000yK000mO1^@s678qX}00001b5ch_0Itp)
z=>Px%LrFwIR5(w)l21rfQ543%@4lJ$8k_==T3DOPRRpyNg4!q~s56C;BO%WqD6v3m
z(;o&!3Ce6yR??q^E^=lS8S3ctXXBz;RhwvKw9-v6K}<pKJ?EYnof*f{(Kg-Hz4v_Q
zcg}auCDvFCw$rSDn*c2cx)X8pL8%m$3O2O3orZy108~Mz*)tLMUs)}0Rbbe5dP(-I
zl&B$BCr7NVm0~LZdsWzu4w5*NO%Rb8K(&FGhv@qxcW3Xl;NE2HS_japi^0o)yCNUW
zomSNlNP7{6_nzageU8W9tG{k$S!MM`rMwp)_ASJ<3@74!r;DKlU?d`eUzR%xvM$%b
zOD+B;id$nS4hi5Rq%G~3Q^5`1Qv!z;brSnI`{v~Ibj^JByZ{WfNI8|4B(Xndb3BtW
zn^n1ID}{$3jGQek8ts{H{ztwF_X)^QPCt=JnUQ3Y4v!p{O6~KeNbD)taL3w0*3qb<
z{54Gx2!-A0xmW$cZ3l)(o>(X*@@zh3HZp8GAMy_^T5crbW6_Y^ct;UuOMX#}f%M$#
z3&E`i?^2;X?<@;^M{=(gMs><JU{ts<l1*!U_?(-O&+eyFJFKcMlHDRQ%li5mO9!`<
z1<E$*OvW1pP_rIbULzvOfMXu}VY=IW+Wb<Oa=6vINJ#&`z?PusNW{#+!j!X{!?t$`
zl<UPn5gDg4hL;r)eeO>eA~>IjnYY&gToUG?;Z~=Q;N|6o{|B(a_G%5tD2QOu+Z3#n
j=rEN5>ZV4_w^_|^Te}QL1AqeD00000NkvXXu0mjftGy^%

literal 0
HcmV?d00001

diff --git a/wuye-manager-uniapp/static/imgs/home@2x.png b/wuye-manager-uniapp/static/imgs/home@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..2f7d8d73bd489fca4066375ced1e227912a6a918
GIT binary patch
literal 1087
zcmV-F1i<@=P)<h;3K|Lk000e1NJLTq001Ze001Be1^@s6V68d;00001b5ch_0Itp)
z=>Px&`AI}UR9Hvtm_djeWfaH%?@MN~&;%<KDH72_!5;LapofAH7us$o+QKf{-3clz
zDD<F0L4=AcDhT$l9>juzmSl^tic6DiD|(2q!X7*b_E1r2#9)gaT1_fDGs!&t#vMC5
z`7$%vot|`#`M&SH-@Na=|9=P}g=b=#?-as$6TmnDV@z1>yEJ!hLHlZ};c2S@4o*A!
zgy4@s$OmIFqX)wCjjI06R&s0!aALamn8>&v$*K*7aOrq`L3?AfkedcHO#3+iCy0=Z
zOU_Jljhgmq+&<O%rT`7od4-7QMoGvnzus8Ly*$bpxp!nhW5#-o1RWnW(fa=RdR2d6
zl(UHeOC`=0?r`1%@RTY6GcOTPgUIyYx|1N7N)Se^)7GADHmR2cG!bB_bZM+my!}%U
z?GFd_rWH8WsOfJ9*NhqKaR~ZQH9*X?)NQwqG@HBD;vi!IOH;q*3%Oesm2kisvzT12
zWtUZnqy$mMtL)&EGoSCYe>ofn83{Ns)!msH)9V24AE=y!>(im-)7oeLntT~JTDG}#
z>oxy3W5#)eh?l}T>8&S#911AiA(OG20NphR$5(_aCeN%pg|}DOCmA%pE;}p4+U%Jc
zeJ9TzeA2#;Ty79(r=mrgUF%x8xp-SQvCKSb^4(1Kc@-SMt)9@w&z+(lWx$Dw{eXbH
z#!zxb7eq$As(mT<Ma5)brQ5k)4p!cW9jIWr;yeWQtZT>M8*!`O*Gp$l(@$PyhS;2c
zjzet_bt?d0?5{ZwpIyvf3Fh4Z7}eCw_{O#D1Ac%+Hs`e&dIa%Ay_Wq%CO$CpXE7@>
zp98dKpa9H2^j&@2FTe(&j!Y<<+4_CT?~}6Wya;0X^^)ibOHt|2)$RGhwmJcO<8H~T
zpi!}pf-$f3)zGAE#^(OL@_;8t$(QVNzm=$L+RuP+GEViSljMueyF{2xRJLK8m``-t
z`b*MDq71-?B%@+oR*rwb+@k}HjvI6m&q9mN2TE&XtSSM6pGV~*f9&AQ*dh^1qoYKe
z80c&3Ef5{saDvgLpl5or;Nsck1^tw#asLSL7a-c5D%=enTJ2l*VP6@-{mqQ`y&>^N
zA1HRNTNiz?j27z@aYND~g`Yrs1yf5(lhW!U{WC?j8=<&Gtnc@&ai~!H3x;X`MoK5S
zDRf>?X1>s<<?an<P*$*9v9AKye)Ditk-1f`=60nG_%(nF(J#UeDs64xP|ARE;=4a<
zg}6`medgM3oy7O?w~;cSRC?8wgh8b577E*B%fvkY1F8%3->jfvTHg}UJu%anb`Lh{
z)m%A|%t$8z@jQS%!~c6pXGo+P{QbAxird#_gJ04<=wCykHa@{KS04ZX002ovPDHLk
FV1jy(6p8=<

literal 0
HcmV?d00001