daping quan
Showing
2 changed files
with
20 additions
and
13 deletions
| ... | @@ -60,7 +60,7 @@ const nowDate = ref(`${year}-${formatMonth(month)}`) | ... | @@ -60,7 +60,7 @@ const nowDate = ref(`${year}-${formatMonth(month)}`) |
| 60 | let selectBase = ref() | 60 | let selectBase = ref() |
| 61 | let baseList = ref() | 61 | let baseList = ref() |
| 62 | let isLeader = ref(false) | 62 | let isLeader = ref(false) |
| 63 | // url.value = 'http://192.168.1.152:8899/login/sid=f30d94a0-70cc-4d7b-b28c-b85622422a35#/' | 63 | // url.value = 'http://192.168.1.152:8899/login/sid=a659e865-486c-434f-8707-add6bfa2276d#/' |
| 64 | url.value = window.location.href | 64 | url.value = window.location.href |
| 65 | result.value = url.value?.split('=')[1]?.split('#')[0]; | 65 | result.value = url.value?.split('=')[1]?.split('#')[0]; |
| 66 | 66 | ... | ... |
| ... | @@ -4,7 +4,7 @@ | ... | @@ -4,7 +4,7 @@ |
| 4 | <div> | 4 | <div> |
| 5 | <div class="title">收入对比</div> | 5 | <div class="title">收入对比</div> |
| 6 | <div class="po_right"> | 6 | <div class="po_right"> |
| 7 | <div class="itemBox"> | 7 | <div class="itemBox" v-if="myType"> |
| 8 | <el-select | 8 | <el-select |
| 9 | v-model="type2" | 9 | v-model="type2" |
| 10 | class="select" | 10 | class="select" |
| ... | @@ -59,13 +59,14 @@ | ... | @@ -59,13 +59,14 @@ |
| 59 | <el-option :label="`${Year2}年`" value="2"/> | 59 | <el-option :label="`${Year2}年`" value="2"/> |
| 60 | </el-select> | 60 | </el-select> |
| 61 | </div> | 61 | </div> |
| 62 | <div class="itemBox"> | 62 | <div class="itemBox" v-if="myType"> |
| 63 | <el-select | 63 | <el-select |
| 64 | v-model="type3" | 64 | v-model="type3" |
| 65 | class="select" | 65 | class="select" |
| 66 | placeholder="全部基地" | 66 | placeholder="全部基地" |
| 67 | size="small" | 67 | size="small" |
| 68 | @change="handelSelect3"> | 68 | @change="handelSelect3" |
| 69 | > | ||
| 69 | <el-option label="全部" value="0"/> | 70 | <el-option label="全部" value="0"/> |
| 70 | <el-option v-for="val in list" :key="val.BASEJC" :label="val.BASEJC" :value="val.BASEJC"/> | 71 | <el-option v-for="val in list" :key="val.BASEJC" :label="val.BASEJC" :value="val.BASEJC"/> |
| 71 | </el-select> | 72 | </el-select> |
| ... | @@ -86,6 +87,10 @@ import {getYS006} from '@/api/server.js' | ... | @@ -86,6 +87,10 @@ import {getYS006} from '@/api/server.js' |
| 86 | import {dayjs} from 'element-plus' | 87 | import {dayjs} from 'element-plus' |
| 87 | 88 | ||
| 88 | const props = defineProps({ | 89 | const props = defineProps({ |
| 90 | type: { | ||
| 91 | type: Boolean, | ||
| 92 | default: false | ||
| 93 | }, | ||
| 89 | url: { | 94 | url: { |
| 90 | type: String, | 95 | type: String, |
| 91 | default: undefined | 96 | default: undefined |
| ... | @@ -109,6 +114,7 @@ const url = computed(() => props.url) | ... | @@ -109,6 +114,7 @@ const url = computed(() => props.url) |
| 109 | const obj = computed(() => props.obj) | 114 | const obj = computed(() => props.obj) |
| 110 | const hDate = computed(() => props.historyDate) | 115 | const hDate = computed(() => props.historyDate) |
| 111 | const sBase = computed(() => props.sBase) | 116 | const sBase = computed(() => props.sBase) |
| 117 | const myType = computed(() => props.type) | ||
| 112 | watch(() => props.historyDate,(newVal) => { | 118 | watch(() => props.historyDate,(newVal) => { |
| 113 | if (isMounted.value) { | 119 | if (isMounted.value) { |
| 114 | Year1.value = parseInt(newVal.substring(0,4)) - 1 | 120 | Year1.value = parseInt(newVal.substring(0,4)) - 1 |
| ... | @@ -327,7 +333,7 @@ function handelSelect3() { | ... | @@ -327,7 +333,7 @@ function handelSelect3() { |
| 327 | h4.value = [...new Array(12).fill(0)] // 初始化 12 个月,默认值 0 | 333 | h4.value = [...new Array(12).fill(0)] // 初始化 12 个月,默认值 0 |
| 328 | h5.value = [...new Array(12).fill(0)] // 初始化 12 个月,默认值 0 | 334 | h5.value = [...new Array(12).fill(0)] // 初始化 12 个月,默认值 0 |
| 329 | h6.value = [...new Array(12).fill({value: 0, info: ''})] // 初始化 12 个月,默认值 0 | 335 | h6.value = [...new Array(12).fill({value: 0, info: ''})] // 初始化 12 个月,默认值 0 |
| 330 | 336 | ||
| 331 | if (type3.value == '0') { | 337 | if (type3.value == '0') { |
| 332 | // h1.value.push(val.YSDSK)//应待收款 | 338 | // h1.value.push(val.YSDSK)//应待收款 |
| 333 | // h2.value.push(val.SFDDQ)//收费单待签 | 339 | // h2.value.push(val.SFDDQ)//收费单待签 |
| ... | @@ -342,11 +348,11 @@ function handelSelect3() { | ... | @@ -342,11 +348,11 @@ function handelSelect3() { |
| 342 | obj.info += monthData.YSWELLINFO; | 348 | obj.info += monthData.YSWELLINFO; |
| 343 | h3.value[i] = {...obj} | 349 | h3.value[i] = {...obj} |
| 344 | 350 | ||
| 345 | h4.value[i] += v2.JNYSDSK / 10000 || 0 | 351 | h4.value[i] += monthData.JNYSDSK / 10000 || 0 |
| 346 | h5.value[i] += v2.JNSFDDQ / 10000 || 0 | 352 | h5.value[i] += monthData.JNSFDDQ / 10000 || 0 |
| 347 | let obj2 = {...h6.value[i]} | 353 | let obj2 = {...h6.value[i]} |
| 348 | obj2.value += v2.JNHTDQ / 10000 || 0; | 354 | obj2.value += monthData.JNHTDQ / 10000 || 0; |
| 349 | obj2.info += v2.JNYSWELLINFO; | 355 | obj2.info += monthData.JNYSWELLINFO; |
| 350 | h6.value[i] = {...obj2} | 356 | h6.value[i] = {...obj2} |
| 351 | } | 357 | } |
| 352 | } | 358 | } |
| ... | @@ -361,6 +367,7 @@ function handelSelect3() { | ... | @@ -361,6 +367,7 @@ function handelSelect3() { |
| 361 | h6.value = [] | 367 | h6.value = [] |
| 362 | let obj = list.value.find(item => item.BASEJC === type3.value) | 368 | let obj = list.value.find(item => item.BASEJC === type3.value) |
| 363 | for (const val of obj.list) { | 369 | for (const val of obj.list) { |
| 370 | const i = val.MONTH - 1; // 转为 0~11 的索引 | ||
| 364 | h1.value.push(val.YSDSK / 10000 || 0)//应待收款 | 371 | h1.value.push(val.YSDSK / 10000 || 0)//应待收款 |
| 365 | h2.value.push(val.SFDDQ / 10000 || 0)//收费单待签 | 372 | h2.value.push(val.SFDDQ / 10000 || 0)//收费单待签 |
| 366 | h3.value.push({ | 373 | h3.value.push({ |
| ... | @@ -371,10 +378,9 @@ function handelSelect3() { | ... | @@ -371,10 +378,9 @@ function handelSelect3() { |
| 371 | h4.value.push(val.JNYSDSK / 10000 || 0)//应待收款 | 378 | h4.value.push(val.JNYSDSK / 10000 || 0)//应待收款 |
| 372 | h5.value.push(val.JNSFDDQ / 10000 || 0)//收费单待签 | 379 | h5.value.push(val.JNSFDDQ / 10000 || 0)//收费单待签 |
| 373 | let obj2 = {...h6.value[i]} | 380 | let obj2 = {...h6.value[i]} |
| 374 | obj2.value += v2.JNHTDQ / 10000 || 0; | 381 | obj2.value += val.JNHTDQ / 10000 || 0; |
| 375 | obj2.info += v2.JNYSWELLINFO; | 382 | obj2.info += val.JNYSWELLINFO; |
| 376 | h6.value[i] = {...obj2} | 383 | h6.value[i] = {...obj2} |
| 377 | |||
| 378 | } | 384 | } |
| 379 | } | 385 | } |
| 380 | setC( | 386 | setC( |
| ... | @@ -1191,7 +1197,7 @@ onUnmounted(() => { | ... | @@ -1191,7 +1197,7 @@ onUnmounted(() => { |
| 1191 | z-index: 1; | 1197 | z-index: 1; |
| 1192 | width: 60%; | 1198 | width: 60%; |
| 1193 | display: flex; | 1199 | display: flex; |
| 1194 | justify-content: space-between; | 1200 | justify-content: flex-end; |
| 1195 | 1201 | ||
| 1196 | :deep(.el-radio-button) { | 1202 | :deep(.el-radio-button) { |
| 1197 | --el-radio-button-checked-bg-color: linear-gradient(0deg, #2C67B7, #40A5F4); | 1203 | --el-radio-button-checked-bg-color: linear-gradient(0deg, #2C67B7, #40A5F4); |
| ... | @@ -1218,6 +1224,7 @@ onUnmounted(() => { | ... | @@ -1218,6 +1224,7 @@ onUnmounted(() => { |
| 1218 | box-shadow: 0 0 24px 0 rgba(130, 220, 255, 0.5), 0 0 16px 0 rgba(130, 220, 255, 0.27); | 1224 | box-shadow: 0 0 24px 0 rgba(130, 220, 255, 0.5), 0 0 16px 0 rgba(130, 220, 255, 0.27); |
| 1219 | border-radius: 5px; | 1225 | border-radius: 5px; |
| 1220 | border: 1px solid #12BFFF; | 1226 | border: 1px solid #12BFFF; |
| 1227 | margin-left: 10px; | ||
| 1221 | 1228 | ||
| 1222 | .select { | 1229 | .select { |
| 1223 | background-color: transparent; | 1230 | background-color: transparent; | ... | ... |
-
Please register or sign in to post a comment