Skip to content

杨炀 / dangan_dataV

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

看板

1 parent 306f125d
Inline Side-by-side
Showing 3 changed files with 30 additions and 31 deletions
src/viewsPc/vip/centerPage.vue
......@@ -3,13 +3,13 @@
<div ref="textRef" class="top">
<div class="left">
<div class="titleTop">董事会得分</div>
<div class="titleCenter">预计得分 <span class="tex1">{{ form?.YJSCORE }}</span></div>
<div class="titleCenter">标准得分 <span class="tex2">{{ form?.STANDARDSCORE }}</span>
<div class="titleCenter heiti">预计得分 <span class="tex1">{{ form?.YJSCORE }}</span></div>
<div class="titleCenter heiti">标准得分 <span class="tex2">{{ form?.STANDARDSCORE }}</span>
</div>
</div>
<div class="right">
<div class="rTop">
<div>领导重点关注</div>
<div style="font-family: SimHei, serif;">领导重点关注</div>
<div @click="handelView"><img alt="" class="rTop-img" src="@/assets/image/more@2x.png"></div>
</div>
<div class="rBotton">
......@@ -22,13 +22,13 @@
<div class="father dong">
<div style="display: flex">
<div class="bing" style="width: 30%">
<div class="bingTitle">
<div class="bingTitle heiti">
<span><img alt="" class="titleImg" src="@/assets/image/title_bg.png"></span>
营业收入
</div>
<div ref="bing1" style="width: 100%;height:13.3vh;">
</div>
<div class="bingBottom">
<div class="bingBottom heiti">
<div style="text-align: center">{{ `${dayjs().format('YYYY')}年` }}营业收入 <br>(万元)</div>
</div>
</div>
......@@ -41,7 +41,7 @@
<div style="display: flex">
<div class="bing" style="width: 30%">
<div class="bingTitle">
<span><img alt="" class="titleImg" src="@/assets/image/title_bg.png"></span>
<span><img alt="" class="titleImg heiti" src="@/assets/image/title_bg.png"></span>
应收余额
</div>
<div ref="bing2" style="width: 100%;height:13.3vh;">
......@@ -60,7 +60,7 @@
<div class="father">
<div style="display: flex">
<div class="bing" style="width: 30%">
<div class="bingTitle">
<div class="bingTitle heiti">
<span><img alt="" class="titleImg" src="@/assets/image/title_bg.png"></span>
现金余额
</div>
......@@ -78,8 +78,8 @@
<div class="father">
<div class="bingTitle tex4">
<span><img alt="" class="titleImg" src="@/assets/image/title_bg.png"></span>
<span class="">DSO天数</span>
<span class="dsotext">&nbsp;{{ dso }}</span>
<span class="heiti">DSO天数</span>
<span class="dsotext heiti">&nbsp;{{ dso }}</span>
</div>
<div ref="zhuRef4" style="width: 100%;height: 17.3vh">
</div>
......@@ -870,11 +870,11 @@ const handelZhu1 = (row1, row2) => {
type: 'linear',
x: 0, y: 0, x2: 1, y2: 1, // 垂直渐变
colorStops: [
{offset: 0, color: 'rgba(242, 196, 0, .5)'}, // 顶部颜色
{offset: 1, color: 'rgba(153, 101, 0, .5)'} // 底部颜色
{offset: 0, color: 'rgba(0, 162, 255, 1)'}, // 顶部颜色
{offset: 1, color: 'rgba(34, 117, 255, 1)'} // 底部颜色
]
},
borderColor: 'rgba(240, 255, 0, 1)',
borderColor: 'rgba(0, 246, 255, 1)',
borderWidth: 1
},
barWidth: '35%',
......@@ -989,11 +989,11 @@ const handelZhu2 = (row1, row2) => {
type: 'linear',
x: 0, y: 0, x2: 1, y2: 1, // 垂直渐变
colorStops: [
{offset: 0, color: 'rgba(32, 217, 170, .3)'}, // 顶部颜色
{offset: 1, color: 'rgba(8, 130, 160, .5)'} // 底部颜色
{offset: 0, color: 'rgba(44, 54, 140, 1)'}, // 顶部颜色
{offset: 1, color: 'rgba(135, 145, 253, 1)'} // 底部颜色
]
},
borderColor: 'rgba(0, 255, 190, .8)',
borderColor: 'rgba(44, 54, 140, .8)',
borderWidth: 1
},
barWidth: '35%',
......@@ -1004,6 +1004,7 @@ const handelZhu2 = (row1, row2) => {
autoHover(chart22, option, 0, 2000)
}
const handelZhu3 = (row1, row2) => {
console.log(11111, row1, row2)
let name1 = row1.YEAR + '年'
let name2 = row2.YEAR + '年'
chart33 = echarts.init(zhuRef3.value)
......@@ -1088,7 +1089,6 @@ const handelZhu3 = (row1, row2) => {
{
name: name1,
type: 'line',
stack: 'Total',
smooth: false,
lineStyle: {
width: 2
......@@ -1396,7 +1396,7 @@ onUnmounted(() => {
.titleCenter {
//text-align: center;
padding-left: calc(21 * 100vw / 1920);
font-family: PingFang SC, serif;
font-family: SimHei, serif;
font-weight: 400;
font-size: calc(15 * 100vw / 1920);
color: #FFFFFF;
......@@ -1481,7 +1481,7 @@ onUnmounted(() => {
text-align: center;
.bingTitle {
font-family: PingFang SC, serif;
font-family: SimHei, serif;
font-weight: 500;
font-size: calc(18 * 100vw / 1920);
color: #D1D6DF;
......@@ -1533,5 +1533,9 @@ hr {
border-top: 1px solid #373e51;
}
.heiti {
font-family: SimHei, serif;
}
</style>
......
src/viewsPc/vip/leftPage.vue
......@@ -177,7 +177,6 @@ async function handelGetYS006() {
s3.value[i] += v2.LASTYSBALANCE / 10000 || 0;
s4.value[i] += v2.YSBALANCE / 10000 || 0;
}
console.log(11111, h3.value[1])
}
setA(set1.value, set2.value, set3.value)
......@@ -564,12 +563,13 @@ const setB = (arr1, arr2, arr3, arr4) => {
type: 'linear',
x: 0, y: 0, x2: 1, y2: 1, // 垂直渐变
colorStops: [
{offset: 0, color: 'rgba(32, 217, 170, .5)'}, // 顶部颜色
{offset: 1, color: 'rgba(8, 130, 160, .5)'} // 底部颜色
{offset: 0, color: 'rgba(32, 217, 170, .4)'}, // 顶部颜色
{offset: 1, color: 'rgba(8, 130, 160, .4)'} // 底部颜色
],
borderColor: '#00FFBE',
},
borderColor: 'rgba(0, 255 ,190, .4)',
borderWidth: 1
}
},
barWidth: '15%'
},
......@@ -612,7 +612,7 @@ const setB = (arr1, arr2, arr3, arr4) => {
{offset: 1, color: 'rgba(153, 101, 0,.5 )'} // 底部颜色
]
},
borderColor: '#F0FF00',
borderColor: 'rgba(240,255,0, .4)',
borderWidth: 1
},
barWidth: '15%'
......@@ -623,8 +623,6 @@ 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: {
......@@ -820,7 +818,7 @@ onUnmounted(() => {
font-family: SimHei, serif;
font-weight: 600;
color: #FFFFFF;
text-shadow: 0px 2px 3px rgba(17, 20, 22, 0.41);
//text-shadow: 0px 2px 3px rgba(17, 20, 22, 0.41);
background: linear-gradient(0deg, #FFFFFF 0%, #41F2FF 65.2587890625%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
......
src/viewsPc/vip/rightPage.vue
......@@ -80,7 +80,6 @@ const props = defineProps({
const url = computed(() => props.url)
const obj = computed(() => props.obj)
console.log(obj.value)
const zhuRef = ref(null)
const lineRef = ref(null)
const overdueRef = ref(null)
......@@ -401,7 +400,6 @@ function handelType8() {
async function handelGetYS009() {
const res = await getYS009(url.value, obj.value)
list9.value = res.data.list
console.log(list9.value)
let arrY = []
let arr1 = []
let arr2 = []
......@@ -439,7 +437,6 @@ const getA = () => {
const setA = (arrY, arr1, arr2, arr3, markLineName, BC) => {
console.log(arrY, arr1, arr2, markLineName, BC)
chartA = echarts.init(zhuRef.value)
const option = {
tooltip: {
......@@ -1026,7 +1023,7 @@ onUnmounted(() => {
font-family: SimHei, serif;
font-weight: 600;
color: #FFFFFF;
text-shadow: 0px 2px 3px rgba(17, 20, 22, 0.41);
//text-shadow: 0px 2px 3px rgba(17, 20, 22, 0.41);
background: linear-gradient(0deg, #FFFFFF 0%, #41F2FF 65.2587890625%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!