|
|
@@ -12,6 +12,15 @@
|
|
|
<div style="float: left">近12月客户账户余额分析</div>
|
|
|
<div style="float: right">
|
|
|
<departmentSalesperson ref="departmentSalesperson" class="inline-16" @depSelect="depSelect" @personSelect="personSelect"></departmentSalesperson>
|
|
|
+ <span class="search__label inline-16">账户类型:</span>
|
|
|
+ <el-select v-model="param.content.accountno" placeholder="请选择账户类型" size="small" class="inline-16">
|
|
|
+ <el-option
|
|
|
+ v-for="item in accountList"
|
|
|
+ :key="item.rowindex"
|
|
|
+ :label="item.accountname"
|
|
|
+ :value="item.accountno">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
<span class="search__label inline-16">分析日期:</span>
|
|
|
<el-date-picker
|
|
|
v-model="endDate"
|
|
|
@@ -26,7 +35,7 @@
|
|
|
start-placeholder="开始月份"
|
|
|
end-placeholder="结束月份">
|
|
|
</el-date-picker>
|
|
|
- <accountBalanceDetail ref="accountBalanceDetail" :type="param.content.type" :dataid="param.content.dataid" :enddate="param.content.enddate"></accountBalanceDetail>
|
|
|
+ <accountBalanceDetail ref="accountBalanceDetail" :type="param.content.type" :dataid="param.content.dataid" :enddate="param.content.enddate" :accountno="param.content.accountno"></accountBalanceDetail>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="height: 400px;position: relative;">
|
|
|
@@ -67,7 +76,8 @@ export default {
|
|
|
"content": {
|
|
|
"type": "0", //0 人员 1 部门
|
|
|
"dataid": "",
|
|
|
- "enddate":""
|
|
|
+ "enddate":"",
|
|
|
+ "accountno":""
|
|
|
}
|
|
|
},
|
|
|
balance:[],
|
|
|
@@ -77,7 +87,19 @@ export default {
|
|
|
oldbalance:[],
|
|
|
newbalance:[],
|
|
|
newList:[],
|
|
|
- accountList:[]
|
|
|
+ accountList:[],
|
|
|
+ accountParam:{
|
|
|
+ "content":{
|
|
|
+ "isExport":0,
|
|
|
+ "pageNumber":1,
|
|
|
+ "pageSize":100,
|
|
|
+ "where":
|
|
|
+ {
|
|
|
+ "condition":""
|
|
|
+ }
|
|
|
+ },
|
|
|
+ "id":20221008134803
|
|
|
+ }
|
|
|
/*windowWidth: document.documentElement.clientWidth, //实时屏幕宽度*/
|
|
|
}
|
|
|
},
|
|
|
@@ -122,13 +144,24 @@ export default {
|
|
|
geometry: 'line',
|
|
|
isGroup: true,
|
|
|
seriesField: 'name',
|
|
|
+ /* label: {
|
|
|
+ layout: [{ type: 'hide-overlap' }], // 隐藏重叠label
|
|
|
+ style: {
|
|
|
+ textAlign: 'right',
|
|
|
+ },
|
|
|
+ formatter: (item) => item.value,
|
|
|
+ },*/
|
|
|
},
|
|
|
{
|
|
|
geometry: 'line',
|
|
|
seriesField: 'name',
|
|
|
- lineStyle: {
|
|
|
- lineWidth: 2,
|
|
|
- },
|
|
|
+ /* label: {
|
|
|
+ layout: [{ type: 'hide-overlap' }], // 隐藏重叠label
|
|
|
+ style: {
|
|
|
+ textAlign: 'right',
|
|
|
+ },
|
|
|
+ formatter: (item) => item.value,
|
|
|
+ },*/
|
|
|
},
|
|
|
],
|
|
|
tooltip: {
|
|
|
@@ -158,18 +191,27 @@ export default {
|
|
|
this.param.content.type = 0
|
|
|
this.param.content.dataid = val
|
|
|
this.queryModel(val)
|
|
|
+ },
|
|
|
+ /*账户类型*/
|
|
|
+ async accountData(){
|
|
|
+ const res = await this.$api.requested(this.accountParam)
|
|
|
+ this.accountList = res.data
|
|
|
+ this.param.content.accountno = res.data[0].accountno
|
|
|
}
|
|
|
},
|
|
|
- /* mounted() {
|
|
|
- var that = this;
|
|
|
- // <!--把window.onresize事件挂在到mounted函数上-->
|
|
|
- window.onresize = () => {
|
|
|
- return (() => {
|
|
|
- window.fullWidth = document.documentElement.clientWidth;
|
|
|
- that.windowWidth = window.fullWidth; // 宽
|
|
|
- })
|
|
|
- };
|
|
|
- }*/
|
|
|
+ mounted() {
|
|
|
+ this.accountData()
|
|
|
+ }
|
|
|
+ /* mounted() {
|
|
|
+ var that = this;
|
|
|
+ // <!--把window.onresize事件挂在到mounted函数上-->
|
|
|
+ window.onresize = () => {
|
|
|
+ return (() => {
|
|
|
+ window.fullWidth = document.documentElement.clientWidth;
|
|
|
+ that.windowWidth = window.fullWidth; // 宽
|
|
|
+ })
|
|
|
+ };
|
|
|
+ }*/
|
|
|
}
|
|
|
</script>
|
|
|
|
qymljy