Tenlion/copyright-official-website
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

7.10提交修改

Browse Source
This commit is contained in:
zhangyong 2024-07-10 17:48:45 +08:00
parent 0feb96fd10
commit 543dbd1414
13 changed files with 243 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist.zip
View File

Binary file not shown.

5
index.html
View File

@ -22,10 +22,7 @@
<meta http-equiv="Pragma" content="no-cache" />
<title>AI秒著引擎_0元申报软件著作权,软件著作权登记申请,软件著作权申请流程,如何申请软件著作权,软件著作权的作用,软件著作权申请需要多久</title>
<style>
/* #app {
display: flex;
justify-self: center;
} */
</style>
</head>

92
src/components/AboutUs.vue
View File

@ -15,6 +15,19 @@
<div class="content">
<div class="content-left">
<img src="/assets/img/aboutus-jj.png" alt="">
<ul>
<li v-for="(item, index) in contents2" :key="index">
<div class="row1">
<h4>{{item.titleFir}}</h4>
<em>{{item.titleSec}}</em>
</div>
<div class="row2">
<p>{{item.remake}}</p>
</div>
</li>
</ul>
</div>
<div class="content-right">
<i></i>
@ -23,7 +36,7 @@
<p class="message"></p>
</div>
</div>
<div class="dataList">
<!-- <div class="dataList">
<ul v-for="(item, index) in contents2" :key="index">
<li>
<div class="row1">
@ -35,7 +48,7 @@
</div>
</li>
</ul>
</div>
</div> -->
</div>
</div>
</div>
@ -64,8 +77,8 @@ export default {
const summary = response.data[0].summary
this.contents1 = response.data
this.contents2 = response.data[0].subList
// console.log(response.data[0].subList);
// console.log(response.data);
console.log(response.data[0].subList);
console.log(response.data);
message.innerHTML = content
company.innerHTML = title
jianjie.innerHTML = summary
@ -82,6 +95,12 @@ export default {
</script>
<style scoped>
img {
width: 100%;
height: 100%;
vertical-align: middle;
border: 0px solid transparent !important ;
}
.about-us {
position: relative;
}
@ -133,17 +152,17 @@ export default {
display: flex;
justify-content: center;
width: 100%;
height: 520px;
/* min-height: 520px; */
background-color: #f5f5f5;
}
.about-us .box-bottom .box {
position: absolute;
position: relative;
display: flex;
flex-direction: column;
/* flex-direction: row; */
/* top: -100px; */
width: 1000px;
height: 520px;
/* height: 520px; */
padding: 50px;
background-color: #FFF;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
@ -153,7 +172,7 @@ export default {
.content {
display: flex;
width: 900px;
height: 260px;
/* height: 260px; */
/* background-color: pink; */
/* border: 1px solid red; */
}
@ -167,7 +186,7 @@ export default {
display: flex;
flex-direction: column;
width: 480px;
height: 260px;
/* height: 260px; */
/* background-color: skyblue; */
}
.content-right i {
@ -191,7 +210,7 @@ export default {
font-weight: 300;
letter-spacing: 1px;
}
.dataList {
/* .dataList {
display: flex;
justify-content: space-around;
margin-top: 40px;
@ -208,8 +227,6 @@ export default {
display: flex;
flex-direction: column;
justify-content: center;
/* align-content: center;
flex-wrap: wrap; */
}
.dataList ul li .row1 {
display: flex;
@ -231,5 +248,56 @@ export default {
background-color: #fcbb53;
font-size: 12px;
color: #FFF;
} */
.content-left ul {
display: flex;
justify-content: start;
flex-wrap: wrap;
background-color: #f1f1f1;
margin-top: 20px;
/* height: 120px; */
}
.content-left ul li {
display: flex;
flex-direction: column;
justify-content: center;
width: 180px;
/* margin-right: 60px;
margin-bottom: 15px; */
margin: 20px 20px 20px 0;
/* background-color: pink; */
/* align-content: center;
flex-wrap: wrap; */
}
.content-left ul li:nth-child(2n) {
margin-right: 0;
}
.content-left ul li .row1 {
display: flex;
margin: 0 auto;
height: 46px;
}
.content-left ul li .row1 h4 {
height: 46px;
font-size: 30px;
font-weight: 700;
}
.content-left ul li .row1 em {
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
border-radius: 9px;
margin: 18px 0 0 -2px;
background-color: #fcbb53;
font-size: 12px;
color: #FFF;
}
.content-left ul li .row2 p {
text-align: center;
}
</style>

8
src/components/Footer.vue
View File

@ -18,7 +18,7 @@
</li>
<li><router-link to="/AboutUs">关于我们</router-link></li>
<li><router-link to="/ProductsNews">产品动态</router-link></li>
<li>联系我们</li>
<!-- <li>联系我们</li> -->
</ul>
</div>
<div class="box2">
@ -73,6 +73,12 @@ export default {
</script>
<style scoped>
img {
width: 100%;
height: 100%;
vertical-align: middle;
border: 0px solid transparent !important ;
}
.footer {
/* position: relative;
top: 80px; */

6
src/components/HeaderNav.vue
View File

@ -113,6 +113,12 @@ export default {
</script>
<style scoped>
img {
width: 100%;
height: 100%;
vertical-align: middle;
border: 0px solid transparent !important ;
}
.border-login {
border: 0.75px solid #42210B;
}

105
src/components/HelpCenter.vue
View File

@ -11,7 +11,7 @@
<div class="boxTitle">
<h3>帮助中心</h3>
<span>
<input type="text" id="txtInput" placeholder="输入问题关键字" v-model="searchQuery">
<input type="text" id="txtInput" placeholder="输入问题关键字" v-model="searchQuery" class="inputValue">
<button id="search" @click="search()">搜索</button>
<!-- <input id="search" name value="搜索" onclick="sendSearchRequest()"> -->
</span>
@ -171,7 +171,8 @@ export default {
data() {
return {
number: 0,
items: [],
items: [],
contentId0: '',
content: [],
contentOne: '',
// 默认展开的菜单项索引数组
@ -188,7 +189,7 @@ export default {
res: false,
res0: false,
result0: false,
result1: false
result1: false,
}
},
methods: {
@ -233,20 +234,26 @@ export default {
this.result0 = true
this.result1 = false
}
// console.log(this.searchQuery);
})
.catch(function (error) {
console.log(error)
})
})
.catch(function (error) {
console.log(error)
})
},
search() {
this.currentPage = 1
// 使用 replace 方法重定向到当前路由，不携带参数
// this.$router.replace({ query: { q: this.searchQuery } });
this.$router.push({});
this.getData()
// axios.get(`https://www.aimzhu.com/operator/app/help-detail/listrelease?keywords=${textInput}`)
},
// watch: {
// // 监听路由参数的变化，更新搜索框中的搜索词
// '$route.query.q'(newValue) {
// this.searchQuery = newValue;
// }
// },
// pagedData1() {
// const start = (this.currentPage - 1) * this.pageSize;
// const end = this.currentPage * this.pageSize;
@ -288,16 +295,11 @@ export default {
},
handleClose(key, keyPath) {
// 关闭时清空默认展开的菜单项索引数组
this.defaultOpeneds = []
// const index = this.openedMenus.indexOf(key);
// if (index !== -1) {
// // 只收起当前点击的菜单
// this.openedMenus.splice(index, 1)
// }
this.defaultOpeneds = []
},
detailContent(menId) {
// document.querySelector('#txtInput').value = ''
this.xs1 = true
this.xs2 = false
var detailContentId = menId
@ -307,6 +309,19 @@ export default {
// console.log(response.data[0].richContent);
contentBox.innerHTML = response.data[0].richContent
})
},
defaultData() {
this.result0 = false
this.result1 = false
axios.get(`https://www.aimzhu.com/operator/app/help-detail/listrelease?helpTypeId=${this.contentId0}`).then(response => {
this.contentOne = response.data[0].richContent
this.contentId0 = response.data[0].id
var content0 = response.data[0].richContent
let contentBox0 = document.querySelector('.contentBox')
contentBox0.innerHTML = content0
}).catch(error => {
console.error('Error fetching data:', error)
})
}
},
@ -315,31 +330,37 @@ export default {
this.xs1 = true
this.xs2 = false
axios.get('https://www.aimzhu.com/operator/app/help-type/helpAllListrelease').then(response => {
// console.log(response.data)
// this.items = response.data.name
this.items = response.data
// var textInput = document.querySelector('#txtInput').value
// if(textInput === '') {
// 默认渲染的数据
let contendId0 = response.data[0].id
let url0 = 'https://www.aimzhu.com/operator/app/help-detail/listrelease?helpTypeId=' + contendId0
axios.get(url0).then(response => {
// console.log(response.data[0].richContent);
this.contentOne = response.data[0].richContent
var content0 = response.data[0].richContent
let contentBox0 = document.querySelector('.contentBox')
contentBox0.innerHTML = content0
})
// } else {
this.items = response.data
this.contentId0 = response.data[0].id
// }
axios.get(`https://www.aimzhu.com/operator/app/help-detail/listrelease?helpTypeId=${this.contentId0}`).then(response => {
this.contentOne = response.data[0].richContent
this.contentId0 = response.data[0].id
var content0 = response.data[0].richContent
let contentBox0 = document.querySelector('.contentBox')
contentBox0.innerHTML = content0
}).catch(error => {
console.error('Error fetching data:', error)
})
})
.catch(error => {
}).catch(error => {
console.error('Error fetching data:', error)
});
})
if (this.searchQuery = '') {
alert(11)
return
} else {
// 当组件挂载时，从路由参数中获取搜索词
this.searchQuery = this.$route.query.q || '';
// this.search()
// this.getData()
// if (this.searchQuery = '') {
// return
// } else {
// this.getData()
// }
}
},
}
@ -460,6 +481,12 @@ export default {
#contentArea {
line-height: 2.1;
}
/* img {
width: 100%;
height: 100%;
vertical-align: middle;
border: 2px solid #CCC !important;
} */
.searchXS .dataList {
width: 100%;
height: 100%;

14
src/components/HomePage.vue
View File

@ -163,6 +163,8 @@ import axios from 'axios'
export default {
data() {
return {
oneData: '',
twoData: '',
titles: ['生成真实系统 | 可下载安装包', '生成申报材料 | 提供一键导出', '价格明码标价 | 提供价格担保', '提供代理服务 | 也可自行申报'],
intervalId: null,
currentTitleIndex: 0,
@ -304,6 +306,12 @@ export default {
this.startScroll();
// this.startData();
// this.goToLink();
axios.get(``).then(Response => {
this.oneData = Response.data
this.twoData = Response.data
}).catch(error => {
console.error('Error fetching data:', error)
})
},
@ -319,6 +327,12 @@ export default {
</script>
<style scoped>
img {
width: 100%;
height: 100%;
vertical-align: middle;
border: 0px solid transparent !important ;
}
.active {
border: 1px solid rgba(0,0,0,.2);
background-color: #FFF !important;

13
src/components/KeFu.vue
View File

@ -120,7 +120,12 @@ export default {
},
methods: {
search() {
this.$router.push({ name: 'HelpCenter', query: { q: this.searchQuery } });
if (this.searchQuery) {
this.$router.push({
name: 'HelpCenter',
query: { q: this.searchQuery }
});
}
}
}
@ -128,6 +133,12 @@ export default {
</script>
<style scoped>
img {
width: 100%;
height: 100%;
vertical-align: middle;
border: 0px solid transparent !important ;
}
.ke-fu {
position: relative;
}

60
src/components/ProductsNews.vue
View File

@ -3,8 +3,8 @@
<div class="box-top">
<div class="title">
<i></i>
<h3>产品动态</h3>
<p>人民是历史的创造者，人民是真正的英雄。我们党来自人民、植根人民、服务人民，党的根基在人民、血脉在人民、力量在人民。</p>
<h3>最新动态</h3>
<!-- <p>人民是历史的创造者，人民是真正的英雄。我们党来自人民、植根人民、服务人民，党的根基在人民、血脉在人民、力量在人民。</p> -->
</div>
</div>
<div class="box-bottom" v-show="showMore1">
@ -24,7 +24,7 @@
<h3>COMPANY NEWS</h3>
</div>
<div class="row2">
<h3>公司动态</h3>
<h3>产品动态</h3>
<a href="javascript:;" @click="getMoreData(companyNews)">查看更多></a>
</div>
<div class="row3">
@ -90,7 +90,7 @@
<div class="details">
<div class="nav">
<span>
<a href="javascript:;" @click="showDetails2 = false, showMore1 = true ">产品动态</a>
<a href="javascript:;" @click="showDetails2 = false, showMore1 = true" class="showType1">产品动态</a>
>详情</span>
</div>
<div class="articel">
@ -108,7 +108,7 @@
<div class="tp">
<img src="/assets/img/news-tp.png" alt="">
</div>
<span><em>最新咨询</em></span>
<span><em class="showType2">产品动态</em></span>
<ul>
<li v-for="(item5, index) in firstFiveItems2" :key="index">
<a href="javascript:;" :newsId="item5.newsId" :newsType="item5.newsType" @click="getDetailsData(item5.newsId,item5.newsType)">
@ -127,7 +127,7 @@
<div class="more">
<div class="nav">
<span>
<a href="javascript:;" @click="showMore1 = true,showMore2 = false">产品动态</a>
<a href="javascript:;" @click="showMore1 = true,showMore2 = false" class="showType3">产品动态</a>
>更多</span>
</div>
<div class="list">
@ -165,7 +165,7 @@
<div class="tp">
<img src="/assets/img/news-tp.png" alt="">
</div>
<span><em>最新咨询</em></span>
<span><em class="showType4">最新咨询</em></span>
<ul>
<li v-for="(item42, index) in firstFiveItems" :key="index">
<a href="javascript:;" :newsId="item42.newsId" :newsType="item42.newsType" @click="getDetailsData2(item42.newsId,item42.newsType)">
@ -297,7 +297,6 @@ export default {
fetchData2(newsType) {
// 产品动态 查看更多
const urlbox4 = `https://www.aimzhu.com/operator/app/news/listpagerelease?newsType=${newsType}`
// const urlbox41 = `https://www.aimzhu.com/operator/app/news/listpagerelease?newsType=${newsType}&page=${this.currentPage}&rows=${this.pageSize}`
axios.get(urlbox4)
@ -347,7 +346,7 @@ export default {
axios.get(urlbox51)
.then(Response51 => {
console.log(Response51.data)
// console.log(Response51.data)
this.box5data11 = Response51.data.title
this.box5data12 = Response51.data.secTitle
this.box5data13 = Response51.data.publishTime
@ -417,17 +416,39 @@ export default {
this.showMore2 = true;
this.showMore1 = false;
this.listNewsType = newsType
// alert(newsType)
if (newsType === '8aa02ba6-3948-42a9-a0a9-0a74e94b2241') {
document.querySelector('.showType3').innerHTML = '产品动态'
document.querySelector('.showType4').innerHTML = '产品动态'
} else {
document.querySelector('.showType3').innerHTML = '行业资讯'
document.querySelector('.showType4').innerHTML = '行业资讯'
}
this.fetchData2(newsType);
this.fetchDataPageSize();
},
getDetailsData(newsId, newsType) {
this.showDetails2 = true;
this.showMore1 = false;
if (newsType === '8aa02ba6-3948-42a9-a0a9-0a74e94b2241') {
document.querySelector('.showType1').innerHTML = '产品动态'
document.querySelector('.showType2').innerHTML = '产品动态'
} else {
document.querySelector('.showType1').innerHTML = '行业资讯'
document.querySelector('.showType2').innerHTML = '行业资讯'
}
this.fetchData3(newsId, newsType);
},
getDetailsData2(newsId, newsType) {
this.showDetails2 = true;
this.showMore2 = false;
if (newsType === '8aa02ba6-3948-42a9-a0a9-0a74e94b2241') {
document.querySelector('.showType1').innerHTML = '产品动态'
document.querySelector('.showType2').innerHTML = '产品动态'
} else {
document.querySelector('.showType1').innerHTML = '行业资讯'
document.querySelector('.showType2').innerHTML = '行业资讯'
}
this.fetchData3(newsId, newsType);
},
@ -442,6 +463,12 @@ export default {
</script>
<style scoped>
img {
width: 100%;
height: 100%;
vertical-align: middle;
border: 0px solid transparent !important ;
}
.products-news {
position: relative;
}
@ -500,26 +527,27 @@ export default {
width: 1000px;
height: 500px;
margin: 0 auto;
margin-top: -120px;
margin-top: -150px;
z-index: 99;
/* background-color: skyblue; */
}
.box-bottom .box1 ul {
display: flex;
justify-content: space-between;
background-color: #fff;
}
.box1 ul li {
width: 320px;
height: 500px;
background-color: #fff;
/* background-color: pink; */
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
-moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
box-shadow: 0 0 10px rgba(0,0,0,.1);
-webkit-box-shadow: 0 0 15px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 15px rgba(0,0,0,.2);
box-shadow: 0 0 15px rgba(0,0,0,.2);
}
.box1 ul li img {
width: 320px;
height: 200px;
width: 316px;
height: 196px;
margin: 2px;
}
.box1 ul li h4 {
height: 100px;

6
src/components/ShouFei.vue
View File

@ -289,6 +289,12 @@ export default {
</script>
<style scoped>
img {
width: 100%;
height: 100%;
vertical-align: middle;
border: 0px solid transparent !important ;
}
.shou-fei {
position: relative;
background: url(/assets/img/shoufei-bj.png) no-repeat;

6
src/components/ZhengShu.vue
View File

@ -97,6 +97,12 @@ export default {
</script>
<style scoped>
img {
width: 100%;
height: 100%;
vertical-align: middle;
border: 0px solid transparent !important ;
}
.zheng-shu {
position: relative;
}

2
src/components/router.js
View File

@ -43,8 +43,6 @@ const router = createRouter({
{ path: '/AboutUs', name: 'AboutUs', component: AboutUs },
{ path: '/Report', name: 'Report', component: Report },
{ path: '/ProductsNews', name: 'ProductsNews', component: ProductsNews },
],
})

1
src/style.css
View File

@ -38,6 +38,7 @@ img {
width: 100%;
height: 100%;
vertical-align: middle;
border: 1px solid #666666 !important;
}
/* 去除input默认样式 */