From 35a2ef016b9e99827ae42c0aa2a9dbdcbef1b171 Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Wed, 15 Oct 2025 14:44:48 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=BC=E5=90=88=E6=9F=A5=E8=AF=A2=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=8E=A5=E5=8F=A3=E8=B0=83=E8=AF=95=E5=AE=8C=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/comprehensive-query/index.js          |  19 ++
 src/router/index.js                           |   2 +
 .../components/details.vue                    | 243 +++++++-----------
 .../components/projectMaterials.vue           | 227 ++++++----------
 src/views/comprehensive-query/index.vue       | 136 +++++++---
 5 files changed, 289 insertions(+), 338 deletions(-)
 create mode 100644 src/api/comprehensive-query/index.js

diff --git a/src/api/comprehensive-query/index.js b/src/api/comprehensive-query/index.js
new file mode 100644
index 0000000..78fc62d
--- /dev/null
+++ b/src/api/comprehensive-query/index.js
@@ -0,0 +1,19 @@
+import request from '@/utils/request'
+
+// 综合查询 获取人员列表
+export function getPersonListAPI(data) {
+    return request({
+        url: '/comprehensive/getPeopleAllList',
+        method: 'get',
+        params: data,
+    })
+}
+
+// 综合查询 获取人员详情
+export function getPersonDetailsAPI(data) {
+    return request({
+        url: '/comprehensive/getPeopleDetail',
+        method: 'get',
+        params: data,
+    })
+}
diff --git a/src/router/index.js b/src/router/index.js
index cb75c2a..0a6ce15 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -78,6 +78,7 @@ export const constantRoutes = [
                 path: 'comprehensive-query/details',
                 component: () => import('@/views/comprehensive-query/components/details'),
                 name: 'Details',
+                hidden: true,
                 meta: { title: '详情', icon: 'dashboard', activeMenu: '/comprehensive-query' },
             },
             // 综合查询 项目材料
@@ -85,6 +86,7 @@ export const constantRoutes = [
                 path: 'comprehensive-query/project-materials',
                 component: () => import('@/views/comprehensive-query/components/projectMaterials'),
                 name: 'ProjectMaterials',
+                hidden: true,
                 meta: { title: '项目材料', icon: 'dashboard', activeMenu: '/comprehensive-query' },
             },
         ],
diff --git a/src/views/comprehensive-query/components/details.vue b/src/views/comprehensive-query/components/details.vue
index db10460..8681cd6 100644
--- a/src/views/comprehensive-query/components/details.vue
+++ b/src/views/comprehensive-query/components/details.vue
@@ -28,7 +28,7 @@
                             <i :class="item.icon"></i>
                             <span>{{ item.label }}</span>
                         </div>
-                        <div class="info-value">{{ item.value }}</div>
+                        <div class="info-value">{{ basicInfo[item.value] }}</div>
                     </div>
                 </div>
             </div>
@@ -51,14 +51,14 @@
                                     <i class="el-icon-document-copy"></i>
                                     <span>资格证书</span>
                                 </div>
-                                <div class="cert-value">{{ cert.name || 'XXX' }}</div>
+                                <div class="cert-value">{{ cert.diploma || '-' }}</div>
                             </div>
                             <div class="cert-info-row">
                                 <div class="cert-label">
                                     <i class="el-icon-postcard"></i>
                                     <span>证书编号</span>
                                 </div>
-                                <div class="cert-value">{{ cert.number || 'XXX' }}</div>
+                                <div class="cert-value">{{ cert.diplomaNum || '-' }}</div>
                             </div>
                             <div class="cert-info-row">
                                 <div class="cert-label">
@@ -66,24 +66,32 @@
                                     <span>级别</span>
                                 </div>
                                 <div class="cert-value">
-                                    <el-tag :type="getCertLevelType(cert.level)" size="small">
-                                        {{ cert.level || 'XXX' }}
+                                    <el-tag type="primary" size="small">
+                                        {{ cert.level || '-' }}
                                     </el-tag>
                                 </div>
                             </div>
                         </div>
                         <div class="certificate-image">
-                            <el-image
-                                :src="cert.imageUrl"
-                                :preview-src-list="[cert.imageUrl]"
-                                fit="cover"
-                                class="cert-img"
-                                v-if="cert.imageUrl"
-                            >
-                                <div slot="error" class="image-slot">
-                                    <i class="el-icon-picture-outline"></i>
-                                </div>
-                            </el-image>
+                            <template v-if="cert.tbFileSourceVoList && cert.tbFileSourceVoList.length > 0">
+                                <el-image
+                                    :src="`${fileViewUrl}${item.filePath}?file_token=${getToken()}`"
+                                    :preview-src-list="
+                                        cert.tbFileSourceVoList.map(
+                                            (e) => `${fileViewUrl}${e.filePath}?file_token=${getToken()}`,
+                                        )
+                                    "
+                                    fit="cover"
+                                    class="cert-img"
+                                    v-for="(item, index) in cert.tbFileSourceVoList"
+                                    :key="index"
+                                >
+                                    <div slot="error" class="image-slot">
+                                        <i class="el-icon-picture-outline"></i>
+                                    </div>
+                                </el-image>
+                            </template>
+
                             <div class="image-placeholder" v-else>
                                 <i class="el-icon-picture-outline"></i>
                                 <span>暂无图片</span>
@@ -101,9 +109,6 @@
                     <i class="el-icon-data-line"></i>
                     <span>业绩信息</span>
                 </div>
-                <div class="section-actions">
-                    <el-button type="primary" size="small" icon="el-icon-download">导出</el-button>
-                </div>
             </div>
             <div class="table-container">
                 <el-table
@@ -117,19 +122,36 @@
                     <el-table-column align="center" type="index" label="序号" width="60" />
                     <el-table-column
                         align="center"
-                        prop="projectName"
+                        prop="proName"
                         label="工程名称"
                         show-overflow-tooltip
                         min-width="150"
                     />
-                    <el-table-column align="center" prop="voltageLevel" label="电压等级" width="100" />
-                    <el-table-column align="center" prop="timeRange" label="起止时间" width="120" />
-                    <el-table-column align="center" prop="completionDate" label="竣工日期" width="100" />
-                    <el-table-column align="center" prop="substationScale" label="变电站规模" width="120" />
-                    <el-table-column align="center" prop="lineScale" label="线路建设规模" width="120" />
+                    <el-table-column align="center" prop="voltage" label="电压等级" width="100" />
+                    <el-table-column align="center" label="起止时间" width="160" show-overflow-tooltip>
+                        <template #default="{ row }">
+                            <span>{{ row.startTime }} ~ {{ row.endTime }}</span>
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column show-overflow-tooltip align="center" prop="endTime" label="竣工日期" width="100" />
+                    <el-table-column
+                        show-overflow-tooltip
+                        align="center"
+                        prop="stationNum"
+                        label="变电站规模"
+                        width="120"
+                    />
+                    <el-table-column
+                        show-overflow-tooltip
+                        align="center"
+                        prop="lineScale"
+                        label="线路建设规模"
+                        width="120"
+                    />
                     <el-table-column
                         align="center"
-                        prop="contractScope"
+                        prop="contractRang"
                         label="承包范围"
                         show-overflow-tooltip
                         min-width="120"
@@ -141,7 +163,7 @@
                         show-overflow-tooltip
                         min-width="120"
                     />
-                    <el-table-column align="center" prop="positionInProject" label="在项目中承担的职务" width="150" />
+                    <el-table-column align="center" prop="title" label="在项目中承担的职务" width="150" />
                     <el-table-column align="center" label="项目材料" width="100">
                         <template #default="{ row }">
                             <el-button
@@ -161,133 +183,46 @@
 </template>
 
 <script>
+import { getPersonDetailsAPI } from '@/api/comprehensive-query'
+import { getToken } from '@/utils/auth'
 export default {
     name: 'PersonDetails',
     data() {
         return {
+            fileViewUrl: process.env.VUE_APP_BASE_API + '/files',
+            getToken,
             // 基本信息
             basicInfo: {
-                name: '张三',
-                idCard: 'XXXXXXXXXXXXXXXXXX',
-                education: 'XXX',
-                title: 'XXX',
-                position: 'XXX',
-                major: 'XXX',
-                inUse: 'XXX',
-                personType: 'XXX',
+                userName: '',
+                idCard: '',
+                education: '',
+                title: '',
+                position: '',
+                major: '',
+                used: '',
+                peopleType: '',
             },
             // 基本信息配置
             basicInfoItems: [
-                { label: '姓名', value: '张三', icon: 'el-icon-user' },
-                { label: '身份证', value: 'XXXXXXXXXXXXXXXXXX', icon: 'el-icon-postcard' },
-                { label: '学历', value: 'XXX', icon: 'el-icon-document' },
-                { label: '职称', value: 'XXX', icon: 'el-icon-medal' },
-                { label: '职务', value: 'XXX', icon: 'el-icon-s-custom' },
-                { label: '专业', value: 'XXX', icon: 'el-icon-reading' },
-                { label: '是否在用', value: 'XXX', icon: 'el-icon-circle-check' },
-                { label: '人员类型', value: 'XXX', icon: 'el-icon-user-solid' },
+                { label: '姓名', value: 'userName', icon: 'el-icon-user' },
+                { label: '身份证', value: 'idCard', icon: 'el-icon-postcard' },
+                { label: '学历', value: 'education', icon: 'el-icon-document' },
+                { label: '职称', value: 'title', icon: 'el-icon-medal' },
+                { label: '职务', value: 'position', icon: 'el-icon-s-custom' },
+                { label: '专业', value: 'major', icon: 'el-icon-reading' },
+                { label: '是否在用', value: 'used', icon: 'el-icon-circle-check' },
+                { label: '人员类型', value: 'peopleType', icon: 'el-icon-user-solid' },
             ],
             // 资格证书列表
-            certificateList: [
-                {
-                    name: 'XXX',
-                    number: 'XXX',
-                    level: 'XXX',
-                    imageUrl: '',
-                },
-                {
-                    name: 'XXX',
-                    number: 'XXX',
-                    level: 'XXX',
-                    imageUrl: '',
-                },
-            ],
+            certificateList: [],
             // 业绩信息列表
-            performanceList: [
-                {
-                    projectName: '',
-                    voltageLevel: '',
-                    timeRange: '',
-                    completionDate: '',
-                    substationScale: '',
-                    lineScale: '',
-                    contractScope: '',
-                    ownerUnit: '',
-                    positionInProject: '',
-                },
-                {
-                    projectName: '',
-                    voltageLevel: '',
-                    timeRange: '',
-                    completionDate: '',
-                    substationScale: '',
-                    lineScale: '',
-                    contractScope: '',
-                    ownerUnit: '',
-                    positionInProject: '',
-                },
-                {
-                    projectName: '',
-                    voltageLevel: '',
-                    timeRange: '',
-                    completionDate: '',
-                    substationScale: '',
-                    lineScale: '',
-                    contractScope: '',
-                    ownerUnit: '',
-                    positionInProject: '',
-                },
-                {
-                    projectName: '',
-                    voltageLevel: '',
-                    timeRange: '',
-                    completionDate: '',
-                    substationScale: '',
-                    lineScale: '',
-                    contractScope: '',
-                    ownerUnit: '',
-                    positionInProject: '',
-                },
-                {
-                    projectName: '',
-                    voltageLevel: '',
-                    timeRange: '',
-                    completionDate: '',
-                    substationScale: '',
-                    lineScale: '',
-                    contractScope: '',
-                    ownerUnit: '',
-                    positionInProject: '',
-                },
-                {
-                    projectName: '',
-                    voltageLevel: '',
-                    timeRange: '',
-                    completionDate: '',
-                    substationScale: '',
-                    lineScale: '',
-                    contractScope: '',
-                    ownerUnit: '',
-                    positionInProject: '',
-                },
-                {
-                    projectName: '',
-                    voltageLevel: '',
-                    timeRange: '',
-                    completionDate: '',
-                    substationScale: '',
-                    lineScale: '',
-                    contractScope: '',
-                    ownerUnit: '',
-                    positionInProject: '',
-                },
-            ],
+            performanceList: [],
         }
     },
     methods: {
         // 返回上一页
         goBack() {
-            this.$router.go(-1)
+            this.$router.push('/comprehensive-query')
         },
         // 查看项目材料
         viewProjectMaterials(row) {
@@ -297,6 +232,7 @@ export default {
                 path: '/comprehensive-query/project-materials',
                 query: {
                     id: row.id,
+                    tbFileSourceVoList: row.tbFileSourceVoList,
                 },
             })
         },
@@ -315,13 +251,34 @@ export default {
             console.log('导出业绩数据')
             // 实现导出功能
         },
+
+        // 获取人员详情
+        async getPersonDetails(data) {
+            console.log(data, '详情参数')
+            const res = await getPersonDetailsAPI(data)
+            console.log(res, '详情')
+
+            if (res.code == 200 && res.data) {
+                this.certificateList = res.data.certificateList
+                this.performanceList = res.data.tbCompanyPerfList
+            }
+        },
     },
-    created() {
-        // 根据路由参数获取人员ID，调用API获取详情数据
-        const id = this.$route.query.id
-        if (id) {
-            // this.getPersonDetails(id)
-        }
+
+    watch: {
+        $route: {
+            handler(newVal) {
+                // console.log(newVal)
+                if (Object.keys(newVal.query).length > 0) {
+                    this.basicInfo = newVal.query
+                    this.getPersonDetails({
+                        id: newVal.query.id,
+                        peopleType: newVal.query.peopleType,
+                    })
+                }
+            },
+            immediate: true,
+        },
     },
 }
 </script>
diff --git a/src/views/comprehensive-query/components/projectMaterials.vue b/src/views/comprehensive-query/components/projectMaterials.vue
index c581651..aeba3fb 100644
--- a/src/views/comprehensive-query/components/projectMaterials.vue
+++ b/src/views/comprehensive-query/components/projectMaterials.vue
@@ -17,34 +17,30 @@
         <div class="info-section">
             <div class="section-header">
                 <div class="section-title">
-                    <i class="el-icon-document-copy"></i>
+                    <i class="el-icon-document"></i>
                     <span>中标通知书</span>
                 </div>
             </div>
             <div class="materials-container">
-                <div class="image-gallery">
-                    <div class="image-item large" v-for="(item, index) in bidNoticeList" :key="index">
-                        <el-image
-                            :src="item.url"
-                            :preview-src-list="getPreviewList('bidNotice')"
-                            fit="cover"
-                            class="material-img"
-                            v-if="item.url"
-                        >
-                            <div slot="error" class="image-slot">
-                                <i class="el-icon-picture-outline"></i>
-                                <span>加载失败</span>
-                            </div>
-                        </el-image>
-                        <div class="image-placeholder" v-else>
-                            <i class="el-icon-picture-outline"></i>
-                            <span>暂无图片</span>
-                        </div>
-                        <div class="image-overlay">
-                            <el-button type="primary" size="small" icon="el-icon-zoom-in" @click="previewImage(item)">
-                                预览
-                            </el-button>
+                <div class="image-gallery contract-gallery">
+                    <template v-if="bidNoticeList.length > 0">
+                        <div class="image-item" v-for="(item, index) in contractPagesList" :key="index">
+                            <el-image
+                                :src="`${fileViewUrl}${item.filePath}?file_token=${getToken()}`"
+                                fit="cover"
+                                class="material-img"
+                            >
+                                <div slot="error" class="image-slot">
+                                    <i class="el-icon-picture-outline"></i>
+                                    <span>加载失败</span>
+                                </div>
+                            </el-image>
                         </div>
+                    </template>
+
+                    <div class="image-placeholder" v-else>
+                        <i class="el-icon-picture-outline"></i>
+                        <span>暂无图片</span>
                     </div>
                 </div>
             </div>
@@ -57,45 +53,27 @@
                     <i class="el-icon-document"></i>
                     <span>合同关键页</span>
                 </div>
-                <div class="section-actions">
-                    <el-button type="primary" size="small" icon="el-icon-upload">上传</el-button>
-                </div>
             </div>
             <div class="materials-container">
                 <div class="image-gallery contract-gallery">
-                    <div class="image-item" v-for="(item, index) in contractPagesList" :key="index">
-                        <el-image
-                            :src="item.url"
-                            :preview-src-list="getPreviewList('contractPages')"
-                            fit="cover"
-                            class="material-img"
-                            v-if="item.url"
-                        >
-                            <div slot="error" class="image-slot">
-                                <i class="el-icon-picture-outline"></i>
-                                <span>加载失败</span>
-                            </div>
-                        </el-image>
-                        <div class="image-placeholder" v-else>
-                            <i class="el-icon-picture-outline"></i>
-                            <span>暂无图片</span>
-                        </div>
-                        <div class="image-overlay">
-                            <el-button type="primary" size="small" icon="el-icon-zoom-in" @click="previewImage(item)">
-                                预览
-                            </el-button>
-                            <el-button
-                                type="danger"
-                                size="small"
-                                icon="el-icon-delete"
-                                @click="deleteImage(item, index)"
+                    <template v-if="contractPagesList.length > 0">
+                        <div class="image-item" v-for="(item, index) in contractPagesList" :key="index">
+                            <el-image
+                                :src="`${fileViewUrl}${item.filePath}?file_token=${getToken()}`"
+                                fit="cover"
+                                class="material-img"
                             >
-                                删除
-                            </el-button>
-                        </div>
-                        <div class="image-info">
-                            <span class="image-name">{{ item.name || `合同页${index + 1}` }}</span>
+                                <div slot="error" class="image-slot">
+                                    <i class="el-icon-picture-outline"></i>
+                                    <span>加载失败</span>
+                                </div>
+                            </el-image>
                         </div>
+                    </template>
+
+                    <div class="image-placeholder" v-else>
+                        <i class="el-icon-picture-outline"></i>
+                        <span>暂无图片</span>
                     </div>
                 </div>
             </div>
@@ -108,45 +86,27 @@
                     <i class="el-icon-finished"></i>
                     <span>竣工报告</span>
                 </div>
-                <div class="section-actions">
-                    <el-button type="primary" size="small" icon="el-icon-upload">上传</el-button>
-                </div>
             </div>
             <div class="materials-container">
                 <div class="image-gallery completion-gallery">
-                    <div class="image-item" v-for="(item, index) in completionReportList" :key="index">
-                        <el-image
-                            :src="item.url"
-                            :preview-src-list="getPreviewList('completionReport')"
-                            fit="cover"
-                            class="material-img"
-                            v-if="item.url"
-                        >
-                            <div slot="error" class="image-slot">
-                                <i class="el-icon-picture-outline"></i>
-                                <span>加载失败</span>
-                            </div>
-                        </el-image>
-                        <div class="image-placeholder" v-else>
-                            <i class="el-icon-picture-outline"></i>
-                            <span>暂无图片</span>
-                        </div>
-                        <div class="image-overlay">
-                            <el-button type="primary" size="small" icon="el-icon-zoom-in" @click="previewImage(item)">
-                                预览
-                            </el-button>
-                            <el-button
-                                type="danger"
-                                size="small"
-                                icon="el-icon-delete"
-                                @click="deleteImage(item, index)"
+                    <template v-if="completionReportList.length > 0">
+                        <div class="image-item" v-for="(item, index) in completionReportList" :key="index">
+                            <el-image
+                                :src="`${fileViewUrl}${item.filePath}?file_token=${getToken()}`"
+                                fit="cover"
+                                class="material-img"
                             >
-                                删除
-                            </el-button>
-                        </div>
-                        <div class="image-info">
-                            <span class="image-name">{{ item.name || `报告页${index + 1}` }}</span>
+                                <div slot="error" class="image-slot">
+                                    <i class="el-icon-picture-outline"></i>
+                                    <span>加载失败</span>
+                                </div>
+                            </el-image>
                         </div>
+                    </template>
+
+                    <div class="image-placeholder" v-else>
+                        <i class="el-icon-picture-outline"></i>
+                        <span>暂无图片</span>
                     </div>
                 </div>
             </div>
@@ -155,34 +115,20 @@
 </template>
 
 <script>
+import { getToken } from '@/utils/auth'
 export default {
     name: 'ProjectMaterials',
     data() {
         return {
+            fileViewUrl: process.env.VUE_APP_BASE_API + '/files',
+
+            getToken,
             // 中标通知书
-            bidNoticeList: [
-                {
-                    id: 1,
-                    name: '中标通知书',
-                    url: '',
-                    type: 'bidNotice',
-                },
-            ],
+            bidNoticeList: [],
             // 合同关键页
-            contractPagesList: [
-                { id: 1, name: '合同首页', url: '', type: 'contractPages' },
-                { id: 2, name: '合同条款', url: '', type: 'contractPages' },
-                { id: 3, name: '价格条款', url: '', type: 'contractPages' },
-                { id: 4, name: '付款方式', url: '', type: 'contractPages' },
-                { id: 5, name: '工期条款', url: '', type: 'contractPages' },
-                { id: 6, name: '质量条款', url: '', type: 'contractPages' },
-                { id: 7, name: '违约责任', url: '', type: 'contractPages' },
-            ],
+            contractPagesList: [],
             // 竣工报告
-            completionReportList: [
-                { id: 1, name: '竣工报告封面', url: '', type: 'completionReport' },
-                { id: 2, name: '竣工报告内容', url: '', type: 'completionReport' },
-            ],
+            completionReportList: [],
         }
     },
     methods: {
@@ -190,54 +136,25 @@ export default {
         goBack() {
             this.$router.go(-1)
         },
-        // 获取预览列表
-        getPreviewList(type) {
-            let list = []
-            switch (type) {
-                case 'bidNotice':
-                    list = this.bidNoticeList.filter((item) => item.url).map((item) => item.url)
-                    break
-                case 'contractPages':
-                    list = this.contractPagesList.filter((item) => item.url).map((item) => item.url)
-                    break
-                case 'completionReport':
-                    list = this.completionReportList.filter((item) => item.url).map((item) => item.url)
-                    break
-            }
-            return list
-        },
+
         // 预览图片
         previewImage(item) {
             console.log('预览图片:', item)
         },
-        // 删除图片
-        deleteImage(item, index) {
-            this.$modal
-                .confirm('确定删除该图片吗？')
-                .then(() => {
-                    if (item.type === 'bidNotice') {
-                        this.bidNoticeList.splice(index, 1)
-                    } else if (item.type === 'contractPages') {
-                        this.contractPagesList.splice(index, 1)
-                    } else if (item.type === 'completionReport') {
-                        this.completionReportList.splice(index, 1)
-                    }
-                    this.$modal.msgSuccess('删除成功')
-                })
-                .catch(() => {})
-        },
-        // 上传图片
-        uploadImage(type) {
-            console.log('上传图片:', type)
-            // 实现上传功能
-        },
     },
-    created() {
-        // 根据路由参数获取项目ID，调用API获取项目材料数据
-        const projectId = this.$route.query.projectId
-        if (projectId) {
-            // this.getProjectMaterials(projectId)
-        }
+
+    watch: {
+        $route: {
+            handler(newVal) {
+                console.log(newVal, 'newVal')
+                if (newVal) {
+                    this.bidNoticeList = newVal.query.tbFileSourceVoList.filter((item) => item.fileType == 1)
+                    this.contractPagesList = newVal.query.tbFileSourceVoList.filter((item) => item.fileType == 2)
+                    this.completionReportList = newVal.query.tbFileSourceVoList.filter((item) => item.fileType == 3)
+                }
+            },
+            immediate: true,
+        },
     },
 }
 </script>
diff --git a/src/views/comprehensive-query/index.vue b/src/views/comprehensive-query/index.vue
index fff8d2e..80d86af 100644
--- a/src/views/comprehensive-query/index.vue
+++ b/src/views/comprehensive-query/index.vue
@@ -9,25 +9,25 @@
                 </el-col>
                 <el-col :span="4">
                     <el-form-item prop="userName">
-                        <el-input v-model.trim="queryParams.userName" placeholder="请输入姓名" clearable> </el-input>
+                        <el-input v-model.trim="queryParams.userName" placeholder="请输入姓名" clearable />
                     </el-form-item>
                 </el-col>
                 <el-col :span="4">
-                    <el-form-item prop="title">
-                        <el-input v-model.trim="queryParams.title" placeholder="请输入职称" clearable> </el-input>
+                    <el-form-item prop="idCard">
+                        <el-input v-model.trim="queryParams.idCard" placeholder="请输入身份证号" clearable />
                     </el-form-item>
                 </el-col>
 
                 <el-col :span="4">
-                    <el-form-item prop="major">
-                        <el-input v-model.trim="queryParams.major" placeholder="请输入专业" clearable> </el-input>
+                    <el-form-item prop="diploma">
+                        <el-input v-model.trim="queryParams.diploma" placeholder="请输入资格证书" clearable />
                     </el-form-item>
                 </el-col>
                 <el-col :span="4">
-                    <el-form-item prop="major">
-                        <el-select placeholder="是否在用" clearable style="width: 100%">
-                            <el-option label="是" value="1" />
-                            <el-option label="否" value="2" />
+                    <el-form-item prop="used">
+                        <el-select placeholder="是否在用" v-model="queryParams.used" clearable style="width: 100%">
+                            <el-option label="是" value="0" />
+                            <el-option label="否" value="1" />
                         </el-select>
                     </el-form-item>
                 </el-col>
@@ -39,21 +39,27 @@
                     </el-form-item>
                 </el-col>
                 <el-col :span="4">
-                    <el-form-item prop="userName">
-                        <el-input v-model.trim="queryParams.userName" placeholder="请输入姓名" clearable> </el-input>
+                    <el-form-item prop="proName">
+                        <el-input v-model.trim="queryParams.proName" placeholder="请输入工程名称" clearable> </el-input>
                     </el-form-item>
                 </el-col>
                 <el-col :span="4">
-                    <el-form-item prop="title">
-                        <el-input v-model.trim="queryParams.title" placeholder="请输入职称" clearable> </el-input>
+                    <el-form-item prop="voltage">
+                        <el-input v-model.trim="queryParams.voltage" placeholder="请输入电压等级" clearable> </el-input>
                     </el-form-item>
                 </el-col>
 
                 <el-col :span="4">
                     <el-form-item prop="major">
-                        <el-select placeholder="请选择近年业绩" clearable style="width: 100%">
-                            <el-option label="是" value="1" />
-                            <el-option label="否" value="2" />
+                        <el-select
+                            placeholder="请选择近年业绩"
+                            v-model="timeValue_1"
+                            clearable
+                            style="width: 100%"
+                            @change="handleTimeValueChange_1"
+                        >
+                            <el-option label="近三年" value="3" />
+                            <el-option label="近五年" value="5" />
                         </el-select>
                     </el-form-item>
                 </el-col>
@@ -61,7 +67,7 @@
                     <el-form-item prop="major">
                         <el-date-picker
                             type="daterange"
-                            v-model="queryParams.timeValue"
+                            v-model="timeValue_2"
                             range-separator="~"
                             style="width: 100%"
                             value-format="yyyy-MM-dd"
@@ -82,26 +88,44 @@
             </el-row>
         </el-form>
 
-        <el-table :data="tableData" style="width: 100%">
+        <el-table :data="tableData" style="width: 100%" border stripe>
             <el-table-column align="center" type="index" label="序号" width="55" />
-            <el-table-column align="center" prop="name" label="姓名" />
-            <el-table-column align="center" prop="title" label="身份证号" />
-            <el-table-column align="center" prop="major" label="学历" />
-            <el-table-column align="center" prop="timeValue" label="职称" />
-            <el-table-column align="center" prop="timeValue" label="职务" />
-            <el-table-column align="center" prop="timeValue" label="专业" />
-            <el-table-column align="center" prop="timeValue" label="是否在用" />
-            <el-table-column align="center" prop="timeValue" label="人员类型" />
+            <el-table-column show-overflow-tooltip align="center" prop="userName" label="姓名" />
+            <el-table-column show-overflow-tooltip align="center" prop="idCard" label="身份证号" />
+            <el-table-column show-overflow-tooltip align="center" prop="education" label="学历" />
+            <el-table-column show-overflow-tooltip align="center" prop="title" label="职称" />
+            <el-table-column show-overflow-tooltip align="center" prop="position" label="职务" />
+            <el-table-column show-overflow-tooltip align="center" prop="major" label="专业" />
+            <el-table-column show-overflow-tooltip align="center" prop="diploma" label="资格证书" />
+            <el-table-column show-overflow-tooltip align="center" prop="proName" label="工程" />
+            <el-table-column show-overflow-tooltip align="center" prop="voltage" label="电压等级(kV)" />
+            <el-table-column show-overflow-tooltip align="center" prop="startTime" label="开始时间" />
+            <!-- <el-table-column align="center" prop="endTime" label="结束时间" /> -->
+            <el-table-column align="center" label="是否在用">
+                <template #default="{ row }">
+                    <span>{{ row.used == 0 ? '是' : '否' }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column align="center" prop="peopleType" label="人员类型" />
             <el-table-column align="center" label="操作">
                 <template #default="{ row }">
                     <el-button type="text" icon="el-icon-view" @click="onHandleViewDetails(row)">详情</el-button>
                 </template>
             </el-table-column>
         </el-table>
+
+        <pagination
+            :total="total"
+            @pagination="getKeyPersonList"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+        />
     </div>
 </template>
 
 <script>
+import { getPersonListAPI } from '@/api/comprehensive-query'
+import moment from 'moment'
 export default {
     name: 'ComprehensiveQuery',
 
@@ -111,32 +135,56 @@ export default {
                 userName: '',
                 title: '',
                 major: '',
-                timeValue: [],
+                used: '',
+                proName: '',
+                voltage: '',
+                startTime: '',
+                endTime: '',
+                pageNum: 1,
+                pageSize: 10,
             },
-            tableData: [
-                {
-                    name: '张三',
-                    title: '130102199003074919',
-                    major: '本科',
-                    timeValue: '工程师',
-                    timeValue: '工程师',
-                },
-            ],
+            timeValue_1: '',
+            timeValue_2: [],
+            tableData: [],
         }
     },
 
     methods: {
-        getKeyPersonList() {
-            console.log(this.queryParams)
+        handleTimeValueChange_1(val) {
+            // this.queryParams.startTime = ''
+            // this.queryParams.endTime = ''
+
+            if (val == '3') {
+                this.timeValue_2 = [moment().subtract(3, 'years').format('YYYY-MM-DD'), moment().format('YYYY-MM-DD')]
+            } else if (val == '5') {
+                this.timeValue_2 = [moment().subtract(5, 'years').format('YYYY-MM-DD'), moment().format('YYYY-MM-DD')]
+            }
+        },
+
+        async getKeyPersonList() {
+            if (this.timeValue_2.length > 0) {
+                this.queryParams.startTime = this.timeValue_2[0]
+                this.queryParams.endTime = this.timeValue_2[1]
+            } else {
+                this.queryParams.startTime = ''
+                this.queryParams.endTime = ''
+            }
+            const res = await getPersonListAPI(this.queryParams)
+
+            this.tableData = res.rows
+            this.total = res.total
         },
         resetQueryParams() {
             this.$refs.queryParamsRef.resetFields()
             this.queryParams.pageNum = 1
             this.queryParams.pageSize = 10
+            this.timeValue_1 = ''
+            this.timeValue_2 = []
             this.getKeyPersonList()
         },
         handleExport() {
-            console.log(this.queryParams)
+            // console.log(this.queryParams)
+            this.download('/comprehensive/peopleAllExport', {}, `综合查询_${new Date().getTime()}.xlsx`)
         },
 
         // 查看详情
@@ -145,12 +193,20 @@ export default {
                 path: '/comprehensive-query/details',
                 query: {
                     id: row.id,
+                    userName: row.userName,
+                    idCard: row.idCard,
+                    education: row.education,
+                    title: row.title,
+                    position: row.position,
+                    major: row.major,
+                    used: row.used == 0 ? '是' : '否',
+                    peopleType: row.peopleType,
                 },
             })
         },
     },
     created() {
-        // this.getKeyPersonList()
+        this.getKeyPersonList()
     },
 }
 </script>