|
@@ -1,12 +1,7 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
<div class="screen-container">
|
|
|
- <el-form
|
|
|
- ref="screenForm"
|
|
|
- :model="screenForm"
|
|
|
- size="small"
|
|
|
- label-position="left"
|
|
|
- >
|
|
|
+ <el-form ref="screenForm" :model="screenForm" size="small" label-position="left">
|
|
|
<el-row :gutter="20">
|
|
|
<!-- <el-col :xs="24" :ms="6" :lg="6">
|
|
|
<el-form-item label="" prop="mainName">
|
|
@@ -19,35 +14,18 @@
|
|
|
</el-col> -->
|
|
|
<el-col :xs="24" :ms="6" :lg="6">
|
|
|
<el-form-item label="" prop="saleTypeCode">
|
|
|
- <el-input
|
|
|
- v-model="screenForm.saleTypeCode"
|
|
|
- placeholder="销售类型编码"
|
|
|
- size="small"
|
|
|
- ></el-input>
|
|
|
+ <el-input v-model="screenForm.saleTypeCode" placeholder="销售类型编码" size="small"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :ms="6" :lg="6">
|
|
|
<el-form-item label="" prop="saleTypeName">
|
|
|
- <el-input
|
|
|
- v-model="screenForm.saleTypeName"
|
|
|
- placeholder="销售类型名称"
|
|
|
- size="small"
|
|
|
- ></el-input>
|
|
|
+ <el-input v-model="screenForm.saleTypeName" placeholder="销售类型名称" size="small"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :ms="6" :lg="6">
|
|
|
<el-form-item prop="status">
|
|
|
- <el-select
|
|
|
- v-model="screenForm.status"
|
|
|
- placeholder="请选择"
|
|
|
- size="small"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in options"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- >
|
|
|
+ <el-select v-model="screenForm.status" placeholder="请选择" size="small">
|
|
|
+ <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
@@ -55,43 +33,16 @@
|
|
|
|
|
|
<el-col :xs="24" :ms="18" :lg="18">
|
|
|
<el-form-item>
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- size="small"
|
|
|
- icon="el-icon-plus"
|
|
|
- v-if="$checkBtnRole('add', $route.meta.roles)"
|
|
|
- @click="(dialogVisible = true), (type = 1), getDictList()"
|
|
|
- >新增</el-button
|
|
|
- >
|
|
|
+ <el-button type="primary" size="small" icon="el-icon-plus" v-if="$checkBtnRole('add', $route.meta.roles)" @click="(dialogVisible = true), (type = 1), getDictList()">新增</el-button>
|
|
|
|
|
|
<!-- <el-button type="primary" size="small" @click="delfn"
|
|
|
>批量删除</el-button
|
|
|
> -->
|
|
|
- <el-popconfirm
|
|
|
- v-if="$checkBtnRole('del', $route.meta.roles)"
|
|
|
- class="delClass"
|
|
|
- @onConfirm="delfn"
|
|
|
- title="这是一段内容确定删除吗?"
|
|
|
- >
|
|
|
- <el-button
|
|
|
- :disabled="ids.length < 1"
|
|
|
- slot="reference"
|
|
|
- type="danger"
|
|
|
- icon="el-icon-minus"
|
|
|
- size="small"
|
|
|
- >批量删除</el-button
|
|
|
- >
|
|
|
+ <el-popconfirm v-if="$checkBtnRole('del', $route.meta.roles)" class="delClass" @onConfirm="delfn" title="这是一段内容确定删除吗?">
|
|
|
+ <el-button :disabled="ids.length < 1" slot="reference" type="danger" icon="el-icon-minus" size="small">批量删除</el-button>
|
|
|
</el-popconfirm>
|
|
|
- <el-button
|
|
|
- icon="el-icon-search"
|
|
|
- type="primary"
|
|
|
- size="small"
|
|
|
- @click="submitScreenForm"
|
|
|
- >查询</el-button
|
|
|
- >
|
|
|
- <el-button type="primary" size="small" @click="resetScreenForm"
|
|
|
- >重置</el-button
|
|
|
- >
|
|
|
+ <el-button icon="el-icon-search" type="primary" size="small" @click="submitScreenForm">查询</el-button>
|
|
|
+ <el-button type="primary" size="small" @click="resetScreenForm">重置</el-button>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
@@ -99,145 +50,58 @@
|
|
|
</div>
|
|
|
|
|
|
<div class="mymain-container">
|
|
|
- <el-table
|
|
|
- v-loading="listLoading"
|
|
|
- :data="dataList"
|
|
|
- element-loading-text="Loading"
|
|
|
- border
|
|
|
- fit
|
|
|
- highlight-current-row
|
|
|
- stripe
|
|
|
- @selection-change="selectionhangeFn"
|
|
|
- >
|
|
|
+ <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe @selection-change="selectionhangeFn">
|
|
|
<!-- <div v-for="(col, i) in columns" :key="i"> -->
|
|
|
<el-table-column type="selection" width="55" align="center">
|
|
|
</el-table-column>
|
|
|
<template v-for="col in columns">
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- :label="col.lable"
|
|
|
- :prop="col.prop"
|
|
|
- :min-width="col.widht"
|
|
|
- show-overflow-tooltip
|
|
|
- v-if="col.prop == 'status'"
|
|
|
- >
|
|
|
+ <el-table-column align="left" :label="col.lable" :prop="col.prop" :min-width="col.widht" show-overflow-tooltip v-if="col.prop == 'status'">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-switch
|
|
|
- v-model="scope.row.status"
|
|
|
- @change="handleSwitch($event, scope.row.walletRebateSaleTypeId)"
|
|
|
- :active-text="scope.row.status ? '已启用' : '已禁用'"
|
|
|
- >
|
|
|
+ <el-switch v-model="scope.row.status" @change="handleSwitch($event, scope.row.walletRebateSaleTypeId)" :active-text="scope.row.status ? '已启用' : '已禁用'">
|
|
|
</el-switch>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- v-else
|
|
|
- align="center"
|
|
|
- :label="col.lable"
|
|
|
- :prop="col.prop"
|
|
|
- :min-width="col.widht"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
+ <el-table-column v-else align="left" :label="col.lable" :prop="col.prop" :min-width="col.widht" show-overflow-tooltip>
|
|
|
</el-table-column>
|
|
|
</template>
|
|
|
<!-- </div> -->
|
|
|
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- fixed="right"
|
|
|
- label="操作"
|
|
|
- min-width="160"
|
|
|
- >
|
|
|
+ <el-table-column align="center" fixed="right" label="操作" min-width="160">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-button type="text" size="small" @click="hanleDateil(scope.row)"
|
|
|
- >查看</el-button
|
|
|
- >
|
|
|
- <el-button
|
|
|
- type="text"
|
|
|
- size="small"
|
|
|
- @click="hanleEdit(scope.row)"
|
|
|
- v-if="$checkBtnRole('edit', $route.meta.roles)"
|
|
|
- >编辑</el-button
|
|
|
- >
|
|
|
+ <el-button type="text" size="small" @click="hanleDateil(scope.row)">查看</el-button>
|
|
|
+ <el-button type="text" size="small" @click="hanleEdit(scope.row)" v-if="$checkBtnRole('edit', $route.meta.roles)">编辑</el-button>
|
|
|
<!-- <el-button type="text" size="small">编辑</el-button> -->
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
<!-- 分页 -->
|
|
|
<div class="fr">
|
|
|
- <el-pagination
|
|
|
- @size-change="handleSizeChange"
|
|
|
- @current-change="handleCurrentChange"
|
|
|
- :current-page="currentPage"
|
|
|
- :page-sizes="[10, 20, 30, 50]"
|
|
|
- :page-size="10"
|
|
|
- layout="total, sizes, prev, pager, next, jumper"
|
|
|
- :total="listTotal"
|
|
|
- >
|
|
|
+ <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[10, 20, 30, 50]" :page-size="10" layout="total, sizes, prev, pager, next, jumper" :total="listTotal">
|
|
|
</el-pagination>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <el-dialog
|
|
|
- :visible.sync="dialogVisible"
|
|
|
- width="30%"
|
|
|
- @close="hanelclose"
|
|
|
- title="返利类型"
|
|
|
- >
|
|
|
- <el-form
|
|
|
- :model="dialogForm"
|
|
|
- ref="dialogForm"
|
|
|
- :rules="rules"
|
|
|
- label-width="120px"
|
|
|
- :inline="false"
|
|
|
- size="normal"
|
|
|
- >
|
|
|
+ <el-dialog :visible.sync="dialogVisible" width="30%" @close="hanelclose" title="返利类型">
|
|
|
+ <el-form :model="dialogForm" ref="dialogForm" :rules="rules" label-width="120px" :inline="false" size="normal">
|
|
|
<el-form-item label="返利使用钱包" prop="walletRebateId">
|
|
|
<!-- <el-input
|
|
|
v-model="dialogForm.name"
|
|
|
:readonly="type == 3"
|
|
|
></el-input> -->
|
|
|
- <el-select
|
|
|
- v-model="dialogForm.walletRebateId"
|
|
|
- :disabled="type == 3"
|
|
|
- filterable
|
|
|
- placeholder="请选择钱包"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in walletList"
|
|
|
- :key="item.walletRebateId"
|
|
|
- :label="item.name"
|
|
|
- :value="item.walletRebateId"
|
|
|
- >
|
|
|
+ <el-select v-model="dialogForm.walletRebateId" :disabled="type == 3" filterable placeholder="请选择钱包">
|
|
|
+ <el-option v-for="item in walletList" :key="item.walletRebateId" :label="item.name" :value="item.walletRebateId">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="销售类型名称" prop="saleTypeId">
|
|
|
- <el-select
|
|
|
- v-model="dialogForm.saleTypeId"
|
|
|
- :disabled="type == 3"
|
|
|
- filterable
|
|
|
- @change="handleChange"
|
|
|
- placeholder="请选择销售类型编码"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in typeList"
|
|
|
- :key="item.id"
|
|
|
- :label="item.saleName"
|
|
|
- :value="item.id"
|
|
|
- >
|
|
|
+ <el-select v-model="dialogForm.saleTypeId" :disabled="type == 3" filterable @change="handleChange" placeholder="请选择销售类型编码">
|
|
|
+ <el-option v-for="item in typeList" :key="item.id" :label="item.saleName" :value="item.id">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="返利折扣比例" prop="rebateRate">
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
- placeholder="例如0.1=1折"
|
|
|
- :disabled="type == 3"
|
|
|
- @change="handleNumber"
|
|
|
- v-model.number="dialogForm.rebateRate"
|
|
|
- ></el-input>
|
|
|
+ <el-input type="number" placeholder="例如0.1=1折" :disabled="type == 3" @change="handleNumber" v-model.number="dialogForm.rebateRate"></el-input>
|
|
|
</el-form-item>
|
|
|
<!-- <el-form-item label="销售类型编码" prop="saleTypeCode">
|
|
|
<el-input
|
|
@@ -250,13 +114,7 @@
|
|
|
</el-form-item> -->
|
|
|
|
|
|
<el-form-item label="状态" prop="status">
|
|
|
- <el-switch
|
|
|
- v-model="dialogForm.status"
|
|
|
- :disabled="type == 3"
|
|
|
- :active-value="true"
|
|
|
- :inactive-value="false"
|
|
|
- :active-text="dialogForm.status ? '启用' : ''"
|
|
|
- >
|
|
|
+ <el-switch v-model="dialogForm.status" :disabled="type == 3" :active-value="true" :inactive-value="false" :active-text="dialogForm.status ? '启用' : ''">
|
|
|
</el-switch>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
@@ -272,8 +130,8 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import Mixin from '@/mixin/index'
|
|
|
-import Pagination from '@/components/Pagination'
|
|
|
+import Mixin from "@/mixin/index";
|
|
|
+import Pagination from "@/components/Pagination";
|
|
|
import {
|
|
|
getDictList,
|
|
|
getTypeList,
|
|
@@ -281,8 +139,8 @@ import {
|
|
|
getWalletRebateSaletypeAdd,
|
|
|
getWalletRebateSaletypeDelete,
|
|
|
getWalletRebateSaletypelist,
|
|
|
- getWalletRebateSaletypeUpdate
|
|
|
-} from '@/api/policy_list'
|
|
|
+ getWalletRebateSaletypeUpdate,
|
|
|
+} from "@/api/policy_list";
|
|
|
|
|
|
export default {
|
|
|
mixins: [Mixin],
|
|
@@ -446,12 +304,11 @@ export default {
|
|
|
handleNumber(e) {
|
|
|
console.log(e);
|
|
|
if (Number(e) < 0) {
|
|
|
- this.dialogForm.rebateRate = '';
|
|
|
- this.$errorMsg('不能小于0,输入数值0至1之间')
|
|
|
-
|
|
|
+ this.dialogForm.rebateRate = "";
|
|
|
+ this.$errorMsg("不能小于0,输入数值0至1之间");
|
|
|
} else if (Number(e) > 1) {
|
|
|
- this.dialogForm.rebateRate = '';
|
|
|
- this.$errorMsg('不能大于1,输入数值0至1之间')
|
|
|
+ this.dialogForm.rebateRate = "";
|
|
|
+ this.$errorMsg("不能大于1,输入数值0至1之间");
|
|
|
} else {
|
|
|
this.dialogForm.rebateRate = e;
|
|
|
}
|