Skip to content

杨炀 / dangan_dataV

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

看板

1 parent 4c6301db
Inline Side-by-side
Showing 4 changed files with 65 additions and 49 deletions
src/viewsPc/home.vue
......@@ -25,15 +25,19 @@ import {useRouter} from 'vue-router'
const type = ref('是')
const url = ref()
const obj = ref({})
const obj = ref({
IFBASE: "是"
})
const result = ref()
const router = useRouter()
// url.value = 'http://192.168.1.152:8899/login/sid=41a9a180-b1ad-4c78-95cc-f369fadb13f0#/'
url.value = 'http://192.168.1.152:8899/login/sid=36487a35-4354-421a-b0d8-4a430f88b7fa#/'
// url.value = 'http://192.168.1.152:8899/login/sid5342b777-d86a-4967-a18b-7329a3fca56b/'
url.value = window.location.href
// url.value = window.location.href
result.value = url.value?.split('=')[1]?.split('#')[0];
onMounted(() => {
// console.log(window.location.href)
console.log(result.value)
if (result.value) {
handelGetYS000()
} else {
......@@ -44,8 +48,8 @@ onMounted(() => {
async function handelGetYS000() {
const res = await getYS000(result.value)
type.value = res.data?.IFBASE || '是'
obj.value = res.data || {}
type.value = res.data?.IFBASE || '否'
// obj.value = res.data || {}
}
......
src/viewsPc/vip/centerPage.vue
......@@ -188,7 +188,7 @@ const init = () => {
async function handelGetYS001() {
const res = await getYS001(url.value, obj.value)
resYear1.value = res.data.yeargroup
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
......@@ -196,7 +196,7 @@ async function handelGetYS001() {
async function handelGetYS002() {
const res = await getYS002(url.value, obj.value)
resYear2.value = res.data.yeargroup
resYear2.value = res.data.yeargroup || []
handelBing2(res.data.yeargroup[0], res.data.yeargroup[1])
handelZhu2(res.data.yeargroup[0], res.data.yeargroup[1])
activeName2.value = res.data.yeargroup[1].YEAR
......@@ -212,7 +212,7 @@ async function handelGetYS003() {
async function handelGetYS004() {
const res = await getYS004(url.value, obj.value)
let arrList = res.data.blockgroup
let arrList = res.data.blockgroup || []
// let arrList = [
// {
// BLOCK: '海上',
......@@ -1366,6 +1366,7 @@ onUnmounted(() => {
font-weight: 600;
font-size: calc(20 * 100vw / 1920);
color: #FFFFFF;
padding-top: calc(9 * 100vw / 1920);
//text-shadow: 0px 2px 0px rgba(0, 1, 1, 0.41);
background: linear-gradient(180deg, #75E2E9 0%, #FFFFFF 100%);
-webkit-background-clip: text;
......@@ -1402,7 +1403,7 @@ onUnmounted(() => {
background-size: 100% 100%;
width: calc(480 * 100vw / 1920);
height: calc(220 * 100vh / 1920);
padding: calc(13 * 100vw / 1920) calc(35 * 100vw / 1920);
padding: calc(10 * 100vw / 1920) calc(35 * 100vw / 1920);
.rTop {
display: flex;
......
src/viewsPc/vip/leftPage.vue
......@@ -140,7 +140,8 @@ async function handelGetYS006() {
h1.value = new Array(12).fill(0); // 初始化 12 个月，默认值 0
h2.value = new Array(12).fill(0); // 初始化 12 个月，默认值 0
h3.value = new Array(12).fill(0); // 初始化 12 个月，默认值 0
h3.value = new Array(12).fill(JSON.stringify({value: 0, info: ''})); // 初始化 12 个月，默认值 0
// h3.value = new Array(12).fill(0); // 初始化 12 个月，默认值 0
type2.value = []
for (const v1 of list.value) {
set1.value.push({
......@@ -164,38 +165,21 @@ async function handelGetYS006() {
type2.value.push(v1.BASEJC)
for (const v2 of v1.list) {
const i2 = v2.MONTH - 1; // 转为 0~11 的索引
h1.value[i2] += v2.YSDSK / 10000 || 0;
h2.value[i2] += v2.SFDDQ / 10000 || 0;
h3.value[i2] += v2.HTDQ / 10000 || 0;
s1.value[i2] += v2.INCOME / 10000 || 0;
s2.value[i2] += v2.LASTINCOME / 10000 || 0;
s3.value[i2] += v2.LASTYSBALANCE / 10000 || 0;
s4.value[i2] += v2.YSBALANCE / 10000 || 0;
const i = v2.MONTH - 1; // 转为 0~11 的索引
h1.value[i] += v2.YSDSK / 10000 || 0;
h2.value[i] += v2.SFDDQ / 10000 || 0;
let obj = JSON.parse(h3.value[i])
obj.value += v2.HTDQ / 10000 || 0;
obj.info += v2.YSWELLINFO;
h3.value[i] = JSON.stringify(obj)
s1.value[i] += v2.INCOME / 10000 || 0;
s2.value[i] += v2.LASTINCOME / 10000 || 0;
s3.value[i] += v2.LASTYSBALANCE / 10000 || 0;
s4.value[i] += v2.YSBALANCE / 10000 || 0;
}
console.log(11111, h3.value[1])
}
// for (const val of list.value) {
// listY3.value.push(val.BASE)
// set1.value.push({
// value: val.TOTAL,
// name: val.BASE
// })
// 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)//合同待签
//
// s1.push(val.INCOME)//今年收入
// s2.push(val.LASTINCOME)//去年收入
// s3.push(val.LASTYSBALANCE)//去年应收账款余额
// s4.push(val.YSBALANCE)//去年收入
// }
//
setA(set1.value, set2.value, set3.value)
setB(
type1.value.includes('1') ? s1.value : [],
......@@ -203,6 +187,7 @@ async function handelGetYS006() {
type1.value.includes('2') ? s3.value : [],
type1.value.includes('2') ? s4.value : []
)
h3.value = h3.value.map((item) => JSON.parse(item))
setC(h1.value, h2.value, h3.value)
}
......@@ -245,24 +230,30 @@ function handelSelect3() {
// h3.value.push(val.HTDQ)//合同待签
h1.value = new Array(12).fill(0); // 初始化 12 个月，默认值 0
h2.value = new Array(12).fill(0); // 初始化 12 个月，默认值 0
h3.value = new Array(12).fill(0); // 初始化 12 个月，默认值 0
h3.value = new Array(12).fill(JSON.stringify({value: 0, info: ''})); // 初始化 12 个月，默认值 0
for (const department of list.value) {
for (const monthData of department.list) {
const monthIndex = monthData.MONTH - 1; // 转为 0~11 的索引
h1.value[monthIndex] += monthData.YSDSK / 10000 || 0;
h2.value[monthIndex] += monthData.SFDDQ / 10000 || 0;
h3.value[monthIndex] += monthData.HTDQ / 10000 || 0;
const i = monthData.MONTH - 1; // 转为 0~11 的索引
h1.value[i] += monthData.YSDSK / 10000 || 0;
h2.value[i] += monthData.SFDDQ / 10000 || 0;
let obj = JSON.parse(h3.value[i])
obj.value += monthData.HTDQ / 10000 || 0;
obj.info += monthData.YSWELLINFO;
h3.value[i] = JSON.stringify(obj)
}
}
h3.value = h3.value.map((item) => JSON.parse(item))
} else {
// 找到对应的数据
let obj = list.value.find(item => item.BASEJC === type3.value)
for (const val of obj.list) {
h1.value.push(val.YSDSK)//应待收款
h2.value.push(val.SFDDQ)//收费单待签
h3.value.push(val.HTDQ)//合同待签
h3.value.push({
value: val.HTDQ,
info: val.YSWELLINFO
})//合同待签
}
}
......@@ -628,10 +619,11 @@ const setB = (arr1, arr2, arr3, arr4) => {
autoHover(chartB, option, 0, 2000)
}
const setC = (h1, h2, h3) => {
console.log(h3)
chartC = echarts.init(payeeRef.value)
const option = {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
......@@ -642,6 +634,19 @@ const setC = (h1, h2, h3) => {
textStyle: {
color: '#fff', // 文字颜色
fontSize: 12, // 文字大小
},
position: 'top',
formatter: function (row) {
return `
<div style="font-weight:bold">${row.name}</div>
<div style="display:flex;align-items:center;margin-top:5px">
${row.marker}
${row.seriesName}: ${row.value}万
</div>
<div>
${row.data?.info ? row.data?.info?.replaceAll('万', '万<br>') : ''}
</div>
`;
}
},
legend: {
......
src/viewsPc/vip/rightPage.vue
......@@ -357,7 +357,7 @@ function handelSelect7() {
async function handelGetYS008() {
const res = await getYS008(url.value, obj.value)
list8.value = res.data.list
list8.value = res.data.list || []
list8Y.value = []
month8.value = []
year8.value = []
......@@ -412,7 +412,10 @@ async function handelGetYS009() {
arrY.push(val.BASEJC)
arr1.push(Math.round(val.WKPCOSTONE / 10000))
arr2.push(Math.round(val.WKPCOSTTWO / 10000))
arr3.push(Math.round(val.WKPCOSTTHREE / 10000))
arr3.push({
value: Math.round(val.WKPCOSTTHREE / 10000),
info: val.YQWELLINFO
})
}
setC(arrY, arr1, arr2, arr3)
}
......@@ -856,6 +859,9 @@ const setC = (arry, arr1, arr2, arr3) => {
${row.marker}
${row.seriesName == '逾期360天以上' ? '未开票金额' : row.seriesName}: ${row.value}万
</div>
<div>
${row.data?.info ? row.data?.info?.replaceAll('\n', '<br>') : ''}
</div>
`;
}
},
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!