feat:新源集成登录

src/pages/bootpage/template/constants.js

@@ -17,6 +17,7 @@ import MilePage from './project/mile';
 import DongyingPage from './project/dongying';
 import QinzhouPage from './project/qinzhou';
 import JianshiPage from './project/jianshi';
+import XinyuanPage from './project/xinyuan';
 import IntegrationNewPage from './integrationNew';
 export const guidePage = [
   // type 为true 则需要 功能配置 isPanda 为true
@@ -75,6 +76,11 @@ export const guidePage = [
     value: 'jianshiPage',
     previewSrc: require('@/assets/images/integration/previewImg/建始.png'),
   },
+  {
+    label: '新源集成登录',
+    value: 'xinyuanPage',
+    previewSrc: require('@/assets/images/integration/previewImg/新源.png'),
+  },
   {
     label: '演示环境(旧版)',
     type: true,
@@ -100,4 +106,5 @@ export const BootPageTemplate = {
   dongyingPage: DongyingPage,
   qinzhouPage: QinzhouPage,
   jianshiPage: JianshiPage,
+  xinyuanPage: XinyuanPage,
 };

src/pages/bootpage/template/project/xinyuan/components/imgImport.js

+/* eslint-disable prettier/prettier */
+/*
+ * @Title: 图片引用，import引用的图片 打包时不会丢失
+ * @Author: hongmye
+ * @Date: 2024-11-21 11:43:45
+ */
+import bg1 from '@/assets/images/integration/xinyuan/bg1.jpg';
+
+import 中西部乡镇供水工程 from '@/assets/images/integration/xinyuan/中西部乡镇供水工程.png';
+import 东部乡镇供水工程 from '@/assets/images/integration/xinyuan/东部乡镇供水工程.png';
+import 城区供水工程 from '@/assets/images/integration/xinyuan/城区供水工程.png';
+import 乡镇供水tip from '@/assets/images/integration/xinyuan/乡镇供水tip.png';
+import 城区供水tip from '@/assets/images/integration/xinyuan/城区供水tip.png';
+import 乡镇供水 from '@/assets/images/integration/xinyuan/乡镇供水.png';
+import 城区供水 from '@/assets/images/integration/xinyuan/城区供水.png';
+
+export const imgMap = {
+  bg1,
+  中西部乡镇供水工程,
+  东部乡镇供水工程,
+  城区供水工程,
+  乡镇供水tip,
+  城区供水tip,
+  乡镇供水,
+  城区供水,
+};

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

+/* eslint-disable prettier/prettier */
+/*
+ * @Title: 新源集成登录页
+ * @Author: hongmye
+ * @Date: 2024-12-27 14:22:22
+ */
+import React, { useEffect, useMemo, useState, useRef } from 'react';
+import { Empty, Spin, notification } from 'antd';
+import { appService } from '@/api';
+import Cookies from 'js-cookie';
+import _ from 'lodash';
+import { useHistory, useAliveController } from '@wisdom-utils/runtime';
+import { connect } from 'react-redux';
+import { actionCreators } from '@/containers/App/store';
+import { SERVICE_INTERFACE_SUCCESS_CODE } from '@/constants'; // 系统配置项名称
+import classNames from 'classnames';
+import styles from './index.less';
+import { imgMap } from './components/imgImport';
+const IntegrationXinyuan = props => {
+  const [info, setInfo] = useState({
+    first: true,
+    loading: true,
+    error: false,
+  });
+  const { clear } = useAliveController();
+  const history = useHistory();
+  const [template, setTemplate] = useState(window?.globalConfig?.displayMode || 'default');
+
+  useEffect(() => {
+    // const tk = Cookies.get('token') || props.global.token;
+    // const isLogin = tk !== null && tk !== 'undefined' && tk !== void 0;
+    // let client = sessionStorage.getItem('client') || props?.global?.client || null;
+    // client = client !== 'undefined' && !_.isNull(client) && !_.isUndefined(client) ? client : 'city';
+    // const generateType = props.global?.get?.('generateType') || null;
+    // if (!isLogin) {
+    //   history.push(`/user/login?client=${client}${generateType || ''}`, { reload: true });
+    //   clear();
+    //   props.logout();
+    // }
+  }, [props]);
+  useEffect(() => {
+    // appService
+    //   .GetIntegratedloginSetting({
+    //     ignoreSite: true,
+    //   })
+    //   .then(res => {
+    //     const { code, data } = res;
+    //     if (code !== SERVICE_INTERFACE_SUCCESS_CODE) {
+    //       notification.error({ message: '提示', duration: 3, description: '系统引导页配置错误' });
+    //       setInfo({ first: false, loading: false, error: true });
+    //       return;
+    //     }
+    //     let displayMode = data?.displayMode || 'default';
+    //     if (displayMode === '卡片' || displayMode === '地图') {
+    //       displayMode = 'default';
+    //     }
+    //     props.updateIntegratedConfig(data || '');
+    //     setTemplate(displayMode);
+    //     setInfo({ first: false, loading: false, error: false });
+    //   })
+    //   .catch(err => {
+    //     setInfo({ first: false, loading: false, error: true });
+    //     props.updateIntegratedConfig('');
+    //   });
+  }, []);
+
+  return (
+    <div className={styles.integrationXinyuan}>
+      <div className={styles.home_page}>
+        <div className={classNames(styles.tip1, styles.xinyuan_btn)}>
+          <img src={imgMap['中西部乡镇供水工程']} alt="" />
+        </div>
+        <div className={classNames(styles.tip2, styles.xinyuan_btn)}>
+          <img src={imgMap['城区供水工程']} alt="" />
+        </div>
+        <div className={classNames(styles.tip3)}>
+          <img src={imgMap['东部乡镇供水工程']} alt="" />
+        </div>
+        <div className={classNames(styles.tip4)}>
+          <div className={classNames(styles.tip_title)}>水利局-乡镇供水</div>
+          <img src={imgMap['乡镇供水']} alt="" />
+          <div className={classNames(styles.tip_content)}>
+            新源县水利局成立于1964年，至今已有58年历史。合同内增加两座水厂，一座日供水3.5万立方米(第十标段建设)，一座日供水5万立方米(援疆项目资金两座新水厂建设位置紧挨现有新源县老水厂，调度大楼在3.5w立方米水厂。
+          </div>
+        </div>
+        <div className={classNames(styles.tip5)}>
+          <div className={classNames(styles.tip_title)}>源益水暖-城区供水</div>
+          <img src={imgMap['城区供水']} alt="" />
+          <div className={classNames(styles.tip_content)}>
+            新源县水利局成立于1964年，至今已有58年历史。合同内增加两座水厂，一座日供水3.5万立方米(第十标段建设)，一座日供水5万立方米(援疆项目资金两座新水厂建设位置紧挨现有新源县老水厂，调度大楼在3.5w立方米水厂。{' '}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+const mapStateToProps = state => ({
+  global: state.getIn(['global', 'globalConfig']),
+  instance: state.getIn(['global', 'instance']),
+});
+const mapDispatchToProps = dispatch => ({
+  logout() {
+    dispatch(actionCreators.logout());
+  },
+  updateIntegratedConfig(data) {
+    dispatch(actionCreators.updateIntegratedConfig(data));
+  },
+});
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps,
+)(IntegrationXinyuan);

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

+@imgSrc: '@/assets/images/integration/xinyuan/';
+
+.integrationXinyuan {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    overflow: hidden;
+    background: rgb(15, 61, 48);
+
+    .home_page {
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        position: relative;
+        overflow: hidden;
+        background: url('@{imgSrc}/bg1.jpg') center center no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .xinyuan_btn {
+        cursor: pointer;
+    }
+
+    .xinyuan_btn:active {
+        opacity: 0.8;
+    }
+
+    .home_page {
+        .tip1 {
+            position: absolute;
+            left: calc(50% - 724px);
+            top: 63px;
+            transition: all 0.3s ease-in-out;
+
+
+        }
+
+        .tip1:hover {
+            transform: translateY(-10px);
+        }
+
+        .tip2 {
+            position: absolute;
+            left: calc(50% - 247px);
+            top: 110px;
+            transition: all 0.3s ease-in-out;
+
+
+        }
+
+        .tip2:hover {
+            transform: translateY(-10px);
+        }
+
+        .tip3 {
+            position: absolute;
+            left: calc(50% + 233px);
+            top: 61px;
+            cursor: not-allowed;
+
+        }
+
+        .tip4 {
+            position: absolute;
+            left: 128px;
+            top: 548px;
+            width: 612px;
+            height: 307px;
+            background: url('@{imgSrc}/乡镇供水tip.png') center center no-repeat;
+            background-size: 100% 100%;
+            color: #fff;
+
+            .tip_title {
+                position: absolute;
+                left: 28px;
+                top: 70px;
+                font-weight: bold;
+                font-size: 18px;
+                line-height: 1;
+            }
+
+            img {
+                position: absolute;
+                left: 24px;
+                top: 104px;
+                width: 217px;
+                height: 169px;
+            }
+
+            .tip_content {
+                position: absolute;
+                left: 251px;
+                top: 102px;
+                width: 195px;
+                font-weight: 400;
+                font-size: 14px;
+            }
+        }
+
+        .tip5 {
+            position: absolute;
+            left: 846px;
+            top: 216px;
+            width: 930px;
+            height: 302px;
+            background: url('@{imgSrc}/城区供水tip.png') center center no-repeat;
+            background-size: 100% 100%;
+            color: #fff;
+
+            .tip_title {
+                position: absolute;
+                left: 482px;
+                top: 15px;
+                font-weight: bold;
+                font-size: 18px;
+                line-height: 1;
+            }
+
+            img {
+                position: absolute;
+                left: 479px;
+                top: 47px;
+                width: 217px;
+                height: 169px;
+            }
+
+            .tip_content {
+                position: absolute;
+                left: 705px;
+                top: 47px;
+                width: 195px;
+                font-weight: 400;
+                font-size: 14px;
+            }
+        }
+    }
+
+}
\ No newline at end of file