@@ -26,6 +26,13 @@ export default { | |||||
.el-tooltip__popper { | .el-tooltip__popper { | ||||
max-width: 300px; | max-width: 300px; | ||||
} | } | ||||
.el-button--primary{ | |||||
background-color: #2671E2 !important; | |||||
border-color: #2671E2 !important; | |||||
} | |||||
.el-scrollbar__wrap{ | |||||
height: 100vh !important; | |||||
} | |||||
.el-table__row{ | .el-table__row{ | ||||
font-size: 14px!important; | font-size: 14px!important; | ||||
} | } | ||||
@@ -58,7 +58,7 @@ export default { | |||||
.logoIcon{ | .logoIcon{ | ||||
display: block; | display: block; | ||||
width: 50px; | width: 50px; | ||||
height: 36px; | |||||
height: 38px; | |||||
background: url('../../../public/logoPng.png') no-repeat; | background: url('../../../public/logoPng.png') no-repeat; | ||||
background-size: 100%; | background-size: 100%; | ||||
} | } | ||||
@@ -1,6 +1,6 @@ | |||||
<template> | <template> | ||||
<div class="box-center"> | <div class="box-center"> | ||||
<div class="app-titel projectBackend"> | |||||
<div class="app-title projectBackend"> | |||||
<div class="titel-text">筛选日期:</div> | <div class="titel-text">筛选日期:</div> | ||||
<div class=""> | <div class=""> | ||||
<el-button :class="{ 'el-button--primary': TimetoAhoose == 0 }" @click="tabtimetap(0)">今天</el-button> | <el-button :class="{ 'el-button--primary': TimetoAhoose == 0 }" @click="tabtimetap(0)">今天</el-button> | ||||
@@ -479,11 +479,11 @@ | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<div v-if="role != 3 && info.userRoleType != 6" style=" margin-top: 52px;"> | |||||
<div v-if="role != 3 && info.userRoleType != 6" style="margin-top: 52px;"> | |||||
<!-- 系统后台 --> | <!-- 系统后台 --> | ||||
<div style="margin-bottom: 10px; cursor: pointer" v-if="role != 2"> | <div style="margin-bottom: 10px; cursor: pointer" v-if="role != 2"> | ||||
<span style="font-weight: bold; font-size: 18px">待处理</span> | |||||
<div class="page-container"> | |||||
<div style="font-weight: bold; font-size: 18px;margin-bottom: -5px">待处理</div> | |||||
<div class="page-container" style="width: 100%;"> | |||||
<div class="pagechen" style="margin-right:14px" @click="jumpto('1')" v-if="role == 0"> | <div class="pagechen" style="margin-right:14px" @click="jumpto('1')" v-if="role == 0"> | ||||
<div class="pageboxtitle1">45天到期的代理商</div> | <div class="pageboxtitle1">45天到期的代理商</div> | ||||
<div class="pageboxtitle3"> | <div class="pageboxtitle3"> | ||||
@@ -505,15 +505,14 @@ | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="pagechen" style="margin-right:14px" @click="jumpto('4')"> | |||||
<div class="pagechen" @click="jumpto('4')"> | |||||
<div class="pageboxtitle1"> | <div class="pageboxtitle1"> | ||||
<div class="sum-top"> | <div class="sum-top"> | ||||
<div>低电量设备</div> | |||||
<el-tooltip effect="light" content="电量低于20%的设备" placement="bottom-end"> | |||||
<i class="pop"></i> | |||||
</el-tooltip> | |||||
<div>低电量设备</div> | |||||
<el-tooltip effect="light" content="电量低于20%的设备" placement="bottom-end"> | |||||
<i class="pop"></i> | |||||
</el-tooltip> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="pageboxtitle3"> | <div class="pageboxtitle3"> | ||||
{{ sysTop.lowElectricityEquipmentQuantity || 0 }} | {{ sysTop.lowElectricityEquipmentQuantity || 0 }} | ||||
@@ -521,10 +520,10 @@ | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div style="font-weight: bold; font-size: 18px; margin: 10px 0"> | |||||
<div style="font-weight: bold; font-size: 18px; margin-bottom: -5px"> | |||||
数据简报 | 数据简报 | ||||
</div> | </div> | ||||
<!-- <div class="app-titel projectBackend"> | |||||
<!-- <div class="app-title projectBackend"> | |||||
<div class="titel-text">筛选日期:</div> | <div class="titel-text">筛选日期:</div> | ||||
<div class=""> | <div class=""> | ||||
<el-button :class="{ 'el-button--primary': TimetoAhoose == 0 }" @click="tabtimetap(0)">今天</el-button> | <el-button :class="{ 'el-button--primary': TimetoAhoose == 0 }" @click="tabtimetap(0)">今天</el-button> | ||||
@@ -1964,8 +1963,8 @@ export default { | |||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 20px 15px; | |||||
min-width: 1000px; | |||||
padding: 20px 15px 40px; | |||||
// min-width: 1000px; | |||||
} | } | ||||
.house-only { | .house-only { | ||||
@@ -2162,6 +2161,10 @@ export default { | |||||
font-weight: 400; | font-weight: 400; | ||||
color: #666666; | color: #666666; | ||||
line-height: 16px; | line-height: 16px; | ||||
.sum-top{ | |||||
display: flex; | |||||
align-items: center; | |||||
} | |||||
} | } | ||||
.projectCardItem { | .projectCardItem { | ||||
@@ -2391,15 +2394,15 @@ export default { | |||||
border-radius: 5px; | border-radius: 5px; | ||||
} | } | ||||
.app-titel { | |||||
// width: 100%; | |||||
width: calc(100% - 270px); | |||||
.app-title { | |||||
position: fixed; | position: fixed; | ||||
z-index: 999; | z-index: 999; | ||||
margin-top: -16px; | margin-top: -16px; | ||||
box-shadow: 0px 0px 10px 0px #dadada; | box-shadow: 0px 0px 10px 0px #dadada; | ||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
left: 255px; | |||||
right: 15px; | |||||
.titel-text { | .titel-text { | ||||
height: 100%; | height: 100%; | ||||
@@ -2520,7 +2523,6 @@ export default { | |||||
display: flex; | display: flex; | ||||
align-content: center; | align-content: center; | ||||
justify-content: space-between; | justify-content: space-between; | ||||
padding: 0 20px; | |||||
line-height: 55px; | line-height: 55px; | ||||
} | } | ||||
@@ -500,7 +500,7 @@ export default { | |||||
currentPage4: 1, | currentPage4: 1, | ||||
total: 0, //总条数 | total: 0, //总条数 | ||||
pageNum: 1, | pageNum: 1, | ||||
pageSize: 30, | |||||
pageSize: 10, | |||||
contractStartDate: "", //开始时间 | contractStartDate: "", //开始时间 | ||||
contractEndDate: "", //结束时间 | contractEndDate: "", //结束时间 | ||||
serviceStatus: "", //状态 | serviceStatus: "", //状态 | ||||
@@ -25,13 +25,13 @@ | |||||
</div> | </div> | ||||
<div class="div-labox"> | <div class="div-labox"> | ||||
<div class="labeltext"> | |||||
<div class="labeltext" style="margin-left: 15px;"> | |||||
<!-- 时间: --> | <!-- 时间: --> | ||||
<el-select | <el-select | ||||
v-model="searchForm.timeType" | v-model="searchForm.timeType" | ||||
@change="houseChange" | @change="houseChange" | ||||
placeholder="请选择" | placeholder="请选择" | ||||
style="width: 125px" | |||||
style="width: 125px;" | |||||
> | > | ||||
<el-option | <el-option | ||||
v-for="item in timeTypeList" | v-for="item in timeTypeList" | ||||
@@ -851,11 +851,10 @@ export default { | |||||
} | } | ||||
.booxtop { | .booxtop { | ||||
width: 100%; | width: 100%; | ||||
padding: 20px; | |||||
background: #fff; | background: #fff; | ||||
border-radius: 2px; | |||||
border-radius: 4px; | |||||
padding-bottom: 10px; | |||||
margin-top: 0px; | margin-top: 0px; | ||||
padding-right: 20px; | |||||
.app-topbox { | .app-topbox { | ||||
width: 100%; | width: 100%; | ||||
display: flex; | display: flex; | ||||
@@ -63,17 +63,8 @@ | |||||
padding-top: 18px; | padding-top: 18px; | ||||
padding-right: 18px; | padding-right: 18px; | ||||
"> | "> | ||||
<span style="min-width: 80px" class="demonstration">使用时间:</span> | |||||
<div style="margin-left:15px"> | |||||
<!-- <div :class="{ tophove: timeType == 4 }" @click="tabtimetap(4)"> | |||||
近7天 | |||||
</div> | |||||
<div :class="{ tophove: timeType == 5 }" @click="tabtimetap(5)"> | |||||
近15天 | |||||
</div> | |||||
<div :class="{ tophove: timeType == 6 }" @click="tabtimetap(6)"> | |||||
近30天 | |||||
</div> --> | |||||
<span class="demonstration">使用时间:</span> | |||||
<div> | |||||
<el-button | <el-button | ||||
:class="{ 'el-button--primary': timeType == 4 }" | :class="{ 'el-button--primary': timeType == 4 }" | ||||
@click="tabtimetap(4)" | @click="tabtimetap(4)" | ||||
@@ -85,23 +76,22 @@ | |||||
>近15天</el-button | >近15天</el-button | ||||
> | > | ||||
<el-button | <el-button | ||||
style="margin-right:15px" | |||||
:class="{ 'el-button--primary': timeType == 6 }" | :class="{ 'el-button--primary': timeType == 6 }" | ||||
@click="tabtimetap(6)" | @click="tabtimetap(6)" | ||||
>近30天</el-button | >近30天</el-button | ||||
> | > | ||||
</div> | </div> | ||||
<el-date-picker @change="confirmtime" v-model="customtime" type="daterange" range-separator="-" | |||||
<el-date-picker style="width: 230px;margin-left: 10px" @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="开始日期" | ||||
end-placeholder="结束日期" :picker-options="pickerOptions"> | end-placeholder="结束日期" :picker-options="pickerOptions"> | ||||
</el-date-picker> | </el-date-picker> | ||||
<div style="margin-left: 10px; margin-top: 8px"> | |||||
<div style="margin-left: 10px; margin-top: 3px"> | |||||
<el-checkbox v-model="checked" @change="radioChange">对比时间段</el-checkbox> | <el-checkbox v-model="checked" @change="radioChange">对比时间段</el-checkbox> | ||||
</div> | </div> | ||||
<div v-if="checked" style=" | <div v-if="checked" style=" | ||||
margin-left: 20px; | margin-left: 20px; | ||||
border: 1px solid #dcdfe6; | border: 1px solid #dcdfe6; | ||||
min-width: 220px; | |||||
min-width: 200px; | |||||
height: 32px; | height: 32px; | ||||
border-radius: 4px; | border-radius: 4px; | ||||
max-width: 360px; | max-width: 360px; | ||||
@@ -1578,7 +1568,7 @@ export default { | |||||
<style lang='less' scoped> | <style lang='less' scoped> | ||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 20px 15px 20px; | |||||
padding: 20px 15px 40px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
} | } | ||||
@@ -1608,16 +1598,15 @@ export default { | |||||
} | } | ||||
.titlebox1 { | .titlebox1 { | ||||
// width: 100%; | |||||
width: calc(100% - 270px); | |||||
position: fixed; | position: fixed; | ||||
z-index: 999; | z-index: 999; | ||||
margin-top: -16px; | margin-top: -16px; | ||||
background: #ffffff; | background: #ffffff; | ||||
// box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04); | |||||
box-shadow: 0px 0px 10px 0px #dadada; | box-shadow: 0px 0px 10px 0px #dadada; | ||||
border-radius: 8px; | |||||
padding-bottom: 18px; | |||||
border-radius: 4px; | |||||
padding-bottom: 15px; | |||||
left: 255px; | |||||
right: 15px; | |||||
} | } | ||||
.titlebox { | .titlebox { | ||||
@@ -1626,7 +1615,7 @@ export default { | |||||
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04); | box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04); | ||||
border-radius: 8px; | border-radius: 8px; | ||||
margin-top: 120px; | margin-top: 120px; | ||||
padding: 10px 0; | |||||
padding: 15px 0; | |||||
} | } | ||||
.tablebox { | .tablebox { | ||||
@@ -1640,7 +1629,6 @@ export default { | |||||
.kapiannox { | .kapiannox { | ||||
width: 98%; | width: 98%; | ||||
margin-top: 20px; | |||||
} | } | ||||
.tabcard { | .tabcard { | ||||
@@ -559,7 +559,7 @@ export default { | |||||
} | } | ||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 5px 15px 20px; | |||||
padding: 5px 15px 40px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
} | } | ||||
.toptab { | .toptab { | ||||
@@ -273,64 +273,57 @@ | |||||
</div> | </div> | ||||
</div> --> | </div> --> | ||||
<div class="app-titel" style="margin-top: 15px"> | <div class="app-titel" style="margin-top: 15px"> | ||||
<!-- <div class="label" style="color: #ffffff">筛选相关:</div> --> | |||||
<div style="margin-left: 20px"> | |||||
<div class="btn-group"> | |||||
<el-button type="primary" @click="screen">筛选</el-button> | <el-button type="primary" @click="screen">筛选</el-button> | ||||
</div> | </div> | ||||
<div style="margin-left: 20px"> | |||||
<div class="btn-group"> | |||||
<el-button @click="reset" type="text">清空筛选条件</el-button> | <el-button @click="reset" type="text">清空筛选条件</el-button> | ||||
<el-button style="margin-left:10px;" @click="isSystoleForm" type="text">{{isOpen?'收起':'展开'}}<i style="margin-left:5px;" :class="isOpen?'el-icon-arrow-up':'el-icon-arrow-down'"></i></el-button> | <el-button style="margin-left:10px;" @click="isSystoleForm" type="text">{{isOpen?'收起':'展开'}}<i style="margin-left:5px;" :class="isOpen?'el-icon-arrow-up':'el-icon-arrow-down'"></i></el-button> | ||||
</div> | </div> | ||||
<div style="margin-left: auto; margin-right: 10px;display: flex;"> | <div style="margin-left: auto; margin-right: 10px;display: flex;"> | ||||
<div style="margin-left: 20px"> | |||||
<div class="btn-group" v-if="equ_state_open"> | |||||
<el-button | <el-button | ||||
@click="openAllLight()" | @click="openAllLight()" | ||||
type="primary" | type="primary" | ||||
v-if="equ_state_open" | |||||
:disabled="multipleSelection.length == 0" | :disabled="multipleSelection.length == 0" | ||||
>批量开启指示灯</el-button | >批量开启指示灯</el-button | ||||
> | > | ||||
</div> | </div> | ||||
<div style="margin-left: 20px"> | |||||
<div class="btn-group" v-if="equ_state_off"> | |||||
<el-button | <el-button | ||||
@click="closeAllLight()" | @click="closeAllLight()" | ||||
type="primary" | type="primary" | ||||
v-if="equ_state_off" | |||||
:disabled="multipleSelection.length == 0" | :disabled="multipleSelection.length == 0" | ||||
>批量关闭指示灯</el-button | >批量关闭指示灯</el-button | ||||
> | > | ||||
</div> | </div> | ||||
<div style="margin-left: 20px"> | |||||
<div class="btn-group" v-if="equ_state_back"> | |||||
<el-button | <el-button | ||||
@click="Batchreturn()" | @click="Batchreturn()" | ||||
type="primary" | type="primary" | ||||
v-if="equ_state_back" | |||||
:disabled="multipleSelection.length == 0" | :disabled="multipleSelection.length == 0" | ||||
>批量归还</el-button | >批量归还</el-button | ||||
> | > | ||||
</div> | </div> | ||||
<div style="margin-left: 20px"> | |||||
<div class="btn-group" v-if="equ_state_tranfer"> | |||||
<el-button | <el-button | ||||
@click="infoMasstransfer()" | @click="infoMasstransfer()" | ||||
type="primary" | type="primary" | ||||
v-if="equ_state_tranfer" | |||||
:disabled="multipleSelection.length == 0" | :disabled="multipleSelection.length == 0" | ||||
>批量转移</el-button | >批量转移</el-button | ||||
> | > | ||||
</div> | </div> | ||||
<div style="margin-left: 20px"> | |||||
<div class="btn-group" v-if="equ_state_unbind"> | |||||
<el-button | <el-button | ||||
@click="zkequipmentUnbind()" | @click="zkequipmentUnbind()" | ||||
type="primary" | type="primary" | ||||
v-if="equ_state_unbind" | |||||
:disabled="multipleSelection.length == 0" | :disabled="multipleSelection.length == 0" | ||||
>批量解绑</el-button | >批量解绑</el-button | ||||
> | > | ||||
</div> | </div> | ||||
<div | <div | ||||
style="margin-left: 20px" | |||||
class="btn-group" | |||||
v-if="equ_state_downLoad" | v-if="equ_state_downLoad" | ||||
> | > | ||||
<el-button @click="downLoad" icon="el-icon-download">导出</el-button> | <el-button @click="downLoad" icon="el-icon-download">导出</el-button> | ||||
@@ -1510,7 +1503,7 @@ export default { | |||||
<style scoped="scoped" lang="scss" > | <style scoped="scoped" lang="scss" > | ||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 5px 15px 20px; | |||||
padding: 5px 15px 40px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
} | } | ||||
.tongji { | .tongji { | ||||
@@ -1548,6 +1541,9 @@ export default { | |||||
margin-left: 15px; | margin-left: 15px; | ||||
min-width: 78px; | min-width: 78px; | ||||
} | } | ||||
.btn-group{ | |||||
margin-left: 20px; | |||||
} | |||||
.toptimeqhuan { | .toptimeqhuan { | ||||
height: 30px; | height: 30px; | ||||
background: #ffffff; | background: #ffffff; | ||||
@@ -140,41 +140,22 @@ | |||||
justify-content: center; | justify-content: center; | ||||
align-items: center; | align-items: center; | ||||
"> | "> | ||||
<el-button style="border:1px solid #2671e2;color:#2671e2" plain @click="texttap()">文本优化</el-button> | |||||
<el-button style="border:1px solid #2671e2;color:#2671e2;font-size: 14px" plain @click="texttap()">文本优化</el-button> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<!-- box-shadow: -10px 0px 7px -7px #d1d1d1 inset; --> | <!-- box-shadow: -10px 0px 7px -7px #d1d1d1 inset; --> | ||||
<div class="headboxbott"> | <div class="headboxbott"> | ||||
<div class="headovfu" | <div class="headovfu" | ||||
:style="{ boxShadow: tablist.length > 4 ? '-10px 0px 7px -7px #d1d1d1 inset' : '' }"> | :style="{ boxShadow: tablist.length > 4 ? '-10px 0px 7px -7px #d1d1d1 inset' : '' }"> | ||||
<div style=" width: 100%; | |||||
display: grid; | |||||
grid-auto-flow: column;" class="inner-container"> | |||||
<!-- <div | |||||
@click="tapspagek(index)" | |||||
:class="{ roleindexclass: roleindex == index }" | |||||
class="biaoji1" | |||||
v-for="(item, index) in tablist" | |||||
:key="index" | |||||
> | |||||
{{ item.name }} | |||||
</div> --> | |||||
<el-button v-for="(item, index) in tablist" style="width:82px;height: 32px;" :key="index" | |||||
<div class="inner-container"> | |||||
<el-button v-for="(item, index) in tablist" style="height: 32px;" :key="index" | |||||
:class="{ 'el-button--primary': roleindex == index }" @click="tapspagek(index)">{{ item.name }} | :class="{ 'el-button--primary': roleindex == index }" @click="tapspagek(index)">{{ item.name }} | ||||
</el-button> | </el-button> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div v-if="rec_index_flag" class="headpade"> | <div v-if="rec_index_flag" class="headpade"> | ||||
<!-- <div | |||||
class="biaoji" | |||||
@click="biaoji()" | |||||
> | |||||
标记 | |||||
</div> --> | |||||
<el-button v-if="mg == 0" | <el-button v-if="mg == 0" | ||||
style="width: 80px;border:1px solid #E6625B;color:#E6625B" plain @click="biaoji()">标记</el-button> | |||||
style="width: 80px;border:1px solid #E6625B;color:#E6625B;font-size: 14px" plain @click="biaoji()">标记</el-button> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<div style="width: 100%;margin-top: 20px;border-top: 1px solid #ccc;"> | <div style="width: 100%;margin-top: 20px;border-top: 1px solid #ccc;"> | ||||
@@ -237,7 +218,7 @@ | |||||
<el-button v-if="rec_index_makesure" style="margin-right: 10px;border:1px solid #2671e2;color:#2671e2" plain | <el-button v-if="rec_index_makesure" style="margin-right: 10px;border:1px solid #2671e2;color:#2671e2" plain | ||||
@click="Acqtap()">校准</el-button> | @click="Acqtap()">校准</el-button> | ||||
</div> | </div> | ||||
<div class="pingfenbox" style="margin: 10px 0 20px;padding: 0px 10px 22px 10px;height:auto;"> | |||||
<div class="pingfenbox" style="margin: 10px 0 20px;padding: 0px 10px 28px 10px;height:auto;"> | |||||
<!-- <div :class="{ activecllasscet: kehuyixiangcenterindex == 0 }" @click="customerofintention(0)"> | <!-- <div :class="{ activecllasscet: kehuyixiangcenterindex == 0 }" @click="customerofintention(0)"> | ||||
</div> | </div> | ||||
@@ -245,10 +226,10 @@ | |||||
</div> --> | </div> --> | ||||
<el-button :class="{ activecllasscet: kehuyixiangcenterindex == 0 }" type="" | <el-button :class="{ activecllasscet: kehuyixiangcenterindex == 0 }" type="" | ||||
style="height: 40px; border-right: none;border-radius: 5px 0 0 5px;" @click="customerofintention(0)">系统分析 | |||||
style="height: 32px; border-right: none;border-radius: 5px 0 0 5px;" @click="customerofintention(0)">系统分析 | |||||
</el-button> | </el-button> | ||||
<el-button :class="{ activecllasscet: kehuyixiangcenterindex == 1 }" type="" | <el-button :class="{ activecllasscet: kehuyixiangcenterindex == 1 }" type="" | ||||
style="margin-left: 0px;height: 40px; border-left: none;border-radius: 0 5px 5px 0;" | |||||
style="margin-left: 0px;height: 32px; border-left: none;border-radius: 0 5px 5px 0;" | |||||
@click="customerofintention(1)">人工校准</el-button> | @click="customerofintention(1)">人工校准</el-button> | ||||
</div> | </div> | ||||
<div v-if="Getintentionlist && Getintentionlist.length == 0" | <div v-if="Getintentionlist && Getintentionlist.length == 0" | ||||
@@ -297,7 +278,7 @@ | |||||
</div> | </div> | ||||
<div class="pingfenbox" style="padding: 0px 10px 22px 10px;height:auto;"> | |||||
<div class="pingfenbox" style="padding: 0px 10px 28px 10px;height:auto;"> | |||||
<!-- <div :class="{ activecllasscet: zhixingcenterindex == 0 }" @click="recordclick(0)"> | <!-- <div :class="{ activecllasscet: zhixingcenterindex == 0 }" @click="recordclick(0)"> | ||||
销讲总执行率{{ userinformationlist.fraction || 0 }}% | 销讲总执行率{{ userinformationlist.fraction || 0 }}% | ||||
</div> | </div> | ||||
@@ -305,11 +286,11 @@ | |||||
禁忌执行 | 禁忌执行 | ||||
</div> --> | </div> --> | ||||
<el-button :class="{ activecllasscet: zhixingcenterindex == 0 }" type="" | <el-button :class="{ activecllasscet: zhixingcenterindex == 0 }" type="" | ||||
style="height: 40px; border-right: none;border-radius: 5px 0 0 5px;" @click="recordclick(0)">销讲总执行率{{ | |||||
style="height: 32px; border-right: none;border-radius: 5px 0 0 5px;" @click="recordclick(0)">销讲总执行率{{ | |||||
userinformationlist.fraction || 0 | userinformationlist.fraction || 0 | ||||
}}%</el-button> | }}%</el-button> | ||||
<el-button :class="{ activecllasscet: zhixingcenterindex == 1 }" type="" | <el-button :class="{ activecllasscet: zhixingcenterindex == 1 }" type="" | ||||
style="margin-left: 0px;height: 40px; width: 126.5px; border-left: none;border-radius: 0 5px 5px 0;" | |||||
style="margin-left: 0px;height: 32px; width: 126.5px; border-left: none;border-radius: 0 5px 5px 0;" | |||||
@click="recordclick(1)">禁忌执行</el-button> | @click="recordclick(1)">禁忌执行</el-button> | ||||
</div> | </div> | ||||
@@ -1865,21 +1846,15 @@ export default { | |||||
} | } | ||||
.center2 { | .center2 { | ||||
padding-left: 10px; | |||||
padding-right: 10px; | |||||
padding: 0 15px; | |||||
width: 100%; | width: 100%; | ||||
// height: 100%; | |||||
height: calc(80vh - 285px); | height: calc(80vh - 285px); | ||||
overflow-y: scroll; | overflow-y: scroll; | ||||
.right { | .right { | ||||
// text-align: right !important; | |||||
.content123ss { | .content123ss { | ||||
justify-content: end; | justify-content: end; | ||||
flex-direction: row-reverse; | flex-direction: row-reverse; | ||||
width: 365px; | width: 365px; | ||||
span { | span { | ||||
margin-right: 0 !important; | margin-right: 0 !important; | ||||
margin-left: 5px; | margin-left: 5px; | ||||
@@ -1956,7 +1931,7 @@ export default { | |||||
font-size: 14px; | font-size: 14px; | ||||
padding: 5px 14px; | padding: 5px 14px; | ||||
border-radius: 8px; | border-radius: 8px; | ||||
// margin: 0 12px; | |||||
margin: 0 10px; | |||||
line-height: 1.5; | line-height: 1.5; | ||||
max-width: 365px; | max-width: 365px; | ||||
} | } | ||||
@@ -2241,7 +2216,7 @@ export default { | |||||
padding: 10px; | padding: 10px; | ||||
background: #ffffff; | background: #ffffff; | ||||
border: 1px solid #e0e0e0; | border: 1px solid #e0e0e0; | ||||
margin-left: 20px; | |||||
margin-left: 15px; | |||||
} | } | ||||
} | } | ||||
@@ -2313,7 +2288,7 @@ export default { | |||||
.topzuo-you { | .topzuo-you { | ||||
width: 39%; | width: 39%; | ||||
height: 100%; | height: 100%; | ||||
margin-left: 18px; | |||||
margin-left: 15px; | |||||
background: #ffffff; | background: #ffffff; | ||||
border: 1px solid #e0e0e0; | border: 1px solid #e0e0e0; | ||||
} | } | ||||
@@ -2325,7 +2300,7 @@ export default { | |||||
height: 100%; | height: 100%; | ||||
background: #ffffff; | background: #ffffff; | ||||
border: 1px solid #e0e0e0; | border: 1px solid #e0e0e0; | ||||
margin-left: 20px; | |||||
margin-left: 15px; | |||||
} | } | ||||
} | } | ||||
@@ -2380,6 +2355,8 @@ export default { | |||||
.inner-container { | .inner-container { | ||||
overflow-x: auto; | overflow-x: auto; | ||||
height: 40px; | height: 40px; | ||||
display: flex; | |||||
flex-wrap: nowrap; | |||||
} | } | ||||
/*滚动条样式*/ | /*滚动条样式*/ | ||||
@@ -903,7 +903,7 @@ export default { | |||||
<style scoped="scoped" lang="scss" > | <style scoped="scoped" lang="scss" > | ||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 5px 15px 20px; | |||||
padding: 5px 15px 40px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
} | } | ||||
@@ -642,7 +642,7 @@ export default { | |||||
<style scoped="scoped" lang="scss" > | <style scoped="scoped" lang="scss" > | ||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 5px 15px 20px; | |||||
padding: 5px 15px 40px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
} | } | ||||
.cen-tab { | .cen-tab { | ||||
@@ -670,9 +670,9 @@ export default { | |||||
font-size: 16px; | font-size: 16px; | ||||
font-weight: 400; | font-weight: 400; | ||||
color: #32363d; | color: #32363d; | ||||
line-height: 14px; | |||||
min-width: 100px; | |||||
line-height: 24px; | |||||
text-align: right; | text-align: right; | ||||
margin-left: 15px; | |||||
} | } | ||||
.toptimeqhuan { | .toptimeqhuan { | ||||
height: 30px; | height: 30px; | ||||
@@ -728,7 +728,7 @@ export default { | |||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 15px 15px 20px; | |||||
padding: 15px 15px 40px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
} | } | ||||
@@ -752,11 +752,13 @@ export default { | |||||
border-radius: 4px; | border-radius: 4px; | ||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
width: calc(100% - 270px); | |||||
// width: calc(100% - 270px); | |||||
position: fixed; | position: fixed; | ||||
box-shadow: 0px 0px 10px 0px #dadada; | box-shadow: 0px 0px 10px 0px #dadada; | ||||
z-index: 999; | z-index: 999; | ||||
margin-top: -10px; | margin-top: -10px; | ||||
left: 255px; | |||||
right: 15px; | |||||
.titel-text { | .titel-text { | ||||
height: 100%; | height: 100%; | ||||
@@ -116,6 +116,7 @@ | |||||
v-if="tabFlag == 1" | v-if="tabFlag == 1" | ||||
prop="prohibitedCustomer" | prop="prohibitedCustomer" | ||||
label="违禁接待次数" | label="违禁接待次数" | ||||
width="120" | |||||
align="center" | align="center" | ||||
sortable | sortable | ||||
> | > | ||||
@@ -128,6 +129,7 @@ | |||||
prop="prohibitedZb" | prop="prohibitedZb" | ||||
label="违禁接待占比" | label="违禁接待占比" | ||||
align="center" | align="center" | ||||
width="120" | |||||
sortable | sortable | ||||
> | > | ||||
<template slot-scope="{ row }"> {{ row.prohibitedZb }}% </template> | <template slot-scope="{ row }"> {{ row.prohibitedZb }}% </template> | ||||
@@ -150,7 +152,7 @@ | |||||
label="销讲执行率" | label="销讲执行率" | ||||
align="center" | align="center" | ||||
sortable | sortable | ||||
width="110" | |||||
width="120" | |||||
> | > | ||||
<template slot-scope="{ row }" style="text-align: center;"> {{ row.fraction }}% </template> | <template slot-scope="{ row }" style="text-align: center;"> {{ row.fraction }}% </template> | ||||
</el-table-column> | </el-table-column> | ||||
@@ -162,7 +164,7 @@ | |||||
align="center" | align="center" | ||||
width="100" | width="100" | ||||
> | > | ||||
<template slot-scope="{ row }"> {{ row[item.props] }}% </template> | |||||
<template slot-scope="{ row }"> {{ row[item.props] }}{{tabFlag == 0?'%': ''}}</template> | |||||
</el-table-column> | </el-table-column> | ||||
</el-table> | </el-table> | ||||
<div style="display: flex; justify-content: flex-end; margin-top: 10px"> | <div style="display: flex; justify-content: flex-end; margin-top: 10px"> | ||||
@@ -1123,7 +1125,7 @@ export default { | |||||
} | } | ||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 20px 15px; | |||||
padding: 20px 15px 40px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
} | } | ||||
.imgboxc-img{ | .imgboxc-img{ | ||||
@@ -1144,7 +1146,6 @@ export default { | |||||
width: 100%; | width: 100%; | ||||
height: 70px; | height: 70px; | ||||
background: #ffffff; | background: #ffffff; | ||||
// box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04); | |||||
border-radius: 4px; | border-radius: 4px; | ||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
@@ -1177,17 +1178,16 @@ export default { | |||||
} | } | ||||
.app-top { | .app-top { | ||||
// width: 100%; | |||||
width: calc(100% - 270px); | |||||
position: fixed; | position: fixed; | ||||
z-index: 999; | z-index: 999; | ||||
margin-top: -16px; | margin-top: -16px; | ||||
background: #ffffff; | background: #ffffff; | ||||
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04); | |||||
box-shadow: 0px 0px 10px 0px #dadada; | box-shadow: 0px 0px 10px 0px #dadada; | ||||
border-radius: 4px; | border-radius: 4px; | ||||
padding-top: 15px; | padding-top: 15px; | ||||
padding-bottom: 15px; | padding-bottom: 15px; | ||||
left: 255px; | |||||
right: 15px; | |||||
.app-titel { | .app-titel { | ||||
width: 100%; | width: 100%; | ||||
display: flex; | display: flex; | ||||
@@ -346,9 +346,8 @@ export default { | |||||
<style scoped="scoped" lang="scss" > | <style scoped="scoped" lang="scss" > | ||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 15px; | |||||
padding: 15px 15px 40px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
padding-bottom: 100px; | |||||
} | } | ||||
.cen-tab{ | .cen-tab{ | ||||
width: 100%; | width: 100%; | ||||
@@ -1337,11 +1337,11 @@ export default { | |||||
<style scoped="scoped" lang="scss" > | <style scoped="scoped" lang="scss" > | ||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 20px 15px; | |||||
padding: 20px 15px 40px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
} | } | ||||
.cen-tab { | .cen-tab { | ||||
width: 99%; | |||||
width: 100%; | |||||
margin-top: 15px; | margin-top: 15px; | ||||
padding-bottom: 15px; | padding-bottom: 15px; | ||||
} | } | ||||
@@ -1387,7 +1387,7 @@ export default { | |||||
.app-top { | .app-top { | ||||
// width: 100%; | // width: 100%; | ||||
width: calc(100% - 270px); | |||||
// width: calc(100% - 270px); | |||||
position: fixed; | position: fixed; | ||||
z-index: 999; | z-index: 999; | ||||
margin-top: -16px; | margin-top: -16px; | ||||
@@ -1397,6 +1397,8 @@ export default { | |||||
border-radius: 4px; | border-radius: 4px; | ||||
padding-top: 15px; | padding-top: 15px; | ||||
padding-bottom: 15px; | padding-bottom: 15px; | ||||
left: 255px; | |||||
right: 15px; | |||||
.app-titel { | .app-titel { | ||||
width: 100%; | width: 100%; | ||||
display: flex; | display: flex; | ||||
@@ -1405,7 +1407,7 @@ export default { | |||||
height: 100%; | height: 100%; | ||||
font-size: 16px; | font-size: 16px; | ||||
color: #32363d; | color: #32363d; | ||||
text-indent: 30px; | |||||
text-indent: 20px; | |||||
} | } | ||||
.toptimeqhuan { | .toptimeqhuan { | ||||
width: 190px; | width: 190px; | ||||
@@ -1430,19 +1432,17 @@ export default { | |||||
.app-box-san { | .app-box-san { | ||||
width: 100%; | width: 100%; | ||||
// height: 400px; | |||||
display: flex; | display: flex; | ||||
justify-content: space-between; | |||||
margin-top: 15px; | margin-top: 15px; | ||||
.zuo { | .zuo { | ||||
flex: 1; | |||||
width: 49%; | |||||
height: 100%; | height: 100%; | ||||
margin-right: 15px; | |||||
background: #ffffff; | background: #ffffff; | ||||
border-radius: 4px; | border-radius: 4px; | ||||
.title { | .title { | ||||
width: 100%; | width: 100%; | ||||
height: 55px; | height: 55px; | ||||
// border-bottom: 1px solid #e0e0e0; | |||||
display: flex; | display: flex; | ||||
align-content: center; | align-content: center; | ||||
.text1 { | .text1 { | ||||
@@ -1785,7 +1785,7 @@ export default { | |||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 15px 15px 20px; | |||||
padding: 15px 15px 40px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
} | } | ||||
@@ -2112,11 +2112,13 @@ export default { | |||||
border-radius: 4px; | border-radius: 4px; | ||||
padding-top: 15px; | padding-top: 15px; | ||||
padding-bottom: 15px; | padding-bottom: 15px; | ||||
width: calc(100% - 270px); | |||||
// width: calc(100% - 270px); | |||||
position: fixed; | position: fixed; | ||||
z-index: 999; | z-index: 999; | ||||
box-shadow: 0px 0px 10px 0px #dadada; | box-shadow: 0px 0px 10px 0px #dadada; | ||||
margin-top: -10px; | margin-top: -10px; | ||||
left: 255px; | |||||
right: 15px; | |||||
} | } | ||||
.app-titel { | .app-titel { | ||||
@@ -2128,7 +2130,7 @@ export default { | |||||
height: 100%; | height: 100%; | ||||
font-size: 16px; | font-size: 16px; | ||||
color: #32363d; | color: #32363d; | ||||
text-indent: 30px; | |||||
text-indent: 20px; | |||||
} | } | ||||
.toptimeqhuan { | .toptimeqhuan { | ||||
@@ -645,7 +645,7 @@ export default { | |||||
<style scoped="scoped" lang="scss" > | <style scoped="scoped" lang="scss" > | ||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 5px 15px 20px; | |||||
padding: 5px 15px 40px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
} | } | ||||
.cen-tab { | .cen-tab { | ||||
@@ -1248,7 +1248,7 @@ tbody tr { | |||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 20px 15px; | |||||
padding: 20px 15px 40px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
} | } | ||||
@@ -1265,17 +1265,17 @@ tbody tr { | |||||
} | } | ||||
.app-top { | .app-top { | ||||
// width: 100%; | |||||
width: calc(100% - 270px); | |||||
position: fixed; | position: fixed; | ||||
z-index: 999; | z-index: 999; | ||||
margin-top: -16px; | margin-top: -16px; | ||||
background: #ffffff; | background: #ffffff; | ||||
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04); | |||||
// box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04); | |||||
box-shadow: 0px 0px 10px 0px #dadada; | box-shadow: 0px 0px 10px 0px #dadada; | ||||
border-radius: 4px; | border-radius: 4px; | ||||
padding-top: 15px; | padding-top: 15px; | ||||
padding-bottom: 15px; | padding-bottom: 15px; | ||||
left: 255px; | |||||
right: 15px; | |||||
} | } | ||||
.app-titel { | .app-titel { | ||||
@@ -1287,7 +1287,7 @@ tbody tr { | |||||
height: 100%; | height: 100%; | ||||
font-size: 16px; | font-size: 16px; | ||||
color: #32363d; | color: #32363d; | ||||
text-indent: 30px; | |||||
text-indent: 20px; | |||||
} | } | ||||
.toptimeqhuan { | .toptimeqhuan { | ||||
@@ -1322,7 +1322,7 @@ export default { | |||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 20px 15px; | |||||
padding: 20px 15px 40px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
} | } | ||||
@@ -1501,7 +1501,7 @@ export default { | |||||
.app-top { | .app-top { | ||||
// width: 100%; | // width: 100%; | ||||
width: calc(100% - 270px); | |||||
// width: calc(100% - 270px); | |||||
position: fixed; | position: fixed; | ||||
z-index: 999; | z-index: 999; | ||||
margin-top: -16px; | margin-top: -16px; | ||||
@@ -1511,6 +1511,8 @@ export default { | |||||
border-radius: 4px; | border-radius: 4px; | ||||
padding-top: 15px; | padding-top: 15px; | ||||
padding-bottom: 15px; | padding-bottom: 15px; | ||||
left:255px; | |||||
right: 15px; | |||||
} | } | ||||
.app-titel { | .app-titel { | ||||
@@ -1286,9 +1286,8 @@ export default { | |||||
@import "../../components/theme.color.scss"; | @import "../../components/theme.color.scss"; | ||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 15px; | |||||
padding: 15px 15px 40px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
padding-bottom: 100px; | |||||
} | } | ||||
.tabcard { | .tabcard { | ||||
@@ -1305,8 +1304,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 { | ||||
@@ -1684,17 +1683,16 @@ export default { | |||||
} | } | ||||
.app-top { | .app-top { | ||||
// width: 100%; | |||||
width: calc(100% - 270px); | |||||
position: fixed; | position: fixed; | ||||
z-index: 999; | z-index: 999; | ||||
margin-top: -16px; | margin-top: -16px; | ||||
background: #ffffff; | background: #ffffff; | ||||
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04); | |||||
box-shadow: 0px 0px 10px 0px #dadada; | box-shadow: 0px 0px 10px 0px #dadada; | ||||
border-radius: 4px; | border-radius: 4px; | ||||
padding-top: 15px; | padding-top: 15px; | ||||
padding-bottom: 15px; | padding-bottom: 15px; | ||||
left: 255px; | |||||
right: 15px; | |||||
} | } | ||||
.app-titel { | .app-titel { | ||||
@@ -1717,16 +1717,18 @@ export default { | |||||
.app-top { | .app-top { | ||||
// width: 100%; | // width: 100%; | ||||
width: calc(100% - 270px); | |||||
// width: calc(100% - 270px); | |||||
position: fixed; | position: fixed; | ||||
z-index: 999; | z-index: 999; | ||||
margin-top: -16px; | margin-top: -16px; | ||||
background: #ffffff; | background: #ffffff; | ||||
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04); | |||||
// box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04); | |||||
box-shadow: 0px 0px 10px 0px #dadada; | box-shadow: 0px 0px 10px 0px #dadada; | ||||
border-radius: 4px; | border-radius: 4px; | ||||
padding-top: 15px; | padding-top: 15px; | ||||
padding-bottom: 15px; | padding-bottom: 15px; | ||||
left: 255px; | |||||
right: 15px; | |||||
} | } | ||||
.app-titel { | .app-titel { | ||||
@@ -1889,7 +1889,7 @@ export default { | |||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 20px 15px 30px; | |||||
padding: 20px 15px 40px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
} | } | ||||
@@ -2291,7 +2291,7 @@ export default { | |||||
.app-top { | .app-top { | ||||
// width: 100%; | // width: 100%; | ||||
width: calc(100% - 270px); | |||||
// width: calc(100% - 270px); | |||||
position: fixed; | position: fixed; | ||||
z-index: 999; | z-index: 999; | ||||
margin-top: -16px; | margin-top: -16px; | ||||
@@ -2301,6 +2301,8 @@ export default { | |||||
border-radius: 4px; | border-radius: 4px; | ||||
padding-top: 15px; | padding-top: 15px; | ||||
padding-bottom: 15px; | padding-bottom: 15px; | ||||
left: 255px; | |||||
right: 15px; | |||||
} | } | ||||
.app-titel { | .app-titel { | ||||
@@ -24,16 +24,7 @@ | |||||
<div class="app-titel2"> | <div class="app-titel2"> | ||||
<div style="text-indent: 30px;">接待时间:</div> | <div style="text-indent: 30px;">接待时间:</div> | ||||
<div style="margin-left: 38px;"> | |||||
<!-- <div :class="{ tophove: TimetoAhoose == 0 }" @click="tabtimetap(0)"> | |||||
今日 | |||||
</div> | |||||
<div :class="{ tophove: TimetoAhoose == 1 }" @click="tabtimetap(1)"> | |||||
昨日 | |||||
</div> | |||||
<div :class="{ tophove: TimetoAhoose == 2 }" @click="tabtimetap(2)"> | |||||
近一周 | |||||
</div> --> | |||||
<div style="margin-left: 20px;"> | |||||
<el-button | <el-button | ||||
:class="{ 'el-button--primary': TimetoAhoose == 0 }" | :class="{ 'el-button--primary': TimetoAhoose == 0 }" | ||||
@click="tabtimetap(0)" | @click="tabtimetap(0)" | ||||
@@ -113,15 +104,7 @@ | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<div v-else> | <div v-else> | ||||
<div | |||||
style=" | |||||
width: 100%; | |||||
height: 200px; | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: center; | |||||
" | |||||
> | |||||
<div class="empty-box"> | |||||
<img class="imgboxc-img" style="width: 120px; height: 120px" src="/img/nullnull.png" alt="" /> | <img class="imgboxc-img" style="width: 120px; height: 120px" src="/img/nullnull.png" alt="" /> | ||||
<div class="nulltext" style="font-size: 14px">暂无数据</div> | <div class="nulltext" style="font-size: 14px">暂无数据</div> | ||||
</div> | </div> | ||||
@@ -554,7 +537,7 @@ export default { | |||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding:20px 15px; | |||||
padding:20px 15px 40px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
} | } | ||||
@@ -604,14 +587,11 @@ export default { | |||||
.app-box { | .app-box { | ||||
width: 100%; | width: 100%; | ||||
padding-bottom: 20px; | |||||
background: #ffffff; | background: #ffffff; | ||||
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04); | box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04); | ||||
border-radius: 4px; | border-radius: 4px; | ||||
padding-top: 20px; | |||||
padding-left: 30px; | |||||
padding-right: 30px; | |||||
margin-top: 20px; | |||||
padding: 20px 30px; | |||||
margin-top: 15px; | |||||
.conbox { | .conbox { | ||||
height: 18px; | height: 18px; | ||||
@@ -627,12 +607,19 @@ export default { | |||||
margin-top: 20px; | margin-top: 20px; | ||||
display: flex; | display: flex; | ||||
flex-wrap: wrap; | flex-wrap: wrap; | ||||
justify-content: flex-start; | |||||
.alllist { | .alllist { | ||||
width: 16.66%; | width: 16.66%; | ||||
border: 1px solid #e0e0e0; | |||||
padding-bottom: 2px; | padding-bottom: 2px; | ||||
padding-top: 4px; | padding-top: 4px; | ||||
box-shadow: -1px 1px 1px #e0e0e0; | |||||
&:nth-child(1),&:nth-child(2),&:nth-child(3),&:nth-child(4),&:nth-child(5),&:nth-child(6){ | |||||
border-top: 1px solid #e0e0e0; | |||||
} | |||||
&:nth-child(6n),&:last-child{ | |||||
border-right: 1px solid #e0e0e0; | |||||
} | |||||
} | } | ||||
.alllist-text1 { | .alllist-text1 { | ||||
@@ -645,6 +632,14 @@ export default { | |||||
text-align: center; | text-align: center; | ||||
} | } | ||||
} | } | ||||
.empty-box{ | |||||
width: 100%; | |||||
height: 200px; | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: center; | |||||
flex-direction: column; | |||||
} | |||||
} | } | ||||
.box-forhtml { | .box-forhtml { | ||||
@@ -654,7 +649,7 @@ export default { | |||||
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04); | box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04); | ||||
border-radius: 4px; | border-radius: 4px; | ||||
padding: 20px 30px; | padding: 20px 30px; | ||||
margin-top: 20px; | |||||
margin-top: 15px; | |||||
} | } | ||||
.box-forhtml-flex { | .box-forhtml-flex { | ||||
@@ -788,16 +783,18 @@ export default { | |||||
.app-top { | .app-top { | ||||
// width: 100%; | // width: 100%; | ||||
width: calc(100% - 270px); | |||||
// width: calc(100% - 270px); | |||||
position: fixed; | position: fixed; | ||||
z-index: 999; | z-index: 999; | ||||
margin-top: -16px; | margin-top: -16px; | ||||
background: #ffffff; | background: #ffffff; | ||||
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04); | |||||
// box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04); | |||||
box-shadow: 0px 0px 10px 0px #dadada; | box-shadow: 0px 0px 10px 0px #dadada; | ||||
border-radius: 4px; | border-radius: 4px; | ||||
padding-top: 15px; | padding-top: 15px; | ||||
padding-bottom: 15px; | padding-bottom: 15px; | ||||
left: 255px; | |||||
right: 15px; | |||||
.app-titel2 { | .app-titel2 { | ||||
width: 100%; | width: 100%; | ||||
@@ -400,7 +400,7 @@ export default { | |||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 5px 15px; | |||||
padding: 5px 15px 40px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
} | } | ||||
@@ -446,7 +446,7 @@ export default { | |||||
<style scoped="scoped" lang="scss" > | <style scoped="scoped" lang="scss" > | ||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 5px 15px 20px; | |||||
padding: 5px 15px 40px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
} | } | ||||
.delclass { | .delclass { | ||||
@@ -15,7 +15,7 @@ | |||||
<!-- 表格 --> | <!-- 表格 --> | ||||
<div class="cen-tab"> | <div class="cen-tab"> | ||||
<el-table :header-cell-style="{background:'#F5F7FA',color:'#333333'}" :data="tableData" stripe height="390" style="width: 100%"> | |||||
<el-table :header-cell-style="{background:'#F5F7FA',color:'#333333'}" :data="tableData" stripe style="width: 100%"> | |||||
<el-table-column prop="name" label="部门名称" align="center"> | <el-table-column prop="name" label="部门名称" align="center"> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column prop="peopleCount" label="部门人数" align="center"> | <el-table-column prop="peopleCount" label="部门人数" align="center"> | ||||
@@ -47,7 +47,7 @@ | |||||
@size-change="handleSizeChange" | @size-change="handleSizeChange" | ||||
@current-change="handleCurrentChange" | @current-change="handleCurrentChange" | ||||
:current-page="currentPage4" | :current-page="currentPage4" | ||||
:page-sizes="[10, 20, 30, 50,100]" | |||||
:page-sizes="[10, 20, 30, 40,50,100]" | |||||
:page-size="size" | :page-size="size" | ||||
layout="total, sizes, prev, pager, next, jumper" | layout="total, sizes, prev, pager, next, jumper" | ||||
:total="total" | :total="total" | ||||
@@ -152,7 +152,7 @@ | |||||
<!-- 表格 --> | <!-- 表格 --> | ||||
<div class="cen-tab"> | <div class="cen-tab"> | ||||
<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%"> | |||||
<el-table-column prop="propertyName" :show-overflow-tooltip="true" width="120px" label="项目名称" align="center"> | <el-table-column prop="propertyName" :show-overflow-tooltip="true" width="120px" label="项目名称" align="center"> | ||||
</el-table-column> | </el-table-column> | ||||
@@ -180,13 +180,13 @@ | |||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column :key="Math.random()" width="100" prop="managerPhone" label="管理员账号" align="center"> | |||||
<el-table-column :key="Math.random()" width="110" prop="managerPhone" label="管理员账号" align="center"> | |||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
{{ row.managerPhone || "-" }} | {{ row.managerPhone || "-" }} | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column :key="Math.random()" prop="operationStaffName" :width="120" v-if="orgType == 0 || orgType == 1" label="运营人员" | |||||
<el-table-column :show-overflow-tooltip="true" :key="Math.random()" prop="operationStaffName" width="120" v-if="orgType == 0 || orgType == 1" label="运营人员" | |||||
align="center"> | align="center"> | ||||
</el-table-column> | </el-table-column> | ||||
@@ -216,7 +216,7 @@ | |||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column prop="residueTime" :width="100" label="服务状态" align="center"> | |||||
<el-table-column prop="residueTime" width="100" label="服务状态" align="center"> | |||||
<template slot-scope="scope"> | <template slot-scope="scope"> | ||||
<div v-if="scope.row.residueTime > 0"> | <div v-if="scope.row.residueTime > 0"> | ||||
服务中({{ | 服务中({{ | ||||
@@ -274,7 +274,7 @@ | |||||
</el-table> | </el-table> | ||||
<div style="display: flex; justify-content: flex-end; margin-top: 10px"> | <div style="display: flex; justify-content: flex-end; margin-top: 10px"> | ||||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" | <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" | ||||
:page-sizes="[10, 30, 50]" :page-size="size" layout="total, sizes, prev, pager, next, jumper" :total="total"> | |||||
:page-sizes="[10, 20,30, 40,50,100]" :page-size="size" layout="total, sizes, prev, pager, next, jumper" :total="total"> | |||||
</el-pagination> | </el-pagination> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -600,7 +600,7 @@ export default { | |||||
}, | }, | ||||
], | ], | ||||
currentPage: 1, | currentPage: 1, | ||||
size: 30, | |||||
size: 10, | |||||
total: 10, | total: 10, | ||||
value: "", | value: "", | ||||
input: "", | input: "", | ||||
@@ -1277,7 +1277,7 @@ export default { | |||||
<style scoped="scoped" lang="scss" > | <style scoped="scoped" lang="scss" > | ||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 5px 15px 100px; | |||||
padding: 5px 15px 40px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
} | } | ||||
@@ -960,9 +960,8 @@ export default { | |||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 15px; | |||||
padding: 15px 15px 40px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
padding-bottom: 100px; | |||||
} | } | ||||
.cen-tab { | .cen-tab { | ||||
@@ -1018,17 +1017,17 @@ export default { | |||||
.app-top { | .app-top { | ||||
// width: 100%; | // width: 100%; | ||||
width: calc(100% - 270px); | |||||
// width: calc(100% - 270px); | |||||
position: fixed; | position: fixed; | ||||
z-index: 999; | z-index: 999; | ||||
margin-top: -16px; | margin-top: -16px; | ||||
background: #ffffff; | background: #ffffff; | ||||
// box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04); | |||||
box-shadow: 0px 0px 10px 0px #dadada; | box-shadow: 0px 0px 10px 0px #dadada; | ||||
border-radius: 4px; | border-radius: 4px; | ||||
padding-top: 15px; | padding-top: 15px; | ||||
// padding-bottom: 15px; | |||||
padding-bottom: 6px; | padding-bottom: 6px; | ||||
left: 255px; | |||||
right: 15px; | |||||
.app-titel { | .app-titel { | ||||
width: 100%; | width: 100%; | ||||
@@ -371,9 +371,8 @@ export default { | |||||
<style scoped="scoped" lang="scss" > | <style scoped="scoped" lang="scss" > | ||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 15px; | |||||
padding: 15px 15px 40px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
padding-bottom: 100px; | |||||
} | } | ||||
.cen-tab { | .cen-tab { | ||||
width: 100%; | width: 100%; | ||||
@@ -335,9 +335,8 @@ export default { | |||||
<style lang="scss" scoped> | <style lang="scss" scoped> | ||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 15px; | |||||
padding: 15px 15px 40px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
padding-bottom: 100px; | |||||
.app-top { | .app-top { | ||||
width: 100%; | width: 100%; | ||||