update

src/views/project_change_visa/index.vue

@@ -2,15 +2,16 @@
     <div>
         <el-card class="!border-none mb-4" shadow="never">
             <el-form class="mb-[-16px]" :model="queryParams" inline>
+                <el-form-item label="所属项目" prop="cost_project_id">
+                    <el-select v-model="queryParams.project_id" remote filterable :remote-method="queryCostProject"
+                        :loading="loading" class="flex-1">
+                        <el-option v-for="(item, index) in optionsData.projectList" :key="index"
+                            :label="item.projectinfo" :value="item.id" />
+                    </el-select>
+                </el-form-item>
                 <el-form-item label="单据编号" prop="num">
                     <el-input class="w-[280px]" v-model="queryParams.num" clearable placeholder="请输入单据编号" />
                 </el-form-item>
-                <el-form-item label="项目名称" prop="project">
-                    <el-input class="w-[280px]" v-model="queryParams.project_name" clearable placeholder="请输入项目名称" />
-                </el-form-item>
-                <el-form-item label="项目编号" prop="project_num">
-                    <el-input class="w-[280px]" v-model="queryParams.project_num" clearable placeholder="请输入项目编号" />
-                </el-form-item>
 
                 <el-form-item>
                     <el-button type="primary" @click="resetPage">查询</el-button>
@@ -89,17 +90,36 @@ import { apiProjectChangeVisaLists, apiProjectChangeVisaDelete, apiProjectChange
 import { timeFormat } from '@/utils/util'
 import feedback from '@/utils/feedback'
 import EditPopup from './edit.vue'
+import { apiCostProjectDatas } from "@/api/cost_project";
+import { useDictOptions } from "@/hooks/useDictOptions"
 
 const editRef = shallowRef<InstanceType<typeof EditPopup>>()
 // 是否显示编辑框
 const showEdit = ref(false)
+const loading = ref(false)
 
+const queryCostProject = async (query: string) => {
+    loading.value = true
+    const projectList = await apiCostProjectDatas({
+        name: query ?? ''
+    })
+    optionsData.projectList = projectList
+    loading.value = false
+}
+
+
+const { optionsData } = useDictOptions<{
+    projectList: any[]
+}>({
+    projectList: {
+        api: apiCostProjectDatas,
+    }
+})
 
 // 查询条件
 const queryParams = reactive({
     num: '',
-    project_name: '',
+    project_id: '',
-    project_num: '',
 })
 
 // 选中数据

src/views/project_change_visa_content/index.vue

@@ -8,9 +8,6 @@
                 <el-form-item label="单位名称" prop="unit_name">
                     <el-input class="w-[280px]" v-model="queryParams.unit_name" clearable placeholder="请输入单位名称" />
                 </el-form-item>
-                <el-form-item label="时间" prop="time">
-                    <el-input class="w-[280px]" v-model="queryParams.time" clearable placeholder="请输入时间" />
-                </el-form-item>
                 <el-form-item label="所属专业" prop="major">
                     <el-input class="w-[280px]" v-model="queryParams.major" clearable placeholder="请输入所属专业" />
                 </el-form-item>
@@ -26,14 +23,6 @@
                 <el-form-item label="审核人" prop="reviewer">
                     <el-input class="w-[280px]" v-model="queryParams.reviewer" clearable placeholder="请输入审核人" />
                 </el-form-item>
-                <el-form-item label="施工单位申报值" prop="declared_value">
-                    <el-input class="w-[280px]" v-model="queryParams.declared_value" clearable
-                        placeholder="请输入施工单位申报值" />
-                </el-form-item>
-                <el-form-item label="咨询单位测算值" prop="calculated_value">
-                    <el-input class="w-[280px]" v-model="queryParams.calculated_value" clearable
-                        placeholder="请输入咨询单位测算值" />
-                </el-form-item>
 
                 <el-form-item>
                     <el-button type="primary" @click="resetPage">查询</el-button>