diff --git a/src/router/index.js b/src/router/index.js index 3bc614b..7b1cec4 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -193,6 +193,11 @@ const routes = [ component: (resolve) => require(['../views/Invest/Investor/Index.vue'], resolve), }, + { + path: '/investor/detail/:newsId', + component: (resolve) => + require(['../views/Invest/Investor/NewsDetail.vue'], resolve), + }, { path: '/cooperationOffer', component: (resolve) => diff --git a/src/views/Invest/Investor/Index.vue b/src/views/Invest/Investor/Index.vue index 8567852..4b8d4dd 100644 --- a/src/views/Invest/Investor/Index.vue +++ b/src/views/Invest/Investor/Index.vue @@ -9,11 +9,257 @@ />
- +
+ + +
+
+
    +
  • + + +
    + +
    +     + +
    + {{ item.captionName }}[详细] +
    +     +     +
    • +
+
+
+
+
    +
  • + {{ item.captionName }} +
    • +
+
+
+
+
+
    +
  • + + +
    • +
+
+
+
+ + +
+
+
    +
  • + + +
    + +
    +     + +
    + {{ item.captionName }}[详细] +
    +     +     +
    • +
+
+
+
+
    +
  • + {{ item.captionName }} +
    • +
+
+
+
+
+
    +
  • + + +
    • +
+
+
+
+ + +
+
+
    +
  • + + +
    + +
    +     + +
    + {{ item.captionName }}[详细] +
    +     +     +
    • +
+
+
+
+
    +
  • + {{ item.captionName }} +
    • +
+
+
+
+
+
    +
  • + + +
    • +
+
+
+
+ + +
@@ -37,6 +283,22 @@ export default { titleChinese: '', }, }, + activeName: 'first', + investorNews: { + actionOne: [], + actionTwo: [], + actionThree: [], + }, + corporateGovernance: { + actionOne: [], + actionTwo: [], + actionThree: [], + }, + investorRelations: { + actionOne: [], + actionTwo: [], + actionThree: [], + }, tempImg: '/static/img/tempNews.png', }; }, @@ -48,6 +310,9 @@ export default { created () { this.$event.$emit('nav-theme', 'light'); this.getScreen1Banner(); + this.getInvestorNewsData(); + this.getCorporateGovernanceData(); + this.getInvestorRelationsData(); }, mounted () { if (this.$route.hash) { @@ -68,6 +333,36 @@ export default { this.screen1.imageurl = res.rows[0].imageurl; } catch (error) {} }, + handleChosePane (tab, event) { + this.activeName = tab.name; + }, + // 获取投资者新闻 + async getInvestorNewsData () { + try { + const res = await this.$request.get('/official/slideshow/list', { params: { pageNum: 1, pageSize: 22, type: '4' } }); + this.investorNews.actionOne = res.rows.slice(0, 4); + this.investorNews.actionTwo = res.rows.slice(4, 18); + this.investorNews.actionThree = res.rows.slice(18, 22); + } catch (error) {} + }, + // 获取公司治理新闻 + async getCorporateGovernanceData () { + try { + const res = await this.$request.get('/official/slideshow/list', { params: { pageNum: 1, pageSize: 22, type: '5' } }); + this.corporateGovernance.actionOne = res.rows.slice(0, 4); + this.corporateGovernance.actionTwo = res.rows.slice(4, 18); + this.corporateGovernance.actionThree = res.rows.slice(18, 22); + } catch (error) {} + }, + // 获取投资者关系新闻 + async getInvestorRelationsData () { + try { + const res = await this.$request.get('/official/slideshow/list', { params: { pageNum: 1, pageSize: 22, type: '6' } }); + this.investorRelations.actionOne = res.rows.slice(0, 4); + this.investorRelations.actionTwo = res.rows.slice(4, 18); + this.investorRelations.actionThree = res.rows.slice(18, 22); + } catch (error) {} + }, }, }; @@ -78,7 +373,162 @@ export default { } .screen2 { - padding: 90rem 130rem; + padding: 90rem 120rem 60rem; background: #FFFFFF; } +/deep/.el-tabs__item { + padding: 0rem; + height: 56rem; + margin-bottom: 62rem; + box-sizing: border-box; + display: inline-block; + list-style: none; + font-weight: 500; + position: relative; + font-family: MicrosoftYaHei; + font-size: 28rem; + color: #808080; + line-height: 64rem; + text-align: justifyLeft; + font-style: normal; + text-transform: none; +} +/deep/.el-tabs__nav-wrap::after { + background-color: transparent; +} +/deep/.el-tabs__active-bar { + background-color: transparent; +} +/deep/.el-tabs__item.is-active { + font-family: MicrosoftYaHeiSemibold; + font-size: 28rem; + color: #111111; + line-height: 64rem; + text-align: justifyLeft; + font-style: normal; + text-transform: none; + border-bottom: 2rem solid #F0D145;; +} +/deep/.el-tabs--left .el-tabs__item.is-left { + text-align: left; +} +/deep/.el-tabs--left .el-tabs__header.is-left { + margin-right: 120rem; +} +.news-wrapper { + display: flex; + flex-wrap: wrap; +} +.news-item { + width: 432rem; + /* background-color: #864e4e; */ + overflow: hidden; + cursor: pointer; + position: relative; + z-index: 1; +} +.news-item:not(:nth-of-type(3n)) { + margin-right: calc((1416rem - 436rem * 3) / 2); +} +.news-item:hover { + z-index: 10; +} +.itemRow { + margin-bottom: 30rem; +} +.imgCol { + width: 162rem; + height: 122rem; + padding: 0rem; +} +.list-img { + width: 162rem; + height: 122rem; +} +.list-img img { + border-radius: 10rem; +} +.listContent { + width: calc(100% - 162rem); + padding: 13rem 15rem; +} +.list-title{ + font-family: MicrosoftYaHei; + font-size: 16rem; + color: #777777; + line-height: 30rem; + text-align: justifyLeft; + font-style: normal; + text-transform: none; +} +.deailTitle { + font-family: MicrosoftYaHei; + font-size: 16rem; + color: #0045A2; + line-height: 30rem; + text-align: justifyLeft; + font-style: normal; + text-transform: none; +} +.itemDisc { + list-style-type: disc; + list-style-position:inside; + text-overflow: ellipsis; + overflow: hidden; + word-break: break-all; + white-space: nowrap; +} +.itemDisc::marker{ + color: #F0D145; +} +.contentTitle{ + font-family: MicrosoftYaHei; + font-size: 18rem; + color: #333333; + line-height: 40rem; + text-align: justifyLeft; + font-style: normal; + text-transform: none; +} +.contentThree { + font-family: MicrosoftYaHei; + font-size: 16rem; + color: #777777; + line-height: 30rem; + text-align: justifyLeft; + font-style: normal; + text-transform: none; +} +.itemNomal { + margin-bottom: 30rem; +} +.imgList { + width: 432rem; + height: 246rem; + position: relative; +} +.imgMask{ + position: absolute; + bottom: 0rem; + width: 370rem; + height: 46rem; + background: #000000; + border-radius: 0rem 0rem 10rem 10rem; + opacity: 0.7; + font-family: MicrosoftYaHei; + font-size: 20rem; + color: #FFFFFF; + line-height: 40rem; + text-align: center; + font-style: normal; + text-transform: none; + text-overflow: ellipsis; + overflow: hidden; + word-break: break-all; + white-space: nowrap; + padding: 0 30rem; +} +.imgList img { + border-radius: 10rem; +} diff --git a/src/views/Invest/Investor/NewsDetail.vue b/src/views/Invest/Investor/NewsDetail.vue new file mode 100644 index 0000000..ed10670 --- /dev/null +++ b/src/views/Invest/Investor/NewsDetail.vue @@ -0,0 +1,258 @@ + + + + +