优化同步地图组件功能样式

src/pages/productCenter/webConfig/index.jsx

@@ -332,14 +332,20 @@ const WebConfigPage = props => {
           </span>
           <div style={{ display: 'inline-block', float: 'right', marginTop: '-15px' }}>
             <strong style={{ marginRight: '15px' }}>
-              当前网站已存在地图组件数量(
-              <span style={{ color: '#1890ff' }}>{tabPaneItem.existMapComponent}</span>
-              <span>/</span>
-              <span>{tabPaneItem.mapComponent})</span>
+              地图组件数量
+              {tabPaneItem.existMapComponent < 9 ? (
+                <span style={{ color: 'red' }}>{tabPaneItem.existMapComponent}</span>
+              ) : (
+                <span style={{ color: '#1890ff' }}>{tabPaneItem.existMapComponent}</span>
+              )}
+              {/* <span>/</span>
+              <span>{tabPaneItem.mapComponent})</span> */}
             </strong>
-            <Button type="primary" onClick={() => SyncMap(tabPaneItem)}>
-              同步地图组件
-            </Button>
+            {tabPaneItem.existMapComponent < 9 && (
+              <Button type="primary" onClick={() => SyncMap(tabPaneItem)}>
+                同步地图组件
+              </Button>
+            )}
           </div>
           <MenuConfig
             menu={tabPaneItem?.children.find(w => w.menuType === 'Web4MenuRoot')}