From ef224cfcf9ddab1be2bbad31efc0296fd3896cbb Mon Sep 17 00:00:00 2001
From: yunuo970428 <405378304@qq.com>
Date: Tue, 21 Jun 2022 08:59:51 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=80=E5=8F=91=E4=BB=98=E6=AC=BE=E7=94=B3?=
 =?UTF-8?q?=E8=AF=B7=E7=AE=A1=E7=90=86=E5=92=8C=E8=B4=B9=E7=94=A8=E7=94=B3?=
 =?UTF-8?q?=E8=AF=B7=E7=AE=A1=E7=90=86=E5=89=8D=E7=AB=AF=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/anruifinmanagement/expense.js     | 100 ++++++
 .../src/api/anruifinmanagement/payment.js     | 100 ++++++
 .../src/api/jichuxinxi/dictcommons.js         |  35 +-
 .../src/router/modules/codemenu.js            |  44 ++-
 .../anrui-finmanage-ui/src/styles/index.scss  |  85 ++++-
 .../feiyongshenqing/expense.vue               | 310 +++++++++++++++++
 .../feiyongshenqing/expenseAdd.vue            | 276 +++++++++++++++
 .../feiyongshenqing/expenseInfo.vue           | 110 ++++++
 .../fukuanshenqing/payment.vue                | 322 ++++++++++++++++++
 .../fukuanshenqing/paymentAdd.vue             | 277 +++++++++++++++
 .../fukuanshenqing/paymentInfo.vue            | 114 +++++++
 11 files changed, 1752 insertions(+), 21 deletions(-)
 create mode 100644 anrui-buscenter/anrui-finmanage-ui/src/api/anruifinmanagement/expense.js
 create mode 100644 anrui-buscenter/anrui-finmanage-ui/src/api/anruifinmanagement/payment.js
 create mode 100644 anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/feiyongshenqing/expense.vue
 create mode 100644 anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/feiyongshenqing/expenseAdd.vue
 create mode 100644 anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/feiyongshenqing/expenseInfo.vue
 create mode 100644 anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/payment.vue
 create mode 100644 anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/paymentAdd.vue
 create mode 100644 anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/paymentInfo.vue

diff --git a/anrui-buscenter/anrui-finmanage-ui/src/api/anruifinmanagement/expense.js b/anrui-buscenter/anrui-finmanage-ui/src/api/anruifinmanagement/expense.js
new file mode 100644
index 0000000000..0fc4b07b87
--- /dev/null
+++ b/anrui-buscenter/anrui-finmanage-ui/src/api/anruifinmanagement/expense.js
@@ -0,0 +1,100 @@
+import request from '@/utils/request'
+
+export default {
+  // 查询分页列表
+  listPage: function(params) {
+    return request({
+      url: '/base/v1/baseinternalpurchase/listPage',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 选择车辆信息--查询分页列表
+  pageList: function(params) {
+    return request({
+      url: '/base/basevehmodelconfig/selVehModelByUseOrgSidAndModelSidAndConfigSid',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 保存修改记录
+  saveOrUpdate: function(params) {
+    return request({
+      url: '/base/v1/baseinternalpurchase/save',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 提交流程
+  submitVehicleApply: function(params) {
+    return request({
+      url: '/base/v1/basevehicleactualsales/submitVehicleSales',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 通过sid查询一条记录
+  fetchBySid: function(sid) {
+    return request({
+      url: '/base/v1/baseinternalpurchase/fetchDetailsBySid/' + sid,
+      method: 'get'
+    })
+  },
+  // 通过sid删除一条或多条记录
+  delBySids: function(data) {
+    return request({
+      url: '/base/v1/baseinternalpurchase/delBySids',
+      method: 'DELETE',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 代办任务同意办理
+  businessAgree: function(params) {
+    return request({
+      url: '/scm/v1/scmapplyinbound/complete',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  },
+  // 代办任务驳回任务
+  rejectTask: function(params) {
+    return request({
+      url: '/scm/v1/scmapplyinbound/reject/' + params.businessSid,
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  },
+  // 代办任务终止任务
+  breakTask: function(params) {
+    return request({
+      url: '/base/v1/basevehicleactualsales/breakProcess/' + params.businessSid,
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  },
+  // 代办任务撤回任务
+  revokeTask: function(params) {
+    return request({
+      url: '/scm/v1/scmapplyinbound/revokeProcess/' + params.userSid + '/' + params.businessSid,
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  }
+}
diff --git a/anrui-buscenter/anrui-finmanage-ui/src/api/anruifinmanagement/payment.js b/anrui-buscenter/anrui-finmanage-ui/src/api/anruifinmanagement/payment.js
new file mode 100644
index 0000000000..0fc4b07b87
--- /dev/null
+++ b/anrui-buscenter/anrui-finmanage-ui/src/api/anruifinmanagement/payment.js
@@ -0,0 +1,100 @@
+import request from '@/utils/request'
+
+export default {
+  // 查询分页列表
+  listPage: function(params) {
+    return request({
+      url: '/base/v1/baseinternalpurchase/listPage',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 选择车辆信息--查询分页列表
+  pageList: function(params) {
+    return request({
+      url: '/base/basevehmodelconfig/selVehModelByUseOrgSidAndModelSidAndConfigSid',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 保存修改记录
+  saveOrUpdate: function(params) {
+    return request({
+      url: '/base/v1/baseinternalpurchase/save',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 提交流程
+  submitVehicleApply: function(params) {
+    return request({
+      url: '/base/v1/basevehicleactualsales/submitVehicleSales',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 通过sid查询一条记录
+  fetchBySid: function(sid) {
+    return request({
+      url: '/base/v1/baseinternalpurchase/fetchDetailsBySid/' + sid,
+      method: 'get'
+    })
+  },
+  // 通过sid删除一条或多条记录
+  delBySids: function(data) {
+    return request({
+      url: '/base/v1/baseinternalpurchase/delBySids',
+      method: 'DELETE',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 代办任务同意办理
+  businessAgree: function(params) {
+    return request({
+      url: '/scm/v1/scmapplyinbound/complete',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  },
+  // 代办任务驳回任务
+  rejectTask: function(params) {
+    return request({
+      url: '/scm/v1/scmapplyinbound/reject/' + params.businessSid,
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  },
+  // 代办任务终止任务
+  breakTask: function(params) {
+    return request({
+      url: '/base/v1/basevehicleactualsales/breakProcess/' + params.businessSid,
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  },
+  // 代办任务撤回任务
+  revokeTask: function(params) {
+    return request({
+      url: '/scm/v1/scmapplyinbound/revokeProcess/' + params.userSid + '/' + params.businessSid,
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  }
+}
diff --git a/anrui-buscenter/anrui-finmanage-ui/src/api/jichuxinxi/dictcommons.js b/anrui-buscenter/anrui-finmanage-ui/src/api/jichuxinxi/dictcommons.js
index d818042835..8cb8dd4788 100644
--- a/anrui-buscenter/anrui-finmanage-ui/src/api/jichuxinxi/dictcommons.js
+++ b/anrui-buscenter/anrui-finmanage-ui/src/api/jichuxinxi/dictcommons.js
@@ -1,5 +1,4 @@
 import request from '@/utils/request'
-import qs from 'qs';
 
 export function typeValues(data) {
     return request({
@@ -7,4 +6,36 @@ export function typeValues(data) {
         method: 'get',
         params: data
     })
-}
\ No newline at end of file
+}
+
+// 获取分公司
+export function getListOrg(data) {
+  return request({
+    url: '/portal/v1/sysorganization/getListOrg',
+    method: 'get',
+    params: data
+  })
+}
+// 根据登陆人sid查询分公司sid
+export function getPathSidByUserSid(data) {
+  return request({
+    url: '/portal/v1/sysstafforg/getPathSidByUserSid',
+    method: 'get',
+    params: data
+  })
+}
+// 根据分公司sid查询分公司名称
+export function fetchBySid(sid) {
+  return request({
+    url: 'portal/v1/sysorganization/fetchBySid/' + sid,
+    method: 'get'
+  })
+}
+// 获取厂商可搜索下拉列表
+export function changShang(data) {
+  return request({
+    url: '/base/v1/basemanufacturer/namesDown',
+    method: 'get',
+    params: data
+  })
+}
diff --git a/anrui-buscenter/anrui-finmanage-ui/src/router/modules/codemenu.js b/anrui-buscenter/anrui-finmanage-ui/src/router/modules/codemenu.js
index 7c7a60a17c..fd907c8496 100644
--- a/anrui-buscenter/anrui-finmanage-ui/src/router/modules/codemenu.js
+++ b/anrui-buscenter/anrui-finmanage-ui/src/router/modules/codemenu.js
@@ -14,7 +14,7 @@ const codemenu = [
       path: '/anruifinmanagement/finginvoiceapply',
       component: () => import('@/views/anruifinmanagement/finginvoiceapply/finwaitinvoiceapply/fingwaitinvoiceapply.vue'),
       name: 'finginvoiceapply',
-      meta: { title: '公司开票申请管理', noCache: false }
+      meta: { title: '公司开票申请管理', noCache: true }
     }
     ]
   },
@@ -30,7 +30,7 @@ const codemenu = [
       path: '/anruifinmanagement/finreceipt',
       component: () => import('@/views/anruifinmanagement/finreceipt/finreceipt.vue'),
       name: 'finreceipt',
-      meta: { title: '款项确认管理(旧)', noCache: false }
+      meta: { title: '款项确认管理(旧)', noCache: true }
     }]
   },
   // 第二项：款项确认
@@ -46,25 +46,25 @@ const codemenu = [
         path: '/anruifinmanagement/customerBillingSummary',
         component: () => import('@/views/anruifinmanagement/paymentConfirmation/customerBillingSummary.vue'),
         name: 'kehuzhangdanhuizong',
-        meta: { title: '客户账单汇总', noCache: false }
+        meta: { title: '客户账单汇总', noCache: true }
       },
       {
         path: '/anruifinmanagement/customerBillingDetails',
         component: () => import('@/views/anruifinmanagement/paymentConfirmation/customerBillingDetails.vue'),
         name: 'kehuzhangdanmingxi',
-        meta: { title: '客户账单明细', noCache: false }
+        meta: { title: '客户账单明细', noCache: true }
       },
       {
         path: '/anruifinmanagement/paymentConfirmation',
         component: () => import('@/views/anruifinmanagement/paymentConfirmation/acknowledgementReceipt.vue'),
         name: 'shoukuanquerenguanli',
-        meta: { title: '款项确认管理', noCache: false }
+        meta: { title: '款项确认管理', noCache: true }
       },
       {
         path: '/anruifinmanagement/cashierConfirmation',
         component: () => import('@/views/anruifinmanagement/paymentConfirmation/cashierConfirmation.vue'),
         name: 'chunakuanxiangquerenguanli',
-        meta: { title: '出纳款项确认管理', noCache: false }
+        meta: { title: '出纳款项确认管理', noCache: true }
       }
     ]
   },
@@ -95,7 +95,35 @@ const codemenu = [
       path: '/anruifinmanagement/finitem',
       component: () => import('@/views/anruifinmanagement/finitem/finitem.vue'),
       name: 'finitem',
-      meta: { title: '收费项目管理', noCache: false }
+      meta: { title: '收费项目管理', noCache: true }
+    }]
+  },
+  {
+    path: '/anruifinmanagement',
+    component: Layout,
+    redirect: '/anruifinmanagement',
+    meta: {
+      title: '付款申请管理'
+    },
+    children: [{
+      path: '/anruifinmanagement/fukuanshenqing',
+      component: () => import('@/views/anruifinmanagement/fukuanshenqing/payment.vue'),
+      name: 'fukuanshenqingguaili',
+      meta: { title: '财务管理', noCache: true }
+    }]
+  },
+  {
+    path: '/anruifinmanagement',
+    component: Layout,
+    redirect: '/anruifinmanagement',
+    meta: {
+      title: '费用申请管理'
+    },
+    children: [{
+      path: '/anruifinmanagement/feiyongshenqing',
+      component: () => import('@/views/anruifinmanagement/feiyongshenqing/expense.vue'),
+      name: 'feiyongshenqingguaili',
+      meta: { title: '财务管理', noCache: true }
     }]
   },
   // 第二项：款项确认
@@ -110,7 +138,7 @@ const codemenu = [
       path: '/chunafukuan/chunafukuanguanli',
       component: () => import('@/views/anruifinmanagement/chunafukuan/chunafukuanguanli/cashier.vue'),
       name: 'cashier',
-      meta: { title: '财务管理', noCache: false }
+      meta: { title: '财务管理', noCache: true }
     }]
   }
 
diff --git a/anrui-buscenter/anrui-finmanage-ui/src/styles/index.scss b/anrui-buscenter/anrui-finmanage-ui/src/styles/index.scss
index 4437381eef..cad75e0da1 100644
--- a/anrui-buscenter/anrui-finmanage-ui/src/styles/index.scss
+++ b/anrui-buscenter/anrui-finmanage-ui/src/styles/index.scss
@@ -211,10 +211,10 @@ div:focus {
   border-radius: 10px !important;
 }
 
-.el-form-item .el-form-item__content {
-  display: inline-block;
-  vertical-align: middle !important;
-}
+//.el-form-item .el-form-item__content {
+//  display: inline-block;
+//  vertical-align: middle !important;
+//}
 
 .formadd {
   .el-form-item .el-form-item__label {
@@ -223,9 +223,9 @@ div:focus {
 }
 
 
-.tab-header .el-form-item {
-  padding: 0 22px;
-}
+//.tab-header .el-form-item {
+//  padding: 0 22px;
+//}
 
 .el-divider--horizontal {
   display: block;
@@ -341,6 +341,67 @@ div:focus {
   }
 }
 
+.formaddcopy02 {
+  padding: 20px 0;
+  // height: calc(100vh - 200px);overflow-y: auto;
+  .title {
+    padding: 10px;
+    font-weight: bold;
+    font-size: 20px;
+    background-color: $header-bg;
+    text-align: center;
+    color: #ffffff;
+  }
+
+  .el-row {
+    display: flex;
+    flex-wrap: wrap;
+    border-left: 1px solid $table-border-color;
+
+    .el-col {
+      border-right: 1px solid $table-border-color;
+      border-bottom: 1px solid $table-border-color;
+      min-height: 48px;
+      position: relative;
+      .span-sty {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        line-height: 48px;
+        text-align: right;
+        font-size: 14px;
+        color: #606266;
+        font-weight: 600;
+        width: 70px;
+        padding-right: 5px;
+        border-right: 1px solid #e0e3eb;
+      }
+
+      .el-form-item {
+        margin-bottom: 0;
+
+        .addinputw {
+          padding: 5px 0;
+          width: 65%;
+          margin-left: 80px;
+        }
+
+        .addinputInfo {
+          margin-left: 80px;
+          line-height: 48px;
+        }
+
+      }
+    }
+
+  }
+
+  .footer {
+    margin: 20px;
+  }
+}
+
 .el-form-item__error {
   z-index: 100;
 }
@@ -380,17 +441,19 @@ div:focus {
 
 .searchcon {
   margin: 0 0 10px 0;
-  line-height: 45px;
+  //line-height: 45px;
 
 }
 
 .searchcon .searchbtn {
   margin: 10px 0;
+  border: #2cab69 1px solid;
+  color: #2cab69;
 }
 
-.search .el-form-item__label {
-  width: auto !important;
-}
+//.search .el-form-item__label {
+//  width: auto !important;
+//}
 
 
 // 弹出窗口按钮
diff --git a/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/feiyongshenqing/expense.vue b/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/feiyongshenqing/expense.vue
new file mode 100644
index 0000000000..a59289f3ad
--- /dev/null
+++ b/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/feiyongshenqing/expense.vue
@@ -0,0 +1,310 @@
+<template>
+  <div class="app-container">
+    <!-- Start 列表页面 -->
+    <div v-show="viewState == 1">
+      <button-bar view-title="费用申请管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <div class="main-content">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form ref="listQueryform" :inline="true" :model="listQuery" class="tab-header">
+              <el-form-item label="付款状态">
+                <el-input v-model="listQuery.params.nodeState" placeholder="请输入状态" clearable/>
+              </el-form-item>
+              <el-form-item label="费用类型">
+                <el-select v-model="listQuery.params.sellerOrgSid" clearable filterable placeholder="请选择">
+                  <el-option v-for="item in org_list" :key="item.sid" :label="item.name" :value="item.sid"></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="费用名称">
+                <el-select v-model="listQuery.params.sellerOrgSid" clearable filterable placeholder="请选择">
+                  <el-option v-for="item in org_list" :key="item.sid" :label="item.name" :value="item.sid"></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="申请日期">
+                <div class="block" style="float: left;">
+                  <el-date-picker v-model="listQuery.params.createStartTime" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
+                </div>
+                <div style="float: left;margin: 0px 10px">至</div>
+                <div class="block" style="float: left;">
+                  <el-date-picker v-model="listQuery.params.createEndTime" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
+                </div>
+              </el-form-item>
+              <el-form-item label="使用方式">
+                <el-select v-model="listQuery.params.sellerOrgSid" clearable filterable placeholder="请选择">
+                  <el-option v-for="item in org_list" :key="item.sid" :label="item.name" :value="item.sid"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" @click="handleFilter" size="small">查询</el-button>
+              <el-button type="primary" @click="handleReset" size="small">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <div class="listtop">
+          <div class="tit">费用申请列表</div>
+          <pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+        <div class="">
+          <el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;">
+            <el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/>
+            <el-table-column label="操作" width="150px" align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="toEdit(scope.row)">办理</el-button>
+                <el-button type="primary" size="mini" @click="toInfo(scope.row)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="状态" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.nodeState }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="申请日期" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.createTime }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="费用类别" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.num }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="费用名称" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.buyerOrgName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="费用" align="center" width="130px">
+              <template slot-scope="scope">
+                <span>{{ scope.row.sellerOrgName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="使用方式" align="center" width="130px">
+              <template slot-scope="scope">
+                <span>{{ scope.row.sellerOrgName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="报销状态" align="center" width="130px">
+              <template slot-scope="scope">
+                <span>{{ scope.row.sellerOrgName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center" width="130px">
+              <template slot-scope="scope">
+                <span>{{ scope.row.sellerOrgName }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div class="pages">
+          <!-- 翻页 -->
+          <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+      </div>
+    </div>
+    <expenseAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="init"/>
+    <expenseInfo v-show="viewState == 4" ref="divInfo" @doback="resetState"/>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/pagination'
+import pageye from '@/components/pagination/pageye'
+import ButtonBar from '@/components/ButtonBar'
+import req from '@/api/anruifinmanagement/expense'
+import { getListOrg, getPathSidByUserSid, fetchBySid } from '@/api/jichuxinxi/dictcommons'
+import expenseAdd from './expenseAdd.vue'
+import expenseInfo from './expenseInfo.vue'
+
+export default {
+  name: 'feiyongshenqingguaili',
+  components: {
+    Pagination,
+    pageye,
+    ButtonBar,
+    expenseAdd,
+    expenseInfo
+  },
+  data() {
+    return {
+      btndisabled: false,
+      btnList: [
+        {
+          type: 'primary',
+          size: 'small',
+          icon: 'plus',
+          btnKey: 'toAdd',
+          btnLabel: '新增'
+        },
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ],
+      org_list: [],
+      isSearchShow: false,
+      searchxianshitit: '显示查询条件',
+      viewState: 1,
+      // 查询条件 -----------
+      tableKey: 0,
+      list: [],
+      FormLoading: false,
+      listLoading: false,
+      listQuery: {
+        params: {
+          createStartTime: '',
+          createEndTime: '',
+          createOrgSid: '',
+          nodeState: '',
+          sellerOrgName: ''
+        },
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      rules: {}
+    }
+  },
+  created() {
+    // 加载列表
+    this.init()
+  },
+  mounted() {
+    this.$refs['btnbar'].setButtonList(this.btnList)
+  },
+  methods: {
+    init() {
+      getPathSidByUserSid({ userSid: window.sessionStorage.getItem('userSid') }).then((res) => {
+        if (res.success) {
+          this.listQuery.params.createOrgSid = res.data
+          this.getList()
+        }
+      })
+      getListOrg().then((res) => {
+        if (res.success) {
+          this.org_list = res.data
+        }
+      })
+    },
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    btnHandle(btnKey) {
+      console.log('XXXXXXXXXXXXXXX    ' + btnKey)
+      switch (btnKey) {
+        case 'toAdd':
+          this.toAdd()
+          break
+        case 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
+    },
+    // 序号
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      req.listPage(this.listQuery).then((response) => {
+        console.log('列表查询结果：', response)
+        this.listLoading = false
+        if (
+          response.success &&
+          response.data &&
+          response.data.total > 0
+        ) {
+          this.list = response.data.records
+          this.listQuery.total = response.data.total
+        } else {
+          this.list = []
+          this.listQuery.total = 0
+        }
+      })
+    },
+    // 查询按钮
+    handleFilter() {
+      this.listQuery.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.listQuery = {
+        params: {
+          createStartTime: '',
+          createEndTime: '',
+          createOrgSid: '',
+          nodeState: '',
+          sellerOrgName: ''
+        },
+        current: 1,
+        size: 10,
+        total: 0
+      }
+      this.init()
+    },
+    toAdd() {
+      this.viewState = 2
+      this.$refs['divAdd'].showAdd(this.listQuery.params.createOrgSid)
+    },
+    toEdit(row) {
+      this.viewState = 3
+      this.$refs['divAdd'].showEdit(row, this.listQuery.params.createOrgSid)
+    },
+    toInfo(row) {
+      this.viewState = 4
+      this.$refs['divInfo'].showInfo(row)
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    doClose() {
+      this.$store.dispatch('tagsView/delView', this.$route)
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+<style scoped>
+.btn {
+  padding: 15px 0 15px 0;
+  border: 1px solid #e0e3eb;
+}
+
+.tab-header {
+  background-color: #edf1f7;
+  padding: 8px 20px;
+  margin-bottom: 0 !important;
+}
+
+.tab-header /deep/ .el-form-item {
+  margin-bottom: 10px;
+}
+.listtop {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border: 1px solid #dfe4ed;
+  height: 40px;
+}
+.tit {
+  margin-bottom: -10px;
+}
+.pagination {
+  margin-bottom: -10px;
+}
+</style>
diff --git a/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/feiyongshenqing/expenseAdd.vue b/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/feiyongshenqing/expenseAdd.vue
new file mode 100644
index 0000000000..c2aacfd1f1
--- /dev/null
+++ b/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/feiyongshenqing/expenseAdd.vue
@@ -0,0 +1,276 @@
+<template>
+  <div class="app-container">
+    <div class="tab-header webtop">
+      <div>{{ viewTitle }}</div>
+      <div>
+        <el-button type="primary" size="small" :disabled="submitdisabled" @click=" saveEdit()">保存</el-button>
+        <el-button type="primary" size="small" :disabled="submitdisabled" @click=" saveEdit()">提交</el-button>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+      </div>
+    </div>
+    <div class="listconadd">
+      <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+        <div class="wlInfo"><span>费用申请</span></div>
+        <el-row>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>申请日期</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.createTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>申请人</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.applyPeoName }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>费用类型</span></div>
+            <el-form-item>
+              <el-input v-model="formobj.refitMethod" placeholder="委改方式" class="addinputw addinputwOne" clearable/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>费用名称</span></div>
+            <el-form-item>
+              <el-input v-model="formobj.refitFactory" placeholder="委改厂" class="addinputw addinputwOne" clearable/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>申请费用(元)</span></div>
+            <el-form-item>
+              <el-input v-model="formobj.refitFactory" placeholder="申请费用" @keyup.native="UpNumber" @keydown.native="UpNumber" class="addinputw addinputwOne" clearable/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>使用方式</span></div>
+            <el-form-item>
+              <el-input v-model="formobj.color" placeholder="颜色" class="addinputw addinputwOne" clearable/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty spanOneWidth"><span>备注</span></div>
+            <el-form-item>
+              <el-input v-model="formobj.otherConfig" placeholder="更多配置" class="addinputw" style="margin-left: 120px !important; width: 80% !important; " clearable/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="headline"><el-checkbox v-model="checked">涉及车辆</el-checkbox></div>
+        <el-row v-show="checked">
+          <el-col :span="24">
+            <div class="span-sty spanOneWidth"><span>是否出门</span></div>
+            <el-form-item>
+              <div class="addinputw addinputwOne">
+                <el-radio v-model="formobj.isOnRemind" label="是">是</el-radio>
+                <el-radio v-model="formobj.isOnRemind" label="否">否</el-radio>
+              </div>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row v-show="checked">
+          <el-col :span="24">
+            <div class="span-sty spanOneWidth"><span>车架号</span></div>
+            <el-form-item>
+              <el-input v-model="formobj.otherConfig" placeholder="更多配置" class="addinputw" style="margin-left: 120px !important; width: 80% !important; " clearable/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <!--End 添加修改部分-->
+  </div>
+</template>
+
+<script>
+import req from '@/api/anruifinmanagement/expense'
+export default {
+  name: 'feiyongshenqingAdd',
+  data() {
+    return {
+      viewTitle: '',
+      topName_list: [],
+      vehicleFunction_list: [],
+      checked: false,
+      formobj: {
+        sid: '',
+        createTime: '',
+        applyPeoName: window.sessionStorage.getItem('name'),
+        isOnRemind: ''
+      },
+      rules: {
+        vehicleFunction: [{ required: true, message: '请选择车辆功能', trigger: 'change' }],
+        topName: [{ required: true, message: '请选择上装名称', trigger: 'change' }],
+        refitMethod: [{ required: true, message: '请填写委改方式', trigger: 'blur' }],
+        refitFactory: [{ required: true, message: '请填写委改厂', trigger: 'blur' }],
+        overallDimension: [{ required: true, message: '请填写外廓尺寸', trigger: 'blur' }],
+        color: [{ required: true, message: '请填写颜色', trigger: 'blur' }],
+        plateMaterial: [{ required: true, message: '请填写板材材质', trigger: 'blur' }],
+        plateThickness: [{ required: true, message: '请填写板材厚度', trigger: 'blur' }]
+      },
+      submitdisabled: false
+    }
+  },
+  created() {
+    this.DataDictionary()
+  },
+  methods: {
+    DataDictionary() {
+      // 上装名称
+      req.pullDown({ type: 'topName' }).then((res) => {
+        if (res.success) {
+          this.topName_list = res.data
+        }
+      })
+      // 车辆功能
+      req.pullDown({ type: 'vehicleFunction' }).then((res) => {
+        if (res.success) {
+          this.vehicleFunction_list = res.data
+        }
+      })
+    },
+    changeTopName(value) {
+      let bb = null
+      this.topName_list.forEach((e) => {
+        if (e.dictKey === value) {
+          bb = {
+            name: e.dictValue,
+            value: e.dictKey
+          }
+        }
+      })
+      this.formobj.topName = bb.name
+      this.formobj.topNameKey = bb.value
+    },
+    changeVehicleFunction(value) {
+      let bb = null
+      this.vehicleFunction_list.forEach((e) => {
+        if (e.dictKey === value) {
+          bb = {
+            name: e.dictValue,
+            value: e.dictKey
+          }
+        }
+      })
+      this.formobj.vehicleFunction = bb.name
+      this.formobj.vehicleFunctionKey = bb.value
+    },
+    UpNumber(e) {
+      e.target.value = e.target.value.replace(/[^\d.-]/g, '') // 清除“数字”和“.”"-"以外的字符
+      e.target.value = e.target.value.replace(/^00/, '0.') // 开头不能有两个0
+      e.target.value = e.target.value.replace(/\.{2,}/g, '.') // 只保留第一个. 清除多余的
+      e.target.value = e.target.value.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/\-{2,}/g, '-') // 只保留第一个-
+      e.target.value = e.target.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3') // 只能输入两个小数
+      if (e.target.value.indexOf('.') < 0 && e.target.value !== '' && e.target.value !== '-') {
+        // 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
+        e.target.value = parseFloat(e.target.value)
+      }
+    },
+    handleReturn(isreload) {
+      if (isreload === 'true') this.$emit('reloadlist')
+      this.formobj = {}
+      this.$refs['form_obj'].resetFields()
+      this.$emit('doback')
+    },
+    showAdd() {
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.viewTitle = '【新增】费用申请'
+    },
+    showEdit(row) {
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.viewTitle = '【编辑】费用申请'
+      req.fetchBySid(row.sid).then((resp) => {
+        const vdata = resp.data
+        this.formobj = vdata
+      }).catch((e) => {
+        this.formobj = row
+      })
+    },
+    saveAdd() {
+      const _this = this
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
+          req.saveAdd(this.formobj).then((resp) => {
+            this.submitdisabled = false
+            _this.$message({
+              showClose: true,
+              type: 'success',
+              message: resp.msg
+            })
+            _this.handleReturn('true')
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        } else {
+          return false
+        }
+      })
+    },
+    saveEdit() {
+      const _this = this
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
+          req.saveEdit(this.formobj, this.formobj.sid).then((resp) => {
+            this.submitdisabled = false
+            _this.$message({
+              showClose: true,
+              type: 'success',
+              message: resp.msg
+            })
+            _this.handleReturn('true')
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        } else {
+          return false
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.wlInfo {
+  padding-bottom: 40px;
+  font-size: 24px;
+  border-bottom: 1px solid #edf1f7;
+  font-weight: bold;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.spanOneWidth {
+  width: 110px !important;
+}
+.addinputwOne {
+  margin-left: 120px !important;
+  width: 30% !important;
+}
+.icon {
+  color: #e84026;
+  margin-right: 4px;
+}
+/deep/ .el-form-item__error {
+  margin-left: 120px;
+}
+.headline{
+  height: 40px;
+  padding: 0px 15px;
+  font-weight: bold;
+  font-size: 24px;
+  background-color: #FFFFFF;
+  color: #ffffff;
+  border: 1px solid #e0e3eb;
+}
+.btn_style {
+  color: #FFFFFF;
+}
+</style>
diff --git a/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/feiyongshenqing/expenseInfo.vue b/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/feiyongshenqing/expenseInfo.vue
new file mode 100644
index 0000000000..3658f6e2af
--- /dev/null
+++ b/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/feiyongshenqing/expenseInfo.vue
@@ -0,0 +1,110 @@
+<template>
+  <div class="app-container">
+    <div class="tab-header webtop">
+      <div>费用详情</div>
+      <div>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+      </div>
+    </div>
+    <div class="listconadd">
+      <el-form ref="dataForm" :model="formobj" class="formaddcopy02">
+        <div class="wlInfo"><span>费用申请</span></div>
+        <el-row>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>申请日期</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.vehicleFunction }}</span></el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>申请人</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.topName }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>费用类型</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.refitMethod }}</span></el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>费用名称</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.refitFactory }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>申请费用(元)</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.plateMaterial }}</span></el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>使用方式</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.plateThickness }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty spanOneWidth"><span>备注</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.otherConfig }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty spanOneWidth"><span>是否出门</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.otherConfig }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty spanOneWidth"><span>车架号</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.otherConfig }}</span></el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/anruifinmanagement/expense'
+
+export default {
+  name: 'feiyongshenqingInfo',
+  data() {
+    return {
+      formobj: {},
+      ceshi: '1'
+    }
+  },
+  methods: {
+    handleReturn() {
+      this.formobj = {}
+      this.$emit('doback')
+    },
+    showInfo(row) {
+      // this.formobj = row
+      req.fetchBySid(row.sid).then((resp) => {
+        this.formobj = resp.data
+      }).catch((e) => {
+        this.formobj = row
+      })
+      console.log('这里是详情回显', row)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.wlInfo {
+  padding-bottom: 40px;
+  font-size: 24px;
+  border-bottom: 1px solid #edf1f7;
+  font-weight: bold;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.spanOneWidth {
+  width: 110px !important;
+}
+.addinputwOne {
+  margin-left: 120px !important;
+}
+</style>
diff --git a/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/payment.vue b/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/payment.vue
new file mode 100644
index 0000000000..23b33f927a
--- /dev/null
+++ b/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/payment.vue
@@ -0,0 +1,322 @@
+<template>
+  <div class="app-container">
+    <!-- Start 列表页面 -->
+    <div v-show="viewState == 1">
+      <button-bar view-title="付款申请管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <div class="main-content">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form ref="listQueryform" :inline="true" :model="listQuery" class="tab-header">
+              <el-row>
+                <el-form-item label="付款状态">
+                  <el-input v-model="listQuery.params.nodeState" placeholder="请输入状态" clearable/>
+                </el-form-item>
+                <el-form-item label="款项类型">
+                  <el-select v-model="listQuery.params.sellerOrgSid" clearable filterable placeholder="请选择">
+                    <el-option v-for="item in org_list" :key="item.sid" :label="item.name" :value="item.sid"></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="款项名称">
+                  <el-select v-model="listQuery.params.sellerOrgSid" clearable filterable placeholder="请选择">
+                    <el-option v-for="item in org_list" :key="item.sid" :label="item.name" :value="item.sid"></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="收款单位">
+                  <el-select v-model="listQuery.params.sellerOrgSid" clearable filterable placeholder="请选择">
+                    <el-option v-for="item in org_list" :key="item.sid" :label="item.name" :value="item.sid"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-row>
+              <el-row>
+                <el-form-item label="申请日期">
+                  <div class="block" style="float: left;">
+                    <el-date-picker v-model="listQuery.params.createStartTime" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
+                  </div>
+                  <div style="float: left;margin: 0px 10px">至</div>
+                  <div class="block" style="float: left;">
+                    <el-date-picker v-model="listQuery.params.createEndTime" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
+                  </div>
+                </el-form-item>
+              </el-row>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" @click="handleFilter" size="small">查询</el-button>
+              <el-button type="primary" @click="handleReset" size="small">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <div class="listtop">
+          <div class="tit">付款申请列表</div>
+          <pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+        <div class="">
+          <el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;">
+            <el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/>
+            <el-table-column label="操作" width="150px" align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="toEdit(scope.row)">办理</el-button>
+                <el-button type="primary" size="mini" @click="toInfo(scope.row)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="状态" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.nodeState }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="业务编号" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.createTime }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="款项类型" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.num }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="款项名称" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.buyerOrgName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="收款单位名称" align="center" width="130px">
+              <template slot-scope="scope">
+                <span>{{ scope.row.sellerOrgName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="收款账号" align="center" width="130px">
+              <template slot-scope="scope">
+                <span>{{ scope.row.sellerOrgName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="金额" align="center" width="130px">
+              <template slot-scope="scope">
+                <span>{{ scope.row.sellerOrgName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="付款状态" align="center" width="130px">
+              <template slot-scope="scope">
+                <span>{{ scope.row.sellerOrgName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center" width="130px">
+              <template slot-scope="scope">
+                <span>{{ scope.row.sellerOrgName }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div class="pages">
+          <!-- 翻页 -->
+          <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+      </div>
+    </div>
+    <paymentAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="init"/>
+    <paymentInfo v-show="viewState == 4" ref="divInfo" @doback="resetState"/>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/pagination'
+import pageye from '@/components/pagination/pageye'
+import ButtonBar from '@/components/ButtonBar'
+import req from '@/api/anruifinmanagement/payment'
+import { getListOrg, getPathSidByUserSid, fetchBySid } from '@/api/jichuxinxi/dictcommons'
+import paymentAdd from './paymentAdd'
+import paymentInfo from './paymentInfo'
+
+export default {
+  name: 'fukuanshenqingguaili',
+  components: {
+    Pagination,
+    pageye,
+    ButtonBar,
+    paymentAdd,
+    paymentInfo
+  },
+  data() {
+    return {
+      btndisabled: false,
+      btnList: [
+        {
+          type: 'primary',
+          size: 'small',
+          icon: 'plus',
+          btnKey: 'toAdd',
+          btnLabel: '新增'
+        },
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ],
+      org_list: [],
+      isSearchShow: false,
+      searchxianshitit: '显示查询条件',
+      viewState: 1,
+      // 查询条件 -----------
+      tableKey: 0,
+      list: [],
+      FormLoading: false,
+      listLoading: false,
+      listQuery: {
+        params: {
+          createStartTime: '',
+          createEndTime: '',
+          createOrgSid: '',
+          nodeState: '',
+          sellerOrgName: ''
+        },
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      rules: {}
+    }
+  },
+  created() {
+    // 加载列表
+    this.init()
+  },
+  mounted() {
+    this.$refs['btnbar'].setButtonList(this.btnList)
+  },
+  methods: {
+    init() {
+      getPathSidByUserSid({ userSid: window.sessionStorage.getItem('userSid') }).then((res) => {
+        if (res.success) {
+          this.listQuery.params.createOrgSid = res.data
+          this.getList()
+        }
+      })
+      getListOrg().then((res) => {
+        if (res.success) {
+          this.org_list = res.data
+        }
+      })
+    },
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    btnHandle(btnKey) {
+      console.log('XXXXXXXXXXXXXXX    ' + btnKey)
+      switch (btnKey) {
+        case 'toAdd':
+          this.toAdd()
+          break
+        case 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
+    },
+    // 序号
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      req.listPage(this.listQuery).then((response) => {
+        console.log('列表查询结果：', response)
+        this.listLoading = false
+        if (
+          response.success &&
+          response.data &&
+          response.data.total > 0
+        ) {
+          this.list = response.data.records
+          this.listQuery.total = response.data.total
+        } else {
+          this.list = []
+          this.listQuery.total = 0
+        }
+      })
+    },
+    // 查询按钮
+    handleFilter() {
+      this.listQuery.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.listQuery = {
+        params: {
+          createStartTime: '',
+          createEndTime: '',
+          createOrgSid: '',
+          nodeState: '',
+          sellerOrgName: ''
+        },
+        current: 1,
+        size: 10,
+        total: 0
+      }
+      this.init()
+    },
+    toAdd() {
+      this.viewState = 2
+      this.$refs['divAdd'].showAdd(this.listQuery.params.createOrgSid)
+    },
+    toEdit(row) {
+      this.viewState = 3
+      this.$refs['divAdd'].showEdit(row, this.listQuery.params.createOrgSid)
+    },
+    toInfo(row) {
+      this.viewState = 4
+      this.$refs['divInfo'].showInfo(row)
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    doClose() {
+      this.$store.dispatch('tagsView/delView', this.$route)
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+<style scoped>
+.btn {
+  padding: 15px 0 15px 0;
+  border: 1px solid #e0e3eb;
+}
+
+.tab-header {
+  background-color: #edf1f7;
+  padding: 8px 20px;
+  margin-bottom: 0 !important;
+}
+
+.tab-header /deep/ .el-form-item {
+  margin-bottom: 10px;
+}
+.tab-header /deep/ .el-form-item {
+  margin-bottom: 10px;
+}
+.listtop {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border: 1px solid #dfe4ed;
+  height: 40px;
+}
+.tit {
+  margin-bottom: -10px;
+}
+.pagination {
+  margin-bottom: -10px;
+}
+</style>
diff --git a/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/paymentAdd.vue b/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/paymentAdd.vue
new file mode 100644
index 0000000000..a7e095dcf6
--- /dev/null
+++ b/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/paymentAdd.vue
@@ -0,0 +1,277 @@
+<template>
+  <div class="app-container">
+    <div class="tab-header webtop">
+      <div>{{ viewTitle }}</div>
+      <div>
+        <el-button type="primary" size="small" :disabled="submitdisabled" @click=" saveEdit()">保存</el-button>
+        <el-button type="primary" size="small" :disabled="submitdisabled" @click=" saveEdit()">提交</el-button>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+      </div>
+    </div>
+    <div class="listconadd">
+      <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+        <div class="wlInfo"><span>付款申请</span></div>
+        <el-row>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>申请日期</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.createTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>申请人</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.applyPeoName }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>款项类别</span></div>
+            <el-form-item>
+              <el-input v-model="formobj.refitMethod" placeholder="委改方式" class="addinputw addinputwOne" clearable/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>款项名称</span></div>
+            <el-form-item>
+              <el-input v-model="formobj.refitFactory" placeholder="委改厂" class="addinputw addinputwOne" clearable/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>业务编号</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.applyPeoName }}</span></el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>金额</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.applyPeoName }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty spanOneWidth"><span>付款单位名称</span></div>
+            <el-form-item>
+              <el-input v-model="formobj.otherConfig" placeholder="更多配置" class="addinputw" style="margin-left: 120px !important; width: 15% !important; " clearable/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>收款单位名称</span></div>
+            <el-form-item>
+              <el-select v-model="formobj.anufacturerName" filterable placeholder="请选择" @change="changeManu" clearable class="addinputw addinputwOne">
+                <el-option v-for="item in manu_list" :key="item.sid" :label="item.manufacturerName" :value="item.sid"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>收款银行账号</span></div>
+            <el-form-item>
+              <el-input v-model="formobj.color" placeholder="颜色" class="addinputw addinputwOne" clearable/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty spanOneWidth"><span>备注</span></div>
+            <el-form-item>
+              <el-input v-model="formobj.otherConfig" placeholder="更多配置" class="addinputw" style="margin-left: 120px !important; width: 80% !important; " clearable/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <!--End 添加修改部分-->
+  </div>
+</template>
+
+<script>
+import req from '@/api/anruifinmanagement/expense'
+import { changShang } from '@/api/jichuxinxi/dictcommons'
+export default {
+  name: 'fukuanshenqingAdd',
+  data() {
+    return {
+      viewTitle: '',
+      topName_list: [],
+      vehicleFunction_list: [],
+      manu_list: [],
+      formobj: {
+        sid: '',
+        createTime: '',
+        applyPeoName: window.sessionStorage.getItem('name')
+      },
+      rules: {
+        vehicleFunction: [{ required: true, message: '请选择车辆功能', trigger: 'change' }],
+        topName: [{ required: true, message: '请选择上装名称', trigger: 'change' }],
+        refitMethod: [{ required: true, message: '请填写委改方式', trigger: 'blur' }],
+        refitFactory: [{ required: true, message: '请填写委改厂', trigger: 'blur' }],
+        overallDimension: [{ required: true, message: '请填写外廓尺寸', trigger: 'blur' }],
+        color: [{ required: true, message: '请填写颜色', trigger: 'blur' }],
+        plateMaterial: [{ required: true, message: '请填写板材材质', trigger: 'blur' }],
+        plateThickness: [{ required: true, message: '请填写板材厚度', trigger: 'blur' }]
+      },
+      submitdisabled: false
+    }
+  },
+  created() {
+    this.DataDictionary()
+  },
+  methods: {
+    newDate() {
+      let date = new Date()
+      let year = date.getFullYear() // 年
+      let month = date.getMonth() + 1 // 月
+      let day = date.getDate() // 日
+      if (month < 10) {
+        month = '0' + month
+      }
+      if (day < 10) {
+        day = '0' + day
+      }
+      this.formobj.createTime = year + '-' + month + '-' + day
+    },
+    DataDictionary() {
+      // 上装名称
+      // req.pullDown({ type: 'topName' }).then((res) => {
+      //   if (res.success) {
+      //     this.topName_list = res.data
+      //   }
+      // })
+      // // 车辆功能
+      // req.pullDown({ type: 'vehicleFunction' }).then((res) => {
+      //   if (res.success) {
+      //     this.vehicleFunction_list = res.data
+      //   }
+      // })
+      changShang().then((res) => {
+        if (res.success) {
+          this.manu_list = res.data
+        }
+      })
+    },
+    changeTopName(value) {
+      let bb = null
+      this.topName_list.forEach((e) => {
+        if (e.dictKey === value) {
+          bb = {
+            name: e.dictValue,
+            value: e.dictKey
+          }
+        }
+      })
+      this.formobj.topName = bb.name
+      this.formobj.topNameKey = bb.value
+    },
+    changeVehicleFunction(value) {
+      let bb = null
+      this.vehicleFunction_list.forEach((e) => {
+        if (e.dictKey === value) {
+          bb = {
+            name: e.dictValue,
+            value: e.dictKey
+          }
+        }
+      })
+      this.formobj.vehicleFunction = bb.name
+      this.formobj.vehicleFunctionKey = bb.value
+    },
+    UpNumber(e) {
+      e.target.value = e.target.value.replace(/[^0-9.]/g, '')
+    },
+    handleReturn(isreload) {
+      if (isreload === 'true') this.$emit('reloadlist')
+      this.formobj = {}
+      this.$refs['form_obj'].resetFields()
+      this.$emit('doback')
+    },
+    showAdd() {
+      this.newDate()
+      this.DataDictionary()
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.viewTitle = '【新增】付款申请'
+    },
+    showEdit(row) {
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.viewTitle = '【编辑】付款申请'
+      req.fetchBySid(row.sid).then((resp) => {
+        const vdata = resp.data
+        this.formobj = vdata
+      }).catch((e) => {
+        this.formobj = row
+      })
+    },
+    saveAdd() {
+      const _this = this
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
+          req.saveAdd(this.formobj).then((resp) => {
+            this.submitdisabled = false
+            _this.$message({
+              showClose: true,
+              type: 'success',
+              message: resp.msg
+            })
+            _this.handleReturn('true')
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        } else {
+          return false
+        }
+      })
+    },
+    saveEdit() {
+      const _this = this
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
+          req.saveEdit(this.formobj, this.formobj.sid).then((resp) => {
+            this.submitdisabled = false
+            _this.$message({
+              showClose: true,
+              type: 'success',
+              message: resp.msg
+            })
+            _this.handleReturn('true')
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        } else {
+          return false
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.wlInfo {
+  padding-bottom: 40px;
+  font-size: 24px;
+  border-bottom: 1px solid #edf1f7;
+  font-weight: bold;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.spanOneWidth {
+  width: 110px !important;
+}
+.addinputwOne {
+  margin-left: 120px !important;
+  width: 30% !important;
+}
+
+.icon {
+  color: #e84026;
+  margin-right: 4px;
+}
+/deep/ .el-form-item__error {
+  margin-left: 120px;
+}
+</style>
diff --git a/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/paymentInfo.vue b/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/paymentInfo.vue
new file mode 100644
index 0000000000..8fb7df1956
--- /dev/null
+++ b/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/paymentInfo.vue
@@ -0,0 +1,114 @@
+<template>
+  <div class="app-container">
+    <div class="tab-header webtop">
+      <div>付款详情</div>
+      <div>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+      </div>
+    </div>
+    <div class="listconadd">
+      <el-form ref="dataForm" :model="formobj" class="formaddcopy02">
+        <div class="wlInfo"><span>付款申请</span></div>
+        <el-row>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>申请日期</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.createTime }}</span></el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>申请人</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.applyPeoName }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>款项类别</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.refitMethod }}</span></el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>款项名称</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.refitFactory }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>业务编号</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.plateMaterial }}</span></el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>金额</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.plateThickness }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty spanOneWidth"><span>付款单位名称</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.otherConfig }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>收款单位名称</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.plateMaterial }}</span></el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>收款银行账号</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.plateThickness }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty spanOneWidth"><span>备注</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.otherConfig }}</span></el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/anruifinmanagement/expense'
+
+export default {
+  name: 'fukuanshenqingInfo',
+  data() {
+    return {
+      formobj: {},
+      ceshi: '1'
+    }
+  },
+  methods: {
+    handleReturn() {
+      this.formobj = {}
+      this.$emit('doback')
+    },
+    showInfo(row) {
+      // this.formobj = row
+      req.fetchBySid(row.sid).then((resp) => {
+        this.formobj = resp.data
+      }).catch((e) => {
+        this.formobj = row
+      })
+      console.log('这里是详情回显', row)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.wlInfo {
+  padding-bottom: 40px;
+  font-size: 24px;
+  border-bottom: 1px solid #edf1f7;
+  font-weight: bold;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.spanOneWidth {
+  width: 110px !important;
+}
+.addinputwOne {
+  margin-left: 120px !important;
+}
+</style>