Skip to content

S
SuperMan
Commit 3bea95b2 authored by youjie's avatar youjie
Browse files
Options

跟换 table 组件

parent 801a6138
Hide whitespace changes
Inline Side-by-side
Showing with 452 additions and 522 deletions
src/components/administrative/CommissionDetail.vue
View file @ 3bea95b2
<template> <template>
<div class="commissionDetails commissionDetails-box"> <div class="commissionDetails commissionDetails-box">
<div class="query-box"> <div class="query-box">
<ul> <ul>
<li> <li>
<input type="button" class="normalBtn" value="导出" @click="exportExcel"> <input type="button" class="normalBtn" value="导出" @click="exportExcel">
</li> </li>
</ul> </ul>
</div> </div>
<template v-if="isReady"> <div v-if="isReady" v-loading='loading'>
<v-table is-horizontal-resize column-width-drag <el-table
style="width:100%" :columns="columns" :table-data="dataList" ref="multipleTable"
:filter-method="filterMethod" :total="total" :pageSize="msg.pageSize" :data="dataList"
:pageIndex="msg.pageIndex" :handleCurrentChange="handleCurrentChange" tooltip-effect="dark"
:multiple-sort="multipleSort" :is-loading="loading" sort-always style="width: 100%"
@sort-change="sortChange" @on-custom-comp="customCompFunc"></v-table> >
</template> <el-table-column prop="bName" label="公司"></el-table-column>
<div style="height:20px;"> </div> <el-table-column prop="departmentName" label="部门"></el-table-column>
</div> <el-table-column
</template> label="姓名">
<template slot-scope="scope">
<div v-if="scope.row.leaveStr && scope.row.leaveStr != ''">{{scope.row.createByStr}}<span style="color:red;display:inline-block">({{scope.row.leaveStr}})</span></div>
<div v-else>{{scope.row.createByStr}}</div>
</template>
</el-table-column>
<el-table-column
label="提成金额">
<template slot-scope="scope">
<span>{{scope.row.commissionMoney.toFixed(2)}}</span>
</template>
</el-table-column>
<el-table-column
label="额外奖励">
<template slot-scope="scope">
<span>{{scope.row.otherMoney.toFixed(2)}}</span>
</template>
</el-table-column>
<el-table-column
label="额外扣除">
<template slot-scope="scope">
<span>{{scope.row.backMoney.toFixed(2)}}</span>
</template>
</el-table-column>
<el-table-column
label="应发提成">
<template slot-scope="scope">
<span style='color:red'>{{(scope.row.otherMoney+scope.row.commissionMoney-scope.row.backMoney).toFixed(2)}}</span>
</template>
</el-table-column>
<el-table-column
label="收客人数">
<template slot-scope="scope">
<span style='color:blue'>{{scope.row.peopleCount}}人</span>
</template>
</el-table-column>
<el-table-column
label="单签证人数">
<template slot-scope="scope">
<span style='color:orange'>{{scope.row.visaPeopleCount}}人</span>
</template>
</el-table-column>
<el-table-column
label="期数">
<template slot-scope="scope">
<div v-if="scope.row.periods != stringPerons" style='height:40px;line-height:40px;color:#f1f1f1;background: red;margin: 0 -5px;;padding-left: 10px;'>{{scope.row.periods}}</div>
<template v-else>{{scope.row.periods}}</template>
</template>
</el-table-column>
<el-table-column
label="销售留言">
<template slot-scope="scope">
<div v-if="scope.row.remark" class="outDiv">
<div class="toolDiv">
<div class="triangle_border_up">
</div>{{scope.row.remark}}</div>{{scope.row.remark}}</div>
<template v-else>''</template>
</template>
</el-table-column>
<el-table-column
label="操作">
<template slot-scope="scope">
<el-button type="primary" size='mini' icon="el-icon-view" circle @click="getInfo(scope.row)"></el-button>
</template>
</el-table-column>
</el-table>
<!-- <div style="padding-bottom:15px">
<el-pagination background
layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total='total'>
</el-pagination>
</div> -->
<!--
<v-table is-horizontal-resize column-width-drag
style="width:100%" :columns="columns" :table-data="dataList"
:filter-method="filterMethod" :total="total" :pageSize="msg.pageSize"
:pageIndex="msg.pageIndex" :handleCurrentChange="handleCurrentChange"
:multiple-sort="multipleSort" :is-loading="loading" sort-always
@sort-change="sortChange" @on-custom-comp="customCompFunc"></v-table>
-->
</div>
<div style="height:20px;"> </div>
</div>
</template>
<script> <script>
import Vue from 'vue' import Vue from 'vue'
import XLSX from 'xlsx' import XLSX from 'xlsx'
var FileSaver = require('file-saver') var FileSaver = require('file-saver')
export default { export default {
data() { data() {
return { return {
activeName: "first", activeName: "first",
commonName: "姓名", commonName: "姓名",
loading: false, loading: false,
msg: { msg: {
pageIndex: 1, pageIndex: 1,
pageSize: 20, pageSize: 20,
ParentId: 0, ParentId: 0,
OrderStr: "RB_Branch_Id asc", OrderStr: "RB_Branch_Id asc",
BName: -1, BName: -1,
RB_Branch_Id: -1, RB_Branch_Id: -1,
Periods: '' Periods: ''
}, },
total: 0, total: 0,
currentPage: 1, currentPage: 1,
columns: [], columns: [],
remoteLoading: false, remoteLoading: false,
total: 0, total: 0,
dataList: [], dataList: [],
isReady: false, isReady: false,
multipleSort: false, multipleSort: false,
loading: true, loading: true,
CompanyList: [], CompanyList: [],
dataListTwo: [], dataListTwo: [],
stringPerons: '', stringPerons: '',
userInfo: {}, userInfo: {},
companyID: '', companyID: '',
disabledCPSelect: false disabledCPSelect: false
}; };
}, },
methods: { methods: {
exportExcel() { exportExcel() {
const defaultCellStyle = { const defaultCellStyle = {
'!cols': [{ '!cols': [{
wpx: 60 wpx: 60
}, { }, {
wpx: 200 wpx: 200
}, { }, {
wpx: 60 wpx: 60
}, { }, {
wpx: 150 wpx: 150
}, { }, {
wpx: 60 wpx: 60
}] }]
}; };
const wopts = { const wopts = {
bookType: 'xlsx', bookType: 'xlsx',
bookSST: false, bookSST: false,
type: 'binary', type: 'binary',
defaultCellStyle: defaultCellStyle, defaultCellStyle: defaultCellStyle,
showGridLines: true showGridLines: true
}; };
const wb = { const wb = {
SheetNames: ['提成统计'], SheetNames: ['提成统计'],
Sheets: {}, Sheets: {},
Props: {} Props: {}
}; };
let data = [] let data = []
this.dataList.forEach(x => { this.dataList.forEach(x => {
let obj = { let obj = {
'公司': x.bName, '公司': x.bName,
'部门': x.departmentName, '部门': x.departmentName,
'员工': x.createByStr, '员工': x.createByStr,
'提成金额': x.commissionMoney.toFixed(2), '提成金额': x.commissionMoney.toFixed(2),
'额外奖励': x.otherMoney.toFixed(2), '额外奖励': x.otherMoney.toFixed(2),
'额外扣除': x.backMoney.toFixed(2), '额外扣除': x.backMoney.toFixed(2),
'应发提成': x.sumMoney.toFixed(2), '应发提成': x.sumMoney.toFixed(2),
'收客数': x.peopleCount, '收客数': x.peopleCount,
'单签证人数': x.visaPeopleCount, '单签证人数': x.visaPeopleCount,
'所属期数': x.periods '所属期数': x.periods
} }
data.push(obj) data.push(obj)
}) })
wb.Sheets['提成统计'] = XLSX.utils.json_to_sheet(data) wb.Sheets['提成统计'] = XLSX.utils.json_to_sheet(data)
//创建二进制对象写入转换好的字节流 //创建二进制对象写入转换好的字节流
let tmpDown = new Blob([this.s2ab(XLSX.write(wb, wopts))], { let tmpDown = new Blob([this.s2ab(XLSX.write(wb, wopts))], {
type: "application/octet-stream" type: "application/octet-stream"
}) })
FileSaver.saveAs(tmpDown, "提成统计.xls"); FileSaver.saveAs(tmpDown, "提成统计.xls");
}, },
s2ab(s) { s2ab(s) {
if (typeof ArrayBuffer !== 'undefined') { if (typeof ArrayBuffer !== 'undefined') {
var buf = new ArrayBuffer(s.length); var buf = new ArrayBuffer(s.length);
var view = new Uint8Array(buf); var view = new Uint8Array(buf);
for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF; for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
return buf; return buf;
} else { } else {
var buf = new Array(s.length); var buf = new Array(s.length);
for (var i = 0; i != s.length; ++i) buf[i] = s.charCodeAt(i) & 0xFF; for (var i = 0; i != s.length; ++i) buf[i] = s.charCodeAt(i) & 0xFF;
return buf; return buf;
} }
}, },
filterMethod(filters) { filterMethod(filters) {
let data = JSON.parse(JSON.stringify(this.dataListTwo)) let data = JSON.parse(JSON.stringify(this.dataListTwo))
let dataListTwo = JSON.parse(JSON.stringify(this.dataListTwo)) let dataListTwo = JSON.parse(JSON.stringify(this.dataListTwo))
if (filters.bName != '' && filters.bName != '__all__') { if (filters.bName != '' && filters.bName != '__all__') {
data = data.filter(item => item.bName.indexOf(filters.bName) != -1); data = data.filter(item => item.bName.indexOf(filters.bName) != -1);
} }
if (filters.departmentName != '') { if (filters.departmentName != '') {
data = data.filter(item => item.departmentName.indexOf(filters.departmentName) != -1); data = data.filter(item => item.departmentName.indexOf(filters.departmentName) != -1);
} }
if (filters.createByStr != '') { if (filters.createByStr != '') {
data = data.filter(item => item.createByStr.indexOf(filters.createByStr) != -1); data = data.filter(item => item.createByStr.indexOf(filters.createByStr) != -1);
} }
if ((filters.bName === '' || filters.bName === '__all__') && filters.departmentName === '' && filters.createByStr === '') { if ((filters.bName === '' || filters.bName === '__all__') && filters.departmentName === '' && filters.createByStr === '') {
data = dataListTwo data = dataListTwo
} }
this.dataList = data this.dataList = data
}, },
customCompFunc(params) { customCompFunc(params) {
if (params.type === "see") { if (params.type === "see") {
this.getInfo(params.data) this.getInfo(params.data)
} }
}, },
getCompanyList() { getCompanyList() {
//获取公司列表 //获取公司列表
this.apipost( this.apipost(
"admin_get_BranchGetList", "admin_get_BranchGetList",
this.getCompanyMsg, this.getCompanyMsg,
res => { res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
let data = res.data.data; let data = res.data.data;
data.forEach(x => { data.forEach(x => {
x.disabled = false; x.disabled = false;
}); });
if (this.userInfo.RB_Branch_id != 0) { if (this.userInfo.RB_Branch_id != 0) {
this.CompanyList = data.filter(x => { this.CompanyList = data.filter(x => {
if (x.BName == this.userInfo.BranchName) { if (x.BName == this.userInfo.BranchName) {
return x return x
} else } else
return false return false
}) })
} else { } else {
this.CompanyList = data; this.CompanyList = data;
} }
this.initColums(); this.initColums();
} else {} } else {}
}, },
err => {} err => {}
); );
}, },
initColums() { initColums() {
this.isReady = false; this.isReady = false;
let that = this; let that = this;
let companyList = []; let companyList = [];
this.CompanyList.forEach(x => { this.CompanyList.forEach(x => {
let item = {}; let item = {};
item.label = x.BName; item.label = x.BName;
item.value = x.BName; item.value = x.BName;
companyList.push(item); companyList.push(item);
}); });
let company = {} console.log(companyList,'-------')
if (this.disabledCPSelect) { let company = {}
company = { if (this.disabledCPSelect) {
field: "bName", company = {
title: "公司", field: "bName",
width: 40, title: "公司",
titleAlign: "left", width: 40,
columnAlign: "left", titleAlign: "left",
isResize: true, columnAlign: "left",
}; isResize: true,
} else { };
company = { } else {
field: "bName", company = {
title: "公司", field: "bName",
width: 40, title: "公司",
titleAlign: "left", width: 40,
columnAlign: "left", titleAlign: "left",
isResize: true, columnAlign: "left",
result: "", isResize: true,
filterMultiple: false, result: "",
filters: companyList, filterMultiple: false,
type: "select" filters: companyList,
}; type: "select"
} };
let department = { }
field: "departmentName", this.isReady = true;
title: "部门", },
width: 80, sortChange(param) {
titleAlign: "left", if (param.sumMoney == '') {
columnAlign: "left", if (param.BName != '') {
isResize: true, this.msg.OrderStr = 'RB_Branch_Id ' + param.bName
result: "", }
filterMultiple: false, if (param.commissionMoney != '') {
filters: companyList, this.msg.OrderStr = 'CommissionMoney ' + param.commissionMoney
type: "text" }
}; if (param.peopleCount != '') {
let userName = { this.msg.OrderStr = 'PeopleCount ' + param.peopleCount
field: "createByStr", }
title: "姓名", if (param.backMoney != '') {
titleAlign: "left", this.msg.OrderStr = 'BackMoney ' + param.backMoney
columnAlign: "left", }
isResize: true, if (param.otherMoney != '') {
width: 80, this.msg.OrderStr = 'OtherMoney ' + param.otherMoney
formatter: function (rowData, rowIndex, pagingIndex, field) { }
if (rowData.leaveStr && rowData.leaveStr != '') this.getList();
return `<div>${rowData.createByStr}<span style="color:red;display:inline-block">(${rowData.leaveStr})</span></div>` } else {
else let d = JSON.parse(JSON.stringify(this.dataList))
return `<div>${rowData.createByStr}</div>` this.dataList = this.orderBy(d, ["sumMoney"], param.sumMoney).results;
} }
}; },
let commissionMoney = { handleCurrentChange(val) {
field: "commissionMoney", this.msg.pageIndex = val;
title: "提成金额", this.getList();
titleAlign: "left", },
columnAlign: "left", getList() {
isResize: true, this.loading = true;
width: 80, if (this.userInfo.RB_Branch_id != 0) {
orderBy: "", this.msg.RB_Branch_Id = this.userInfo.RB_Branch_id
formatter: function (rowData, rowIndex, pagingIndex, field) { }
return `<span>${rowData.commissionMoney.toFixed(2)}</span>`
}
};
let otherMoney = {
field: "otherMoney",
title: "额外奖励",
titleAlign: "left",
columnAlign: "left",
isResize: true,
width: 80,
orderBy: "",
formatter: function (rowData, rowIndex, pagingIndex, field) {
return `<span>${rowData.otherMoney.toFixed(2)}</span>`
}
};
let backMoney = {
field: "backMoney",
title: "额外扣除",
titleAlign: "left",
columnAlign: "left",
isResize: true,
width: 80,
orderBy: "",
formatter: function (rowData, rowIndex, pagingIndex, field) {
return `<span>${rowData.backMoney.toFixed(2)}</span>`
}
};
let sumMoney = {
title: "应发提成",
field: "sumMoney",
titleAlign: "left",
columnAlign: "left",
isResize: true,
width: 80,
orderBy: "",
formatter: function (rowData, rowIndex, pagingIndex, field) {
return `<span style='color:red'>${(rowData.otherMoney+rowData.commissionMoney-rowData.backMoney).toFixed(2)}</span>`
}
};
let peopleCount = {
field: "peopleCount",
title: "收客人数",
titleAlign: "left",
columnAlign: "left",
isResize: true,
width: 80,
orderBy: "",
formatter: function (rowData, rowIndex, pagingIndex, field) {
return `<span style='color:blue'>${rowData.peopleCount}人</span>`
}
};
let visaPeopleCount = {
field: "visaPeopleCount",
title: "单签证人数",
titleAlign: "left",
columnAlign: "left",
isResize: true,
width: 80,
formatter: function (rowData, rowIndex, pagingIndex, field) {
if (rowData.visaPeopleCount > 0)
return `<span style='color:orange'>${rowData.visaPeopleCount}人</span>`
else
return ''
}
};
let periods = {
field: "periods",
title: "期数",
titleAlign: "left",
columnAlign: "left",
isResize: true,
width: 80,
formatter: function (rowData, rowIndex, pagingIndex, field) {
if (rowData.periods != that.stringPerons)
return `<div style='height:40px;line-height:40px;color:#f1f1f1;background: red;margin: 0 -5px;;padding-left: 10px;'>${rowData.periods}</div>`
else
return rowData.periods
}
};
let remark = {
field: "remark",
title: "销售留言",
titleAlign: "left",
columnAlign: "left",
isResize: true,
width: 200,
formatter: function (rowData, rowIndex, pagingIndex, field) {
if (rowData.remark)
return `<div class="outDiv">
<div class="toolDiv">
<div class="triangle_border_up">
</div>${rowData.remark}</div>${rowData.remark}</div>`
else
return ''
} this.apipost(
}; "sellcommission_GetDetailsList",
let opera = { this.msg,
title: "操作", res => {
titleAlign: "left", this.loading = false;
columnAlign: "left", if (res.data.resultCode == 1) {
width: 80, this.dataList = res.data.data.pageData;
isResize: false, this.total = res.data.data.count;
componentName: "commission-table-operation" this.dataList.forEach(x => {
}; x.sumMoney = x.commissionMoney + x.otherMoney - x.backMoney
this.columns = []; })
this.columns.push(company); this.dataListTwo = JSON.parse(JSON.stringify(this.dataList))
this.columns.push(department); } else {
this.columns.push(userName); this.Error(res.data.message);
this.columns.push(commissionMoney); }
this.columns.push(otherMoney); },
this.columns.push(backMoney); null
this.columns.push(sumMoney); );
this.columns.push(peopleCount); },
this.columns.push(visaPeopleCount); //切换排序
this.columns.push(periods); handleClick(tab, event) {
this.columns.push(remark); if (this.activeName == "first") {
this.columns.push(opera); // this.commonName='姓名'
this.isReady = true; this.msg.OrderStr = "UserId";
}, } else {
sortChange(param) { // this.commonName='公司名'
if (param.sumMoney == '') { this.msg.OrderStr = "RB_Branch_Id";
if (param.BName != '') { }
this.msg.OrderStr = 'RB_Branch_Id ' + param.bName this.getList();
} },
if (param.commissionMoney != '') { //跳转
this.msg.OrderStr = 'CommissionMoney ' + param.commissionMoney getInfo(item) {
} var dateStr = item.periods;
if (param.peopleCount != '') { var year = dateStr.substring(0, 4);
this.msg.OrderStr = 'PeopleCount ' + param.peopleCount var month = dateStr.substring(4, 6);
}
if (param.backMoney != '') {
this.msg.OrderStr = 'BackMoney ' + param.backMoney
}
if (param.otherMoney != '') {
this.msg.OrderStr = 'OtherMoney ' + param.otherMoney
}
this.getList();
} else {
let d = JSON.parse(JSON.stringify(this.dataList))
this.dataList = this.orderBy(d, ["sumMoney"], param.sumMoney).results;
}
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
getList() {
this.loading = true;
if (this.userInfo.RB_Branch_id != 0) {
this.msg.RB_Branch_Id = this.userInfo.RB_Branch_id
}
this.apipost( var nextMonthFirstDay = new Date(year, month, 1);
"sellcommission_GetDetailsList",
this.msg,
res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.dataList = res.data.data.pageData;
this.total = res.data.data.count;
this.dataList.forEach(x => {
x.sumMoney = x.commissionMoney + x.otherMoney - x.backMoney
})
this.dataListTwo = JSON.parse(JSON.stringify(this.dataList))
} else {
this.Error(res.data.message);
}
},
null
);
},
//切换排序
handleClick(tab, event) {
if (this.activeName == "first") {
// this.commonName='姓名'
this.msg.OrderStr = "UserId";
} else {
// this.commonName='公司名'
this.msg.OrderStr = "RB_Branch_Id";
}
this.getList();
},
//跳转
getInfo(item) {
var dateStr = item.periods;
var year = dateStr.substring(0, 4);
var month = dateStr.substring(4, 6);
var nextMonthFirstDay = new Date(year, month, 1); var oneDay = 1000 * 60 * 60 * 24;
var entDay = new Date(nextMonthFirstDay - oneDay).Format("yyyy-MM-dd");
var startDay = year + "-" + month + "-" + "01";
var userId = item.userId;
var oneDay = 1000 * 60 * 60 * 24; this.$router.push({
var entDay = new Date(nextMonthFirstDay - oneDay).Format("yyyy-MM-dd"); path: "enrollTotal",
var startDay = year + "-" + month + "-" + "01"; query: {
var userId = item.userId; EmployeeId: userId,
starTime: startDay,
endTime: entDay,
blank: 'y'
}
});
}
},
mounted() {
this.msg.pageSize = 10000; //不分页
this.msg.ParentId = this.$route.query.ParentId;
if (this.$route.query.companyID) {
this.companyID = this.$route.query.companyID;
this.msg.RB_Branch_Id = this.$route.query.companyID;
this.msg.Periods = this.$route.query.periods;
this.disabledCPSelect = true
}
let dt = new Date()
this.stringPerons = (dt.getMonth() == 0 ? (dt.getFullYear() - 1) : dt.getFullYear()) + '' + (dt.getMonth().toString().length < 2 ? '0' : '') + (dt.getMonth() == 0 ? 12 : dt.getMonth());
this.userInfo = this.getLocalStorage();
this.getList();
this.getCompanyList();
},
created() {
Vue.component('commission-table-operation', {
template: `<div style='border-bottom: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;width:80px;height:40px;background:#fff;text-align:center;position: relative;left:-5px;padding-top: 6px;padding-top:6px;box-sizing:border-box'><el-button type="primary" size='mini' icon="el-icon-view" circle @click="see(rowData,index)"></el-button></div>`,
props: {
rowData: {
type: Object
},
field: {
type: String
},
index: {
type: Number
}
},
methods: {
see() {
let params = {
type: 'see',
data: this.rowData
};
this.$emit('on-custom-comp', params);
}
}
})
}
this.$router.push({ };
path: "enrollTotal", </script>
query: {
EmployeeId: userId,
starTime: startDay,
endTime: entDay,
blank: 'y'
}
});
}
},
mounted() {
this.msg.pageSize = 10000; //不分页
this.msg.ParentId = this.$route.query.ParentId;
if (this.$route.query.companyID) {
this.companyID = this.$route.query.companyID;
this.msg.RB_Branch_Id = this.$route.query.companyID;
this.msg.Periods = this.$route.query.periods;
this.disabledCPSelect = true
}
let dt = new Date()
this.stringPerons = (dt.getMonth() == 0 ? (dt.getFullYear() - 1) : dt.getFullYear()) + '' + (dt.getMonth().toString().length < 2 ? '0' : '') + (dt.getMonth() == 0 ? 12 : dt.getMonth());
this.userInfo = this.getLocalStorage();
this.getList();
this.getCompanyList();
},
created() {
Vue.component('commission-table-operation', {
template: `<div style='border-bottom: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;width:80px;height:40px;background:#fff;text-align:center;position: relative;left:-5px;padding-top: 6px;padding-top:6px;box-sizing:border-box'><el-button type="primary" size='mini' icon="el-icon-view" circle @click="see(rowData,index)"></el-button></div>`,
props: {
rowData: {
type: Object
},
field: {
type: String
},
index: {
type: Number
}
},
methods: {
see() {
let params = {
type: 'see',
data: this.rowData
};
this.$emit('on-custom-comp', params);
}
}
})
}
}; <style>
</script> .commissionDetails .triangle_border_up {
width: 0;
height: 0;
border-width: 0 5px 5px;
border-style: solid;
border-color: transparent transparent #303133;
/*透明 透明 灰*/
position: absolute;
top: -5px;
}
<style> .commissionDetails .v-table-body-cell:hover .outDiv .toolDiv {
.commissionDetails .triangle_border_up { display: block;
width: 0; }
height: 0;
border-width: 0 5px 5px;
border-style: solid;
border-color: transparent transparent #303133;
/*透明 透明 灰*/
position: absolute;
top: -5px;
}
.commissionDetails .v-table-body-cell:hover .outDiv .toolDiv { .commissionDetails .v-table-body-cell {
display: block; overflow: initial;
} cursor: pointer;
}
.commissionDetails .v-table-body-cell { .commissionDetails .toolDiv {
overflow: initial; position: absolute;
cursor: pointer; top: 25px;
} background: #303133;
color: #fff;
z-index: 20000;
padding: 4px 15px;
max-width: 220px;
white-space: normal;
border-radius: 4px;
word-wrap: break-word;
display: none;
.commissionDetails .toolDiv { }
position: absolute;
top: 25px;
background: #303133;
color: #fff;
z-index: 20000;
padding: 4px 15px;
max-width: 220px;
white-space: normal;
border-radius: 4px;
word-wrap: break-word;
display: none;
} .commissionDetails .outDiv {
position: relative;
.commissionDetails .outDiv { }
position: relative;
} .commissionDetails-box .el-button.is-circle {
padding: 5px !important;
}
.commissionDetails-box .el-button.is-circle { .commissionDetails-box .v-table-body-cell span {
padding: 5px !important; display: block;
} width: 100%;
}
.commissionDetails-box .v-table-body-cell span { </style>
display: block;
width: 100%;
}
</style>
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