Skip to content

T
techbook
Commit 9694fe29 authored by zhangyanni's avatar zhangyanni
Browse files
Options

第三屏

parent 09f23b97
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 107 additions and 16 deletions
public/css/common.scss
View file @ 9694fe29
......@@ -2004,7 +2004,7 @@ body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, texta
//汇报
.reportTable.el-table{
border: 2px solid #9A8EB4;
border: 1px solid #9A8EB4;
& .el-table__header-wrapper, & .el-table__header, & thead{
color: #fff !important;
}
......@@ -2021,5 +2021,8 @@ body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, texta
& .el-table__expanded-cell,& tr:hover>td{
background: unset !important;
}
&::before{
background: #9A8EB4;
}
}
}
\ No newline at end of file
public/js/techbook.js 0 → 100644
View file @ 9694fe29
This diff is collapsed.
src/assets/img/report/jizhong.png
View replaced file @ 09f23b97 View file @ 9694fe29
src/assets/img/report/jizhong.png

26 KB | W: | H:

src/assets/img/report/jizhong.png

93.7 KB | W: | H:

src/assets/img/report/jizhong.png
src/assets/img/report/jizhong.png
src/assets/img/report/jizhong.png
src/assets/img/report/jizhong.png
  • 2-up
  • Swipe
  • Onion skin
src/views/report/comInfo.vue
View file @ 9694fe29
......@@ -2,12 +2,12 @@
<div class="reportCompany">
<p>冀中能源集团有限责任公司</p>
<div>
<img src="../../assets/img/report/jizhong.png" alt="">
<img src="../../assets/img/report/jizhong.png" alt="" style="width: 120px;height: 120px;border-radius: 50%;">
</div>
<div class="infoForm">
<p>
石药控股集团有限公司是我国医药行业的龙头企业之一，总资产410亿元，员工25000人。在港上市公司（01093.HK）市值1000多亿港币，是香港恒生指数成份股，是恒生指数编制50年来首支医药股。
</p>
<!--<p>-->
<!--石药控股集团有限公司是我国医药行业的龙头企业之一，总资产410亿元，员工25000人。在港上市公司（01093.HK）市值1000多亿港币，是香港恒生指数成份股，是恒生指数编制50年来首支医药股。-->
<!--</p>-->
<ul>
<li>
<span>所属行业：</span><span>能源、制造、交通运输</span>
......@@ -77,15 +77,17 @@
width="120"
>
<template slot-scope="scope">
<el-button type="text" style="color: #fff;" @click="handleToDetail(scope.row)">
<el-button type="text" style="color: #fff;">
{{$t("bigBusiness.detailInfo.look")}}
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div>
<el-button plain type="default">查看更多需求</el-button>
<div class="buttonWrapper">
<div class="buttonMore">
查看更多需求
</div>
</div>
</div>
</template>
......@@ -163,6 +165,25 @@
&>div.tableInfo{
width: 74%;
}
.buttonWrapper{
margin-top: 40px;
display: -webkit-flex; /*新版本语法：chrome 21+*/
display: -webkit-box; /*老版本语法：Safari,iOS,Android browser,old Webkit browser*/
display: -moz-box; /*老版本语法：Firefox(buggy)*/
display: -ms-flexbox; /*混合版本语法：IE 10*/
display: flex; /*新版本语法:opera 12.1,Firefox 22+*/
justify-content: center;
.buttonMore{
width: 168px;
height: 48px;
border: 2px solid #9A8EB4;
color: #9A8EB4;
text-align: center;
line-height: 48px;
cursor: pointer;
border-radius: 3px;
}
}
}
......
src/views/report/reportIndex.vue
View file @ 9694fe29
......@@ -17,21 +17,33 @@
</div>
<div class="main-bg"></div>
</section>
<section class="box-screen secondScreen" v-show="isShowOther">
<div id="seconndMap" style="width:100%;height:100%;">
<secondMap :isShowOther="isShowOther"></secondMap>
<section class="box-screen secondScreen" v-show="isShowOther&&isWhich==1">
<div id="seconndMap" style="width:100%;height:100%;" v-if="isShowSecond">
<secondMap :isShowOther="isShowSecond"></secondMap>
</div>
<div id="thirdScreen" style="width:100%;height:100%;" v-if="isShowThird">
<thirdScreen :isShow="isShowThird"></thirdScreen>
</div>
</section>
<div class="buttonWrap" v-show="isShowOther">
<p :class="currentScreen==1?'activeP':''" @click="handleToWhich(1)"></p>
<p :class="currentScreen==2?'activeP':''" @click="handleToWhich(2)"></p>
<p :class="currentScreen==3?'activeP':''" @click="handleToWhich(3)"></p>
<p :class="currentScreen==4?'activeP':''" @click="handleToWhich(4)"></p>
</div>
</div>
</template>
<script>
import secondMap from './secondMap';
import thirdScreen from './thirdScreen';
export default {
name: "reportIndex",
components:{
secondMap
secondMap,
thirdScreen
},
data(){
return{
......@@ -39,6 +51,13 @@
clientHeightPx:document.documentElement.clientHeight|| document.body.clientHeight,
isShowFirst:true,
isShowOther:false,
isWhich:0,
isShowSecond:false,
isShowThird:false,
isShowForth:false,
isShowFifth:false,
currentScreen:1
}
},
......@@ -47,8 +66,35 @@
handleTo(type){
this.isShowFirst = false;
this.isShowOther = true;
this.isShowSecond = true;
this.isWhich = type;
},
handleToWhich(type){
this.currentScreen = type;
if(type==1){
this.isShowSecond = true;
this.isShowThird = false;
this.isShowForth = false;
this.isShowFifth = false;
}else if(type==2){
this.isShowSecond = false;
this.isShowThird = true;
this.isShowForth = false;
this.isShowFifth = false;
}else if(type==3){
this.isShowSecond = false;
this.isShowThird = false;
this.isShowForth = true;
this.isShowFifth = false;
}else if(type==4){
this.isShowSecond = false;
this.isShowThird = false;
this.isShowForth = false;
this.isShowFifth = true;
}
}
},
mounted(){
......@@ -61,6 +107,7 @@
<style scoped lang="scss">
.reportWrapper{
height: 100%;
position:relative;
}
#main-content #home-section {
position: relative;
......@@ -137,4 +184,22 @@
}
}
}
.buttonWrap{
height: 90px;
position: absolute;
right: 30px;
top: 50%;
margin-top: -45px;
&>p{
width: 16px;
height: 16px;
border: 1px solid #c9c9c9;
border-radius: 50%;
margin: 5px 0;
&.activeP{
background: #D8D8D8;
}
}
}
</style>
\ No newline at end of file
src/views/report/secondMap.vue
View file @ 9694fe29
......@@ -52,9 +52,9 @@
},
},
bmap: {
center: [45.50, 60.05],
center: [105.50, 40.05],
zoom: 5,
roam: 'scale',
roam: true,
mapStyle: {
styleJson: [
{
......@@ -869,8 +869,8 @@
}
.hebeiInfo{
position: absolute;
right: 20px;
top: 140px;
right: 60px;
top: 150px;
}
.companyInfo{
position: absolute;
......
src/views/report/thirdScreen.vue 0 → 100644
View file @ 9694fe29
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment