@@ -2,7 +2,7 @@ | |||||
<div class="box-center"> | <div class="box-center"> | ||||
<!-- 头 --> | <!-- 头 --> | ||||
<div class="app-top"> | <div class="app-top"> | ||||
<div class="app-titel" v-if="orgType != 3"> | |||||
<div class="app-titel" v-if="orgType != 3" style="margin-bottom:10px"> | |||||
<div class="label">项目选择:</div> | <div class="label">项目选择:</div> | ||||
<div style="margin-left: 8px"> | <div style="margin-left: 8px"> | ||||
<el-select | <el-select | ||||
@@ -76,13 +76,13 @@ | |||||
margin-right: 20px; | margin-right: 20px; | ||||
cursor: pointer; | cursor: pointer; | ||||
"> | "> | ||||
<div :class="{ colostyle: tabFlag == 1 }" style="margin-right: 10px" @click="tabClick1(1)"> | |||||
<div :class="{ colostyle: tabFlag == 1 }" style="display: flex;align-items: center;margin-right: 10px" @click="tabClick1(1)"> | |||||
达标 | 达标 | ||||
<el-tooltip effect="light" content="选择的月份,项目的平均执行率≥项目的目标执行率;" placement="bottom-end"> | <el-tooltip effect="light" content="选择的月份,项目的平均执行率≥项目的目标执行率;" placement="bottom-end"> | ||||
<i class="pop"></i> | <i class="pop"></i> | ||||
</el-tooltip> | </el-tooltip> | ||||
</div> | </div> | ||||
<div :class="{ colostyle: tabFlag == 2 }" @click="tabClick1(2)"> | |||||
<div :class="{ colostyle: tabFlag == 2 }" style="display: flex;align-items: center;" @click="tabClick1(2)"> | |||||
未达标 | 未达标 | ||||
<el-tooltip effect="light" content="选择的月份,平均执行率<目标执行率为不达标;" placement="bottom-end"> | <el-tooltip effect="light" content="选择的月份,平均执行率<目标执行率为不达标;" placement="bottom-end"> | ||||
<i class="pop"></i> | <i class="pop"></i> | ||||
@@ -136,19 +136,19 @@ | |||||
margin-right: 20px; | margin-right: 20px; | ||||
cursor: pointer; | cursor: pointer; | ||||
"> | "> | ||||
<div :class="{ colostyle: tabFlag2 == 0 }" style="margin-right: 10px" @click="tabClick2(0)"> | |||||
<div :class="{ colostyle: tabFlag2 == 0 }" style="display: flex;align-items: center;margin-right: 10px" @click="tabClick2(0)"> | |||||
不变 | 不变 | ||||
<el-tooltip effect="light" content="项目选择月份平均执行率=项目的上月的平均执行率;" placement="bottom-end"> | <el-tooltip effect="light" content="项目选择月份平均执行率=项目的上月的平均执行率;" placement="bottom-end"> | ||||
<i class="pop"></i> | <i class="pop"></i> | ||||
</el-tooltip> | </el-tooltip> | ||||
</div> | </div> | ||||
<div :class="{ colostyle: tabFlag2 == 1 }" style="margin-right: 10px" @click="tabClick2(1)"> | |||||
<div :class="{ colostyle: tabFlag2 == 1 }" style="display: flex;align-items: center;margin-right: 10px" @click="tabClick2(1)"> | |||||
上升 | 上升 | ||||
<el-tooltip effect="light" content="项目选择月份平均执行率>项目的上月的平均执行率;" placement="bottom-end"> | <el-tooltip effect="light" content="项目选择月份平均执行率>项目的上月的平均执行率;" placement="bottom-end"> | ||||
<i class="pop"></i> | <i class="pop"></i> | ||||
</el-tooltip> | </el-tooltip> | ||||
</div> | </div> | ||||
<div :class="{ colostyle: tabFlag2 == 2 }" @click="tabClick2(2)"> | |||||
<div :class="{ colostyle: tabFlag2 == 2 }" style="display: flex;align-items: center;" @click="tabClick2(2)"> | |||||
下降 | 下降 | ||||
<el-tooltip effect="light" content="项目选择月份平均执行率<项目的上月的平均执行率;" placement="bottom-end"> | <el-tooltip effect="light" content="项目选择月份平均执行率<项目的上月的平均执行率;" placement="bottom-end"> | ||||
<i class="pop"></i> | <i class="pop"></i> | ||||
@@ -192,9 +192,9 @@ | |||||
</div> | </div> | ||||
<el-table :data="tableData" @selection-change="handleSelectionChange" stripe style="width: 100%" height="640" :header-cell-style="{background:'#F5F7FA',color:'#333333'}"> | <el-table :data="tableData" @selection-change="handleSelectionChange" stripe style="width: 100%" height="640" :header-cell-style="{background:'#F5F7FA',color:'#333333'}"> | ||||
<el-table-column type="selection" width="55"> </el-table-column> | <el-table-column type="selection" width="55"> </el-table-column> | ||||
<el-table-column prop="houseName" label="项目名称" align="center"> | |||||
<el-table-column prop="houseName" label="项目名称" width="120" align="center"> | |||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="地区" align="center"> | |||||
<el-table-column label="地区" align="center" width="120"> | |||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<el-tooltip class="item" effect="dark" :content="row.provinceName + '-' + row.cityName" | <el-tooltip class="item" effect="dark" :content="row.provinceName + '-' + row.cityName" | ||||
placement="top-start"> | placement="top-start"> | ||||
@@ -1076,6 +1076,9 @@ export default { | |||||
margin-right: 15px; | margin-right: 15px; | ||||
background: #ffffff; | background: #ffffff; | ||||
border-radius: 4px; | border-radius: 4px; | ||||
&:nth-child(even){ | |||||
margin-right: 0; | |||||
} | |||||
.title { | .title { | ||||
width: 100%; | width: 100%; | ||||
@@ -81,7 +81,7 @@ | |||||
@size-change="handleSizeChange" | @size-change="handleSizeChange" | ||||
@current-change="handleCurrentChange" | @current-change="handleCurrentChange" | ||||
:current-page="fromdata.currentPage" | :current-page="fromdata.currentPage" | ||||
:page-sizes="[10, 30, 50]" | |||||
:page-sizes="[10,20, 30, 40,50,100]" | |||||
:page-size="fromdata.size" | :page-size="fromdata.size" | ||||
layout="total, sizes, prev, pager, next, jumper" | layout="total, sizes, prev, pager, next, jumper" | ||||
:total="fromdata.total" | :total="fromdata.total" | ||||
@@ -169,7 +169,7 @@ | |||||
@size-change="handleSizeChange111" | @size-change="handleSizeChange111" | ||||
@current-change="handleCurrentChange111" | @current-change="handleCurrentChange111" | ||||
:current-page="erfromdata.currentPage" | :current-page="erfromdata.currentPage" | ||||
:page-sizes="[10, 30, 50]" | |||||
:page-sizes="[10, 20,30, 40,50,100]" | |||||
:page-size="erfromdata.size" | :page-size="erfromdata.size" | ||||
layout="total, sizes, prev, pager, next, jumper" | layout="total, sizes, prev, pager, next, jumper" | ||||
:total="erfromdata.total" | :total="erfromdata.total" | ||||
@@ -192,7 +192,7 @@ export default { | |||||
operationStaffId:'', | operationStaffId:'', | ||||
currentPage:1, | currentPage:1, | ||||
total:0, | total:0, | ||||
size:30, | |||||
size:10, | |||||
startDate:'', | startDate:'', | ||||
endDate:'' | endDate:'' | ||||
}, | }, | ||||
@@ -203,7 +203,7 @@ export default { | |||||
statime:'', | statime:'', | ||||
endtime:'', | endtime:'', | ||||
total:0, | total:0, | ||||
size:30, | |||||
size:10, | |||||
currentPage:1, | currentPage:1, | ||||
operationTypeid:'' | operationTypeid:'' | ||||
}, | }, | ||||