Commit 6dd3c2b5 authored by 黄奎's avatar 黄奎

页面修改

parent 7c579bc3
This diff is collapsed.
...@@ -11,20 +11,14 @@ ...@@ -11,20 +11,14 @@
</el-date-picker> </el-date-picker>
</div> </div>
<div> <div>
<span class="font-size-12" style="padding-right: 10px" <span class="font-size-12" style="padding-right: 10px">业务员</span>
>业务员</span <el-select style="width: 220px;" filterable multiple clearable v-model="msg.QEmployeeIdsArr"
> @change="changeEmployee">
<!-- height: 40px; overflow: auto --> <el-option v-for="(item, index) in EmployeeList" :key="index" :label="item.EmName" :value="item.EmployeeId">
<el-select style="width: 220px;" filterable multiple clearable v-model="msg.QEmployeeIdsArr" @change="changeEmployee">
<el-option
v-for="(item, index) in EmployeeList"
:key="index"
:label="item.EmName"
:value="item.EmployeeId"
>
</el-option> </el-option>
</el-select> </el-select>
</div></div> </div>
</div>
<div class="rightmenu"> <div class="rightmenu">
<el-dropdown @command="handleCommand"> <el-dropdown @command="handleCommand">
<el-button class="crm-btn crm-btn-more easy-btn margin-right0"> <el-button class="crm-btn crm-btn-more easy-btn margin-right0">
...@@ -258,7 +252,7 @@ ...@@ -258,7 +252,7 @@
}, },
methods: { methods: {
changeEmployee() { changeEmployee() {
this.msg.QEmployeeIds =this.msg.QEmployeeIdsArr.join(',') this.msg.QEmployeeIds = this.msg.QEmployeeIdsArr.join(',')
this.init(); this.init();
}, },
// 获取业务员 // 获取业务员
...@@ -266,7 +260,7 @@ ...@@ -266,7 +260,7 @@
let userInfo = this.getLocalStorage(); let userInfo = this.getLocalStorage();
let msg = { let msg = {
RB_Group_id: userInfo.RB_Group_id, RB_Group_id: userInfo.RB_Group_id,
BranchId: -1, BranchId: 1245,
DepartmentId: 0, DepartmentId: 0,
PostId: 0, PostId: 0,
IsLeave: 0, IsLeave: 0,
...@@ -282,8 +276,7 @@ ...@@ -282,8 +276,7 @@
// EmployeeId: "0", // EmployeeId: "0",
// }; // };
// this.EmployeeList.unshift(data); // this.EmployeeList.unshift(data);
} else { } else {}
}
}, },
(err) => {} (err) => {}
); );
......
...@@ -5,17 +5,10 @@ ...@@ -5,17 +5,10 @@
<h1>年度引流统计</h1> <h1>年度引流统计</h1>
</div> </div>
<div> <div>
<span class="font-size-12" style="padding-right: 10px" <span class="font-size-12" style="padding-right: 10px">业务员</span>
>业务员</span <el-select style="width: 220px;" filterable multiple clearable v-model="msg.QEmployeeIdsArr"
> @change="changeEmployee">
<!-- height: 40px; overflow: auto --> <el-option v-for="(item, index) in EmployeeList" :key="index" :label="item.EmName" :value="item.EmployeeId">
<el-select style="width: 220px;" filterable multiple clearable v-model="msg.QEmployeeIdsArr" @change="changeEmployee">
<el-option
v-for="(item, index) in EmployeeList"
:key="index"
:label="item.EmName"
:value="item.EmployeeId"
>
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
...@@ -33,7 +26,8 @@ ...@@ -33,7 +26,8 @@
<el-tabs v-model="activeName" style="flex:1;height:100%;" class="diy-eltabs" tab-position="top"> <el-tabs v-model="activeName" style="flex:1;height:100%;" class="diy-eltabs" tab-position="top">
<el-tab-pane label="年度数据" name="monthdata" style="background:#000"> <el-tab-pane label="年度数据" name="monthdata" style="background:#000">
<div class="data-box-item"> <div class="data-box-item">
<el-table :data="tableData" tooltip-effect="dark" v-loading="loading" style="width: 100%;" height="100%" border> <el-table :data="tableData" tooltip-effect="dark" v-loading="loading" style="width: 100%;" height="100%"
border>
<el-table-column prop="ItemName" label="" width="150"> <el-table-column prop="ItemName" label="" width="150">
</el-table-column> </el-table-column>
<el-table-column> <el-table-column>
...@@ -46,12 +40,12 @@ ...@@ -46,12 +40,12 @@
</el-table-column> </el-table-column>
<el-table-column prop="YearRate" label="平均" :formatter="formatter"></el-table-column> <el-table-column prop="YearRate" label="平均" :formatter="formatter"></el-table-column>
</el-table> </el-table>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="年度成长率" name="monthrate"> <el-tab-pane label="年度成长率" name="monthrate">
<div class="data-box-item"> <div class="data-box-item">
<el-table :data="rateData" tooltip-effect="dark" v-loading="rateLoading" style="width: 100%;" height="100%" border :cell-class-name="tableCellClassName" :row-class-name="tableRowClassName"> <el-table :data="rateData" tooltip-effect="dark" v-loading="rateLoading" style="width: 100%;" height="100%"
border :cell-class-name="tableCellClassName" :row-class-name="tableRowClassName">
<el-table-column prop="ItemName" label="" width="150"> <el-table-column prop="ItemName" label="" width="150">
</el-table-column> </el-table-column>
<el-table-column> <el-table-column>
...@@ -67,16 +61,14 @@ ...@@ -67,16 +61,14 @@
</div> </div>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
msg: { msg: {},
},
total: 0, total: 0,
tableData: [], tableData: [],
loading: false, loading: false,
...@@ -97,7 +89,7 @@ export default { ...@@ -97,7 +89,7 @@ export default {
}, },
methods: { methods: {
changeEmployee() { changeEmployee() {
this.msg.QEmployeeIds =this.msg.QEmployeeIdsArr.join(',') this.msg.QEmployeeIds = this.msg.QEmployeeIdsArr.join(',')
this.init(); this.init();
}, },
// 获取业务员 // 获取业务员
...@@ -105,7 +97,7 @@ export default { ...@@ -105,7 +97,7 @@ export default {
let userInfo = this.getLocalStorage(); let userInfo = this.getLocalStorage();
let msg = { let msg = {
RB_Group_id: userInfo.RB_Group_id, RB_Group_id: userInfo.RB_Group_id,
BranchId: -1, BranchId: 1245,
DepartmentId: 0, DepartmentId: 0,
PostId: 0, PostId: 0,
IsLeave: 0, IsLeave: 0,
...@@ -116,13 +108,7 @@ export default { ...@@ -116,13 +108,7 @@ export default {
(res) => { (res) => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.EmployeeList = res.data.data; this.EmployeeList = res.data.data;
// let data = { } else {}
// EmName: "不限",
// EmployeeId: "0",
// };
// this.EmployeeList.unshift(data);
} else {
}
}, },
(err) => {} (err) => {}
); );
...@@ -160,7 +146,9 @@ export default { ...@@ -160,7 +146,9 @@ export default {
} }
); );
}, },
tableRowClassName({ row }) { tableRowClassName({
row
}) {
let cname = "font-size-12"; let cname = "font-size-12";
if (row.DateStr == "平均") { if (row.DateStr == "平均") {
cname += " xiaoji-row"; cname += " xiaoji-row";
...@@ -169,7 +157,10 @@ export default { ...@@ -169,7 +157,10 @@ export default {
} }
return cname; return cname;
}, },
tableCellClassName({ row, column }) { tableCellClassName({
row,
column
}) {
try { try {
if ( if (
row[column.property].toString().indexOf("-") != -1 && row[column.property].toString().indexOf("-") != -1 &&
...@@ -229,33 +220,37 @@ export default { ...@@ -229,33 +220,37 @@ export default {
}); });
}, },
}, },
}; };
</script> </script>
<style> <style>
@import "../../assets/css/customerManage.css"; @import "../../assets/css/customerManage.css";
.el-table__fixed-body-wrapper table { .el-table__fixed-body-wrapper table {
padding-bottom: 8px !important; padding-bottom: 8px !important;
} }
.el-table .xiaoji-row {
.el-table .xiaoji-row {
background: #ffff00; background: #ffff00;
} }
.el-table .sum-row { .el-table .sum-row {
background: #00b0f0; background: #00b0f0;
} }
.el-table .warning-col {
.el-table .warning-col {
background: red; background: red;
} }
.diy-eltabs .el-tabs__content {
.diy-eltabs .el-tabs__content {
height: calc(100% - 40px); height: calc(100% - 40px);
} }
.diy-eltabs .data-box-item {
.diy-eltabs .data-box-item {
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
} }
</style> </style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment