|
@@ -69,7 +69,8 @@
|
|
</div>
|
|
</div>
|
|
<div style="width: 100%;margin-bottom: 50px">
|
|
<div style="width: 100%;margin-bottom: 50px">
|
|
<el-table :data="tableData" :header-cell-style="{borderBottom:'1px dashed #dfe6ec'}" :cell-style="cellStyle" style="width: 65%;float: left;">
|
|
<el-table :data="tableData" :header-cell-style="{borderBottom:'1px dashed #dfe6ec'}" :cell-style="cellStyle" style="width: 65%;float: left;">
|
|
- <el-table-column prop="name" label="待办事宜" width="360"></el-table-column>
|
|
|
|
|
|
+ <el-table-column prop="name" label="待办事宜" width="360">
|
|
|
|
+ </el-table-column>
|
|
<el-table-column prop="date" label="时间" width="300"></el-table-column>
|
|
<el-table-column prop="date" label="时间" width="300"></el-table-column>
|
|
<el-table-column prop="address" label="操作"></el-table-column>
|
|
<el-table-column prop="address" label="操作"></el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
@@ -88,7 +89,7 @@
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
-import { listCorps } from "../../src/api/index";
|
|
|
|
|
|
+import { listCorps , listCorps_s,listCorps_ss} from "../../src/api/index";
|
|
export default {
|
|
export default {
|
|
name: "index",
|
|
name: "index",
|
|
data() {
|
|
data() {
|
|
@@ -97,7 +98,7 @@ export default {
|
|
version: "3.2.1",
|
|
version: "3.2.1",
|
|
tableData: [{
|
|
tableData: [{
|
|
date: '2020-11-20 12:00',
|
|
date: '2020-11-20 12:00',
|
|
- name: '某客户出库单审核',
|
|
|
|
|
|
+ name: '<p>某客户账单审核</p>',
|
|
address: '查看详情'
|
|
address: '查看详情'
|
|
}, {
|
|
}, {
|
|
date: '2020-11-20 12:00',
|
|
date: '2020-11-20 12:00',
|
|
@@ -117,6 +118,8 @@ export default {
|
|
},
|
|
},
|
|
created(){
|
|
created(){
|
|
this.getList();
|
|
this.getList();
|
|
|
|
+ this.getLabel_s();
|
|
|
|
+ this.getLabel_ss();
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
//设置单元格边框
|
|
//设置单元格边框
|
|
@@ -130,9 +133,22 @@ export default {
|
|
console.log(response.rows);
|
|
console.log(response.rows);
|
|
});
|
|
});
|
|
},
|
|
},
|
|
|
|
+ // 仓库图表
|
|
|
|
+ getLabel_s(){
|
|
|
|
+ listCorps_s(this.queryParse).then(response =>{
|
|
|
|
+ console.log(response.rows);
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ // 商品图表
|
|
|
|
+ getLabel_ss(){
|
|
|
|
+ listCorps_ss(0).then(response =>{
|
|
|
|
+ console.log(response);
|
|
|
|
+ })
|
|
|
|
+ },
|
|
goTarget(href) {
|
|
goTarget(href) {
|
|
window.open(href, "_blank");
|
|
window.open(href, "_blank");
|
|
},
|
|
},
|
|
|
|
+ //仓库图表
|
|
drawLine() {
|
|
drawLine() {
|
|
// 基于准备好的dom,初始化echarts实例,所以只能在mounted中调用
|
|
// 基于准备好的dom,初始化echarts实例,所以只能在mounted中调用
|
|
let myChart = this.$echarts.init(document.getElementById('box'))
|
|
let myChart = this.$echarts.init(document.getElementById('box'))
|
|
@@ -227,10 +243,8 @@ export default {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- {value: 535, name: '荆州'},
|
|
|
|
- {value: 510, name: '兖州'},
|
|
|
|
- {value: 634, name: '益州'},
|
|
|
|
- {value: 735, name: '西凉'}
|
|
|
|
|
|
+ {value: 200, name: '1号仓库'},
|
|
|
|
+ {value: 500, name: '剩余库容'},
|
|
],
|
|
],
|
|
emphasis: {
|
|
emphasis: {
|
|
itemStyle: {
|
|
itemStyle: {
|
|
@@ -251,7 +265,7 @@ export default {
|
|
backgroundColor: '#fff',
|
|
backgroundColor: '#fff',
|
|
|
|
|
|
title: {
|
|
title: {
|
|
- text: '某某统计',
|
|
|
|
|
|
+ text: '货主库存占比统计',
|
|
left: 'center',
|
|
left: 'center',
|
|
top: 20,
|
|
top: 20,
|
|
textStyle: {
|
|
textStyle: {
|
|
@@ -279,11 +293,11 @@ export default {
|
|
radius: '80%',
|
|
radius: '80%',
|
|
center: ['50%', '60%'],
|
|
center: ['50%', '60%'],
|
|
data: [
|
|
data: [
|
|
- {value: 335, name: '某某库存1'},
|
|
|
|
- {value: 310, name: '某某库存2'},
|
|
|
|
- {value: 274, name: '某某库存3'},
|
|
|
|
- {value: 235, name: '某某库存4'},
|
|
|
|
- {value: 400, name: '某某库存5'}
|
|
|
|
|
|
+ {value: 335, name: '货主1'},
|
|
|
|
+ {value: 310, name: '货主2'},
|
|
|
|
+ {value: 274, name: '货主3'},
|
|
|
|
+ {value: 235, name: '货主4'},
|
|
|
|
+ {value: 400, name: '货主5'}
|
|
].sort(function (a, b) { return a.value - b.value; }),
|
|
].sort(function (a, b) { return a.value - b.value; }),
|
|
roseType: 'radius',
|
|
roseType: 'radius',
|
|
label: {
|
|
label: {
|
|
@@ -318,7 +332,7 @@ export default {
|
|
// 绘制图表
|
|
// 绘制图表
|
|
myChart.setOption({
|
|
myChart.setOption({
|
|
title: {
|
|
title: {
|
|
- text: '某某库存统计',
|
|
|
|
|
|
+ text: '本仓库商品统计',
|
|
subtext: '虚构数据',
|
|
subtext: '虚构数据',
|
|
left: 'center'
|
|
left: 'center'
|
|
},
|
|
},
|
|
@@ -338,7 +352,7 @@ export default {
|
|
xAxis: [
|
|
xAxis: [
|
|
{
|
|
{
|
|
type: 'category',
|
|
type: 'category',
|
|
- data: ['1号仓库', '2号仓库', '3号仓库', '4号仓库', '5号仓库', '6号仓库', '7号仓库'],
|
|
|
|
|
|
+ data: ['棉花', '淀粉', '木薯', '冰糖', '麻花', '海盐', '胡椒粉'],
|
|
axisTick: {
|
|
axisTick: {
|
|
alignWithLabel: true
|
|
alignWithLabel: true
|
|
}
|
|
}
|