From fa474c8a07a907ca9e593e6b9e50a134dad6f5d0 Mon Sep 17 00:00:00 2001
From: binbin_pan <max_163email@163.com>
Date: Wed, 8 Jan 2025 10:30:19 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E8=B4=AD=E5=88=B0=E8=B4=A7=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86/=E9=A2=86=E6=96=99=E7=94=B3=E8=AF=B7-=E7=B1=BB?=
 =?UTF-8?q?=E5=9E=8B=E8=A7=84=E6=A0=BC-=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .prettierrc                                   |   17 +
 .../lease/apply/component/addToolsApply.vue   | 1866 +++++++++--------
 .../goodsArrived/component/addTools.vue       | 1087 ++++++----
 3 files changed, 1741 insertions(+), 1229 deletions(-)
 create mode 100644 .prettierrc

diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 00000000..d4daf05b
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,17 @@
+{
+  "printWidth": 120,
+  "tabWidth": 4,
+  "singleQuote": true,
+  "semi": false,
+  "bracketSpacing": true,
+  "jsxBracketSameLine": true,
+  "arrowParens": "avoid",
+  "endOfLine": "lf",
+  "useTabs": false,
+  "trailingComma": "none",
+  "bracketSameLine": false,
+  "htmlWhitespaceSensitivity": "ignore",
+  "vueIndentScriptAndStyle": false,
+  "singleAttributePerLine": false,
+  "importStatement": "none"
+}
diff --git a/src/views/material/lease/apply/component/addToolsApply.vue b/src/views/material/lease/apply/component/addToolsApply.vue
index ff7ee67f..97db257b 100644
--- a/src/views/material/lease/apply/component/addToolsApply.vue
+++ b/src/views/material/lease/apply/component/addToolsApply.vue
@@ -1,838 +1,1028 @@
-<template>
-  <!-- 新增工机具 -->
-  <div>
-    <el-form
-      :model="maForm"
-      ref="maForm"
-      size="small"
-      :rules="rules"
-      :inline="true"
-      label-width="120px"
-    >
-      <!-- <el-form-item label="租赁单位" prop="leaseUnitId">
-        <el-select
-          v-model="maForm.leaseUnitId"
-          placeholder="请选择租赁单位"
-          clearable
-          filterable
-          style="width: 240px"
-          @change="uniteChange"
-        >
-          <el-option
-            v-for="item in uniteList"
-            :key="item.unitId"
-            :label="item.unitName"
-            :value="item.unitId"
-          />
-        </el-select>
-      </el-form-item> -->
-      <el-form-item label="租赁单位" prop="unitId">
-        <treeselect
-            v-model="maForm.unitId" :disabled="isEdit"
-            :options="uniteList" :normalizer="normalizer"
-            :show-count="true" style="width: 240px" :disable-branch-nodes="true"
-            noChildrenText="没有数据了" noOptionsText="没有数据" noResultsText="没有搜索结果"
-            placeholder="请选择租赁单位" @select="uniteChange"
-        /> 
-        <!-- <el-cascader
-          v-model="unitId"
-          :show-all-levels="false"
-          :options="uniteList"
-          :props="selectTreeProps"
-          filterable
-          clearable
-          collapse-tags
-          @change="uniteChange"
-          :disabled="isEdit"
-          placeholder="请选择租赁单位"
-        ></el-cascader> -->
-      </el-form-item>
-      <el-form-item label="租赁工程" prop="projectId">
-        <treeselect
-            v-model="maForm.projectId" :disabled="isEdit"
-            :options="projectList" :normalizer="normalizer"
-            :show-count="true" style="width: 240px" :disable-branch-nodes="true"
-            noChildrenText="没有数据了" noOptionsText="没有数据" noResultsText="没有搜索结果"
-            placeholder="请选择租赁工程" @select="projectChange"
-        />
-        <!-- <el-cascader
-          v-model="projectId"
-          :show-all-levels="false"
-          :options="projectList"
-          :props="selectTreeProps"
-          filterable
-          clearable
-          collapse-tags
-          @change="projectChange"
-          :disabled="isEdit"
-          placeholder="请选择租赁工程"
-        ></el-cascader> -->
-      </el-form-item>
-      <el-form-item label="领料人" prop="leasePerson">
-        <el-input
-          v-model="maForm.leasePerson"
-          placeholder="请输入领料人"
-          clearable
-          maxlength="50"
-          style="width: 240px"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-
-      <el-form-item label="联系电话" prop="phone">
-        <el-input
-          v-model="maForm.phone"
-          placeholder="请输入联系电话"
-          clearable
-          maxlength="50"
-          style="width: 240px"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-
-      <el-form-item label="类型规格" prop="deviceType">
-        <el-cascader
-          :key="propsKey"
-          v-model="deviceType"
-          :show-all-levels="false"
-          :options="equipmentTypeList"
-          :props="deviceTypeTreeProps"
-          filterable
-          collapse-tags
-          style="width: 240px"
-          placeholder="请选择规格型号"
-          ref="deviceTypeCascader"
-          popper-class="popper-select"
-          @change="deviceTypeChange"
-        ></el-cascader>
-      </el-form-item>
-      <el-form-item label="备注" prop="remark">
-          <el-input
-              v-model="maForm.remark"
-              placeholder="请输入备注"
-              clearable
-              maxlength="150"
-              type="textarea"
-              style="width: 240px"
-              rows="2"
-          />
-      </el-form-item>
-    </el-form>
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleSave"
-          >保存</el-button
-        >
-      </el-col>
-      <!-- <el-col :span="1.5">
-                <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" v-if="isEdit">导出</el-button>
-            </el-col> -->
-    </el-row>
-
-    <el-table
-      v-loading="loading"
-      :data="equipmentList"
-      @selection-change="handleSelectionChange"
-    >
-      <!-- <el-table-column type="selection" width="55" align="center" /> -->
-      <el-table-column align="center" label="序号" type="index" width="55" />
-      <el-table-column
-        align="center"
-        label="类型名称"
-        prop="maTypeName"
-        show-overflow-tooltip
-      ></el-table-column>
-      <el-table-column
-        align="center"
-        label="规格型号"
-        prop="typeName"
-        show-overflow-tooltip
-      />
-      <el-table-column align="center" label="计量单位" prop="unitName" />
-      <el-table-column align="center" label="当前库存" prop="storageNum" />
-      <el-table-column label="预领数量" prop="preNum" align="center">
-        <template v-slot="scope">
-          <el-input
-              v-model.number="scope.row.preNum"
-              controls-position="right" type="number"
-              style="width: 100%"
-              :min="0" @input="(v)=>(scope.row.unitValue==1?scope.row.preNum=Number(v.replace(/[^\d.]/g,'')) : scope.row.preNum=Number(v.replace(/[^\d]/g,'')))"
-              ></el-input>
-        </template>
-      </el-table-column>
-
-      <!-- <el-table-column align="center" label="出库数量" prop="alNum" /> -->
-      <el-table-column
-        label="备注"
-        prop="remark"
-        align="center"
-        label-width="500px"
-      >
-        <template v-slot="scope">
-          <el-input
-            v-model="scope.row.remark"
-            controls-position="right"
-            style="width: 100%"
-          ></el-input>
-        </template>
-      </el-table-column>
-
-      <el-table-column label="操作" align="center">
-        <template slot-scope="scope" v-if="scope.row.roleId !== 1">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            style="color: red"
-            @click="handleDelete(scope.row)"
-            >删除</el-button
-          >
-        </template>
-      </el-table-column>
-    </el-table>
-  </div>
-</template>
-
-<script>
-import {
-  getPurchaseCheckInfo,
-  equipmentTypeTree,
-} from "@/api/purchase/goodsArrived";
-import {
-  getListProject,
-  getListUnite,
-  addApplyInfo,
-  updateApplyInfo,
-  getApplyInfo,
-  getAgreement,
-} from "@/api/lease/apply";
-import { getToken } from "@/utils/auth";
-import {
-  uploadPurchaseFile,
-  getPurchaseFileList,
-} from "@/api/purchase/goodsAccept";
-
-import Treeselect from '@riophae/vue-treeselect'
-import '@riophae/vue-treeselect/dist/vue-treeselect.css' 
-
-export default {
-  name: "AddTools",
-  dicts: ["purchase_task_status"],
-  components: { Treeselect },
-  props: {
-    isEdit: {
-      type: Boolean,
-      default: () => {
-        return false;
-      },
-    },
-    editTaskId: {
-      type: [String, Number],
-      default: () => {
-        return "";
-      },
-    },
-    editId: {
-      type: [String, Number],
-      default: () => {
-        return "";
-      },
-    },
-  },
-  data() {
-    return {
-      taskId: "",
-      // isEdit: false,
-      // 遮罩层
-      loading: false,
-      loadingTwo: false,
-      // 选中数组
-      ids: [],
-      // 非单个禁用
-      single: true,
-      // 非多个禁用
-      multiple: true,
-      // 显示搜索条件
-      showSearch: true,
-      // 总条数
-      total: 0,
-      selectTreeProps: {
-        children: "children",
-        label: "name",
-        // multiple: false,
-        value: "id",
-        // multiple: true,
-      },
-      //租赁单位
-      uniteList: [],
-      //租赁工程
-      projectList: [],
-      //机具类型
-      equipmentTypeList: [],
-      // 角色表格数据
-      equipmentList: [],
-      // 弹出层标题
-      title: "",
-      // 是否显示弹出层
-      open: false,
-      rowData: {},
-      unitId: null,
-      projectId: null,
-      // 查询参数
-      queryParams: {
-        equipmentId: undefined,
-        productionTime: "",
-      },
-      maForm: {
-        unitId: undefined,
-        projectId: undefined,
-        arrivalTime: "",
-        purchaser: "",
-        remark: "",
-        purchaseNumber: "",
-      },
-      // 表单参数
-      form: {},
-      defaultProps: {
-        children: "children",
-        label: "label",
-      },
-      // 表单校验
-      rules: {
-        unitId: [
-          {
-            required: true,
-            message: "请选择租赁单位",
-            trigger: "blur",
-          },
-        ],
-        projectId: [
-          {
-            required: true,
-            message: "请选择租赁工程",
-            trigger: "blur",
-          },
-        ],
-        leasePerson: [
-          {
-            required: true,
-            message: "请输入领料人",
-            trigger: "blur",
-          },
-        ],
-        phone: [
-          { required: true, message: "联系电话不能为空", trigger: "blur" },
-          {
-            pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
-            message: "请输入正确的手机号码",
-            trigger: "blur",
-          },
-        ],
-        // purchaser: [
-        //   { required: true, message: "采购员不能为空", trigger: "blur" }
-        // ]
-      },
-      deviceTypeTreeProps: {
-        children: "children",
-        label: "typeName",
-        // multiple: false,
-        value: "typeId",
-        multiple: true,
-      },
-      deviceType: [],
-      propsKey: 1000,
-      projectTemp: undefined,
-      unitTemp: undefined,
-      agreementId: undefined,
-      // taxRate:0,
-    };
-  },
-  computed: {
-    pickerOptions() {
-      return {
-        disabledDate(time) {
-          const currentDate = new Date();
-          currentDate.setHours(0, 0, 0, 0);
-          return time.getTime() < currentDate.getTime();
-        },
-      };
-    },
-  },
-  watch: {},
-  mounted() {
-    this.projectInfoList();//单位工程下拉选
-    this.equipmentType();//机具类型下拉选
-    if (this.isEdit) {
-      console.log("isEdit", this.isEdit);
-      this.taskId = this.editTaskId;
-      this.id = this.editId;
-      this.getTaskInfo();
-      this.equipmentType();
-    }
-    // this.projectInfoList();
-    // this.equipmentType();
-  },
-  methods: {
-    /** 转换菜单数据结构 */
-    normalizer(node) {
-        if (node.children && !node.children.length) {
-            delete node.children;
-        }
-        return {
-            id: node.id,
-            label: node.name,
-            children: node.children,
-        };
-    }, 
-    uniteChange(val) {
-      // this.projectList = [];
-      // if (val && val.length > 0) {
-      //   this.maForm.unitId = this.unitId[this.unitId.length - 1];
-      // } else if (val && val.length == 0) {
-      //   this.maForm.unitId = "";
-      // }
-      setTimeout(()=>{
-        getListProject({ unitId: this.maForm.unitId }).then((response) => {
-          this.projectList = response.data;
-          this.maForm.projectId=null
-        });
-      },500) 
-    },
-    projectChange(val) {
-      // if (val && val.length > 0) {
-      //   this.maForm.projectId = this.projectId[this.projectId.length - 1];
-      // } else if (val && val.length == 0) {
-      //   this.maForm.projectId = "";
-      // }
-      setTimeout(()=>{
-        // projectId: this.maForm.projectId
-        getListUnite({  }).then((response) => {
-          this.uniteList = response.data;
-        }); 
-      },500) 
-    },
-    /** 租赁单位和工程-下拉选 */
-    projectInfoList() {
-      if (!this.isEdit) {
-        getListUnite({ projectId: null }).then((response) => {
-          this.uniteList = response.data;
-        });
-        getListProject({ unitId: null }).then((response) => {
-          this.projectList = response.data;
-        });
-      } else {
-        getListUnite({ projectId: null }).then((response) => {
-          this.uniteList = response.data;
-        });
-        getListProject({ unitId: this.maForm.unitId }).then((response) => {
-          this.projectList = response.data;
-        });
-      }
-    },
-    // filterTree(nodes) {
-    //   return nodes.map((node) => {
-    //     if (node.children) {
-    //       node.children = this.filterTree(node.children);
-    //     }
-    //     return node;
-    //   });
-    // },
-    //选择物资厂家
-    // changeSupplier(supplierId) {
-    //     this.equipmentList.forEach((item) => {
-    //         this.$set(item, 'supplierId', supplierId)
-    //     })
-    // },
-    /** 机具类型 */
-    equipmentType() {
-      equipmentTypeTree().then((response) => {
-        this.equipmentTypeList = response.data;
-        this.equipmentTypeList.forEach((item, index) => {
-          if (item.children && item.children.length > 0) {
-            item.children.forEach((item2, index2) => {
-              if (item2.children && item2.children.length > 0) {
-                item2.children.forEach((item3) => {
-                  if (item3.children && item3.children.length > 0) {
-                    item3.children.forEach((item4) => {
-                      item4.maTypeName = item3.typeName;
-                      item4.specificationType = item4.typeName;
-                      // this.$set(item4, "purchaseTaxPrice", 0);
-                      // this.$set(item4, "purchasePrice", 0);
-                    });
-                  }
-                });
-              }
-            });
-          }
-        });
-        //反显
-        let selectList = [];
-        this.equipmentList.forEach((e) => {
-          selectList.push(
-            this.getParentsById(this.equipmentTypeList, e.typeId)
-          );
-        });
-        this.deviceType = selectList;
-      });
-    },
-    //添加机具类型
-    deviceTypeChange(val) {
-      const deviceTypeList = this.$refs.deviceTypeCascader.getCheckedNodes();
-      let tempList = [];
-      if (val.length > 0) {
-        const items = val.map((e) => {
-          return e[3];
-        });
-        for (let i of items) {
-          for (let z of deviceTypeList) {
-            if (z.data.typeId === i) {
-              const obj = JSON.parse(JSON.stringify(z.data));
-              obj.preNum = 0;
-              if(obj.storageNum<=0){
-                let index = this.deviceType.length;
-                if(index==1){
-                  this.$nextTick(() => {
-                    this.deviceType=[]; // 可选，如果你想要重置选中状态
-                  });
-                }else{
-                  this.deviceType=this.deviceType.splice(0,1)
-                }
-                this.$modal.msgError("所选物资规格类型暂时无库存，无法申请！");
-              }else{
-                tempList.push(obj);
-              }
-              break;
-            }
-          }
-        }
-        const newDataListNew = [...this.equipmentList, ...tempList];
-        const map = new Map();
-        for (let item of newDataListNew) {
-          if (!map.has(item.typeId)) {
-            map.set(item.typeId, item);
-          }
-        }
-        const newArray = [...map.values()];
-        let newArray_array = [];
-        items.forEach((e) => {
-          newArray.forEach((j) => {
-            if (e == j.typeId) {
-              newArray_array.push(j);
-            }
-          });
-        });
-        this.equipmentList = newArray_array;
-      } else {
-        this.equipmentList = [];
-      }
-    },
-    //获取任务详情--- 编辑回显数据
-    async getTaskInfo() {
-      // this.loading = true;
-      await getApplyInfo(this.id).then((response) => {
-        this.maForm = response.data.leaseApplyInfo;
-        this.maForm.unitId = response.data.leaseApplyInfo.leaseUnitId;
-        this.maForm.projectId = response.data.leaseApplyInfo.leaseProjectId;
-        this.unitId = this.treeParentsById(this.uniteList, this.maForm.unitId);
-        this.projectId = this.treeParentsById(
-          this.projectList,
-          this.maForm.projectId
-        );
-        this.equipmentList = response.data.leaseApplyDetailsList;
-        // this.loading = false;
-      });
-      // await this.projectInfoList();
-    },
-    checkNum(row) {
-        // let maxNum = row.storageNum
-        // if (row.preNum <= 1) {
-        //     row.preNum = 1
-        // } else if (row.preNum > maxNum) {
-        //     row.preNum = maxNum-1
-        // }
-    },
-    //单位，工程树结构数据获取父
-    treeParentsById(list, id) {
-      for (let i in list) {
-        if (list[i].id == id) {
-          //查询到就返回该数组对象的value
-          return [list[i].id];
-        }
-        if (list[i].children) {
-          let node = this.treeParentsById(list[i].children, id);
-          if (node !== undefined) {
-            //查询到把父节把父节点加到数组前面
-            node.unshift(list[i].id);
-            return node;
-          }
-        }
-      }
-    },
-    // 多选框选中数据
-    handleSelectionChange(selection) {
-      this.ids = selection.map((item) => item.roleId);
-      this.single = selection.length != 1;
-      this.multiple = !selection.length;
-    },
-    /** 保存按钮操作 */
-    handleSave() {
-      // console.log(this.equipmentList)
-      console.log("maForm", this.maForm);
-      if (this.equipmentList.length > 0) {
-        this.$refs["maForm"].validate(async (valid) => {
-          if (valid) {
-              for(let i = 0;i<this.equipmentList.length;i++){
-                if(this.equipmentList[i].preNum<=0){
-                  this.$message.error(`第 ${i + 1} 行的 ${'预领数量必须大于0'} `);
-                  return
-                }
-              }
-            
-            console.log("projectId", this.projectTemp);
-            await getAgreement({
-              unitId: this.maForm.unitId,
-              projectId: this.maForm.projectId,
-            }).then((response) => {
-              this.agreementId = response.data.agreementId;
-              this.maForm.agreementId = this.agreementId;
-            });
-            this.maForm.taskId = this.taskId;
-            // this.maForm.checkDetailsList = this.equipmentList
-            await this.$modal
-              .confirm("是否确认保存当前页面")
-              .then(function () {})
-              .then(() => {
-                if (this.isEdit) {
-                  this.maForm.leaseUnitId = this.maForm.unitId;
-                  this.maForm.leaseProjectId = this.maForm.projectId;
-                  console.log("编辑");
-                  this.loading = true;
-                  updateApplyInfo({
-                    leaseApplyDetailsList: this.equipmentList,
-                    leaseApplyInfo: this.maForm,
-                  }).then((response) => {
-                    if (response.code == 200) {
-                      this.$modal.msgSuccess("编辑成功");
-                      // this.$tab.closeOpenPage({
-                      //     path: '/store/newBuy/newDevicesList',
-                      // })
-
-                      this.$emit("addToolsSuccess");
-                    }
-                    this.loading = false;
-                  });
-                } else if (!this.isEdit) {
-                  console.log("新增");
-                  // console.log(this.equipmentList)
-                  this.loading = true;
-                  addApplyInfo({
-                    leaseApplyDetailsList: this.equipmentList,
-                    leaseApplyInfo: this.maForm,
-                  }).then((response) => {
-                    if (response.code == 200) {
-                      this.$modal.msgSuccess("新增成功");
-                      // this.$tab.closeOpenPage({
-                      //     path: '/store/newBuy/newDevicesList',
-                      // })
-
-                      this.$emit("addToolsSuccess");
-                    }
-                    this.loading = false;
-                  });
-                }
-              })
-              .catch(() => {});
-          }
-        });
-      } else {
-        this.$modal.msgError("请先添加类型规格");
-      }
-    },
-    //文件管理
-    openFileDialog(row) {
-      this.rowData = row;
-      this.fileDataList = [
-        { dictLabel: "合格证", fileType: "0", name: "", url: "" },
-        { dictLabel: "型式试验报告", fileType: "1", name: "", url: "" },
-        { dictLabel: "出厂检测报告", fileType: "2", name: "", url: "" },
-        { dictLabel: "第三方监测报告", fileType: "3", name: "", url: "" },
-        { dictLabel: "其他", fileType: "4", name: "", url: "" },
-      ];
-      if (this.taskId == "") {
-        // console.log(this.rowData)
-        // console.log(this.rowData.bmFileInfos)
-        if (this.rowData.bmFileInfos.length > 0) {
-          this.rowData.bmFileInfos.forEach((item) => {
-            let index = this.fileDataList.findIndex(
-              (v) => v.fileType == item.fileType
-            );
-            this.fileDataList[index].name = item.name;
-            this.fileDataList[index].url = item.url;
-          });
-        }
-      } else {
-        this.getFileData();
-      }
-      this.open = true;
-    },
-    getFileData() {
-      let param = {
-        modelId: this.rowData.typeId,
-        taskType: 0,
-        taskId: this.rowData.taskId,
-      };
-      getPurchaseFileList(param)
-        .then((response) => {
-          if (response.rows.length > 0) {
-            response.rows.forEach((item) => {
-              let index = this.fileDataList.findIndex(
-                (v) => v.fileType == item.fileType
-              );
-              this.fileDataList[index].name = item.name;
-              this.fileDataList[index].url = item.url;
-            });
-          }
-        })
-        .catch(() => {});
-    },
-    beforeFileUpload(row) {
-      this.rowData.fileType = row.fileType;
-    },
-    // 文件上传成功处理
-    handleFileSuccess(response, file, fileList) {
-      if (response.code == 200) {
-        if (this.taskId == "") {
-          //新增逻辑
-          // console.log(response)
-          // console.log(this.rowData)
-          // console.log(this.rowData.bmFileInfos)
-          let obj = {
-            taskId: this.taskId,
-            taskType: "0",
-            name: response.data.name,
-            url: response.data.url,
-            modelId: this.rowData.typeId,
-            fileType: this.rowData.fileType,
-            //   "dictLabel": this.rowData.dictLabel,
-          };
-          //根据文件上传返回更新文件管理弹窗内容
-          let index = this.fileDataList.findIndex(
-            (v) => v.fileType == this.rowData.fileType
-          );
-          this.fileDataList[index].name = response.data.name;
-          this.fileDataList[index].url = response.data.url;
-          //判断当前上传的文件是否已上传过-再往机具类型数据中插入
-          if (this.rowData.bmFileInfos.length > 0) {
-            let index2 = this.rowData.bmFileInfos.findIndex(
-              (v) => v.fileType == this.rowData.fileType
-            );
-            if (index2 > -1) {
-              //相同类型文件重复上传-替换
-              this.rowData.bmFileInfos.splice(index2, 0, obj);
-            } else {
-              //不存在相同类型文件-添加
-              this.rowData.bmFileInfos.push(obj);
-            }
-          } else {
-            this.rowData.bmFileInfos.push(obj);
-          }
-        } else {
-          //编辑逻辑
-          let param = {
-            taskId: this.taskId,
-            taskType: "0",
-            name: response.data.name,
-            url: response.data.url,
-            modelId: this.rowData.typeId,
-            fileType: this.rowData.fileType,
-            //   "dictLabel": this.rowData.dictLabel,
-          };
-          uploadPurchaseFile(param)
-            .then((response) => {
-              this.$modal.msgSuccess("上传成功");
-              this.getFileData();
-            })
-            .catch(() => {
-              this.$modal.msgError("上传失败");
-            });
-        }
-      }
-    },
-    //图片查看
-    picturePreview(file) {
-      this.dialogImageUrl = file.url;
-      const parts = file.name.split(".");
-      const extension = parts.pop();
-      if (extension === "doc" || extension === "docx" || extension === "pdf") {
-        const windowName = file.name;
-        window.open(file.url, windowName);
-      } else {
-        this.dialogVisible = true;
-      }
-    },
-    //树结构数据获取父
-    getParentsById(list, id) {
-      for (let i in list) {
-        if (list[i].typeId == id) {
-          //查询到就返回该数组对象的value
-          return [list[i].typeId];
-        }
-        if (list[i].children) {
-          let node = this.getParentsById(list[i].children, id);
-          if (node !== undefined) {
-            //查询到把父节把父节点加到数组前面
-            node.unshift(list[i].typeId);
-            return node;
-          }
-        }
-      }
-    },
-    /** 删除按钮操作 */
-    handleDelete(row) {
-      console.log(row)
-      this.$modal
-        .confirm("是否确认删除所选择的数据项？")
-        .then(() => {
-          this.deviceType.forEach((e, index) => {
-            console.log("e", e);
-            if (e[3] === row.typeId) {
-              this.deviceType.splice(index, 1);
-              this.propsKey++;
-            }
-          });
-          console.log(this.equipmentList)
-          this.equipmentList.forEach((item, index) => {
-            if (item.typeId == row.typeId) {
-              this.equipmentList.splice(index, 1);
-            }
-          });
-        })
-        .catch(() => {});
-    },
-    /** 导出按钮操作 */
-    handleExport() {
-      this.download(
-        "/material/purchase_check_info/exportDetails",
-        { taskId: this.taskId },
-        `新购到货详情_${new Date().getTime()}.xlsx`
-      );
-    },
-  },
-};
-</script>
-<style lang="scss">
-.popper-select {
-  .el-cascader-panel .el-scrollbar .el-checkbox {
-    display: none;
-  }
-
-  .el-cascader-panel .el-scrollbar:nth-child(4) .el-checkbox {
-    display: block !important;
-  }
-}
-</style>
+<template>
+  <!-- 新增工机具 -->
+  <div>
+    <el-form
+      :model="maForm"
+      ref="maForm"
+      size="small"
+      :rules="rules"
+      :inline="true"
+      label-width="120px"
+    >
+      <!-- <el-form-item label="租赁单位" prop="leaseUnitId">
+        <el-select
+          v-model="maForm.leaseUnitId"
+          placeholder="请选择租赁单位"
+          clearable
+          filterable
+          style="width: 240px"
+          @change="uniteChange"
+        >
+          <el-option
+            v-for="item in uniteList"
+            :key="item.unitId"
+            :label="item.unitName"
+            :value="item.unitId"
+          />
+        </el-select>
+      </el-form-item> -->
+      <el-form-item label="租赁单位" prop="unitId">
+        <treeselect
+            v-model="maForm.unitId" :disabled="isEdit"
+            :options="uniteList" :normalizer="normalizer"
+            :show-count="true" style="width: 240px" :disable-branch-nodes="true"
+            noChildrenText="没有数据了" noOptionsText="没有数据" noResultsText="没有搜索结果"
+            placeholder="请选择租赁单位" @select="uniteChange"
+        /> 
+        <!-- <el-cascader
+          v-model="unitId"
+          :show-all-levels="false"
+          :options="uniteList"
+          :props="selectTreeProps"
+          filterable
+          clearable
+          collapse-tags
+          @change="uniteChange"
+          :disabled="isEdit"
+          placeholder="请选择租赁单位"
+        ></el-cascader> -->
+      </el-form-item>
+      <el-form-item label="租赁工程" prop="projectId">
+        <treeselect
+            v-model="maForm.projectId" :disabled="isEdit"
+            :options="projectList" :normalizer="normalizer"
+            :show-count="true" style="width: 240px" :disable-branch-nodes="true"
+            noChildrenText="没有数据了" noOptionsText="没有数据" noResultsText="没有搜索结果"
+            placeholder="请选择租赁工程" @select="projectChange"
+        />
+        <!-- <el-cascader
+          v-model="projectId"
+          :show-all-levels="false"
+          :options="projectList"
+          :props="selectTreeProps"
+          filterable
+          clearable
+          collapse-tags
+          @change="projectChange"
+          :disabled="isEdit"
+          placeholder="请选择租赁工程"
+        ></el-cascader> -->
+      </el-form-item>
+      <el-form-item label="领料人" prop="leasePerson">
+        <el-input
+          v-model="maForm.leasePerson"
+          placeholder="请输入领料人"
+          clearable
+          maxlength="50"
+          style="width: 240px"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+
+      <el-form-item label="联系电话" prop="phone">
+        <el-input
+          v-model="maForm.phone"
+          placeholder="请输入联系电话"
+          clearable
+          maxlength="50"
+          style="width: 240px"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+
+      <el-form-item label="类型规格" prop="deviceType">
+        <el-row :gutter="10">
+          <el-col :span="15">
+            <el-select
+              ref="typeSelect"
+              v-model="tempDeviceType"
+              multiple
+              filterable
+              placeholder="请输入类型规格"
+              style="width: 500px"
+              @change="handleTypeChange"
+              clearable
+              collapse-tags
+              :filter-method="handleSearchImpl"
+              :popper-class="'type-select-dropdown'"
+              :popper-append-to-body="false"
+              @visible-change="handleVisibleChange"
+            >
+              <el-option
+                v-for="item in filteredOptions"
+                :key="item.typeId"
+                :label="item.fullPath"
+                :value="item.typeId"
+                :data-key="item.typeId"
+              >
+                <span v-html="highlightText(item.fullPath, searchKeyword)"></span>
+                <span style="float: right; color: #8492a6; font-size: 13px">
+                  库存:{{ item.storageNum }}
+                </span>
+              </el-option>
+            </el-select>
+          </el-col>
+          <el-col :span="6">
+            <el-input
+              ref="searchInput"
+              v-model="searchKeyword"
+              placeholder="输入类型规格高亮搜索"
+              prefix-icon="el-icon-search"
+              clearable
+              style="width: 300px"
+              @input="handleHighlightSearch"
+              @focus="handleSearchFocus"
+              @click.native="handleSearchClick"
+            >
+              <template slot="append">
+                <span v-if="matchedOptions.length" style="margin: 0 5px">
+                  {{ currentMatchIndex + 1 }}/{{ matchedOptions.length }}
+                </span>
+              </template>
+            </el-input>
+          </el-col>
+        </el-row>
+      </el-form-item>
+      <el-form-item label="备注" prop="remark">
+          <el-input
+              v-model="maForm.remark"
+              placeholder="请输入备注"
+              clearable
+              maxlength="150"
+              type="textarea"
+              style="width: 240px"
+              rows="2"
+          />
+      </el-form-item>
+    </el-form>
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleSave"
+          >保存</el-button
+        >
+      </el-col>
+      <!-- <el-col :span="1.5">
+                <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" v-if="isEdit">导出</el-button>
+            </el-col> -->
+    </el-row>
+
+    <el-table
+      v-loading="loading"
+      :data="equipmentList"
+      @selection-change="handleSelectionChange"
+    >
+      <!-- <el-table-column type="selection" width="55" align="center" /> -->
+      <el-table-column align="center" label="序号" type="index" width="55" />
+      <el-table-column
+        align="center"
+        label="类型名称"
+        prop="maTypeName"
+        show-overflow-tooltip
+      ></el-table-column>
+      <el-table-column
+        align="center"
+        label="规格型号"
+        prop="typeName"
+        show-overflow-tooltip
+      />
+      <el-table-column align="center" label="计量单位" prop="unitName" />
+      <el-table-column align="center" label="当前库存" prop="storageNum" />
+      <el-table-column label="预领数量" prop="preNum" align="center">
+        <template v-slot="scope">
+          <el-input
+              v-model.number="scope.row.preNum"
+              controls-position="right" type="number"
+              style="width: 100%"
+              :min="0" @input="(v)=>(scope.row.unitValue==1?scope.row.preNum=Number(v.replace(/[^\d.]/g,'')) : scope.row.preNum=Number(v.replace(/[^\d]/g,'')))"
+              ></el-input>
+        </template>
+      </el-table-column>
+
+      <!-- <el-table-column align="center" label="出库数量" prop="alNum" /> -->
+      <el-table-column
+        label="备注"
+        prop="remark"
+        align="center"
+        label-width="500px"
+      >
+        <template v-slot="scope">
+          <el-input
+            v-model="scope.row.remark"
+            controls-position="right"
+            style="width: 100%"
+          ></el-input>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="操作" align="center">
+        <template slot-scope="scope" v-if="scope.row.roleId !== 1">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            style="color: red"
+            @click="handleDelete(scope.row)"
+            >删除</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import {
+  getPurchaseCheckInfo,
+  equipmentTypeTree,
+} from "@/api/purchase/goodsArrived";
+import {
+  getListProject,
+  getListUnite,
+  addApplyInfo,
+  updateApplyInfo,
+  getApplyInfo,
+  getAgreement,
+} from "@/api/lease/apply";
+import { getToken } from "@/utils/auth";
+import {
+  uploadPurchaseFile,
+  getPurchaseFileList,
+} from "@/api/purchase/goodsAccept";
+
+import Treeselect from '@riophae/vue-treeselect'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css' 
+
+export default {
+  name: "AddTools",
+  dicts: ["purchase_task_status"],
+  components: { Treeselect },
+  props: {
+    isEdit: {
+      type: Boolean,
+      default: () => {
+        return false;
+      },
+    },
+    editTaskId: {
+      type: [String, Number],
+      default: () => {
+        return "";
+      },
+    },
+    editId: {
+      type: [String, Number],
+      default: () => {
+        return "";
+      },
+    },
+  },
+  data() {
+    return {
+      taskId: "",
+      // isEdit: false,
+      // 遮罩层
+      loading: false,
+      loadingTwo: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      selectTreeProps: {
+        children: "children",
+        label: "name",
+        // multiple: false,
+        value: "id",
+        // multiple: true,
+      },
+      //租赁单位
+      uniteList: [],
+      //租赁工程
+      projectList: [],
+      //机具类型
+      equipmentTypeList: [],
+      // 角色表格数据
+      equipmentList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      rowData: {},
+      unitId: null,
+      projectId: null,
+      // 查询参数
+      queryParams: {
+        equipmentId: undefined,
+        productionTime: "",
+      },
+      maForm: {
+        unitId: undefined,
+        projectId: undefined,
+        arrivalTime: "",
+        purchaser: "",
+        remark: "",
+        purchaseNumber: "",
+      },
+      // 表单参数
+      form: {},
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      // 表单校验
+      rules: {
+        unitId: [
+          {
+            required: true,
+            message: "请选择租赁单位",
+            trigger: "blur",
+          },
+        ],
+        projectId: [
+          {
+            required: true,
+            message: "请选择租赁工程",
+            trigger: "blur",
+          },
+        ],
+        leasePerson: [
+          {
+            required: true,
+            message: "请输入领料人",
+            trigger: "blur",
+          },
+        ],
+        phone: [
+          { required: true, message: "联系电话不能为空", trigger: "blur" },
+          {
+            pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+            message: "请输入正确的手机号码",
+            trigger: "blur",
+          },
+        ],
+        // purchaser: [
+        //   { required: true, message: "采购员不能为空", trigger: "blur" }
+        // ]
+      },
+      deviceTypeTreeProps: {
+        children: "children",
+        label: "typeName",
+        value: "typeId",
+        multiple: true,
+        emitPath: true
+      },
+      deviceType: [],
+      propsKey: 1000,
+      projectTemp: undefined,
+      unitTemp: undefined,
+      agreementId: undefined,
+      // taxRate:0,
+      flattenOptions: [], // 扁平化后的选项数据
+      typePopoverVisible: false,
+      typeOptions: [], // 类型选项
+      allTypeList: [], // 所有类型数据
+      flattenTypeOptions: [], // 扁平化后的选项数据（缓存所有选项）
+      typeGroups: [], // 分组后的类型选项
+      typeGroupsBackup: [], // 备份原始分组数据，用于搜索
+      typeMap: new Map(), // 用于快速查找类型数据
+      tempDeviceType: [], // 临时选中值
+      filteredOptions: [], // 过滤后的选项（用于显示）
+      maxShowOptions: 100, // 最大显示选项数
+      searchTimer: null, // 用于自定义防抖
+      searchKeyword: '', // 高亮搜索关键字
+      currentMatchIndex: -1, // 当前匹配项索引
+      matchedOptions: [], // 匹配的选项
+      keepSelectOpen: false, // 控制下拉框是否保持打开
+      isSearching: false, // 添加搜索状态标记
+    };
+  },
+  computed: {
+    pickerOptions() {
+      return {
+        disabledDate(time) {
+          const currentDate = new Date();
+          currentDate.setHours(0, 0, 0, 0);
+          return time.getTime() < currentDate.getTime();
+        },
+      };
+    },
+  },
+  mounted() {
+    this.projectInfoList();//单位工程下拉选
+    this.equipmentType();//机具类型下拉选
+    if (this.isEdit) {
+      console.log("isEdit", this.isEdit);
+      this.taskId = this.editTaskId;
+      this.id = this.editId;
+      this.getTaskInfo();
+      this.equipmentType();
+    }
+    // this.projectInfoList();
+    // this.equipmentType();
+  },
+  methods: {
+    /** 转换菜单数据结构 */
+    normalizer(node) {
+        if (node.children && !node.children.length) {
+            delete node.children;
+        }
+        return {
+            id: node.id,
+            label: node.name,
+            children: node.children,
+        };
+    }, 
+    uniteChange(val) {
+      // this.projectList = [];
+      // if (val && val.length > 0) {
+      //   this.maForm.unitId = this.unitId[this.unitId.length - 1];
+      // } else if (val && val.length == 0) {
+      //   this.maForm.unitId = "";
+      // }
+      setTimeout(()=>{
+        getListProject({ unitId: this.maForm.unitId }).then((response) => {
+          this.projectList = response.data;
+          this.maForm.projectId=null
+        });
+      },500) 
+    },
+    projectChange(val) {
+      // if (val && val.length > 0) {
+      //   this.maForm.projectId = this.projectId[this.projectId.length - 1];
+      // } else if (val && val.length == 0) {
+      //   this.maForm.projectId = "";
+      // }
+      setTimeout(()=>{
+        // projectId: this.maForm.projectId
+        getListUnite({  }).then((response) => {
+          this.uniteList = response.data;
+        }); 
+      },500) 
+    },
+    /** 租赁单位和工程-下拉选 */
+    projectInfoList() {
+      if (!this.isEdit) {
+        getListUnite({ projectId: null }).then((response) => {
+          this.uniteList = response.data;
+        });
+        getListProject({ unitId: null }).then((response) => {
+          this.projectList = response.data;
+        });
+      } else {
+        getListUnite({ projectId: null }).then((response) => {
+          this.uniteList = response.data;
+        });
+        getListProject({ unitId: this.maForm.unitId }).then((response) => {
+          this.projectList = response.data;
+        });
+      }
+    },
+    // filterTree(nodes) {
+    //   return nodes.map((node) => {
+    //     if (node.children) {
+    //       node.children = this.filterTree(node.children);
+    //     }
+    //     return node;
+    //   });
+    // },
+    //选择物资厂家
+    // changeSupplier(supplierId) {
+    //     this.equipmentList.forEach((item) => {
+    //         this.$set(item, 'supplierId', supplierId)
+    //     })
+    // },
+    /** 机具类型 */
+    equipmentType() {
+      equipmentTypeTree().then((response) => {
+        this.equipmentTypeList = response.data;
+        // 处理并扁平化所有类型数据
+        this.flattenTypeOptions = this.processTypeData(response.data);
+        // 初始显示所有选项
+        this.filteredOptions = [...this.flattenTypeOptions];
+        
+        // 反显选中数据
+        if (this.equipmentList.length > 0) {
+          this.deviceType = this.equipmentList.map(item => item.typeId);
+        }
+      });
+    },
+    // 处理类型数据
+    processTypeData(data) {
+      const result = [];
+      
+      const traverse = (node, parents = []) => {
+        const path = [...parents, node.typeName];
+        
+        if (!node.children || node.children.length === 0) {
+          result.push({
+            typeId: node.typeId,
+            typeName: node.typeName,
+            fullPath: path.join(' / '),
+            searchKey: path.join('').toLowerCase(),
+            storageNum: node.storageNum || 0,
+            maTypeName: parents[parents.length - 1] || '',
+            specificationType: node.typeName,
+            unitName: node.unitName,
+            unitValue: node.unitValue
+          });
+        }
+        
+        if (node.children) {
+          node.children.forEach(child => traverse(child, path));
+        }
+      };
+
+      data.forEach(node => traverse(node));
+      return result;
+    },
+    // 搜索处理函数
+    handleSearchImpl(query) {
+      if (!query) {
+        this.filteredOptions = [...this.flattenTypeOptions];
+        return;
+      }
+      
+      const lowercaseQuery = query.toLowerCase();
+      this.filteredOptions = this.flattenTypeOptions.filter(item => 
+        item.searchKey.includes(lowercaseQuery) || 
+        item.fullPath.toLowerCase().includes(lowercaseQuery)
+      );
+    },
+    // 选择变化处理
+    handleTypeChange(val) {
+      if (!val || val.length === 0) return;
+
+      // 获取新选中的项
+      const lastSelected = val[val.length - 1];
+      const typeData = this.flattenTypeOptions.find(item => item.typeId === lastSelected);
+
+      if (typeData) {
+        if (this.equipmentList.some(item => item.typeId === lastSelected)) {
+          this.$message({
+            message: `${typeData.typeName} 已添加到列表中`,
+            type: 'warning'
+          });
+          this.tempDeviceType = this.tempDeviceType.filter(id => id !== lastSelected);
+        } else if (typeData.storageNum <= 0) {
+          this.$message.error("所选物资规格类型暂时无库存，无法申请！");
+          this.tempDeviceType = this.tempDeviceType.filter(id => id !== lastSelected);
+        } else {
+          // 将新项添加到数组开头，实现倒序
+          this.equipmentList.unshift({
+            ...typeData,
+            preNum: 0
+          });
+          this.deviceType.push(lastSelected);
+          this.$message({
+            message: `已添加 ${typeData.typeName}`,
+            type: 'success'
+          });
+        }
+      }
+
+      // 清空临时选中值
+      this.$nextTick(() => {
+        this.tempDeviceType = [];
+      });
+    },
+    //获取任务详情--- 编辑回显数据
+    async getTaskInfo() {
+      // this.loading = true;
+      await getApplyInfo(this.id).then((response) => {
+        this.maForm = response.data.leaseApplyInfo;
+        this.maForm.unitId = response.data.leaseApplyInfo.leaseUnitId;
+        this.maForm.projectId = response.data.leaseApplyInfo.leaseProjectId;
+        this.unitId = this.treeParentsById(this.uniteList, this.maForm.unitId);
+        this.projectId = this.treeParentsById(
+          this.projectList,
+          this.maForm.projectId
+        );
+        this.equipmentList = response.data.leaseApplyDetailsList;
+        // this.loading = false;
+      });
+      // await this.projectInfoList();
+    },
+    checkNum(row) {
+        // let maxNum = row.storageNum
+        // if (row.preNum <= 1) {
+        //     row.preNum = 1
+        // } else if (row.preNum > maxNum) {
+        //     row.preNum = maxNum-1
+        // }
+    },
+    //单位，工程树结构数据获取父
+    treeParentsById(list, id) {
+      for (let i in list) {
+        if (list[i].id == id) {
+          //查询到就返回该数组对象的value
+          return [list[i].id];
+        }
+        if (list[i].children) {
+          let node = this.treeParentsById(list[i].children, id);
+          if (node !== undefined) {
+            //查询到把父节把父节点加到数组前面
+            node.unshift(list[i].id);
+            return node;
+          }
+        }
+      }
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.roleId);
+      this.single = selection.length != 1;
+      this.multiple = !selection.length;
+    },
+    /** 保存按钮操作 */
+    handleSave() {
+      // console.log(this.equipmentList)
+      console.log("maForm", this.maForm);
+      if (this.equipmentList.length > 0) {
+        this.$refs["maForm"].validate(async (valid) => {
+          if (valid) {
+              for(let i = 0;i<this.equipmentList.length;i++){
+                if(this.equipmentList[i].preNum<=0){
+                  this.$message.error(`第 ${i + 1} 行的 ${'预领数量必须大于0'} `);
+                  return
+                }
+              }
+            
+            console.log("projectId", this.projectTemp);
+            await getAgreement({
+              unitId: this.maForm.unitId,
+              projectId: this.maForm.projectId,
+            }).then((response) => {
+              this.agreementId = response.data.agreementId;
+              this.maForm.agreementId = this.agreementId;
+            });
+            this.maForm.taskId = this.taskId;
+            // this.maForm.checkDetailsList = this.equipmentList
+            await this.$modal
+              .confirm("是否确认保存当前页面")
+              .then(function () {})
+              .then(() => {
+                if (this.isEdit) {
+                  this.maForm.leaseUnitId = this.maForm.unitId;
+                  this.maForm.leaseProjectId = this.maForm.projectId;
+                  console.log("编辑");
+                  this.loading = true;
+                  updateApplyInfo({
+                    leaseApplyDetailsList: this.equipmentList,
+                    leaseApplyInfo: this.maForm,
+                  }).then((response) => {
+                    if (response.code == 200) {
+                      this.$modal.msgSuccess("编辑成功");
+                      // this.$tab.closeOpenPage({
+                      //     path: '/store/newBuy/newDevicesList',
+                      // })
+
+                      this.$emit("addToolsSuccess");
+                    }
+                    this.loading = false;
+                  });
+                } else if (!this.isEdit) {
+                  console.log("新增");
+                  // console.log(this.equipmentList)
+                  this.loading = true;
+                  addApplyInfo({
+                    leaseApplyDetailsList: this.equipmentList,
+                    leaseApplyInfo: this.maForm,
+                  }).then((response) => {
+                    if (response.code == 200) {
+                      this.$modal.msgSuccess("新增成功");
+                      // this.$tab.closeOpenPage({
+                      //     path: '/store/newBuy/newDevicesList',
+                      // })
+
+                      this.$emit("addToolsSuccess");
+                    }
+                    this.loading = false;
+                  });
+                }
+              })
+              .catch(() => {});
+          }
+        });
+      } else {
+        this.$modal.msgError("请先添加类型规格");
+      }
+    },
+    //文件管理
+    openFileDialog(row) {
+      this.rowData = row;
+      this.fileDataList = [
+        { dictLabel: "合格证", fileType: "0", name: "", url: "" },
+        { dictLabel: "型式试验报告", fileType: "1", name: "", url: "" },
+        { dictLabel: "出厂检测报告", fileType: "2", name: "", url: "" },
+        { dictLabel: "第三方监测报告", fileType: "3", name: "", url: "" },
+        { dictLabel: "其他", fileType: "4", name: "", url: "" },
+      ];
+      if (this.taskId == "") {
+        // console.log(this.rowData)
+        // console.log(this.rowData.bmFileInfos)
+        if (this.rowData.bmFileInfos.length > 0) {
+          this.rowData.bmFileInfos.forEach((item) => {
+            let index = this.fileDataList.findIndex(
+              (v) => v.fileType == item.fileType
+            );
+            this.fileDataList[index].name = item.name;
+            this.fileDataList[index].url = item.url;
+          });
+        }
+      } else {
+        this.getFileData();
+      }
+      this.open = true;
+    },
+    getFileData() {
+      let param = {
+        modelId: this.rowData.typeId,
+        taskType: 0,
+        taskId: this.rowData.taskId,
+      };
+      getPurchaseFileList(param)
+        .then((response) => {
+          if (response.rows.length > 0) {
+            response.rows.forEach((item) => {
+              let index = this.fileDataList.findIndex(
+                (v) => v.fileType == item.fileType
+              );
+              this.fileDataList[index].name = item.name;
+              this.fileDataList[index].url = item.url;
+            });
+          }
+        })
+        .catch(() => {});
+    },
+    beforeFileUpload(row) {
+      this.rowData.fileType = row.fileType;
+    },
+    // 文件上传成功处理
+    handleFileSuccess(response, file, fileList) {
+      if (response.code == 200) {
+        if (this.taskId == "") {
+          //新增逻辑
+          // console.log(response)
+          // console.log(this.rowData)
+          // console.log(this.rowData.bmFileInfos)
+          let obj = {
+            taskId: this.taskId,
+            taskType: "0",
+            name: response.data.name,
+            url: response.data.url,
+            modelId: this.rowData.typeId,
+            fileType: this.rowData.fileType,
+            //   "dictLabel": this.rowData.dictLabel,
+          };
+          //根据文件上传返回更新文件管理弹窗内容
+          let index = this.fileDataList.findIndex(
+            (v) => v.fileType == this.rowData.fileType
+          );
+          this.fileDataList[index].name = response.data.name;
+          this.fileDataList[index].url = response.data.url;
+          //判断当前上传的文件是否已上传过-再往机具类型数据中插入
+          if (this.rowData.bmFileInfos.length > 0) {
+            let index2 = this.rowData.bmFileInfos.findIndex(
+              (v) => v.fileType == this.rowData.fileType
+            );
+            if (index2 > -1) {
+              //相同类型文件重复上传-替换
+              this.rowData.bmFileInfos.splice(index2, 0, obj);
+            } else {
+              //不存在相同类型文件-添加
+              this.rowData.bmFileInfos.push(obj);
+            }
+          } else {
+            this.rowData.bmFileInfos.push(obj);
+          }
+        } else {
+          //编辑逻辑
+          let param = {
+            taskId: this.taskId,
+            taskType: "0",
+            name: response.data.name,
+            url: response.data.url,
+            modelId: this.rowData.typeId,
+            fileType: this.rowData.fileType,
+            //   "dictLabel": this.rowData.dictLabel,
+          };
+          uploadPurchaseFile(param)
+            .then((response) => {
+              this.$modal.msgSuccess("上传成功");
+              this.getFileData();
+            })
+            .catch(() => {
+              this.$modal.msgError("上传失败");
+            });
+        }
+      }
+    },
+    //图片查看
+    picturePreview(file) {
+      this.dialogImageUrl = file.url;
+      const parts = file.name.split(".");
+      const extension = parts.pop();
+      if (extension === "doc" || extension === "docx" || extension === "pdf") {
+        const windowName = file.name;
+        window.open(file.url, windowName);
+      } else {
+        this.dialogVisible = true;
+      }
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      this.$modal
+        .confirm("是否确认删除所选择的数据项？")
+        .then(() => {
+          this.equipmentList = this.equipmentList.filter(
+            item => item.typeId !== row.typeId
+          );
+          // 更新实际存储的选中值
+          this.deviceType = this.equipmentList.map(item => item.typeId);
+        })
+        .catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download(
+        "/material/purchase_check_info/exportDetails",
+        { taskId: this.taskId },
+        `新购到货详情_${new Date().getTime()}.xlsx`
+      );
+    },
+    // 高亮文本
+    highlightText(text, keyword) {
+      if (!keyword) return text;
+      const reg = new RegExp(keyword, 'gi');
+      return text.replace(reg, match => `<span class="highlight-text">${match}</span>`);
+    },
+
+    // 处理下拉框可见性变化
+    handleVisibleChange(visible) {
+      if (!visible && this.keepSelectOpen && !this.isSearching) {
+        // 只有在非搜索状态下才重新打开下拉框
+        this.$nextTick(() => {
+          this.$refs.typeSelect.focus();
+        });
+      }
+    },
+
+    // 处理搜索框点击
+    handleSearchClick() {
+      this.isSearching = true;
+      this.keepSelectOpen = true;
+      // 确保下拉框打开
+      this.$refs.typeSelect.focus();
+      // 立即将焦点返回给搜索框
+      this.$nextTick(() => {
+        this.$refs.searchInput.focus();
+      });
+    },
+
+    // 处理搜索框获得焦点
+    handleSearchFocus() {
+      this.isSearching = true;
+      if (!this.$refs.typeSelect.visible) {
+        this.$refs.typeSelect.focus();
+        this.$nextTick(() => {
+          this.$refs.searchInput.focus();
+        });
+      }
+    },
+
+    // 高亮搜索处理
+    handleHighlightSearch() {
+      this.isSearching = true;
+      this.keepSelectOpen = true;
+      
+      if (!this.searchKeyword) {
+        this.currentMatchIndex = -1;
+        this.matchedOptions = [];
+        return;
+      }
+
+      // 找到所有匹配项
+      this.matchedOptions = this.filteredOptions.filter(item => 
+        item.fullPath.toLowerCase().includes(this.searchKeyword.toLowerCase())
+      );
+
+      if (this.matchedOptions.length > 0) {
+        this.currentMatchIndex = 0;
+        this.$nextTick(() => {
+          this.scrollToMatch();
+        });
+      }
+    },
+
+    // 滚动到匹配项
+    scrollToMatch() {
+      if (this.currentMatchIndex === -1 || !this.matchedOptions.length) return;
+      
+      const option = this.matchedOptions[this.currentMatchIndex];
+      const selectDom = this.$el.querySelector('.el-select-dropdown__wrap');
+      const optionDom = selectDom?.querySelector(`[data-key="${option.typeId}"]`);
+      
+      if (optionDom) {
+        optionDom.scrollIntoView({ block: 'center', behavior: 'smooth' });
+      }
+    },
+  },
+  // 添加组件销毁时的清理
+  beforeDestroy() {
+    this.keepSelectOpen = false;
+    this.isSearching = false;
+  }
+};
+</script>
+<style lang="scss">
+.popper-select {
+  .el-cascader-panel .el-scrollbar .el-checkbox {
+    display: none;
+  }
+
+  .el-cascader-panel .el-scrollbar:nth-child(4) .el-checkbox {
+    display: block !important;
+  }
+}
+
+.custom-tree-node {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
+  padding-right: 8px;
+}
+
+.el-icon-arrow-down.is-reverse {
+  transform: rotateZ(180deg);
+}
+
+.el-tree {
+  max-height: 300px;
+  overflow-y: auto;
+}
+
+.highlight-text {
+  background-color: #ffd04b;
+  color: #000;
+}
+
+::v-deep .el-input-group__append {
+  padding: 0;
+  .el-button {
+    padding: 0 10px;
+    border: none;
+    height: 100%;
+    &:first-child {
+      border-right: 1px solid #dcdfe6;
+    }
+    &[disabled] {
+      color: #c0c4cc;
+    }
+  }
+}
+
+.type-select-dropdown {
+  .el-select-dropdown__wrap {
+    max-height: 400px !important;
+  }
+  
+  .el-select-dropdown__item {
+    height: auto;
+    padding: 8px 20px;
+    white-space: normal;
+    word-break: break-all;
+  }
+}
+
+.highlight-text {
+  background-color: #ffd04b;
+  color: #000;
+}
+
+.el-input-group__append {
+  padding: 0;
+  .el-button {
+    padding: 0 10px;
+    border: none;
+    height: 100%;
+    &:first-child {
+      border-right: 1px solid #dcdfe6;
+    }
+    &[disabled] {
+      color: #c0c4cc;
+    }
+  }
+}
+</style>
diff --git a/src/views/material/purchase/goodsArrived/component/addTools.vue b/src/views/material/purchase/goodsArrived/component/addTools.vue
index 7cb9719e..1a70fc43 100644
--- a/src/views/material/purchase/goodsArrived/component/addTools.vue
+++ b/src/views/material/purchase/goodsArrived/component/addTools.vue
@@ -1,14 +1,7 @@
 <template>
     <!-- 新增工机具 -->
     <div>
-        <el-form
-            :model="maForm"
-            ref="maForm"
-            size="small"
-            :rules="rules"
-            :inline="true"
-            label-width="120px"
-        >
+        <el-form :model="maForm" ref="maForm" size="small" :rules="rules" :inline="true" label-width="120px">
             <el-form-item label="到货日期" prop="arrivalTime">
                 <el-date-picker
                     v-model="maForm.arrivalTime"
@@ -17,15 +10,9 @@
                     type="date"
                     placeholder="请选择到货日期"
                 ></el-date-picker>
-            </el-form-item> 
+            </el-form-item>
             <el-form-item label="物资厂家" prop="supplierId">
-                <el-select
-                    v-model="maForm.supplierId"
-                    placeholder="物资厂家"
-                    clearable
-                    filterable
-                    style="width: 240px"
-                >
+                <el-select v-model="maForm.supplierId" placeholder="物资厂家" clearable filterable style="width: 240px">
                     <el-option
                         v-for="item in supplierList"
                         :key="item.supplierId"
@@ -33,7 +20,7 @@
                         :value="item.supplierId"
                     />
                 </el-select>
-            </el-form-item> 
+            </el-form-item>
             <el-form-item label="出厂日期" prop="productionTime">
                 <el-date-picker
                     v-model="maForm.productionTime"
@@ -41,7 +28,7 @@
                     value-format="yyyy-MM-dd"
                     type="date"
                     placeholder="请选择出厂日期"
-                     @change="productionTimeChange"
+                    @change="productionTimeChange"
                 ></el-date-picker>
             </el-form-item>
             <el-form-item label="税率" prop="taxRate">
@@ -57,7 +44,58 @@
             </el-form-item>
 
             <el-form-item label="类型规格" prop="deviceType">
-                <el-cascader
+                <el-row :gutter="10">
+                    <el-col :span="15">
+                        <el-select
+                            ref="typeSelect"
+                            v-model="tempDeviceType"
+                            multiple
+                            filterable
+                            placeholder="请输入类型规格"
+                            style="width: 500px"
+                            @change="handleTypeChange"
+                            clearable
+                            collapse-tags
+                            :filter-method="handleSearchImpl"
+                            :popper-class="'type-select-dropdown'"
+                            :popper-append-to-body="false"
+                            @visible-change="handleVisibleChange"
+                        >
+                            <el-option
+                                v-for="item in filteredOptions"
+                                :key="item.typeId"
+                                :label="item.fullPath"
+                                :value="item.typeId"
+                                :data-key="item.typeId"
+                            >
+                                <span v-html="highlightText(item.fullPath, searchKeyword)"></span>
+                                <span style="float: right; color: #8492a6; font-size: 13px">
+                                    库存:{{ item.storageNum }}
+                                </span>
+                            </el-option>
+                        </el-select>
+                    </el-col>
+                    <el-col :span="6">
+                        <el-input
+                            ref="searchInput"
+                            v-model="searchKeyword"
+                            placeholder="输入类型规格高亮搜索"
+                            prefix-icon="el-icon-search"
+                            clearable
+                            style="width: 300px"
+                            @input="handleHighlightSearch"
+                            @focus="handleSearchFocus"
+                            @click.native="handleSearchClick"
+                        >
+                            <template slot="append">
+                                <span v-if="matchedOptions.length" style="margin: 0 5px">
+                                    {{ currentMatchIndex + 1 }}/{{ matchedOptions.length }}
+                                </span>
+                            </template>
+                        </el-input>
+                    </el-col>
+                </el-row>
+                <!-- <el-cascader
                     :key="propsKey"
                     v-model="deviceType"
                     :show-all-levels="false"
@@ -70,7 +108,7 @@
                     ref="deviceTypeCascader"
                     popper-class="popper-select"
                     @change="deviceTypeChange"
-                ></el-cascader>
+                ></el-cascader> -->
             </el-form-item>
 
             <el-form-item label="备注" prop="remark">
@@ -85,145 +123,138 @@
                 />
             </el-form-item>
         </el-form>
-        <el-row :gutter="10" class="mb8"> 
+        <el-row :gutter="10" class="mb8">
             <el-col :span="1.5">
-                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleSave" >保存</el-button>
+                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleSave">保存</el-button>
             </el-col>
             <el-col :span="1.5">
-                <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" v-if="isEdit">导出</el-button>
+                <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" v-if="isEdit">
+                    导出
+                </el-button>
             </el-col>
         </el-row>
 
-        <el-table
-            v-loading="loading"
-            :data="equipmentList"
-            @selection-change="handleSelectionChange"
-        >
+        <el-table v-loading="loading" :data="equipmentList" @selection-change="handleSelectionChange">
             <!-- <el-table-column type="selection" width="55" align="center" /> -->
-            <el-table-column
-                align="center"
-                label="序号"
-                type="index"
-                width="55"
-            />
-            <el-table-column
-                align="center"
-                label="物资名称"
-                prop="maTypeName"
-                show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-                align="center"
-                label="规格型号"
-                prop="typeName"
-                show-overflow-tooltip
-            />
+            <el-table-column align="center" label="序号" type="index" width="55" />
+            <el-table-column align="center" label="物资名称" prop="maTypeName" show-overflow-tooltip></el-table-column>
+            <el-table-column align="center" label="规格型号" prop="typeName" show-overflow-tooltip />
             <el-table-column align="center" label="单位" prop="unitName" />
             <el-table-column label="采购数量" prop="purchaseNum" align="center">
                 <template v-slot="scope">
                     <el-input
                         v-model.number="scope.row.purchaseNum"
-                        controls-position="right" type="number"
-                        style="width: 100%" :disabled="scope.row.status!=1&&scope.row.status!=12"
-                        :min="0" @input="(v)=>(scope.row.unitValue==1?scope.row.purchaseNum=Number(v.replace(/[^\d.]/g,'')) : scope.row.purchaseNum=Number(v.replace(/[^\d]/g,'')))"
+                        controls-position="right"
+                        type="number"
+                        style="width: 100%"
+                        :disabled="scope.row.status != 1 && scope.row.status != 12"
+                        :min="0"
+                        @input="
+                            v =>
+                                scope.row.unitValue == 1
+                                    ? (scope.row.purchaseNum = Number(v.replace(/[^\d.]/g, '')))
+                                    : (scope.row.purchaseNum = Number(v.replace(/[^\d]/g, '')))
+                        "
                     ></el-input>
                 </template>
             </el-table-column>
-            <el-table-column
-                label="购置单价(元含税)"
-                prop="purchaseTaxPrice"
-                align="center" width="200"
-            >
+            <el-table-column label="购置单价(元含税)" prop="purchaseTaxPrice" align="center" width="200">
                 <template v-slot="scope">
                     <el-input-number
                         v-model="scope.row.purchaseTaxPrice"
                         controls-position="right"
-                        style="width: 100%" @blur="scope.row.purchaseTaxPrice = scope.row.purchaseTaxPrice>0? scope.row.purchaseTaxPrice:0"
-                        :min="0" :step="1" :disabled="scope.row.status!=1&&scope.row.status!=12"
-                        @change="purchaseTaxPriceChange(scope.row,scope.$index)"
+                        style="width: 100%"
+                        @blur="
+                            scope.row.purchaseTaxPrice = scope.row.purchaseTaxPrice > 0 ? scope.row.purchaseTaxPrice : 0
+                        "
+                        :min="0"
+                        :step="1"
+                        :disabled="scope.row.status != 1 && scope.row.status != 12"
+                        @change="purchaseTaxPriceChange(scope.row, scope.$index)"
                     ></el-input-number>
                 </template>
             </el-table-column>
-            <el-table-column
-                label="购置单价(元不含税)"
-                prop="purchasePrice"
-                align="center"  width="200"
-            >
+            <el-table-column label="购置单价(元不含税)" prop="purchasePrice" align="center" width="200">
                 <template slot-scope="scope">
                     <el-input-number
                         v-model="scope.row.purchasePrice"
                         controls-position="right"
                         style="width: 100%"
-                        :min="0" :step="1" disabled
-                        @input="purchasePriceChange(scope.row,scope.$index)"
+                        :min="0"
+                        :step="1"
+                        disabled
+                        @input="purchasePriceChange(scope.row, scope.$index)"
                     ></el-input-number>
                 </template>
             </el-table-column>
-            <el-table-column label="租赁价(元/天)" prop="rentPrice"
-                align="center"  width="200"
-            >
+            <el-table-column label="租赁价(元/天)" prop="rentPrice" align="center" width="200">
                 <template slot-scope="scope">
                     <el-input-number
                         v-model="scope.row.rentPrice"
                         controls-position="right"
-                        style="width: 100%" @blur="scope.row.rentPrice = scope.row.rentPrice>0? Number(scope.row.rentPrice.toFixed(2)) :0"
-                        :min="0" :step="1" :disabled="(scope.row.status!=1&&scope.row.status!=12)||scope.row.rentPriceDisabled"
+                        style="width: 100%"
+                        @blur="
+                            scope.row.rentPrice = scope.row.rentPrice > 0 ? Number(scope.row.rentPrice.toFixed(2)) : 0
+                        "
+                        :min="0"
+                        :step="1"
+                        :disabled="(scope.row.status != 1 && scope.row.status != 12) || scope.row.rentPriceDisabled"
                     ></el-input-number>
                 </template>
             </el-table-column>
-            <el-table-column
-                label="是否为固定资产"
-                prop="fixCode"
-                align="center"
-                width="120"
-            >
+            <el-table-column label="是否为固定资产" prop="fixCode" align="center" width="120">
                 <template slot-scope="scope">
                     <el-select
                         v-model="scope.row.fixCode"
                         placeholder="固定资产"
-                        filterable :disabled="scope.row.status!=1&&scope.row.status!=12"
+                        filterable
+                        :disabled="scope.row.status != 1 && scope.row.status != 12"
                         clearable
                     >
-                    <el-option label="是" value="1"></el-option>
-                    <el-option label="否" value="0"></el-option>
+                        <el-option label="是" value="1"></el-option>
+                        <el-option label="否" value="0"></el-option>
                     </el-select>
                 </template>
             </el-table-column>
-         
-            <el-table-column
-                label="出厂日期"
-                align="center"
-                prop="productionTime"
-                width="200"
-            >
+
+            <el-table-column label="出厂日期" align="center" prop="productionTime" width="200">
                 <template slot-scope="scope">
                     <el-date-picker
                         v-model="scope.row.productionTime"
                         style="width: 100%"
                         value-format="yyyy-MM-dd"
-                        type="date"  :disabled="scope.row.status!=1&&scope.row.status!=12"
+                        type="date"
+                        :disabled="scope.row.status != 1 && scope.row.status != 12"
                         placeholder="出厂日期"
                         clearable
                     ></el-date-picker>
                 </template>
             </el-table-column>
 
-            <el-table-column
-                label="相关配套资料"
-                align="center" width="120"
-                prop="bmFileInfos"
-            >
-            <template slot-scope="scope">
-                <div style="color: #02A7F0;cursor: pointer;" @click="openFileDialog(scope.row)" v-if="scope.row.isExitFile==0">报告管理</div>
-                <div style="color: red;cursor: pointer;" @click="openFileDialog(scope.row)" v-if="scope.row.isExitFile==1">报告管理</div>
-            </template>
+            <el-table-column label="相关配套资料" align="center" width="120" prop="bmFileInfos">
+                <template slot-scope="scope">
+                    <div
+                        style="color: #02a7f0; cursor: pointer"
+                        @click="openFileDialog(scope.row)"
+                        v-if="scope.row.isExitFile == 0"
+                    >
+                        报告管理
+                    </div>
+                    <div
+                        style="color: red; cursor: pointer"
+                        @click="openFileDialog(scope.row)"
+                        v-if="scope.row.isExitFile == 1"
+                    >
+                        报告管理
+                    </div>
+                </template>
             </el-table-column>
             <el-table-column label="状态" align="center" prop="status" :show-overflow-tooltip="true">
                 <template slot-scope="scope">
-                    <dict-tag :options="dict.type.purchase_task_status" :value="scope.row.status"/>
+                    <dict-tag :options="dict.type.purchase_task_status" :value="scope.row.status" />
                 </template>
             </el-table-column>
-            
+
             <!-- <el-table-column
                 align="center"
                 label="验收结论"
@@ -234,82 +265,87 @@
                 <template slot-scope="scope" v-if="scope.row.roleId !== 1">
                     <el-button
                         size="mini"
-                        type="text" v-if="scope.row.status==1||scope.row.status==12"
+                        type="text"
+                        v-if="scope.row.status == 1 || scope.row.status == 12"
                         icon="el-icon-delete"
                         style="color: red"
                         @click="handleDelete(scope.row)"
-                        >删除</el-button
                     >
+                        删除
+                    </el-button>
                 </template>
             </el-table-column>
         </el-table>
 
-        
-
-
-        <el-dialog title="报告管理" :visible.sync="open" width="900px" append-to-body> 
+        <el-dialog title="报告管理" :visible.sync="open" width="900px" append-to-body>
             <el-table :data="fileDataList" width="100%" height="350px">
-                <el-table-column label="序号" type="index" width="55" align="center"/>
-                <el-table-column label="报告类型" align="center" prop="dictLabel" :show-overflow-tooltip="true"/>
-                <el-table-column label="文件名称" align="center" prop="name" :show-overflow-tooltip="true"/>
+                <el-table-column label="序号" type="index" width="55" align="center" />
+                <el-table-column label="报告类型" align="center" prop="dictLabel" :show-overflow-tooltip="true" />
+                <el-table-column label="文件名称" align="center" prop="name" :show-overflow-tooltip="true" />
                 <el-table-column label="类型名称" align="center" :show-overflow-tooltip="true">
-                <template>
-                    <div>{{this.rowData.maTypeName}}</div>
-                </template>
+                    <template>
+                        <div>{{ this.rowData.maTypeName }}</div>
+                    </template>
                 </el-table-column>
                 <el-table-column label="规格型号" align="center" :show-overflow-tooltip="true">
-                <template>
-                    <div>{{this.rowData.typeName}}</div>
-                </template>
+                    <template>
+                        <div>{{ this.rowData.typeName }}</div>
+                    </template>
                 </el-table-column>
                 <!-- <el-table-column label="报告日期" align="center" prop="orgName" :show-overflow-tooltip="true"/>
                 <el-table-column label="截止有效期" align="center" prop="orgName" :show-overflow-tooltip="true"/> -->
                 <el-table-column label="操作" align="center" width="100">
-                <template slot-scope="scope">
-                <div style="display: flex;align-items: center;justify-content: space-between;">
-                    <el-upload ref="upload" :limit="3" :headers="upload.headers"
-                    :action="upload.url" :show-file-list="false" accept=".png, .jpg, .jpeg, .pdf, .doc, .docx"
-                    :on-success="handleFileSuccess"   :auto-upload="true"
-                    >
-                    <el-button size="mini" type="text" @click="beforeFileUpload(scope.row)">
-                            上传
-                    </el-button>
-                    </el-upload>
-                    
-                    <el-button size="mini" type="text" @click="picturePreview(scope.row)" v-if="scope.row.url" style="margin-left: 20px;">
-                        查看
-                    </el-button>
-                </div>
-                
-                        
-                </template>
-            </el-table-column>
+                    <template slot-scope="scope">
+                        <div style="display: flex; align-items: center; justify-content: space-between">
+                            <el-upload
+                                ref="upload"
+                                :limit="3"
+                                :headers="upload.headers"
+                                :action="upload.url"
+                                :show-file-list="false"
+                                accept=".png, .jpg, .jpeg, .pdf, .doc, .docx"
+                                :on-success="handleFileSuccess"
+                                :auto-upload="true"
+                            >
+                                <el-button size="mini" type="text" @click="beforeFileUpload(scope.row)">上传</el-button>
+                            </el-upload>
+
+                            <el-button
+                                size="mini"
+                                type="text"
+                                @click="picturePreview(scope.row)"
+                                v-if="scope.row.url"
+                                style="margin-left: 20px"
+                            >
+                                查看
+                            </el-button>
+                        </div>
+                    </template>
+                </el-table-column>
             </el-table>
         </el-dialog>
 
         <!-- 图片查看弹窗 -->
-        <el-dialog :visible.sync="dialogVisible" width="500px" height="500px" >
-            <img width="100%" height="500px" :src="dialogImageUrl"  />
+        <el-dialog :visible.sync="dialogVisible" width="500px" height="500px">
+            <img width="100%" height="500px" :src="dialogImageUrl" />
         </el-dialog>
     </div>
-
-    
 </template>
 
-<script> 
+<script>
 import {
     getPurchaseCheckInfo,
     equipmentTypeTree,
     addPurchaseCheckInfo,
-    updatePurchaseCheckInfo,
-} from '@/api/purchase/goodsArrived';
-import { getListFacturer } from '@/api/ma/supplier';
+    updatePurchaseCheckInfo
+} from '@/api/purchase/goodsArrived'
+import { getListFacturer } from '@/api/ma/supplier'
 import { getToken } from '@/utils/auth'
-import { uploadPurchaseFile,getPurchaseFileList } from "@/api/purchase/goodsAccept";
+import { uploadPurchaseFile, getPurchaseFileList } from '@/api/purchase/goodsAccept'
 
 // import Treeselect from '@riophae/vue-treeselect'
 // import '@riophae/vue-treeselect/dist/vue-treeselect.css'
-// import HoldingpoleDialog from '@/components/HoldingpoleDialog/index.vue' 
+// import HoldingpoleDialog from '@/components/HoldingpoleDialog/index.vue'
 
 export default {
     name: 'AddTools',
@@ -320,20 +356,20 @@ export default {
             type: Boolean,
             default: () => {
                 return false
-            },
+            }
         },
         editTaskId: {
             type: [String, Number],
             default: () => {
                 return ''
-            },
+            }
         },
         editId: {
             type: [String, Number],
             default: () => {
                 return ''
-            },
-        },
+            }
+        }
     },
     data() {
         return {
@@ -362,13 +398,13 @@ export default {
             title: '',
             // 是否显示弹出层
             open: false,
-            rowData:{},
+            rowData: {},
             fileDataList: [
-                {dictLabel:"合格证",fileType:"0",name:"",url:""},
-                {dictLabel:"型式试验报告",fileType:"1",name:"",url:""},
-                {dictLabel:"出厂检测报告",fileType:"2",name:"",url:""},
-                {dictLabel:"第三方监测报告",fileType:"3",name:"",url:""},
-                {dictLabel:"其他",fileType:"4",name:"",url:""},
+                { dictLabel: '合格证', fileType: '0', name: '', url: '' },
+                { dictLabel: '型式试验报告', fileType: '1', name: '', url: '' },
+                { dictLabel: '出厂检测报告', fileType: '2', name: '', url: '' },
+                { dictLabel: '第三方监测报告', fileType: '3', name: '', url: '' },
+                { dictLabel: '其他', fileType: '4', name: '', url: '' }
             ],
             //图片查看弹窗
             dialogImageUrl: '',
@@ -383,20 +419,20 @@ export default {
             // 查询参数
             queryParams: {
                 equipmentId: undefined,
-                productionTime: '', 
+                productionTime: ''
             },
             maForm: {
-                taxRate:13,
+                taxRate: 13,
                 arrivalTime: '',
                 purchaser: '',
                 remark: '',
-                purchaseNumber: '',
+                purchaseNumber: ''
             },
             // 表单参数
             form: {},
             defaultProps: {
                 children: 'children',
-                label: 'label',
+                label: 'label'
             },
             // 表单校验
             rules: {
@@ -404,16 +440,16 @@ export default {
                     {
                         required: true,
                         message: '请填写税率',
-                        trigger: 'blur',
-                    },
+                        trigger: 'blur'
+                    }
                 ],
                 arrivalTime: [
                     {
                         required: true,
                         message: '请选择到货日期',
-                        trigger: 'blur',
-                    },
-                ],
+                        trigger: 'blur'
+                    }
+                ]
                 // purchaser: [
                 //   { required: true, message: "采购员不能为空", trigger: "blur" }
                 // ]
@@ -423,11 +459,29 @@ export default {
                 label: 'typeName',
                 // multiple: false,
                 value: 'typeId',
-                multiple: true,
+                multiple: true
             },
             deviceType: [],
             propsKey: 1000,
             // taxRate:0,
+            flattenOptions: [], // 扁平化后的选项数据
+            typePopoverVisible: false,
+            typeOptions: [], // 类型选项
+            typeLoading: false, // 搜索加载状态
+            allTypeList: [], // 所有类型数据
+            flattenTypeOptions: [], // 扁平化后的选项数据（缓存所有选项）
+            typeGroups: [], // 分组后的类型选项
+            typeGroupsBackup: [], // 备份原始分组数据，用于搜索
+            typeMap: new Map(), // 用于快速查找类型数据
+            tempDeviceType: [], // 临时选中值
+            filteredOptions: [], // 过滤后的选项（用于显示）
+            maxShowOptions: 100, // 最大显示选项数
+            searchTimer: null, // 用于自定义防抖
+            searchKeyword: '', // 高亮搜索关键字
+            currentMatchIndex: -1, // 当前匹配项索引
+            matchedOptions: [], // 匹配的选项
+            keepSelectOpen: false, // 控制下拉框是否保持打开
+            isSearching: false // 添加搜索状态标记
         }
     },
     computed: {
@@ -437,40 +491,40 @@ export default {
                     const currentDate = new Date()
                     currentDate.setHours(0, 0, 0, 0)
                     return time.getTime() < currentDate.getTime()
-                },
+                }
             }
-        },
-    },
-    watch: {
-        
+        }
     },
+    watch: {},
     mounted() {
         if (this.isEdit) {
-            console.log('isEdit',this.isEdit)
+            console.log('isEdit', this.isEdit)
             this.taskId = this.editTaskId
             this.id = this.editId
             this.getTaskInfo()
-        } 
+        }
         this.supplierInfoList()
         this.equipmentType()
     },
     methods: {
         // 税率
-        taxRateChange(val){
-            this.maForm.taxRate = val.replace(/[^\d.]/g,'')
-            this.equipmentList.forEach(item=>{
-                if(item.status==1||item.status==12){ 
-                    item.purchasePrice = ((item.purchaseTaxPrice/(100 + Number(this.maForm.taxRate)))*100).toFixed(10)
+        taxRateChange(val) {
+            this.maForm.taxRate = val.replace(/[^\d.]/g, '')
+            this.equipmentList.forEach(item => {
+                if (item.status == 1 || item.status == 12) {
+                    item.purchasePrice = ((item.purchaseTaxPrice / (100 + Number(this.maForm.taxRate))) * 100).toFixed(
+                        10
+                    )
                 }
             })
         },
         // 含税单价
-        purchaseTaxPriceChange(row,val){ 
-            row.purchaseTaxPrice = row.purchaseTaxPrice.toFixed(2) 
-            row.purchasePrice = ((row.purchaseTaxPrice/(100 + Number(this.maForm.taxRate)))*100).toFixed(10) 
+        purchaseTaxPriceChange(row, val) {
+            row.purchaseTaxPrice = row.purchaseTaxPrice.toFixed(2)
+            row.purchasePrice = ((row.purchaseTaxPrice / (100 + Number(this.maForm.taxRate))) * 100).toFixed(10)
         },
         // 不含税单价
-        purchasePriceChange(row,val){ 
+        purchasePriceChange(row, val) {
             // row.purchaseTaxPrice = ((row.purchasePrice*(100 + this.maForm.taxRate))/100).toFixed(2)
         },
         /** 物资厂家-下拉选 */
@@ -478,9 +532,9 @@ export default {
             let param = {
                 pageNum: 1,
                 pageSize: 1000,
-                keyWord:undefined
+                keyWord: undefined
             }
-            getListFacturer(param).then((response) => {
+            getListFacturer(param).then(response => {
                 this.supplierList = response.rows
             })
         },
@@ -492,47 +546,129 @@ export default {
         // },
         /** 机具类型 */
         equipmentType() {
-            equipmentTypeTree().then((response) => {
+            equipmentTypeTree().then(response => {
                 this.equipmentTypeList = response.data
-                this.equipmentTypeList.forEach((item, index) => {
-                    if (item.children && item.children.length > 0) {
-                        item.children.forEach((item2, index2) => {
-                            if (item2.children && item2.children.length > 0) {
-                                item2.children.forEach((item3) => {
-                                    if (
-                                        item3.children &&
-                                        item3.children.length > 0
-                                    ) {
-                                        item3.children.forEach((item4) => {
-                                            item4.maTypeName = item3.typeName
-                                            item4.specificationType = item4.typeName
-                                            this.$set(item4, 'purchaseTaxPrice', 0)
-                                            this.$set(item4, 'purchasePrice', 0)
-                                        })
-                                    }
-                                })
-                            }
-                        })
-                    }
-                })
+                // this.equipmentTypeList.forEach((item, index) => {
+                //     if (item.children && item.children.length > 0) {
+                //         item.children.forEach((item2, index2) => {
+                //             if (item2.children && item2.children.length > 0) {
+                //                 item2.children.forEach((item3) => {
+                //                     if (
+                //                         item3.children &&
+                //                         item3.children.length > 0
+                //                     ) {
+                //                         item3.children.forEach((item4) => {
+                //                             item4.maTypeName = item3.typeName
+                //                             item4.specificationType = item4.typeName
+                //                             this.$set(item4, 'purchaseTaxPrice', 0)
+                //                             this.$set(item4, 'purchasePrice', 0)
+                //                         })
+                //                     }
+                //                 })
+                //             }
+                //         })
+                //     }
+                // })
+                // 处理并扁平化所有类型数据
+                this.flattenTypeOptions = this.processTypeData(response.data)
+                // 初始显示所有选项
+                this.filteredOptions = [...this.flattenTypeOptions]
                 //反显
                 let selectList = []
                 console.log(this.equipmentList)
-                this.equipmentList.forEach((e) => { 
+                this.equipmentList.forEach(e => {
                     console.log(this.equipmentList)
-                    selectList.push(this.getParentsById(this.equipmentTypeList, e.typeId, e.status)) 
+                    selectList.push(this.getParentsById(this.equipmentTypeList, e.typeId, e.status))
                 })
                 this.deviceType = selectList
             })
         },
+        // 处理类型数据
+        processTypeData(data) {
+            const result = []
+
+            const traverse = (node, parents = []) => {
+                const path = [...parents, node.typeName]
+
+                if (!node.children || node.children.length === 0) {
+                    result.push({
+                        typeId: node.typeId,
+                        typeName: node.typeName,
+                        fullPath: path.join(' / '),
+                        searchKey: path.join('').toLowerCase(),
+                        storageNum: node.storageNum || 0,
+                        maTypeName: parents[parents.length - 1] || '',
+                        specificationType: node.typeName,
+                        unitName: node.unitName,
+                        unitValue: node.unitValue
+                    })
+                }
+
+                if (node.children) {
+                    node.children.forEach(child => traverse(child, path))
+                }
+            }
+
+            data.forEach(node => traverse(node))
+            return result
+        },
+        // 搜索处理函数
+        handleSearchImpl(query) {
+            if (!query) {
+                this.filteredOptions = [...this.flattenTypeOptions]
+                return
+            }
+
+            const lowercaseQuery = query.toLowerCase()
+            this.filteredOptions = this.flattenTypeOptions.filter(
+                item => item.searchKey.includes(lowercaseQuery) || item.fullPath.toLowerCase().includes(lowercaseQuery)
+            )
+        },
+        // 选择变化处理
+        handleTypeChange(val) {
+            if (!val || val.length === 0) return
+
+            // 获取新选中的项
+            const lastSelected = val[val.length - 1]
+            const typeData = this.flattenTypeOptions.find(item => item.typeId === lastSelected)
+
+            if (typeData) {
+                if (this.equipmentList.some(item => item.typeId === lastSelected)) {
+                    this.$message({
+                        message: `${typeData.typeName} 已添加到列表中`,
+                        type: 'warning'
+                    })
+                    this.tempDeviceType = this.tempDeviceType.filter(id => id !== lastSelected)
+                } else if (typeData.storageNum <= 0) {
+                    this.$message.error('所选物资规格类型暂时无库存，无法申请！')
+                    this.tempDeviceType = this.tempDeviceType.filter(id => id !== lastSelected)
+                } else {
+                    // 将新项添加到数组开头，实现倒序
+                    this.equipmentList.unshift({
+                        ...typeData,
+                        preNum: 0
+                    })
+                    this.deviceType.push(lastSelected)
+                    this.$message({
+                        message: `已添加 ${typeData.typeName}`,
+                        type: 'success'
+                    })
+                }
+            }
+
+            // 清空临时选中值
+            this.$nextTick(() => {
+                this.tempDeviceType = []
+            })
+        },
         //树结构数据获取父
         getParentsById(list, id, status) {
             for (let i in list) {
                 if (list[i].typeId == id) {
                     console.log(id)
                     console.log(status)
-                    if(status!=1&&status!=12){
-                        list[i].disabled=true
+                    if (status != 1 && status != 12) {
+                        list[i].disabled = true
                     }
                     //查询到就返回该数组对象的value
                     return [list[i].typeId]
@@ -549,11 +685,10 @@ export default {
         },
         //添加机具类型
         deviceTypeChange(val) {
-            const deviceTypeList =
-                this.$refs.deviceTypeCascader.getCheckedNodes()
+            const deviceTypeList = this.$refs.deviceTypeCascader.getCheckedNodes()
             let tempList = []
             if (val.length > 0) {
-                const items = val.map((e) => {
+                const items = val.map(e => {
                     return e[3]
                 })
                 for (let i of items) {
@@ -563,17 +698,18 @@ export default {
                             console.log(z.data)
                             // obj.supplierId = ''
                             obj.createTime = null
-                            obj.productionTime = this.maForm.productionTime;
+                            obj.productionTime = this.maForm.productionTime
                             obj.purchaseTaxPrice = 0
                             obj.purchaseTaxPrice = 0
                             obj.purchaseNum = 1
-                            obj.fixCode = "0"
-                            obj.status=1
-                            obj.bmFileInfos=[]
-                            if(obj.rentPrice>0){//判断是否有租赁价格：有禁用;无修改;
-                                obj.rentPriceDisabled=true
-                            }else{
-                                obj.rentPriceDisabled=false
+                            obj.fixCode = '0'
+                            obj.status = 1
+                            obj.bmFileInfos = []
+                            if (obj.rentPrice > 0) {
+                                //判断是否有租赁价格：有禁用;无修改;
+                                obj.rentPriceDisabled = true
+                            } else {
+                                obj.rentPriceDisabled = false
                             }
                             tempList.push(obj)
                             break
@@ -589,8 +725,8 @@ export default {
                 }
                 const newArray = [...map.values()]
                 let newArray_array = []
-                items.forEach((e) => {
-                    newArray.forEach((j) => {
+                items.forEach(e => {
+                    newArray.forEach(j => {
                         if (e == j.typeId) {
                             newArray_array.push(j)
                         }
@@ -603,227 +739,325 @@ export default {
             }
         },
         //选择出厂日期
-        productionTimeChange(val){
-            this.equipmentList.forEach(item=>{
-                if(item.status==1||item.status==12){
-                    item.productionTime=val
+        productionTimeChange(val) {
+            this.equipmentList.forEach(item => {
+                if (item.status == 1 || item.status == 12) {
+                    item.productionTime = val
                 }
             })
         },
         //获取任务详情--- 编辑回显数据
         async getTaskInfo() {
             // this.loading = true;
-            await getPurchaseCheckInfo({taskId:this.taskId,id:this.id,statusList:[1],taskStage: 1}).then((response) => {
-                this.maForm = response.data.purchaseCheckInfo
-                this.maForm.id = response.data.purchaseCheckInfo.id
-                this.maForm.taskId = response.data.purchaseCheckInfo.taskId
-                this.maForm.arrivalTime = response.data.purchaseCheckInfo.arrivalTime
-                this.maForm.supplierId = response.data.purchaseCheckInfo.supplierId 
-                this.maForm.remark = response.data.purchaseCheckInfo.remark
-                this.maForm.taxRate = response.data.purchaseCheckInfo.taxRate
-                // this.maForm.purchaseNumber = response.data.purchaseNumber
-                // this.maForm.productionTime = response.data.purchaseCheckInfo.productionTime
-                this.equipmentList = response.data.purchaseCheckDetailsList;
-                this.equipmentList.forEach(item=>{ 
-                    item.rentPriceDisabled=true 
-                })
-                console.log(this.equipmentList)
-                // this.loading = false;
-            })
+            await getPurchaseCheckInfo({ taskId: this.taskId, id: this.id, statusList: [1], taskStage: 1 }).then(
+                response => {
+                    this.maForm = response.data.purchaseCheckInfo
+                    this.maForm.id = response.data.purchaseCheckInfo.id
+                    this.maForm.taskId = response.data.purchaseCheckInfo.taskId
+                    this.maForm.arrivalTime = response.data.purchaseCheckInfo.arrivalTime
+                    this.maForm.supplierId = response.data.purchaseCheckInfo.supplierId
+                    this.maForm.remark = response.data.purchaseCheckInfo.remark
+                    this.maForm.taxRate = response.data.purchaseCheckInfo.taxRate
+                    // this.maForm.purchaseNumber = response.data.purchaseNumber
+                    // this.maForm.productionTime = response.data.purchaseCheckInfo.productionTime
+                    this.equipmentList = response.data.purchaseCheckDetailsList
+                    this.equipmentList.forEach(item => {
+                        item.rentPriceDisabled = true
+                    })
+                    console.log(this.equipmentList)
+                    // this.loading = false;
+                }
+            )
         },
         // 多选框选中数据
         handleSelectionChange(selection) {
-            this.ids = selection.map((item) => item.roleId)
+            this.ids = selection.map(item => item.roleId)
             this.single = selection.length != 1
             this.multiple = !selection.length
         },
         /** 保存按钮操作 */
-        handleSave() { 
+        handleSave() {
             if (this.equipmentList.length > 0) {
-                this.$refs['maForm'].validate((valid) => {
+                this.$refs['maForm'].validate(valid => {
                     if (valid) {
-                        this.maForm.taskId = this.taskId;
-                        let index =this.equipmentList.findIndex(item=>item.purchaseNum==0)
-                        let index1 =this.equipmentList.findIndex(item=>item.rentPrice==0)
-                        let index2 =this.equipmentList.findIndex(item=>item.purchaseTaxPrice==0)
-                        if(index>-1){
+                        this.maForm.taskId = this.taskId
+                        let index = this.equipmentList.findIndex(item => item.purchaseNum == 0)
+                        let index1 = this.equipmentList.findIndex(item => item.rentPrice == 0)
+                        let index2 = this.equipmentList.findIndex(item => item.purchaseTaxPrice == 0)
+                        if (index > -1) {
                             this.$modal.msgError('采购数量不能为0！')
-                        }else if(index1>-1){
+                        } else if (index1 > -1) {
                             this.$modal.msgError('租赁价格不能为0！')
-                        }else{
-                            this.$modal.confirm('是否确认保存当前页面').then(function () {})
-                            .then(() => {
-                                if (this.isEdit) {
-                                    console.log('编辑')
-                                    this.loading = true
-                                    updatePurchaseCheckInfo({purchaseCheckDetailsList: this.equipmentList,purchaseCheckInfo:this.maForm}).then((response) => {
-                                        if (response.code == 200) {
-                                            this.$modal.msgSuccess(
-                                                '编辑成功',
-                                            )
-                                            this.$emit(
-                                                'addToolsSuccess',
-                                            )
-                                        }
-                                        this.loading = false
-                                    })
-                                } else if (!this.isEdit) {
-                                    console.log('新增')
-                                    // console.log(this.equipmentList)
-                                    this.loading = true
-                                    addPurchaseCheckInfo({purchaseCheckDetailsList: this.equipmentList,purchaseCheckInfo:this.maForm}).then((response) => {
-                                        if (response.code == 200) {
-                                            this.$modal.msgSuccess(
-                                                '新增成功',
-                                            )
-                                            this.$emit(
-                                                'addToolsSuccess',
-                                            )
-                                        }
-                                        this.loading = false
-                                    })
-                                }
-                            }).catch(() => {}) 
+                        } else {
+                            this.$modal
+                                .confirm('是否确认保存当前页面')
+                                .then(function () {})
+                                .then(() => {
+                                    if (this.isEdit) {
+                                        console.log('编辑')
+                                        this.loading = true
+                                        updatePurchaseCheckInfo({
+                                            purchaseCheckDetailsList: this.equipmentList,
+                                            purchaseCheckInfo: this.maForm
+                                        }).then(response => {
+                                            if (response.code == 200) {
+                                                this.$modal.msgSuccess('编辑成功')
+                                                this.$emit('addToolsSuccess')
+                                            }
+                                            this.loading = false
+                                        })
+                                    } else if (!this.isEdit) {
+                                        console.log('新增')
+                                        // console.log(this.equipmentList)
+                                        this.loading = true
+                                        addPurchaseCheckInfo({
+                                            purchaseCheckDetailsList: this.equipmentList,
+                                            purchaseCheckInfo: this.maForm
+                                        }).then(response => {
+                                            if (response.code == 200) {
+                                                this.$modal.msgSuccess('新增成功')
+                                                this.$emit('addToolsSuccess')
+                                            }
+                                            this.loading = false
+                                        })
+                                    }
+                                })
+                                .catch(() => {})
                         }
-                        
                     }
                 })
             } else {
                 this.$modal.msgError('请先添加机具类型')
             }
-        },  
+        },
         //文件管理
-        openFileDialog(row){
-          this.rowData=row;
-          this.fileDataList = [{dictLabel:"合格证",fileType:"0",name:"",url:""},
-                {dictLabel:"型式试验报告",fileType:"1",name:"",url:""},
-                {dictLabel:"出厂检测报告",fileType:"2",name:"",url:""},
-                {dictLabel:"第三方监测报告",fileType:"3",name:"",url:""},
-                {dictLabel:"其他",fileType:"4",name:"",url:""}]
-          if(this.taskId==""){
-            // console.log(this.rowData)
-            // console.log(this.rowData.bmFileInfos)
-            if(this.rowData.bmFileInfos.length>0){
-                this.rowData.bmFileInfos.forEach(item=>{
-                    let index = this.fileDataList.findIndex(v=>v.fileType==item.fileType)
-                    this.fileDataList[index].name = item.name
-                    this.fileDataList[index].url = item.url
-                })
-            }
-          }else{
-            this.getFileData() 
-          }
-          this.open=true
-        },
-        getFileData(){
-          let param = {
-            modelId:this.rowData.typeId,
-            taskType:0,
-            taskId:this.rowData.taskId
-          }
-          getPurchaseFileList(param).then((response) => {
-            if(response.rows.length>0){
-                response.rows.forEach(item=>{
-                    let index = this.fileDataList.findIndex(v=>v.fileType==item.fileType)
-                    this.fileDataList[index].name = item.name
-                    this.fileDataList[index].url = item.url
-                })
-            }
-            }).catch(() => {
-            })
-        },
-        beforeFileUpload(row){
-          this.rowData.fileType=row.fileType; 
-        },
-        // 文件上传成功处理
-        handleFileSuccess(response, file, fileList) { 
-          if(response.code==200){ 
-            if(this.taskId==""){//新增逻辑
-                // console.log(response)
+        openFileDialog(row) {
+            this.rowData = row
+            this.fileDataList = [
+                { dictLabel: '合格证', fileType: '0', name: '', url: '' },
+                { dictLabel: '型式试验报告', fileType: '1', name: '', url: '' },
+                { dictLabel: '出厂检测报告', fileType: '2', name: '', url: '' },
+                { dictLabel: '第三方监测报告', fileType: '3', name: '', url: '' },
+                { dictLabel: '其他', fileType: '4', name: '', url: '' }
+            ]
+            if (this.taskId == '') {
                 // console.log(this.rowData)
                 // console.log(this.rowData.bmFileInfos)
-                let obj = {
-                    "taskId": this.taskId,
-                    "taskType": "0",
-                    "name": response.data.name,
-                    "url": response.data.url,
-                    "modelId": this.rowData.typeId,
-                    "fileType": this.rowData.fileType,
-                    //   "dictLabel": this.rowData.dictLabel,   
+                if (this.rowData.bmFileInfos.length > 0) {
+                    this.rowData.bmFileInfos.forEach(item => {
+                        let index = this.fileDataList.findIndex(v => v.fileType == item.fileType)
+                        this.fileDataList[index].name = item.name
+                        this.fileDataList[index].url = item.url
+                    })
                 }
-                //根据文件上传返回更新文件管理弹窗内容
-                let index = this.fileDataList.findIndex(v=>v.fileType==this.rowData.fileType)
-                this.fileDataList[index].name = response.data.name
-                this.fileDataList[index].url = response.data.url
-                //判断当前上传的文件是否已上传过-再往机具类型数据中插入
-                if(this.rowData.bmFileInfos.length>0){
-                    let index2 = this.rowData.bmFileInfos.findIndex(v=>v.fileType==this.rowData.fileType)
-                    if(index2>-1){//相同类型文件重复上传-替换
-                        this.rowData.bmFileInfos.splice(index2,0,obj)
-                    }else{//不存在相同类型文件-添加
+            } else {
+                this.getFileData()
+            }
+            this.open = true
+        },
+        getFileData() {
+            let param = {
+                modelId: this.rowData.typeId,
+                taskType: 0,
+                taskId: this.rowData.taskId
+            }
+            getPurchaseFileList(param)
+                .then(response => {
+                    if (response.rows.length > 0) {
+                        response.rows.forEach(item => {
+                            let index = this.fileDataList.findIndex(v => v.fileType == item.fileType)
+                            this.fileDataList[index].name = item.name
+                            this.fileDataList[index].url = item.url
+                        })
+                    }
+                })
+                .catch(() => {})
+        },
+        beforeFileUpload(row) {
+            this.rowData.fileType = row.fileType
+        },
+        // 文件上传成功处理
+        handleFileSuccess(response, file, fileList) {
+            if (response.code == 200) {
+                if (this.taskId == '') {
+                    //新增逻辑
+                    // console.log(response)
+                    // console.log(this.rowData)
+                    // console.log(this.rowData.bmFileInfos)
+                    let obj = {
+                        taskId: this.taskId,
+                        taskType: '0',
+                        name: response.data.name,
+                        url: response.data.url,
+                        modelId: this.rowData.typeId,
+                        fileType: this.rowData.fileType
+                        //   "dictLabel": this.rowData.dictLabel,
+                    }
+                    //根据文件上传返回更新文件管理弹窗内容
+                    let index = this.fileDataList.findIndex(v => v.fileType == this.rowData.fileType)
+                    this.fileDataList[index].name = response.data.name
+                    this.fileDataList[index].url = response.data.url
+                    //判断当前上传的文件是否已上传过-再往机具类型数据中插入
+                    if (this.rowData.bmFileInfos.length > 0) {
+                        let index2 = this.rowData.bmFileInfos.findIndex(v => v.fileType == this.rowData.fileType)
+                        if (index2 > -1) {
+                            //相同类型文件重复上传-替换
+                            this.rowData.bmFileInfos.splice(index2, 0, obj)
+                        } else {
+                            //不存在相同类型文件-添加
+                            this.rowData.bmFileInfos.push(obj)
+                        }
+                    } else {
                         this.rowData.bmFileInfos.push(obj)
                     }
-                }else{
-                    this.rowData.bmFileInfos.push(obj)
+                } else {
+                    //编辑逻辑
+                    let param = {
+                        taskId: this.taskId,
+                        taskType: '0',
+                        name: response.data.name,
+                        url: response.data.url,
+                        modelId: this.rowData.typeId,
+                        fileType: this.rowData.fileType
+                        //   "dictLabel": this.rowData.dictLabel,
+                    }
+                    uploadPurchaseFile(param)
+                        .then(response => {
+                            this.$modal.msgSuccess('上传成功')
+                            this.getFileData()
+                        })
+                        .catch(() => {
+                            this.$modal.msgError('上传失败')
+                        })
                 }
-                
-            }else{//编辑逻辑
-                let param = {
-                "taskId": this.taskId,
-                "taskType": "0",
-                "name": response.data.name,
-                "url": response.data.url,
-                "modelId": this.rowData.typeId,
-                "fileType": this.rowData.fileType,
-                //   "dictLabel": this.rowData.dictLabel,   
-                }
-                uploadPurchaseFile(param).then((response) => {
-                    this.$modal.msgSuccess('上传成功')
-                    this.getFileData()
-                }).catch(() => {
-                    this.$modal.msgError('上传失败')
-                })
             }
-          }
         },
         //图片查看
         picturePreview(file) {
-          this.dialogImageUrl = file.url;
-          const parts = file.name.split('.');
-          const extension = parts.pop();
-          if(extension === 'doc'||extension === 'docx'||extension === 'pdf'){
-            const windowName = file.name;
-            window.open(file.url,windowName)
-          }else{
-            this.dialogVisible = true
-          }
+            this.dialogImageUrl = file.url
+            const parts = file.name.split('.')
+            const extension = parts.pop()
+            if (extension === 'doc' || extension === 'docx' || extension === 'pdf') {
+                const windowName = file.name
+                window.open(file.url, windowName)
+            } else {
+                this.dialogVisible = true
+            }
         },
-        
+
         /** 删除按钮操作 */
         handleDelete(row) {
             // console.log(row.id)
             this.$modal
                 .confirm('是否确认删除所选择的数据项？')
                 .then(() => {
-                    this.deviceType.forEach((e, index) => {
-                        if (e[3] === row.typeId) {
-                            this.deviceType.splice(index, 1)
-                            this.propsKey++
-                        }
-                    })
-                    this.equipmentList.forEach((item, index) => {
-                        if (item.typeId == row.typeId) {
-                            this.equipmentList.splice(index, 1)
-                        }
-                    })
+                    this.equipmentList = this.equipmentList.filter(item => item.typeId !== row.typeId)
+                    // 更新实际存储的选中值
+                    this.deviceType = this.equipmentList.map(item => item.typeId)
+                    // this.deviceType.forEach((e, index) => {
+                    //     if (e[3] === row.typeId) {
+                    //         this.deviceType.splice(index, 1)
+                    //         this.propsKey++
+                    //     }
+                    // })
+                    // this.equipmentList.forEach((item, index) => {
+                    //     if (item.typeId == row.typeId) {
+                    //         this.equipmentList.splice(index, 1)
+                    //     }
+                    // })
                 })
                 .catch(() => {})
         },
         /** 导出按钮操作 */
         handleExport() {
-            this.download('/material/purchase_check_info/exportDetails',{taskId:this.taskId},`新购到货详情_${new Date().getTime()}.xlsx`)
+            this.download(
+                '/material/purchase_check_info/exportDetails',
+                { taskId: this.taskId },
+                `新购到货详情_${new Date().getTime()}.xlsx`
+            )
         },
+        // 高亮文本
+        highlightText(text, keyword) {
+            if (!keyword) return text
+            const reg = new RegExp(keyword, 'gi')
+            return text.replace(reg, match => `<span class="highlight-text">${match}</span>`)
+        },
+
+        // 处理下拉框可见性变化
+        handleVisibleChange(visible) {
+            if (!visible && this.keepSelectOpen && !this.isSearching) {
+                // 只有在非搜索状态下才重新打开下拉框
+                this.$nextTick(() => {
+                    this.$refs.typeSelect.focus()
+                })
+            }
+        },
+
+        // 处理搜索框点击
+        handleSearchClick() {
+            this.isSearching = true
+            this.keepSelectOpen = true
+            // 确保下拉框打开
+            this.$refs.typeSelect.focus()
+            // 立即将焦点返回给搜索框
+            this.$nextTick(() => {
+                this.$refs.searchInput.focus()
+            })
+        },
+
+        // 处理搜索框获得焦点
+        handleSearchFocus() {
+            this.isSearching = true
+            if (!this.$refs.typeSelect.visible) {
+                this.$refs.typeSelect.focus()
+                this.$nextTick(() => {
+                    this.$refs.searchInput.focus()
+                })
+            }
+        },
+
+        // 高亮搜索处理
+        handleHighlightSearch() {
+            this.isSearching = true
+            this.keepSelectOpen = true
+
+            if (!this.searchKeyword) {
+                this.currentMatchIndex = -1
+                this.matchedOptions = []
+                return
+            }
+
+            // 找到所有匹配项
+            this.matchedOptions = this.filteredOptions.filter(item =>
+                item.fullPath.toLowerCase().includes(this.searchKeyword.toLowerCase())
+            )
+
+            if (this.matchedOptions.length > 0) {
+                this.currentMatchIndex = 0
+                this.$nextTick(() => {
+                    this.scrollToMatch()
+                })
+            }
+        },
+
+        // 滚动到匹配项
+        scrollToMatch() {
+            if (this.currentMatchIndex === -1 || !this.matchedOptions.length) return
+
+            const option = this.matchedOptions[this.currentMatchIndex]
+            const selectDom = this.$el.querySelector('.el-select-dropdown__wrap')
+            const optionDom = selectDom?.querySelector(`[data-key="${option.typeId}"]`)
+
+            if (optionDom) {
+                optionDom.scrollIntoView({ block: 'center', behavior: 'smooth' })
+            }
+        }
     },
+    // 添加组件销毁时的清理
+    beforeDestroy() {
+        this.keepSelectOpen = false
+        this.isSearching = false
+    }
 }
 </script>
 <style lang="scss">
@@ -836,4 +1070,75 @@ export default {
         display: block !important;
     }
 }
+
+.custom-tree-node {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 14px;
+    padding-right: 8px;
+}
+
+.el-icon-arrow-down.is-reverse {
+    transform: rotateZ(180deg);
+}
+
+.el-tree {
+    max-height: 300px;
+    overflow-y: auto;
+}
+
+.highlight-text {
+    background-color: #ffd04b;
+    color: #000;
+}
+
+::v-deep .el-input-group__append {
+    padding: 0;
+    .el-button {
+        padding: 0 10px;
+        border: none;
+        height: 100%;
+        &:first-child {
+            border-right: 1px solid #dcdfe6;
+        }
+        &[disabled] {
+            color: #c0c4cc;
+        }
+    }
+}
+
+.type-select-dropdown {
+    .el-select-dropdown__wrap {
+        max-height: 400px !important;
+    }
+
+    .el-select-dropdown__item {
+        height: auto;
+        padding: 8px 20px;
+        white-space: normal;
+        word-break: break-all;
+    }
+}
+
+.highlight-text {
+    background-color: #ffd04b;
+    color: #000;
+}
+
+.el-input-group__append {
+    padding: 0;
+    .el-button {
+        padding: 0 10px;
+        border: none;
+        height: 100%;
+        &:first-child {
+            border-right: 1px solid #dcdfe6;
+        }
+        &[disabled] {
+            color: #c0c4cc;
+        }
+    }
+}
 </style>