Browse Source

2023-11-14

master
guoxing 2 years ago
parent
commit
0133468a22
  1. 3
      .env.development
  2. 63
      src/api/gd36524/store.js
  3. 114
      src/views/echarts/barlineEacharts.vue
  4. 33
      src/views/echarts/pieLineEacharts.vue
  5. 1179
      src/views/mortgage/index - 副本.vue
  6. 600
      src/views/mortgage/index.vue
  7. 2
      vue.config.js

3
.env.development

@ -3,5 +3,4 @@ ENV = 'development'
# base api # base api
VUE_APP_BASE_API = '/api' VUE_APP_BASE_API = '/api'
VUE_APP_URL = "http://192.168.0.104:7009"
VUE_APP_PUBLIC_PATH = "/"

63
src/api/gd36524/store.js

@ -8,5 +8,66 @@ export default {
method: 'post', method: 'post',
data: data data: data
}); });
} },
// 左侧数据总览
getProjectDaily: function(data) {
return request({
url: '/datacenter/getProjectDaily',
method: 'post',
data: data
});
},
// 获取指定设备列表,
getOtherList: function(data) {
return request({
url: '/datacenter/getOtherList?type=1&ckId=1a10a17b-9c56-4ef9-8986-194a858e3832',
method: 'get'
});
},
// 获取摄像头状态数量 ,
getStatusCount: function(data) {
return request({
url: '/datacenter/getStatusCount?ckId=1a10a17b-9c56-4ef9-8986-194a858e3832',
method: 'get'
});
},
// 实时监控 ,
getVedioPcLiveById: function(data) {
return request({
url: '/datacenter/getVedioPcLiveById?id=' + data,
method: 'get'
});
},
// 回放监控 ,
getVedioPcRecById: function(data) {
return request({
url: '/datacenter/getVedioPcRecById?id=' + data,
method: 'get'
});
},
// 库存货值 ,
getInventory: function(data) {
return request({
url: '/datacenter/getInventory?orderDate=' + data,
method: 'get'
});
},
// 库存分析图 ,
getReportInventory: function(data) {
return request({
url: '/datacenter/getReportInventory',
method: 'post',
data: data
});
},
} }

114
src/views/echarts/barlineEacharts.vue

@ -76,93 +76,51 @@ export default {
} = {}) { } = {}) {
this.chart.setOption({ this.chart.setOption({
color: ['#ff9900', '#10aeff'], color: ['#ff9900', '#10aeff'],
legend: { tooltip: {
top: 10, trigger: 'axis',
left: "center", axisPointer: {
itemWidth: 10, type: 'shadow'
itemHeight: 10, }
// padding: [5, 10],
textStyle: {
fontSize: 14,
color: "#000",
padding: [3, 0, 0, 0],
},
data: ['常温仓', '供应链仓'],
}, },
legend: {},
grid: { grid: {
left: "0%", left: '3%',
right: "0%", right: '4%',
bottom: "5%", bottom: '3%',
containLabel: true, containLabel: true
},
xAxis: {
type: "category",
axisLabel: {
color: "#96A4F4",
},
nameTextStyle: {
// yname
color: "#f00",
fontSize: 10,
},
axisLine: {
lineStyle: {
color: "#96A4F4",
},
},
axisTick: {
show: false,
},
data: ['12/1', '12/2', '12/3', '12/4', '12/5', '12/6', '12/7', '12/8', '12/9','12/10','12/11','12/12','12/13'],
},
yAxis: {
type: "value",
axisLabel: {
color: "#96A4F4",
},
axisLine: {
lineStyle: {
color: "#96A4F4",
},
width: 5,
},
axisTick: {
show: false,
},
splitLine: {
lineStyle: {
color: "rgba(000, 000, 000, 0.3)",
},
width:5
},
}, },
xAxis: [
{
type: 'category',
data: this.chartData.date
}
],
yAxis: [
{
type: 'value'
}
],
series: [ series: [
{ {
name: "常温仓", name: '常温仓',
type: "bar", type: 'bar',
stack: "总量", stack: 'Search Engine',
barWidth: "45%", emphasis: {
label: { focus: 'series'
show: false,
position: "insideRight",
}, },
data: [1320, 1302, 901, 634, 1390, 1330, 1320, 1000, 500], data: this.chartData.changwencang
}, },
{ {
name: "供应链仓", name: '供应链',
type: "bar", type: 'bar',
stack: "总量", stack: 'Search Engine',
barWidth: "45%", emphasis: {
label: { focus: 'series'
show: false,
position: "insideRight",
},
data: [1320, 1302, 901, 634, 1390, 1330, 1320, 1000, 500],
}, },
], data: this.chartData.gongyinglian
}); }
]});
this.chart.on("click", function (param) { this.chart.on("click", function (param) {
this.callParents(param); this.callParents(param);
}); });

33
src/views/echarts/pieLineEacharts.vue

@ -77,14 +77,15 @@ export default {
this.chart.setOption({ this.chart.setOption({
title: [ title: [
{ {
text: '75.62%', text: this.chartData.pledgeRatePercent+"%",
subtext: '质押率50%', subtext: "质押率 " + this.chartData.bankPledgeRate + "%",
textStyle:{ textStyle:{
fontSize:20, fontSize:16,
color:"#ff7e4b" color:this.chartData.state == '2' ? "#ff7e4b" : "#ccc"
}, },
subtextStyle: { subtextStyle: {
fontSize: 18, fontSize: 14,
color: '#bbbaba' color: '#bbbaba'
}, },
textAlign:"center", textAlign:"center",
@ -104,11 +105,12 @@ export default {
legend: { legend: {
type:"plain", type:"plain",
icon:'rect', icon:'rect',
y: 'center',
x:"right",
orient: 'vertical', orient: 'vertical',
left:'70%', left:'70%',
align:'left', align:'left',
top:'middle', top:'0',
layout:'horizontal',
itemGap:30, itemGap:30,
padding:[20,29,40,0], padding:[20,29,40,0],
textStyle: { textStyle: {
@ -122,7 +124,7 @@ export default {
}, },
series: [ series: [
{ {
name:'标', name:'标',
type:'pie', type:'pie',
center: ['35%', '50%'], center: ['35%', '50%'],
radius: ['40%', '65%'], radius: ['40%', '65%'],
@ -141,14 +143,15 @@ export default {
smooth:true, smooth:true,
} }
}, },
data: [ data: this.chartData.data
{value:335, legendname:'种类01',name:"账户余额",itemStyle:{color:"#5087ec"}}, // [
{value:310, legendname:'种类02',name:"应收账款",itemStyle:{color:"#68bbc4"}}, // {value:335, legendname:'01',name:"",itemStyle:{color:"#5087ec"}},
{value:234, legendname:'种类03',name:"物质库存价值",itemStyle:{color:"#58a55c"}}, // {value:310, legendname:'02',name:"",itemStyle:{color:"#68bbc4"}},
{value:154, legendname:'种类04',name:"在途货物价值",itemStyle:{color:"#f2bd42"}}, // {value:234, legendname:'03',name:"",itemStyle:{color:"#58a55c"}},
{value:335, legendname:'种类05',name:"预付款",itemStyle:{color:"#ee752f"}}, // {value:154, legendname:'04',name:"",itemStyle:{color:"#f2bd42"}},
// {value:335, legendname:'05',name:"",itemStyle:{color:"#ee752f"}},
] // ]
} }
] ]
}); });

1179
src/views/mortgage/index - 副本.vue

File diff suppressed because it is too large

600
src/views/mortgage/index.vue

File diff suppressed because it is too large

2
vue.config.js

@ -40,7 +40,7 @@ module.exports = {
}, },
proxy: { proxy: {
'/api': { // 匹配所有以 '/api'开头的请求路径 '/api': { // 匹配所有以 '/api'开头的请求路径
target: 'http://127.0.0.1:7104', target: process.env.VUE_APP_URL,
// target: process.env.VUE_APP_URL, // 代理目标的基础路径 // target: process.env.VUE_APP_URL, // 代理目标的基础路径
changeOrigin: true, // 支持跨域 changeOrigin: true, // 支持跨域
pathRewrite: { // 重写路径: 去掉路径中开头的'/api' pathRewrite: { // 重写路径: 去掉路径中开头的'/api'

Loading…
Cancel
Save