yxt_group
/
supervise
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge branch 'master' of http://gitea.yxtsoft.com/yxt_group/supervise

master
fengdong777 2 years ago
parent
caf2b7b79c df65e7eaae
commit
6dc43661ea
4 changed files with 561 additions and 68 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      supervise-business-ui/src/layout/components/Navbar.vue
  2. 32
      supervise-customer-ui/src/layout/components/AppMain.vue
  3. 516
      supervise-customer-ui/src/views/index.vue
  4. 75
      warehousing-system/project_web/src/components/Home.vue

2
supervise-business-ui/src/layout/components/Navbar.vue
View File

@ -1,7 +1,7 @@
<template>
<div>
<div class="navbar">
<p class="breadcrumb-container"><img src="@/assets/loginImg/logo.png" style="width: 45px;height: 45px;margin-right: 10px;"/>汇融云眼贷后监管平台p>
<p class="breadcrumb-container"><img src="@/assets/loginImg/logo.png" style="width: 45px;height: 45px;margin-right: 10px;"/>汇融云眼贷后监管平台
<!-- <h3 class="breadcrumb-container">汇融供应链贷后监管平台h3> -->
<div class="right-menu">
<!-- <p>{{Orgname}} {{departmentName}} 欢迎, {{name}}</p>-->

32
supervise-customer-ui/src/layout/components/AppMain.vue
View File

@ -1,6 +1,6 @@
<template>
<div>
<section v-show="path!= '/index'" class="app-main" style="height: calc(100vh - 140px);">
<section class="app-main" style="height: calc(100vh - 140px);">
<transition name="fade-transform" mode="out-in">
<keep-alive :include="cachedViews">
<router-view :key="key" />
@ -9,7 +9,7 @@
</section>
<div v-show="path == '/index'">
<!-- <div v-show="path == '/index'">
<div class="index" style="height: calc(100vh - 200px);overflow-x: hidden;overflow-y: auto;">
@ -98,7 +98,7 @@
<div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;">
<span style="font-weight: 600;">阀值分析</span>
<div id="main1" class="middle">
<div id="main1" ref="main1" class="middle">
</div>
</div>
@ -106,7 +106,7 @@
<div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;">
<span style="font-weight: 600;">在途货物分析</span>
<div id="main2" class="middle">
<div id="main2" ref="main2" class="middle">
</div>
</div>
@ -204,7 +204,7 @@ display: -webkit-box;
</div>
</div>
-->
</div>
</template>
@ -280,9 +280,9 @@ display: -webkit-box;
}
},
created() {
// this.drawLine1();
// this.drawLine2();
mounted() {
this.drawLine1();
this.drawLine2();
},
methods: {
@ -292,6 +292,7 @@ display: -webkit-box;
},
drawLine1() {
// let mychart = echarts.init(this.$refs.main1)
var myChart = echarts.init(document.getElementById('main1'));
// 绘制图表
myChart.setOption({
@ -331,11 +332,11 @@ display: -webkit-box;
height: 220
},
legend: {
data: ['Evaporation', 'Precipitation', 'Temperature']
data: ['仓库货值', '在途货值', '阀值']
},
xAxis: [{
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
data: ['1-1', '1-2', '1-3', '1-4', '1-5', '1-6', '1-7'],
axisPointer: {
type: 'shadow'
}
@ -352,7 +353,7 @@ display: -webkit-box;
},
{
type: 'value',
name: '百分比',
name: '百分比%',
min: 0,
max: 25,
interval: 5,
@ -362,7 +363,7 @@ display: -webkit-box;
}
],
series: [{
name: 'Evaporation',
name: '仓库货值',
type: 'bar',
tooltip: {
valueFormatter: function(value) {
@ -374,7 +375,7 @@ display: -webkit-box;
]
},
{
name: 'Precipitation',
name: '在途货值',
type: 'bar',
tooltip: {
valueFormatter: function(value) {
@ -386,7 +387,7 @@ display: -webkit-box;
]
},
{
name: 'Temperature',
name: '阀值',
type: 'line',
yAxisIndex: 1,
tooltip: {
@ -403,6 +404,7 @@ display: -webkit-box;
// 饼状图图初始化
drawLine2() {
// 基于准备好的dom，初始化echarts实例
// let mychart = echarts.init(this.$refs.main2)
var myChart = echarts.init(document.getElementById('main2'));
// 绘制图表
// console.log('option', obj)
@ -436,7 +438,7 @@ display: -webkit-box;
trigger: "item"
},
series: [{
name: 'Nightingale Chart',
name: '在途货物分析',
type: 'pie',
radius: [20, 100],
center: ['50%', '40%'],

516
supervise-customer-ui/src/views/index.vue
View File

@ -1,33 +1,453 @@
<template>
<div class="imgDemo">
<!--<el-button type="primary" @click="getToken()">token</el-button>
<div style="width: 200px;">{{token}}</div>-->
<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_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;">￥27608927.45</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;">￥1244255.22</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;">￥636449.84</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;">￥3822945.45</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 class="index_bottom">
<div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 0.4;">
<div style="display: flex;flex-direction: row; justify-content: space-between; align-items: center;">
<span style="font-weight: 600;">快捷操作</span>
<span style="color: #4386FF; font-size: 13px; text-decoration: underline;">查看更多</span>
</div>
<div style="display: flex;align-items: center; margin-top: 10px;">
<img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
<span style="font-weight: 500;margin-left: 10px;">采购申请</span>
</div>
<div style="display: flex;align-items: center; margin-top: 10px;">
<img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
<span style="font-weight: 500;margin-left: 10px;">用款申请</span>
</div>
<div style="display: flex;align-items: center; margin-top: 10px;">
<img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
<span style="font-weight: 500;margin-left: 10px;">供应商管理</span>
</div>
<div style="display: flex;align-items: center; margin-top: 10px;">
<img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
<span style="font-weight: 500;margin-left: 10px;">数据上报</span>
</div>
</div>
<div style="flex: 0.1;"></div>
<div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;">
<div style="display: flex;flex-direction: row; justify-content: space-between; align-items: center;">
<span style="font-weight: 600;">最新消息</span>
<span style="color: #4386FF; font-size: 13px; text-decoration: underline;">查看更多</span>
</div>
<div style="margin-top: 20px;" v-for="(item, index) in newMessageList" :key="index">
<div
style="display: flex;flex-direction: row; justify-content: space-between; align-items: center; padding-top: 20px;"
@click="companyInfo(item.sid)">
<span
style="font-size: 16px;color: #444;overflow: hidden;margin-right:20px;flex: 1;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1 ;-webkit-box-orient: vertical;">{{ item.name }}</span>
<span style="font-size: 13px;color: #999;">{{ item.date }}</span>
</div>
</div>
</div>
<div style="flex: 0.1;"></div>
<div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;">
<div style="display: flex;flex-direction: row; justify-content: space-between; align-items: center;">
<span style="font-weight: 600;">警报中心</span>
<span style="color: #4386FF; font-size: 13px; text-decoration: underline;">查看更多</span>
</div>
<div style="margin-top: 20px;" v-for="(item, index) in larmCenterList" :key="index">
<div
style="display: flex;flex-direction: row; justify-content: space-between; align-items: center; padding-top: 20px;"
@click="companyInfo(item.sid)">
<span style="font-size: 16px;color: #444;overflow: hidden;margin-right:20px;flex: 1;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1 ;
-webkit-box-orient: vertical;">{{ item.name }}</span>
<span style="font-size: 13px;color: #999;">{{ item.date }}</span>
</div>
</div>
</div>
</div>
</div>
</template>
</div>
<script>
import {login1} from '@/api/system/user/login.js'
import * as echarts from 'echarts';
import {
login1
} from '@/api/system/user/login.js'
export default {
name: '',
data() {
return {
token:''
token: '',
params: {
date: null
},
info: {
date: "",
notice: "通知：请于2023年3月3日16点向***3189帐户回款1231234元。[点击回款]"
},
newMessageList: [{
sid: "1",
name: "[消息]您的订单已经审核完毕等待放款。",
date: "2023-01-01"
}, {
sid: "2",
name: "[通知]通知仓库商品产生1级风险，请及时做出回复。",
date: "2023-01-01"
}, {
sid: "3",
name: "[消息]您的订单由于商品不存在被退回。",
date: "2023-01-01"
}, {
sid: "4",
name: "[消息]请于2023年3月3日16点向***3189帐户回款231234元。",
date: "2023-01-01"
}],
larmCenterList: [{
sid: "1",
name: "仓库于2023年3月3日产生1级风险。",
date: "2023-01-01"
}, {
sid: "2",
name: "[通知]通知仓库商品产生1级出回复。",
date: "2023-01-01"
}, {
sid: "3",
name: "[消息]您的订单由于商品不存在被退回。",
date: "2023-01-01"
}, {
sid: "4",
name: "[消息]请于2**3189帐户回款231234元。",
date: "2023-01-01"
}
]
}
},
methods:{
// 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)
// })
// }
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-1', '1-2', '1-3', '1-4', '1-5', '1-6', '1-7'],
axisPointer: {
type: 'shadow'
}
}],
yAxis: [{
type: 'value',
name: '人民币/万元',
min: 0,
max: 250,
interval: 50,
axisLabel: {
formatter: '{value}'
}
},
{
type: 'value',
name: '百分比%',
min: 0,
max: 25,
interval: 5,
axisLabel: {
formatter: '{value}'
}
}
],
series: [{
name: '仓库货值',
type: 'bar',
tooltip: {
valueFormatter: function(value) {
return value + ' 万元';
}
},
data: [
2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
]
},
{
name: '在途货值',
type: 'bar',
tooltip: {
valueFormatter: function(value) {
return value + ' 万元';
}
},
data: [
2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
]
},
{
name: '阀值',
type: 'line',
yAxisIndex: 1,
tooltip: {
valueFormatter: function(value) {
return value + ' %';
}
},
data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2]
}
]
});
},
// 饼状图图初始化
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": 2313123,
"name": "订单总额"
},
{
"value": 4359354,
"name": "实际到货价值"
},
{
"value": 2313123,
"name": "在途货价值"
},
{
"value": 2313123,
"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>
@ -36,8 +456,62 @@
.imgDemo {
width: 100%;
height: 100%;
background: radial-gradient(#fff,#f5f7f4, #fff);
background: radial-gradient(#fff, #f5f7f4, #fff);
}
.middle {
justify-content: center;
width: 100%;
height: 300px;
}
canvas {
.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;
}
}
.index_bottom {
margin-top: 20px;
display: flex;
}
}
canvas {}
</style>

75
warehousing-system/project_web/src/components/Home.vue
View File

@ -109,55 +109,55 @@
<script>
export default {
// 初始化函数
created() {
this.getMenuList();
created () {
this.getMenuList()
// 设定模式选中按钮
this.defaultActive = window.sessionStorage.getItem("activeMenu");
this.defaultActive = window.sessionStorage.getItem('activeMenu')
},
data() {
data () {
return {
menuList: [],
menuIcon: {
1: "iconfont iconuser",
3: "iconfont iconshangpin",
5: "iconfont iconicon--copy",
7: "iconfont iconquanxian",
8: "iconfont iconziyuan",
1: 'iconfont iconuser',
3: 'iconfont iconshangpin',
5: 'iconfont iconicon--copy',
7: 'iconfont iconquanxian',
8: 'iconfont iconziyuan'
},
// 定义默认高亮
defaultActive: "",
user: "",
};
defaultActive: '',
user: ''
}
},
methods: {
logout() {
logout () {
// 1.删除session中的记录
window.sessionStorage.clear();
window.sessionStorage.clear()
// 2.要求跳转到用户登录页面
this.$router.push("/login");
this.$router.push('/login')
},
async getMenuList() {
async getMenuList () {
// 1.查询左侧菜单
const { data: result } = await this.$http.get("/rights/getRightsList");
if (result.status !== 200) return this.$message.error("获取权限列表失败");
this.menuList = result.data;
const { data: result } = await this.$http.get('/rights/getRightsList')
if (result.status !== 200) return this.$message.error('获取权限列表失败')
this.menuList = result.data
},
// 设定左侧折叠展开效果
collspseClick() {
this.isCollapse = !this.isCollapse;
collspseClick () {
this.isCollapse = !this.isCollapse
},
defaultActiveMenu(activeMenu) {
defaultActiveMenu (activeMenu) {
// 为了实现返回之后的选中效果,应该将数据保存到第三方中sessionStory
window.sessionStorage.setItem("activeMenu", activeMenu);
this.defaultActive = activeMenu;
},
window.sessionStorage.setItem('activeMenu', activeMenu)
this.defaultActive = activeMenu
}
},
mounted() {
mounted () {
// this.user = window.sessionStorage.getItem('token').substr(32)
this.user = "9a3860f0f2af471982e919657099913dddd";
},
};
this.user = '9a3860f0f2af471982e919657099913dddd'
}
}
</script>
<!-- 防止样式重叠 -->
@ -184,6 +184,23 @@ export default {
/deep/ .el-submenu__title i {
color: #fff;
}
/deep/ .el-submenu__title {
height: 40px !important;
line-height: 40px !important;
font-size: 15px!important;
}
/deep/ .el-submenu .el-menu-item {
height: 40px !important;
line-height: 40px !important;
}
/deep/ .el-menu-item {
height: 40px !important;
line-height: 40px !important;
font-size: 15px!important;
}
.el-aside {
background-color: #55007f;

Write Preview
Loading…
Cancel
Save