电力灯光数据添加学校

src/pages/dsj/dldgsjtj/index.vue

@@ -8,19 +8,44 @@ import jqxxclqk from './jqxxclqk.vue'
 import ssbjlb from './ssbjlb.vue'
 import { initFontSize } from '~/utils/size'
 
-const xmmc = ref('苏州博智电子科技有限公司')
+const loading = ref(false);
+const xmmc = ref('')
 const detailInfo = ref({})
-initData()
+
+const schoolData = ref([]);
+
+initSchoolData();
+async function initSchoolData() {
+  const { code, data } = await request({
+    baseURL: window.GLOBAL_CONFIG.myxjyszptx,
+    url: '/openapi/chart/school_list.php',
+  })
+  if (code == 1) {
+    for (let key in data.data) {
+      schoolData.value.push({
+        id: key,
+        name: data.data[key]
+      })
+    }
+    xmmc.value = schoolData.value[0].id;
+    initData();
+  }
+}
+
 async function initData() {
+  loading.value = true;
   const res = (
     await request({
       baseURL: window.GLOBAL_CONFIG.myxjyszptx,
       url: '/openapi/chart/power_data.php',
+      data: { sm_id: xmmc.value != 0 ? xmmc.value : "" }
     })
   )
 
   if (res.code == 1)
     detailInfo.value = res.data.power_data
+
+  loading.value = false;
 }
 
 initFontSize()
@@ -30,11 +55,11 @@ window.addEventListener('resize', async () => {
 </script>
 
 <template>
-  <div class="dldgsjtj overflow-hidden">
+  <div v-loading="loading" element-loading-background="rgba(122, 122, 122, 0.8)" element-loading-text="加载时间较长, 请耐心等待~" class="dldgsjtj overflow-hidden">
     <top-bottom-bg title="电力灯光数据统计" />
     <div class="topOperate flex items-center px-8">
-      <el-select v-model="xmmc" placeholder="项目名称" popper-class="dsjSelect">
-        <el-option label="苏州博智电子科技有限公司" value="苏州博智电子科技有限公司" />
+      <el-select v-model="xmmc" placeholder="项目名称" popper-class="dsjSelect" @change="initData">
+        <el-option v-for="(item, index) in schoolData" :key="index" :label="item.name" :value="item.id" />
         <!-- <el-option label="项目名称2" value="考试计划2" /> -->
       </el-select>
     </div>

src/pages/dsj/dldgsjtj/ptyxqk.vue

@@ -40,7 +40,7 @@ watch(
 <template>
   <div class="ptyxqkDiv p-5 flex items-center justify-center space-x-6">
     <div class="text-center">
-      <el-progress type="circle" :width="90" :stroke-width="16" color="#4BBC88" :percentage="ptyxqkData1.value" />
+      <el-progress type="circle" :width="90" :stroke-width="16" color="#4BBC88" :percentage="Number(ptyxqkData1.value).toFixed(2)" />
       <div class="hyzb mt-2">
         {{ ptyxqkData1.name }}
       </div>