From 96b1afcbf80cd6b12c1108b61ba2cef1345b1398 Mon Sep 17 00:00:00 2001 From: xxyy <cathay_xy@163.com> Date: 星期三, 12 二月 2025 17:33:20 +0800 Subject: [PATCH] Merge branch 'master' of http://115.159.85.185:8098/r/HuaYiZhongHeng/BaiBuLiKu --- Code Management/WMS/WIDESEA_WMSClient/src/views/Home.vue | 169 +------------------------------------------------------- 1 files changed, 3 insertions(+), 166 deletions(-) diff --git a/Code Management/WMS/WIDESEA_WMSClient/src/views/Home.vue b/Code Management/WMS/WIDESEA_WMSClient/src/views/Home.vue index eca390e..89f5a59 100644 --- a/Code Management/WMS/WIDESEA_WMSClient/src/views/Home.vue +++ b/Code Management/WMS/WIDESEA_WMSClient/src/views/Home.vue @@ -1,162 +1,17 @@ <template> <div class="home-contianer"> - <div class="h-top"> - <div class="h-top-left" id="h-chart1">left</div> - <div class="h-top-center"> - <div class="n-item"> - <div - @click="open(item)" - class="item" - :class="'item' + (index + 1)" - v-for="(item, index) in center" - :key="index" - > - <i - style="font-size: 30px; padding-bottom: 10px" - :class="item.icon" - :size="20" - ></i> - <br /> - {{ item.title }} - </div> - </div> - </div> - <div class="h-top-right task-table"> - <h3 class="h3">#妗嗘灦Vue3.x鐗堟湰鍙樻洿璇存槑</h3> - <table border="0" cellspacing="0" cellpadding="0"> - <tr v-for="(row, index) in list" :key="index"> - <td>{{ index + 1 }}</td> - <td>{{ row.desc }}</td> - </tr> - </table> - </div> - </div> - <div class="h-chart"> - <div class="h-left-grid"> - <div class="item" v-for="(item, index) in grid" :key="index"> - <div class="icon-text"> - <i :class="item.icon"></i> - <span class="name">{{ item.name }}</span> - </div> - <div class="desc">{{ item.desc }}</div> - </div> - </div> - <div id="h-chart2"></div> - <div id="h-chart3"></div> - </div> - <div style="display: flex;"> - <div - id="h-chart4" - style="height: 350px; background: white; flex: 1;padding-top:15px;" - ></div> - <div - id="h-chart5" - style="height: 350px; background: white; flex: 1;padding-top:15px;" - ></div> - </div> + </div> </template> <script> -import * as echarts from 'echarts'; -import { chart1, chart2, chart3, chart4 } from './home/home-chart-options'; import { ref, onMounted, onUnmounted } from 'vue'; -var $chart2; export default { components: {}, data() { return { - center: [ - { - title: 'GitHub', - icon: 'el-icon-set-up', - url: 'https://github.com/cq-panda/Vue.NetCore' - }, - { - title: 'Gitee', - icon: 'el-icon-turn-off', - url: 'https://gitee.com/x_discoverer/Vue.NetCore' - }, - { - title: '妗嗘灦Vue2鐗堟湰', - icon: 'el-icon-reading', - url: 'http://v2.volcore.xyz' - }, - - { - title: '妗嗘灦瑙嗛', - icon: 'el-icon-document', - url: 'https://www.cctalk.com/m/group/90268531' - }, - - { - title: '灏忕▼搴�/app/h5', - icon: 'el-icon-chat-line-round', - url: 'http://v2.volcore.xyz/app/guide' - }, - { - title: 'QQ4缇わ細959924606', - icon: 'el-icon-chat-dot-round', - url: 'https://qm.qq.com/cgi-bin/qm/qr?k=YRZBbf64qsUeEmh24I65u2aIZFn2C-Ha&jump_from=webapi&qr=1' - } - ], + n: 90, value1: '1', - applicants: { - //鎶ュ悕淇℃伅 - day: 20, //鏈棩 - week: 150, //鏈懆 - month: 1200, //鏈湀 - totalBoy: 800, - totalGirl: 890, - taotal: 1690 - }, //鎶ュ悕淇℃伅 - list: [ - { desc: '妗嗘灦2.x鐗堟湰涓嶆敮鎸佺洿鎺ュ崌绾ue3鐗堟湰(浠g爜鐢熸垚鍣ㄥ凡淇敼)' }, - { desc: '妗嗘灦浣跨敤鐨凟lement Plus缁勪欢锛岀Щ闄や簡Iview缁勪欢鐨勪緷璧�' }, - { desc: '妗嗘灦鍐呴儴缁勪欢鍏ㄩ儴閲嶆柊浼樺寲,鐩告瘮2.x鐗堟湰棣栧睆澶у皬鍑忓皯60%' }, - { desc: '妗嗘灦Vue2鐗堟湰浼氱户缁淮鎶�,骞朵笌Vue3鐗堟湰鍚屾鏇存柊,璇锋斁蹇冧娇鐢�' }, - { desc: '妗嗘灦Vue2銆乂ue3鐗堟湰寮�鍙戞枃妗d竴鑷�(宸紓閮ㄥ垎鏂囨。浼氬娉ㄨ鏄�)' }, - //{ desc: "鑻ユ鍦ㄤ娇鐢╒ue2妗嗘灦鐗堟湰缁х画浣跨敤鍗冲彲;鍏朵粬寤鸿浣跨敤Vue3鐗堟湰" }, - { - desc: 'vue2銆乿ue3鏂囨。鐩稿悓,寮�鏂囨。澶ч儴鍒嗘枃妗d粛鐒朵娇鐢ㄧ殑vue2璇硶' - }, - { - desc: '鑷畾涔夐儴鍒嗘棦鍙互浣跨敤vue3璇硶涓庡彲浠ヤ娇鐢╲ue3璇硶' - } - //(妗嗘灦鍐呴儴缁勪欢vue2/3璇硶閮藉湪浣跨敤),浣犱篃鍙互浣跨敤vue3璇硶 - ], - grid: [ - { - name: '鐢ㄦ埛绠$悊', - desc: '绯荤粺鐢ㄦ埛绠$悊,娉ㄥ唽鐢ㄦ埛3000000浜恒��', - icon: 'el-icon-user' - }, - { - name: '绔欏唴娑堟伅', - desc: '鎮ㄦ湁涓�鏉℃柊鐨勬秷鎭�,璇峰強鏃跺鐞嗐��', - icon: 'el-icon-chat-dot-round' - }, - { - name: '绯荤粺绠$悊', - desc: '杩欓噷鏀剧偣浠�涔�,杩樻病鎯冲ソ銆�', - icon: 'el-icon-setting' - }, - { - name: '杩樻病鎯冲ソ', - desc: '杩欓噷涓嶇煡閬撳簲璇ユ斁鐐逛粈涔堟垨鑰呭啓鐐逛粈涔堛��', - icon: 'el-icon-document' - }, - { - name: '璇煶瀵艰埅', - desc: '楂樺痉鍦板浘鏋楀織鐜蹭负鎮ㄨ闊冲鑸��', - icon: 'el-icon-microphone' - }, - { - name: '鍨冨溇鍥炴敹', - desc: '鍒犻櫎杩囩殑鏁版嵁鍦ㄦ澶勬壘鍥炪�傘�傘�傘��', - icon: 'el-icon-delete' - } - ] }; }, setup() { @@ -165,10 +20,6 @@ }; let interval; onMounted(() => { - $chart = echarts.init(document.getElementById('h-chart1')); - $chart.setOption(chart1); - $chart2 = echarts.init(document.getElementById('h-chart2')); - $chart2.setOption(chart2); // interval = setInterval(() => { // chart2.xAxis[0].data.splice(0, 1); @@ -183,29 +34,15 @@ // chart2.series[1].data.push(~~(Math.random() * 1000)); // $chart2.setOption(chart2); // }, 2000); - - $chart3 = echarts.init(document.getElementById('h-chart3')); - $chart3.setOption(chart3); - let $chart4 = echarts.init(document.getElementById('h-chart4')); - $chart4.setOption(chart4); - let $chart5 = echarts.init(document.getElementById('h-chart5')); - $chart5.setOption(chart2); }); onUnmounted(() => { - interval && clearInterval(interval); - if ($chart) { - $chart.dispose(); - $chart2.dispose(); - $chart3.dispose(); - } + }); return { open }; }, destroyed() { - $chart2 = null; } }; -var $chart, $chart2, $chart3; // window.addEventListener("resize", function () { // $chart2.setOption(chart2); // }); -- Gitblit v1.9.3