liupopo
2 years ago
29 changed files with 20816 additions and 725 deletions
@ -0,0 +1,138 @@ |
|||||
|
DROP TABLE IF EXISTS `risk_alarm`; |
||||
|
CREATE TABLE `risk_alarm` ( |
||||
|
`id` BIGINT(32) NOT NULL AUTO_INCREMENT COMMENT 'ID，唯一编号', |
||||
|
`sid` VARCHAR(64) NOT NULL COMMENT 'sid', |
||||
|
`createTime` timestamp NULL DEFAULT CURRENT_TIMESTAMP COMMENT '记录创建时间', |
||||
|
`remarks` varchar(255) DEFAULT NULL COMMENT '备注信息', |
||||
|
|
||||
|
`treatmentStatus` INT(11) NOT NULL DEFAULT '0' COMMENT '风险处理状态：0=待处理，1=处理中，2=已办结', |
||||
|
|
||||
|
`indicatorSid` varchar(64) DEFAULT NULL COMMENT '风险指标Sid', |
||||
|
`indicatorCode` varchar(100) DEFAULT NULL COMMENT '风险指标代码', |
||||
|
`indicatorName` varchar(100) DEFAULT NULL COMMENT '风险指标名称', |
||||
|
|
||||
|
`risk` int(11) DEFAULT NULL COMMENT '风险处理状态0.待处理1.处理中2.完成', |
||||
|
`riskTriggerTime` timestamp NULL DEFAULT CURRENT_TIMESTAMP COMMENT '风险触发时间', |
||||
|
`riskEliminationDegree` int(11) DEFAULT NULL COMMENT '风险消除程度0.未消除1.已消除', |
||||
|
`customerSid` varchar(64) DEFAULT NULL COMMENT '客户Sid', |
||||
|
`riskInPositionNum` int(11) DEFAULT NULL COMMENT '风险处于位置1.主体2.供应商3.仓库4.门店', |
||||
|
`riskInPositionSid` varchar(64) DEFAULT NULL COMMENT '风险处于位置Sid', |
||||
|
|
||||
|
`riskDegreeName` varchar(100) DEFAULT NULL COMMENT '风险程度名称', |
||||
|
`riskDegreeCode` varchar(100) DEFAULT NULL COMMENT '风险程度代码', |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
`isEnable` INT(32) NOT NULL DEFAULT '1' COMMENT '记录是否可用，1:可用，0:不可用', |
||||
|
`isDelete` INT(32) NOT NULL DEFAULT '0' COMMENT '记录是否被删除，0:未删除，1:已经删除', |
||||
|
`remarks` VARCHAR(255) NULL DEFAULT NULL COMMENT '备注信息', |
||||
|
`sid` varchar(64) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL COMMENT 'sid', |
||||
|
`lockVersion` int(0) NULL DEFAULT 0 COMMENT '版本锁', |
||||
|
`createTime` timestamp(0) NOT NULL DEFAULT CURRENT_TIMESTAMP(0) COMMENT '创建时间', |
||||
|
`modifyTime` timestamp(0) NOT NULL DEFAULT CURRENT_TIMESTAMP(0) COMMENT '修改时间', |
||||
|
`isEnable` int(0) NULL DEFAULT 1 COMMENT '是否可用：1可用，0不可用', |
||||
|
`state` int(0) NULL DEFAULT 1 COMMENT '状态', |
||||
|
`isDelete` int(0) NULL DEFAULT 0 COMMENT '是否删除：0未删除，1已删除', |
||||
|
`remarks` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL COMMENT '备注', |
||||
|
`createBySid` varchar(64) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL COMMENT '创建人sid', |
||||
|
`updateBySid` varchar(64) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL COMMENT '修改人sid', |
||||
|
`address` varchar(100) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '位置', |
||||
|
`squareMeasure` varchar(100) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '面积', |
||||
|
`floorHeight` varchar(100) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '层高', |
||||
|
`properties` varchar(100) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '性质', |
||||
|
`contacts` varchar(100) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '联系人', |
||||
|
`price` varchar(100) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '价格', |
||||
|
`housingResources` varchar(100) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '房源', |
||||
|
`telephone` varchar(100) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '电话', |
||||
|
`province` varchar(100) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '省', |
||||
|
`city` varchar(100) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '市', |
||||
|
`county` varchar(100) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '区', |
||||
|
PRIMARY KEY (`id`) USING BTREE |
||||
|
) ENGINE = InnoDB CHARACTER SET = utf8 COLLATE = utf8_croatian_ci COMMENT = '仓库位置信息' ROW_FORMAT = Dynamic; |
||||
|
|
||||
|
SET FOREIGN_KEY_CHECKS = 1; |
||||
|
|
||||
|
|
||||
|
|
||||
|
DROP TABLE IF EXISTS `loan_bank_information`; |
||||
|
CREATE TABLE `loan_bank_information` ( |
||||
|
`id` int(0) NOT NULL AUTO_INCREMENT, |
||||
|
`sid` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NOT NULL COMMENT 'ids', |
||||
|
`bankName` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '银行名称', |
||||
|
`bankAbbreviation` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '银行简称', |
||||
|
`address` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '地址', |
||||
|
`province` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '省', |
||||
|
`city` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '市', |
||||
|
`county` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '区', |
||||
|
`contacts` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '联系人', |
||||
|
`telephone` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '电话', |
||||
|
`psid` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT '0' COMMENT '上级sid', |
||||
|
`lockVersion` int(0) NULL DEFAULT 0 COMMENT '版本锁', |
||||
|
`createTime` timestamp(0) NULL DEFAULT CURRENT_TIMESTAMP(0) COMMENT '创建时间', |
||||
|
`modifyTime` timestamp(0) NULL DEFAULT CURRENT_TIMESTAMP(0) COMMENT '修改时间', |
||||
|
`isEnable` int(0) NULL DEFAULT 1 COMMENT '是否可用：1可用，0不可用', |
||||
|
`state` int(0) NULL DEFAULT 1 COMMENT '状态', |
||||
|
`isDelete` int(0) NULL DEFAULT 0 COMMENT '是否删除：0未删除，1已删除', |
||||
|
`remarks` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL COMMENT '备注', |
||||
|
`createBySid` varchar(64) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL COMMENT '创建人sid', |
||||
|
`updateBySid` varchar(64) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL COMMENT '修改人sid', |
||||
|
PRIMARY KEY (`id`) USING BTREE |
||||
|
) ENGINE = InnoDB AUTO_INCREMENT = 22 CHARACTER SET = utf8 COLLATE = utf8_croatian_ci COMMENT = '贷款银行信息' ROW_FORMAT = Dynamic; |
||||
|
|
||||
|
SET FOREIGN_KEY_CHECKS = 1; |
||||
|
|
||||
|
|
||||
|
DROP TABLE IF EXISTS `enterprise_information`; |
||||
|
CREATE TABLE `enterprise_information` ( |
||||
|
`id` int(0) NOT NULL AUTO_INCREMENT, |
||||
|
`sid` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NOT NULL COMMENT 'ids', |
||||
|
`enterpriseName` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '企业名称', |
||||
|
`enterpriseAbbreviation` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '企业简称', |
||||
|
`bankAccount` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '银行账户', |
||||
|
`accountNumber` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '账号', |
||||
|
`openingBankName` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '开户行', |
||||
|
`juridicalPerson` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '法人', |
||||
|
`businessLicenseNumber` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '营业执照号', |
||||
|
`address` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '地址', |
||||
|
`province` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '省', |
||||
|
`city` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '市', |
||||
|
`county` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '区', |
||||
|
`contacts` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '联系人', |
||||
|
`telephone` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '电话', |
||||
|
`lockVersion` int(0) NULL DEFAULT 0 COMMENT '版本锁', |
||||
|
`createTime` timestamp(0) NULL DEFAULT CURRENT_TIMESTAMP(0) COMMENT '创建时间', |
||||
|
`modifyTime` timestamp(0) NULL DEFAULT CURRENT_TIMESTAMP(0) COMMENT '修改时间', |
||||
|
`isEnable` int(0) NULL DEFAULT 1 COMMENT '是否可用：1可用，0不可用', |
||||
|
`state` int(0) NULL DEFAULT 1 COMMENT '状态', |
||||
|
`isDelete` int(0) NULL DEFAULT 0 COMMENT '是否删除：0未删除，1已删除', |
||||
|
`remarks` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL COMMENT '备注', |
||||
|
`createBySid` varchar(64) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL COMMENT '创建人sid', |
||||
|
`updateBySid` varchar(64) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL COMMENT '修改人sid', |
||||
|
PRIMARY KEY (`id`) USING BTREE |
||||
|
) ENGINE = InnoDB AUTO_INCREMENT = 14 CHARACTER SET = utf8 COLLATE = utf8_croatian_ci COMMENT = '企业信息' ROW_FORMAT = Dynamic; |
||||
|
|
||||
|
SET FOREIGN_KEY_CHECKS = 1; |
||||
|
|
||||
|
|
||||
|
DROP TABLE IF EXISTS `bank_manager`; |
||||
|
CREATE TABLE `bank_manager` ( |
||||
|
`id` int(0) NOT NULL AUTO_INCREMENT, |
||||
|
`sid` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL, |
||||
|
`name` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '姓名', |
||||
|
`telephone` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '电话', |
||||
|
`post` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '职务', |
||||
|
`bankSid` varchar(255) CHARACTER SET utf8 COLLATE utf8_croatian_ci NULL DEFAULT NULL COMMENT '银行sid', |
||||
|
`lockVersion` int(0) NULL DEFAULT 0 COMMENT '版本锁', |
||||
|
`createTime` timestamp(0) NULL DEFAULT CURRENT_TIMESTAMP(0) COMMENT '创建时间', |
||||
|
`modifyTime` timestamp(0) NULL DEFAULT CURRENT_TIMESTAMP(0) COMMENT '修改时间', |
||||
|
`isEnable` int(0) NULL DEFAULT 1 COMMENT '是否可用：1可用，0不可用', |
||||
|
`state` int(0) NULL DEFAULT 1 COMMENT '状态', |
||||
|
`isDelete` int(0) NULL DEFAULT 0 COMMENT '是否删除：0未删除，1已删除', |
||||
|
`remarks` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL COMMENT '备注', |
||||
|
`createBySid` varchar(64) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL COMMENT '创建人sid', |
||||
|
`updateBySid` varchar(64) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL COMMENT '修改人sid', |
||||
|
PRIMARY KEY (`id`) USING BTREE |
||||
|
) ENGINE = InnoDB AUTO_INCREMENT = 3 CHARACTER SET = utf8 COLLATE = utf8_croatian_ci COMMENT = '银行负责人信息' ROW_FORMAT = Dynamic; |
||||
|
|
||||
|
SET FOREIGN_KEY_CHECKS = 1; |
||||
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
File diff suppressed because it is too large
|
After Width: | Height: | Size: 1.4 KiB |
@ -0,0 +1,427 @@ |
|||||
|
<template> |
||||
|
<div class="index" style="height: calc(100vh - 200px);overflow-x: hidden;overflow-y: auto;"> |
||||
|
<div class="index_top"> |
||||
|
|
||||
|
<div style="flex: 1;"> |
||||
|
<span class="index_top_text" @click="show">数据总览</span> |
||||
|
<el-date-picker v-model="params.date" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"> |
||||
|
</el-date-picker> |
||||
|
</div> |
||||
|
|
||||
|
<!-- <div class="index_top_right">{{ info.notice }}</div> --> |
||||
|
|
||||
|
</div> |
||||
|
<div class="index_bottom"> |
||||
|
|
||||
|
<div style="flex: 0.1;"></div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div class="index_content"> |
||||
|
<div class="index_content_top"> |
||||
|
|
||||
|
<div class="item_border" style="display: flex;flex-direction: row; padding: 30px 20px; flex: 1;"> |
||||
|
|
||||
|
<img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" /> |
||||
|
|
||||
|
<div style="display: flex;flex-direction: column; margin-left: 10px;"> |
||||
|
<span style="font-size: 20px;">506</span> |
||||
|
<div style="margin-top: 10px;"> |
||||
|
<span style="font-size: 14px;color: #999;">供应商</span> |
||||
|
<span style="font-size: 14px; margin-left: 10px; color: #13BDA0 ;">↑ 25.6%</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div style="flex: 0.3;"></div> |
||||
|
|
||||
|
<div class="item_border" style="display: flex;flex-direction: row; padding: 30px 20px; flex: 1;"> |
||||
|
|
||||
|
<img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" /> |
||||
|
|
||||
|
<div style="display: flex;flex-direction: column; margin-left: 10px;"> |
||||
|
<span style="font-size: 20px;">121</span> |
||||
|
<div style="margin-top: 10px;"> |
||||
|
<span style="font-size: 14px;color: #999;">仓库</span> |
||||
|
<span style="font-size: 14px; margin-left: 10px; color: #13BDA0 ;">↑ 9.8%</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div style="flex: 0.3;"></div> |
||||
|
|
||||
|
<div class="item_border" style="display: flex;flex-direction: row; padding: 30px 20px; flex: 1;"> |
||||
|
|
||||
|
<img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" /> |
||||
|
|
||||
|
<div style="display: flex;flex-direction: column; margin-left: 10px;"> |
||||
|
<span style="font-size: 20px;">624</span> |
||||
|
<div style="margin-top: 10px;"> |
||||
|
<span style="font-size: 14px;color: #999;">商品种类</span> |
||||
|
<span style="font-size: 14px; margin-left: 10px; color: #FF4747 ;">↓ 15.6%</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div style="flex: 0.3;"></div> |
||||
|
|
||||
|
<div class="item_border" style="display: flex;flex-direction: row; padding: 30px 20px; flex: 1;"> |
||||
|
|
||||
|
<img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" /> |
||||
|
|
||||
|
<div style="display: flex;flex-direction: column; margin-left: 10px;"> |
||||
|
<span style="font-size: 20px;">￥50905.96</span> |
||||
|
<div style="margin-top: 10px;"> |
||||
|
<span style="font-size: 14px;color: #999;">货区价值</span> |
||||
|
<span style="font-size: 14px; margin-left: 10px; color: #FF4747 ;">↓ 15.6%</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
<div class="index_content_bottom"> |
||||
|
|
||||
|
<div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;"> |
||||
|
<span style="font-weight: 600;">商品统计</span> |
||||
|
<div id="main1" ref="main1" class="middle"> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div style="flex: 0.1;"></div> |
||||
|
|
||||
|
<div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;"> |
||||
|
<span style="font-weight: 600;">仓库分区占比</span> |
||||
|
<div id="main2" ref="main2" class="middle"> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
</div> |
||||
|
<script> |
||||
|
import * as echarts from 'echarts'; |
||||
|
|
||||
|
export default { |
||||
|
name: '', |
||||
|
data() { |
||||
|
return { |
||||
|
token: '', |
||||
|
params: { |
||||
|
date: null |
||||
|
}, |
||||
|
info: { |
||||
|
date: "", |
||||
|
notice: "通知：请于2023年3月3日16点向***3189帐户回款1231234元。[点击回款]" |
||||
|
}, |
||||
|
newMessageList: [{ |
||||
|
sid: "1", |
||||
|
name: "[员工变动]2023年6月12日收到人事通知，对 聂风 进行转正", |
||||
|
date: "2023-06-12" |
||||
|
|
||||
|
}, { |
||||
|
sid: "2", |
||||
|
name: "[员工变动]2023年6月12日收到人事通知，对 冷拧 进行转正", |
||||
|
date: "2023-06-12" |
||||
|
|
||||
|
}, { |
||||
|
sid: "3", |
||||
|
name: "[员工变动]2023年6月12日收到人事通知，对 冷枫 进行转正", |
||||
|
date: "2023-06-12" |
||||
|
|
||||
|
}, { |
||||
|
sid: "4", |
||||
|
name: "[员工变动]2023年6月12日收到人事通知，对 邹好好 进行转正", |
||||
|
date: "2023-06-12" |
||||
|
|
||||
|
}], |
||||
|
larmCenterList: [{ |
||||
|
sid: "1", |
||||
|
name: "[岗位调整]由2023年6月12号起， 聂风 由原岗位调动至采购部岗位工作", |
||||
|
date: "2023-06-12" |
||||
|
|
||||
|
}, { |
||||
|
sid: "2", |
||||
|
name: "[岗位调整]由2023年6月12号起， 冷拧 由原岗位调动至采购部岗位工作", |
||||
|
date: "2023-06-12" |
||||
|
|
||||
|
}, { |
||||
|
sid: "3", |
||||
|
name: "[岗位调整]由2023年6月12号起， 冷枫 由原岗位调动至采购部岗位工作", |
||||
|
date: "2023-06-12" |
||||
|
|
||||
|
}, { |
||||
|
sid: "4", |
||||
|
name: "[岗位调整]由2023年6月12号起， 邹好好 由原岗位调动至采购部岗位工作", |
||||
|
date: "2023-06-12" |
||||
|
} |
||||
|
|
||||
|
] |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.drawLine1(); |
||||
|
this.drawLine2(); |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
show() { |
||||
|
this.drawLine1(); |
||||
|
this.drawLine2(); |
||||
|
}, |
||||
|
drawLine1() { |
||||
|
|
||||
|
// let mychart = echarts.init(this.$refs.main1) |
||||
|
var myChart = echarts.init(document.getElementById('main1')); |
||||
|
// 绘制图表 |
||||
|
myChart.setOption({ |
||||
|
tooltip: { |
||||
|
trigger: 'axis', |
||||
|
axisPointer: { |
||||
|
type: 'cross', |
||||
|
crossStyle: { |
||||
|
color: '#999' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
toolbox: { |
||||
|
feature: { |
||||
|
dataView: { |
||||
|
// 数据视图 |
||||
|
show: false, |
||||
|
readOnly: false |
||||
|
}, |
||||
|
magicType: { |
||||
|
// 切换图形 |
||||
|
show: false, |
||||
|
type: ['line', 'bar'] |
||||
|
}, |
||||
|
// 还原 |
||||
|
restore: { |
||||
|
show: false |
||||
|
}, |
||||
|
// 下载 |
||||
|
saveAsImage: { |
||||
|
show: false |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
grid: { |
||||
|
height: 220 |
||||
|
}, |
||||
|
legend: { |
||||
|
data: ['出库商品', '入库商品'] |
||||
|
}, |
||||
|
xAxis: [{ |
||||
|
type: 'category', |
||||
|
data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月'], |
||||
|
axisPointer: { |
||||
|
type: 'shadow' |
||||
|
} |
||||
|
}], |
||||
|
yAxis: [{ |
||||
|
type: 'value', |
||||
|
name: '个数/个', |
||||
|
min: 0, |
||||
|
max: 100, |
||||
|
axisLabel: { |
||||
|
formatter: '{value}' |
||||
|
} |
||||
|
} |
||||
|
], |
||||
|
series: [ |
||||
|
{ |
||||
|
name: '出库商品', |
||||
|
type: 'bar', |
||||
|
tooltip: { |
||||
|
valueFormatter: function (value) { |
||||
|
return value + ' 个'; |
||||
|
} |
||||
|
}, |
||||
|
data: [ |
||||
|
20, 20, 20, 20, 60, 70, 90 |
||||
|
] |
||||
|
}, |
||||
|
{ |
||||
|
name: '入库商品', |
||||
|
type: 'bar', |
||||
|
tooltip: { |
||||
|
valueFormatter: function (value) { |
||||
|
return value + ' 个'; |
||||
|
} |
||||
|
}, |
||||
|
data: [ |
||||
|
30, 30, 30, 50, 50, 50, 60 |
||||
|
] |
||||
|
}, |
||||
|
] |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
// 饼状图图初始化 |
||||
|
drawLine2() { |
||||
|
// 基于准备好的dom，初始化echarts实例 |
||||
|
// let mychart = echarts.init(this.$refs.main2) |
||||
|
var myChart = echarts.init(document.getElementById('main2')); |
||||
|
// 绘制图表 |
||||
|
// console.log('option', obj) |
||||
|
myChart.setOption({ |
||||
|
legend: { |
||||
|
top: 'bottom' |
||||
|
}, |
||||
|
toolbox: { |
||||
|
show: true, |
||||
|
feature: { |
||||
|
mark: { |
||||
|
show: true |
||||
|
}, |
||||
|
// 数据图标 |
||||
|
dataView: { |
||||
|
show: false, |
||||
|
readOnly: false |
||||
|
}, |
||||
|
// 刷新图标 |
||||
|
restore: { |
||||
|
show: false |
||||
|
}, |
||||
|
// 下载图标 |
||||
|
saveAsImage: { |
||||
|
show: false |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
tooltip: { |
||||
|
show: true, |
||||
|
trigger: "item" |
||||
|
}, |
||||
|
series: [{ |
||||
|
name: '仓库分区占比', |
||||
|
type: 'pie', |
||||
|
radius: [20, 100], |
||||
|
center: ['50%', '40%'], |
||||
|
roseType: 'area', |
||||
|
itemStyle: { |
||||
|
borderRadius: 8 |
||||
|
}, |
||||
|
data: [{ |
||||
|
"value": 20, |
||||
|
"name": "河北仓库" |
||||
|
}, |
||||
|
{ |
||||
|
"value": 15, |
||||
|
"name": "北京仓库" |
||||
|
}, |
||||
|
{ |
||||
|
"value": 30, |
||||
|
"name": "天津仓库" |
||||
|
}, |
||||
|
{ |
||||
|
"value": 20, |
||||
|
"name": "东北仓库" |
||||
|
} |
||||
|
] |
||||
|
}] |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// getToken(){ |
||||
|
// let params = { |
||||
|
// password: "329653", |
||||
|
// roleSid: "", |
||||
|
// token: "", |
||||
|
// userName: "15097329653", |
||||
|
// verifyCode: "" |
||||
|
// } |
||||
|
// login1(params).then(res => { |
||||
|
// this.token = res.data.token |
||||
|
// window.sessionStorage.setItem('token', res.data.token) |
||||
|
// }) |
||||
|
// } |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.imgDemo { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
background: radial-gradient(#fff, #f5f7f4, #fff); |
||||
|
} |
||||
|
|
||||
|
.middle { |
||||
|
justify-content: center; |
||||
|
width: 100%; |
||||
|
height: 300px; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.index { |
||||
|
padding: 40px 80px; |
||||
|
background: #FFFFFF; |
||||
|
|
||||
|
.index_top { |
||||
|
|
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
align-items: center; |
||||
|
|
||||
|
.index_top_text { |
||||
|
font-size: 25px; |
||||
|
font-weight: bold; |
||||
|
color: #000; |
||||
|
margin-right: 20px; |
||||
|
} |
||||
|
|
||||
|
.index_top_right { |
||||
|
font-size: 14px; |
||||
|
font-weight: bold; |
||||
|
color: #FF5046; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.index_content { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
margin-top: 30px; |
||||
|
|
||||
|
.index_content_top { |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
} |
||||
|
|
||||
|
.index_content_bottom { |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
margin-top: 30px; |
||||
|
} |
||||
|
|
||||
|
.item_border { |
||||
|
border-radius: 10px; |
||||
|
border: 1px solid #cddbf7; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.index_bottom { |
||||
|
margin-top: 20px; |
||||
|
display: flex; |
||||
|
|
||||
|
.item_border { |
||||
|
border-radius: 10px; |
||||
|
border: 1px solid #cddbf7; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
canvas {} |
||||
|
</style> |
||||
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
Loading…
Reference in new issue