b8d7b673 by zhangmeng

看板

1 parent 2a95d8c5
......@@ -297,7 +297,8 @@ async function handelGetYS004() {
async function handelGetYS005() {
const res = await getYS005()
form.value = res.data
console.log(res)
console.log(form.value.leaderinfo)
}
......@@ -344,27 +345,25 @@ const handelBing1 = (arr1, arr2) => {
type: 'pie',
radius: ['99%', '100%'],
center: ['50%', '60%'],
label: {
show: false
},
emphasis: {
scale: false,
// label: {
// show: true,
// }
},
label: {
show: false,
emphasis: {
show: false
}
},
startAngle: 180,
endAngle: 360,
data: [
{value: 48},
{value: 1},
{value: 48}
],
data: [1],
itemStyle: {
color: 'rgba(1, 162, 237, 1)',
},
barWidth: 2
barWidth: 2,
tooltip: {
trigger: ''
}
},
{
name: '营业收入',
......
<template>
<div class="scrolling-container" @mouseenter="pauseScroll" @mouseleave="resumeScroll">
<div :style="{ transform: `translateY(${offset}px)` }" class="scrolling-content">
<div v-for="(item, index) in dataList" :key="index" class="scrolling-item">
<div v-for="(item, index) in list" :key="index" class="scrolling-item">
<span/> {{ item }}
</div>
<!-- 复制一份数据实现无缝滚动 -->
<div v-for="(item, index) in dataList" :key="`copy-${index}`" class="scrolling-item">
<div v-for="(item, index) in list" :key="`copy-${index}`" class="scrolling-item">
<span/> {{ item }}
</div>
</div>
......@@ -13,7 +13,7 @@
</template>
<script setup>
import {ref, onMounted, onUnmounted} from 'vue';
import {ref, onMounted, onUnmounted, computed} from 'vue';
const props = defineProps({
data: {
......@@ -30,7 +30,8 @@ const props = defineProps({
}
});
const dataList = ref([...props.data] || []);
const list = computed(() => 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!