Skip to content

杨炀 / dangan_dataV

Go to a project
Toggle navigation
Toggle navigation pinning
e00f9d65 by zhangmeng
Options

数据对接

1 parent f6aed480
Expand all
Inline Side-by-side
Showing 5 changed files with 171 additions and 60 deletions
src/api/server.js.js
......@@ -5,13 +5,13 @@ import request from '@/utils/request'
* @returns {*}
*/
export function getYS001() {
return request({
method: 'post',
data: {
'INTERFACEID': 'YS001',
'USERCONTEXT': 'a6c49439-f01c-0292-1757-30563fb41c77'
}
})
return request({
method: 'post',
data: {
'INTERFACEID': 'YS001',
'USERCONTEXT': 'a6c49439-f01c-0292-1757-30563fb41c77'
}
})
}
/**
......@@ -19,13 +19,13 @@ export function getYS001() {
* @returns {*}
*/
export function getYS002() {
return request({
method: 'post',
data: {
'INTERFACEID': 'YS002',
'USERCONTEXT': 'a6c49439-f01c-0292-1757-30563fb41c77'
}
})
return request({
method: 'post',
data: {
'INTERFACEID': 'YS002',
'USERCONTEXT': 'a6c49439-f01c-0292-1757-30563fb41c77'
}
})
}
/**
......@@ -33,13 +33,13 @@ export function getYS002() {
* @returns {*}
*/
export function getYS003() {
return request({
method: 'post',
data: {
'INTERFACEID': 'YS003',
'USERCONTEXT': 'a6c49439-f01c-0292-1757-30563fb41c77'
}
})
return request({
method: 'post',
data: {
'INTERFACEID': 'YS003',
'USERCONTEXT': 'a6c49439-f01c-0292-1757-30563fb41c77'
}
})
}
/**
......@@ -47,13 +47,13 @@ export function getYS003() {
* @returns {*}
*/
export function getYS004() {
return request({
method: 'post',
data: {
'INTERFACEID': 'YS004',
'USERCONTEXT': 'a6c49439-f01c-0292-1757-30563fb41c77'
}
})
return request({
method: 'post',
data: {
'INTERFACEID': 'YS004',
'USERCONTEXT': 'a6c49439-f01c-0292-1757-30563fb41c77'
}
})
}
/**
......@@ -61,11 +61,68 @@ export function getYS004() {
* @returns {*}
*/
export function getYS005() {
return request({
method: 'post',
data: {
'INTERFACEID': 'YS005',
'USERCONTEXT': 'a6c49439-f01c-0292-1757-30563fb41c77'
}
})
return request({
method: 'post',
data: {
'INTERFACEID': 'YS005',
'USERCONTEXT': 'a6c49439-f01c-0292-1757-30563fb41c77'
}
})
}
/**
* 左侧 应收账款
* @returns {*}
*/
export function getYS006() {
return request({
method: 'post',
data: {
'INTERFACEID': 'YS006',
'USERCONTEXT': 'a6c49439-f01c-0292-1757-30563fb41c77'
}
})
}
/**
* 右侧 开票计划与执行
* @returns {*}
*/
export function getYS007() {
return request({
method: 'post',
data: {
'INTERFACEID': 'YS007',
'USERCONTEXT': 'a6c49439-f01c-0292-1757-30563fb41c77'
}
})
}
/**
* 右侧 回款
* @returns {*}
*/
export function getYS008() {
return request({
method: 'post',
data: {
'INTERFACEID': 'YS008',
'USERCONTEXT': 'a6c49439-f01c-0292-1757-30563fb41c77'
}
})
}
/**
* 右侧 右侧模块-逾期360天以上未开票
* @returns {*}
*/
export function getYS009() {
return request({
method: 'post',
data: {
'INTERFACEID': 'YS009',
'USERCONTEXT': 'a6c49439-f01c-0292-1757-30563fb41c77'
}
})
}
......
src/viewsPc/vip/centerPage.vue
......@@ -108,7 +108,9 @@ const bing1 = ref(null)
const bing2 = ref(null)
const bing3 = ref(null)
const textRef = ref(null)
const form = ref({})
const form = ref({
leaderinfo: []
})
const resYear1 = ref()
const resYear2 = ref()
......@@ -182,8 +184,6 @@ async function handelGetYS004() {
async function handelGetYS005() {
const res = await getYS005()
form.value = res.data
console.log(res)
}
const init = () => {
......
src/viewsPc/vip/leftPage.vue
......@@ -18,8 +18,7 @@
</el-select>
</div>
<div class="itemBox">
<el-select v-model="queryParams.select2" class="select" placeholder="数据因素(可多选)"
size="small">
<el-select v-model="queryParams.select2" class="select" placeholder="数据因素(可多选)" size="small">
<el-option label="数据因素(可多选)" value="month"/>
</el-select>
</div>
......@@ -71,6 +70,8 @@ import {onMounted, ref, onUnmounted} from 'vue'
import {autoToolTip} from "@/plugins/auto-toolTip";
import * as echarts from "echarts";
import * as api from "@/apiPc/common"
import {getYS006} from '@/api/server.js'
const queryParams = ref({
select: null,
......@@ -83,6 +84,18 @@ const kindList = ref([])
const dataA = ref([])
const radioA = ref('month')
const radioB = ref('month')
const list = ref([])
const set1 = ref([])
const arr1 = ref([])
const arr2 = ref([])
const arr3 = ref([])
const arr4 = ref([])
const h1 = ref([])
const h2 = ref([])
const h3 = ref([])
let chartA
let chartB
let chartC
......@@ -92,11 +105,47 @@ let intervalA = null;
onMounted(() => {
// init()
window.addEventListener('resize', handleResize);
setA()
handelGetYS006()
// setA()
setB()
setC()
// setC()
})
async function handelGetYS006() {
const res = await getYS006()
list.value = res.data.baselist
set1.value = []
arr1.value = []
arr2.value = []
arr3.value = []
arr4.value = []
h1.value = []
h2.value = []
h3.value = []
for (const val of list.value) {
set1.value.push({
value: val.TOTAL,
name: val.BASE
})
arr1.value.push(val.YSBALANCE)
arr2.value.push(val.LASTTOTAL)
arr3.value.push(val.TOTAL)
arr4.value.push(val.LASTTOTAL)
h1.value.push(val.YSDSK)
h2.value.push(val.SFDDQ)
h3.value.push(val.HTDQ)
}
setA(set1.value)
setC(h1.value, h2.value, h3.value)
// resYear1.value = res.data.yeargroup
// handelBing1(res.data.yeargroup[0], res.data.yeargroup[1])
// handelZhu1(res.data.yeargroup[0], res.data.yeargroup[1])
// activeName1.value = res.data.yeargroup[1].YEAR
}
const init = () => {
if (!intervalA) {
getdata()
......@@ -138,7 +187,7 @@ const getBdata = () => {
})
}
const setA = () => {
const setA = (arr) => {
chartA = echarts.init(zhuRef.value)
const option = {
tooltip: {
......@@ -161,8 +210,9 @@ const setA = () => {
}
}
// 计算百分比
let percentage = ((value / option.series[2].data.reduce((a, b) => a + b.value, 0)) * 100).toFixed(2) + '%';
return name + ' ' + percentage;
let num1 = ((value / option.series[2].data.reduce((a, b) => a + b.value, 0)) * 100).toFixed(2);
let num2 = num1 > 0 ? num1 + '%' : 0 + '%'
return name + ' ' + num2;
},
},
series: [
......@@ -238,16 +288,17 @@ const setA = () => {
labelLine: {
show: false
},
data: [
{value: 1048, name: '山西'},
{value: 735, name: '深圳'},
{value: 580, name: '上海'},
{value: 484, name: '海南'},
{value: 484, name: '郑州'},
{value: 484, name: '合肥'},
{value: 484, name: '武汉'},
{value: 300, name: '新疆'}
],
// data: [
// {value: 1048, name: '山西'},
// {value: 735, name: '深圳'},
// {value: 580, name: '上海'},
// {value: 484, name: '海南'},
// {value: 484, name: '郑州'},
// {value: 484, name: '合肥'},
// {value: 484, name: '武汉'},
// {value: 300, name: '新疆'}
// ],
data: arr,
}
]
};
......@@ -400,7 +451,7 @@ const setB = () => {
chartB.setOption(option)
autoHover(chartB, option, 0, 2000)
}
const setC = () => {
const setC = (h1, h2, h3) => {
chartC = echarts.init(payeeRef.value)
const option = {
tooltip: {
......@@ -461,7 +512,8 @@ const setC = () => {
emphasis: {
focus: 'series'
},
data: [320, 332, 301, 334, 390, 330, 320, 320, 332, 301, 334, 390],
// data: [320, 332, 301, 334, 390, 330, 320, 320, 332, 301, 334, 390],
data: h1,
itemStyle: {
color: {
type: 'linear',
......@@ -481,7 +533,8 @@ const setC = () => {
emphasis: {
focus: 'series'
},
data: [120, 132, 101, 134, 90, 230, 210, 101, 134, 90, 230, 210],
// data: [120, 132, 101, 134, 90, 230, 210, 101, 134, 90, 230, 210],
data: h2,
itemStyle: {
color: {
type: 'linear',
......@@ -501,7 +554,8 @@ const setC = () => {
emphasis: {
focus: 'series'
},
data: [220, 182, 191, 234, 290, 330, 310, 220, 182, 191, 234, 290,],
// data: [220, 182, 191, 234, 290, 330, 310, 220, 182, 191, 234, 290,],
data: h3,
itemStyle: {
color: {
type: 'linear',
......
src/viewsPc/vip/scrollingData.vue
......@@ -30,7 +30,7 @@ const props = defineProps({
}
});
const dataList = ref([...props.data]);
const dataList = ref([...props.data] || []);
const offset = ref(0);
const scrollInterval = ref(null);
const isPaused = ref(false);
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!