提交

src/pages/building/list/add/components/base.jsx

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Radio, Tag, Tooltip, Tabs, InputNumber, notification } from 'antd';
 import moment from 'moment';
 import { router } from 'umi';
+import { ifError } from 'assert';
 import request from '../../../../../utils/request';
 import apis from '../../../../../services/apis';
 import Styles from '../style.less';
@@ -14,7 +15,6 @@ import BudildingProjectType from './buildingProjectType'
 import SelectCity from '../../../../../components/SelectButton/CitySelect'
 import FileUpload from '@/components/XForm/FileUpload';
 import { POI_TYPES_KETY, getAroundData, getPOIType, POI_TYPES } from './amapAroundData'
-import { ifError } from 'assert';
 
 const { Option } = Select
 const { TabPane } = Tabs;
@@ -46,6 +46,9 @@ function AddBuilding(props) {
   const [poi, setPoi] = useState([])
   const [videoImage, setVideoImage] = useState(false)
 
+  // 存放所以 buildingData 基础信息
+  const [buildingData, setBuildingData] = useState({})
+
   // console.log('props.building: ', props.building)
   const { buildingId } = props.building
      // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -64,8 +67,8 @@ function AddBuilding(props) {
   function setPoiTagValue() {
     if (poi) {
       console.log('poi: ', poi)
-   
-      
+
+
       poi.map(x => {
         const ty = Object.prototype.toString
         // console.log('x.data: ', JSON.parse(x.data))
@@ -91,7 +94,7 @@ function AddBuilding(props) {
       }
 
       res.avatarImage = res.buildingImg.map(item => item.url)
-      
+
       if (res.buildingListImg) {
         // res.listImage = res.buildingListImg.map(item => item.url)
         res.listImage = res.buildingListImg.map(item => item.url)[0]
@@ -104,32 +107,15 @@ function AddBuilding(props) {
       if (res.videoImage) {
         res.videoImage = res.videoImage[0].url
       }
-      if (res.buildingTransport) {
-        const arr = res.buildingTransport.split(',')
-        res.buildingTransport = arr.map(x => ({ tagName: x, delete: true }))
-      }
-      if (res.buildingMall) {
-        const arr = res.buildingMall.split(',')
-        res.buildingMall = arr.map(x => ({ tagName: x, delete: true }))
-      }
-      if (res.buildingEdu) {
-        const arr = res.buildingEdu.split(',')
-        res.buildingEdu = arr.map(x => ({ tagName: x, delete: true }))
-      }
-      if (res.buildingHospital) {
-        const arr = res.buildingHospital.split(',')
-        res.buildingHospital = arr.map(x => ({ tagName: x, delete: true }))
-      }
-      if (res.buildingBank) {
-        const arr = res.buildingBank.split(',')
-        res.buildingBank = arr.map(x => ({ tagName: x, delete: true }))
-      }
-      if (res.buildingRestaurant) {
-        const arr = res.buildingRestaurant.split(',')
-        res.buildingRestaurant = arr.map(x => ({ tagName: x, delete: true }))
-      }
 
-      
+      res.buildingTransport = stringHandleTag(res.buildingTransport)
+      res.buildingMall = stringHandleTag(res.buildingMall)
+      res.buildingEdu = stringHandleTag(res.buildingEdu)
+      res.buildingHospital = stringHandleTag(res.buildingHospital)
+      res.buildingBank = stringHandleTag(res.buildingBank)
+      res.buildingRestaurant = stringHandleTag(res.buildingRestaurant)
+
+      setBuildingData(res)
       props.form.setFieldsValue(res)
       // console.log('mapJson: ', JSON.parse(res.mapJson))
       setPoi((res.mapJson && JSON.parse(res.mapJson)) || [])
@@ -137,6 +123,28 @@ function AddBuilding(props) {
     })
   }
 
+  /**
+   * 把 xxx,xxx,xxx  这样的格式转换成 [{ tagName: xxx, delete: true }, { tagName: xxx, delete: true }]
+   * @param {*} str
+   * @return 如果返回 str 为空 或者 非 string，则返回 str 本身，否则返回转换成功的数组
+   */
+  function stringHandleTag(str) {
+    if (typeof str === 'string' && str !== '') {
+      const arr = str.split(',')
+      return arrayTransition(arr)
+    }
+
+    return str
+  }
+
+  /**
+   * 把 [xxx,xxx,xxx]  这样的格式转换成 [{ tagName: xxx, delete: true }, { tagName: xxx, delete: true }]
+   * @param {*} arr
+   */
+  function arrayTransition(arr) {
+    return arr.map(x => ({ tagName: x, delete: true }))
+  }
+
   function handleSubmit(e) {
     e.preventDefault();
     props.form.validateFieldsAndScroll((err, values) => {
@@ -151,7 +159,7 @@ function AddBuilding(props) {
     if (poi.length !== 0) {
       data.mapJson = poi
     }
-    
+
     data.openingDate = moment(data.openingDate, 'yyyy-MM-dd HH:mm:ss')
     data.receivedDate = moment(data.receivedDate, 'yyyy-MM-dd HH:mm:ss')
     // 项目主图
@@ -162,7 +170,7 @@ function AddBuilding(props) {
       // console.log(data.videoUrl[0])
       data.videoUrl = data.videoUrl[0]
     }
-    
+
     if (data.tag) {
       data.tag = data.tag.map((item, _) => ({ tagName: item }))
     }
@@ -235,8 +243,7 @@ function AddBuilding(props) {
   }
 
   function setFormMapScopeValue(key, pois) {
-    const poiArray = pois.map(p => {
-      return {
+    const poiArray = pois.map(p => ({
         address: p.address,
         adname: p.adname,
         cityname: p.cityname,
@@ -248,9 +255,8 @@ function AddBuilding(props) {
         shopinfo: p.shopinfo,
         type: p.type,
         typecode: p.typecode,
-      }
-    })
-    
+      }))
+
     // 设置表单值
     setFormMapScopeTagValue(key, { data: poiArray })
 
@@ -261,7 +267,7 @@ function AddBuilding(props) {
       }
       return m
     })
-    
+
     setPoi(newPoi)
     return newPoi
   }
@@ -270,30 +276,31 @@ function AddBuilding(props) {
     const tag = item.data.map(t => ({ tagName: t.name, delete: false }))
     switch (keyType) {
       case POI_TYPES_KETY.Transport:
-        const buildingTransportValue = (props.form.getFieldValue('buildingTransport') || [])
+        const buildingTransportValue = (stringHandleTag(buildingData.buildingTransport) || [])
         props.form.setFieldsValue({ buildingTransport: tag.concat(buildingTransportValue) })
         return 'buildingTransport';
       case POI_TYPES_KETY.Bank:
-        const buildingBankValue = (props.form.getFieldValue('buildingBank') || [])
+        const buildingBankValue = (stringHandleTag(buildingData.buildingBank) || [])
         props.form.setFieldsValue({ buildingBank: tag.concat(buildingBankValue) })
         return 'buildingBank';
       case POI_TYPES_KETY.Edu:
-        const buildingEduValue = (props.form.getFieldValue('buildingEdu') || [])
+        const buildingEduValue = (stringHandleTag(buildingData.buildingEdu) || [])
         props.form.setFieldsValue({ buildingEdu: tag.concat(buildingEduValue) })
         return 'buildingEdu';
       case POI_TYPES_KETY.Hospital:
-        const buildingHospitalValue = (props.form.getFieldValue('buildingHospital') || [])
+        const buildingHospitalValue = (stringHandleTag(buildingData.buildingHospital) || [])
         props.form.setFieldsValue({ buildingHospital: tag.concat(buildingHospitalValue) })
         return 'buildingHospital';
       case POI_TYPES_KETY.Restaurant:
-        const buildingRestaurantValue = (props.form.getFieldValue('buildingRestaurant') || [])
+        const buildingRestaurantValue = (stringHandleTag(buildingData.buildingRestaurant) || [])
         props.form.setFieldsValue({ buildingRestaurant: tag.concat(buildingRestaurantValue) })
         return 'buildingRestaurant';
       case POI_TYPES_KETY.Mall:
-        const buildingMallValue = (props.form.getFieldValue('buildingMall') || [])
+        const buildingMallValue = (stringHandleTag(buildingData.buildingMall) || [])
         props.form.setFieldsValue({ buildingMall: tag.concat(buildingMallValue) })
         return 'buildingMall';
       default:
+        return ''
     }
   }