优化

sgzb-ui/src/views/warehouseManage/newPurchase/toolsAcceptance/component/home.vue

@@ -21,7 +21,7 @@
             </el-form-item>
 
             <el-form-item label="设备类型" prop="typeId">
-                <el-select
+                <!-- <el-select
                     v-model="queryParams.typeId"
                     placeholder="请选择设备类型"
                     clearable
@@ -34,7 +34,18 @@
                         :label="typeItem.typeName"
                         :value="typeItem.typeId"
                     />
-                </el-select>
+                </el-select> -->
+                <treeselect
+                    v-model="queryParams.typeId"
+                    :options="typesList"
+                    noChildrenText="没有数据了"
+                    noOptionsText="没有数据"
+                    noResultsText="没有搜索结果"
+                    placeholder="请选择设备类型"
+                    disableBranchNodes
+                    showCount
+                    style="width: 240px"
+                />
             </el-form-item>
 
             <el-form-item label="采购状态" prop="taskState">
@@ -487,11 +498,14 @@ import {
 } from '@/api/store/warehousing'
 import vueEasyPrint from 'vue-easy-print'
 import { getLeaseAuditListAll } from '@/api/claimAndRefund/receive'
+import { listPartTypeApi } from '@/api/repairTest/repair.js'
+import Treeselect from '@riophae/vue-treeselect'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
 
 export default {
     // name: "NewDevicesList",
     dicts: ['sys_normal_disable'],
-    components: { vueEasyPrint },
+    components: { vueEasyPrint, Treeselect },
     data() {
         return {
             // 遮罩层
@@ -534,7 +548,7 @@ export default {
                 pageSize: 10,
                 time: null, //申请时间
                 name: undefined,
-                typeId: '',
+                typeId: undefined,
                 keyWord: '',
                 taskState: '',
             },
@@ -551,12 +565,15 @@ export default {
     },
     methods: {
         getTypeList() {
-            getTypeList({ level: '3' }).then((response) => {
-                this.typesList = response.data
-            })
+            // getTypeList({ level: '3' }).then((response) => {
+            //     this.typesList = response.data
+            // })
             getTypeList({ level: '4' }).then((response) => {
                 this.modelList = response.data
             })
+            listPartTypeApi().then((res) => {
+                this.typesList = res.data
+            })
         },
 
         getList() {