fix: 建始集成登录改变引用方式

src/pages/bootpage/template/project/jianshi/imgImport.js

+/* eslint-disable prettier/prettier */
+/*
+ * @Title:
+ * @Author: hongmye
+ * @Date: 2024-11-21 11:43:45
+ */
+import titleIcon from '@/assets/images/integration/jianshi/标题.png';
+import 标题bg from '@/assets/images/integration/jianshi/标题bg.png';
+import 水务大数据 from '@/assets/images/integration/jianshi/水务大数据.png';
+
+import 仓储物资系统 from '@/assets/images/integration/jianshi/仓储物资系统.png';
+import 营业收费系统 from '@/assets/images/integration/jianshi/营业收费系统.png';
+import OA办公系统 from '@/assets/images/integration/jianshi/OA办公系统.png';
+import DMA控漏系统 from '@/assets/images/integration/jianshi/DMA控漏系统.png';
+import 管网GIS from '@/assets/images/integration/jianshi/管网GIS.png';
+import 管网采集 from '@/assets/images/integration/jianshi/管网采集.png';
+import GIS数据处理 from '@/assets/images/integration/jianshi/GIS数据处理.png';
+import 水力模型 from '@/assets/images/integration/jianshi/水力模型.png';
+import 厂站网 from '@/assets/images/integration/jianshi/厂站网.png';
+import 业务外勤 from '@/assets/images/integration/jianshi/业务外勤.png';
+import 基础数据平台 from '@/assets/images/integration/jianshi/基础数据平台.png';
+import 统一接入平台 from '@/assets/images/integration/jianshi/统一接入平台.png';
+import 大数据中心 from '@/assets/images/integration/jianshi/大数据中心.png';
+import 运维中心 from '@/assets/images/integration/jianshi/运维中心.png';
+import 信管中心 from '@/assets/images/integration/jianshi/信管中心.png';
+
+export const imgMap = {
+  titleIcon,
+  标题bg,
+  水务大数据,
+  仓储物资系统,
+  营业收费系统,
+  OA办公系统,
+  DMA控漏系统,
+  管网GIS,
+  管网采集,
+  GIS数据处理,
+  水力模型,
+  厂站网,
+  业务外勤,
+  基础数据平台,
+  统一接入平台,
+  大数据中心,
+  运维中心,
+  信管中心,
+};

src/pages/bootpage/template/project/jianshi/index.js

+/* eslint-disable global-require */
 import { appService } from '@/api';
 import { FullscreenExitOutlined, FullscreenOutlined } from '@ant-design/icons';
 import { message, Button } from 'antd';
@@ -18,6 +19,7 @@ import { store } from '@wisdom-utils/utils';
 import LoginAction from '@/pages/user/login/login';
 import { defaultApp } from '@/micro';
 import titleIcon from '@/assets/images/integration/jianshi/标题.png';
+import { imgMap } from './imgImport';
 import useFullScreen from '../../demonstration/components/useFullScreen';
 import styles from './index.less';
 const boxWidth = 1920;
@@ -320,14 +322,22 @@ const IntegrationJianshi = props => {
           transform: `scale(${boxSize.scale}) translate(-50%,-50%)`,
         }}
       >
-        <div className={styles.integrationJianshi_title}>
-          <img src={titleIcon} alt="建始县兴泉供水智慧平台" />
+        <div
+          className={styles.integrationJianshi_title}
+          style={{
+            background: `url(${imgMap['标题bg']}) center/100% 100% no-repeat`,
+          }}
+        >
+          <img src={imgMap.titleIcon} alt="建始县兴泉供水智慧平台" />
         </div>
         <div
           className={classNames(
             styles.integration_row1,
             integrationData['水务大数据驾驶舱'] ? styles.integration_row_col_link : styles.integration_row_col_no,
           )}
+          style={{
+            background: `url(${imgMap['水务大数据']}) center/100% 100% no-repeat`,
+          }}
           onClick={() => onLink(integrationData['水务大数据驾驶舱'], loginAction)}
         />
         <div className={classNames(styles.integration_row2)}>
@@ -338,6 +348,9 @@ const IntegrationJianshi = props => {
             )}
             type="仓储物资系统"
             onClick={() => onLink(integrationData['仓储物资系统'], loginAction)}
+            style={{
+              background: `url(${imgMap['仓储物资系统']}) center/100% 100% no-repeat`,
+            }}
           />
           <div
             className={classNames(
@@ -346,6 +359,9 @@ const IntegrationJianshi = props => {
             )}
             type="营业收费系统"
             onClick={() => onLink(integrationData['营业收费系统'], loginAction)}
+            style={{
+              background: `url(${imgMap['营业收费系统']}) center/100% 100% no-repeat`,
+            }}
           />
           <div
             className={classNames(
@@ -354,6 +370,9 @@ const IntegrationJianshi = props => {
             )}
             type="OA办公系统"
             onClick={() => onLink(integrationData['OA办公系统'], loginAction)}
+            style={{
+              background: `url(${imgMap['OA办公系统']}) center/100% 100% no-repeat`,
+            }}
           />
           <div
             className={classNames(
@@ -362,10 +381,19 @@ const IntegrationJianshi = props => {
             )}
             type="DMA控漏系统"
             onClick={() => onLink(integrationData['DMA控漏系统'], loginAction)}
+            style={{
+              background: `url(${imgMap['DMA控漏系统']}) center/100% 100% no-repeat`,
+            }}
           />
         </div>
         <div className={classNames(styles.integration_row3)}>
-          <div className={styles.integration_box} type="管网GIS">
+          <div
+            className={styles.integration_box}
+            type="管网GIS"
+            style={{
+              background: `url(${imgMap['管网GIS']}) center/100% 100% no-repeat`,
+            }}
+          >
             <div
               className={classNames(
                 styles.integration_cell,
@@ -373,6 +401,9 @@ const IntegrationJianshi = props => {
               )}
               type="管网采集"
               onClick={() => onLink(integrationData['管网采集'], loginAction)}
+              style={{
+                background: `url(${imgMap['管网采集']}) center/100% 100% no-repeat`,
+              }}
             />
             <div
               className={classNames(
@@ -381,6 +412,9 @@ const IntegrationJianshi = props => {
               )}
               type="GIS数据处理"
               onClick={() => onLink(integrationData['GIS数据处理'], loginAction)}
+              style={{
+                background: `url(${imgMap['GIS数据处理']}) center/100% 100% no-repeat`,
+              }}
             />
             <div
               className={classNames(
@@ -389,6 +423,9 @@ const IntegrationJianshi = props => {
               )}
               type="水力模型平台"
               onClick={() => onLink(integrationData['水力模型平台'], loginAction)}
+              style={{
+                background: `url(${imgMap['水力模型']}) center/100% 100% no-repeat`,
+              }}
             />
           </div>
           <div
@@ -398,6 +435,9 @@ const IntegrationJianshi = props => {
             )}
             type="厂站网调度"
             onClick={() => onLink(integrationData['厂站网调度'], loginAction)}
+            style={{
+              background: `url(${imgMap['厂站网']}) center/100% 100% no-repeat`,
+            }}
           />
           <div
             className={classNames(
@@ -406,9 +446,17 @@ const IntegrationJianshi = props => {
             )}
             type="业务外勤"
             onClick={() => onLink(integrationData['业务外勤'], loginAction)}
+            style={{
+              background: `url(${imgMap['业务外勤']}) center/100% 100% no-repeat`,
+            }}
           />
         </div>
-        <div className={classNames(styles.integration_row4)}>
+        <div
+          className={classNames(styles.integration_row4)}
+          style={{
+            background: `url(${imgMap['基础数据平台']}) center/100% 100% no-repeat`,
+          }}
+        >
           <div
             className={classNames(
               styles.integration_cell,
@@ -416,6 +464,9 @@ const IntegrationJianshi = props => {
             )}
             type="统一接入平台"
             onClick={() => onLink(integrationData['统一接入平台'], loginAction)}
+            style={{
+              background: `url(${imgMap['统一接入平台']}) center/100% 100% no-repeat`,
+            }}
           />
           <div
             className={classNames(
@@ -424,6 +475,9 @@ const IntegrationJianshi = props => {
             )}
             type="大数据中心"
             onClick={() => onLink(integrationData['大数据中心'], loginAction)}
+            style={{
+              background: `url(${imgMap['大数据中心']}) center/100% 100% no-repeat`,
+            }}
           />
           <div
             className={classNames(
@@ -432,6 +486,9 @@ const IntegrationJianshi = props => {
             )}
             type="运维中心"
             onClick={() => onLink(integrationData['运维中心'], loginAction)}
+            style={{
+              background: `url(${imgMap['运维中心']}) center/100% 100% no-repeat`,
+            }}
           />
           <div
             className={classNames(
@@ -440,6 +497,9 @@ const IntegrationJianshi = props => {
             )}
             type="信管中心"
             onClick={() => onLink(integrationData['信管中心'], loginAction)}
+            style={{
+              background: `url(${imgMap['信管中心']}) center/100% 100% no-repeat`,
+            }}
           />
         </div>
       </div>

src/pages/bootpage/template/project/jianshi/index.less

@@ -15,8 +15,8 @@
     margin-bottom: 0px;
     width: 1324px;
     height: 75px;
-    background: url('@/assets/images/integration/jianshi/标题bg.png') center center no-repeat;
-    background-size: 100% 100%;
+    // background: url('@/assets/images/integration/jianshi/标题bg.png') center center no-repeat;
+    // background-size: 100% 100%;
   }
 
   .iframeBackIcon {
@@ -121,7 +121,7 @@
   .integration_row1 {
     width: 1275px;
     height: 208px;
-    background: url('@/assets/images/integration/jianshi/水务大数据.png') center/100% 100% no-repeat;
+    // background: url('@/assets/images/integration/jianshi/水务大数据.png') center/100% 100% no-repeat;
   }
 
   .integration_row2 {
@@ -142,7 +142,7 @@
     width: 312px;
     position: relative;
     top: -46px;
-    background: url('@/assets/images/integration/jianshi/仓储物资系统.png') center/100% 100% no-repeat;
+    // background: url('@/assets/images/integration/jianshi/仓储物资系统.png') center/100% 100% no-repeat;
     z-index: 24;
   }
 
@@ -150,7 +150,7 @@
     height: 115px;
     width: 312px;
     position: relative;
-    background: url('@/assets/images/integration/jianshi/营业收费系统.png') center/100% 100% no-repeat;
+    // background: url('@/assets/images/integration/jianshi/营业收费系统.png') center/100% 100% no-repeat;
     z-index: 24;
   }
 
@@ -158,7 +158,7 @@
     height: 115px;
     width: 312px;
     position: relative;
-    background: url('@/assets/images/integration/jianshi/OA办公系统.png') center/100% 100% no-repeat;
+    // background: url('@/assets/images/integration/jianshi/OA办公系统.png') center/100% 100% no-repeat;
     z-index: 24;
   }
 
@@ -167,7 +167,7 @@
     width: 312px;
     position: relative;
     top: -46px;
-    background: url('@/assets/images/integration/jianshi/DMA控漏系统.png') center/100% 100% no-repeat;
+    // background: url('@/assets/images/integration/jianshi/DMA控漏系统.png') center/100% 100% no-repeat;
     z-index: 24;
   }
 
@@ -186,7 +186,7 @@
     width: 388px;
     position: relative;
     top: -40px;
-    background: url('@/assets/images/integration/jianshi/管网GIS.png') center/100% 100% no-repeat;
+    // background: url('@/assets/images/integration/jianshi/管网GIS.png') center/100% 100% no-repeat;
   }
 
   .integration_cell[type='管网采集'] {
@@ -194,7 +194,7 @@
     height: 153px;
     width: 168px;
     position: relative;
-    background: url('@/assets/images/integration/jianshi/管网采集.png') center/100% 100% no-repeat;
+    // background: url('@/assets/images/integration/jianshi/管网采集.png') center/100% 100% no-repeat;
     left: 15px;
     top: 55px;
   }
@@ -205,7 +205,7 @@
     position: absolute;
     height: 149px;
     width: 168px;
-    background: url('@/assets/images/integration/jianshi/GIS数据处理.png') center/100% 100% no-repeat;
+    // background: url('@/assets/images/integration/jianshi/GIS数据处理.png') center/100% 100% no-repeat;
     left: 187px;
     top: 76px;
   }
@@ -214,7 +214,7 @@
     position: absolute;
     height: 190px;
     width: 341px;
-    background: url('@/assets/images/integration/jianshi/水力模型.png') center/100% 100% no-repeat;
+    // background: url('@/assets/images/integration/jianshi/水力模型.png') center/100% 100% no-repeat;
     left: 15px;
     top: 188px;
   }
@@ -223,7 +223,7 @@
     height: 338px;
     width: 501px;
     position: relative;
-    background: url('@/assets/images/integration/jianshi/厂站网.png') center/100% 100% no-repeat;
+    // background: url('@/assets/images/integration/jianshi/厂站网.png') center/100% 100% no-repeat;
   }
 
   .integration_cell[type='业务外勤'] {
@@ -231,14 +231,14 @@
     width: 388px;
     position: relative;
     top: -40px;
-    background: url('@/assets/images/integration/jianshi/业务外勤.png') center/100% 100% no-repeat;
+    // background: url('@/assets/images/integration/jianshi/业务外勤.png') center/100% 100% no-repeat;
   }
 
   .integration_row4 {
     position: absolute;
     height: 374px;
     width: 1447px;
-    background: url('@/assets/images/integration/jianshi/基础数据平台.png') center/100% 100% no-repeat;
+    // background: url('@/assets/images/integration/jianshi/基础数据平台.png') center/100% 100% no-repeat;
     bottom: 10px;
     margin: 0 auto;
     // z-index: 10;
@@ -250,7 +250,7 @@
     position: absolute;
     bottom: 79px;
     left: 102px;
-    background: url('@/assets/images/integration/jianshi/统一接入平台.png') center/100% 100% no-repeat;
+    // background: url('@/assets/images/integration/jianshi/统一接入平台.png') center/100% 100% no-repeat;
   }
 
   .integration_cell[type='大数据中心'] {
@@ -259,7 +259,7 @@
     position: absolute;
     bottom: 55px;
     left: 353px;
-    background: url('@/assets/images/integration/jianshi/大数据中心.png') center/100% 100% no-repeat;
+    // background: url('@/assets/images/integration/jianshi/大数据中心.png') center/100% 100% no-repeat;
   }
 
   .integration_cell[type='运维中心'] {
@@ -268,7 +268,7 @@
     position: absolute;
     bottom: 55px;
     right: 343px;
-    background: url('@/assets/images/integration/jianshi/运维中心.png') center/100% 100% no-repeat;
+    // background: url('@/assets/images/integration/jianshi/运维中心.png') center/100% 100% no-repeat;
   }
 
   .integration_cell[type='信管中心'] {
@@ -277,7 +277,7 @@
     position: absolute;
     bottom: 86px;
     right: 107px;
-    background: url('@/assets/images/integration/jianshi/信管中心.png') center/100% 100% no-repeat;
+    // background: url('@/assets/images/integration/jianshi/信管中心.png') center/100% 100% no-repeat;
     z-index: 24;
   }
 }