update 去除所有dic前缀

This commit is contained in:
2021-06-23 14:08:38 +08:00
parent 02c16da121
commit 3734dda2db
13 changed files with 181 additions and 176 deletions

View File

@@ -33,8 +33,8 @@ export default class form extends Component {
// 加载状态
loading: true,
codes: {
dicHouseType: [],
dicHouseIndustry: [],
houseType: [],
houseIndustry: [],
},
options: {
areaTree: [],
@@ -106,7 +106,7 @@ export default class form extends Component {
this.setMarker(position)
this.map.setCenter(position)
}
const codes = await getDictData('dic_house_type', 'dic_house_industry')
const codes = await getDictData('house_type', 'house_industry')
const { data: areaTree } = await api.getAreaTree()
options.areaTree = areaTree
this.setState({
@@ -334,7 +334,7 @@ export default class form extends Component {
if (!industry) {
this.setState({ houseCode: '' })
} else {
const tag = this.state.codes.dicHouseIndustry.find(p => p.code == industry)
const tag = this.state.codes.houseIndustry.find(p => p.code == industry)
.extCode.tag
houseCode += `-${tag}`
this.setState({ houseCode })
@@ -446,7 +446,7 @@ export default class form extends Component {
rules={[{ required: true, message: '请选择房屋性质' }]}
>
<Radio.Group disabled={!!this.record} buttonStyle="solid">
{codes.dicHouseType.map(item => (
{codes.houseType.map(item => (
<Radio.Button key={item.code} value={+item.code}>
{item.value}
</Radio.Button>
@@ -460,7 +460,7 @@ export default class form extends Component {
rules={[{ required: true, message: '请选择所属行业、系统' }]}
>
<Radio.Group disabled={!!this.record} buttonStyle="solid">
{codes.dicHouseIndustry.map(item => (
{codes.houseIndustry.map(item => (
<Radio.Button key={item.code} value={+item.code}>
{item.value}
</Radio.Button>

View File

@@ -30,8 +30,8 @@ const name = '房屋编码'
export default class index extends Component {
state = {
codes: {
dicHouseType: [],
dicHouseIndustry: [],
houseType: [],
houseIndustry: [],
},
options: {
@@ -62,10 +62,8 @@ export default class index extends Component {
sorter: true,
width: 150,
render: (text, record) =>
this.bindCodeValue(text, 'dic_house_type') +
(text === 2
? `(${this.bindCodeValue(record.industry, 'dic_house_industry')})`
: ''),
this.bindCodeValue(text, 'house_type') +
(text === 2 ? `(${this.bindCodeValue(record.industry, 'house_industry')})` : ''),
},
{
title: '地址',
@@ -133,7 +131,7 @@ export default class index extends Component {
componentDidMount() {
const { onLoading, onLoadData } = this.table.current
onLoading()
getDictData('dic_house_type', 'dic_house_industry').then(async res => {
getDictData('house_type', 'house_industry').then(async res => {
const { data } = await api.getAreaTree()
this.setState(
{
@@ -303,7 +301,7 @@ export default class index extends Component {
<Form.Item label="房屋性质" name="type">
<Radio.Group buttonStyle="solid">
<Radio.Button value="">全部</Radio.Button>
{codes.dicHouseType.map(item => (
{codes.houseType.map(item => (
<Radio.Button key={item.code} value={item.code}>
{item.value}
</Radio.Button>
@@ -317,7 +315,7 @@ export default class index extends Component {
className="w-150"
placeholder="请选择行业"
>
{codes.dicHouseIndustry.map(item => (
{codes.houseIndustry.map(item => (
<Select.Option key={item.code} value={item.code}>
{item.value}
</Select.Option>

View File

@@ -32,15 +32,15 @@ export default class building extends Component {
state = {
loading: true,
codes: {
dicLandAttribute: [],
dicHouseStructureType: [],
dicHouseAseismicGrade: [],
dicHouseBaseInfo: [],
dicHouseInsulationMaterial: [],
dicHouseWallMaterial: [],
dicHouseFireproofGrade: [],
dicHouseBuildingCurtainWall: [],
dicHouseElevator: [],
landAttribute: [],
houseStructureType: [],
houseAseismicGrade: [],
houseBaseInfo: [],
houseInsulationMaterial: [],
houseWallMaterial: [],
houseFireproofGrade: [],
houseBuildingCurtainWall: [],
houseElevator: [],
},
showMap: false,
@@ -107,15 +107,15 @@ export default class building extends Component {
}
}
_state.codes = await getDictData(
'dic_land_attribute',
'dic_house_structure_type',
'dic_house_aseismic_grade',
'dic_house_base_info',
'dic_house_insulation_material',
'dic_house_wall_material',
'dic_house_fireproof_grade',
'dic_house_building_curtain_wall',
'dic_house_elevator'
'land_attribute',
'house_structure_type',
'house_aseismic_grade',
'house_base_info',
'house_insulation_material',
'house_wall_material',
'house_fireproof_grade',
'house_building_curtain_wall',
'house_elevator'
)
//#endregion
@@ -385,7 +385,7 @@ export default class building extends Component {
rules={[{ required: true, message: '请选择土地性质' }]}
>
<Radio.Group buttonStyle="solid">
{codes.dicLandAttribute.map(item => {
{codes.landAttribute.map(item => {
return (
<Radio.Button key={item.code} value={+item.code}>
{item.value}
@@ -456,7 +456,7 @@ export default class building extends Component {
rules={[{ required: true, message: '请选择结构类型' }]}
>
<Radio.Group buttonStyle="solid" placeholder="请选择结构类型">
{codes.dicHouseStructureType.map(item => {
{codes.houseStructureType.map(item => {
return (
<Radio.Button key={item.code} value={+item.code}>
{item.value}
@@ -473,7 +473,7 @@ export default class building extends Component {
rules={[{ required: true, message: '请选择抗震等级' }]}
>
<Radio.Group buttonStyle="solid">
{codes.dicHouseAseismicGrade.map(item => {
{codes.houseAseismicGrade.map(item => {
return (
<Radio.Button key={item.code} value={+item.code}>
{item.value}
@@ -490,7 +490,7 @@ export default class building extends Component {
rules={[{ required: true, message: '请选择基础情况' }]}
>
<Radio.Group buttonStyle="solid">
{codes.dicHouseBaseInfo.map(item => {
{codes.houseBaseInfo.map(item => {
return (
<Radio.Button key={item.code} value={+item.code}>
{item.value}
@@ -504,7 +504,7 @@ export default class building extends Component {
<Form.Item label="外墙保温材料" name={['houseInfo', 'insulationMaterial']}>
<Checkbox.Group>
{codes.dicHouseInsulationMaterial.map(item => {
{codes.houseInsulationMaterial.map(item => {
return (
<Checkbox key={item.code} value={item.code}>
{item.value}
@@ -524,7 +524,7 @@ export default class building extends Component {
)}
<Form.Item label="外墙墙体材料" name={['houseInfo', 'wallMaterial']}>
<Checkbox.Group>
{codes.dicHouseWallMaterial.map(item => {
{codes.houseWallMaterial.map(item => {
return (
<Checkbox key={item.code} value={item.code}>
{item.value}
@@ -544,7 +544,7 @@ export default class building extends Component {
name={['houseInfo', 'fireproofGrade']}
>
<Radio.Group buttonStyle="solid">
{codes.dicHouseFireproofGrade.map(item => {
{codes.houseFireproofGrade.map(item => {
return (
<Radio.Button key={item.code} value={item.code}>
{item.value}
@@ -559,7 +559,7 @@ export default class building extends Component {
rules={[{ required: true, message: '请选择建筑幕墙' }]}
>
<Radio.Group buttonStyle="solid">
{codes.dicHouseBuildingCurtainWall.map(item => {
{codes.houseBuildingCurtainWall.map(item => {
return (
<Radio.Button key={item.code} value={+item.code}>
{item.value}
@@ -603,7 +603,7 @@ export default class building extends Component {
rules={[{ required: true, message: '请选择电梯' }]}
>
<Radio.Group buttonStyle="solid">
{codes.dicHouseElevator.map(item => {
{codes.houseElevator.map(item => {
return (
<Radio.Button key={item.code} value={item.code}>
{item.value}

View File

@@ -15,7 +15,7 @@ export default class drawing extends Component {
state = {
loading: true,
codes: {
dicHouseStorageOfDrawings: [],
houseStorageOfDrawings: [],
},
options: {},
@@ -77,7 +77,7 @@ export default class drawing extends Component {
!!houseInfo.drawingMaterial && houseInfo.drawingMaterial.includes('100'),
})
}
const codes = await getDictData('dic_house_storage_of_drawings')
const codes = await getDictData('house_storage_of_drawings')
console.log(codes)
this.setState({ codes })
//#endregion
@@ -144,7 +144,7 @@ export default class drawing extends Component {
rules={[{ required: true, message: '请选择图纸资料存档处' }]}
>
<Checkbox.Group>
{codes.dicHouseStorageOfDrawings.map(item => (
{codes.houseStorageOfDrawings.map(item => (
<Checkbox key={item.code} value={item.code}>
{item.value}
</Checkbox>

View File

@@ -15,10 +15,10 @@ export default class identification extends Component {
state = {
loading: true,
codes: {
dicHouseIdentification: [],
dicHouseGovernment: [],
dicHouseUsedStatus: [],
dicHouseGrade: [],
houseIdentification: [],
houseGovernment: [],
houseUsedStatus: [],
houseGrade: [],
},
options: {},
}
@@ -68,10 +68,10 @@ export default class identification extends Component {
this.record = cloneDeep(params.record)
//#region 从后端转换成前段所需格式
const codes = await getDictData(
'dic_house_identification',
'dic_house_government',
'dic_house_used_status',
'dic_house_grade'
'house_identification',
'house_government',
'house_used_status',
'house_grade'
)
this.setState({ codes })
//#endregion
@@ -128,7 +128,7 @@ export default class identification extends Component {
rules={[{ required: true, message: '请选择房屋使用状态' }]}
>
<Radio.Group buttonStyle="solid">
{codes.dicHouseUsedStatus.map(item => (
{codes.houseUsedStatus.map(item => (
<Radio.Button key={item.code} value={+item.code}>
{item.value}
</Radio.Button>
@@ -141,7 +141,7 @@ export default class identification extends Component {
rules={[{ required: true, message: '请选择综合等级' }]}
>
<Radio.Group buttonStyle="solid">
{codes.dicHouseGrade.map(item => (
{codes.houseGrade.map(item => (
<Radio.Button key={item.code} value={+item.code}>
{item.value}
</Radio.Button>

View File

@@ -24,14 +24,14 @@ export default class investigation extends Component {
state = {
loading: true,
codes: {
dicHouseHouseSite: [],
dicHouseAdjacentConstruction: [],
dicHouseChemicalErosion: [],
dicHouseStructuralDismantling: [],
dicHouseAddingLayer: [],
dicHouseRepairAndReinforce: [],
dicHouseHistoricalCalamity: [],
dicHouseFunctionalChange: [],
houseHouseSite: [],
houseAdjacentConstruction: [],
houseChemicalErosion: [],
houseStructuralDismantling: [],
houseAddingLayer: [],
houseRepairAndReinforce: [],
houseHistoricalCalamity: [],
houseFunctionalChange: [],
},
options: {},
}
@@ -90,14 +90,14 @@ export default class investigation extends Component {
})
}
const codes = await getDictData(
'dic_house_house_site',
'dic_house_adjacent_construction',
'dic_house_chemical_erosion',
'dic_house_structural_dismantling',
'dic_house_adding_layer',
'dic_house_repair_and_reinforce',
'dic_house_historical_calamity',
'dic_house_functional_change'
'house_house_site',
'house_adjacent_construction',
'house_chemical_erosion',
'house_structural_dismantling',
'house_adding_layer',
'house_repair_and_reinforce',
'house_historical_calamity',
'house_functional_change'
)
this.setState({ codes })
//#endregion
@@ -193,7 +193,7 @@ export default class investigation extends Component {
rules={[{ required: true, message: '请选择房屋场地' }]}
>
<Checkbox.Group>
{codes.dicHouseHouseSite.map(item => (
{codes.houseHouseSite.map(item => (
<Checkbox key={item.code} value={item.code}>
{item.value}
</Checkbox>
@@ -206,7 +206,7 @@ export default class investigation extends Component {
rules={[{ required: true, message: '请选择相邻施工' }]}
>
<Checkbox.Group>
{codes.dicHouseAdjacentConstruction.map(item => (
{codes.houseAdjacentConstruction.map(item => (
<Checkbox key={item.code} value={item.code}>
{item.value}
</Checkbox>
@@ -219,7 +219,7 @@ export default class investigation extends Component {
rules={[{ required: true, message: '请选择化学侵蚀' }]}
>
<Checkbox.Group>
{codes.dicHouseChemicalErosion.map(item => (
{codes.houseChemicalErosion.map(item => (
<Checkbox key={item.code} value={item.code}>
{item.value}
</Checkbox>
@@ -232,7 +232,7 @@ export default class investigation extends Component {
rules={[{ required: true, message: '请选择结构拆改' }]}
>
<Radio.Group buttonStyle="solid">
{codes.dicHouseStructuralDismantling.map(item => (
{codes.houseStructuralDismantling.map(item => (
<Radio.Button key={item.code} value={+item.code}>
{item.value}
</Radio.Button>
@@ -245,7 +245,7 @@ export default class investigation extends Component {
rules={[{ required: true, message: '请选择加层改造' }]}
>
<Radio.Group buttonStyle="solid">
{codes.dicHouseAddingLayer.map(item => (
{codes.houseAddingLayer.map(item => (
<Radio.Button key={item.code} value={+item.code}>
{item.value}
</Radio.Button>
@@ -258,7 +258,7 @@ export default class investigation extends Component {
rules={[{ required: true, message: '请选择修缮加固' }]}
>
<Checkbox.Group>
{codes.dicHouseRepairAndReinforce.map(item => (
{codes.houseRepairAndReinforce.map(item => (
<Checkbox key={item.code} value={item.code}>
{item.value}
</Checkbox>
@@ -271,7 +271,7 @@ export default class investigation extends Component {
rules={[{ required: true, message: '请选择历史灾害' }]}
>
<Checkbox.Group>
{codes.dicHouseHistoricalCalamity.map(item => (
{codes.houseHistoricalCalamity.map(item => (
<Checkbox key={item.code} value={item.code}>
{item.value}
</Checkbox>
@@ -284,7 +284,7 @@ export default class investigation extends Component {
rules={[{ required: true, message: '请选择使用功能变更' }]}
>
<Checkbox.Group>
{codes.dicHouseFunctionalChange.map(item => (
{codes.houseFunctionalChange.map(item => (
<Checkbox key={item.code} value={item.code}>
{item.value}
</Checkbox>

View File

@@ -15,7 +15,7 @@ export default class ownership extends Component {
state = {
loading: true,
codes: {
dicHousePropertyRights: [],
housePropertyRights: [],
},
options: {},
}
@@ -64,7 +64,7 @@ export default class ownership extends Component {
async fillData(params) {
this.record = cloneDeep(params.record)
//#region 从后端转换成前段所需格式
const codes = await getDictData('dic_house_property_rights')
const codes = await getDictData('house_property_rights')
this.setState({ codes })
//#endregion
this.form.current && this.form.current.setFieldsValue(this.record)
@@ -116,7 +116,7 @@ export default class ownership extends Component {
>
<Form.Item label="产权性质" name={['houseInfo', 'propertyRights']}>
<Radio.Group buttonStyle="solid">
{codes.dicHousePropertyRights.map(item => (
{codes.housePropertyRights.map(item => (
<Radio.Button key={item.code} value={item.code}>
{item.value}
</Radio.Button>

View File

@@ -16,9 +16,9 @@ export default class handling extends Component {
state = {
loading: true,
codes: {
dicHousePatrolInitGrade: [],
dicHousePatrolDamageGrade: [],
dicHouseGrade: [],
housePatrolInitGrade: [],
housePatrolDamageGrade: [],
houseGrade: [],
},
}
form = React.createRef()
@@ -72,9 +72,9 @@ export default class handling extends Component {
patrolInfo.initGrade = this.getInitGrade(getState('business').completedDate)
}
_state.codes = await getDictData(
'dic_house_patrol_init_grade',
'dic_house_patrol_damage_grade',
'dic_house_grade'
'house_patrol_init_grade',
'house_patrol_damage_grade',
'house_grade'
)
//#endregion
this.form.current && this.form.current.setFieldsValue(this.record)
@@ -134,7 +134,7 @@ export default class handling extends Component {
>
<Tooltip title="初始等级无法手动更改由房屋详情的竣工日期决定2000年之后竣工的为一级1995年~1999年竣工的为二级1980年~1994年竣工的为三级早于1980年竣工的为四级。选择房屋竣工日期后初始等级会自动填充。">
<Radio.Group disabled buttonStyle="solid">
{codes.dicHousePatrolInitGrade.map(item => {
{codes.housePatrolInitGrade.map(item => {
return (
<Radio.Button key={item.code} value={+item.code}>
{item.value}
@@ -151,7 +151,7 @@ export default class handling extends Component {
rules={[{ required: true, message: '请选择损坏等级' }]}
>
<Radio.Group buttonStyle="solid">
{codes.dicHousePatrolDamageGrade.map(item => {
{codes.housePatrolDamageGrade.map(item => {
return (
<Radio.Button key={item.code} value={+item.code}>
{item.value}
@@ -167,7 +167,7 @@ export default class handling extends Component {
rules={[{ required: true, message: '请选择综合等级' }]}
>
<Radio.Group buttonStyle="solid">
{codes.dicHouseGrade.map(item => {
{codes.houseGrade.map(item => {
return (
<Radio.Button key={item.code} value={+item.code}>
{item.value}

View File

@@ -13,8 +13,8 @@ export default class handling extends Component {
state = {
loading: true,
codes: {
dicHousePatrolHandlingOpinion: [],
dicHousePatrolRectifyReform: [],
housePatrolHandlingOpinion: [],
housePatrolRectifyReform: [],
},
}
form = React.createRef()
@@ -46,8 +46,8 @@ export default class handling extends Component {
const _state = { loading: false }
//#region 从后端转换成前段所需格式
_state.codes = await getDictData(
'dic_house_patrol_handling_opinion',
'dic_house_patrol_rectify_Reform'
'house_patrol_handling_opinion',
'house_patrol_rectify_Reform'
)
//#endregion
this.form.current && this.form.current.setFieldsValue(this.record)
@@ -85,7 +85,7 @@ export default class handling extends Component {
rules={[{ required: true, message: '请选择处理建议' }]}
>
<Radio.Group buttonStyle="solid">
{codes.dicHousePatrolHandlingOpinion.map(item => {
{codes.housePatrolHandlingOpinion.map(item => {
return (
<Radio.Button key={item.code} value={+item.code}>
{item.value}
@@ -108,7 +108,7 @@ export default class handling extends Component {
rules={[{ required: true, message: '请选择整改情况' }]}
>
<Radio.Group buttonStyle="solid">
{codes.dicHousePatrolRectifyReform.map(item => {
{codes.housePatrolRectifyReform.map(item => {
return (
<Radio.Button key={item.code} value={+item.code}>
{item.value}

View File

@@ -27,8 +27,8 @@ const authName = 'houseSelector'
export default class index extends Component {
state = {
codes: {
dicHouseType: [],
dicHouseIndustry: [],
houseType: [],
houseIndustry: [],
},
saving: false,
@@ -57,7 +57,7 @@ export default class index extends Component {
dataIndex: 'type',
sorter: true,
width: 150,
render: text => this.bindCodeValue(text, 'dic_house_type'),
render: text => this.bindCodeValue(text, 'house_type'),
},
{
title: '地址',
@@ -91,7 +91,7 @@ export default class index extends Component {
componentDidMount() {
const { onLoading, onLoadData } = this.table.current
onLoading()
getDictData('dic_house_type', 'dic_house_industry').then(codes => {
getDictData('house_type', 'house_industry').then(codes => {
this.setState({ codes }, () => {
onLoadData()
})
@@ -218,7 +218,7 @@ export default class index extends Component {
<Form.Item label="房屋性质" name="type">
<Radio.Group buttonStyle="solid">
<Radio.Button value="">全部</Radio.Button>
{codes.dicHouseType.map(item => (
{codes.houseType.map(item => (
<Radio.Button key={item.code} value={item.code}>
{item.value}
</Radio.Button>
@@ -228,7 +228,7 @@ export default class index extends Component {
{type == 2 && (
<Form.Item label="行业" name="industry">
<Select allowClear className="w-150" placeholder="请选择行业">
{codes.dicHouseIndustry.map(item => (
{codes.houseIndustry.map(item => (
<Select.Option key={item.code} value={item.code}>
{item.value}
</Select.Option>

View File

@@ -27,8 +27,8 @@ const authName = 'houseSelector'
export default class index extends Component {
state = {
codes: {
dicHouseType: [],
dicHouseIndustry: [],
houseType: [],
houseIndustry: [],
},
saving: false,
@@ -57,7 +57,7 @@ export default class index extends Component {
dataIndex: 'type',
sorter: true,
width: 150,
render: text => this.bindCodeValue(text, 'dic_house_type'),
render: text => this.bindCodeValue(text, 'house_type'),
},
{
title: '地址',
@@ -91,7 +91,7 @@ export default class index extends Component {
componentDidMount() {
const { onLoading, onLoadData } = this.table.current
onLoading()
getDictData('dic_house_type', 'dic_house_industry').then(codes => {
getDictData('house_type', 'house_industry').then(codes => {
this.setState({ codes }, () => {
onLoadData()
})
@@ -218,7 +218,7 @@ export default class index extends Component {
<Form.Item label="房屋性质" name="type">
<Radio.Group buttonStyle="solid">
<Radio.Button value="">全部</Radio.Button>
{codes.dicHouseType.map(item => (
{codes.houseType.map(item => (
<Radio.Button key={item.code} value={item.code}>
{item.value}
</Radio.Button>
@@ -228,7 +228,7 @@ export default class index extends Component {
{type == 2 && (
<Form.Item label="行业" name="industry">
<Select allowClear className="w-150" placeholder="请选择行业">
{codes.dicHouseIndustry.map(item => (
{codes.houseIndustry.map(item => (
<Select.Option key={item.code} value={item.code}>
{item.value}
</Select.Option>

View File

@@ -1,6 +1,14 @@
import React, { Component } from 'react'
import { Button, Card, Form, Input, message as Message, Popconfirm } from 'antd'
import { AntIcon, Auth, Container, ModalForm, QueryTable, QueryTableActions, QueryTreeLayout } from 'components'
import {
AntIcon,
Auth,
Container,
ModalForm,
QueryTable,
QueryTableActions,
QueryTreeLayout,
} from 'components'
import { api } from 'common/api'
import auth from 'components/authorized/handler'
import { toCamelCase } from 'util/format'
@@ -13,17 +21,16 @@ const apiAction = {
page: api.getHouseProjectPage,
add: api.houseProejctAdd,
edit: api.houseProejctEdit,
delete: api.houseProejctDelete
delete: api.houseProejctDelete,
}
const name = '项目'
export default class index extends Component {
state = {
codes: {
dicHouseType: []
}
houseType: [],
},
}
// 表格实例
@@ -37,7 +44,6 @@ export default class index extends Component {
// 树选中节点
selectCode = undefined
columns = [
{
title: '项目名称',
dataIndex: 'name',
@@ -57,12 +63,12 @@ export default class index extends Component {
title: '类型',
dataIndex: 'type',
sorter: true,
render: text => (<>{this.bindCodeValue(text, 'dic_house_type')}</>)
}
render: text => <>{this.bindCodeValue(text, 'house_type')}</>,
},
]
/**
* 构造函数,在渲染前动态添加操作字段等
* @param {*} props
* @param {*} props
*/
constructor(props) {
super(props)
@@ -74,20 +80,22 @@ export default class index extends Component {
title: '操作',
width: 150,
dataIndex: 'actions',
render: (text, record) => (<QueryTableActions>
<Auth auth="houseProjectInfo:edit">
<a onClick={() => this.onOpen(this.editForm, record)}>编辑</a>
</Auth>
<Auth auth="houseProjectInfo:delete">
<Popconfirm
placement="topRight"
title="是否确认删除"
onConfirm={() => this.onDelete(record)}
>
<a>删除</a>
</Popconfirm>
</Auth>
</QueryTableActions>)
render: (text, record) => (
<QueryTableActions>
<Auth auth="houseProjectInfo:edit">
<a onClick={() => this.onOpen(this.editForm, record)}>编辑</a>
</Auth>
<Auth auth="houseProjectInfo:delete">
<Popconfirm
placement="topRight"
title="是否确认删除"
onConfirm={() => this.onDelete(record)}
>
<a>删除</a>
</Popconfirm>
</Auth>
</QueryTableActions>
),
})
}
}
@@ -95,9 +103,9 @@ export default class index extends Component {
* 阻止外部组件引发的渲染,提升性能
* 可自行添加渲染条件
* [必要]
* @param {*} props
* @param {*} state
* @returns
* @param {*} props
* @param {*} state
* @returns
*/
shouldComponentUpdate(props, state) {
return !isEqual(this.state, state)
@@ -109,26 +117,28 @@ export default class index extends Component {
*/
componentDidMount() {
this.table.current.onLoading()
getDictData('dic_house_type').then(res => {
this.setState({
codes: res
}, () => {
this.table.current.onLoadData()
})
getDictData('house_type').then(res => {
this.setState(
{
codes: res,
},
() => {
this.table.current.onLoadData()
}
)
})
}
/**
* 调用加载数据接口,可在调用前对query进行处理
* [异步,必要]
* @param {*} params
* @param {*} query
* @returns
*/
* 调用加载数据接口,可在调用前对query进行处理
* [异步,必要]
* @param {*} params
* @param {*} query
* @returns
*/
loadData = async (params, query) => {
query = {
...query,
pid: this.selectCode
pid: this.selectCode,
}
//首次加载根据code列升序排序
// if (!params.sortField) {
@@ -155,7 +165,7 @@ export default class index extends Component {
/**
* 树节点选中事件
* [必要]
* @param {*} id
* @param {*} id
*/
onSelectTree(code) {
this.selectCode = code
@@ -164,15 +174,15 @@ export default class index extends Component {
/**
* 绑定字典数据
* @param {*} code
* @param {*} name
* @returns
* @param {*} code
* @param {*} name
* @returns
*/
bindCodeValue(code, name) {
name = toCamelCase(name)
const codes = this.state.codes[name]
if (codes) {
const c = codes.find((p) => +p.code === code)
const c = codes.find(p => +p.code === code)
if (c) {
return c.value
}
@@ -182,21 +192,21 @@ export default class index extends Component {
/**
* 打开新增/编辑弹窗
* @param {*} modal
* @param {*} record
* @param {*} modal
* @param {*} record
*/
onOpen(modal, record) {
modal.current.open({
pid: this.selectCode,
record
record,
})
}
/**
* 对表格上的操作进行统一处理
* [异步]
* @param {*} action
* @param {*} successMessage
* @param {*} action
* @param {*} successMessage
*/
async onAction(action, successMessage) {
this.table.current.onLoading()
@@ -211,13 +221,10 @@ export default class index extends Component {
/**
* 删除
* @param {*} record
* @param {*} record
*/
onDelete(record) {
this.onAction(
apiAction.delete(record),
'删除成功'
)
this.onAction(apiAction.delete(record), '删除成功')
}
render() {
@@ -225,7 +232,7 @@ export default class index extends Component {
<QueryTreeLayout
loadData={this.loadTreeData}
defaultExpanded={true}
onSelect={(key) => this.onSelectTree(key)}
onSelect={key => this.onSelectTree(key)}
replaceFields={{ value: 'code', title: 'name', children: 'children' }}
>
<Container mode="fluid">
@@ -250,12 +257,12 @@ export default class index extends Component {
<Button
icon={<AntIcon type="plus" />}
onClick={() => this.onOpen(this.addForm)}
>新增{name}</Button>
>
新增{name}
</Button>
</Auth>
}
>
</QueryTable>
></QueryTable>
</Card>
</Container>
<ModalForm
@@ -278,4 +285,4 @@ export default class index extends Component {
</QueryTreeLayout>
)
}
}
}

View File

@@ -27,8 +27,8 @@ const authName = 'houseTask'
export default class index extends Component {
state = {
codes: {
dicHouseType: [],
dicHouseIndustry: [],
houseType: [],
houseIndustry: [],
},
type: '',
@@ -63,7 +63,7 @@ export default class index extends Component {
dataIndex: 'type',
sorter: true,
width: 150,
render: text => this.bindCodeValue(text, 'dic_house_type'),
render: text => this.bindCodeValue(text, 'house_type'),
},
{
title: '地址',
@@ -122,7 +122,7 @@ export default class index extends Component {
componentDidMount() {
const { onLoading, onLoadData } = this.table.current
onLoading()
getDictData('dic_house_type', 'dic_house_industry').then(codes => {
getDictData('house_type', 'house_industry').then(codes => {
this.setState({ codes }, () => {
onLoadData()
})
@@ -227,7 +227,7 @@ export default class index extends Component {
<Form.Item label="房屋性质" name="type">
<Radio.Group buttonStyle="solid">
<Radio.Button value="">全部</Radio.Button>
{codes.dicHouseType.map(item => (
{codes.houseType.map(item => (
<Radio.Button key={item.code} value={item.code}>
{item.value}
</Radio.Button>
@@ -241,7 +241,7 @@ export default class index extends Component {
className="w-150"
placeholder="请选择行业"
>
{codes.dicHouseIndustry.map(item => (
{codes.houseIndustry.map(item => (
<Select.Option key={item.code} value={item.code}>
{item.value}
</Select.Option>