suzhou-jichuang-lanhai
/
jin_ji_hu
10
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

接口参数修改 current size

Browse Source
xuhongjie
许宏杰 2 months ago
parent 09cad209ad
commit f939ea9726
6 changed files with 956 additions and 364 deletions
Show Stats Download Patch File Download Diff File

2
.env.development
Unescape View File

@ -5,7 +5,7 @@ VUE_APP_TITLE = 金鸡湖现代服务业品牌管理系统
ENV = 'development' ENV = 'development'
# 金鸡湖现代服务业品牌管理系统/开发环境 # 金鸡湖现代服务业品牌管理系统/开发环境
VUE_APP_BASE_API = 'http://192.168.0.122:9040' VUE_APP_BASE_API = 'http://192.168.0.123:9040'
# 测试环境数据库 # 测试环境数据库
# VUE_APP_BASE_API = 'http://39.101.188.84:9040' # VUE_APP_BASE_API = 'http://39.101.188.84:9040'
# 脱敏三方测试用数据库 # 脱敏三方测试用数据库

4
.env.production
Unescape View File

@ -7,9 +7,9 @@ ENV = 'production'
# 金鸡湖现代服务业品牌管理系统/生产环境 # 金鸡湖现代服务业品牌管理系统/生产环境
# VUE_APP_BASE_API = '/prod-api' # VUE_APP_BASE_API = '/prod-api'
# 测试环境数据库 # 测试环境数据库
VUE_APP_BASE_API = 'http://39.101.188.84:9040' # VUE_APP_BASE_API = 'http://39.101.188.84:9040'
# 脱敏三方测试用数据库 # 脱敏三方测试用数据库
# VUE_APP_BASE_API = 'http://39.101.188.84:9031' # VUE_APP_BASE_API = 'http://39.101.188.84:9031'
# VUE_APP_BASE_API = 'http://192.114.0.197/api' # VUE_APP_BASE_API = 'http://192.114.0.197/api'
# 正式环境数据库 # 正式环境数据库
# VUE_APP_BASE_API = 'https://idp.sipac.gov.cn/api' VUE_APP_BASE_API = 'https://idp.sipac.gov.cn/api'

2
package.json
Unescape View File

@ -1,6 +1,6 @@
{ {
"name": "ruoyi", "name": "ruoyi",
"version": "1.0.202502171515", "version": "1.0.202502181028",
"description": "金鸡湖现代服务业品牌管理系统", "description": "金鸡湖现代服务业品牌管理系统",
"author": "若依", "author": "若依",
"license": "MIT", "license": "MIT",

153
src/views/abnormalRemind/index.vue
Unescape View File

@ -3,39 +3,96 @@
<div class="L-public-main" id="L-size-main"> <div class="L-public-main" id="L-size-main">
<div class="L-main"> <div class="L-main">
<header id="L-header"> <header id="L-header">
<el-form :inline="true" :model="formInline" size="small" class="demo-form-inline" ref="queryFrom"> <el-form
:inline="true"
:model="formInline"
size="small"
class="demo-form-inline"
ref="queryFrom"
>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="待办任务标题：" prop="enterpriseDirectory"> <el-form-item label="待办任务标题：" prop="enterpriseDirectory">
<el-input v-model.trim="formInline.enterpriseDirectory" placeholder="请输入内容"></el-input> <el-input
v-model.trim="formInline.enterpriseDirectory"
placeholder="请输入内容"
></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button size="mini" @click="resetQuery('queryFrom')">重置</el-button> <el-button size="mini" @click="resetQuery('queryFrom')"
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')">查询</el-button> >重置</el-button
>
<el-button
size="mini"
type="primary"
@click="handleQuery('queryFrom')"
>查询</el-button
>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-form> </el-form>
</header> </header>
<section> <section>
<el-table v-loading="loading" :data="tableData" :row-class-name="tableRowClassName" :height="tabHeader" :max-height="tabHeader"> <el-table
<el-table-column label="序号" type="index" align="center" width="50"/> v-loading="loading"
<el-table-column label="待办任务标题" align="center" prop="enterpriseDirectory" /> :data="tableData"
:row-class-name="tableRowClassName"
:height="tabHeader"
:max-height="tabHeader"
>
<el-table-column
label="序号"
type="index"
align="center"
width="50"
/>
<el-table-column
label="待办任务标题"
align="center"
prop="enterpriseDirectory"
/>
<el-table-column label="审核状态" align="center" prop="cylx"> <el-table-column label="审核状态" align="center" prop="cylx">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.status == 5" class="approval_status5">评审通过</span> <span v-if="scope.row.status == 5" class="approval_status5"
>评审通过</span
>
<!-- <span v-if="scope.row.status == 4" class="approval_status3">市级评定中</span> --> <!-- <span v-if="scope.row.status == 4" class="approval_status3">市级评定中</span> -->
<span v-if="scope.row.status == 3" class="approval_status3">终审中</span> <span v-if="scope.row.status == 3" class="approval_status3"
<span v-if="scope.row.status == 2" class="approval_status1">复审中</span> >终审中</span
<span v-if="scope.row.status == 1" class="approval_status1">初审中</span> >
<span v-if="scope.row.status == 0" class="approval_status0">待填报</span> <span v-if="scope.row.status == 2" class="approval_status1"
<span v-if="scope.row.status == 8" class="approval_status8">初审不通过</span> >复审中</span
<span v-if="scope.row.status == 7" class="approval_status9">复审不通过</span> >
<span v-if="scope.row.status == 1" class="approval_status1"
>初审中</span
>
<span v-if="scope.row.status == 0" class="approval_status0"
>待填报</span
>
<span v-if="scope.row.status == 8" class="approval_status8"
>初审不通过</span
>
<span v-if="scope.row.status == 7" class="approval_status9"
>复审不通过</span
>
<!-- <span v-if="scope.row.status == 6" class="approval_status9">专家评审-拒绝</span> --> <!-- <span v-if="scope.row.status == 6" class="approval_status9">专家评审-拒绝</span> -->
<span v-if="scope.row.status == 6" class="approval_status5">已填报</span> <span v-if="scope.row.status == 6" class="approval_status5"
<span v-if="scope.row.status == 9" class="approval_status9">终审不通过</span> >已填报</span
<span v-if="scope.row.status == 10" class="approval_status9">初审驳回</span> >
<span v-if="scope.row.status == 9" class="approval_status9"
>终审不通过</span
>
<span v-if="scope.row.status == 10" class="approval_status9"
>初审驳回</span
>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" prop="userId" align="center" class-name="table-operation" width="120"> <el-table-column
label="操作"
prop="userId"
align="center"
class-name="table-operation"
width="120"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span class="look-info" @click="goInfo(scope.row)">去查看</span> <span class="look-info" @click="goInfo(scope.row)">去查看</span>
</template> </template>
@ -54,8 +111,8 @@
</div> </div>
</template> </template>
<script> <script>
import myPagination from "@/views/components/Pagination/index.vue" import myPagination from "@/views/components/Pagination/index.vue";
import { listRecords } from "@/api/onlineDeclartion/records" import { listRecords } from "@/api/onlineDeclartion/records";
export default { export default {
components: { myPagination }, components: { myPagination },
data() { data() {
@ -64,22 +121,22 @@ export default {
deptId: this.$store.state.user.deptId, deptId: this.$store.state.user.deptId,
total: 0, total: 0,
pagination: { pagination: {
pageNum:1, current: 1,
pageSize:10, size: 10,
orderChange: 1, orderChange: 1,
}, },
loading: false, loading: false,
formInline: { formInline: {
enterpriseDirectory: '', enterpriseDirectory: "",
type: null, type: null,
}, },
tableData: [], tableData: [],
tabHeader: undefined, tabHeader: undefined,
} };
}, },
mounted() { mounted() {
this.cancalDebounce(); this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce); window.addEventListener("resize", this.cancalDebounce);
// if(this.$route.params.enterpriseName) { // if(this.$route.params.enterpriseName) {
// this.formInline.enterpriseName = this.$route.params.enterpriseName; // this.formInline.enterpriseName = this.$route.params.enterpriseName;
// this.pagination = { ...this.pagination,...this.formInline }; // this.pagination = { ...this.pagination,...this.formInline };
@ -87,17 +144,17 @@ export default {
this.getList(); this.getList();
}, },
destroyed() { destroyed() {
window.removeEventListener('resize', this.cancalDebounce); window.removeEventListener("resize", this.cancalDebounce);
}, },
methods: { methods: {
// 列表获取 // 列表获取
getList() { getList() {
this.loading = true; this.loading = true;
listRecords(this.pagination).then(res=>{ listRecords(this.pagination).then((res) => {
this.loading = false; this.loading = false;
this.total = res.total; this.total = res.total;
this.tableData = res.rows; this.tableData = res.data.records;
}) });
}, },
// 获取页码 // 获取页码
getPagination(pages) { getPagination(pages) {
@ -109,8 +166,8 @@ export default {
handleQuery() { handleQuery() {
this.pagination = { this.pagination = {
pageNum: 1, pageNum: 1,
pageSize: 10 pageSize: 10,
} };
this.pagination = { ...this.pagination, ...this.formInline }; this.pagination = { ...this.pagination, ...this.formInline };
this.getList(); this.getList();
}, },
@ -119,35 +176,35 @@ export default {
this.$refs[formName].resetFields(); this.$refs[formName].resetFields();
this.pagination = { this.pagination = {
pageNum: 1, pageNum: 1,
pageSize: 10 pageSize: 10,
} };
this.getList(); this.getList();
}, },
// 修改table背景色 // 修改table背景色
tableRowClassName({ row, rowIndex }) { tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 !== 0) { if (rowIndex % 2 !== 0) {
return 'evenNumber-row'; return "evenNumber-row";
} }
return ''; return "";
}, },
// 查看详情 // 查看详情
goInfo(row) { goInfo(row) {
this.$router.push({ this.$router.push({
name: 'Online', name: "Online",
}) });
}, },
// 屏幕尺寸变化 // 屏幕尺寸变化
cancalDebounce() { cancalDebounce() {
const element = document.getElementById('L-size-main'); // 通过元素的 ID 获取元素 const element = document.getElementById("L-size-main"); // 通过元素的 ID 获取元素
const header = document.getElementById('L-header'); // 通过元素的 ID 获取元素 const header = document.getElementById("L-header"); // 通过元素的 ID 获取元素
const pagination = document.getElementById('L-pagination'); // 通过元素的 ID 获取元素 const pagination = document.getElementById("L-pagination"); // 通过元素的 ID 获取元素
const elementHeight = element.offsetHeight; const elementHeight = element.offsetHeight;
const headerHeight = header.offsetHeight; const headerHeight = header.offsetHeight;
const paginationtHeight = pagination.offsetHeight; const paginationtHeight = pagination.offsetHeight;
this.tabHeader = elementHeight - headerHeight - paginationtHeight - 140; this.tabHeader = elementHeight - headerHeight - paginationtHeight - 140;
}
}, },
} },
};
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.approval_status5 { .approval_status5 {
@ -157,7 +214,7 @@ export default {
} }
.approval_status5::after { .approval_status5::after {
position: absolute; position: absolute;
content: ''; content: "";
width: 7px; width: 7px;
height: 7px; height: 7px;
border-radius: 50%; border-radius: 50%;
@ -173,7 +230,7 @@ export default {
} }
.approval_status3::after { .approval_status3::after {
position: absolute; position: absolute;
content: ''; content: "";
width: 7px; width: 7px;
height: 7px; height: 7px;
border-radius: 50%; border-radius: 50%;
@ -189,7 +246,7 @@ export default {
} }
.approval_status1::after { .approval_status1::after {
position: absolute; position: absolute;
content: ''; content: "";
width: 7px; width: 7px;
height: 7px; height: 7px;
border-radius: 50%; border-radius: 50%;
@ -205,7 +262,7 @@ export default {
} }
.approval_status0::after { .approval_status0::after {
position: absolute; position: absolute;
content: ''; content: "";
width: 7px; width: 7px;
height: 7px; height: 7px;
border-radius: 50%; border-radius: 50%;
@ -221,7 +278,7 @@ export default {
} }
.approval_status8::after { .approval_status8::after {
position: absolute; position: absolute;
content: ''; content: "";
width: 7px; width: 7px;
height: 7px; height: 7px;
border-radius: 50%; border-radius: 50%;
@ -237,7 +294,7 @@ export default {
} }
.approval_status9::after { .approval_status9::after {
position: absolute; position: absolute;
content: ''; content: "";
width: 7px; width: 7px;
height: 7px; height: 7px;
border-radius: 50%; border-radius: 50%;

515
src/views/home/index.vue
Unescape View File

@ -16,27 +16,52 @@
<div class="left-echart"> <div class="left-echart">
<echart></echart> <echart></echart>
</div> </div>
<div class="right-tables" :style="{height : tabOneHeader + 'px'}" v-if="tableData.length > 0"> <div
<div class="table-items" v-for="item in tableData" :key="item.id"> class="right-tables"
<div class="project-name" @click="goProjectInfoLeft(item)">【{{item.projectName}}】</div> :style="{ height: tabOneHeader + 'px' }"
v-if="tableData.length > 0"
>
<div
class="table-items"
v-for="item in tableData"
:key="item.id"
>
<div class="project-name" @click="goProjectInfoLeft(item)">
【{{ item.projectName }}】
</div>
<div class="project-type"> <div class="project-type">
<span class="left-title">项目类别：</span> <span class="left-title">项目类别：</span>
<div class="project-type-box" v-if="item.projectBigType"> <div class="project-type-box" v-if="item.projectBigType">
<dict-tag class="right-value" :options="dict.type.project_categories" :value="item.projectBigType"/> <dict-tag
class="right-value"
:options="dict.type.project_categories"
:value="item.projectBigType"
/>
</div> </div>
<span class="right-value" v-else>其他</span> <span class="right-value" v-else>其他</span>
</div> </div>
<div class="declare-time"> <div class="declare-time">
<span class="left-title">拨付时间：</span> <span class="left-title">拨付时间：</span>
<span class="right-number">{{ item.appropriationTime ? formatDate(item.appropriationTime,2) : '' }}</span> <span class="right-number">{{
item.appropriationTime
? formatDate(item.appropriationTime, 2)
: ""
}}</span>
</div> </div>
<div class="appropriate"> <div class="appropriate">
<span class="left-title">拨付金额<span class="left-unit">(元)</span>:</span> <span class="left-title"
>拨付金额<span class="left-unit">(元)</span>:</span
>
<span class="right-number">{{ item.fundAmount }}</span> <span class="right-number">{{ item.fundAmount }}</span>
</div> </div>
</div> </div>
</div> </div>
<el-empty class="right-tables-Two" :style="{height : tabOneHeader + 'px'}" :image-size="160" v-else></el-empty> <el-empty
class="right-tables-Two"
:style="{ height: tabOneHeader + 'px' }"
:image-size="160"
v-else
></el-empty>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="enterprise-honor"> <el-col :span="12" class="enterprise-honor">
@ -44,15 +69,31 @@
<span class="garden"></span> <span class="garden"></span>
<span class="box-header-title">企业荣誉资质（5个）</span> <span class="box-header-title">企业荣誉资质（5个）</span>
</div> </div>
<div class="two-tables" :style="{height : tabOneHeader + 'px'}" v-if="enterpriseHonor.length > 0"> <div
<div class="table-items" v-for="item in enterpriseHonor" :key="item.id"> class="two-tables"
:style="{ height: tabOneHeader + 'px' }"
v-if="enterpriseHonor.length > 0"
>
<div
class="table-items"
v-for="item in enterpriseHonor"
:key="item.id"
>
<div class="promoteProject-top"> <div class="promoteProject-top">
<span class="span-one" @click="goProjectInfo(item)"><dict-tag :options="dict.type.project_small_type" :value="item.projectSmallType"/></span> <span class="span-one" @click="goProjectInfo(item)"
><dict-tag
:options="dict.type.project_small_type"
:value="item.projectSmallType"
/></span>
</div> </div>
<div class="promoteProject-bottom"> <div class="promoteProject-bottom">
<div class="promoteProject-bottom-left"> <div class="promoteProject-bottom-left">
项目类别： 项目类别：
<span class="span-two"><dict-tag :options="dict.type.project_categories" :value="item.projectBigType"/></span> <span class="span-two"
><dict-tag
:options="dict.type.project_categories"
:value="item.projectBigType"
/></span>
</div> </div>
<div class="promoteProject-bottom-right"> <div class="promoteProject-bottom-right">
申报时间： 申报时间：
@ -61,7 +102,11 @@
</div> </div>
</div> </div>
</div> </div>
<el-empty :style="{height : tabOneHeader + 'px'}" :image-size="160" v-else></el-empty> <el-empty
:style="{ height: tabOneHeader + 'px' }"
:image-size="160"
v-else
></el-empty>
</el-col> </el-col>
</el-row> </el-row>
<el-row class="home-enterprise-bottom"> <el-row class="home-enterprise-bottom">
@ -71,23 +116,56 @@
<span class="box-header-title">往年专项资金申报（10个）</span> <span class="box-header-title">往年专项资金申报（10个）</span>
</div> </div>
<section> <section>
<el-table v-loading="loadingTab" class="dataMap-two-table" :data="tableData" :height="tableTwoHeight" border :header-cell-style="{background:'#E8F3FC'}"> <el-table
<el-table-column label="项目类别" prop="projectType" align="center"> v-loading="loadingTab"
class="dataMap-two-table"
:data="tableData"
:height="tableTwoHeight"
border
:header-cell-style="{ background: '#E8F3FC' }"
>
<el-table-column
label="项目类别"
prop="projectType"
align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="scope.row.projectBigType"> <div v-if="scope.row.projectBigType">
<dict-tag :options="dict.type.project_categories" :value="scope.row.projectBigType"/> <dict-tag
:options="dict.type.project_categories"
:value="scope.row.projectBigType"
/>
</div> </div>
<span v-else>其他</span> <span v-else>其他</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="项目名称" prop="projectName" align="center"> <el-table-column
label="项目名称"
prop="projectName"
align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<div class="project-trace-table" @click="goProjectInfoLeft(scope.row)">{{ scope.row.projectName }}</div> <div
class="project-trace-table"
@click="goProjectInfoLeft(scope.row)"
>
{{ scope.row.projectName }}
</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="专项资金拨付时间" prop="time" align="center"> <el-table-column
label="专项资金拨付时间"
prop="time"
align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<div class="project-trace-table-number">{{ scope.row.appropriationTime ? formatDate(scope.row.appropriationTime,2) : '' }}</div> <div class="project-trace-table-number">
{{
scope.row.appropriationTime
? formatDate(scope.row.appropriationTime, 2)
: ""
}}
</div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -98,97 +176,217 @@
<span class="garden"></span> <span class="garden"></span>
<span class="box-header-title">关联项目进展（3个）</span> <span class="box-header-title">关联项目进展（3个）</span>
</div> </div>
<div class="promoteProject-box-wai-box" :style="{height:tableTwoHeight + 'px'}" v-if="tableTwoData.length > 0"> <div
<div class="promoteProject-box-div" v-for="(item,index) in tableTwoData" :key="index"> class="promoteProject-box-wai-box"
:style="{ height: tableTwoHeight + 'px' }"
v-if="tableTwoData.length > 0"
>
<div
class="promoteProject-box-div"
v-for="(item, index) in tableTwoData"
:key="index"
>
<div class="promoteProject-top"> <div class="promoteProject-top">
<span class="span-one" @click="goProjectInfo(item)">【<dict-tag :options="dict.type.project_small_type" :value="item.projectSmallType"/>】</span> <span class="span-one" @click="goProjectInfo(item)"
>【<dict-tag
:options="dict.type.project_small_type"
:value="item.projectSmallType"
/>】</span
>
</div> </div>
<div class="promoteProject-bottom"> <div class="promoteProject-bottom">
<div class="promoteProject-bottom-left"> <div class="promoteProject-bottom-left">
项目类别： 项目类别：
<span class="span-two"><dict-tag :options="dict.type.project_categories" :value="item.projectBigType"/></span> <span class="span-two"
><dict-tag
:options="dict.type.project_categories"
:value="item.projectBigType"
/></span>
</div> </div>
<div class="promoteProject-bottom-right"> <div class="promoteProject-bottom-right">
申报时间： 申报时间：
<span class="span-three">{{ formatYear(item) }}</span> <span class="span-three">{{ formatYear(item) }}</span>
</div> </div>
</div> </div>
<div class="promoteProject-position" :class="(item.status == 0 || item.status == 1 || item.status == 2 || item.status == 3) ? 'orange' : (item.status == 6) ? 'green' : (item.status == 7 || item.status == 8 || item.status == 9 || item.status == 10) ? 'red' : ''"> <div
{{item.status == 0 ? '待填报' : item.status == 1 ? '初审中' : item.status == 2 ? '复审中' : item.status == 3 ? '终审中' : item.status == 6 ? '已填报' : item.status == 7 ? '复审不通过' : item.status == 8 ? '初审不通过' : item.status == 9 ? '终审不通过' : item.status == 10 ? '初审驳回' : ''}} class="promoteProject-position"
</div> :class="
</div> item.status == 0 ||
</div> item.status == 1 ||
<el-empty :style="{height : tableTwoHeight + 'px'}" :image-size="160" v-else></el-empty> item.status == 2 ||
item.status == 3
? 'orange'
: item.status == 6
? 'green'
: item.status == 7 ||
item.status == 8 ||
item.status == 9 ||
item.status == 10
? 'red'
: ''
"
>
{{
item.status == 0
? "待填报"
: item.status == 1
? "初审中"
: item.status == 2
? "复审中"
: item.status == 3
? "终审中"
: item.status == 6
? "已填报"
: item.status == 7
? "复审不通过"
: item.status == 8
? "初审不通过"
: item.status == 9
? "终审不通过"
: item.status == 10
? "初审驳回"
: ""
}}
</div>
</div>
</div>
<el-empty
:style="{ height: tableTwoHeight + 'px' }"
:image-size="160"
v-else
></el-empty>
</el-col> </el-col>
</el-row> </el-row>
</el-col> </el-col>
<el-col :span="8" class="home-main-right"> <el-col :span="8" class="home-main-right">
<el-row type="flex" class="main-two-row"> <el-row type="flex" class="main-two-row">
<el-col :span="24" class="work-main-left" style="height: 49.5%;"> <el-col :span="24" class="work-main-left" style="height: 49.5%">
<div class="main-left"> <div class="main-left">
<div class="left-header"> <div class="left-header">
<div class="left-header-titleS"> <div class="left-header-titleS">
<span class="dataCloudMap-birght"></span> <span class="dataCloudMap-birght"></span>
<div class="left-header-title">智能提醒</div> <div class="left-header-title">智能提醒</div>
</div> </div>
<el-button @click="enterjump" type="text" v-if="remindList.length > 0">>> 更多记录</el-button> <el-button
@click="enterjump"
type="text"
v-if="remindList.length > 0"
>>> 更多记录</el-button
>
</div> </div>
<div class="left-main" v-if="remindList.length > 0"> <div class="left-main" v-if="remindList.length > 0">
<el-card shadow="never" v-for="(item,index) in remindList" :key="index" :class="item.isRead == 1 ? 'el-card-border' : ''"> <el-card
shadow="never"
v-for="(item, index) in remindList"
:key="index"
:class="item.isRead == 1 ? 'el-card-border' : ''"
>
<div class="warn-main"> <div class="warn-main">
<div class="warn-main-left" v-if="item.alertManner == 2"> <div class="warn-main-left" v-if="item.alertManner == 2">
<div class="warn-main-img"><img src="@/assets/images/warn-green.png" alt=""></div> <div class="warn-main-img">
<img src="@/assets/images/warn-green.png" alt="" />
</div>
<div class="warn-main-content"> <div class="warn-main-content">
<div class="content-title">【{{ item.declarationName }}】【预计{{ item.daysAdvance }}天后填报结束】</div> <div class="content-title">
<div class="content-middle">{{ item.alertContent }}</div> 【{{ item.declarationName }}】【预计{{
item.daysAdvance
}}天后填报结束】
</div>
<div class="content-middle">
{{ item.alertContent }}
</div>
<!-- <div class="content-time">{{ item.alertTime }}</div> --> <!-- <div class="content-time">{{ item.alertTime }}</div> -->
<div class="tixing-duanxin"> <div class="tixing-duanxin">
<div class="content-time">{{ item.alertTime }}</div> <div class="content-time">{{ item.alertTime }}</div>
<div class="content-time content-time-two">已发送短信</div> <div class="content-time content-time-two">
已发送短信
</div>
</div>
</div> </div>
</div> </div>
<div
class="warn-main-left"
v-else-if="
item.alertManner == 1 &&
item.qymc &&
item.alertRecipients == 2
"
>
<div class="warn-main-img">
<img src="@/assets/images/warn-orange.png" alt="" />
</div> </div>
<div class="warn-main-left" v-else-if="item.alertManner == 1 && item.qymc && item.alertRecipients == 2">
<div class="warn-main-img"><img src="@/assets/images/warn-orange.png" alt=""></div>
<div class="warn-main-content"> <div class="warn-main-content">
<div class="content-title" style="display: flex;">【{{ item.qymc }}】<dict-tag :options="dict.type.project_small_type" :value="item.declarationName"/></div> <div class="content-title" style="display: flex">
<div class="content-middle">{{ item.alertContent }}</div> 【{{ item.qymc }}】<dict-tag
:options="dict.type.project_small_type"
:value="item.declarationName"
/>
</div>
<div class="content-middle">
{{ item.alertContent }}
</div>
<!-- <div class="content-time">{{ item.alertTime }}</div> --> <!-- <div class="content-time">{{ item.alertTime }}</div> -->
<div class="tixing-duanxin"> <div class="tixing-duanxin">
<div class="content-time">{{ item.alertTime }}</div> <div class="content-time">{{ item.alertTime }}</div>
<div class="content-time content-time-two">已发送短信</div> <div class="content-time content-time-two">
已发送短信
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="warn-main-left" v-else-if="item.alertManner == 1 && item.projectId"> <div
<div class="warn-main-img"><img src="@/assets/images/warn-orange.png" alt=""></div> class="warn-main-left"
v-else-if="item.alertManner == 1 && item.projectId"
>
<div class="warn-main-img">
<img src="@/assets/images/warn-orange.png" alt="" />
</div>
<div class="warn-main-content"> <div class="warn-main-content">
<div class="content-title">【{{ item.declarationName }}】</div> <div class="content-title">
<div class="content-middle">{{ item.alertContent }}</div> 【{{ item.declarationName }}】
</div>
<div class="content-middle">
{{ item.alertContent }}
</div>
<!-- <div class="content-time">{{ item.alertTime }}</div> --> <!-- <div class="content-time">{{ item.alertTime }}</div> -->
<div class="tixing-duanxin"> <div class="tixing-duanxin">
<div class="content-time">{{ item.alertTime }}</div> <div class="content-time">{{ item.alertTime }}</div>
<div class="content-time content-time-two">已发送短信</div> <div class="content-time content-time-two">
已发送短信
</div> </div>
</div> </div>
</div> </div>
<div class="warn-main-left different-left" v-else-if="item.alertManner == 1 && !item.projectId"> </div>
<div class="warn-main-img"><img src="@/assets/images/warn-blue.png" alt=""></div> <div
class="warn-main-left different-left"
v-else-if="item.alertManner == 1 && !item.projectId"
>
<div class="warn-main-img">
<img src="@/assets/images/warn-blue.png" alt="" />
</div>
<div class="warn-main-content"> <div class="warn-main-content">
<div class="content-title">{{ item.alertContent }}</div> <div class="content-title">{{ item.alertContent }}</div>
<!-- <div class="content-time">{{ item.alertTime }}</div> --> <!-- <div class="content-time">{{ item.alertTime }}</div> -->
<div class="tixing-duanxin"> <div class="tixing-duanxin">
<div class="content-time">{{ item.alertTime }}</div> <div class="content-time">{{ item.alertTime }}</div>
<div class="content-time content-time-two">已发送短信</div> <div class="content-time content-time-two">
已发送短信
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="warn-main-right"> <div class="warn-main-right">
<div class="warn-main-right-chakan" @click="putMemo(item)"> <div
class="warn-main-right-chakan"
@click="putMemo(item)"
>
查看 查看
</div> </div>
<div class="warn-main-right-status" :class="item.isRead == 1 ? 'status-unread' : ''"> <div
{{ item.isRead == 1 ? '未读' : '已读' }} class="warn-main-right-status"
:class="item.isRead == 1 ? 'status-unread' : ''"
>
{{ item.isRead == 1 ? "未读" : "已读" }}
</div> </div>
</div> </div>
</div> </div>
@ -200,25 +398,86 @@
</div> --> </div> -->
</div> </div>
</el-col> </el-col>
<el-col :span="24" class="work-main-right" style="height: 49.5%;"> <el-col :span="24" class="work-main-right" style="height: 49.5%">
<div class="main-right" id="task-box"> <div class="main-right" id="task-box">
<div class="right-header" id="task-header"> <div class="right-header" id="task-header">
<div class="right-header-box"> <div class="right-header-box">
<span class="dataCloudMap-birght"></span> <span class="dataCloudMap-birght"></span>
<div class="right-header-title">待办任务</div> <div class="right-header-title">待办任务</div>
</div> </div>
<el-button @click="enterjumpTask" type="text" v-if="backlogArray.length > 0">>> 更多记录</el-button> <el-button
</div> @click="enterjumpTask"
<div class="right-main" :style="{height: tabHeader+'px'}" v-if="backlogArray.length > 0" v-loading="loading"> type="text"
<div class="main-items" v-for="(item,index) in backlogArray" :key="index" :class="index % 2 == 0 ? '':'main-item'"> v-if="backlogArray.length > 0"
>>> 更多记录</el-button
>
</div>
<div
class="right-main"
:style="{ height: tabHeader + 'px' }"
v-if="backlogArray.length > 0"
v-loading="loading"
>
<div
class="main-items"
v-for="(item, index) in backlogArray"
:key="index"
:class="index % 2 == 0 ? '' : 'main-item'"
>
<div>{{ item.enterpriseDirectory }}</div> <div>{{ item.enterpriseDirectory }}</div>
<!-- <div>{{ item.enterpriseName }}</div> --> <!-- <div>{{ item.enterpriseName }}</div> -->
<div>{{ (item.status == 0 ? "待填报" : item.status == 8 ? "初审不通过" : item.status == 10 ? "初审退回修改" : item.status == 7 ? "复审不通过" : item.status == 9 ? "终审不通过" : item.status == 5 ? "终审通过" : item.status == 1 ? "初审中" : item.status == 2 ? "复审中" : item.status == 3 ? "终审中" : item.status == 6 ? "已填报" : "") }}</div> <div>
<!-- <div>审批【知识产权】材料</div> --> {{
<div @click="MoreRecords(item.status)" class="last_child_item" :class="item.status == 0 ? 'tab-red' : item.status == 10 ? 'tab-red' : 'last_child_item'">{{ item.status == 0 ? "去填报" : item.status == 10 ? "去修改" : "去查看"}}</div> item.status == 0
? "待填报"
: item.status == 8
? "初审不通过"
: item.status == 10
? "初审退回修改"
: item.status == 7
? "复审不通过"
: item.status == 9
? "终审不通过"
: item.status == 5
? "终审通过"
: item.status == 1
? "初审中"
: item.status == 2
? "复审中"
: item.status == 3
? "终审中"
: item.status == 6
? "已填报"
: ""
}}
</div> </div>
</div> <!-- <div>审批【知识产权】材料</div> -->
<el-empty :style="{height: tabHeader+'px'}" :image-size="160" v-else></el-empty> <div
@click="MoreRecords(item.status)"
class="last_child_item"
:class="
item.status == 0
? 'tab-red'
: item.status == 10
? 'tab-red'
: 'last_child_item'
"
>
{{
item.status == 0
? "去填报"
: item.status == 10
? "去修改"
: "去查看"
}}
</div>
</div>
</div>
<el-empty
:style="{ height: tabHeader + 'px' }"
:image-size="160"
v-else
></el-empty>
<!-- <div class="right-main" v-else> <!-- <div class="right-main" v-else>
<el-divider content-position="center">暂无</el-divider> <el-divider content-position="center">暂无</el-divider>
</div> --> </div> -->
@ -227,7 +486,13 @@
</el-row> </el-row>
</el-col> </el-col>
</el-row> </el-row>
<el-dialog title="详情" :visible.sync="open" width="400px" append-to-body :close-on-click-modal="false"> <el-dialog
title="详情"
:visible.sync="open"
width="400px"
append-to-body
:close-on-click-modal="false"
>
<div class="team-main"> <div class="team-main">
<div>提醒时间:</div> <div>提醒时间:</div>
<div>{{ info.alertTime }}</div> <div>{{ info.alertTime }}</div>
@ -240,14 +505,18 @@
</div> </div>
</template> </template>
<script> <script>
import { listRecords } from "@/api/onlineDeclartion/records" import { listRecords } from "@/api/onlineDeclartion/records";
import { chiefAll, enterpriseAll, changeIsRead } from "@/api/jin_ji_hu/intelligentReminder" import {
import { usualFund, enterpriseProject } from "@/api/jin_ji_hu/zijinbiao" chiefAll,
import echart from "./components/echartsPage" enterpriseAll,
changeIsRead,
} from "@/api/jin_ji_hu/intelligentReminder";
import { usualFund, enterpriseProject } from "@/api/jin_ji_hu/zijinbiao";
import echart from "./components/echartsPage";
export default { export default {
dicts: ["project_small_type", "project_categories"], dicts: ["project_small_type", "project_categories"],
components: { components: {
echart echart,
}, },
data() { data() {
// 项目类别展示大类； 项目名称展示小类 // 项目类别展示大类； 项目名称展示小类
@ -256,8 +525,8 @@ export default {
// userType: this.$store.state.user.userType, // userType: this.$store.state.user.userType,
backlogArray: [], backlogArray: [],
queryParams: { queryParams: {
pageNum: 1, current: 1,
pageSize: 10, size: 10,
creditCode: this.$store.state.user.name, creditCode: this.$store.state.user.name,
orderChange: 1, orderChange: 1,
// statusStr: [0, 5, 7, 8, 9, 10], // statusStr: [0, 5, 7, 8, 9, 10],
@ -276,12 +545,12 @@ export default {
tableData: [], tableData: [],
tableTwoData: [], tableTwoData: [],
enterpriseHonor: [], enterpriseHonor: [],
} };
}, },
mounted() { mounted() {
this.getListTwo(); this.getListTwo();
this.cancalDebounce(); this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce); window.addEventListener("resize", this.cancalDebounce);
this.entRemind(); this.entRemind();
// 往年资金拨付比例 // 往年资金拨付比例
this.getUsualFund(); this.getUsualFund();
@ -291,83 +560,87 @@ export default {
this.getEnterpriseProjectTwo(); this.getEnterpriseProjectTwo();
}, },
beforeDestroy() { beforeDestroy() {
window.removeEventListener('resize', this.cancalDebounce); window.removeEventListener("resize", this.cancalDebounce);
}, },
methods: { methods: {
// 企业荣誉资质 // 企业荣誉资质
getEnterpriseProjectOne() { getEnterpriseProjectOne() {
enterpriseProject({type:1}).then(res=>{ enterpriseProject({ type: 1 }).then((res) => {
this.enterpriseHonor = res.data; this.enterpriseHonor = res.data;
}) });
}, },
// 关联项目进展 // 关联项目进展
getEnterpriseProjectTwo() { getEnterpriseProjectTwo() {
enterpriseProject({type:2}).then(res=>{ enterpriseProject({ type: 2 }).then((res) => {
this.tableTwoData = res.data; this.tableTwoData = res.data;
}) });
}, },
// 往年资金拨付比例 // 往年资金拨付比例
getUsualFund() { getUsualFund() {
usualFund().then(res=>{ usualFund().then((res) => {
this.tableData = res.data this.tableData = res.data;
}) });
}, },
// 待填报 // 待填报
getListTwo() { getListTwo() {
this.loading = true; this.loading = true;
listRecords(this.queryParams).then(response => { listRecords(this.queryParams).then((response) => {
this.backlogArray = response.rows this.backlogArray = response.data.records;
this.loading = false; this.loading = false;
}); });
}, },
// 企业端智能提醒 // 企业端智能提醒
entRemind() { entRemind() {
enterpriseAll({current:1,size:20}).then(res=>{ enterpriseAll({ current: 1, size: 20 }).then((res) => {
this.remindList = res.data.records; this.remindList = res.data.records;
}) });
}, },
// 企业荣誉资质/关联项目进展跳转 // 企业荣誉资质/关联项目进展跳转
goProjectInfo(item) { goProjectInfo(item) {
this.$router.push({ this.$router.push({
name: 'projectInfo', name: "projectInfo",
query: { userId: Number(item.id) } query: { userId: Number(item.id) },
}) });
}, },
// 往年专项资金申报 // 往年专项资金申报
goProjectInfoLeft(item) { goProjectInfoLeft(item) {
// console.log(item,"item"); // console.log(item,"item");
if(item.projectName == "区级总部" || item.projectName == "市级服务业领军") { if (
item.projectName == "区级总部" ||
item.projectName == "市级服务业领军"
) {
if (item.projectId) { if (item.projectId) {
this.$router.push({ this.$router.push({
name: 'projectInfo', name: "projectInfo",
query: { userId: Number(item.projectId) } query: { userId: Number(item.projectId) },
}) });
} }
} }
}, },
// 智能提醒跳转 // 智能提醒跳转
enterjump() { enterjump() {
this.$router.push({ this.$router.push({
name: 'WarningReminder', name: "WarningReminder",
}) });
}, },
// 智能提醒去查看并修改状态 // 智能提醒去查看并修改状态
putMemo(item) { putMemo(item) {
if (item.isRead == 1) { if (item.isRead == 1) {
changeIsRead({id:item.id}).then(res=>{ changeIsRead({ id: item.id }).then((res) => {
this.entRemind(); this.entRemind();
}) });
} }
if (item.projectId) { if (item.projectId) {
this.$router.push({ this.$router.push({
name: 'projectInfo', name: "projectInfo",
query: { userId: Number(item.projectId) } query: { userId: Number(item.projectId) },
}) });
} else if (item.alertRecipients == 1 && item.alertManner == 2) { } else if (item.alertRecipients == 1 && item.alertManner == 2) {
this.$router.push({ this.$router.push({
name: 'Online', name: "Online",
params: { statusChange: "0" } params: { statusChange: "0" },
}) });
} else if (item.alertManner == 1) { } else if (item.alertManner == 1) {
this.open = true; this.open = true;
this.info = item; this.info = item;
@ -376,28 +649,28 @@ export default {
// 更多记录待办任务 // 更多记录待办任务
enterjumpTask() { enterjumpTask() {
this.$router.push({ this.$router.push({
name: 'AbnormalRemind', name: "AbnormalRemind",
}) });
}, },
// 更多记录 // 更多记录
MoreRecords(status) { MoreRecords(status) {
if (status == 0 || status == 10) { if (status == 0 || status == 10) {
this.$router.push({ this.$router.push({
name: 'Online', name: "Online",
params: { statusChange: "0" } params: { statusChange: "0" },
}) });
} else { } else {
this.$router.push({ this.$router.push({
name: 'Online', name: "Online",
params: { statusChange: "1" } params: { statusChange: "1" },
}) });
} }
}, },
formatYear(time) { formatYear(time) {
if (time.fileJson) { if (time.fileJson) {
return this.parseTime(time.createTime, '{y}-{m}-{d}') return this.parseTime(time.createTime, "{y}-{m}-{d}");
} else { } else {
return time.projectYear return time.projectYear;
} }
}, },
formatDate(dateString, id) { formatDate(dateString, id) {
@ -412,27 +685,25 @@ export default {
}, },
// 屏幕尺寸变化 // 屏幕尺寸变化
cancalDebounce() { cancalDebounce() {
const element = document.getElementById('task-box'); // 通过元素的 ID 获取元素 const element = document.getElementById("task-box"); // 通过元素的 ID 获取元素
const header = document.getElementById('task-header'); // 通过元素的 ID 获取元素 const header = document.getElementById("task-header"); // 通过元素的 ID 获取元素
const elementHeight = element.offsetHeight; const elementHeight = element.offsetHeight;
const headerHeight = header.offsetHeight; const headerHeight = header.offsetHeight;
this.tabHeader = elementHeight - headerHeight - 30; this.tabHeader = elementHeight - headerHeight - 30;
const oneTable = document.getElementById('one-table'); // 通过元素的 ID 获取元素 const oneTable = document.getElementById("one-table"); // 通过元素的 ID 获取元素
const oneHeader = document.getElementById('one-table-header'); // 通过元素的 ID 获取元素 const oneHeader = document.getElementById("one-table-header"); // 通过元素的 ID 获取元素
const oneTableHeight = oneTable.offsetHeight; const oneTableHeight = oneTable.offsetHeight;
const oneHeaderHeight = oneHeader.offsetHeight; const oneHeaderHeight = oneHeader.offsetHeight;
this.tabOneHeader = oneTableHeight - oneHeaderHeight - 45; this.tabOneHeader = oneTableHeight - oneHeaderHeight - 45;
const twoTable = document.getElementById('table-two'); // 通过元素的 ID 获取元素 const twoTable = document.getElementById("table-two"); // 通过元素的 ID 获取元素
const twoHeader = document.getElementById('table-two-title'); // 通过元素的 ID 获取元素 const twoHeader = document.getElementById("table-two-title"); // 通过元素的 ID 获取元素
const twoTableHeight = twoTable.offsetHeight; const twoTableHeight = twoTable.offsetHeight;
const twoHeaderHeight = twoHeader.offsetHeight; const twoHeaderHeight = twoHeader.offsetHeight;
this.tableTwoHeight = twoTableHeight - twoHeaderHeight - 45; this.tableTwoHeight = twoTableHeight - twoHeaderHeight - 45;
}
}, },
} },
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped></style>
</style>

496
src/views/homeTwo/index.vue
Unescape View File

@ -7,20 +7,41 @@
<div class="enterprise-header-title">专项资金、荣誉、投资等统计</div> <div class="enterprise-header-title">专项资金、荣誉、投资等统计</div>
</div> </div>
<el-row class="home-enterprise-top"> <el-row class="home-enterprise-top">
<el-col :span="12" class="enterprise-honor" id="one-table" style="margin-right: 10px;"> <el-col
:span="12"
class="enterprise-honor"
id="one-table"
style="margin-right: 10px"
>
<div class="box-header" id="one-table-header"> <div class="box-header" id="one-table-header">
<span class="garden"></span> <span class="garden"></span>
<span class="box-header-title">企业荣誉资质</span> <span class="box-header-title">企业荣誉资质</span>
</div> </div>
<div class="two-tables" :style="{height : tabOneHeader + 'px'}" v-if="enterpriseHonor.length > 0"> <div
<div class="table-items" v-for="item in enterpriseHonor" :key="item.id"> class="two-tables"
:style="{ height: tabOneHeader + 'px' }"
v-if="enterpriseHonor.length > 0"
>
<div
class="table-items"
v-for="item in enterpriseHonor"
:key="item.id"
>
<div class="promoteProject-top"> <div class="promoteProject-top">
<span class="span-one" @click="goProjectInfo(item)"><dict-tag :options="dict.type.project_small_type" :value="item.projectSmallType"/></span> <span class="span-one" @click="goProjectInfo(item)"
><dict-tag
:options="dict.type.project_small_type"
:value="item.projectSmallType"
/></span>
</div> </div>
<div class="promoteProject-bottom"> <div class="promoteProject-bottom">
<div class="promoteProject-bottom-left"> <div class="promoteProject-bottom-left">
项目类别： 项目类别：
<span class="span-two"><dict-tag :options="dict.type.project_categories" :value="item.projectBigType"/></span> <span class="span-two"
><dict-tag
:options="dict.type.project_categories"
:value="item.projectBigType"
/></span>
</div> </div>
<div class="promoteProject-bottom-right"> <div class="promoteProject-bottom-right">
申报时间： 申报时间：
@ -29,34 +50,96 @@
</div> </div>
</div> </div>
</div> </div>
<el-empty :style="{height : tabOneHeader + 'px'}" :image-size="160" v-else></el-empty> <el-empty
:style="{ height: tabOneHeader + 'px' }"
:image-size="160"
v-else
></el-empty>
</el-col> </el-col>
<el-col :span="12" class="relevancy-project"> <el-col :span="12" class="relevancy-project">
<div class="box-header"> <div class="box-header">
<span class="garden"></span> <span class="garden"></span>
<span class="box-header-title">关联项目进展</span> <span class="box-header-title">关联项目进展</span>
</div> </div>
<div class="promoteProject-box-wai-box" :style="{height:tableTwoHeight + 'px'}" v-if="tableTwoData.length > 0"> <div
<div class="promoteProject-box-div" v-for="(item,index) in tableTwoData" :key="index"> class="promoteProject-box-wai-box"
:style="{ height: tableTwoHeight + 'px' }"
v-if="tableTwoData.length > 0"
>
<div
class="promoteProject-box-div"
v-for="(item, index) in tableTwoData"
:key="index"
>
<div class="promoteProject-top"> <div class="promoteProject-top">
<span class="span-one" @click="goProjectInfo(item)">【<dict-tag :options="dict.type.project_small_type" :value="item.projectSmallType"/>】</span> <span class="span-one" @click="goProjectInfo(item)"
>【<dict-tag
:options="dict.type.project_small_type"
:value="item.projectSmallType"
/>】</span
>
</div> </div>
<div class="promoteProject-bottom"> <div class="promoteProject-bottom">
<div class="promoteProject-bottom-left"> <div class="promoteProject-bottom-left">
项目类别： 项目类别：
<span class="span-two"><dict-tag :options="dict.type.project_categories" :value="item.projectBigType"/></span> <span class="span-two"
><dict-tag
:options="dict.type.project_categories"
:value="item.projectBigType"
/></span>
</div> </div>
<div class="promoteProject-bottom-right"> <div class="promoteProject-bottom-right">
申报时间： 申报时间：
<span class="span-three">{{ formatYear(item) }}</span> <span class="span-three">{{ formatYear(item) }}</span>
</div> </div>
</div> </div>
<div class="promoteProject-position" :class="(item.status == 0 || item.status == 1 || item.status == 2 || item.status == 3) ? 'orange' : (item.status == 6) ? 'green' : (item.status == 7 || item.status == 8 || item.status == 9 || item.status == 10) ? 'red' : ''"> <div
{{item.status == 0 ? '待填报' : item.status == 1 ? '初审中' : item.status == 2 ? '复审中' : item.status == 3 ? '终审中' : item.status == 6 ? '已填报' : item.status == 7 ? '复审不通过' : item.status == 8 ? '初审不通过' : item.status == 9 ? '终审不通过' : item.status == 10 ? '初审驳回' : ''}} class="promoteProject-position"
</div> :class="
</div> item.status == 0 ||
</div> item.status == 1 ||
<el-empty :style="{height : tableTwoHeight + 'px'}" :image-size="160" v-else></el-empty> item.status == 2 ||
item.status == 3
? 'orange'
: item.status == 6
? 'green'
: item.status == 7 ||
item.status == 8 ||
item.status == 9 ||
item.status == 10
? 'red'
: ''
"
>
{{
item.status == 0
? "待填报"
: item.status == 1
? "初审中"
: item.status == 2
? "复审中"
: item.status == 3
? "终审中"
: item.status == 6
? "已填报"
: item.status == 7
? "复审不通过"
: item.status == 8
? "初审不通过"
: item.status == 9
? "终审不通过"
: item.status == 10
? "初审驳回"
: ""
}}
</div>
</div>
</div>
<el-empty
:style="{ height: tableTwoHeight + 'px' }"
:image-size="160"
v-else
></el-empty>
</el-col> </el-col>
</el-row> </el-row>
<el-row class="home-enterprise-bottom"> <el-row class="home-enterprise-bottom">
@ -66,28 +149,75 @@
<span class="box-header-title">往年专项资金拨付情况</span> <span class="box-header-title">往年专项资金拨付情况</span>
</div> </div>
<section> <section>
<el-table v-loading="loadingTab" class="dataMap-two-table" :data="tableData" :height="tableTwoHeight" border :header-cell-style="{background:'#E8F3FC'}"> <el-table
<el-table-column label="项目名称" prop="projectName" align="center"> v-loading="loadingTab"
class="dataMap-two-table"
:data="tableData"
:height="tableTwoHeight"
border
:header-cell-style="{ background: '#E8F3FC' }"
>
<el-table-column
label="项目名称"
prop="projectName"
align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<div class="project-trace-table" :class="(scope.row.projectName == '区级总部' || scope.row.projectName == '市级服务业领军') ? '' : 'project-trace-table-gray'" @click="goProjectInfoLeft(scope.row)">{{ scope.row.projectName }}</div> <div
class="project-trace-table"
:class="
scope.row.projectName == '区级总部' ||
scope.row.projectName == '市级服务业领军'
? ''
: 'project-trace-table-gray'
"
@click="goProjectInfoLeft(scope.row)"
>
{{ scope.row.projectName }}
</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="项目类别" prop="projectType" align="center"> <el-table-column
label="项目类别"
prop="projectType"
align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="scope.row.projectBigType"> <div v-if="scope.row.projectBigType">
<dict-tag :options="dict.type.project_categories" :value="scope.row.projectBigType"/> <dict-tag
:options="dict.type.project_categories"
:value="scope.row.projectBigType"
/>
</div> </div>
<span v-else>其他</span> <span v-else>其他</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="拨付金额(万元)" prop="fundAmount" align="center" /> <el-table-column
<el-table-column label="专项资金拨付时间" prop="time" align="center"> label="拨付金额(万元)"
prop="fundAmount"
align="center"
/>
<el-table-column
label="专项资金拨付时间"
prop="time"
align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<div class="project-trace-table-number">{{ scope.row.appropriationTime ? formatDate(scope.row.appropriationTime,2) : '' }}</div> <div class="project-trace-table-number">
{{
scope.row.appropriationTime
? formatDate(scope.row.appropriationTime, 2)
: ""
}}
</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="企业名称" prop="qymc" align="center" /> <el-table-column label="企业名称" prop="qymc" align="center" />
<el-table-column label="专项类型" prop="specialType" align="center" /> <el-table-column
label="专项类型"
prop="specialType"
align="center"
/>
<el-table-column label="摘要" prop="summary" align="center" /> <el-table-column label="摘要" prop="summary" align="center" />
</el-table> </el-table>
</section> </section>
@ -96,71 +226,133 @@
</el-col> </el-col>
<el-col :span="8" class="home-main-right"> <el-col :span="8" class="home-main-right">
<el-row type="flex" class="main-two-row"> <el-row type="flex" class="main-two-row">
<el-col :span="24" class="work-main-left" style="height: 49.5%;"> <el-col :span="24" class="work-main-left" style="height: 49.5%">
<div class="main-left"> <div class="main-left">
<div class="left-header"> <div class="left-header">
<div class="left-header-titleS"> <div class="left-header-titleS">
<span class="dataCloudMap-birght"></span> <span class="dataCloudMap-birght"></span>
<div class="left-header-title">智能提醒</div> <div class="left-header-title">智能提醒</div>
</div> </div>
<el-button @click="enterjump" type="text" v-if="remindList.length > 0">>> 更多记录</el-button> <el-button
@click="enterjump"
type="text"
v-if="remindList.length > 0"
>>> 更多记录</el-button
>
</div> </div>
<div class="left-main" v-if="remindList.length > 0"> <div class="left-main" v-if="remindList.length > 0">
<el-card shadow="never" v-for="(item,index) in remindList" :key="index" :class="item.isRead == 1 ? 'el-card-border' : ''"> <el-card
shadow="never"
v-for="(item, index) in remindList"
:key="index"
:class="item.isRead == 1 ? 'el-card-border' : ''"
>
<div class="warn-main"> <div class="warn-main">
<div class="warn-main-left" v-if="item.alertManner == 2"> <div class="warn-main-left" v-if="item.alertManner == 2">
<div class="warn-main-img"><img src="@/assets/images/warn-green.png" alt=""></div> <div class="warn-main-img">
<img src="@/assets/images/warn-green.png" alt="" />
</div>
<div class="warn-main-content"> <div class="warn-main-content">
<div class="content-title">【{{ item.declarationName }}】【预计{{ item.daysAdvance }}天后填报结束】</div> <div class="content-title">
<div class="content-middle">{{ item.alertContent }}</div> 【{{ item.declarationName }}】【预计{{
item.daysAdvance
}}天后填报结束】
</div>
<div class="content-middle">
{{ item.alertContent }}
</div>
<!-- <div class="content-time">{{ item.alertTime }}</div> --> <!-- <div class="content-time">{{ item.alertTime }}</div> -->
<div class="tixing-duanxin"> <div class="tixing-duanxin">
<div class="content-time">{{ item.alertTime }}</div> <div class="content-time">{{ item.alertTime }}</div>
<div class="content-time content-time-two">已发送短信</div> <div class="content-time content-time-two">
已发送短信
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="warn-main-left" v-else-if="item.alertManner == 1 && item.qymc && item.alertRecipients == 2"> <div
<div class="warn-main-img"><img src="@/assets/images/warn-orange.png" alt=""></div> class="warn-main-left"
v-else-if="
item.alertManner == 1 &&
item.qymc &&
item.alertRecipients == 2
"
>
<div class="warn-main-img">
<img src="@/assets/images/warn-orange.png" alt="" />
</div>
<div class="warn-main-content"> <div class="warn-main-content">
<div class="content-title" style="display: flex;">【{{ item.qymc }}】<dict-tag :options="dict.type.project_small_type" :value="item.declarationName"/></div> <div class="content-title" style="display: flex">
<div class="content-middle">{{ item.alertContent }}</div> 【{{ item.qymc }}】<dict-tag
:options="dict.type.project_small_type"
:value="item.declarationName"
/>
</div>
<div class="content-middle">
{{ item.alertContent }}
</div>
<!-- <div class="content-time">{{ item.alertTime }}</div> --> <!-- <div class="content-time">{{ item.alertTime }}</div> -->
<div class="tixing-duanxin"> <div class="tixing-duanxin">
<div class="content-time">{{ item.alertTime }}</div> <div class="content-time">{{ item.alertTime }}</div>
<div class="content-time content-time-two">已发送短信</div> <div class="content-time content-time-two">
已发送短信
</div>
</div>
</div> </div>
</div> </div>
<div
class="warn-main-left"
v-else-if="item.alertManner == 1 && item.projectId"
>
<div class="warn-main-img">
<img src="@/assets/images/warn-orange.png" alt="" />
</div> </div>
<div class="warn-main-left" v-else-if="item.alertManner == 1 && item.projectId">
<div class="warn-main-img"><img src="@/assets/images/warn-orange.png" alt=""></div>
<div class="warn-main-content"> <div class="warn-main-content">
<div class="content-title">【{{ item.declarationName }}】</div> <div class="content-title">
<div class="content-middle">{{ item.alertContent }}</div> 【{{ item.declarationName }}】
</div>
<div class="content-middle">
{{ item.alertContent }}
</div>
<!-- <div class="content-time">{{ item.alertTime }}</div> --> <!-- <div class="content-time">{{ item.alertTime }}</div> -->
<div class="tixing-duanxin"> <div class="tixing-duanxin">
<div class="content-time">{{ item.alertTime }}</div> <div class="content-time">{{ item.alertTime }}</div>
<div class="content-time content-time-two">已发送短信</div> <div class="content-time content-time-two">
已发送短信
</div> </div>
</div> </div>
</div> </div>
<div class="warn-main-left different-left" v-else-if="item.alertManner == 1 && !item.projectId"> </div>
<div class="warn-main-img"><img src="@/assets/images/warn-blue.png" alt=""></div> <div
class="warn-main-left different-left"
v-else-if="item.alertManner == 1 && !item.projectId"
>
<div class="warn-main-img">
<img src="@/assets/images/warn-blue.png" alt="" />
</div>
<div class="warn-main-content"> <div class="warn-main-content">
<div class="content-title">{{ item.alertContent }}</div> <div class="content-title">{{ item.alertContent }}</div>
<!-- <div class="content-time">{{ item.alertTime }}</div> --> <!-- <div class="content-time">{{ item.alertTime }}</div> -->
<div class="tixing-duanxin"> <div class="tixing-duanxin">
<div class="content-time">{{ item.alertTime }}</div> <div class="content-time">{{ item.alertTime }}</div>
<div class="content-time content-time-two">已发送短信</div> <div class="content-time content-time-two">
已发送短信
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="warn-main-right"> <div class="warn-main-right">
<div class="warn-main-right-chakan" @click="putMemo(item)"> <div
class="warn-main-right-chakan"
@click="putMemo(item)"
>
查看 查看
</div> </div>
<div class="warn-main-right-status" :class="item.isRead == 1 ? 'status-unread' : ''"> <div
{{ item.isRead == 1 ? '未读' : '已读' }} class="warn-main-right-status"
:class="item.isRead == 1 ? 'status-unread' : ''"
>
{{ item.isRead == 1 ? "未读" : "已读" }}
</div> </div>
</div> </div>
</div> </div>
@ -172,25 +364,86 @@
</div> --> </div> -->
</div> </div>
</el-col> </el-col>
<el-col :span="24" class="work-main-right" style="height: 49.5%;"> <el-col :span="24" class="work-main-right" style="height: 49.5%">
<div class="main-right" id="task-box"> <div class="main-right" id="task-box">
<div class="right-header" id="task-header"> <div class="right-header" id="task-header">
<div class="right-header-box"> <div class="right-header-box">
<span class="dataCloudMap-birght"></span> <span class="dataCloudMap-birght"></span>
<div class="right-header-title">待办任务</div> <div class="right-header-title">待办任务</div>
</div> </div>
<el-button @click="enterjumpTask" type="text" v-if="backlogArray.length > 0">>> 更多记录</el-button> <el-button
</div> @click="enterjumpTask"
<div class="right-main" :style="{height: tabHeader+'px'}" v-if="backlogArray.length > 0" v-loading="loading"> type="text"
<div class="main-items" v-for="(item,index) in backlogArray" :key="index" :class="index % 2 == 0 ? '':'main-item'"> v-if="backlogArray.length > 0"
>>> 更多记录</el-button
>
</div>
<div
class="right-main"
:style="{ height: tabHeader + 'px' }"
v-if="backlogArray.length > 0"
v-loading="loading"
>
<div
class="main-items"
v-for="(item, index) in backlogArray"
:key="index"
:class="index % 2 == 0 ? '' : 'main-item'"
>
<div>{{ item.enterpriseDirectory }}</div> <div>{{ item.enterpriseDirectory }}</div>
<!-- <div>{{ item.enterpriseName }}</div> --> <!-- <div>{{ item.enterpriseName }}</div> -->
<div>{{ (item.status == 0 ? "待填报" : item.status == 8 ? "初审不通过" : item.status == 10 ? "初审退回修改" : item.status == 7 ? "复审不通过" : item.status == 9 ? "终审不通过" : item.status == 5 ? "终审通过" : item.status == 1 ? "初审中" : item.status == 2 ? "复审中" : item.status == 3 ? "终审中" : item.status == 6 ? "已填报" : "") }}</div> <div>
<!-- <div>审批【知识产权】材料</div> --> {{
<div @click="MoreRecords(item.status)" class="last_child_item" :class="item.status == 0 ? 'tab-red' : item.status == 10 ? 'tab-red' : 'last_child_item'">{{ item.status == 0 ? "去填报" : item.status == 10 ? "去修改" : "去查看"}}</div> item.status == 0
? "待填报"
: item.status == 8
? "初审不通过"
: item.status == 10
? "初审退回修改"
: item.status == 7
? "复审不通过"
: item.status == 9
? "终审不通过"
: item.status == 5
? "终审通过"
: item.status == 1
? "初审中"
: item.status == 2
? "复审中"
: item.status == 3
? "终审中"
: item.status == 6
? "已填报"
: ""
}}
</div> </div>
</div> <!-- <div>审批【知识产权】材料</div> -->
<el-empty :style="{height: tabHeader+'px'}" :image-size="160" v-else></el-empty> <div
@click="MoreRecords(item.status)"
class="last_child_item"
:class="
item.status == 0
? 'tab-red'
: item.status == 10
? 'tab-red'
: 'last_child_item'
"
>
{{
item.status == 0
? "去填报"
: item.status == 10
? "去修改"
: "去查看"
}}
</div>
</div>
</div>
<el-empty
:style="{ height: tabHeader + 'px' }"
:image-size="160"
v-else
></el-empty>
<!-- <div class="right-main" v-else> <!-- <div class="right-main" v-else>
<el-divider content-position="center">暂无</el-divider> <el-divider content-position="center">暂无</el-divider>
</div> --> </div> -->
@ -199,7 +452,13 @@
</el-row> </el-row>
</el-col> </el-col>
</el-row> </el-row>
<el-dialog title="详情" :visible.sync="open" width="400px" append-to-body :close-on-click-modal="false"> <el-dialog
title="详情"
:visible.sync="open"
width="400px"
append-to-body
:close-on-click-modal="false"
>
<div class="team-main"> <div class="team-main">
<div>提醒时间:</div> <div>提醒时间:</div>
<div>{{ info.alertTime }}</div> <div>{{ info.alertTime }}</div>
@ -212,9 +471,13 @@
</div> </div>
</template> </template>
<script> <script>
import { listRecords } from "@/api/onlineDeclartion/records" import { listRecords } from "@/api/onlineDeclartion/records";
import { chiefAll, enterpriseAll, changeIsRead } from "@/api/jin_ji_hu/intelligentReminder" import {
import { usualFund, enterpriseProject } from "@/api/jin_ji_hu/zijinbiao" chiefAll,
enterpriseAll,
changeIsRead,
} from "@/api/jin_ji_hu/intelligentReminder";
import { usualFund, enterpriseProject } from "@/api/jin_ji_hu/zijinbiao";
export default { export default {
dicts: ["project_small_type", "project_categories"], dicts: ["project_small_type", "project_categories"],
data() { data() {
@ -224,8 +487,8 @@ export default {
// userType: this.$store.state.user.userType, // userType: this.$store.state.user.userType,
backlogArray: [], backlogArray: [],
queryParams: { queryParams: {
pageNum: 1, current: 1,
pageSize: 10, size: 10,
creditCode: this.$store.state.user.name, creditCode: this.$store.state.user.name,
orderChange: 1, orderChange: 1,
// statusStr: [0, 5, 7, 8, 9, 10], // statusStr: [0, 5, 7, 8, 9, 10],
@ -244,12 +507,12 @@ export default {
tableData: [], tableData: [],
tableTwoData: [], tableTwoData: [],
enterpriseHonor: [], enterpriseHonor: [],
} };
}, },
mounted() { mounted() {
this.getListTwo(); this.getListTwo();
this.cancalDebounce(); this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce); window.addEventListener("resize", this.cancalDebounce);
this.entRemind(); this.entRemind();
// 往年资金拨付比例 // 往年资金拨付比例
this.getUsualFund(); this.getUsualFund();
@ -259,83 +522,86 @@ export default {
this.getEnterpriseProjectTwo(); this.getEnterpriseProjectTwo();
}, },
beforeDestroy() { beforeDestroy() {
window.removeEventListener('resize', this.cancalDebounce); window.removeEventListener("resize", this.cancalDebounce);
}, },
methods: { methods: {
// 企业荣誉资质 // 企业荣誉资质
getEnterpriseProjectOne() { getEnterpriseProjectOne() {
enterpriseProject({type:1}).then(res=>{ enterpriseProject({ type: 1 }).then((res) => {
this.enterpriseHonor = res.data; this.enterpriseHonor = res.data;
}) });
}, },
// 关联项目进展 // 关联项目进展
getEnterpriseProjectTwo() { getEnterpriseProjectTwo() {
enterpriseProject({type:2}).then(res=>{ enterpriseProject({ type: 2 }).then((res) => {
this.tableTwoData = res.data; this.tableTwoData = res.data;
}) });
}, },
// 往年资金拨付比例 // 往年资金拨付比例
getUsualFund() { getUsualFund() {
usualFund().then(res=>{ usualFund().then((res) => {
this.tableData = res.data this.tableData = res.data;
}) });
}, },
// 待填报 // 待填报
getListTwo() { getListTwo() {
this.loading = true; this.loading = true;
listRecords(this.queryParams).then(response => { listRecords(this.queryParams).then((response) => {
this.backlogArray = response.rows this.backlogArray = response.data.records;
this.loading = false; this.loading = false;
}); });
}, },
// 企业端智能提醒 // 企业端智能提醒
entRemind() { entRemind() {
enterpriseAll({current:1,size:20}).then(res=>{ enterpriseAll({ current: 1, size: 20 }).then((res) => {
this.remindList = res.data.records; this.remindList = res.data.records;
}) });
}, },
// 企业荣誉资质/关联项目进展跳转 // 企业荣誉资质/关联项目进展跳转
goProjectInfo(item) { goProjectInfo(item) {
this.$router.push({ this.$router.push({
name: 'projectInfo', name: "projectInfo",
query: { userId: Number(item.id) } query: { userId: Number(item.id) },
}) });
}, },
// 往年专项资金申报 // 往年专项资金申报
goProjectInfoLeft(item) { goProjectInfoLeft(item) {
// console.log(item,"item"); // console.log(item,"item");
if(item.projectName == "区级总部" || item.projectName == "市级服务业领军") { if (
item.projectName == "区级总部" ||
item.projectName == "市级服务业领军"
) {
if (item.projectId) { if (item.projectId) {
this.$router.push({ this.$router.push({
name: 'projectInfo', name: "projectInfo",
query: { userId: Number(item.projectId) } query: { userId: Number(item.projectId) },
}) });
} }
} }
}, },
// 智能提醒跳转 // 智能提醒跳转
enterjump() { enterjump() {
this.$router.push({ this.$router.push({
name: 'WarningReminder', name: "WarningReminder",
}) });
}, },
// 智能提醒去查看并修改状态 // 智能提醒去查看并修改状态
putMemo(item) { putMemo(item) {
if (item.isRead == 1) { if (item.isRead == 1) {
changeIsRead({id:item.id}).then(res=>{ changeIsRead({ id: item.id }).then((res) => {
this.entRemind(); this.entRemind();
}) });
} }
if (item.projectId) { if (item.projectId) {
this.$router.push({ this.$router.push({
name: 'projectInfo', name: "projectInfo",
query: { userId: Number(item.projectId) } query: { userId: Number(item.projectId) },
}) });
} else if (item.alertRecipients == 1 && item.alertManner == 2) { } else if (item.alertRecipients == 1 && item.alertManner == 2) {
this.$router.push({ this.$router.push({
name: 'Online', name: "Online",
params: { statusChange: "0" } params: { statusChange: "0" },
}) });
} else if (item.alertManner == 1) { } else if (item.alertManner == 1) {
this.open = true; this.open = true;
this.info = item; this.info = item;
@ -344,28 +610,28 @@ export default {
// 更多记录待办任务 // 更多记录待办任务
enterjumpTask() { enterjumpTask() {
this.$router.push({ this.$router.push({
name: 'AbnormalRemind', name: "AbnormalRemind",
}) });
}, },
// 更多记录 // 更多记录
MoreRecords(status) { MoreRecords(status) {
if (status == 0 || status == 10) { if (status == 0 || status == 10) {
this.$router.push({ this.$router.push({
name: 'Online', name: "Online",
params: { statusChange: "0" } params: { statusChange: "0" },
}) });
} else { } else {
this.$router.push({ this.$router.push({
name: 'Online', name: "Online",
params: { statusChange: "1" } params: { statusChange: "1" },
}) });
} }
}, },
formatYear(time) { formatYear(time) {
if (time.fileJson) { if (time.fileJson) {
return this.parseTime(time.createTime, '{y}-{m}-{d}') return this.parseTime(time.createTime, "{y}-{m}-{d}");
} else { } else {
return time.projectYear return time.projectYear;
} }
}, },
formatDate(dateString, id) { formatDate(dateString, id) {
@ -380,27 +646,25 @@ export default {
}, },
// 屏幕尺寸变化 // 屏幕尺寸变化
cancalDebounce() { cancalDebounce() {
const element = document.getElementById('task-box'); // 通过元素的 ID 获取元素 const element = document.getElementById("task-box"); // 通过元素的 ID 获取元素
const header = document.getElementById('task-header'); // 通过元素的 ID 获取元素 const header = document.getElementById("task-header"); // 通过元素的 ID 获取元素
const elementHeight = element.offsetHeight; const elementHeight = element.offsetHeight;
const headerHeight = header.offsetHeight; const headerHeight = header.offsetHeight;
this.tabHeader = elementHeight - headerHeight - 30; this.tabHeader = elementHeight - headerHeight - 30;
const oneTable = document.getElementById('one-table'); // 通过元素的 ID 获取元素 const oneTable = document.getElementById("one-table"); // 通过元素的 ID 获取元素
const oneHeader = document.getElementById('one-table-header'); // 通过元素的 ID 获取元素 const oneHeader = document.getElementById("one-table-header"); // 通过元素的 ID 获取元素
const oneTableHeight = oneTable.offsetHeight; const oneTableHeight = oneTable.offsetHeight;
const oneHeaderHeight = oneHeader.offsetHeight; const oneHeaderHeight = oneHeader.offsetHeight;
this.tabOneHeader = oneTableHeight - oneHeaderHeight - 45; this.tabOneHeader = oneTableHeight - oneHeaderHeight - 45;
const twoTable = document.getElementById('table-two'); // 通过元素的 ID 获取元素 const twoTable = document.getElementById("table-two"); // 通过元素的 ID 获取元素
const twoHeader = document.getElementById('table-two-title'); // 通过元素的 ID 获取元素 const twoHeader = document.getElementById("table-two-title"); // 通过元素的 ID 获取元素
const twoTableHeight = twoTable.offsetHeight; const twoTableHeight = twoTable.offsetHeight;
const twoHeaderHeight = twoHeader.offsetHeight; const twoHeaderHeight = twoHeader.offsetHeight;
this.tableTwoHeight = twoTableHeight - twoHeaderHeight - 45; this.tableTwoHeight = twoTableHeight - twoHeaderHeight - 45;
}
}, },
} },
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped></style>
</style>

Write Preview
Loading…
Cancel
Save