事件图片库样式优化

src/pages/bsmanager/workOrder/incident/PreviewModal.jsx

@@ -5,7 +5,7 @@
 /* eslint-disable prefer-template */
 /* eslint-disable react/jsx-boolean-value */
 import React, { useState, useEffect } from 'react';
-import { Modal, Collapse, notification, Upload, Input, Empty } from 'antd';
+import { Modal, Collapse, notification, Upload, Input, Empty, Tooltip } from 'antd';
 import { GetImageOrderByFile, GetImageOrderByPath } from '@/services/integratedLogin/api';
 import classnames from 'classnames';
 import styles from './PreviewModal.less';
@@ -199,8 +199,24 @@ const PreviewModal = props => {
                             setChooseItem(k.value);
                           }}
                         />
-                        <div style={{ textAlign: 'center' }}>
-                          <p>{k.text}</p>
+                        <div
+                          style={{
+                            textAlign: 'center',
+                            width: '100px',
+                          }}
+                        >
+                          <Tooltip title={k.text}>
+                            <p
+                              style={{
+                                height: '22px',
+                                overflow: 'hidden',
+                                whiteSpace: 'nowrap',
+                                textOverflow: 'ellipsis',
+                              }}
+                            >
+                              {k.text}
+                            </p>
+                          </Tooltip>
                         </div>
                       </div>
                     );

src/pages/bsmanager/workOrder/incident/PreviewModal.less

@@ -2,21 +2,24 @@
   display: inline-block;
   margin-left: 30px;
   margin-bottom: 30px;
-  // width: 80px;
+  width: 100px;
 }
 .imgItem {
   border: 3px solid rgb(24, 144, 255);
   box-sizing: border-box;
   border-radius: 5px;
   display: inline-block;
+  margin-left: 10px;
   background-color: #2881a1;
 }
 .imgHidden {
+  margin-left: 10px;
   border: none;
   display: inline-block;
   background-color: #2881a1;
 }
 .imgHidden:hover {
+  margin-left: 10px;
   border: 3px solid rgb(24, 144, 255);
   box-sizing: border-box;
   border-radius: 5px;

src/pages/platformCenter/gis/schemeConfig/TileConfig/TileConfig.jsx

@@ -54,13 +54,13 @@ const TileData = props => {
       key: 'type',
       align: 'center',
     },
-    {
-      title: '透明度',
-      dataIndex: 'alpha',
-      key: 'alpha',
-      align: 'center',
-      render: (text, record) => <span>{`${(text * 100).toFixed()}%`}</span>,
-    },
+    // {
+    //   title: '透明度',
+    //   dataIndex: 'alpha',
+    //   key: 'alpha',
+    //   align: 'center',
+    //   render: (text, record) => <span>{`${(text * 100).toFixed()}%`}</span>,
+    // },
     {
       title: '编辑',
       align: 'center',
@@ -130,7 +130,7 @@ const TileData = props => {
     const { servicename = '' } = record;
     setTreeLoading(true);
     deleteConfig({
-      servicename: servicename,
+      servicename,
       terminalType: 'base',
       isBaseMap: true,
     })
@@ -282,19 +282,17 @@ const TileData = props => {
             transitionDuration=".5"
           > */}
             {cardData && cardData.length ? (
-              cardData.map((item, index) => {
-                return (
-                  <div
-                    className={styles.cardItem}
-                    key={index}
-                    span={5}
-                    offset={2}
-                    style={{ marginBottom: '1rem' }}
-                  >
-                    <Cards item={item} deletebaseMaps={onDeletebaseMap} cardData={cardData} />
-                  </div>
-                );
-              })
+              cardData.map((item, index) => (
+                <div
+                  className={styles.cardItem}
+                  key={index}
+                  span={5}
+                  offset={2}
+                  style={{ marginBottom: '1rem' }}
+                >
+                  <Cards item={item} deletebaseMaps={onDeletebaseMap} cardData={cardData} />
+                </div>
+              ))
             ) : (
               <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} style={{ margin: 'auto' }} />
             )}

src/pages/platformCenter/gis/schemeConfig/projectMessage/components/card.jsx

@@ -70,7 +70,7 @@ const CardData = props => {
         }
       });
     } else {
-      message.error('方案至少需要一张底图');
+      message.warning('方案至少需要一张底图');
     }
   };
   // 删除方案