From c536630a1b5c44e7e7a4828aabb1c338c44d25c7 Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Thu, 20 Feb 2025 23:10:05 +0800
Subject: [PATCH] =?UTF-8?q?=E5=87=8F=E5=85=8D=E5=AE=A1=E6=A0=B8=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=88=9D=E6=AD=A5=E5=AE=8C=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/reduction-apply/index.js              |   34 +
 src/router/index.js                           |  396 ++---
 .../receive-apply/business-details.vue        |  406 ++---
 .../reduction-apply/business-details.vue      |  277 +++-
 .../reduction-apply/components/title-tip.vue  |   37 +
 .../reduction-apply/index.vue                 | 1321 +++++++++++++++--
 6 files changed, 1903 insertions(+), 568 deletions(-)
 create mode 100644 src/api/reduction-apply/index.js
 create mode 100644 src/views/business-examine/reduction-apply/components/title-tip.vue

diff --git a/src/api/reduction-apply/index.js b/src/api/reduction-apply/index.js
new file mode 100644
index 00000000..1bb90408
--- /dev/null
+++ b/src/api/reduction-apply/index.js
@@ -0,0 +1,34 @@
+import request from '@/utils/request'
+
+// 获取减免申请审核列表
+export function getReceiveApplyApi(query) {
+    return request({
+        url: '/material/leaseTask/auditList',
+        method: 'get',
+        params: query
+    })
+}
+// 获取减免申请详情
+export function getReceiveApplyDetailsApi(query) {
+    return request({
+        url: '/material/ma_type/getMaTypeTreeSelect',
+        method: 'get',
+        params: query
+    })
+}
+// 获取减免申请记录详情
+export function getAuditingDetailsApi(query) {
+    return request({
+        url: '/material//sysWorkflowNode/listByTaskId',
+        method: 'get',
+        params: query
+    })
+}
+// 减免申请审核提交接口
+export function submitAuditingApi(query) {
+    return request({
+        url: '/material/ma_type/getMaTypeTreeSelect',
+        method: 'get',
+        params: query
+    })
+}
diff --git a/src/router/index.js b/src/router/index.js
index 02877a62..e3146457 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -30,204 +30,204 @@ import Layout from '@/layout'
 
 // 公共路由
 export const constantRoutes = [
-  {
-    path: '/redirect',
-    component: Layout,
-    hidden: true,
-    children: [
-      {
-        path: '/redirect/:path(.*)',
-        component: () => import('@/views/redirect')
-      }
-    ]
-  },
-  {
-    path: '/login',
-    component: () => import('@/views/login1'),
-    hidden: true
-  },
-  {
-    path: '/register',
-    component: () => import('@/views/register1'),
-    hidden: true
-  },
-  {
-    path: '/404',
-    component: () => import('@/views/error/404'),
-    hidden: true
-  },
-  {
-    path: '/401',
-    component: () => import('@/views/error/401'),
-    hidden: true
-  },
-  {
-    path: '',
-    component: Layout,
-    redirect: 'index',
-    children: [
-      {
-        path: 'index',
-        component: () => import('@/views/index'),
-        name: 'Index',
-        meta: { title: '首页', icon: 'dashboard', affix: true }
-      }
-    ]
-  },
-  {
-    path: '/qrCode/qrCodePage',
-    component: () => import('@/views/qrCode/qrCode'),
-    hidden: true
-  },
-  {
-    path: '/user',
-    component: Layout,
-    hidden: true,
-    redirect: 'noredirect',
-    children: [
-      {
-        path: 'profile',
-        component: () => import('@/views/system/user/profile/index'),
-        name: 'Profile',
-        meta: { title: '个人中心', icon: 'user' }
-      }
-    ]
-  }
+    {
+        path: '/redirect',
+        component: Layout,
+        hidden: true,
+        children: [
+            {
+                path: '/redirect/:path(.*)',
+                component: () => import('@/views/redirect')
+            }
+        ]
+    },
+    {
+        path: '/login',
+        component: () => import('@/views/login1'),
+        hidden: true
+    },
+    {
+        path: '/register',
+        component: () => import('@/views/register1'),
+        hidden: true
+    },
+    {
+        path: '/404',
+        component: () => import('@/views/error/404'),
+        hidden: true
+    },
+    {
+        path: '/401',
+        component: () => import('@/views/error/401'),
+        hidden: true
+    },
+    {
+        path: '',
+        component: Layout,
+        redirect: 'index',
+        children: [
+            {
+                path: 'index',
+                component: () => import('@/views/index'),
+                name: 'Index',
+                meta: { title: '首页', icon: 'dashboard', affix: true }
+            }
+        ]
+    },
+    {
+        path: '/qrCode/qrCodePage',
+        component: () => import('@/views/qrCode/qrCode'),
+        hidden: true
+    },
+    {
+        path: '/user',
+        component: Layout,
+        hidden: true,
+        redirect: 'noredirect',
+        children: [
+            {
+                path: 'profile',
+                component: () => import('@/views/system/user/profile/index'),
+                name: 'Profile',
+                meta: { title: '个人中心', icon: 'user' }
+            }
+        ]
+    }
 ]
 
 // 动态路由，基于用户权限动态去加载
 export const dynamicRoutes = [
-  {
-    path: '/system/user-auth',
-    component: Layout,
-    hidden: true,
-    permissions: ['system:user:edit'],
-    children: [
-      {
-        path: 'role/:userId(\\d+)',
-        component: () => import('@/views/system/user/authRole'),
-        name: 'AuthRole',
-        meta: { title: '分配角色', activeMenu: '/system/user' }
-      }
-    ]
-  },
-  {
-    path: '/system/role-auth',
-    component: Layout,
-    hidden: true,
-    permissions: ['system:role:edit'],
-    children: [
-      {
-        path: 'user/:roleId(\\d+)',
-        component: () => import('@/views/system/role/authUser'),
-        name: 'AuthUser',
-        meta: { title: '分配用户', activeMenu: '/system/role' }
-      }
-    ]
-  },
-  {
-    path: '/system/dict-data',
-    component: Layout,
-    hidden: true,
-    permissions: ['system:dict:list'],
-    children: [
-      {
-        path: 'index/:dictId(\\d+)',
-        component: () => import('@/views/system/dict/data'),
-        name: 'Data',
-        meta: { title: '字典数据', activeMenu: '/system/dict' }
-      }
-    ]
-  },
-  {
-    path: '/monitor/job-log',
-    component: Layout,
-    hidden: true,
-    permissions: ['monitor:job:list'],
-    children: [
-      {
-        path: 'index/:jobId(\\d+)',
-        component: () => import('@/views/monitor/job/log'),
-        name: 'JobLog',
-        meta: { title: '调度日志', activeMenu: '/monitor/job' }
-      }
-    ]
-  },
-  {
-    path: '/tool/gen-edit',
-    component: Layout,
-    hidden: true,
-    permissions: ['tool:gen:edit'],
-    children: [
-      {
-        path: 'index/:tableId(\\d+)',
-        component: () => import('@/views/tool/gen/editTable'),
-        name: 'GenEdit',
-        meta: { title: '修改生成配置', activeMenu: '/tool/gen' }
-      }
-    ]
-  },
+    {
+        path: '/system/user-auth',
+        component: Layout,
+        hidden: true,
+        permissions: ['system:user:edit'],
+        children: [
+            {
+                path: 'role/:userId(\\d+)',
+                component: () => import('@/views/system/user/authRole'),
+                name: 'AuthRole',
+                meta: { title: '分配角色', activeMenu: '/system/user' }
+            }
+        ]
+    },
+    {
+        path: '/system/role-auth',
+        component: Layout,
+        hidden: true,
+        permissions: ['system:role:edit'],
+        children: [
+            {
+                path: 'user/:roleId(\\d+)',
+                component: () => import('@/views/system/role/authUser'),
+                name: 'AuthUser',
+                meta: { title: '分配用户', activeMenu: '/system/role' }
+            }
+        ]
+    },
+    {
+        path: '/system/dict-data',
+        component: Layout,
+        hidden: true,
+        permissions: ['system:dict:list'],
+        children: [
+            {
+                path: 'index/:dictId(\\d+)',
+                component: () => import('@/views/system/dict/data'),
+                name: 'Data',
+                meta: { title: '字典数据', activeMenu: '/system/dict' }
+            }
+        ]
+    },
+    {
+        path: '/monitor/job-log',
+        component: Layout,
+        hidden: true,
+        permissions: ['monitor:job:list'],
+        children: [
+            {
+                path: 'index/:jobId(\\d+)',
+                component: () => import('@/views/monitor/job/log'),
+                name: 'JobLog',
+                meta: { title: '调度日志', activeMenu: '/monitor/job' }
+            }
+        ]
+    },
+    {
+        path: '/tool/gen-edit',
+        component: Layout,
+        hidden: true,
+        permissions: ['tool:gen:edit'],
+        children: [
+            {
+                path: 'index/:tableId(\\d+)',
+                component: () => import('@/views/tool/gen/editTable'),
+                name: 'GenEdit',
+                meta: { title: '修改生成配置', activeMenu: '/tool/gen' }
+            }
+        ]
+    },
 
-  // 会签配置
-  {
-    path: '/countersign/config-data',
-    component: Layout,
-    hidden: true,
-    permissions: ['system:dict:list'], // 权限字符
-    children: [
-      {
-        path: 'index/:processName(.*)/:id(.*)',
-        component: () => import('@/views/material/countersign/config/config-data.vue'),
-        name: 'config-data',
-        meta: { title: '流程配置', activeMenu: '/countersign/config' }
-      }
-    ]
-  },
-  // 领料审核 业务详情
-  {
-    path: '/business-details/receive-apply',
-    component: Layout, // 后续单独拎出来时 要取消layout 直接是独立页面 类似于404页面配置即可
-    hidden: true,
-    permissions: ['receive-apply:list'], // 权限字符
-    children: [
-      {
-        path: 'index',
-        name: 'receive-apply-details',
-        meta: { title: '领料详情', activeMenu: '/business-examine/receive-apply' },
-        component: () => import('@/views/business-examine/receive-apply/business-details.vue')
-      }
-    ]
-  },
-  // 直转审核 业务详情
-  {
-    path: '/business-details/direct-rotation-apply',
-    component: Layout, // 后续单独拎出来时 要取消layout 直接是独立页面 类似于404页面配置即可
-    hidden: true,
-    permissions: ['*'], // 权限字符
-    children: [
-      {
-        path: 'index',
-        name: 'direct-rotation-apply',
-        meta: { title: '直转详情', activeMenu: '/business-examine/direct-rotation-apply' },
-        component: () => import('@/views/business-examine/direct-rotation-apply/business-details.vue')
-      }
-    ]
-  },
-  // 减免审核 业务详情
-  {
-    path: '/business-details/reduction-apply',
-    component: Layout, // 后续单独拎出来时 要取消layout 直接是独立页面 类似于404页面配置即可
-    hidden: true,
-    permissions: ['system:dict:list'], // 权限字符
-    children: [
-      {
-        path: 'index',
-        name: 'reduction-apply',
-        meta: { title: '减免详情', activeMenu: '/business-examine/reduction-apply' },
-        component: () => import('@/views/business-examine/reduction-apply/business-details.vue')
-      }
-    ]
-  }
+    // 会签配置
+    {
+        path: '/countersign/config-data',
+        component: Layout,
+        hidden: true,
+        permissions: ['system:dict:list'], // 权限字符
+        children: [
+            {
+                path: 'index/:processName(.*)/:id(.*)',
+                component: () => import('@/views/material/countersign/config/config-data.vue'),
+                name: 'config-data',
+                meta: { title: '流程配置', activeMenu: '/countersign/config' }
+            }
+        ]
+    },
+    // 领料审核 业务详情
+    {
+        path: '/business-details/receive-apply',
+        component: Layout, // 后续单独拎出来时 要取消layout 直接是独立页面 类似于404页面配置即可
+        hidden: true,
+        permissions: ['receive-apply:list'], // 权限字符
+        children: [
+            {
+                path: 'index',
+                name: 'receive-apply-details',
+                meta: { title: '领料详情', activeMenu: '/business-examine/receive-apply' },
+                component: () => import('@/views/business-examine/receive-apply/business-details.vue')
+            }
+        ]
+    },
+    // 直转审核 业务详情
+    {
+        path: '/business-details/direct-rotation-apply',
+        component: Layout, // 后续单独拎出来时 要取消layout 直接是独立页面 类似于404页面配置即可
+        hidden: true,
+        permissions: ['*'], // 权限字符
+        children: [
+            {
+                path: 'index',
+                name: 'direct-rotation-apply',
+                meta: { title: '直转详情', activeMenu: '/business-examine/direct-rotation-apply' },
+                component: () => import('@/views/business-examine/direct-rotation-apply/business-details.vue')
+            }
+        ]
+    },
+    // 减免审核 业务详情
+    {
+        path: '/business-details/reduction-apply',
+        component: Layout, // 后续单独拎出来时 要取消layout 直接是独立页面 类似于404页面配置即可
+        hidden: true,
+        permissions: ['reduction-apply:list'], // 权限字符
+        children: [
+            {
+                path: 'index',
+                name: 'reduction-apply',
+                meta: { title: '减免详情', activeMenu: '/business-examine/reduction-apply' },
+                component: () => import('@/views/business-examine/reduction-apply/business-details.vue')
+            }
+        ]
+    }
 ]
 
 // 防止连续点击多次路由报错
@@ -235,15 +235,15 @@ let routerPush = Router.prototype.push
 let routerReplace = Router.prototype.replace
 // push
 Router.prototype.push = function push(location) {
-  return routerPush.call(this, location).catch(err => err)
+    return routerPush.call(this, location).catch(err => err)
 }
 // replace
 Router.prototype.replace = function push(location) {
-  return routerReplace.call(this, location).catch(err => err)
+    return routerReplace.call(this, location).catch(err => err)
 }
 
 export default new Router({
-  mode: 'history', // 去掉url中的#
-  scrollBehavior: () => ({ y: 0 }),
-  routes: constantRoutes
+    mode: 'history', // 去掉url中的#
+    scrollBehavior: () => ({ y: 0 }),
+    routes: constantRoutes
 })
diff --git a/src/views/business-examine/receive-apply/business-details.vue b/src/views/business-examine/receive-apply/business-details.vue
index ced5b8c0..c3d57386 100644
--- a/src/views/business-examine/receive-apply/business-details.vue
+++ b/src/views/business-examine/receive-apply/business-details.vue
@@ -1,113 +1,113 @@
 <template>
-    <div class="business-details-container">
-        <el-row>
-            <el-col :span="18">
-                <div class="left-container">
-                    <div class="pages-title">领用申请详情</div>
-                    <TitleTip :title="`基本信息`" />
+  <div class="business-details-container">
+    <el-row>
+      <el-col :span="18">
+        <div class="left-container">
+          <div class="pages-title">领用申请详情</div>
+          <TitleTip :title="`基本信息`" />
 
-                    <el-form size="small" style="padding: 20px" disabled label-width="120px" :model="detailsInfo">
-                        <el-row>
-                            <el-col :span="8">
-                                <el-form-item label="领用单位">
-                                    <el-input v-model="detailsInfo.leaseUnit" />
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="8">
-                                <el-form-item label="领用工程">
-                                    <el-input v-model="detailsInfo.leaseProject" />
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="8">
-                                <el-form-item label="领料人">
-                                    <el-input v-model="detailsInfo.leasePerson" />
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                        <el-row>
-                            <el-col :span="8">
-                                <el-form-item label="采购申请编号">
-                                    <el-input v-model="detailsInfo.applyCode" />
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="8">
-                                <el-form-item label="标准配置">
-                                    <el-input v-model="detailsInfo.leaseUnit" />
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="8">
-                                <el-form-item label="联系电话">
-                                    <el-input v-model="detailsInfo.phone" />
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
+          <el-form size="small" style="padding: 20px" disabled label-width="120px" :model="detailsInfo">
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="领用单位">
+                  <el-input v-model="detailsInfo.leaseUnit" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="领用工程">
+                  <el-input v-model="detailsInfo.leaseProject" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="领料人">
+                  <el-input v-model="detailsInfo.leasePerson" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="采购申请编号">
+                  <el-input v-model="detailsInfo.applyCode" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="标准配置">
+                  <el-input v-model="detailsInfo.leaseUnit" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="联系电话">
+                  <el-input v-model="detailsInfo.phone" />
+                </el-form-item>
+              </el-col>
+            </el-row>
 
-                        <el-row>
-                            <el-col :span="24">
-                                <el-form-item label="类型规格">
-                                    <el-input v-model="detailsInfo.maTypeNames" />
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </el-form>
-                    <TitleTip :title="`明细信息`" />
+            <el-row>
+              <el-col :span="24">
+                <el-form-item label="类型规格">
+                  <el-input v-model="detailsInfo.maTypeNames" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+          <TitleTip :title="`明细信息`" />
 
-                    <el-table style="margin-top: 20px" :data="detailsList">
-                        <el-table-column label="序号" align="center" width="80" type="index" />
-                        <el-table-column prop="maTypeName" label="类型名称" align="center" show-overflow-tooltip />
-                        <el-table-column prop="typeName" label="规格型号" align="center" show-overflow-tooltip />
-                        <el-table-column prop="unitName" label="计量单位" align="center" show-overflow-tooltip />
-                        <el-table-column prop="preNum" label="预领数量" align="center" show-overflow-tooltip />
-                        <el-table-column prop="remark" label="备注" align="center" show-overflow-tooltip />
-                    </el-table>
-                    <TitleTip :title="`附件信息`" />
+          <el-table style="margin-top: 20px" :data="detailsList">
+            <el-table-column label="序号" align="center" width="80" type="index" />
+            <el-table-column prop="maTypeName" label="类型名称" align="center" show-overflow-tooltip />
+            <el-table-column prop="typeName" label="规格型号" align="center" show-overflow-tooltip />
+            <el-table-column prop="unitName" label="计量单位" align="center" show-overflow-tooltip />
+            <el-table-column prop="preNum" label="预领数量" align="center" show-overflow-tooltip />
+            <el-table-column prop="remark" label="备注" align="center" show-overflow-tooltip />
+          </el-table>
+          <TitleTip :title="`附件信息`" />
 
-                    <div class="file-box">
-                        <div v-for="i in 2" :key="i">附件{{ i }}</div>
-                    </div>
-                </div>
-            </el-col>
-            <el-col :span="6">
-                <div class="right-container">
-                    <div class="right-title">
-                        <div></div>
-                        <div></div>
-                        <div>流程记录</div>
-                    </div>
+          <div class="file-box">
+            <div v-for="i in 2" :key="i">附件{{ i }}</div>
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="6">
+        <div class="right-container">
+          <div class="right-title">
+            <div></div>
+            <div></div>
+            <div>流程记录</div>
+          </div>
 
-                    <div class="process-record">
-                        <el-steps :active="active" :space="120" direction="vertical">
-                            <el-step v-for="step in auditingList" :key="step.id" :title="step.nodeName">
-                                <template slot="description">
-                                    <div class="custom-description">
-                                        <!-- {{ step.description }} -->
+          <div class="process-record">
+            <el-steps :active="active" :space="120" direction="vertical">
+              <el-step v-for="step in auditingList" :key="step.id" :title="step.nodeName">
+                <template slot="description">
+                  <div class="custom-description">
+                    <!-- {{ step.description }} -->
 
-                                        <el-tag size="mini" type="primary" v-if="step.isAccept === null">待审批</el-tag>
-                                        <el-tag size="mini" type="success" v-if="step.isAccept === 0">已通过</el-tag>
-                                        <el-tag size="mini" type="danger" v-if="step.isAccept === 1">已驳回</el-tag>
-                                    </div>
-                                </template>
-                            </el-step>
-                        </el-steps>
-                    </div>
+                    <el-tag size="mini" type="primary" v-if="step.isAccept === 0">待审批</el-tag>
+                    <el-tag size="mini" type="success" v-if="step.isAccept === 1">已通过</el-tag>
+                    <el-tag size="mini" type="danger" v-if="step.isAccept === 2">已驳回</el-tag>
+                  </div>
+                </template>
+              </el-step>
+            </el-steps>
+          </div>
 
-                    <div class="auditing-container">
-                        <el-input
-                            type="textarea"
-                            v-model="opinion"
-                            placeholder="请输入审核意见"
-                            :autosize="{ minRows: 2, maxRows: 6 }"
-                        />
+          <div class="auditing-container">
+            <el-input
+              type="textarea"
+              v-model="opinion"
+              placeholder="请输入审核意见"
+              :autosize="{ minRows: 2, maxRows: 6 }"
+            />
 
-                        <el-row class="btn-container">
-                            <el-button type="success" size="mini" @click="onSubmitPass">通过</el-button>
-                            <el-button type="danger" size="mini" @click="onSubmitReject">驳回</el-button>
-                        </el-row>
-                    </div>
-                </div>
-            </el-col>
-        </el-row>
-    </div>
+            <el-row class="btn-container">
+              <el-button type="success" size="mini" @click="onSubmitPass">通过</el-button>
+              <el-button type="danger" size="mini" @click="onSubmitReject">驳回</el-button>
+            </el-row>
+          </div>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
 </template>
 
 <script>
@@ -115,144 +115,144 @@ import TitleTip from './components/title-tip.vue'
 import { submitAuditingApi, getAuditingDetailsApi } from '@/api/receive-apply/index.js'
 import { getLeaseTaskDetail } from '@/api/business/index'
 export default {
-    components: {
-        TitleTip
-    },
-    data() {
-        return {
-            opinion: '',
-            detailsInfo: {},
-            content: `<span style="color:red">测试996</span>`,
-            steps: [
-                { title: '步骤 1', description: '描述信息 1', color: 'red' },
-                { title: '步骤 2', description: '描述信息 2', color: 'blue' },
-                { title: '步骤 3', description: '描述信息 3', color: 'green' }
-            ],
-            active: 1,
-            detailsList: [],
-            auditingList: []
-        }
-    },
-    created() {
-        // 判断当前路由页面是否有查询参数
-        if (this.$route.query) {
-            const { id, taskId } = this.$route.query
-            this.getLeaseTaskDetailFun(id, taskId)
-        }
-    },
-    methods: {
-        // 通过
-        onSubmitPass() {},
-        // 驳回
-        onSubmitReject() {},
-        // 获取数据详情 和 审核记录详情
-        async getLeaseTaskDetailFun(id, taskId) {
-            const { data: res } = await getLeaseTaskDetail(id)
-
-            this.detailsInfo = res.leaseApplyInfo
-            this.detailsList = res.leaseApplyDetailsList
-
-            const { rows: result } = await getAuditingDetailsApi({ taskId })
-            this.auditingList = result
-            console.log('result审核记录详情', result)
-        }
+  components: {
+    TitleTip
+  },
+  data() {
+    return {
+      opinion: '',
+      detailsInfo: {},
+      content: `<span style="color:red">测试996</span>`,
+      steps: [
+        { title: '步骤 1', description: '描述信息 1', color: 'red' },
+        { title: '步骤 2', description: '描述信息 2', color: 'blue' },
+        { title: '步骤 3', description: '描述信息 3', color: 'green' }
+      ],
+      active: 1,
+      detailsList: [],
+      auditingList: []
     }
+  },
+  created() {
+    // 判断当前路由页面是否有查询参数
+    if (this.$route.query) {
+      const { id, taskId } = this.$route.query
+      this.getLeaseTaskDetailFun(id, taskId)
+    }
+  },
+  methods: {
+    // 通过
+    onSubmitPass() {},
+    // 驳回
+    onSubmitReject() {},
+    // 获取数据详情 和 审核记录详情
+    async getLeaseTaskDetailFun(id, taskId) {
+      const { data: res } = await getLeaseTaskDetail(id)
+
+      this.detailsInfo = res.leaseApplyInfo
+      this.detailsList = res.leaseApplyDetailsList
+
+      const { rows: result } = await getAuditingDetailsApi({ taskId })
+      this.auditingList = result
+      console.log('result审核记录详情', result)
+    }
+  }
 }
 </script>
 
 <style scoped lang="scss">
 .business-details-container {
-    padding: 20px;
+  padding: 20px;
 }
 
 .pages-title {
-    padding: 10px 0 30px 0;
-    font-size: 20px;
-    font-weight: bold;
-    letter-spacing: 2px;
-    text-align: center;
-    color: #19a4a0;
+  padding: 10px 0 30px 0;
+  font-size: 20px;
+  font-weight: bold;
+  letter-spacing: 2px;
+  text-align: center;
+  color: #19a4a0;
 }
 
 .file-box {
-    padding: 10px;
-    display: flex;
-    flex-wrap: wrap;
-    box-sizing: border-box;
-    div {
-        width: calc((100% - 110px) / 12);
-        height: 60px;
-        margin-right: 10px;
-        margin-top: 10px;
-        text-align: center;
-        line-height: 60px;
-        background-color: #19a4a0;
-    }
+  padding: 10px;
+  display: flex;
+  flex-wrap: wrap;
+  box-sizing: border-box;
+  div {
+    width: calc((100% - 110px) / 12);
+    height: 60px;
+    margin-right: 10px;
+    margin-top: 10px;
+    text-align: center;
+    line-height: 60px;
+    background-color: #19a4a0;
+  }
 
-    & div:nth-child(12n) {
-        margin-right: 0;
-    }
+  & div:nth-child(12n) {
+    margin-right: 0;
+  }
 }
 
 .right-container {
-    padding: 0 20px;
+  padding: 0 20px;
 }
 
 .right-title {
-    display: flex;
-    align-items: center;
-    font-size: 14px;
-    & div:first-child {
-        width: 16px;
-        height: 16px;
-        border-radius: 50%;
-        background-color: #19a4a0;
-        z-index: 9;
-    }
-    & div:nth-child(2) {
-        width: 16px;
-        height: 16px;
-        border-radius: 50%;
-        background-color: #b2e1e0;
-        transform: translateX(-50%);
-    }
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  & div:first-child {
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    background-color: #19a4a0;
+    z-index: 9;
+  }
+  & div:nth-child(2) {
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    background-color: #b2e1e0;
+    transform: translateX(-50%);
+  }
 }
 
 .process-record {
-    margin-top: 20px;
-    //   height: 60vh;
+  margin-top: 20px;
+  //   height: 60vh;
 }
 
 .btn-container {
-    margin-top: 10px;
-    display: flex;
-    justify-content: space-around;
+  margin-top: 10px;
+  display: flex;
+  justify-content: space-around;
 }
 
 ::v-deep .el-step__icon.is-text {
-    background-color: #19a4a0;
-    color: #19a4a0;
-    border: none;
-    width: 16px;
-    height: 16px;
+  background-color: #19a4a0;
+  color: #19a4a0;
+  border: none;
+  width: 16px;
+  height: 16px;
 }
 
 ::v-deep .el-step.is-vertical .el-step__line {
-    width: 2px;
-    top: 26px;
-    bottom: 8px;
-    left: 7px;
+  width: 2px;
+  top: 26px;
+  bottom: 8px;
+  left: 7px;
 }
 
 ::v-deep .el-step__title.is-finish {
-    font-weight: bold;
-    color: #303133;
-    font-size: 16px;
+  font-weight: bold;
+  color: #303133;
+  font-size: 16px;
 }
 
 ::v-deep .el-step__title.is-wait {
-    font-weight: bold;
-    color: #303133;
-    font-size: 16px;
+  font-weight: bold;
+  color: #303133;
+  font-size: 16px;
 }
 </style>
diff --git a/src/views/business-examine/reduction-apply/business-details.vue b/src/views/business-examine/reduction-apply/business-details.vue
index beab4cf6..df91fa72 100644
--- a/src/views/business-examine/reduction-apply/business-details.vue
+++ b/src/views/business-examine/reduction-apply/business-details.vue
@@ -2,21 +2,290 @@
     <div class="business-details-container">
         <el-row>
             <el-col :span="18">
-                <div class="left-container">左侧</div>
+                <div class="left-container">
+                    <div class="pages-title">减免申请详情</div>
+                    <TitleTip :title="`基本信息`" />
+
+                    <el-form size="small" style="padding: 20px" disabled label-width="120px" :model="detailsInfo">
+                        <el-row>
+                            <el-col :span="12">
+                                <el-form-item label="减免开始日期">
+                                    <el-input v-model="detailsInfo.reduceStartTime" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="减免结束日期">
+                                    <el-input v-model="detailsInfo.reduceEndTime" />
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row>
+                            <el-col :span="24">
+                                <el-form-item label="减免原因">
+                                    <el-input
+                                        type="textarea"
+                                        v-model="detailsInfo.remark"
+                                        :autosize="{ minRows: 2, maxRows: 4 }"
+                                    />
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </el-form>
+                    <TitleTip :title="`明细信息`" />
+
+                    <el-table style="margin: 20px 0" :data="detailsList">
+                        <el-table-column prop="num" label="减免数量" align="center" show-overflow-tooltip />
+                        <el-table-column prop="maName" label="机具名称" align="center" show-overflow-tooltip />
+                        <el-table-column prop="maModel" label="规格型号" align="center" show-overflow-tooltip />
+                        <el-table-column prop="reduceNum" label="领料数量" align="center" show-overflow-tooltip />
+                        <el-table-column prop="startTime" label="领料日期" align="center" show-overflow-tooltip />
+                        <el-table-column prop="endTime" label="退料日期" align="center" show-overflow-tooltip />
+                        <el-table-column
+                            prop="reduceStartTime"
+                            label="减免开始时间"
+                            align="center"
+                            show-overflow-tooltip
+                        />
+                        <el-table-column
+                            prop="reduceEndTime"
+                            label="减免结束时间"
+                            align="center"
+                            show-overflow-tooltip
+                        />
+                        <el-table-column
+                            prop="leasePrice"
+                            label="租赁单价(元/天)"
+                            align="center"
+                            show-overflow-tooltip
+                        />
+                        <el-table-column prop="reduceDays" label="减免天数" align="center" show-overflow-tooltip />
+                        <el-table-column
+                            prop="reduceLeaseMoney"
+                            label="减免费用(元)"
+                            align="center"
+                            show-overflow-tooltip
+                        />
+                    </el-table>
+                    <div class="total-amount">
+                        <span>合计:</span>
+                        <span>{{ totalAmount }} / 元</span>
+                    </div>
+                    <TitleTip :title="`附件信息`" />
+
+                    <div class="file-box">
+                        <div v-for="img in fileList" :key="img.id">
+                            <el-image style="width: 100%; height: 100%" :src="img.url" fit="cover"></el-image>
+                        </div>
+                    </div>
+                </div>
             </el-col>
             <el-col :span="6">
-                <div class="right-container">右侧</div>
+                <div class="right-container">
+                    <div class="right-title">
+                        <div></div>
+                        <div></div>
+                        <div>流程记录</div>
+                    </div>
+
+                    <div class="process-record">
+                        <el-steps :active="active" :space="120" direction="vertical">
+                            <el-step v-for="step in auditingList" :key="step.id" :title="step.nodeName">
+                                <template slot="description">
+                                    <div class="custom-description">
+                                        <!-- {{ step.description }} -->
+
+                                        <el-tag size="mini" type="primary" v-if="step.isAccept === 0">待审批</el-tag>
+                                        <el-tag size="mini" type="success" v-if="step.isAccept === 1">已通过</el-tag>
+                                        <el-tag size="mini" type="danger" v-if="step.isAccept === 2">已驳回</el-tag>
+                                    </div>
+                                </template>
+                            </el-step>
+                        </el-steps>
+                    </div>
+
+                    <div class="auditing-container">
+                        <el-input
+                            type="textarea"
+                            v-model="opinion"
+                            placeholder="请输入审核意见"
+                            :autosize="{ minRows: 2, maxRows: 6 }"
+                        />
+
+                        <el-row class="btn-container">
+                            <el-button type="success" size="mini" @click="onSubmitPass">通过</el-button>
+                            <el-button type="danger" size="mini" @click="onSubmitReject">驳回</el-button>
+                        </el-row>
+                    </div>
+                </div>
             </el-col>
         </el-row>
     </div>
 </template>
 
 <script>
-export default {}
+import TitleTip from './components/title-tip.vue'
+import { submitAuditingApi, getAuditingDetailsApi } from '@/api/reduction-apply/index.js'
+import { getDiscountViewList } from '@/api/cost/cost'
+export default {
+    components: {
+        TitleTip
+    },
+    data() {
+        return {
+            opinion: '',
+            detailsInfo: {},
+            content: `<span style="color:red">测试996</span>`,
+            steps: [
+                { title: '步骤 1', description: '描述信息 1', color: 'red' },
+                { title: '步骤 2', description: '描述信息 2', color: 'blue' },
+                { title: '步骤 3', description: '描述信息 3', color: 'green' }
+            ],
+            active: 1,
+            detailsList: [],
+            auditingList: [],
+            fileList: [],
+            totalAmount: 0
+        }
+    },
+    created() {
+        // 判断当前路由页面是否有查询参数
+        if (this.$route.query) {
+            const { id, taskId } = this.$route.query
+            this.getLeaseTaskDetailFun(id, taskId)
+        }
+    },
+    methods: {
+        // 通过
+        onSubmitPass() {},
+        // 驳回
+        onSubmitReject() {},
+        // 获取数据详情 和 审核记录详情
+        async getLeaseTaskDetailFun(id, taskId) {
+            const { data: res } = await getDiscountViewList(id)
+
+            this.detailsInfo = res
+            this.detailsList = res.detailList
+            this.fileList = res.bmFileInfos
+
+            this.detailsList.forEach(e => {
+                this.totalAmount += e.reduceLeaseMoney * 1
+            })
+
+            const { rows: result } = await getAuditingDetailsApi({ taskId })
+            this.auditingList = result
+            console.log('result审核记录详情', result)
+        }
+    }
+}
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .business-details-container {
     padding: 20px;
 }
+
+.pages-title {
+    padding: 10px 0 30px 0;
+    font-size: 20px;
+    font-weight: bold;
+    letter-spacing: 2px;
+    text-align: center;
+    color: #19a4a0;
+}
+
+.file-box {
+    padding: 10px;
+    display: flex;
+    flex-wrap: wrap;
+    box-sizing: border-box;
+    div {
+        width: calc((100% - 110px) / 12);
+        height: 60px;
+        margin-right: 10px;
+        margin-top: 10px;
+        text-align: center;
+        line-height: 60px;
+        background-color: #19a4a0;
+    }
+
+    & div:nth-child(12n) {
+        margin-right: 0;
+    }
+}
+
+.right-container {
+    padding: 0 20px;
+}
+
+.right-title {
+    display: flex;
+    align-items: center;
+    font-size: 14px;
+    & div:first-child {
+        width: 16px;
+        height: 16px;
+        border-radius: 50%;
+        background-color: #19a4a0;
+        z-index: 9;
+    }
+    & div:nth-child(2) {
+        width: 16px;
+        height: 16px;
+        border-radius: 50%;
+        background-color: #b2e1e0;
+        transform: translateX(-50%);
+    }
+}
+
+.process-record {
+    margin-top: 20px;
+    //   height: 60vh;
+}
+
+.btn-container {
+    margin-top: 10px;
+    display: flex;
+    justify-content: space-around;
+}
+
+::v-deep .el-step__icon.is-text {
+    background-color: #19a4a0;
+    color: #19a4a0;
+    border: none;
+    width: 16px;
+    height: 16px;
+}
+
+::v-deep .el-step.is-vertical .el-step__line {
+    width: 2px;
+    top: 26px;
+    bottom: 8px;
+    left: 7px;
+}
+
+::v-deep .el-step__title.is-finish {
+    font-weight: bold;
+    color: #303133;
+    font-size: 16px;
+}
+
+::v-deep .el-step__title.is-wait {
+    font-weight: bold;
+    color: #303133;
+    font-size: 16px;
+}
+
+.total-amount {
+    margin-bottom: 10px;
+    display: flex;
+    justify-content: flex-end;
+    font-size: 14px;
+    align-items: center;
+
+    & span:last-child {
+        margin: 0 6px;
+        color: red;
+        font-weight: bold;
+    }
+}
 </style>
diff --git a/src/views/business-examine/reduction-apply/components/title-tip.vue b/src/views/business-examine/reduction-apply/components/title-tip.vue
new file mode 100644
index 00000000..2970e850
--- /dev/null
+++ b/src/views/business-examine/reduction-apply/components/title-tip.vue
@@ -0,0 +1,37 @@
+<template>
+    <div class="title-tip">
+        <div class="is-green"></div>
+        <div class="title-child">{{ title }}</div>
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        title: {
+            type: String,
+            default: () => '基本信息'
+        }
+    }
+}
+</script>
+
+<style scoped>
+.title-tip {
+    display: flex;
+    align-items: center;
+    background-color: #ebeaea;
+}
+
+.is-green {
+    margin: 0 6px;
+    width: 5px;
+    height: 20px;
+    background-color: #19a4a0;
+}
+.title-child {
+    font-weight: bold;
+    letter-spacing: 1px;
+    font-size: 18px;
+}
+</style>
diff --git a/src/views/business-examine/reduction-apply/index.vue b/src/views/business-examine/reduction-apply/index.vue
index 1a18d891..4ff50a97 100644
--- a/src/views/business-examine/reduction-apply/index.vue
+++ b/src/views/business-examine/reduction-apply/index.vue
@@ -1,24 +1,41 @@
 <template>
-    <!-- 业务办理审核 -->
+    <!-- 业务办理审核  减免审核 -->
     <div class="app-container">
         <el-form
             :model="queryParams"
             ref="queryForm"
             size="small"
-            :inline="true"
             v-show="showSearch"
-            label-width="68px"
+            :inline="true"
+            label-width="80px"
         >
+            <el-form-item prop="time" label-width="120px">
+                <el-date-picker
+                    v-model="queryParams.time"
+                    range-separator="至"
+                    start-placeholder="开始日期"
+                    end-placeholder="结束日期"
+                    type="daterange"
+                    value-format="yyyy-MM-dd"
+                    style="width: 350px"
+                ></el-date-picker>
+            </el-form-item>
             <el-form-item prop="keyWord">
                 <el-input
-                    clearable
-                    maxlength="20"
-                    placeholder="请输入关键词"
+                    maxlength="50"
                     v-model="queryParams.keyWord"
-                    @keyup.enter.native="handleQuery"
+                    placeholder="请输入关键词"
+                    clearable
+                    style="width: 240px"
                 />
             </el-form-item>
-
+            <el-form-item prop="status">
+                <el-select v-model="queryParams.status" placeholder="请选择状态" clearable>
+                    <el-option label="待审核" value="0"></el-option>
+                    <el-option label="审核中" value="1"></el-option>
+                    <el-option label="已审核" value="2"></el-option>
+                </el-select>
+            </el-form-item>
             <el-form-item>
                 <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
                 <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -26,251 +43,1229 @@
         </el-form>
         <el-row :gutter="10" class="mb8">
             <!-- <el-col :span="1.5">
-                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button>
-            </el-col> -->
-            <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">减免申请</el-button>
+            </el-col>
+            <el-col :span="1.5">
+                <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport">
+                    导出数据
+                </el-button>
+            </el-col>
+            <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> -->
         </el-row>
 
-        <el-table v-loading="loading" :data="configList" ref="multipleTable">
+        <el-table v-loading="loading" :data="formList" ref="multipleTable" row-key="id" border>
+            <el-table-column label="序号" align="center" width="80" type="index">
+                <template slot-scope="scope">
+                    <span>{{ (queryParams.pageNum - 1) * 10 + scope.$index + 1 }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="申请时间" align="center" prop="createTime" show-overflow-tooltip width="200px" />
+            <el-table-column label="申请人" align="center" prop="createBy" show-overflow-tooltip />
+            <el-table-column label="租赁单位" align="center" prop="unitName" show-overflow-tooltip />
+            <el-table-column label="租赁工程" align="center" prop="projectName" :show-overflow-tooltip="true" />
+            <el-table-column label="租赁费用(元)" align="center" prop="leasePrice" :show-overflow-tooltip="true">
+                <!-- <template slot-scope="scope">
+              {{ scope.row.leasePrice.toFixed(2) }}
+          </template> -->
+            </el-table-column>
             <el-table-column
-                width="80"
-                label="序号"
-                type="index"
+                label="本次减免费用（元）"
                 align="center"
-                :index="indexContinuation(queryParams.pageNum, queryParams.pageSize)"
-            />
-
-            <!-- 点击跳转到二级页面配置审核流程 -->
-            <el-table-column label="流程名称" align="center" prop="typeName" />
-            <el-table-column label="会签类型" align="center" prop="taskName" show-overflow-tooltip />
+                prop="leaseMoney"
+                :show-overflow-tooltip="true"
+                width="150px"
+            >
+                <!-- <template slot-scope="scope">
+              {{ scope.row.leaseMoney.toFixed(2) }}
+          </template> -->
+            </el-table-column>
+            <el-table-column
+                label="累计减免费用（元） "
+                align="center"
+                prop="leaseMoneyAll"
+                :show-overflow-tooltip="true"
+                width="150px"
+            >
+                <!-- <template slot-scope="scope">
+              {{ scope.row.leaseMoneyAll.toFixed(2) }}
+          </template> -->
+            </el-table-column>
+            <el-table-column label="状态" align="center" prop="status" :show-overflow-tooltip="true">
+                <template slot-scope="scope">
+                    <span v-if="scope.row.status == '0'">待审核</span>
+                    <span v-if="scope.row.status == '1'">审核中</span>
+                    <span v-if="scope.row.status == '2'">已审核</span>
+                </template>
+            </el-table-column>
             <el-table-column label="操作" align="center" width="180">
                 <template slot-scope="scope">
-                    <el-button
-                        size="mini"
-                        type="primary"
-                        icon="el-icon-zoom-in"
-                        @click="handlePreview(scope.row)"
-                        v-hasPermi="['signConfig:info:edit']"
-                    >
+                    <!-- <el-button type="text" size="mini" icon="el-icon-search" @click="handleView(scope.row)">
                         查看
-                    </el-button>
+                    </el-button> -->
                     <el-button
+                        v-if="scope.row.status != '2'"
+                        type="text"
                         size="mini"
-                        type="warning"
                         icon="el-icon-edit"
                         @click="handleAuditing(scope.row)"
-                        v-hasPermi="['signConfig:info:remove']"
                     >
                         审核
                     </el-button>
+                    <el-button
+                        type="text"
+                        size="mini"
+                        icon="el-icon-delete"
+                        style="color: #f56c6c"
+                        @click="handleDelete(scope.row)"
+                    >
+                        删除
+                    </el-button>
                 </template>
             </el-table-column>
         </el-table>
-
         <pagination
-            :total="total"
             v-show="total > 0"
-            @pagination="getList"
+            :total="total"
             :page.sync="queryParams.pageNum"
             :limit.sync="queryParams.pageSize"
+            @pagination="getList"
         />
 
-        <!-- 新增或修改弹窗 -->
-        <el-dialog :title="title" :visible.sync="showConfig" width="40%" append-to-body @close="onDialogClose">
-            <el-form ref="form" :model="form" :rules="rules" label-width="120px">
-                <el-row :gutter="24">
-                    <el-col :span="20">
-                        <el-form-item label="流程名称" prop="typeName">
-                            <el-input v-model="form.typeName" placeholder="请输入流程名称" clearable />
+        <!-- 减免费用弹窗-->
+        <el-dialog :title="title" :visible.sync="showApply" width="1400px" append-to-body @close="closeDiag">
+            <el-form :model="dialogAppy" ref="dialogAppy" :rules="rules" label-width="120px">
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="减免开始日期" prop="reduceStartTime">
+                            <el-date-picker
+                                style="width: 80%"
+                                v-model="dialogAppy.reduceStartTime"
+                                value-format="yyyy-MM-dd"
+                                type="date"
+                                placeholder="请选择开始日期"
+                                @input="updateTableStartTime"
+                            ></el-date-picker>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="减免结束日期" prop="reduceEndTime">
+                            <el-date-picker
+                                style="width: 80%"
+                                v-model="dialogAppy.reduceEndTime"
+                                value-format="yyyy-MM-dd"
+                                type="date"
+                                placeholder="请选择结束日期"
+                                @input="updateTableEndTime"
+                            ></el-date-picker>
                         </el-form-item>
                     </el-col>
                 </el-row>
 
-                <el-row :gutter="24">
-                    <el-col :span="20">
-                        <el-form-item label="会签类型" prop="taskType">
-                            <el-select
-                                filterable
-                                clearable
-                                style="width: 100%"
-                                v-model="form.taskType"
-                                placeholder="请选择会签类型"
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="减免原因" prop="remark">
+                            <el-input
+                                type="textarea"
+                                style="width: 80%"
+                                :rows="5"
+                                placeholder="请输入减免原因"
+                                v-model="dialogAppy.remark"
+                                maxlength="100"
+                                show-word-limit
+                            ></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="附件" prop="decreaseFile">
+                            <el-upload
+                                :action="uploadUrl"
+                                :file-list="dialogAppy.decreaseFile"
+                                :show-file-list="true"
+                                :auto-upload="true"
+                                :key="uploadKey"
+                                :limit="3"
+                                list-type="picture-card"
+                                accept=".png, .jpg, .jpeg, .pdf"
+                                :on-change="handleChangeBusinessList"
+                                :class="{ disabledFbs: uploadDisabled }"
+                                :on-preview="picturePreview"
+                                :on-remove="handleRemoveElectricianImgList"
                             >
-                                <el-option
-                                    :key="dict.value"
-                                    :label="dict.label"
-                                    :value="dict.value"
-                                    v-for="dict in dict.type.countersign_type_name"
-                                />
-                            </el-select>
+                                <!-- 文件格式下载，图片格式预览 -->
+                                <div slot="file" slot-scope="{ file }">
+                                    <img
+                                        v-if="isImage(file)"
+                                        class="el-upload-list__item-thumbnail"
+                                        :src="file.url"
+                                        alt=""
+                                    />
+                                    <div v-else class="picture-card-container">
+                                        <img class="picture-card" :src="urlTemp" alt="" />
+                                        <p class="file-name">{{ file.name }}</p>
+                                    </div>
+                                    <span class="el-upload-list__item-actions">
+                                        <span
+                                            v-if="updataIf(file)"
+                                            class="el-upload-list__item-delete"
+                                            @click="handleDownload(file)"
+                                        >
+                                            <i class="el-icon-download" />
+                                        </span>
+                                        <span v-else class="el-upload-list__item-preview" @click="picturePreview(file)">
+                                            <i class="el-icon-zoom-in" />
+                                        </span>
+                                        <span
+                                            class="el-upload-list__item-delete"
+                                            @click="handleRemoveElectricianImgList(file)"
+                                        >
+                                            <i class="el-icon-delete" />
+                                        </span>
+                                    </span>
+                                </div>
+                                <i class="el-icon-plus avatar-uploader-icon"></i>
+                            </el-upload>
                         </el-form-item>
                     </el-col>
                 </el-row>
             </el-form>
+
+            <el-row style="margin-bottom: 20px; margin-left: 20px">
+                <el-col :span="10">
+                    <span style="font-family: Arial; font-size: 16px; position: relative; padding-left: 20px">
+                        <span
+                            style="
+                                position: absolute;
+                                left: 0;
+                                top: 50%;
+                                transform: translateY(-50%);
+                                width: 10px;
+                                height: 10px;
+                                background-color: #f5f7fa;
+                                border-radius: 50%;
+                                display: inline-block;
+                            "
+                        ></span>
+                        当前减免时间符合的数据条数：{{ num1 }}
+                    </span>
+                </el-col>
+                <el-col :span="8">
+                    <span style="font-family: Arial; font-size: 16px; position: relative; padding-left: 20px">
+                        <span
+                            style="
+                                position: absolute;
+                                left: 0;
+                                top: 50%;
+                                transform: translateY(-50%);
+                                width: 10px;
+                                height: 10px;
+                                background-color: #c0e6fa;
+                                border-radius: 50%;
+                                display: inline-block;
+                            "
+                        ></span>
+                        当前减免时间不符合的数据条数：{{ num2 }}
+                    </span>
+                </el-col>
+                <el-col :span="6">
+                    <el-button type="success" size="small" @click="handleClean" v-if="num2 > 0">一键去除</el-button>
+                </el-col>
+            </el-row>
+
+            <el-table
+                v-loading="loading"
+                row-key="id"
+                :data="applyList"
+                :span-method="objectSpanMethodApply"
+                border
+                :row-class-name="getRowClassName"
+            >
+                <el-table-column label="减免数量" align="center" prop="reduceNum" width="120px">
+                    <template v-slot="scope">
+                        <span
+                            style="background-color: #f8f8f9; text-align: center"
+                            v-if="scope.$index == applyList.length - 1"
+                        >
+                            小计：
+                        </span>
+                        <span v-else>
+                            <el-input
+                                v-model.number="scope.row.reduceNum"
+                                controls-position="right"
+                                type="number"
+                                style="width: 100%"
+                                :min="0"
+                                @change="updateLeaseNum(scope.row)"
+                            ></el-input>
+                        </span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="机具名称" align="center" prop="maName" :show-overflow-tooltip="true" />
+                <el-table-column label="规格型号" align="center" prop="maModel" :show-overflow-tooltip="true" />
+                <el-table-column label="领料数量" align="center" prop="num" :show-overflow-tooltip="true" />
+                <el-table-column label="领料日期" align="center" prop="startTime" :show-overflow-tooltip="true" />
+                <el-table-column label="退料日期" align="center" prop="endTime" :show-overflow-tooltip="true" />
+                <el-table-column label="减免开始时间" align="center" prop="reduceStartTime" width="160px">
+                    <template slot-scope="scope">
+                        <el-date-picker
+                            v-model="scope.row.reduceStartTime"
+                            style="width: 100%"
+                            value-format="yyyy-MM-dd"
+                            type="date"
+                            placeholder="开始时间"
+                            clearable
+                            v-if="scope.$index != applyList.length - 1"
+                            @input="updateLeaseDaysStart(scope.row)"
+                        ></el-date-picker>
+                    </template>
+                </el-table-column>
+                <el-table-column label="减免结束时间" align="center" prop="reduceEndTime" width="160px">
+                    <template slot-scope="scope">
+                        <el-date-picker
+                            v-model="scope.row.reduceEndTime"
+                            style="width: 100%"
+                            value-format="yyyy-MM-dd"
+                            type="date"
+                            placeholder="结束时间"
+                            clearable
+                            v-if="scope.$index != applyList.length - 1"
+                            @input="updateLeaseDaysEnd(scope.row)"
+                        ></el-date-picker>
+                    </template>
+                </el-table-column>
+                <el-table-column label="租赁单价（元/天）" align="center" prop="leasePrice" width="130px" />
+                <el-table-column label="减免天数" align="center" prop="reduceDays" :show-overflow-tooltip="true" />
+                <el-table-column
+                    label="减免费用（元）"
+                    align="center"
+                    width="126px"
+                    prop="reduceLeaseMoney"
+                    :show-overflow-tooltip="true"
+                >
+                    <template slot-scope="scope">
+                        <span>{{ scope.row.reduceLeaseMoney.toFixed(2) }}</span>
+                    </template>
+                </el-table-column>
+            </el-table>
             <div slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="submitForm" v-if="!isView">确 定</el-button>
                 <el-button @click="cancel">取 消</el-button>
-                <el-button type="primary" @click="submitForm">确 定</el-button>
             </div>
         </el-dialog>
+
+        <!-- 图片查看弹窗 -->
+        <el-dialog :visible.sync="dialogVisible" width="600px" height="600px">
+            <img width="100%" height="500px" :src="dialogImageUrl" />
+        </el-dialog>
     </div>
 </template>
 
 <script>
-import { getConfigListApi, addConfigApi, editConfigApi, deleteConfigApi } from '@/api/countersign/countersign'
+import { getReliefList, editRelief, getDiscountViewList } from '@/api/cost/cost'
+import { getReliefRecordList, deleteRedif } from '@/api/business/index'
+import { downloadFile, downloadFileData } from '@/utils/download'
+import { getToken } from '@/utils/auth'
+import Treeselect from '@riophae/vue-treeselect'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
 export default {
-    name: 'signConfig',
-    dicts: ['countersign_process_name', 'countersign_type_name'],
+    name: '',
     data() {
         return {
             // 遮罩层
             loading: false,
             // 显示搜索条件
             showSearch: true,
-            showConfig: false,
+
+            // 非单个禁用
+            single: true,
+            // 非多个禁用
+            multiple: true,
+
             // 总条数
             total: 0,
-            // 会签配置表格数据
-            configList: [],
+            // 表格数据
+            formList: [],
+            // 费用推送审核表格数据
+            pushReviewList: [],
             // 弹出层标题
             title: '',
             // 是否显示弹出层
             open: false,
+
+            //合计
+            moneyAll: 0,
+            //租赁合计
+            leaseAll: 0,
+
             // 查询参数
             queryParams: {
-                pageNum: 1,
+                status: null,
+                keyWork: '',
+                time: null,
                 pageSize: 10,
-                keyWord: undefined
+                pageNum: 1
             },
-            // 表单参数
-            form: {
-                typeName: '',
-                taskType: ''
+
+            // 多选框选中数据
+            ids: [],
+
+            //减免申请list
+            applyList: [],
+            //备份所选的数据
+            applyListTemp: [],
+
+            //减免费用弹窗
+            showApply: false,
+            dialogLeaseList: [], //租赁费用列表
+            dialogAppy: {
+                reduceStartTime: undefined,
+                reduceEndTime: undefined,
+                remark: '',
+                decreaseFile: []
             },
-            // 表单校验
             rules: {
-                typeName: [
-                    {
-                        required: true,
-                        message: '请输入流程名称',
-                        trigger: 'blur'
-                    },
-                    { max: 30, message: '长度不能超过30个字符', trigger: 'blur' }
-                ],
-                taskType: [
-                    {
-                        required: true,
-                        message: '请选择会签类型',
-                        trigger: 'blur'
-                    }
-                ]
-            }
+                reduceStartTime: [{ required: true, message: '请选择减免开始日期', trigger: 'change' }],
+                reduceEndTime: [{ required: true, message: '请选择减免结束日期', trigger: 'change' }],
+                reason: [{ required: true, message: '减免原因不能为空', trigger: 'blur' }],
+                decreaseFile: [{ required: true, message: '请上传减免附件', trigger: 'change' }]
+            },
+            //图片查看弹窗
+            dialogImageUrl: '',
+            dialogVisible: false,
+            uploadKey: Date.now(),
+            //上传
+            // upload: {
+            //   // 设置上传的请求头部
+            //   headers: {Authorization: 'Bearer ' + getToken()},
+            //   // 上传的地址
+            //   url: process.env.VUE_APP_BASE_API + '/file/upload'
+            // },
+            uploadUrl: process.env.VUE_APP_BASE_API + '/file/upload', // 上传的图片服务器地址
+
+            delBusinessFileIdList: [], // 删除的图片id
+
+            //弹窗确定按钮是否能点击
+            btnDisabled: false,
+
+            //当前符合的数据条数
+            num1: 0,
+            //当前不符合的数据条数
+            num2: 0,
+            isView: false,
+            agreementId: '',
+            idTemp: null
         }
     },
     created() {
         this.getList()
     },
-
+    computed: {
+        //图片上传1张后，隐藏上传框
+        uploadDisabled() {
+            return this.dialogAppy.decreaseFile && this.dialogAppy.decreaseFile.length == 3
+        }
+    },
+    components: { Treeselect },
     methods: {
-        // 取消按钮
-        cancel() {
-            this.showConfig = false
+        getRowClassName({ row, rowIndex }) {
+            if (this.dialogAppy.reduceStartTime && this.dialogAppy.reduceEndTime) {
+                if ((!row.reduceStartTime || !row.reduceEndTime) && rowIndex != this.applyList.length - 1) {
+                    return 'highlight-row'
+                } else {
+                }
+            }
+            return ''
         },
 
-        // 搜索
+        /** 查询列表 */
+        async getList() {
+            this.loading = true
+
+            const params = {
+                keyWord: this.queryParams.keyWord,
+                status: this.queryParams.status,
+                startTime: this.queryParams.time && this.queryParams.time[0],
+                endTime: this.queryParams.time && this.queryParams.time[1]
+            }
+
+            getReliefRecordList(params).then(response => {
+                this.total = response.total
+                this.formList = response.rows
+                // console.log('22222222',this.pushReviewList)
+                // this.leaseAll = this.pushReviewList.reduce((total, item) => {
+                //   return total + Number(item.leaseMoney);
+                // }, 0);
+                // let obj = {
+                //   id:null,
+                //   leaseMoney: this.leaseAll,
+                // }
+                // this.pushReviewList.push(obj)
+            })
+
+            this.loading = false
+        },
+
+        /** 重置按钮操作 */
+        resetQuery() {
+            this.queryParams = {
+                keyWord: null,
+                status: null,
+                time: null
+            }
+            this.resetForm('queryForm')
+            this.queryParams.pageNum = 1
+            this.handleQuery()
+        },
+
+        /** 搜索按钮操作 */
         handleQuery() {
             this.getList()
         },
 
-        // 弹框关闭时触发
-        onDialogClose() {
-            this.$refs.form.resetFields()
-        },
-
-        // 表单重置
-        reset() {
-            this.form = {
-                typeName: '',
-                taskType: ''
-            }
-            this.resetForm('form')
-        },
-
-        // 新增
-        handleAdd() {
-            this.reset()
-            this.showConfig = true
-            this.title = '新增'
-        },
-
-        // 重置
-        resetQuery() {
-            this.resetForm('queryForm')
-            this.queryParams.keyWord = null
-            this.queryParams.pageNum = 1
-            this.queryParams.pageSize = 10
-            this.handleQuery()
-        },
-
-        // 编辑
-        handleUpdate(row) {
-            const { typeName, taskType, id } = row
-            this.form.typeName = typeName
-            this.form.taskType = taskType + ''
-            this.form.id = id
-            this.title = '编辑'
-            this.showConfig = true
-        },
-
-        // 查询列表
-        async getList() {
-            this.loading = true
-            const res = await getConfigListApi(this.queryParams)
-            this.configList = res.rows
-            this.total = res.total
-            this.loading = false
-        },
-
-        // 删除
         handleDelete(row) {
-            const id = row.id
             this.$modal
-                .confirm('是否确认删除数据项？')
+                .confirm('是否确认删除所选择的数据项？')
                 .then(function () {
-                    return deleteConfigApi({ id })
+                    return deleteRedif(row.id)
                 })
                 .then(() => {
-                    this.$modal.msgSuccess('删除成功')
                     this.getList()
+                    this.$modal.msgSuccess('删除成功')
                 })
                 .catch(() => {})
         },
 
-        // 提交
+        /** 减免申请按钮 */
+        handleApply() {
+            if (this.ids.length == 0) {
+                this.$message({
+                    type: 'warning',
+                    message: '请选择数据'
+                })
+                return
+            }
+            this.uploadKey = Date.now()
+            this.delBusinessFileIdList = []
+            this.applyList = []
+            this.applyListTemp = []
+            // 去除 pushReviewList 数组的最后一个元素，将剩余元素赋值给 paramList
+            const paramList = this.pushReviewList.slice(0, -1)
+            paramList.forEach(item => {
+                if (this.ids.includes(item.id)) {
+                    // 创建对象的副本
+                    const newItem = { ...item }
+                    this.$set(newItem, 'reduceNum', newItem.num)
+                    this.$set(newItem, 'reduceDays', 0)
+                    this.$set(newItem, 'reduceLeaseMoney', 0)
+                    this.applyList.push(newItem)
+                }
+            })
+            //添加结尾合计
+            let obj = {
+                id: 0,
+                reduceNum: 0,
+                reduceLeaseMoney: 0
+            }
+            this.applyList.push(obj)
+            this.applyListTemp = this.applyList
+            this.showApply = true
+            this.title = '减免申请'
+        },
+
+        //查看
+        handleView(row) {
+            this.isView = true
+            this.title = '查看'
+            this.uploadKey = Date.now()
+
+            getDiscountViewList(row.id).then(async response => {
+                if (response.code == 200) {
+                    this.dialogAppy.decreaseFile = response.data.bmFileInfos
+                    this.dialogAppy.reduceStartTime = response.data.reduceStartTime
+                    this.dialogAppy.reduceEndTime = response.data.reduceEndTime
+                    this.dialogAppy.remark = response.data.remark
+                    this.applyList = response.data.detailList
+                    this.leaseAll = this.applyList.reduce((total, item) => {
+                        return total + Number(item.reduceLeaseMoney)
+                    }, 0)
+                    let obj = {
+                        id: null,
+                        reduceLeaseMoney: this.leaseAll
+                    }
+                    this.applyList.push(obj)
+                    this.applyListTemp = this.applyList
+                    await this.updateNum()
+                }
+            })
+            this.showApply = true
+        },
+
+        //编辑
+        handleAuditing(row) {
+            this.$router.push({
+                name: 'reduction-apply',
+                query: {
+                    id: row.id,
+                    taskId: row.taskId
+                }
+            }) // 跳转审核详情页面
+            // this.isView = false
+            // this.title = '修改'
+            // this.uploadKey = Date.now()
+
+            // getDiscountViewList(row.id).then(async response => {
+            //     if (response.code == 200) {
+            //         this.agreementId = response.data.agreementId
+            //         this.idTemp = response.data.id
+            //         this.dialogAppy.decreaseFile = response.data.bmFileInfos
+            //         this.dialogAppy.reduceStartTime = response.data.reduceStartTime
+            //         this.dialogAppy.reduceEndTime = response.data.reduceEndTime
+            //         this.dialogAppy.remark = response.data.remark
+            //         this.applyList = response.data.detailList
+            //         this.leaseAll = this.applyList.reduce((total, item) => {
+            //             return total + Number(item.reduceLeaseMoney)
+            //         }, 0)
+            //         let obj = {
+            //             id: null,
+            //             reduceLeaseMoney: this.leaseAll
+            //         }
+            //         this.applyList.push(obj)
+            //         this.applyListTemp = this.applyList
+            //         await this.updateNum()
+            //     }
+            // })
+            // this.showApply = true
+        },
+
+        // 合并单元格 rowIndex=行数  columnIndex=列数
+        // 这里是合并table的除表头外的第一行的第二列 + 除表头外的第二行的第二列
+        // 注意列数和行数从 0 开始
+        objectSpanMethod({ row, column, rowIndex, columnIndex }) {
+            if (rowIndex === this.pushReviewList.length - 1 && columnIndex == 1) {
+                let rowspan = 2
+                let colspan = 4
+                return { rowspan, colspan }
+            }
+            // 解决偏移的重要代码
+            // 重点在 else if 判断必须加因为合并单元格数据会出现偏移、
+            // 否则如果是 第二行 的 第二列 那么隐藏原有第二行 的 第二列的数据使他隐藏
+            else if (rowIndex === this.pushReviewList.length - 1 && columnIndex < 4) {
+                return {
+                    rowspan: 0,
+                    colspan: 0
+                }
+            }
+        },
+
+        //减免费用申请弹窗合并
+        objectSpanMethodApply({ row, column, rowIndex, columnIndex }) {
+            if (rowIndex === this.applyList.length - 1 && columnIndex == 0) {
+                let rowspan = 1
+                let colspan = 4
+                return { rowspan, colspan }
+            }
+            // 解决偏移的重要代码
+            else if (rowIndex === this.applyList.length - 1 && columnIndex < 4) {
+                return {
+                    rowspan: 0,
+                    colspan: 0
+                }
+            }
+        },
+
+        isImage(file) {
+            this.urlTemp = require('@/assets/file.png')
+            if (this.updataIf(file)) {
+                return false
+            } else {
+                return true
+            }
+        },
+
+        // 判断文件类型,图片预览，文件下载
+        updataIf(e) {
+            if (e.fileName) {
+                const parts = e.fileName.split('.')
+                const extension = parts.pop()
+                if (extension === 'png' || extension === 'jpeg' || extension === 'jpg') {
+                    return false
+                } else {
+                    return true
+                }
+            } else {
+                const parts = e.name.split('.')
+                const extension = parts.pop()
+                if (extension === 'png' || extension === 'jpeg' || extension === 'jpg') {
+                    return false
+                } else {
+                    return true
+                }
+            }
+        },
+
+        //附件
+        handleChangeBusinessList(file, fileList) {
+            const fileListTemp = fileList.filter(item => {
+                return item.uid != file.uid
+            })
+            const parts = file.name.split('.')
+            const extension = parts.pop()
+            if (fileList.length > 3) {
+                this.$message.warning('最多上传3张附件')
+                fileList = fileList.filter(item => {
+                    return item.uid != file.uid
+                })
+            } else if (!(extension === 'pdf' || extension === 'png' || extension === 'jpg' || extension === 'jpeg')) {
+                this.$message.warning('文件格式不正确')
+                fileList = fileList.filter(item => {
+                    return item.uid != file.uid
+                })
+            } else if (file.size > 1024 * 1024 * 10) {
+                this.$message.warning('文件大小不能超过10Mb')
+                fileList = fileList.filter(item => {
+                    return item.uid != file.uid
+                })
+            } else if (file.name.length > 40) {
+                this.$message.warning('文件名长度不能超过40个字符')
+                fileList = fileList.filter(item => {
+                    return item.uid != file.uid
+                })
+            } else if (fileListTemp.some(item => item.name === file.name)) {
+                this.$message.warning('文件名重复')
+                fileList = fileList.filter(item => {
+                    return item.uid != file.uid
+                })
+            }
+            fileList.forEach(file => {
+                if (extension === 'pdf') {
+                    this.urlTemp = require('../../../assets/file.png')
+                }
+            })
+            this.dialogAppy.decreaseFile = fileList
+            // 手动触发表单验证
+            this.$refs.dialogAppy.validateField('decreaseFile')
+        },
+
+        handleDownload(file) {
+            console.log(file)
+            if (file.status === 'ready') {
+                downloadFile({
+                    fileName: file.name,
+                    fileData: file.raw,
+                    fileType: 'application/vnd.ms-excel;charset=utf-8'
+                })
+            } else if (file.status === 'success') {
+                downloadFileData({ fileName: file.name, fileUrl: file.url })
+                // downloadFileData({ fileName: file.name,fileUrl:file.url })
+            }
+        },
+
+        //上传组件-图片查看
+        picturePreview(file) {
+            this.dialogImageUrl = file.url.replaceAll('#', '%23')
+            const parts = file.name.split('.')
+            const extension = parts.pop()
+            if (extension === 'pdf') {
+                const windowName = file.name
+                window.open(file.url, windowName)
+            } else {
+                this.dialogVisible = true
+            }
+        },
+
+        //上传组件-图片删除
+        handleRemoveElectricianImgList(file, fileList) {
+            let sum = 0
+            this.dialogAppy.decreaseFile.forEach((item, index) => {
+                if (item.uid == file.uid) {
+                    sum = index
+                }
+            })
+            this.dialogAppy.decreaseFile.splice(sum, 1)
+            if (file.status == 'success') {
+                this.delBusinessFileIdList.push(file.url)
+            }
+        },
+
+        updateNum() {
+            if (this.dialogAppy.reduceStartTime && this.dialogAppy.reduceEndTime) {
+                this.num2 = this.applyList
+                    .slice(0, -1)
+                    .filter(item => !item.reduceStartTime || !item.reduceEndTime).length
+                this.num1 = this.applyList.filter(item => item.reduceStartTime && item.reduceEndTime).length
+            }
+        },
+
+        // 更新表格中所有数据的减免开始时间
+        updateTableStartTime() {
+            this.applyList = this.applyListTemp
+            if (this.dialogAppy.reduceEndTime) {
+                const pickStartTime = new Date(this.dialogAppy.reduceStartTime)
+                const pickEndTime = new Date(this.dialogAppy.reduceEndTime)
+                if (pickStartTime > pickEndTime) {
+                    this.$modal.msgError('开始日期不能大于结束日期')
+                    return
+                }
+                this.applyList.slice(0, -1).forEach(item => {
+                    const startTime = new Date(item.reduceStartTime)
+                    const endTime = new Date(item.reduceEndTime)
+                    const startTimeTemp = item.reduceStartTime
+                    const endTimeTemp = item.reduceEndTime
+
+                    const oneDay = 24 * 60 * 60 * 1000 // 一天的毫秒数
+                    if (pickStartTime <= new Date(item.startTime) && pickEndTime >= new Date(item.endTime)) {
+                        this.$set(item, 'reduceStartTime', new Date(item.startTime))
+                        this.$set(item, 'reduceEndTime', new Date(item.endTime))
+                        const diffDays =
+                            Math.ceil(Math.abs((item.reduceEndTime - item.reduceStartTime) / oneDay)) +
+                            (item.reduceEndTime - item.reduceStartTime === 0 ? 1 : 1)
+                        this.$set(item, 'reduceDays', diffDays)
+                        if (item.reduceNum && item.reduceDays && item.leasePrice) {
+                            this.$set(item, 'reduceLeaseMoney', item.reduceDays * item.leasePrice * item.reduceNum)
+                        }
+                    } else if (pickStartTime >= new Date(item.startTime) && pickEndTime <= new Date(item.endTime)) {
+                        this.$set(item, 'reduceStartTime', pickStartTime)
+                        this.$set(item, 'reduceEndTime', pickEndTime)
+                        const diffDays =
+                            Math.ceil(Math.abs((item.reduceEndTime - item.reduceStartTime) / oneDay)) +
+                            (item.reduceEndTime - item.reduceStartTime === 0 ? 1 : 1)
+                        this.$set(item, 'reduceDays', diffDays)
+                        if (item.reduceNum && item.reduceDays && item.leasePrice) {
+                            this.$set(item, 'reduceLeaseMoney', item.reduceDays * item.leasePrice * item.reduceNum)
+                        }
+                    } else if (
+                        pickStartTime >= new Date(item.startTime) &&
+                        pickEndTime >= new Date(item.endTime) &&
+                        pickStartTime <= new Date(item.endTime)
+                    ) {
+                        this.$set(item, 'reduceStartTime', pickStartTime)
+                        this.$set(item, 'reduceEndTime', new Date(item.endTime))
+                        const diffDays =
+                            Math.ceil(Math.abs((item.reduceEndTime - item.reduceStartTime) / oneDay)) +
+                            (item.reduceEndTime - item.reduceStartTime === 0 ? 1 : 1)
+                        this.$set(item, 'reduceDays', diffDays)
+                        if (item.reduceNum && item.reduceDays && item.leasePrice) {
+                            this.$set(item, 'reduceLeaseMoney', item.reduceDays * item.leasePrice * item.reduceNum)
+                        }
+                    } else if (
+                        pickStartTime <= new Date(item.startTime) &&
+                        pickEndTime <= new Date(item.endTime) &&
+                        pickEndTime >= new Date(item.startTime)
+                    ) {
+                        this.$set(item, 'reduceStartTime', new Date(item.startTime))
+                        this.$set(item, 'reduceEndTime', pickEndTime)
+                        const diffDays =
+                            Math.ceil(Math.abs((item.reduceEndTime - item.reduceStartTime) / oneDay)) +
+                            (item.reduceEndTime - item.reduceStartTime === 0 ? 1 : 1)
+                        this.$set(item, 'reduceDays', diffDays)
+                        if (item.reduceNum && item.reduceDays && item.leasePrice) {
+                            this.$set(item, 'reduceLeaseMoney', item.reduceDays * item.leasePrice * item.reduceNum)
+                        }
+                    } else if (pickStartTime >= new Date(item.startTime) && pickStartTime >= new Date(item.endTime)) {
+                        this.$set(item, 'reduceStartTime', null)
+                        this.$set(item, 'reduceEndTime', null)
+                        this.$set(item, 'reduceDays', 0)
+                        this.$set(item, 'reduceLeaseMoney', 0)
+                    } else if (pickEndTime <= new Date(item.startTime) && pickEndTime <= new Date(item.endTime)) {
+                        this.$set(item, 'reduceStartTime', null)
+                        this.$set(item, 'reduceEndTime', null)
+                        this.$set(item, 'reduceDays', 0)
+                        this.$set(item, 'reduceLeaseMoney', 0)
+                    }
+                    this.applyList[this.applyList.length - 1].reduceLeaseMoney = this.applyList
+                        .slice(0, -1)
+                        .reduce((total, item) => {
+                            return total + Number(item.reduceLeaseMoney)
+                        }, 0)
+                })
+            }
+            this.updateNum()
+        },
+        // 更新表格中所有数据的减免结束时间
+        updateTableEndTime() {
+            this.applyList = this.applyListTemp
+            if (this.dialogAppy.reduceStartTime) {
+                const pickStartTime = new Date(this.dialogAppy.reduceStartTime)
+                const pickEndTime = new Date(this.dialogAppy.reduceEndTime)
+                console.log('dadad', pickStartTime, pickEndTime)
+                if (pickStartTime > pickEndTime) {
+                    this.$modal.msgError('结束日期不能小于开始日期')
+                    return
+                }
+                this.applyList.slice(0, -1).forEach(item => {
+                    const startTime = new Date(item.reduceStartTime)
+                    const endTime = new Date(item.reduceEndTime)
+                    const startTimeTemp = item.reduceStartTime
+                    const endTimeTemp = item.reduceEndTime
+
+                    const oneDay = 24 * 60 * 60 * 1000 // 一天的毫秒数
+                    if (pickStartTime <= new Date(item.startTime) && pickEndTime >= new Date(item.endTime)) {
+                        this.$set(item, 'reduceStartTime', new Date(item.startTime))
+                        this.$set(item, 'reduceEndTime', new Date(item.endTime))
+                        const diffDays =
+                            Math.ceil(Math.abs((item.reduceEndTime - item.reduceStartTime) / oneDay)) +
+                            (item.reduceEndTime - item.reduceStartTime === 0 ? 1 : 1)
+                        this.$set(item, 'reduceDays', diffDays)
+                        if (item.reduceNum && item.reduceDays && item.leasePrice) {
+                            this.$set(item, 'reduceLeaseMoney', item.reduceDays * item.leasePrice * item.reduceNum)
+                        }
+                    } else if (pickStartTime >= new Date(item.startTime) && pickEndTime <= new Date(item.endTime)) {
+                        this.$set(item, 'reduceStartTime', pickStartTime)
+                        this.$set(item, 'reduceEndTime', pickEndTime)
+                        const diffDays =
+                            Math.ceil(Math.abs((item.reduceEndTime - item.reduceStartTime) / oneDay)) +
+                            (item.reduceEndTime - item.reduceStartTime === 0 ? 1 : 1)
+                        this.$set(item, 'reduceDays', diffDays)
+                        if (item.reduceNum && item.reduceDays && item.leasePrice) {
+                            this.$set(item, 'reduceLeaseMoney', item.reduceDays * item.leasePrice * item.reduceNum)
+                        }
+                    } else if (
+                        pickStartTime >= new Date(item.startTime) &&
+                        pickEndTime >= new Date(item.endTime) &&
+                        pickStartTime <= new Date(item.endTime)
+                    ) {
+                        this.$set(item, 'reduceStartTime', pickStartTime)
+                        this.$set(item, 'reduceEndTime', new Date(item.endTime))
+                        const diffDays =
+                            Math.ceil(Math.abs((item.reduceEndTime - item.reduceStartTime) / oneDay)) +
+                            (item.reduceEndTime - item.reduceStartTime === 0 ? 1 : 1)
+                        this.$set(item, 'reduceDays', diffDays)
+                        if (item.reduceNum && item.reduceDays && item.leasePrice) {
+                            this.$set(item, 'reduceLeaseMoney', item.reduceDays * item.leasePrice * item.reduceNum)
+                        }
+                    } else if (
+                        pickStartTime <= new Date(item.startTime) &&
+                        pickEndTime <= new Date(item.endTime) &&
+                        pickEndTime >= new Date(item.startTime)
+                    ) {
+                        this.$set(item, 'reduceStartTime', new Date(item.startTime))
+                        this.$set(item, 'reduceEndTime', pickEndTime)
+                        console.log('xxxxxxsadadadsa', item.reduceEndTime, item.reduceStartTime)
+                        const diffDays =
+                            Math.ceil(Math.abs((item.reduceEndTime - item.reduceStartTime) / oneDay)) +
+                            (item.reduceEndTime - item.reduceStartTime === 0 ? 1 : 1)
+                        this.$set(item, 'reduceDays', diffDays)
+                        if (item.reduceNum && item.reduceDays && item.leasePrice) {
+                            this.$set(item, 'reduceLeaseMoney', item.reduceDays * item.leasePrice * item.reduceNum)
+                        }
+                    } else if (pickStartTime >= new Date(item.startTime) && pickStartTime >= new Date(item.endTime)) {
+                        this.$set(item, 'reduceStartTime', null)
+                        this.$set(item, 'reduceEndTime', null)
+                        this.$set(item, 'reduceDays', 0)
+                        this.$set(item, 'reduceLeaseMoney', 0)
+                    } else if (pickEndTime <= new Date(item.startTime) && pickEndTime <= new Date(item.endTime)) {
+                        this.$set(item, 'reduceStartTime', null)
+                        this.$set(item, 'reduceEndTime', null)
+                        this.$set(item, 'reduceDays', 0)
+                        this.$set(item, 'reduceLeaseMoney', 0)
+                    }
+                    this.applyList[this.applyList.length - 1].reduceLeaseMoney = this.applyList
+                        .slice(0, -1)
+                        .reduce((total, item) => {
+                            return total + Number(item.reduceLeaseMoney)
+                        }, 0)
+                })
+            }
+            this.updateNum()
+        },
+
+        //table中时间改变
+        updateLeaseDaysStart(row) {
+            const startTime = new Date(row.reduceStartTime)
+            const startTimeTemp = row.reduceStartTime
+            console.log('1111111111111', startTime)
+            const endTime = new Date(row.reduceEndTime)
+            const endTimeTemp = row.reduceEndTime
+            let pickStartTime = new Date(row.startTime)
+            let pickEndTime = null
+            if (row.endTime == null) {
+                pickEndTime = new Date()
+            } else {
+                pickEndTime = new Date(row.endTime)
+            }
+            // 判断减免开始时间和结束时间是否在领料日期和退料日期之间
+            if (startTime < pickStartTime || startTime > pickEndTime) {
+                console.log('2222222222222', startTime, pickStartTime, pickEndTime)
+                this.$set(row, 'reduceStartTime', null)
+                this.$set(row, 'reduceDays', 0)
+                this.$set(row, 'reduceLeaseMoney', 0)
+                this.$modal.msgError('请选择有效的减免开始时间！!')
+            } else if (
+                startTimeTemp != null &&
+                endTimeTemp != null &&
+                startTime.getTime() != 0 &&
+                endTime.getTime() != 0 &&
+                endTime.getTime() >= startTime.getTime()
+            ) {
+                const oneDay = 24 * 60 * 60 * 1000 // 一天的毫秒数
+                const diffDays =
+                    Math.ceil(Math.abs((endTime - startTime) / oneDay)) + (endTime - startTime === 0 ? 1 : 1)
+                this.$set(row, 'reduceDays', diffDays)
+                if (row.reduceNum && row.reduceDays && row.leasePrice) {
+                    this.$set(row, 'reduceLeaseMoney', row.reduceDays * row.leasePrice * row.reduceNum)
+                }
+                // row.leaseDays = diffDays;
+            } else if (endTimeTemp != null && endTime.getTime() < startTime.getTime()) {
+                console.log('333333333', endTime, startTime)
+                // 如果日期无效，将减免天数设为 0 或者清空
+                this.$set(row, 'reduceStartTime', null)
+                this.$set(row, 'reduceDays', 0)
+                this.$set(row, 'reduceLeaseMoney', 0)
+                this.$modal.msgError('请选择有效的减免开始时间！')
+            } else {
+                this.$set(row, 'reduceDays', 0)
+                this.$set(row, 'reduceLeaseMoney', 0)
+            }
+            this.applyList[this.applyList.length - 1].reduceLeaseMoney = this.applyList
+                .slice(0, -1)
+                .reduce((total, item) => {
+                    return total + Number(item.reduceLeaseMoney)
+                }, 0)
+            this.updateNum()
+        },
+
+        updateLeaseDaysEnd(row) {
+            const startTime = new Date(row.reduceStartTime)
+            const startTimeTemp = row.reduceStartTime
+            const endTimeTemp = row.reduceEndTime
+            const endTime = new Date(row.reduceEndTime)
+            let pickStartTime = new Date(row.startTime)
+            let pickEndTime = null
+            if (row.endTime == null) {
+                pickEndTime = new Date()
+            } else {
+                pickEndTime = new Date(row.endTime)
+            }
+            // 判断减免开始时间和结束时间是否在领料日期和退料日期之间
+            if (endTime < pickStartTime || endTime > pickEndTime) {
+                this.$set(row, 'reduceEndTime', null)
+                this.$set(row, 'reduceDays', 0)
+                this.$set(row, 'reduceLeaseMoney', 0)
+                this.$modal.msgError('请选择有效的减免结束时间！')
+            } else if (
+                startTimeTemp != null &&
+                endTimeTemp != null &&
+                startTime.getTime() != 0 &&
+                endTime.getTime() != 0 &&
+                endTime.getTime() >= startTime.getTime()
+            ) {
+                const oneDay = 24 * 60 * 60 * 1000 // 一天的毫秒数
+                const diffDays =
+                    Math.ceil(Math.abs((endTime - startTime) / oneDay)) + (endTime - startTime === 0 ? 1 : 1)
+                // const diffDays = Math.round(Math.abs((endTime - startTime) / oneDay));
+                this.$set(row, 'reduceDays', diffDays)
+                if (row.reduceNum && row.reduceDays && row.leasePrice) {
+                    this.$set(row, 'reduceLeaseMoney', row.reduceDays * row.leasePrice * row.reduceNum)
+                }
+                // row.leaseDays = diffDays;
+            } else if (startTimeTemp != null && endTime.getTime() < startTime.getTime()) {
+                // 如果日期无效，将减免天数设为 0 或者清空
+                this.$set(row, 'reduceEndTime', null)
+                this.$set(row, 'reduceDays', 0)
+                this.$set(row, 'reduceLeaseMoney', 0)
+                this.$modal.msgError('请选择有效的减免结束时间！')
+            } else {
+                this.$set(row, 'reduceDays', 0)
+                this.$set(row, 'reduceLeaseMoney', 0)
+            }
+            this.applyList[this.applyList.length - 1].reduceLeaseMoney = this.applyList
+                .slice(0, -1)
+                .reduce((total, item) => {
+                    return total + Number(item.reduceLeaseMoney)
+                }, 0)
+            this.updateNum()
+        },
+
+        //table中数量改变
+        updateLeaseNum(row) {
+            if (row.reduceNum > row.num) {
+                this.$message.error('减免数量不能大于领料数量')
+            } else {
+                if (row.reduceNum && row.leasePrice && row.reduceDays) {
+                    this.$set(row, 'reduceLeaseMoney', row.reduceDays * row.leasePrice * row.reduceNum)
+                }
+                this.applyList[this.applyList.length - 1].reduceLeaseMoney = this.applyList
+                    .slice(0, -1)
+                    .reduce((total, item) => {
+                        return total + Number(item.reduceLeaseMoney)
+                    }, 0)
+            }
+        },
+
+        //减免申请确认按钮
         submitForm() {
-            this.$refs['form'].validate(valid => {
+            this.$refs.dialogAppy.validate(valid => {
                 if (valid) {
-                    if (this.form.id != undefined) {
-                        editConfigApi(this.form).then(res => {
-                            this.$modal.msgSuccess('修改成功')
-                            this.showConfig = false
-                            this.getList()
-                        })
+                    let index = this.applyList
+                        .slice(0, -1)
+                        .findIndex(
+                            item => new Date(item.reduceEndTime).getTime() < new Date(item.reduceStartTime).getTime()
+                        )
+                    let index2 = this.applyList.slice(0, -1).findIndex(item => item.reduceNum > item.num)
+                    let index3 = this.applyList.slice(0, -1).findIndex(item => item.reduceNum == 0)
+                    let index4 = this.applyList
+                        .slice(0, -1)
+                        .findIndex(
+                            item =>
+                                isNaN(new Date(item.reduceStartTime).getTime()) ||
+                                new Date(item.reduceStartTime).getTime() == 0
+                        )
+                    let index5 = this.applyList
+                        .slice(0, -1)
+                        .findIndex(
+                            item =>
+                                isNaN(new Date(item.reduceEndTime).getTime()) ||
+                                new Date(item.reduceEndTime).getTime() == 0
+                        )
+                    if (index3 > -1) {
+                        this.$modal.msgError('减免数量不能为0！')
+                    } else if (index4 > -1) {
+                        this.$modal.msgError('请先去除减免时间不符合的数据！')
+                    } else if (index5 > -1) {
+                        this.$modal.msgError('请先去除减免时间不符合的数据！')
+                    } else if (index2 > -1) {
+                        this.$modal.msgError('减免数量不能大于领料数量！')
+                    } else if (index > -1) {
+                        this.$modal.msgError('请先去除减免时间不符合的数据！')
                     } else {
-                        addConfigApi(this.form).then(res => {
-                            this.$modal.msgSuccess('新增成功')
-                            this.showConfig = false
-                            this.getList()
+                        const param = {
+                            id: this.idTemp,
+                            agreementId: this.agreementId,
+                            reduceStartTime: this.dialogAppy.reduceStartTime,
+                            reduceEndTime: this.dialogAppy.reduceEndTime,
+                            bmFileInfos: this.dialogAppy.decreaseFile,
+                            remark: this.dialogAppy.remark,
+                            detailList: this.applyList.slice(0, -1)
+                        }
+                        console.log('xxxxxxxxxxxxxx', param.bmFileInfos)
+                        editRelief(param).then(response => {
+                            if (response.code == 200) {
+                                this.$modal.msgSuccess('修改成功')
+                                this.confirmShow = false
+                                this.getList()
+                                this.showApply = false
+                            }
                         })
                     }
+                } else {
+                    return false
                 }
             })
         },
-        // 查询
-        handlePreview() {
-            this.$router.push({ name: 'receive-apply-details' }) // 跳转业务详情页面
+
+        //减免申请取消按钮
+        cancel() {
+            this.$refs.dialogAppy.resetFields()
+            this.dialogAppy.decreaseFile = []
+            this.applyList = []
+            this.showApply = false
         },
-        // 审核
-        handleAuditing() {}
+        closeDiag() {
+            this.cancel()
+        },
+
+        handleClean() {
+            // 过滤掉不符合的数据
+            this.applyList = this.applyList.filter((item, index) => {
+                return index === this.applyList.length - 1 || (item.reduceStartTime && item.reduceEndTime)
+            })
+            // 更新符合和不符合的数据条数
+            this.updateNum()
+        },
+
+        handleAdd() {
+            console.log('减免申请')
+            this.$router.push({ path: '/business/businessHandling/discountApply' })
+        },
+        handleExport() {}
     }
 }
 </script>
+<style lang="scss" scoped>
+::v-deep .el-table__body tr.highlight-row {
+    background-color: #c0e6fa;
+}
+::v-deep .el-table {
+    table-layout: auto;
+}
+.uploadImg {
+    padding-top: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.deviceCode {
+    margin-top: 10px;
+    padding-bottom: 20px;
+    font-size: 18px;
+}
+::v-deep.el-table .fixed-width .el-button--mini {
+    width: 60px !important;
+    margin-bottom: 10px;
+}
+
+//文件上传样式
+//隐藏图片上传框的css
+::v-deep.disabledFbs {
+    .el-upload--picture-card {
+        display: none;
+    }
+}
+::v-deep .el-upload-list__item {
+    margin-bottom: 20px;
+    overflow: unset !important;
+}
+::v-deep .el-upload-list__item-actions {
+    overflow: unset !important;
+}
+
+.el-upload-list__item-thumbnail {
+    height: 145px !important;
+}
+
+.picture-card-container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    position: relative;
+}
+
+.picture-card {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    justify-content: center;
+
+    // border: 1px solid  #ddd;
+    // border-radius: 4px;
+}
+
+.file-name {
+    width: 90%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    position: absolute;
+    bottom: -35px;
+    margin-top: 8px;
+    text-align: center;
+    font-size: 12px;
+    color: #333;
+    z-index: 999999;
+}
+
+.file-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.5);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: #fff;
+    font-size: 20px;
+}
+</style>