修改与添加数据

tanghaolin

2025-04-22 7ccfc3503f5484373e922da4aa149db43152c312

 src/views/SPump/Detail/byParas/Index.vue

@@ -6,14 +6,20 @@
               <div style="cursor: pointer" class="nav_header_a" @click="gotoHomePage">
                  {{ state.m_corpShortName }}
               </div>
               <div style="cursor: pointer" class="nav_header_a" @click="gotoCatalogPage">
               <div style="cursor: pointer" class="nav_header_a">
                  {{ state.m_pumpBaseInfo.CatalogName }}
               </div>
               <div style="cursor: pointer" class="nav_header_a" @click="gotoSeriesPage">
               <div style="cursor: pointer" class="nav_header_a">
                  {{ state.m_pumpBaseInfo.SeriesName }}
               </div>
               <div class="nav_header_a">
               <div class="nav_header_a flex items-center justify-center gap-1">
                  {{ state.m_pumpBaseInfo.DispPumpName }}
                  <div class="flex items-center eec-level-div" >
                        <img :src="EecLevelEnum[1].icon" style="margin-top: 12px;" />
                        <span class="eec-numb">1 </span>
                        <span class="eec-level-name">{{ EecLevelEnum[1].name }}</span>
                     </div>

               </div>
               <!-- 跑马灯部分 -->
               <div v-if="state.m_dispErrorTip" class="flex" style="flex: 1; margin-left: 1.1em; justify-content: flex-end">
@@ -73,6 +79,8 @@

<script setup name="pumpDetail">
import { onMounted, ref, reactive, nextTick, provide } from 'vue';
import EecLevel1 from '@/assets/icons/energy_level_1.svg';
import EecLevel2 from '@/assets/icons/energy_level_2.svg';
import { useRoute, useRouter } from 'vue-router';
import { ElDialog, ElButton, ElMessage } from 'element-plus';
import pumpDetailBody from './components/detailBody.vue';
@@ -98,6 +106,11 @@
const { t } = useI18n();

const m_currentLanguage = 0;

const EecLevelEnum = {
   1: { name: '一级能效', icon: EecLevel1 },
   2: { name: '二级能效', icon: EecLevel2 },
};

let state = reactive({
   m_corpShortName: '', //公司名称
@@ -593,6 +606,34 @@
      background-color: #fff;
   }
}
.eec-level-div {
   height: 34px;
   position: relative;
   margin-top: -2px;
}

.eec-level-div img {
   height: 100%;
}

.eec-numb {
   position: absolute;
   left: 13px;
   top: 1px;
   color: #fff;
}

.eec-level-name {
   position: absolute;
   left: 31px;
   top:1.5px;
   color: #fff;
   font-size: 12px;
}
.svg-size-style {
   width: 16px;
   height: 16px;
}
</style>

<style scope>