7/30 限制前端输入字数
This commit is contained in:
@@ -6,13 +6,13 @@
|
||||
<el-card>
|
||||
<div class="h-full flex flex-align-center">
|
||||
<el-form label-width="120px" ref="queryFormRef" :model="queryParams" :inline="true">
|
||||
<el-form-item label="房屋用途" prop="houseUse">
|
||||
<el-select v-model="queryParams.houseUse" placeholder="选择房屋用途" style="width: 240px">
|
||||
<el-option v-for="item in com_house_use" :key="item.value" :label="item.label" :value="item.value" />
|
||||
<el-form-item label="房屋类型" prop="houseUse">
|
||||
<el-select v-model="queryParams.houseUse" placeholder="选择房屋类型" style="width: 240px">
|
||||
<el-option v-for="item in houseUseTypeList" :key="item.id" :label="item.name" :value="item.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="发布人" prop="rentalName">
|
||||
<el-input v-model="queryParams.rentalName" placeholder="请输入" clearable @keyup.enter="handleQuery" />
|
||||
<el-input maxlength="15" v-model="queryParams.rentalName" placeholder="请输入" clearable @keyup.enter="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="handleQuery">搜索</el-button>
|
||||
@@ -51,9 +51,10 @@
|
||||
<el-table-column label="发布人" align="center" prop="rentalName" />
|
||||
<el-table-column label="联系方式" align="center" prop="phone" />
|
||||
<el-table-column label="发布时间" align="center" prop="pubTime" />
|
||||
<el-table-column label="房屋用途" align="center" prop="houseUse">
|
||||
<el-table-column label="房屋类型" align="center" prop="houseUse">
|
||||
<template #default="{ row }">
|
||||
<DictTag :options="com_house_use" :value="row.houseUse"></DictTag>
|
||||
<!-- <DictTag :options="com_house_use" :value="row.houseUse"></DictTag>-->
|
||||
<span>{{ handleHouseUse(row.houseUse) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="租赁方式" align="center" prop="rentalType">
|
||||
@@ -80,6 +81,7 @@ import Pageheader from '@/components/Pageheader/index.vue';
|
||||
import { listHouseRental, delHouseRental } from '@/api/system/houseRental/index';
|
||||
import { HouseRentalVO, HouseRentalQuery, HouseRentalForm } from '@/api/system/houseRental/type';
|
||||
import { checkPermi } from '@/utils/permission';
|
||||
import { listHouseUseType_add_house } from '@/api/system/houseUse';
|
||||
|
||||
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
||||
const { com_house_use } = toRefs<any>(proxy?.useDict('com_house_use'));
|
||||
@@ -229,8 +231,19 @@ const handleDelete = async (row?: HouseRentalVO) => {
|
||||
await getList();
|
||||
};
|
||||
|
||||
const houseUseTypeList = ref([]);
|
||||
function getHouseUseType() {
|
||||
listHouseUseType_add_house().then((res) => {
|
||||
houseUseTypeList.value = res.data;
|
||||
});
|
||||
}
|
||||
function handleHouseUse(houseUser: string) {
|
||||
const item = houseUseTypeList.value.find((item) => item.id === houseUser);
|
||||
return item?.name || '';
|
||||
}
|
||||
onMounted(() => {
|
||||
getList();
|
||||
getHouseUseType();
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user