|
@@ -50,7 +50,6 @@
|
|
@click="handleExport"
|
|
@click="handleExport"
|
|
:disabled="disabled"
|
|
:disabled="disabled"
|
|
:loading="exportLoading"
|
|
:loading="exportLoading"
|
|
- v-if="$hasPermissions('B_tireFeeExport')"
|
|
|
|
id="regionTypeBusinessReportList-export">导出</a-button>
|
|
id="regionTypeBusinessReportList-export">导出</a-button>
|
|
</a-col>
|
|
</a-col>
|
|
</a-row>
|
|
</a-row>
|
|
@@ -66,6 +65,7 @@
|
|
size="small"
|
|
size="small"
|
|
:rowKey="(record) => record.no"
|
|
:rowKey="(record) => record.no"
|
|
rowKeyName="no"
|
|
rowKeyName="no"
|
|
|
|
+ :rowClassName="(record, index) => record.category.indexOf('合计') >= 0 ? 'garyBg-row':''"
|
|
:style="{ height: tableHeight+70+'px' }"
|
|
:style="{ height: tableHeight+70+'px' }"
|
|
:columns="columns"
|
|
:columns="columns"
|
|
:data="loadData"
|
|
:data="loadData"
|
|
@@ -129,6 +129,9 @@ export default {
|
|
let data
|
|
let data
|
|
if (res.status == 200) {
|
|
if (res.status == 200) {
|
|
data = res.data
|
|
data = res.data
|
|
|
|
+ res.data.map((item, i) => {
|
|
|
|
+ item.no = i + 1
|
|
|
|
+ })
|
|
this.disabled = false
|
|
this.disabled = false
|
|
}
|
|
}
|
|
this.spinning = false
|
|
this.spinning = false
|
|
@@ -151,7 +154,7 @@ export default {
|
|
computed: {
|
|
computed: {
|
|
columns () {
|
|
columns () {
|
|
const arr = [
|
|
const arr = [
|
|
- { title: '类别', dataIndex: 'category', width: '20%', align: 'center', customRender: function (text) { return (text || text == 0) || '--' } },
|
|
|
|
|
|
+ { title: '类别', dataIndex: 'category', width: '15%', align: 'right', customRender: function (text) { return (text || text == 0) || '--' } },
|
|
{ title: '成本', dataIndex: 'cost', width: '10%', align: 'center', customRender: function (text) { return (text || text == 0) || '--' } },
|
|
{ title: '成本', dataIndex: 'cost', width: '10%', align: 'center', customRender: function (text) { return (text || text == 0) || '--' } },
|
|
{ title: '销售额', dataIndex: 'amount', width: '10%', align: 'center', customRender: function (text) { return (text || text == 0) || '--' } },
|
|
{ title: '销售额', dataIndex: 'amount', width: '10%', align: 'center', customRender: function (text) { return (text || text == 0) || '--' } },
|
|
{ title: '毛利', dataIndex: 'gross', width: '10%', align: 'center', customRender: function (text) { return (text || text == 0) || '--' } },
|
|
{ title: '毛利', dataIndex: 'gross', width: '10%', align: 'center', customRender: function (text) { return (text || text == 0) || '--' } },
|
|
@@ -200,7 +203,8 @@ export default {
|
|
},
|
|
},
|
|
// 地区
|
|
// 地区
|
|
areaChange (val, item) {
|
|
areaChange (val, item) {
|
|
- this.queryParam.provinceName = item.name
|
|
|
|
|
|
+ // this.queryParam.provinceName = item.name
|
|
|
|
+ this.queryParam.provinceSn = val
|
|
},
|
|
},
|
|
// 重置
|
|
// 重置
|
|
resetSearchForm () {
|
|
resetSearchForm () {
|
|
@@ -266,14 +270,21 @@ export default {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
-<style lang="less" scoped>
|
|
|
|
- .monthBox{
|
|
|
|
- width: 100%;
|
|
|
|
- /deep/.ant-calendar-picker-icon{
|
|
|
|
- display:none !important;
|
|
|
|
|
|
+<style lang="less">
|
|
|
|
+ .regionTypeBusinessReportList-wrap{
|
|
|
|
+ tr.garyBg-row{
|
|
|
|
+ td{
|
|
|
|
+ background: #ffaa00;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
- /deep/.ant-calendar-picker input{
|
|
|
|
- text-align:center;
|
|
|
|
|
|
+ .monthBox{
|
|
|
|
+ width: 100%;
|
|
|
|
+ /deep/.ant-calendar-picker-icon{
|
|
|
|
+ display:none !important;
|
|
|
|
+ }
|
|
|
|
+ /deep/.ant-calendar-picker input{
|
|
|
|
+ text-align:center;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|