style

src/components/GlobalHeader/ShowPassword.jsx

   return (
     <>
       <Form labelCol={{ span: 7 }} wrapperCol={{ span: 12 }} onSubmit={(e) => handleSubmit(e)}>
-      <Form.Item label="请输入旧密码">
-            {getFieldDecorator('originalPassword', {
-              rules: [{ required: true, message: '请输入旧密码' }],
-            })(
-              <Input
-                prefix={<Icon type="lock" style={{ color: 'rgba(0,0,0,.25)' }} />}
-                type="password"
-                placeholder="Password"
-              />,
-            )}
-          </Form.Item>
+        <Form.Item label="请输入旧密码">
+          {getFieldDecorator('originalPassword', {
+            rules: [{ required: true, message: '请输入旧密码' }],
+          })(
+            <Input
+              prefix={<Icon type="lock" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              type="password"
+              placeholder="Password"
+            />,
+          )}
+        </Form.Item>
         <Form.Item label="新密码">
-            {getFieldDecorator('newPassword', {
-              rules: [{ required: true, message: '请输入新密码' }],
-            })(
-              <Input
-                prefix={<Icon type="lock" style={{ color: 'rgba(0,0,0,.25)' }} />}
-                type="password"
-                placeholder="Password"
-              />,
-            )}
-          </Form.Item>
-          <Form.Item label="确认新密码">
-            {getFieldDecorator('newPasswordToo', {
-              rules: [{ required: true, message: '请确认新密码' }],
-            })(
-              <Input
-                prefix={<Icon type="lock" style={{ color: 'rgba(0,0,0,.25)' }} />}
-                type="password"
-                placeholder="Password"
-              />,
-            )}
-          </Form.Item>
-          <Form.Item>
-            <Button type="primary" htmlType="submit">
-                确定
-            </Button>
-          </Form.Item>
+          {getFieldDecorator('newPassword', {
+            rules: [{ required: true, message: '请输入新密码' }],
+          })(
+            <Input
+              prefix={<Icon type="lock" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              type="password"
+              placeholder="Password"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item label="确认新密码">
+          {getFieldDecorator('newPasswordToo', {
+            rules: [{ required: true, message: '请确认新密码' }],
+          })(
+            <Input
+              prefix={<Icon type="lock" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              type="password"
+              placeholder="Password"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          <Button type="primary" htmlType="submit">
+            确定
+          </Button>
+        </Form.Item>
       </Form>
     </>
   )

src/pages/building/Edit/Panorama/index.jsx

 import List from './List';
 
 export default props => {
-  const { history ,isPublish} = props;
+
+
+  const openNotificationWithIcon = (type, message) => {
+    notification[type]({
+      message,
+      description:
+        '',
+    });
+  }
+
+  const { history, isPublish } = props;
   const { query } = history.location;
   const { id } = query;
   const [loading, setLoading] = useState(false);
   const [panoramaList, setPanoramaList] = useState([]);
 
   useEffect(() => {
+    getPanoramaList();
+
     console.log(props);
     getList();
-    getPanoramaList();
   }, [id]);
 
   //获取户型列表
     // 网路请求
     request({ ...apis.paorama.panoramaApartList, params: { buildingId: id } })
       .then(res => {
+
         setPanoramaList(res);
-      })
-      .catch(err => {
-        this.openNotificationWithIcon('error', err);
+      }).catch(err => {
+
+        openNotificationWithIcon('error', err);
       });
   }
 
+
   function getList(params) {
     setLoading(true);
     // 网路请求
   return (
     <div>
       <div>
-       {!isPublish&& <AuthButton name="building.panorama.add">
+        {!isPublish && <AuthButton name="building.panorama.add">
           <Button type="primary" onClick={() => setVisible(true)}>
             新增全景
           </Button>

src/pages/building/Edit/index.jsx

-import React, {useState} from 'react'
+import React, { useState } from 'react'
 import { Tabs, Card } from 'antd'
 import Poster from '@/components/Poster'
 import Share from '@/components/Share'
   const { history } = props
   const { query } = history.location
   const { id } = query
-  const [institutionId,setInstitutionId] = useState()
-  const [marketingCode,setMarketingCode] = useState('')
-  const [isPublish,setIsPublish] = useState(false)
+  const [institutionId, setInstitutionId] = useState()
+  const [marketingCode, setMarketingCode] = useState('')
+  const [isPublish, setIsPublish] = useState(false)
   const target = { id, type: 'building' }
 
   return (
     <Card>
       <Tabs defaultActiveKey="1">
         <TabPane tab="基础信息" key="1">
-          <div className={styles['tab-wrapper']} style={{maxWidth: 1000}}>
-            <Basic {...props}  setMarketingCode={(e)=>setMarketingCode(e)} institutionIdChange={(e)=>setInstitutionId(e)} isPublish={isPublish} setIsPublish={(e)=>setIsPublish(e)}/>
+          <div className={styles['tab-wrapper']} style={{ maxWidth: 1000 }}>
+            <Basic {...props} setMarketingCode={(e) => setMarketingCode(e)} institutionIdChange={(e) => setInstitutionId(e)} isPublish={isPublish} setIsPublish={(e) => setIsPublish(e)} />
           </div>
         </TabPane>
         <TabPane tab="户型设置" key="2">
           <div className={styles['tab-wrapper']}>
-            <Apartment {...props} isPublish={isPublish}/>
+            <Apartment {...props} isPublish={isPublish} />
           </div>
         </TabPane>
         <TabPane tab="项目相册" key="3">
           <div className={styles['tab-wrapper']}>
-            <AlbumList {...props} isPublish={isPublish}/>
+            <AlbumList {...props} isPublish={isPublish} />
           </div>
         </TabPane>
         <TabPane tab="全景照片" key="4">
         </TabPane>
         <TabPane tab="项目动态" key="8">
           <div className={styles['tab-wrapper']}>
-            <News {...props} isPublish={isPublish}/>
+            <News {...props} isPublish={isPublish} />
           </div>
         </TabPane>
         <TabPane tab="特价房源" key="9">
           <div className={styles['tab-wrapper']}>
-            <SpecialRoom {...props} isPublish={isPublish}/>
+            <SpecialRoom {...props} isPublish={isPublish} />
           </div>
         </TabPane>
         <TabPane tab="渠道设置" key="7">
-          <div className={styles['tab-wrapper']} style={{maxWidth: '800px'}}>
-            <Channel {...props} institutionId={institutionId} isPublish={isPublish}/>
+          <div className={styles['tab-wrapper']} style={{ maxWidth: '800px' }}>
+            <Channel {...props} institutionId={institutionId} isPublish={isPublish} />
           </div>
         </TabPane>
         <TabPane tab="驻场设置" key="10">
-          <div className={styles['tab-wrapper']} style={{maxWidth: '1200px'}}>
-            <OnSiteService {...props} marketingCode={marketingCode} isPublish={isPublish}/>
+          <div className={styles['tab-wrapper']} style={{ maxWidth: '1200px' }}>
+            <OnSiteService {...props} marketingCode={marketingCode} isPublish={isPublish} />
           </div>
         </TabPane>
         <TabPane tab="海报图片" key="5">
-          <Poster target={target} rights="building.poster.save" {...props} submitBtn={!isPublish}  />
+          <Poster target={target} rights="building.poster.save" {...props} submitBtn={!isPublish} />
         </TabPane>
         <TabPane tab="分享设置" key="6">
-          <div className={styles['tab-wrapper']} style={{maxWidth: '800px'}}>
+          <div className={styles['tab-wrapper']} style={{ maxWidth: '800px' }}>
             <Share target={target} rights="building.share.save" {...props} submitBtn={!isPublish} />
           </div>
         </TabPane>