项目人员类型调整

src/views/project/form/ProjectPersonForm.vue

@@ -10,13 +10,7 @@
       <a-col :span="4" id="tree">
         <a-page-header title="单位列表" sub-title="" />
         <div v-if="this.orgTree != ''">
-          <a-tree
-            :treeData="orgTree"
-            v-if="orgTree.length"
-            @select="onSelect"
-            :defaultExpandAll="false"
-            :expandedKeys="expandedKeys"
-            :replaceFields="replaceFields">
+          <a-tree :treeData="orgTree" v-if="orgTree.length" @select="onSelect" :defaultExpandAll="false" :expandedKeys="expandedKeys" :replaceFields="replaceFields">
             <a-icon slot="switcherIcon" type="down" />
           </a-tree>
         </div>
@@ -30,15 +24,12 @@
                 <a-input v-model="queryParam.name" placeholder="请输入姓名" />
               </a-form-item>
               <a-form-item label="人员类型">
-                <a-select default-value="0" style="width: 120px">
-                  <a-select-option value="0"> - 全 部 - </a-select-option>
-                  <a-select-option value="1"> 类 型 一 </a-select-option>
-                  <a-select-option value="2"> 类 型 二 </a-select-option>
-                  <a-select-option value="3"> 类 型 三 </a-select-option>
+                <a-select style="width: 150px;" v-model="queryParam.type" placeholder="--请选择--">
+                  <a-select-option v-for="item in personType" :key="item.value"> {{ item.name }} </a-select-option>
                 </a-select>
               </a-form-item>
               <a-button type="primary" @click="$refs.table.refresh(true)">查询</a-button>
-              <a-button style="margin-left: 8px" @click="() => (queryParam = {})">重置</a-button>
+              <a-button style="margin-left: 8px" @click="() => (queryParam.type = '',queryParam.name = null)">重置</a-button>
             </a-row>
           </a-form>
           <s-table ref="table" :columns="columns" :data="loadData" :rowKey="(record) => record.id" :rowSelection="{ selectedRowKeys: selectedRowKeys, selectedRows: selectedRows, onChange: onSelectChange }">
@@ -71,6 +62,7 @@ import { orgList } from '@/api/org/org'
 import { listToTree } from '@/utils/util'
 import { personPage } from '@/api/person/person'
 import { STable } from '@/components'
+import { dictionaryDropDown } from '@/api/sys/dictionaryItem'
 const rootParentId = 0
 
 export default {
@@ -84,16 +76,16 @@ export default {
       type: Object
     }
   },
-  data () {
+  data() {
     // 这里存放数据
     return {
       form: this.projectForm,
       // 查询参数
-      queryParam: { orgType: 1 },
+      queryParam: { orgType: 1,personType: null,orgId:''},
       replaceFields: { children: 'children', title: 'name', key: 'id', value: 'id' },
       expandedKeys: [],
+      personType: [],
       autoExpandParent: true,
-      expandedKeys: [],
       selectedRowKeys: [],
       selectedRows: this.projectForm.projectPersonLists || [],
       orgTree: [],
@@ -114,7 +106,7 @@ export default {
   },
   // 计算属性 类似于data概念
   computed: {
-    hasSelected () {
+    hasSelected() {
       return this.selectedRowKeys.length > 0
     }
   },
@@ -123,7 +115,7 @@ export default {
   // 方法集合
   methods: {
     // 下一步
-    toNext () {
+    toNext() {
       this.form.projectPersonLists = this.selectedRows
       this.form.personIds = this.selectedRowKeys
       if (this.form.personIds.length > 0) {
@@ -133,14 +125,14 @@ export default {
       }
     },
     // 上一步
-    toPrev () {
+    toPrev() {
       this.form.projectPersonLists = this.selectedRows
       this.form.personIds = this.selectedRowKeys
       this.$emit('prevStep', this.form)
     },
 
     /** 表格行选中后触发 */
-    onSelectChange (selectedRowKeys, selectedRows) {
+    onSelectChange(selectedRowKeys, selectedRows) {
       console.log('selectedRowKeys changed: ', selectedRowKeys)
       console.log('选择的表格数据 : ', selectedRows)
       this.selectedRowKeys = this.uniqueKeys([...this.selectedRowKeys, ...selectedRowKeys])
@@ -148,19 +140,19 @@ export default {
     },
 
     // 对象去重
-    unique (arr) {
+    unique(arr) {
       const res = new Map()
       return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1))
     },
 
     // key去重
-    uniqueKeys (arr) {
+    uniqueKeys(arr) {
       const res = new Map()
       return arr.filter((arr) => !res.has(arr) && res.set(arr, 1))
     },
 
     // 列表点击删除列表项
-    changeList (item) {
+    changeList(item) {
       console.log('列表点击删除列表项 : ', item)
       this.selectedRows = this.selectedRows.filter(function (i) {
         return i.id != item.item.id
@@ -171,13 +163,13 @@ export default {
     },
 
     // 清空选择
-    removeAllSelece () {
+    removeAllSelece() {
       this.selectedRowKeys = []
       this.selectedRows = []
     },
 
     // 选中后触发
-    onSelect (selectedKey, info) {
+    onSelect(selectedKey, info) {
       console.log('selected', selectedKey, info)
       this.queryParam.orgId = selectedKey.toString()
       this.orgId = selectedKey.toString()
@@ -185,26 +177,42 @@ export default {
     },
 
     // 树使用的方法
-    onExpand (expandedKeys) {
+    onExpand(expandedKeys) {
       this.expandedKeys = expandedKeys
       this.autoExpandParent = false
     },
 
     // 编辑时初始化人员列表初始化
-    initPersonList () {
+    initPersonList() {
       if (this.form.projectPersonLists) {
         this.selectedRowKeys = [],
-        this.form.projectPersonLists.forEach(element => {
-          this.selectedRowKeys.push(element.id)
-        })
+          this.form.projectPersonLists.forEach(element => {
+            this.selectedRowKeys.push(element.id)
+          })
         console.log('初始化的值', this.selectedRowKeys)
       }
     },
+    //获取字典值，人员类型
+    fetchTemplateData() {
+      let formData = { dictionaryCode: '0005' }
+      dictionaryDropDown(formData).then(res => {
+        console.log(res)
+        if (res.code == 200) {
+          const result = res.data
+          result.forEach(r => {
+            this.personType.push({
+              value: r.value,
+              name: r.name
+            })
+          })
+        }
+      })
+    },
 
     /**
      * 获取到机构树，展开顶级下树节点，考虑到后期数据量变大，不建议全部展开
      */
-    async getOrgTree () {
+    async getOrgTree() {
       await orgList({ orgType: this.orgType }).then((res) => {
         this.treeLoading = false
         if (!res.code === 200 || !res.data.length) {
@@ -212,7 +220,7 @@ export default {
         }
         this.expandedKeys = []
         this.orgTree = listToTree(res.data, [], rootParentId)
-        this.orgId = this.orgTree[0].id
+        this.queryParam.orgId = this.orgTree[0].id
         // 默认展开
         this.orgTree.forEach(item => {
           this.expandedKeys.push(item.id)
@@ -221,26 +229,27 @@ export default {
     }
   },
   // 生命周期 - 创建完成（可以访问当前this实例）
-  created () {
+  created() {
     this.getOrgTree()
     this.initPersonList()
+    this.fetchTemplateData()
   },
   // 生命周期 - 挂载完成（可以访问DOM元素）
-  mounted () { },
+  mounted() { },
   // 生命周期 - 创建之前
-  beforeCreate () { },
+  beforeCreate() { },
   // 生命周期 - 挂载之前
-  beforeMount () { },
+  beforeMount() { },
   // 生命周期 - 更新之前
-  beforeUpdate () { },
+  beforeUpdate() { },
   // 生命周期 - 更新之后
-  updated () { },
+  updated() { },
   // 生命周期 - 销毁之前
-  beforeDestroy () { },
+  beforeDestroy() { },
   // 生命周期 - 销毁完成
-  destroyed () { },
+  destroyed() { },
   // 如果页面有keep-alive缓存功能，这个函数会触发
-  activated () { }
+  activated() { }
 }
 </script>
 <style scoped>