[update]起草组

src/views/draftingGroup/modules/DraftingGroupModule.vue

@@ -26,10 +26,16 @@
         <a-row>
           <a-col :span="24">
             <a-form-item label="关联工作组" :labelCol="remarksLabelCol" :wrapperCol="remarksWrapperCol">
-              <a-input placeholder="请选择关联工作组"
-                       v-decorator="['workingGroupProject',validatorRules.workingGroupProject]"
-                       :maxLength='50'
-                       @change="e => {e.target.value = (e.target.value + '').trim()}"></a-input>
+              <a-select
+                placeholder="请选择关联工作组"
+                show-search
+                v-decorator="['workingGroupId',validatorRules.workingGroupId]"
+                :filter-option="filterOption"
+              >
+                <a-select-option v-for="item in workingGroupList" :key="item.id" :value="item.id">
+                  {{ item.workingGroupProject }}
+                </a-select-option>
+              </a-select>
             </a-form-item>
           </a-col>
         </a-row>
@@ -113,6 +119,7 @@ import SelectPrincipal from '@comp/company/SelectPrincipal'
 import { isRepeat } from '../../../utils/util'
 import { money } from '../../../utils/validate'
 import { addZero } from '../../../utils/util'
+import {getAllWorkProjects} from '@api/incomeMeetingApi'
 
 export default {
   name: 'DraftingGroupModule',
@@ -146,6 +153,10 @@ export default {
           rules: [{ required: true, message: '请输入项目名称' }],
           validateTrigger: 'blur'
         },
+        workingGroupId: {
+          rules: [{ required: true, message: '请选择关联工作组' }],
+          validateTrigger: 'change'
+        },
         year: {
           rules: [{ required: true, message: '请选择运行年份' }],
           validateTrigger: 'change'
@@ -166,7 +177,9 @@ export default {
       url: {
         add: '/project/payWorkingGroup/add',
         edit: '/project/payWorkingGroup/edit'
-      }
+      },
+      // 工作组下拉列表
+      workingGroupList: [],
     }
   },
   methods: {
@@ -175,6 +188,8 @@ export default {
       this.edit({})
     },
     edit(record) {
+      // 获取工作组下拉列表
+      this.loadWorkingGroupList()
       this.form.resetFields()
       // 防止下拉选项出现问题
       record.principalIdA = record.principalIdA || undefined
@@ -188,6 +203,14 @@ export default {
         }
       })
     },
+    // 获取工作组下拉列表
+    loadWorkingGroupList () {
+      getAllWorkProjects().then(res => {
+        if (res.success) {
+          this.workingGroupList = res.result || []
+        }
+      })
+    },
     close() {
       this.$emit('close')
       this.visible = false
@@ -233,6 +256,12 @@ export default {
         }
       })
     },
+    // 下拉框的搜索
+    filterOption(input, option) {
+      return (
+        option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      )
+    },
     handleCancel() {
       this.close()
     },