7/30 限制前端输入字数
This commit is contained in:
@@ -6,7 +6,7 @@
|
||||
<div class="addBuildingFormBody">
|
||||
<el-form class="formBody" label-position="right" ref="formRef" :model="form" :rules="rules" label-width="130px">
|
||||
<el-form-item label="项目名称" prop="itemName">
|
||||
<el-input v-model.trim="form.itemName" placeholder="请输入项目名称" />
|
||||
<el-input maxlength="20" v-model.trim="form.itemName" placeholder="请输入项目名称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="收费类型" prop="typeId">
|
||||
<el-select v-model="form.typeId">
|
||||
@@ -38,7 +38,7 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="费用单价" prop="fixedPrice">
|
||||
<el-input v-model.trim="form.fixedPrice" :placeholder="placeHolderFun(form.typeId)" />
|
||||
<el-input maxlength="10" v-model.trim="form.fixedPrice" :placeholder="placeHolderFun(form.typeId)" />
|
||||
</el-form-item>
|
||||
<el-form-item label="计算精度" prop="accuracy">
|
||||
<el-select v-model="form.accuracy">
|
||||
@@ -57,7 +57,7 @@
|
||||
</el-radio-group>
|
||||
</el-form-item> -->
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input type="textarea" :rows="5" v-model.trim="form.remark" placeholder="请输入" />
|
||||
<el-input type="textarea" maxlength="200" show-word-limit :rows="5" v-model.trim="form.remark" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
<el-form-item style="margin-top: 30px">
|
||||
<el-button type="primary" @click="submitForm">提交</el-button>
|
||||
@@ -103,7 +103,25 @@ const rules = ref({
|
||||
itemName: [{ required: true, message: '请输入 项目名称', trigger: 'blur' }],
|
||||
typeId: [{ required: true, message: '请选择 收费类型', trigger: 'blur' }],
|
||||
billingType: [{ required: true, message: '请输入 计费方式', trigger: 'blur' }],
|
||||
fixedPrice: [{ required: true, message: '请输入 费用单价', trigger: 'blur' }],
|
||||
fixedPrice: [
|
||||
{ required: true, message: '请输入 费用单价', trigger: 'blur' },
|
||||
{
|
||||
validator: (_: any, value: string | number, callback: (arg0?: Error) => any) => {
|
||||
if (value === '' || value === null) {
|
||||
return callback(new Error('请输入费用单价'));
|
||||
} else {
|
||||
const val = Number(value);
|
||||
if (Number.isNaN(val)) {
|
||||
return callback(new Error('请输入数字'));
|
||||
}
|
||||
if (val <= 0) {
|
||||
return callback(new Error('请输入大于0的数字'));
|
||||
}
|
||||
return callback();
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
formula: [{ required: true, message: '请选择 计费公式', trigger: 'blur' }],
|
||||
unit: [{ required: true, message: '请选择 计费单位', trigger: 'blur' }],
|
||||
accuracy: [{ required: true, message: '选择 计算精度', trigger: 'blur' }],
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<el-card shadow="hover">
|
||||
<el-form ref="queryFormRef" :model="queryParams" :inline="true" @submit.prevent="handleQuery">
|
||||
<el-form-item label="项目名称" prop="itemName">
|
||||
<el-input v-model="queryParams.itemName" placeholder="请输入项目名称" clearable @keyup.enter.prevent="handleQuery" />
|
||||
<el-input maxlength="20" v-model="queryParams.itemName" placeholder="请输入项目名称" clearable @keyup.enter.prevent="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="handleQuery">搜索</el-button>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<el-card shadow="hover">
|
||||
<el-form ref="queryFormRef" :model="queryParams" @submit.prevent="handleQuery" label-width="120" :inline="true">
|
||||
<el-form-item label="收费类型名称" prop="name">
|
||||
<el-input v-model="queryParams.name" placeholder="请输入收费类型名称" clearable @keyup.enter="handleQuery" />
|
||||
<el-input maxlength="20" v-model.trim="queryParams.name" placeholder="请输入收费类型名称" clearable @keyup.enter="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="handleQuery">搜索</el-button>
|
||||
@@ -60,7 +60,7 @@
|
||||
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
|
||||
<el-form ref="chargeTypeFormRef" :model="form" :rules="rules" label-width="100px">
|
||||
<el-form-item label="收费类型名称" prop="name">
|
||||
<el-input v-model="form.name" placeholder="请输入收费类型名称" />
|
||||
<el-input maxlength="20" v-model.trim="form.name" placeholder="请输入收费类型名称" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
|
||||
@@ -12,7 +12,14 @@
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="抄表月份" prop="recordMonth">
|
||||
<el-date-picker @update:model-value="handleMonth" v-model="form.recordMonth" value-format="YYYY-MM" format="YYYY-MM" type="month" />
|
||||
<el-date-picker
|
||||
@update:model-value="handleMonth"
|
||||
placeholder="抄表月份"
|
||||
v-model="form.recordMonth"
|
||||
value-format="YYYY-MM"
|
||||
format="YYYY-MM"
|
||||
type="month"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="起止日期" prop="price">
|
||||
<el-date-picker
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<el-card shadow="hover">
|
||||
<el-form ref="queryFormRef" :model="queryParams" @submit.prevent="handleQuery" :inline="true">
|
||||
<el-form-item label="仪表名称" prop="houseId">
|
||||
<el-input v-model="queryParams.houseId" placeholder="请输入仪表名称" clearable @keyup.enter="handleQuery" />
|
||||
<el-input maxlength="20" v-model="queryParams.houseId" placeholder="请输入仪表名称" clearable @keyup.enter="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="handleQuery">搜索</el-button>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<div class="addBuildingFormBody">
|
||||
<el-form class="formBody" label-position="right" ref="formRef" :model="form" :rules="rules" label-width="130px">
|
||||
<el-form-item label="账单名称" prop="billName">
|
||||
<el-input v-model.trim="form.billName" placeholder="请输入账单名称" />
|
||||
<el-input maxlength="30" v-model.trim="form.billName" placeholder="请输入账单名称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="收费项目" prop="chargeItemId">
|
||||
<el-select v-model="form.chargeItemId" @change="(val: string) => handleChange(val, true)">
|
||||
@@ -109,7 +109,7 @@
|
||||
/>
|
||||
</el-form-item> -->
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input type="textarea" :rows="5" v-model.trim="form.remark" placeholder="请输入" />
|
||||
<el-input type="textarea" maxlength="200" show-word-limit :rows="5" v-model.trim="form.remark" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item style="margin-top: 30px">
|
||||
|
||||
@@ -10,7 +10,6 @@
|
||||
<el-option v-for="(item, index) in chargeItems" :key="index" :value="item.id" :label="item.itemName"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="handleQuery">搜索</el-button>
|
||||
<el-button @click="resetQuery">重置</el-button>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -5,23 +5,11 @@
|
||||
<div v-show="showSearch" class="mb-[10px]">
|
||||
<el-card shadow="hover">
|
||||
<el-form ref="queryFormRef" label-width="100px" @submit.prevent="handleQuery" :model="queryParams" :inline="true">
|
||||
<!-- <el-form-item label="设备状态" prop="eleStatus">
|
||||
<el-select v-model="queryParams.eleStatus">
|
||||
<el-option v-for="(item, index) in com_waterdevice_on_status" :key="index" :label="item.label" :value="item.value"></el-option>
|
||||
</el-select>
|
||||
<el-form-item label="设备编号" prop="deviceCode">
|
||||
<el-input maxlength="25" v-model="queryParams.deviceCode" placeholder="请输入" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="分合状态" prop="status">
|
||||
<el-select v-model="queryParams.status">
|
||||
<el-option
|
||||
v-for="(item, index) in com_electricity_readrecord_status"
|
||||
:key="index"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item> -->
|
||||
<el-form-item label="房屋号" prop="houseName">
|
||||
<el-input v-model="queryParams.houseName" placeholder="请输入" clearable @keyup.enter="handleQuery" />
|
||||
<el-input maxlength="20" v-model="queryParams.houseName" placeholder="请输入" clearable @keyup.enter="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="handleQuery">搜索</el-button>
|
||||
|
||||
@@ -16,10 +16,10 @@
|
||||
</el-select>
|
||||
</el-form-item> -->
|
||||
<el-form-item label="设备编号" prop="deviceCode">
|
||||
<el-input v-model="queryParams.deviceCode" placeholder="请输入" clearable />
|
||||
<el-input maxlength="25" v-model="queryParams.deviceCode" placeholder="请输入" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="房屋" prop="houseName">
|
||||
<el-input clearable v-model="queryParams.houseName" placeholder="请输入" />
|
||||
<el-input maxlength="20" clearable v-model="queryParams.houseName" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="handleQuery">搜索</el-button>
|
||||
@@ -207,10 +207,10 @@
|
||||
<!-- upload file -->
|
||||
<el-form v-else-if="dialogType === 'Upload'" ref="UploadFileformRef" :model="UploadFileform" :rules="UploadFileformRules" label-width="140px">
|
||||
<el-form-item label="LEN_A" prop="lenA">
|
||||
<el-input v-model="UploadFileform.lenA"></el-input>
|
||||
<el-input maxlength="40" v-model="UploadFileform.lenA"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="CRC32_HEX_A" prop="crcA">
|
||||
<el-input v-model="UploadFileform.crcA"></el-input>
|
||||
<el-input maxlength="40" v-model="UploadFileform.crcA"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="上传 A槽更新 文件" prop="urlA">
|
||||
<el-upload
|
||||
@@ -239,10 +239,10 @@
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="LEN_B" prop="lenB">
|
||||
<el-input v-model="UploadFileform.lenB"></el-input>
|
||||
<el-input maxlength="40" v-model="UploadFileform.lenB"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="CRC32_HEX_B" prop="crcB">
|
||||
<el-input v-model="UploadFileform.crcB"></el-input>
|
||||
<el-input maxlength="40" v-model="UploadFileform.crcB"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="上传 B槽更新 文件" prop="urlB">
|
||||
<el-upload
|
||||
@@ -624,7 +624,7 @@ function getTree() {
|
||||
});
|
||||
}
|
||||
|
||||
/** 水表 ╬«2222╬2╬22╬╬╬╬2╬22222╬ 启停*/
|
||||
/** 水表 启停*/
|
||||
const handleChangeWater = (val: string, row: WaterDeviceVO) => {};
|
||||
|
||||
function handleUpdate(id: string) {
|
||||
@@ -649,13 +649,16 @@ function handleUpdate(id: string) {
|
||||
|
||||
// 解绑房屋
|
||||
function handleUnbind(data: WaterDeviceVO) {
|
||||
waterDeviceUnbind(data.deviceCode)
|
||||
.then(() => {
|
||||
ElMessage.success('解绑成功');
|
||||
})
|
||||
.finally(() => {
|
||||
getList();
|
||||
});
|
||||
// 提示
|
||||
proxy?.$modal.confirm('确认解绑房屋吗?').then(() => {
|
||||
waterDeviceUnbind(data.deviceCode)
|
||||
.then(() => {
|
||||
ElMessage.success('解绑成功');
|
||||
})
|
||||
.finally(() => {
|
||||
getList();
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
/** 提交按钮 */
|
||||
|
||||
@@ -1,12 +0,0 @@
|
||||
<template>
|
||||
<div class="p-2 h-full flex flex-col">
|
||||
<pageHeader title="水表管理"></pageHeader>
|
||||
<div class="flex-1 color-gray flex h-full font-size-6 flex-center">系统还在维护中,敬请期待...</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import pageHeader from '@/components/Pageheader/index.vue';
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
Reference in New Issue
Block a user