feat:优化iconfont+qiun-data-charts

App.vue

@@ -225,6 +225,5 @@
 	}
 
 	@import "@/uni_modules/uview-ui/index.scss";
-	@import "@/common/iconfont/iconfont.css";
 	/*每个页面公共css */
 </style>

common/iconfont/iconfont.css

@@ -1,33 +0,0 @@
-/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
-@font-face {
-  font-family: 'iconfont';
-  /* Project id 5096589 */
-  src: url('/common/iconfont/iconfont.ttf') format('ttf'),
-    url('//at.alicdn.com/t/c/font_5096589_rab6h2csv4.woff2?t=1766568458540') format('woff2'),
-    url('//at.alicdn.com/t/c/font_5096589_rab6h2csv4.woff?t=1766568458540') format('woff'),
-    url('//at.alicdn.com/t/c/font_5096589_rab6h2csv4.ttf?t=1766568458540') format('truetype');
-}
-
-.iconfont {
-  font-family: "iconfont" !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.icon-crm-tubiao-zhexiantu:before {
-  content: "\eb96";
-}
-
-.icon-crm-jiangbei:before {
-  content: "\e604";
-}
-
-.icon-crm-tongji:before {
-  content: "\e649";
-}
-
-.icon-crm-dayin:before {
-  content: "\e841";
-}

pages/person/cards/index.vue

@@ -23,7 +23,7 @@
             <!-- 条数统计 -->
             <view class="card_item card_item_full">
                 <view class="card_header count">
-                    <i class="iconfont icon-crm-tongji" style="font-size: 30rpx;color: #4c8afe;"></i>
+                    <img src="../../../static/icons/statistics.png" alt="" width="16px" height="16px">
                     <text class="card_title">条数统计</text>
                 </view>
                 <view class="card_content">
@@ -74,7 +74,7 @@
                     <view class="ranking_stats">
                         <view class="ranking_info">
                             <view class="ranking_icon">
-                                <i class="iconfont icon-crm-jiangbei" style="font-size: 30rpx;color: #ca8a04;"></i>
+                                <img src="../../../static/icons/trophy.png" alt="" width="16px" height="16px">
                             </view>
                             <view class="ranking_info_text">
                                 <text class="card_title">当前排名</text>
@@ -98,7 +98,7 @@
             <!-- 折线图 -->
             <view class="card_item">
                 <view class="chart_header">
-                    <i class="iconfont icon-crm-tubiao-zhexiantu" style="font-size: 30rpx;color: #6b7280;"></i>
+                    <img src="../../../static/icons/line.png" alt="" width="16px" height="16px">
                     <text class="card_title">近7天排名折线图</text>
                 </view>
                 <view class="charts_box">
@@ -152,79 +152,35 @@ export default {
                 level: '-',
                 score: '-'
             },
-            chartData: {
-                categories: [],
-                series: [
-                    {
-                        name: "核心数据",
-                        data: [],
-                        color: "#1890ff"
-                    }
-                ]
-            },
+            chartData: {},
             opts: {
-                padding: [5, 0, 10, -20],
-                backgroundColor: "#ffffff",
+                color: ["#1890FF"],
+                padding: [10, 10, 0, 0],
+                dataLabel: false,
+                dataPointShape: false,
+                enableScroll: false,
+                legend: {
+                    show: false
+                },
                 xAxis: {
-                    axisLine: { show: true, color: "#e5e5e5", width: 1 },
-                    gridLine: { show: true, color: "#f5f5f5", width: 1 },
-                    label: { fontSize: 24, color: "#666666", margin: 15 },
-                    tickLine: { show: false },
-                    lineStyle: {
-                        type: 'solid'
-                    },
-                    axisLabel: {
-                        padding: [0, 0, 0, -20]
-                    }
+                    disableGrid: true
                 },
                 yAxis: {
-                    axisLine: { show: true, color: "#e5e5e5", width: 1 },
-                    gridLine: { show: true, color: "#f5f5f5", width: 1 },
-                    label: { fontSize: 24, color: "#666666", margin: 15 },
-                    tickLine: { show: false },
-                    splitNumber: 4,
-                    min: 0,
-                    max: 200
+                    gridType: "dash",
+                    dashLength: 2,
+                    axisLabel:{
+                        show: false
+                    }
                 },
-                series: {
+                extra: {
                     line: {
-                        width: 6, // 折线宽度，确保可见
-                        smooth: true, // 先设为直线，便于调试，后续可改为true
-                        showSymbol: true, // 显示数据点，确保折线锚点可见
-                        symbol: "circle",
-                        symbolSize: 24,
-                        symbolColor: "#ffffff",
-                        symbolBorderColor: "#1890ff",
-                        symbolBorderWidth: 8,
-                        area: {
-                            show: false,
-                            color: "linear-gradient(to bottom, rgba(24,144,255,0.2), rgba(24,144,255,0))"
-                        }
+                        type: "curve",
+                        width: 3,
+                        activeType: "hollow",
+                        linearType: "custom",
+                        onShadow: true,
+                        animation: "horizontal"
                     }
-                },
-                // 提示框：确保悬浮正常显示
-                tooltip: {
-                    show: true,
-                    backgroundColor: "rgba(0,0,0,0.7)",
-                    borderRadius: 6,
-                    padding: [8, 12],
-                    labelFontSize: 22,
-                    labelColor: "#ffffff"
-                },
-                legend: {
-                    show: false,
-                    position: "top-right",
-                    fontSize: 24,
-                    color: "#666666",
-                    margin: [0, 20, 0, 0]
-                },
-                title: {
-                    show: false,
-                    name: "趋势折线图",
-                    fontSize: 28,
-                    color: "#333333",
-                    align: "left",
-                    margin: [0, 0, 15, 0]
                 }
             },
             clueList: [],
@@ -234,9 +190,9 @@ export default {
     methods: {
         getCardData() {
             uni.$u.api.getPersonCards({ userId: this.$store.state.user.userInfo.userId }).then(res => {
-              if (res.code === 200) {
-                this.cardData = res.data;
-              }
+                if (res.code === 200) {
+                    this.cardData = res.data;
+                }
             });
         },
         getClueList() {
@@ -246,13 +202,26 @@ export default {
                 }
             });
         },
-        getChartData() {
-            uni.$u.api.getPersonRanking({ userId: this.$store.state.user.userInfo.userId }).then(res => {
-                if (res.code === 200) {
-                    this.chartData.categories = res.data.map(item => item.x);
-                    this.chartData.series[0].data = res.data.map(item => item.y);
+        async getChartData() {
+            const res = await uni.$u.api.getPersonRanking({ userId: this.$store.state.user.userInfo.userId });
+            if (res.code === 200) {
+                let data = {
+                    categories: res.data.map(item => item.x),
+                    series: [
+                        {
+                            name: "近7天排名",
+                            data: res.data.map(item => item.y),
+                            setShadow: [
+                                3,
+                                8,
+                                15,
+                                "#1890FF"
+                            ],
+                        }
+                    ]
                 }
-            });
+                this.chartData = JSON.parse(JSON.stringify(data))
+            }
         },
         // 跳转私有线索页面
         toPrivateClue() {
@@ -262,7 +231,9 @@ export default {
     mounted() {
         this.getCardData();
         this.getClueList();
-        this.getChartData();
+        this.$nextTick(() => {
+            this.getChartData();
+        })
     },
 
 };

pages/person/cards/styles/index.scss

@@ -212,6 +212,8 @@
     color: #6b7280;
     font-size: 24rpx;
     font-weight: 600;
+    display: flex;
+    align-items: center;
     .card_title{
       margin-left: 10rpx;
     }

pages/wareHouse/components/detail.vue

@@ -190,7 +190,7 @@
                 <text class="bar_text">{{ lockStatus === '1' ? '解锁' : '锁单' }}</text>
             </view>
             <view class="bar_item">
-                <i class="iconfont icon-crm-dayin" style="font-size:46rpx;color: #9ca3af;"></i>
+                <img src="../../../static//icons/print.png" alt="" width="20px" height="20px">
                 <text class="bar_text">打印</text>
             </view>
             <view :class="['bar_item', { 'disabled': lockStatus === '1' }]" @click="handleOpenOrder">