zc防伪码管理增加部门字段

src/views/security_code_manage/security_code/index.vue

@@ -4,29 +4,27 @@
        <div class="top_title">防伪码管理</div>
        <div class="container">
           <el-form inline size="small" :model="listQuery" ref="listQuery" :label-position="labelPosition"  label-width="100px">
-            <!-- <el-form-item>
-              <el-select v-model="listQuery.status" style="width:120px;">
-                <el-option v-for="(item,index) in codeStatusList" :key="'code'+index" :label="item.name" :value="item.val"></el-option>
-              </el-select>
-            </el-form-item> -->
-            <!-- <el-form-item>
-              <el-input v-model="listQuery.batch" placeholder="请输入批次" clearable  style="width:200px;"/>
-            </el-form-item> -->
             <el-form-item>
               <el-input v-model="listQuery.bookName" placeholder="请输入图书名称" clearable  style="width:200px;"/>
             </el-form-item>
             <el-form-item>
               <el-input v-model="listQuery.plainCode" placeholder="请输入防伪码明码" clearable  style="width:200px;"/>
             </el-form-item>
-            <!-- <el-form-item>
-              <el-date-picker v-model="listQuery.beginTime" type="date" placeholder="创建开始时间" value-format="yyyy-MM-dd" style="width:160px;"></el-date-picker>
+            <el-form-item label="所属部门：">
+              <el-popover popper-class="category-popover" placement="bottom-start" trigger="click" ref="popover" style="width: 240px">
+                <el-tree :data="departList" node-key="code" :props="defaultProps2"
+                  :highlight-current="true" :expand-on-click-node="false"
+                  :current-node-key="typeName" @node-click="handleDepartNodeClick"
+                  style=" max-height: 400px; overflow-y: auto; width:220px;"></el-tree>
+                <el-select v-model="typeName" style="width:240px" popper-class="hidden-selection" slot="reference">
+                  <el-option :value="null" label="全部"></el-option>
+                  <el-option v-for="item in options" :key="item.code" :label="item.departmentName" :value="item.code"></el-option>
+                </el-select>
+              </el-popover>
             </el-form-item>
             <el-form-item>
-              <el-date-picker v-model="listQuery.endTime" type="date" placeholder="创建结束时间" value-format="yyyy-MM-dd" style="width:160px;"></el-date-picker>
-            </el-form-item> -->
-            <el-form-item>
-              <el-button type="primary" class="ml10" size="small"   @click="getList(1)">搜索</el-button>
-              <el-button class="mr10" @click="resetFilder"  size="small">重置</el-button>
+              <el-button type="primary" class="ml10" size="small" @click="getList(1)">搜索</el-button>
+              <el-button class="mr10" @click="resetFilder" size="small">重置</el-button>
             </el-form-item>
           </el-form>
         </div>
@@ -54,7 +52,7 @@
           </template>
         </el-table-column>
         <el-table-column prop="verifyNum" align="center" label="验证数量" min-width="8%"/>
-        <!-- <el-table-column prop="batch" label="批次" min-width="8%" align="center"></el-table-column> -->
+        <el-table-column prop="departmentName" label="所属部门" min-width="10%" align="center"></el-table-column>
         <el-table-column label="操作" min-width="10%" align="center">
           <template slot-scope="scope">
             <el-button type="text" size="small"  v-for="(item,index) in lineBtn"  @click="handleBtn(item.url,scope.row)" :key="index">{{item.name}}</el-button>
@@ -186,6 +184,8 @@ import { getSelectionIds } from "@/filters/getIds";
 import { pcUrl, requestPath } from '@/utils/global'
 import queryString from "query-string";
 import relationBookDialog from "@/components/dialog/relation_book_dialog_code";
+import { departListAPI } from '@/api/departManage.js'
+import { formatDepartQue } from '@/utils/format'
   export default {
     name: 'security_code',
     components: {
@@ -193,6 +193,13 @@ import relationBookDialog from "@/components/dialog/relation_book_dialog_code";
     },
     data() {
       return {
+        departList:[],
+        options:[],
+        typeName: null,
+        defaultProps2: {
+          children: 'list',
+          label: 'departmentName'
+        },
         searchDialog:false,
         labelPosition:'right',
         topBtn:[],
@@ -207,6 +214,7 @@ import relationBookDialog from "@/components/dialog/relation_book_dialog_code";
           bookName: null,
           plainCode:null,
           batch:null,
+          departmentCode: null,
         },
         total: null,
         listLoading: false,
@@ -264,6 +272,7 @@ import relationBookDialog from "@/components/dialog/relation_book_dialog_code";
       // this.codeNumberForm.phyId = this.$route.query.id?this.$route.query.id:null
       window.addEventListener("click", this.clickOther);
       this.getList();
+      this.getDepartList()
       setTimeout(() => {
         let list = this.$store.state.btn.btnList;
         list.forEach(item => {
@@ -276,6 +285,20 @@ import relationBookDialog from "@/components/dialog/relation_book_dialog_code";
       },0)
     },
     methods: {
+      getDepartList(){
+        departListAPI().then((res) => {
+          this.departList = res
+          this.options = formatDepartQue(this.departList)
+          this.departList.unshift({departmentName:'请选择部门',id: 0,code:0})
+        }).catch((res) => {
+          this.$message.error(res)
+        })
+      },
+      handleDepartNodeClick(data) {//点击分类--搜索
+        this.typeName = data.departmentName
+        this.listQuery.departmentCode = data.code
+        this.getList();
+      },
       clickOther(){
         this.classisyFlag = false
         this.collapse = false
@@ -648,7 +671,9 @@ import relationBookDialog from "@/components/dialog/relation_book_dialog_code";
         bookName: null,
         plainCode:null,
         batch:null,
+        departmentCode: null,
       };
+      this.typeName = null
       this.$refs.table.clearFilter()
       this.getList();
     },