| | |
| | | > |
| | | <el-row :gutter="30"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="设备:" prop="code"> |
| | | <el-form-item label="设备:" prop="deviceModel"> |
| | | <el-select |
| | | v-model="form.code" |
| | | v-model="form.deviceModel" |
| | | placeholder="请选择" |
| | | clearable |
| | | @change="setName" |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="每日限制水量:" prop="everyNum"> |
| | | <el-form-item label="每日限制水量:" prop="waterDayLimit"> |
| | | <el-input |
| | | v-model="form.everyNum" |
| | | v-model="form.waterDayLimit" |
| | | placeholder="请输入" |
| | | clearable |
| | | /> |
| | |
| | | </el-row> |
| | | <el-row :gutter="30"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="额定流量:" prop="flowRating"> |
| | | <el-form-item label="额定流量:" prop="ratedRate"> |
| | | <el-input |
| | | v-model="form.flowRating" |
| | | v-model="form.ratedRate" |
| | | placeholder="请输入" |
| | | clearable |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="实际流量:" prop="flowActual"> |
| | | <el-form-item label="实际流量:" prop="actualTraffic"> |
| | | <el-input |
| | | v-model="form.flowActual" |
| | | v-model="form.actualTraffic" |
| | | placeholder="请输入" |
| | | clearable |
| | | /> |
| | |
| | | </el-row> |
| | | <el-row :gutter="30"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="运行时间:" prop="runDate"> |
| | | <el-form-item label="运行时间:" prop="runTime"> |
| | | <el-date-picker |
| | | style="width: 100%" |
| | | v-model="form.runDate" |
| | | v-model="form.runTime" |
| | | value-format="YYYY-MM-DD" |
| | | format="YYYY-MM-DD" |
| | | type="date" |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="当日用水量:" prop="dayNum"> |
| | | <el-form-item label="当日用水量:" prop="waterDay"> |
| | | <el-input |
| | | v-model="form.dayNum" |
| | | v-model="form.waterDay" |
| | | placeholder="请输入" |
| | | clearable |
| | | /> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="用水类型:" prop="waterType"> |
| | | <el-form-item label="用水类型:" prop="type"> |
| | | <el-select |
| | | v-model="form.waterType" |
| | | v-model="form.type" |
| | | placeholder="请选择" |
| | | clearable |
| | | > |
| | |
| | | |
| | | const data = reactive({ |
| | | form: { |
| | | name: "", |
| | | code: "", |
| | | everyNum: "", |
| | | flowRating: "", |
| | | flowActual: "", |
| | | runDate: "", |
| | | dayNum: "", |
| | | deviceName: "", |
| | | deviceModel: "", |
| | | waterDayLimit: "", |
| | | ratedRate: "", |
| | | actualTraffic: "", |
| | | runTime: "", |
| | | waterDay: "", |
| | | waterPrice: "", |
| | | waterType: "", |
| | | type: "", |
| | | }, |
| | | rules: { |
| | | code: [{ required: true, message: "请选择", trigger: "change" }], |
| | | runDate: [{ required: true, message: "请选择", trigger: "change" }], |
| | | everyNum: [{ required: true, message: "请输入", trigger: "blur" }], |
| | | flowRating: [{ required: true, message: "请输入", trigger: "blur" }], |
| | | flowActual: [{ required: true, message: "请输入", trigger: "blur" }], |
| | | dayNum: [{ required: true, message: "请输入", trigger: "blur" }], |
| | | deviceModel: [{ required: true, message: "请选择", trigger: "change" }], |
| | | runTime: [{ required: true, message: "请选择", trigger: "change" }], |
| | | waterDayLimit: [{ required: true, message: "请输入", trigger: "blur" }], |
| | | ratedRate: [{ required: true, message: "请输入", trigger: "blur" }], |
| | | actualTraffic: [{ required: true, message: "请输入", trigger: "blur" }], |
| | | waterDay: [{ required: true, message: "请输入", trigger: "blur" }], |
| | | waterPrice: [{ required: true, message: "请输入", trigger: "blur" }], |
| | | waterType: [{ required: true, message: "请选择", trigger: "change" }], |
| | | type: [{ required: true, message: "请选择", trigger: "change" }], |
| | | }, |
| | | }) |
| | | const { form, rules } = toRefs(data); |
| | |
| | | dialogFormVisible.value = true; |
| | | form.value = {} |
| | | proxy.resetForm("formRef"); |
| | | waterDeviceList().then((res) => { |
| | | codeList.value = res.data; |
| | | waterDeviceList({size: -1}).then((res) => { |
| | | codeList.value = res.data.records; |
| | | }); |
| | | if (type === "edit") { |
| | | form.value = {...row} |