From a175a6456ab389a44de6068899ab8540bad706ba Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Sat, 2 Nov 2024 20:00:29 +0800
Subject: [PATCH] =?UTF-8?q?feat=20:=20=E9=9C=80=E6=B1=82=E5=BE=81=E9=9B=86?=
 =?UTF-8?q?=E5=92=8C=E9=A1=B9=E7=9B=AE=E7=AE=A1=E7=90=86=E7=9A=84=E5=90=8D?=
 =?UTF-8?q?=E7=A7=B0=E5=8C=B9=E9=85=8D=E6=90=9C=E7=B4=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/project-demand/index.js               |  6 +++
 src/api/project-manage/index.js               |  6 +++
 .../project-demand/requirement/index.vue      | 40 ++++++++++++++++---
 src/views/project-demand/summary/index.vue    |  2 -
 src/views/project-management/filing/index.vue | 24 ++++++++++-
 .../implementation/index.vue                  | 23 ++++++++++-
 .../project-management/initiation/index.vue   | 24 ++++++++++-
 7 files changed, 112 insertions(+), 13 deletions(-)

diff --git a/src/api/project-demand/index.js b/src/api/project-demand/index.js
index 0138bd1..255b2f4 100644
--- a/src/api/project-demand/index.js
+++ b/src/api/project-demand/index.js
@@ -7,6 +7,12 @@ export const getDemandInfo = (param) => {
     params: param
   });
 };
+export const filterRequirementName = (requirementName) => {
+  return request({
+    url: `/workflow/mosr/requirement/match/${requirementName}`,
+    method: "get"
+  });
+};
 export const getWorkflowInfo = () => {
   return request({
     url: '/workflow/mosr/requirement/process',
diff --git a/src/api/project-manage/index.js b/src/api/project-manage/index.js
index 1be9489..8faa1b3 100644
--- a/src/api/project-manage/index.js
+++ b/src/api/project-manage/index.js
@@ -8,6 +8,12 @@ export const getApplyProcess = (projectId) => {
         method: "get"
     });
 };
+export const filterProjectName = (projectName,targetState) => {
+    return request({
+        url: `/workflow/mosr/project/approval/match/${projectName}/${targetState}`,
+        method: "get"
+    });
+};
 export const projectApply = (data) => {
     return request({
         url: '/workflow/mosr/project/approval/initiation/apply',
diff --git a/src/views/project-demand/requirement/index.vue b/src/views/project-demand/requirement/index.vue
index 94546f6..a954e92 100644
--- a/src/views/project-demand/requirement/index.vue
+++ b/src/views/project-demand/requirement/index.vue
@@ -3,8 +3,17 @@
     <el-row>
       <el-col :span="5">
         <el-form-item prop="requirementName" label="征集名称">
-          <el-input v-model="selectForm.requirementName" placeholder="请输入征集名称" clearable @keyup.enter.native="getList"
-                    style="width: 100%"/>
+<!--          <el-input v-model="selectForm.requirementName" placeholder="请输入征集名称" clearable @keyup.enter.native="getList"-->
+<!--                    style="width: 100%"/>-->
+          <el-select v-model="selectForm.requirementName" placeholder="请输入征集名称"  filterable clearable remote :remote-method="getRequirementName"
+                       style="width: 100%" @change="changeName" >
+            <el-option
+                v-for="item in requirementNameOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+            />
+          </el-select>
         </el-form-item>
       </el-col>
       <el-col :span="5" :offset="1">
@@ -53,11 +62,9 @@
 <script setup lang="jsx">
 import {useAuthStore} from '@/stores/userstore.js'
 import Tag from '@/components/Tag.vue'
-import fvSelect from '@/fvcomponents/fvSelect/index.vue'
 import {ElNotification} from "element-plus";
-import {deleteDemand} from "@/api/project-demand";
 import {useCacheStore} from '@/stores/cache.js'
-import {getRequirementStatePerm} from "@/api/project-demand";
+import {getRequirementStatePerm,filterRequirementName,deleteDemand} from "@/api/project-demand";
 import {Refresh, Search} from '@element-plus/icons-vue'
 
 const cacheStore = useCacheStore()
@@ -66,6 +73,7 @@ const router = useRouter()
 const selectForm = ref({})
 const tableIns = ref()
 const formRef = ref()
+const requirementNameOptions = ref([])
 const stateOption = ref([])
 const userInfo = ref(authStore.userinfo)
 const auths = {
@@ -187,6 +195,28 @@ const tableConfig = reactive({
   params: {}
 })
 
+const changeName=(val)=>{
+  selectForm.value.requirementName=val
+  getList()
+}
+
+const getRequirementName=async (val)=>{
+  if(val){
+    const res=await filterRequirementName(val)
+    if(res.code==1000){
+      let optionObj={}
+      let options=[]
+      res.data.forEach(item=>{
+        optionObj={
+          value:item,
+          label:item
+        }
+        options.push(optionObj)
+      })
+     requirementNameOptions.value= options
+    }
+  }
+}
 const selectOptionVisibleChange = (value) => {
   console.log('value', value)
 }
diff --git a/src/views/project-demand/summary/index.vue b/src/views/project-demand/summary/index.vue
index 51e7242..392a361 100644
--- a/src/views/project-demand/summary/index.vue
+++ b/src/views/project-demand/summary/index.vue
@@ -51,8 +51,6 @@ const searchConfig = ref([
       options: [],
       remote: true,
       remoteMethod:async (val)=>{
-        // requirementNameValue.value=val
-        // search({requirementName:val})
         if(val){
           const res=await getRequirementName(val)
           if(res.code==1000){
diff --git a/src/views/project-management/filing/index.vue b/src/views/project-management/filing/index.vue
index 88e6648..e1019c6 100644
--- a/src/views/project-management/filing/index.vue
+++ b/src/views/project-management/filing/index.vue
@@ -13,6 +13,7 @@ import {toThousands} from '@/utils/changePrice.js'
 import {switchAttachmentState} from "@/api/project-manage/attachment";
 import {ElMessageBox} from "element-plus";
 import { getSubCompOpt } from '@/api/user/user.js';
+import {filterProjectName} from "@/api/project-manage";
 
 const router = useRouter()
 const shortcuts = [
@@ -61,11 +62,30 @@ const searchConfig = ref([
   {
     label: '项目名称',
     prop: 'projectName',
-    component: 'el-input',
+    component: shallowRef(fvSelect),
     props: {
       placeholder: '请输入项目名称查询',
       clearable: true,
-      checkStrictly: true
+      filterable: true,
+      options: [],
+      remote: true,
+      remoteMethod:async (val)=>{
+        if(val){
+          const res=await filterProjectName(val,'50')
+          if(res.code==1000){
+            let optionObj={}
+            let options=[]
+            res.data.forEach(item=>{
+              optionObj={
+                value:item,
+                label:item
+              }
+              options.push(optionObj)
+            })
+            searchConfig.value.find(item => item.prop == 'projectName').props.options = options
+          }
+        }
+      }
     }
   },
   {
diff --git a/src/views/project-management/implementation/index.vue b/src/views/project-management/implementation/index.vue
index cbfea82..20c2e76 100644
--- a/src/views/project-management/implementation/index.vue
+++ b/src/views/project-management/implementation/index.vue
@@ -11,6 +11,7 @@
 import fvSelect from '@/fvcomponents/fvSelect/index.vue'
 import {toThousands} from '@/utils/changePrice.js'
 import { getSubCompOpt } from '@/api/user/user.js';
+import {filterProjectName} from "@/api/project-manage";
 
 const route = useRoute()
 const router = useRouter()
@@ -60,12 +61,30 @@ const searchConfig = ref([
   {
     label: '项目名称',
     prop: 'projectName',
-    component: 'el-input',
+    component: shallowRef(fvSelect),
     props: {
       placeholder: '请输入项目名称查询',
       clearable: true,
       filterable: true,
-      checkStrictly: true
+      options: [],
+      remote: true,
+      remoteMethod:async (val)=>{
+        if(val){
+          const res=await filterProjectName(val,'40')
+          if(res.code==1000){
+            let optionObj={}
+            let options=[]
+            res.data.forEach(item=>{
+              optionObj={
+                value:item,
+                label:item
+              }
+              options.push(optionObj)
+            })
+            searchConfig.value.find(item => item.prop == 'projectName').props.options = options
+          }
+        }
+      }
     }
   },
   {
diff --git a/src/views/project-management/initiation/index.vue b/src/views/project-management/initiation/index.vue
index 43852ea..93cdb94 100644
--- a/src/views/project-management/initiation/index.vue
+++ b/src/views/project-management/initiation/index.vue
@@ -11,6 +11,7 @@
 import fvSelect from '@/fvcomponents/fvSelect/index.vue'
 import {toThousands} from '@/utils/changePrice.js'
 import { getSubCompOpt } from '@/api/user/user.js';
+import {filterProjectName} from "@/api/project-manage";
 const route = useRoute()
 const router = useRouter()
 const shortcuts = [
@@ -59,11 +60,30 @@ const searchConfig = ref([
   {
     label: '项目名称',
     prop: 'projectName',
-    component: 'el-input',
+    component: shallowRef(fvSelect),
     props: {
       placeholder: '请输入项目名称查询',
       clearable: true,
-      checkStrictly: true
+      filterable: true,
+      options: [],
+      remote: true,
+      remoteMethod:async (val)=>{
+        if(val){
+          const res=await filterProjectName(val,'20')
+          if(res.code==1000){
+            let optionObj={}
+            let options=[]
+            res.data.forEach(item=>{
+              optionObj={
+                value:item,
+                label:item
+              }
+              options.push(optionObj)
+            })
+            searchConfig.value.find(item => item.prop == 'projectName').props.options = options
+          }
+        }
+      }
     }
   },
   {