xujun

src/api/index.js

@@ -466,6 +466,14 @@ export default {
             return fetch(`/v1/science-admin/com-project/projectExport/${params.id}`, params, 'get', 'json')
         },
     },
+    talent: {
+        getListByPage (params) {
+            return fetch(`/v1/science-admin/com-talent-apply/getListByPage`, params)
+        },
+        getCount (params) {
+            return fetch(`/v1/science-admin/com-talent-apply/getCount`, params)
+        },
+    },
     task: {
         getListByPage (params) {
             return fetch(`/v1/science-admin/com-project-task/getListByPage`, params)

src/router/index.js

@@ -119,6 +119,7 @@ export const routes = [
       { path: '/query/project', name: '项目申报查询1', component: () => import('@/views/query/project/Index.vue'), meta: { title: '项目申报查询', icon: '', noCache: true } },
       { path: '/query/task', name: '合同书查询1', component: () => import('@/views/query/task/Index.vue'), meta: { title: '合同书查询', icon: '', noCache: true } },
       { path: '/query/check', name: '中期考核上报查询1', component: () => import('@/views/query/check/Index.vue'), meta: { title: '中期考核上报查询', icon: '', noCache: true } },
+      { path: '/report/talent', name: '人才申报', component: () => import('@/views/report/talent/Index.vue'), meta: { title: '人才申报', icon: '', noCache: true } },
     ]
   },
   {

src/views/report/talent/Index.vue

+<template>
+  <div class="app-content">
+    <a-form :form="form" :model="searchForm" layout="inline" class="search_form">
+      <a-form-item>
+        <a-input placeholder="身份证号" v-model="searchForm.certId" :maxLength="100" style="width: 180px" />
+      </a-form-item>
+      <a-form-item>
+        <a-input placeholder="姓名" v-model="searchForm.personName" :maxLength="100" style="width: 180px" />
+      </a-form-item>
+      <a-form-item>
+        <a-button type="primary" icon="search" @click="search">搜索</a-button>
+        <a-button icon="reload" style="margin-left: 10px" @click="reset" class="bt-normal">重置</a-button>
+      </a-form-item>
+    </a-form>
+    <div style="width:100%;margin-bottom: 8px;">
+      <div style="display: inline-block;;width:50%">
+        <btn-group :data="tabDate" :itemCount="itemCount" v-model="activekey" @change="callback" />
+      </div>
+      <div style="display: inline-block;;width:50%;text-align: right;">
+        <a-button type="primary" style="margin-right:8px;" v-if="(display && isButten)" @click="createProject">新建项目</a-button>
+        <a-button type="primary" @click="exportData" icon="download">Excel</a-button>
+      </div>
+    </div>
+    <a-divider style="height: 1px; background-color: #e8e8e8;" />
+    <a-table :dataSource="tableData" :columns="columns" rowKey="id" :pagination="false" :loading="loading">
+      <template slot="stateSwitch" slot-scope="record">
+        <a-switch checked-children="启用" un-checked-children="停用" :checked="checkedState(record)" @change="switchChange($event,record)" />
+      </template>
+      <template slot="option" slot-scope="record">
+        <a-button type="link" size="small" @click="recordClick(record,'view')">查看</a-button>
+        <a-button type="link" size="small" @click="recordClick(record,'edit')">修改</a-button>
+        <a-button type="link" size="small" @click="recordClick(record,'reset')">重置密码</a-button>
+      </template>
+    </a-table>
+    <a-pagination v-if="pagination.total > 0" :total="pagination.total" show-size-changer show-quick-jumper v-model="pagination.pageIndex" :page-size="pagination.pageSize" :page-size-options="pagination.pageSizeOptions" @showSizeChange="showSizeChange" @change="change" :showTotal="() => `共 ${pagination.total} 条`" />
+  </div>
+</template>
+
+<script>
+import { isEmptyParams, filterExportExcelData, tableColumnsName } from "@/views/utils/common"
+
+export default {
+  name: "reportTalent",
+  data() {
+    return {
+      form: this.$form.createForm(this, { name: 'advanced_search' }),
+      activekey: '1',
+      tabDate: [
+        { key: "1", tab: "未上报" },
+        { key: "2", tab: "返回修改" },
+        { key: "3", tab: "已上报" },
+        { key: "4", tab: "所有" },
+      ],
+      itemCount: [0, 0, 0, 0, 0],
+      // 表单
+      searchForm: { certId: null, personName: null, talentState: 1, reportYear: null, knowledgeId: null },
+      tableData: [],
+      columns: [
+        { title: "身份证号", dataIndex: 'certId', align: 'center' },
+        { title: '姓名', scopedSlots: { customRender: 'personInfo' }, align: 'center' },
+        { title: '性别', dataIndex: 'sex', align: 'center' },
+        { title: '手机号', dataIndex: 'mobile', align: 'center' },
+        { title: '专业', dataIndex: 'specName', align: 'center' },
+        { title: '职称', dataIndex: 'titleName', align: 'center' },
+        { title: '申报年度', dataIndex: 'reportYear', align: 'center' },
+        { title: '状态', scopedSlots: { customRender: 'state' }, align: 'center' },
+        { title: '操作', scopedSlots: { customRender: 'option' }, align: 'center', fixed: 'right', width: 180, },
+      ],
+      pagination: {
+        pageIndex: 1, pageSize: this.$defaultPageSize, total: 0, pageSizeOptions: this.$defaultPageSizeOptions,
+      },
+      id: null,
+      isButten: false,
+      display: true,
+      loading: false,
+    };
+  },
+  created () {
+    this.getListByPage()
+  },
+  methods: {
+    getListByPage () {
+      this.getCount()
+      this.loading = true
+      let pars = isEmptyParams(this.searchForm)
+      let par = { ...pars, pageIndex: this.pagination.pageIndex, pageSize: this.pagination.pageSize }
+      this.$api.talent.getListByPage(par).then(({ data = {} }) => {
+        if (data) {
+          const { dataList = [], total = 0 } = data
+          this.tableData = dataList
+          this.pagination.total = total
+          this.loading = false
+          
+        } this.loading = false
+      }).catch(() => { this.loading = false })
+    },
+    getCount () {
+      this.$api.talent.getCount({ reportYear: this.searchForm.reportYear }).then(({ data = {} }) => {
+        if (data) {
+          this.itemCount = [data.count1, data.count2, data.count3, data.count4, data.count5]
+        }
+      }).catch(() => { })
+    },
+    showSizeChange (current, pageSize) {
+      this.pagination.pageSize = pageSize
+      this.getListByPage()
+    },
+    change () {
+      this.getListByPage()
+    },
+    search () {
+      this.pagination.pageIndex = 1
+      this.getListByPage()
+    },
+    reset () {
+      this.searchForm.certId = null
+      this.searchForm.personName = null
+      this.searchForm.knowledgeId = null
+      this.pagination.pageIndex = 1
+      this.getListByPage()
+    },
+    callback (key) {
+      if (key == '1')
+        this.display = true
+      else
+        this.display = false
+      this.searchForm.projState = key
+      this.getListByPage()
+    },
+    exportData() {
+
+    }
+  }
+};
+</script>