diff --git a/anrui-buscenter/anrui-buscenter-ui/src/api/dictcommons/dictcommons.js b/anrui-buscenter/anrui-buscenter-ui/src/api/dictcommons/dictcommons.js
index 9bdbba80d3..fc93d7ece0 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/api/dictcommons/dictcommons.js
+++ b/anrui-buscenter/anrui-buscenter-ui/src/api/dictcommons/dictcommons.js
@@ -116,3 +116,12 @@ export function fetchByUseOrgSid(data) {
     params: data
   })
 }
+
+// 获取数据字典（根据分组）
+export function getTypeValueList(data) {
+  return request({
+    url: '/portal/v1/dictcommons/getTypeValueList',
+    method: 'get',
+    params: data
+  })
+}
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/api/suicheziliao/suicheziliao.js b/anrui-buscenter/anrui-buscenter-ui/src/api/suicheziliao/suicheziliao.js
new file mode 100644
index 0000000000..584b3c8f92
--- /dev/null
+++ b/anrui-buscenter/anrui-buscenter-ui/src/api/suicheziliao/suicheziliao.js
@@ -0,0 +1,41 @@
+import request from '@/utils/request'
+
+// Pc根据条件分页查询数据的列表
+export function pagerList(data) {
+  return request({
+    url: '/buscenter/v1/busvehicleinformationhandover/listPage',
+    method: 'post',
+    data: data,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}
+
+// 欠款提车申请--新增保存
+export function saveOrUpdate(data) {
+  return request({
+    url: '/buscenter/v1/busvehicleinformationhandover/saveOrUpdate',
+    method: 'post',
+    data: data,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}
+
+// 回显
+export function fetchDetailsBySid(data, num) {
+  return request({
+    url: '/buscenter/v1/busvehicleinformationhandover/fetchDetailsBySid/' + data + '/' + num,
+    method: 'get'
+  })
+}
+
+// 详情
+export function details(data) {
+  return request({
+    url: '/buscenter/v1/busvehicleinformationhandover/details/' + data,
+    method: 'get'
+  })
+}
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/guachepeizhi/guachepeizhixinxi.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/guachepeizhi/guachepeizhixinxi.vue
deleted file mode 100644
index 5dbda18e24..0000000000
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/guachepeizhi/guachepeizhixinxi.vue
+++ /dev/null
@@ -1,328 +0,0 @@
-<template>
-  <div class="app-container">
-    <div class="tab-header webtop">
-      <div v-if="stateId === '0'">【新增】xxx-客户跟进记录</div>
-      <!-- <div v-else>【修改】客户信息</div> -->
-      <div>
-        <el-button type="primary" size="small" @click="handleCreate()">保存</el-button>
-        <el-button type="primary" size="small">下载</el-button>
-        <el-button type="info" size="small" @click="handleReturn()">返回</el-button>
-      </div>
-    </div>
-    <div style="border:1px solid rgba(204, 204, 204, 1);; width: 1400px;height:100%;margin: 80px  auto;">
-      <div class="listconadd" style="position: relative;left: 50%;transform: translateX(-33%);">
-        <el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd" :rules="rules" style="">
-          <div class="title" style="width: 66%;color:#000;background-color: #fff;margin: 60px 0;">挂车配置信息</div>
-          <div style=" width:66.7%;border-bottom: 1px solid #e0e3eb;"></div>
-          <el-row>
-            <el-col :span="16">
-              <el-form-item prop="manufacturerName">
-                <span slot="label">跟进形式</span>
-                <el-input v-model="temp.manufacturerName" maxlength="20" placeholder="" class="addinputw" clearable style="width:500px" />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="16">
-              <el-form-item>
-                <span slot="label">跟进类别</span>
-                <el-input v-model="temp.manufacturerAs" maxlength="20" placeholder="" class="addinputw" clearable style="width:500px" />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="16">
-              <el-form-item>
-                <span slot="label">跟进时间</span>
-                <el-select v-model="temp.supplierGroup" class="addinputw" placeholder="" @change="getShang()" style="width:500px">
-                  <el-option v-for="(item, index) in grouping" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey" />
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="16">
-              <el-form-item prop="manufacturerAddress">
-                <span slot="label">跟进效果</span>
-                <el-input v-model="temp.manufacturerAddress" maxlength="20" placeholder="" class="addinputw" clearable style="width:500px" />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="16">
-              <el-form-item>
-                <span slot="label">跟进状态</span>
-                <el-input v-model="temp.manufacturerFax" maxlength="20" placeholder="" class="addinputw" clearable style="width:500px" />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="16">
-              <el-form-item prop="manufacturerTelePhone">
-                <span slot="label">是否开启提醒</span>
-                <el-input v-model="temp.manufacturerTelePhone" maxlength="20" placeholder="" class="addinputw" clearable style="width:500px" />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="16">
-              <el-form-item prop="zipCode">
-                <span slot="label">提醒日期</span>
-                <el-input v-model="temp.zipCode" maxlength="20" placeholder="" class="addinputw" clearable style="width:500px" />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="16">
-              <el-form-item prop="email">
-                <span slot="label">见证材料</span>
-                <el-input v-model="temp.email" maxlength="20" placeholder="" class="addinputw" clearable style="width:500px" />
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import { mapGetters } from 'vuex'
-import cheliangxuqiuAdd from '@/views/kehuguanli/cheliangxuqiu/cheliangxuqiuAdd.vue'
-export default {
-  name: 'kehugenzongAdd',
-  components: { cheliangxuqiuAdd },
-  data() {
-    return {
-      // --按钮菜单-------
-      menuState: {
-        add: false, // 添加
-        edit: false, // 编辑
-        delete: false, // 删除
-        view: false, // 查看
-        audit: false, // 审核
-        input: false, // 导入
-        output: false, // 导出
-        upload: false, // 同步
-        release: false, // 下发
-      },
-      visible: false,
-      stateId: 0,
-      FormLoading: false,
-      listLoading: false,
-      temp: {}, // 添加和修改
-      textMap: {
-        update: '修改',
-        create: '创建',
-      },
-      dialogStatus: '', // 对话框状态
-      rules: {
-        manageName: [
-          {
-            required: true,
-            message: '请填写资方名称',
-            trigger: 'blur',
-          },
-        ],
-        name: [
-          {
-            required: true,
-            message: '请填写联系人',
-            trigger: 'blur',
-          },
-        ],
-        mobile: [
-          {
-            required: true,
-            message: '请填写联系电话',
-            trigger: 'blur',
-          },
-          {
-            pattern: /^1[3-9]\d{9}$/,
-            message: '手机号格式错误',
-          },
-        ],
-      },
-      // ------------------------------------
-    }
-  },
-  computed: {
-    ...mapGetters([
-      'id',
-      'roles',
-      'rolesIds',
-      'departmentId',
-      'departmentCode',
-    ]),
-  },
-  created() {
-    // 初始化变量
-    this.init()
-  },
-  methods: {
-    init() {},
-    addRenyuan() {
-      this.$router.push({
-        path: '/kehuguanli/cheliangxuqiuAdd',
-      })
-    },
-    openUpdate(sid, showed) {
-      this.stateId = sid
-      if (this.stateId !== '0') {
-        basefinbankDetails(this.stateId).then((response) => {
-          if (response.code === '200') {
-            this.$refs['dataForm'].clearValidate()
-            this.temp = response.data
-            this.visible = true
-            if (showed && typeof showed === 'function') {
-              showed()
-            }
-          }
-        })
-      }
-    },
-    openCreate(showed) {
-      this.$refs['dataForm'].clearValidate()
-      this.stateId = '0'
-      this.resetTemp()
-      this.visible = true
-      if (showed && typeof showed === 'function') {
-        showed()
-      }
-    },
-    // ----------------------------------方法--------------------
-    // 返回
-    handleReturn() {
-      this.visible = false
-      this.$emit('handleReturn')
-    },
-
-    // 添加前数据初始化
-    resetTemp() {
-      this.temp = {
-        manageName: '', //
-        mobile: '', //
-        name: '',
-      }
-    },
-    // 添加数据
-    handleCreate() {
-      this.$refs['dataForm'].validate((valid) => {
-        if (valid) {
-          this.FormLoading = true
-          this.dialogStatus = 'create'
-          if (this.stateId === '0') {
-            console.log('传入值:', this.temp)
-            basefinbankSaveList(this.temp).then((response) => {
-              console.log('返回值:', response)
-              this.FormLoading = false
-              if (response.code === '200') {
-                this.$notify({
-                  title: '提示',
-                  message: '添加成功',
-                  type: 'success',
-                  duration: 2000,
-                })
-                this.$emit('created')
-              } else {
-                this.$notify({
-                  title: '提示',
-                  message: '添加失败',
-                  type: 'error',
-                  duration: 2000,
-                })
-              }
-            })
-          } else {
-            basefinbankUpdate(this.temp).then((response) => {
-              this.dialogStatus = 'update'
-              console.log('response', response)
-              this.FormLoading = false
-              if (response.code === '200') {
-                this.$notify({
-                  title: '提示',
-                  message: '修改成功',
-                  type: 'success',
-                  duration: 2000,
-                })
-                this.$emit('updated')
-              } else {
-                this.$notify({
-                  title: '失败',
-                  message: '修改失败',
-                  type: 'error',
-                })
-              }
-            })
-          }
-        }
-      })
-    },
-    // ---------------------------------------------------------------------------------
-    // ---------------------------车辆需求方法------------------------------------------------------
-    // ---------------------------------------------------------------------------------
-    // 添加保存完成
-    dataCreated() {
-      this.visible = true
-      this.handleFilter()
-    },
-    // 修改保存完成
-    dataUpdated() {
-      this.visible = true
-      this.getList()
-    },
-    // 打开修改
-    handleUpdate() {
-      if (this.sids.length === 1) {
-        this.dialogStatus = 'update'
-        this.$refs.addAndUpdate.openUpdate(this.sids[0], () => {
-          this.visible = false
-        })
-      } else if (this.sids.length > 1) {
-        this.$notify({
-          title: '提示',
-          message: '不能选中多个资方信息修改!!',
-          type: 'info',
-          duration: 2000,
-        })
-      } else {
-        this.$notify({
-          title: '提示',
-          message: '没有选择资方信息!!',
-          type: 'error',
-          duration: 2000,
-        })
-        return
-      }
-    },
-    // 打开查看
-    handleCheck(row) {
-      this.$refs.info.openInfo(row.sid, () => {
-        this.visible = false
-      })
-    },
-    // 根据本行ID删除数据
-    handleDelete() {
-      basefinbankDeleteBySids(this.sids).then((response) => {
-        console.log('3455', response)
-        if (response.code === '200') {
-          this.$notify({
-            title: '提示',
-            message: '删除成功',
-            type: 'success',
-            duration: 2000,
-          })
-          this.getList()
-        } else {
-          this.$notify({
-            title: '删除失败',
-            message: response.msg,
-            type: 'error',
-          })
-        }
-      })
-    },
-  },
-}
-</script>
-<style scoped>
-</style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/jiaochedingdan/shangzhuanpeizhi.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/jiaochedingdan/shangzhuanpeizhi.vue
deleted file mode 100644
index db4a84db64..0000000000
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/jiaochedingdan/shangzhuanpeizhi.vue
+++ /dev/null
@@ -1,305 +0,0 @@
-<template>
-  <div class="app-container">
-    <div class="tab-header webtop">
-      <div>【编辑】上装配置</div>
-      <!-- <div v-else>【修改】客户信息</div> -->
-      <div>
-        <el-button type="primary" size="small" @click="handleCreate()">保存</el-button>
-
-        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
-      </div>
-    </div>
-    <div style="border:1px solid rgba(204, 204, 204, 1);; width: 1400px;height:100%;margin: 80px  auto;">
-      <div class="listconadd" style="position: relative;left: 50%;transform: translateX(-33%);">
-        <el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd" :rules="rules" style="">
-          <div class="title" style="width: 66%;color:#000;background-color: #fff;margin: 60px 0;">上装配置</div>
-          <div style=" width:66.7%;border-bottom: 1px solid #e0e3eb;" />
-          <el-row>
-            <el-col :span="16">
-              <el-form-item prop="manufacturerName">
-                <span slot="label">上装类别</span>
-                <el-input v-model="temp.manufacturerName" maxlength="20" placeholder="" class="addinputw" clearable style="width:500px" />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="16">
-              <el-form-item>
-                <span slot="label">外廓尺寸(长*宽*高/毫米)</span>
-                <el-input v-model="temp.manufacturerAs" maxlength="20" placeholder="" class="addinputw" clearable style="width:500px" />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="16">
-              <el-form-item>
-                <span slot="label">板材材质</span>
-                <el-select v-model="temp.supplierGroup" class="addinputw" placeholder="" style="width:500px" @change="getShang()">
-                  <el-option v-for="(item, index) in grouping" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey" />
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="16">
-              <el-form-item prop="manufacturerAddress">
-                <span slot="label">板材厚度(底*边)(毫米)</span>
-                <el-input v-model="temp.manufacturerAddress" maxlength="20" placeholder="" class="addinputw" clearable style="width:500px" />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="16">
-              <el-form-item>
-                <span slot="label">其他配置要求</span>
-                <el-input v-model="temp.manufacturerFax" maxlength="20" placeholder="" class="addinputw" clearable style="width:500px" />
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import { mapGetters } from 'vuex'
-// import cheliangxuqiuAdd from '@/views/kehuguanli/cheliangxuqiu/cheliangxuqiuAdd.vue'
-export default {
-  name: 'KehugenzongAdd',
-  //   components: { cheliangxuqiuAdd },
-  data() {
-    return {
-      // --按钮菜单-------
-      menuState: {
-        add: false, // 添加
-        edit: false, // 编辑
-        delete: false, // 删除
-        view: false, // 查看
-        audit: false, // 审核
-        input: false, // 导入
-        output: false, // 导出
-        upload: false, // 同步
-        release: false // 下发
-      },
-      visible: false,
-      stateId: 0,
-      FormLoading: false,
-      listLoading: false,
-      temp: {}, // 添加和修改
-      textMap: {
-        update: '修改',
-        create: '创建'
-      },
-      dialogStatus: '', // 对话框状态
-      rules: {
-        manageName: [
-          {
-            required: true,
-            message: '请填写资方名称',
-            trigger: 'blur'
-          }
-        ],
-        name: [
-          {
-            required: true,
-            message: '请填写联系人',
-            trigger: 'blur'
-          }
-        ],
-        mobile: [
-          {
-            required: true,
-            message: '请填写联系电话',
-            trigger: 'blur'
-          },
-          {
-            pattern: /^1[3-9]\d{9}$/,
-            message: '手机号格式错误'
-          }
-        ]
-      }
-      // ------------------------------------
-    }
-  },
-  computed: {
-    ...mapGetters([
-      'id',
-      'roles',
-      'rolesIds',
-      'departmentId',
-      'departmentCode'
-    ])
-  },
-  created() {
-    // 初始化变量
-    this.init()
-  },
-  methods: {
-    init() {},
-    addRenyuan() {
-      this.$router.push({
-        path: '/kehuguanli/cheliangxuqiuAdd'
-      })
-    },
-    openUpdate(sid, showed) {
-      this.stateId = sid
-      if (this.stateId !== '0') {
-        basefinbankDetails(this.stateId).then((response) => {
-          if (response.code === '200') {
-            this.$refs['dataForm'].clearValidate()
-            this.temp = response.data
-            this.visible = true
-            if (showed && typeof showed === 'function') {
-              showed()
-            }
-          }
-        })
-      }
-    },
-    openCreate(showed) {
-      this.$refs['dataForm'].clearValidate()
-      this.stateId = '0'
-      this.resetTemp()
-      this.visible = true
-      if (showed && typeof showed === 'function') {
-        showed()
-      }
-    },
-    // ----------------------------------方法--------------------
-    // 返回
-    handleReturn() {
-      this.$router.go(-1)
-      // this.visible = false
-      // this.$emit('handleReturn')
-    },
-
-    // 添加前数据初始化
-    resetTemp() {
-      this.temp = {
-        manageName: '', //
-        mobile: '', //
-        name: ''
-      }
-    },
-    // 添加数据
-    handleCreate() {
-      this.$refs['dataForm'].validate((valid) => {
-        if (valid) {
-          this.FormLoading = true
-          this.dialogStatus = 'create'
-          if (this.stateId === '0') {
-            console.log('传入值:', this.temp)
-            basefinbankSaveList(this.temp).then((response) => {
-              console.log('返回值:', response)
-              this.FormLoading = false
-              if (response.code === '200') {
-                this.$notify({
-                  title: '提示',
-                  message: '添加成功',
-                  type: 'success',
-                  duration: 2000
-                })
-                this.$emit('created')
-              } else {
-                this.$notify({
-                  title: '提示',
-                  message: '添加失败',
-                  type: 'error',
-                  duration: 2000
-                })
-              }
-            })
-          } else {
-            basefinbankUpdate(this.temp).then((response) => {
-              this.dialogStatus = 'update'
-              console.log('response', response)
-              this.FormLoading = false
-              if (response.code === '200') {
-                this.$notify({
-                  title: '提示',
-                  message: '修改成功',
-                  type: 'success',
-                  duration: 2000
-                })
-                this.$emit('updated')
-              } else {
-                this.$notify({
-                  title: '失败',
-                  message: '修改失败',
-                  type: 'error'
-                })
-              }
-            })
-          }
-        }
-      })
-    },
-    // ---------------------------------------------------------------------------------
-    // ---------------------------车辆需求方法------------------------------------------------------
-    // ---------------------------------------------------------------------------------
-    // 添加保存完成
-    dataCreated() {
-      this.visible = true
-      this.handleFilter()
-    },
-    // 修改保存完成
-    dataUpdated() {
-      this.visible = true
-      this.getList()
-    },
-    // 打开修改
-    handleUpdate() {
-      if (this.sids.length === 1) {
-        this.dialogStatus = 'update'
-        this.$refs.addAndUpdate.openUpdate(this.sids[0], () => {
-          this.visible = false
-        })
-      } else if (this.sids.length > 1) {
-        this.$notify({
-          title: '提示',
-          message: '不能选中多个资方信息修改!!',
-          type: 'info',
-          duration: 2000
-        })
-      } else {
-        this.$notify({
-          title: '提示',
-          message: '没有选择资方信息!!',
-          type: 'error',
-          duration: 2000
-        })
-        return
-      }
-    },
-    // 打开查看
-    handleCheck(row) {
-      this.$refs.info.openInfo(row.sid, () => {
-        this.visible = false
-      })
-    },
-    // 根据本行ID删除数据
-    handleDelete() {
-      basefinbankDeleteBySids(this.sids).then((response) => {
-        console.log('3455', response)
-        if (response.code === '200') {
-          this.$notify({
-            title: '提示',
-            message: '删除成功',
-            type: 'success',
-            duration: 2000
-          })
-          this.getList()
-        } else {
-          this.$notify({
-            title: '删除失败',
-            message: response.msg,
-            type: 'error'
-          })
-        }
-      })
-    }
-  }
-}
-</script>
-<style scoped>
-</style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaoguanli/relation/selectVehicle.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaoguanli/relation/selectVehicle.vue
new file mode 100644
index 0000000000..30e630937b
--- /dev/null
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaoguanli/relation/selectVehicle.vue
@@ -0,0 +1,220 @@
+<template>
+  <div class="app-container">
+    <div>
+      <div class="tab-header webtop">
+        <div>车辆查询</div>
+        <div>
+          <el-button type="primary" size="small" @click="AddUpdateReturn">交车资料确认</el-button>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <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.contractNo" clearable class="addinputw" placeholder=""/>
+              </el-form-item>
+              <el-form-item label="客户名称">
+                <el-input v-model="listQuery.params.customerName" clearable class="addinputw" placeholder=""/>
+              </el-form-item>
+              <el-form-item label="车架号">
+                <el-input v-model="listQuery.params.vinNo" clearable class="addinputw" placeholder=""/>
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
+              <el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <div class="listtop">
+          <div class="tit">现车列表</div>
+        </div>
+        <div class="">
+          <el-table :key="tableKey" ref="multipleTable" v-loading="listLoading" :data="list" border style="width: 100%" @selection-change="handleSelectionChange">
+            <el-table-column width="50px" type="selection" align="center"/>
+            <el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/>
+            <el-table-column label="合同编号" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.brandName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="客户名称" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.vehicleAlias }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车型" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.color }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车架号" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.vinNo }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <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>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/pagination'
+import req from '@/api/weishoumaiduan/unsold'
+
+export default {
+  name: 'xianchechaxun',
+  components: {
+    Pagination
+  },
+  data() {
+    return {
+      isSearchShow: false,
+      searchxianshitit: '隐藏查询条件',
+      tableKey: 0,
+      sids: [],
+      list: [],
+      listLoading: false,
+      listQuery: {
+        current: 1,
+        size: 5,
+        params: {
+          contractNo: '',
+          vinNo: '',
+          userSid: '',
+          orgPath: '',
+          customerName: '',
+          vinNoList: []
+        },
+        total: 0
+      }
+    }
+  },
+  methods: {
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    init() {
+      this.getList()
+    },
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    // 返回
+    handleReturn() {
+      this.$emit('doback')
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      this.listQuery.params.userSid = window.sessionStorage.getItem('userSid')
+      this.listQuery.params.orgPath = window.sessionStorage.getItem('defaultOrgPath')
+      req.pageList(this.listQuery).then((response) => {
+        this.listLoading = false
+        if (response.success) {
+          this.listQuery.total = response.data.total
+          this.list = response.data.records
+        } else {
+          this.listQuery.total = 0
+          this.list = []
+        }
+      })
+    },
+    // 查询按钮
+    handleFilter() {
+      this.listQuery.current = 1
+      this.getList()
+    },
+    // 重置按钮
+    handleReset() {
+      this.listQuery.current = 1
+      this.listQuery.size = 5
+      this.listQuery.total = 0
+      this.listQuery.params.contractNo = ''
+      this.listQuery.params.vinNo = ''
+      this.listQuery.params.customerName = ''
+      this.listQuery.params.userSid = ''
+      this.listQuery.params.orgPath = ''
+      this.getList()
+    },
+    handleSelectionChange(row) {
+      this.sids = []
+      const aa = []
+      row.forEach((element) => {
+        aa.push({
+          vinNo: element.vinNo,
+          configName: element.configName,
+          location: element.location,
+          locationSid: element.locationSid,
+          vehicleAlias: element.vehicleAlias,
+          modelSid: element.modelSid,
+          priceDate: element.priceDate,
+          priced: element.priced,
+          insideCode: element.insideCode,
+          vehicleNum: element.vehicleNum,
+          dayNum: element.dayNum,
+          vehicleVersionValue: element.vehicleVersionValue,
+          fuelTypeValue: element.fuelTypeValue,
+          gearboxTypeValue: element.gearboxTypeValue,
+          emissionStandardValue: element.emissionStandardValue
+        })
+      })
+      this.sids = aa
+    },
+    showData(value) {
+      const aa = []
+      if (value.length > 0) {
+        for (var i = 0; i < value.length; i++) {
+          aa.push(value[i].vinNo)
+        }
+        this.listQuery.params.vinNoList = aa
+      } else {
+        this.listQuery.params.vinNoList = []
+      }
+      this.listQuery.current = 1
+      this.listQuery.total = 0
+      this.listQuery.size = 5
+      this.init()
+    },
+    // 添加修改返回
+    AddUpdateReturn() {
+      if (this.sids.length > 0) {
+        for (var i = 0; i < this.sids.length; i++) {
+          if (this.sids[i].contractNo !== this.sids[this.sids.length - 1].contractNo) {
+            this.$message({ showClose: true, type: 'error', message: '请选择同一合同编号下的车辆' })
+            return
+          }
+        }
+        this.$emit('backData', this.sids)
+      } else {
+        this.$notify({
+          title: '提示',
+          message: '请选择至少一条车型记录!',
+          type: 'error',
+          duration: 2000
+        })
+      }
+    }
+  }
+}
+</script>
+<style scoped>
+</style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaojiaojie/cardatahandedover.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaojiaojie/cardatahandedover.vue
new file mode 100644
index 0000000000..2feafd07cf
--- /dev/null
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaojiaojie/cardatahandedover.vue
@@ -0,0 +1,279 @@
+<template>
+  <div class="app-container">
+    <!-- Start 列表页面 -->
+    <div v-show="viewState == 1">
+      <button-bar view-title="随车资料交接管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <div class="main-content">
+        <div class="switch_btn">
+          <el-button class="" @click="handleClick">待交接</el-button>
+          <el-button :class="{btn_style:viewState === 1}">已交接</el-button>
+        </div>
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form ref="listQueryform" :inline="true" :model="listQuery" class="tab-header">
+              <el-form-item label="车架号">
+                <el-input v-model="listQuery.params.vinNo" clearable placeholder="" class="addinputw"></el-input>
+              </el-form-item>
+              <el-form-item label="合同编号">
+                <el-input v-model="listQuery.params.contractNo" clearable placeholder="" class="addinputw"></el-input>
+              </el-form-item>
+              <el-form-item label="客户名称">
+                <el-input v-model="listQuery.params.customerName" clearable placeholder="" class="addinputw"></el-input>
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
+              <el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <div class="listtop">
+          <div class="tit">已交接随车资料车辆列表</div>
+          <pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+        <div class="">
+          <el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange">
+            <el-table-column width="50" type="selection" align="center"/>
+            <el-table-column width="60" label="序号" type="index" :index="indexMethod" align="center"/>
+            <el-table-column label="操作" width="180" align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="handLook(scope.row)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="交接状态" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.handoverState }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车架号" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.vinNo }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车型" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.model }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="合同编号" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.contractNo }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="客户名称" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.customerName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="接收人" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.recName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="接收人电话" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.recPhone }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div class="pages">
+          <!-- 翻页 -->
+          <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+      </div>
+    </div>
+    <!-- End 列表页面 -->
+    <cardatahandedoverInfo v-show="viewState == 2" ref="divInfo" @doback="resetState"/>
+    <cardatahandedoverTwoAdd v-show="viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="getList"/>
+  </div>
+</template>
+
+<script>
+import { pagerList } from '@/api/suicheziliao/suicheziliao'
+import Pagination from '@/components/pagination'
+import pageye from '@/components/pagination/pageye'
+import ButtonBar from '@/components/ButtonBar'
+import { getOrgSidByPath } from '@/api/dictcommons/dictcommons'
+import cardatahandedoverInfo from './cardatahandedoverInfo'
+import cardatahandedoverTwoAdd from './cardatahandedoverTwoAdd'
+
+export default {
+  name: 'YiJiaoJieSuiCheZiLiao',
+  components: {
+    Pagination,
+    pageye,
+    ButtonBar,
+    cardatahandedoverInfo,
+    cardatahandedoverTwoAdd
+  },
+  data() {
+    return {
+      viewState: 1,
+      btndisabled: false,
+      btnList: [
+        {
+          type: 'primary',
+          size: 'small',
+          icon: '',
+          btnKey: 'secondaryHandover',
+          btnLabel: '二次交接'
+        },
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ],
+      isSearchShow: false,
+      searchxianshitit: '显示查询条件',
+      // 查询条件 -----------
+      tableKey: 0,
+      list: [],
+      sids: [],
+      FormLoading: false,
+      listLoading: false,
+      listQuery: {
+        params: {
+          useOrgSid: '',
+          userSid: '',
+          handoverState: '1',
+          contractNo: '',
+          customerName: '',
+          vinNo: ''
+        },
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  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 'secondaryHandover':
+          this.secondaryHandover()
+          break
+        case 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
+    },
+    init() {
+      getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => {
+        if (res.success) {
+          this.listQuery.params.useOrgSid = res.data
+          // 加载列表
+          this.getList()
+        }
+      })
+    },
+    // 序号
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    handleSelectionChange(row) {
+      const aa = []
+      row.forEach((element) => {
+       aa.push({
+         sid: element.sid,
+         handoverState: element.handoverState
+       })
+      })
+      this.sids = aa
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      this.listQuery.params.userSid = window.sessionStorage.getItem('userSid')
+      pagerList(this.listQuery).then((response) => {
+        console.log('列表查询结果：', 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
+        }
+      })
+    },
+    handleClick() {
+      this.$parent.resetState()
+    },
+    // 查询按钮
+    handleFilter() {
+      this.listQuery.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.listQuery = {
+        params: {
+          useOrgSid: '',
+          userSid: '',
+          handoverState: '1',
+          contractNo: '',
+          customerName: '',
+          vinNo: ''
+        },
+        current: 1,
+        size: 10,
+        total: 0
+      }
+      this.init()
+    },
+    handLook(row) {
+      this.viewState = 2
+      this.$refs['divInfo'].showInfo(row)
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    secondaryHandover() {
+      if (this.sids.length === 1) {
+        if (this.sids[0].handoverState === '未完成') {
+          this.viewState = 3
+          this.$refs['divAdd'].showEdit(this.sids[0].sid)
+        } else {
+          this.$message({ showClose: true, message: '请选择交接状态为未完成的进行二次交接操作', type: 'error' })
+          return
+        }
+      } else {
+        this.$message({ showClose: true, message: '请选择一条记录进行二次交接操作', type: 'error' })
+        return
+      }
+    },
+    doClose() {
+      this.$store.dispatch('tagsView/delView', this.$route)
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+<style scoped>
+.btn_style {
+  background-color: #018ad2;
+  color: white;
+  font-weight: 600;
+}
+</style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaojiaojie/cardatahandedoverAdd.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaojiaojie/cardatahandedoverAdd.vue
new file mode 100644
index 0000000000..e14dd588e7
--- /dev/null
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaojiaojie/cardatahandedoverAdd.vue
@@ -0,0 +1,260 @@
+<template>
+  <div class="app-container">
+    <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">车架号</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.model }}</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.contractNo }}</span></el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <div class="span-sty">客户名称</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">
+          <div>随车资料</div>
+        </div>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty"><span class="icon">*</span>车钥匙</div>
+            <el-form-item>
+              <el-radio-group class="addinputInfo" style="font-size: 1px" v-model="formobj.busVehicleInformation.vehicleKeyNum">
+                <el-radio label="1">1把</el-radio>
+                <el-radio label="2">2把</el-radio>
+                <el-radio label="3">3把</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty"><span class="icon">*</span>一致性证书</div>
+            <el-form-item>
+              <el-radio-group class="addinputInfo" style="font-size: 1px" v-model="formobj.busVehicleInformation.certificate">
+                <el-radio label="1">有</el-radio>
+                <el-radio label="0">无</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty"><span class="icon">*</span>申请表</div>
+            <el-form-item>
+              <el-radio-group class="addinputInfo" style="font-size: 1px" v-model="formobj.busVehicleInformation.applyForm">
+                <el-radio label="1">有</el-radio>
+                <el-radio label="0">无</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty"><span class="icon">*</span>保修手册、说明书</div>
+            <el-form-item>
+              <el-radio-group class="addinputInfo" style="font-size: 1px" v-model="formobj.busVehicleInformation.manual">
+                <el-radio label="1">有</el-radio>
+                <el-radio label="0">无</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty"><span class="icon">*</span>环保清单</div>
+            <el-form-item>
+              <el-radio-group class="addinputInfo" style="font-size: 1px" v-model="formobj.busVehicleInformation.environmentalList">
+                <el-radio label="1">有</el-radio>
+                <el-radio label="0">无</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty"><span class="icon">*</span>驾驶员卡</div>
+            <el-form-item>
+              <el-radio-group class="addinputInfo" style="font-size: 1px" v-model="formobj.busVehicleInformation.dirverCard">
+                <el-radio label="1">有</el-radio>
+                <el-radio label="0">无</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty"><span class="icon">*</span>气瓶产品质量证明书(燃气车)</div>
+            <el-form-item>
+              <el-radio-group class="addinputInfo" style="font-size: 1px" v-model="formobj.busVehicleInformation.gasCertificate">
+                <el-radio label="1">有</el-radio>
+                <el-radio label="0">无</el-radio>
+              </el-radio-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.busVehicleInformation.remarks" clearable class="addinputInfo" style="width: 80%" placeholder=""/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import { fetchDetailsBySid, saveOrUpdate } from '@/api/suicheziliao/suicheziliao'
+
+export default {
+  name: 'cardatahandedoverAdd',
+  data() {
+    return {
+      viewTitle: '',
+      submitdisabled: false,
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        sid: '',
+        contractNo: '',
+        customerName: '',
+        vinNo: '',
+        vehicleSid: '',
+        model: '',
+        createBySid: '',
+        busVehicleInformation: {
+          vehicleKeyNum: '',
+          certificate: '',
+          applyForm: '',
+          manual: '',
+          environmentalList: '',
+          dirverCard: '',
+          gasCertificate: '',
+          remarks: '',
+          recName: '',
+          recTime: ''
+        }
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showEdit(row) {
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.viewTitle = '【编辑】随车资料准备'
+      fetchDetailsBySid(row.sid, '1').then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+        }
+      })
+    },
+    saveOrUpdate() {
+      if (this.formobj.busVehicleInformation.vehicleKeyNum === '') {
+        this.$message({ showClose: true, type: 'error', message: '车钥匙不能为空' })
+        return
+      }
+      if (this.formobj.busVehicleInformation.certificate === '') {
+        this.$message({ showClose: true, type: 'error', message: '一致性证书请选择有或无' })
+        return
+      }
+      if (this.formobj.busVehicleInformation.applyForm === '') {
+        this.$message({ showClose: true, type: 'error', message: '申请表请选择有或无' })
+        return
+      }
+      if (this.formobj.busVehicleInformation.manual === '') {
+        this.$message({ showClose: true, type: 'error', message: '保修手册、说明书请选择有或无' })
+        return
+      }
+      if (this.formobj.busVehicleInformation.environmentalList === '') {
+        this.$message({ showClose: true, type: 'error', message: '环保清单请选择有或无' })
+        return
+      }
+      if (this.formobj.busVehicleInformation.dirverCard === '') {
+        this.$message({ showClose: true, type: 'error', message: '驾驶员卡请选择有或无' })
+        return
+      }
+      if (this.formobj.busVehicleInformation.dirverCard === '') {
+        this.$message({ showClose: true, type: 'error', message: '气瓶产品质量证明书(燃气车)请选择有或无' })
+        return
+      }
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
+          saveOrUpdate(this.formobj).then((resp) => {
+            if (resp.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 = {
+        sid: '',
+        contractNo: '',
+        customerName: '',
+        vinNo: '',
+        vehicleSid: '',
+        model: '',
+        createBySid: '',
+        busVehicleInformation: {
+          vehicleKeyNum: '',
+          certificate: '',
+          applyForm: '',
+          manual: '',
+          environmentalList: '',
+          dirverCard: '',
+          gasCertificate: '',
+          remarks: '',
+          recName: '',
+          recTime: ''
+        }
+      }
+      this.submitdisabled = false
+      this.$refs['form_obj'].resetFields()
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 200px !important;
+}
+.addinputInfo {
+  margin-left: 190px !important;
+}
+/deep/ .el-form-item__error {
+  margin-left: 190px;
+}
+</style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaojiaojie/cardatahandedoverInfo.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaojiaojie/cardatahandedoverInfo.vue
new file mode 100644
index 0000000000..57fb8b22fc
--- /dev/null
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaojiaojie/cardatahandedoverInfo.vue
@@ -0,0 +1,107 @@
+<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" :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.vinNo }}</span></el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <div class="span-sty">车型</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.model }}</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.contractNo }}</span></el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <div class="span-sty">客户名称</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">
+          <div>交接记录</div>
+        </div>
+        <el-table :key="tableKey" :data="formobj.informations" border style="width: 100%">
+          <el-table-column label="移交人" align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.transferName }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="接收人" align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.recName }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="交接日期" align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.recTime }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="交接资料" align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.vehicleHandoverData }}</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>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import { details } from '@/api/suicheziliao/suicheziliao'
+
+export default {
+  name: 'cardatahandedoverInfo',
+  data() {
+    return {
+      viewTitle: '',
+      submitdisabled: false,
+      tableKey: 0,
+      formobj: {
+        sid: '',
+        contractNo: '',
+        customerName: '',
+        vinNo: '',
+        vehicleSid: '',
+        model: '',
+        createBySid: '',
+        remarks: '',
+        informations: []
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showInfo(row) {
+      this.viewTitle = '随车资料准备详情'
+      details(row.sid).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+        }
+      })
+    },
+    handleReturn() {
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaojiaojie/cardatahandedoverTwoAdd.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaojiaojie/cardatahandedoverTwoAdd.vue
new file mode 100644
index 0000000000..deb2931536
--- /dev/null
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaojiaojie/cardatahandedoverTwoAdd.vue
@@ -0,0 +1,149 @@
+<template>
+  <div class="app-container">
+    <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">车架号</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.model }}</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.contractNo }}</span></el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <div class="span-sty">客户名称</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</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.busVehicleInformation.vehicleHandoverData }}</span></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.busVehicleInformation.remarks" clearable class="addinputInfo" style="width: 80%" placeholder=""/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import { fetchDetailsBySid, saveOrUpdate } from '@/api/suicheziliao/suicheziliao'
+
+export default {
+  name: 'cardatahandedoverAdd',
+  data() {
+    return {
+      viewTitle: '',
+      submitdisabled: false,
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        sid: '',
+        contractNo: '',
+        customerName: '',
+        vinNo: '',
+        vehicleSid: '',
+        model: '',
+        createBySid: '',
+        busVehicleInformation: {
+          vehicleKeyNum: '',
+          certificate: '',
+          applyForm: '',
+          manual: '',
+          environmentalList: '',
+          dirverCard: '',
+          gasCertificate: '',
+          remarks: '',
+          recName: '',
+          recTime: ''
+        }
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showEdit(sid) {
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.viewTitle = '随车资料准备'
+      fetchDetailsBySid(sid, '2').then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+          this.formobj.busVehicleInformation.remarks = ''
+        }
+      })
+    },
+    saveOrUpdate() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
+          saveOrUpdate(this.formobj).then((resp) => {
+            if (resp.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 = {
+        sid: '',
+        contractNo: '',
+        customerName: '',
+        vinNo: '',
+        vehicleSid: '',
+        model: '',
+        createBySid: '',
+        remarks: '',
+        recName: '',
+        recTime: '',
+        busVehicleInformation: {
+          vehicleKeyNum: '',
+          certificate: '',
+          applyForm: '',
+          manual: '',
+          environmentalList: '',
+          dirverCard: '',
+          gasCertificate: ''
+        }
+      }
+      this.submitdisabled = false
+      this.$refs['form_obj'].resetFields()
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaojiaojie/cardatatobehandedover.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaojiaojie/cardatatobehandedover.vue
new file mode 100644
index 0000000000..eacd61d0e3
--- /dev/null
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaojiaojie/cardatatobehandedover.vue
@@ -0,0 +1,253 @@
+<template>
+  <div class="app-container">
+    <!-- Start 列表页面 -->
+    <div v-show="viewState == 1">
+      <button-bar view-title="随车资料交接管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <div class="main-content">
+        <div class="switch_btn">
+          <el-button :class="{btn_style:viewState === 1}">待交接</el-button>
+          <el-button class="" @click="handleClick">已交接</el-button>
+        </div>
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form ref="listQueryform" :inline="true" :model="listQuery" class="tab-header">
+              <el-form-item label="车架号">
+                <el-input v-model="listQuery.params.vinNo" clearable placeholder="" class="addinputw"></el-input>
+              </el-form-item>
+              <el-form-item label="合同编号">
+                <el-input v-model="listQuery.params.contractNo" clearable placeholder="" class="addinputw"></el-input>
+              </el-form-item>
+              <el-form-item label="客户名称">
+                <el-input v-model="listQuery.params.customerName" clearable placeholder="" class="addinputw"></el-input>
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
+              <el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <div class="listtop">
+          <div class="tit">待交接随车资料车辆列表</div>
+          <pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+        <div class="">
+          <el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;">
+            <el-table-column fixed label="序号" width="60" type="index" :index="indexMethod" align="center"/>
+            <el-table-column fixed label="操作" width="100" align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="handBanLi(scope.row)">办理</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="状态" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.handoverState }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="创建日期" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.createTime }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车架号" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.vinNo }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车型" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.model }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="合同编号" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.contractNo }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="客户名称" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.customerName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="待接收人" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.recName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="待接收人电话" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.recPhone }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div class="pages">
+          <!-- 翻页 -->
+          <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+      </div>
+    </div>
+    <!-- End 列表页面 -->
+    <cardatahandedover v-show="viewState == 2" ref="divYiJiaoJie" @doback="resetState"/>
+    <cardatahandedoverAdd v-show="viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="getList"/>
+  </div>
+</template>
+
+<script>
+import { pagerList } from '@/api/suicheziliao/suicheziliao'
+import { getOrgSidByPath } from '@/api/dictcommons/dictcommons'
+import Pagination from '@/components/pagination'
+import pageye from '@/components/pagination/pageye'
+import ButtonBar from '@/components/ButtonBar'
+import cardatahandedoverAdd from './cardatahandedoverAdd'
+import cardatahandedover from './cardatahandedover'
+
+export default {
+  name: 'DaiJiaoJieSuiCheZiLiao',
+  components: {
+    Pagination,
+    pageye,
+    ButtonBar,
+    cardatahandedover,
+    cardatahandedoverAdd
+  },
+  data() {
+    return {
+      viewState: 1,
+      btndisabled: false,
+      btnList: [
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ],
+      isSearchShow: false,
+      searchxianshitit: '显示查询条件',
+      // 查询条件 -----------
+      tableKey: 0,
+      list: [],
+      FormLoading: false,
+      listLoading: false,
+      listQuery: {
+        params: {
+          useOrgSid: '',
+          userSid: '',
+          handoverState: '0',
+          contractNo: '',
+          customerName: '',
+          vinNo: ''
+        },
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    // 初始化变量
+    this.init()
+  },
+  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 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
+    },
+    init() {
+      getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => {
+        if (res.success) {
+          this.listQuery.params.useOrgSid = res.data
+          // 加载列表
+          this.getList()
+        }
+      })
+    },
+    // 序号
+    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')
+      pagerList(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
+        }
+      })
+    },
+    handleClick() {
+      this.viewState = 2
+      this.$refs['divYiJiaoJie'].init()
+    },
+    // 查询按钮
+    handleFilter() {
+      this.listQuery.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.listQuery = {
+        params: {
+          useOrgSid: '',
+          userSid: '',
+          handoverState: '0',
+          contractNo: '',
+          customerName: '',
+          vinNo: ''
+        },
+        current: 1,
+        size: 10,
+        total: 0
+      }
+      this.init()
+    },
+    // 交接
+    handBanLi(row) {
+      this.viewState = 3
+      this.$refs['divAdd'].showEdit(row)
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    doClose() {
+      this.$store.dispatch('tagsView/delView', this.$route)
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+<style scoped>
+.btn_style {
+  background-color: #018ad2;
+  color: white;
+  font-weight: 600;
+}
+</style>