|
@@ -4,13 +4,7 @@
|
|
<el-divider></el-divider>
|
|
<el-divider></el-divider>
|
|
<!-- 表头 -->
|
|
<!-- 表头 -->
|
|
<div>
|
|
<div>
|
|
- <el-form
|
|
|
|
- ref="searchForm"
|
|
|
|
- :model="searchForm"
|
|
|
|
- label-width="100px"
|
|
|
|
- size="small"
|
|
|
|
- label-position="left"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-form ref="searchForm" :model="searchForm" label-width="100px" size="small" label-position="left">
|
|
<el-row :gutter="20">
|
|
<el-row :gutter="20">
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
<el-form-item label="返利单号" prop="">
|
|
<el-form-item label="返利单号" prop="">
|
|
@@ -19,33 +13,18 @@
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
<el-form-item label="返利日期" prop="">
|
|
<el-form-item label="返利日期" prop="">
|
|
- <el-date-picker
|
|
|
|
- disabled
|
|
|
|
- class="selectStyle"
|
|
|
|
- v-model="searchForm.theTime"
|
|
|
|
- type="datetime"
|
|
|
|
- placeholder="系统自动生成"
|
|
|
|
- default-time="23:59:59"
|
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-date-picker disabled class="selectStyle" v-model="searchForm.theTime" type="datetime" placeholder="系统自动生成" default-time="23:59:59" value-format="yyyy-MM-dd HH:mm:ss">
|
|
</el-date-picker>
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
<el-form-item label="备注" prop="remark">
|
|
<el-form-item label="备注" prop="remark">
|
|
- <el-input
|
|
|
|
- v-model="searchForm.remark"
|
|
|
|
- placeholder="请输入"
|
|
|
|
- ></el-input>
|
|
|
|
|
|
+ <el-input v-model="searchForm.remark" placeholder="请输入"></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
<el-form-item label="制单人" prop="">
|
|
<el-form-item label="制单人" prop="">
|
|
- <el-input
|
|
|
|
- disabled
|
|
|
|
- v-model="searchForm.createBy"
|
|
|
|
- placeholder="请输入"
|
|
|
|
- ></el-input>
|
|
|
|
|
|
+ <el-input disabled v-model="searchForm.createBy" placeholder="请输入"></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
<!-- <el-col :xs="24" :sm="12" :lg="6">
|
|
<!-- <el-col :xs="24" :sm="12" :lg="6">
|
|
@@ -67,38 +46,18 @@
|
|
<!-- 按钮 -->
|
|
<!-- 按钮 -->
|
|
<div class="btn-group clearfix">
|
|
<div class="btn-group clearfix">
|
|
<div class="fl">
|
|
<div class="fl">
|
|
- <el-popconfirm
|
|
|
|
- v-if="$checkBtnRole('del', $route.meta.roles)"
|
|
|
|
- @onConfirm="delSeletFn"
|
|
|
|
- title="这是一段内容确定删除吗?"
|
|
|
|
- >
|
|
|
|
- <el-button
|
|
|
|
- :disabled="selectList.length < 1"
|
|
|
|
- type="danger"
|
|
|
|
- size="small"
|
|
|
|
- class="textColor delStyle"
|
|
|
|
- icon="el-icon-minus"
|
|
|
|
- slot="reference"
|
|
|
|
- >批量删除</el-button
|
|
|
|
- >
|
|
|
|
|
|
+ <el-popconfirm v-if="$checkBtnRole('del', $route.meta.roles)" @onConfirm="delSeletFn" title="这是一段内容确定删除吗?">
|
|
|
|
+ <el-button :disabled="selectList.length < 1" type="danger" size="small" class="textColor delStyle" icon="el-icon-minus" slot="reference">批量删除</el-button>
|
|
</el-popconfirm>
|
|
</el-popconfirm>
|
|
</div>
|
|
</div>
|
|
<div class="fr">
|
|
<div class="fr">
|
|
- <el-button type="primary" size="small" @click="downLoadFn"
|
|
|
|
- >模板</el-button
|
|
|
|
- >
|
|
|
|
|
|
+ <el-button type="primary" size="small" @click="downLoadFn">模板</el-button>
|
|
<!-- <a href="/rebate/order/download">下载文件</a> -->
|
|
<!-- <a href="/rebate/order/download">下载文件</a> -->
|
|
<!-- <el-button type="primary" size="small" @click="importFn"
|
|
<!-- <el-button type="primary" size="small" @click="importFn"
|
|
>批量导入</el-button
|
|
>批量导入</el-button
|
|
> -->
|
|
> -->
|
|
|
|
|
|
- <el-upload
|
|
|
|
- class="import-btn"
|
|
|
|
- action=""
|
|
|
|
- :http-request="handleImport"
|
|
|
|
- :file-list="importFileList"
|
|
|
|
- :show-file-list="false"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-upload class="import-btn" action="" :http-request="handleImport" :file-list="importFileList" :show-file-list="false">
|
|
<el-button type="primary" size="small">批量导入</el-button>
|
|
<el-button type="primary" size="small">批量导入</el-button>
|
|
</el-upload>
|
|
</el-upload>
|
|
</div>
|
|
</div>
|
|
@@ -106,212 +65,85 @@
|
|
<!-- 列表 -->
|
|
<!-- 列表 -->
|
|
<div class="mymain-container">
|
|
<div class="mymain-container">
|
|
<div class="table">
|
|
<div class="table">
|
|
- <el-table
|
|
|
|
- v-loading="listLoading"
|
|
|
|
- :data="dataList"
|
|
|
|
- element-loading-text="Loading"
|
|
|
|
- border
|
|
|
|
- fit
|
|
|
|
- highlight-current-row
|
|
|
|
- stripe
|
|
|
|
- :row-class-name="rouClassNameFn"
|
|
|
|
- @row-click="onRowClick"
|
|
|
|
- @selection-change="selectionChange"
|
|
|
|
- show-summary
|
|
|
|
- :summary-method="getSummaries"
|
|
|
|
- >
|
|
|
|
- <el-table-column
|
|
|
|
- align="center"
|
|
|
|
- type="selection"
|
|
|
|
- width="100"
|
|
|
|
- show-overflow-tooltip
|
|
|
|
- ></el-table-column>
|
|
|
|
- <el-table-column
|
|
|
|
- align="center"
|
|
|
|
- label="经销商编码"
|
|
|
|
- prop="customerNumber"
|
|
|
|
- min-width="160"
|
|
|
|
- show-overflow-tooltip
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe :row-class-name="rouClassNameFn" @row-click="onRowClick" @selection-change="selectionChange" show-summary :summary-method="getSummaries">
|
|
|
|
+ <el-table-column align="center" type="selection" width="100" show-overflow-tooltip></el-table-column>
|
|
|
|
+ <el-table-column align="left" label="经销商编码" prop="customerNumber" min-width="160" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-input disabled v-model="scope.row.customerNumber"></el-input>
|
|
<el-input disabled v-model="scope.row.customerNumber"></el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- align="center"
|
|
|
|
- label="经销商名称"
|
|
|
|
- prop="customerName"
|
|
|
|
- min-width="200"
|
|
|
|
- show-overflow-tooltip
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column align="left" label="经销商名称" prop="customerName" min-width="200" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-select
|
|
|
|
- @change="changeCustomerFn($event, scope.$index, scope.row)"
|
|
|
|
- v-model="scope.row.customerId"
|
|
|
|
- placeholder="请选择"
|
|
|
|
- filterable
|
|
|
|
- >
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in customerData"
|
|
|
|
- :key="item.id"
|
|
|
|
- :label="item.name"
|
|
|
|
- :value="item.id"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-select @change="changeCustomerFn($event, scope.$index, scope.row)" v-model="scope.row.customerId" placeholder="请选择" filterable>
|
|
|
|
+ <el-option v-for="item in customerData" :key="item.id" :label="item.name" :value="item.id">
|
|
</el-option>
|
|
</el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- align="center"
|
|
|
|
- label="返利类型"
|
|
|
|
- prop="customerWalletId"
|
|
|
|
- min-width="160"
|
|
|
|
- show-overflow-tooltip
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column align="left" label="返利类型" prop="customerWalletId" min-width="160" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-select
|
|
|
|
- v-model="scope.row.customerWalletId"
|
|
|
|
- placeholder="请选择"
|
|
|
|
- filterable
|
|
|
|
- >
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in scope.row.walletList"
|
|
|
|
- :key="item.customerWalletId"
|
|
|
|
- :label="item.name"
|
|
|
|
- :value="item.customerWalletId"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-select v-model="scope.row.customerWalletId" placeholder="请选择" filterable>
|
|
|
|
+ <el-option v-for="item in scope.row.walletList" :key="item.customerWalletId" :label="item.name" :value="item.customerWalletId">
|
|
</el-option>
|
|
</el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- align="left"
|
|
|
|
- label="返利总金额"
|
|
|
|
- prop="amount"
|
|
|
|
- min-width="160"
|
|
|
|
- show-overflow-tooltip
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column align="right" label="返利总金额" prop="amount" min-width="160" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-input v-model.number="scope.row.amount"></el-input>
|
|
|
|
|
|
+ <el-input class="mountclass" v-model.number="scope.row.amount"></el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- align="left"
|
|
|
|
- label="暂扣返利"
|
|
|
|
- prop="withholdAmount"
|
|
|
|
- min-width="160"
|
|
|
|
- show-overflow-tooltip
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column align="right" label="暂扣返利" prop="withholdAmount" min-width="160" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-input v-model.number="scope.row.withholdAmount"></el-input>
|
|
|
|
|
|
+ <el-input class="mountclass" v-model.number="scope.row.withholdAmount"></el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- align="center"
|
|
|
|
- label="政策文件流水号"
|
|
|
|
- prop="policyFileNo"
|
|
|
|
- min-width="160"
|
|
|
|
- show-overflow-tooltip
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column align="left" label="政策文件流水号" prop="policyFileNo" min-width="160" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.policyFileNo"></el-input>
|
|
<el-input v-model="scope.row.policyFileNo"></el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- align="center"
|
|
|
|
- label="政策文号"
|
|
|
|
- prop="policyDocNo"
|
|
|
|
- min-width="160"
|
|
|
|
- show-overflow-tooltip
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column align="left" label="政策文号" prop="policyDocNo" min-width="160" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.policyDocNo"></el-input>
|
|
<el-input v-model="scope.row.policyDocNo"></el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- align="center"
|
|
|
|
- label="政策年份"
|
|
|
|
- prop="policyYear"
|
|
|
|
- min-width="160"
|
|
|
|
- show-overflow-tooltip
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column align="left" label="政策年份" prop="policyYear" min-width="160" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.policyYear"></el-input>
|
|
<el-input v-model="scope.row.policyYear"></el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- align="center"
|
|
|
|
- label="政策月份"
|
|
|
|
- prop="policyMonth"
|
|
|
|
- min-width="160"
|
|
|
|
- show-overflow-tooltip
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column align="left" label="政策月份" prop="policyMonth" min-width="160" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.policyMonth"></el-input>
|
|
<el-input v-model="scope.row.policyMonth"></el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- align="center"
|
|
|
|
- label="政策归属部门"
|
|
|
|
- prop="policyOrg"
|
|
|
|
- min-width="160"
|
|
|
|
- show-overflow-tooltip
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column align="left" label="政策归属部门" prop="policyOrg" min-width="160" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.policyOrg"></el-input>
|
|
<el-input v-model="scope.row.policyOrg"></el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- align="center"
|
|
|
|
- label="客户区域"
|
|
|
|
- prop="customerArea"
|
|
|
|
- min-width="160"
|
|
|
|
- show-overflow-tooltip
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column align="left" label="客户区域" prop="customerArea" min-width="160" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.customerArea"></el-input>
|
|
<el-input v-model="scope.row.customerArea"></el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- align="center"
|
|
|
|
- label="客户属性"
|
|
|
|
- prop="customerAttr"
|
|
|
|
- min-width="160"
|
|
|
|
- show-overflow-tooltip
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column align="left" label="客户属性" prop="customerAttr" min-width="160" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.customerAttr"></el-input>
|
|
<el-input v-model="scope.row.customerAttr"></el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- align="center"
|
|
|
|
- label="建立实际归属客户"
|
|
|
|
- prop="rewardActualCustomers"
|
|
|
|
- min-width="160"
|
|
|
|
- show-overflow-tooltip
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column align="left" label="建立实际归属客户" prop="rewardActualCustomers" min-width="160" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.rewardActualCustomers"></el-input>
|
|
<el-input v-model="scope.row.rewardActualCustomers"></el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- align="center"
|
|
|
|
- label="备注1"
|
|
|
|
- prop="remark1"
|
|
|
|
- min-width="160"
|
|
|
|
- show-overflow-tooltip
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column align="left" label="备注1" prop="remark1" min-width="160" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.remark1"></el-input>
|
|
<el-input v-model="scope.row.remark1"></el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- align="center"
|
|
|
|
- label="备注2"
|
|
|
|
- prop="remark2"
|
|
|
|
- min-width="160"
|
|
|
|
- show-overflow-tooltip
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column align="left" label="备注2" prop="remark2" min-width="160" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.remark2"></el-input>
|
|
<el-input v-model="scope.row.remark2"></el-input>
|
|
</template>
|
|
</template>
|
|
@@ -328,17 +160,11 @@
|
|
<!-- <el-button type="primary" size="small" @click="submitFn"
|
|
<!-- <el-button type="primary" size="small" @click="submitFn"
|
|
>提交审批</el-button
|
|
>提交审批</el-button
|
|
> -->
|
|
> -->
|
|
- <el-button type="primary" size="small" @click="cancelFn"
|
|
|
|
- >重置</el-button
|
|
|
|
- >
|
|
|
|
|
|
+ <el-button type="primary" size="small" @click="cancelFn">重置</el-button>
|
|
</div>
|
|
</div>
|
|
<div class="fr">
|
|
<div class="fr">
|
|
- <el-button type="primary" size="small" @click="addRowFn"
|
|
|
|
- >添加行</el-button
|
|
|
|
- >
|
|
|
|
- <el-button type="primary" size="small" @click="delRowFn"
|
|
|
|
- >删除行</el-button
|
|
|
|
- >
|
|
|
|
|
|
+ <el-button type="primary" size="small" @click="addRowFn">添加行</el-button>
|
|
|
|
+ <el-button type="primary" size="small" @click="delRowFn">删除行</el-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -597,6 +423,11 @@ export default {
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
|
+::v-deep .mountclass {
|
|
|
|
+ input {
|
|
|
|
+ text-align: right;
|
|
|
|
+ }
|
|
|
|
+}
|
|
.selectStyle {
|
|
.selectStyle {
|
|
width: 100%;
|
|
width: 100%;
|
|
}
|
|
}
|