修改冀北现场问题

src/views/pqs/qualityInspeection/panorama/components/details/steadyState.vue

@@ -10,15 +10,19 @@
                 <div class="boxSteps">
                     <el-steps>
                         <template v-for="(item, i) in Voltage">
-                            <el-step :class="active == i ? 'highlight' : ''" :title="item.name"
-                                @click="handleClick(i)"></el-step>
+                            <el-step
+                                :class="active == i ? 'highlight' : ''"
+                                :title="item.name"
+                                @click="handleClick(i)"
+                            ></el-step>
                         </template>
                     </el-steps>
                 </div>
                 <div v-for="(item, i) in evaluationData" class="evaluationData">
                     <el-row style="width: 100%">
                         <el-col :span="12" style="display: flex">
-                            <img :src="url[i]" />
+                            <span :class="`iconfont ${url[i]} icoColor`"></span>
+                            <!-- <img :src="url[i]" /> -->
                             <span>{{ item.targetName }}</span>
                         </el-col>
                         <el-col :span="12" style="display: flex">
@@ -90,11 +94,16 @@ const Voltage: any = dictData.getBasicData('Dev_Voltage_Stand').filter(item => {
 
 const chartRef = ref<HTMLDivElement>()
 const url: any = [
-    new URL(`@/assets/img/PLPC.png`, import.meta.url),
-    new URL(`@/assets/img/DYPC.png`, import.meta.url),
-    new URL(`@/assets/img/JBL.png`, import.meta.url),
-    new URL(`@/assets/img/SXDY.png`, import.meta.url),
-    new URL(`@/assets/img/SB.png`, import.meta.url)
+    'icon-frequency',
+    'icon-dianya',
+    'icon-dianyazongxiebojibianshuai',
+    'icon-sanxiangdianyafuzhibupingheng',
+    'icon-a-253_ipower'
+    // new URL(`@/assets/img/PLPC.png`, import.meta.url),
+    // new URL(`@/assets/img/DYPC.png`, import.meta.url),
+    // new URL(`@/assets/img/JBL.png`, import.meta.url),
+    // new URL(`@/assets/img/SXDY.png`, import.meta.url),
+    // new URL(`@/assets/img/SB.png`, import.meta.url)
 ]
 const tableData: any = ref([])
 const title = ['频率偏差(超标)', '电压偏差(超标)', '电压总谐波畸变率(超标)', '闪变(超标)', '三相电压不平衡度(超标)']
@@ -108,7 +117,8 @@ const echart = (row: any) => {
 
     let chart = echarts.init(chartRef.value as HTMLDivElement)
 
-    let dataname = ['频率偏差(Hz)',
+    let dataname = [
+        '频率偏差(Hz)',
         '电压偏差(%)',
         '电压总谐波畸变率(%)',
         '三相电压不平衡度(%)',
@@ -116,7 +126,8 @@ const echart = (row: any) => {
         '谐波电压(%)',
         '谐波电流(%)',
         '间谐波电压(%)',
-        '负序电流(A)']
+        '负序电流(A)'
+    ]
     // let datamax = [100, 100, 100, 100, 100, 100]
     let indicator = []
     for (let i = 0; i < dataname.length; i++) {
@@ -247,6 +258,7 @@ const handleClick = (i: any) => {
 defineExpose({ open })
 </script>
 <style lang="scss" scoped>
+@import '@/assets/font/iconfont.css';
 :deep(.el-select) {
     min-width: 80px;
 }
@@ -335,4 +347,9 @@ defineExpose({ open })
 :deep(.el-dialog__body) {
     max-height: none !important;
 }
+.icoColor{
+    color: var(--el-color-primary);
+    margin: 0 20px;
+    font-size: 20px;
+}
 </style>