Skip to content

杨炀 / dangan_dataV

Go to a project
Toggle navigation
Toggle navigation pinning
6ee62e76 by zhangmeng
Options

看板

1 parent 78c0c8e3
Inline Side-by-side
Showing 5 changed files with 136 additions and 86 deletions
src/api/server.js.js
import request from '@/utils/request'
/**
* 用户信息
* @returns {*}
*/
export function getYS000() {
return request({
method: 'post',
data: {
'INTERFACEID': 'YS000',
'USERCONTEXT': '5342b777-d86a-4967-a18b-7329a3fca56b'
}
})
}
/**
* 营业收入
* @returns {*}
*/
......
src/viewsPc/home.vue
......@@ -19,6 +19,16 @@
import LeftPage from "@/viewsPc/vip/leftPage"
import CenterPage from "@/viewsPc/vip/centerPage"
import RightPage from "@/viewsPc/vip/rightPage"
import {getYS000} from '@/api/server.js'
handelGetYS000()
async function handelGetYS000() {
const res = await getYS000()
console.log(res)
}
</script>
......
src/viewsPc/vip/centerPage.vue
......@@ -189,50 +189,50 @@ async function handelGetYS003() {
async function handelGetYS004() {
const res = await getYS004()
// console.log(res)
// let arrList = res.data.blockgroup
let arrList = [
{
BLOCK: '海上',
list: [
{
BASE: '上海',
DAYS: '6',
DSO: '20'
},
{
BASE: '浙江',
DAYS: '3',
DSO: '202'
},
{
BASE: '青岛',
DAYS: '61',
DSO: '230'
}
]
},
{
BLOCK: '陆地',
list: [
{
BASE: '合肥',
DAYS: '61',
DSO: '20'
},
{
BASE: '北京',
DAYS: '33',
DSO: '202'
},
{
BASE: '河南',
DAYS: '61',
DSO: '230'
}
]
}
]
console.log(res)
let arrList = res.data.blockgroup
// let arrList = [
// {
// BLOCK: '海上',
// list: [
// {
// BASE: '上海',
// DAYS: '6',
// DSO: '20'
// },
// {
// BASE: '浙江',
// DAYS: '3',
// DSO: '202'
// },
// {
// BASE: '青岛',
// DAYS: '61',
// DSO: '230'
// }
// ]
// },
// {
// BLOCK: '陆地',
// list: [
// {
// BASE: '合肥',
// DAYS: '61',
// DSO: '20'
// },
// {
// BASE: '北京',
// DAYS: '33',
// DSO: '202'
// },
// {
// BASE: '河南',
// DAYS: '61',
// DSO: '230'
// }
// ]
// }
// ]
let haishang
let dalu
for (const v of arrList) {
......@@ -295,8 +295,6 @@ async function handelGetYS004() {
async function handelGetYS005() {
const res = await getYS005()
form.value = res.data
console.log(form.value.leaderinfo)
}
......@@ -737,7 +735,6 @@ const handelBing3 = (row1, row2) => {
}
const handelZhu1 = (row1, row2) => {
console.log(row1, row2)
chart11 = echarts.init(zhuRef1.value)
const option = {
tooltip: {
......@@ -1124,7 +1121,6 @@ const handelZhu3 = (row1, row2) => {
const handelZhu4 = (listX, dataList) => {
// let name1 = row1.BLOCK
// let name2 = row2.BLOCK
// console.log(name1, name2)
// let x1 = row1.list.forEach(val => val.type = 1) || []
// let x2 = row2.list.forEach(val => val.type = 2) || []
// let list = [...x1, ...x2].map(val => val.BASE)
......
src/viewsPc/vip/leftPage.vue
......@@ -2,7 +2,7 @@
<div class="pd20">
<div class="chartCard">
<div class="title">应收账款余额</div>
<div ref="zhuRef" style="width: 100%; height: 24vh;"></div>
<div ref="zhuRef" style="width: 100%; height: 24.6vh;"></div>
</div>
<div class="chartCard mt30">
......@@ -36,7 +36,7 @@
</div>
</div>
<div ref="lineRef" style="width: 100%; height: 24vh;"></div>
<div ref="lineRef" style="width: 100%; height: 24.6vh;"></div>
</div>
<div class="chartCard mt30">
<div>
......@@ -55,7 +55,7 @@
</div>
</div>
</div>
<div ref="payeeRef" style="width: 100%; height: 24vh;"></div>
<div ref="payeeRef" style="width: 100%; height: 24.6vh;"></div>
</div>
</div>
</template>
......
src/viewsPc/vip/rightPage.vue
......@@ -5,7 +5,7 @@
<div class="po_right" style="justify-content: end">
<div class="itemBox">
<el-select
v-model="list7Y"
v-model="select7"
class="select"
collapse-tags
multiple
......@@ -17,7 +17,7 @@
</div>
</div>
<div ref="zhuRef" style="width: 100%; height: 24vh;"></div>
<div ref="zhuRef" style="width: 100%; height: 24.6vh;"></div>
</div>
<div class="chartCard mt30">
......@@ -48,14 +48,13 @@
:key="i" :label="val.BASEJC" :value="val.BASEJC"/>
</el-select>
</div>
</div>
<div ref="lineRef" style="width: 100%; height: 24vh;"></div>
<div ref="lineRef" style="width: 100%; height: 24.6vh;"></div>
</div>
<div class="chartCard mt30">
<div class="title">逾期360天以上未开票</div>
<div ref="overdueRef" style="width: 100%; height: 24vh;"></div>
<div ref="overdueRef" style="width: 100%; height: 24.6vh;"></div>
</div>
</div>
</template>
......@@ -207,6 +206,7 @@ const list8 = ref([
const list7 = ref([])
const list7Y = ref([])
const select7 = ref([])
let chartA
......@@ -232,27 +232,27 @@ const init = () => {
intervalA = setInterval(getdata, 1000 * 60 * 60);
}
async function handelGetYS007() {
const res = await getYS007()
list7.value = res.data.list
console.log(list7.value)
list7.value.sort((a, b) => a.EXERATIO - b.EXERATIO);
list7Y.value = []
select7.value = []
let arr1 = []
let arr2 = []
let arr3 = []
let num = 0
for (const val of list7.value) {
list7Y.value.push(val.BASEJC)
arr1.push(
{
value: Math.round(val.PLANCOST / 10000),
value2: Math.round(val.EXECOST / 10000),
name: (val.EXERATIO * 100).toFixed() + '%',
}
)
select7.value.push(val.BASEJC)
list7Y.value.push({
value: val.BASEJC,
name: (val.EXERATIO * 100).toFixed(),
})
arr1.push({
value: Math.round(val.PLANCOST / 10000),
value2: Math.round(val.EXECOST / 10000),
name: (val.EXERATIO * 100).toFixed() + '%',
})
arr2.push({
value: Math.round(val.EXECOST / 10000),
name: (val.EXERATIO * 100).toFixed() + '%',
......@@ -264,13 +264,18 @@ async function handelGetYS007() {
}
function handelSelect7() {
let arr = list7Y.value.map(val => list7.value.find(item => item.BASEJC === val)).sort((a, b) => a.EXERATIO - b.EXERATIO)
let arr = select7.value.map(val => list7.value.find(item => item.BASEJC === val)).sort((a, b) => a.EXERATIO - b.EXERATIO)
let arr1 = []
let arr2 = []
let arr3 = []
list7Y.value = []
select7.value = []
for (const val of arr) {
list7Y.value.push(val.BASEJC)
select7.value.push(val.BASEJC)
list7Y.value.push({
name: (val.EXERATIO * 100).toFixed(),
value: val.BASEJC
})
arr1.push({
value: Math.round(val.PLANCOST / 10000),
value2: Math.round(val.EXECOST / 10000),
......@@ -334,6 +339,7 @@ function handelType8() {
async function handelGetYS009() {
const res = await getYS009()
console.log(res)
console.log(res)
list9.value = res.data.list
let arrY = []
let arr1 = []
......@@ -369,8 +375,8 @@ const getA = () => {
const setA = (arrY, arr1, arr2, arr3) => {
console.log(arr1)
// console.log(arr1, arr2)
console.log(arrY)
chartA = echarts.init(zhuRef.value)
const option = {
tooltip: {
......@@ -436,19 +442,22 @@ const setA = (arrY, arr1, arr2, arr3) => {
// end: 6, //初始值10条数据
// }
// ],
yAxis: {
type: 'category',
// data: ['塘沽', '深圳', '漳江', '上海', '海南', '山西', '陕西', '新疆', '伊拉克'],
data: arrY,
axisLine: {
show: true,
lineStyle: {
color: 'rgba(255, 255, 255, 1)',
width: 1,
type: 'solid'
}
yAxis: [
{
type: 'category',
data: arrY,
offset: 10,
axisLine: {
show: true,
lineStyle: {
color: 'rgba(255, 255, 255, 1)',
width: 1,
type: 'solid'
}
},
},
},
],
series: [
{
name: '计划金额',
......@@ -489,6 +498,9 @@ const setA = (arrY, arr1, arr2, arr3) => {
label: {
show: true,
position: 'right',
textStyle: {
color: 'rgba(255, 255, 255, 1)',
},
formatter: function (v1) {
return v1.data.name
// 计算总数
......@@ -515,8 +527,25 @@ const setA = (arrY, arr1, arr2, arr3) => {
// borderColor: 'rgba(0, 246, 255, 1)',
// borderWidth: 1
},
}
]
markLine: {
symbol: 'none',
data: [
{
name: '',
yAxis: 4, // 在Y轴150的位置画垂直线
lineStyle: {
color: 'rgba(255, 252, 40, 1)',
type: 'dashed'
},
label: {
formatter: ''
}
}
]
}
},
],
}
chartA.setOption(option)
autoHover(chartA, option, 0, 2000)
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!