仪表换新搭建

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>