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