|
|
@@ -1,44 +1,52 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div class="box-center"> |
|
|
<div class="box-center"> |
|
|
<div class="toptab" style="cursor: pointer" v-if="orgType != 2"> |
|
|
|
|
|
<div @click="tapclickyab(0)" :class="{ activecllasscet: activeTotal == 0 }" |
|
|
|
|
|
:style="{ background: activeTotal == 0 ? '#2671E2' : '#ffffff' }"> |
|
|
|
|
|
项目 |
|
|
|
|
|
</div> |
|
|
|
|
|
<div v-if="orgType == 0" @click="tapclickyab(1)" :class="{ activecllasscet: activeTotal == 1 }" |
|
|
|
|
|
:style="{ background: activeTotal == 1 ? '#2671E2' : '#ffffff' }"> |
|
|
|
|
|
代理商 |
|
|
|
|
|
</div> |
|
|
|
|
|
<div v-if="orgType == 0 || orgType == 1" @click="tapclickyab(2)" :class="{ activecllasscet: activeTotal == 2 }" |
|
|
|
|
|
:style="{ background: activeTotal == 2 ? '#2671E2' : '#ffffff' }"> |
|
|
|
|
|
公司 |
|
|
|
|
|
|
|
|
<div style=" |
|
|
|
|
|
width: calc(100% - 270px); |
|
|
|
|
|
position: fixed; |
|
|
|
|
|
z-index: 999; |
|
|
|
|
|
margin-top: -16px; |
|
|
|
|
|
background: #ecedf0; |
|
|
|
|
|
box-shadow: 0px 0px 10px 0px #dadada; |
|
|
|
|
|
"> |
|
|
|
|
|
<div class="toptab" style="cursor: pointer" v-if="orgType != 2"> |
|
|
|
|
|
<div @click="tapclickyab(0)" :class="{ activecllasscet: activeTotal == 0 }" |
|
|
|
|
|
:style="{ background: activeTotal == 0 ? '#2671E2' : '#ffffff' }"> |
|
|
|
|
|
项目 |
|
|
|
|
|
</div> |
|
|
|
|
|
<div v-if="orgType == 0" @click="tapclickyab(1)" :class="{ activecllasscet: activeTotal == 1 }" |
|
|
|
|
|
:style="{ background: activeTotal == 1 ? '#2671E2' : '#ffffff' }"> |
|
|
|
|
|
代理商 |
|
|
|
|
|
</div> |
|
|
|
|
|
<div v-if="orgType == 0 || orgType == 1" @click="tapclickyab(2)" :class="{ activecllasscet: activeTotal == 2 }" |
|
|
|
|
|
:style="{ background: activeTotal == 2 ? '#2671E2' : '#ffffff' }"> |
|
|
|
|
|
公司 |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<!-- 头 --> |
|
|
|
|
|
<div class="app-top"> |
|
|
|
|
|
<div class="app-titel" style="margin-top: 5px"> |
|
|
|
|
|
<div class="div-lab"> |
|
|
|
|
|
<div class="label" style="margin-left: 15px">时间：</div> |
|
|
|
|
|
<div class="toptimeqhuan"> |
|
|
|
|
|
<div :class="{ tophove: searchForm.dateType == 4 }" @click="tabtimetap(4)" style="cursor: pointer"> |
|
|
|
|
|
近7天 |
|
|
|
|
|
|
|
|
<!-- 头 --> |
|
|
|
|
|
<div class="app-top"> |
|
|
|
|
|
<div class="app-titel" style="margin-top: 5px"> |
|
|
|
|
|
<div class="div-lab"> |
|
|
|
|
|
<div class="label" style="margin-left: 15px">时间：</div> |
|
|
|
|
|
<div class="toptimeqhuan"> |
|
|
|
|
|
<div :class="{ tophove: searchForm.dateType == 4 }" @click="tabtimetap(4)" style="cursor: pointer"> |
|
|
|
|
|
近7天 |
|
|
|
|
|
</div> |
|
|
|
|
|
<div :class="{ tophove: searchForm.dateType == 5 }" @click="tabtimetap(5)" style="cursor: pointer"> |
|
|
|
|
|
近15天 |
|
|
|
|
|
</div> |
|
|
|
|
|
<div :class="{ tophove: searchForm.dateType == 6 }" @click="tabtimetap(6)" style="cursor: pointer"> |
|
|
|
|
|
近30天 |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div :class="{ tophove: searchForm.dateType == 5 }" @click="tabtimetap(5)" style="cursor: pointer"> |
|
|
|
|
|
近15天 |
|
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
<el-date-picker v-model="time" type="daterange" class="div-inp" range-separator="-" |
|
|
|
|
|
start-placeholder="开始日期" :default-time="['00:00:00', '23:59:59']" value-format="yyyy-MM-dd" |
|
|
|
|
|
end-placeholder="结束日期" @change="timeChange"> |
|
|
|
|
|
</el-date-picker> |
|
|
</div> |
|
|
</div> |
|
|
<div :class="{ tophove: searchForm.dateType == 6 }" @click="tabtimetap(6)" style="cursor: pointer"> |
|
|
|
|
|
近30天 |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div> |
|
|
|
|
|
<el-date-picker v-model="time" type="daterange" class="div-inp" range-separator="-" start-placeholder="开始日期" |
|
|
|
|
|
:default-time="['00:00:00', '23:59:59']" value-format="yyyy-MM-dd" end-placeholder="结束日期" |
|
|
|
|
|
@change="timeChange"> |
|
|
|
|
|
</el-date-picker> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<!-- |
|
|
|
|
|
|
|
|
<!-- |
|
|
<div class="div-lab" v-if="orgType!=2"> |
|
|
<div class="div-lab" v-if="orgType!=2"> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="changeValue" |
|
|
v-model="changeValue" |
|
|
@@ -63,36 +71,36 @@ |
|
|
</el-input> |
|
|
</el-input> |
|
|
</div> --> |
|
|
</div> --> |
|
|
|
|
|
|
|
|
<div class="div-lab" v-if="orgType == 0"> |
|
|
|
|
|
<el-input v-model="changeValue" clearable placeholder="请输入" maxlength="10" @change="selectChange" |
|
|
|
|
|
style="width: 363px"> |
|
|
|
|
|
<el-select v-model="selflag" slot="prepend" class="input-with-select" style="width: 115px" placeholder="请选择" |
|
|
|
|
|
@change="selChange"> |
|
|
|
|
|
<el-option v-if="activeTotal != 1" label="公司名称" value="1"></el-option> |
|
|
|
|
|
<el-option v-if="activeTotal != 2" label="代理商名称" value="2"></el-option> |
|
|
|
|
|
<el-option v-if="activeTotal == 0" label="项目名称" value="3"></el-option> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
</el-input> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="div-lab" v-if="orgType == 0"> |
|
|
|
|
|
<el-input v-model="changeValue" clearable placeholder="请输入" maxlength="10" @change="selectChange" |
|
|
|
|
|
style="width: 363px"> |
|
|
|
|
|
<el-select v-model="selflag" slot="prepend" class="input-with-select" style="width: 115px" |
|
|
|
|
|
placeholder="请选择" @change="selChange"> |
|
|
|
|
|
<el-option v-if="activeTotal != 1" label="公司名称" value="1"></el-option> |
|
|
|
|
|
<el-option v-if="activeTotal != 2" label="代理商名称" value="2"></el-option> |
|
|
|
|
|
<el-option v-if="activeTotal == 0" label="项目名称" value="3"></el-option> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
</el-input> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="div-lab" v-if="orgType == 1"> |
|
|
|
|
|
<el-input v-model="changeValue" clearable placeholder="请输入" maxlength="10" @change="selectChange" |
|
|
|
|
|
style="width: 363px"> |
|
|
|
|
|
<el-select v-model="selflag" slot="prepend" class="input-with-select" style="width: 115px" placeholder="请选择" |
|
|
|
|
|
@change="selChange"> |
|
|
|
|
|
<el-option v-if="activeTotal != 1" label="公司名称" value="1"></el-option> |
|
|
|
|
|
<el-option v-if="activeTotal == 0" label="项目名称" value="3"></el-option> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
</el-input> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="app-titel" style="margin-top: 5px"> |
|
|
|
|
|
<div class="div-lab"> |
|
|
|
|
|
<div class="label">地区：</div> |
|
|
|
|
|
<el-cascader :props="props" @change="locationsChange" placeholder="省/市" size="small" separator="/" |
|
|
|
|
|
v-model="provice" clearable></el-cascader> |
|
|
|
|
|
|
|
|
<div class="div-lab" v-if="orgType == 1"> |
|
|
|
|
|
<el-input v-model="changeValue" clearable placeholder="请输入" maxlength="10" @change="selectChange" |
|
|
|
|
|
style="width: 363px"> |
|
|
|
|
|
<el-select v-model="selflag" slot="prepend" class="input-with-select" style="width: 115px" |
|
|
|
|
|
placeholder="请选择" @change="selChange"> |
|
|
|
|
|
<el-option v-if="activeTotal != 1" label="公司名称" value="1"></el-option> |
|
|
|
|
|
<el-option v-if="activeTotal == 0" label="项目名称" value="3"></el-option> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
</el-input> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<!-- <div class="div-lab" v-if="orgType == 0"> |
|
|
|
|
|
|
|
|
<div class="app-titel" style="margin-top: 5px"> |
|
|
|
|
|
<div class="div-lab"> |
|
|
|
|
|
<div class="label">地区：</div> |
|
|
|
|
|
<el-cascader :props="props" @change="locationsChange" placeholder="省/市" size="small" separator="/" |
|
|
|
|
|
v-model="provice" clearable></el-cascader> |
|
|
|
|
|
</div> |
|
|
|
|
|
<!-- <div class="div-lab" v-if="orgType == 0"> |
|
|
<div class="label" style="min-width:70px;">系统运营：</div> |
|
|
<div class="label" style="min-width:70px;">系统运营：</div> |
|
|
<el-input maxlength="10" clearable v-model="searchForm.linkman"></el-input> |
|
|
<el-input maxlength="10" clearable v-model="searchForm.linkman"></el-input> |
|
|
</div> |
|
|
</div> |
|
|
@@ -100,36 +108,39 @@ |
|
|
<div class="label" style="min-width:70px;">售后运营：</div> |
|
|
<div class="label" style="min-width:70px;">售后运营：</div> |
|
|
<el-input maxlength="10" clearable v-model="searchForm.linkman"></el-input> |
|
|
<el-input maxlength="10" clearable v-model="searchForm.linkman"></el-input> |
|
|
</div> --> |
|
|
</div> --> |
|
|
<div v-if="orgType == 0 || orgType == 1" class="div-lab"> |
|
|
|
|
|
<div class="label">运营人员：</div> |
|
|
|
|
|
<el-select v-model="searchForm.operationStaffId" placeholder="请选择" class="div-inp" filterable clearable> |
|
|
|
|
|
<el-option v-for="item in operaList" :key="item.accountId" :label="item.name" :value="item.accountId"> |
|
|
|
|
|
</el-option> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="app-titel" style="margin-top: 15px"> |
|
|
|
|
|
<div style="margin-left: 20px"> |
|
|
|
|
|
<el-button type="primary" @click="screen">筛选</el-button> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div style="margin-left: 20px"> |
|
|
|
|
|
<el-button @click="clascreen" type="text">清空筛选条件</el-button> |
|
|
|
|
|
|
|
|
<div v-if="orgType == 0 || orgType == 1" class="div-lab"> |
|
|
|
|
|
<div class="label">运营人员：</div> |
|
|
|
|
|
<el-select v-model="searchForm.operationStaffId" placeholder="请选择" class="div-inp" filterable clearable> |
|
|
|
|
|
<el-option v-for="item in operaList" :key="item.accountId" :label="item.name" :value="item.accountId"> |
|
|
|
|
|
</el-option> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div style="margin-left: auto; margin-right: 10px" v-if="cus_build_count_download"> |
|
|
|
|
|
<el-button @click="downLoad" icon="el-icon-download">导出</el-button> |
|
|
|
|
|
|
|
|
<div class="app-titel" style="margin-top: 15px"> |
|
|
|
|
|
<div style="margin-left: 20px"> |
|
|
|
|
|
<el-button type="primary" @click="screen">筛选</el-button> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div style="margin-left: 20px"> |
|
|
|
|
|
<el-button @click="clascreen" type="text">清空筛选条件</el-button> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div style="margin-left: auto; margin-right: 10px" v-if="cus_build_count_download"> |
|
|
|
|
|
<el-button @click="downLoad" icon="el-icon-download">导出</el-button> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<!-- 表格 --> |
|
|
<!-- 表格 --> |
|
|
<div class="cen-tab"> |
|
|
|
|
|
<el-table :header-cell-style="{background:'#F5F7FA',color:'#333333'}" v-if="activeTotal == 0" :data="tableData" stripe style="width: 100%" height="640"> |
|
|
|
|
|
|
|
|
<div class="cen-tab" :style="{ marginTop: orgType != 2 ? '230px' : '170px' }"> |
|
|
|
|
|
<el-table :header-cell-style="{ background: '#F5F7FA', color: '#333333' }" v-if="activeTotal == 0" :data="tableData" |
|
|
|
|
|
stripe style="width: 100%" height="640"> |
|
|
<el-table-column prop="propertyName" label="项目名称" align="center"> |
|
|
<el-table-column prop="propertyName" label="项目名称" align="center"> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="orgName" label="公司名称" align="center"> |
|
|
<el-table-column prop="orgName" label="公司名称" align="center"> |
|
|
<template slot-scope="{ row }"> |
|
|
<template slot-scope="{ row }"> |
|
|
<el-tooltip class="item" effect="dark" :content="row.orgName" placement="top-start"> |
|
|
<el-tooltip class="item" effect="dark" :content="row.orgName" placement="top-start"> |
|
|
<span style="display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">{{row.orgName}}</span> |
|
|
|
|
|
|
|
|
<span |
|
|
|
|
|
style="display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">{{ row.orgName }}</span> |
|
|
</el-tooltip> |
|
|
</el-tooltip> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
@@ -150,15 +161,17 @@ |
|
|
<el-table-column prop="area" label="地区" align="center"> |
|
|
<el-table-column prop="area" label="地区" align="center"> |
|
|
<template slot-scope="{ row }"> |
|
|
<template slot-scope="{ row }"> |
|
|
<el-tooltip class="item" effect="dark" :content="row.area" placement="top-start"> |
|
|
<el-tooltip class="item" effect="dark" :content="row.area" placement="top-start"> |
|
|
<span style="display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">{{row.area}}</span> |
|
|
|
|
|
|
|
|
<span |
|
|
|
|
|
style="display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">{{ row.area }}</span> |
|
|
</el-tooltip> |
|
|
</el-tooltip> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
<el-table-column v-if="orgType != 2" prop="operationStaffName" label="运营人员" align="center"> |
|
|
<el-table-column v-if="orgType != 2" prop="operationStaffName" label="运营人员" align="center"> |
|
|
<template slot-scope="{ row }"> |
|
|
|
|
|
|
|
|
<template slot-scope="{ row }"> |
|
|
<el-tooltip class="item" effect="dark" :content="row.operationStaffName" placement="top-start"> |
|
|
<el-tooltip class="item" effect="dark" :content="row.operationStaffName" placement="top-start"> |
|
|
<span style="display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">{{row.operationStaffName}}</span> |
|
|
|
|
|
|
|
|
<span |
|
|
|
|
|
style="display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">{{ row.operationStaffName }}</span> |
|
|
</el-tooltip> |
|
|
</el-tooltip> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
@@ -188,7 +201,8 @@ |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
|
|
|
|
|
|
<el-table :header-cell-style="{background:'#F5F7FA',color:'#333333'}" v-if="activeTotal == 2" :data="tableData" stripe style="width: 100%" height="640"> |
|
|
|
|
|
|
|
|
<el-table :header-cell-style="{ background: '#F5F7FA', color: '#333333' }" v-if="activeTotal == 2" :data="tableData" |
|
|
|
|
|
stripe style="width: 100%" height="640"> |
|
|
<el-table-column prop="orgName" label="公司名称" align="center"> |
|
|
<el-table-column prop="orgName" label="公司名称" align="center"> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="houseQuantityOfEnough" label="服务期内项目" align="center" width="140"> |
|
|
<el-table-column prop="houseQuantityOfEnough" label="服务期内项目" align="center" width="140"> |
|
|
@@ -234,7 +248,8 @@ |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
|
|
|
|
|
|
<el-table :header-cell-style="{background:'#F5F7FA',color:'#333333'}" v-if="activeTotal == 1" :data="tableData" stripe style="width: 100%" height="640"> |
|
|
|
|
|
|
|
|
<el-table :header-cell-style="{ background: '#F5F7FA', color: '#333333' }" v-if="activeTotal == 1" :data="tableData" |
|
|
|
|
|
stripe style="width: 100%" height="640"> |
|
|
<el-table-column prop="agentName" label="代理商名称" align="center"> |
|
|
<el-table-column prop="agentName" label="代理商名称" align="center"> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="area" label="地区" align="center"> |
|
|
<el-table-column prop="area" label="地区" align="center"> |
|
|
@@ -722,21 +737,24 @@ export default { |
|
|
.div-inp { |
|
|
.div-inp { |
|
|
width: 250px; |
|
|
width: 250px; |
|
|
} |
|
|
} |
|
|
/deep/ .el-table__header-wrapper{ |
|
|
|
|
|
thead{ |
|
|
|
|
|
tr{ |
|
|
|
|
|
th{ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/deep/ .el-table__header-wrapper { |
|
|
|
|
|
thead { |
|
|
|
|
|
tr { |
|
|
|
|
|
th { |
|
|
background: #F5F7FA; |
|
|
background: #F5F7FA; |
|
|
color: #333333; |
|
|
color: #333333; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
/deep/ .el-button--primary{ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/deep/ .el-button--primary { |
|
|
background: #2671E2 !important; |
|
|
background: #2671E2 !important; |
|
|
border: 1px solid #2671E2 !important; |
|
|
border: 1px solid #2671E2 !important; |
|
|
} |
|
|
} |
|
|
/deep/ .el-button--text{ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/deep/ .el-button--text { |
|
|
color: #2671E2; |
|
|
color: #2671E2; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |
