@@ -2186,13 +2186,14 @@ export default { | |||||
margin-top: 15px; | margin-top: 15px; | ||||
.zuo { | .zuo { | ||||
padding: 0 0 20px 0; | |||||
padding: 0 15px; | |||||
margin-right: 15px; | margin-right: 15px; | ||||
background: #ffffff; | background: #ffffff; | ||||
border-radius: 4px; | border-radius: 4px; | ||||
width: 48.7%; | width: 48.7%; | ||||
flex-grow: 1; | flex-grow: 1; | ||||
.title { | .title { | ||||
width: 100%; | width: 100%; | ||||
height: 55px; | height: 55px; | ||||
@@ -2215,6 +2216,7 @@ export default { | |||||
width: 49%; | width: 49%; | ||||
background: #ffffff; | background: #ffffff; | ||||
border-radius: 4px; | border-radius: 4px; | ||||
padding: 0 15px; | |||||
.title { | .title { | ||||
width: 100%; | width: 100%; | ||||
@@ -2346,7 +2348,7 @@ export default { | |||||
.hejisan { | .hejisan { | ||||
width: 100%; | width: 100%; | ||||
margin: 30px auto; | |||||
margin: 15px auto; | |||||
display: flex; | display: flex; | ||||
.sanbox1 { | .sanbox1 { | ||||
@@ -64,8 +64,8 @@ | |||||
padding-right: 18px; | padding-right: 18px; | ||||
"> | "> | ||||
<span style="min-width: 80px" class="demonstration">使用时间:</span> | <span style="min-width: 80px" class="demonstration">使用时间:</span> | ||||
<div class="toptimeqhuan"> | |||||
<div :class="{ tophove: timeType == 4 }" @click="tabtimetap(4)"> | |||||
<div style="margin-left:15px"> | |||||
<!-- <div :class="{ tophove: timeType == 4 }" @click="tabtimetap(4)"> | |||||
近7天 | 近7天 | ||||
</div> | </div> | ||||
<div :class="{ tophove: timeType == 5 }" @click="tabtimetap(5)"> | <div :class="{ tophove: timeType == 5 }" @click="tabtimetap(5)"> | ||||
@@ -73,7 +73,23 @@ | |||||
</div> | </div> | ||||
<div :class="{ tophove: timeType == 6 }" @click="tabtimetap(6)"> | <div :class="{ tophove: timeType == 6 }" @click="tabtimetap(6)"> | ||||
近30天 | 近30天 | ||||
</div> | |||||
</div> --> | |||||
<el-button | |||||
:class="{ 'el-button--primary': timeType == 4 }" | |||||
@click="tabtimetap(4)" | |||||
>近7天</el-button | |||||
> | |||||
<el-button | |||||
:class="{ 'el-button--primary': timeType == 5 }" | |||||
@click="tabtimetap(5)" | |||||
>近15天</el-button | |||||
> | |||||
<el-button | |||||
style="margin-right:15px" | |||||
:class="{ 'el-button--primary': timeType == 6 }" | |||||
@click="tabtimetap(6)" | |||||
>近30天</el-button | |||||
> | |||||
</div> | </div> | ||||
<el-date-picker @change="confirmtime" v-model="customtime" type="daterange" range-separator="-" | <el-date-picker @change="confirmtime" v-model="customtime" type="daterange" range-separator="-" | ||||
:default-time="['00:00:00', '23:59:59']" value-format="yyyy-MM-dd" start-placeholder="开始日期" | :default-time="['00:00:00', '23:59:59']" value-format="yyyy-MM-dd" start-placeholder="开始日期" | ||||
@@ -1819,4 +1835,8 @@ export default { | |||||
/deep/ .el-button--text{ | /deep/ .el-button--text{ | ||||
color: #2671E2; | color: #2671E2; | ||||
} | } | ||||
/deep/ .el-button--primary{ | |||||
background: #2671E2 !important; | |||||
border: 1px solid #2671E2 !important; | |||||
} | |||||
</style> | </style> |
@@ -2,7 +2,7 @@ | |||||
<div class="box-center"> | <div class="box-center"> | ||||
<!-- 头 --> | <!-- 头 --> | ||||
<div class="app-titel"> | <div class="app-titel"> | ||||
<div style="text-indent: 30px;font-weight: bold;">接待时间:</div> | |||||
<!-- <div style="text-indent: 30px;font-weight: bold;">接待时间:</div> | |||||
<div class="toptimeqhuan"> | <div class="toptimeqhuan"> | ||||
<div :class="{ tophove: TimetoAhoose == 4 }" @click="tabtimetap(4)"> | <div :class="{ tophove: TimetoAhoose == 4 }" @click="tabtimetap(4)"> | ||||
近7天 | 近7天 | ||||
@@ -19,7 +19,33 @@ | |||||
range-separator="-" :default-time="['00:00:00', '23:59:59']" value-format="yyyy-MM-dd" | range-separator="-" :default-time="['00:00:00', '23:59:59']" value-format="yyyy-MM-dd" | ||||
start-placeholder="开始日期" end-placeholder="结束日期"> | start-placeholder="开始日期" end-placeholder="结束日期"> | ||||
</el-date-picker> | </el-date-picker> | ||||
</div> | |||||
</div> --> | |||||
<!-- <div class="app-titel projectBackend"> --> | |||||
<div class="titel-text">筛选日期:</div> | |||||
<div style="margin-left: 14px;"> | |||||
<el-button | |||||
:class="{ 'el-button--primary': TimetoAhoose == 4 }" | |||||
@click="tabtimetap(4)" | |||||
>今天</el-button | |||||
> | |||||
<el-button | |||||
:class="{ 'el-button--primary': TimetoAhoose == 5 }" | |||||
@click="tabtimetap(5)" | |||||
>近7天</el-button | |||||
> | |||||
<el-button | |||||
:class="{ 'el-button--primary': TimetoAhoose == 6 }" | |||||
@click="tabtimetap(6)" | |||||
>近30天</el-button | |||||
> | |||||
</div> | |||||
<div style="margin-left: 26px"> | |||||
<el-date-picker v-model="customtime" @change="confirmtime()" type="daterange" :clearable="false" | |||||
range-separator="-" :default-time="['00:00:00', '23:59:59']" value-format="yyyy-MM-dd" | |||||
start-placeholder="开始日期" end-placeholder="结束日期"> | |||||
</el-date-picker> | |||||
</div> | |||||
<!-- </div> --> | |||||
<!-- <el-select | <!-- <el-select | ||||
v-model="houseTypes" | v-model="houseTypes" | ||||
@change="sysChange" | @change="sysChange" | ||||
@@ -789,10 +815,10 @@ export default { | |||||
.hejisan { | .hejisan { | ||||
width: 92%; | width: 92%; | ||||
margin: 30px auto; | |||||
margin: 15px auto; | |||||
display: flex; | display: flex; | ||||
padding-top: 10px; | |||||
padding-bottom: 10px; | |||||
// padding-top: 10px; | |||||
// padding-bottom: 10px; | |||||
.text1-1 { | .text1-1 { | ||||
color: #666666; | color: #666666; | ||||
@@ -868,4 +894,8 @@ export default { | |||||
text-indent: 16px; | text-indent: 16px; | ||||
} | } | ||||
} | } | ||||
/deep/ .el-button--primary{ | |||||
background: #2671E2 !important; | |||||
border: 1px solid #2671E2 !important; | |||||
} | |||||
</style> | </style> |
@@ -21,7 +21,7 @@ | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="app-titel"> | <div class="app-titel"> | ||||
<div style="text-indent: 30px;font-weight: bold;">接待时间:</div> | |||||
<!-- <div style="text-indent: 30px;font-weight: bold;">接待时间:</div> | |||||
<div class="toptimeqhuan"> | <div class="toptimeqhuan"> | ||||
<div :class="{ tophove: dateType == 4 }" @click="tabtimetap(4)"> | <div :class="{ tophove: dateType == 4 }" @click="tabtimetap(4)"> | ||||
近7天 | 近7天 | ||||
@@ -45,7 +45,32 @@ | |||||
end-placeholder="结束日期" | end-placeholder="结束日期" | ||||
> | > | ||||
</el-date-picker> | </el-date-picker> | ||||
</div> --> | |||||
<div class="titel-text">筛选日期:</div> | |||||
<div style="margin-left: 14px;"> | |||||
<el-button | |||||
:class="{ 'el-button--primary': dateType == 4 }" | |||||
@click="tabtimetap(4)" | |||||
>今天</el-button | |||||
> | |||||
<el-button | |||||
:class="{ 'el-button--primary': dateType == 5 }" | |||||
@click="tabtimetap(5)" | |||||
>近7天</el-button | |||||
> | |||||
<el-button | |||||
:class="{ 'el-button--primary': dateType == 6 }" | |||||
@click="tabtimetap(6)" | |||||
>近30天</el-button | |||||
> | |||||
</div> | |||||
<div style="margin-left: 26px"> | |||||
<el-date-picker v-model="customtime" @change="confirmtime()" type="daterange" :clearable="false" | |||||
range-separator="-" :default-time="['00:00:00', '23:59:59']" value-format="yyyy-MM-dd" | |||||
start-placeholder="开始日期" end-placeholder="结束日期"> | |||||
</el-date-picker> | |||||
</div> | </div> | ||||
<div style="margin-left: 26px" class="div-lab"> | <div style="margin-left: 26px" class="div-lab"> | ||||
<div class="label">团队</div> | <div class="label">团队</div> | ||||
<el-select | <el-select | ||||
@@ -1250,10 +1275,10 @@ export default { | |||||
.hejisan { | .hejisan { | ||||
width: 92%; | width: 92%; | ||||
margin: 30px auto; | |||||
margin: 15px auto; | |||||
display: flex; | display: flex; | ||||
padding-top: 10px; | |||||
padding-bottom: 10px; | |||||
// padding-top: 10px; | |||||
// padding-bottom: 10px; | |||||
.text1-1 { | .text1-1 { | ||||
color: #666666; | color: #666666; | ||||
} | } | ||||
@@ -1334,4 +1359,8 @@ export default { | |||||
background: #2671e2 !important; | background: #2671e2 !important; | ||||
border-color: #2671e2 !important; | border-color: #2671e2 !important; | ||||
} | } | ||||
/deep/ .el-button--primary{ | |||||
background: #2671E2 !important; | |||||
border: 1px solid #2671E2 !important; | |||||
} | |||||
</style> | </style> |
@@ -22,7 +22,7 @@ | |||||
</el-select> | </el-select> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="app-titel"> | |||||
<!-- <div class="app-titel"> | |||||
<div style="text-indent: 30px; min-width: 100px;font-weight:bold;">接待时间:</div> | <div style="text-indent: 30px; min-width: 100px;font-weight:bold;">接待时间:</div> | ||||
<div class="toptimeqhuan"> | <div class="toptimeqhuan"> | ||||
<div :class="{ tophove: TimetoAhoose == 4 }" @click="tabtimetap(4)"> | <div :class="{ tophove: TimetoAhoose == 4 }" @click="tabtimetap(4)"> | ||||
@@ -49,6 +49,32 @@ | |||||
> | > | ||||
</el-date-picker> | </el-date-picker> | ||||
</div> | </div> | ||||
</div> --> | |||||
<div class="app-titel projectBackend"> | |||||
<div class="titel-text">筛选日期:</div> | |||||
<div style="margin-left: 14px;"> | |||||
<el-button | |||||
:class="{ 'el-button--primary': TimetoAhoose == 4 }" | |||||
@click="tabtimetap(4)" | |||||
>今天</el-button | |||||
> | |||||
<el-button | |||||
:class="{ 'el-button--primary': TimetoAhoose == 5 }" | |||||
@click="tabtimetap(5)" | |||||
>近7天</el-button | |||||
> | |||||
<el-button | |||||
:class="{ 'el-button--primary': TimetoAhoose == 6 }" | |||||
@click="tabtimetap(6)" | |||||
>近30天</el-button | |||||
> | |||||
</div> | |||||
<div style="margin-left: 26px"> | |||||
<el-date-picker v-model="customtime" @change="confirmtime()" type="daterange" :clearable="false" | |||||
range-separator="-" :default-time="['00:00:00', '23:59:59']" value-format="yyyy-MM-dd" | |||||
start-placeholder="开始日期" end-placeholder="结束日期"> | |||||
</el-date-picker> | |||||
</div> | |||||
</div> | </div> | ||||
<div class="app-titel"> | <div class="app-titel"> | ||||
<div style="margin-left: 26px; margin-top: 12px" class="div-lab"> | <div style="margin-left: 26px; margin-top: 12px" class="div-lab"> | ||||
@@ -264,6 +290,7 @@ | |||||
<el-button @click="downLoad" icon="el-icon-download">导出</el-button> | <el-button @click="downLoad" icon="el-icon-download">导出</el-button> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div style="padding:10px;background: #fff;"> | |||||
<el-table :header-cell-style="{background:'#F5F7FA',color:'#333333'}" :data="tableData" stripe style="width: 100%" height="640"> | <el-table :header-cell-style="{background:'#F5F7FA',color:'#333333'}" :data="tableData" stripe style="width: 100%" height="640"> | ||||
<el-table-column prop="statDate" label="日期" align="center"> | <el-table-column prop="statDate" label="日期" align="center"> | ||||
<template slot-scope="scope"> | <template slot-scope="scope"> | ||||
@@ -370,6 +397,7 @@ | |||||
> | > | ||||
</el-pagination> | </el-pagination> | ||||
</div> | </div> | ||||
</div> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -1221,7 +1249,7 @@ export default { | |||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
overflow: hidden; | overflow: hidden; | ||||
margin-left: 20px; | |||||
margin-left: 10px; | |||||
cursor: pointer; | cursor: pointer; | ||||
} | } | ||||
.toptimeqhuan div { | .toptimeqhuan div { | ||||
@@ -1340,10 +1368,10 @@ export default { | |||||
.hejisan { | .hejisan { | ||||
width: 92%; | width: 92%; | ||||
margin: 30px auto; | |||||
margin: 15px auto; | |||||
display: flex; | display: flex; | ||||
padding-top: 10px; | |||||
padding-bottom: 10px; | |||||
// padding-top: 10px; | |||||
// padding-bottom: 10px; | |||||
.text1-1 { | .text1-1 { | ||||
color: #666666; | color: #666666; | ||||
} | } | ||||
@@ -1439,4 +1467,9 @@ export default { | |||||
background-size: 100%; | background-size: 100%; | ||||
margin-left: 6px; | margin-left: 6px; | ||||
} | } | ||||
/deep/ .el-button--primary{ | |||||
background: #2671E2 !important; | |||||
border: 1px solid #2671E2 !important; | |||||
} | |||||
</style> | </style> |
@@ -748,10 +748,10 @@ export default { | |||||
.hejisan { | .hejisan { | ||||
width: 92%; | width: 92%; | ||||
margin: 30px auto; | |||||
margin: 15px auto; | |||||
display: flex; | display: flex; | ||||
padding-top: 10px; | |||||
padding-bottom: 10px; | |||||
// padding-top: 10px; | |||||
// padding-bottom: 10px; | |||||
.text1-1 { | .text1-1 { | ||||
color: #666666; | color: #666666; | ||||
} | } | ||||
@@ -12,7 +12,7 @@ | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="app-titel"> | |||||
<!-- <div class="app-titel"> | |||||
<div style="text-indent: 30px;font-weight: bold;">接待时间:</div> | <div style="text-indent: 30px;font-weight: bold;">接待时间:</div> | ||||
<div class="toptimeqhuan"> | <div class="toptimeqhuan"> | ||||
<div :class="{ tophove: TimetoAhoose == 4 }" @click="tabtimetap(4)"> | <div :class="{ tophove: TimetoAhoose == 4 }" @click="tabtimetap(4)"> | ||||
@@ -34,6 +34,32 @@ | |||||
<div style="margin-left: auto; margin-right: 10px" v-if="sta_team_downLoad"> | <div style="margin-left: auto; margin-right: 10px" v-if="sta_team_downLoad"> | ||||
<el-button @click="downLoad" icon="el-icon-download">导出</el-button> | <el-button @click="downLoad" icon="el-icon-download">导出</el-button> | ||||
</div> | </div> | ||||
</div> --> | |||||
<div class="app-titel projectBackend"> | |||||
<div class="titel-text">筛选日期:</div> | |||||
<div style="margin-left: 14px;"> | |||||
<el-button | |||||
:class="{ 'el-button--primary': TimetoAhoose == 4 }" | |||||
@click="tabtimetap(4)" | |||||
>今天</el-button | |||||
> | |||||
<el-button | |||||
:class="{ 'el-button--primary': TimetoAhoose == 5 }" | |||||
@click="tabtimetap(5)" | |||||
>近7天</el-button | |||||
> | |||||
<el-button | |||||
:class="{ 'el-button--primary': TimetoAhoose == 6 }" | |||||
@click="tabtimetap(6)" | |||||
>近30天</el-button | |||||
> | |||||
</div> | |||||
<div style="margin-left: 26px"> | |||||
<el-date-picker v-model="customtime" @change="confirmtime()" type="daterange" :clearable="false" | |||||
range-separator="-" :default-time="['00:00:00', '23:59:59']" value-format="yyyy-MM-dd" | |||||
start-placeholder="开始日期" end-placeholder="结束日期"> | |||||
</el-date-picker> | |||||
</div> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<!-- 表格 --> | <!-- 表格 --> | ||||
@@ -1058,10 +1084,10 @@ tbody tr { | |||||
.hejisan { | .hejisan { | ||||
width: 92%; | width: 92%; | ||||
margin: 30px auto; | |||||
margin: 15px auto; | |||||
display: flex; | display: flex; | ||||
padding-top: 10px; | |||||
padding-bottom: 10px; | |||||
// padding-top: 10px; | |||||
// padding-bottom: 10px; | |||||
.text1-1 { | .text1-1 { | ||||
color: #666666; | color: #666666; | ||||
@@ -1150,4 +1176,8 @@ tbody tr { | |||||
background-size: 100%; | background-size: 100%; | ||||
margin-left: 6px; | margin-left: 6px; | ||||
} | } | ||||
/deep/ .el-button--primary{ | |||||
background: #2671E2 !important; | |||||
border: 1px solid #2671E2 !important; | |||||
} | |||||
</style> | </style> |
@@ -87,8 +87,8 @@ | |||||
<div style="line-height: 40px; font-weight: bold">时段统计</div> | <div style="line-height: 40px; font-weight: bold">时段统计</div> | ||||
<div> | <div> | ||||
<div class="app-titel"> | <div class="app-titel"> | ||||
<div class="toptimeqhuan"> | |||||
<div :class="{ tophove: dateType1 == 1 }" @click="tabtimetap1(1)"> | |||||
<div class=""> | |||||
<!-- <div :class="{ tophove: dateType1 == 1 }" @click="tabtimetap1(1)"> | |||||
近7天 | 近7天 | ||||
</div> | </div> | ||||
<div :class="{ tophove: dateType1 == 3 }" @click="tabtimetap1(3)"> | <div :class="{ tophove: dateType1 == 3 }" @click="tabtimetap1(3)"> | ||||
@@ -96,7 +96,22 @@ | |||||
</div> | </div> | ||||
<div :class="{ tophove: dateType1 == 2 }" @click="tabtimetap1(2)"> | <div :class="{ tophove: dateType1 == 2 }" @click="tabtimetap1(2)"> | ||||
近30天 | 近30天 | ||||
</div> | |||||
</div> --> | |||||
<el-button | |||||
:class="{ 'el-button--primary': dateType1 == 1 }" | |||||
@click="tabtimetap1(1)" | |||||
>近7天</el-button | |||||
> | |||||
<el-button | |||||
:class="{ 'el-button--primary': dateType1 == 3 }" | |||||
@click="tabtimetap1(3)" | |||||
>近15天</el-button | |||||
> | |||||
<el-button | |||||
:class="{ 'el-button--primary': dateType1 == 2 }" | |||||
@click="tabtimetap1(2)" | |||||
>近30天</el-button | |||||
> | |||||
</div> | </div> | ||||
<div style="margin-left: 26px"> | <div style="margin-left: 26px"> | ||||
<el-date-picker @change="confirmtime1()" v-model="customtime1" type="daterange" range-separator="-" | <el-date-picker @change="confirmtime1()" v-model="customtime1" type="daterange" range-separator="-" | ||||
@@ -220,8 +235,8 @@ | |||||
<div style="line-height: 30px; font-weight: bold">整体看板</div> | <div style="line-height: 30px; font-weight: bold">整体看板</div> | ||||
<div> | <div> | ||||
<div class="app-titel"> | <div class="app-titel"> | ||||
<div class="toptimeqhuan"> | |||||
<div :class="{ tophove: dateType == 4 }" @click="tabtimetap(4)"> | |||||
<div class=""> | |||||
<!-- <div :class="{ tophove: dateType == 4 }" @click="tabtimetap(4)"> | |||||
近7天 | 近7天 | ||||
</div> | </div> | ||||
<div :class="{ tophove: dateType == 5 }" @click="tabtimetap(5)"> | <div :class="{ tophove: dateType == 5 }" @click="tabtimetap(5)"> | ||||
@@ -229,7 +244,22 @@ | |||||
</div> | </div> | ||||
<div :class="{ tophove: dateType == 6 }" @click="tabtimetap(6)"> | <div :class="{ tophove: dateType == 6 }" @click="tabtimetap(6)"> | ||||
近30天 | 近30天 | ||||
</div> | |||||
</div> --> | |||||
<el-button | |||||
:class="{ 'el-button--primary': dateType == 4 }" | |||||
@click="tabtimetap(4)" | |||||
>近7天</el-button | |||||
> | |||||
<el-button | |||||
:class="{ 'el-button--primary': dateType == 5 }" | |||||
@click="tabtimetap(5)" | |||||
>近15天</el-button | |||||
> | |||||
<el-button | |||||
:class="{ 'el-button--primary': dateType == 6 }" | |||||
@click="tabtimetap(6)" | |||||
>近30天</el-button | |||||
> | |||||
</div> | </div> | ||||
<div style="margin-left: 26px"> | <div style="margin-left: 26px"> | ||||
<el-date-picker @change="confirmtime()" v-model="customtime" type="daterange" range-separator="-" | <el-date-picker @change="confirmtime()" v-model="customtime" type="daterange" range-separator="-" | ||||
@@ -1694,9 +1724,9 @@ export default { | |||||
.hejisan { | .hejisan { | ||||
width: 92%; | width: 92%; | ||||
margin: 30px auto; | |||||
margin: 15px auto; | |||||
display: flex; | display: flex; | ||||
margin-top: 15px; | |||||
// margin-top: 15px; | |||||
.text1-1 { | .text1-1 { | ||||
color: #666666; | color: #666666; | ||||
@@ -1729,4 +1759,8 @@ export default { | |||||
/deep/ .el-button--text{ | /deep/ .el-button--text{ | ||||
color: #2671E2; | color: #2671E2; | ||||
} | } | ||||
/deep/ .el-button--primary{ | |||||
background: #2671E2 !important; | |||||
border: 1px solid #2671E2 !important; | |||||
} | |||||
</style> | </style> |
@@ -206,8 +206,8 @@ | |||||
<div style="line-height: 40px; font-weight: bold">时段统计</div> | <div style="line-height: 40px; font-weight: bold">时段统计</div> | ||||
<div> | <div> | ||||
<div class="app-titel"> | <div class="app-titel"> | ||||
<div class="toptimeqhuan"> | |||||
<div :class="{ tophove: dateType1 == 1 }" @click="tabtimetap1(1)"> | |||||
<div class=""> | |||||
<!-- <div :class="{ tophove: dateType1 == 1 }" @click="tabtimetap1(1)"> | |||||
近7天 | 近7天 | ||||
</div> | </div> | ||||
<div :class="{ tophove: dateType1 == 3 }" @click="tabtimetap1(3)"> | <div :class="{ tophove: dateType1 == 3 }" @click="tabtimetap1(3)"> | ||||
@@ -215,7 +215,22 @@ | |||||
</div> | </div> | ||||
<div :class="{ tophove: dateType1 == 2 }" @click="tabtimetap1(2)"> | <div :class="{ tophove: dateType1 == 2 }" @click="tabtimetap1(2)"> | ||||
近30天 | 近30天 | ||||
</div> | |||||
</div> --> | |||||
<el-button | |||||
:class="{ 'el-button--primary': dateType1 == 1 }" | |||||
@click="tabtimetap1(1)" | |||||
>近7天</el-button | |||||
> | |||||
<el-button | |||||
:class="{ 'el-button--primary': dateType1 == 3 }" | |||||
@click="tabtimetap1(3)" | |||||
>近15天</el-button | |||||
> | |||||
<el-button | |||||
:class="{ 'el-button--primary': dateType1 == 2 }" | |||||
@click="tabtimetap1(2)" | |||||
>近30天</el-button | |||||
> | |||||
</div> | </div> | ||||
<div style="margin-left: 26px"> | <div style="margin-left: 26px"> | ||||
<el-date-picker @change="confirmtime1()" v-model="customtime1" type="daterange" range-separator="-" | <el-date-picker @change="confirmtime1()" v-model="customtime1" type="daterange" range-separator="-" | ||||
@@ -327,8 +342,8 @@ | |||||
<div style="line-height: 30px; font-weight: bold">整体看板</div> | <div style="line-height: 30px; font-weight: bold">整体看板</div> | ||||
<div> | <div> | ||||
<div class="app-titel"> | <div class="app-titel"> | ||||
<div class="toptimeqhuan"> | |||||
<div :class="{ tophove: dateType == 4 }" @click="tabtimetap(4)"> | |||||
<div class=""> | |||||
<!-- <div :class="{ tophove: dateType == 4 }" @click="tabtimetap(4)"> | |||||
近7天 | 近7天 | ||||
</div> | </div> | ||||
<div :class="{ tophove: dateType == 5 }" @click="tabtimetap(5)"> | <div :class="{ tophove: dateType == 5 }" @click="tabtimetap(5)"> | ||||
@@ -336,7 +351,22 @@ | |||||
</div> | </div> | ||||
<div :class="{ tophove: dateType == 6 }" @click="tabtimetap(6)"> | <div :class="{ tophove: dateType == 6 }" @click="tabtimetap(6)"> | ||||
近30天 | 近30天 | ||||
</div> | |||||
</div> --> | |||||
<el-button | |||||
:class="{ 'el-button--primary': dateType == 4 }" | |||||
@click="tabtimetap(4)" | |||||
>近7天</el-button | |||||
> | |||||
<el-button | |||||
:class="{ 'el-button--primary': dateType == 5 }" | |||||
@click="tabtimetap(5)" | |||||
>近15天</el-button | |||||
> | |||||
<el-button | |||||
:class="{ 'el-button--primary': dateType == 6 }" | |||||
@click="tabtimetap(6)" | |||||
>近30天</el-button | |||||
> | |||||
</div> | </div> | ||||
<div style="margin-left: 26px"> | <div style="margin-left: 26px"> | ||||
<el-date-picker @change="confirmtime()" v-model="customtime" type="daterange" range-separator="-" | <el-date-picker @change="confirmtime()" v-model="customtime" type="daterange" range-separator="-" | ||||
@@ -1726,9 +1756,9 @@ export default { | |||||
.hejisan { | .hejisan { | ||||
width: 92%; | width: 92%; | ||||
margin: 30px auto; | |||||
margin: 15px auto; | |||||
display: flex; | display: flex; | ||||
margin-top: 15px; | |||||
// margin-top: 15px; | |||||
.text1-1 { | .text1-1 { | ||||
color: #666666; | color: #666666; | ||||
@@ -1761,4 +1791,8 @@ export default { | |||||
/deep/ .el-button--text{ | /deep/ .el-button--text{ | ||||
color: #2671E2; | color: #2671E2; | ||||
} | } | ||||
/deep/ .el-button--primary{ | |||||
background: #2671E2 !important; | |||||
border: 1px solid #2671E2 !important; | |||||
} | |||||
</style> | </style> |
@@ -97,8 +97,8 @@ | |||||
<div class="app-box-er"> | <div class="app-box-er"> | ||||
<div class="app-titel" style="margin-bottom: 10px"> | <div class="app-titel" style="margin-bottom: 10px"> | ||||
<div class="titel-text" style="text-indent: 0;min-width:64px;">项目趋势</div> | <div class="titel-text" style="text-indent: 0;min-width:64px;">项目趋势</div> | ||||
<div class="toptimeqhuan"> | |||||
<div :class="{ tophove: dateType == 4 }" @click="tabtimetap(4)"> | |||||
<div style="margin-left:14px;"> | |||||
<!-- <div :class="{ tophove: dateType == 4 }" @click="tabtimetap(4)"> | |||||
近7天 | 近7天 | ||||
</div> | </div> | ||||
<div :class="{ tophove: dateType == 5 }" @click="tabtimetap(5)"> | <div :class="{ tophove: dateType == 5 }" @click="tabtimetap(5)"> | ||||
@@ -106,7 +106,22 @@ | |||||
</div> | </div> | ||||
<div :class="{ tophove: dateType == 6 }" @click="tabtimetap(6)"> | <div :class="{ tophove: dateType == 6 }" @click="tabtimetap(6)"> | ||||
近30天 | 近30天 | ||||
</div> | |||||
</div> --> | |||||
<el-button | |||||
:class="{ 'el-button--primary': dateType == 4 }" | |||||
@click="tabtimetap(4)" | |||||
>近7天</el-button | |||||
> | |||||
<el-button | |||||
:class="{ 'el-button--primary': dateType == 5 }" | |||||
@click="tabtimetap(5)" | |||||
>近15天</el-button | |||||
> | |||||
<el-button | |||||
:class="{ 'el-button--primary': dateType == 6 }" | |||||
@click="tabtimetap(6)" | |||||
>近30天</el-button | |||||
> | |||||
</div> | </div> | ||||
<div style="margin-left: 20px;"> | <div style="margin-left: 20px;"> | ||||
<el-date-picker | <el-date-picker | ||||
@@ -1088,9 +1103,9 @@ export default { | |||||
} | } | ||||
.hejisan { | .hejisan { | ||||
width: 92%; | width: 92%; | ||||
margin: 30px auto; | |||||
margin: 15px auto; | |||||
display: flex; | display: flex; | ||||
margin-top: 15px; | |||||
// margin-top: 15px; | |||||
.text1-1 { | .text1-1 { | ||||
color: #666666; | color: #666666; | ||||
} | } | ||||
@@ -1111,4 +1126,8 @@ export default { | |||||
justify-content: space-between; | justify-content: space-between; | ||||
margin-right: 20px; | margin-right: 20px; | ||||
} | } | ||||
/deep/ .el-button--primary{ | |||||
background: #2671E2 !important; | |||||
border: 1px solid #2671E2 !important; | |||||
} | |||||
</style> | </style> |
@@ -15,8 +15,8 @@ | |||||
<div class="app-titel2"> | <div class="app-titel2"> | ||||
<div style="text-indent: 30px;font-weight: bold;">接待时间:</div> | <div style="text-indent: 30px;font-weight: bold;">接待时间:</div> | ||||
<div class="toptimeqhuan"> | |||||
<div :class="{ tophove: TimetoAhoose == 0 }" @click="tabtimetap(0)"> | |||||
<div style="margin-left: 38px;"> | |||||
<!-- <div :class="{ tophove: TimetoAhoose == 0 }" @click="tabtimetap(0)"> | |||||
今日 | 今日 | ||||
</div> | </div> | ||||
<div :class="{ tophove: TimetoAhoose == 1 }" @click="tabtimetap(1)"> | <div :class="{ tophove: TimetoAhoose == 1 }" @click="tabtimetap(1)"> | ||||
@@ -24,7 +24,22 @@ | |||||
</div> | </div> | ||||
<div :class="{ tophove: TimetoAhoose == 2 }" @click="tabtimetap(2)"> | <div :class="{ tophove: TimetoAhoose == 2 }" @click="tabtimetap(2)"> | ||||
近一周 | 近一周 | ||||
</div> | |||||
</div> --> | |||||
<el-button | |||||
:class="{ 'el-button--primary': TimetoAhoose == 4 }" | |||||
@click="tabtimetap(4)" | |||||
>今天</el-button | |||||
> | |||||
<el-button | |||||
:class="{ 'el-button--primary': TimetoAhoose == 5 }" | |||||
@click="tabtimetap(5)" | |||||
>近7天</el-button | |||||
> | |||||
<el-button | |||||
:class="{ 'el-button--primary': TimetoAhoose == 6 }" | |||||
@click="tabtimetap(6)" | |||||
>近30天</el-button | |||||
> | |||||
</div> | </div> | ||||
<div style="margin-left: 26px"> | <div style="margin-left: 26px"> | ||||
<el-date-picker v-model="customtime" @change="confirmtime()" type="daterange" range-separator="-" | <el-date-picker v-model="customtime" @change="confirmtime()" type="daterange" range-separator="-" | ||||
@@ -651,4 +666,8 @@ export default { | |||||
} | } | ||||
} | } | ||||
} | } | ||||
/deep/ .el-button--primary{ | |||||
background: #2671E2 !important; | |||||
border: 1px solid #2671E2 !important; | |||||
} | |||||
</style> | </style> |
@@ -88,8 +88,8 @@ | |||||
<div class="titel-text" style="text-indent: 0; min-width: 64px"> | <div class="titel-text" style="text-indent: 0; min-width: 64px"> | ||||
项目趋势 | 项目趋势 | ||||
</div> | </div> | ||||
<div class="toptimeqhuan"> | |||||
<div :class="{ tophove: dateType == 4 }" @click="tabtimetap(4)"> | |||||
<div class="" style="margin-left:15px"> | |||||
<!-- <div :class="{ tophove: dateType == 4 }" @click="tabtimetap(4)"> | |||||
近7天 | 近7天 | ||||
</div> | </div> | ||||
<div :class="{ tophove: dateType == 5 }" @click="tabtimetap(5)"> | <div :class="{ tophove: dateType == 5 }" @click="tabtimetap(5)"> | ||||
@@ -97,7 +97,23 @@ | |||||
</div> | </div> | ||||
<div :class="{ tophove: dateType == 6 }" @click="tabtimetap(6)"> | <div :class="{ tophove: dateType == 6 }" @click="tabtimetap(6)"> | ||||
近30天 | 近30天 | ||||
</div> | |||||
</div> --> | |||||
<el-button | |||||
:class="{ 'el-button--primary': dateType == 4 }" | |||||
@click="tabtimetap(4)" | |||||
>近7天</el-button | |||||
> | |||||
<el-button | |||||
:class="{ 'el-button--primary': dateType == 5 }" | |||||
@click="tabtimetap(5)" | |||||
>近15天</el-button | |||||
> | |||||
<el-button | |||||
style="margin-right:15px" | |||||
:class="{ 'el-button--primary': dateType == 6 }" | |||||
@click="tabtimetap(6)" | |||||
>近30天</el-button | |||||
> | |||||
</div> | </div> | ||||
<div style="margin-left: 20px"> | <div style="margin-left: 20px"> | ||||
<el-date-picker | <el-date-picker | ||||
@@ -1282,9 +1298,9 @@ export default { | |||||
} | } | ||||
.hejisan { | .hejisan { | ||||
width: 92%; | width: 92%; | ||||
margin: 30px auto; | |||||
margin: 15px auto; | |||||
display: flex; | display: flex; | ||||
margin-top: 15px; | |||||
// margin-top: 15px; | |||||
.text1-1 { | .text1-1 { | ||||
color: #666666; | color: #666666; | ||||
} | } | ||||
@@ -1313,4 +1329,8 @@ export default { | |||||
background-size: 100%; | background-size: 100%; | ||||
margin-left: 6px; | margin-left: 6px; | ||||
} | } | ||||
/deep/ .el-button--primary{ | |||||
background: #2671E2 !important; | |||||
border: 1px solid #2671E2 !important; | |||||
} | |||||
</style> | </style> |
@@ -356,6 +356,7 @@ export default { | |||||
} | } | ||||
.app-box { | .app-box { | ||||
margin-top: 20px; | margin-top: 20px; | ||||
padding: 15px; | |||||
} | } | ||||
.block { | .block { | ||||
width: 100%; | width: 100%; | ||||
@@ -1135,10 +1135,10 @@ export default { | |||||
.hejisan { | .hejisan { | ||||
width: 92%; | width: 92%; | ||||
margin: 30px auto; | |||||
margin: 15px auto; | |||||
display: flex; | display: flex; | ||||
padding-top: 10px; | |||||
padding-bottom: 10px; | |||||
// padding-top: 10px; | |||||
// padding-bottom: 10px; | |||||
.text1-1 { | .text1-1 { | ||||
color: #666666; | color: #666666; | ||||
@@ -369,6 +369,7 @@ export default { | |||||
align-items: center; | align-items: center; | ||||
div { | div { | ||||
margin-right: 10px; | |||||
padding-left: 20px; | padding-left: 20px; | ||||
padding-right: 20px; | padding-right: 20px; | ||||
text-align: center; | text-align: center; | ||||