From 3c75ba788897a524771bfde12feddcc94aaf14c6 Mon Sep 17 00:00:00 2001
From: huanghongfeng <huanghongfeng@hnkhzn.com>
Date: 星期二, 22 四月 2025 11:26:02 +0800
Subject: [PATCH] Merge branch 'master' of http://115.159.85.185:8098/r/MeiXinLaiRui/LunDuiYa
---
项目代码/WMS/WIDESEA_WMSClient/src/views/charts/bigdata/IviewCircle.vue | 102 +++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 102 insertions(+), 0 deletions(-)
diff --git "a/\351\241\271\347\233\256\344\273\243\347\240\201/WMS/WIDESEA_WMSClient/src/views/charts/bigdata/IviewCircle.vue" "b/\351\241\271\347\233\256\344\273\243\347\240\201/WMS/WIDESEA_WMSClient/src/views/charts/bigdata/IviewCircle.vue"
new file mode 100644
index 0000000..c166d91
--- /dev/null
+++ "b/\351\241\271\347\233\256\344\273\243\347\240\201/WMS/WIDESEA_WMSClient/src/views/charts/bigdata/IviewCircle.vue"
@@ -0,0 +1,102 @@
+<template>
+ <div class="demo-Circle">
+ <div style>
+ <i-circle
+ :size="size"
+ :trail-width="4"
+ :stroke-width="5"
+ :percent="75"
+ stroke-linecap="square"
+ stroke-color="#43a3fb"
+ >
+ <div class="demo-Circle-custom">
+ <h1>1500</h1>
+ <p>鏄ㄦ棩娲昏穬鐢ㄦ埛鏁伴噺</p>
+ <span>
+ 鍗犳瘮
+ <i>{{1500/20000}}%</i>
+ </span>
+ </div>
+ </i-circle>
+ </div>
+ <div style>
+ <i-circle
+ :size="size"
+ :trail-width="4"
+ :stroke-width="5"
+ :percent="75"
+ stroke-linecap="square"
+ stroke-color="#43a3fb"
+ >
+ <div class="demo-Circle-custom">
+ <h1>12000</h1>
+ <p>涓婃湀娲昏穬鐢ㄦ埛鏁伴噺</p>
+ <span>
+ 鍗犳瘮
+ <i>{{12000/150000}}%</i>
+ </span>
+ </div>
+ </i-circle>
+ </div>
+ </div>
+</template>
+<script>
+export default {
+ props:{
+ size:{
+ type:Number,
+ default:150
+ }
+ }
+}
+</script>
+<style scoped>
+.demo-Circle {
+ display: flex;
+}
+.demo-Circle > div {
+ flex: 1;
+ text-align: center;
+}
+.demo-Circle > div:first-child{
+ padding-left:10%;
+}
+
+.demo-Circle > div:last-child{
+ padding-right:10%;
+}
+</style>
+<style lang="less" scoped>
+.demo-Circle-custom {
+ & h1 {
+ color:#ffffff;
+ font-size: 28px;
+ font-weight: normal;
+ }
+ & p {
+ color: #ece8e8;
+ font-size: 14px;
+ margin: 10px 0 15px;
+ }
+ & span {
+ display: block;
+ padding-top: 15px;
+ color: wheat;
+ font-size: 14px;
+ &:before {
+ content: "";
+ display: block;
+ width: 50px;
+ height: 1px;
+ margin: 0 auto;
+ background: #e0e3e6;
+ position: relative;
+ top: -15px;
+ }
+ }
+ & span i {
+ font-style: normal;
+ color: white;
+ }
+}
+</style>
--
Gitblit v1.9.3