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

在线申报记录修改分页参数

Browse Source
xuhongjie
许宏杰 3 months ago
parent 6ebc70e99d
commit e76d4ea867
4 changed files with 481 additions and 294 deletions
Show Stats Download Patch File Download Diff File

4
.env.development
Unescape View File

@ -5,9 +5,9 @@ VUE_APP_TITLE = 金鸡湖现代服务业品牌管理系统
ENV = 'development' ENV = 'development'
# 金鸡湖现代服务业品牌管理系统/开发环境 # 金鸡湖现代服务业品牌管理系统/开发环境
# VUE_APP_BASE_API = 'http://192.168.0.116:9040' VUE_APP_BASE_API = 'http://192.168.0.115:9040'
# 测试环境数据库 # 测试环境数据库
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'
# 正式环境数据库 # 正式环境数据库

2
package.json
Unescape View File

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

76
src/router/index.js
Unescape View File

@ -95,61 +95,65 @@ export const constantRoutes = [
// ], // ],
// }, // },
{ {
path: '/user', path: "/user",
component: Layout, component: Layout,
hidden: true, hidden: true,
redirect: 'noredirect', redirect: "noredirect",
children: [ children: [
{ {
path: 'profile', path: "profile",
component: () => import('@/views/system/user/profile/index'), component: () => import("@/views/system/user/profile/index"),
name: 'Profile', name: "Profile",
meta: { title: '个人中心', icon: 'user' } meta: { title: "个人中心", icon: "user" },
}, },
{ {
path: 'onlineDeclareAdd', path: "onlineDeclareAdd",
component: () => import('@/views/onlineDeclaration/declareAddContent/index'), component: () =>
name: 'onlineDeclareAdd', import("@/views/onlineDeclaration/declareAddContent/index"),
meta: { title: '新增申报', icon: 'user' } name: "onlineDeclareAdd",
meta: { title: "新增申报", icon: "user" },
}, },
{ {
path: 'onlineDeclareInfo', path: "onlineDeclareInfo",
component: () => import('@/views/onlineDeclaration/declareDetailContent/index'), component: () =>
name: 'onlineDeclareInfo', import("@/views/onlineDeclaration/declareDetailContent/index"),
meta: { title: '申报详情', icon: 'user' } name: "onlineDeclareInfo",
meta: { title: "申报详情", icon: "user" },
}, },
{ {
path: 'onlineDeclareDetail', path: "onlineDeclareDetail",
component: () => import('@/views/onlineDeclaration/templateDetail/index'), component: () =>
name: 'onlineDeclareDetail', import("@/views/onlineDeclaration/templateDetail/index"),
meta: { title: '模版详情', icon: 'user' } name: "onlineDeclareDetail",
meta: { title: "模版详情", icon: "user" },
}, },
{ {
path: 'onlineDeclareTInfo', path: "onlineDeclareTInfo",
component: () => import('@/views/onlineDeclaration/supplementary/index'), component: () =>
name: 'onlineDeclareTInfo', import("@/views/onlineDeclaration/supplementary/index"),
meta: { title: '模版详情', icon: 'user' } name: "onlineDeclareTInfo",
meta: { title: "模版详情", icon: "user" },
}, },
{ {
path: 'projectInfo', path: "projectInfo",
component: () => import('@/views/project/projectInfo/index'), component: () => import("@/views/project/projectInfo/index"),
name: 'projectInfo', name: "projectInfo",
meta: { title: '项目详情', icon: 'user' } meta: { title: "项目详情", icon: "user" },
}, },
{ {
path: 'enterpriselibraryInfo', path: "enterpriselibraryInfo",
component: () => import('@/views/enterpriselibrary/enterInfo/index'), component: () => import("@/views/enterpriselibrary/enterInfo/index"),
name: 'enterpriselibraryInfo', name: "enterpriselibraryInfo",
meta: { title: '企业详情', icon: 'user' } meta: { title: "企业详情", icon: "user" },
}, },
{ {
path: 'onlineDeclarebBuild', path: "onlineDeclarebBuild",
component: () => import('@/views/tool/build/index'), component: () => import("@/views/tool/build/index"),
name: 'onlineDeclarebBuild', name: "onlineDeclarebBuild",
meta: { title: '表单构建', icon: 'user' } meta: { title: "表单构建", icon: "user" },
},
],
}, },
]
}
]; ];
// 动态路由，基于用户权限动态去加载 // 动态路由，基于用户权限动态去加载

557
src/views/onlineDeclaration/records/index.vue
Unescape View File

@ -1,6 +1,13 @@
<template> <template>
<div class="app-container" id="app-container"> <div class="app-container" id="app-container">
<el-form id="I-form" :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"> <el-form
id="I-form"
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
>
<el-form-item label="申报任务标题" prop="enterpriseDirectory"> <el-form-item label="申报任务标题" prop="enterpriseDirectory">
<el-input <el-input
v-model="queryParams.enterpriseDirectory" v-model="queryParams.enterpriseDirectory"
@ -20,7 +27,11 @@
</el-select> </el-select>
</el-form-item> --> </el-form-item> -->
<el-form-item label="责任单位" prop="responsibilityUnit"> <el-form-item label="责任单位" prop="responsibilityUnit">
<el-select v-model="queryParams.responsibilityUnit" placeholder="请选择责任单位" clearable> <el-select
v-model="queryParams.responsibilityUnit"
placeholder="请选择责任单位"
clearable
>
<el-option <el-option
v-for="dict in dict.type.bms_responsibility_unit" v-for="dict in dict.type.bms_responsibility_unit"
:key="dict.value" :key="dict.value"
@ -30,8 +41,17 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item class="search_btn"> <el-form-item class="search_btn">
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery" class="btn">查询</el-button> >重置</el-button
>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
class="btn"
>查询</el-button
>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -69,13 +89,9 @@
>市级评定结果确认</el-button> --> >市级评定结果确认</el-button> -->
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="primary" plain @click="handleExport" class="btn"
type="primary" >导出申报记录清单</el-button
plain >
@click="handleExport"
class="btn"
>导出申报记录清单</el-button>
</el-col> </el-col>
</el-row> </el-row>
<el-row id="I-rowTwo" class="radio_btn" v-if="userType == '02'"> <el-row id="I-rowTwo" class="radio_btn" v-if="userType == '02'">
@ -100,7 +116,8 @@
plain plain
:disabled="multipleSelection.length > 0 ? false : true" :disabled="multipleSelection.length > 0 ? false : true"
@click="zipDowmload" @click="zipDowmload"
>打包下载</el-button> >打包下载</el-button
>
</el-col> </el-col>
<!-- <el-col :span="1.5"> <!-- <el-col :span="1.5">
<el-button <el-button
@ -155,7 +172,10 @@
background:'#cfcccc',color:'#000000'}" --> background:'#cfcccc',color:'#000000'}" -->
<el-row id="I-rowTwo" class="radio_btn" v-if="userType == '01'"> <el-row id="I-rowTwo" class="radio_btn" v-if="userType == '01'">
<el-col> <el-col>
<el-radio-group v-model="queryParams.statusChange" @change="toggleOptionsEnter"> <el-radio-group
v-model="queryParams.statusChange"
@change="toggleOptionsEnter"
>
<el-radio-button label="">全部</el-radio-button> <el-radio-button label="">全部</el-radio-button>
<el-radio-button label="0">未填报</el-radio-button> <el-radio-button label="0">未填报</el-radio-button>
<el-radio-button label="1">已填报</el-radio-button> <el-radio-button label="1">已填报</el-radio-button>
@ -170,20 +190,45 @@
row-key="id" row-key="id"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column type="selection" align="center" width="50" reserve-selection fixed /> <el-table-column
type="selection"
align="center"
width="50"
reserve-selection
fixed
/>
<el-table-column label="序号" align="center" width="50"> <el-table-column label="序号" align="center" width="50">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span> <span>{{
(queryParams.current - 1) * queryParams.size + scope.$index + 1
}}</span>
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column prop="projectName" label="项目名称" :show-overflow-tooltip="true" min-width="160"></el-table-column> --> <!-- <el-table-column prop="projectName" label="项目名称" :show-overflow-tooltip="true" min-width="160"></el-table-column> -->
<el-table-column prop="enterpriseDirectory" label="申报任务标题" :show-overflow-tooltip="true" min-width="160"></el-table-column> <el-table-column
<el-table-column label="项目小类" :show-overflow-tooltip="true" min-width="150"> prop="enterpriseDirectory"
label="申报任务标题"
:show-overflow-tooltip="true"
min-width="160"
></el-table-column>
<el-table-column
label="项目小类"
:show-overflow-tooltip="true"
min-width="150"
>
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :options="dict.type.project_small_type" :value="scope.row.projectSmallType"/> <dict-tag
:options="dict.type.project_small_type"
:value="scope.row.projectSmallType"
/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="enterpriseName" label="申报单位" :show-overflow-tooltip="true" min-width="120"></el-table-column> <el-table-column
prop="enterpriseName"
label="申报单位"
:show-overflow-tooltip="true"
min-width="120"
></el-table-column>
<!-- width="60" --> <!-- width="60" -->
<el-table-column label="级别"> <el-table-column label="级别">
<template slot-scope="scope"> <template slot-scope="scope">
@ -191,7 +236,11 @@
</template> </template>
</el-table-column> </el-table-column>
<!-- min-width="80" --> <!-- min-width="80" -->
<el-table-column prop="year" label="年份" :show-overflow-tooltip="true"></el-table-column> <el-table-column
prop="year"
label="年份"
:show-overflow-tooltip="true"
></el-table-column>
<!-- <el-table-column prop="component" label="申报类型" min-width="110"> <!-- <el-table-column prop="component" label="申报类型" min-width="110">
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :options="dict.type.bms_declaration_type" :value="scope.row.type"/> <dict-tag :options="dict.type.bms_declaration_type" :value="scope.row.type"/>
@ -200,7 +249,10 @@
<!-- width="80" --> <!-- width="80" -->
<el-table-column label="责任单位"> <el-table-column label="责任单位">
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :options="dict.type.bms_responsibility_unit" :value="scope.row.responsibilityUnit"/> <dict-tag
:options="dict.type.bms_responsibility_unit"
:value="scope.row.responsibilityUnit"
/>
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column label="申报表单" :show-overflow-tooltip="true" min-width="130"> <!-- <el-table-column label="申报表单" :show-overflow-tooltip="true" min-width="130">
@ -218,24 +270,44 @@
<!-- min-width="80" --> <!-- min-width="80" -->
<el-table-column prop="status" label="审批状态"> <el-table-column prop="status" label="审批状态">
<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>
<!-- min-width="120" --> <!-- min-width="120" -->
<el-table-column label="申报时间" align="center" prop="createTime"> <el-table-column label="申报时间" align="center" prop="createTime">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}</span>
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column prop="updateTime" label="更新时间" min-width="120"> <!-- <el-table-column prop="updateTime" label="更新时间" min-width="120">
@ -252,25 +324,33 @@
type="text" type="text"
@click="handleAdd(scope.row)" @click="handleAdd(scope.row)"
v-if="userType == '01' && scope.row.status == 0" v-if="userType == '01' && scope.row.status == 0"
>开始填报</el-button> >开始填报</el-button
>
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
@click="handleEdit(scope.row)" @click="handleEdit(scope.row)"
v-if="userType == '01' && scope.row.status == 10" v-if="userType == '01' && scope.row.status == 10"
>编辑</el-button> >编辑</el-button
>
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
@click="handleUp(scope.row)" @click="handleUp(scope.row)"
v-if="userType == '01'&& (scope.row.status !== 0 && scope.row.status !== 8)" v-if="
>上传附件</el-button> userType == '01' &&
scope.row.status !== 0 &&
scope.row.status !== 8
"
>上传附件</el-button
>
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
@click="handleDetail(scope.row)" @click="handleDetail(scope.row)"
v-if="scope.row.status !== 0" v-if="scope.row.status !== 0"
>查看详情</el-button> >查看详情</el-button
>
<!-- <el-button <!-- <el-button
size="mini" size="mini"
type="text" type="text"
@ -284,17 +364,29 @@
id="L-pagination" id="L-pagination"
v-show="total > 0" v-show="total > 0"
:total="total" :total="total"
:page.sync="queryParams.pageNum" :page.sync="queryParams.current"
:limit.sync="queryParams.pageSize" :limit.sync="queryParams.size"
@pagination="getList" @pagination="getList"
/> />
<!-- 添加或修改菜单对话框 --> <!-- 添加或修改菜单对话框 -->
<el-dialog title="请选择申报表单" :visible.sync="open" width="680px" append-to-body :close-on-click-modal="false"> <el-dialog
title="请选择申报表单"
:visible.sync="open"
width="680px"
append-to-body
:close-on-click-modal="false"
>
<el-form ref="form" :model="form" :rules="rules" label-width="120px"> <el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="责任单位" prop="responsibilityUnit"> <el-form-item label="责任单位" prop="responsibilityUnit">
<el-select v-model="form.responsibilityUnit" placeholder="请选择责任单位" style="width: 100%;" @change="getTemplateList" clearable> <el-select
v-model="form.responsibilityUnit"
placeholder="请选择责任单位"
style="width: 100%"
@change="getTemplateList"
clearable
>
<el-option <el-option
v-for="dict in dict.type.bms_responsibility_unit" v-for="dict in dict.type.bms_responsibility_unit"
:key="dict.value" :key="dict.value"
@ -306,7 +398,14 @@
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="申报表单模版" prop="templateId"> <el-form-item label="申报表单模版" prop="templateId">
<el-select v-model="form.templateId" placeholder="请选择申报表单模版" style="width: 100%;" @change="changeTemplateId" :disabled="!this.form.responsibilityUnit" clearable> <el-select
v-model="form.templateId"
placeholder="请选择申报表单模版"
style="width: 100%"
@change="changeTemplateId"
:disabled="!this.form.responsibilityUnit"
clearable
>
<el-option <el-option
v-for="dict in templateDataList" v-for="dict in templateDataList"
:key="dict.templateId" :key="dict.templateId"
@ -318,19 +417,37 @@
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="表单说明" prop="notes"> <el-form-item label="表单说明" prop="notes">
<el-input v-model="form.notes" type="textarea" placeholder="请输入说明" disabled></el-input> <el-input
v-model="form.notes"
type="textarea"
placeholder="请输入说明"
disabled
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="cancel">取 消</el-button> <el-button @click="cancel">取 消</el-button>
<el-button type="primary" @click="submitForm" class="btn">开始填报</el-button> <el-button type="primary" @click="submitForm" class="btn"
>开始填报</el-button
>
</div> </div>
</el-dialog> </el-dialog>
<!-- 市级评审对话框 --> <!-- 市级评审对话框 -->
<el-dialog title="市级评审结果确认" :visible.sync="openCity" width="600px" append-to-body :close-on-click-modal="false"> <el-dialog
<el-form ref="cityFormRef" :model="cityForm" :rules="cityRules" label-width="100px"> title="市级评审结果确认"
:visible.sync="openCity"
width="600px"
append-to-body
:close-on-click-modal="false"
>
<el-form
ref="cityFormRef"
:model="cityForm"
:rules="cityRules"
label-width="100px"
>
<el-row> <el-row>
<el-col :span="14"> <el-col :span="14">
<el-form-item label="评定附件" label-width="100px" prop="fileList"> <el-form-item label="评定附件" label-width="100px" prop="fileList">
@ -344,24 +461,45 @@
:file-list="fileList" :file-list="fileList"
v-if="fileList.length <= 0" v-if="fileList.length <= 0"
> >
<el-button slot="trigger" v-if="fileList.length<= 0" size="small" type="text">上传市级评定附件</el-button> <el-button
slot="trigger"
v-if="fileList.length <= 0"
size="small"
type="text"
>上传市级评定附件</el-button
>
</el-upload> </el-upload>
<div v-if="fileList.length > 0" style=""> <div v-if="fileList.length > 0" style="">
<span style="color: #409eff;margin-right: 10px;">{{ this.cityForm.fileName }}</span> <span style="color: #409eff; margin-right: 10px">{{
<el-button type="text" style="color: #f56c6c;" @click="deleteUpload">删除</el-button> this.cityForm.fileName
}}</span>
<el-button
type="text"
style="color: #f56c6c"
@click="deleteUpload"
>删除</el-button
>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10"> <el-col :span="10">
<el-form-item label-width="0"> <el-form-item label-width="0">
<el-button plain @click="frontDownload" v-if="fileList.length<= 0" style="background-color: #f1d78c;">下载需要评定数据</el-button> <el-button
plain
@click="frontDownload"
v-if="fileList.length <= 0"
style="background-color: #f1d78c"
>下载需要评定数据</el-button
>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="cancelCity">取 消</el-button> <el-button @click="cancelCity">取 消</el-button>
<el-button type="primary" @click="submitCityForm" class="btn">确定</el-button> <el-button type="primary" @click="submitCityForm" class="btn"
>确定</el-button
>
</div> </div>
</el-dialog> </el-dialog>
<!-- 修改附件 --> <!-- 修改附件 -->
@ -370,13 +508,30 @@
</template> </template>
<script> <script>
import { listRecords, exportData, templateList, downloadData, uploadFile, putMunicipalBureauReview, exportZip } from "@/api/onlineDeclartion/records" import {
import updataChange from "./components/index.vue" listRecords,
import * as XLSX from 'xlsx' exportData,
import { Message, Loading } from 'element-ui' templateList,
downloadData,
uploadFile,
putMunicipalBureauReview,
exportZip,
} from "@/api/onlineDeclartion/records";
import updataChange from "./components/index.vue";
import * as XLSX from "xlsx";
import { Message, Loading } from "element-ui";
export default { export default {
name: "Records", name: "Records",
dicts: ['sys_show_hide', 'sys_normal_disable', 'bms_declaration_type', 'bms_responsibility_unit', 'bms_level', 'bms_template_type', 'bms_declaration_channels', "project_small_type"], dicts: [
"sys_show_hide",
"sys_normal_disable",
"bms_declaration_type",
"bms_responsibility_unit",
"bms_level",
"bms_template_type",
"bms_declaration_channels",
"project_small_type",
],
data() { data() {
return { return {
userType: this.$store.state.user.userType, userType: this.$store.state.user.userType,
@ -401,11 +556,11 @@ export default {
enterpriseDirectory: undefined, enterpriseDirectory: undefined,
responsibilityUnit: undefined, responsibilityUnit: undefined,
statusChange: "", statusChange: "",
pageNum: 1, current: 1,
pageSize: 10, size: 10,
orderChange: 1, orderChange: 1,
}, },
enterpriseId: '', enterpriseId: "",
templateDataList: [], templateDataList: [],
multipleSelection: [], multipleSelection: [],
// 表单参数 // 表单参数
@ -413,11 +568,11 @@ export default {
// 表单校验 // 表单校验
rules: { rules: {
responsibilityUnit: [ responsibilityUnit: [
{ required: true, message: "请选择责任单位", trigger: "blur" } { required: true, message: "请选择责任单位", trigger: "blur" },
], ],
templateId: [ templateId: [
{ required: true, message: "请选择申报表单模版", trigger: "blur" } { required: true, message: "请选择申报表单模版", trigger: "blur" },
] ],
}, },
openCity: false, openCity: false,
fileList: [], fileList: [],
@ -425,63 +580,73 @@ export default {
cityForm: {}, cityForm: {},
cityRules: { cityRules: {
fileList: [ fileList: [
{ required: true, message: "请选择申报表单模版", trigger: "blur" } { required: true, message: "请选择申报表单模版", trigger: "blur" },
] ],
}, },
tabHeader: undefined, tabHeader: undefined,
// 政务端筛选 // 政务端筛选
radio:'', radio: "",
// 企业端筛选 // 企业端筛选
radioEnter:'' radioEnter: "",
}; };
}, },
components: { components: {
updataChange updataChange,
}, },
mounted() { mounted() {
this.cancalDebounce(); this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce); window.addEventListener("resize", this.cancalDebounce);
if (this.$route.params.statusChange) { if (this.$route.params.statusChange) {
this.queryParams.statusChange = this.$route.params.statusChange this.queryParams.statusChange = this.$route.params.statusChange;
} }
this.getList(); this.getList();
}, },
destroyed() { destroyed() {
window.removeEventListener('resize', this.cancalDebounce); window.removeEventListener("resize", this.cancalDebounce);
}, },
methods: { methods: {
// 屏幕尺寸变化 // 屏幕尺寸变化
cancalDebounce() { cancalDebounce() {
const element = document.getElementById('app-container'); // 通过元素的 ID 获取元素 const element = document.getElementById("app-container"); // 通过元素的 ID 获取元素
const header = document.getElementById('I-form'); // 通过元素的 ID 获取元素 const header = document.getElementById("I-form"); // 通过元素的 ID 获取元素
const headerTwo = document.getElementById('I-rowOne'); // 通过元素的 ID 获取元素 const headerTwo = document.getElementById("I-rowOne"); // 通过元素的 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 headerOHeight = headerTwo.offsetHeight; const headerOHeight = headerTwo.offsetHeight;
const paginationtHeight = pagination.offsetHeight; const paginationtHeight = pagination.offsetHeight;
if(this.userType == '02') { if (this.userType == "02") {
const headerThree = document.getElementById('I-rowTwo'); // 通过元素的 ID 获取元素 const headerThree = document.getElementById("I-rowTwo"); // 通过元素的 ID 获取元素
const headerTHeight = headerThree.offsetHeight; const headerTHeight = headerThree.offsetHeight;
this.tabHeader = elementHeight - headerHeight - headerOHeight - headerTHeight - paginationtHeight - 120; this.tabHeader =
elementHeight -
headerHeight -
headerOHeight -
headerTHeight -
paginationtHeight -
120;
} else { } else {
this.tabHeader = elementHeight - headerHeight - headerOHeight - paginationtHeight - 120; this.tabHeader =
elementHeight -
headerHeight -
headerOHeight -
paginationtHeight -
120;
} }
}, },
handleSelectionChange(val) { handleSelectionChange(val) {
this.multipleSelection = val; this.multipleSelection = val;
}, },
routerGo() { routerGo() {
this.$router.push({ name: 'onlineDeclareTInfo' }).catch(()=>{}); this.$router.push({ name: "onlineDeclareTInfo" }).catch(() => {});
}, },
/** 查询菜单列表 */ /** 查询菜单列表 */
getList() { getList() {
this.loading = true; this.loading = true;
if(this.userType == '01'){ if (this.userType == "01") {
// this.queryParams.enterpriseId = this.$store.state.user.enterpriseId // this.queryParams.enterpriseId = this.$store.state.user.enterpriseId
this.queryParams.creditCode = this.$store.state.user.name this.queryParams.creditCode = this.$store.state.user.name;
} }
/** 获取市级需评定数量 */ /** 获取市级需评定数量 */
// listRecords({ // listRecords({
@ -491,9 +656,9 @@ export default {
// }).then(response => { // }).then(response => {
// this.cityList = response.rows; // this.cityList = response.rows;
// }); // });
listRecords(this.queryParams).then(response => { listRecords(this.queryParams).then((response) => {
this.menuList = response.rows; this.menuList = response.data.records;
this.total = response.total this.total = response.data.total;
this.loading = false; this.loading = false;
}); });
}, },
@ -514,7 +679,7 @@ export default {
isFrame: "1", isFrame: "1",
isCache: "0", isCache: "0",
visible: "0", visible: "0",
status: "0" status: "0",
}; };
this.resetForm("form"); this.resetForm("form");
}, },
@ -531,22 +696,27 @@ export default {
zipDowmload() { zipDowmload() {
// this.multipleSelection选中的数据 // this.multipleSelection选中的数据
// this.exportLoading = true; // this.exportLoading = true;
let downloadLoadingInstance = Loading.service({ text: "正在下载数据，请稍候", spinner: "el-icon-loading", background: "rgba(0, 0, 0, 0.7)", }) let downloadLoadingInstance = Loading.service({
text: "正在下载数据，请稍候",
spinner: "el-icon-loading",
background: "rgba(0, 0, 0, 0.7)",
});
let id = []; let id = [];
let name = []; let name = [];
let enterpriseName = []; let enterpriseName = [];
this.multipleSelection.map((item) => { this.multipleSelection.map((item) => {
id.push(Number(item.id)) id.push(Number(item.id));
name.push(item.enterpriseDirectory) name.push(item.enterpriseDirectory);
enterpriseName.push(item.enterpriseName) enterpriseName.push(item.enterpriseName);
}) });
exportZip({list:id.join(",")}).then((response) => { exportZip({ list: id.join(",") })
.then((response) => {
let blob = new Blob([response], { type: "application/zip" }); let blob = new Blob([response], { type: "application/zip" });
let url = window.URL.createObjectURL(blob); let url = window.URL.createObjectURL(blob);
const link = document.createElement("a"); // 创建a标签 const link = document.createElement("a"); // 创建a标签
link.href = url; link.href = url;
if (this.multipleSelection.length == 1) { if (this.multipleSelection.length == 1) {
link.download = enterpriseName[0] + '-' + name[0]; link.download = enterpriseName[0] + "-" + name[0];
} else { } else {
link.download = "申报表单"; // 重命名文件 link.download = "申报表单"; // 重命名文件
} }
@ -557,16 +727,16 @@ export default {
// console.log(response); // console.log(response);
}) })
.catch((error) => { .catch((error) => {
Message.error('下载文件出现错误，请联系管理员！') Message.error("下载文件出现错误，请联系管理员！");
}); });
}, },
/** 切换审批项 */ /** 切换审批项 */
toggleOptions(value1, value2) { toggleOptions(value1, value2) {
let arr = value1.split(','); let arr = value1.split(",");
// this.queryParams['statusStr[0]'] = value1 // this.queryParams['statusStr[0]'] = value1
this.queryParams['statusStr[0]'] = arr[0] this.queryParams["statusStr[0]"] = arr[0];
// this.queryParams['statusStr[1]'] = value2 // this.queryParams['statusStr[1]'] = value2
this.queryParams['statusStr[1]'] = arr[1] this.queryParams["statusStr[1]"] = arr[1];
this.handleQuery(); this.handleQuery();
}, },
// 政务端切换是否填报 // 政务端切换是否填报
@ -581,33 +751,39 @@ export default {
/** 开始填报按钮操作 */ /** 开始填报按钮操作 */
handleAdd(row) { handleAdd(row) {
if (row.templateRecordStatus == 0) { if (row.templateRecordStatus == 0) {
this.$message.error('该申请未开始'); this.$message.error("该申请未开始");
return; return;
} else if (row.templateRecordStatus == 1) { } else if (row.templateRecordStatus == 1) {
this.$message.error('该申请已过期'); this.$message.error("该申请已过期");
return; return;
} else { } else {
this.$router.push({name: 'onlineDeclareAdd',query: { this.$router.push({
name: "onlineDeclareAdd",
query: {
templateId: row.templateId, templateId: row.templateId,
templateRecordId: row.templateRecordId, templateRecordId: row.templateRecordId,
declarationId: row.id, declarationId: row.id,
pageType: "add", pageType: "add",
}}) },
});
} }
}, },
/** 查看审核详情操作 */ /** 查看审核详情操作 */
handleDetail(row) { handleDetail(row) {
this.$router.push({name: 'onlineDeclareInfo',query: { this.$router.push({
name: "onlineDeclareInfo",
query: {
templateId: row.templateId, templateId: row.templateId,
// templateRecordId: row.templateRecordId, // templateRecordId: row.templateRecordId,
pageType: "detail", pageType: "detail",
detailId: row.id, detailId: row.id,
// enterpriseId: row.enterpriseId // enterpriseId: row.enterpriseId
}}) },
});
}, },
/** 上传附件 */ /** 上传附件 */
handleUp(row) { handleUp(row) {
this.$refs.updataChange.open(row) this.$refs.updataChange.open(row);
}, },
/** 修改按钮操作 */ /** 修改按钮操作 */
getTemplateList(val) { getTemplateList(val) {
@ -617,100 +793,108 @@ export default {
enterpriseId: this.$store.state.user.enterpriseId, enterpriseId: this.$store.state.user.enterpriseId,
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
} };
templateList(params).then(response => { templateList(params).then((response) => {
// console.log(response); // console.log(response);
this.templateDataList = response.rows this.templateDataList = response.rows;
}) });
} else { } else {
this.form.templateId = '' this.form.templateId = "";
} }
}, },
changeTemplateId(val) { changeTemplateId(val) {
this.templateDataList.forEach(item => { this.templateDataList.forEach((item) => {
if (item.templateId == val) { if (item.templateId == val) {
this.form.notes = item.notes this.form.notes = item.notes;
this.form.templateRecordId = item.templateRecordId this.form.templateRecordId = item.templateRecordId;
} }
}) });
}, },
/** 提交按钮 */ /** 提交按钮 */
submitForm: function () { submitForm: function () {
this.$refs["form"].validate(valid => { this.$refs["form"].validate((valid) => {
if (valid) { if (valid) {
this.$router.push({name: 'onlineDeclareAdd',query: { this.$router.push({
name: "onlineDeclareAdd",
query: {
templateId: this.form.templateId, templateId: this.form.templateId,
templateRecordId: this.form.templateRecordId, templateRecordId: this.form.templateRecordId,
pageType: "add", pageType: "add",
}}) },
});
} }
}); });
}, },
/** 编辑按钮 */ /** 编辑按钮 */
handleEdit(row) { handleEdit(row) {
this.$router.push({name: 'onlineDeclareInfo',query: { this.$router.push({
name: "onlineDeclareInfo",
query: {
templateId: row.templateId, templateId: row.templateId,
templateRecordId: row.templateRecordId, templateRecordId: row.templateRecordId,
pageType: "edit", pageType: "edit",
detailId: row.id, detailId: row.id,
enterpriseId: row.enterpriseId enterpriseId: row.enterpriseId,
}}) },
});
}, },
/** 导出按钮操作 */ /** 导出按钮操作 */
handleExport(row) { handleExport(row) {
exportData({enterpriseId: row.enterpriseId}).then(response => { exportData({ enterpriseId: row.enterpriseId }).then((response) => {
let url = window.URL.createObjectURL(new Blob([response])) let url = window.URL.createObjectURL(new Blob([response]));
let link = document.createElement('a') let link = document.createElement("a");
link.style.display = "none" link.style.display = "none";
link.href = url link.href = url;
link.setAttribute("download", `在线申报记录${new Date().getTime()}.xls`) link.setAttribute(
document.body.appendChild(link) "download",
link.click() `在线申报记录${new Date().getTime()}.xls`
document.body.removeChild(link) );
window.URL.revokeObjectURL(url) document.body.appendChild(link);
}) link.click();
document.body.removeChild(link);
window.URL.revokeObjectURL(url);
});
}, },
handleOpenCity() { handleOpenCity() {
this.openCity = true this.openCity = true;
}, },
cancelCity() { cancelCity() {
this.openCity = false this.openCity = false;
this.fileList= [] this.fileList = [];
this.cityForm.reviewList = [] this.cityForm.reviewList = [];
this.cityForm.fileList = [] this.cityForm.fileList = [];
}, },
//下载模版 //下载模版
frontDownload() { frontDownload() {
downloadData({ }).then(response => { downloadData({}).then((response) => {
let url = window.URL.createObjectURL(new Blob([response])) let url = window.URL.createObjectURL(new Blob([response]));
let link = document.createElement('a') let link = document.createElement("a");
link.style.display = "none" link.style.display = "none";
link.href = url link.href = url;
link.setAttribute("download", `评定数据${new Date().getTime()}.xls`) link.setAttribute("download", `评定数据${new Date().getTime()}.xls`);
document.body.appendChild(link) document.body.appendChild(link);
link.click() link.click();
document.body.removeChild(link) document.body.removeChild(link);
window.URL.revokeObjectURL(url) window.URL.revokeObjectURL(url);
}) });
}, },
handleFileUpload(params) { handleFileUpload(params) {
this.handle(params) this.handle(params);
const file = params.file const file = params.file;
let cityForm = new FormData() let cityForm = new FormData();
cityForm.append('file', file) cityForm.append("file", file);
uploadFile(cityForm).then(response => { uploadFile(cityForm).then((response) => {
this.fileList = [] this.fileList = [];
this.fileList.push(file) this.fileList.push(file);
// this.cityForm.fileList = this.fileList // this.cityForm.fileList = this.fileList
this.$set(this.cityForm, 'fileList', this.fileList) this.$set(this.cityForm, "fileList", this.fileList);
this.cityForm.fileName = params.file.name this.cityForm.fileName = params.file.name;
}) });
}, },
deleteUpload() { deleteUpload() {
this.fileList= [] this.fileList = [];
this.cityForm.reviewList = [] this.cityForm.reviewList = [];
this.cityForm.fileList = [] this.cityForm.fileList = [];
}, },
/** 提交审核按钮 */ /** 提交审核按钮 */
submitCityForm: function () { submitCityForm: function () {
@ -718,10 +902,10 @@ export default {
// console.log('this.cityForm.fileList', this.cityForm.fileName); // console.log('this.cityForm.fileList', this.cityForm.fileName);
// } else { // } else {
this.$refs["cityFormRef"].validate(valid => { this.$refs["cityFormRef"].validate((valid) => {
if (valid) { if (valid) {
// console.log('this.form.reviewList',this.cityForm.reviewList); // console.log('this.form.reviewList',this.cityForm.reviewList);
putMunicipalBureauReview(this.cityForm).then(response => { putMunicipalBureauReview(this.cityForm).then((response) => {
this.$modal.msgSuccess("评审成功"); this.$modal.msgSuccess("评审成功");
this.openCity = false; this.openCity = false;
this.getList(); this.getList();
@ -729,16 +913,15 @@ export default {
} }
}); });
// } // }
}, },
readFile(file) { readFile(file) {
return new Promise(resolve => { return new Promise((resolve) => {
let reader = new FileReader(); let reader = new FileReader();
reader.readAsBinaryString(file); reader.readAsBinaryString(file);
reader.onload = ev => { reader.onload = (ev) => {
resolve(ev.target.result); resolve(ev.target.result);
} };
}) });
}, },
// 采集excel数据 // 采集excel数据
@ -748,26 +931,26 @@ export default {
// 读取file中的数据(变成json格式) // 读取file中的数据(变成json格式)
let data = await this.readFile(file); // 上传文件解析出来的二进制数据 let data = await this.readFile(file); // 上传文件解析出来的二进制数据
let workbook = XLSX.read(data, {type: 'binary'}); // xlsx.read()通过读取数据方式,创建类似excel的工作目录/表 let workbook = XLSX.read(data, { type: "binary" }); // xlsx.read()通过读取数据方式,创建类似excel的工作目录/表
let worksheet = workbook.Sheets[workbook.SheetNames[0]]; let worksheet = workbook.Sheets[workbook.SheetNames[0]];
// 解析成json数据 // 解析成json数据
data = XLSX.utils.sheet_to_json(worksheet); data = XLSX.utils.sheet_to_json(worksheet);
let arr = [] let arr = [];
data.forEach(item => { data.forEach((item) => {
let obj = { let obj = {
enterpriseName: item['企业名称'], enterpriseName: item["企业名称"],
creditCode: item['统一信用代码'], creditCode: item["统一信用代码"],
id: item['对应id'], id: item["对应id"],
declarationTypeStr: item['申报类型'], declarationTypeStr: item["申报类型"],
opinion: item['市级评定结果意见'], opinion: item["市级评定结果意见"],
result: item['市级评定结果，0：通过，1：不通过'], result: item["市级评定结果，0：通过，1：不通过"],
year: item['年份'], year: item["年份"],
}; };
arr.push(obj); arr.push(obj);
this.cityForm.reviewList = arr this.cityForm.reviewList = arr;
}); // 这样写的好处是分离, excel增加字段,我这代码不用变 }); // 这样写的好处是分离, excel增加字段,我这代码不用变
} },
} },
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -791,7 +974,7 @@ export default {
// outline: none; // outline: none;
// box-shadow: none; // box-shadow: none;
background: #f5f7fa; background: #f5f7fa;
border-color: #DCDFE6; border-color: #dcdfe6;
} }
// 修改激活后的样式 // 修改激活后的样式
::v-deep .el-radio-button__orig-radio:checked + .el-radio-button__inner { ::v-deep .el-radio-button__orig-radio:checked + .el-radio-button__inner {
@ -839,7 +1022,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%;
@ -855,7 +1038,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%;
@ -871,7 +1054,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%;
@ -887,7 +1070,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%;
@ -903,7 +1086,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%;
@ -919,7 +1102,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%;

Write Preview
Loading…
Cancel
Save