Commit d91fc459 authored by danfuman's avatar danfuman

修改

parent 376e6c9d
......@@ -70,7 +70,7 @@ export const constantRoutes = [
path: 'index',
component: () => import('@/views/index'),
name: 'Index',
meta: { title: '首页', icon: 'index',noCache: false }
meta: { title: '首页', icon: 'index',noCache: true }
}
]
},
......
......@@ -428,11 +428,7 @@
params.pageNum = e
this.queryParams.pageNum = e
this.handleQuery(params)
setTimeout(() => {
this.$nextTick(() => {
this.$children[1].$refs.tableRef.bodyWrapper.scrollTop = 0
});
}, 500);
this.$emit('handle-scroll')
},
}
}
......
......@@ -261,10 +261,7 @@
params.pageNum = e
this.queryParams.pageNum = e
this.handleQuery(params)
console.log(this.$children[1].$refs.tableRef.bodyWrapper.scrollTop)
setTimeout(() => {
// this.$children[1].$refs.tableRef.bodyWrapper.scrollTop = 0
}, 500);
this.$emit('handle-scroll')
},
clickEXCEL() {
this.dataEXCEL.combineName=this.combineName;
......
......@@ -350,10 +350,7 @@
params.pageNum = e
this.queryParams.pageNum = e
this.handleQuery(params)
console.log(this.$children[1].$refs.tableRef.bodyWrapper.scrollTop)
setTimeout(() => {
// this.$children[1].$refs.tableRef.bodyWrapper.scrollTop = 0
}, 500);
this.$emit('handle-scroll')
},
changeSelect(){
this.handleSearch()
......
......@@ -6,16 +6,16 @@
{{name || '--'}}
</div>
</div>
<div class="flex-box group-main">
<div class="flex-box group-main" ref="contentData">
<div class="group-left">
<side-bar ref="sidebar" @currentPath="showPartPage" :pathName="currentPath.pathName" :customerId="customerId"/>
</div>
<div class="group-right">
<div id="groupBox" v-if="customerId">
<Members v-if="currentPath.pathName=='members'" :customer-id="customerId" :isSkeleton="isSkeleton" :combineName="name"/>
<Qualifications v-if="currentPath.pathName=='qualifications'" :customer-id="customerId" :isSkeleton="isSkeleton" :combineName="name"/>
<Performance v-if="currentPath.pathName=='performance'" :customer-id="customerId" :isSkeleton="isSkeleton" :combineName="name"/>
<Zhaobiao v-if="currentPath.pathName=='zhaobiao'" :customer-id="customerId" :isSkeleton="isSkeleton" :combineName="name"/>
<Members v-if="currentPath.pathName=='members'" @handle-scroll="scrollToTop" :customer-id="customerId" :isSkeleton="isSkeleton" :combineName="name"/>
<Qualifications v-if="currentPath.pathName=='qualifications'" @handle-scroll="scrollToTop" :customer-id="customerId" :isSkeleton="isSkeleton" :combineName="name"/>
<Performance v-if="currentPath.pathName=='performance'" @handle-scroll="scrollToTop" :customer-id="customerId" :isSkeleton="isSkeleton" :combineName="name"/>
<Zhaobiao v-if="currentPath.pathName=='zhaobiao'" @handle-scroll="scrollToTop" :customer-id="customerId" :isSkeleton="isSkeleton" :combineName="name"/>
</div>
</div>
</div>
......@@ -65,6 +65,11 @@
showPartPage(e){
this.currentPath = e
},
scrollToTop() {
this.$nextTick(() => {
this.$refs.contentData.scrollTop = 0
})
},
}
}
</script>
......@@ -75,18 +80,30 @@
}
.group-main{
margin-top: 12px;
position: fixed;
width: calc(100% - 192px);
height: calc(100vh - 155px);
overflow-y: auto;
align-items: initial;
}
.group-left{
margin-right: 16px;
padding-bottom: 16px;
position: fixed;
background: #FFFFFF;
}
.group-right{
min-width: 1088px;
/*width: calc(100% - 162px);*/
width: 100%;
background: #FFFFFF;
border-radius: 4px;
margin-left: 160px;
::v-deep .el-table__header-wrapper{
position: sticky;
top:0;
z-index: 9;
}
}
.part-header{
font-size: 16px;
......
......@@ -15,7 +15,7 @@ export default {
}
},
mounted() {
},
methods: {
// 设置下拉选项数据源
......@@ -77,6 +77,7 @@ export default {
params.pageNum = e
this.queryParams.pageNum = e
this.handleQuery(params,1)
this.$emit('handle-scroll')
},
handleSizeChange(e){
......
......@@ -102,7 +102,7 @@
</template>
</el-table-column>
<el-table-column prop="count" label="中标数量(个)" align="right" sortable width="150"/>
<el-table-column prop="money" label="中标金额(万元)" align="right" sortable/>
<el-table-column prop="money" label="中标金额(万元)" align="right" :sort-method="(a,b)=>{return a.money - b.money}" sortable/>
</el-table>
</div>
</el-col>
......@@ -171,7 +171,7 @@
</template>
</el-table-column>
<el-table-column prop="count" label="中标数量(个)" align="right" sortable width="150"/>
<el-table-column prop="money" label="中标金额(万元)" align="right" sortable/>
<el-table-column prop="money" label="中标金额(万元)" align="right" :sort-method="(a,b)=>{return a.money - b.money}" sortable/>
</el-table>
</div>
</el-col>
......@@ -185,6 +185,10 @@
<el-tabs v-model="activeName" @tab-click="handleClickTab">
<el-tab-pane label="大项目最新中标" name="first">
<skeleton v-if="zxzbIsSkeleton" style="padding: 16px"></skeleton>
<div class="empty" v-if="projectList.length === 0 && !zxzbIsSkeleton">
<img class="img" src="@/assets/images/project/empty.png">
<div class="p1">抱歉,暂无数据展示</div>
</div>
<div class="list" v-if="!zxzbIsSkeleton">
<div class="item" v-for="(item,index) in projectList" :key="index">
<p class="list-title"><router-link :to="`/biddetail/${item.pid}`" tag="a" class="a-link" v-if="item.pid" v-html="item.projectName"></router-link></p>
......@@ -1357,7 +1361,6 @@ export default {
if(this.activeName === 'second'){
this.getBigBidPage()
}
// this.jump()
}
},
......@@ -1386,44 +1389,6 @@ export default {
});
},
jump() {
let total = 500
let distance = document.documentElement.scrollTop || document.body.scrollTop
// 平滑滚动,时长500ms,每10ms一跳,共50跳
let step = total / 50
if (total > distance) {
smoothDown()
} else {
let newTotal = distance - total
step = newTotal / 50
smoothUp()
}
function smoothDown() {
if (distance < total) {
distance += step
document.body.scrollTop = distance
document.documentElement.scrollTop = distance
setTimeout(smoothDown, 10)
} else {
document.body.scrollTop = total
document.documentElement.scrollTop = total
}
}
function smoothUp() {
if (distance > total) {
distance -= step
document.body.scrollTop = distance
document.documentElement.scrollTop = distance
setTimeout(smoothUp, 10)
} else {
document.body.scrollTop = total
document.documentElement.scrollTop = total
}
}
},
// 时间格式化
formatDate(timeStr) {
let date = new Date(Number(timeStr))
......
......@@ -38,11 +38,11 @@
<el-table-column label="产业类型" prop="projectType"></el-table-column>
<el-table-column :label="oneYear">
<el-table-column prop="money" label="金额(亿元)" sortable="custom" :formatter="formatStatus"></el-table-column>
<el-table-column prop="rate" label="占比(%)" sortable> </el-table-column>
<el-table-column prop="rate" label="占比(%)" :sort-method="(a,b)=>{return a.rate - b.rate}" sortable> </el-table-column>
</el-table-column>
<el-table-column :label="twoYear">
<el-table-column prop="lastMoney" label="金额(亿元)" sortable="custom" :formatter="formatStatus"> </el-table-column>
<el-table-column prop="lastRate" label="占比(%)" sortable> </el-table-column>
<el-table-column prop="lastRate" label="占比(%)" :sort-method="(a,b)=>{return a.lastRate - b.lastRate}" sortable> </el-table-column>
</el-table-column>
</el-table>
</div>
......
......@@ -8,7 +8,7 @@
<span class="common-title">全国建筑企业概览</span>
</div>
</div>
<div class="text">截止{{currentdate}},全国共有{{glDetail.major}}资质的企业{{total}}家,其中特级资质企业{{glDetail.tjCount}}家,占比{{glDetail.tjRate}}%;一级资质企业{{glDetail.tjCount}}家,占比{{glDetail.oneRate}}%;二级资质企业{{glDetail.twoCount}}家,占比{{glDetail.twoRate}}%;三级资质企业{{glDetail.threeCount}}家,占比{{glDetail.threeRate}}%</div>
<div class="text">截止{{currentdate}},全国共有{{glDetail.major}}资质的企业{{total}}家,其中特级资质企业{{glDetail.tjCount}}家,占比{{glDetail.tjRate}}%;一级资质企业{{glDetail.oneCount}}家,占比{{glDetail.oneRate}}%;二级资质企业{{glDetail.twoCount}}家,占比{{glDetail.twoRate}}%;三级资质企业{{glDetail.threeCount}}家,占比{{glDetail.threeRate}}%</div>
<div class="main1">
<div style="height: 300px;">
<div class="left">
......
......@@ -46,7 +46,12 @@
</el-table-column>
<el-table-column label="地区" width="150" align="left" fixed>
<template slot-scope="scope">
<span @click="clickTo(scope.row)" style="cursor: pointer;" class="a-link">{{ scope.row.province}}{{scope.row.city ? '-': ''}}{{ scope.row.city}}{{scope.row.area ? '-': ''}}{{ scope.row.area}}</span>
<span @click="clickTo(scope.row,1)" style="cursor: pointer;" class="a-link" v-if="scope.row.province === '北京市' || scope.row.province === '上海市' || scope.row.province === '重庆市' || scope.row.province === '天津市'">
{{ scope.row.province}}{{scope.row.area ? '-': ''}}{{ scope.row.area ? scope.row.city :''}}{{scope.row.area ? '-': ''}}{{ scope.row.area}}
</span>
<span @click="clickTo(scope.row,2)" style="cursor: pointer;" class="a-link" v-else>
{{ scope.row.province}}{{scope.row.city ? '-': ''}}{{ scope.row.city}}{{scope.row.area ? '-': ''}}{{ scope.row.area}}
</span>
</template>
</el-table-column>
<el-table-column label="年度明细" prop="id" width="90" align="center" fixed>
......@@ -294,9 +299,13 @@
})
}else {
this.pageIndex = val
this.querySubmit()
this.querySubmit();
this.scrollToTop();
}
},
scrollToTop() {
window.scrollTo(0, 0);
},
formatStatus: function(row, column, cellValue) {
return cellValue? cellValue : '-'
},
......@@ -325,16 +334,15 @@
type: 'warning'
});
},
clickTo(item){
clickTo(item,key){
let params={
// id:item.id,
province:item.area ? item.area : item.city ? item.city : item.province,
}
};
if(item.areaId){
params.provinceId=item.provinceId
params.cityId=item.cityId
params.areaId=item.areaId
}else if(item.cityId !=0){
}else if(item.cityId !=0 && key === 2){
params.provinceId=item.provinceId
params.cityId=item.cityId
}else {
......
......@@ -503,8 +503,8 @@
type: 'category',
boundaryGap: false,
axisLabel: {
show: true,
interval: 0
// show: true,
// interval: 0
},
data: data.map(item => item.label),
},
......@@ -764,10 +764,10 @@
}
.has-gutter{
tr{
th:nth-child(4){
th:nth-last-child(2){
border-right:0;
}
td:nth-child(4){
td:nth-last-child(2){
border-right:0;
}
}
......
......@@ -424,8 +424,8 @@
axisLabel: { //坐标轴刻度标签的相关设置
margin: 10, //刻度标签与轴线之间的距离
color:"#666666",
show: true,
interval: 0
// show: true,
// interval: 0
},
axisTick: false, //坐标轴刻度
axisPointer: {
......@@ -609,8 +609,8 @@
type: 'category',
boundaryGap: false,
axisLabel: {
show: true,
interval: 0
// show: true,
// interval: 0
},
data: data.map(item => item.province),
},
......@@ -915,8 +915,8 @@
type: 'category',
boundaryGap: false,
axisLabel: {
show: true,
interval: 0,
// show: true,
// interval: 0,
},
data: data.map(item => item.month),
},
......
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