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'
# 金鸡湖现代服务业品牌管理系统/开发环境
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'
# 脱敏三方测试用数据库

4
.env.production
Unescape View File

@ -7,9 +7,9 @@ ENV = 'production'
# 金鸡湖现代服务业品牌管理系统/生产环境
# 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://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",
"version": "1.0.202502171515",
"version": "1.0.202502181028",
"description": "金鸡湖现代服务业品牌管理系统",
"author": "若依",
"license": "MIT",

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

@ -3,83 +3,140 @@
<div class="L-public-main" id="L-size-main">
<div class="L-main">
<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-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-button size="mini" @click="resetQuery('queryFrom')">重置</el-button>
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')">查询</el-button>
<el-button size="mini" @click="resetQuery('queryFrom')"
>重置</el-button
>
<el-button
size="mini"
type="primary"
@click="handleQuery('queryFrom')"
>查询</el-button
>
</el-form-item>
</el-col>
</el-form>
</header>
<section>
<el-table v-loading="loading" :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
v-loading="loading"
: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">
<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 == 3" class="approval_status3">终审中</span>
<span v-if="scope.row.status == 2" class="approval_status1">复审中</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 == 3" class="approval_status3"
>终审中</span
>
<span v-if="scope.row.status == 2" class="approval_status1"
>复审中</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_status5">已填报</span>
<span v-if="scope.row.status == 9" class="approval_status9">终审不通过</span>
<span v-if="scope.row.status == 10" class="approval_status9">初审驳回</span>
<span v-if="scope.row.status == 6" class="approval_status5"
>已填报</span
>
<span v-if="scope.row.status == 9" class="approval_status9"
>终审不通过</span
>
<span v-if="scope.row.status == 10" class="approval_status9"
>初审驳回</span
>
</template>
</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">
<span class="look-info" @click="goInfo(scope.row)">去查看</span>
</template>
</el-table-column>
</el-table>
<my-pagination
<my-pagination
id="L-pagination"
:total="total"
:page="pagination.pageNum"
:limit="pagination.pageSize"
@pagination="getPagination"
:current-page.sync="pagination.pageNum"
:current-page.sync="pagination.pageNum"
></my-pagination>
</section>
</div>
</div>
</template>
<script>
import myPagination from "@/views/components/Pagination/index.vue"
import { listRecords } from "@/api/onlineDeclartion/records"
import myPagination from "@/views/components/Pagination/index.vue";
import { listRecords } from "@/api/onlineDeclartion/records";
export default {
components:{myPagination},
components: { myPagination },
data() {
return {
userType: this.$store.state.user.userType,
deptId: this.$store.state.user.deptId,
total:0,
total: 0,
pagination: {
pageNum:1,
pageSize:10,
orderChange:1,
current: 1,
size: 10,
orderChange: 1,
},
loading:false,
loading: false,
formInline: {
enterpriseDirectory: '',
enterpriseDirectory: "",
type: null,
},
tableData:[],
tableData: [],
tabHeader: undefined,
}
};
},
mounted() {
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
window.addEventListener("resize", this.cancalDebounce);
// if(this.$route.params.enterpriseName) {
// this.formInline.enterpriseName = this.$route.params.enterpriseName;
// this.pagination = { ...this.pagination,...this.formInline };
@ -87,17 +144,17 @@ export default {
this.getList();
},
destroyed() {
window.removeEventListener('resize', this.cancalDebounce);
window.removeEventListener("resize", this.cancalDebounce);
},
methods:{
methods: {
// 列表获取
getList(){
getList() {
this.loading = true;
listRecords(this.pagination).then(res=>{
listRecords(this.pagination).then((res) => {
this.loading = false;
this.total = res.total;
this.tableData = res.rows;
})
this.tableData = res.data.records;
});
},
// 获取页码
getPagination(pages) {
@ -109,45 +166,45 @@ export default {
handleQuery() {
this.pagination = {
pageNum: 1,
pageSize: 10
}
this.pagination = { ...this.pagination,...this.formInline };
pageSize: 10,
};
this.pagination = { ...this.pagination, ...this.formInline };
this.getList();
},
// 重置
resetQuery(formName){
resetQuery(formName) {
this.$refs[formName].resetFields();
this.pagination = {
pageNum: 1,
pageSize: 10
}
pageSize: 10,
};
this.getList();
},
// 修改table背景色
tableRowClassName({row, rowIndex}){
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 !== 0) {
return 'evenNumber-row';
return "evenNumber-row";
}
return '';
return "";
},
// 查看详情
goInfo(row){
goInfo(row) {
this.$router.push({
name: 'Online',
})
name: "Online",
});
},
// 屏幕尺寸变化
cancalDebounce(){
const element = document.getElementById('L-size-main'); // 通过元素的 ID 获取元素
const header = document.getElementById('L-header'); // 通过元素的 ID 获取元素
const pagination = document.getElementById('L-pagination'); // 通过元素的 ID 获取元素
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;
}
},
},
}
};
</script>
<style scoped lang="scss">
.approval_status5 {
@ -157,7 +214,7 @@ export default {
}
.approval_status5::after {
position: absolute;
content: '';
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
@ -173,7 +230,7 @@ export default {
}
.approval_status3::after {
position: absolute;
content: '';
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
@ -189,7 +246,7 @@ export default {
}
.approval_status1::after {
position: absolute;
content: '';
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
@ -205,7 +262,7 @@ export default {
}
.approval_status0::after {
position: absolute;
content: '';
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
@ -221,7 +278,7 @@ export default {
}
.approval_status8::after {
position: absolute;
content: '';
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
@ -237,7 +294,7 @@ export default {
}
.approval_status9::after {
position: absolute;
content: '';
content: "";
width: 7px;
height: 7px;
border-radius: 50%;

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

@ -16,27 +16,52 @@
<div class="left-echart">
<echart></echart>
</div>
<div class="right-tables" :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="right-tables"
: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">
<span class="left-title">项目类别：</span>
<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>
<span class="right-value" v-else>其他</span>
</div>
<div class="declare-time">
<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 class="appropriate">
<span class="left-title">拨付金额<span class="left-unit">(元)</span>:</span>
<span class="right-number">{{item.fundAmount}}</span>
<span class="left-title"
>拨付金额<span class="left-unit">(元)</span>:</span
>
<span class="right-number">{{ item.fundAmount }}</span>
</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>
</el-col>
<el-col :span="12" class="enterprise-honor">
@ -44,15 +69,31 @@
<span class="garden"></span>
<span class="box-header-title">企业荣誉资质（5个）</span>
</div>
<div 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="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">
<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 class="promoteProject-bottom">
<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 class="promoteProject-bottom-right">
申报时间：
@ -61,7 +102,11 @@
</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-row>
<el-row class="home-enterprise-bottom">
@ -71,23 +116,56 @@
<span class="box-header-title">往年专项资金申报（10个）</span>
</div>
<section>
<el-table 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">
<el-table
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">
<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>
<span v-else>其他</span>
</template>
</el-table-column>
<el-table-column label="项目名称" prop="projectName" align="center">
<el-table-column
label="项目名称"
prop="projectName"
align="center"
>
<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>
</el-table-column>
<el-table-column label="专项资金拨付时间" prop="time" align="center">
<el-table-column
label="专项资金拨付时间"
prop="time"
align="center"
>
<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>
</el-table-column>
</el-table>
@ -98,97 +176,217 @@
<span class="garden"></span>
<span class="box-header-title">关联项目进展（3个）</span>
</div>
<div 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-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">
<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 class="promoteProject-bottom">
<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 class="promoteProject-bottom-right">
申报时间：
<span class="span-three">{{ formatYear(item) }}</span>
</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' : ''">
{{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
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'
: ''
"
>
{{
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-empty
:style="{ height: tableTwoHeight + 'px' }"
:image-size="160"
v-else
></el-empty>
</el-col>
</el-row>
</el-col>
<el-col :span="8" class="home-main-right">
<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="left-header">
<div class="left-header-titleS">
<span class="dataCloudMap-birght"></span>
<div class="left-header-title">智能提醒</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 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-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="content-title">【{{ item.declarationName }}】【预计{{ item.daysAdvance }}天后填报结束】</div>
<div class="content-middle">{{ item.alertContent }}</div>
<div class="content-title">
【{{ item.declarationName }}】【预计{{
item.daysAdvance
}}天后填报结束】
</div>
<div class="content-middle">
{{ item.alertContent }}
</div>
<!-- <div class="content-time">{{ item.alertTime }}</div> -->
<div class="tixing-duanxin">
<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 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-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="content-title" style="display: flex;">【{{ item.qymc }}】<dict-tag :options="dict.type.project_small_type" :value="item.declarationName"/></div>
<div class="content-middle">{{ item.alertContent }}</div>
<div class="content-title" style="display: flex">
【{{ 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="tixing-duanxin">
<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 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-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="content-title">【{{ item.declarationName }}】</div>
<div class="content-middle">{{ item.alertContent }}</div>
<div class="content-title">
【{{ item.declarationName }}】
</div>
<div class="content-middle">
{{ item.alertContent }}
</div>
<!-- <div class="content-time">{{ item.alertTime }}</div> -->
<div class="tixing-duanxin">
<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 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-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="content-title">{{ item.alertContent }}</div>
<!-- <div class="content-time">{{ item.alertTime }}</div> -->
<div class="tixing-duanxin">
<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 class="warn-main-right">
<div class="warn-main-right-chakan" @click="putMemo(item)">
<div
class="warn-main-right-chakan"
@click="putMemo(item)"
>
查看
</div>
<div class="warn-main-right-status" :class="item.isRead == 1 ? 'status-unread' : ''">
{{ item.isRead == 1 ? '未读' : '已读' }}
<div
class="warn-main-right-status"
:class="item.isRead == 1 ? 'status-unread' : ''"
>
{{ item.isRead == 1 ? "未读" : "已读" }}
</div>
</div>
</div>
@ -200,25 +398,86 @@
</div> -->
</div>
</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="right-header" id="task-header">
<div class="right-header-box">
<span class="dataCloudMap-birght"></span>
<div class="right-header-title">待办任务</div>
</div>
<el-button @click="enterjumpTask" type="text" v-if="backlogArray.length > 0">>> 更多记录</el-button>
<el-button
@click="enterjumpTask"
type="text"
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
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.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>
{{
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 @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
@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>
<el-empty
:style="{ height: tabHeader + 'px' }"
:image-size="160"
v-else
></el-empty>
<!-- <div class="right-main" v-else>
<el-divider content-position="center">暂无</el-divider>
</div> -->
@ -227,61 +486,71 @@
</el-row>
</el-col>
</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>提醒时间:</div>
<div>{{ info.alertTime }}</div>
</div>
<div class="team-main">
<div>提醒内容:</div>
<div>{{ info.alertContent }}</div>
<div>{{ info.alertContent }}</div>
</div>
</el-dialog>
</div>
</template>
<script>
import { listRecords } from "@/api/onlineDeclartion/records"
import { chiefAll, enterpriseAll, changeIsRead } from "@/api/jin_ji_hu/intelligentReminder"
import { usualFund, enterpriseProject } from "@/api/jin_ji_hu/zijinbiao"
import echart from "./components/echartsPage"
import { listRecords } from "@/api/onlineDeclartion/records";
import {
chiefAll,
enterpriseAll,
changeIsRead,
} from "@/api/jin_ji_hu/intelligentReminder";
import { usualFund, enterpriseProject } from "@/api/jin_ji_hu/zijinbiao";
import echart from "./components/echartsPage";
export default {
dicts: ["project_small_type", "project_categories"],
components:{
echart
components: {
echart,
},
data() {
// 项目类别展示大类； 项目名称展示小类
return {
// 判断登陆用户是何身份⌈ 01 ： 企业 02 ： 政务 ⌋
// userType: this.$store.state.user.userType,
backlogArray:[],
backlogArray: [],
queryParams: {
pageNum: 1,
pageSize: 10,
current: 1,
size: 10,
creditCode: this.$store.state.user.name,
orderChange:1,
orderChange: 1,
// statusStr: [0, 5, 7, 8, 9, 10],
},
// 是否显示弹出层
open: false,
fileList: [],
uploadList: [],
loading:false,
loadingTab:false,
loading: false,
loadingTab: false,
remindList: [],
info:{},
info: {},
tabHeader: 200,
tabOneHeader: 200,
tableTwoHeight:null,
tableData:[],
tableTwoData:[],
enterpriseHonor:[],
}
tableTwoHeight: null,
tableData: [],
tableTwoData: [],
enterpriseHonor: [],
};
},
mounted(){
mounted() {
this.getListTwo();
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
window.addEventListener("resize", this.cancalDebounce);
this.entRemind();
// 往年资金拨付比例
this.getUsualFund();
@ -291,148 +560,150 @@ export default {
this.getEnterpriseProjectTwo();
},
beforeDestroy() {
window.removeEventListener('resize', this.cancalDebounce);
window.removeEventListener("resize", this.cancalDebounce);
},
methods:{
methods: {
// 企业荣誉资质
getEnterpriseProjectOne(){
enterpriseProject({type:1}).then(res=>{
getEnterpriseProjectOne() {
enterpriseProject({ type: 1 }).then((res) => {
this.enterpriseHonor = res.data;
})
});
},
// 关联项目进展
getEnterpriseProjectTwo(){
enterpriseProject({type:2}).then(res=>{
getEnterpriseProjectTwo() {
enterpriseProject({ type: 2 }).then((res) => {
this.tableTwoData = res.data;
})
});
},
// 往年资金拨付比例
getUsualFund(){
usualFund().then(res=>{
this.tableData = res.data
})
getUsualFund() {
usualFund().then((res) => {
this.tableData = res.data;
});
},
// 待填报
getListTwo(){
getListTwo() {
this.loading = true;
listRecords(this.queryParams).then(response => {
this.backlogArray = response.rows
listRecords(this.queryParams).then((response) => {
this.backlogArray = response.data.records;
this.loading = false;
});
},
// 企业端智能提醒
entRemind(){
enterpriseAll({current:1,size:20}).then(res=>{
entRemind() {
enterpriseAll({ current: 1, size: 20 }).then((res) => {
this.remindList = res.data.records;
})
});
},
// 企业荣誉资质/关联项目进展跳转
goProjectInfo(item){
goProjectInfo(item) {
this.$router.push({
name: 'projectInfo',
query: { userId: Number(item.id) }
})
name: "projectInfo",
query: { userId: Number(item.id) },
});
},
// 往年专项资金申报
goProjectInfoLeft(item){
goProjectInfoLeft(item) {
// console.log(item,"item");
if(item.projectName == "区级总部" || item.projectName == "市级服务业领军") {
if(item.projectId) {
if (
item.projectName == "区级总部" ||
item.projectName == "市级服务业领军"
) {
if (item.projectId) {
this.$router.push({
name: 'projectInfo',
query: { userId: Number(item.projectId) }
})
name: "projectInfo",
query: { userId: Number(item.projectId) },
});
}
}
},
// 智能提醒跳转
enterjump(){
enterjump() {
this.$router.push({
name: 'WarningReminder',
})
name: "WarningReminder",
});
},
// 智能提醒去查看并修改状态
putMemo(item){
if(item.isRead == 1) {
changeIsRead({id:item.id}).then(res=>{
putMemo(item) {
if (item.isRead == 1) {
changeIsRead({ id: item.id }).then((res) => {
this.entRemind();
})
});
}
if(item.projectId) {
if (item.projectId) {
this.$router.push({
name: 'projectInfo',
query: { userId: Number(item.projectId) }
})
} else if(item.alertRecipients == 1 && item.alertManner == 2) {
name: "projectInfo",
query: { userId: Number(item.projectId) },
});
} else if (item.alertRecipients == 1 && item.alertManner == 2) {
this.$router.push({
name: 'Online',
params: { statusChange: "0" }
})
} else if(item.alertManner == 1) {
name: "Online",
params: { statusChange: "0" },
});
} else if (item.alertManner == 1) {
this.open = true;
this.info = item;
}
},
// 更多记录待办任务
enterjumpTask(){
enterjumpTask() {
this.$router.push({
name: 'AbnormalRemind',
})
name: "AbnormalRemind",
});
},
// 更多记录
MoreRecords(status){
if(status == 0 || status == 10) {
MoreRecords(status) {
if (status == 0 || status == 10) {
this.$router.push({
name: 'Online',
params: { statusChange: "0" }
})
name: "Online",
params: { statusChange: "0" },
});
} else {
this.$router.push({
name: 'Online',
params: { statusChange: "1" }
})
name: "Online",
params: { statusChange: "1" },
});
}
},
formatYear(time){
if(time.fileJson) {
return this.parseTime(time.createTime, '{y}-{m}-{d}')
formatYear(time) {
if (time.fileJson) {
return this.parseTime(time.createTime, "{y}-{m}-{d}");
} else {
return time.projectYear
return time.projectYear;
}
},
formatDate(dateString,id) {
formatDate(dateString, id) {
const year = dateString.slice(0, 4);
const month = dateString.slice(4, 6);
const day = dateString.slice(6, 8);
if(id == 1) {
if (id == 1) {
return `${year}年${month}月${day}日`;
} else {
return `${year}-${month}-${day}`;
}
},
// 屏幕尺寸变化
cancalDebounce(){
const element = document.getElementById('task-box'); // 通过元素的 ID 获取元素
const header = document.getElementById('task-header'); // 通过元素的 ID 获取元素
cancalDebounce() {
const element = document.getElementById("task-box"); // 通过元素的 ID 获取元素
const header = document.getElementById("task-header"); // 通过元素的 ID 获取元素
const elementHeight = element.offsetHeight;
const headerHeight = header.offsetHeight;
this.tabHeader = elementHeight - headerHeight - 30;
const oneTable = document.getElementById('one-table'); // 通过元素的 ID 获取元素
const oneHeader = document.getElementById('one-table-header'); // 通过元素的 ID 获取元素
const oneTable = document.getElementById("one-table"); // 通过元素的 ID 获取元素
const oneHeader = document.getElementById("one-table-header"); // 通过元素的 ID 获取元素
const oneTableHeight = oneTable.offsetHeight;
const oneHeaderHeight = oneHeader.offsetHeight;
this.tabOneHeader = oneTableHeight - oneHeaderHeight - 45;
const twoTable = document.getElementById('table-two'); // 通过元素的 ID 获取元素
const twoHeader = document.getElementById('table-two-title'); // 通过元素的 ID 获取元素
const twoTable = document.getElementById("table-two"); // 通过元素的 ID 获取元素
const twoHeader = document.getElementById("table-two-title"); // 通过元素的 ID 获取元素
const twoTableHeight = twoTable.offsetHeight;
const twoHeaderHeight = twoHeader.offsetHeight;
this.tableTwoHeight = twoTableHeight - twoHeaderHeight - 45;
}
},
},
}
};
</script>
<style lang="scss" scoped>
</style>
<style lang="scss" scoped></style>

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

@ -7,20 +7,41 @@
<div class="enterprise-header-title">专项资金、荣誉、投资等统计</div>
</div>
<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">
<span class="garden"></span>
<span class="box-header-title">企业荣誉资质</span>
</div>
<div 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="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">
<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 class="promoteProject-bottom">
<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 class="promoteProject-bottom-right">
申报时间：
@ -29,34 +50,96 @@
</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 :span="12" class="relevancy-project">
<div class="box-header">
<span class="garden"></span>
<span class="box-header-title">关联项目进展</span>
</div>
<div 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-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">
<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 class="promoteProject-bottom">
<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 class="promoteProject-bottom-right">
申报时间：
<span class="span-three">{{ formatYear(item) }}</span>
</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' : ''">
{{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
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'
: ''
"
>
{{
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-empty
:style="{ height: tableTwoHeight + 'px' }"
:image-size="160"
v-else
></el-empty>
</el-col>
</el-row>
<el-row class="home-enterprise-bottom">
@ -66,28 +149,75 @@
<span class="box-header-title">往年专项资金拨付情况</span>
</div>
<section>
<el-table 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">
<el-table
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">
<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>
</el-table-column>
<el-table-column label="项目类别" prop="projectType" align="center">
<el-table-column
label="项目类别"
prop="projectType"
align="center"
>
<template slot-scope="scope">
<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>
<span v-else>其他</span>
</template>
</el-table-column>
<el-table-column label="拨付金额(万元)" prop="fundAmount" align="center" />
<el-table-column label="专项资金拨付时间" prop="time" align="center">
<el-table-column
label="拨付金额(万元)"
prop="fundAmount"
align="center"
/>
<el-table-column
label="专项资金拨付时间"
prop="time"
align="center"
>
<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>
</el-table-column>
<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>
</section>
@ -96,71 +226,133 @@
</el-col>
<el-col :span="8" class="home-main-right">
<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="left-header">
<div class="left-header-titleS">
<span class="dataCloudMap-birght"></span>
<div class="left-header-title">智能提醒</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 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-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="content-title">【{{ item.declarationName }}】【预计{{ item.daysAdvance }}天后填报结束】</div>
<div class="content-middle">{{ item.alertContent }}</div>
<div class="content-title">
【{{ item.declarationName }}】【预计{{
item.daysAdvance
}}天后填报结束】
</div>
<div class="content-middle">
{{ item.alertContent }}
</div>
<!-- <div class="content-time">{{ item.alertTime }}</div> -->
<div class="tixing-duanxin">
<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 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-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="content-title" style="display: flex;">【{{ item.qymc }}】<dict-tag :options="dict.type.project_small_type" :value="item.declarationName"/></div>
<div class="content-middle">{{ item.alertContent }}</div>
<div class="content-title" style="display: flex">
【{{ 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="tixing-duanxin">
<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 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-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="content-title">【{{ item.declarationName }}】</div>
<div class="content-middle">{{ item.alertContent }}</div>
<div class="content-title">
【{{ item.declarationName }}】
</div>
<div class="content-middle">
{{ item.alertContent }}
</div>
<!-- <div class="content-time">{{ item.alertTime }}</div> -->
<div class="tixing-duanxin">
<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 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-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="content-title">{{ item.alertContent }}</div>
<!-- <div class="content-time">{{ item.alertTime }}</div> -->
<div class="tixing-duanxin">
<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 class="warn-main-right">
<div class="warn-main-right-chakan" @click="putMemo(item)">
<div
class="warn-main-right-chakan"
@click="putMemo(item)"
>
查看
</div>
<div class="warn-main-right-status" :class="item.isRead == 1 ? 'status-unread' : ''">
{{ item.isRead == 1 ? '未读' : '已读' }}
<div
class="warn-main-right-status"
:class="item.isRead == 1 ? 'status-unread' : ''"
>
{{ item.isRead == 1 ? "未读" : "已读" }}
</div>
</div>
</div>
@ -172,25 +364,86 @@
</div> -->
</div>
</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="right-header" id="task-header">
<div class="right-header-box">
<span class="dataCloudMap-birght"></span>
<div class="right-header-title">待办任务</div>
</div>
<el-button @click="enterjumpTask" type="text" v-if="backlogArray.length > 0">>> 更多记录</el-button>
<el-button
@click="enterjumpTask"
type="text"
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
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.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>
{{
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 @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
@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>
<el-empty
:style="{ height: tabHeader + 'px' }"
:image-size="160"
v-else
></el-empty>
<!-- <div class="right-main" v-else>
<el-divider content-position="center">暂无</el-divider>
</div> -->
@ -199,22 +452,32 @@
</el-row>
</el-col>
</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>提醒时间:</div>
<div>{{ info.alertTime }}</div>
</div>
<div class="team-main">
<div>提醒内容:</div>
<div>{{ info.alertContent }}</div>
<div>{{ info.alertContent }}</div>
</div>
</el-dialog>
</div>
</template>
<script>
import { listRecords } from "@/api/onlineDeclartion/records"
import { chiefAll, enterpriseAll, changeIsRead } from "@/api/jin_ji_hu/intelligentReminder"
import { usualFund, enterpriseProject } from "@/api/jin_ji_hu/zijinbiao"
import { listRecords } from "@/api/onlineDeclartion/records";
import {
chiefAll,
enterpriseAll,
changeIsRead,
} from "@/api/jin_ji_hu/intelligentReminder";
import { usualFund, enterpriseProject } from "@/api/jin_ji_hu/zijinbiao";
export default {
dicts: ["project_small_type", "project_categories"],
data() {
@ -222,34 +485,34 @@ export default {
return {
// 判断登陆用户是何身份⌈ 01 ： 企业 02 ： 政务 ⌋
// userType: this.$store.state.user.userType,
backlogArray:[],
backlogArray: [],
queryParams: {
pageNum: 1,
pageSize: 10,
current: 1,
size: 10,
creditCode: this.$store.state.user.name,
orderChange:1,
orderChange: 1,
// statusStr: [0, 5, 7, 8, 9, 10],
},
// 是否显示弹出层
open: false,
fileList: [],
uploadList: [],
loading:false,
loadingTab:false,
loading: false,
loadingTab: false,
remindList: [],
info:{},
info: {},
tabHeader: 200,
tabOneHeader: 200,
tableTwoHeight:null,
tableData:[],
tableTwoData:[],
enterpriseHonor:[],
}
tableTwoHeight: null,
tableData: [],
tableTwoData: [],
enterpriseHonor: [],
};
},
mounted(){
mounted() {
this.getListTwo();
this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
window.addEventListener("resize", this.cancalDebounce);
this.entRemind();
// 往年资金拨付比例
this.getUsualFund();
@ -259,148 +522,149 @@ export default {
this.getEnterpriseProjectTwo();
},
beforeDestroy() {
window.removeEventListener('resize', this.cancalDebounce);
window.removeEventListener("resize", this.cancalDebounce);
},
methods:{
methods: {
// 企业荣誉资质
getEnterpriseProjectOne(){
enterpriseProject({type:1}).then(res=>{
getEnterpriseProjectOne() {
enterpriseProject({ type: 1 }).then((res) => {
this.enterpriseHonor = res.data;
})
});
},
// 关联项目进展
getEnterpriseProjectTwo(){
enterpriseProject({type:2}).then(res=>{
getEnterpriseProjectTwo() {
enterpriseProject({ type: 2 }).then((res) => {
this.tableTwoData = res.data;
})
});
},
// 往年资金拨付比例
getUsualFund(){
usualFund().then(res=>{
this.tableData = res.data
})
getUsualFund() {
usualFund().then((res) => {
this.tableData = res.data;
});
},
// 待填报
getListTwo(){
getListTwo() {
this.loading = true;
listRecords(this.queryParams).then(response => {
this.backlogArray = response.rows
listRecords(this.queryParams).then((response) => {
this.backlogArray = response.data.records;
this.loading = false;
});
},
// 企业端智能提醒
entRemind(){
enterpriseAll({current:1,size:20}).then(res=>{
entRemind() {
enterpriseAll({ current: 1, size: 20 }).then((res) => {
this.remindList = res.data.records;
})
});
},
// 企业荣誉资质/关联项目进展跳转
goProjectInfo(item){
goProjectInfo(item) {
this.$router.push({
name: 'projectInfo',
query: { userId: Number(item.id) }
})
name: "projectInfo",
query: { userId: Number(item.id) },
});
},
// 往年专项资金申报
goProjectInfoLeft(item){
goProjectInfoLeft(item) {
// console.log(item,"item");
if(item.projectName == "区级总部" || item.projectName == "市级服务业领军") {
if(item.projectId) {
if (
item.projectName == "区级总部" ||
item.projectName == "市级服务业领军"
) {
if (item.projectId) {
this.$router.push({
name: 'projectInfo',
query: { userId: Number(item.projectId) }
})
name: "projectInfo",
query: { userId: Number(item.projectId) },
});
}
}
},
// 智能提醒跳转
enterjump(){
enterjump() {
this.$router.push({
name: 'WarningReminder',
})
name: "WarningReminder",
});
},
// 智能提醒去查看并修改状态
putMemo(item){
if(item.isRead == 1) {
changeIsRead({id:item.id}).then(res=>{
putMemo(item) {
if (item.isRead == 1) {
changeIsRead({ id: item.id }).then((res) => {
this.entRemind();
})
});
}
if(item.projectId) {
if (item.projectId) {
this.$router.push({
name: 'projectInfo',
query: { userId: Number(item.projectId) }
})
} else if(item.alertRecipients == 1 && item.alertManner == 2) {
name: "projectInfo",
query: { userId: Number(item.projectId) },
});
} else if (item.alertRecipients == 1 && item.alertManner == 2) {
this.$router.push({
name: 'Online',
params: { statusChange: "0" }
})
} else if(item.alertManner == 1) {
name: "Online",
params: { statusChange: "0" },
});
} else if (item.alertManner == 1) {
this.open = true;
this.info = item;
}
},
// 更多记录待办任务
enterjumpTask(){
enterjumpTask() {
this.$router.push({
name: 'AbnormalRemind',
})
name: "AbnormalRemind",
});
},
// 更多记录
MoreRecords(status){
if(status == 0 || status == 10) {
MoreRecords(status) {
if (status == 0 || status == 10) {
this.$router.push({
name: 'Online',
params: { statusChange: "0" }
})
name: "Online",
params: { statusChange: "0" },
});
} else {
this.$router.push({
name: 'Online',
params: { statusChange: "1" }
})
name: "Online",
params: { statusChange: "1" },
});
}
},
formatYear(time){
if(time.fileJson) {
return this.parseTime(time.createTime, '{y}-{m}-{d}')
formatYear(time) {
if (time.fileJson) {
return this.parseTime(time.createTime, "{y}-{m}-{d}");
} else {
return time.projectYear
return time.projectYear;
}
},
formatDate(dateString,id) {
formatDate(dateString, id) {
const year = dateString.slice(0, 4);
const month = dateString.slice(4, 6);
const day = dateString.slice(6, 8);
if(id == 1) {
if (id == 1) {
return `${year}年${month}月${day}日`;
} else {
return `${year}-${month}-${day}`;
}
},
// 屏幕尺寸变化
cancalDebounce(){
const element = document.getElementById('task-box'); // 通过元素的 ID 获取元素
const header = document.getElementById('task-header'); // 通过元素的 ID 获取元素
cancalDebounce() {
const element = document.getElementById("task-box"); // 通过元素的 ID 获取元素
const header = document.getElementById("task-header"); // 通过元素的 ID 获取元素
const elementHeight = element.offsetHeight;
const headerHeight = header.offsetHeight;
this.tabHeader = elementHeight - headerHeight - 30;
const oneTable = document.getElementById('one-table'); // 通过元素的 ID 获取元素
const oneHeader = document.getElementById('one-table-header'); // 通过元素的 ID 获取元素
const oneTable = document.getElementById("one-table"); // 通过元素的 ID 获取元素
const oneHeader = document.getElementById("one-table-header"); // 通过元素的 ID 获取元素
const oneTableHeight = oneTable.offsetHeight;
const oneHeaderHeight = oneHeader.offsetHeight;
this.tabOneHeader = oneTableHeight - oneHeaderHeight - 45;
const twoTable = document.getElementById('table-two'); // 通过元素的 ID 获取元素
const twoHeader = document.getElementById('table-two-title'); // 通过元素的 ID 获取元素
const twoTable = document.getElementById("table-two"); // 通过元素的 ID 获取元素
const twoHeader = document.getElementById("table-two-title"); // 通过元素的 ID 获取元素
const twoTableHeight = twoTable.offsetHeight;
const twoHeaderHeight = twoHeader.offsetHeight;
this.tableTwoHeight = twoTableHeight - twoHeaderHeight - 45;
}
},
},
}
};
</script>
<style lang="scss" scoped>
</style>
<style lang="scss" scoped></style>

Write Preview
Loading…
Cancel
Save