<template> <div> <div class="topSelect"> <van-field label="污水厂" placeholder="请选择污水厂" show-word-limit required @click="AllData.showPicker = true" :rules="[{ required: true, message: '请选择污水厂' }]" v-model="AllData.userId" /> <div class="submitRecord" @click="patrolFilling(false)">提交记录</div> </div> <van-field label-width="200px" v-model="AllData.patrolTargetIdText" label="一月 进水BOD(mg/l)" /> <van-field label-width="200px" v-model="AllData.patrolTargetIdText" label="二月 进水BOD(mg/l)" /> <van-field label-width="200px" v-model="AllData.patrolTargetIdText" label="三月 进水BOD(mg/l)" /> <van-field label-width="200px" v-model="AllData.patrolTargetIdText" label="四月 进水BOD(mg/l)" /> <van-field label-width="200px" v-model="AllData.patrolTargetIdText" label="五月 进水BOD(mg/l)" /> <van-field label-width="200px" v-model="AllData.patrolTargetIdText" label="六月 进水BOD(mg/l)" /> <van-field label-width="200px" v-model="AllData.patrolTargetIdText" label="七月 进水BOD(mg/l)" /> <van-field label-width="200px" v-model="AllData.patrolTargetIdText" label="八月 进水BOD(mg/l)" /> <van-field label-width="200px" v-model="AllData.patrolTargetIdText" label="九月 进水BOD(mg/l)" /> <van-field label-width="200px" v-model="AllData.patrolTargetIdText" label="十月 进水BOD(mg/l)" /> <van-field label-width="200px" v-model="AllData.patrolTargetIdText" label="十一月 进水BOD(mg/l)" /> <van-field label-width="200px" v-model="AllData.patrolTargetIdText" label="十二月 进水BOD(mg/l)" /> <van-popup v-model:show="AllData.showPicker" round position="bottom"> <van-picker :columns="inspection_items" @confirm="onConfirmOne" @cancel="AllData.showPicker = false"> </van-picker> </van-popup> </div> </template> <script setup> const AllData = reactive({ ShowHedao: false, range3: [], showPicker: false, userId: '', formData: { problemType: '', sysFileSaveRequestList: [], //获取的图片数组 taskName: '', checkItem: '', isRectification: '', problemContent: '', projectNo: '', uploadType: '2', //1:临时巡查 lonLat: '', problemAddress: '', }, patrolTargetIdText: '', formOptions: { case_level: [ { value: '1', label: '无需整改', }, { value: '2', label: '需要整改', }, ], caseTypeData: [], }, }); </script> <style lang="less"> .topSelect { display: flex; .submitRecord { width: 100px; } } </style>