From e76d4ea86796b81009c68330a2f1699576ff0fe8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=AE=B8=E5=AE=8F=E6=9D=B0?= <1943105267@qq.com>
Date: Wed, 5 Feb 2025 09:55:53 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=A8=E7=BA=BF=E7=94=B3=E6=8A=A5=E8=AE=B0?=
 =?UTF-8?q?=E5=BD=95=E4=BF=AE=E6=94=B9=E5=88=86=E9=A1=B5=E5=8F=82=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                              |   6 +-
 package.json                                  |   2 +-
 src/router/index.js                           |  80 +-
 src/views/onlineDeclaration/records/index.vue | 687 +++++++++++-------
 4 files changed, 481 insertions(+), 294 deletions(-)

diff --git a/.env.development b/.env.development
index 4bec0c5..a847f9c 100644
--- a/.env.development
+++ b/.env.development
@@ -5,9 +5,9 @@ VUE_APP_TITLE = 金鸡湖现代服务业品牌管理系统
 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'
 # 正式环境数据库
@@ -24,4 +24,4 @@ VUE_CLI_BABEL_TRANSPILE_MODULES = true
 #4.部署环境
 # 堡垒机地址：https://58.209.81.144:9443/  用户名：admin47   密码：Jinjihu@123456
 # 登录后选择IP地址为：192.114.0.197:22  用户名：root   密码：Cloud@1234
-# 登录IP地址后进入部署/var/www/html文件夹
\ No newline at end of file
+# 登录IP地址后进入部署/var/www/html文件夹
diff --git a/package.json b/package.json
index 3ddc637..c5e339e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ruoyi",
-  "version": "1.0.202501061704",
+  "version": "1.0.202502050928",
   "description": "金鸡湖现代服务业品牌管理系统",
   "author": "若依",
   "license": "MIT",
diff --git a/src/router/index.js b/src/router/index.js
index 3c5c191..d787560 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -43,8 +43,8 @@ export const constantRoutes = [
   },
   {
     path: "/login",
-    // component: () => import("@/views/login"),          // 测试环境登录页
-    component: () => import("@/views/login_v1"),    // 正式环境登录页
+    // component: () => import("@/views/login"), // 测试环境登录页
+    component: () => import("@/views/login_v1"), // 正式环境登录页
     hidden: true,
   },
   {
@@ -95,61 +95,65 @@ export const constantRoutes = [
   //   ],
   // },
   {
-    path: '/user',
+    path: "/user",
     component: Layout,
     hidden: true,
-    redirect: 'noredirect',
+    redirect: "noredirect",
     children: [
       {
-        path: 'profile',
-        component: () => import('@/views/system/user/profile/index'),
-        name: 'Profile',
-        meta: { title: '个人中心', icon: 'user' }
+        path: "profile",
+        component: () => import("@/views/system/user/profile/index"),
+        name: "Profile",
+        meta: { title: "个人中心", icon: "user" },
       },
       {
-        path: 'onlineDeclareAdd',
-        component: () => import('@/views/onlineDeclaration/declareAddContent/index'),
-        name: 'onlineDeclareAdd',
-        meta: { title: '新增申报', icon: 'user' }
+        path: "onlineDeclareAdd",
+        component: () =>
+          import("@/views/onlineDeclaration/declareAddContent/index"),
+        name: "onlineDeclareAdd",
+        meta: { title: "新增申报", icon: "user" },
       },
       {
-        path: 'onlineDeclareInfo',
-        component: () => import('@/views/onlineDeclaration/declareDetailContent/index'),
-        name: 'onlineDeclareInfo',
-        meta: { title: '申报详情', icon: 'user' }
+        path: "onlineDeclareInfo",
+        component: () =>
+          import("@/views/onlineDeclaration/declareDetailContent/index"),
+        name: "onlineDeclareInfo",
+        meta: { title: "申报详情", icon: "user" },
       },
       {
-        path: 'onlineDeclareDetail',
-        component: () => import('@/views/onlineDeclaration/templateDetail/index'),
-        name: 'onlineDeclareDetail',
-        meta: { title: '模版详情', icon: 'user' }
+        path: "onlineDeclareDetail",
+        component: () =>
+          import("@/views/onlineDeclaration/templateDetail/index"),
+        name: "onlineDeclareDetail",
+        meta: { title: "模版详情", icon: "user" },
       },
       {
-        path: 'onlineDeclareTInfo',
-        component: () => import('@/views/onlineDeclaration/supplementary/index'),
-        name: 'onlineDeclareTInfo',
-        meta: { title: '模版详情', icon: 'user' }
+        path: "onlineDeclareTInfo",
+        component: () =>
+          import("@/views/onlineDeclaration/supplementary/index"),
+        name: "onlineDeclareTInfo",
+        meta: { title: "模版详情", icon: "user" },
       },
       {
-        path: 'projectInfo',
-        component: () => import('@/views/project/projectInfo/index'),
-        name: 'projectInfo',
-        meta: { title: '项目详情', icon: 'user' }
+        path: "projectInfo",
+        component: () => import("@/views/project/projectInfo/index"),
+        name: "projectInfo",
+        meta: { title: "项目详情", icon: "user" },
       },
       {
-        path: 'enterpriselibraryInfo',
-        component: () => import('@/views/enterpriselibrary/enterInfo/index'),
-        name: 'enterpriselibraryInfo',
-        meta: { title: '企业详情', icon: 'user' }
+        path: "enterpriselibraryInfo",
+        component: () => import("@/views/enterpriselibrary/enterInfo/index"),
+        name: "enterpriselibraryInfo",
+        meta: { title: "企业详情", icon: "user" },
       },
       {
-        path: 'onlineDeclarebBuild',
-        component: () => import('@/views/tool/build/index'),
-        name: 'onlineDeclarebBuild',
-        meta: { title: '表单构建', icon: 'user' }
+        path: "onlineDeclarebBuild",
+        component: () => import("@/views/tool/build/index"),
+        name: "onlineDeclarebBuild",
+        meta: { title: "表单构建", icon: "user" },
       },
-    ]
-  }
+    ],
+  },
 ];
 
 // 动态路由，基于用户权限动态去加载
diff --git a/src/views/onlineDeclaration/records/index.vue b/src/views/onlineDeclaration/records/index.vue
index 0a8d2ec..bb061f0 100644
--- a/src/views/onlineDeclaration/records/index.vue
+++ b/src/views/onlineDeclaration/records/index.vue
@@ -1,6 +1,13 @@
 <template>
   <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-input
           v-model="queryParams.enterpriseDirectory"
@@ -20,7 +27,11 @@
         </el-select>
       </el-form-item> -->
       <el-form-item label="责任单位" prop="responsibilityUnit">
-        <el-select v-model="queryParams.responsibilityUnit" placeholder="请选择责任单位" clearable>
+        <el-select
+          v-model="queryParams.responsibilityUnit"
+          placeholder="请选择责任单位"
+          clearable
+        >
           <el-option
             v-for="dict in dict.type.bms_responsibility_unit"
             :key="dict.value"
@@ -30,8 +41,17 @@
         </el-select>
       </el-form-item>
       <el-form-item class="search_btn">
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery" class="btn">查询</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+          >重置</el-button
+        >
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery"
+          class="btn"
+          >查询</el-button
+        >
       </el-form-item>
     </el-form>
 
@@ -40,7 +60,7 @@
         <el-button
           type="primary"
           plain
-          
+
           @click="handleAdd"
           v-if="userType == '01'"
           class="btn"
@@ -50,7 +70,7 @@
         <el-button
           type="primary"
           plain
-          
+
           @click="routerGo"
           v-if="userType == '01'"
           class="btn"
@@ -60,7 +80,7 @@
         <!-- <el-button
           type="info"
           plain
-          
+
           icon="el-icon-user-solid"
           @click="handleOpenCity"
           v-if="userType == '02'"
@@ -69,13 +89,9 @@
         >市级评定结果确认</el-button> -->
       </el-col>
       <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          
-          @click="handleExport"
-          class="btn"
-        >导出申报记录清单</el-button>
+        <el-button type="primary" plain @click="handleExport" class="btn"
+          >导出申报记录清单</el-button
+        >
       </el-col>
     </el-row>
     <el-row id="I-rowTwo" class="radio_btn" v-if="userType == '02'">
@@ -100,7 +116,8 @@
           plain
           :disabled="multipleSelection.length > 0 ? false : true"
           @click="zipDowmload"
-        >打包下载</el-button>
+          >打包下载</el-button
+        >
       </el-col>
       <!-- <el-col :span="1.5">
         <el-button
@@ -155,7 +172,10 @@
       background:'#cfcccc',color:'#000000'}" -->
     <el-row id="I-rowTwo" class="radio_btn" v-if="userType == '01'">
       <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="0">未填报</el-radio-button>
           <el-radio-button label="1">已填报</el-radio-button>
@@ -167,31 +187,60 @@
       v-loading="loading"
       :data="menuList"
       :height="tabHeader"
-      row-key="id" 
+      row-key="id"
       @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">
         <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>
       </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 label="项目小类" :show-overflow-tooltip="true" min-width="150">
+      <el-table-column
+        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">
-          <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>
       </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" -->
       <el-table-column label="级别">
         <template slot-scope="scope">
-          <dict-tag :options="dict.type.bms_level" :value="scope.row.level"/>
+          <dict-tag :options="dict.type.bms_level" :value="scope.row.level" />
         </template>
       </el-table-column>
       <!--   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">
         <template slot-scope="scope">
           <dict-tag :options="dict.type.bms_declaration_type" :value="scope.row.type"/>
@@ -200,7 +249,10 @@
       <!--  width="80" -->
       <el-table-column label="责任单位">
         <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>
       </el-table-column>
       <!-- <el-table-column label="申报表单" :show-overflow-tooltip="true" min-width="130">
@@ -218,24 +270,44 @@
       <!--  min-width="80" -->
       <el-table-column prop="status" label="审批状态">
         <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>
       <!--  min-width="120" -->
       <el-table-column label="申报时间" align="center" prop="createTime">
         <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
+          <span>{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}</span>
         </template>
       </el-table-column>
       <!-- <el-table-column prop="updateTime" label="更新时间" min-width="120">
@@ -252,25 +324,33 @@
             type="text"
             @click="handleAdd(scope.row)"
             v-if="userType == '01' && scope.row.status == 0"
-          >开始填报</el-button>
+            >开始填报</el-button
+          >
           <el-button
             size="mini"
             type="text"
             @click="handleEdit(scope.row)"
             v-if="userType == '01' && scope.row.status == 10"
-          >编辑</el-button>
+            >编辑</el-button
+          >
           <el-button
             size="mini"
             type="text"
             @click="handleUp(scope.row)"
-            v-if="userType == '01'&& (scope.row.status !== 0 && scope.row.status !== 8)"
-          >上传附件</el-button>
+            v-if="
+              userType == '01' &&
+              scope.row.status !== 0 &&
+              scope.row.status !== 8
+            "
+            >上传附件</el-button
+          >
           <el-button
             size="mini"
             type="text"
             @click="handleDetail(scope.row)"
             v-if="scope.row.status !== 0"
-          >查看详情</el-button>
+            >查看详情</el-button
+          >
           <!-- <el-button
             size="mini"
             type="text"
@@ -282,19 +362,31 @@
     </el-table>
     <pagination
       id="L-pagination"
-      v-show="total>0"
+      v-show="total > 0"
       :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
+      :page.sync="queryParams.current"
+      :limit.sync="queryParams.size"
       @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-row>
           <el-col :span="24">
             <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
                   v-for="dict in dict.type.bms_responsibility_unit"
                   :key="dict.value"
@@ -306,7 +398,14 @@
           </el-col>
           <el-col :span="24">
             <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
                   v-for="dict in templateDataList"
                   :key="dict.templateId"
@@ -318,19 +417,37 @@
           </el-col>
           <el-col :span="24">
             <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-col>
         </el-row>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <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>
     </el-dialog>
     <!-- 市级评审对话框 -->
-    <el-dialog 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-dialog
+      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-col :span="14">
             <el-form-item label="评定附件" label-width="100px" prop="fileList">
@@ -342,26 +459,47 @@
                 accept=".xlsx,.XLSX,.xls,.XSL"
                 :http-request="handleFileUpload"
                 :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>
               <div v-if="fileList.length > 0" style="">
-                <span style="color: #409eff;margin-right: 10px;">{{ this.cityForm.fileName }}</span>
-                <el-button type="text" style="color: #f56c6c;" @click="deleteUpload">删除</el-button>
+                <span style="color: #409eff; margin-right: 10px">{{
+                  this.cityForm.fileName
+                }}</span>
+                <el-button
+                  type="text"
+                  style="color: #f56c6c"
+                  @click="deleteUpload"
+                  >删除</el-button
+                >
               </div>
             </el-form-item>
           </el-col>
           <el-col :span="10">
             <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-col>
         </el-row>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <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>
     </el-dialog>
     <!-- 修改附件 -->
@@ -370,13 +508,30 @@
 </template>
 
 <script>
-import { listRecords, exportData, 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'
+import {
+  listRecords,
+  exportData,
+  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 {
   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() {
     return {
       userType: this.$store.state.user.userType,
@@ -401,11 +556,11 @@ export default {
         enterpriseDirectory: undefined,
         responsibilityUnit: undefined,
         statusChange: "",
-        pageNum: 1,
-        pageSize: 10,
-        orderChange:1,
+        current: 1,
+        size: 10,
+        orderChange: 1,
       },
-      enterpriseId: '',
+      enterpriseId: "",
       templateDataList: [],
       multipleSelection: [],
       // 表单参数
@@ -413,75 +568,85 @@ export default {
       // 表单校验
       rules: {
         responsibilityUnit: [
-          { required: true, message: "请选择责任单位", trigger: "blur" }
+          { required: true, message: "请选择责任单位", trigger: "blur" },
         ],
         templateId: [
-          { required: true, message: "请选择申报表单模版", trigger: "blur" }
-        ]
+          { required: true, message: "请选择申报表单模版", trigger: "blur" },
+        ],
       },
       openCity: false,
       fileList: [],
       cityList: [],
       cityForm: {},
-      cityRules:{
+      cityRules: {
         fileList: [
-          { required: true, message: "请选择申报表单模版", trigger: "blur" }
-        ]
+          { required: true, message: "请选择申报表单模版", trigger: "blur" },
+        ],
       },
       tabHeader: undefined,
       // 政务端筛选
-      radio:'',
+      radio: "",
       // 企业端筛选
-      radioEnter:''
+      radioEnter: "",
     };
   },
-  components:{
-    updataChange
+  components: {
+    updataChange,
   },
   mounted() {
     this.cancalDebounce();
-    window.addEventListener('resize', this.cancalDebounce);
-    if(this.$route.params.statusChange) {
-      this.queryParams.statusChange = this.$route.params.statusChange
+    window.addEventListener("resize", this.cancalDebounce);
+    if (this.$route.params.statusChange) {
+      this.queryParams.statusChange = this.$route.params.statusChange;
     }
     this.getList();
   },
   destroyed() {
-    window.removeEventListener('resize', this.cancalDebounce);
+    window.removeEventListener("resize", this.cancalDebounce);
   },
   methods: {
     // 屏幕尺寸变化
-    cancalDebounce(){
-      const element = document.getElementById('app-container'); // 通过元素的 ID 获取元素
-      const header = document.getElementById('I-form'); // 通过元素的 ID 获取元素
-      const headerTwo = document.getElementById('I-rowOne'); // 通过元素的 ID 获取元素
-      
-      const pagination = document.getElementById('L-pagination'); // 通过元素的 ID 获取元素
+    cancalDebounce() {
+      const element = document.getElementById("app-container"); // 通过元素的 ID 获取元素
+      const header = document.getElementById("I-form"); // 通过元素的 ID 获取元素
+      const headerTwo = document.getElementById("I-rowOne"); // 通过元素的 ID 获取元素
+
+      const pagination = document.getElementById("L-pagination"); // 通过元素的 ID 获取元素
       const elementHeight = element.offsetHeight;
       const headerHeight = header.offsetHeight;
       const headerOHeight = headerTwo.offsetHeight;
       const paginationtHeight = pagination.offsetHeight;
-      if(this.userType == '02') {
-        const headerThree = document.getElementById('I-rowTwo'); // 通过元素的 ID 获取元素
+      if (this.userType == "02") {
+        const headerThree = document.getElementById("I-rowTwo"); // 通过元素的 ID 获取元素
         const headerTHeight = headerThree.offsetHeight;
-        this.tabHeader = elementHeight - headerHeight - headerOHeight - headerTHeight - paginationtHeight - 120;
+        this.tabHeader =
+          elementHeight -
+          headerHeight -
+          headerOHeight -
+          headerTHeight -
+          paginationtHeight -
+          120;
       } else {
-        this.tabHeader = elementHeight - headerHeight - headerOHeight - paginationtHeight - 120;
+        this.tabHeader =
+          elementHeight -
+          headerHeight -
+          headerOHeight -
+          paginationtHeight -
+          120;
       }
-      
     },
     handleSelectionChange(val) {
       this.multipleSelection = val;
     },
     routerGo() {
-      this.$router.push({ name: 'onlineDeclareTInfo' }).catch(()=>{});
+      this.$router.push({ name: "onlineDeclareTInfo" }).catch(() => {});
     },
     /** 查询菜单列表 */
     getList() {
       this.loading = true;
-      if(this.userType == '01'){
+      if (this.userType == "01") {
         // 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({
@@ -491,9 +656,9 @@ export default {
       // }).then(response => {
       //   this.cityList = response.rows;
       // });
-      listRecords(this.queryParams).then(response => {
-        this.menuList = response.rows;
-        this.total = response.total
+      listRecords(this.queryParams).then((response) => {
+        this.menuList = response.data.records;
+        this.total = response.data.total;
         this.loading = false;
       });
     },
@@ -514,7 +679,7 @@ export default {
         isFrame: "1",
         isCache: "0",
         visible: "0",
-        status: "0"
+        status: "0",
       };
       this.resetForm("form");
     },
@@ -531,46 +696,51 @@ export default {
     zipDowmload() {
       // this.multipleSelection选中的数据
       // 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 name = [];
       let enterpriseName = [];
-      this.multipleSelection.map((item)=>{
-        id.push(Number(item.id))
-        name.push(item.enterpriseDirectory)
-        enterpriseName.push(item.enterpriseName)
-      })
-      exportZip({list:id.join(",")}).then((response) => {
-        let blob = new Blob([response], { type: "application/zip" });
-        let url = window.URL.createObjectURL(blob);
-        const link = document.createElement("a"); // 创建a标签
-        link.href = url;
-        if(this.multipleSelection.length == 1){
-          link.download = enterpriseName[0] + '-' + name[0];
-        } else {
-          link.download = "申报表单"; // 重命名文件
-        }
-        link.click();
-        URL.revokeObjectURL(url); // 释放内存
-        downloadLoadingInstance.close();
-        // this.checkList = [];
-        // console.log(response);
-      })
-      .catch((error) => {
-        Message.error('下载文件出现错误，请联系管理员！')
+      this.multipleSelection.map((item) => {
+        id.push(Number(item.id));
+        name.push(item.enterpriseDirectory);
+        enterpriseName.push(item.enterpriseName);
       });
+      exportZip({ list: id.join(",") })
+        .then((response) => {
+          let blob = new Blob([response], { type: "application/zip" });
+          let url = window.URL.createObjectURL(blob);
+          const link = document.createElement("a"); // 创建a标签
+          link.href = url;
+          if (this.multipleSelection.length == 1) {
+            link.download = enterpriseName[0] + "-" + name[0];
+          } else {
+            link.download = "申报表单"; // 重命名文件
+          }
+          link.click();
+          URL.revokeObjectURL(url); // 释放内存
+          downloadLoadingInstance.close();
+          // this.checkList = [];
+          // console.log(response);
+        })
+        .catch((error) => {
+          Message.error("下载文件出现错误，请联系管理员！");
+        });
     },
     /** 切换审批项 */
-    toggleOptions(value1,value2) {
-      let arr = value1.split(',');
+    toggleOptions(value1, value2) {
+      let arr = value1.split(",");
       // 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]'] = arr[1]
+      this.queryParams["statusStr[1]"] = arr[1];
       this.handleQuery();
     },
     // 政务端切换是否填报
-    toggleOptionsEnter(val){
+    toggleOptionsEnter(val) {
       this.handleQuery();
     },
     /** 新增按钮操作 */
@@ -579,166 +749,179 @@ export default {
     //   this.open = true;
     // },
     /** 开始填报按钮操作 */
-    handleAdd(row){
-      if(row.templateRecordStatus == 0) {
-        this.$message.error('该申请未开始');
+    handleAdd(row) {
+      if (row.templateRecordStatus == 0) {
+        this.$message.error("该申请未开始");
         return;
-      } else if(row.templateRecordStatus == 1) {
-        this.$message.error('该申请已过期');
+      } else if (row.templateRecordStatus == 1) {
+        this.$message.error("该申请已过期");
         return;
       } else {
-        this.$router.push({name: 'onlineDeclareAdd',query: {
-          templateId: row.templateId,
-          templateRecordId: row.templateRecordId,
-          declarationId: row.id,
-          pageType: "add",
-        }})
+        this.$router.push({
+          name: "onlineDeclareAdd",
+          query: {
+            templateId: row.templateId,
+            templateRecordId: row.templateRecordId,
+            declarationId: row.id,
+            pageType: "add",
+          },
+        });
       }
     },
     /** 查看审核详情操作 */
-    handleDetail(row){
-      this.$router.push({name: 'onlineDeclareInfo',query: {
-        templateId: row.templateId,
-        // templateRecordId: row.templateRecordId,
-        pageType: "detail",
-        detailId: row.id,
-        // enterpriseId: row.enterpriseId
-      }})
+    handleDetail(row) {
+      this.$router.push({
+        name: "onlineDeclareInfo",
+        query: {
+          templateId: row.templateId,
+          // templateRecordId: row.templateRecordId,
+          pageType: "detail",
+          detailId: row.id,
+          // enterpriseId: row.enterpriseId
+        },
+      });
     },
     /** 上传附件 */
-    handleUp(row){
-      this.$refs.updataChange.open(row)
+    handleUp(row) {
+      this.$refs.updataChange.open(row);
     },
     /** 修改按钮操作 */
     getTemplateList(val) {
-      if(val){
+      if (val) {
         let params = {
           responsibilityUnit: val,
           enterpriseId: this.$store.state.user.enterpriseId,
           pageNum: 1,
           pageSize: 10,
-        }
-        templateList(params).then(response => {
+        };
+        templateList(params).then((response) => {
           // console.log(response);
-          this.templateDataList = response.rows
-        })
+          this.templateDataList = response.rows;
+        });
       } else {
-        this.form.templateId = ''
+        this.form.templateId = "";
       }
-
     },
     changeTemplateId(val) {
-      this.templateDataList.forEach(item => {
-        if(item.templateId == val) {
-          this.form.notes = item.notes
-          this.form.templateRecordId = item.templateRecordId
+      this.templateDataList.forEach((item) => {
+        if (item.templateId == val) {
+          this.form.notes = item.notes;
+          this.form.templateRecordId = item.templateRecordId;
         }
-      })
+      });
     },
     /** 提交按钮 */
-    submitForm: function() {
-      this.$refs["form"].validate(valid => {
+    submitForm: function () {
+      this.$refs["form"].validate((valid) => {
         if (valid) {
-          this.$router.push({name: 'onlineDeclareAdd',query: {
-            templateId: this.form.templateId,
-            templateRecordId: this.form.templateRecordId,
-            pageType: "add",
-          }})
+          this.$router.push({
+            name: "onlineDeclareAdd",
+            query: {
+              templateId: this.form.templateId,
+              templateRecordId: this.form.templateRecordId,
+              pageType: "add",
+            },
+          });
         }
       });
     },
     /** 编辑按钮 */
     handleEdit(row) {
-      this.$router.push({name: 'onlineDeclareInfo',query: {
-        templateId: row.templateId,
-        templateRecordId: row.templateRecordId,
-        pageType: "edit",
-        detailId: row.id,
-        enterpriseId: row.enterpriseId
-      }})
+      this.$router.push({
+        name: "onlineDeclareInfo",
+        query: {
+          templateId: row.templateId,
+          templateRecordId: row.templateRecordId,
+          pageType: "edit",
+          detailId: row.id,
+          enterpriseId: row.enterpriseId,
+        },
+      });
     },
     /** 导出按钮操作 */
     handleExport(row) {
-      exportData({enterpriseId: row.enterpriseId}).then(response => {
-        let url = window.URL.createObjectURL(new Blob([response]))
-        let link = document.createElement('a')
-        link.style.display = "none"
-        link.href = url
-        link.setAttribute("download", `在线申报记录${new Date().getTime()}.xls`)
-        document.body.appendChild(link)
-        link.click()
-        document.body.removeChild(link)
-        window.URL.revokeObjectURL(url)
-      })
+      exportData({ enterpriseId: row.enterpriseId }).then((response) => {
+        let url = window.URL.createObjectURL(new Blob([response]));
+        let link = document.createElement("a");
+        link.style.display = "none";
+        link.href = url;
+        link.setAttribute(
+          "download",
+          `在线申报记录${new Date().getTime()}.xls`
+        );
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        window.URL.revokeObjectURL(url);
+      });
     },
     handleOpenCity() {
-      this.openCity = true
+      this.openCity = true;
     },
     cancelCity() {
-      this.openCity = false
-      this.fileList= []
-      this.cityForm.reviewList = []
-      this.cityForm.fileList = []
+      this.openCity = false;
+      this.fileList = [];
+      this.cityForm.reviewList = [];
+      this.cityForm.fileList = [];
     },
     //下载模版
     frontDownload() {
-      downloadData({ }).then(response => {
-        let url = window.URL.createObjectURL(new Blob([response]))
-        let link = document.createElement('a')
-        link.style.display = "none"
-        link.href = url
-        link.setAttribute("download", `评定数据${new Date().getTime()}.xls`)
-        document.body.appendChild(link)
-        link.click()
-        document.body.removeChild(link)
-        window.URL.revokeObjectURL(url)
-      })
+      downloadData({}).then((response) => {
+        let url = window.URL.createObjectURL(new Blob([response]));
+        let link = document.createElement("a");
+        link.style.display = "none";
+        link.href = url;
+        link.setAttribute("download", `评定数据${new Date().getTime()}.xls`);
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        window.URL.revokeObjectURL(url);
+      });
     },
     handleFileUpload(params) {
-      this.handle(params)
-      const file = params.file
-      let cityForm = new FormData()
-      cityForm.append('file', file)
-      uploadFile(cityForm).then(response => {
-        this.fileList = []
-        this.fileList.push(file)
+      this.handle(params);
+      const file = params.file;
+      let cityForm = new FormData();
+      cityForm.append("file", file);
+      uploadFile(cityForm).then((response) => {
+        this.fileList = [];
+        this.fileList.push(file);
         // this.cityForm.fileList = this.fileList
-        this.$set(this.cityForm, 'fileList', this.fileList)
-        this.cityForm.fileName = params.file.name
-      })
+        this.$set(this.cityForm, "fileList", this.fileList);
+        this.cityForm.fileName = params.file.name;
+      });
     },
     deleteUpload() {
-      this.fileList= []
-      this.cityForm.reviewList = []
-      this.cityForm.fileList = []
+      this.fileList = [];
+      this.cityForm.reviewList = [];
+      this.cityForm.fileList = [];
     },
     /** 提交审核按钮 */
-    submitCityForm: function() {
+    submitCityForm: function () {
       // if(this.cityForm.fileName){
       //   console.log('this.cityForm.fileList', this.cityForm.fileName);
 
       // } else {
-        this.$refs["cityFormRef"].validate(valid => {
-          if (valid) {
-            // console.log('this.form.reviewList',this.cityForm.reviewList);
-            putMunicipalBureauReview(this.cityForm).then(response => {
-              this.$modal.msgSuccess("评审成功");
-              this.openCity = false;
-              this.getList();
-            });
-          }
-        });
+      this.$refs["cityFormRef"].validate((valid) => {
+        if (valid) {
+          // console.log('this.form.reviewList',this.cityForm.reviewList);
+          putMunicipalBureauReview(this.cityForm).then((response) => {
+            this.$modal.msgSuccess("评审成功");
+            this.openCity = false;
+            this.getList();
+          });
+        }
+      });
       // }
-
     },
     readFile(file) {
-      return new Promise(resolve => {
+      return new Promise((resolve) => {
         let reader = new FileReader();
         reader.readAsBinaryString(file);
-        reader.onload = ev => {
-            resolve(ev.target.result);
-        }
-      })
+        reader.onload = (ev) => {
+          resolve(ev.target.result);
+        };
+      });
     },
 
     // 采集excel数据
@@ -748,26 +931,26 @@ export default {
 
       // 读取file中的数据(变成json格式)
       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]];
       // 解析成json数据
       data = XLSX.utils.sheet_to_json(worksheet);
-      let arr = []
-      data.forEach(item => {
+      let arr = [];
+      data.forEach((item) => {
         let obj = {
-          enterpriseName: item['企业名称'],
-          creditCode: item['统一信用代码'],
-          id: item['对应id'],
-          declarationTypeStr: item['申报类型'],
-          opinion: item['市级评定结果意见'],
-          result: item['市级评定结果，0：通过，1：不通过'],
-          year: item['年份'],
+          enterpriseName: item["企业名称"],
+          creditCode: item["统一信用代码"],
+          id: item["对应id"],
+          declarationTypeStr: item["申报类型"],
+          opinion: item["市级评定结果意见"],
+          result: item["市级评定结果，0：通过，1：不通过"],
+          year: item["年份"],
         };
         arr.push(obj);
-        this.cityForm.reviewList = arr
+        this.cityForm.reviewList = arr;
       }); // 这样写的好处是分离, excel增加字段,我这代码不用变
-    }
-  }
+    },
+  },
 };
 </script>
 <style lang="scss" scoped>
@@ -791,7 +974,7 @@ export default {
     // outline: none;
     // box-shadow: none;
     background: #f5f7fa;
-    border-color: #DCDFE6;
+    border-color: #dcdfe6;
   }
   // 修改激活后的样式
   ::v-deep .el-radio-button__orig-radio:checked + .el-radio-button__inner {
@@ -839,7 +1022,7 @@ export default {
 }
 .approval_status5::after {
   position: absolute;
-  content: '';
+  content: "";
   width: 7px;
   height: 7px;
   border-radius: 50%;
@@ -855,7 +1038,7 @@ export default {
 }
 .approval_status3::after {
   position: absolute;
-  content: '';
+  content: "";
   width: 7px;
   height: 7px;
   border-radius: 50%;
@@ -871,7 +1054,7 @@ export default {
 }
 .approval_status1::after {
   position: absolute;
-  content: '';
+  content: "";
   width: 7px;
   height: 7px;
   border-radius: 50%;
@@ -887,7 +1070,7 @@ export default {
 }
 .approval_status0::after {
   position: absolute;
-  content: '';
+  content: "";
   width: 7px;
   height: 7px;
   border-radius: 50%;
@@ -903,7 +1086,7 @@ export default {
 }
 .approval_status8::after {
   position: absolute;
-  content: '';
+  content: "";
   width: 7px;
   height: 7px;
   border-radius: 50%;
@@ -919,7 +1102,7 @@ export default {
 }
 .approval_status9::after {
   position: absolute;
-  content: '';
+  content: "";
   width: 7px;
   height: 7px;
   border-radius: 50%;