From 44f224be9a50315e743d8f4fc21fcf489bf86bdc Mon Sep 17 00:00:00 2001
From: yunuo970428 <405378304@qq.com>
Date: Mon, 15 Aug 2022 15:06:41 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=80=E5=8F=91=E5=8D=95=E8=BD=A6=E8=BF=94?=
 =?UTF-8?q?=E5=88=A9=E7=AE=A1=E7=90=86=E3=80=81=E5=8D=95=E8=BD=A6=E8=BF=94?=
 =?UTF-8?q?=E5=88=A9=E9=A2=84=E6=8F=90=E3=80=81=E5=8D=95=E8=BD=A6=E8=BF=94?=
 =?UTF-8?q?=E5=88=A9=E6=A0=B8=E5=AF=B9=E7=AD=89=E5=89=8D=E7=AB=AF=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/router/modules/codemenu.js            |  44 +-
 .../bicyclerebatecheck/bicyclerebatecheck.vue | 285 +++++++++++++
 .../bicyclerebatecheckAdd.vue                 | 327 +++++++++++++++
 .../bicyclerebatecheckInfo.vue                | 231 +++++++++++
 .../bicyclerebatetobechecked.vue              | 392 ++++++++++++++++++
 .../relation/bicyclerebatetobecheckedAdd.vue  | 206 +++++++++
 .../relation/bicyclerebatetobecheckedInfo.vue | 205 +++++++++
 .../relation/yiheduidanchefanli.vue           | 277 +++++++++++++
 .../bicyclerebatewithholding.vue              | 286 +++++++++++++
 .../bicyclerebatewithholdingAdd.vue           | 248 +++++++++++
 .../bicyclerebatewithholdingInfo.vue          | 146 +++++++
 .../relation/danchefanliAdd.vue               | 176 ++++++++
 .../relation/danchefanliInfo.vue              | 165 ++++++++
 .../relation/danchefanliselect.vue            | 246 +++++++++++
 .../bicyclerebatemanagement.vue               | 388 +++++++++++++++++
 .../bicyclerebatemanagementAdd.vue            | 278 +++++++++++++
 .../bicyclerebatemanagementInfo.vue           | 156 +++++++
 17 files changed, 4040 insertions(+), 16 deletions(-)
 create mode 100644 anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/bicyclerebatecheck.vue
 create mode 100644 anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/bicyclerebatecheckAdd.vue
 create mode 100644 anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/bicyclerebatecheckInfo.vue
 create mode 100644 anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/bicyclerebatetobechecked.vue
 create mode 100644 anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/relation/bicyclerebatetobecheckedAdd.vue
 create mode 100644 anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/relation/bicyclerebatetobecheckedInfo.vue
 create mode 100644 anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/relation/yiheduidanchefanli.vue
 create mode 100644 anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatewithholding/bicyclerebatewithholding.vue
 create mode 100644 anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatewithholding/bicyclerebatewithholdingAdd.vue
 create mode 100644 anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatewithholding/bicyclerebatewithholdingInfo.vue
 create mode 100644 anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatewithholding/relation/danchefanliAdd.vue
 create mode 100644 anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatewithholding/relation/danchefanliInfo.vue
 create mode 100644 anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatewithholding/relation/danchefanliselect.vue
 create mode 100644 anrui-scm/anrui-scm-ui/src/views/bikerebate/bikerebatemanagement/bicyclerebatemanagement.vue
 create mode 100644 anrui-scm/anrui-scm-ui/src/views/bikerebate/bikerebatemanagement/bicyclerebatemanagementAdd.vue
 create mode 100644 anrui-scm/anrui-scm-ui/src/views/bikerebate/bikerebatemanagement/bicyclerebatemanagementInfo.vue

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 1b72147d52..b89ba497a2 100644
--- a/anrui-scm/anrui-scm-ui/src/router/modules/codemenu.js
+++ b/anrui-scm/anrui-scm-ui/src/router/modules/codemenu.js
@@ -435,22 +435,34 @@ const codemenu = [
       }
     ]
   },
-  // {
-  //   path: '/bikerebate',
-  //   component: Layout,
-  //   redirect: '/bikerebate',
-  //   meta: {
-  //     title: '单车返利'
-  //   },
-  //   children: [
-  //     {
-  //       path: '/bikerebate/bikerebatemanagement',
-  //       component: () => import('@/views/bikerebate/bikerebatemanagement/bicyclerebatemanagement.vue'),
-  //       name: 'bicyclerebatemanagement',
-  //       meta: { title: '单车返利管理', noCache: true }
-  //     }
-  //   ]
-  // },
+  {
+    path: '/bikerebate',
+    component: Layout,
+    redirect: '/bikerebate',
+    meta: {
+      title: '单车返利'
+    },
+    children: [
+      {
+        path: '/bikerebate/bikerebatemanagement',
+        component: () => import('@/views/bikerebate/bikerebatemanagement/bicyclerebatemanagement.vue'),
+        name: 'bicyclerebatemanagement',
+        meta: { title: '单车返利管理', noCache: true }
+      },
+      {
+        path: '/bikerebate/bicyclerebatewithholding',
+        component: () => import('@/views/bikerebate/bicyclerebatewithholding/bicyclerebatewithholding.vue'),
+        name: 'bicyclerebatewithholding',
+        meta: { title: '单车返利预提', noCache: true }
+      },
+      {
+        path: '/bikerebate/bicyclerebatecheck',
+        component: () => import('@/views/bikerebate/bicyclerebatecheck/bicyclerebatetobechecked.vue'),
+        name: 'bicyclerebatetobechecked',
+        meta: { title: '单车返利核对', noCache: true }
+      }
+    ]
+  },
   // 入账管理
   {
     path: '/ruzhang',
diff --git a/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/bicyclerebatecheck.vue b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/bicyclerebatecheck.vue
new file mode 100644
index 0000000000..ec48a955ef
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/bicyclerebatecheck.vue
@@ -0,0 +1,285 @@
+<template>
+  <div class="app-container">
+    <!-- Start 列表页面 -->
+    <div v-show="viewState == 1">
+      <button-bar view-title="单车返利核对审核申请管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <div class="main-content">
+        <div class="switch_btn">
+          <el-button class="" @click="handleClick">待核对</el-button>
+          <el-button :class="{btn_style:viewState === 1}">核对审核申请</el-button>
+        </div>
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
+              <el-form-item label="品牌">
+                <el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
+              </el-form-item>
+              <el-form-item label="创建日期">
+                <el-date-picker v-model="listQuery.params.createStartTime" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
+                <span style="padding: 0 8px">至</span>
+                <el-date-picker v-model="listQuery.params.createEndTime" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
+              <el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <div class="listtop">
+          <div class="tit">单车返利核对审核申请列表</div>
+          <pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+        <div class="">
+          <el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange">
+            <el-table-column fixed type="selection" align="center" width="50px"/>
+            <el-table-column fixed label="序号" type="index" :index="indexMethod" align="center" width="80px"/>
+            <el-table-column fixed label="操作" align="center" width="180px" >
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="toEdit(scope.row)">办理</el-button>
+                <el-button type="primary" size="mini" @click="toInfo(scope.row)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="状态" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.nodeState }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="分公司" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.createTime }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="品牌" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.createTime }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预提申请" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.applyPeoName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预提返利" align="center" width="250">
+              <template slot-scope="scope">
+                <span>{{ scope.row.createOrgName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="创建日期" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.applyTitle }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="创建人" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div class="pages">
+          <!-- 翻页 -->
+          <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/othermenu/shangzhuangtiaojia'
+import Pagination from '@/components/pagination'
+import pageye from '@/components/pagination/pageye'
+import ButtonBar from '@/components/ButtonBar'
+
+export default {
+  name: 'bicyclerebatecheck',
+  components: {
+    Pagination,
+    pageye,
+    ButtonBar
+  },
+  data() {
+    return {
+      btndisabled: false,
+      btnList: [
+        {
+          type: 'danger',
+          size: 'small',
+          icon: 'del',
+          btnKey: 'doDel',
+          btnLabel: '删除'
+        },
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ],
+      isSearchShow: false,
+      searchxianshitit: '显示查询条件',
+      viewState: 1,
+      // 查询条件 -----------
+      tableKey: 0,
+      list: [],
+      sids: [],
+      FormLoading: false,
+      listLoading: false,
+      listQuery: {
+        params: {
+          createBySid: '',
+          createEndTime: '',
+          createStartTime: ''
+        },
+        current: 1,
+        size: 5,
+        total: 0
+      },
+      rules: {}
+    }
+  },
+  created() {
+    // 加载列表
+    this.getList()
+  },
+  mounted() {
+    this.$refs['btnbar'].setButtonList(this.btnList)
+  },
+  methods: {
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    btnHandle(btnKey) {
+      console.log('XXXXXXXXXXXXXXX    ' + btnKey)
+      switch (btnKey) {
+        case 'doDel':
+          this.doDel()
+          break
+        case 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
+    },
+    // 序号
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    handleSelectionChange(row) {
+      const aa = []
+      row.forEach((element) => {
+        aa.push(element.sid)
+      })
+      this.sids = aa
+      console.log('sids', this.sids)
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      this.listQuery.params.createBySid = window.sessionStorage.getItem('userSid')
+      req.listPage(this.listQuery).then((response) => {
+        console.log('列表查询结果：', response)
+        this.listLoading = false
+        if (response.success && response.data && response.data.total > 0) {
+          this.list = response.data.records
+          this.listQuery.total = response.data.total
+        } else {
+          this.list = []
+          this.listQuery.total = 0
+        }
+      })
+    },
+    // 查询按钮
+    handleFilter() {
+      this.listQuery.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.listQuery = {
+        params: {
+          createBySid: '',
+          createEndTime: '',
+          createStartTime: ''
+        },
+        current: 1,
+        size: 5,
+        total: 0
+      }
+      this.getList()
+    },
+    handleClick() {
+      this.$parent.resetState()
+    },
+    toAdd() {
+      this.viewState = 2
+      this.$refs['divAdd'].showAdd(this.listQuery.params.createOrgSid)
+    },
+    toEdit(row) {
+      this.viewState = 3
+      this.$refs['divAdd'].showEdit(row)
+    },
+    toInfo(row) {
+      this.viewState = 4
+      this.$refs['divInfo'].showInfo(row)
+    },
+    doDel() {
+      if (this.sids.length === 0) {
+        this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作' })
+        return
+      }
+      const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
+      this.$confirm(tip, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        const loading = this.$loading({
+          lock: true,
+          text: 'Loading',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        })
+        req.delete(this.sids).then(resp => {
+          if (resp.success) {
+            this.$message({ type: 'success', message: resp.msg, showClose: true })
+          }
+          this.getList()
+          loading.close()
+        }).catch(e => {
+          loading.close()
+        })
+      }).catch(() => {
+      })
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    doClose() {
+      this.$store.dispatch('tagsView/delView', this.$route)
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+<style scoped>
+.switch_btn {
+  padding: 15px 0 10px 0;
+}
+.btn_style {
+  background-color: #018ad2;
+  color: white;
+  font-weight: 600;
+}
+</style>
diff --git a/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/bicyclerebatecheckAdd.vue b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/bicyclerebatecheckAdd.vue
new file mode 100644
index 0000000000..c187e4f624
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/bicyclerebatecheckAdd.vue
@@ -0,0 +1,327 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <!--标题按钮部分开始-->
+      <div class="tab-header webtop">
+        <!--标题-->
+        <div>{{ viewTitle }}</div>
+        <!--start 添加修改按钮-->
+        <div>
+          <el-button type="primary" size="small" :disabled="submitdisabled" @click="save()">保存
+          </el-button>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <!--标题按钮部分结束-->
+      <!--Start 新增修改部分-->
+      <div class="listconadd">
+        <div class="titwu"><span>单车返利核对审核申请</span></div>
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formadd">
+          <el-row class="rowStyle">
+            <el-col :span="24" class="tleftb colOneStyle">
+              <el-button size="small" type="primary" @click="handleSelect()">添加</el-button>
+            </el-col>
+          </el-row>
+          <div class="title">
+            <div>本月各项返利核对情况</div>
+          </div>
+          <el-table :key="tableKey" :data="formobj.baseVehinstallModpricedetails" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column fixed prop="name" label="操作" width="100px" align="center" header-align="center">
+              <template slot-scope="scope">
+                <el-button size="mini" type="danger" @click="dataDelete(scope.$index)">删除
+                </el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="返利类型" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.jacketName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="数量" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.vinNo }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预提金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modelName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="上传金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="待确认金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="调整金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="费用" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="明细" align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="handleLook(scope.row)">查看</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="title">
+            <div>预提返利本月核对情况</div>
+          </div>
+          <el-table :key="baseVehinstallModpriceKey" :data="formobj.baseVehinstallModprice" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column label="预提年月" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.jacketName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预提数量" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.vinNo }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预提金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modelName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="上传数量" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="上传金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="待确认金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="调整金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="费用" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="未上传数量" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="未上传金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+          <el-row>
+            <el-col :span="4">
+              <span>备注</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item><el-input v-model="formobj.remarks" placeholder="" class="addinputw" clearable></el-input></el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <!--End 添加修改部分-->
+    <yiheduidanchefanli v-show="viewState == 2" ref="divSelect" @backData="backData" @doback="resetState"/>
+    <bicyclerebatetobecheckedAdd v-show="viewState == 3" ref="divAdd" @doback="resetState"/>
+  </div>
+</template>
+
+<script>
+import req from '@/api/othermenu/shangzhuangtiaojia'
+import { getPathSidByUserSid, fetchBySid } from '@/api/cheliang/dictcommons'
+import yiheduidanchefanli from './relation/yiheduidanchefanli'
+import bicyclerebatetobecheckedAdd from './relation/bicyclerebatetobecheckedAdd'
+
+export default {
+  name: 'bicyclerebatecheckAdd',
+  components: {
+    yiheduidanchefanli,
+    bicyclerebatetobecheckedAdd
+  },
+  data() {
+    return {
+      viewTitle: '',
+      index: 0,
+      tableKey: 0,
+      baseVehinstallModpriceKey: 1,
+      viewState: 1,
+      // 表单数据
+      formobj: {
+        applyPeoName: '',
+        applyTitle: '',
+        createBySid: '',
+        createOrgName: '',
+        createOrgSid: '',
+        modpriceReason: '',
+        nodeState: '',
+        sid: '',
+        useOrgName: '',
+        useOrgSid: '',
+        baseVehinstallModpricedetails: []
+      },
+      rules: {},
+      submitdisabled: false
+    }
+  },
+  methods: {
+    // 获取制单日期
+    newDate() {
+      let date = new Date()
+      let year = date.getFullYear() // 年
+      let month = date.getMonth() + 1 // 月
+      let day = date.getDate() // 日
+      if (month < 10) {
+        month = '0' + month
+      }
+      if (day < 10) {
+        day = '0' + day
+      }
+      this.formobj.createTime = year + '-' + month + '-' + day
+    },
+    init() {
+      getPathSidByUserSid({ userSid: window.sessionStorage.getItem('userSid') }).then((resp) => {
+        if (resp.success) {
+          this.formobj.createOrgSid = resp.data
+          this.formobj.useOrgSid = resp.data
+          fetchBySid(this.formobj.createOrgSid).then((res) => {
+            if (res.success) {
+              this.formobj.createOrgName = res.data.name
+              this.formobj.useOrgName = res.data.name
+            }
+          })
+        }
+      })
+    },
+    showAdd() {
+      this.init()
+      this.newDate()
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.formobj.createBySid = window.sessionStorage.getItem('userSid')
+      this.formobj.applyPeoName = window.sessionStorage.getItem('name')
+      this.viewTitle = '【新增】单车返利预提申请'
+    },
+    showEdit(row) {
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.viewTitle = '【编辑】单车返利预提申请'
+      console.log('编辑回显', row.sid)
+      req.fetchBySid(row.sid).then((resp) => {
+        this.formobj = resp.data
+      }).catch((e) => {
+        this.formobj = row
+      })
+    },
+    // 明细表添加一行数据
+    handleSelect() {
+      this.viewState = 2
+      this.$refs['divSelect'].showData(this.formobj.baseVehinstallModpricedetails)
+    },
+    backData(value) {
+      this.viewState = 1
+      if (value.length > 0) {
+        value.forEach((e) => {
+          this.formobj.baseVehinstallModpricedetails.push({
+            adjustVehGuidedPrice: '',
+            costPrice: e.costPrice,
+            guidedPrice: e.guidedPrice,
+            incOrDecInPrice: '',
+            jacketName: e.jacketName,
+            jacketSid: e.jacketSid,
+            mainSid: '',
+            modelName: e.modelName,
+            modelSid: e.modelSid,
+            sid: '',
+            vehGuidedPrice: '',
+            vinNo: e.vinNo,
+            remarks: ''
+          })
+        })
+      }
+    },
+    // 明细表删除一行数据
+    dataDelete(index) {
+      this.formobj.baseVehinstallModpricedetails.splice(index, 1)
+    },
+    handleLook(row) {},
+    resetState() {
+      this.viewState = 1
+    },
+    save() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
+          req.saveOrUpdate(this.formobj).then((resp) => {
+            this.submitdisabled = false
+            if (resp.success) {
+              this.$message({
+                showClose: true,
+                type: 'success',
+                message: resp.msg
+              })
+              this.handleReturn('true')
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        } else {
+          return false
+        }
+      })
+    },
+    // 返回（===既判断）
+    handleReturn(isreload) {
+      if (isreload === 'true') this.$emit('reloadlist')
+      // 表单数据
+      this.formobj = {
+        applyPeoName: '',
+        applyTitle: '',
+        createBySid: '',
+        createOrgName: '',
+        createOrgSid: '',
+        modpriceReason: '',
+        nodeState: '',
+        sid: '',
+        useOrgName: '',
+        useOrgSid: '',
+        baseVehinstallModpricedetails: []
+      }
+      this.$refs['form_obj'].resetFields()
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+<style scoped>
+.rowStyle {
+  border-left: 0px;
+}
+.colOneStyle {
+  border-right: 0px !important;
+  border-bottom: 0px !important;
+}
+</style>
+
diff --git a/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/bicyclerebatecheckInfo.vue b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/bicyclerebatecheckInfo.vue
new file mode 100644
index 0000000000..fe575af0fb
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/bicyclerebatecheckInfo.vue
@@ -0,0 +1,231 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <!--标题按钮部分开始-->
+      <div class="tab-header webtop">
+        <!--标题-->
+        <div>{{ viewTitle }}</div>
+        <!--start 添加修改按钮-->
+        <div>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <!--标题按钮部分结束-->
+      <!--Start 新增修改部分-->
+      <div class="listconadd">
+        <div class="titwu"><span>单车返利核对审核申请</span></div>
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formadd">
+          <div class="title">
+            <div>本月各项返利核对情况</div>
+          </div>
+          <el-table :key="tableKey" :data="formobj.baseVehinstallModpricedetails" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column label="返利类型" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.jacketName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="数量" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.vinNo }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预提金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modelName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="上传金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="待确认金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="调整金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="费用" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="明细" align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="handleLook(scope.row)">查看</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="title">
+            <div>预提返利本月核对情况</div>
+          </div>
+          <el-table :key="baseVehinstallModpriceKey" :data="formobj.baseVehinstallModprice" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column label="预提年月" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.jacketName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预提数量" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.vinNo }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预提金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modelName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="上传数量" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="上传金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="待确认金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="调整金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="费用" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="未上传数量" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="未上传金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+          <el-row>
+            <el-col :span="4">
+              <span>备注</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item><el-input v-model="formobj.remarks" placeholder="" class="addinputw" clearable></el-input></el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <!--End 添加修改部分-->
+    <bicyclerebatetobecheckedInfo v-show="viewState == 2" ref="divAdd" @doback="resetState"/>
+  </div>
+</template>
+
+<script>
+import req from '@/api/othermenu/shangzhuangtiaojia'
+import { getPathSidByUserSid, fetchBySid } from '@/api/cheliang/dictcommons'
+import bicyclerebatetobecheckedInfo from './relation/bicyclerebatetobecheckedInfo'
+
+export default {
+  name: 'bicyclerebatecheckInfo',
+  components: {
+    yiheduidanchefanli,
+    bicyclerebatetobecheckedInfo
+  },
+  data() {
+    return {
+      viewTitle: '',
+      index: 0,
+      tableKey: 0,
+      baseVehinstallModpriceKey: 1,
+      viewState: 1,
+      // 表单数据
+      formobj: {
+        applyPeoName: '',
+        applyTitle: '',
+        createBySid: '',
+        createOrgName: '',
+        createOrgSid: '',
+        modpriceReason: '',
+        nodeState: '',
+        sid: '',
+        useOrgName: '',
+        useOrgSid: '',
+        baseVehinstallModpricedetails: []
+      },
+      rules: {},
+      submitdisabled: false
+    }
+  },
+  methods: {
+    init() {
+      getPathSidByUserSid({ userSid: window.sessionStorage.getItem('userSid') }).then((resp) => {
+        if (resp.success) {
+          this.formobj.createOrgSid = resp.data
+          this.formobj.useOrgSid = resp.data
+          fetchBySid(this.formobj.createOrgSid).then((res) => {
+            if (res.success) {
+              this.formobj.createOrgName = res.data.name
+              this.formobj.useOrgName = res.data.name
+            }
+          })
+        }
+      })
+    },
+    showEdit(row) {
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.viewTitle = '【编辑】单车返利预提申请'
+      console.log('编辑回显', row.sid)
+      req.fetchBySid(row.sid).then((resp) => {
+        this.formobj = resp.data
+      }).catch((e) => {
+        this.formobj = row
+      })
+    },
+    // 返回（===既判断）
+    handleReturn(isreload) {
+      if (isreload === 'true') this.$emit('reloadlist')
+      // 表单数据
+      this.formobj = {
+        applyPeoName: '',
+        applyTitle: '',
+        createBySid: '',
+        createOrgName: '',
+        createOrgSid: '',
+        modpriceReason: '',
+        nodeState: '',
+        sid: '',
+        useOrgName: '',
+        useOrgSid: '',
+        baseVehinstallModpricedetails: []
+      }
+      this.$refs['form_obj'].resetFields()
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+<style scoped>
+.rowStyle {
+  border-left: 0px;
+}
+.colOneStyle {
+  border-right: 0px !important;
+  border-bottom: 0px !important;
+}
+</style>
+
diff --git a/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/bicyclerebatetobechecked.vue b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/bicyclerebatetobechecked.vue
new file mode 100644
index 0000000000..d53b469835
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/bicyclerebatetobechecked.vue
@@ -0,0 +1,392 @@
+<template>
+  <div class="app-container">
+    <!-- Start 列表页面 -->
+    <div v-show="viewState == 1">
+      <button-bar view-title="待核对单车返利列表" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <div class="main-content">
+        <div class="switch_btn">
+          <el-button :class="{btn_style:viewState === 1}">待核对</el-button>
+          <el-button class="" @click="handleClick">核对审核申请</el-button>
+        </div>
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
+              <el-form-item label="品牌">
+                <el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
+              </el-form-item>
+              <el-form-item label="车架号">
+                <el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
+              </el-form-item>
+              <el-form-item label="创建日期">
+                <el-date-picker v-model="listQuery.params.createStartTime" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
+                <span style="padding: 0 8px">至</span>
+                <el-date-picker v-model="listQuery.params.createEndTime" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
+              </el-form-item>
+              <el-form-item label="返利类型">
+                <el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
+              </el-form-item>
+              <el-form-item label="返利名称">
+                <el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
+              </el-form-item>
+              <el-form-item label="上传状态">
+                <el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
+              <el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <div class="listtop">
+          <div class="tit">单车返利待核对列表</div>
+          <div>
+            <el-button size="mini" type="success">导入</el-button>
+            <el-button size="mini" type="success">导出</el-button>
+          </div>
+        </div>
+        <div class="">
+          <el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange">
+            <el-table-column fixed type="selection" align="center" width="50px"/>
+            <el-table-column fixed label="序号" type="index" :index="indexMethod" align="center" width="80px"/>
+            <el-table-column label="上传状态" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.nodeState }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="品牌" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.createTime }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车型" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.applyPeoName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车架号" align="center" width="250">
+              <template slot-scope="scope">
+                <span>{{ scope.row.createOrgName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="厂家结算价" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.applyTitle }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="其中运费" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="创建日期" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="返利类型" align="center" width="150">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="返利名称" align="center" width="150">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="计算标准" align="center" width="100">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预计返利" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="所属年月" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预提日期" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="上传日期" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="上传金额" align="center" width="150">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="二次上传日期" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="二次上传金额" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="待确定金额" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="费用" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="是否调整" align="center" width="100">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="调整金额" align="center" width="100">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="调整说明" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" align="center" width="180px" >
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="toEdit(scope.row)">保存</el-button>
+                <el-button type="primary" size="mini" @click="toInfo(scope.row)">调整</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div class="pages">
+          <!-- 翻页 -->
+          <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+      </div>
+    </div>
+    <bicyclerebatecheck v-show="viewState == 2" ref="divCheck" @doback="resetState"/>
+    <bicyclerebatecheckAdd v-show="viewState == 3" ref="divCheckAdd" @doback="resetState"/>
+  </div>
+</template>
+
+<script>
+import req from '@/api/othermenu/shangzhuangtiaojia'
+import Pagination from '@/components/pagination'
+import ButtonBar from '@/components/ButtonBar'
+import bicyclerebatecheck from './bicyclerebatecheck'
+import bicyclerebatecheckAdd from './bicyclerebatecheckAdd'
+
+export default {
+  name: 'bicyclerebatetobechecked',
+  components: {
+    Pagination,
+    ButtonBar,
+    bicyclerebatecheck,
+    bicyclerebatecheckAdd
+  },
+  data() {
+    return {
+      btndisabled: false,
+      btnList: [
+        {
+          type: 'primary',
+          size: 'small',
+          icon: '',
+          btnKey: 'toAdd',
+          btnLabel: '核对审核申请'
+        },
+        {
+          type: 'primary',
+          size: 'small',
+          icon: '',
+          btnKey: 'toAdd',
+          btnLabel: '调整'
+        },
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ],
+      isSearchShow: false,
+      searchxianshitit: '显示查询条件',
+      viewState: 3,
+      // 查询条件 -----------
+      tableKey: 0,
+      list: [],
+      sids: [],
+      FormLoading: false,
+      listLoading: false,
+      listQuery: {
+        params: {
+          createBySid: '',
+          createEndTime: '',
+          createStartTime: ''
+        },
+        current: 1,
+        size: 5,
+        total: 0
+      },
+      rules: {}
+    }
+  },
+  created() {
+    // 加载列表
+    this.getList()
+  },
+  mounted() {
+    this.$refs['btnbar'].setButtonList(this.btnList)
+  },
+  methods: {
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    btnHandle(btnKey) {
+      console.log('XXXXXXXXXXXXXXX    ' + btnKey)
+      switch (btnKey) {
+        case 'toAdd':
+          this.toAdd()
+          break
+        case 'doImport':
+          this.doImport()
+          break
+        case 'doDel':
+          this.doDel()
+          break
+        case 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
+    },
+    // 序号
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    handleSelectionChange(row) {
+      const aa = []
+      row.forEach((element) => {
+        aa.push(element.sid)
+      })
+      this.sids = aa
+      console.log('sids', this.sids)
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      this.listQuery.params.createBySid = window.sessionStorage.getItem('userSid')
+      req.listPage(this.listQuery).then((response) => {
+        console.log('列表查询结果：', response)
+        this.listLoading = false
+        if (response.success && response.data && response.data.total > 0) {
+          this.list = response.data.records
+          this.listQuery.total = response.data.total
+        } else {
+          this.list = []
+          this.listQuery.total = 0
+        }
+      })
+    },
+    // 查询按钮
+    handleFilter() {
+      this.listQuery.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.listQuery = {
+        params: {
+          createBySid: '',
+          createEndTime: '',
+          createStartTime: ''
+        },
+        current: 1,
+        size: 5,
+        total: 0
+      }
+      this.getList()
+    },
+    handleClick() {
+      this.viewState = 2
+    },
+    toAdd() {
+      this.viewState = 2
+      this.$refs['divAdd'].showAdd(this.listQuery.params.createOrgSid)
+    },
+    toEdit(row) {
+      this.viewState = 3
+      this.$refs['divAdd'].showEdit(row)
+    },
+    toInfo(row) {
+      this.viewState = 4
+      this.$refs['divInfo'].showInfo(row)
+    },
+    doDel() {
+      if (this.sids.length === 0) {
+        this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作' })
+        return
+      }
+      const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
+      this.$confirm(tip, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        const loading = this.$loading({
+          lock: true,
+          text: 'Loading',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        })
+        req.delete(this.sids).then(resp => {
+          if (resp.success) {
+            this.$message({ type: 'success', message: resp.msg, showClose: true })
+          }
+          this.getList()
+          loading.close()
+        }).catch(e => {
+          loading.close()
+        })
+      }).catch(() => {
+      })
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    doClose() {
+      this.$store.dispatch('tagsView/delView', this.$route)
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+<style scoped>
+.switch_btn {
+  padding: 15px 0 10px 0;
+}
+.btn_style {
+  background-color: #018ad2;
+  color: white;
+  font-weight: 600;
+}
+</style>
diff --git a/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/relation/bicyclerebatetobecheckedAdd.vue b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/relation/bicyclerebatetobecheckedAdd.vue
new file mode 100644
index 0000000000..b72f95a4c5
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/relation/bicyclerebatetobecheckedAdd.vue
@@ -0,0 +1,206 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <!--标题按钮部分开始-->
+      <div class="tab-header webtop">
+        <!--标题-->
+        <div>{{ viewTitle }}</div>
+        <!--start 添加修改按钮-->
+        <div>
+          <el-button type="danger" size="small">删除</el-button>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <!--标题按钮部分结束-->
+      <!--Start 新增修改部分-->
+      <div class="listconadd">
+        <div class="titwu"><span>单车返利待核对申请明细</span></div>
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formadd">
+          <el-table :key="tableKey" :data="formobj.baseVehinstallModpricedetails" :index="index" border style="width: 100%" @selection-change="handleSelectionChange">
+            <el-table-column fixed type="selection" align="center" width="50px"/>
+            <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column label="品牌" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.jacketName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车型" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.vinNo }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车架号" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modelName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="厂家合同价" align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="handleLook(scope.row)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="其中运费" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="创建日期" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="返利类型" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="返利名称" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预计返利" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="所属年月" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="上传日期" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="上传金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="待确定金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="费用" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="是否调整" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="调整金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="调整说明" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-form>
+      </div>
+    </div>
+    <!--End 添加修改部分-->
+  </div>
+</template>
+
+<script>
+import req from '@/api/othermenu/shangzhuangtiaojia'
+import { getPathSidByUserSid, fetchBySid } from '@/api/cheliang/dictcommons'
+
+export default {
+  name: 'bicyclerebatetobecheckedAdd',
+  data() {
+    return {
+      viewTitle: '',
+      index: 0,
+      tableKey: 0,
+      viewState: 1,
+      sids: [],
+      // 表单数据
+      formobj: {
+        applyPeoName: '',
+        applyTitle: '',
+        createBySid: '',
+        createOrgName: '',
+        createOrgSid: '',
+        modpriceReason: '',
+        nodeState: '',
+        sid: '',
+        useOrgName: '',
+        useOrgSid: '',
+        baseVehinstallModpricedetails: []
+      },
+      rules: {},
+      submitdisabled: false
+    }
+  },
+  methods: {
+    init() {
+      getPathSidByUserSid({ userSid: window.sessionStorage.getItem('userSid') }).then((resp) => {
+        if (resp.success) {
+          this.formobj.createOrgSid = resp.data
+          this.formobj.useOrgSid = resp.data
+          fetchBySid(this.formobj.createOrgSid).then((res) => {
+            if (res.success) {
+              this.formobj.createOrgName = res.data.name
+              this.formobj.useOrgName = res.data.name
+            }
+          })
+        }
+      })
+    },
+    handleSelectionChange(row) {
+      const aa = []
+      row.forEach((element) => {
+        aa.push(element.sid)
+      })
+      this.sids = aa
+      console.log('sids', this.sids)
+    },
+    showInfo(row) {
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.viewTitle = '待预提单车返利明细'
+      console.log('编辑回显', row.sid)
+      req.fetchBySid(row.sid).then((resp) => {
+        this.formobj = resp.data
+      }).catch((e) => {
+        this.formobj = row
+      })
+    },
+    // 返回（===既判断）
+    handleReturn(isreload) {
+      if (isreload === 'true') this.$emit('reloadlist')
+      // 表单数据
+      this.formobj = {
+        applyPeoName: '',
+        applyTitle: '',
+        createBySid: '',
+        createOrgName: '',
+        createOrgSid: '',
+        modpriceReason: '',
+        nodeState: '',
+        sid: '',
+        useOrgName: '',
+        useOrgSid: '',
+        baseVehinstallModpricedetails: []
+      }
+      this.$refs['form_obj'].resetFields()
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+<style scoped>
+</style>
+
diff --git a/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/relation/bicyclerebatetobecheckedInfo.vue b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/relation/bicyclerebatetobecheckedInfo.vue
new file mode 100644
index 0000000000..b0f0f0da5f
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/relation/bicyclerebatetobecheckedInfo.vue
@@ -0,0 +1,205 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <!--标题按钮部分开始-->
+      <div class="tab-header webtop">
+        <!--标题-->
+        <div>{{ viewTitle }}</div>
+        <!--start 添加修改按钮-->
+        <div>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <!--标题按钮部分结束-->
+      <!--Start 新增修改部分-->
+      <div class="listconadd">
+        <div class="titwu"><span>单车返利待核对申请明细</span></div>
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formadd">
+          <el-table :key="tableKey" :data="formobj.baseVehinstallModpricedetails" :index="index" border style="width: 100%" @selection-change="handleSelectionChange">
+            <el-table-column fixed type="selection" align="center" width="50px"/>
+            <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column label="品牌" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.jacketName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车型" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.vinNo }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车架号" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modelName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="厂家合同价" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="其中运费" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="创建日期" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="返利类型" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="返利名称" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预计返利" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="所属年月" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="上传日期" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="上传金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="待确定金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="费用" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="是否调整" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="调整金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="调整说明" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-form>
+      </div>
+    </div>
+    <!--End 添加修改部分-->
+  </div>
+</template>
+
+<script>
+import req from '@/api/othermenu/shangzhuangtiaojia'
+import { getPathSidByUserSid, fetchBySid } from '@/api/cheliang/dictcommons'
+
+export default {
+  name: 'bicyclerebatetobecheckedInfo',
+  data() {
+    return {
+      viewTitle: '',
+      index: 0,
+      tableKey: 0,
+      viewState: 1,
+      sids: [],
+      // 表单数据
+      formobj: {
+        applyPeoName: '',
+        applyTitle: '',
+        createBySid: '',
+        createOrgName: '',
+        createOrgSid: '',
+        modpriceReason: '',
+        nodeState: '',
+        sid: '',
+        useOrgName: '',
+        useOrgSid: '',
+        baseVehinstallModpricedetails: []
+      },
+      rules: {},
+      submitdisabled: false
+    }
+  },
+  methods: {
+    init() {
+      getPathSidByUserSid({ userSid: window.sessionStorage.getItem('userSid') }).then((resp) => {
+        if (resp.success) {
+          this.formobj.createOrgSid = resp.data
+          this.formobj.useOrgSid = resp.data
+          fetchBySid(this.formobj.createOrgSid).then((res) => {
+            if (res.success) {
+              this.formobj.createOrgName = res.data.name
+              this.formobj.useOrgName = res.data.name
+            }
+          })
+        }
+      })
+    },
+    handleSelectionChange(row) {
+      const aa = []
+      row.forEach((element) => {
+        aa.push(element.sid)
+      })
+      this.sids = aa
+      console.log('sids', this.sids)
+    },
+    showInfo(row) {
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.viewTitle = '待预提单车返利明细'
+      console.log('编辑回显', row.sid)
+      req.fetchBySid(row.sid).then((resp) => {
+        this.formobj = resp.data
+      }).catch((e) => {
+        this.formobj = row
+      })
+    },
+    // 返回（===既判断）
+    handleReturn(isreload) {
+      if (isreload === 'true') this.$emit('reloadlist')
+      // 表单数据
+      this.formobj = {
+        applyPeoName: '',
+        applyTitle: '',
+        createBySid: '',
+        createOrgName: '',
+        createOrgSid: '',
+        modpriceReason: '',
+        nodeState: '',
+        sid: '',
+        useOrgName: '',
+        useOrgSid: '',
+        baseVehinstallModpricedetails: []
+      }
+      this.$refs['form_obj'].resetFields()
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+<style scoped>
+</style>
+
diff --git a/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/relation/yiheduidanchefanli.vue b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/relation/yiheduidanchefanli.vue
new file mode 100644
index 0000000000..7271a1df9e
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatecheck/relation/yiheduidanchefanli.vue
@@ -0,0 +1,277 @@
+<template>
+  <div class="app-container">
+    <!-- Start 列表页面 -->
+    <div>
+      <button-bar view-title="已核对单车返利列表" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <div class="main-content">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
+              <el-form-item label="品牌">
+                <el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
+              </el-form-item>
+              <el-form-item label="车型">
+                <el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
+              </el-form-item>
+              <el-form-item label="车架号">
+                <el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
+              </el-form-item>
+              <el-form-item label="创建日期">
+                <el-date-picker v-model="listQuery.params.createStartTime" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
+                <span style="padding: 0 8px">至</span>
+                <el-date-picker v-model="listQuery.params.createEndTime" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
+              </el-form-item>
+              <el-form-item label="返利类型">
+                <el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
+              </el-form-item>
+              <el-form-item label="返利名称">
+                <el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
+              </el-form-item>
+              <el-form-item label="状态">
+                <el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
+              <el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <div class="listtop">
+          <div class="tit">已核对单车返利列表</div>
+        </div>
+        <div class="">
+          <el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange">
+            <el-table-column fixed type="selection" align="center" width="50px"/>
+            <el-table-column fixed label="序号" type="index" :index="indexMethod" align="center" width="80px"/>
+            <el-table-column label="品牌" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.createTime }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车型" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.applyPeoName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车架号" align="center" width="250">
+              <template slot-scope="scope">
+                <span>{{ scope.row.createOrgName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="厂家合同价" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.applyTitle }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="其中运费" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="创建日期" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="返利类型" align="center" width="150">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="返利名称" align="center" width="150">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预计返利" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="所属日期" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="上传日期" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="上传金额" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="待确定金额" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="费用" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="是否调整" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="调整金额" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="调整说明" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div class="pages">
+          <!-- 翻页 -->
+          <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/othermenu/shangzhuangtiaojia'
+import Pagination from '@/components/pagination'
+import ButtonBar from '@/components/ButtonBar'
+
+export default {
+  name: 'yiheduidanchefanli',
+  components: {
+    Pagination,
+    ButtonBar
+  },
+  data() {
+    return {
+      btndisabled: false,
+      btnList: [
+        {
+          type: 'primary',
+          size: 'small',
+          icon: '',
+          btnKey: 'doClose',
+          btnLabel: '确定'
+        },
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ],
+      isSearchShow: false,
+      searchxianshitit: '显示查询条件',
+      // 查询条件 -----------
+      tableKey: 0,
+      list: [],
+      sids: [],
+      FormLoading: false,
+      listLoading: false,
+      listQuery: {
+        params: {
+          createBySid: '',
+          createEndTime: '',
+          createStartTime: ''
+        },
+        current: 1,
+        size: 5,
+        total: 0
+      },
+      rules: {}
+    }
+  },
+  created() {
+    // 加载列表
+    this.getList()
+  },
+  mounted() {
+    this.$refs['btnbar'].setButtonList(this.btnList)
+  },
+  methods: {
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    btnHandle(btnKey) {
+      console.log('XXXXXXXXXXXXXXX    ' + btnKey)
+      switch (btnKey) {
+        case 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
+    },
+    // 序号
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    handleSelectionChange(row) {
+      const aa = []
+      row.forEach((element) => {
+        aa.push(element.sid)
+      })
+      this.sids = aa
+      console.log('sids', this.sids)
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      this.listQuery.params.createBySid = window.sessionStorage.getItem('userSid')
+      req.listPage(this.listQuery).then((response) => {
+        console.log('列表查询结果：', response)
+        this.listLoading = false
+        if (response.success && response.data && response.data.total > 0) {
+          this.list = response.data.records
+          this.listQuery.total = response.data.total
+        } else {
+          this.list = []
+          this.listQuery.total = 0
+        }
+      })
+    },
+    // 查询按钮
+    handleFilter() {
+      this.listQuery.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.listQuery = {
+        params: {
+          createBySid: '',
+          createEndTime: '',
+          createStartTime: ''
+        },
+        current: 1,
+        size: 5,
+        total: 0
+      }
+      this.getList()
+    },
+    doClose() {
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+<style scoped>
+</style>
diff --git a/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatewithholding/bicyclerebatewithholding.vue b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatewithholding/bicyclerebatewithholding.vue
new file mode 100644
index 0000000000..db5c7c79ba
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatewithholding/bicyclerebatewithholding.vue
@@ -0,0 +1,286 @@
+<template>
+  <div class="app-container">
+    <!-- Start 列表页面 -->
+    <div v-show="viewState == 1">
+      <button-bar view-title="单车返利预提申请管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <div class="main-content">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
+              <el-form-item label="品牌">
+                <el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
+              </el-form-item>
+              <el-form-item label="创建日期">
+                <el-date-picker v-model="listQuery.params.createStartTime" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
+                <span style="padding: 0 8px">至</span>
+                <el-date-picker v-model="listQuery.params.createEndTime" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
+              <el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <div class="listtop">
+          <div class="tit">单车返利预提申请列表</div>
+          <pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+        <div class="">
+          <el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange">
+            <el-table-column fixed type="selection" align="center" width="50px"/>
+            <el-table-column fixed label="序号" type="index" :index="indexMethod" align="center" width="80px"/>
+            <el-table-column fixed label="操作" align="center" width="180px" >
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="toEdit(scope.row)">办理</el-button>
+                <el-button type="primary" size="mini" @click="toInfo(scope.row)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="状态" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.nodeState }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="分公司" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.createTime }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="品牌" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.createTime }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预提申请" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.applyPeoName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预提返利" align="center" width="250">
+              <template slot-scope="scope">
+                <span>{{ scope.row.createOrgName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="创建日期" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.applyTitle }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="创建人" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div class="pages">
+          <!-- 翻页 -->
+          <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+      </div>
+    </div>
+    <bicyclerebatewithholdingAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="getList"/>
+    <bicyclerebatewithholdingInfo v-show="viewState == 4" ref="divInfo" @doback="resetState"/>
+  </div>
+</template>
+
+<script>
+import req from '@/api/othermenu/shangzhuangtiaojia'
+import Pagination from '@/components/pagination'
+import pageye from '@/components/pagination/pageye'
+import ButtonBar from '@/components/ButtonBar'
+import bicyclerebatewithholdingAdd from './bicyclerebatewithholdingAdd'
+import bicyclerebatewithholdingInfo from './bicyclerebatewithholdingInfo'
+
+export default {
+  name: 'bicyclerebatewithholding',
+  components: {
+    Pagination,
+    pageye,
+    ButtonBar,
+    bicyclerebatewithholdingAdd,
+    bicyclerebatewithholdingInfo
+  },
+  data() {
+    return {
+      btndisabled: false,
+      btnList: [
+        {
+          type: 'primary',
+          size: 'small',
+          icon: 'plus',
+          btnKey: 'toAdd',
+          btnLabel: '新增'
+        },
+        {
+          type: 'danger',
+          size: 'small',
+          icon: 'del',
+          btnKey: 'doDel',
+          btnLabel: '删除'
+        },
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ],
+      isSearchShow: false,
+      searchxianshitit: '显示查询条件',
+      viewState: 1,
+      // 查询条件 -----------
+      tableKey: 0,
+      list: [],
+      sids: [],
+      FormLoading: false,
+      listLoading: false,
+      listQuery: {
+        params: {
+          createBySid: '',
+          createEndTime: '',
+          createStartTime: ''
+        },
+        current: 1,
+        size: 5,
+        total: 0
+      },
+      rules: {}
+    }
+  },
+  created() {
+    // 加载列表
+    this.getList()
+  },
+  mounted() {
+    this.$refs['btnbar'].setButtonList(this.btnList)
+  },
+  methods: {
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    btnHandle(btnKey) {
+      console.log('XXXXXXXXXXXXXXX    ' + btnKey)
+      switch (btnKey) {
+        case 'toAdd':
+          this.toAdd()
+          break
+        case 'doDel':
+          this.doDel()
+          break
+        case 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
+    },
+    // 序号
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    handleSelectionChange(row) {
+      const aa = []
+      row.forEach((element) => {
+        aa.push(element.sid)
+      })
+      this.sids = aa
+      console.log('sids', this.sids)
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      this.listQuery.params.createBySid = window.sessionStorage.getItem('userSid')
+      req.listPage(this.listQuery).then((response) => {
+        console.log('列表查询结果：', response)
+        this.listLoading = false
+        if (response.success && response.data && response.data.total > 0) {
+          this.list = response.data.records
+          this.listQuery.total = response.data.total
+        } else {
+          this.list = []
+          this.listQuery.total = 0
+        }
+      })
+    },
+    // 查询按钮
+    handleFilter() {
+      this.listQuery.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.listQuery = {
+        params: {
+          createBySid: '',
+          createEndTime: '',
+          createStartTime: ''
+        },
+        current: 1,
+        size: 5,
+        total: 0
+      }
+      this.getList()
+    },
+    toAdd() {
+      this.viewState = 2
+      this.$refs['divAdd'].showAdd(this.listQuery.params.createOrgSid)
+    },
+    toEdit(row) {
+      this.viewState = 3
+      this.$refs['divAdd'].showEdit(row)
+    },
+    toInfo(row) {
+      this.viewState = 4
+      this.$refs['divInfo'].showInfo(row)
+    },
+    doDel() {
+      if (this.sids.length === 0) {
+        this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作' })
+        return
+      }
+      const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
+      this.$confirm(tip, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        const loading = this.$loading({
+          lock: true,
+          text: 'Loading',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        })
+        req.delete(this.sids).then(resp => {
+          if (resp.success) {
+            this.$message({ type: 'success', message: resp.msg, showClose: true })
+          }
+          this.getList()
+          loading.close()
+        }).catch(e => {
+          loading.close()
+        })
+      }).catch(() => {
+      })
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    doClose() {
+      this.$store.dispatch('tagsView/delView', this.$route)
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+<style scoped>
+</style>
diff --git a/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatewithholding/bicyclerebatewithholdingAdd.vue b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatewithholding/bicyclerebatewithholdingAdd.vue
new file mode 100644
index 0000000000..a527c6ad21
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatewithholding/bicyclerebatewithholdingAdd.vue
@@ -0,0 +1,248 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <!--标题按钮部分开始-->
+      <div class="tab-header webtop">
+        <!--标题-->
+        <div>{{ viewTitle }}</div>
+        <!--start 添加修改按钮-->
+        <div>
+          <el-button type="primary" size="small" :disabled="submitdisabled" @click="save()">保存
+          </el-button>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <!--标题按钮部分结束-->
+      <!--Start 新增修改部分-->
+      <div class="listconadd">
+        <div class="titwu"><span>单车返利预提申请</span></div>
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formadd">
+          <el-row class="rowStyle">
+            <el-col :span="24" class="tleftb colOneStyle">
+              <el-button size="small" type="primary" @click="handleSelect()">选择</el-button>
+            </el-col>
+          </el-row>
+          <el-table :key="tableKey" :data="formobj.baseVehinstallModpricedetails" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column fixed prop="name" label="操作" width="100px" align="center" header-align="center">
+              <template slot-scope="scope">
+                <el-button size="mini" type="danger" @click="dataDelete(scope.$index)">删除
+                </el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="返利类型" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.jacketName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="台数" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.vinNo }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预提返利" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modelName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="明细" align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="handleLook(scope.row)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-form>
+      </div>
+    </div>
+    <!--End 添加修改部分-->
+    <danchefanliselect v-show="viewState == 2" ref="divSelect" @doback="resetState" @backData="backData"/>
+  </div>
+</template>
+
+<script>
+import req from '@/api/othermenu/shangzhuangtiaojia'
+import { getPathSidByUserSid, fetchBySid } from '@/api/cheliang/dictcommons'
+import danchefanliselect from './relation/danchefanliselect'
+
+export default {
+  name: 'bicyclerebatewithholdingAdd',
+  components: {
+    danchefanliselect
+  },
+  data() {
+    return {
+      viewTitle: '',
+      index: 0,
+      tableKey: 0,
+      viewState: 1,
+      // 表单数据
+      formobj: {
+        applyPeoName: '',
+        applyTitle: '',
+        createBySid: '',
+        createOrgName: '',
+        createOrgSid: '',
+        modpriceReason: '',
+        nodeState: '',
+        sid: '',
+        useOrgName: '',
+        useOrgSid: '',
+        baseVehinstallModpricedetails: []
+      },
+      rules: {},
+      submitdisabled: false
+    }
+  },
+  methods: {
+    // 获取制单日期
+    newDate() {
+      let date = new Date()
+      let year = date.getFullYear() // 年
+      let month = date.getMonth() + 1 // 月
+      let day = date.getDate() // 日
+      if (month < 10) {
+        month = '0' + month
+      }
+      if (day < 10) {
+        day = '0' + day
+      }
+      this.formobj.createTime = year + '-' + month + '-' + day
+    },
+    init() {
+      getPathSidByUserSid({ userSid: window.sessionStorage.getItem('userSid') }).then((resp) => {
+        if (resp.success) {
+          this.formobj.createOrgSid = resp.data
+          this.formobj.useOrgSid = resp.data
+          fetchBySid(this.formobj.createOrgSid).then((res) => {
+            if (res.success) {
+              this.formobj.createOrgName = res.data.name
+              this.formobj.useOrgName = res.data.name
+            }
+          })
+        }
+      })
+    },
+    showAdd() {
+      this.init()
+      this.newDate()
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.formobj.createBySid = window.sessionStorage.getItem('userSid')
+      this.formobj.applyPeoName = window.sessionStorage.getItem('name')
+      this.viewTitle = '【新增】单车返利预提申请'
+    },
+    showEdit(row) {
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.viewTitle = '【编辑】单车返利预提申请'
+      console.log('编辑回显', row.sid)
+      req.fetchBySid(row.sid).then((resp) => {
+        this.formobj = resp.data
+      }).catch((e) => {
+        this.formobj = row
+      })
+    },
+    // 明细表添加一行数据
+    handleSelect() {
+      this.viewState = 2
+      this.$refs['divSelect'].showData(this.formobj.baseVehinstallModpricedetails)
+    },
+    backData(value) {
+      this.viewState = 1
+      if (value.length > 0) {
+        value.forEach((e) => {
+          this.formobj.baseVehinstallModpricedetails.push({
+            adjustVehGuidedPrice: '',
+            costPrice: e.costPrice,
+            guidedPrice: e.guidedPrice,
+            incOrDecInPrice: '',
+            jacketName: e.jacketName,
+            jacketSid: e.jacketSid,
+            mainSid: '',
+            modelName: e.modelName,
+            modelSid: e.modelSid,
+            sid: '',
+            vehGuidedPrice: '',
+            vinNo: e.vinNo,
+            remarks: ''
+          })
+        })
+      }
+    },
+    // 明细表删除一行数据
+    dataDelete(index) {
+      this.formobj.baseVehinstallModpricedetails.splice(index, 1)
+    },
+    handleLook(row) {},
+    resetState() {
+      this.viewState = 1
+    },
+    save() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
+          req.saveOrUpdate(this.formobj).then((resp) => {
+            this.submitdisabled = false
+            if (resp.success) {
+              this.$message({
+                showClose: true,
+                type: 'success',
+                message: resp.msg
+              })
+              this.handleReturn('true')
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        } else {
+          return false
+        }
+      })
+    },
+    // 返回（===既判断）
+    handleReturn(isreload) {
+      if (isreload === 'true') this.$emit('reloadlist')
+      // 表单数据
+      this.formobj = {
+        applyPeoName: '',
+        applyTitle: '',
+        createBySid: '',
+        createOrgName: '',
+        createOrgSid: '',
+        modpriceReason: '',
+        nodeState: '',
+        sid: '',
+        useOrgName: '',
+        useOrgSid: '',
+        baseVehinstallModpricedetails: []
+      }
+      this.$refs['form_obj'].resetFields()
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+<style scoped>
+.title {
+  padding: 7px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+.rowStyle {
+  border-left: 0px;
+}
+.colOneStyle {
+  border-right: 0px !important;
+  border-bottom: 0px !important;
+}
+</style>
+
diff --git a/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatewithholding/bicyclerebatewithholdingInfo.vue b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatewithholding/bicyclerebatewithholdingInfo.vue
new file mode 100644
index 0000000000..c8ce22c360
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatewithholding/bicyclerebatewithholdingInfo.vue
@@ -0,0 +1,146 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <!--标题按钮部分开始-->
+      <div class="tab-header webtop">
+        <!--标题-->
+        <div>{{ viewTitle }}</div>
+        <!--start 添加修改按钮-->
+        <div>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <!--标题按钮部分结束-->
+      <!--Start 新增修改部分-->
+      <div class="listconadd">
+        <div class="titwu"><span>单车返利预提申请</span></div>
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formadd">
+          <el-table :key="tableKey" :data="formobj.baseVehinstallModpricedetails" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column label="返利类型" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.jacketName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="台数" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.vinNo }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预提返利" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modelName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="明细" align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="handleLook(scope.row)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-form>
+      </div>
+    </div>
+    <!--End 添加修改部分-->
+    <danchefanliInfo v-show="viewState == 2" ref="divInfo" @doback="resetState"/>
+  </div>
+</template>
+
+<script>
+import req from '@/api/othermenu/shangzhuangtiaojia'
+import danchefanliInfo from './relation/danchefanliInfo'
+
+export default {
+  name: 'bicyclerebatewithholdingInfo',
+  components: {
+    danchefanliInfo
+  },
+  data() {
+    return {
+      viewTitle: '',
+      index: 0,
+      tableKey: 0,
+      viewState: 1,
+      // 表单数据
+      formobj: {
+        applyPeoName: '',
+        applyTitle: '',
+        createBySid: '',
+        createOrgName: '',
+        createOrgSid: '',
+        modpriceReason: '',
+        nodeState: '',
+        sid: '',
+        useOrgName: '',
+        useOrgSid: '',
+        baseVehinstallModpricedetails: []
+      },
+      rules: {},
+      submitdisabled: false
+    }
+  },
+  methods: {
+    init() {
+      getPathSidByUserSid({ userSid: window.sessionStorage.getItem('userSid') }).then((resp) => {
+        if (resp.success) {
+          this.formobj.createOrgSid = resp.data
+          this.formobj.useOrgSid = resp.data
+          fetchBySid(this.formobj.createOrgSid).then((res) => {
+            if (res.success) {
+              this.formobj.createOrgName = res.data.name
+              this.formobj.useOrgName = res.data.name
+            }
+          })
+        }
+      })
+    },
+    showInfo(row) {
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.viewTitle = '单车返利预提申请详情'
+      console.log('编辑回显', row.sid)
+      req.fetchBySid(row.sid).then((resp) => {
+        this.formobj = resp.data
+      }).catch((e) => {
+        this.formobj = row
+      })
+    },
+    handleLook(row) {
+      this.viewState = 2
+      this.$refs['divInfo'].showInfo(row)
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    // 返回（===既判断）
+    handleReturn(isreload) {
+      if (isreload === 'true') this.$emit('reloadlist')
+      // 表单数据
+      this.formobj = {
+        applyPeoName: '',
+        applyTitle: '',
+        createBySid: '',
+        createOrgName: '',
+        createOrgSid: '',
+        modpriceReason: '',
+        nodeState: '',
+        sid: '',
+        useOrgName: '',
+        useOrgSid: '',
+        baseVehinstallModpricedetails: []
+      }
+      this.$refs['form_obj'].resetFields()
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+<style scoped>
+</style>
+
diff --git a/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatewithholding/relation/danchefanliAdd.vue b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatewithholding/relation/danchefanliAdd.vue
new file mode 100644
index 0000000000..23a062e367
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatewithholding/relation/danchefanliAdd.vue
@@ -0,0 +1,176 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <!--标题按钮部分开始-->
+      <div class="tab-header webtop">
+        <!--标题-->
+        <div>{{ viewTitle }}</div>
+        <!--start 添加修改按钮-->
+        <div>
+          <el-button type="danger" size="small">删除</el-button>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <!--标题按钮部分结束-->
+      <!--Start 新增修改部分-->
+      <div class="listconadd">
+        <div class="titwu"><span>待预提单车返利明细</span></div>
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formadd">
+          <el-table :key="tableKey" :data="formobj.baseVehinstallModpricedetails" :index="index" border style="width: 100%" @selection-change="handleSelectionChange">
+            <el-table-column fixed type="selection" align="center" width="50px"/>
+            <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column label="品牌" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.jacketName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车型" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.vinNo }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车架号" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modelName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="厂家结算价" align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="handleLook(scope.row)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="其中运费" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="创建日期" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="返利类型" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="返利名称" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="计算标准" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预计金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="所属年月" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-form>
+      </div>
+    </div>
+    <!--End 添加修改部分-->
+  </div>
+</template>
+
+<script>
+import req from '@/api/othermenu/shangzhuangtiaojia'
+import { getPathSidByUserSid, fetchBySid } from '@/api/cheliang/dictcommons'
+
+export default {
+  name: 'danchefanliAdd',
+  data() {
+    return {
+      viewTitle: '',
+      index: 0,
+      tableKey: 0,
+      viewState: 1,
+      sids: [],
+      // 表单数据
+      formobj: {
+        applyPeoName: '',
+        applyTitle: '',
+        createBySid: '',
+        createOrgName: '',
+        createOrgSid: '',
+        modpriceReason: '',
+        nodeState: '',
+        sid: '',
+        useOrgName: '',
+        useOrgSid: '',
+        baseVehinstallModpricedetails: []
+      },
+      rules: {},
+      submitdisabled: false
+    }
+  },
+  methods: {
+    init() {
+      getPathSidByUserSid({ userSid: window.sessionStorage.getItem('userSid') }).then((resp) => {
+        if (resp.success) {
+          this.formobj.createOrgSid = resp.data
+          this.formobj.useOrgSid = resp.data
+          fetchBySid(this.formobj.createOrgSid).then((res) => {
+            if (res.success) {
+              this.formobj.createOrgName = res.data.name
+              this.formobj.useOrgName = res.data.name
+            }
+          })
+        }
+      })
+    },
+    handleSelectionChange(row) {
+      const aa = []
+      row.forEach((element) => {
+        aa.push(element.sid)
+      })
+      this.sids = aa
+      console.log('sids', this.sids)
+    },
+    showInfo(row) {
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.viewTitle = '待预提单车返利明细'
+      console.log('编辑回显', row.sid)
+      req.fetchBySid(row.sid).then((resp) => {
+        this.formobj = resp.data
+      }).catch((e) => {
+        this.formobj = row
+      })
+    },
+    // 返回（===既判断）
+    handleReturn(isreload) {
+      if (isreload === 'true') this.$emit('reloadlist')
+      // 表单数据
+      this.formobj = {
+        applyPeoName: '',
+        applyTitle: '',
+        createBySid: '',
+        createOrgName: '',
+        createOrgSid: '',
+        modpriceReason: '',
+        nodeState: '',
+        sid: '',
+        useOrgName: '',
+        useOrgSid: '',
+        baseVehinstallModpricedetails: []
+      }
+      this.$refs['form_obj'].resetFields()
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+<style scoped>
+</style>
+
diff --git a/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatewithholding/relation/danchefanliInfo.vue b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatewithholding/relation/danchefanliInfo.vue
new file mode 100644
index 0000000000..0d8677fb78
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatewithholding/relation/danchefanliInfo.vue
@@ -0,0 +1,165 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <!--标题按钮部分开始-->
+      <div class="tab-header webtop">
+        <!--标题-->
+        <div>{{ viewTitle }}</div>
+        <!--start 添加修改按钮-->
+        <div>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <!--标题按钮部分结束-->
+      <!--Start 新增修改部分-->
+      <div class="listconadd">
+        <div class="titwu"><span>待预提单车返利明细</span></div>
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formadd">
+          <el-table :key="tableKey" :data="formobj.baseVehinstallModpricedetails" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column label="品牌" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.jacketName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车型" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.vinNo }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车架号" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modelName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="厂家结算价" align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="handleLook(scope.row)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="其中运费" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="创建日期" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="返利类型" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="返利名称" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="计算标准" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预计金额" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="所属年月" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-form>
+      </div>
+    </div>
+    <!--End 添加修改部分-->
+  </div>
+</template>
+
+<script>
+import req from '@/api/othermenu/shangzhuangtiaojia'
+import { getPathSidByUserSid, fetchBySid } from '@/api/cheliang/dictcommons'
+
+export default {
+  name: 'danchefanliInfo',
+  data() {
+    return {
+      viewTitle: '',
+      index: 0,
+      tableKey: 0,
+      viewState: 1,
+      // 表单数据
+      formobj: {
+        applyPeoName: '',
+        applyTitle: '',
+        createBySid: '',
+        createOrgName: '',
+        createOrgSid: '',
+        modpriceReason: '',
+        nodeState: '',
+        sid: '',
+        useOrgName: '',
+        useOrgSid: '',
+        baseVehinstallModpricedetails: []
+      },
+      rules: {},
+      submitdisabled: false
+    }
+  },
+  methods: {
+    init() {
+      getPathSidByUserSid({ userSid: window.sessionStorage.getItem('userSid') }).then((resp) => {
+        if (resp.success) {
+          this.formobj.createOrgSid = resp.data
+          this.formobj.useOrgSid = resp.data
+          fetchBySid(this.formobj.createOrgSid).then((res) => {
+            if (res.success) {
+              this.formobj.createOrgName = res.data.name
+              this.formobj.useOrgName = res.data.name
+            }
+          })
+        }
+      })
+    },
+    showInfo(row) {
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.viewTitle = '待预提单车返利明细'
+      console.log('编辑回显', row.sid)
+      req.fetchBySid(row.sid).then((resp) => {
+        this.formobj = resp.data
+      }).catch((e) => {
+        this.formobj = row
+      })
+    },
+    // 返回（===既判断）
+    handleReturn(isreload) {
+      if (isreload === 'true') this.$emit('reloadlist')
+      // 表单数据
+      this.formobj = {
+        applyPeoName: '',
+        applyTitle: '',
+        createBySid: '',
+        createOrgName: '',
+        createOrgSid: '',
+        modpriceReason: '',
+        nodeState: '',
+        sid: '',
+        useOrgName: '',
+        useOrgSid: '',
+        baseVehinstallModpricedetails: []
+      }
+      this.$refs['form_obj'].resetFields()
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+<style scoped>
+</style>
+
diff --git a/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatewithholding/relation/danchefanliselect.vue b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatewithholding/relation/danchefanliselect.vue
new file mode 100644
index 0000000000..47d772837c
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bicyclerebatewithholding/relation/danchefanliselect.vue
@@ -0,0 +1,246 @@
+<template>
+  <div class="app-container">
+    <!-- Start 列表页面 -->
+    <div>
+      <button-bar view-title="待预提单车返利列表" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <div class="main-content">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
+              <el-form-item label="品牌">
+                <el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
+              </el-form-item>
+              <el-form-item label="车型">
+                <el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
+              </el-form-item>
+              <el-form-item label="车架号">
+                <el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
+              </el-form-item>
+              <el-form-item label="创建日期">
+                <el-date-picker v-model="listQuery.params.createStartTime" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
+                <span style="padding: 0 8px">至</span>
+                <el-date-picker v-model="listQuery.params.createEndTime" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
+              </el-form-item>
+              <el-form-item label="返利类型">
+                <el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
+              </el-form-item>
+              <el-form-item label="返利名称">
+                <el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
+              </el-form-item>
+              <el-form-item label="状态">
+                <el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
+              <el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <div class="listtop">
+          <div class="tit">待预提单车返利列表</div>
+          <el-button size="small" type="primary">确定</el-button>
+        </div>
+        <div class="">
+          <el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange">
+            <el-table-column fixed type="selection" align="center" width="50px"/>
+            <el-table-column fixed label="序号" type="index" :index="indexMethod" align="center" width="80px"/>
+            <el-table-column label="状态" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.nodeState }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="品牌" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.createTime }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车型" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.applyPeoName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车架号" align="center" width="250">
+              <template slot-scope="scope">
+                <span>{{ scope.row.createOrgName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="厂家结算价" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.applyTitle }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="其中运费" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="创建日期" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="返利类型" align="center" width="150">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="返利名称" align="center" width="150">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="计算标准" align="center" width="100">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预计返利" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="所属年月" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div class="pages">
+          <!-- 翻页 -->
+          <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/othermenu/shangzhuangtiaojia'
+import Pagination from '@/components/pagination'
+import ButtonBar from '@/components/ButtonBar'
+
+export default {
+  name: 'bicyclerebatemanagement',
+  components: {
+    Pagination,
+    ButtonBar
+  },
+  data() {
+    return {
+      btndisabled: false,
+      btnList: [
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ],
+      isSearchShow: false,
+      searchxianshitit: '显示查询条件',
+      // 查询条件 -----------
+      tableKey: 0,
+      list: [],
+      sids: [],
+      FormLoading: false,
+      listLoading: false,
+      listQuery: {
+        params: {
+          createBySid: '',
+          createEndTime: '',
+          createStartTime: ''
+        },
+        current: 1,
+        size: 5,
+        total: 0
+      },
+      rules: {}
+    }
+  },
+  created() {
+    // 加载列表
+    this.getList()
+  },
+  mounted() {
+    this.$refs['btnbar'].setButtonList(this.btnList)
+  },
+  methods: {
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    btnHandle(btnKey) {
+      console.log('XXXXXXXXXXXXXXX    ' + btnKey)
+      switch (btnKey) {
+        case 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
+    },
+    // 序号
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    handleSelectionChange(row) {
+      const aa = []
+      row.forEach((element) => {
+        aa.push(element.sid)
+      })
+      this.sids = aa
+      console.log('sids', this.sids)
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      this.listQuery.params.createBySid = window.sessionStorage.getItem('userSid')
+      req.listPage(this.listQuery).then((response) => {
+        console.log('列表查询结果：', response)
+        this.listLoading = false
+        if (response.success && response.data && response.data.total > 0) {
+          this.list = response.data.records
+          this.listQuery.total = response.data.total
+        } else {
+          this.list = []
+          this.listQuery.total = 0
+        }
+      })
+    },
+    // 查询按钮
+    handleFilter() {
+      this.listQuery.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.listQuery = {
+        params: {
+          createBySid: '',
+          createEndTime: '',
+          createStartTime: ''
+        },
+        current: 1,
+        size: 5,
+        total: 0
+      }
+      this.getList()
+    },
+    doClose() {
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+<style scoped>
+</style>
diff --git a/anrui-scm/anrui-scm-ui/src/views/bikerebate/bikerebatemanagement/bicyclerebatemanagement.vue b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bikerebatemanagement/bicyclerebatemanagement.vue
new file mode 100644
index 0000000000..8d1df4eaa5
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bikerebatemanagement/bicyclerebatemanagement.vue
@@ -0,0 +1,388 @@
+<template>
+  <div class="app-container">
+    <!-- Start 列表页面 -->
+    <div v-show="viewState == 1">
+      <button-bar view-title="单车返利管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <div class="main-content">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
+              <el-form-item label="品牌">
+                <el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
+              </el-form-item>
+              <el-form-item label="车型">
+                <el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
+              </el-form-item>
+              <el-form-item label="车架号">
+                <el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
+              </el-form-item>
+              <el-form-item label="创建日期">
+                <el-date-picker v-model="listQuery.params.createStartTime" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
+                <span style="padding: 0 8px">至</span>
+                <el-date-picker v-model="listQuery.params.createEndTime" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
+              </el-form-item>
+              <el-form-item label="返利类型">
+                <el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
+              </el-form-item>
+              <el-form-item label="返利名称">
+                <el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
+              </el-form-item>
+              <el-form-item label="状态">
+                <el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
+              <el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
+              <el-button type="primary" size="small">待确认返利</el-button>
+              <el-button type="primary" size="small">未调整</el-button>
+            </div>
+          </div>
+        </div>
+        <div class="listtop">
+          <div class="tit">单车返利列表</div>
+          <pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+        <div class="">
+          <el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange">
+            <el-table-column fixed type="selection" align="center" width="50px"/>
+            <el-table-column fixed label="序号" type="index" :index="indexMethod" align="center" width="80px"/>
+            <el-table-column fixed label="操作" align="center" width="180px" >
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="toEdit(scope.row)">编辑</el-button>
+                <el-button type="primary" size="mini" @click="toInfo(scope.row)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="状态" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.nodeState }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="品牌" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.createTime }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车型" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.applyPeoName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车架号" align="center" width="250">
+              <template slot-scope="scope">
+                <span>{{ scope.row.createOrgName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="厂家结算价" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.applyTitle }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="其中运费" align="center" width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="创建日期" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="返利类型" align="center" width="150">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="返利名称" align="center" width="150">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="计算标准" align="center" width="100">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预计返利" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="所属年月" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预提日期" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="上传日期" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="上传金额" align="center" width="150">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="二次上传日期" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="二次上传金额" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="待确定金额" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="费用" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="是否调整" align="center" width="100">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="调整金额" align="center" width="100">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="调整说明" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modpriceReason }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div class="pages">
+          <!-- 翻页 -->
+          <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+      </div>
+    </div>
+    <bicyclerebatemanagementAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="getList"/>
+    <bicyclerebatemanagementInfo v-show="viewState == 4" ref="divInfo" @doback="resetState"/>
+  </div>
+</template>
+
+<script>
+import req from '@/api/othermenu/shangzhuangtiaojia'
+import Pagination from '@/components/pagination'
+import pageye from '@/components/pagination/pageye'
+import ButtonBar from '@/components/ButtonBar'
+import bicyclerebatemanagementAdd from './bicyclerebatemanagementAdd'
+import bicyclerebatemanagementInfo from './bicyclerebatemanagementInfo'
+
+export default {
+  name: 'bicyclerebatemanagement',
+  components: {
+    Pagination,
+    pageye,
+    ButtonBar,
+    bicyclerebatemanagementAdd,
+    bicyclerebatemanagementInfo
+  },
+  data() {
+    return {
+      btndisabled: false,
+      btnList: [
+        {
+          type: 'primary',
+          size: 'small',
+          icon: 'plus',
+          btnKey: 'toAdd',
+          btnLabel: '新增'
+        },
+        {
+          type: 'success',
+          size: 'small',
+          icon: 'Import',
+          btnKey: 'doImport',
+          btnLabel: '导入'
+        },
+        {
+          type: 'danger',
+          size: 'small',
+          icon: 'del',
+          btnKey: 'doDel',
+          btnLabel: '删除'
+        },
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ],
+      isSearchShow: false,
+      searchxianshitit: '显示查询条件',
+      viewState: 4,
+      // 查询条件 -----------
+      tableKey: 0,
+      list: [],
+      sids: [],
+      FormLoading: false,
+      listLoading: false,
+      listQuery: {
+        params: {
+          createBySid: '',
+          createEndTime: '',
+          createStartTime: ''
+        },
+        current: 1,
+        size: 5,
+        total: 0
+      },
+      rules: {}
+    }
+  },
+  created() {
+    // 加载列表
+    this.getList()
+  },
+  mounted() {
+    this.$refs['btnbar'].setButtonList(this.btnList)
+  },
+  methods: {
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    btnHandle(btnKey) {
+      console.log('XXXXXXXXXXXXXXX    ' + btnKey)
+      switch (btnKey) {
+        case 'toAdd':
+          this.toAdd()
+          break
+        case 'doImport':
+          this.doImport()
+          break
+        case 'doDel':
+          this.doDel()
+          break
+        case 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
+    },
+    // 序号
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    handleSelectionChange(row) {
+      const aa = []
+      row.forEach((element) => {
+        aa.push(element.sid)
+      })
+      this.sids = aa
+      console.log('sids', this.sids)
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      this.listQuery.params.createBySid = window.sessionStorage.getItem('userSid')
+      req.listPage(this.listQuery).then((response) => {
+        console.log('列表查询结果：', response)
+        this.listLoading = false
+        if (response.success && response.data && response.data.total > 0) {
+          this.list = response.data.records
+          this.listQuery.total = response.data.total
+        } else {
+          this.list = []
+          this.listQuery.total = 0
+        }
+      })
+    },
+    // 查询按钮
+    handleFilter() {
+      this.listQuery.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.listQuery = {
+        params: {
+          createBySid: '',
+          createEndTime: '',
+          createStartTime: ''
+        },
+        current: 1,
+        size: 5,
+        total: 0
+      }
+      this.getList()
+    },
+    toAdd() {
+      this.viewState = 2
+      this.$refs['divAdd'].showAdd(this.listQuery.params.createOrgSid)
+    },
+    toEdit(row) {
+      this.viewState = 3
+      this.$refs['divAdd'].showEdit(row)
+    },
+    toInfo(row) {
+      this.viewState = 4
+      this.$refs['divInfo'].showInfo(row)
+    },
+    doDel() {
+      if (this.sids.length === 0) {
+        this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作' })
+        return
+      }
+      const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
+      this.$confirm(tip, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        const loading = this.$loading({
+          lock: true,
+          text: 'Loading',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        })
+        req.delete(this.sids).then(resp => {
+          if (resp.success) {
+            this.$message({ type: 'success', message: resp.msg, showClose: true })
+          }
+          this.getList()
+          loading.close()
+        }).catch(e => {
+          loading.close()
+        })
+      }).catch(() => {
+      })
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    doClose() {
+      this.$store.dispatch('tagsView/delView', this.$route)
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+<style scoped>
+</style>
diff --git a/anrui-scm/anrui-scm-ui/src/views/bikerebate/bikerebatemanagement/bicyclerebatemanagementAdd.vue b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bikerebatemanagement/bicyclerebatemanagementAdd.vue
new file mode 100644
index 0000000000..1b860a9084
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bikerebatemanagement/bicyclerebatemanagementAdd.vue
@@ -0,0 +1,278 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <!--标题按钮部分开始-->
+      <div class="tab-header webtop">
+        <!--标题-->
+        <div>{{ viewTitle }}</div>
+        <!--start 添加修改按钮-->
+        <div>
+          <el-button type="primary" size="small" :disabled="submitdisabled" @click="save()">保存
+          </el-button>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <!--标题按钮部分结束-->
+      <!--Start 新增修改部分-->
+      <div class="listconadd">
+        <div class="titwu"><span>单车返利</span></div>
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formadd">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="4" class="tleftb">
+              <span>返利类型</span>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item><span>{{ formobj.createOrgName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="4" class="tleftb">
+              <span>厂家返利名称</span>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item><span>{{ formobj.applyPeoName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="4" class="tleftb">
+              <span>所属年月</span>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item><span>{{ formobj.createTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>计算方式</span>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item><el-input v-model="formobj.modpriceReason" clearable placeholder="" class="addinputw"></el-input></el-form-item>
+            </el-col>
+            <el-col :span="4" class="tleftb">
+              <span>计算标注(%)</span>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item><el-input v-model="formobj.modpriceReason" clearable placeholder="" class="addinputw"></el-input></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            <div>返利车辆列表</div>
+            <div>
+              <el-button type="primary" size="mini" icon="el-icon-plus" @click="addjacket()">添加</el-button>
+              <el-button type="primary" size="mini" icon="el-icon-plus" @click="addjacket()">批量选择</el-button>
+            </div>
+          </div>
+          <el-table :key="tableKey" :data="formobj.baseVehinstallModpricedetails" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column fixed prop="name" label="操作" width="100px" align="center" header-align="center">
+              <template slot-scope="scope">
+                <el-button size="mini" type="danger" @click="dataDelete(scope.$index)">删除
+                </el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="车架号" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.jacketName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="厂家结算价" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.vinNo }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="其中运费" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modelName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预计返利" align="center">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.vehGuidedPrice" clearable placeholder="" class="addinputw"></el-input>
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-form>
+      </div>
+    </div>
+    <!--End 添加修改部分-->
+  </div>
+</template>
+
+<script>
+import req from '@/api/othermenu/shangzhuangtiaojia'
+import { getPathSidByUserSid, fetchBySid } from '@/api/cheliang/dictcommons'
+
+export default {
+  name: 'bicyclerebatemanagementAdd',
+  data() {
+    return {
+      viewTitle: '',
+      index: 0,
+      tableKey: 0,
+      viewState: 1,
+      // 表单数据
+      formobj: {
+        applyPeoName: '',
+        applyTitle: '',
+        createBySid: '',
+        createOrgName: '',
+        createOrgSid: '',
+        modpriceReason: '',
+        nodeState: '',
+        sid: '',
+        useOrgName: '',
+        useOrgSid: '',
+        baseVehinstallModpricedetails: []
+      },
+      rules: {},
+      submitdisabled: false
+    }
+  },
+  methods: {
+    // 获取制单日期
+    newDate() {
+      let date = new Date()
+      let year = date.getFullYear() // 年
+      let month = date.getMonth() + 1 // 月
+      let day = date.getDate() // 日
+      if (month < 10) {
+        month = '0' + month
+      }
+      if (day < 10) {
+        day = '0' + day
+      }
+      this.formobj.createTime = year + '-' + month + '-' + day
+    },
+    init() {
+      getPathSidByUserSid({ userSid: window.sessionStorage.getItem('userSid') }).then((resp) => {
+        if (resp.success) {
+          this.formobj.createOrgSid = resp.data
+          this.formobj.useOrgSid = resp.data
+          fetchBySid(this.formobj.createOrgSid).then((res) => {
+            if (res.success) {
+              this.formobj.createOrgName = res.data.name
+              this.formobj.useOrgName = res.data.name
+            }
+          })
+        }
+      })
+    },
+    showAdd() {
+      this.init()
+      this.newDate()
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.formobj.createBySid = window.sessionStorage.getItem('userSid')
+      this.formobj.applyPeoName = window.sessionStorage.getItem('name')
+      this.viewTitle = '【新增】单车返利'
+    },
+    showEdit(row) {
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.viewTitle = '【编辑】单车返利'
+      console.log('编辑回显', row.sid)
+      req.fetchBySid(row.sid).then((resp) => {
+        this.formobj = resp.data
+      }).catch((e) => {
+        this.formobj = row
+      })
+    },
+    // 明细表添加一行数据
+    addjacket() {
+      this.viewState = 2
+      this.$refs['divSelect'].showData(this.formobj.baseVehinstallModpricedetails)
+    },
+    backData(value) {
+      this.viewState = 1
+      if (value.length > 0) {
+        value.forEach((e) => {
+          this.formobj.baseVehinstallModpricedetails.push({
+            adjustVehGuidedPrice: '',
+            costPrice: e.costPrice,
+            guidedPrice: e.guidedPrice,
+            incOrDecInPrice: '',
+            jacketName: e.jacketName,
+            jacketSid: e.jacketSid,
+            mainSid: '',
+            modelName: e.modelName,
+            modelSid: e.modelSid,
+            sid: '',
+            vehGuidedPrice: '',
+            vinNo: e.vinNo,
+            remarks: ''
+          })
+        })
+      }
+    },
+    // 明细表删除一行数据
+    dataDelete(index) {
+      this.formobj.baseVehinstallModpricedetails.splice(index, 1)
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    save() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
+          req.saveOrUpdate(this.formobj).then((resp) => {
+            this.submitdisabled = false
+            if (resp.success) {
+              this.$message({
+                showClose: true,
+                type: 'success',
+                message: resp.msg
+              })
+              this.handleReturn('true')
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        } else {
+          return false
+        }
+      })
+    },
+    // 返回（===既判断）
+    handleReturn(isreload) {
+      if (isreload === 'true') this.$emit('reloadlist')
+      // 表单数据
+      this.formobj = {
+        applyPeoName: '',
+        applyTitle: '',
+        createBySid: '',
+        createOrgName: '',
+        createOrgSid: '',
+        modpriceReason: '',
+        nodeState: '',
+        sid: '',
+        useOrgName: '',
+        useOrgSid: '',
+        baseVehinstallModpricedetails: []
+      }
+      this.$refs['form_obj'].resetFields()
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+<style scoped>
+.title {
+  padding: 7px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+.rowStyle {
+  border-left: 0px;
+}
+.colOneStyle {
+  border-right: 0px !important;
+  border-bottom: 0px !important;
+}
+</style>
+
diff --git a/anrui-scm/anrui-scm-ui/src/views/bikerebate/bikerebatemanagement/bicyclerebatemanagementInfo.vue b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bikerebatemanagement/bicyclerebatemanagementInfo.vue
new file mode 100644
index 0000000000..1b2dec4705
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/bikerebate/bikerebatemanagement/bicyclerebatemanagementInfo.vue
@@ -0,0 +1,156 @@
+<template>
+  <div class="app-container">
+    <div>
+      <!--标题按钮部分开始-->
+      <div class="tab-header webtop">
+        <!--标题-->
+        <div>{{ viewTitle }}</div>
+        <!--start 添加修改按钮-->
+        <div>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <!--标题按钮部分结束-->
+      <!--Start 新增修改部分-->
+      <div class="listconadd">
+        <div class="titwu"><span>单车返利</span></div>
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formadd">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="4" class="tleftb">
+              <span>返利类型</span>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item><span>{{ formobj.createOrgName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="4" class="tleftb">
+              <span>厂家返利名称</span>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item><span>{{ formobj.applyPeoName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="4" class="tleftb">
+              <span>所属年月</span>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item><span>{{ formobj.createTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>计算方式</span>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item><el-input v-model="formobj.modpriceReason" clearable placeholder="" class="addinputw"></el-input></el-form-item>
+            </el-col>
+            <el-col :span="4" class="tleftb">
+              <span>计算标注(%)</span>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item><el-input v-model="formobj.modpriceReason" clearable placeholder="" class="addinputw"></el-input></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            <div>返利车辆列表</div>
+          </div>
+          <el-table :key="tableKey" :data="formobj.baseVehinstallModpricedetails" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column label="车架号" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.jacketName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="厂家结算价" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.vinNo }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="其中运费" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modelName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预计返利" align="center">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.vehGuidedPrice" clearable placeholder="" class="addinputw"></el-input>
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.costPrice }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-form>
+      </div>
+    </div>
+    <!--End 添加修改部分-->
+  </div>
+</template>
+
+<script>
+import req from '@/api/othermenu/shangzhuangtiaojia'
+
+export default {
+  name: 'bicyclerebatemanagementInfo',
+  data() {
+    return {
+      viewTitle: '',
+      index: 0,
+      tableKey: 0,
+      // 表单数据
+      formobj: {
+        applyPeoName: '',
+        applyTitle: '',
+        createBySid: '',
+        createOrgName: '',
+        createOrgSid: '',
+        modpriceReason: '',
+        nodeState: '',
+        sid: '',
+        useOrgName: '',
+        useOrgSid: '',
+        baseVehinstallModpricedetails: []
+      },
+      rules: {},
+      submitdisabled: false
+    }
+  },
+  methods: {
+    showInfo(row) {
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.viewTitle = '单车返利详情'
+      console.log('编辑回显', row.sid)
+      req.fetchBySid(row.sid).then((resp) => {
+        this.formobj = resp.data
+      }).catch((e) => {
+        this.formobj = row
+      })
+    },
+    // 返回（===既判断）
+    handleReturn(isreload) {
+      if (isreload === 'true') this.$emit('reloadlist')
+      // 表单数据
+      this.formobj = {
+        applyPeoName: '',
+        applyTitle: '',
+        createBySid: '',
+        createOrgName: '',
+        createOrgSid: '',
+        modpriceReason: '',
+        nodeState: '',
+        sid: '',
+        useOrgName: '',
+        useOrgSid: '',
+        baseVehinstallModpricedetails: []
+      }
+      this.$refs['form_obj'].resetFields()
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+<style scoped>
+</style>
+