75 lines
1.7 KiB
Vue
75 lines
1.7 KiB
Vue
<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>
|