@@ -596,7 +596,7 @@ export default { | |||||
flag: false, | flag: false, | ||||
page: { | page: { | ||||
pageNum: 1, | pageNum: 1, | ||||
pageSize: 30, | |||||
pageSize: 10, | |||||
openTime: "", | openTime: "", | ||||
closeTime: "", | closeTime: "", | ||||
houseName: "", | houseName: "", | ||||
@@ -1581,9 +1581,8 @@ export default { | |||||
<style lang='less' scoped> | <style lang='less' scoped> | ||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 20px 15px; | |||||
padding: 5px 15px 20px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
padding-bottom: 100px; | |||||
} | } | ||||
.toptimeqhuan { | .toptimeqhuan { | ||||
@@ -1638,8 +1637,8 @@ export default { | |||||
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: 8px; | border-radius: 8px; | ||||
margin-top: 20px; | |||||
padding: 18px; | |||||
margin-top: 15px; | |||||
padding: 15px; | |||||
} | } | ||||
.kapiannox { | .kapiannox { | ||||
@@ -63,13 +63,13 @@ | |||||
> | > | ||||
<span style="line-height: 40px" class="demonstration">领用人:</span> | <span style="line-height: 40px" class="demonstration">领用人:</span> | ||||
<div style="width: 200px"> | <div style="width: 200px"> | ||||
<el-input maxlength="10" clearable v-model="page.accountName"></el-input> | |||||
<el-input maxlength="10" clearable placeholder="领用人" v-model="page.accountName"></el-input> | |||||
</div> | </div> | ||||
<span class="demonstration" style="margin-left: 18px; line-height: 40px" | <span class="demonstration" style="margin-left: 18px; line-height: 40px" | ||||
>设备编号:</span | >设备编号:</span | ||||
> | > | ||||
<div style="width: 200px"> | <div style="width: 200px"> | ||||
<el-input maxlength="20" clearable v-model="page.imei"></el-input> | |||||
<el-input maxlength="20" placeholder="设备编号" clearable v-model="page.imei"></el-input> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<div | <div | ||||
@@ -97,7 +97,7 @@ | |||||
</div> | </div> | ||||
<div class="tablebox" v-if="activeTotal == 0"> | <div class="tablebox" v-if="activeTotal == 0"> | ||||
<template> | <template> | ||||
<el-table :data="tableData" style="width: 100%" height="640" :header-cell-style="{background:'#F5F7FA',color:'#333333'}"> | |||||
<el-table :data="tableData" style="width: 100%" :header-cell-style="{background:'#F5F7FA',color:'#333333'}"> | |||||
<el-table-column prop="index" label="序号" width="100" align="center"> | <el-table-column prop="index" label="序号" width="100" align="center"> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column prop="imei" label="设备编号" align="center"> | <el-table-column prop="imei" label="设备编号" align="center"> | ||||
@@ -226,7 +226,7 @@ | |||||
</div> | </div> | ||||
<div class="tablebox" v-if="activeTotal == 1"> | <div class="tablebox" v-if="activeTotal == 1"> | ||||
<template> | <template> | ||||
<el-table :data="tableData" style="width: 100%" height="640" :header-cell-style="{background:'#F5F7FA',color:'#333333'}"> | |||||
<el-table :data="tableData" style="width: 100%" :header-cell-style="{background:'#F5F7FA',color:'#333333'}"> | |||||
<el-table-column prop="index" label="序号" width="100" align="center"> | <el-table-column prop="index" label="序号" width="100" align="center"> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column prop="imei" label="设备编号" align="center"> | <el-table-column prop="imei" label="设备编号" align="center"> | ||||
@@ -297,7 +297,7 @@ export default { | |||||
flag: false, | flag: false, | ||||
page: { | page: { | ||||
pageNum: 1, | pageNum: 1, | ||||
pageSize: 30, | |||||
pageSize: 10, | |||||
openTime: "", | openTime: "", | ||||
closeTime: "", | closeTime: "", | ||||
houseName: "", | houseName: "", | ||||
@@ -22,7 +22,7 @@ | |||||
</div> | </div> | ||||
<div class="label">顾问名:</div> | <div class="label">顾问名:</div> | ||||
<div> | <div> | ||||
<el-input maxlength="10" clearable v-model="name"></el-input> | |||||
<el-input maxlength="10" placeholder="顾问名" clearable v-model="name"></el-input> | |||||
</div> | </div> | ||||
<div class="label">工作状态:</div> | <div class="label">工作状态:</div> | ||||
<div> | <div> | ||||
@@ -644,9 +644,8 @@ export default { | |||||
<style scoped="scoped" lang="scss" > | <style scoped="scoped" lang="scss" > | ||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 15px; | |||||
padding: 5px 15px 20px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
padding-bottom: 100px; | |||||
} | } | ||||
.cen-tab { | .cen-tab { | ||||
width: 100%; | width: 100%; | ||||
@@ -713,14 +713,14 @@ export default { | |||||
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: -16px; | |||||
margin-top: -10px; | |||||
.titel-text { | .titel-text { | ||||
height: 100%; | height: 100%; | ||||
font-size: 18px; | |||||
font-size: 16px; | |||||
color: #32363d; | color: #32363d; | ||||
line-height: 70px; | line-height: 70px; | ||||
margin-left: 30px; | |||||
margin-left: 15px; | |||||
} | } | ||||
.toptimeqhuan { | .toptimeqhuan { | ||||
@@ -113,7 +113,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> | ||||
<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="batchId" label="序号" align="center"> | <el-table-column prop="batchId" label="序号" align="center"> | ||||
<template slot-scope="scope"> | <template slot-scope="scope"> | ||||
{{ | {{ | ||||
@@ -650,7 +650,7 @@ export default { | |||||
dateType: 2, | dateType: 2, | ||||
tabFlag: 0, | tabFlag: 0, | ||||
current: 1, | current: 1, | ||||
size: 30, | |||||
size: 10, | |||||
total: 20, | total: 20, | ||||
customtime: [], | customtime: [], | ||||
tablist: [], | tablist: [], | ||||
@@ -1127,13 +1127,12 @@ export default { | |||||
} | } | ||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 15px; | |||||
padding: 20px 15px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
padding-bottom: 100px; | |||||
} | } | ||||
.cen-tab { | .cen-tab { | ||||
width: 100%; | width: 100%; | ||||
padding: 15px; | |||||
padding: 0 15px 15px; | |||||
background: #ffffff; | background: #ffffff; | ||||
margin-top: 15px; | margin-top: 15px; | ||||
} | } | ||||
@@ -114,7 +114,7 @@ | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<div :style="{'margin-top':role != 3?'170px':'120px'}" v-if="consultantlistid"> | |||||
<div :style="{'margin-top':role != 3?'150px':'110px'}" v-if="consultantlistid"> | |||||
<div class="app-box-san"> | <div class="app-box-san"> | ||||
<div class="zuo"> | <div class="zuo"> | ||||
<div class="title"> | <div class="title"> | ||||
@@ -291,7 +291,7 @@ | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<div style="padding:10px;background: #fff;"> | <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%"> | |||||
<el-table-column prop="statDate" label="日期" align="center"> | <el-table-column prop="statDate" label="日期" align="center"> | ||||
<template slot-scope="scope"> | <template slot-scope="scope"> | ||||
{{ | {{ | ||||
@@ -427,7 +427,7 @@ export default { | |||||
customtime: [], | customtime: [], | ||||
tableData: [], | tableData: [], | ||||
current: 1, | current: 1, | ||||
size: 30, | |||||
size: 10, | |||||
total: 20, | total: 20, | ||||
statDateStart: "", | statDateStart: "", | ||||
statDateEnd: "", | statDateEnd: "", | ||||
@@ -1210,15 +1210,13 @@ export default { | |||||
<style scoped="scoped" lang="scss" > | <style scoped="scoped" lang="scss" > | ||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 15px; | |||||
padding: 20px 15px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
padding-bottom: 100px; | |||||
} | } | ||||
.cen-tab { | .cen-tab { | ||||
width: 99%; | width: 99%; | ||||
// padding: 15px; | |||||
// background: #ffffff; | |||||
margin-top: 15px; | margin-top: 15px; | ||||
padding-bottom: 15px; | |||||
} | } | ||||
.tophove { | .tophove { | ||||
color: #ffffff; | color: #ffffff; | ||||
@@ -2057,7 +2057,7 @@ export default { | |||||
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; | ||||
margin-top: 110px; | |||||
margin-top: 100px; | |||||
padding: 15px; | padding: 15px; | ||||
} | } | ||||
@@ -2111,7 +2111,7 @@ export default { | |||||
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: -16px; | |||||
margin-top: -10px; | |||||
} | } | ||||
.app-titel { | .app-titel { | ||||
@@ -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;">接待时间:</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天 | ||||
@@ -236,7 +236,6 @@ | |||||
<el-dialog title="详情" :visible.sync="dialogVisible" width="80%"> | <el-dialog title="详情" :visible.sync="dialogVisible" width="80%"> | ||||
<div class="cen-tab"> | <div class="cen-tab"> | ||||
<el-table | <el-table | ||||
max-height="300" | |||||
:data="detailData" | :data="detailData" | ||||
stripe | stripe | ||||
style="width: 100%" | style="width: 100%" | ||||
@@ -332,9 +331,9 @@ export default { | |||||
current: 1, | current: 1, | ||||
current1: 1, | current1: 1, | ||||
accountId: "", | accountId: "", | ||||
size: 30, | |||||
size: 10, | |||||
total: 20, | total: 20, | ||||
size1: 30, | |||||
size1: 10, | |||||
total1: 20, | total1: 20, | ||||
customtime: [], | customtime: [], | ||||
tablist: [], | tablist: [], | ||||
@@ -615,9 +614,8 @@ export default { | |||||
<style scoped="scoped" lang="scss" > | <style scoped="scoped" lang="scss" > | ||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 15px; | |||||
padding: 5px 15px 20px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
padding-bottom: 100px; | |||||
} | } | ||||
.cen-tab { | .cen-tab { | ||||
width: 100%; | width: 100%; | ||||
@@ -646,8 +644,6 @@ export default { | |||||
font-weight: 400; | font-weight: 400; | ||||
color: #32363d; | color: #32363d; | ||||
line-height: 32px; | line-height: 32px; | ||||
margin-left: 15px; | |||||
// min-width: 100px; | |||||
text-align: right; | text-align: right; | ||||
} | } | ||||
.titel-text { | .titel-text { | ||||
@@ -63,7 +63,7 @@ | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<!-- 表格 --> | <!-- 表格 --> | ||||
<div class="cen-tab" :style="{'margin-top':role != 3?'110px':'70px'}"> | |||||
<div class="cen-tab" :style="{'margin-top':role != 3?'100px':'60px'}"> | |||||
<div style="overflow: auto"> | <div style="overflow: auto"> | ||||
<table> | <table> | ||||
<tbody> | <tbody> | ||||
@@ -945,9 +945,8 @@ tbody tr { | |||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 15px; | |||||
padding: 20px 15px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
padding-bottom: 100px; | |||||
} | } | ||||
.cen-tab { | .cen-tab { | ||||
@@ -1159,7 +1158,7 @@ tbody tr { | |||||
border-bottom: 1px solid #E0E0E0; | border-bottom: 1px solid #E0E0E0; | ||||
text-align: center; | text-align: center; | ||||
line-height: 48px; | line-height: 48px; | ||||
font-size: 16px; | |||||
font-size: 14px; | |||||
color: #32363d; | color: #32363d; | ||||
} | } | ||||
@@ -2,7 +2,7 @@ | |||||
<div class="box-center"> | <div class="box-center"> | ||||
<!-- 头 --> | <!-- 头 --> | ||||
<div class="app-top" style="display:flex;padding:10px 16px;flex-direction: column;"> | <div class="app-top" style="display:flex;padding:10px 16px;flex-direction: column;"> | ||||
<div class="app-titel" v-if="role != 3" style="width:27%;"> | |||||
<div class="app-titel" v-if="role != 3" style="width:27%;margin-bottom: 15px;"> | |||||
<div class="titel-text">项目选择:</div> | <div class="titel-text">项目选择:</div> | ||||
<div style="margin-left: 26px"> | <div style="margin-left: 26px"> | ||||
<el-select v-model="houseId" placeholder="请选择" filterable @change="houseChange"> | <el-select v-model="houseId" placeholder="请选择" filterable @change="houseChange"> | ||||
@@ -11,8 +11,8 @@ | |||||
</el-select> | </el-select> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div style="display: flex;align-items: center;margin-top: 15px;"> | |||||
<div class="titel-text" style="font-size: 14px;font-weight: 600;">筛选日期:</div> | |||||
<div style="display: flex;align-items: center"> | |||||
<div class="titel-text">筛选日期:</div> | |||||
<div style="margin-left: 16px;"> | <div style="margin-left: 16px;"> | ||||
<el-button :class="{ 'el-button--primary': timeType == 4 }" @click="tabtimetap(4)">近7天</el-button> | <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 :class="{ 'el-button--primary': timeType == 5 }" @click="tabtimetap(5)">近15天</el-button> | ||||
@@ -96,7 +96,7 @@ | |||||
</div> | </div> | ||||
<!-- //卡片 --> | <!-- //卡片 --> | ||||
<div class="kapian-box" :style="{'margin-top':role != 3?'110px':'70px'}"> | |||||
<div class="kapian-box" :style="{'margin-top':role != 3?'100px':'50px'}"> | |||||
<div class="kayi"> | <div class="kayi"> | ||||
<div class="shang"> | <div class="shang"> | ||||
<div class="zuo"> | <div class="zuo"> | ||||
@@ -1322,9 +1322,8 @@ export default { | |||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 15px; | |||||
padding: 20px 15px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
padding-bottom: 100px; | |||||
} | } | ||||
.table { | .table { | ||||
@@ -1521,7 +1520,7 @@ export default { | |||||
.titel-text { | .titel-text { | ||||
height: 100%; | height: 100%; | ||||
font-size: 14px; | |||||
font-size: 16px; | |||||
color: #32363d; | color: #32363d; | ||||
} | } | ||||
@@ -14,7 +14,7 @@ | |||||
</div> | </div> | ||||
<div class="app-titel2"> | <div class="app-titel2"> | ||||
<div style="text-indent: 30px;font-weight: bold;">接待时间:</div> | |||||
<div style="text-indent: 30px;">接待时间:</div> | |||||
<div style="margin-left: 38px;"> | <div style="margin-left: 38px;"> | ||||
<!-- <div :class="{ tophove: TimetoAhoose == 0 }" @click="tabtimetap(0)"> | <!-- <div :class="{ tophove: TimetoAhoose == 0 }" @click="tabtimetap(0)"> | ||||
今日 | 今日 | ||||
@@ -52,7 +52,7 @@ | |||||
</div> | </div> | ||||
<!-- 中间 --> | <!-- 中间 --> | ||||
<div style="display: flex;justify-content: space-between" :style="{ 'margin-top': orgType != 3 ? '110px' : '70px' }"> | |||||
<div style="display: flex;justify-content: space-between" :style="{ 'margin-top': orgType != 3 ? '110px' : '60px' }"> | |||||
<el-card style="width: 33%;display: flex;flex-direction: column;align-items: center;text-align: center"> | <el-card style="width: 33%;display: flex;flex-direction: column;align-items: center;text-align: center"> | ||||
<div @click="goTo(1)">{{ efficient || '-' }}</div> | <div @click="goTo(1)">{{ efficient || '-' }}</div> | ||||
<div @click="goTo(1)" style="margin-top: 10px">有效接待</div> | <div @click="goTo(1)" style="margin-top: 10px">有效接待</div> | ||||
@@ -115,10 +115,16 @@ | |||||
align-items: center; | align-items: center; | ||||
justify-content: center; | justify-content: center; | ||||
"> | "> | ||||
<img v-if="inde == 0" style="width: 30px; height: 30px" src="/img/ranking1.png" alt="" /> | |||||
<span class="sequenceNum" :style="{ | |||||
'background': inde + 1 == 1 ? 'linear-gradient(180deg, #FFA395 0%, #F54D3F 100%)' : inde + 1 == 2 ? 'linear-gradient(180deg, #FFBE70 0%, #FF981E 100%)' : inde + 1 == 3 ? 'linear-gradient(180deg, #FFE683 0%, #FFCC00 100%)' : '#E5F0FF', | |||||
'color': inde + 1 == 1 ? '#FFF' : inde + 1 == 2 ? '#FFF' : inde + 1 == 3 ? '#FFF' : '#333', | |||||
'box-shadow': inde + 1 == 1 ? '0px 0px 6px 1px #F54D3F' : inde + 1 == 2 ? '0px 0px 6px 1px #FF981E' : inde + 1 == 3 ? '0px 0px 6px 1px #FFCC00' : '#E5F0FF', | |||||
'border': inde + 1 == 1 ? '1px solid #FFCAC6' : inde + 1 == 2 ? '1px solid #FFD6AA' : inde + 1 == 3 ? '1px solid #FFEEAC' : 'none', | |||||
}">{{ inde + 1 }}</span> | |||||
<!-- <img v-if="inde == 0" style="width: 30px; height: 30px" src="/img/ranking1.png" alt="" /> | |||||
<img v-else-if="inde == 1" style="width: 30px; height: 30px" src="/img/ranking2.png" alt="" /> | <img v-else-if="inde == 1" style="width: 30px; height: 30px" src="/img/ranking2.png" alt="" /> | ||||
<img v-else-if="inde == 2" style="width: 30px; height: 30px" src="/img/ranking3.png" alt="" /> | <img v-else-if="inde == 2" style="width: 30px; height: 30px" src="/img/ranking3.png" alt="" /> | ||||
<div v-else class="indeclass">{{ inde + 1 }}</div> | |||||
<div v-else class="indeclass">{{ inde + 1 }}</div> --> | |||||
</div> | </div> | ||||
<div v-if="index == 2"> | <div v-if="index == 2"> | ||||
{{ itcen.name + "-" + itcen.endName + "㎡" }}({{ itcen.total }}) | {{ itcen.name + "-" + itcen.endName + "㎡" }}({{ itcen.total }}) | ||||
@@ -414,9 +420,8 @@ export default { | |||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 15px; | |||||
padding:20px 15px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
padding-bottom: 100px; | |||||
} | } | ||||
.tophove { | .tophove { | ||||
@@ -588,10 +593,20 @@ export default { | |||||
.table-cent { | .table-cent { | ||||
width: 100%; | width: 100%; | ||||
height: 20px; | |||||
line-height: 20px; | |||||
height: 40px; | |||||
line-height: 40px; | |||||
display: flex; | display: flex; | ||||
margin-top: 18px; | |||||
margin-top: 6px; | |||||
} | |||||
.sequenceNum { | |||||
display: flex; | |||||
width: 26px; | |||||
height: 24px; | |||||
justify-content: center; | |||||
align-items: center; | |||||
background: #E5F0FF; | |||||
border-radius: 15px; | |||||
color: #333333; | |||||
} | } | ||||
.table-cent>div:nth-of-type(1) { | .table-cent>div:nth-of-type(1) { | ||||