diff --git a/anrui-scm/anrui-scm-ui/src/api/guache/guachechuku.js b/anrui-scm/anrui-scm-ui/src/api/guache/guachechuku.js
new file mode 100644
index 0000000000..ee35a89a83
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/api/guache/guachechuku.js
@@ -0,0 +1,105 @@
+import request from '@/utils/request'
+
+// 物料信息
+export default {
+
+  // 查询分页列表
+  listPage: function(data) {
+    return request({
+      url: '/base/v1/basetraileroutapply/listPage',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 保存新增记录
+  saveOrUpdate: function(data) {
+    return request({
+      url: '/base/v1/basetraileroutapply/save',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 通过sid删除一条或多条记录
+  delBySids: function(data) {
+    return request({
+      url: '/base/v1/basetraileroutapply/delBySids',
+      method: 'delete',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 通过sid查询一条记录
+  fetchBySid: function(sid) {
+    return request({
+      url: '/base/v1/basetraileroutapply/fetchDetailsBySid/' + sid,
+      method: 'get'
+    })
+  },
+  // 通过sid查询一条记录
+  initialize: function(data) {
+    return request({
+      url: '/base/v1/basetraileroutapply/init',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 通过sid查询一条记录
+  submit: function(data) {
+    return request({
+      url: '/base/v1/basetraileroutapply/submitFinBillApplication',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 代办任务同意办理
+  complete: function(params) {
+    return request({
+      url: '/base/v1/basetraileroutapply/complete',
+      method: 'post',
+      data: params
+    })
+  },
+  // 代办任务驳回任务
+  reject: function(params) {
+    return request({
+      url: '/base/v1/basetraileroutapply/reject',
+      method: 'post',
+      data: params
+    })
+  },
+  // 代办任务终止任务
+  breakProcess: function(params) {
+    return request({
+      url: '/base/v1/basetraileroutapply/breakProcess',
+      method: 'post',
+      data: params
+    })
+  },
+  // 代办任务撤回任务
+  revokeProcess: function(params) {
+    return request({
+      url: '/base/v1/basetraileroutapply/revokeProcess',
+      method: 'post',
+      data: params
+    })
+  },
+
+  getNextNodesForSubmit: function(data) {
+    return request({
+      url: '/base/v1/basetraileroutapply/getNextNodesForSubmit',
+      method: 'get',
+      params: data
+    })
+  },
+  getPreviousNodesForReject(data) {
+    return request({
+      url: '/base/v1/basetraileroutapply/getPreviousNodesForReject',
+      method: 'get',
+      params: data
+    })
+  }
+}
diff --git a/anrui-scm/anrui-scm-ui/src/router/modules/codemenu.js b/anrui-scm/anrui-scm-ui/src/router/modules/codemenu.js
index a838a7ee12..2be1c9cf39 100644
--- a/anrui-scm/anrui-scm-ui/src/router/modules/codemenu.js
+++ b/anrui-scm/anrui-scm-ui/src/router/modules/codemenu.js
@@ -220,7 +220,13 @@ const codemenu = [
         component: () => import('@/views/guache/guachetaizhang/guachetaizhangguanli'),
         name: 'GuaCheTaiZhangGuanLi',
         meta: { title: '挂车台账管理', noCache: true }
-      }
+      },
+      {
+        path: '/guache/guachechuku',
+        component: () => import('@/views/guache/guachechuku/trailerout'),
+        name: 'GuaCheChuKu',
+        meta: { title: '挂车出库管理', noCache: true }
+      },
     ]
   },
 
@@ -1214,6 +1220,28 @@ const codemenu = [
     component: () =>
       import('@/views/workFlow/huikuanfanliheduiFlow/huikuanfanliheduiEdit.vue'),
     name: 'huikuanfanliheduiEdit'
+  },
+
+  // 挂车出库申请待办详情页面
+  {
+    path: '/guachechukuFlow/chukuDaiBanInfo',
+    component: () =>
+      import('@/views/workFlow/guachechukuFlow/chukuDaiBanInfo.vue'),
+    name: 'chukuDaiBanInfo'
+  },
+  // 挂车出库申请已办详情
+  {
+    path: '/guachechukuFlow/chukuYiBanInfo',
+    component: () =>
+      import('@/views/workFlow/guachechukuFlow/chukuYiBanInfo.vue'),
+    name: 'chukuYiBanInfo'
+  },
+  // 挂车出库申请办理
+  {
+    path: '/guachechukuFlow/chukuEdit',
+    component: () =>
+      import('@/views/workFlow/guachechukuFlow/chukuEdit.vue'),
+    name: 'chukuEdit'
   }
 ]
 export default codemenu
diff --git a/anrui-scm/anrui-scm-ui/src/views/guache/guachechuku/trailerout.vue b/anrui-scm/anrui-scm-ui/src/views/guache/guachechuku/trailerout.vue
new file mode 100644
index 0000000000..6776536132
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/guache/guachechuku/trailerout.vue
@@ -0,0 +1,307 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <button-bar view-title="挂车出库管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <div class="main-content">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="isSearchShow = !isSearchShow">
+            {{ isSearchShow ? "隐藏查询条件" : "显示查询条件" }}
+          </el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form :inline="true" class="tab-header" label-width="100px">
+              <el-form-item label="申请编号">
+                <el-input v-model="queryParams.params.billNo" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="合同编号">
+                <el-input v-model="queryParams.params.contractNo" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="客户名称">
+                <el-input v-model="queryParams.params.customerName" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="主车车架号">
+                <el-input v-model="queryParams.params.zcVinNo" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="挂车车架号">
+                <el-input v-model="queryParams.params.gcVinNo" placeholder="" clearable/>
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center">
+              <el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
+              <el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <!--Start 项目列表头部-->
+        <div class="listtop">
+          <div class="tit">挂车出库申请列表</div>
+          <pageye v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/>
+        </div>
+        <!--End 项目列表头部-->
+        <!--Start 项目列表-->
+        <div class="">
+          <el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" @selection-change="handleSelectionChange">
+            <el-table-column width="50px" fixed type="selection" align="center"/>
+            <el-table-column width="60px" fixed label="序号" type="index" :index="indexMethod" align="center"/>
+            <el-table-column label="操作" fixed width="160px" align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" size="small" :disabled="scope.row.nodeState =='发起申请' ? false : scope.row.nodeState == '待提交' ? false : true" @click="toEdit(scope.row)">办理</el-button>
+                <el-button type="primary" size="small" @click="toInfo(scope.row)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="状态" width="180" 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 prop="billNo" label="申请单编号" align="center" width="150"/>
+            <el-table-column prop="contractNo" label="合同编号" align="center" width="140"/>
+            <el-table-column prop="customerName" label="客户名称" align="center" width="130"/>
+            <el-table-column prop="saleTypeValue" label="销售类型" align="center" width="130"/>
+            <el-table-column prop="zcVinNo" label="主车车架号" align="center" width="120"/>
+            <el-table-column prop="gcVinNo" label="挂车车架号" align="center" width="120"/>
+            <el-table-column prop="businessState" label="业务状态" align="center" width="130"/>
+            <el-table-column prop="invoiceTitle" label="开票单位" align="center" width="150"/>
+            <el-table-column prop="billTypeValue" label="开票类型" align="center" width="100"/>
+            <el-table-column prop="oneBillMoney" label="开票金额" align="center" width="100"/>
+            <el-table-column prop="openTickRemarks" label="开票信息" align="center" width="200"/>
+          </el-table>
+        </div>
+        <!--End 项目列表-->
+        <div class="pages">
+          <div class="tit"/>
+          <!-- 翻页 -->
+          <pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/>
+        </div>
+      </div>
+    </div>
+    <!--End 查询和其列表部分-->
+    <!--新增修改部分组件-->
+    <traileroutAdd v-show="viewState == 2" ref="divAdd" @doback="resetState" @reloadlist="loadList"/>
+    <!--详情部分组件-->
+    <traileroutInfo v-show="viewState == 3" 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 req from '@/api/guache/guachechuku'
+import ButtonBar from '@/components/ButtonBar'
+import Pagination from '@/components/pagination'
+import pageye from '@/components/pagination/pageye'
+import traileroutAdd from './traileroutAdd'
+import traileroutInfo from './traileroutInfo'
+import { getStorage } from '@/utils/auth'
+
+export default {
+  name: 'GuaCheChuKu',
+  components: {
+    ButtonBar,
+    Pagination,
+    pageye,
+    traileroutAdd,
+    traileroutInfo
+  },
+  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: '关闭'
+        }
+      ],
+      viewState: 1, // 1、列表 2、添加 3、修改 4、查看
+      isSearchShow: false,
+      tableLoading: false,
+      dataList: [],
+      queryParams: {
+        current: 1,
+        size: 5,
+        total: 0,
+        params: {
+          billNo: '',
+          contractNo: '',
+          customerName: '',
+          gcVinNo: '',
+          orgSidPath: '',
+          sid: '',
+          userSid: '',
+          zcVinNo: ''
+        }
+      },
+      multipleSelection: []
+    }
+  },
+  mounted() {
+    // 在外部vue的window上添加postMessage的监听，而且绑定处理函数handleMessage
+    window.addEventListener('message', this.handleMessage)
+    this.$refs['btnbar'].setButtonList(this.btnList)
+  },
+  created() {
+    this.loadList()
+  },
+  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.procInstId,
+        token: getStorage()
+      }
+      this.url = '/#/flow/flowRecordForBusiness?data=' + encodeURI((JSON.stringify(params)))
+    },
+    btnHandle(btnKey) {
+      console.log('XXXXXXXXXXXXXXX    ' + btnKey)
+      switch (btnKey) {
+        case 'doDel':
+          this.doDel()
+          break
+        case 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
+    },
+    loadList() {
+      this.tableLoading = true
+      this.queryParams.params.userSid = window.sessionStorage.getItem('userSid')
+      this.queryParams.params.orgSidPath = window.sessionStorage.getItem('defaultOrgPath')
+      req.listPage(this.queryParams).then((resp) => {
+        this.tableLoading = false
+        if (resp.success) {
+          const data = resp.data
+          this.queryParams.total = data.total
+          this.dataList = data.records
+        } else {
+          this.queryParams.total = 0
+          this.dataList = []
+        }
+      }).catch(() => {
+        this.tableLoading = false
+      })
+    },
+    handleSelectionChange(row) {
+      const aa = []
+      row.forEach((element) => {
+        aa.push(element.sid)
+      })
+      this.multipleSelection = aa
+    },
+    // 序号
+    indexMethod(index) {
+      var pagestart = (this.queryParams.current - 1) * this.queryParams.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    dosearch() {
+      this.queryParams.current = 1
+      this.loadList()
+    },
+    resetQuery() {
+      this.queryParams = {
+        current: 1,
+        size: 5,
+        total: 0,
+        params: {
+          billNo: '',
+          contractNo: '',
+          customerName: '',
+          gcVinNo: '',
+          orgSidPath: '',
+          sid: '',
+          userSid: '',
+          zcVinNo: ''
+        }
+      }
+      this.loadList()
+    },
+    toEdit(row) {
+      this.viewState = 2
+      this.$refs['divAdd'].showEdit(row)
+    },
+    toInfo(row) {
+      this.viewState = 3
+      this.$refs['divinfo'].showInfo(row)
+    },
+    doDel() {
+      if (this.multipleSelection.length === 0) {
+        this.$message({
+          showClose: true,
+          type: 'error',
+          message: '请选择至少一条记录进行删除操作'
+        })
+        return
+      }
+      const tip = '请确认是否删除所选 ' + this.multipleSelection.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.delBySids(this.multipleSelection).then((resp) => {
+          loading.close()
+          if (resp.success) {
+            this.$message({ type: 'success', message: resp.msg, showClose: true })
+            this.loadList()
+          }
+        }).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-scm/anrui-scm-ui/src/views/guache/guachechuku/traileroutAdd.vue b/anrui-scm/anrui-scm-ui/src/views/guache/guachechuku/traileroutAdd.vue
new file mode 100644
index 0000000000..b37e53b169
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/guache/guachechuku/traileroutAdd.vue
@@ -0,0 +1,290 @@
+<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" class="formaddcopy02">
+          <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.initiateDeptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>发起人</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.initiatePeoName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>发起日期</span></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"><span>合同编号</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.contractNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>客户名称</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>销售类型</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.saleTypeValue }}</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.zcVinNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>挂车车架号</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.gcVinNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>业务状态</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.businessState }}</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.invoiceTitle }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>开票类型</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.billTypeValue }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>销售合同价</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.oneBillMoney }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="16">
+              <div class="span-sty"><span>开票信息</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.openTickRemarks }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <el-button type="primary" size="mini" @click="handleHGZ">合格证</el-button>
+                <el-button type="primary" size="mini" @click="handleXSDD">销售订单</el-button>
+                <el-button type="primary" size="mini" @click="handleKPQK">款票情况</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty"><span>备注</span></div>
+              <el-form-item>
+                <el-input v-model="formobj.remarks" class="addinputInfo" clearable placeholder=""/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <!-- 查看合格证图片 -->
+    <el-dialog :visible.sync="dialogVisible">
+      <el-image v-for="(item, index) in formobj.hgzFiles" :key="index" :src="item" :preview-src-list="formobj.hgzFiles"/>
+    </el-dialog>
+    <!-- 查看销售订单 -->
+    <xiaoshoudingdanInfo v-show="viewState == 2" ref="divXiao" @doback="resetState"/>
+    <!-- 查看款票情况 -->
+    <paymentticket v-show="viewState == 3" ref="divPay" @doback="resetState"/>
+  </div>
+</template>
+
+<script>
+import req from '@/api/guache/guachechuku'
+import xiaoshoudingdanInfo from '../../examinePage/chukushenhe/relation/xiaoshoudingdanInfo'
+import paymentticket from '../../examinePage/chukushenhe/relation/paymentticket'
+
+export default {
+  name: 'GuaCheChuKuAdd',
+  components: {
+    xiaoshoudingdanInfo,
+    paymentticket
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      dialogVisible: false,
+      submitdisabled: false,
+      formobj: {
+        sid: '',
+        initiateDeptSid: '',
+        initiateDeptName: '',
+        createBySid: '',
+        createTime: '',
+        initiatePeoName: '',
+        contractNo: '',
+        customerSid: '',
+        customerName: '',
+        saleTypeKey: '',
+        saleTypeValue: '',
+        zcSid: '',
+        zcVinNo: '',
+        gcSid: '',
+        gcVinNo: '',
+        hgzFiles: [],
+        businessState: '',
+        invoiceTitle: '',
+        billTypeKey: '',
+        billTypeValue: '',
+        oneBillMoney: '',
+        openTickRemarks: '',
+        billNo: '',
+        orderSid: '',
+        orgSidPath: '',
+        useOrgSid: '',
+        useOrgName: '',
+        nodeState: '',
+        nodeSid: '',
+        procDefId: '',
+        procInstSid: '',
+        taskId: ''
+      }
+    }
+  },
+  methods: {
+    showAdd(sid) {
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.viewTitle = '【新增】挂车出库申请'
+      req.initialize({ sid: sid, userSid: window.sessionStorage.getItem('userSid'), orgSidPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+        }
+      })
+    },
+    showEdit(row) {
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.viewTitle = '【编辑】挂车出库申请'
+      req.fetchBySid(row.sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+        }
+      })
+    },
+    handleHGZ() {
+      if (this.formobj.hgzFiles.length > 0) {
+        this.dialogVisible = true
+      }
+    },
+    handleXSDD() {
+      const parmas = {
+        sid: this.formobj.orderSid
+      }
+      this.viewState = 2
+      this.$refs['divXiao'].showInfo(parmas)
+    },
+    handleKPQK() {
+      const kpqk = {
+        vinSid: this.formobj.zcSid
+      }
+      this.viewState = 3
+      this.$refs['divPay'].showInfo(this.formobj.contractNo, kpqk)
+    },
+    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 = {
+        sid: '',
+        initiateDeptSid: '',
+        initiateDeptName: '',
+        createBySid: '',
+        createTime: '',
+        initiatePeoName: '',
+        contractNo: '',
+        customerSid: '',
+        customerName: '',
+        saleTypeKey: '',
+        saleTypeValue: '',
+        zcSid: '',
+        zcVinNo: '',
+        gcSid: '',
+        gcVinNo: '',
+        hgzFiles: [],
+        businessState: '',
+        invoiceTitle: '',
+        billTypeKey: '',
+        billTypeValue: '',
+        oneBillMoney: '',
+        openTickRemarks: '',
+        billNo: '',
+        orderSid: '',
+        orgSidPath: '',
+        useOrgSid: '',
+        useOrgName: '',
+        nodeState: '',
+        nodeSid: '',
+        procDefId: '',
+        procInstSid: '',
+        taskId: ''
+      }
+      this.submitdisabled = false
+      this.$refs['form_obj'].resetFields()
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 120px !important;
+}
+.addinputInfo {
+  margin-left: 110px !important;
+}
+</style>
diff --git a/anrui-scm/anrui-scm-ui/src/views/guache/guachechuku/traileroutInfo.vue b/anrui-scm/anrui-scm-ui/src/views/guache/guachechuku/traileroutInfo.vue
new file mode 100644
index 0000000000..706683c4f9
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/guache/guachechuku/traileroutInfo.vue
@@ -0,0 +1,233 @@
+<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="8">
+              <div class="span-sty"><span>发起部门</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.initiateDeptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>发起人</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.initiatePeoName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>发起日期</span></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"><span>合同编号</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.contractNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>客户名称</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>销售类型</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.saleTypeValue }}</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.zcVinNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>挂车车架号</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.gcVinNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>业务状态</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.businessState }}</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.invoiceTitle }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>开票类型</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.billTypeValue }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>销售合同价</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.oneBillMoney }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="16">
+              <div class="span-sty"><span>开票信息</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.openTickRemarks }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <el-button type="primary" size="mini" @click="handleHGZ">合格证</el-button>
+                <el-button type="primary" size="mini" @click="handleXSDD">销售订单</el-button>
+                <el-button type="primary" size="mini" @click="handleKPQK">款票情况</el-button>
+              </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>
+    <!-- 查看合格证图片 -->
+    <el-dialog :visible.sync="dialogVisible">
+      <el-image v-for="(item, index) in formobj.hgzFiles" :key="index" :src="item" :preview-src-list="formobj.hgzFiles"/>
+    </el-dialog>
+    <!-- 查看销售订单 -->
+    <xiaoshoudingdanInfo v-show="viewState == 2" ref="divXiao" @doback="resetState"/>
+    <!-- 查看款票情况 -->
+    <paymentticket v-show="viewState == 3" ref="divPay" @doback="resetState"/>
+  </div>
+</template>
+
+<script>
+import req from '@/api/guache/guachechuku'
+import xiaoshoudingdanInfo from '../../examinePage/chukushenhe/relation/xiaoshoudingdanInfo'
+import paymentticket from '../../examinePage/chukushenhe/relation/paymentticket'
+
+export default {
+  name: 'GuaCheChuKuAdd',
+  components: {
+    xiaoshoudingdanInfo,
+    paymentticket
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      dialogVisible: false,
+      submitdisabled: false,
+      formobj: {
+        sid: '',
+        initiateDeptSid: '',
+        initiateDeptName: '',
+        createBySid: '',
+        createTime: '',
+        initiatePeoName: '',
+        contractNo: '',
+        customerSid: '',
+        customerName: '',
+        saleTypeKey: '',
+        saleTypeValue: '',
+        zcSid: '',
+        zcVinNo: '',
+        gcSid: '',
+        gcVinNo: '',
+        hgzFiles: [],
+        businessState: '',
+        invoiceTitle: '',
+        billTypeKey: '',
+        billTypeValue: '',
+        oneBillMoney: '',
+        openTickRemarks: '',
+        billNo: '',
+        orderSid: '',
+        orgSidPath: '',
+        useOrgSid: '',
+        useOrgName: '',
+        nodeState: '',
+        nodeSid: '',
+        procDefId: '',
+        procInstSid: '',
+        taskId: ''
+      }
+    }
+  },
+  methods: {
+    showInfo(row) {
+      this.viewTitle = '挂车出库申请详情'
+      req.fetchBySid(row.sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+        }
+      })
+    },
+    handleHGZ() {
+      if (this.formobj.hgzFiles.length > 0) {
+        this.dialogVisible = true
+      }
+    },
+    handleXSDD() {
+      const parmas = {
+        sid: this.formobj.orderSid
+      }
+      this.viewState = 2
+      this.$refs['divXiao'].showInfo(parmas)
+    },
+    handleKPQK() {
+      const kpqk = {
+        vinSid: this.formobj.zcSid
+      }
+      this.viewState = 3
+      this.$refs['divPay'].showInfo(this.formobj.contractNo, kpqk)
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    handleReturn() {
+      this.formobj = {
+        sid: '',
+        initiateDeptSid: '',
+        initiateDeptName: '',
+        createBySid: '',
+        createTime: '',
+        initiatePeoName: '',
+        contractNo: '',
+        customerSid: '',
+        customerName: '',
+        saleTypeKey: '',
+        saleTypeValue: '',
+        zcSid: '',
+        zcVinNo: '',
+        gcSid: '',
+        gcVinNo: '',
+        hgzFiles: [],
+        businessState: '',
+        invoiceTitle: '',
+        billTypeKey: '',
+        billTypeValue: '',
+        oneBillMoney: '',
+        openTickRemarks: '',
+        billNo: '',
+        orderSid: '',
+        orgSidPath: '',
+        useOrgSid: '',
+        useOrgName: '',
+        nodeState: '',
+        nodeSid: '',
+        procDefId: '',
+        procInstSid: '',
+        taskId: ''
+      }
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 120px !important;
+}
+.addinputInfo {
+  margin-left: 110px !important;
+}
+</style>
diff --git a/anrui-scm/anrui-scm-ui/src/views/guache/guachetaizhang/guachetaizhangguanli.vue b/anrui-scm/anrui-scm-ui/src/views/guache/guachetaizhang/guachetaizhangguanli.vue
index 00e3cadaae..4a3a80dfbe 100644
--- a/anrui-scm/anrui-scm-ui/src/views/guache/guachetaizhang/guachetaizhangguanli.vue
+++ b/anrui-scm/anrui-scm-ui/src/views/guache/guachetaizhang/guachetaizhangguanli.vue
@@ -79,6 +79,8 @@
     <guachetaizhangAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="loadList"/>
     <!--详情部分组件-->
     <guachetaizhangInfo v-show="viewState == 4" ref="divinfo" @doback="resetState"/>
+    <!-- 出库 -->
+    <traileroutAdd v-show="viewState == 5" ref="divOut" @doback="resetState" @reloadlist="loadList"/>
   </div>
 </template>
 
@@ -89,6 +91,7 @@ import Pagination from '@/components/pagination'
 import pageye from '@/components/pagination/pageye'
 import guachetaizhangAdd from './guachetaizhangAdd'
 import guachetaizhangInfo from './guachetaizhangInfo'
+import traileroutAdd from '../../guache/guachechuku/traileroutAdd'
 import { getButtonPermissions, getGysTypeByOrgSid, getOrgSidByPath } from '@/api/cheliang/dictcommons'
 
 export default {
@@ -98,7 +101,8 @@ export default {
     Pagination,
     pageye,
     guachetaizhangAdd,
-    guachetaizhangInfo
+    guachetaizhangInfo,
+    traileroutAdd
   },
   data() {
     return {
@@ -273,12 +277,14 @@ export default {
         this.$message({ showClose: true, type: 'error', message: '请选择一条记录进行出库操作' })
         return
       } else {
-        req.trailerOut(this.multipleSelection[0]).then((resp) => {
-          if (resp.success) {
-            this.$message({ showClose: true, type: 'success', message: '出库成功' })
-            this.getList()
-          }
-        })
+        // req.trailerOut(this.multipleSelection[0]).then((resp) => {
+        //   if (resp.success) {
+        //     this.$message({ showClose: true, type: 'success', message: '出库成功' })
+        //     this.getList()
+        //   }
+        // })
+        this.viewState = 5
+        this.$refs['divOut'].showAdd(this.multipleSelection[0])
       }
     },
     toEdit(row) {
@@ -308,8 +314,10 @@ export default {
         })
         req.delBySids(this.multipleSelection).then((resp) => {
           loading.close()
-          this.$message({ type: 'success', message: resp.msg, showClose: true })
-          this.loadList()
+          if (resp.success) {
+            this.$message({ type: 'success', message: resp.msg, showClose: true })
+            this.loadList()
+          }
         }).catch((e) => {
           loading.close()
         })
diff --git a/anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/chukuDaiBanInfo.vue b/anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/chukuDaiBanInfo.vue
new file mode 100644
index 0000000000..6245e4423f
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/chukuDaiBanInfo.vue
@@ -0,0 +1,396 @@
+<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="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" class="formaddcopy02">
+          <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.initiateDeptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>发起人</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.initiatePeoName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>发起日期</span></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"><span>合同编号</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.contractNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>客户名称</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>销售类型</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.saleTypeValue }}</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.zcVinNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>挂车车架号</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.gcVinNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>业务状态</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.businessState }}</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.invoiceTitle }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>开票类型</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.billTypeValue }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>销售合同价</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.oneBillMoney }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="16">
+              <div class="span-sty"><span>开票信息</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.openTickRemarks }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <el-button type="primary" size="mini" @click="handleHGZ">合格证</el-button>
+                <el-button type="primary" size="mini" @click="handleXSDD">销售订单</el-button>
+                <el-button type="primary" size="mini" @click="handleKPQK">款票情况</el-button>
+              </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>
+    <!-- 查看合格证图片 -->
+    <el-dialog :visible.sync="dialogVisible">
+      <el-image v-for="(item, index) in formobj.hgzFiles" :key="index" :src="item" :preview-src-list="formobj.hgzFiles"/>
+    </el-dialog>
+    <!-- 查看销售订单 -->
+    <xiaoshoudingdanInfo v-show="viewState == 2" ref="divXiao" @doback="resetState"/>
+    <!-- 查看款票情况 -->
+    <paymentticket v-show="viewState == 3" ref="divPay" @doback="resetState"/>
+    <!-- 选择待办人 的弹出框-->
+    <el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%">
+      <el-form class="formadd" >
+        <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/guache/guachechuku'
+import xiaoshoudingdanInfo from './relation/xiaoshoudingdanInfo'
+import paymentticket from './relation/paymentticket'
+
+export default {
+  name: 'chukuDaiBanInfo',
+  components: {
+    xiaoshoudingdanInfo,
+    paymentticket
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      dialogVisible: false,
+      submitdisabled: false,
+      formobj: {
+        sid: '',
+        initiateDeptSid: '',
+        initiateDeptName: '',
+        createBySid: '',
+        createTime: '',
+        initiatePeoName: '',
+        contractNo: '',
+        customerSid: '',
+        customerName: '',
+        saleTypeKey: '',
+        saleTypeValue: '',
+        zcSid: '',
+        zcVinNo: '',
+        gcSid: '',
+        gcVinNo: '',
+        hgzFiles: [],
+        businessState: '',
+        invoiceTitle: '',
+        billTypeKey: '',
+        billTypeValue: '',
+        oneBillMoney: '',
+        openTickRemarks: '',
+        billNo: '',
+        orderSid: '',
+        orgSidPath: '',
+        useOrgSid: '',
+        useOrgName: '',
+        nodeState: '',
+        nodeSid: '',
+        procDefId: '',
+        procInstSid: '',
+        taskId: ''
+      },
+      operation: '', // 点击操作按钮
+      dialogList: {
+        comment: ''
+      },
+      startTask: true,
+      current: {
+        taskDefKey: '',
+        taskName: '' // 当前环节名称
+      },
+      nextNode: {}, // 下一环节
+      nodeDialogVisible: false,
+      currentLink: true,
+      // 环节所需参数
+      linkByParameter: {
+        businessSid: '',
+        comment: '',
+        instanceId: '',
+        taskId: '',
+        orgSidPath: '',
+        taskDefKey: '',
+        userSid: ''
+      }
+    }
+  },
+  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.current.taskDefKey = obj.taskDefKey
+    this.current.taskName = obj.taskName
+    // 加载表单数据
+    this.showInfo(obj.businessSid)
+  },
+  mounted() {
+    window.parent.postMessage({
+      cmd: 'returnHeight',
+      params: {
+        // 告诉父级页面，子页面的弹框高度。
+        code: 2,
+        data: 330 + 'px'
+      }
+    }, '*')
+  },
+  methods: {
+    showInfo(sid) {
+      this.viewTitle = '挂车出库申请详情'
+      req.fetchBySid(sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+        }
+      })
+    },
+    handleHGZ() {
+      if (this.formobj.hgzFiles.length > 0) {
+        this.dialogVisible = true
+      }
+    },
+    handleXSDD() {
+      const parmas = {
+        sid: this.formobj.orderSid
+      }
+      this.viewState = 2
+      this.$refs['divXiao'].showInfo(parmas)
+    },
+    handleKPQK() {
+      const kpqk = {
+        vinSid: this.formobj.zcSid
+      }
+      this.viewState = 3
+      this.$refs['divPay'].showInfo(this.formobj.contractNo, kpqk)
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    // 同意
+    openAgree(val) {
+      this.operation = val
+      this.currentLink = 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
+      })
+    },
+    // 驳回
+    openReject(val) {
+      this.operation = val
+      this.currentLink = true
+      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.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()
+        }
+      }
+    },
+    /** 同意任务 */
+    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>
+.span-sty {
+  width: 120px !important;
+}
+.addinputInfo {
+  margin-left: 110px !important;
+}
+.rowClass{
+  border-top: 1px solid #E0E3EB;
+}
+</style>
diff --git a/anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/chukuEdit.vue b/anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/chukuEdit.vue
new file mode 100644
index 0000000000..68da1a292a
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/chukuEdit.vue
@@ -0,0 +1,271 @@
+<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" class="formaddcopy02">
+          <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.initiateDeptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>发起人</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.initiatePeoName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>发起日期</span></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"><span>合同编号</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.contractNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>客户名称</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>销售类型</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.saleTypeValue }}</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.zcVinNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>挂车车架号</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.gcVinNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>业务状态</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.businessState }}</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.invoiceTitle }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>开票类型</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.billTypeValue }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>销售合同价</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.oneBillMoney }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="16">
+              <div class="span-sty"><span>开票信息</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.openTickRemarks }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <el-button type="primary" size="mini" @click="handleHGZ">合格证</el-button>
+                <el-button type="primary" size="mini" @click="handleXSDD">销售订单</el-button>
+                <el-button type="primary" size="mini" @click="handleKPQK">款票情况</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty"><span>备注</span></div>
+              <el-form-item>
+                <el-input v-model="formobj.remarks" class="addinputInfo" clearable placeholder=""/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <!-- 查看合格证图片 -->
+    <el-dialog :visible.sync="dialogVisible">
+      <el-image v-for="(item, index) in formobj.hgzFiles" :key="index" :src="item" :preview-src-list="formobj.hgzFiles"/>
+    </el-dialog>
+    <!-- 查看销售订单 -->
+    <xiaoshoudingdanInfo v-show="viewState == 2" ref="divXiao" @doback="resetState"/>
+    <!-- 查看款票情况 -->
+    <paymentticket v-show="viewState == 3" ref="divPay" @doback="resetState"/>
+  </div>
+</template>
+
+<script>
+import req from '@/api/guache/guachechuku'
+import xiaoshoudingdanInfo from './relation/xiaoshoudingdanInfo'
+import paymentticket from './relation/paymentticket'
+
+export default {
+  name: 'chukuEdit',
+  components: {
+    xiaoshoudingdanInfo,
+    paymentticket
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      dialogVisible: false,
+      submitdisabled: false,
+      formobj: {
+        sid: '',
+        initiateDeptSid: '',
+        initiateDeptName: '',
+        createBySid: '',
+        createTime: '',
+        initiatePeoName: '',
+        contractNo: '',
+        customerSid: '',
+        customerName: '',
+        saleTypeKey: '',
+        saleTypeValue: '',
+        zcSid: '',
+        zcVinNo: '',
+        gcSid: '',
+        gcVinNo: '',
+        hgzFiles: [],
+        businessState: '',
+        invoiceTitle: '',
+        billTypeKey: '',
+        billTypeValue: '',
+        oneBillMoney: '',
+        openTickRemarks: '',
+        billNo: '',
+        orderSid: '',
+        orgSidPath: '',
+        useOrgSid: '',
+        useOrgName: '',
+        nodeState: '',
+        nodeSid: '',
+        procDefId: '',
+        procInstSid: '',
+        taskId: ''
+      }
+    }
+  },
+  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: 330 + 'px'
+      }
+    }, '*')
+  },
+  methods: {
+    showInfo(sid) {
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.viewTitle = '【编辑】挂车出库申请'
+      req.fetchBySid(sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+        }
+      })
+    },
+    handleHGZ() {
+      if (this.formobj.hgzFiles.length > 0) {
+        this.dialogVisible = true
+      }
+    },
+    handleXSDD() {
+      const parmas = {
+        sid: this.formobj.orderSid
+      }
+      this.viewState = 2
+      this.$refs['divXiao'].showInfo(parmas)
+    },
+    handleKPQK() {
+      const kpqk = {
+        vinSid: this.formobj.zcSid
+      }
+      this.viewState = 3
+      this.$refs['divPay'].showInfo(this.formobj.contractNo, kpqk)
+    },
+    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.submitdisabled = false
+              // 子页面向父级页面传递值(关闭弹框)
+              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: '提交成功' })
+              this.submitdisabled = false
+              // 子页面向父级页面传递值(关闭弹框)
+              window.parent.postMessage({
+                cmd: 'returnHeight',
+                params: {
+                  // 操作成功，告诉父级页面关闭弹框
+                  code: 1
+                }
+              }, '*')
+            } else {
+              this.submitdisabled = false
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 120px !important;
+}
+.addinputInfo {
+  margin-left: 110px !important;
+}
+</style>
diff --git a/anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/chukuYiBanInfo.vue b/anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/chukuYiBanInfo.vue
new file mode 100644
index 0000000000..0945feba97
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/chukuYiBanInfo.vue
@@ -0,0 +1,267 @@
+<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" class="formaddcopy02">
+          <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.initiateDeptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>发起人</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.initiatePeoName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>发起日期</span></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"><span>合同编号</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.contractNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>客户名称</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>销售类型</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.saleTypeValue }}</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.zcVinNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>挂车车架号</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.gcVinNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>业务状态</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.businessState }}</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.invoiceTitle }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>开票类型</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.billTypeValue }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span>销售合同价</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.oneBillMoney }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="16">
+              <div class="span-sty"><span>开票信息</span></div>
+              <el-form-item><span class="addinputInfo">{{ formobj.openTickRemarks }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <el-button type="primary" size="mini" @click="handleHGZ">合格证</el-button>
+                <el-button type="primary" size="mini" @click="handleXSDD">销售订单</el-button>
+                <el-button type="primary" size="mini" @click="handleKPQK">款票情况</el-button>
+              </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>
+    <!-- 查看合格证图片 -->
+    <el-dialog :visible.sync="dialogVisible">
+      <el-image v-for="(item, index) in formobj.hgzFiles" :key="index" :src="item" :preview-src-list="formobj.hgzFiles"/>
+    </el-dialog>
+    <!-- 查看销售订单 -->
+    <xiaoshoudingdanInfo v-show="viewState == 2" ref="divXiao" @doback="resetState"/>
+    <!-- 查看款票情况 -->
+    <paymentticket v-show="viewState == 3" ref="divPay" @doback="resetState"/>
+  </div>
+</template>
+
+<script>
+import req from '@/api/guache/guachechuku'
+import xiaoshoudingdanInfo from './relation/xiaoshoudingdanInfo'
+import paymentticket from './relation/paymentticket'
+
+export default {
+  name: 'chukuYiBanInfo',
+  components: {
+    xiaoshoudingdanInfo,
+    paymentticket
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      dialogVisible: false,
+      submitdisabled: false,
+      formobj: {
+        sid: '',
+        initiateDeptSid: '',
+        initiateDeptName: '',
+        createBySid: '',
+        createTime: '',
+        initiatePeoName: '',
+        contractNo: '',
+        customerSid: '',
+        customerName: '',
+        saleTypeKey: '',
+        saleTypeValue: '',
+        zcSid: '',
+        zcVinNo: '',
+        gcSid: '',
+        gcVinNo: '',
+        hgzFiles: [],
+        businessState: '',
+        invoiceTitle: '',
+        billTypeKey: '',
+        billTypeValue: '',
+        oneBillMoney: '',
+        openTickRemarks: '',
+        billNo: '',
+        orderSid: '',
+        orgSidPath: '',
+        useOrgSid: '',
+        useOrgName: '',
+        nodeState: '',
+        nodeSid: '',
+        procDefId: '',
+        procInstSid: '',
+        taskId: ''
+      },
+      // 环节所需参数
+      linkByParameter: {
+        businessSid: '',
+        comment: '',
+        instanceId: '',
+        taskId: '',
+        orgSidPath: '',
+        taskDefKey: '',
+        userSid: ''
+      }
+    }
+  },
+  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: 330 + 'px'
+      }
+    }, '*')
+  },
+  methods: {
+    showInfo(sid) {
+      this.viewTitle = '挂车出库申请详情'
+      req.fetchBySid(sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+        }
+      })
+    },
+    handleHGZ() {
+      if (this.formobj.hgzFiles.length > 0) {
+        this.dialogVisible = true
+      }
+    },
+    handleXSDD() {
+      const parmas = {
+        sid: this.formobj.orderSid
+      }
+      this.viewState = 2
+      this.$refs['divXiao'].showInfo(parmas)
+    },
+    handleKPQK() {
+      const kpqk = {
+        vinSid: this.formobj.zcSid
+      }
+      this.viewState = 3
+      this.$refs['divPay'].showInfo(this.formobj.contractNo, kpqk)
+    },
+    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
+          })
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 120px !important;
+}
+.addinputInfo {
+  margin-left: 110px !important;
+}
+</style>
diff --git a/anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/relation/financialscheme.vue b/anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/relation/financialscheme.vue
new file mode 100644
index 0000000000..03a472a7cb
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/relation/financialscheme.vue
@@ -0,0 +1,332 @@
+<template>
+  <div class="app-container">
+    <div class="tab-header webtop">
+      <div>{{ viewTitle }}</div>
+      <div>
+        <el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button>
+      </div>
+    </div>
+    <div class="">
+      <el-form ref="dataForm" :model="formobj" label-position="top" label-width="130px" class="formaddcopy02">
+        <div v-if="formobj.typeKey !== '02'">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="6">
+              <div class="span-sty">是否打包</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.isPack == '1' ? '是' : formobj.isPack == '0' ? '否' : '' }}</span></el-form-item>
+            </el-col>
+            <el-col :span="18">
+              <div class="span-sty">资方及产品政策</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.policyName }}</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">
+                  <span>主车发票价{{ formobj.mainVehicleAmount }}元</span>
+                  <span>融资票据{{ formobj.accessoriesAmount }}元</span>
+                  <span>挂车{{ formobj.trailerAmount }} 元</span>
+                  <span>购置税{{ formobj.purchaseTax }} 元</span>
+                  <span>车损上浮{{ formobj.vehDamageFloat }} 元</span>
+                </div>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <div class="span-sty">融资项目总额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanTotal }}</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.downPayRatio }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">首付金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.downPayAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">产品贷款金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">产品期数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPeriod }}</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.bondRatio }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">贷款保证金</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bondAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">厂家贴息</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.factoryDiscount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">年利率</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.policyYearRatio }}</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.loanPayMoney }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">利息总额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanInterest }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">厂家贴息用途</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.factoryDiscountUse }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div v-show="formobj.otherPolicyState">
+            <div class="title">其它融</div>
+            <el-row>
+              <el-col :span="12">
+                <div class="span-sty">其它融名称</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyName }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">贷款金额</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyAmount }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">期数</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyPeriod }}</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.otherPolicyMonthlyRepay }}</span></el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <div class="span-sty">利息总额</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyInterest }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">年利率</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyYearRatio }}</span></el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <div class="title">方案汇总</div>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">融资首付</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanDownPay }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">总贷款金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanAmountTotal }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">期数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.period }}</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.monthlyRepay }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">利息总额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.interest }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">预计首款还款日</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.returnTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">应收明细</div>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">融资首付</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.downPayAmounts }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">贷款保证金</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bondAmounts }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">保险保证金</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.depositPremium }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">落户保证金</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.depositSettle }}</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.serviceAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">代收意外险</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.proxyAccidentPremium }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">上牌费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.registerAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">运管费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.operationAmount }}</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.vehOtherPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">其它费用</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.otherAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">其它费用说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.otherAmountRemark }}</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.dealWay }}</span></el-form-item>
+            </el-col>
+            <el-col :span="9">
+              <div class="span-sty">代收首年保险费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.proxyPremium }}</span></el-form-item>
+            </el-col>
+            <el-col :span="9">
+              <div class="span-sty">代收购置税</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.proxyPurchasetax }}</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.receivableTotal }}</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.offsetTotal }}</span></el-form-item>
+            </el-col>
+            <el-col :span="9">
+              <div class="span-sty">抵顶首年保险费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.offsetPremium }}</span></el-form-item>
+            </el-col>
+            <el-col :span="9">
+              <div class="span-sty">抵顶购置税</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.offsetPurchasetax }}</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.realTotal }}</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.vehTotalPrice }}</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.nominalPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="18">
+              <el-form-item><span class="addinputInfo">注：结清时需缴纳此费用</span></el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+        <div v-if="formobj.typeKey == '02'">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="8">
+              <div class="span-sty">厂家贴息</div>
+              <el-form-item>
+                <span class="addinputInfo">{{ formobj.factoryDiscount }}</span>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">厂家贴息用途</div>
+              <el-form-item>
+                <span class="addinputInfo">>{{ formobj.factoryDiscountUse }}</span>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span class="icon">*</span>服务费</div>
+              <el-form-item>
+                <span class="addinputInfo">>{{ formobj.serviceAmount }}</span>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </el-form>
+    </div>
+  </div>
+</template>
+<script>
+
+export default {
+  name: 'JinRongFangAnInfo',
+  data() {
+    return {
+      viewTitle: '',
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        otherPolicyState: false
+      }
+    }
+  },
+  methods: {
+    showInfo(value) {
+      this.viewTitle = '金融方案'
+      this.formobj = value
+    },
+    handleReturn() {
+      this.formobj = {
+        otherPolicyState: false
+      }
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 130px !important;
+}
+.addinputInfo {
+  margin-left: 120px !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-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/relation/paymentticket.vue b/anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/relation/paymentticket.vue
new file mode 100644
index 0000000000..111fac5141
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/relation/paymentticket.vue
@@ -0,0 +1,244 @@
+<template>
+  <div class="app-container">
+    <div>
+      <div class="tab-header webtop">
+        <div>款票详情</div>
+        <div>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div class="">
+        <el-form ref="dataForm" :model="formobj" class="formaddcopy02" :rules="rules">
+          <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.paymentMethod }}</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.modelName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <!--Start 预订车辆信息-->
+          <div class="title">
+            <div>款项情况(平台收款)</div>
+          </div>
+          <el-table :key="tableKey" v-loading="listLoading" ref="multipleTable" :data="formobj.finSelectVoList" border style="width: 100%" :index="index">
+            <el-table-column fixed align="center" label="序号" type="index" :index="index + 1" width="60"/>
+            <el-table-column label="款项名称" align="center" width="150">
+              <template slot-scope="scope">
+                <span>{{ scope.row.receivablesName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="应收金额" align="center" width="150">
+              <template slot-scope="scope">
+                <span>{{ scope.row.reveivableMoney }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="已收款" align="center" width="150">
+              <template slot-scope="scope">
+                <span>{{ scope.row.subscriptionMoneyAll }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="未收款" align="center" width="150">
+              <template slot-scope="scope">
+                <span>{{ scope.row.notSubscriptionMoney }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.remark }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="title">发票情况</div>
+          <el-row>
+            <el-col :span="16">
+              <div class="span-sty">开票名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.invoicingName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">税号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.invoiceNo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="16">
+              <div class="span-sty">地址</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.address }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.telPhone }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="16">
+              <div class="span-sty">开户行</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.openingBank }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">银行账号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.bankNum }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="16">
+              <div class="span-sty">开票单位</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.invoiceTitle }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.invoiceType }}</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.vinInvoiceVo.billingState }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.invoiceAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.invoiceDate }}</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.vinInvoiceVo.transferState }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">接收人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.recipient }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">移交日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.transferTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { deliveredFinSelect } from '@/api/examinePage/chukushenhe'
+
+export default {
+  name: 'PaymentTicket',
+  data() {
+    return {
+      tableKey: 0,
+      index: 0,
+      // --按钮菜单-------
+      listLoading: false,
+      formobj: {
+        vinNo: '',
+        paymentMethod: '',
+        contractNo: '',
+        customerName: '',
+        modelName: '',
+        finSelectVoList: [],
+        vinInvoiceVo: {
+          invoicingName: '',
+          invoiceNo: '',
+          invoiceTitle: '',
+          invoiceType: '',
+          billingState: '',
+          invoiceAmount: '',
+          invoiceDate: '',
+          transferState: '',
+          address: '',
+          telPhone: '',
+          openingBank: '',
+          bankNum: '',
+          recipient: '',
+          transferTime: ''
+        }
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    // ------------ 页面初始化 ------------
+    showInfo(contractId, row) {
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+      deliveredFinSelect({ contractNo: contractId, vinSid: row.vinSid }).then((response) => {
+        if (response.success) {
+          console.log(response.data)
+          this.formobj = response.data
+        }
+      })
+    },
+    // ------------ 功能实现 ------------
+    // 返回
+    handleReturn() {
+      this.$refs['dataForm'].resetFields()
+      this.formobj = {
+        vinNo: '',
+        paymentMethod: '',
+        contractNo: '',
+        customerName: '',
+        modelName: '',
+        finSelectVoList: [],
+        vinInvoiceVo: {
+          invoicingName: '',
+          invoiceNo: '',
+          invoiceTitle: '',
+          invoiceType: '',
+          billingState: '',
+          invoiceAmount: '',
+          invoiceDate: '',
+          transferState: '',
+          address: '',
+          telPhone: '',
+          openingBank: '',
+          bankNum: '',
+          recipient: '',
+          transferTime: ''
+        }
+      }
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+<style scoped>
+.span-sty {
+  width: 120px !important;
+}
+.addinputInfo {
+  margin-left: 110px !important;
+}
+/*表格列设置fixed后固定列出现下边框的设置*/
+/deep/ .el-table__fixed {
+  height: 100% !important;
+}
+/*表格列设置fixed后固定列出现下边框的设置*/
+/deep/ .el-table__fixed-right {
+  height: 100% !important;
+}
+</style>
diff --git a/anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/relation/xiaoshoudingdanInfo.vue b/anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/relation/xiaoshoudingdanInfo.vue
new file mode 100644
index 0000000000..69de818aa6
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/relation/xiaoshoudingdanInfo.vue
@@ -0,0 +1,527 @@
+<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" icon="el-icon-close" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div class="">
+        <div class="titwu">销售订单</div>
+        <el-form ref="dataForm" :model="formobj" label-position="top" label-width="130px" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">订单编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.billNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.concatNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">制单日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createDate }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">销售机构</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.useOrgName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">销售部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.orgName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">销售专员</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">客户信息</div>
+          <el-row>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.mobile }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">挂靠公司</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.affiliatedCompany }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">销售类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.payType }} {{ formobj.financePlanValue }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">开票类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.billingType }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">是否包牌</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.licensePlateValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">车型信息</div>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.busSalesOrderModel.modelConfig }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">常用配置</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.config }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">更多配置</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.moreConfig }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">特殊配置说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.specialConfig }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">合格证公告型号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.publicModel }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16" class="tlineheightb">
+              <el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.busSalesOrderModel.publicModelSon }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.busSalesOrderMakeup.topMessage !== ''">
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">上装</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderMakeup.topMessage }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.type == '1'">
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">车架号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.vinNo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.type == '2'">
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">采购订单编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.linkNo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.type == '3'">
+            <el-col :span="24">
+              <div class="span-sty">需采购</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.quantity }}</span></el-form-item>
+            </el-col>
+          </el-row>
+<!--          <div class="title">挂车信息</div>-->
+<!--          <el-row>-->
+<!--            <el-col :span="24">-->
+<!--              <el-form-item><span></span></el-form-item>-->
+<!--            </el-col>-->
+<!--          </el-row>-->
+          <div class="title">价格信息</div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">单台整体指导价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.singleGuildPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">主车单台成交价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.finalPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">单台整体成交价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.singleFinalPrice }}</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.busSalesOrderPrice.bigDecimalSing }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">台数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.quantity }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">车价合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.priceSum }}</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.busSalesOrderPrice.plannedPickUpDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">预计提车地点</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.plannedPickUpLocation }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">保险说明</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><span>{{ formobj.insuranceInfo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">订金信息</div>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">单台订金</div>
+              <el-form-item><span class="addinputInfo">￥{{ formobj.busSalesOrderDeposit.deposit }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">订金合计</div>
+              <el-form-item><span class="addinputInfo">￥{{ formobj.busSalesOrderDeposit.depositAll }}</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.busSalesOrderDeposit.depositType }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">需补交订金</div>
+              <el-form-item><span class="addinputInfo">￥{{ formobj.busSalesOrderDeposit.makeUpDeposit }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">款项确认书</div>
+              <el-form-item><el-image class="addinputInfo" style="width: 178px;height: 178px;" v-for="(item,index) in formobj.busSalesOrderDeposit.paymentConfirmation" :key="index" :src="item" :preview-src-list="formobj.busSalesOrderDeposit.paymentConfirmation"></el-image></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.busSalesOrderDeposit.depositRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title" v-if="formobj.busSalesOrderDiscountList.length > 0">优惠套餐</div>
+          <el-table v-if="formobj.busSalesOrderDiscountList.length > 0" :key="tableKey" :data="formobj.busSalesOrderDiscountList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
+            <el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" />
+            <el-table-column label="优惠名称" align="left" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.name }}
+              </template>
+            </el-table-column>
+            <el-table-column label="价值" align="left" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.price }}
+              </template>
+            </el-table-column>
+            <el-table-column label="优惠项目说明" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.discountExplain }}
+              </template>
+            </el-table-column>
+            <el-table-column label="数量" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.num }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="totalValue" label="小计" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.totalValue }}
+              </template>
+            </el-table-column>
+          </el-table>
+          <div v-show="formobj.finPlanState" class="jinrong">
+            <div>金融方案</div>
+            <div>
+              <el-button type="primary" size="mini" class="btntopblueline" @click="handleLook()">查看</el-button>
+            </div>
+          </div>
+          <div class="title">补充说明</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><span>{{ formobj.notes }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><el-image style="width: 178px;height: 178px;" v-for="(item,index) in formobj.images" :key="index" :src="item" :preview-src-list="formobj.images"></el-image></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">其它信息</div>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">内部引荐人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.name }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">返利备注</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.remarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">中介人1</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorMobile }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">单车中介服务费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">中介服务费合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.middleOneDistributorPriceTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">中介人2</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorNameTwo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorMobileTwo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">单车中介服务费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorPriceTwo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">中介服务费合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.middleTwoDistributorPriceTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <financialscheme ref="divInfo" v-show="viewState == 2" @doback="resetState"/>
+  </div>
+</template>
+<script>
+import { fetchDetailsBySid } from '@/api/examinePage/chukushenhe'
+import financialscheme from './financialscheme'
+
+export default {
+  name: 'XiaoShouDingDanInfo',
+  components: {
+    financialscheme
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        sid: '',
+        affiliatedCompany: '',
+        affiliatedCompanySid: '',
+        billNo: '',
+        billingType: '',
+        billingTypeKey: '',
+        busDepositFictitiousList: [],
+        busSalesOrderDeposit: [],
+        busSalesOrderDiscountList: [],
+        busSalesOrderInsurance: [],
+        busSalesOrderMakeup: [],
+        busSalesOrderModel: [],
+        busSalesOrderPrice: [],
+        busSalesOrderVehicleList: [],
+        busSalesOrderotherMessageDetailsVo: [],
+        busSalesVehicleOrderList: [],
+        concatNo: '',
+        createDate: '',
+        customerName: '',
+        customerSid: '',
+        images: [],
+        insuranceInfo: '',
+        insuranceInfoMessage: '',
+        isInsurance: '',
+        isTop: '',
+        licensePlateKey: '',
+        licensePlateValue: '',
+        mobile: '',
+        nodeState: '',
+        notes: '',
+        orgName: '',
+        orgSid: '',
+        payType: '',
+        payTypeKey: '',
+        procInstId: '',
+        remarks: '',
+        staffName: '',
+        staffSid: '',
+        taskId: '',
+        type: '',
+        useOrgName: '',
+        useOrgSid: '',
+        finPlanState: false
+      }
+    }
+  },
+  methods: {
+    showInfo(row) {
+      this.viewTitle = '销售订单'
+      fetchDetailsBySid(row.sid).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+          if (this.formobj.busSalesOrderModel.linkNo.length > 0) {
+            this.formobj.busSalesOrderModel.linkNo = this.formobj.busSalesOrderModel.linkNo.join('、')
+          } else {
+            this.formobj.busSalesOrderModel.linkNo = ''
+          }
+          if (this.formobj.busSalesOrderModel.vinNo.length > 0) {
+            this.formobj.busSalesOrderModel.vinNo = this.formobj.busSalesOrderModel.vinNo.join('、')
+          } else {
+            this.formobj.busSalesOrderModel.vinNo = ''
+          }
+        }
+      })
+    },
+    handleLook() {
+      this.viewState = 2
+      this.$refs['divInfo'].showInfo(this.formobj.solutionsDetailsssVo)
+    },
+    // 合计
+    getSummaries(param) {
+      const { columns, data } = param
+      const sums = []
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = ''
+          return
+        }
+        const values = data.map(item => Number(item[column.property]))
+        if (column.property === 'totalValue') {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr)
+            if (!isNaN(value)) {
+              return prev + curr
+            } else {
+              return prev
+            }
+          }, 0)
+          sums[index] += ''
+        } else {
+          if (!values.every(value => isNaN(value))) {
+            sums[index] = values.reduce((prev, curr) => {
+              const value = Number(curr)
+              if (!isNaN(value)) {
+                return prev + curr
+              } else {
+                return prev
+              }
+            }, 0)
+            sums[index] += ''
+            this.amount = sums[index] += ''
+          } else {
+            sums[index] = ''
+          }
+        }
+      })
+      return sums
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    handleReturn() {
+      this.formobj = {
+        sid: '',
+        affiliatedCompany: '',
+        affiliatedCompanySid: '',
+        billNo: '',
+        billingType: '',
+        billingTypeKey: '',
+        busDepositFictitiousList: [],
+        busSalesOrderDeposit: [],
+        busSalesOrderDiscountList: [],
+        busSalesOrderInsurance: [],
+        busSalesOrderMakeup: [],
+        busSalesOrderModel: [],
+        busSalesOrderPrice: [],
+        busSalesOrderVehicleList: [],
+        busSalesOrderotherMessageDetailsVo: [],
+        busSalesVehicleOrderList: [],
+        concatNo: '',
+        createDate: '',
+        customerName: '',
+        customerSid: '',
+        images: [],
+        insuranceInfo: '',
+        insuranceInfoMessage: '',
+        isInsurance: '',
+        isTop: '',
+        licensePlateKey: '',
+        licensePlateValue: '',
+        mobile: '',
+        nodeState: '',
+        notes: '',
+        orgName: '',
+        orgSid: '',
+        payType: '',
+        payTypeKey: '',
+        procInstId: '',
+        remarks: '',
+        staffName: '',
+        staffSid: '',
+        taskId: '',
+        type: '',
+        useOrgName: '',
+        useOrgSid: '',
+        finPlanState: false
+      }
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.titwu {
+  font-size: 28px;
+  text-align: center;
+  padding: 30px 0 20px 0;
+}
+.span-sty {
+  width: 130px !important;
+}
+.addinputInfo {
+  margin-left: 120px !important;
+}
+.jinrong {
+  padding: 7px;
+  font-weight: bold;
+  font-size: 16px;
+  background-color: #0294d7;
+  text-align: left;
+  color: #ffffff;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 1px;
+}
+.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>