|
@@ -36,42 +36,42 @@
|
|
<div v-if="this.state != 'SAVE'" class="mymain-container">
|
|
<div v-if="this.state != 'SAVE'" 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">
|
|
<el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe :row-class-name="rouClassNameFn" @row-click="onRowClick">
|
|
- <el-table-column align="center" label="序号" type="index" width="100" show-overflow-tooltip></el-table-column>
|
|
|
|
- <el-table-column align="center" label="经销商编码" prop="customerNumber" min-width="160" show-overflow-tooltip>
|
|
|
|
|
|
+ <el-table-column align="left" label="序号" type="index" width="100" show-overflow-tooltip></el-table-column>
|
|
|
|
+ <el-table-column align="left" label="经销商编码" prop="customerNumber" min-width="160" show-overflow-tooltip>
|
|
</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>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column align="center" label="返利类型" prop="walletName" min-width="160" show-overflow-tooltip>
|
|
|
|
|
|
+ <el-table-column align="left" label="返利类型" prop="walletName" min-width="160" show-overflow-tooltip>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column align="center" label="返利总金额" prop="amount" min-width="160" show-overflow-tooltip>
|
|
|
|
|
|
+ <el-table-column align="right" label="返利总金额" prop="amount" min-width="160" show-overflow-tooltip>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column align="center" label="暂扣返利" prop="withholdAmount" min-width="160" show-overflow-tooltip>
|
|
|
|
|
|
+ <el-table-column align="right" label="暂扣返利" prop="withholdAmount" min-width="160" show-overflow-tooltip>
|
|
</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>
|
|
</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>
|
|
</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>
|
|
</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>
|
|
</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>
|
|
</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>
|
|
</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>
|
|
</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>
|
|
@@ -83,13 +83,13 @@
|
|
<div v-if="this.state == 'SAVE'" class="mymain-container">
|
|
<div v-if="this.state == 'SAVE'" 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">
|
|
<el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe :row-class-name="rouClassNameFn" @row-click="onRowClick">
|
|
- <el-table-column align="center" label="序号" type="index" width="100" show-overflow-tooltip></el-table-column>
|
|
|
|
- <el-table-column align="center" label="经销商编码" prop="customerNumber" min-width="160" show-overflow-tooltip>
|
|
|
|
|
|
+ <el-table-column align="left" label="序号" type="index" 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="请选择">
|
|
<el-select @change="changeCustomerFn($event, scope.$index, scope.row)" v-model="scope.row.customerId" placeholder="请选择">
|
|
<el-option v-for="item in customerData" :key="item.id" :label="item.name" :value="item.id">
|
|
<el-option v-for="item in customerData" :key="item.id" :label="item.name" :value="item.id">
|
|
@@ -97,7 +97,7 @@
|
|
</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-if="state2" v-model="scope.row.customerWalletId" placeholder="请选择">
|
|
<el-select v-if="state2" v-model="scope.row.customerWalletId" placeholder="请选择">
|
|
<el-option v-for="item in scope.row.walletList" :key="item.customerWalletId" :label="item.name" :value="item.customerWalletId">
|
|
<el-option v-for="item in scope.row.walletList" :key="item.customerWalletId" :label="item.name" :value="item.customerWalletId">
|
|
@@ -108,62 +108,62 @@
|
|
</el-select>
|
|
</el-select>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column align="center" label="返利总金额" prop="amount" min-width="160" show-overflow-tooltip>
|
|
|
|
|
|
+ <el-table-column align="left" 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="center" label="暂扣返利" prop="withholdAmount" min-width="160" show-overflow-tooltip>
|
|
|
|
|
|
+ <el-table-column align="left" 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>
|
|
@@ -315,6 +315,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%;
|
|
}
|
|
}
|