|
|
|
@ -4,16 +4,16 @@
|
|
|
|
|
* @Author: JC9527
|
|
|
|
|
* @Date: 2024-03-25 09:07:08
|
|
|
|
|
* @LastEditors: JC9527
|
|
|
|
|
* @LastEditTime: 2024-03-29 09:50:06
|
|
|
|
|
* @LastEditTime: 2024-03-29 16:51:22
|
|
|
|
|
-->
|
|
|
|
|
<template>
|
|
|
|
|
<div class="L-public-main">
|
|
|
|
|
<div class="L-public-main" id="L-size-main">
|
|
|
|
|
<div class="L-main">
|
|
|
|
|
<header>
|
|
|
|
|
<header id="L-header">
|
|
|
|
|
<el-form :inline="true" :model="formInline" size="small" class="demo-form-inline" ref="queryFrom">
|
|
|
|
|
<el-col :span="22">
|
|
|
|
|
<el-form-item label="项目分类:">
|
|
|
|
|
<el-select v-model="formInline.projectClassify" placeholder="请选择">
|
|
|
|
|
<el-select class="ignoreElement" v-model="formInline.projectClassify" placeholder="请选择">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="dict in dict.type.jjh_project_type"
|
|
|
|
|
:key="dict.value"
|
|
|
|
@ -30,6 +30,7 @@
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="年份:">
|
|
|
|
|
<el-date-picker
|
|
|
|
|
class="ignoreElement"
|
|
|
|
|
v-model="formInline.projectYear"
|
|
|
|
|
format="yyyy"
|
|
|
|
|
value-format="yyyy"
|
|
|
|
@ -38,7 +39,7 @@
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="状态:">
|
|
|
|
|
<el-select v-model="formInline.status" placeholder="请选择">
|
|
|
|
|
<el-select class="ignoreElement" v-model="formInline.status" placeholder="请选择">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="dict in dict.type.jjh_status"
|
|
|
|
|
:key="dict.value"
|
|
|
|
@ -58,7 +59,7 @@
|
|
|
|
|
</el-form>
|
|
|
|
|
</header>
|
|
|
|
|
<section>
|
|
|
|
|
<el-table v-loading="loading" :data="tableData" :row-class-name="tableRowClassName">
|
|
|
|
|
<el-table v-loading="loading" :data="tableData" :row-class-name="tableRowClassName" :height="tabHeader" :max-height="tabHeader">
|
|
|
|
|
<el-table-column label="项目分类" key="projectClassify" width="250px" prop="projectClassify">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<dict-tag :options="dict.type.jjh_project_type" :value="scope.row.projectClassify"/>
|
|
|
|
@ -99,6 +100,7 @@
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
<my-pagination
|
|
|
|
|
id="L-pagination"
|
|
|
|
|
:total="total"
|
|
|
|
|
:page="pagination.current"
|
|
|
|
|
:limit="pagination.size"
|
|
|
|
@ -112,7 +114,7 @@
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form :model="importFrom" size="small" ref="importFrom" label-width="100px" :rules="rules">
|
|
|
|
|
<el-form-item label="项目分类:" class="importFormItem" prop="projectClassify">
|
|
|
|
|
<el-select v-model="importFrom.projectClassify" placeholder="请选择">
|
|
|
|
|
<el-select class="ignoreElement" v-model="importFrom.projectClassify" placeholder="请选择">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="dict in dict.type.jjh_project_type"
|
|
|
|
|
:key="dict.value"
|
|
|
|
@ -123,6 +125,7 @@
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="年份:" class="importFormItem" prop="projectYear">
|
|
|
|
|
<el-date-picker
|
|
|
|
|
class="ignoreElement"
|
|
|
|
|
v-model="importFrom.projectYear"
|
|
|
|
|
type="year"
|
|
|
|
|
format="yyyy"
|
|
|
|
@ -267,6 +270,7 @@ export default {
|
|
|
|
|
// url: process.env.VUE_APP_BASE_API + "/jjh/jProject/export"
|
|
|
|
|
url: process.env.VUE_APP_BASE_API + "/jjh/jProject/importTemplateProject"
|
|
|
|
|
},
|
|
|
|
|
tabHeader: undefined,
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
@ -274,8 +278,14 @@ export default {
|
|
|
|
|
this.formInline.projectClassify = this.$route.query.projectId;
|
|
|
|
|
this.pagination = { ...this.pagination,...this.formInline };
|
|
|
|
|
}
|
|
|
|
|
this.cancalDebounce();
|
|
|
|
|
window.addEventListener('resize', this.cancalDebounce);
|
|
|
|
|
|
|
|
|
|
this.getList();
|
|
|
|
|
},
|
|
|
|
|
destroyed() {
|
|
|
|
|
window.removeEventListener('resize', this.cancalDebounce);
|
|
|
|
|
},
|
|
|
|
|
methods:{
|
|
|
|
|
// 列表获取
|
|
|
|
|
getList(){
|
|
|
|
@ -396,6 +406,16 @@ export default {
|
|
|
|
|
return 'evenNumber-row';
|
|
|
|
|
}
|
|
|
|
|
return '';
|
|
|
|
|
},
|
|
|
|
|
// 屏幕尺寸变化
|
|
|
|
|
cancalDebounce(){
|
|
|
|
|
const element = document.getElementById('L-size-main'); // 通过元素的 ID 获取元素
|
|
|
|
|
const header = document.getElementById('L-header'); // 通过元素的 ID 获取元素
|
|
|
|
|
const pagination = document.getElementById('L-pagination'); // 通过元素的 ID 获取元素
|
|
|
|
|
const elementHeight = element.offsetHeight;
|
|
|
|
|
const headerHeight = header.offsetHeight;
|
|
|
|
|
const paginationtHeight = pagination.offsetHeight;
|
|
|
|
|
this.tabHeader = elementHeight - headerHeight - paginationtHeight - 140;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|