{/* 底部工具栏(需放在前面) */}
-
+
+ {/* 可以在工具栏中增加其他控件(只能在一行内) */}
- {/* 可以在工具栏中增加其他控件(只能在一行内) */}
-
-
-
-
+
+
-
+
+
+ }>
+
+
+ {record && record.houseCode.areaName}
+
+
+ {record && record.houseCode.roadName}
+
+
+ {record && record.houseCode.commName}
+
+
+ {record && record.houseCode.zoneName}
+
+
+ {record &&
+ `${record.houseCode.areaName}-${
+ record.houseCode.roadName
+ }-${record.houseCode.commName}-${
+ record.houseCode.projectFullName
+ }-${record.houseCode.no.toString().padStart(3, '0')}`}
+
+
+ {record && record.houseCode.houseCode}
+
+
+
+
+
{ this.setState({ actived: activeKey }) }}
+ onChange={activeKey => {
+ this.setState({ actived: activeKey })
+ }}
>
- {
- tabs.map((tab, i) => {
- if (tab.show) {
- return (
-
- )
- }
- return <>
- })
- }
+ {tabs.map((tab, i) => {
+ if (tab.show) {
+ return (
+
+ )
+ }
+ return <>
+ })}
- {
- tabs.map((tab, i) => {
- if (tab.show) {
- return (
-
- this.forms.push(c)} />
-
- )
- }
- return <>
- })
- }
+ {tabs.map((tab, i) => {
+ if (tab.show) {
+ return (
+
+ this.children.push(c)}
+ />
+
+ )
+ }
+ return <>
+ })}
diff --git a/web-react/src/pages/business/house/task/index.jsx b/web-react/src/pages/business/house/task/index.jsx
new file mode 100644
index 0000000..9d8570b
--- /dev/null
+++ b/web-react/src/pages/business/house/task/index.jsx
@@ -0,0 +1,265 @@
+import React, { Component } from 'react'
+import { Button, Card, Form, Input, message as Message, Popconfirm, Radio, Select, Tag } from 'antd'
+import { AntIcon, Auth, Container, ModalForm, QueryTable, QueryTableActions } from 'components'
+import { api } from 'common/api'
+import auth from 'components/authorized/handler'
+import { isEqual } from 'lodash'
+import getDictData from 'util/dic'
+import { toCamelCase } from 'util/format'
+
+/**
+ * 注释段[\/**\/]为必须要改
+ */
+
+/**
+ * 配置页面所需接口函数
+ */
+const apiAction = {
+ page: api.houseTaskPage,
+}
+
+/**
+ * 统一配置权限标识
+ * [必要]
+ */
+const authName = 'houseTask'
+
+export default class index extends Component {
+ state = {
+ codes: {
+ dicHouseType: [],
+ dicHouseIndustry: [],
+ },
+
+ type: '',
+ }
+
+ // 表格实例
+ table = React.createRef()
+
+ // 新增窗口实例
+ addForm = React.createRef()
+ // 编辑窗口实例
+ editForm = React.createRef()
+
+ columns = [
+ {
+ title: '房屋编码',
+ dataIndex: 'houseCode',
+ sorter: true,
+ width: 300,
+ render: (text, record) => (
+ <>
+ {`${record.areaName}-${record.roadName}-${record.commName}-${
+ record.note
+ }-${record.no.toString().padStart(3, '0')}`}
+
+
{text}
+
+ ),
+ },
+ {
+ title: '房屋性质及行业',
+ dataIndex: 'type',
+ sorter: true,
+ width: 150,
+ render: text => this.bindCodeValue(text, 'dic_house_type'),
+ },
+ {
+ title: '地址',
+ dataIndex: 'address',
+ sorter: true,
+ },
+ {
+ title: '任务截止时间',
+ dataIndex: 'endTime',
+ sorter: true,
+ width: 150,
+ },
+ ]
+
+ /**
+ * 构造函数,在渲染前动态添加操作字段等
+ * @param {*} props
+ */
+ constructor(props) {
+ super(props)
+
+ const flag = auth({ houseInfo: 'getByTaskId' })
+
+ if (flag) {
+ this.columns.push({
+ title: '操作',
+ width: 150,
+ dataIndex: 'actions',
+ render: (text, record) => (
+
+
+ this.onOpen(record.id)}>登记
+
+
+ ),
+ })
+ }
+ }
+
+ /**
+ * 阻止外部组件引发的渲染,提升性能
+ * 可自行添加渲染条件
+ * [必要]
+ * @param {*} props
+ * @param {*} state
+ * @returns
+ */
+ shouldComponentUpdate(props, state) {
+ return !isEqual(this.state, state)
+ }
+
+ /**
+ * 加载字典数据,之后开始加载表格数据
+ * 如果必须要加载字典数据,可直接对表格设置autoLoad=true
+ */
+ componentDidMount() {
+ const { onLoading, onLoadData } = this.table.current
+ onLoading()
+ getDictData('dic_house_type', 'dic_house_industry').then(codes => {
+ this.setState({ codes }, () => {
+ onLoadData()
+ })
+ })
+ }
+
+ /**
+ * 调用加载数据接口,可在调用前对query进行处理
+ * [异步,必要]
+ * @param {*} params
+ * @param {*} query
+ * @returns
+ */
+ loadData = async (params, query) => {
+ const { data } = await apiAction.page({
+ ...params,
+ ...query,
+ })
+ return data
+ }
+
+ /**
+ * 绑定字典数据
+ * @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)
+ if (c) {
+ return c.value
+ }
+ }
+ return null
+ }
+
+ /**
+ * 打开新增/编辑弹窗
+ * @param {*} modal
+ * @param {*} record
+ */
+ onOpen(taskId) {
+ window.openContentWindow({
+ title: '房屋登记',
+ path: 'business/house/info/form',
+ param: {
+ taskId,
+ },
+ })
+ }
+
+ /**
+ * 对表格上的操作进行统一处理
+ * [异步]
+ * @param {*} action
+ * @param {*} successMessage
+ */
+ async onAction(action, successMessage) {
+ const { onLoading, onLoaded, onReloadData } = this.table.current
+ onLoading()
+ try {
+ if (action) {
+ await action
+ }
+ if (successMessage) {
+ Message.success(successMessage)
+ }
+ onReloadData()
+ } catch {
+ onLoaded()
+ }
+ }
+
+ //#region 自定义方法
+ //#endregion
+
+ render() {
+ const { codes, type } = this.state
+
+ return (
+
+
+
+ {
+ if (values.hasOwnProperty('type')) {
+ this.setState({ type: values.type })
+ }
+ }}
+ query={
+
+
+
+ 全部
+ {codes.dicHouseType.map(item => (
+
+ {item.value}
+
+ ))}
+
+
+ {type == 2 && (
+
+
+
+ )}
+
+
+
+
+
+
+
+ }
+ />
+
+
+ )
+ }
+}