From 25f3570c18d5297f03af63103222aedf993d4176 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B4=BE=E5=90=8C=E5=AD=A6?= <stary1993@qq.com>
Date: Thu, 4 Sep 2025 11:12:29 +0800
Subject: [PATCH] =?UTF-8?q?UPDATE:=20=E6=9B=BF=E6=8D=A2=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E6=AF=94=E5=AF=B9=E6=A3=80=E6=B5=8B=E8=AE=A1=E5=88=92=E6=97=B6?=
 =?UTF-8?q?=EF=BC=8C=E5=8F=AF=E9=80=89=E6=8B=A9=E7=9A=84=E6=A0=87=E5=87=86?=
 =?UTF-8?q?=E8=AE=BE=E5=A4=87=E6=8E=A5=E5=8F=A3=EF=BC=9B=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E8=A2=AB=E6=A3=80=E8=AE=BE=E5=A4=87=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/device/standardDevice/index.ts    |   8 +-
 .../plan/planList/components/devSelect.vue    | 139 ++++++++++--------
 .../plan/planList/components/planPopup.vue    |   6 +-
 3 files changed, 84 insertions(+), 69 deletions(-)

diff --git a/frontend/src/api/device/standardDevice/index.ts b/frontend/src/api/device/standardDevice/index.ts
index 993788f..20e8e48 100644
--- a/frontend/src/api/device/standardDevice/index.ts
+++ b/frontend/src/api/device/standardDevice/index.ts
@@ -1,4 +1,4 @@
-import type {StandardDevice} from '@/api/device/interface/standardDevice'
+import type { StandardDevice } from '@/api/device/interface/standardDevice'
 import http from '@/api'
 
 /**
@@ -30,7 +30,6 @@ export const deletePqStandardDev = (params: string[]) => {
     return http.post(`/pqStandardDev/delete`, params)
 }
 
-
 //导出标准设备
 export const exportPqStandardDev = (params: StandardDevice.ReqPqStandardDeviceParams) => {
     return http.download(`/pqStandardDev/export`, params)
@@ -49,3 +48,8 @@ export const importPqStandardDev = (params: StandardDevice.ReqPqStandardDevicePa
 export const getAllPqStandardDev = () => {
     return http.get(`/pqStandardDev/getAll`)
 }
+
+//获取可以绑定的标准设备
+export const canBindingList = () => {
+    return http.get(`/pqStandardDev/canBindingList`)
+}
diff --git a/frontend/src/views/plan/planList/components/devSelect.vue b/frontend/src/views/plan/planList/components/devSelect.vue
index 8f1a69a..5cedabc 100644
--- a/frontend/src/views/plan/planList/components/devSelect.vue
+++ b/frontend/src/views/plan/planList/components/devSelect.vue
@@ -36,68 +36,73 @@
                         </div>
                     </el-col>
                 </el-row>
+                <el-scrollbar ref="scrollbarRef" :height="props.height" style="margin-top: 20px">
+                    <el-tree
+                        ref="treeRef"
+                        show-checkbox
+                        accordion
+                        default-expand-all
+                        :data="treeData"
+                        :default-checked-keys="defaultCheckedKeys"
+                        :filter-node-method="filterNode"
+                        node-key="id"
+                        :style="{ padding: '0 25px' }"
+                        @check-change="handleCheckChange"
+                    >
+                        <template #empty>
+                            <el-empty :image-size="80" description="暂无可选设备" />
+                        </template>
+                        <template #default="{ node, data }">
+                            <div v-if="data.id.startsWith('manufacturer')" style="display: flex; align-items: center">
+                                <el-icon><OfficeBuilding /></el-icon>
+                                <span style="margin-left: 4px">{{ data.label }}</span>
+                            </div>
+                            <div v-else-if="data.id.startsWith('cityName')" style="display: flex; align-items: center">
+                                <el-icon><Location /></el-icon>
+                                <span style="margin-left: 4px">{{ data.label }}</span>
+                            </div>
+                            <div
+                                v-else
+                                style="flex: 1; display: flex; align-items: center; justify-content: space-between"
+                            >
+                                <span>
+                                    <el-icon><Cpu /></el-icon>
+                                    <span v-if="node.level === 1" style="margin-left: 4px">
+                                        {{ data.cityName + ' - ' + data.manufacturer + ' - ' + data.name }}
+                                    </span>
+                                    <span v-if="node.level === 2" style="margin-left: 4px">
+                                        {{ data.name }}
+                                    </span>
+                                </span>
+                                <el-tooltip effect="light" placement="top">
+                                    <template #content>
+                                        <el-descriptions border size="small" title="被检设备详情">
+                                            <el-descriptions-item label="设备名称">
+                                                {{ data.name }}
+                                            </el-descriptions-item>
+                                            <el-descriptions-item label="设备厂家">
+                                                {{ data.manufacturer }}
+                                            </el-descriptions-item>
+                                            <el-descriptions-item label="所属地市">
+                                                {{ data.cityName }}
+                                            </el-descriptions-item>
+                                            <el-descriptions-item label="所属供电公司">
+                                                {{ data.gdName }}
+                                            </el-descriptions-item>
+                                            <el-descriptions-item label="所属电站">
+                                                {{ data.subName }}
+                                            </el-descriptions-item>
+                                        </el-descriptions>
+                                    </template>
+                                    <el-icon>
+                                        <Warning />
+                                    </el-icon>
+                                </el-tooltip>
+                            </div>
+                        </template>
+                    </el-tree>
+                </el-scrollbar>
 
-                <el-tree
-                    ref="treeRef"
-                    show-checkbox
-                    accordion
-                    default-expand-all
-                    :data="treeData"
-                    :default-checked-keys="defaultCheckedKeys"
-                    :filter-node-method="filterNode"
-                    node-key="id"
-                    :style="{ marginTop: '20px', height: `${props.height}px` }"
-                    @check-change="handleCheckChange"
-                >
-                    <template #empty>
-                        <el-empty :image-size="80" description="暂无可选设备" />
-                    </template>
-                    <template #default="{ node, data }">
-                        <div v-if="data.id.startsWith('manufacturer')" style="display: flex; align-items: center">
-                            <el-icon><OfficeBuilding /></el-icon>
-                            <span style="margin-left: 4px">{{ data.label }}</span>
-                        </div>
-                        <div v-else-if="data.id.startsWith('cityName')" style="display: flex; align-items: center">
-                            <el-icon><Location /></el-icon>
-                            <span style="margin-left: 4px">{{ data.label }}</span>
-                        </div>
-                        <div v-else style="flex: 1; display: flex; align-items: center; justify-content: space-between">
-                            <span>
-                                <el-icon><Cpu /></el-icon>
-                                <span v-if="node.level === 1" style="margin-left: 4px">
-                                    {{ data.cityName + ' - ' + data.manufacturer + ' - ' + data.name }}
-                                </span>
-                                <span v-if="node.level === 2" style="margin-left: 4px">
-                                    {{ data.name }}
-                                </span>
-                            </span>
-                            <el-tooltip effect="light" placement="top">
-                                <template #content>
-                                    <el-descriptions border size="small" title="被检设备详情">
-                                        <el-descriptions-item label="设备名称">
-                                            {{ data.name }}
-                                        </el-descriptions-item>
-                                        <el-descriptions-item label="设备厂家">
-                                            {{ data.manufacturer }}
-                                        </el-descriptions-item>
-                                        <el-descriptions-item label="所属地市">
-                                            {{ data.cityName }}
-                                        </el-descriptions-item>
-                                        <el-descriptions-item label="所属供电公司">
-                                            {{ data.gdName }}
-                                        </el-descriptions-item>
-                                        <el-descriptions-item label="所属电站">
-                                            {{ data.subName }}
-                                        </el-descriptions-item>
-                                    </el-descriptions>
-                                </template>
-                                <el-icon>
-                                    <Warning />
-                                </el-icon>
-                            </el-tooltip>
-                        </div>
-                    </template>
-                </el-tree>
                 <!-- 传递 footer 插槽到 el-card -->
                 <template #footer>
                     <slot name="footer"></slot>
@@ -108,7 +113,7 @@
 </template>
 <script lang="ts" name="DevSelect" setup>
 import { ref, watch } from 'vue'
-import type { FilterNodeMethodFunction, TreeInstance } from 'element-plus'
+import type { FilterNodeMethodFunction, ScrollbarInstance, TreeInstance } from 'element-plus'
 
 interface Tree {
     [key: string]: any
@@ -146,6 +151,7 @@ const props = defineProps({
     }
 })
 const treeRef = ref<TreeInstance>()
+const scrollbarRef = ref<ScrollbarInstance>()
 const treeData = ref<Tree[]>([])
 const defaultCheckedKeys = ref<string[]>([])
 const filter = ref({
@@ -254,7 +260,11 @@ const convertToTree = (data: any[], groupBy?: string | undefined) => {
 }
 const filterNode: FilterNodeMethodFunction = (value: string, data: Tree) => {
     if (!value) return true
-    return data.label.includes(value)
+    console.log('data', data)
+    if (data.id.toString().includes('_')) {
+        return false
+    }
+    return data.label.includes(value) || data.cityName.includes(value) || data.manufacturer.includes(value)
 }
 const handleCommand = (command: string) => {
     filter.value.groupBy = command
@@ -264,6 +274,7 @@ const handleCommand = (command: string) => {
     if (filter.value.checkAll) {
         setCheckedStatus(true)
     }
+    scrollbarRef.value?.setScrollTop(0)
 }
 const handleCheckChange = () => {
     const checkedKeys = treeRef.value?.getCheckedKeys().filter(item => !item.toString().includes('_')) || []
@@ -289,7 +300,7 @@ const handleCheckChange = () => {
 }
 
 .card-body {
-    padding: 15px;
+    padding: 20px;
 }
 
 .card-footer {
diff --git a/frontend/src/views/plan/planList/components/planPopup.vue b/frontend/src/views/plan/planList/components/planPopup.vue
index 943b675..9b32641 100644
--- a/frontend/src/views/plan/planList/components/planPopup.vue
+++ b/frontend/src/views/plan/planList/components/planPopup.vue
@@ -187,7 +187,7 @@
                         title="被检设备列表"
                         filter-placeholder="请输入内容搜索"
                         :data="devData"
-                        :height="250"
+                        :height="230"
                         :disabled="allDisabled"
                     >
                         <template v-if="planType === 0 && !allDisabled" #footer>
@@ -354,7 +354,7 @@ import { type ErrorSystem } from '@/api/device/interface/error'
 import { type Device } from '@/api/device/interface/device'
 import { getPqReportAllName } from '@/api/device/report/index'
 import { useAppSceneStore, useModeStore } from '@/stores/modules/mode'
-import { getAllPqStandardDev } from '@/api/device/standardDevice/index'
+import { canBindingList, getAllPqStandardDev } from '@/api/device/standardDevice/index'
 import { type StandardDevice } from '@/api/device/interface/standardDevice'
 import { type Dict } from '@/api/system/dictionary/interface'
 import { getAllUser } from '@/api/user/user'
@@ -663,7 +663,7 @@ const open = async (sign: string, data: Plan.ReqPlan, currentMode: string, plan:
                 getPqErrSysList(),
                 getUnboundPqDevList(data),
                 getPqReportAllName(),
-                getAllPqStandardDev(),
+                canBindingList(),
                 getTestConfig(),
                 getRegRes({ type: patternId })
             ])