|
@@ -51,7 +51,7 @@ |
|
|
</div> --> |
|
|
</div> --> |
|
|
<div class="app-titel projectBackend"> |
|
|
<div class="app-titel projectBackend"> |
|
|
<div class="titel-text">筛选日期:</div> |
|
|
<div class="titel-text">筛选日期:</div> |
|
|
<div style="margin-left: 14px;"> |
|
|
|
|
|
|
|
|
<div style="margin-left: 14px"> |
|
|
<el-button |
|
|
<el-button |
|
|
:class="{ 'el-button--primary': TimetoAhoose == 4 }" |
|
|
:class="{ 'el-button--primary': TimetoAhoose == 4 }" |
|
|
@click="tabtimetap(4)" |
|
|
@click="tabtimetap(4)" |
|
@@ -334,7 +334,11 @@ |
|
|
</el-menu> --> |
|
|
</el-menu> --> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="hejisan" style="margin-top:60px;" :style="{opacity: activeName == 1 ? '0' : '1' }"> |
|
|
|
|
|
|
|
|
<div |
|
|
|
|
|
class="hejisan" |
|
|
|
|
|
style="margin-top: 60px" |
|
|
|
|
|
:style="{ opacity: activeName == 1 ? '0' : '1' }" |
|
|
|
|
|
> |
|
|
<div class="sanbox1" style="width: 30%; text-align: center"> |
|
|
<div class="sanbox1" style="width: 30%; text-align: center"> |
|
|
<div class="text1-1"> |
|
|
<div class="text1-1"> |
|
|
{{ activeName == "3" ? "平均执行率" : "合计" }} |
|
|
{{ activeName == "3" ? "平均执行率" : "合计" }} |
|
@@ -509,8 +513,15 @@ |
|
|
: i + 1 == 3 |
|
|
: i + 1 == 3 |
|
|
? '0px 0px 6px 1px #FFCC00' |
|
|
? '0px 0px 6px 1px #FFCC00' |
|
|
: '#E5F0FF', |
|
|
: '#E5F0FF', |
|
|
'border': i + 1 == 1 ? '1px solid #FFCAC6' : i + 1 == 2 ? '1px solid #FFD6AA' : i + 1 == 3 ? '1px solid #FFEEAC' : 'none', |
|
|
|
|
|
}" |
|
|
|
|
|
|
|
|
border: |
|
|
|
|
|
i + 1 == 1 |
|
|
|
|
|
? '1px solid #FFCAC6' |
|
|
|
|
|
: i + 1 == 2 |
|
|
|
|
|
? '1px solid #FFD6AA' |
|
|
|
|
|
: i + 1 == 3 |
|
|
|
|
|
? '1px solid #FFEEAC' |
|
|
|
|
|
: 'none', |
|
|
|
|
|
}" |
|
|
>{{ i + 1 }}</span |
|
|
>{{ i + 1 }}</span |
|
|
> |
|
|
> |
|
|
<div class="jinboxtit"> |
|
|
<div class="jinboxtit"> |
|
@@ -621,8 +632,15 @@ |
|
|
: i + 1 == 3 |
|
|
: i + 1 == 3 |
|
|
? '0px 0px 6px 1px #FFCC00' |
|
|
? '0px 0px 6px 1px #FFCC00' |
|
|
: '#E5F0FF', |
|
|
: '#E5F0FF', |
|
|
'border': i + 1 == 1 ? '1px solid #FFCAC6' : i + 1 == 2 ? '1px solid #FFD6AA' : i + 1 == 3 ? '1px solid #FFEEAC' : 'none', |
|
|
|
|
|
}" |
|
|
|
|
|
|
|
|
border: |
|
|
|
|
|
i + 1 == 1 |
|
|
|
|
|
? '1px solid #FFCAC6' |
|
|
|
|
|
: i + 1 == 2 |
|
|
|
|
|
? '1px solid #FFD6AA' |
|
|
|
|
|
: i + 1 == 3 |
|
|
|
|
|
? '1px solid #FFEEAC' |
|
|
|
|
|
: 'none', |
|
|
|
|
|
}" |
|
|
>{{ i + 1 }}</span |
|
|
>{{ i + 1 }}</span |
|
|
> |
|
|
> |
|
|
<div class="jinboxtit"> |
|
|
<div class="jinboxtit"> |
|
@@ -983,7 +1001,7 @@ export default { |
|
|
params[0].name + |
|
|
params[0].name + |
|
|
"<br/>" + |
|
|
"<br/>" + |
|
|
params[0].marker + |
|
|
params[0].marker + |
|
|
"接待时常:" + |
|
|
|
|
|
|
|
|
"接待时长:" + |
|
|
parseInt(m) + |
|
|
parseInt(m) + |
|
|
":" + |
|
|
":" + |
|
|
s |
|
|
s |
|
@@ -1034,6 +1052,19 @@ export default { |
|
|
}, |
|
|
}, |
|
|
yAxis: { |
|
|
yAxis: { |
|
|
type: "value", |
|
|
type: "value", |
|
|
|
|
|
axisLabel: { |
|
|
|
|
|
formatter: function (params) { |
|
|
|
|
|
console.log(params) |
|
|
|
|
|
switch (_this.activeName) { |
|
|
|
|
|
case "1": |
|
|
|
|
|
let s = params % 60; |
|
|
|
|
|
let m = params / 60; |
|
|
|
|
|
return parseInt(m); |
|
|
|
|
|
default: |
|
|
|
|
|
return params; |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
}, |
|
|
}, |
|
|
}, |
|
|
series: [ |
|
|
series: [ |
|
|
{ |
|
|
{ |
|
@@ -1073,7 +1104,6 @@ export default { |
|
|
}, |
|
|
}, |
|
|
], |
|
|
], |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
option && myChart.setOption(option); |
|
|
option && myChart.setOption(option); |
|
|
window.addEventListener("resize", () => { |
|
|
window.addEventListener("resize", () => { |
|
|
myChart.resize(); |
|
|
myChart.resize(); |
|
@@ -1772,8 +1802,8 @@ export default { |
|
|
text-indent: 20px; |
|
|
text-indent: 20px; |
|
|
margin-top: 10px; |
|
|
margin-top: 10px; |
|
|
color: #666666; |
|
|
color: #666666; |
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.text2 { |
|
|
.text2 { |
|
@@ -1975,8 +2005,8 @@ export default { |
|
|
font-weight: 500; |
|
|
font-weight: 500; |
|
|
font-size: 16px; |
|
|
font-size: 16px; |
|
|
color: #333333; |
|
|
color: #333333; |
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.text2 { |
|
|
.text2 { |
|
@@ -2008,8 +2038,8 @@ export default { |
|
|
font-weight: 500; |
|
|
font-weight: 500; |
|
|
font-size: 16px; |
|
|
font-size: 16px; |
|
|
color: #333333; |
|
|
color: #333333; |
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.text2 { |
|
|
.text2 { |
|
@@ -2044,8 +2074,8 @@ export default { |
|
|
line-height: 16px; |
|
|
line-height: 16px; |
|
|
text-indent: 20px; |
|
|
text-indent: 20px; |
|
|
margin-top: 20px; |
|
|
margin-top: 20px; |
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.text2 { |
|
|
.text2 { |
|
@@ -2166,8 +2196,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; |
|
|
|
|
|
|
|
|
/deep/ .el-button--primary { |
|
|
|
|
|
background: #2671e2 !important; |
|
|
|
|
|
border: 1px solid #2671e2 !important; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |