ike-weblca-html 1.0.7 → 1.0.9

package/dist/my-package.js.LICENSE.txt

@@ -0,0 +1,21 @@
+/*! js-cookie v3.0.5 | MIT */
+
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "ike-weblca-html",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "weblca-html-header&footer",
-  "main": "index.ts",
+  "main": "src/index.js",
   "scripts": {
+    "build": "webpack",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "author": "yzp",
@@ -14,6 +15,14 @@
     "lit-element": "^3.3.2",
     "lit-html": "^2.7.5",
     "lodash-es": "^4.17.21",
-    "npm": "^9.8.0"
+    "npm": "^9.8.0",
+    "js-cookie": "^3.0.1",
+    "webpack": "^5.88.2"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.22.9",
+    "@babel/preset-env": "^7.22.9",
+    "babel-loader": "^9.1.3",
+    "webpack-cli": "^5.1.4"
   }
 }

package/{IkeWebFooter.ts → src/IkeWebFooter.js}

@@ -11,7 +11,8 @@ export class IkeWebFooter extends LitElement {
         align-items: center;
         flex-direction: column;
       }
-      .plate-footer-ent{
+
+      .plate-footer-ent {
         padding: 0;
         height: 327px;
         width: 100%;
@@ -28,13 +29,15 @@ export class IkeWebFooter extends LitElement {
         background: #03261A;
         line-height: 38px;
       }
-      .footer-min{
+
+      .footer-min {
         width: 100%;
         height: 38px;
         text-align: center;
         background: #F3F3F3;
         line-height: 38px;
       }
+
       .footer-min span {
         height: 14px;
         font-size: 12px;
@@ -59,7 +62,8 @@ export class IkeWebFooter extends LitElement {
         background: url("http://ike-web.oss-cn-hangzhou.aliyuncs.com/bg.png");
 
       }
-      .footer1-box-ent{
+
+      .footer1-box-ent {
         width: 100%;
         height: 289px;
         justify-content: space-around;
@@ -68,12 +72,12 @@ export class IkeWebFooter extends LitElement {
         display: flex;
       }
 
-      .box-b-a,.box-b-a-ent {
+      .box-b-a, .box-b-a-ent {
         display: flex;
         align-items: center;
       }
 
-      .box-b-a img,.box-b-a-ent img {
+      .box-b-a img, .box-b-a-ent img {
         width: 20px;
         height: 20px;
         margin-right: 10px;
@@ -88,6 +92,7 @@ export class IkeWebFooter extends LitElement {
         color: #c1c1c1;
         line-height: 20px;
       }
+
       .box-b-a-ent span {
         margin: 12px 0;
         height: 18px;
@@ -97,13 +102,14 @@ export class IkeWebFooter extends LitElement {
         color: #272727;
         line-height: 20px;
       }
-      .box-b-b,.box-b-b-ent {
+
+      .box-b-b, .box-b-b-ent {
         display: flex;
         align-items: center;
         padding: 6px 0;
       }
 
-      .box-b-b img,.box-b-b-ent img {
+      .box-b-b img, .box-b-b-ent img {
         width: 20px;
         height: 20px;
         margin-right: 10px;
@@ -117,7 +123,8 @@ export class IkeWebFooter extends LitElement {
         color: #c0c0c0;
         line-height: 20px;
       }
-      box-b-b-ent span{
+
+      box-b-b-ent span {
         display: block;
         font-size: 14px;
         font-family: Microsoft YaHei;
@@ -125,6 +132,7 @@ export class IkeWebFooter extends LitElement {
         line-height: 20px;
         color: #272727 !important;
       }
+
       .box-c-b {
         height: 17px;
         font-size: 18px;
@@ -192,51 +200,12 @@ export class IkeWebFooter extends LitElement {
       }
     `;
     // @ts-ignore
-    @property({type: String}) identification = window.location.hostname.split('.')[0]
-
-    @property() data = []; // 创建用于存储 Ajax 数据的属性
-    @property() personalizedConfigJson = {}; // 创建用于存储 Ajax 数据的属性
-    private logo: any;
-    static get properties(){
-        return {
-            logo: String,
-            orgContacts: String,
-        };
-    }
-    // 在 connectedCallback 中发起 Ajax 请求
-    connectedCallback() {
-
-        super.connectedCallback();
-        this.fetchData();
-    }
-
-    async fetchData() {
-        try {
-            const response = await fetch('https://backsite.efootprint.net/Gpm/webLcaOrganization/GetOrganizationByDomain'); // 替换为实际的 API 地址
-            const jsonData = await response.json();
-            let data = jsonData.data; // 将获取到的数据保存到 data 属性中
-            if(data?.personalizedConfigJson){
-                this.personalizedConfigJson = JSON.parse(data.personalizedConfigJson);
-            }
-            console.log('this.data.data.personalizedConfigJson',this.personalizedConfigJson)
-            this.logo = this.personalizedConfigJson?.logo;
-            this.orgContacts = this.personalizedConfigJson?.orgContacts;
-            this.name = this.personalizedConfigJson?.institution?.name;
-            this.email = this.personalizedConfigJson?.orgEmail;
-            this.phone = this.personalizedConfigJson?.orgPhone
-            this.address = this.personalizedConfigJson?.orgAddress;
-            this.followUrl = this.personalizedConfigJson?.followUrl;
-
-            setTimeout(()=>this.requestUpdate(),1000)
-
-            // this.requestUpdate(); // 更新组件以触发重新渲染
-        } catch (error) {
-            console.error('Error fetching data:', error);
-        }
-    }
-
+    identification = window.location.hostname.split('.')[0]
 
-    @property() plat = html`
+    data = []; // 创建用于存储 Ajax 数据的属性
+    personalizedConfigJson = {}; // 创建用于存储 Ajax 数据的属性
+    logo = null;
+    plat = html`
         <div class="plate-footer" id="box-id">
             <div class="footer1-box flex">
                 <div class="box-a">
@@ -278,55 +247,89 @@ export class IkeWebFooter extends LitElement {
             </span>
             </div>
         </div>`
+
+    // 在 connectedCallback 中发起 Ajax 请求
+    connectedCallback() {
+
+        super.connectedCallback();
+        this.fetchData();
+    }
+
+    async fetchData() {
+        try {
+            const response = await fetch('https://backsite.efootprint.net/Gpm/webLcaOrganization/GetOrganizationByDomain'); // 替换为实际的 API 地址
+            const jsonData = await response.json();
+            let data = jsonData.data; // 将获取到的数据保存到 data 属性中
+            if (data?.personalizedConfigJson) {
+                this.personalizedConfigJson = JSON.parse(data.personalizedConfigJson);
+            }
+            console.log('this.data.data.personalizedConfigJson', this.personalizedConfigJson)
+            this.logo = this.personalizedConfigJson?.logo;
+            this.orgContacts = this.personalizedConfigJson?.orgContacts;
+            this.name = this.personalizedConfigJson?.institution?.name;
+            this.email = this.personalizedConfigJson?.orgEmail;
+            this.phone = this.personalizedConfigJson?.orgPhone
+            this.address = this.personalizedConfigJson?.orgAddress;
+            this.followUrl = this.personalizedConfigJson?.followUrl;
+
+            setTimeout(() => this.requestUpdate(), 1000)
+
+            // this.requestUpdate(); // 更新组件以触发重新渲染
+        } catch (error) {
+            console.error('Error fetching data:', error);
+        }
+    }
+
     // @property() ent =
 
-    protected render() {
-        return html`${this.identification === 'www'  ?
-            this.plat
-            :
-            html` <div class="plate-footer-ent" id="box-id">
-        <div class="footer1-box-ent flex">
-            <div class="box-a" style="display: flex;align-items: center">
-                <img src="${this.logo}" alt=""> <span style="margin-left: 12px;color: #373737;font-weight: 600">${this.name}</span>
-            </div>
-            <div class="flex flex-clon box-b">
-                <div class="box-c-b"><span style="color: #272727;border-bottom: 3px solid #272727">联系我们</span></div>
-                <div>
-                    <div class="box-b-a-ent">
-                        <img src="https://ike-web.oss-cn-hangzhou.aliyuncs.com/index_icon_people_normal.png" alt="">
-                        <span>${this.orgContacts}</span>
-                    </div>
-                    <div class=" box-b-b-ent">
-                        <img src="http://ike-web.oss-cn-hangzhou.aliyuncs.com/tel.png" alt="">
-                        <span>${this.phone}</span>
+    render() {
+        return html`${(this.identification === 'www'  || this.identification === '192')? this.plat : html`
+            <div class="plate-footer-ent" id="box-id">
+                <div class="footer1-box-ent flex">
+                    <div class="box-a" style="display: flex;align-items: center">
+                        <img src="${this.logo}" alt=""> <span style="margin-left: 12px;color: #373737;font-weight: 600">${this.name}</span>
                     </div>
-                    <div class=" box-b-b-ent">
-                        <img src="http://ike-web.oss-cn-hangzhou.aliyuncs.com/e-mail.png" alt="">
-                        <span>${this.email}</span>
+                    <div class="flex flex-clon box-b">
+                        <div class="box-c-b"><span
+                                style="color: #272727;border-bottom: 3px solid #272727">联系我们</span></div>
+                        <div>
+                            <div class="box-b-a-ent">
+                                <img src="https://ike-web.oss-cn-hangzhou.aliyuncs.com/index_icon_people_normal.png"
+                                     alt="">
+                                <span>${this.orgContacts}</span>
+                            </div>
+                            <div class=" box-b-b-ent">
+                                <img src="http://ike-web.oss-cn-hangzhou.aliyuncs.com/tel.png" alt="">
+                                <span>${this.phone}</span>
+                            </div>
+                            <div class=" box-b-b-ent">
+                                <img src="http://ike-web.oss-cn-hangzhou.aliyuncs.com/e-mail.png" alt="">
+                                <span>${this.email}</span>
+                            </div>
+                            <div class=" box-b-b-ent">
+                                <img src="https://ike-web.oss-cn-hangzhou.aliyuncs.com/index_icon_address_normal.png"
+                                     alt="">
+                                <span>${this.address}</span>
+                            </div>
+                        </div>
                     </div>
-                    <div class=" box-b-b-ent">
-                        <img src="https://ike-web.oss-cn-hangzhou.aliyuncs.com/index_icon_address_normal.png"
-                             alt="">
-                        <span>${this.address}</span>
+                    <div class="box-c">
+                        <div class="box-c-b"><span
+                                style="color: #272727;border-bottom: 3px solid #272727">关注我们</span></div>
+                        <div class="box-c-a flex flex-clon">
+                            ${this.followUrl ? html`<img src="${this.followUrl}" alt="">` : html`<img
+                                    src="https://ike-web.oss-cn-hangzhou.aliyuncs.com/QR.png" alt="">`}
+
+                            <span>WebLCA公众号</span>
+                        </div>
                     </div>
                 </div>
-            </div>
-            <div class="box-c">
-                <div class="box-c-b"><span style="color: #272727;border-bottom: 3px solid #272727">关注我们</span></div>
-                <div class="box-c-a flex flex-clon">
-                    ${this.followUrl ? html`<img src="${this.followUrl}" alt="">` : html`<img src="https://ike-web.oss-cn-hangzhou.aliyuncs.com/QR.png" alt="">` }
-                    
-                    <span>WebLCA公众号</span>
-                </div>
-            </div>
-        </div>
-        <div class="footer-min-ent">
+                <div class="footer-min-ent">
             <span>
                 © WebLCA开放平台  |  蜀ICP备08100730号-1  |  技术支持：亿科环境
             </span>
-        </div>
-    </div>`
-        }`;
+                </div>
+            </div>`}`;
     }
 }
 

package/{IkeWebHeader.ts → src/IkeWebHeader.js}

@@ -1,6 +1,10 @@
 import {css, html, LitElement} from 'lit-element';
 import {property} from "lodash-es";
 
+
+
+
+
 export class IkeWebHeader extends LitElement {
     static styles = css`
       .ike-web-header {
@@ -57,11 +61,10 @@ export class IkeWebHeader extends LitElement {
         align-items: center;
       }
     `;
-    // @ts-ignore
-    @property({type: String}) status = window.location.hostname.split('.')[0]
+    status = window.location.hostname.split('.')[0]
 
     // 在 connectedCallback 中发起 Ajax 请求
-    @property({type: Array}) data = []
+    data = []
 
     connectedCallback() {
 
@@ -86,55 +89,56 @@ export class IkeWebHeader extends LitElement {
         }
     }
 
-    protected render() {
+    render() {
         return html`
             <div class="ike-web-header"
-                 style="background: ${this.status === 'www' ? 'var(--ike-web-header-bg,#063223)' : 'var(--ike-web-header-bg,#FFFFFF)'}">
+                 style="
+                 background: ${(this.status === 'www' || this.status === '192') ? 'var(--ike-web-header-bg,#063223)' : 'var(--ike-web-header-bg,#FFFFFF)'}; color: ${(this.status === 'www' || this.status === '192') ? 'var(--ike-web-header-bg,#fff)' : 'var(--ike-web-header-bg,#063223)'}">
                 <img src="https://ike-web.oss-cn-hangzhou.aliyuncs.com/WebLCA_logo.png" class="iwh-url" alt="">
 
                 <div class="iwh-right">
                     <div class="header-list flex align-center">
                         <div class="el-menu-demo">
                             <div class="menu-item"
-                                 style="color: ${this.status === 'www' ? 'var(--ike-web-header-text-color,#fff)' : 'var(--ike-web-header-text-color,#373737)'}"
+                                 style="color: ${(this.status === 'www' || this.status === '192' )? 'var(--ike-web-header-text-color,#fff)' : 'var(--ike-web-header-text-color,#373737)'}"
                                  @click="${this._routerPush}" data-url="https://www.weblca.net/home">首页
                             </div>
                             <div class="menu-item "
-                                 style=" position: relative;color: ${this.status === 'www' ? 'var(--ike-web-header-text-color,#fff)' : 'var(--ike-web-header-text-color,#373737)'}"
+                                 style=" position: relative;color: ${(this.status === 'www' || this.status === '192' )? 'var(--ike-web-header-text-color,#fff)' : 'var(--ike-web-header-text-color,#373737)'}"
                                  @click="${this._routerPush}" data-url="https://www.weblca.net/database">
-                                ${this.status === 'www' ? html`<img class="posi"
-                                                                    src="https://ike-web.oss-cn-hangzhou.aliyuncs.com/HOT.png"
-                                                                    alt="">` : ''}
+                                ${(this.status === 'www' || this.status === '192' )? html`<img class="posi"
+                                                                                               src="https://ike-web.oss-cn-hangzhou.aliyuncs.com/HOT.png"
+                                                                                               alt="">` : ''}
                                 数据库
                             </div>
                             ${this.data.includes('ef') ? html`<div class="menu-item"
-                                                                   style="color: ${this.status === 'www' ? 'var(--ike-web-header-text-color,#fff)' : 'var(--ike-web-header-text-color,#373737)'}"
+                                                                   style="color: ${(this.status === 'www' || this.status === '192' )? 'var(--ike-web-header-text-color,#fff)' : 'var(--ike-web-header-text-color,#373737)'}"
                                                                    @click="${this._routerPush}" data-url="https://www.efootprint.net">eFootprint
                             </div>` : '' }
                             ${this.data.includes('scope') ? html`<div class="menu-item"
-                                                                      style="color: ${this.status === 'www' ? 'var(--ike-web-header-text-color,#fff)' : 'var(--ike-web-header-text-color,#373737)'}"
+                                                                      style="color: ${(this.status === 'www' || this.status === '192' )? 'var(--ike-web-header-text-color,#fff)' : 'var(--ike-web-header-text-color,#373737)'}"
                                                                       @click="${this._routerPush}" data-url="https://www.webcarbon.net">CarbonZero
                             </div>` : ''}
                             ${this.data.includes('GPM') ? html`<div class="menu-item"
-                                                                      style="color: ${this.status === 'www' ? 'var(--ike-web-header-text-color,#fff)' : 'var(--ike-web-header-text-color,#373737)'}"
-                                                                      v-if="status!=='tibd'" @click="${this._routerPush}" data-url="https://www.webgpm.net">
+                                                                    style="color: ${(this.status === 'www' || this.status === '192' )? 'var(--ike-web-header-text-color,#fff)' : 'var(--ike-web-header-text-color,#373737)'}"
+                                                                    v-if="status!=='tibd'" @click="${this._routerPush}" data-url="https://www.webgpm.net">
                                 GPM
                             </div>` : ''}
                             ${ ( this.status!=='tibd' && this.status!=='tqc') ? html`<div class="menu-item"
-                                                                                          style="color: ${this.status === 'www' ? 'var(--ike-web-header-text-color,#fff)' : 'var(--ike-web-header-text-color,#373737)'}"
+                                                                                          style="color: ${(this.status === 'www' || this.status === '192' )? 'var(--ike-web-header-text-color,#fff)' : 'var(--ike-web-header-text-color,#373737)'}"
                                                                                           v-if="status!=='tibd' && status!=='tqc'" @click="${this._routerPush}"
                                                                                           data-url="https://online.efootprint.net/contest">
                                 LCA大赛
                             </div>` : ''}
                             ${ ( this.status!=='tibd' && this.status!=='tqc') ? html`<div class="menu-item"
-                                                                                          style="color: ${this.status === 'www' ? 'var(--ike-web-header-text-color,#fff)' : 'var(--ike-web-header-text-color,#373737)'}"
+                                                                                          style="color: ${(this.status === 'www' || this.status === '192' )? 'var(--ike-web-header-text-color,#fff)' : 'var(--ike-web-header-text-color,#373737)'}"
                                                                                           v-if="status!=='tibd' && status!=='tqc'" @click="${this._routerPush}"
                                                                                           data-url="https://online.efootprint.net/training">
                                 专业培训
                             </div>` : ''}
-                            
+
                             <div class="menu-item"
-                                 style="color: ${this.status === 'www' ? 'var(--ike-web-header-text-color,#fff)' : 'var(--ike-web-header-text-color,#373737)'}"
+                                 style="color: ${(this.status === 'www' || this.status === '192' )? 'var(--ike-web-header-text-color,#fff)' : 'var(--ike-web-header-text-color,#373737)'}"
                                  @click="${this._scroll}" data-url="#">联系我们
                             </div>
                             <div class="menu-item">
@@ -148,9 +152,9 @@ export class IkeWebHeader extends LitElement {
             </div>`;
     }
 
-    private _routerPush(e: Event) {
+    _routerPush(e) {
         // @ts-ignore
-        let to: string = e.currentTarget?.getAttribute('data-url');
+        let to = e.currentTarget?.getAttribute('data-url');
         //192,www ,以及 to之中包含online的都不需要替换
         // @ts-ignore
         if (this.status !== '192' && this.status !== 'www' && !to.includes('online')) {
@@ -159,7 +163,7 @@ export class IkeWebHeader extends LitElement {
         window.location.href = to
     }
 
-    private _scroll() {
+    _scroll() {
         let box = document.body
         console.log(box.clientHeight)
         window.scrollTo({

package/src/index.js

@@ -0,0 +1,4 @@
+import "./IkeWebHeader"
+import "./IkeWebFooter"
+
+export {UserAgreementModal} from "./js/UserAgreement"