Browse Source

DIIA网站制作完成

master
gxwebsoft 1 year ago
parent
commit
9b7d1c9f85
  1. 2
      .env
  2. 4
      .env.development
  3. 14
      src/components/Banner/index.vue
  4. 25
      src/components/Footer/index.vue
  5. 52
      src/components/Header/index.vue
  6. 2
      src/utils/request.ts
  7. 15
      src/views/about/components/detail.vue
  8. 2
      src/views/about/index.vue
  9. 190
      src/views/index/index.vue

2
.env

@ -1,2 +1,2 @@
VITE_API_URL=/api VITE_API_URL=/api
VITE_TENANT_ID=10140
VITE_TENANT_ID=10139

4
.env.development

@ -1,8 +1,8 @@
#VITE_API_URL=https://modules.gxwebsoft.com/api
VITE_API_URL=https://modules.gxwebsoft.com/api
VITE_SOCKET_URL=wss://server.gxwebsoft.com VITE_SOCKET_URL=wss://server.gxwebsoft.com
VITE_SERVER_URL=https://server.gxwebsoft.com/api VITE_SERVER_URL=https://server.gxwebsoft.com/api
VITE_API_URL=http://127.0.0.1:9090/api
#VITE_API_URL=http://127.0.0.1:9090/api
#VITE_SOCKET_URL=ws://localhost:9191 #VITE_SOCKET_URL=ws://localhost:9191
#VITE_API_URL=https://server.gxwebsoft.com/api #VITE_API_URL=https://server.gxwebsoft.com/api
#VITE_SERVER_URL=http://127.0.0.1:9091/api #VITE_SERVER_URL=http://127.0.0.1:9091/api

14
src/components/Banner/index.vue

@ -14,11 +14,11 @@
<template v-for="(item,index) in JSON.parse(form.images)" :key="index"> <template v-for="(item,index) in JSON.parse(form.images)" :key="index">
<div class="ad-item"> <div class="ad-item">
<a-image :preview="false" :src="item.url" width="100vw" /> <a-image :preview="false" :src="item.url" width="100vw" />
<a-space class="ad-text" :size="10" direction="vertical">
<div class="title">{{ form.name }}</div>
<div class="desc">{{ form.comments }}</div>
<div class="btn"><a-button size="large" style="padding: 0 30px" @click="openNew(`${form.path}`)">了解更多</a-button></div>
</a-space>
<!-- <a-space class="ad-text" :size="10" direction="vertical">-->
<!-- <div class="title">{{ form.name }}</div>-->
<!-- <div class="desc">{{ form.comments }}</div>-->
<!-- <div class="btn"><a-button size="large" style="padding: 0 30px" @click="openNew(`${form.path}`)">了解更多</a-button></div>-->
<!-- </a-space>-->
</div> </div>
</template> </template>
</template> </template>
@ -54,7 +54,7 @@ const onChange = () => {
} }
const reload = () => { const reload = () => {
getAd(242).then(data => {
getAd(254).then(data => {
assignFields(data) assignFields(data)
}) })
} }
@ -63,7 +63,7 @@ reload();
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
:deep(.slick-slide) { :deep(.slick-slide) {
height: 380px;
height: 420px;
background: #364d79; background: #364d79;
overflow: hidden; overflow: hidden;
} }

25
src/components/Footer/index.vue

@ -1,17 +1,7 @@
<template> <template>
<a-layout-footer class="footer" v-if="siteInfo"> <a-layout-footer class="footer" v-if="siteInfo">
<div>Copyright ©{{ toDateString(new Date(), 'yyyy') }} {{ siteInfo.websiteName }}<a :href="`http://admin-${siteInfo.tenantId}.gxwebsoft.com`" target="_blank" class="ele-text-placeholder" style="margin-left: 10px;">管理</a></div>
<div>地址{{ siteInfo.address }} </div>
<div>电话{{ siteInfo.phone }}</div>
<div class="link" v-if="links">
友情链接
<a-space>
<template v-for="(item,index) in links" :key="index">
<a :href="item.linkUrl" class="link-text">{{ item.name }}</a>
<a-divider type="vertical" v-if="links.length - 1 != index" style="background-color: #aaaaaa;margin-left: 7px" />
</template>
</a-space>
</div>
<div>Copyright ©{{ toDateString(new Date(), 'yyyy') }} {{ siteInfo.websiteName }}</div>
<div><span v-for="item in siteInfo.fields">{{ item.comments }}</span> <a :href="`http://admin-${siteInfo.tenantId}.gxwebsoft.com`" target="_blank" class="ele-text-placeholder" style="margin-left: 10px; display: none">管理</a> </div>
</a-layout-footer> </a-layout-footer>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@ -38,16 +28,7 @@ reload();
<style scoped lang="less"> <style scoped lang="less">
.footer{ .footer{
text-align: center; text-align: center;
color: #898988; // AAAAAA
color: #898988;
background-color: #2d2d2d; background-color: #2d2d2d;
.link{
margin: 20px;
.link-text{
color: #aaaaaa;
}
.link-text:hover{
color: #f3f3f3;
}
}
} }
</style> </style>

52
src/components/Header/index.vue

@ -1,6 +1,6 @@
<template> <template>
<div class="header" v-if="siteInfo"> <div class="header" v-if="siteInfo">
<div class="logo-bar">
<div class="logo-bar" style="display: none;">
<div class="logo"> <div class="logo">
<a-image :preview="false" :src="siteInfo.websiteLogo" :width="500" /> <a-image :preview="false" :src="siteInfo.websiteLogo" :width="500" />
</div> </div>
@ -100,27 +100,13 @@ const onMove = () => {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
.header{ .header{
background-color: #ffffff;
position: relative; position: relative;
.logo-bar{
height: 100px;
display: flex;
justify-content: space-between;
align-items: center;
width: 1100px;
margin: auto;
.tel{
font-weight: bold;
font-size: 26px;
font-family: Arial, Helvetica, sans-serif;
color: #ff0000;
}
}
.menu{ .menu{
position: absolute;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
height: 50px; height: 50px;
background: linear-gradient(to top, #b7a381, #d2b674);
background: url("https://file.wsdns.cn/20240302/ee0c7d3632c94f2ab31173f82a37874a.png");
.menu-bar{ .menu-bar{
width: 1100px; width: 1100px;
height: 50px; height: 50px;
@ -133,47 +119,19 @@ const onMove = () => {
padding: 0 20px; padding: 0 20px;
font-size: 16px; font-size: 16px;
color: #ffffff; color: #ffffff;
position: relative;
a:link, a:visited{
a:visited,a:link {
color: #ffffff; color: #ffffff;
} }
a:hover{ a:hover{
color: #efca00; color: #efca00;
display: block;
}
.sub-item{
position: absolute;
z-index: 1;
top: 40px;
left: 0;
background-color: #ffffff;
display: flex;
flex-direction: column;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
white-space: nowrap;
padding: 0 8px;
a:link, a:visited{
color: #333333;
}
a:hover{
color: #efca00;
display: block;
} }
} }
.none{
display: none;
}
}
.ant-menu{
display: flex;
justify-content: space-between;
}
} }
} }
} }
.menu-icon{ .menu-icon{
position: absolute; left: 20px; top: 20px; position: absolute; left: 20px; top: 20px;
color: #ff0000;
color: #ffffff;
font-size: 22px; font-size: 22px;
} }
.sub-menu{ .sub-menu{

2
src/utils/request.ts

@ -35,7 +35,7 @@ service.interceptors.request.use(
if(config.headers){ if(config.headers){
config.headers.common['TenantId'] = TENANT_ID; config.headers.common['TenantId'] = TENANT_ID;
// 解析二级域名获取租户ID // 解析二级域名获取租户ID
if(getTenantId() != '0'){
if(getTenantId() != null && getTenantId() != '0'){
config.headers.common['TenantId'] = getTenantId(); config.headers.common['TenantId'] = getTenantId();
} }
} }

15
src/views/about/components/detail.vue

@ -11,7 +11,7 @@
</a-breadcrumb-item> </a-breadcrumb-item>
</a-breadcrumb> </a-breadcrumb>
</div> </div>
<a-card :title="form.name">
<a-card :title="form.name" :bordered="false" hoverable :head-style="{ backgroundColor: '#e0f0fd', color: '#0096FF', fontSize: '24px'}" :style="{ boxShadow: '2px 0px 10px #ccc', marginBottom: '20px'}">
<div v-html="form.content"></div> <div v-html="form.content"></div>
</a-card> </a-card>
</div> </div>
@ -129,4 +129,17 @@ watch(
text-align: center; text-align: center;
padding: 20px; padding: 20px;
} }
.ele-text-secondary{
font-size: 16px;
}
.ele-text-heading{
line-height: 1.6em;
font-size: 16px;
}
.line-height-d5{
p{
line-height: .7;
}
}
</style> </style>

2
src/views/about/index.vue

@ -1,7 +1,7 @@
<template> <template>
<a-layout> <a-layout>
<Header />
<Banner /> <Banner />
<Header />
<a-layout-content> <a-layout-content>
<Detail /> <Detail />
</a-layout-content> </a-layout-content>

190
src/views/index/index.vue

@ -1,12 +1,173 @@
<template> <template>
<a-layout>
<Header />
<a-layout style="background-color: #eff7fe">
<Banner /> <Banner />
<Header />
<a-layout-content> <a-layout-content>
<NewsBody />
<NewsBody2 />
<About />
<NewsBody3 />
<div :style="{ maxWidth: '1180px', margin: 'auto',padding: '20px', minHeight: '280px' }">
<a-card title="Introduction" :bordered="false" hoverable :head-style="{ backgroundColor: '#e0f0fd', color: '#0096FF', fontSize: '24px'}" :style="{ boxShadow: '2px 0px 10px #ccc', marginBottom: '20px'}">
<div class="ele-text-secondary" style="padding-bottom: 20px">November 23-25, Nanning,Guangxi, China</div>
<div class="ele-text-heading">
<p>Data intelligence combines multiple information technologies such as big data, cloud computing, artificial intelligence, and blockchain to process, analyze, and mine valuable information and knowledge from a large amount of data to provide effective data intelligence support for decision-making and applications. The research and development of theory, technology, and application in this field will have a significant and far-reaching impact on the digitalization and intellectualization of various industries.</p>
<p>The 2024 IEEE International Conference on Data Intelligence and Innovative Application (DIIA 2024), hosted by the Guangxi Academy of Sciences and Technical sponsored by the IEEE , will be held in Nanning, Guangxi Zhuang Autonomous Region, China, from November 23 to 25, 2024. The DIIA2024 aims to provide a platform for sharing novel research and ideas in the fields of Data Intelligence and Applications. It will also facilitate the exchange of information between researchers and industry professionals to discuss the latest issues and advancements in related areas. Outstanding scholars from all over the world will conduct Keynote Speeches about the frontier in their research area. The program will cover a wide range of topics to cater to the participants' needs in specific subject areas. All authors are welcome to participate and contribute!</p>
<!-- <p>Please refer to the official website of DIIA 2024 for further detailsabout the agenda, contributions and registration.</p>-->
</div>
</a-card>
<a-card title="Call For Papers" :bordered="false" hoverable :head-style="{ backgroundColor: '#e0f0fd', color: '#0096FF', fontSize: '24px'}" :style="{ boxShadow: '2px 0px 10px #ccc', marginBottom: '20px'}">
<div class="ele-text-secondary" style="padding-bottom: 20px">Topics of interest include, but are not limited to, the following</div>
<div class="ele-text-heading">
<a-row :gutter="16">
<a-col :xl="12" :lg="12" :md="12" :sm="24">
<div class="ele-text-heading" style="padding: 16px 0"><b>Artificial Intelligence</b></div>
<div class="line-height-d5">
<p>a. Machine Learning</p>
<p>b. Deep Learning</p>
<p>c. Neural Network</p>
<p>d. Data Analysis and Data Mining</p>
<p>e. Computer Vision</p>
<p>f. Nature Language Processing</p>
<p>g. Knowledge Graph</p>
<p>h. Expert System</p>
</div>
</a-col>
<a-col :xl="12" :lg="12" :md="12" :sm="24">
<div class="ele-text-heading" style="padding: 16px 0"><b>Big Data</b></div>
<div class="line-height-d5">
<p>a. Big Data Algorithms</p>
<p>b. Big Data Fundamentals</p>
<p>c. Infrastructures for Big Data</p>
<p>d. Big Data Management and Frameworks</p>
<p>e. Big Data Search</p>
<p>f. Big Data Security</p>
<p>g. Big Data Applications</p>
</div>
</a-col>
<a-col :xl="12" :lg="12" :md="12" :sm="24">
<div class="ele-text-heading" style="padding: 16px 0"><b>Blockchain</b></div>
<div class="line-height-d5">
<p>a. Block Chain issues and trends</p>
<p>b. Blockchain Attacks on Existing Systems</p>
<p>c. Blockchain Consensus Algorithms</p>
<p>d. Blockchain Foundations</p>
<p>e. Blockchain New Design</p>
<p>f. Blockchain Privacy</p>
<p>g. Blockchain Scalability</p>
<p>h. Blockchain-based Security</p>
<p>i. Blockchain Applications</p>
</div>
</a-col>
<a-col :xl="12" :lg="12" :md="12" :sm="24">
<div class="ele-text-heading" style="padding: 16px 0"><b>DataIntelligence Application</b></div>
<div class="line-height-d5">
<p>a. Smart Medicine and Comprehensive Health</p>
<p>b. Smart Ocean</p>
<p>c. Smart City</p>
<p>d. Wisdom Education</p>
<p>e. Smart Agriculture</p>
<p>f. Intelligent Manufacturing</p>
<p>g. Smart Logistics</p>
<p>h. Biomedical Informatics</p>
<p>i. Smart Tourism</p>
</div>
</a-col>
<a-col :xl="24" :lg="24" :md="24" :sm="24">
<div class="ele-text-heading" style="padding: 16px 0"><b>Metaverse</b></div>
<div class="line-height-d5">
<p>a. Hardware/Software Architectures for Metaverse</p>
<p>b. Decentralized and Collaborative Architectures for Metaverse</p>
<p>c. Data Security and Privacy Mechanisms for Metaverse</p>
<p>d. Cryptocurrency, Token, NFT Solutions for Metaverse</p>
<p>e. Fraud-Detection in Metaverse</p>
<p>f. Cyber Security for Metaverse</p>
<p>g. Data Analytics to Identify Malicious Behaviors in Metaverse</p>
<p> h. Blockchain/AI Technologies in Metaverse</p>
<p>i. New models to Evaluate the Impact of the Metaverse</p>
<p>j. Interactive Data Exploration and Presentation in Metaverse</p>
<p>k. Emerging Technologies and Applications for Metaverse</p>
</div>
</a-col>
</a-row>
</div>
</a-card>
<a-card title="Important Dates" :bordered="false" hoverable :head-style="{ backgroundColor: '#e0f0fd', color: '#0096FF', fontSize: '24px'}" :style="{ boxShadow: '2px 0px 10px #ccc', marginBottom: '20px'}">
<div class="ele-text-heading">
<p>Full Paper Submission DeadlineJune 30, 2024</p>
<p>Notification of Acceptance beforeJuly 31, 2024</p>
<p>Final Manuscript DueAugust 31, 2024</p>
<p>Registration DeadlineSeptember 30,2024</p>
<p>Conference DatesNovember 23-252024</p>
</div>
</a-card>
<a-card title="Paper Submission" :bordered="false" hoverable :head-style="{ backgroundColor: '#e0f0fd', color: '#0096FF', fontSize: '24px'}" :style="{ boxShadow: '2px 0px 10px #ccc', marginBottom: '20px'}">
<div class="ele-text-heading">
<p>Authors are invited to submit papers through the conference Submission System since January 1, 2024.
Submissions must be original and should not have been published previously or be under consideration for publication while being evaluated for this conference.</p>
<p class="ele-text-secondary"><span style="padding-right: 20px">Please send the full paper(word+pdf) to Submission System :</span><a-button type="primary" danger style="border-radius: 20px; background: linear-gradient(to right, #E10000, rgba(225,0,0,0.4)); border: none">Submission System</a-button></p>
</div>
</a-card>
<a-card :bordered="false" hoverable :head-style="{ backgroundColor: '#e0f0fd', color: '#0096FF', fontSize: '24px'}" :body-style="{backgroundColor: '#f4fafe'}" :style="{ boxShadow: '2px 0px 10px #ccc', marginBottom: '20px'}">
<template #title>
<div class="flex" style="display: flex">
<div class="title">-HOSTED BY-</div>
<div class="title" style="margin-left: 280px">-Technical Sponsor-</div>
</div>
</template>
<a-image src="https://oss.wsdns.cn/20240303/bfe52a6864d44535beb6bf9ca6dbb263.jpg" :preview="false" />
</a-card>
</div>
</a-layout-content> </a-layout-content>
<Footer /> <Footer />
</a-layout> </a-layout>
@ -14,10 +175,6 @@
<script lang="ts" setup> <script lang="ts" setup>
import Banner from "@/components/Banner/index.vue"; import Banner from "@/components/Banner/index.vue";
import NewsBody from "./components/news-body.vue";
import NewsBody2 from "./components/news-body2.vue";
import About from "./components/about.vue";
import NewsBody3 from "./components/news-body3.vue";
</script> </script>
<script lang="ts"> <script lang="ts">
@ -26,5 +183,16 @@
}; };
</script> </script>
<style lang="less"> <style lang="less">
.ele-text-secondary{
font-size: 16px;
}
.ele-text-heading{
line-height: 1.6em;
font-size: 16px;
}
.line-height-d5{
p{
line-height: .7;
}
}
</style> </style>

Loading…
Cancel
Save