修改装备登记

src/views/combatduty/regisdutyinfo/index.vue

@@ -35,6 +35,24 @@
         >
         </el-date-picker>
       </el-form-item>
+      <el-form-item prop="unitName">
+        <treeselect
+          v-model="queryParams.unitName"
+          :options="deptOptions1"
+          placeholder="请选择单位"
+          @select="selectPeos"
+        />
+      </el-form-item>
+      <el-form-item label="" prop="equipmentName">
+        <el-input
+          v-model="queryParams.equipmentName"
+          placeholder="请输入装备名称"
+          clearable
+          size="small"
+          @input="handleQuery"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
       <el-form-item>
         <el-button size="btr" @click="resetQuery">重置</el-button>
       </el-form-item>
@@ -435,10 +453,17 @@ import {
   getDept,
   getNumber,
 } from "@/api/combatduty/regisdutyinfo";
+// 导入树形结构
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import { getDeptss } from "@/api/bdglregular/regularinfo";
 
 export default {
   name: "Regisdutyinfo",
   dicts: ["type_type", "equipment_status"],
+  components: {
+    Treeselect,
+  },
   data() {
     return {
       // 遮罩层
@@ -493,6 +518,7 @@ export default {
       rules: {},
       //单位数据
       deptOptions: [],
+      deptOptions1: [],
       // 添加多个基本信息
       relatives: [
         {
@@ -517,8 +543,16 @@ export default {
     this.getList();
     this.gettreeselect();
     this.getNumberAll();
+    getDeptss().then((res) => {
+      this.deptOptions1 = res.data;
+    });
   },
   methods: {
+    selectPeos(data) {
+      this.queryParams.unitId = data.id;
+      this.queryParams.unitName=null
+      this.getList();
+    },
     // 获取数量统计
     getNumberAll() {
       getNumber().then((res) => {
@@ -607,6 +641,7 @@ export default {
     },
     /** 重置按钮操作 */
     resetQuery() {
+      this.queryParams.unitId=null
       this.resetForm("queryForm");
       this.handleQuery();
     },
@@ -831,4 +866,14 @@ export default {
   font-weight: 600;
   background: #004d86;
 }
+/* 树形样式 */
+::v-deep .vue-treeselect {
+  width: 200px;
+}
+::v-deep .vue-treeselect__control {
+  background: #00365f !important;
+}
+::v-deep .vue-treeselect__single-value {
+  color: #fff;
+}
 </style>