diff --git a/anrui-riskcenter-ui/src/api/Common/dictcommons.js b/anrui-riskcenter-ui/src/api/Common/dictcommons.js
index 0231930d24..5979e7f297 100644
--- a/anrui-riskcenter-ui/src/api/Common/dictcommons.js
+++ b/anrui-riskcenter-ui/src/api/Common/dictcommons.js
@@ -169,3 +169,12 @@ export function listByPayment(data) {
   })
 }
 
+// 根据当前登录用户的全路径查询相应部门下的所有人
+export function selAllByOrgSidPath(data) {
+  return request({
+    url: '/portal/v1/sysstafforg/selAllByOrgSidPath',
+    method: 'post',
+    params: data
+  })
+}
+
diff --git a/anrui-riskcenter-ui/src/api/collectionmeasures/collectionmeasures.js b/anrui-riskcenter-ui/src/api/collectionmeasures/collectionmeasures.js
new file mode 100644
index 0000000000..8d1dee7ab6
--- /dev/null
+++ b/anrui-riskcenter-ui/src/api/collectionmeasures/collectionmeasures.js
@@ -0,0 +1,137 @@
+import request from '@/utils/request'
+
+export default {
+  // 查询分页列表
+  listPage: function(params) {
+    return request({
+      url: '/riskcenter/v1/loanbecollectionapply/listPage',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  saveOrUpdate: function(data) {
+    return request({
+      url: '/riskcenter/v1/loanbecollectionapply/save',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  init: function(data) {
+    return request({
+      url: '/riskcenter/v1/loanbecollectionapply/init',
+      method: 'get',
+      params: data
+    })
+  },
+  // 销售订单 -- 金融方案初始化
+  selectDetailss: function(data) {
+    return request({
+      url: '/riskcenter/v1/loansolutions/selectDetailss',
+      method: 'get',
+      params: data
+    })
+  },
+  // 担保人初始化
+  initDbr: function(data) {
+    return request({
+      url: '/riskcenter/v1/loanbecollectionveh/initDbr',
+      method: 'get',
+      params: data
+    })
+  },
+  // 担保人保存
+  saveDbr: function(data) {
+    return request({
+      url: '/riskcenter/v1/loanbecollectionveh/saveDbr',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  fetchBySid: function(data) {
+    return request({
+      url: '/riskcenter/v1/loanbecollectionapply/fetchDetailsBySid/' + data,
+      method: 'get'
+    })
+  },
+  deleteBySids: function(data) {
+    return request({
+      url: '/riskcenter/v1/loanbecollectionapply/delBySids',
+      method: 'DELETE',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 提交流程
+  submit: function(params) {
+    return request({
+      url: '/riskcenter/v1/loanbecollectionapply/submit',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 流程审批（同意）
+  complete: function(params) {
+    return request({
+      url: '/riskcenter/v1/loanbecollectionapply/complete',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 流程审批（加签）
+  delegate: function(params) {
+    return request({
+      url: '/riskcenter/v1/loanbecollectionapply/delegate',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 流程审批（驳回）
+  reject: function(params) {
+    return request({
+      url: '/riskcenter/v1/loanbecollectionapply/reject',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 流程审批（终止）
+  breakProcess: function(params) {
+    return request({
+      url: '/riskcenter/v1/loanbecollectionapply/breakProcess',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 流程审批（撤回）
+  revokeProcess: function(params) {
+    return request({
+      url: '/riskcenter/v1/loanbecollectionapply/revokeProcess',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 审批流程（同意）获取下一环节
+  getNextNodesForSubmit: function(data) {
+    return request({
+      url: '/riskcenter/v1/loanbecollectionapply/getNextNodesForSubmit',
+      method: 'get',
+      params: data
+    })
+  },
+  // 审批流程（驳回）获取上一环节
+  getPreviousNodesForReject: function(data) {
+    return request({
+      url: '/riskcenter/v1/loanbecollectionapply/getPreviousNodesForReject',
+      method: 'get',
+      params: data
+    })
+  }
+}
diff --git a/anrui-riskcenter-ui/src/api/overduevehicle/overduevehicle.js b/anrui-riskcenter-ui/src/api/overduevehicle/overduevehicle.js
new file mode 100644
index 0000000000..1bb6aa4086
--- /dev/null
+++ b/anrui-riskcenter-ui/src/api/overduevehicle/overduevehicle.js
@@ -0,0 +1,101 @@
+import request from '@/utils/request'
+
+export default {
+  // 查询分页列表
+  listPage: function(params) {
+    return request({
+      url: '/riskcenter/v1/Loanbeoverdueveh/listPage',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 风控专员--查看的逾期车辆列表
+  riskListPage: function(data) {
+    return request({
+      url: '/riskcenter/v1/Loanbeoverdueveh/riskListPage',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  //  保存分配的风控人员
+  save: function(data) {
+    return request({
+      url: '/riskcenter/v1/Loanbeoverdueveh/allocationRiskStaff',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 初始化
+  init: function(data) {
+    return request({
+      url: '/riskcenter/v1/loanbecollectionrecord/init',
+      method: 'get',
+      params: data
+    })
+  },
+  // 查看某一车辆历史记录
+  viewHistory: function(data) {
+    return request({
+      url: '/riskcenter/v1/loanbecollectionrecord/viewHistory',
+      method: 'get',
+      params: data
+    })
+  },
+  // 查看某一车辆历史记录--详情
+  fetchDetailsBySid: function(data) {
+    return request({
+      url: '/riskcenter/v1/loanbecollectionrecord/fetchDetailsBySid/' + data,
+      method: 'get'
+    })
+  },
+  saveOrUpdate: function(data) {
+    return request({
+      url: '/riskcenter/v1/loanbecollectionrecord/save',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 查看开票信息
+  fetchSidByBilling(data) {
+    return request({
+      url: '/fin/v1/finvehicleinvoice/fetchSid/' + data,
+      method: 'get'
+    })
+  },
+  // 查看月还明细
+  details: function(data) {
+    return request({
+      url: '/riskcenter/v1/loanrepaymentplandetails/details',
+      method: 'get',
+      params: data
+    })
+  },
+  // 销售订单 -- 金融方案初始化
+  selectDetailss: function(data) {
+    return request({
+      url: '/riskcenter/v1/loansolutions/selectDetailss',
+      method: 'get',
+      params: data
+    })
+  },
+  // 查看家访考察报告
+  detailsPc: function(data) {
+    return request({
+      url: '/riskcenter/v1/loanhomevisitinvestigate/detailsPc',
+      method: 'get',
+      params: data
+    })
+  },
+  // 查看家访资料
+  details2: function(data) {
+    return request({
+      url: '/riskcenter/v1/loanhomevisitinvestigate/details2',
+      method: 'get',
+      params: data
+    })
+  }
+}
diff --git a/anrui-riskcenter-ui/src/router/index.js b/anrui-riskcenter-ui/src/router/index.js
index 994844548c..2cc18b5d94 100644
--- a/anrui-riskcenter-ui/src/router/index.js
+++ b/anrui-riskcenter-ui/src/router/index.js
@@ -443,6 +443,54 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/overduevehicle',
+    component: Layout,
+    redirect: '/overduevehicle',
+    meta: {
+      title: '逾期车辆列表'
+    },
+    children: [
+      {
+        path: '/overduevehicle/overduevehicle',
+        component: () => import('@/views/overduevehicle/overduevehicle.vue'),
+        name: 'OverdueVehicle',
+        meta: { title: '逾期车辆列表', noCache: true }
+      }
+    ]
+  },
+  {
+    path: '/overduevehicleByRisk',
+    component: Layout,
+    redirect: '/overduevehicleByRisk',
+    meta: {
+      title: '逾期客户列表'
+    },
+    children: [
+      {
+        path: '/overduevehicle/overduevehicleByRisk',
+        component: () => import('@/views/overduevehicle/overduevehicleByRisk.vue'),
+        name: 'OverdueVehicleByRisk',
+        meta: { title: '逾期客户列表', noCache: true }
+      }
+    ]
+  },
+  {
+    path: '/collectionmeasures',
+    component: Layout,
+    redirect: '/collectionmeasures',
+    meta: {
+      title: '催收措施申请'
+    },
+    children: [
+      {
+        path: '/collectionmeasures/collectionmeasures',
+        component: () => import('@/views/collectionmeasures/collectionmeasures.vue'),
+        name: 'CollectionMeasures',
+        meta: { title: '催收措施申请', noCache: true }
+      }
+    ]
+  },
 
   // 流程审批
   // 金融产品政策报备--编辑
@@ -685,6 +733,27 @@ export const constantRoutes = [
     component: () =>
       import('@/views/workFlow/yuehuanjitiFlow/monthlyallowanceYiBan.vue'),
     name: 'MonthlyAllowanceYiBan'
+  },
+  // 催收措施申请管理--编辑
+  {
+    path: '/cuishoucuoshiFlow/collectionmeasuresEdit',
+    component: () =>
+      import('@/views/workFlow/cuishoucuoshiFlow/collectionmeasuresEdit.vue'),
+    name: 'CollectionMeasuresEdit'
+  },
+  // 催收措施申请管理--待办
+  {
+    path: '/cuishoucuoshiFlow/collectionmeasuresDaiBan',
+    component: () =>
+      import('@/views/workFlow/cuishoucuoshiFlow/collectionmeasuresDaiBan.vue'),
+    name: 'CollectionMeasuresDaiBan'
+  },
+  // 催收措施申请管理--已办
+  {
+    path: '/cuishoucuoshiFlow/collectionmeasuresYiBan',
+    component: () =>
+      import('@/views/workFlow/cuishoucuoshiFlow/collectionmeasuresYiBan.vue'),
+    name: 'CollectionMeasuresYiBan'
   },
 	// 404 page must be placed at the end !!!
 	// { path: '*', redirect: '/404', hidden: true }
diff --git a/anrui-riskcenter-ui/src/utils/request.js b/anrui-riskcenter-ui/src/utils/request.js
index c9d3f4eec7..424ef0388c 100644
--- a/anrui-riskcenter-ui/src/utils/request.js
+++ b/anrui-riskcenter-ui/src/utils/request.js
@@ -35,23 +35,39 @@ service.interceptors.response.use(
 
   response => {
     const res = response.data
+    const statusCode = response.status
 
-     if(res.type !=undefined){
-       return res
-     }
-    // if the custom code is not 20000, it is judged as an error.
-    if (res.code != 200) {
-      if (res.msg == "请重新登录") {
-        // window.location.href = 'http://39.104.100.138:8082/'
-      } else {
+    if (statusCode !== 200) {
+      Message({
+        message: res.msg || response.message || 'Error',
+        type: 'error',
+        showClose: true,
+        duration: 5 * 1000
+      })
+      // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
+      if (statusCode === 401 || res.code === '5000' || res.code === 5000 || res.code === 50012 || res.code === 50014) {
+        // to re-login
+        MessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', {
+          confirmButtonText: '重新登录',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          store.dispatch('logout').then(() => {
+            location.href = 'http://120.46.172.184/#/login'
+            // location.reload()
+          })
+        })
+      }
+      return Promise.reject(new Error(res.message || 'Error'))
+    } else {
+      if (!res.success && res.success !== null && res.success !== undefined) {
         Message({
           message: res.msg || 'Error',
           type: 'error',
+          showClose: true,
           duration: 5 * 1000
         })
       }
-      return Promise.reject(new Error(res.message || 'Error'))
-    } else {
       return res
     }
   },
diff --git a/anrui-riskcenter-ui/src/views/collectionmeasures/collectionmeasures.vue b/anrui-riskcenter-ui/src/views/collectionmeasures/collectionmeasures.vue
new file mode 100644
index 0000000000..6483b6137a
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/collectionmeasures/collectionmeasures.vue
@@ -0,0 +1,340 @@
+<template>
+  <div class="app-container">
+    <!--列表页面-->
+    <div v-show="viewState == 1">
+      <button-bar view-title="催收措施申请管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <!--Start查询列表部分-->
+      <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" label-width="100px" class="tab-header">
+              <el-form-item label="分公司">
+                <el-input v-model="listQuery.params.useOrgName" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="申请人">
+                <el-input v-model="listQuery.params.createByName" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="申请部门">
+                <el-input v-model="listQuery.params.deptName" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="申请日期">
+                <el-date-picker v-model="listQuery.params.createStartTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
+                <span style="padding: 0 8px">至</span>
+                <el-date-picker v-model="listQuery.params.createEndTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
+              <el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <!--End查询列表部分-->
+        <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>
+        <!--Start 主页面主要部分 -->
+        <div class="">
+          <el-table :key="tableKey" v-loading="listLoading" :data="list" :border="true" style="width: 100%;" @selection-change="handleSelectionChange">
+            <el-table-column type="selection" align="center" width="50"/>
+            <el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center"/>
+            <el-table-column label="操作" width="180px" align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="toEdit(scope.row)" :disabled="scope.row.nodeState =='发起申请' ? false : scope.row.nodeState == '待提交' ? false : true">办理</el-button>
+                <el-button type="primary" size="mini" @click="toInfo(scope.row)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="状态" width="180px" header-align="center">
+              <template slot-scope="scope">
+                <span v-if="scope.row.nodeState=='待提交'" type="primary" size="mini">待提交</span>
+                <span v-else @click="flowRecord(scope.row)" class="bluezi">{{ scope.row.nodeState }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="分公司" align="center" width="150">
+              <template slot-scope="scope">
+                <span>{{ scope.row.useOrgName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="申请部门" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.deptName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="申请人" align="center" width="100">
+              <template slot-scope="scope">
+                <span>{{ scope.row.createByName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="申请日期" align="center" width="100">
+              <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.collMeasure }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.remarks }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <!--End 主页面主要部分-->
+        <div class="pages">
+          <div class="tit"/>
+          <!-- 翻页 -->
+          <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+        <!--End查询列表部分-->
+      </div>
+    </div>
+    <!--款项结转新增及修改 -->
+    <collectionmeasuresAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="getList"/>
+    <!--款项结转申请详情-->
+    <collectionmeasuresInfo v-show="viewState == 4" ref="divInfo" @doback="resetState" />
+    <!-- 流程审批记录 -->
+    <el-dialog title="" :visible.sync="centerDialogVisible" width="78%" height="1%" :before-close="closeIt" center>
+      <iframe frameborder="0" id="iframe" style="width:100%;" scrolling="no" :src="this.centerDialogVisible === true ? url :''"></iframe>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/pagination'
+import pageye from '@/components/pagination/pageye'
+import ButtonBar from '@/components/ButtonBar'
+import req from '@/api/collectionmeasures/collectionmeasures'
+import { getStorage } from '@/utils/auth'
+import collectionmeasuresAdd from './collectionmeasuresAdd'
+import collectionmeasuresInfo from './collectionmeasuresInfo'
+
+export default {
+  name: 'CollectionMeasures',
+  components: {
+    Pagination,
+    pageye,
+    ButtonBar,
+    collectionmeasuresAdd,
+    collectionmeasuresInfo
+  },
+  data() {
+    return {
+      url: '',
+      dialogHeight: '80%',
+      centerDialogVisible: false,
+      btndisabled: false,
+      btnList: [
+        {
+          type: 'danger',
+          size: 'small',
+          icon: 'del',
+          btnKey: 'doDel',
+          btnLabel: '删除'
+        },
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ],
+      isSearchShow: false,
+      searchxianshitit: '显示查询条件',
+      viewState: 1, // 1、列表 2、新增 3、编辑 4、查看
+      tableKey: 0,
+      list: [],
+      sids: [], // 用于导出的时候保存已选择的SIDs
+      FormLoading: false,
+      listLoading: false,
+      // 翻页
+      listQuery: {
+        current: 1,
+        size: 10,
+        total: 0,
+        params: {
+          collMeasure: '',
+          createByName: '',
+          createEndTime: '',
+          createStartTime: '',
+          deptName: '',
+          menuUrl: '',
+          orgPath: '',
+          useOrgName: '',
+          userSid: ''
+        }
+      }
+    }
+  },
+  created() {
+    // 初始化变量
+    this.getList()
+  },
+  mounted() {
+    // 在外部vue的window上添加postMessage的监听，而且绑定处理函数handleMessage
+    window.addEventListener('message', this.handleMessage)
+    this.$refs['btnbar'].setButtonList(this.btnList)
+  },
+  methods: {
+    async handleMessage(event) {
+      var code = ''
+      if (event.data.params !== null && event.data.params !== undefined) {
+        code = event.data.params.code
+      }
+      if (code === 1) {
+        this.centerDialogVisible = false
+      } else if (code === 2) {
+        this.dialogHeight = event.data.params.data
+        this.setIframeHeight(document.getElementById('iframe'))
+      }
+    },
+    closeIt() {
+      this.url = ''
+      this.centerDialogVisible = false
+    },
+    setIframeHeight(iframe) {
+      iframe.height = this.dialogHeight
+    },
+    flowRecord(row) {
+      this.centerDialogVisible = true
+      var params = {
+        deployId: row.procDefId,
+        procInsId: row.procInstSid,
+        token: getStorage()
+      }
+      this.url = '/#/flow/flowRecordForBusiness?data=' + encodeURI((JSON.stringify(params)))
+    },
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    btnHandle(btnKey) {
+      console.log('XXXXXXXXXXXXXXX    ' + btnKey)
+      switch (btnKey) {
+        case 'doDel':
+          this.doDel()
+          break
+        case 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
+    },
+    // 信息条数 获取点击时当前的sid
+    handleSelectionChange(row) {
+      const aa = []
+      row.forEach(element => {
+        aa.push(element.sid)
+      })
+      this.sids = aa
+    },
+    // 表中序号
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      this.listQuery.params.userSid = window.sessionStorage.getItem('userSid')
+      this.listQuery.params.orgPath = window.sessionStorage.getItem('defaultOrgPath')
+      this.listQuery.params.menuUrl = this.$route.path
+      req.listPage(this.listQuery).then(response => {
+        this.listLoading = false
+        if (response.success) {
+          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 = {
+        current: 1,
+        size: 10,
+        total: 0,
+        params: {
+          collMeasure: '',
+          createByName: '',
+          createEndTime: '',
+          createStartTime: '',
+          deptName: '',
+          menuUrl: '',
+          orgPath: '',
+          useOrgName: '',
+          userSid: ''
+        }
+      }
+      this.getList()
+    },
+    toEdit(row) {
+      this.viewState = 2
+      this.$refs['divAdd'].showEdit(row)
+    },
+    toInfo(row) {
+      this.viewState = 4
+      this.$refs['divInfo'].showInfo(row)
+    },
+    // 删除
+    doDel() {
+      if (this.sids.length === 0) {
+        this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作' })
+        return
+      }
+      const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
+      this.$confirm(tip, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        const loading = this.$loading({
+          lock: true,
+          text: 'Loading',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        })
+        req.deleteBySids(this.sids).then(resp => {
+          if (resp.success) {
+            this.$message({ type: 'success', message: resp.msg, showClose: true })
+          }
+          this.getList()
+          loading.close()
+        }).catch(e => {
+          loading.close()
+        })
+      }).catch(() => {
+      })
+    },
+    // 修改、编辑、详情返回列表页面
+    resetState() {
+      this.viewState = 1
+    },
+    doClose() {
+      this.$store.dispatch('tagsView/delView', this.$route)
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+<style scoped>
+</style>
diff --git a/anrui-riskcenter-ui/src/views/collectionmeasures/collectionmeasuresAdd.vue b/anrui-riskcenter-ui/src/views/collectionmeasures/collectionmeasuresAdd.vue
new file mode 100644
index 0000000000..f2d32c287a
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/collectionmeasures/collectionmeasuresAdd.vue
@@ -0,0 +1,360 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">保存</el-button>
+          <el-button type="primary" size="small" :disabled="submitdisabled" @click="submit()">提交</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">
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="8">
+              <div class="span-sty">申请部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">措施</div>
+              <el-form-item>
+                <el-checkbox-group class="addinputInfo" v-model="formobj.collMeasures" @change="collMeasuresChange">
+                  <el-checkbox label="上征信"></el-checkbox>
+                  <el-checkbox label="锁车"></el-checkbox>
+                  <el-checkbox label="签订还款协议"></el-checkbox>
+                  <el-checkbox label="增加担保人"></el-checkbox>
+                </el-checkbox-group>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">备注</div>
+              <el-form-item><el-input v-model="formobj.remarks" clearable placeholder="" class="addinputInfo addinputw" /></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">附件</div>
+              <el-form-item>
+                <upload-img ref="uploadImg" class="addinputInfo" v-model="formobj.files" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            <div>逾期车辆列表</div>
+          </div>
+          <el-table :key="tableKey" :data="formobj.loanBeCollectionVehDetails" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column prop="vinNo" label="车架号" align="center" />
+            <el-table-column prop="carNum" label="车牌号" align="center" width="100" />
+            <el-table-column prop="custName" label="客户名称" align="center" width="100" />
+            <el-table-column prop="custPhone" label="联系电话" align="center" width="100"/>
+            <el-table-column prop="loanContractNo" label="贷款合同编号" align="center" width="120" />
+            <el-table-column prop="bankName" label="资方" align="center" width="100" />
+            <el-table-column prop="firstBeDate" label="首次逾期日期" align="center" width="120"/>
+            <el-table-column prop="beOverdueMoney" label="逾期金额" align="center" width="100" />
+            <el-table-column prop="beOverduePeriod" label="逾期期数" align="center" width="100" />
+            <el-table-column prop="beOverdueMoneyAndPeriod" label="换算期数" align="center" width="100" />
+            <el-table-column v-if="dbrVisible" label="担保人" align="center" width="140">
+              <template slot-scope="scope">
+                <span class="bluezi" @click="cautionerEdit(scope.row)">编辑</span>
+              </template>
+            </el-table-column>
+            <el-table-column v-if="hkxyVisible" label="还款协议" align="center" width="140">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="handleUpload(scope.row, scope.$index)">上传</el-button>
+                <el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.hkxyFiles.length > 0" @click="handleLook(scope.row.hkxyFiles)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="查看相关资料" align="center" width="150">
+              <template slot-scope="scope">
+                <el-select v-model="scope.row.name" @change="dataChange($event, scope.row, scope.row.sids)" placeholder="请选择" clearable>
+                  <el-option v-for="item in scope.row.sids" :key="item.name" :label="item.name" :value="item.name"></el-option>
+                </el-select>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-form>
+      </div>
+    </div>
+    <!-- 查看车辆历史催收记录 -->
+    <vehiclecollectionrecords v-show="viewState == 2" ref="divCollection" @doback="resetState" />
+    <!-- 查看车辆历史催收记录 -->
+    <billingInfo v-show="viewState == 3" ref="divBilling" @doback="resetState" />
+    <!-- 查看月还明细 -->
+    <monthlyreturnInfo v-show="viewState == 4" ref="divMonthlyReturn" @doback="resetState"/>
+    <!-- 查看销售订单--金融方案 -->
+    <financialschemeInfo v-show="viewState == 5" ref="divFinancial" @doback="resetState"/>
+    <!-- 查看家访考察报告 -->
+    <homevisitreport v-show="viewState == 6" ref="divReport" @doback="resetState"/>
+    <!-- 查看家访资料 -->
+    <materialInfo v-show="viewState == 7" ref="divMterial" @doback="resetState"/>
+    <!-- 编辑担保人信息 -->
+    <cautionerAdd v-show="viewState == 8" ref="divCautioner" @doback="resetState" />
+    <!-- 还款协议上传 -->
+    <el-dialog center :visible.sync="uploadVisible" :show-close="false">
+      <el-form class="formadd" :model="accessory">
+        <el-row style="border-top: 1px solid #E0E3EB">
+          <el-col :span="24">
+            <el-form-item>
+              <uploadImg ref="uploadImg" v-model="accessory.policyImages" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" size="small" @click="handleConfirm">确定</el-button>
+        <el-button size="small" @click="handleColse">取消</el-button>
+      </span>
+    </el-dialog>
+    <!-- 还款协议查看 -->
+    <el-dialog :visible.sync="dialogVisible">
+      <el-image style="width: 150px; height: 150px" v-for="(item, index) in list" :key="index" :src="item" :preview-src-list="list"/>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import req from '@/api/collectionmeasures/collectionmeasures'
+import uploadImg from '@/components/uploadFile/uploadImg'
+import vehiclecollectionrecords from '@/views/overduevehicle/vehiclecollectionrecords'
+import billingInfo from '@/views/overduevehicle/relation/billingInfo'
+import monthlyreturnInfo from '@/views/overduevehicle/relation/monthlyreturnInfo'
+import financialschemeInfo from '@/components/publicPage/financialschemeInfo'
+import homevisitreport from '@/views/overduevehicle/relation/homevisitreport'
+import materialInfo from '@/views/overduevehicle/relation/materialInfo'
+import cautionerAdd from './relation/cautionerAdd'
+
+export default {
+  name: 'CollectionMeasuresAdd',
+  components: {
+    uploadImg,
+    vehiclecollectionrecords,
+    billingInfo,
+    monthlyreturnInfo,
+    financialschemeInfo,
+    homevisitreport,
+    materialInfo,
+    cautionerAdd
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      submitdisabled: false,
+      uploadVisible: false,
+      dialogVisible: false,
+      hkxyVisible: false,
+      dbrVisible: false,
+      list: [],
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        billNo: '',
+        collMeasures: [],
+        createByName: '',
+        createBySid: '',
+        createTime: '',
+        deptName: '',
+        deptSid: '',
+        files: [],
+        loanBeCollectionVehDetails: [],
+        nodeSid: '',
+        nodeState: '',
+        orgPath: '',
+        procDefId: '',
+        procInstSid: '',
+        sid: '',
+        taskId: '',
+        useOrgName: '',
+        useOrgSid: '',
+        remarks: ''
+      },
+      accessory: {
+        index: '',
+        policyImages: []
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showAdd(sid) {
+      this.viewTitle = '【新增】催收措施申请'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.init({ orgPath: window.sessionStorage.getItem('defaultOrgPath'), saleVehSid: sid, userSid: window.sessionStorage.getItem('userSid') }).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+        }
+      })
+    },
+    showEdit(row) {
+      this.viewTitle = '【编辑】催收措施申请'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.fetchBySid(row.sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          this.formobj.instanceId = res.data.procInstSid
+          this.collMeasuresChange(this.formobj.collMeasures)
+        }
+      })
+    },
+    collMeasuresChange(val) {
+      if (val.includes('签订还款协议')) {
+        this.hkxyVisible = true
+      }
+      if (val.includes('增加担保人')) {
+        this.dbrVisible = true
+      }
+    },
+    cautionerEdit(row) {
+      this.viewState = 8
+      this.$refs['divCautioner'].showAdd(row.saleVehSid)
+    },
+    // 上传
+    handleUpload(row, index) {
+      this.uploadVisible = true
+      this.accessory.index = index
+      this.accessory.policyImages = row.hkxyFiles
+    },
+    // 确定
+    handleConfirm() {
+      this.formobj.loanBeCollectionVehDetails[this.accessory.index].hkxyFiles = this.accessory.policyImages
+      this.handleColse()
+    },
+    // 取消
+    handleColse() {
+      this.uploadVisible = false
+      this.accessory = {
+        index: '',
+        policyImages: []
+      }
+    },
+    handleLook(row) {
+      this.dialogVisible = true
+      if (row.length > 0) {
+        const aa = []
+        row.forEach((e) => {
+          aa.push(e.url)
+        })
+        this.list = aa
+      }
+    },
+    dataChange(value, row, list) {
+      const choose = list.filter((item) => item.name === value)
+      if (value === '催收记录' && choose[0].sid !== '') {
+        this.viewState = 2
+        this.$refs['divCollection'].showInfo({ saleVehSid: choose[0].sid })
+      } else if (value === '开票信息' && choose[0].sid !== '') {
+        this.viewState = 3
+        this.$refs['divBilling'].showInfo({ kpglSid: choose[0].sid })
+      } else if (value === '月还明细' && choose[0].sid !== '') {
+        this.viewState = 4
+        this.$refs['divMonthlyReturn'].showInfo({ saleVehSid: choose[0].sid })
+      } else if (value === '金融方案' && choose[0].sid !== '') {
+        req.selectDetailss({ businessSid: choose[0].sid }).then((res) => {
+          if (res.success) {
+            this.viewState = 5
+            this.$refs['divFinancial'].showInfo(res.data, '03')
+          }
+        })
+      } else if (value === '家访考察报告' && choose[0].sid !== '') {
+        this.viewState = 6
+        this.$refs['divReport'].showInfo({ kcbgSid: choose[0].sid })
+      } else if (value === '家访考察资料' && choose[0].sid !== '') {
+        this.viewState = 7
+        this.$refs['divMterial'].showInfo({ kczlSid: choose[0].sid })
+      } else {
+
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    saveOrUpdate() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
+          req.saveOrUpdate(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+              this.handleReturn('true')
+            } else {
+              this.submitdisabled = false
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        }
+      })
+    },
+    submit() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
+          req.submit(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '操作成功' })
+              this.handleReturn('true')
+            } else {
+              this.submitdisabled = false
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        }
+      })
+    },
+    handleReturn(isreload) {
+      if (isreload === 'true') this.$emit('reloadlist')
+      this.formobj = {
+        billNo: '',
+        collMeasures: [],
+        createByName: '',
+        createBySid: '',
+        createTime: '',
+        deptName: '',
+        deptSid: '',
+        files: [],
+        loanBeCollectionVehDetails: [],
+        nodeSid: '',
+        nodeState: '',
+        orgPath: '',
+        procDefId: '',
+        procInstSid: '',
+        sid: '',
+        taskId: '',
+        useOrgName: '',
+        useOrgSid: '',
+        remarks: ''
+      }
+      this.list = []
+      this.hkxyVisible = false
+      this.dbrVisible = false
+      this.submitdisabled = false
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.addinputInfo {
+  margin-left: 60px !important;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/collectionmeasures/collectionmeasuresInfo.vue b/anrui-riskcenter-ui/src/views/collectionmeasures/collectionmeasuresInfo.vue
new file mode 100644
index 0000000000..77847e82e1
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/collectionmeasures/collectionmeasuresInfo.vue
@@ -0,0 +1,265 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <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">
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="8">
+              <div class="span-sty">申请部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">措施</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.collMeasures }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">备注</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">附件</div>
+              <el-form-item>
+                <el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.files" :key="index" :src="item" :preview-src-list="formobj.files"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            <div>逾期车辆列表</div>
+          </div>
+          <el-table :key="tableKey" :data="formobj.loanBeCollectionVehDetails" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column prop="vinNo" label="车架号" align="center" />
+            <el-table-column prop="carNum" label="车牌号" align="center" width="100" />
+            <el-table-column prop="custName" label="客户名称" align="center" width="100" />
+            <el-table-column prop="custPhone" label="联系电话" align="center" width="100"/>
+            <el-table-column prop="loanContractNo" label="贷款合同编号" align="center" width="120" />
+            <el-table-column prop="bankName" label="资方" align="center" width="100" />
+            <el-table-column prop="firstBeDate" label="首次逾期日期" align="center" width="120"/>
+            <el-table-column prop="beOverdueMoney" label="逾期金额" align="center" width="100" />
+            <el-table-column prop="beOverduePeriod" label="逾期期数" align="center" width="100" />
+            <el-table-column prop="beOverdueMoneyAndPeriod" label="换算期数" align="center" width="100" />
+            <el-table-column v-if="dbrVisible" label="担保人" align="center" width="140">
+              <template slot-scope="scope">
+                <span class="bluezi" @click="cautionerLook(scope.row)">查看</span>
+              </template>
+            </el-table-column>
+            <el-table-column v-if="hkxyVisible" label="还款协议" align="center" width="140">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.hkxyFiles.length > 0" @click="handleLook(scope.row.hkxyFiles)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="查看相关资料" align="center" width="150">
+              <template slot-scope="scope">
+                <el-select v-model="scope.row.name" @change="dataChange($event, scope.row, scope.row.sids)" placeholder="请选择" clearable>
+                  <el-option v-for="item in scope.row.sids" :key="item.name" :label="item.name" :value="item.name"></el-option>
+                </el-select>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-form>
+      </div>
+    </div>
+    <!-- 查看车辆历史催收记录 -->
+    <vehiclecollectionrecords v-show="viewState == 2" ref="divCollection" @doback="resetState" />
+    <!-- 查看车辆历史催收记录 -->
+    <billingInfo v-show="viewState == 3" ref="divBilling" @doback="resetState" />
+    <!-- 查看月还明细 -->
+    <monthlyreturnInfo v-show="viewState == 4" ref="divMonthlyReturn" @doback="resetState"/>
+    <!-- 查看销售订单--金融方案 -->
+    <financialschemeInfo v-show="viewState == 5" ref="divFinancial" @doback="resetState"/>
+    <!-- 查看家访考察报告 -->
+    <homevisitreport v-show="viewState == 6" ref="divReport" @doback="resetState"/>
+    <!-- 查看家访资料 -->
+    <materialInfo v-show="viewState == 7" ref="divMterial" @doback="resetState"/>
+    <!-- 查看担保人信息 -->
+    <cautionerInfo v-show="viewState == 8" ref="divCautioner" @doback="resetState" />
+    <!-- 还款协议查看 -->
+    <el-dialog :visible.sync="dialogVisible">
+      <el-image style="width: 150px; height: 150px" v-for="(item, index) in list" :key="index" :src="item" :preview-src-list="list"/>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import req from '@/api/collectionmeasures/collectionmeasures'
+import vehiclecollectionrecords from '@/views/overduevehicle/vehiclecollectionrecords'
+import billingInfo from '@/views/overduevehicle/relation/billingInfo'
+import monthlyreturnInfo from '@/views/overduevehicle/relation/monthlyreturnInfo'
+import financialschemeInfo from '@/components/publicPage/financialschemeInfo'
+import homevisitreport from '@/views/overduevehicle/relation/homevisitreport'
+import materialInfo from '@/views/overduevehicle/relation/materialInfo'
+import cautionerInfo from './relation/cautionerInfo'
+
+export default {
+  name: 'CollectionMeasuresInfo',
+  components: {
+    vehiclecollectionrecords,
+    billingInfo,
+    monthlyreturnInfo,
+    financialschemeInfo,
+    homevisitreport,
+    materialInfo,
+    cautionerInfo
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      dialogVisible: false,
+      hkxyVisible: false,
+      dbrVisible: false,
+      list: [],
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        billNo: '',
+        collMeasures: [],
+        createByName: '',
+        createBySid: '',
+        createTime: '',
+        deptName: '',
+        deptSid: '',
+        files: [],
+        loanBeCollectionVehDetails: [],
+        nodeSid: '',
+        nodeState: '',
+        orgPath: '',
+        procDefId: '',
+        procInstSid: '',
+        sid: '',
+        taskId: '',
+        useOrgName: '',
+        useOrgSid: '',
+        remarks: ''
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showInfo(row) {
+      this.viewTitle = '催收措施申请详情'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.fetchBySid(row.sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          this.formobj.collMeasures = this.formobj.collMeasures.join(',')
+          if (this.formobj.collMeasures.indexOf('签订还款协议') !== -1) {
+            this.hkxyVisible = true
+          }
+          if (this.formobj.collMeasures.indexOf('增加担保人') !== -1) {
+            this.dbrVisible = true
+          }
+          if (this.formobj.files.length > 0) {
+            const aa = []
+            this.formobj.files.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.files = aa
+          }
+        }
+      })
+    },
+    cautionerLook(row) {
+      this.viewState = 8
+      this.$refs['divCautioner'].showInfo(row.saleVehSid)
+    },
+    handleLook(row) {
+      this.dialogVisible = true
+      if (row.length > 0) {
+        const aa = []
+        row.forEach((e) => {
+          aa.push(e.url)
+        })
+        this.list = aa
+      }
+    },
+    dataChange(value, row, list) {
+      const choose = list.filter((item) => item.name === value)
+      if (value === '催收记录' && choose[0].sid !== '') {
+        this.viewState = 2
+        this.$refs['divCollection'].showInfo({ saleVehSid: choose[0].sid })
+      } else if (value === '开票信息' && choose[0].sid !== '') {
+        this.viewState = 3
+        this.$refs['divBilling'].showInfo({ kpglSid: choose[0].sid })
+      } else if (value === '月还明细' && choose[0].sid !== '') {
+        this.viewState = 4
+        this.$refs['divMonthlyReturn'].showInfo({ saleVehSid: choose[0].sid })
+      } else if (value === '金融方案' && choose[0].sid !== '') {
+        req.selectDetailss({ businessSid: choose[0].sid }).then((res) => {
+          if (res.success) {
+            this.viewState = 5
+            this.$refs['divFinancial'].showInfo(res.data, '03')
+          }
+        })
+      } else if (value === '家访考察报告' && choose[0].sid !== '') {
+        this.viewState = 6
+        this.$refs['divReport'].showInfo({ kcbgSid: choose[0].sid })
+      } else if (value === '家访考察资料' && choose[0].sid !== '') {
+        this.viewState = 7
+        this.$refs['divMterial'].showInfo({ kczlSid: choose[0].sid })
+      } else {
+
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    handleReturn() {
+      this.formobj = {
+        billNo: '',
+        collMeasures: [],
+        createByName: '',
+        createBySid: '',
+        createTime: '',
+        deptName: '',
+        deptSid: '',
+        files: [],
+        loanBeCollectionVehDetails: [],
+        nodeSid: '',
+        nodeState: '',
+        orgPath: '',
+        procDefId: '',
+        procInstSid: '',
+        sid: '',
+        taskId: '',
+        useOrgName: '',
+        useOrgSid: '',
+        remarks: ''
+      }
+      this.list = []
+      this.hkxyVisible = false
+      this.dbrVisible = false
+      this.submitdisabled = false
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.addinputInfo {
+  margin-left: 60px !important;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/collectionmeasures/relation/cautionerAdd.vue b/anrui-riskcenter-ui/src/views/collectionmeasures/relation/cautionerAdd.vue
new file mode 100644
index 0000000000..0e8ed3887b
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/collectionmeasures/relation/cautionerAdd.vue
@@ -0,0 +1,198 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">保存</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">
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="12">
+              <div class="span-sty"><span class="icon">*</span>姓名</div>
+              <el-form-item><el-input v-model="formobj.peoName" clearable placeholder="" class="addinputInfo addinputw" /></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty"><span class="icon">*</span>身份证号码</div>
+              <el-form-item><el-input v-model="formobj.idNumber" clearable placeholder="" class="addinputInfo addinputw" /></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty"><span class="icon">*</span>手机号码</div>
+              <el-form-item><el-input v-model="formobj.mobile" clearable placeholder="" class="addinputInfo addinputw" /></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">职业</div>
+              <el-form-item>
+                <el-select class="addinputInfo" v-model="formobj.peoCareerKey" @change="careerTypeChange" placeholder="请选择" filterable>
+                  <el-option v-for="item in careerType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">户籍地址</div>
+              <el-form-item><el-input v-model="formobj.peoDomAddress" clearable placeholder="" class="addinputInfo addinputw" /></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">现住址</div>
+              <el-form-item><el-input v-model="formobj.peoPreAddress" clearable placeholder="" class="addinputInfo addinputw" /></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">工作单位</div>
+              <el-form-item><el-input v-model="formobj.workUnit" clearable placeholder="" class="addinputInfo addinputw" /></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">附件</div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">身份证正反面</div>
+              <el-form-item>
+                <upload-img ref="uploadImg" class="addinputInfo" v-model="formobj.sfzFiles" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">担保协议</div>
+              <el-form-item>
+                <upload-img ref="uploadImg" class="addinputInfo" v-model="formobj.dbxyFiles" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">其他</div>
+              <el-form-item>
+                <upload-img ref="uploadImg" class="addinputInfo" v-model="formobj.qtFiles" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/collectionmeasures/collectionmeasures'
+import uploadImg from '@/components/uploadFile/uploadImg'
+import { typeValues } from '@/api/Common/dictcommons'
+
+export default {
+  name: 'CautionerAdd',
+  components: {
+    uploadImg
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      submitdisabled: false,
+      careerType_list: {},
+      formobj: {
+        dbxyFiles: [],
+        idNumber: '',
+        mainSid: '',
+        mobile: '',
+        peoCareerKey: '',
+        peoCareerValue: '',
+        peoDomAddress: '',
+        peoName: '',
+        peoPreAddress: '',
+        peoType: '',
+        peoTypeKey: '',
+        workUnit: '',
+        qtFiles: [],
+        saleVehSid: '',
+        sfzFiles: [],
+        sid: ''
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showAdd(sid) {
+      typeValues({ type: 'careerType' }).then((res) => {
+        if (res.success) {
+          this.careerType_list = res.data
+        }
+      })
+      this.viewTitle = '担保人'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.initDbr({ saleVehSid: sid }).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+        }
+      })
+    },
+    careerTypeChange(value) {
+      const choose = this.careerType_list.filter((item) => item.dictKey === value)
+      if (choose.length > 0 && choose !== null) {
+        this.formobj.peoCareerValue = choose[0].dictValue
+      } else {
+        this.formobj.peoCareerValue = ''
+      }
+    },
+    saveOrUpdate() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
+          req.saveDbr(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '操作成功' })
+              this.handleReturn()
+            } else {
+              this.submitdisabled = false
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        }
+      })
+    },
+    handleReturn() {
+      this.formobj = {
+        dbxyFiles: [],
+        idNumber: '',
+        mainSid: '',
+        mobile: '',
+        peoCareerKey: '',
+        peoCareerValue: '',
+        peoDomAddress: '',
+        peoName: '',
+        peoPreAddress: '',
+        peoType: '',
+        peoTypeKey: '',
+        workUnit: '',
+        qtFiles: [],
+        saleVehSid: '',
+        sfzFiles: [],
+        sid: ''
+      }
+      this.submitdisabled = false
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 140px !important;
+}
+.addinputInfo {
+  margin-left: 130px !important;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/collectionmeasures/relation/cautionerInfo.vue b/anrui-riskcenter-ui/src/views/collectionmeasures/relation/cautionerInfo.vue
new file mode 100644
index 0000000000..924eb306e4
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/collectionmeasures/relation/cautionerInfo.vue
@@ -0,0 +1,173 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <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">
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="12">
+              <div class="span-sty">姓名</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.peoName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">身份证号码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.idNumber }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">手机号码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.mobile }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">职业</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.peoCareerValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">户籍地址</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.peoDomAddress }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">现住址</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.peoPreAddress }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">工作单位</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.workUnit }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">附件</div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">身份证正反面</div>
+              <el-form-item>
+                <el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.sfzFiles" :key="index" :src="item" :preview-src-list="formobj.sfzFiles"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">担保协议</div>
+              <el-form-item>
+                <el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.dbxyFiles" :key="index" :src="item" :preview-src-list="formobj.dbxyFiles"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">其他</div>
+              <el-form-item>
+                <el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.qtFiles" :key="index" :src="item" :preview-src-list="formobj.qtFiles"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/collectionmeasures/collectionmeasures'
+
+export default {
+  name: 'CautionerInfo',
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      formobj: {
+        dbxyFiles: [],
+        idNumber: '',
+        mainSid: '',
+        mobile: '',
+        peoCareerKey: '',
+        peoCareerValue: '',
+        peoDomAddress: '',
+        peoName: '',
+        peoPreAddress: '',
+        peoType: '',
+        peoTypeKey: '',
+        workUnit: '',
+        qtFiles: [],
+        saleVehSid: '',
+        sfzFiles: [],
+        sid: ''
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showInfo(sid) {
+      this.viewTitle = '担保人'
+      req.initDbr({ saleVehSid: sid }).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          if (this.formobj.sfzFiles.length > 0) {
+            const aa = []
+            this.formobj.sfzFiles.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.sfzFiles = aa
+          }
+          if (this.formobj.dbxyFiles.length > 0) {
+            const bb = []
+            this.formobj.dbxyFiles.forEach((e) => {
+              bb.push(e.url)
+            })
+            this.formobj.dbxyFiles = bb
+          }
+          if (this.formobj.qtFiles.length > 0) {
+            const cc = []
+            this.formobj.qtFiles.forEach((e) => {
+              cc.push(e.url)
+            })
+            this.formobj.qtFiles = cc
+          }
+        }
+      })
+    },
+    handleReturn() {
+      this.formobj = {
+        dbxyFiles: [],
+        idNumber: '',
+        mainSid: '',
+        mobile: '',
+        peoCareerKey: '',
+        peoCareerValue: '',
+        peoDomAddress: '',
+        peoName: '',
+        peoPreAddress: '',
+        peoType: '',
+        peoTypeKey: '',
+        workUnit: '',
+        qtFiles: [],
+        saleVehSid: '',
+        sfzFiles: [],
+        sid: ''
+      }
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 140px !important;
+}
+.addinputInfo {
+  margin-left: 130px !important;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/overduevehicle/overduevehicle.vue b/anrui-riskcenter-ui/src/views/overduevehicle/overduevehicle.vue
new file mode 100644
index 0000000000..de72d16ccf
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/overduevehicle/overduevehicle.vue
@@ -0,0 +1,377 @@
+<template>
+  <div class="app-container">
+    <!--列表页面-->
+    <div v-show="viewState == 1">
+      <button-bar view-title="逾期车辆列表" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <!--Start查询列表部分-->
+      <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" label-width="110px" class="tab-header">
+              <el-form-item label="分公司">
+                <el-input v-model="listQuery.params.useOrgName" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="销售部门">
+                <el-input v-model="listQuery.params.dept" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="贷款合同编号">
+                <el-input v-model="listQuery.params.loanContractNo" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="贷款人">
+                <el-input v-model="listQuery.params.borrowerName" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="车架号">
+                <el-input v-model="listQuery.params.vinNo" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="车牌号">
+                <el-input v-model="listQuery.params.carNum" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="资方">
+                <el-input v-model="listQuery.params.bankName" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="资方合同编号">
+                <el-input v-model="listQuery.params.bankContractNo" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="逾期期数">
+                <el-input v-model="listQuery.params.beOverduePeriod" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="逾期金额">
+                <el-input v-model="listQuery.params.beOverdueMoney" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="转换期数">
+                <el-input v-model="listQuery.params.beOverdueMoneyAndPeriod" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="最近催收日期">
+                <el-date-picker v-model="listQuery.params.collectionStartDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
+                <span style="padding: 0 8px">至</span>
+                <el-date-picker v-model="listQuery.params.collectionEndDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
+              </el-form-item>
+              <el-form-item label="风控专员">
+                <el-input v-model="listQuery.params.riskStaffName" placeholder="" clearable/>
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
+              <el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <!--End查询列表部分-->
+        <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>
+        <!--Start 主页面主要部分 -->
+        <div class="">
+          <el-table :key="tableKey" v-loading="listLoading" :data="list" :border="true" style="width: 100%;" @selection-change="handleSelectionChange">
+            <el-table-column type="selection" align="center" width="50"/>
+            <el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center"/>
+            <el-table-column prop="useOrgName" label="分公司" align="center" width="110"/>
+            <el-table-column prop="dept" label="销售部门" align="center" width="100"/>
+            <el-table-column prop="loanContractNo" label="贷款合同编号" align="center" width="165"/>
+            <el-table-column prop="borrowerName" label="贷款人" align="center" width="100"/>
+            <el-table-column prop="vinNo" label="车架号" align="center" width="100"/>
+            <el-table-column prop="carNum" label="车牌号" align="center" width="100"/>
+            <el-table-column prop="bankName" label="资方" align="center" min-width="100"/>
+            <el-table-column prop="bankContractNo" label="资方合同编号" align="center" width="150"/>
+            <el-table-column prop="dueMoney" label="资方月还" align="center" width="100"/>
+            <el-table-column prop="beOverduePeriod" label="逾期期数" align="center" width="100"/>
+            <el-table-column prop="beOverdueMoney" label="逾期金额" align="center" width="100"/>
+            <el-table-column prop="beOverdueMoneyAndPeriod" label="换算期数" align="center" width="100"/>
+            <el-table-column prop="advMoney" label="垫款金额" align="center" width="100"/>
+            <el-table-column prop="fundPossCostMoney" label="资金占用费" align="center" width="100"/>
+            <el-table-column prop="bankCardRemark" label="最近催收日期" align="center" width="110">
+              <template slot-scope="scope">
+                <span class="bluezi" @click="lookCollection(scope.row)">{{ scope.row.createTime }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="bankCardRemark" label="处置记录" align="center" width="90">
+              <template>
+                <span class="bluezi">查看</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="riskStaffUserName" label="风控专员" align="center" width="100"/>
+          </el-table>
+        </div>
+        <!--End 主页面主要部分-->
+        <div class="pages">
+          <div class="tit"/>
+          <!-- 翻页 -->
+          <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+        <!--End查询列表部分-->
+      </div>
+    </div>
+    <el-dialog title="分配风控专员" :visible.sync="dialogVisible" width="30%" :show-close="false">
+      <el-form class="formadd" v-model="formobj">
+        <el-row style="border-top: 1px solid #E0E3EB">
+          <el-col :span="24">
+            <el-select v-model="formobj.userSid" placeholder="请选择" clearable filterable>
+              <el-option v-for="item in user_list" :key="item.sid" :label="item.name" :value="item.sid"></el-option>
+            </el-select>
+          </el-col>
+        </el-row>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" size="small" @click="handleConfirm()">确定</el-button>
+        <el-button size="small" @click="dialogVisible = false">关闭</el-button>
+      </span>
+    </el-dialog>
+    <!-- 查看车辆历史催收记录 -->
+    <vehiclecollectionrecords v-show="viewState == 2" ref="divRecords" @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/overduevehicle/overduevehicle'
+import { getButtonPermissions, selAllByOrgSidPath } from '@/api/Common/dictcommons'
+import vehiclecollectionrecords from './vehiclecollectionrecords'
+
+export default {
+  name: 'OverdueVehicle',
+  components: {
+    Pagination,
+    pageye,
+    ButtonBar,
+    vehiclecollectionrecords
+  },
+  data() {
+    return {
+      btndisabled: false,
+      dialogVisible: false,
+      btnList: [
+        {
+          type: 'primary',
+          size: 'small',
+          icon: '',
+          btnKey: 'toUndistributed',
+          btnLabel: '未分配'
+        },
+        {
+          type: 'primary',
+          size: 'small',
+          icon: '',
+          btnKey: 'toAllot',
+          btnLabel: '分配风控人员'
+        },
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ],
+      isSearchShow: false,
+      searchxianshitit: '显示查询条件',
+      viewState: 1, // 1、列表 2、新增 3、编辑 4、查看
+      tableKey: 0,
+      list: [],
+      sids: [], // 用于导出的时候保存已选择的SIDs
+      user_list: [],
+      FormLoading: false,
+      listLoading: false,
+      // 翻页
+      listQuery: {
+        current: 1,
+        size: 10,
+        total: 0,
+        params: {
+          bankContractNo: '',
+          bankName: '',
+          beOverdueMoney: '',
+          beOverdueMoneyAndPeriod: '',
+          beOverduePeriod: '',
+          borrowerName: '',
+          carNum: '',
+          dept: '',
+          loanContractNo: '',
+          menuSid: '',
+          menuUrl: '',
+          orgPath: '',
+          riskStaffName: '',
+          useOrgName: '',
+          userSid: '',
+          vinNo: '',
+          collectionStartDate: '',
+          collectionEndDate: '',
+          isFP: false
+        }
+      },
+      // 分配风控专员参数
+      formobj: {
+        saleVehSids: [],
+        userSid: ''
+      }
+    }
+  },
+  created() {
+    // 初始化变量
+    this.getList()
+  },
+  mounted() {
+    getButtonPermissions({ userSid: window.sessionStorage.getItem('userSid'), url: this.$route.path, type: 0 }).then((res) => {
+      if (res.success) {
+        for (var i = 0; i < res.data.length; i++) {
+          for (var k = 0; k < this.btnList.length; k++) {
+            if (res.data[i].buttonId === this.btnList[k].btnKey) {
+              this.btnList.splice(k, 1)
+            }
+          }
+        }
+        this.$refs['btnbar'].setButtonList(this.btnList)
+      }
+    })
+  },
+  methods: {
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    btnHandle(btnKey) {
+      console.log('XXXXXXXXXXXXXXX    ' + btnKey)
+      switch (btnKey) {
+         case 'toUndistributed':
+           this.toUndistributed()
+           break
+        case 'toAllot':
+          this.toAllot()
+          break
+        case 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
+    },
+    // 信息条数 获取点击时当前的sid
+    handleSelectionChange(row) {
+      const aa = []
+      const bb = []
+      row.forEach(element => {
+        aa.push(element.sid)
+        bb.push(element.saleVehSid)
+      })
+      this.sids = aa
+      this.formobj.saleVehSids = bb
+    },
+    // 表中序号
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      this.listQuery.params.userSid = window.sessionStorage.getItem('userSid')
+      this.listQuery.params.orgPath = window.sessionStorage.getItem('defaultOrgPath')
+      this.listQuery.params.menuUrl = this.$route.path
+      req.listPage(this.listQuery).then(response => {
+        this.listLoading = false
+        if (response.success) {
+          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 = {
+        current: 1,
+        size: 10,
+        total: 0,
+        params: {
+          bankContractNo: '',
+          bankName: '',
+          beOverdueMoney: '',
+          beOverdueMoneyAndPeriod: '',
+          beOverduePeriod: '',
+          borrowerName: '',
+          carNum: '',
+          dept: '',
+          loanContractNo: '',
+          menuSid: '',
+          menuUrl: '',
+          orgPath: '',
+          riskStaffName: '',
+          useOrgName: '',
+          userSid: '',
+          vinNo: '',
+          collectionStartDate: '',
+          collectionEndDate: '',
+          isFP: false
+        }
+      }
+      this.getList()
+    },
+    // 查看车辆历史催收记录
+    lookCollection(row) {
+      this.viewState = 2
+      this.$refs['divRecords'].showInfo(row)
+    },
+    // 查询所有未分配记录
+    toUndistributed() {
+      this.listQuery.params.isFP = true
+      this.getList()
+    },
+    // 分配风控人员
+    toAllot() {
+      if (this.formobj.saleVehSids.length > 0) {
+        this.dialogVisible = true
+        selAllByOrgSidPath({ orgSidPath: window.sessionStorage.getItem('defaultOrgPath') }).then((resp) => {
+          if (resp.success) {
+            this.user_list = resp.data
+          }
+        })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '请至少选择一条记录进行操作' })
+      }
+    },
+    // 确定分配风控人员
+    handleConfirm() {
+      if (this.formobj.userSid !== '') {
+        req.save(this.formobj).then((res) => {
+          if (res.success) {
+            this.$message({ showClose: true, type: 'success', message: '分配成功' })
+            this.formobj = {
+              saleVehSids: [],
+              userSid: ''
+            }
+            this.dialogVisible = false
+            this.getList()
+          }
+        })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '请选择风控人员' })
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    doClose() {
+      this.$store.dispatch('tagsView/delView', this.$route)
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+<style scoped>
+</style>
diff --git a/anrui-riskcenter-ui/src/views/overduevehicle/overduevehicleByRisk.vue b/anrui-riskcenter-ui/src/views/overduevehicle/overduevehicleByRisk.vue
new file mode 100644
index 0000000000..0e9587185b
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/overduevehicle/overduevehicleByRisk.vue
@@ -0,0 +1,334 @@
+<template>
+  <div class="app-container">
+    <!--列表页面-->
+    <div v-show="viewState == 1">
+      <button-bar view-title="逾期客户列表" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <!--Start查询列表部分-->
+      <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" label-width="110px" class="tab-header">
+              <el-form-item label="分公司">
+                <el-input v-model="listQuery.params.useOrgName" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="销售部门">
+                <el-input v-model="listQuery.params.dept" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="贷款合同编号">
+                <el-input v-model="listQuery.params.loanContractNo" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="贷款人">
+                <el-input v-model="listQuery.params.borrowerName" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="车架号">
+                <el-input v-model="listQuery.params.vinNo" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="车牌号">
+                <el-input v-model="listQuery.params.carNum" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="资方">
+                <el-input v-model="listQuery.params.bankName" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="资方合同编号">
+                <el-input v-model="listQuery.params.bankContractNo" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="逾期期数">
+                <el-input v-model="listQuery.params.beOverduePeriod" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="逾期金额">
+                <el-input v-model="listQuery.params.beOverdueMoney" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="转换期数">
+                <el-input v-model="listQuery.params.beOverdueMoneyAndPeriod" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="最近催收日期">
+                <el-date-picker v-model="listQuery.params.collectionStartDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
+                <span style="padding: 0 8px">至</span>
+                <el-date-picker v-model="listQuery.params.collectionEndDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
+              <el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <!--End查询列表部分-->
+        <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>
+        <!--Start 主页面主要部分 -->
+        <div class="">
+          <el-table :key="tableKey" v-loading="listLoading" :data="list" :border="true" style="width: 100%;" @selection-change="handleSelectionChange">
+            <el-table-column type="selection" align="center" width="50"/>
+            <el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center"/>
+            <el-table-column prop="useOrgName" label="分公司" align="center" width="110"/>
+            <el-table-column prop="dept" label="销售部门" align="center" width="100"/>
+            <el-table-column prop="loanContractNo" label="贷款合同编号" align="center" width="165"/>
+            <el-table-column prop="borrowerName" label="贷款人" align="center" width="100"/>
+            <el-table-column prop="vinNo" label="车架号" align="center" width="100"/>
+            <el-table-column prop="carNum" label="车牌号" align="center" width="100"/>
+            <el-table-column prop="bankName" label="资方" align="center" min-width="100"/>
+            <el-table-column prop="bankContractNo" label="资方合同编号" align="center" width="150"/>
+            <el-table-column prop="dueMoney" label="资方月还" align="center" width="100"/>
+            <el-table-column prop="beOverduePeriod" label="逾期期数" align="center" width="100"/>
+            <el-table-column prop="beOverdueMoney" label="逾期金额" align="center" width="100"/>
+            <el-table-column prop="beOverdueMoneyAndPeriod" label="换算期数" align="center" width="100"/>
+            <el-table-column prop="advMoney" label="垫款金额" align="center" width="100"/>
+            <el-table-column prop="fundPossCostMoney" label="资金占用费" align="center" width="100"/>
+            <el-table-column prop="bankCardRemark" label="最近催收日期" align="center" width="110">
+              <template slot-scope="scope">
+                <span class="bluezi" @click="lookCollection(scope.row)">{{ scope.row.createTime }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="bankCardRemark" label="处置记录" align="center" width="90">
+              <template>
+                <span class="bluezi">查看</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="riskStaffUserName" label="风控专员" align="center" width="100"/>
+          </el-table>
+        </div>
+        <!--End 主页面主要部分-->
+        <div class="pages">
+          <div class="tit"/>
+          <!-- 翻页 -->
+          <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+        <!--End查询列表部分-->
+      </div>
+    </div>
+    <!-- 车辆催收录入 -->
+    <vehiclecollectionentry v-show="viewState == 2" ref="divVehicle" @doback="resetState" @reloadlist="getList"/>
+    <!-- 新增催收措施申请 -->
+    <collectionmeasuresAdd v-show="viewState == 3" ref="divCollection" @doback="resetState" @reloadlist="getList"/>
+    <!-- 查看车辆历史催收记录 -->
+    <vehiclecollectionrecords v-show="viewState == 4" ref="divRecords" @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/overduevehicle/overduevehicle'
+import vehiclecollectionentry from './vehiclecollectionentry'
+import collectionmeasuresAdd from '../collectionmeasures/collectionmeasuresAdd'
+import vehiclecollectionrecords from './vehiclecollectionrecords'
+
+export default {
+  name: 'OverdueVehicleByRisk',
+  components: {
+    Pagination,
+    pageye,
+    ButtonBar,
+    vehiclecollectionentry,
+    collectionmeasuresAdd,
+    vehiclecollectionrecords
+  },
+  data() {
+    return {
+      btndisabled: false,
+      btnList: [
+        {
+          type: 'primary',
+          size: 'small',
+          icon: '',
+          btnKey: 'toCollection',
+          btnLabel: '催收'
+        },
+        {
+          type: 'primary',
+          size: 'small',
+          icon: '',
+          btnKey: 'toCollectionMeasures',
+          btnLabel: '催收措施申请'
+        },
+        {
+          type: 'primary',
+          size: 'small',
+          icon: '',
+          btnKey: 'toUnlock',
+          btnLabel: '解锁申请'
+        },
+        {
+          type: 'primary',
+          size: 'small',
+          icon: '',
+          btnKey: 'toReturn',
+          btnLabel: '车辆交回申请'
+        },
+        {
+          type: 'primary',
+          size: 'small',
+          icon: '',
+          btnKey: 'doDel',
+          btnLabel: '导出'
+        },
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ],
+      isSearchShow: false,
+      searchxianshitit: '显示查询条件',
+      viewState: 1, // 1、列表 2、新增 3、编辑 4、查看
+      tableKey: 0,
+      list: [],
+      sids: [], // 用于导出的时候保存已选择的SIDs
+      FormLoading: false,
+      listLoading: false,
+      // 翻页
+      listQuery: {
+        current: 1,
+        size: 10,
+        total: 0,
+        params: {
+          bankContractNo: '',
+          bankName: '',
+          beOverdueMoney: '',
+          beOverdueMoneyAndPeriod: '',
+          beOverduePeriod: '',
+          borrowerName: '',
+          carNum: '',
+          dept: '',
+          loanContractNo: '',
+          useOrgName: '',
+          userSid: '',
+          vinNo: '',
+          collectionStartDate: '',
+          collectionEndDate: ''
+        }
+      }
+    }
+  },
+  created() {
+    // 初始化变量
+    this.getList()
+  },
+  mounted() {
+    this.$refs['btnbar'].setButtonList(this.btnList)
+  },
+  methods: {
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    btnHandle(btnKey) {
+      console.log('XXXXXXXXXXXXXXX    ' + btnKey)
+      switch (btnKey) {
+        case 'toCollection':
+          this.toCollection()
+          break
+        case 'toCollectionMeasures':
+          this.toCollectionMeasures()
+          break
+        case 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
+    },
+    // 信息条数 获取点击时当前的sid
+    handleSelectionChange(row) {
+      const aa = []
+      row.forEach(element => {
+        aa.push(element.saleVehSid)
+      })
+      this.sids = aa
+    },
+    // 表中序号
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      this.listQuery.params.userSid = window.sessionStorage.getItem('userSid')
+      req.riskListPage(this.listQuery).then(response => {
+        this.listLoading = false
+        if (response.success) {
+          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 = {
+        current: 1,
+        size: 10,
+        total: 0,
+        params: {
+          bankContractNo: '',
+          bankName: '',
+          beOverdueMoney: '',
+          beOverdueMoneyAndPeriod: '',
+          beOverduePeriod: '',
+          borrowerName: '',
+          carNum: '',
+          dept: '',
+          loanContractNo: '',
+          useOrgName: '',
+          userSid: '',
+          vinNo: '',
+          collectionStartDate: '',
+          collectionEndDate: ''
+        }
+      }
+      this.getList()
+    },
+    // 查看车辆历史催收记录
+    lookCollection(row) {
+      this.viewState = 4
+      this.$refs['divRecords'].showInfo(row)
+    },
+    toCollection() {
+      if (this.sids.length === 1) {
+        this.viewState = 2
+        this.$refs['divVehicle'].showEdit(this.sids[0])
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '请选择一条记录进行催收操作' })
+      }
+    },
+    toCollectionMeasures() {
+      if (this.sids.length === 1) {
+        this.viewState = 3
+        this.$refs['divCollection'].showAdd(this.sids[0])
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '请选择一条记录进行催收操作' })
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    doClose() {
+      this.$store.dispatch('tagsView/delView', this.$route)
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+<style scoped>
+</style>
diff --git a/anrui-riskcenter-ui/src/views/overduevehicle/relation/billingInfo.vue b/anrui-riskcenter-ui/src/views/overduevehicle/relation/billingInfo.vue
new file mode 100644
index 0000000000..a4d0720fc0
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/overduevehicle/relation/billingInfo.vue
@@ -0,0 +1,267 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <!--标题-->
+        <div>{{ viewTitle }}</div>
+        <!--start 添加修改按钮-->
+        <div>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div class="listconadd">
+        <div class="titwu">发票信息</div>
+        <el-form ref="form_obj" v-model="formobj" :rules="rules" class="formaddcopy02">
+<!--          <el-row style="border-left: 0px">-->
+<!--            <el-col :span="24" style="border-right: 0px;text-align: right">-->
+<!--              <el-button type="primary" size="small" @click="handleLook">查看收款情况</el-button>-->
+<!--            </el-col>-->
+<!--          </el-row>-->
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="16">
+              <div class="span-sty">开票单位</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.invoiceTitle }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.contractNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">车架号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinNo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">业务状态</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.businessState }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">是否领票</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.isTakeTicket }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">发票状态</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.billingState }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">开票类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.invoiceType }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.invoiceAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.drawer }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">发票号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.invoiceNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">发票代码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.invoiceCode }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">接收人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.recipient }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">接收日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.transferTime }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">移交状态</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.transferState }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">移交备注</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.transferRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">发票照片</div>
+              <el-form-item>
+                <div class="addinputInfo">
+                  <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in formobj.filePaths" :key="index" :src="item" :preview-src-list="formobj.filePaths"></el-image>
+                </div>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">开票申请附件</div>
+              <el-form-item>
+                <div class="addinputInfo">
+                  <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in formobj.billingFilePaths" :key="index" :src="item" :preview-src-list="formobj.billingFilePaths"></el-image>
+                </div>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">合格证</div>
+              <el-form-item>
+                <div class="addinputInfo">
+                  <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in formobj.certificatePaths" :key="index" :src="item" :preview-src-list="formobj.certificatePaths"></el-image>
+                </div>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">开票信息</div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">开票名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.invoicingName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">纳税人识别号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.taxpayerNo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">地址</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.address }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.telPhone }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">开户行</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.openingBank }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">银行账号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bankNum }}</span></el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <!-- 查看收款情况 -->
+<!--    <coupon v-show="viewState == 2" ref="divLook" @doback="resetState"/>-->
+  </div>
+</template>
+
+<script>
+import req from '@/api/overduevehicle/overduevehicle'
+// import coupon from './relation/coupon'
+
+export default {
+  name: 'BillingInfo',
+  // components: {
+  //   coupon
+  // },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      formobj: {
+        sid: '',
+        invoiceTitle: '',
+        contractNo: '',
+        customerName: '',
+        invoiceType: '',
+        invoiceAmount: '',
+        billingState: '',
+        invoicingName: '',
+        name: '',
+        createTime: '',
+        invoiceNo: '',
+        invoiceCode: '',
+        businessState: '',
+        isTakeTicket: '',
+        drawer: '',
+        filePaths: [],
+        billingFilePaths: [],
+        certificatePaths: [],
+        vinNo: '',
+        vehicleSid: ''
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showInfo(row) {
+      this.viewTitle = '发票信息'
+      req.fetchSidByBilling(row.kpglSid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+        }
+      })
+    },
+    // handleLook() {
+    //   this.viewState = 2
+    //   this.$refs['divLook'].showInfo(this.formobj.contractNo, { vinSid: this.formobj.vehicleSid })
+    // },
+    // resetState() {
+    //   this.viewState = 1
+    // },
+    handleReturn() {
+      this.formobj = {
+        sid: '',
+        invoiceTitle: '',
+        contractNo: '',
+        customerName: '',
+        invoiceType: '',
+        invoiceAmount: '',
+        billingState: '',
+        invoicingName: '',
+        name: '',
+        createTime: '',
+        invoiceNo: '',
+        invoiceCode: '',
+        businessState: '',
+        isTakeTicket: '',
+        drawer: '',
+        filePaths: [],
+        billingFilePaths: [],
+        certificatePaths: [],
+        vinNo: '',
+        vehicleSid: ''
+      }
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 100px !important;
+}
+.addinputInfo {
+  margin-left: 90px !important;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/overduevehicle/relation/homevisitreport.vue b/anrui-riskcenter-ui/src/views/overduevehicle/relation/homevisitreport.vue
new file mode 100644
index 0000000000..eee98f0d49
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/overduevehicle/relation/homevisitreport.vue
@@ -0,0 +1,494 @@
+<template>
+  <div class="app-container">
+    <div class="tab-header webtop">
+      <div>{{ viewTitle }}</div>
+      <div>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+      </div>
+    </div>
+    <div class="listconadd">
+      <el-form ref="form_obj" :model="formobj" class="formaddcopy02">
+<!--        <div class="title">客户信息</div>-->
+        <div class="title">借款人</div>
+        <el-row style="border-top: 1px solid #e0e3eb">
+          <el-col :span="8">
+            <div class="span-sty"><span>借款人姓名</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.borrowerName }}<span v-show="formobj.isConfirmRealBuyer">(实际购车人)</span></span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">身份证号</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.borrowerIdNumber }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">电话</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.borrowerMobile }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty"><span>借款人职业</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.borrowerCareerValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">婚姻情况</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.maritalStatusValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">有无子女</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.isChildrenValue }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24" class="tlineheightb">
+            <div class="span-sty"><span>借款人户籍地址</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.borrowerDomAddress }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24" class="tlineheightb">
+            <div class="span-sty"><span>借款人现住址</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.borrowerPreAddress }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty"><span>银行卡号</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.bankCardNo }}</span></el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <div class="span-sty">开户行</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.depositBank }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty"><span>银行卡照片</span></div>
+            <el-form-item>
+              <el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.yhkImages" :key="index" :src="item" :preview-src-list="formobj.yhkImages"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">配偶</div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty"><span>配偶姓名</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.spouseName }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">身份证号</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.spouseIdNumber }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">电话</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.spouseMobile }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty"><span>配偶职业</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.spouseCareerValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8" class="tlineheightb">
+            <div class="span-sty">户籍地址</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.spouseDomAddress }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8" class="tlineheightb">
+            <div class="span-sty">现住址</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.spousePreAddress }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">其他人员</div>
+        <el-table :key="tableKey" :data="formobj.loanHomevisitInvestigateOtherpeoDetailsPCVoList" :index="index" border style="width: 100%">
+          <el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center"/>
+          <el-table-column prop="peoType" label="人员身份" align="center" width="130"/>
+          <el-table-column prop="peoName" label="姓名" align="center" width="100"/>
+          <el-table-column prop="idNumber" label="身份证号码" align="center" width="170"/>
+          <el-table-column prop="mobile" label="电话" align="center" width="130"/>
+          <el-table-column prop="peoDomAddress" label="现住址" header-align="center" align="left"/>
+          <el-table-column prop="workUnit" label="工作单位" header-align="center" align="left"/>
+          <el-table-column prop="peoCareerValue" label="职业" align="center" width="100"/>
+        </el-table>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty"><span>紧急联系人</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.emergencyContact }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">电话</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.emergencyMobile }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">关系</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.relationshipValue }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">订单信息</div>
+        <el-row>
+          <el-col :span="8" class="tlineheightb">
+            <div class="span-sty"><span>车辆信息确认</span></div>
+            <el-form-item><span class="addinputInfo">现场询问客户车辆信息是否与订单一致</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item><span class="addinputInfo">{{ formobj.carConfirm }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8" class="tlineheightb">
+            <div class="span-sty">备注</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.carRemarks }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8" class="tlineheightb">
+            <div class="span-sty"><span>金融方案信息确认</span></div>
+            <el-form-item><span class="addinputInfo">现场询问客户金融方案信息是否与订单一致</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item><span class="addinputInfo">{{ formobj.finConfirm }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8" class="tlineheightb">
+            <div class="span-sty">备注</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.finRemarks }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty"><span>金融方案信息确认</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.finDownPay }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item><span class="addinputInfo">{{ formobj.finConfirm }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8" class="tlineheightb">
+            <div class="span-sty">备注</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.finDownPayRemarks }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">营运经历</div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty"><span>行业年限</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.industryYears }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty"><span>驾驶证类型</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.driveProTypeValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8" class="tlineheightb">
+            <div class="span-sty">以往营运方式</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.beforeOpeTypeValue }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">运输信息</div>
+        <el-row>
+          <el-col :span="8" class="tlineheightb">
+            <div class="span-sty"><span>运输路线</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.transportRoute }}</span></el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <div class="span-sty"><span>运输方式</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.transportTypeValue }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty"><span>运输货物(去程)</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.transportGoodsTrip }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty"><span>运输货物(回程)</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.transportGoodsRetTrip }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">来回里程</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.roundTripMileage }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty"><span>载重(吨)</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.deadWeight }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty"><span>每月/趟</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.monthlyTrip }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">每趟/元</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.perTripYuan }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty"><span>每趟油耗</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.fuelConsumptionPerTrip }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty"><span>司机工资</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.driverSalary }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">过路费</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.toll }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty"><span>维修保养</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.maintenance }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty"><span>预期收益</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.expectedRevenue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">净收入</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.netIncome }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">资产情况</div>
+        <el-row v-if="formobj.isRealEstate">
+          <el-col :span="8">
+            <div class="span-sty"><span style="margin-right: 5px">房产</span><span>产权类型</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.propertyType == '1' ? '商品房' : formobj.propertyType == '2' ? '商铺' : formobj.propertyType == '3' ? '集体': ''}}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty"><span>贷款情况</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.realLoanSituation }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">备注</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.realRemarks }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row v-if="formobj.isCar">
+          <el-col :span="8">
+            <div class="span-sty"><span style="margin-right: 5px">车辆</span><span>车辆类型</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.carType == '1' ? '商用车' : formobj.carType == '2' ? '轿车' : '' }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty"><span>贷款情况</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.carLoanSituation }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">备注</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.zcCarRemarks }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty"><span>首付来源</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.downPaySourceValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <div class="span-sty"><span>其他收入来源</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.otherSourceValue }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">考察意见及结果</div>
+        <el-row>
+          <el-col :span="24" class="tlineheightb">
+            <div class="span-sty"><span>考察意见</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty"><span>考察结果</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/overduevehicle/overduevehicle'
+export default {
+  name: 'HomeVisitReport',
+  data() {
+    return {
+      viewTitle: '',
+      tableKey: 1,
+      index: 0,
+      formobj: {
+        bankCardNo: '',
+        beforeOpeTypeValue: '',
+        borrowerCareerValue: '',
+        borrowerDomAddress: '',
+        borrowerIdNumber: '',
+        borrowerMobile: '',
+        borrowerName: '',
+        borrowerPreAddress: '',
+        carConfirm: '',
+        carLoanSituation: '',
+        carRemarks: '',
+        carType: 0,
+        deadWeight: '',
+        depositBank: '',
+        downPaySourceValue: '',
+        driveProTypeValue: '',
+        driverSalary: '',
+        emergencyContact: '',
+        emergencyMobile: '',
+        expectedRevenue: '',
+        finConfirm: '',
+        finDownPay: '',
+        finDownPayRemarks: '',
+        finRemarks: '',
+        fuelConsumptionPerTrip: '',
+        homeVisAddress: '',
+        homeVisStaffName: '',
+        homeVisUserSid: '',
+        industryYears: '',
+        investigateKey: '',
+        investigateValue: '',
+        isCar: true,
+        isChildrenValue: '',
+        isConfirmRealBuyer: true,
+        isRealEstate: true,
+        loanHomevisitInvestigateOtherpeoDetailsPCVoList: [],
+        maintenance: '',
+        maritalStatusValue: '',
+        monthlyTrip: '',
+        netIncome: '',
+        otherSourceValue: '',
+        perTripYuan: '',
+        prepSid: '',
+        propertyType: 0,
+        realLoanSituation: '',
+        realRemarks: '',
+        relationshipValue: '',
+        remarks: '',
+        resHomeVisDate: '',
+        roundTripMileage: '',
+        saleOrderBorrowerSid: '',
+        saleOrderSid: '',
+        sid: '',
+        spouseCareerValue: '',
+        spouseDomAddress: '',
+        spouseIdNumber: '',
+        spouseMobile: '',
+        spouseName: '',
+        spousePreAddress: '',
+        toll: '',
+        transportGoodsRetTrip: '',
+        transportGoodsTrip: '',
+        transportRoute: '',
+        transportTypeValue: '',
+        yhkImages: [],
+        zcCarRemarks: ''
+      }
+    }
+  },
+  methods: {
+    showInfo(row) {
+      this.viewTitle = '家访考察报告'
+      req.detailsPc({ sid: row.kcbgSid }).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          if (this.formobj.yhkImages.length > 0) {
+            const aa = []
+            this.formobj.yhkImages.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.yhkImages = aa
+          }
+        }
+      })
+    },
+    handleReturn() {
+      this.formobj = {
+        bankCardNo: '',
+        beforeOpeTypeValue: '',
+        borrowerCareerValue: '',
+        borrowerDomAddress: '',
+        borrowerIdNumber: '',
+        borrowerMobile: '',
+        borrowerName: '',
+        borrowerPreAddress: '',
+        carConfirm: '',
+        carLoanSituation: '',
+        carRemarks: '',
+        carType: 0,
+        deadWeight: '',
+        depositBank: '',
+        downPaySourceValue: '',
+        driveProTypeValue: '',
+        driverSalary: '',
+        emergencyContact: '',
+        emergencyMobile: '',
+        expectedRevenue: '',
+        finConfirm: '',
+        finDownPay: '',
+        finDownPayRemarks: '',
+        finRemarks: '',
+        fuelConsumptionPerTrip: '',
+        homeVisAddress: '',
+        homeVisStaffName: '',
+        homeVisUserSid: '',
+        industryYears: '',
+        investigateKey: '',
+        investigateValue: '',
+        isCar: true,
+        isChildrenValue: '',
+        isConfirmRealBuyer: true,
+        isRealEstate: true,
+        loanHomevisitInvestigateOtherpeoDetailsPCVoList: [],
+        maintenance: '',
+        maritalStatusValue: '',
+        monthlyTrip: '',
+        netIncome: '',
+        otherSourceValue: '',
+        perTripYuan: '',
+        prepSid: '',
+        propertyType: 0,
+        realLoanSituation: '',
+        realRemarks: '',
+        relationshipValue: '',
+        remarks: '',
+        resHomeVisDate: '',
+        roundTripMileage: '',
+        saleOrderBorrowerSid: '',
+        saleOrderSid: '',
+        sid: '',
+        spouseCareerValue: '',
+        spouseDomAddress: '',
+        spouseIdNumber: '',
+        spouseMobile: '',
+        spouseName: '',
+        spousePreAddress: '',
+        toll: '',
+        transportGoodsRetTrip: '',
+        transportGoodsTrip: '',
+        transportRoute: '',
+        transportTypeValue: '',
+        yhkImages: [],
+        zcCarRemarks: ''
+      }
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 150px !important;
+}
+.addinputInfo {
+  margin-left: 140px !important;
+}
+.tlineheightb {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
+  line-height: 15px !important;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/overduevehicle/relation/materialInfo.vue b/anrui-riskcenter-ui/src/views/overduevehicle/relation/materialInfo.vue
new file mode 100644
index 0000000000..c5a14f79dc
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/overduevehicle/relation/materialInfo.vue
@@ -0,0 +1,259 @@
+<template>
+  <div class="app-container">
+    <div class="tab-header webtop">
+      <!--标题-->
+      <div>{{ viewTitle }}</div>
+      <!--start 添加修改按钮-->
+      <div>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+      </div>
+    </div>
+    <div class="listconadd">
+      <el-form ref="form_obj" :model="formobj" class="formaddcopy02">
+        <el-collapse v-model="activeNames" accordion>
+          <el-collapse-item title="家访见证类" name="1">
+            <el-row>
+              <el-col :span="24">
+                <div class="span-sty colSty">定位信息</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.locationStr }}</span></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <div class="span-sty colSty">房屋照片</div>
+                <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.house" :key="index" :src="item" :preview-src-list="formobj.house"/></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <div class="span-sty colSty">门口照片</div>
+                <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.doorway" :key="index" :src="item" :preview-src-list="formobj.doorway"/></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <div class="span-sty colSty">客厅卧室照片</div>
+                <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.indoor" :key="index" :src="item" :preview-src-list="formobj.indoor"/></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <div class="span-sty colSty">合影照等</div>
+                <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.groupPhoto" :key="index" :src="item" :preview-src-list="formobj.groupPhoto"/></el-form-item>
+              </el-col>
+            </el-row>
+          </el-collapse-item>
+          <el-collapse-item title="资产类" name="2">
+            <el-row>
+              <el-col :span="24">
+                <div class="span-sty colSty">银行卡</div>
+                <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.yhkImages" :key="index" :src="item" :preview-src-list="formobj.yhkImages"/></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <div class="span-sty colSty">房产</div>
+                <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.houseProperty" :key="index" :src="item" :preview-src-list="formobj.houseProperty"/></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <div class="span-sty colSty">车辆</div>
+                <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.carProperty" :key="index" :src="item" :preview-src-list="formobj.carProperty"/></el-form-item>
+              </el-col>
+            </el-row>
+          </el-collapse-item>
+          <el-collapse-item title="证明文件" name="3">
+            <div class="collapse">
+              <el-collapse v-model="activeName" accordion>
+                <el-collapse-item title="贷款人" name="1">
+                  <el-row>
+                    <el-col :span="24">
+                      <div class="span-sty colSty">身份证</div>
+                      <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.lenderIdCard" :key="index" :src="item" :preview-src-list="formobj.lenderIdCard"/></el-form-item>
+                    </el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col :span="24">
+                      <div class="span-sty colSty">户口本</div>
+                      <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.lenderAccount" :key="index" :src="item" :preview-src-list="formobj.lenderAccount"/></el-form-item>
+                    </el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col :span="24">
+                      <div class="span-sty colSty">婚姻证明</div>
+                      <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.lenderMarriageCertificate" :key="index" :src="item" :preview-src-list="formobj.lenderMarriageCertificate"/></el-form-item>
+                    </el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col :span="24">
+                      <div class="span-sty colSty">驾驶本</div>
+                      <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.lenderDriverBook" :key="index" :src="item" :preview-src-list="formobj.lenderDriverBook"/></el-form-item>
+                    </el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col :span="24">
+                      <div class="span-sty colSty">银行流水</div>
+                      <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.lenderBankStatement" :key="index" :src="item" :preview-src-list="formobj.lenderBankStatement"/></el-form-item>
+                    </el-col>
+                  </el-row>
+                </el-collapse-item>
+                <el-collapse-item title="配偶" name="2">
+                  <el-row>
+                    <el-col :span="24">
+                      <div class="span-sty colSty">身份证</div>
+                      <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.spouseIdCard" :key="index" :src="item" :preview-src-list="formobj.spouseIdCard"/></el-form-item>
+                    </el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col :span="24">
+                      <div class="span-sty colSty">户口本</div>
+                      <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.spouseAccount" :key="index" :src="item" :preview-src-list="formobj.spouseAccount"/></el-form-item>
+                    </el-col>
+                  </el-row>
+                </el-collapse-item>
+                <el-collapse-item title="担保人" name="3">
+                  <el-row>
+                    <el-col :span="24">
+                      <div class="span-sty colSty">身份证</div>
+                      <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.guarantorIdCard" :key="index" :src="item" :preview-src-list="formobj.guarantorIdCard"/></el-form-item>
+                    </el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col :span="24">
+                      <div class="span-sty colSty">户口本</div>
+                      <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.guarantorAccount" :key="index" :src="item" :preview-src-list="formobj.guarantorAccount"/></el-form-item>
+                    </el-col>
+                  </el-row>
+                </el-collapse-item>
+              </el-collapse>
+            </div>
+          </el-collapse-item>
+        </el-collapse>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/overduevehicle/overduevehicle'
+
+export default {
+  name: 'MaterialInfo',
+  data() {
+    return {
+      viewTitle: '',
+      activeNames: '1',
+      activeName: '1',
+      formobj: {
+        carProperty: [],
+        doorway: [],
+        groupPhoto: [],
+        guarantorAccount: [],
+        guarantorIdCard: [],
+        homeVisitSid: '',
+        house: [],
+        houseProperty: [],
+        indoor: [],
+        lenderAccount: [],
+        lenderBankStatement: [],
+        lenderDriverBook: [],
+        lenderIdCard: [],
+        lenderMarriageCertificate: [],
+        loanXdCons: [],
+        loanZfCons: [],
+        locationStr: '',
+        remarks: '',
+        saleOrderSid: '',
+        sid: '',
+        spouseAccount: [],
+        spouseIdCard: [],
+        yhkImages: []
+      }
+    }
+  },
+  methods: {
+    showInfo(row) {
+      this.viewTitle = '家访资料详情'
+      req.details2({ sid: row.kczlSid }).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+        }
+      })
+    },
+    handleReturn() {
+      this.formobj = {
+        carProperty: [],
+        doorway: [],
+        groupPhoto: [],
+        guarantorAccount: [],
+        guarantorIdCard: [],
+        homeVisitSid: '',
+        house: [],
+        houseProperty: [],
+        indoor: [],
+        lenderAccount: [],
+        lenderBankStatement: [],
+        lenderDriverBook: [],
+        lenderIdCard: [],
+        lenderMarriageCertificate: [],
+        loanXdCons: [],
+        loanZfCons: [],
+        locationStr: '',
+        remarks: '',
+        saleOrderSid: '',
+        sid: '',
+        spouseAccount: [],
+        spouseIdCard: [],
+        yhkImages: []
+      }
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 100px !important;
+}
+
+.addinputInfo {
+  margin-left: 90px !important;
+}
+
+.colSty {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+/deep/ .el-collapse-item__header {
+  height: 40px;
+  padding: 10px;
+  font-weight: bold;
+  font-size: 20px;
+  text-align: left;
+  color: #ffffff;
+  background-color: #0294d7;
+}
+
+/deep/ .el-collapse-item__content {
+  padding-bottom: 0;
+}
+
+.collapse {
+  padding: 0 10px;
+}
+
+/deep/ .collapse .el-collapse-item__header {
+  height: 40px;
+  padding: 10px;
+  font-weight: bold;
+  font-size: 20px;
+  text-align: left;
+  color: #ffffff;
+  background-color: #87CEFA;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/overduevehicle/relation/monthlyreturnInfo.vue b/anrui-riskcenter-ui/src/views/overduevehicle/relation/monthlyreturnInfo.vue
new file mode 100644
index 0000000000..1bcbdaa6da
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/overduevehicle/relation/monthlyreturnInfo.vue
@@ -0,0 +1,125 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div class="listconadd">
+        <el-form ref="form_obj" :model="formobj" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="12">
+              <div class="span-sty">分公司</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.useOrgName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">销售部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.dept }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">销售专员</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">贷款合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanContractNo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">车架号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">资方</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bankName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">资方合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bankContractNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customer }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-table :key="tableKey" :data="formobj.monRepayPeriodDetailsList" :index="index" border style="width: 100%">
+            <el-table-column prop="period" label="期数" align="center" width="100" />
+            <el-table-column prop="dueMoney" label="应还金额" align="center" />
+            <el-table-column prop="receiptMoney" label="实还金额" align="center" />
+            <el-table-column prop="notRepaidMoney" label="未还金额" align="center" />
+          </el-table>
+        </el-form>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/overduevehicle/overduevehicle'
+
+export default {
+  name: 'MonthlyReturnInfo',
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      tableKey: 1,
+      index: 0,
+      formobj: {
+        bankContractNo: '',
+        bankName: '',
+        customer: '',
+        dept: '',
+        loanContractNo: '',
+        staffName: '',
+        useOrgName: '',
+        vinNo: '',
+        monRepayPeriodDetailsList: []
+      }
+    }
+  },
+  methods: {
+    showInfo(row) {
+      this.viewTitle = '月还明细'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.details({ saleVehSid: row.saleVehSid }).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+        }
+      })
+    },
+    handleReturn() {
+      this.formobj = {
+        bankContractNo: '',
+        bankName: '',
+        customer: '',
+        dept: '',
+        loanContractNo: '',
+        staffName: '',
+        useOrgName: '',
+        vinNo: '',
+        monRepayPeriodDetailsList: []
+      }
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 100px !important;
+}
+.addinputInfo {
+  margin-left: 90px !important;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/overduevehicle/vehiclecollectionentry.vue b/anrui-riskcenter-ui/src/views/overduevehicle/vehiclecollectionentry.vue
new file mode 100644
index 0000000000..8551a1b923
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/overduevehicle/vehiclecollectionentry.vue
@@ -0,0 +1,495 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">保存</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">
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="6">
+              <div class="span-sty">贷款人</div>
+              <el-form-item><span  class="addinputInfo">{{ formobj.borrowerName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span  class="addinputInfo">{{ formobj.borrowerMobile }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">贷款人配偶</div>
+              <el-form-item><span  class="addinputInfo">{{ formobj.spouseName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span  class="addinputInfo">{{ formobj.spouseMobile }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">车辆列表</div>
+          <el-table :key="tableKey" :data="formobj.loanBeCollectionRecordVehInitList" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column fixed prop="vinNo" label="车架号" align="center" width="100" />
+            <el-table-column prop="carNum" label="车牌号" align="center" width="100" />
+            <el-table-column prop="custName" label="客户名称" align="center" width="100" />
+            <el-table-column prop="custPhone" label="联系电话" align="center" width="100" />
+            <el-table-column prop="loanContractNo" label="贷款合同号" align="center" width="140"/>
+            <el-table-column prop="bankName" label="资方" align="center" width="100" />
+            <el-table-column prop="firstBeDate" label="首次逾期日期" align="center" width="140" />
+            <el-table-column prop="beOverduePeriod" label="逾期期数" align="center" width="100" />
+            <el-table-column prop="beOverdueMoney" label="逾期金额" align="center" width="140" />
+            <el-table-column prop="beOverdueMoneyAndPeriod" label="换算期数" align="center" width="140" />
+            <el-table-column label="催收记录" align="center" width="100">
+              <template slot-scope="scope">
+                <span class="bluezi" @click="lookCollection(scope.row)">查看</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="开票信息" align="center" width="100">
+              <template slot-scope="scope">
+                <span class="bluezi" @click="lookBilling(scope.row)">查看</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="月还明细" align="center" width="100">
+              <template slot-scope="scope">
+                <span class="bluezi" @click="lookMonthlyPayback(scope.row)">查看</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="金融方案" align="center" width="100">
+              <template slot-scope="scope">
+                <span class="bluezi" @click="lookFinancial(scope.row)">查看</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="家访考察报告" align="center" width="110">
+              <template slot-scope="scope">
+                <span class="bluezi" @click="lookReport(scope.row)">查看</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="家访考察资料" align="center" width="110">
+              <template slot-scope="scope">
+                <span class="bluezi" @click="lookMaterial(scope.row)">查看</span>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="title">催收记录</div>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty"><span class="icon">*</span>催收方式</div>
+              <el-form-item prop="collectionTypeKey">
+                <el-select class="addinputInfo" v-model="formobj.collectionTypeKey" clearable placeholder="请选择" filterable @change="collectionTypeChange">
+                  <el-option v-for="item in collectionType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">定位信息</div>
+              <el-form-item><span  class="addinputInfo">{{ formobj.locationStr }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty"><span class="icon">*</span>催收结果</div>
+              <el-form-item prop="collectionResultKey">
+                <el-select class="addinputInfo" v-model="formobj.collectionResultKey" clearable placeholder="请选择" filterable @change="collectionResultChange">
+                  <el-option v-for="item in collectionResult_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">联系人</div>
+              <el-form-item>
+                <el-select class="addinputInfo" v-model="formobj.contactsKey" clearable placeholder="请选择" filterable @change="contactsChange">
+                  <el-option v-for="item in contacts_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div v-if="formobj.collectionResultKey == '001'">
+            <div class="title titleOne">
+              <div>催收反馈</div>
+              <div>
+                <el-button type="primary" size="small" @click="downLoad('/template/协议书模板.pdf')">协议书下载</el-button>
+              </div>
+            </div>
+            <el-row>
+              <el-col :span="24">
+                <div class="span-sty"><span class="icon">*</span>逾期原因</div>
+                <el-form-item prop="beReason"><el-input class="addinputInfo addinputw" v-model="formobj.beReason" clearable placeholder="" /></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="6">
+                <div class="span-sty"><span class="icon">*</span>是否正常运营</div>
+                <el-form-item prop="isNormalOperKey">
+                  <el-select class="addinputInfo" v-model="formobj.isNormalOperKey" clearable placeholder="请选择" filterable @change="isNormalOperChange">
+                    <el-option v-for="item in isNormalOper_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">承诺还款日期</div>
+                <el-form-item>
+                  <el-date-picker class="addinputInfo" style="width: 50%" v-model="formobj.promRepayDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">承诺还款金额</div>
+                <el-form-item><el-input class="addinputInfo" style="width: 50%" v-model="formobj.promRepayMoney" clearable placeholder="" /></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty"><span class="icon">*</span>预处理措施</div>
+                <el-form-item prop="taskHandMeasuresKey">
+                  <el-select class="addinputInfo" v-model="formobj.taskHandMeasuresKey" clearable placeholder="请选择" filterable @change="taskHandMeasuresChange">
+                    <el-option v-for="item in taskHandMeasures_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <div class="span-sty">备注</div>
+                <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.remarks" clearable placeholder="" /></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <div class="span-sty">催收附件</div>
+                <el-form-item><uploadImg ref="uploadImg" class="addinputInfo" :accept="accept" v-model="formobj.loanBeCollectionRecordFileList" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/></el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+        </el-form>
+      </div>
+    </div>
+    <!-- 查看车辆历史催收记录 -->
+    <vehiclecollectionrecords v-show="viewState == 2" ref="divCollection" @doback="resetState" />
+    <!-- 查看车辆历史催收记录 -->
+    <billingInfo v-show="viewState == 3" ref="divBilling" @doback="resetState" />
+    <!-- 查看月还明细 -->
+    <monthlyreturnInfo v-show="viewState == 4" ref="divMonthlyReturn" @doback="resetState"/>
+    <!-- 查看销售订单--金融方案 -->
+    <financialschemeInfo v-show="viewState == 5" ref="divFinancial" @doback="resetState"/>
+    <!-- 查看家访考察报告 -->
+    <homevisitreport v-show="viewState == 6" ref="divReport" @doback="resetState"/>
+    <!-- 查看家访资料 -->
+    <materialInfo v-show="viewState == 7" ref="divaMterial" @doback="resetState"/>
+  </div>
+</template>
+
+<script>
+import req from '@/api/overduevehicle/overduevehicle'
+import { typeValues, getOrgSidByPath, fetchBySid } from '@/api/Common/dictcommons'
+import uploadImg from '@/components/uploadFile/uploadImg'
+import vehiclecollectionrecords from './vehiclecollectionrecords'
+import billingInfo from './relation/billingInfo'
+import monthlyreturnInfo from './relation/monthlyreturnInfo'
+import financialschemeInfo from '@/components/publicPage/financialschemeInfo'
+import homevisitreport from './relation/homevisitreport'
+import materialInfo from './relation/materialInfo'
+import {getStorage} from "@/utils/auth";
+
+export default {
+  name: 'VehicleCollectionEntry',
+  components: {
+    uploadImg,
+    vehiclecollectionrecords,
+    billingInfo,
+    monthlyreturnInfo,
+    financialschemeInfo,
+    homevisitreport,
+    materialInfo
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      submitdisabled: false,
+      tableKey: 1,
+      index: 0,
+      accept: '.jpg,.jpeg,.png',
+      collectionType_list: [],
+      collectionResult_list: [],
+      contacts_list: [],
+      isNormalOper_list: [],
+      taskHandMeasures_list: [],
+      formobj: {
+        beReason: '',
+        borrowerMobile: '',
+        borrowerName: '',
+        collectionResultKey: '',
+        collectionResultValue: '',
+        collectionTypeKey: '',
+        collectionTypeValue: '',
+        contactsKey: '',
+        contactsValue: '',
+        createByName: '',
+        createBySid: '',
+        isNormalOperKey: '',
+        isNormalOperValue: '',
+        loanBeCollectionRecordFileList: [],
+        loanBeCollectionRecordVehInitList: [],
+        location: '',
+        locationStr: '',
+        orgPath: '',
+        promRepayDate: '',
+        promRepayMoney: '',
+        remarks: '',
+        saleVehSid: '',
+        saleVehSids: [],
+        spouseMobile: '',
+        spouseName: '',
+        sid: '',
+        taskHandMeasuresKey: '',
+        taskHandMeasuresValue: '',
+        useOrgName: '',
+        useOrgSid: ''
+      },
+      rules: {
+        collectionTypeKey: [{ required: true, message: '催收方式不能为空', trigger: 'change' }],
+        collectionResultKey: [{ required: true, message: '催收结果不能为空', trigger: 'change' }],
+        beReason: [{ required: true, message: '逾期原因不能为空', trigger: 'blur' }],
+        isNormalOperKey: [{ required: true, message: '是否正常运营不能为空', trigger: 'change' }],
+        taskHandMeasuresKey: [{ required: true, message: '是否正常运营不能为空', trigger: 'change' }]
+      }
+    }
+  },
+  methods: {
+    init() {
+      typeValues({ type: 'collectionMethod' }).then((res) => {
+        if (res.success) {
+          this.collectionType_list = res.data
+        }
+      })
+      typeValues({ type: 'collectionResult' }).then((res) => {
+        if (res.success) {
+          this.collectionResult_list = res.data
+        }
+      })
+      typeValues({ type: 'contact' }).then((res) => {
+        if (res.success) {
+          this.contacts_list = res.data
+        }
+      })
+      typeValues({ type: 'isNormalOper' }).then((res) => {
+        if (res.success) {
+          this.isNormalOper_list = res.data
+        }
+      })
+      typeValues({ type: 'taskHandMeasures' }).then((res) => {
+        if (res.success) {
+          this.taskHandMeasures_list = res.data
+        }
+      })
+    },
+    showEdit(sid) {
+      this.viewTitle = '逾期催收录入'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.init()
+      req.init({ saleVehSid: sid }).then((res) => {
+        if (res.success) {
+          this.formobj.borrowerMobile = res.data.borrowerMobile
+          this.formobj.borrowerName = res.data.borrowerName
+          this.formobj.loanBeCollectionRecordVehInitList = res.data.loanBeCollectionRecordVehInitList
+          this.formobj.spouseMobile = res.data.spouseMobile
+          this.formobj.spouseName = res.data.spouseName
+          this.formobj.createByName = window.sessionStorage.getItem('name')
+          this.formobj.createBySid = window.sessionStorage.getItem('userSid')
+          this.formobj.orgPath = window.sessionStorage.getItem('defaultOrgPath')
+          if (this.formobj.loanBeCollectionRecordVehInitList.length > 0) {
+            this.formobj.loanBeCollectionRecordVehInitList.forEach((e) => {
+              this.formobj.saleVehSids.push(e.saleVehSid)
+            })
+          }
+          getOrgSidByPath({ orgPath: this.formobj.orgPath }).then((resp) => {
+            if (resp.success) {
+              this.formobj.useOrgSid = resp.data
+              fetchBySid(this.formobj.useOrgSid).then((respsone) => {
+                if (respsone.success) {
+                  this.formobj.useOrgName = respsone.data.name
+                }
+              })
+            }
+          })
+        }
+      })
+    },
+    collectionTypeChange(value) {
+      const choose = this.collectionType_list.filter((item) => item.dictKey === value)
+      if (choose.length > 0 && choose !== null) {
+        this.formobj.collectionTypeValue = choose[0].dictValue
+      } else {
+        this.formobj.collectionTypeValue = ''
+      }
+    },
+    collectionResultChange(value) {
+      const choose = this.collectionResult_list.filter((item) => item.dictKey === value)
+      if (choose.length > 0 && choose !== null) {
+        this.formobj.collectionResultValue = choose[0].dictValue
+      } else {
+        this.formobj.collectionResultValue = ''
+      }
+    },
+    contactsChange(value) {
+      const choose = this.contacts_list.filter((item) => item.dictKey === value)
+      if (choose.length > 0 && choose !== null) {
+        this.formobj.contactsValue = choose[0].dictValue
+      } else {
+        this.formobj.contactsValue = ''
+      }
+    },
+    isNormalOperChange(value) {
+      const choose = this.isNormalOper_list.filter((item) => item.dictKey === value)
+      if (choose.length > 0 && choose !== null) {
+        this.formobj.isNormalOperValue = choose[0].dictValue
+      } else {
+        this.formobj.isNormalOperValue = ''
+      }
+    },
+    taskHandMeasuresChange(value) {
+      const choose = this.taskHandMeasures_list.filter((item) => item.dictKey === value)
+      if (choose.length > 0 && choose !== null) {
+        this.formobj.taskHandMeasuresValue = choose[0].dictValue
+      } else {
+        this.formobj.taskHandMeasuresValue = ''
+      }
+    },
+    // 查看历史催收记录
+    lookCollection(row) {
+      this.viewState = 2
+      this.$refs['divCollection'].showInfo(row)
+    },
+    // 查看开票信息
+    lookBilling(row) {
+      this.viewState = 3
+      this.$refs['divBilling'].showInfo(row)
+    },
+    // 查看月还明细
+    lookMonthlyPayback(row) {
+      this.viewState = 4
+      this.$refs['divMonthlyReturn'].showInfo(row)
+    },
+    // 查看销售订单--金融方案
+    lookFinancial(row) {
+      req.selectDetailss({ businessSid: row.salesOrderSid }).then((res) => {
+        if (res.success) {
+          this.viewState = 5
+          this.$refs['divFinancial'].showInfo(res.data, '03')
+        }
+      })
+    },
+    // 查看家访考察报告
+    lookReport(row) {
+      this.viewState = 6
+      this.$refs['divReport'].showInfo(row)
+    },
+    // 查看家访资料
+    lookMaterial(row) {
+      this.viewState = 7
+      this.$refs['divaMterial'].showInfo(row)
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    downLoad(filePath) {
+      var xhr = new XMLHttpRequest()
+      xhr.open('GET', process.env.VUE_APP_BASE_API + '/base/file/download?filePath=' + filePath + '&outFileName=' + '协议书模板', true)
+      xhr.setRequestHeader('token', getStorage())
+      xhr.responseType = 'blob'
+      xhr.onload = function(e) {
+        // 如果请求执行成功
+        var blob = this.response
+        var filename = '协议书模板.pdf'
+        var a = document.createElement('a')
+        // blob.type="application/octet-stream";
+        // 创键临时url对象
+        var url = URL.createObjectURL(blob)
+        a.href = url
+        a.download = filename
+        a.click()
+        // 释放之前创建的URL对象
+        window.URL.revokeObjectURL(url)
+      }
+      // 发送请求
+      xhr.send()
+    },
+    saveOrUpdate() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
+          req.saveOrUpdate(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+              this.handleReturn('true')
+            } else {
+              this.submitdisabled = false
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        }
+      })
+    },
+    handleReturn(isreload) {
+      if (isreload === 'true') this.$emit('reloadlist')
+      this.formobj = {
+        beReason: '',
+        borrowerMobile: '',
+        borrowerName: '',
+        collectionResultKey: '',
+        collectionResultValue: '',
+        collectionTypeKey: '',
+        collectionTypeValue: '',
+        contactsKey: '',
+        contactsValue: '',
+        createByName: '',
+        createBySid: '',
+        isNormalOperKey: '',
+        isNormalOperValue: '',
+        loanBeCollectionRecordFileList: [],
+        loanBeCollectionRecordVehInitList: [],
+        location: '',
+        locationStr: '',
+        orgPath: '',
+        promRepayDate: '',
+        promRepayMoney: '',
+        remarks: '',
+        saleVehSid: '',
+        saleVehSids: [],
+        spouseMobile: '',
+        spouseName: '',
+        sid: '',
+        taskHandMeasuresKey: '',
+        taskHandMeasuresValue: '',
+        useOrgName: '',
+        useOrgSid: ''
+      }
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 100px !important;
+}
+.addinputInfo {
+  margin-left: 90px !important;
+}
+.titleOne {
+  padding: 7px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+/deep/ .el-form-item__error {
+  margin-left: 90px !important;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/overduevehicle/vehiclecollectionrecords.vue b/anrui-riskcenter-ui/src/views/overduevehicle/vehiclecollectionrecords.vue
new file mode 100644
index 0000000000..72f96f7f0d
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/overduevehicle/vehiclecollectionrecords.vue
@@ -0,0 +1,161 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div class="listconadd">
+        <el-form ref="form_obj" :model="formobj" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="12">
+              <div class="span-sty">车架号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">车牌号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.carNum }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">贷款人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.borrowerName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.borrowerMobile }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.custName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">资方</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bankName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">首次逾期日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.firstBeDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">逾期期数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.beOverduePeriod }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">逾期金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.beOverdueMoney }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">换算期数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.beOverdueMoneyAndPeriod }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-table :key="tableKey" :data="formobj.loanBeCollectionRecordHistoryVoList" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column fixed label="操作" align="center" width="80">
+              <template slot-scope="scope">
+                <span class="bluezi" @click="lookInfo(scope.row)">查看</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="createTime" label="催收日期" align="center" width="100" />
+            <el-table-column prop="collectionTypeValue" label="催收方式" align="center" width="140"/>
+            <el-table-column prop="locationStr" label="定位信息" align="center" width="100" />
+            <el-table-column prop="collectionResultValue" label="催收结果" align="center" width="140" />
+            <el-table-column prop="contactsValue" label="联系人" align="center" width="100" />
+            <el-table-column prop="remarks" label="备注" align="center" />
+          </el-table>
+        </el-form>
+      </div>
+    </div>
+    <vehiclecollectionrecordsInfo v-show="viewState == 2" ref="divInfo" @doback="resetState"/>
+  </div>
+</template>
+
+<script>
+import req from '@/api/overduevehicle/overduevehicle'
+import vehiclecollectionrecordsInfo from './vehiclecollectionrecordsInfo'
+
+export default {
+  name: 'VehicleCollectionRecords',
+  components: {
+    vehiclecollectionrecordsInfo
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      tableKey: 1,
+      index: 0,
+      formobj: {
+        bankName: '',
+        beOverdueMoney: '',
+        beOverdueMoneyAndPeriod: '',
+        beOverduePeriod: '',
+        borrowerMobile: '',
+        borrowerName: '',
+        carNum: '',
+        custName: '',
+        custPhone: '',
+        firstBeDate: '',
+        vinNo: '',
+        loanBeCollectionRecordHistoryVoList: []
+      }
+    }
+  },
+  methods: {
+    showInfo(row) {
+      this.viewTitle = '逾期车辆催收记录'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.viewHistory({ saleVehSid: row.saleVehSid }).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+        }
+      })
+    },
+    lookInfo(row) {
+      this.viewState = 2
+      this.$refs['divInfo'].showInfo(row)
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    handleReturn() {
+      this.formobj = {
+        bankName: '',
+        beOverdueMoney: '',
+        beOverdueMoneyAndPeriod: '',
+        beOverduePeriod: '',
+        borrowerMobile: '',
+        borrowerName: '',
+        carNum: '',
+        custName: '',
+        custPhone: '',
+        firstBeDate: '',
+        vinNo: '',
+        loanBeCollectionRecordHistoryVoList: []
+      }
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 100px !important;
+}
+.addinputInfo {
+  margin-left: 90px !important;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/overduevehicle/vehiclecollectionrecordsInfo.vue b/anrui-riskcenter-ui/src/views/overduevehicle/vehiclecollectionrecordsInfo.vue
new file mode 100644
index 0000000000..ae09098b15
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/overduevehicle/vehiclecollectionrecordsInfo.vue
@@ -0,0 +1,160 @@
+<template>
+  <div class="app-container">
+    <div class="tab-header webtop">
+      <div>{{ viewTitle }}</div>
+      <div>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+      </div>
+    </div>
+    <div class="listconadd">
+      <el-form ref="form_obj" :model="formobj" class="formaddcopy02">
+        <el-row style="border-top: 1px solid #e0e3eb">
+          <el-col :span="6">
+            <div class="span-sty">催收方式</div>
+            <el-form-item><span  class="addinputInfo">{{ formobj.collectionTypeValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <div class="span-sty">定位信息</div>
+            <el-form-item><span  class="addinputInfo">{{ formobj.locationStr }}</span></el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <div class="span-sty">催收结果</div>
+            <el-form-item><span  class="addinputInfo">{{ formobj.collectionResultValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <div class="span-sty">联系人</div>
+            <el-form-item><span  class="addinputInfo">{{ formobj.contactsValue }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <div v-if="formobj.collectionResultKey == '001'">
+          <div class="title">催收反馈</div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">逾期原因</div>
+              <el-form-item><span  class="addinputInfo">{{ formobj.beReason }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">是否正常运营</div>
+              <el-form-item><span  class="addinputInfo">{{ formobj.isNormalOperValue }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">承诺还款日期</div>
+              <el-form-item><span  class="addinputInfo">{{ formobj.promRepayDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">承诺还款金额</div>
+              <el-form-item><span  class="addinputInfo">{{ formobj.promRepayMoney }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">预处理措施</div>
+              <el-form-item><span  class="addinputInfo">{{ formobj.taskHandMeasuresValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">备注</div>
+              <el-form-item><span  class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">催收附件</div>
+              <el-form-item>
+                <el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.loanBeCollectionRecordFileList" :key="index" :src="item" :preview-src-list="formobj.loanBeCollectionRecordFileList"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/overduevehicle/overduevehicle'
+
+export default {
+  name: 'VehicleCollectionRecordsInfo',
+  data() {
+    return {
+      viewTitle: '',
+      tableKey: 1,
+      index: 0,
+      formobj: {
+        beReason: '',
+        collectionResultKey: '',
+        collectionResultValue: '',
+        collectionTypeKey: '',
+        collectionTypeValue: '',
+        contactsKey: '',
+        contactsValue: '',
+        isNormalOperKey: '',
+        isNormalOperValue: '',
+        loanBeCollectionRecordFileList: [],
+        location: '',
+        locationStr: '',
+        promRepayDate: '',
+        promRepayMoney: '',
+        remarks: '',
+        sid: '',
+        taskHandMeasuresKey: '',
+        taskHandMeasuresValue: ''
+      }
+    }
+  },
+  methods: {
+    showInfo(row) {
+      this.viewTitle = '逾期催收记录'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.fetchDetailsBySid(row.sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          if (this.formobj.loanBeCollectionRecordFileList.length > 0) {
+            const aa = []
+            this.formobj.loanBeCollectionRecordFileList.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.loanBeCollectionRecordFileList = aa
+          }
+        }
+      })
+    },
+    handleReturn() {
+      this.formobj = {
+        beReason: '',
+        collectionResultKey: '',
+        collectionResultValue: '',
+        collectionTypeKey: '',
+        collectionTypeValue: '',
+        contactsKey: '',
+        contactsValue: '',
+        isNormalOperKey: '',
+        isNormalOperValue: '',
+        loanBeCollectionRecordFileList: [],
+        location: '',
+        locationStr: '',
+        promRepayDate: '',
+        promRepayMoney: '',
+        remarks: '',
+        sid: '',
+        taskHandMeasuresKey: '',
+        taskHandMeasuresValue: ''
+      }
+      this.$emit('doback')
+    },
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 100px !important;
+}
+.addinputInfo {
+  margin-left: 90px !important;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/collectionmeasuresDaiBan.vue b/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/collectionmeasuresDaiBan.vue
new file mode 100644
index 0000000000..4279b707a5
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/collectionmeasuresDaiBan.vue
@@ -0,0 +1,517 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="primary" size="small" @click="openCountersign('加签')">加 签</el-button>
+          <el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button>
+          <el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button>
+          <el-button type="danger" size="small" @click="openStop('终止')">终 止</el-button>
+        </div>
+      </div>
+      <div class="">
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="8">
+              <div class="span-sty">申请部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">措施</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.collMeasures }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">备注</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">附件</div>
+              <el-form-item>
+                <el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.files" :key="index" :src="item" :preview-src-list="formobj.files"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            <div>逾期车辆列表</div>
+          </div>
+          <el-table :key="tableKey" :data="formobj.loanBeCollectionVehDetails" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column prop="vinNo" label="车架号" align="center" />
+            <el-table-column prop="carNum" label="车牌号" align="center" width="100" />
+            <el-table-column prop="custName" label="客户名称" align="center" width="100" />
+            <el-table-column prop="custPhone" label="联系电话" align="center" width="100"/>
+            <el-table-column prop="loanContractNo" label="贷款合同编号" align="center" width="120" />
+            <el-table-column prop="bankName" label="资方" align="center" width="100" />
+            <el-table-column prop="firstBeDate" label="首次逾期日期" align="center" width="120"/>
+            <el-table-column prop="beOverdueMoney" label="逾期金额" align="center" width="100" />
+            <el-table-column prop="beOverduePeriod" label="逾期期数" align="center" width="100" />
+            <el-table-column prop="beOverdueMoneyAndPeriod" label="换算期数" align="center" width="100" />
+            <el-table-column v-if="dbrVisible" label="担保人" align="center" width="140">
+              <template slot-scope="scope">
+                <span class="bluezi" @click="cautionerLook(scope.row)">查看</span>
+              </template>
+            </el-table-column>
+            <el-table-column v-if="hkxyVisible" label="还款协议" align="center" width="140">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.hkxyFiles.length > 0" @click="handleLook(scope.row.hkxyFiles)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="查看相关资料" align="center" width="150">
+              <template slot-scope="scope">
+                <el-select v-model="scope.row.name" @change="dataChange($event, scope.row, scope.row.sids)" placeholder="请选择" clearable>
+                  <el-option v-for="item in scope.row.sids" :key="item.name" :label="item.name" :value="item.name"></el-option>
+                </el-select>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-form>
+      </div>
+    </div>
+    <!-- 查看车辆历史催收记录 -->
+    <vehiclecollectionrecords v-show="viewState == 2" ref="divCollection" @doback="resetState" />
+    <!-- 查看车辆历史催收记录 -->
+    <billingInfo v-show="viewState == 3" ref="divBilling" @doback="resetState" />
+    <!-- 查看月还明细 -->
+    <monthlyreturnInfo v-show="viewState == 4" ref="divMonthlyReturn" @doback="resetState"/>
+    <!-- 查看销售订单--金融方案 -->
+    <financialschemeInfo v-show="viewState == 5" ref="divFinancial" @doback="resetState"/>
+    <!-- 查看家访考察报告 -->
+    <homevisitreport v-show="viewState == 6" ref="divReport" @doback="resetState"/>
+    <!-- 查看家访资料 -->
+    <materialInfo v-show="viewState == 7" ref="divMterial" @doback="resetState"/>
+    <!-- 查看担保人信息 -->
+    <cautionerInfo v-show="viewState == 8" ref="divCautioner" @doback="resetState" />
+    <!-- 还款协议查看 -->
+    <el-dialog :visible.sync="dialogVisible">
+      <el-image style="width: 150px; height: 150px" v-for="(item, index) in list" :key="index" :src="item" :preview-src-list="list"/>
+    </el-dialog>
+    <!-- 选择待办人 的弹出框-->
+    <el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%">
+      <el-form class="formadd" >
+        <el-row v-show="countersignLink" style="border-top: 1px solid #e0e3eb">
+          <el-col :span="4" class="tleftb">
+            <span class="icon">*</span>加签人员:
+          </el-col>
+          <el-col :span="20">
+            <el-form-item>
+              <el-select v-model="countersign.assignee" placeholder="请选择" filterable>
+                <el-option v-for="item in options" :key="item.userSid" :label="item.staffName" :value="item.userSid">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row v-show="currentLink" style="border-top: 1px solid #e0e3eb">
+          <el-col :span="4" class="tleftb">
+            <span>当前环节:</span>
+          </el-col>
+          <el-col :span="20">
+            <el-form-item><span>{{ current.taskName }}->{{ nextNode.name }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :class="{rowClass:!currentLink}">
+          <el-col :span="4" class="tleftb">
+            <span>意见:</span>
+          </el-col>
+          <el-col :span="20">
+            <el-form-item><el-input size="small" v-model="dialogList.comment" placeholder="审批意见" class="addinputw" type="textarea" :autosize="{ minRows: 1, maxRows: 10}" clearable ></el-input></el-form-item>
+          </el-col>
+        </el-row>
+        <div style="text-align:center;margin-top: 20px;">
+          <el-button type="primary" size="mini" @click="reject">确 定</el-button>
+          <el-button type="info " size="mini" @click="nodeDialogVisible = false">取 消</el-button>
+        </div>
+      </el-form>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import req from '@/api/collectionmeasures/collectionmeasures'
+import vehiclecollectionrecords from './relation/vehiclecollectionrecords'
+import billingInfo from './relation/billingInfo'
+import monthlyreturnInfo from './relation/monthlyreturnInfo'
+import financialschemeInfo from '../publicPage/financialschemeInfo'
+import homevisitreport from './relation/homevisitreport'
+import materialInfo from './relation/materialInfo'
+import cautionerInfo from './relation/cautionerInfo'
+
+export default {
+  name: 'CollectionMeasuresDaiBan',
+  components: {
+    vehiclecollectionrecords,
+    billingInfo,
+    monthlyreturnInfo,
+    financialschemeInfo,
+    homevisitreport,
+    materialInfo,
+    cautionerInfo
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      dialogVisible: false,
+      hkxyVisible: false,
+      dbrVisible: false,
+      list: [],
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        billNo: '',
+        collMeasures: [],
+        createByName: '',
+        createBySid: '',
+        createTime: '',
+        deptName: '',
+        deptSid: '',
+        files: [],
+        loanBeCollectionVehDetails: [],
+        nodeSid: '',
+        nodeState: '',
+        orgPath: '',
+        procDefId: '',
+        procInstSid: '',
+        sid: '',
+        taskId: '',
+        useOrgName: '',
+        useOrgSid: '',
+        remarks: ''
+      },
+      rules: {},
+      options: [],
+      operation: '', // 点击操作按钮
+      dialogList: {
+        comment: ''
+      },
+      startTask: true,
+      current: {
+        taskDefKey: '',
+        taskName: '' // 当前环节名称
+      },
+      nextNode: {}, // 下一环节
+      nodeDialogVisible: false,
+      currentLink: true,
+      countersignLink: false,
+      // 环节所需参数
+      linkByParameter: {
+        businessSid: '',
+        comment: '',
+        instanceId: '',
+        taskId: '',
+        orgSidPath: '',
+        taskDefKey: '',
+        userSid: ''
+      },
+      // 加签按钮所需参数
+      countersign: {
+        taskId: '',
+        assignee: '',
+        userSid: '',
+        instanceId: '',
+        views: ''
+      }
+    }
+  },
+  created() {
+    console.log('url:' + window.location.href)
+    var one = window.location.href.indexOf('&data') + 6
+    const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
+    const obj = JSON.parse(decodeURIComponent(data))
+    console.log('iframe页面获取的obj:', obj)
+    // 点击（同意、终止、驳回、驳回）操作时所需的参数
+    this.linkByParameter.businessSid = obj.businessSid
+    this.linkByParameter.instanceId = obj.instanceId
+    this.linkByParameter.taskId = obj.taskId
+    this.linkByParameter.taskDefKey = obj.taskDefKey
+    // this.linkByParameter.orgSidPath = window.sessionStorage.getItem('orgSidPath')
+    this.linkByParameter.userSid = window.sessionStorage.getItem('userSid')
+    this.current.taskDefKey = obj.taskDefKey
+    this.current.taskName = obj.taskName
+    // 加签参数
+    this.countersign.taskId = obj.taskId
+    this.countersign.userSid = window.sessionStorage.getItem('userSid')
+    this.countersign.instanceId = obj.instanceId
+    // 加载表单数据
+    this.showInfo(obj.businessSid)
+  },
+  mounted() {
+    window.parent.postMessage({
+      cmd: 'returnHeight',
+      params: {
+        // 告诉父级页面，子页面的弹框高度。
+        code: 2,
+        data: 500 + 'px'
+      }
+    }, '*')
+  },
+  methods: {
+    showInfo(sid) {
+      this.viewTitle = '催收措施申请详情'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.fetchBySid(sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          this.formobj.collMeasures = this.formobj.collMeasures.join(',')
+          if (this.formobj.collMeasures.indexOf('签订还款协议') !== -1) {
+            this.hkxyVisible = true
+          }
+          if (this.formobj.collMeasures.indexOf('增加担保人') !== -1) {
+            this.dbrVisible = true
+          }
+          if (this.formobj.files.length > 0) {
+            const aa = []
+            this.formobj.files.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.files = aa
+          }
+        }
+      })
+    },
+    cautionerLook(row) {
+      this.viewState = 8
+      this.$refs['divCautioner'].showInfo(row.saleVehSid)
+    },
+    handleLook(row) {
+      this.dialogVisible = true
+      if (row.length > 0) {
+        const aa = []
+        row.forEach((e) => {
+          aa.push(e.url)
+        })
+        this.list = aa
+      }
+    },
+    dataChange(value, row, list) {
+      const choose = list.filter((item) => item.name === value)
+      if (value === '催收记录' && choose[0].sid !== '') {
+        this.viewState = 2
+        this.$refs['divCollection'].showInfo({ saleVehSid: choose[0].sid })
+      } else if (value === '开票信息' && choose[0].sid !== '') {
+        this.viewState = 3
+        this.$refs['divBilling'].showInfo({ kpglSid: choose[0].sid })
+      } else if (value === '月还明细' && choose[0].sid !== '') {
+        this.viewState = 4
+        this.$refs['divMonthlyReturn'].showInfo({ saleVehSid: choose[0].sid })
+      } else if (value === '金融方案' && choose[0].sid !== '') {
+        req.selectDetailss({ businessSid: choose[0].sid }).then((res) => {
+          if (res.success) {
+            this.viewState = 5
+            this.$refs['divFinancial'].showInfo(res.data, '03')
+          }
+        })
+      } else if (value === '家访考察报告' && choose[0].sid !== '') {
+        this.viewState = 6
+        this.$refs['divReport'].showInfo({ kcbgSid: choose[0].sid })
+      } else if (value === '家访考察资料' && choose[0].sid !== '') {
+        this.viewState = 7
+        this.$refs['divMterial'].showInfo({ kczlSid: choose[0].sid })
+      } else {
+
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    // 加签
+    openCountersign(val) {
+      this.operation = val
+      this.currentLink = true
+      this.countersignLink = true
+      this.dialogList.comment = ''
+      req.getNextNodesForSubmit({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).then((resp) => {
+        if (resp.success) {
+          var arr = resp.data
+          this.nextNode = arr[0]
+          this.nodeDialogVisible = true
+        }
+        this.submitdisabled = false
+      })
+    },
+    // 同意
+    openAgree(val) {
+      this.operation = val
+      this.currentLink = true
+      this.countersignLink = false
+      this.dialogList.comment = '同意'
+      req.getNextNodesForSubmit({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).then((resp) => {
+        if (resp.success) {
+          var arr = resp.data
+          this.nextNode = arr[0]
+          this.nodeDialogVisible = true
+        }
+        this.submitdisabled = false
+      })
+    },
+    // 驳回
+    openReject(val) {
+      this.operation = val
+      this.currentLink = true
+      this.countersignLink = false
+      this.dialogList.comment = ''
+      req.getPreviousNodesForReject({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).then((resp) => {
+        if (resp.success) {
+          var arr = resp.data
+          this.nextNode = arr[0]
+          this.nodeDialogVisible = true
+        }
+        this.submitdisabled = false
+      })
+    },
+    // 终止
+    openStop(val) {
+      this.operation = val
+      this.currentLink = false
+      this.countersignLink = false
+      this.dialogList.comment = ''
+      this.nodeDialogVisible = true
+    },
+    reject() {
+      if (this.operation === '同意') {
+        this.handleAgree()
+      } else if (this.operation === '驳回') {
+        if (this.dialogList.comment === '') {
+          this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
+        } else {
+          this.handleReject()
+        }
+      } else if (this.operation === '终止') {
+        if (this.dialogList.comment === '') {
+          this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
+        } else {
+          this.handleStop()
+        }
+      } else if (this.operation === '加签') {
+        this.handleCountersign()
+      }
+    },
+    /** 加签 */
+    handleCountersign() {
+      if (this.countersign.assignee === '') {
+        this.$message({ showClose: true, type: 'error', message: '请选择加签人员' })
+        return
+      }
+      if (this.dialogList.comment === '') {
+        this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
+        return
+      }
+      this.countersign.views = this.dialogList.comment
+      req.delegate(this.countersign).then((response) => {
+        if (response.success) {
+          this.$notify({
+            title: '提示',
+            message: '执行成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
+    },
+    /** 同意任务 */
+    handleAgree() {
+      this.linkByParameter.comment = this.dialogList.comment
+      req.complete(this.linkByParameter).then((response) => {
+        if (response.success) {
+          this.$notify({
+            title: '提示',
+            message: '执行成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
+    },
+    /** 驳回任务 */
+    handleReject() {
+      this.linkByParameter.comment = this.dialogList.comment
+      req.reject(this.linkByParameter).then((response) => {
+        if (response.success) {
+          this.$notify({
+            title: '提示',
+            message: '执行成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
+    },
+    /** 终止任务 */
+    handleStop() {
+      this.linkByParameter.comment = this.dialogList.comment
+      req.breakProcess(this.linkByParameter).then((response) => {
+        if (response.success) {
+          this.$notify({
+            title: '提示',
+            message: '执行成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.addinputInfo {
+  margin-left: 60px !important;
+}
+.rowClass{
+  border-top: 1px solid #E0E3EB;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/collectionmeasuresEdit.vue b/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/collectionmeasuresEdit.vue
new file mode 100644
index 0000000000..9a8206da95
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/collectionmeasuresEdit.vue
@@ -0,0 +1,350 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">保存</el-button>
+          <el-button type="primary" size="small" :disabled="submitdisabled" @click="submit()">提交</el-button>
+        </div>
+      </div>
+      <div class="">
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="8">
+              <div class="span-sty">申请部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">措施</div>
+              <el-form-item>
+                <el-checkbox-group class="addinputInfo" v-model="formobj.collMeasures" @change="collMeasuresChange">
+                  <el-checkbox label="上征信"></el-checkbox>
+                  <el-checkbox label="锁车"></el-checkbox>
+                  <el-checkbox label="签订还款协议"></el-checkbox>
+                  <el-checkbox label="增加担保人"></el-checkbox>
+                </el-checkbox-group>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">备注</div>
+              <el-form-item><el-input v-model="formobj.remarks" clearable placeholder="" class="addinputInfo addinputw" /></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">附件</div>
+              <el-form-item>
+                <upload-img ref="uploadImg" class="addinputInfo" v-model="formobj.files" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            <div>逾期车辆列表</div>
+          </div>
+          <el-table :key="tableKey" :data="formobj.loanBeCollectionVehDetails" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column prop="vinNo" label="车架号" align="center" />
+            <el-table-column prop="carNum" label="车牌号" align="center" width="100" />
+            <el-table-column prop="custName" label="客户名称" align="center" width="100" />
+            <el-table-column prop="custPhone" label="联系电话" align="center" width="100"/>
+            <el-table-column prop="loanContractNo" label="贷款合同编号" align="center" width="120" />
+            <el-table-column prop="bankName" label="资方" align="center" width="100" />
+            <el-table-column prop="firstBeDate" label="首次逾期日期" align="center" width="120"/>
+            <el-table-column prop="beOverdueMoney" label="逾期金额" align="center" width="100" />
+            <el-table-column prop="beOverduePeriod" label="逾期期数" align="center" width="100" />
+            <el-table-column prop="beOverdueMoneyAndPeriod" label="换算期数" align="center" width="100" />
+            <el-table-column v-if="dbrVisible" label="担保人" align="center" width="140">
+              <template slot-scope="scope">
+                <span class="bluezi" @click="cautionerEdit(scope.row)">编辑</span>
+              </template>
+            </el-table-column>
+            <el-table-column v-if="hkxyVisible" label="还款协议" align="center" width="140">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="handleUpload(scope.row, scope.$index)">上传</el-button>
+                <el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.hkxyFiles.length > 0" @click="handleLook(scope.row.hkxyFiles)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="查看相关资料" align="center" width="150">
+              <template slot-scope="scope">
+                <el-select v-model="scope.row.name" @change="dataChange($event, scope.row, scope.row.sids)" placeholder="请选择" clearable>
+                  <el-option v-for="item in scope.row.sids" :key="item.name" :label="item.name" :value="item.name"></el-option>
+                </el-select>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-form>
+      </div>
+    </div>
+    <!-- 查看车辆历史催收记录 -->
+    <vehiclecollectionrecords v-show="viewState == 2" ref="divCollection" @doback="resetState" />
+    <!-- 查看车辆历史催收记录 -->
+    <billingInfo v-show="viewState == 3" ref="divBilling" @doback="resetState" />
+    <!-- 查看月还明细 -->
+    <monthlyreturnInfo v-show="viewState == 4" ref="divMonthlyReturn" @doback="resetState"/>
+    <!-- 查看销售订单--金融方案 -->
+    <financialschemeInfo v-show="viewState == 5" ref="divFinancial" @doback="resetState"/>
+    <!-- 查看家访考察报告 -->
+    <homevisitreport v-show="viewState == 6" ref="divReport" @doback="resetState"/>
+    <!-- 查看家访资料 -->
+    <materialInfo v-show="viewState == 7" ref="divMterial" @doback="resetState"/>
+    <!-- 编辑担保人信息 -->
+    <cautionerAdd v-show="viewState == 8" ref="divCautioner" @doback="resetState" />
+    <!-- 还款协议上传 -->
+    <el-dialog center :visible.sync="uploadVisible" :show-close="false">
+      <el-form class="formadd" :model="accessory">
+        <el-row style="border-top: 1px solid #E0E3EB">
+          <el-col :span="24">
+            <el-form-item>
+              <uploadImg ref="uploadImg" v-model="accessory.policyImages" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" size="small" @click="handleConfirm">确定</el-button>
+        <el-button size="small" @click="handleColse">取消</el-button>
+      </span>
+    </el-dialog>
+    <!-- 还款协议查看 -->
+    <el-dialog :visible.sync="dialogVisible">
+      <el-image style="width: 150px; height: 150px" v-for="(item, index) in list" :key="index" :src="item" :preview-src-list="list"/>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import req from '@/api/collectionmeasures/collectionmeasures'
+import uploadImg from '@/components/uploadFile/uploadImg'
+import vehiclecollectionrecords from './relation/vehiclecollectionrecords'
+import billingInfo from './relation/billingInfo'
+import monthlyreturnInfo from './relation/monthlyreturnInfo'
+import financialschemeInfo from '../publicPage/financialschemeInfo'
+import homevisitreport from './relation/homevisitreport'
+import materialInfo from './relation/materialInfo'
+import cautionerAdd from './relation/cautionerAdd'
+
+export default {
+  name: 'CollectionMeasuresEdit',
+  components: {
+    uploadImg,
+    vehiclecollectionrecords,
+    billingInfo,
+    monthlyreturnInfo,
+    financialschemeInfo,
+    homevisitreport,
+    materialInfo,
+    cautionerAdd
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      submitdisabled: false,
+      uploadVisible: false,
+      dialogVisible: false,
+      hkxyVisible: false,
+      dbrVisible: false,
+      list: [],
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        billNo: '',
+        collMeasures: [],
+        createByName: '',
+        createBySid: '',
+        createTime: '',
+        deptName: '',
+        deptSid: '',
+        files: [],
+        loanBeCollectionVehDetails: [],
+        nodeSid: '',
+        nodeState: '',
+        orgPath: '',
+        procDefId: '',
+        procInstSid: '',
+        sid: '',
+        taskId: '',
+        useOrgName: '',
+        useOrgSid: '',
+        remarks: ''
+      },
+      accessory: {
+        index: '',
+        policyImages: []
+      },
+      rules: {}
+    }
+  },
+  created() {
+    console.log('url:' + window.location.href)
+    var one = window.location.href.indexOf('&data') + 6
+    const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
+    const obj = JSON.parse(decodeURIComponent(data))
+    this.showInfo(obj.businessSid)
+  },
+  mounted() {
+    window.parent.postMessage({
+      cmd: 'returnHeight',
+      params: {
+        // 告诉父级页面，子页面的弹框高度。
+        code: 2,
+        data: 500 + 'px'
+      }
+    }, '*')
+  },
+  methods: {
+    showInfo(sid) {
+      this.viewTitle = '【编辑】催收措施申请'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.fetchBySid(sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          this.formobj.instanceId = res.data.procInstSid
+          this.collMeasuresChange(this.formobj.collMeasures)
+        }
+      })
+    },
+    collMeasuresChange(val) {
+      if (val.includes('签订还款协议')) {
+        this.hkxyVisible = true
+      }
+      if (val.includes('增加担保人')) {
+        this.dbrVisible = true
+      }
+    },
+    cautionerEdit(row) {
+      this.viewState = 8
+      this.$refs['divCautioner'].showAdd(row.saleVehSid)
+    },
+    // 上传
+    handleUpload(row, index) {
+      this.uploadVisible = true
+      this.accessory.index = index
+      this.accessory.policyImages = row.hkxyFiles
+    },
+    // 确定
+    handleConfirm() {
+      this.formobj.loanBeCollectionVehDetails[this.accessory.index].hkxyFiles = this.accessory.policyImages
+      this.handleColse()
+    },
+    // 取消
+    handleColse() {
+      this.uploadVisible = false
+      this.accessory = {
+        index: '',
+        policyImages: []
+      }
+    },
+    handleLook(row) {
+      this.dialogVisible = true
+      if (row.length > 0) {
+        const aa = []
+        row.forEach((e) => {
+          aa.push(e.url)
+        })
+        this.list = aa
+      }
+    },
+    dataChange(value, row, list) {
+      const choose = list.filter((item) => item.name === value)
+      if (value === '催收记录' && choose[0].sid !== '') {
+        this.viewState = 2
+        this.$refs['divCollection'].showInfo({ saleVehSid: choose[0].sid })
+      } else if (value === '开票信息' && choose[0].sid !== '') {
+        this.viewState = 3
+        this.$refs['divBilling'].showInfo({ kpglSid: choose[0].sid })
+      } else if (value === '月还明细' && choose[0].sid !== '') {
+        this.viewState = 4
+        this.$refs['divMonthlyReturn'].showInfo({ saleVehSid: choose[0].sid })
+      } else if (value === '金融方案' && choose[0].sid !== '') {
+        req.selectDetailss({ businessSid: choose[0].sid }).then((res) => {
+          if (res.success) {
+            this.viewState = 5
+            this.$refs['divFinancial'].showInfo(res.data, '03')
+          }
+        })
+      } else if (value === '家访考察报告' && choose[0].sid !== '') {
+        this.viewState = 6
+        this.$refs['divReport'].showInfo({ kcbgSid: choose[0].sid })
+      } else if (value === '家访考察资料' && choose[0].sid !== '') {
+        this.viewState = 7
+        this.$refs['divMterial'].showInfo({ kczlSid: choose[0].sid })
+      } else {
+
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    saveOrUpdate() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
+          req.saveOrUpdate(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+              // 子页面向父级页面传递值(关闭弹框)
+              window.parent.postMessage({
+                cmd: 'returnHeight',
+                params: {
+                  // 操作成功，告诉父级页面关闭弹框
+                  code: 1
+                }
+              }, '*')
+            } else {
+              this.submitdisabled = false
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        }
+      })
+    },
+    submit() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
+          req.submit(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '操作成功' })
+              // 子页面向父级页面传递值(关闭弹框)
+              window.parent.postMessage({
+                cmd: 'returnHeight',
+                params: {
+                  // 操作成功，告诉父级页面关闭弹框
+                  code: 1
+                }
+              }, '*')
+            } else {
+              this.submitdisabled = false
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.addinputInfo {
+  margin-left: 60px !important;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/collectionmeasuresYiBan.vue b/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/collectionmeasuresYiBan.vue
new file mode 100644
index 0000000000..c1d98afa04
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/collectionmeasuresYiBan.vue
@@ -0,0 +1,309 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="danger" size="small" @click="openRevoke()">撤回</el-button>
+        </div>
+      </div>
+      <div class="">
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="8">
+              <div class="span-sty">申请部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">措施</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.collMeasures }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">备注</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">附件</div>
+              <el-form-item>
+                <el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.files" :key="index" :src="item" :preview-src-list="formobj.files"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            <div>逾期车辆列表</div>
+          </div>
+          <el-table :key="tableKey" :data="formobj.loanBeCollectionVehDetails" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column prop="vinNo" label="车架号" align="center" />
+            <el-table-column prop="carNum" label="车牌号" align="center" width="100" />
+            <el-table-column prop="custName" label="客户名称" align="center" width="100" />
+            <el-table-column prop="custPhone" label="联系电话" align="center" width="100"/>
+            <el-table-column prop="loanContractNo" label="贷款合同编号" align="center" width="120" />
+            <el-table-column prop="bankName" label="资方" align="center" width="100" />
+            <el-table-column prop="firstBeDate" label="首次逾期日期" align="center" width="120"/>
+            <el-table-column prop="beOverdueMoney" label="逾期金额" align="center" width="100" />
+            <el-table-column prop="beOverduePeriod" label="逾期期数" align="center" width="100" />
+            <el-table-column prop="beOverdueMoneyAndPeriod" label="换算期数" align="center" width="100" />
+            <el-table-column v-if="dbrVisible" label="担保人" align="center" width="140">
+              <template slot-scope="scope">
+                <span class="bluezi" @click="cautionerLook(scope.row)">查看</span>
+              </template>
+            </el-table-column>
+            <el-table-column v-if="hkxyVisible" label="还款协议" align="center" width="140">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.hkxyFiles.length > 0" @click="handleLook(scope.row.hkxyFiles)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="查看相关资料" align="center" width="150">
+              <template slot-scope="scope">
+                <el-select v-model="scope.row.name" @change="dataChange($event, scope.row, scope.row.sids)" placeholder="请选择" clearable>
+                  <el-option v-for="item in scope.row.sids" :key="item.name" :label="item.name" :value="item.name"></el-option>
+                </el-select>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-form>
+      </div>
+    </div>
+    <!-- 查看车辆历史催收记录 -->
+    <vehiclecollectionrecords v-show="viewState == 2" ref="divCollection" @doback="resetState" />
+    <!-- 查看车辆历史催收记录 -->
+    <billingInfo v-show="viewState == 3" ref="divBilling" @doback="resetState" />
+    <!-- 查看月还明细 -->
+    <monthlyreturnInfo v-show="viewState == 4" ref="divMonthlyReturn" @doback="resetState"/>
+    <!-- 查看销售订单--金融方案 -->
+    <financialschemeInfo v-show="viewState == 5" ref="divFinancial" @doback="resetState"/>
+    <!-- 查看家访考察报告 -->
+    <homevisitreport v-show="viewState == 6" ref="divReport" @doback="resetState"/>
+    <!-- 查看家访资料 -->
+    <materialInfo v-show="viewState == 7" ref="divMterial" @doback="resetState"/>
+    <!-- 查看担保人信息 -->
+    <cautionerInfo v-show="viewState == 8" ref="divCautioner" @doback="resetState" />
+    <!-- 还款协议查看 -->
+    <el-dialog :visible.sync="dialogVisible">
+      <el-image style="width: 150px; height: 150px" v-for="(item, index) in list" :key="index" :src="item" :preview-src-list="list"/>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import req from '@/api/collectionmeasures/collectionmeasures'
+import vehiclecollectionrecords from './relation/vehiclecollectionrecords'
+import billingInfo from './relation/billingInfo'
+import monthlyreturnInfo from './relation/monthlyreturnInfo'
+import financialschemeInfo from '../publicPage/financialschemeInfo'
+import homevisitreport from './relation/homevisitreport'
+import materialInfo from './relation/materialInfo'
+import cautionerInfo from './relation/cautionerInfo'
+
+export default {
+  name: 'CollectionMeasuresYiBan',
+  components: {
+    vehiclecollectionrecords,
+    billingInfo,
+    monthlyreturnInfo,
+    financialschemeInfo,
+    homevisitreport,
+    materialInfo,
+    cautionerInfo
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      dialogVisible: false,
+      hkxyVisible: false,
+      dbrVisible: false,
+      list: [],
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        billNo: '',
+        collMeasures: [],
+        createByName: '',
+        createBySid: '',
+        createTime: '',
+        deptName: '',
+        deptSid: '',
+        files: [],
+        loanBeCollectionVehDetails: [],
+        nodeSid: '',
+        nodeState: '',
+        orgPath: '',
+        procDefId: '',
+        procInstSid: '',
+        sid: '',
+        taskId: '',
+        useOrgName: '',
+        useOrgSid: '',
+        remarks: ''
+      },
+      // 环节所需参数
+      linkByParameter: {
+        businessSid: '',
+        comment: '',
+        instanceId: '',
+        taskId: '',
+        orgSidPath: '',
+        taskDefKey: '',
+        userSid: ''
+      },
+      rules: {}
+    }
+  },
+  created() {
+    console.log('url:' + window.location.href)
+    var one = window.location.href.indexOf('&data') + 6
+    const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
+    const obj = JSON.parse(decodeURIComponent(data))
+    console.log('iframe页面获取的obj:', obj)
+    // 点击（同意、终止、驳回、驳回）操作时所需的参数
+    this.linkByParameter.businessSid = obj.businessSid
+    this.linkByParameter.instanceId = obj.instanceId
+    this.linkByParameter.taskId = obj.taskId
+    this.linkByParameter.taskDefKey = obj.taskDefKey
+    this.linkByParameter.userSid = window.sessionStorage.getItem('userSid')
+    // 加载表单数据
+    this.showInfo(obj.businessSid)
+  },
+  mounted() {
+    window.parent.postMessage({
+      cmd: 'returnHeight',
+      params: {
+        // 告诉父级页面，子页面的弹框高度。
+        code: 2,
+        data: 500 + 'px'
+      }
+    }, '*')
+  },
+  methods: {
+    showInfo(sid) {
+      this.viewTitle = '催收措施申请详情'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.fetchBySid(sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          this.formobj.collMeasures = this.formobj.collMeasures.join(',')
+          if (this.formobj.collMeasures.indexOf('签订还款协议') !== -1) {
+            this.hkxyVisible = true
+          }
+          if (this.formobj.collMeasures.indexOf('增加担保人') !== -1) {
+            this.dbrVisible = true
+          }
+          if (this.formobj.files.length > 0) {
+            const aa = []
+            this.formobj.files.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.files = aa
+          }
+        }
+      })
+    },
+    cautionerLook(row) {
+      this.viewState = 8
+      this.$refs['divCautioner'].showInfo(row.saleVehSid)
+    },
+    handleLook(row) {
+      this.dialogVisible = true
+      if (row.length > 0) {
+        const aa = []
+        row.forEach((e) => {
+          aa.push(e.url)
+        })
+        this.list = aa
+      }
+    },
+    dataChange(value, row, list) {
+      const choose = list.filter((item) => item.name === value)
+      if (value === '催收记录' && choose[0].sid !== '') {
+        this.viewState = 2
+        this.$refs['divCollection'].showInfo({ saleVehSid: choose[0].sid })
+      } else if (value === '开票信息' && choose[0].sid !== '') {
+        this.viewState = 3
+        this.$refs['divBilling'].showInfo({ kpglSid: choose[0].sid })
+      } else if (value === '月还明细' && choose[0].sid !== '') {
+        this.viewState = 4
+        this.$refs['divMonthlyReturn'].showInfo({ saleVehSid: choose[0].sid })
+      } else if (value === '金融方案' && choose[0].sid !== '') {
+        req.selectDetailss({ businessSid: choose[0].sid }).then((res) => {
+          if (res.success) {
+            this.viewState = 5
+            this.$refs['divFinancial'].showInfo(res.data, '03')
+          }
+        })
+      } else if (value === '家访考察报告' && choose[0].sid !== '') {
+        this.viewState = 6
+        this.$refs['divReport'].showInfo({ kcbgSid: choose[0].sid })
+      } else if (value === '家访考察资料' && choose[0].sid !== '') {
+        this.viewState = 7
+        this.$refs['divMterial'].showInfo({ kczlSid: choose[0].sid })
+      } else {
+
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    /** 确认撤回任务 */
+    openRevoke() {
+      this.$confirm('是否确认执行撤回操作', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.handleRevoke()
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消撤回'
+        })
+      })
+    },
+    /** 撤回任务 */
+    handleRevoke() {
+      req.revokeProcess(this.linkByParameter).then((response) => {
+        if (response.success) {
+          this.$notify({
+            title: '提示',
+            message: '执行成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.addinputInfo {
+  margin-left: 60px !important;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/relation/billingInfo.vue b/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/relation/billingInfo.vue
new file mode 100644
index 0000000000..718ad6222a
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/relation/billingInfo.vue
@@ -0,0 +1,272 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <!--标题-->
+        <div>{{ viewTitle }}</div>
+        <!--start 添加修改按钮-->
+        <div>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div class="">
+        <div class="titwu">发票信息</div>
+        <el-form ref="form_obj" v-model="formobj" :rules="rules" class="formaddcopy02">
+<!--          <el-row style="border-left: 0px">-->
+<!--            <el-col :span="24" style="border-right: 0px;text-align: right">-->
+<!--              <el-button type="primary" size="small" @click="handleLook">查看收款情况</el-button>-->
+<!--            </el-col>-->
+<!--          </el-row>-->
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="16">
+              <div class="span-sty">开票单位</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.invoiceTitle }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.contractNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">车架号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinNo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">业务状态</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.businessState }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">是否领票</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.isTakeTicket }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">发票状态</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.billingState }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">开票类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.invoiceType }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.invoiceAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.drawer }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">发票号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.invoiceNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">发票代码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.invoiceCode }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">接收人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.recipient }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">接收日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.transferTime }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">移交状态</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.transferState }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">移交备注</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.transferRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">发票照片</div>
+              <el-form-item>
+                <div class="addinputInfo">
+                  <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in formobj.filePaths" :key="index" :src="item" :preview-src-list="formobj.filePaths"></el-image>
+                </div>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">开票申请附件</div>
+              <el-form-item>
+                <div class="addinputInfo">
+                  <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in formobj.billingFilePaths" :key="index" :src="item" :preview-src-list="formobj.billingFilePaths"></el-image>
+                </div>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">合格证</div>
+              <el-form-item>
+                <div class="addinputInfo">
+                  <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in formobj.certificatePaths" :key="index" :src="item" :preview-src-list="formobj.certificatePaths"></el-image>
+                </div>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">开票信息</div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">开票名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.invoicingName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">纳税人识别号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.taxpayerNo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">地址</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.address }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.telPhone }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">开户行</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.openingBank }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">银行账号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bankNum }}</span></el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <!-- 查看收款情况 -->
+<!--    <coupon v-show="viewState == 2" ref="divLook" @doback="resetState"/>-->
+  </div>
+</template>
+
+<script>
+import req from '@/api/overduevehicle/overduevehicle'
+// import coupon from './relation/coupon'
+
+export default {
+  name: 'BillingInfo',
+  // components: {
+  //   coupon
+  // },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      formobj: {
+        sid: '',
+        invoiceTitle: '',
+        contractNo: '',
+        customerName: '',
+        invoiceType: '',
+        invoiceAmount: '',
+        billingState: '',
+        invoicingName: '',
+        name: '',
+        createTime: '',
+        invoiceNo: '',
+        invoiceCode: '',
+        businessState: '',
+        isTakeTicket: '',
+        drawer: '',
+        filePaths: [],
+        billingFilePaths: [],
+        certificatePaths: [],
+        vinNo: '',
+        vehicleSid: ''
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showInfo(row) {
+      this.viewTitle = '发票信息'
+      req.fetchSidByBilling(row.kpglSid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+        }
+      })
+    },
+    // handleLook() {
+    //   this.viewState = 2
+    //   this.$refs['divLook'].showInfo(this.formobj.contractNo, { vinSid: this.formobj.vehicleSid })
+    // },
+    // resetState() {
+    //   this.viewState = 1
+    // },
+    handleReturn() {
+      this.formobj = {
+        sid: '',
+        invoiceTitle: '',
+        contractNo: '',
+        customerName: '',
+        invoiceType: '',
+        invoiceAmount: '',
+        billingState: '',
+        invoicingName: '',
+        name: '',
+        createTime: '',
+        invoiceNo: '',
+        invoiceCode: '',
+        businessState: '',
+        isTakeTicket: '',
+        drawer: '',
+        filePaths: [],
+        billingFilePaths: [],
+        certificatePaths: [],
+        vinNo: '',
+        vehicleSid: ''
+      }
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.titwu {
+  font-size: 28px;
+  text-align: center;
+  padding: 30px 0 20px 0;
+}
+.span-sty {
+  width: 100px !important;
+}
+.addinputInfo {
+  margin-left: 90px !important;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/relation/cautionerAdd.vue b/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/relation/cautionerAdd.vue
new file mode 100644
index 0000000000..f01e29291e
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/relation/cautionerAdd.vue
@@ -0,0 +1,198 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">保存</el-button>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div class="">
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="12">
+              <div class="span-sty"><span class="icon">*</span>姓名</div>
+              <el-form-item><el-input v-model="formobj.peoName" clearable placeholder="" class="addinputInfo addinputw" /></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty"><span class="icon">*</span>身份证号码</div>
+              <el-form-item><el-input v-model="formobj.idNumber" clearable placeholder="" class="addinputInfo addinputw" /></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty"><span class="icon">*</span>手机号码</div>
+              <el-form-item><el-input v-model="formobj.mobile" clearable placeholder="" class="addinputInfo addinputw" /></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">职业</div>
+              <el-form-item>
+                <el-select class="addinputInfo" v-model="formobj.peoCareerKey" @change="careerTypeChange" placeholder="请选择" filterable>
+                  <el-option v-for="item in careerType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">户籍地址</div>
+              <el-form-item><el-input v-model="formobj.peoDomAddress" clearable placeholder="" class="addinputInfo addinputw" /></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">现住址</div>
+              <el-form-item><el-input v-model="formobj.peoPreAddress" clearable placeholder="" class="addinputInfo addinputw" /></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">工作单位</div>
+              <el-form-item><el-input v-model="formobj.workUnit" clearable placeholder="" class="addinputInfo addinputw" /></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">附件</div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">身份证正反面</div>
+              <el-form-item>
+                <upload-img ref="uploadImg" class="addinputInfo" v-model="formobj.sfzFiles" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">担保协议</div>
+              <el-form-item>
+                <upload-img ref="uploadImg" class="addinputInfo" v-model="formobj.dbxyFiles" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">其他</div>
+              <el-form-item>
+                <upload-img ref="uploadImg" class="addinputInfo" v-model="formobj.qtFiles" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/collectionmeasures/collectionmeasures'
+import uploadImg from '@/components/uploadFile/uploadImg'
+import { typeValues } from '@/api/Common/dictcommons'
+
+export default {
+  name: 'CautionerAdd',
+  components: {
+    uploadImg
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      submitdisabled: false,
+      careerType_list: {},
+      formobj: {
+        dbxyFiles: [],
+        idNumber: '',
+        mainSid: '',
+        mobile: '',
+        peoCareerKey: '',
+        peoCareerValue: '',
+        peoDomAddress: '',
+        peoName: '',
+        peoPreAddress: '',
+        peoType: '',
+        peoTypeKey: '',
+        workUnit: '',
+        qtFiles: [],
+        saleVehSid: '',
+        sfzFiles: [],
+        sid: ''
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showAdd(sid) {
+      typeValues({ type: 'careerType' }).then((res) => {
+        if (res.success) {
+          this.careerType_list = res.data
+        }
+      })
+      this.viewTitle = '担保人'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.initDbr({ saleVehSid: sid }).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+        }
+      })
+    },
+    careerTypeChange(value) {
+      const choose = this.careerType_list.filter((item) => item.dictKey === value)
+      if (choose.length > 0 && choose !== null) {
+        this.formobj.peoCareerValue = choose[0].dictValue
+      } else {
+        this.formobj.peoCareerValue = ''
+      }
+    },
+    saveOrUpdate() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
+          req.saveDbr(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '操作成功' })
+              this.handleReturn()
+            } else {
+              this.submitdisabled = false
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        }
+      })
+    },
+    handleReturn() {
+      this.formobj = {
+        dbxyFiles: [],
+        idNumber: '',
+        mainSid: '',
+        mobile: '',
+        peoCareerKey: '',
+        peoCareerValue: '',
+        peoDomAddress: '',
+        peoName: '',
+        peoPreAddress: '',
+        peoType: '',
+        peoTypeKey: '',
+        workUnit: '',
+        qtFiles: [],
+        saleVehSid: '',
+        sfzFiles: [],
+        sid: ''
+      }
+      this.submitdisabled = false
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 140px !important;
+}
+.addinputInfo {
+  margin-left: 130px !important;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/relation/cautionerInfo.vue b/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/relation/cautionerInfo.vue
new file mode 100644
index 0000000000..f6a0cbdf04
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/relation/cautionerInfo.vue
@@ -0,0 +1,173 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div class="">
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="12">
+              <div class="span-sty">姓名</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.peoName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">身份证号码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.idNumber }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">手机号码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.mobile }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">职业</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.peoCareerValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">户籍地址</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.peoDomAddress }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">现住址</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.peoPreAddress }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">工作单位</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.workUnit }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">附件</div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">身份证正反面</div>
+              <el-form-item>
+                <el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.sfzFiles" :key="index" :src="item" :preview-src-list="formobj.sfzFiles"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">担保协议</div>
+              <el-form-item>
+                <el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.dbxyFiles" :key="index" :src="item" :preview-src-list="formobj.dbxyFiles"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">其他</div>
+              <el-form-item>
+                <el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.qtFiles" :key="index" :src="item" :preview-src-list="formobj.qtFiles"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/collectionmeasures/collectionmeasures'
+
+export default {
+  name: 'CautionerInfo',
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      formobj: {
+        dbxyFiles: [],
+        idNumber: '',
+        mainSid: '',
+        mobile: '',
+        peoCareerKey: '',
+        peoCareerValue: '',
+        peoDomAddress: '',
+        peoName: '',
+        peoPreAddress: '',
+        peoType: '',
+        peoTypeKey: '',
+        workUnit: '',
+        qtFiles: [],
+        saleVehSid: '',
+        sfzFiles: [],
+        sid: ''
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showInfo(sid) {
+      this.viewTitle = '担保人'
+      req.initDbr({ saleVehSid: sid }).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          if (this.formobj.sfzFiles.length > 0) {
+            const aa = []
+            this.formobj.sfzFiles.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.sfzFiles = aa
+          }
+          if (this.formobj.dbxyFiles.length > 0) {
+            const bb = []
+            this.formobj.dbxyFiles.forEach((e) => {
+              bb.push(e.url)
+            })
+            this.formobj.dbxyFiles = bb
+          }
+          if (this.formobj.qtFiles.length > 0) {
+            const cc = []
+            this.formobj.qtFiles.forEach((e) => {
+              cc.push(e.url)
+            })
+            this.formobj.qtFiles = cc
+          }
+        }
+      })
+    },
+    handleReturn() {
+      this.formobj = {
+        dbxyFiles: [],
+        idNumber: '',
+        mainSid: '',
+        mobile: '',
+        peoCareerKey: '',
+        peoCareerValue: '',
+        peoDomAddress: '',
+        peoName: '',
+        peoPreAddress: '',
+        peoType: '',
+        peoTypeKey: '',
+        workUnit: '',
+        qtFiles: [],
+        saleVehSid: '',
+        sfzFiles: [],
+        sid: ''
+      }
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 140px !important;
+}
+.addinputInfo {
+  margin-left: 130px !important;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/relation/homevisitreport.vue b/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/relation/homevisitreport.vue
new file mode 100644
index 0000000000..6da91588cd
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/relation/homevisitreport.vue
@@ -0,0 +1,494 @@
+<template>
+  <div class="app-container">
+    <div class="tab-header webtop">
+      <div>{{ viewTitle }}</div>
+      <div>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+      </div>
+    </div>
+    <div class="">
+      <el-form ref="form_obj" :model="formobj" class="formaddcopy02">
+<!--        <div class="title">客户信息</div>-->
+        <div class="title">借款人</div>
+        <el-row style="border-top: 1px solid #e0e3eb">
+          <el-col :span="8">
+            <div class="span-sty"><span>借款人姓名</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.borrowerName }}<span v-show="formobj.isConfirmRealBuyer">(实际购车人)</span></span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">身份证号</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.borrowerIdNumber }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">电话</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.borrowerMobile }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty"><span>借款人职业</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.borrowerCareerValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">婚姻情况</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.maritalStatusValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">有无子女</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.isChildrenValue }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24" class="tlineheightb">
+            <div class="span-sty"><span>借款人户籍地址</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.borrowerDomAddress }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24" class="tlineheightb">
+            <div class="span-sty"><span>借款人现住址</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.borrowerPreAddress }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty"><span>银行卡号</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.bankCardNo }}</span></el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <div class="span-sty">开户行</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.depositBank }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty"><span>银行卡照片</span></div>
+            <el-form-item>
+              <el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.yhkImages" :key="index" :src="item" :preview-src-list="formobj.yhkImages"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">配偶</div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty"><span>配偶姓名</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.spouseName }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">身份证号</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.spouseIdNumber }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">电话</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.spouseMobile }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty"><span>配偶职业</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.spouseCareerValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8" class="tlineheightb">
+            <div class="span-sty">户籍地址</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.spouseDomAddress }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8" class="tlineheightb">
+            <div class="span-sty">现住址</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.spousePreAddress }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">其他人员</div>
+        <el-table :key="tableKey" :data="formobj.loanHomevisitInvestigateOtherpeoDetailsPCVoList" :index="index" border style="width: 100%">
+          <el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center"/>
+          <el-table-column prop="peoType" label="人员身份" align="center" width="130"/>
+          <el-table-column prop="peoName" label="姓名" align="center" width="100"/>
+          <el-table-column prop="idNumber" label="身份证号码" align="center" width="170"/>
+          <el-table-column prop="mobile" label="电话" align="center" width="130"/>
+          <el-table-column prop="peoDomAddress" label="现住址" header-align="center" align="left"/>
+          <el-table-column prop="workUnit" label="工作单位" header-align="center" align="left"/>
+          <el-table-column prop="peoCareerValue" label="职业" align="center" width="100"/>
+        </el-table>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty"><span>紧急联系人</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.emergencyContact }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">电话</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.emergencyMobile }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">关系</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.relationshipValue }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">订单信息</div>
+        <el-row>
+          <el-col :span="8" class="tlineheightb">
+            <div class="span-sty"><span>车辆信息确认</span></div>
+            <el-form-item><span class="addinputInfo">现场询问客户车辆信息是否与订单一致</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item><span class="addinputInfo">{{ formobj.carConfirm }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8" class="tlineheightb">
+            <div class="span-sty">备注</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.carRemarks }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8" class="tlineheightb">
+            <div class="span-sty"><span>金融方案信息确认</span></div>
+            <el-form-item><span class="addinputInfo">现场询问客户金融方案信息是否与订单一致</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item><span class="addinputInfo">{{ formobj.finConfirm }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8" class="tlineheightb">
+            <div class="span-sty">备注</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.finRemarks }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty"><span>金融方案信息确认</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.finDownPay }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item><span class="addinputInfo">{{ formobj.finConfirm }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8" class="tlineheightb">
+            <div class="span-sty">备注</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.finDownPayRemarks }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">营运经历</div>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty"><span>行业年限</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.industryYears }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty"><span>驾驶证类型</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.driveProTypeValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8" class="tlineheightb">
+            <div class="span-sty">以往营运方式</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.beforeOpeTypeValue }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">运输信息</div>
+        <el-row>
+          <el-col :span="8" class="tlineheightb">
+            <div class="span-sty"><span>运输路线</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.transportRoute }}</span></el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <div class="span-sty"><span>运输方式</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.transportTypeValue }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty"><span>运输货物(去程)</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.transportGoodsTrip }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty"><span>运输货物(回程)</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.transportGoodsRetTrip }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">来回里程</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.roundTripMileage }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty"><span>载重(吨)</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.deadWeight }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty"><span>每月/趟</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.monthlyTrip }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">每趟/元</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.perTripYuan }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty"><span>每趟油耗</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.fuelConsumptionPerTrip }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty"><span>司机工资</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.driverSalary }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">过路费</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.toll }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty"><span>维修保养</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.maintenance }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty"><span>预期收益</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.expectedRevenue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">净收入</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.netIncome }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">资产情况</div>
+        <el-row v-if="formobj.isRealEstate">
+          <el-col :span="8">
+            <div class="span-sty"><span style="margin-right: 5px">房产</span><span>产权类型</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.propertyType == '1' ? '商品房' : formobj.propertyType == '2' ? '商铺' : formobj.propertyType == '3' ? '集体': ''}}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty"><span>贷款情况</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.realLoanSituation }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">备注</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.realRemarks }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row v-if="formobj.isCar">
+          <el-col :span="8">
+            <div class="span-sty"><span style="margin-right: 5px">车辆</span><span>车辆类型</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.carType == '1' ? '商用车' : formobj.carType == '2' ? '轿车' : '' }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty"><span>贷款情况</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.carLoanSituation }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">备注</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.zcCarRemarks }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty"><span>首付来源</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.downPaySourceValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <div class="span-sty"><span>其他收入来源</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.otherSourceValue }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">考察意见及结果</div>
+        <el-row>
+          <el-col :span="24" class="tlineheightb">
+            <div class="span-sty"><span>考察意见</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty"><span>考察结果</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/overduevehicle/overduevehicle'
+export default {
+  name: 'HomeVisitReport',
+  data() {
+    return {
+      viewTitle: '',
+      tableKey: 1,
+      index: 0,
+      formobj: {
+        bankCardNo: '',
+        beforeOpeTypeValue: '',
+        borrowerCareerValue: '',
+        borrowerDomAddress: '',
+        borrowerIdNumber: '',
+        borrowerMobile: '',
+        borrowerName: '',
+        borrowerPreAddress: '',
+        carConfirm: '',
+        carLoanSituation: '',
+        carRemarks: '',
+        carType: 0,
+        deadWeight: '',
+        depositBank: '',
+        downPaySourceValue: '',
+        driveProTypeValue: '',
+        driverSalary: '',
+        emergencyContact: '',
+        emergencyMobile: '',
+        expectedRevenue: '',
+        finConfirm: '',
+        finDownPay: '',
+        finDownPayRemarks: '',
+        finRemarks: '',
+        fuelConsumptionPerTrip: '',
+        homeVisAddress: '',
+        homeVisStaffName: '',
+        homeVisUserSid: '',
+        industryYears: '',
+        investigateKey: '',
+        investigateValue: '',
+        isCar: true,
+        isChildrenValue: '',
+        isConfirmRealBuyer: true,
+        isRealEstate: true,
+        loanHomevisitInvestigateOtherpeoDetailsPCVoList: [],
+        maintenance: '',
+        maritalStatusValue: '',
+        monthlyTrip: '',
+        netIncome: '',
+        otherSourceValue: '',
+        perTripYuan: '',
+        prepSid: '',
+        propertyType: 0,
+        realLoanSituation: '',
+        realRemarks: '',
+        relationshipValue: '',
+        remarks: '',
+        resHomeVisDate: '',
+        roundTripMileage: '',
+        saleOrderBorrowerSid: '',
+        saleOrderSid: '',
+        sid: '',
+        spouseCareerValue: '',
+        spouseDomAddress: '',
+        spouseIdNumber: '',
+        spouseMobile: '',
+        spouseName: '',
+        spousePreAddress: '',
+        toll: '',
+        transportGoodsRetTrip: '',
+        transportGoodsTrip: '',
+        transportRoute: '',
+        transportTypeValue: '',
+        yhkImages: [],
+        zcCarRemarks: ''
+      }
+    }
+  },
+  methods: {
+    showInfo(row) {
+      this.viewTitle = '家访考察报告'
+      req.detailsPc({ sid: row.kcbgSid }).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          if (this.formobj.yhkImages.length > 0) {
+            const aa = []
+            this.formobj.yhkImages.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.yhkImages = aa
+          }
+        }
+      })
+    },
+    handleReturn() {
+      this.formobj = {
+        bankCardNo: '',
+        beforeOpeTypeValue: '',
+        borrowerCareerValue: '',
+        borrowerDomAddress: '',
+        borrowerIdNumber: '',
+        borrowerMobile: '',
+        borrowerName: '',
+        borrowerPreAddress: '',
+        carConfirm: '',
+        carLoanSituation: '',
+        carRemarks: '',
+        carType: 0,
+        deadWeight: '',
+        depositBank: '',
+        downPaySourceValue: '',
+        driveProTypeValue: '',
+        driverSalary: '',
+        emergencyContact: '',
+        emergencyMobile: '',
+        expectedRevenue: '',
+        finConfirm: '',
+        finDownPay: '',
+        finDownPayRemarks: '',
+        finRemarks: '',
+        fuelConsumptionPerTrip: '',
+        homeVisAddress: '',
+        homeVisStaffName: '',
+        homeVisUserSid: '',
+        industryYears: '',
+        investigateKey: '',
+        investigateValue: '',
+        isCar: true,
+        isChildrenValue: '',
+        isConfirmRealBuyer: true,
+        isRealEstate: true,
+        loanHomevisitInvestigateOtherpeoDetailsPCVoList: [],
+        maintenance: '',
+        maritalStatusValue: '',
+        monthlyTrip: '',
+        netIncome: '',
+        otherSourceValue: '',
+        perTripYuan: '',
+        prepSid: '',
+        propertyType: 0,
+        realLoanSituation: '',
+        realRemarks: '',
+        relationshipValue: '',
+        remarks: '',
+        resHomeVisDate: '',
+        roundTripMileage: '',
+        saleOrderBorrowerSid: '',
+        saleOrderSid: '',
+        sid: '',
+        spouseCareerValue: '',
+        spouseDomAddress: '',
+        spouseIdNumber: '',
+        spouseMobile: '',
+        spouseName: '',
+        spousePreAddress: '',
+        toll: '',
+        transportGoodsRetTrip: '',
+        transportGoodsTrip: '',
+        transportRoute: '',
+        transportTypeValue: '',
+        yhkImages: [],
+        zcCarRemarks: ''
+      }
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 150px !important;
+}
+.addinputInfo {
+  margin-left: 140px !important;
+}
+.tlineheightb {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
+  line-height: 15px !important;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/relation/materialInfo.vue b/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/relation/materialInfo.vue
new file mode 100644
index 0000000000..de02a612b4
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/relation/materialInfo.vue
@@ -0,0 +1,259 @@
+<template>
+  <div class="app-container">
+    <div class="tab-header webtop">
+      <!--标题-->
+      <div>{{ viewTitle }}</div>
+      <!--start 添加修改按钮-->
+      <div>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+      </div>
+    </div>
+    <div class="">
+      <el-form ref="form_obj" :model="formobj" class="formaddcopy02">
+        <el-collapse v-model="activeNames" accordion>
+          <el-collapse-item title="家访见证类" name="1">
+            <el-row>
+              <el-col :span="24">
+                <div class="span-sty colSty">定位信息</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.locationStr }}</span></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <div class="span-sty colSty">房屋照片</div>
+                <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.house" :key="index" :src="item" :preview-src-list="formobj.house"/></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <div class="span-sty colSty">门口照片</div>
+                <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.doorway" :key="index" :src="item" :preview-src-list="formobj.doorway"/></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <div class="span-sty colSty">客厅卧室照片</div>
+                <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.indoor" :key="index" :src="item" :preview-src-list="formobj.indoor"/></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <div class="span-sty colSty">合影照等</div>
+                <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.groupPhoto" :key="index" :src="item" :preview-src-list="formobj.groupPhoto"/></el-form-item>
+              </el-col>
+            </el-row>
+          </el-collapse-item>
+          <el-collapse-item title="资产类" name="2">
+            <el-row>
+              <el-col :span="24">
+                <div class="span-sty colSty">银行卡</div>
+                <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.yhkImages" :key="index" :src="item" :preview-src-list="formobj.yhkImages"/></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <div class="span-sty colSty">房产</div>
+                <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.houseProperty" :key="index" :src="item" :preview-src-list="formobj.houseProperty"/></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <div class="span-sty colSty">车辆</div>
+                <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.carProperty" :key="index" :src="item" :preview-src-list="formobj.carProperty"/></el-form-item>
+              </el-col>
+            </el-row>
+          </el-collapse-item>
+          <el-collapse-item title="证明文件" name="3">
+            <div class="collapse">
+              <el-collapse v-model="activeName" accordion>
+                <el-collapse-item title="贷款人" name="1">
+                  <el-row>
+                    <el-col :span="24">
+                      <div class="span-sty colSty">身份证</div>
+                      <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.lenderIdCard" :key="index" :src="item" :preview-src-list="formobj.lenderIdCard"/></el-form-item>
+                    </el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col :span="24">
+                      <div class="span-sty colSty">户口本</div>
+                      <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.lenderAccount" :key="index" :src="item" :preview-src-list="formobj.lenderAccount"/></el-form-item>
+                    </el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col :span="24">
+                      <div class="span-sty colSty">婚姻证明</div>
+                      <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.lenderMarriageCertificate" :key="index" :src="item" :preview-src-list="formobj.lenderMarriageCertificate"/></el-form-item>
+                    </el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col :span="24">
+                      <div class="span-sty colSty">驾驶本</div>
+                      <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.lenderDriverBook" :key="index" :src="item" :preview-src-list="formobj.lenderDriverBook"/></el-form-item>
+                    </el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col :span="24">
+                      <div class="span-sty colSty">银行流水</div>
+                      <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.lenderBankStatement" :key="index" :src="item" :preview-src-list="formobj.lenderBankStatement"/></el-form-item>
+                    </el-col>
+                  </el-row>
+                </el-collapse-item>
+                <el-collapse-item title="配偶" name="2">
+                  <el-row>
+                    <el-col :span="24">
+                      <div class="span-sty colSty">身份证</div>
+                      <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.spouseIdCard" :key="index" :src="item" :preview-src-list="formobj.spouseIdCard"/></el-form-item>
+                    </el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col :span="24">
+                      <div class="span-sty colSty">户口本</div>
+                      <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.spouseAccount" :key="index" :src="item" :preview-src-list="formobj.spouseAccount"/></el-form-item>
+                    </el-col>
+                  </el-row>
+                </el-collapse-item>
+                <el-collapse-item title="担保人" name="3">
+                  <el-row>
+                    <el-col :span="24">
+                      <div class="span-sty colSty">身份证</div>
+                      <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.guarantorIdCard" :key="index" :src="item" :preview-src-list="formobj.guarantorIdCard"/></el-form-item>
+                    </el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col :span="24">
+                      <div class="span-sty colSty">户口本</div>
+                      <el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.guarantorAccount" :key="index" :src="item" :preview-src-list="formobj.guarantorAccount"/></el-form-item>
+                    </el-col>
+                  </el-row>
+                </el-collapse-item>
+              </el-collapse>
+            </div>
+          </el-collapse-item>
+        </el-collapse>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/overduevehicle/overduevehicle'
+
+export default {
+  name: 'MaterialInfo',
+  data() {
+    return {
+      viewTitle: '',
+      activeNames: '1',
+      activeName: '1',
+      formobj: {
+        carProperty: [],
+        doorway: [],
+        groupPhoto: [],
+        guarantorAccount: [],
+        guarantorIdCard: [],
+        homeVisitSid: '',
+        house: [],
+        houseProperty: [],
+        indoor: [],
+        lenderAccount: [],
+        lenderBankStatement: [],
+        lenderDriverBook: [],
+        lenderIdCard: [],
+        lenderMarriageCertificate: [],
+        loanXdCons: [],
+        loanZfCons: [],
+        locationStr: '',
+        remarks: '',
+        saleOrderSid: '',
+        sid: '',
+        spouseAccount: [],
+        spouseIdCard: [],
+        yhkImages: []
+      }
+    }
+  },
+  methods: {
+    showInfo(row) {
+      this.viewTitle = '家访资料详情'
+      req.details2({ sid: row.kczlSid }).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+        }
+      })
+    },
+    handleReturn() {
+      this.formobj = {
+        carProperty: [],
+        doorway: [],
+        groupPhoto: [],
+        guarantorAccount: [],
+        guarantorIdCard: [],
+        homeVisitSid: '',
+        house: [],
+        houseProperty: [],
+        indoor: [],
+        lenderAccount: [],
+        lenderBankStatement: [],
+        lenderDriverBook: [],
+        lenderIdCard: [],
+        lenderMarriageCertificate: [],
+        loanXdCons: [],
+        loanZfCons: [],
+        locationStr: '',
+        remarks: '',
+        saleOrderSid: '',
+        sid: '',
+        spouseAccount: [],
+        spouseIdCard: [],
+        yhkImages: []
+      }
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 100px !important;
+}
+
+.addinputInfo {
+  margin-left: 90px !important;
+}
+
+.colSty {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+/deep/ .el-collapse-item__header {
+  height: 40px;
+  padding: 10px;
+  font-weight: bold;
+  font-size: 20px;
+  text-align: left;
+  color: #ffffff;
+  background-color: #0294d7;
+}
+
+/deep/ .el-collapse-item__content {
+  padding-bottom: 0;
+}
+
+.collapse {
+  padding: 0 10px;
+}
+
+/deep/ .collapse .el-collapse-item__header {
+  height: 40px;
+  padding: 10px;
+  font-weight: bold;
+  font-size: 20px;
+  text-align: left;
+  color: #ffffff;
+  background-color: #87CEFA;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/relation/monthlyreturnInfo.vue b/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/relation/monthlyreturnInfo.vue
new file mode 100644
index 0000000000..4dd1a93944
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/relation/monthlyreturnInfo.vue
@@ -0,0 +1,125 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div class="">
+        <el-form ref="form_obj" :model="formobj" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="12">
+              <div class="span-sty">分公司</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.useOrgName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">销售部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.dept }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">销售专员</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">贷款合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanContractNo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">车架号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">资方</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bankName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">资方合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bankContractNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customer }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-table :key="tableKey" :data="formobj.monRepayPeriodDetailsList" :index="index" border style="width: 100%">
+            <el-table-column prop="period" label="期数" align="center" width="100" />
+            <el-table-column prop="dueMoney" label="应还金额" align="center" />
+            <el-table-column prop="receiptMoney" label="实还金额" align="center" />
+            <el-table-column prop="notRepaidMoney" label="未还金额" align="center" />
+          </el-table>
+        </el-form>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/overduevehicle/overduevehicle'
+
+export default {
+  name: 'MonthlyReturnInfo',
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      tableKey: 1,
+      index: 0,
+      formobj: {
+        bankContractNo: '',
+        bankName: '',
+        customer: '',
+        dept: '',
+        loanContractNo: '',
+        staffName: '',
+        useOrgName: '',
+        vinNo: '',
+        monRepayPeriodDetailsList: []
+      }
+    }
+  },
+  methods: {
+    showInfo(row) {
+      this.viewTitle = '月还明细'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.details({ saleVehSid: row.saleVehSid }).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+        }
+      })
+    },
+    handleReturn() {
+      this.formobj = {
+        bankContractNo: '',
+        bankName: '',
+        customer: '',
+        dept: '',
+        loanContractNo: '',
+        staffName: '',
+        useOrgName: '',
+        vinNo: '',
+        monRepayPeriodDetailsList: []
+      }
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 100px !important;
+}
+.addinputInfo {
+  margin-left: 90px !important;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/relation/vehiclecollectionrecords.vue b/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/relation/vehiclecollectionrecords.vue
new file mode 100644
index 0000000000..7c766d873b
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/relation/vehiclecollectionrecords.vue
@@ -0,0 +1,161 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div class="">
+        <el-form ref="form_obj" :model="formobj" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="12">
+              <div class="span-sty">车架号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">车牌号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.carNum }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">贷款人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.borrowerName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.borrowerMobile }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.custName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">资方</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bankName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">首次逾期日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.firstBeDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">逾期期数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.beOverduePeriod }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">逾期金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.beOverdueMoney }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">换算期数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.beOverdueMoneyAndPeriod }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-table :key="tableKey" :data="formobj.loanBeCollectionRecordHistoryVoList" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column fixed label="操作" align="center" width="80">
+              <template slot-scope="scope">
+                <span class="bluezi" @click="lookInfo(scope.row)">查看</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="createTime" label="催收日期" align="center" width="100" />
+            <el-table-column prop="collectionTypeValue" label="催收方式" align="center" width="140"/>
+            <el-table-column prop="locationStr" label="定位信息" align="center" width="100" />
+            <el-table-column prop="collectionResultValue" label="催收结果" align="center" width="140" />
+            <el-table-column prop="contactsValue" label="联系人" align="center" width="100" />
+            <el-table-column prop="remarks" label="备注" align="center" />
+          </el-table>
+        </el-form>
+      </div>
+    </div>
+    <vehiclecollectionrecordsInfo v-show="viewState == 2" ref="divInfo" @doback="resetState"/>
+  </div>
+</template>
+
+<script>
+import req from '@/api/overduevehicle/overduevehicle'
+import vehiclecollectionrecordsInfo from './vehiclecollectionrecordsInfo'
+
+export default {
+  name: 'VehicleCollectionRecords',
+  components: {
+    vehiclecollectionrecordsInfo
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      tableKey: 1,
+      index: 0,
+      formobj: {
+        bankName: '',
+        beOverdueMoney: '',
+        beOverdueMoneyAndPeriod: '',
+        beOverduePeriod: '',
+        borrowerMobile: '',
+        borrowerName: '',
+        carNum: '',
+        custName: '',
+        custPhone: '',
+        firstBeDate: '',
+        vinNo: '',
+        loanBeCollectionRecordHistoryVoList: []
+      }
+    }
+  },
+  methods: {
+    showInfo(row) {
+      this.viewTitle = '逾期车辆催收记录'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.viewHistory({ saleVehSid: row.saleVehSid }).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+        }
+      })
+    },
+    lookInfo(row) {
+      this.viewState = 2
+      this.$refs['divInfo'].showInfo(row)
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    handleReturn() {
+      this.formobj = {
+        bankName: '',
+        beOverdueMoney: '',
+        beOverdueMoneyAndPeriod: '',
+        beOverduePeriod: '',
+        borrowerMobile: '',
+        borrowerName: '',
+        carNum: '',
+        custName: '',
+        custPhone: '',
+        firstBeDate: '',
+        vinNo: '',
+        loanBeCollectionRecordHistoryVoList: []
+      }
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 100px !important;
+}
+.addinputInfo {
+  margin-left: 90px !important;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/relation/vehiclecollectionrecordsInfo.vue b/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/relation/vehiclecollectionrecordsInfo.vue
new file mode 100644
index 0000000000..4f25553841
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/cuishoucuoshiFlow/relation/vehiclecollectionrecordsInfo.vue
@@ -0,0 +1,160 @@
+<template>
+  <div class="app-container">
+    <div class="tab-header webtop">
+      <div>{{ viewTitle }}</div>
+      <div>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+      </div>
+    </div>
+    <div class="">
+      <el-form ref="form_obj" :model="formobj" class="formaddcopy02">
+        <el-row style="border-top: 1px solid #e0e3eb">
+          <el-col :span="6">
+            <div class="span-sty">催收方式</div>
+            <el-form-item><span  class="addinputInfo">{{ formobj.collectionTypeValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <div class="span-sty">定位信息</div>
+            <el-form-item><span  class="addinputInfo">{{ formobj.locationStr }}</span></el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <div class="span-sty">催收结果</div>
+            <el-form-item><span  class="addinputInfo">{{ formobj.collectionResultValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <div class="span-sty">联系人</div>
+            <el-form-item><span  class="addinputInfo">{{ formobj.contactsValue }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <div v-if="formobj.collectionResultKey == '001'">
+          <div class="title">催收反馈</div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">逾期原因</div>
+              <el-form-item><span  class="addinputInfo">{{ formobj.beReason }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">是否正常运营</div>
+              <el-form-item><span  class="addinputInfo">{{ formobj.isNormalOperValue }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">承诺还款日期</div>
+              <el-form-item><span  class="addinputInfo">{{ formobj.promRepayDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">承诺还款金额</div>
+              <el-form-item><span  class="addinputInfo">{{ formobj.promRepayMoney }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">预处理措施</div>
+              <el-form-item><span  class="addinputInfo">{{ formobj.taskHandMeasuresValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">备注</div>
+              <el-form-item><span  class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">催收附件</div>
+              <el-form-item>
+                <el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in formobj.loanBeCollectionRecordFileList" :key="index" :src="item" :preview-src-list="formobj.loanBeCollectionRecordFileList"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/overduevehicle/overduevehicle'
+
+export default {
+  name: 'VehicleCollectionRecordsInfo',
+  data() {
+    return {
+      viewTitle: '',
+      tableKey: 1,
+      index: 0,
+      formobj: {
+        beReason: '',
+        collectionResultKey: '',
+        collectionResultValue: '',
+        collectionTypeKey: '',
+        collectionTypeValue: '',
+        contactsKey: '',
+        contactsValue: '',
+        isNormalOperKey: '',
+        isNormalOperValue: '',
+        loanBeCollectionRecordFileList: [],
+        location: '',
+        locationStr: '',
+        promRepayDate: '',
+        promRepayMoney: '',
+        remarks: '',
+        sid: '',
+        taskHandMeasuresKey: '',
+        taskHandMeasuresValue: ''
+      }
+    }
+  },
+  methods: {
+    showInfo(row) {
+      this.viewTitle = '逾期催收记录'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.fetchDetailsBySid(row.sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          if (this.formobj.loanBeCollectionRecordFileList.length > 0) {
+            const aa = []
+            this.formobj.loanBeCollectionRecordFileList.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.loanBeCollectionRecordFileList = aa
+          }
+        }
+      })
+    },
+    handleReturn() {
+      this.formobj = {
+        beReason: '',
+        collectionResultKey: '',
+        collectionResultValue: '',
+        collectionTypeKey: '',
+        collectionTypeValue: '',
+        contactsKey: '',
+        contactsValue: '',
+        isNormalOperKey: '',
+        isNormalOperValue: '',
+        loanBeCollectionRecordFileList: [],
+        location: '',
+        locationStr: '',
+        promRepayDate: '',
+        promRepayMoney: '',
+        remarks: '',
+        sid: '',
+        taskHandMeasuresKey: '',
+        taskHandMeasuresValue: ''
+      }
+      this.$emit('doback')
+    },
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 100px !important;
+}
+.addinputInfo {
+  margin-left: 90px !important;
+}
+</style>