From 90501b94f6e2d956d11b31366c36002a6aad79c2 Mon Sep 17 00:00:00 2001
From: xiongqin <3323939337@qq.com>
Date: Thu, 3 Jul 2025 14:23:53 +0800
Subject: [PATCH] =?UTF-8?q?xq=20feat:"=E5=81=9A=E5=A5=BD=E4=BA=86=E5=88=87?=
 =?UTF-8?q?=E6=8D=A2=E9=A1=B9=E7=9B=AE=E7=9A=84=E5=87=86=E5=A4=87"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/Navbar.vue | 10 ++++++++--
 src/store/modules/program.ts     | 18 ++++++++++++++++++
 src/views/business/nbq/index.vue | 17 +++++++++++++++++
 3 files changed, 43 insertions(+), 2 deletions(-)
 create mode 100644 src/store/modules/program.ts

diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 73e7ee0..679844f 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -6,7 +6,9 @@
 
     <div class="right-menu flex align-center">
       <template v-if="appStore.device !== 'mobile'">
-        <el-select class="program-list" placeholder="高光村农业光伏"> </el-select>
+        <el-select class="program-list" placeholder="高光村农业光伏">
+          <el-option v-for="item in programList" :key="item.value" :label="item.label" :value="item.value"> </el-option>
+        </el-select>
         <el-select
           v-if="userId === 1 && tenantEnabled"
           v-model="companyName"
@@ -142,7 +144,11 @@ const dynamicClearEvent = async () => {
   await proxy?.$tab.refreshPage();
 };
 
-const programList = ref([]);
+const programList = ref([{}]);
+
+const programName = ref();
+
+const programId = ref();
 
 /** 租户列表 */
 const initTenantList = async () => {
diff --git a/src/store/modules/program.ts b/src/store/modules/program.ts
new file mode 100644
index 0000000..84135f9
--- /dev/null
+++ b/src/store/modules/program.ts
@@ -0,0 +1,18 @@
+import { defineStore } from 'pinia';
+
+interface ProgramState {
+  programID: string;
+}
+const useProgram = defineStore('program', {
+  state: (): ProgramState => ({
+    programID: ''
+  }),
+
+  actions: {
+    updateId(id: string) {
+      this.programID = id;
+    }
+  }
+});
+
+export { useProgram };
diff --git a/src/views/business/nbq/index.vue b/src/views/business/nbq/index.vue
index 94d9a0b..ed86946 100644
--- a/src/views/business/nbq/index.vue
+++ b/src/views/business/nbq/index.vue
@@ -134,6 +134,7 @@
 <script setup name="Nbq" lang="ts">
 import { listNbq, getNbq, delNbq, addNbq, updateNbq } from '@/api/business/nbq';
 import { NbqVO, NbqQuery, NbqForm } from '@/api/business/nbq/types';
+import { useProgram } from '@/store/modules/program';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { type } = toRefs<any>(proxy?.useDict('type'));
@@ -150,6 +151,22 @@ const total = ref(0);
 const queryFormRef = ref<ElFormInstance>();
 const nbqFormRef = ref<ElFormInstance>();
 
+const programState = useProgram();
+
+const programID = computed(() => {
+  return programState.programID;
+});
+
+watch(
+  programID,
+  (nv, ov) => {
+    if (nv !== ov) {
+      getList();
+    }
+  },
+  { deep: true }
+);
+
 const dialog = reactive<DialogOption>({
   visible: false,
   title: ''