b8d7b673 by zhangmeng

看板

1 parent 2a95d8c5
...@@ -297,7 +297,8 @@ async function handelGetYS004() { ...@@ -297,7 +297,8 @@ async function handelGetYS004() {
297 async function handelGetYS005() { 297 async function handelGetYS005() {
298 const res = await getYS005() 298 const res = await getYS005()
299 form.value = res.data 299 form.value = res.data
300 console.log(res) 300 console.log(form.value.leaderinfo)
301
301 } 302 }
302 303
303 304
...@@ -344,27 +345,25 @@ const handelBing1 = (arr1, arr2) => { ...@@ -344,27 +345,25 @@ const handelBing1 = (arr1, arr2) => {
344 type: 'pie', 345 type: 'pie',
345 radius: ['99%', '100%'], 346 radius: ['99%', '100%'],
346 center: ['50%', '60%'], 347 center: ['50%', '60%'],
347 label: {
348 show: false
349 },
350
351 emphasis: { 348 emphasis: {
352 scale: false, 349 scale: false,
353 // label: { 350 },
354 // show: true, 351 label: {
355 // } 352 show: false,
353 emphasis: {
354 show: false
355 }
356 }, 356 },
357 startAngle: 180, 357 startAngle: 180,
358 endAngle: 360, 358 endAngle: 360,
359 data: [ 359 data: [1],
360 {value: 48},
361 {value: 1},
362 {value: 48}
363 ],
364 itemStyle: { 360 itemStyle: {
365 color: 'rgba(1, 162, 237, 1)', 361 color: 'rgba(1, 162, 237, 1)',
366 }, 362 },
367 barWidth: 2 363 barWidth: 2,
364 tooltip: {
365 trigger: ''
366 }
368 }, 367 },
369 { 368 {
370 name: '营业收入', 369 name: '营业收入',
......
1 <template> 1 <template>
2 <div class="scrolling-container" @mouseenter="pauseScroll" @mouseleave="resumeScroll"> 2 <div class="scrolling-container" @mouseenter="pauseScroll" @mouseleave="resumeScroll">
3 <div :style="{ transform: `translateY(${offset}px)` }" class="scrolling-content"> 3 <div :style="{ transform: `translateY(${offset}px)` }" class="scrolling-content">
4 <div v-for="(item, index) in dataList" :key="index" class="scrolling-item"> 4 <div v-for="(item, index) in list" :key="index" class="scrolling-item">
5 <span/> {{ item }} 5 <span/> {{ item }}
6 </div> 6 </div>
7 <!-- 复制一份数据实现无缝滚动 --> 7 <!-- 复制一份数据实现无缝滚动 -->
8 <div v-for="(item, index) in dataList" :key="`copy-${index}`" class="scrolling-item"> 8 <div v-for="(item, index) in list" :key="`copy-${index}`" class="scrolling-item">
9 <span/> {{ item }} 9 <span/> {{ item }}
10 </div> 10 </div>
11 </div> 11 </div>
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
13 </template> 13 </template>
14 14
15 <script setup> 15 <script setup>
16 import {ref, onMounted, onUnmounted} from 'vue'; 16 import {ref, onMounted, onUnmounted, computed} from 'vue';
17 17
18 const props = defineProps({ 18 const props = defineProps({
19 data: { 19 data: {
...@@ -30,7 +30,8 @@ const props = defineProps({ ...@@ -30,7 +30,8 @@ const props = defineProps({
30 } 30 }
31 }); 31 });
32 32
33 const dataList = ref([...props.data] || []); 33 const list = computed(() => props.data || [])
34
34 const offset = ref(0); 35 const offset = ref(0);
35 const scrollInterval = ref(null); 36 const scrollInterval = ref(null);
36 const isPaused = ref(false); 37 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!