| | |
| | | |
| | | // 缩放比例 |
| | | const scaleRatio = ref(1) |
| | | // 设计尺寸(基准尺寸)- 根据实际设计稿调整 |
| | | // 设计规格型号(基准规格型号)- 根据实际设计稿调整 |
| | | const designWidth = 1920 |
| | | const designHeight = 1080 |
| | | |
| | |
| | | const container = document.querySelector('.scale-container') |
| | | if (!container) return |
| | | |
| | | // 获取容器的实际尺寸 |
| | | // 获取容器的实际规格型号 |
| | | const rect = container.getBoundingClientRect?.() |
| | | const containerWidth = container.clientWidth || rect?.width || window.innerWidth |
| | | const containerHeight = container.clientHeight || rect?.height || window.innerHeight |
| | |
| | | }) |
| | | } |
| | | // 应付应收统计 |
| | | const statisticsReceivable = (type) => { |
| | | statisticsReceivablePayable({type: radio1.value}).then((res) => { |
| | | const statisticsReceivable = (type = radio1.value) => { |
| | | statisticsReceivablePayable({ type }).then((res) => { |
| | | const data = res?.data || {} |
| | | const payableMoney = Number(data.payableMoney ?? 0) |
| | | const receivableMoney = Number(data.receivableMoney ?? 0) |
| | | // 设置应付金额数据 |
| | | barSeries.value[0].data = [ |
| | | { value: res.data.payableMoney } |
| | | { value: payableMoney } |
| | | ] |
| | | // 设置应收金额数据 |
| | | barSeries.value[1].data = [ |
| | | { value: res.data.receivableMoney } |
| | | { value: receivableMoney } |
| | | ] |
| | | }) |
| | | } |
| | |
| | | overflow: hidden; |
| | | } |
| | | |
| | | /* 内部内容区域 - 固定设计尺寸 */ |
| | | /* 内部内容区域 - 固定设计规格型号 */ |
| | | .data-dashboard { |
| | | position: relative; |
| | | width: 1920px; |
| | |
| | | color: #B8C8E0; |
| | | font-size: 11px; |
| | | } |
| | | </style> |
| | | </style> |