813 lines
39 KiB
Vue
813 lines
39 KiB
Vue
|
<template>
|
|||
|
|
<div class="app-container">
|
|||
|
|
<el-card>
|
|||
|
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
|||
|
|
<el-tab-pane label="认证会员" name="member">
|
|||
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
|||
|
|
<el-form-item label="手机号" prop="mobile">
|
|||
|
|
<el-input
|
|||
|
|
v-model="queryParams.mobile"
|
|||
|
|
placeholder="请输入会员手机号"
|
|||
|
|
clearable
|
|||
|
|
style="width: 240px;"
|
|||
|
|
@keyup.enter.native="handleQuery"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="认证类型" prop="type">
|
|||
|
|
<el-input
|
|||
|
|
v-model="queryParams.type"
|
|||
|
|
placeholder="请选择认证类型"
|
|||
|
|
clearable
|
|||
|
|
style="width: 240px;"
|
|||
|
|
@keyup.enter.native="handleQuery"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="认证状态" prop="status">
|
|||
|
|
<el-input
|
|||
|
|
v-model="queryParams.status"
|
|||
|
|
placeholder="全部"
|
|||
|
|
clearable
|
|||
|
|
style="width: 240px;"
|
|||
|
|
@keyup.enter.native="handleQuery"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item>
|
|||
|
|
<el-date-picker
|
|||
|
|
v-model="dateRange"
|
|||
|
|
style="width: 240px"
|
|||
|
|
size="medium"
|
|||
|
|
value-format="yyyy-MM-dd"
|
|||
|
|
type="daterange"
|
|||
|
|
range-separator="-"
|
|||
|
|
start-placeholder="开始日期"
|
|||
|
|
end-placeholder="结束日期"
|
|||
|
|
></el-date-picker>
|
|||
|
|
</el-form-item>
|
|||
|
|
|
|||
|
|
<el-form-item>
|
|||
|
|
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-form>
|
|||
|
|
</el-tab-pane>
|
|||
|
|
<el-tab-pane label="固定等级认证" name="fixingLevel">
|
|||
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
|||
|
|
<el-form-item label="认证状态" prop="status">
|
|||
|
|
<el-input
|
|||
|
|
v-model="queryParams.status"
|
|||
|
|
placeholder="全部"
|
|||
|
|
clearable
|
|||
|
|
style="width: 240px;"
|
|||
|
|
@keyup.enter.native="handleQuery"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item>
|
|||
|
|
<el-date-picker
|
|||
|
|
v-model="dateRange"
|
|||
|
|
style="width: 240px"
|
|||
|
|
size="medium"
|
|||
|
|
value-format="yyyy-MM-dd"
|
|||
|
|
type="daterange"
|
|||
|
|
range-separator="-"
|
|||
|
|
start-placeholder="开始日期"
|
|||
|
|
end-placeholder="结束日期"
|
|||
|
|
></el-date-picker>
|
|||
|
|
</el-form-item>
|
|||
|
|
|
|||
|
|
<el-form-item>
|
|||
|
|
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-form>
|
|||
|
|
</el-tab-pane>
|
|||
|
|
</el-tabs>
|
|||
|
|
</el-card>
|
|||
|
|
|
|||
|
|
<el-card>
|
|||
|
|
<div v-if="activeName=='member'">
|
|||
|
|
<el-button
|
|||
|
|
type="primary"
|
|||
|
|
icon="el-icon-plus"
|
|||
|
|
@click="handleAdd"
|
|||
|
|
v-hasPermi="['member:add']"
|
|||
|
|
>新增用户认证</el-button>
|
|||
|
|
<el-table ref="tables" v-loading="loading" :data="list" @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="handleSortChange">
|
|||
|
|
<el-table-column label="认证类型" prop="id" align="center" width="60"/>
|
|||
|
|
<el-table-column label="手机号" align="center" width="70"/>
|
|||
|
|
<el-table-column label="关联会员" align="center" prop="userNo" width="150"/>
|
|||
|
|
<el-table-column label="姓名" align="center" prop="name" />
|
|||
|
|
<el-table-column label="车牌号" align="center" prop="mobile" width="110"/>
|
|||
|
|
<el-table-column label="认证资料" align="center" prop="gradeId" width="80"/>
|
|||
|
|
<el-table-column label="备注" align="center" prop="balance"/>
|
|||
|
|
<el-table-column label="状态" align="center" prop="status">
|
|||
|
|
<template slot-scope="scope">
|
|||
|
|
<dict-tag :options="dict.type.rzzt" :value="scope.row.status"/>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column label="操作" align="center" width="120" fixed='right'>
|
|||
|
|
<template slot-scope="scope">
|
|||
|
|
<el-button
|
|||
|
|
size="mini"
|
|||
|
|
type="text"
|
|||
|
|
icon="el-icon-edit"
|
|||
|
|
v-hasPermi="['member:add']"
|
|||
|
|
@click="handleUpdate(scope.row)"
|
|||
|
|
>修改</el-button>
|
|||
|
|
<el-button
|
|||
|
|
size="mini"
|
|||
|
|
type="text"
|
|||
|
|
icon="el-icon-delete"
|
|||
|
|
v-hasPermi="['member:add']"
|
|||
|
|
@click="handleDelete(scope.row)"
|
|||
|
|
>删除</el-button>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
</el-table>
|
|||
|
|
|
|||
|
|
<pagination
|
|||
|
|
v-show="total>0"
|
|||
|
|
:total="total"
|
|||
|
|
:page.sync="queryParams.page"
|
|||
|
|
:limit.sync="queryParams.pageSize"
|
|||
|
|
@pagination="getList"
|
|||
|
|
/>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div v-else>
|
|||
|
|
<el-button
|
|||
|
|
type="primary"
|
|||
|
|
icon="el-icon-plus"
|
|||
|
|
@click="handleAdd"
|
|||
|
|
v-hasPermi="['member:add']"
|
|||
|
|
>新增固定等级类型</el-button>
|
|||
|
|
<el-table ref="tables" v-loading="loading"
|
|||
|
|
:data="list"
|
|||
|
|
@selection-change="handleSelectionChange"
|
|||
|
|
:default-sort="defaultSort"
|
|||
|
|
@sort-change="handleSortChange">
|
|||
|
|
<el-table-column label="认证类型名称" prop="name" align="center"/>
|
|||
|
|
<el-table-column label="优惠类型" align="center" prop="discountType">
|
|||
|
|
<template slot-scope="scope">
|
|||
|
|
<dict-tag :options="dict.type.yhlx" :value="scope.row.discountType"/>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column label="优惠详情" align="center" width="140">.
|
|||
|
|
<template slot-scope="scope">
|
|||
|
|
<p v-if="scope.row.discountType=='优惠活动组'">
|
|||
|
|
关联优惠组：{{scope.row.promotionGroup}}
|
|||
|
|
</p>
|
|||
|
|
<p v-if="scope.row.discountType=='自定义优惠'">
|
|||
|
|
<div v-if="scope.row.discountType=='自定义优惠'">
|
|||
|
|
汽油：
|
|||
|
|
<el-tooltip placement="top"
|
|||
|
|
v-if="scope.row.gasolineDiscount=='无优惠'">
|
|||
|
|
<div slot="content">无优惠</div>
|
|||
|
|
<el-tag type="warning">{{ scope.row.dieselDiscount }}</el-tag>>
|
|||
|
|
</el-tooltip>
|
|||
|
|
<span v-if="scope.row.gasolineRule!=null && scope.row.gasolineRule!=''">
|
|||
|
|
<el-tooltip placement="top"
|
|||
|
|
v-if="scope.row.gasolineDiscount=='满减优惠'">
|
|||
|
|
<div slot="content"
|
|||
|
|
v-for="(item,index) in scope.row.gasolineRuleList"
|
|||
|
|
:key="index">消费满{{item.gasolineRule1}}元,立减{{item.gasolineRule2}}元</div>
|
|||
|
|
<el-tag type="warning">{{ scope.row.gasolineDiscount }}</el-tag>
|
|||
|
|
</el-tooltip>
|
|||
|
|
<el-tooltip placement="top"
|
|||
|
|
v-if="scope.row.gasolineDiscount=='每升优惠'">
|
|||
|
|
<div slot="content"
|
|||
|
|
v-for="(item,index) in scope.row.gasolineRuleList"
|
|||
|
|
:key="index">消费满{{item.gasolineRule1}}元,每升优惠{{item.gasolineRule3}}元</div>
|
|||
|
|
<el-tag type="warning">{{ scope.row.gasolineDiscount }}</el-tag>>
|
|||
|
|
</el-tooltip>
|
|||
|
|
</span><br/>
|
|||
|
|
</div>
|
|||
|
|
<div style="margin: 10px 0" v-if="scope.row.discountType=='自定义优惠'">
|
|||
|
|
柴油：
|
|||
|
|
<el-tooltip placement="top"
|
|||
|
|
v-if="scope.row.dieselDiscount=='无优惠'">
|
|||
|
|
<div slot="content">无优惠</div>
|
|||
|
|
<el-tag type="warning">{{ scope.row.dieselDiscount }}</el-tag>>
|
|||
|
|
</el-tooltip>
|
|||
|
|
<span v-if="scope.row.dieselRule!=null && scope.row.dieselRule!=''">
|
|||
|
|
<el-tooltip placement="top"
|
|||
|
|
v-if="scope.row.dieselDiscount=='满减优惠'">
|
|||
|
|
<div slot="content"
|
|||
|
|
v-for="(item,index) in scope.row.dieselRuleList"
|
|||
|
|
:key="index">消费满{{item.dieselRule1}}元,立减{{item.dieselRule2}}元</div>
|
|||
|
|
<el-tag type="warning">{{ scope.row.dieselDiscount }}</el-tag>>
|
|||
|
|
</el-tooltip>
|
|||
|
|
<el-tooltip placement="top"
|
|||
|
|
v-if="scope.row.dieselDiscount=='每升优惠'">
|
|||
|
|
<div slot="content"
|
|||
|
|
v-for="(item,index) in scope.row.dieselRuleList"
|
|||
|
|
:key="index">消费满{{item.dieselRule1}}元,每升优惠{{item.dieselRule3}}元</div>
|
|||
|
|
<el-tag type="warning">{{ scope.row.dieselDiscount }}</el-tag>>
|
|||
|
|
</el-tooltip>
|
|||
|
|
</span><br/>
|
|||
|
|
</div>
|
|||
|
|
<div v-if="scope.row.discountType=='自定义优惠'">
|
|||
|
|
天然气：
|
|||
|
|
<el-tooltip placement="top"
|
|||
|
|
v-if="scope.row.naturalGasDiscount=='无优惠'">
|
|||
|
|
<div slot="content">无优惠</div>
|
|||
|
|
<el-tag type="warning">{{ scope.row.naturalGasDiscount }}</el-tag>>
|
|||
|
|
</el-tooltip>
|
|||
|
|
<span v-if="scope.row.naturalGasRule!=null && scope.row.naturalGasRule!=''">
|
|||
|
|
<el-tooltip placement="top"
|
|||
|
|
v-if="scope.row.naturalGasDiscount=='满减优惠'">
|
|||
|
|
<div slot="content"
|
|||
|
|
v-for="(item,index) in scope.row.naturalGasRuleList"
|
|||
|
|
:key="index">消费满{{item.naturalGas1}}元,立减{{item.naturalGas2}}元</div>
|
|||
|
|
<el-tag type="warning">{{ scope.row.naturalGasDiscount }}</el-tag>>
|
|||
|
|
</el-tooltip>
|
|||
|
|
<el-tooltip placement="top"
|
|||
|
|
v-if="scope.row.naturalGasDiscount=='每升优惠'">
|
|||
|
|
<div slot="content"
|
|||
|
|
v-for="(item,index) in scope.row.naturalGasRuleList"
|
|||
|
|
:key="index">消费满{{item.naturalGas1}}元,每单位优惠{{item.naturalGas3}}元</div>
|
|||
|
|
<el-tag type="warning">{{ scope.row.naturalGasDiscount }}</el-tag>>
|
|||
|
|
</el-tooltip>
|
|||
|
|
</span><br/>
|
|||
|
|
</div>
|
|||
|
|
</p>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column label="是否参与规则" align="center">
|
|||
|
|
<el-table-column label="积分" align="center" prop="pointRule">
|
|||
|
|
<template slot-scope="scope">
|
|||
|
|
<dict-tag :options="dict.type.yes_or_no" :value="scope.row.pointRule"/>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column label="加油金" align="center" prop="refuelMoneyRule">
|
|||
|
|
<template slot-scope="scope">
|
|||
|
|
<dict-tag :options="dict.type.yes_or_no" :value="scope.row.refuelMoneyRule"/>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column label="成长值" align="center" prop="growthValueRule">
|
|||
|
|
<template slot-scope="scope">
|
|||
|
|
<dict-tag :options="dict.type.yes_or_no" :value="scope.row.growthValueRule"/>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column label="优惠券" align="center" prop="couponRule">
|
|||
|
|
<template slot-scope="scope">
|
|||
|
|
<dict-tag :options="dict.type.yes_or_no" :value="scope.row.couponRule"/>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column label="储值优惠" align="center" prop="storeValue">
|
|||
|
|
<template slot-scope="scope">
|
|||
|
|
<dict-tag :options="dict.type.yes_or_no" :value="scope.row.storeValue"/>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column label="二维码" align="center">
|
|||
|
|
<svg t="1698032190345" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4097" width="32" height="32"><path d="M742.8 121.5c-2.3 0.3-4.7 0.1-7 0.1-38 0-76-0.1-114 0.1-11 0-21.9 1.4-32.4 5.1-18.6 6.5-29.8 19.5-34.4 38.4-1.7 7-2.4 14.1-2.4 21.3 0 67.2-0.1 134.3 0.1 201.5 0 13.8 0.9 27.6 6.2 40.8 6.9 17.1 19.7 27.2 37.3 31.7 6.3 1.6 12.8 2.2 19.3 2.2h218c8.3 0 16.6-0.7 24.8-2.3 24.4-4.5 40.4-20.7 44.9-45 0.4-2.2-0.4-5.2 2.9-6.2v-232c-0.4-0.4-0.5-0.9-0.5-1.5-1.5-4.8-1.7-9.8-3.3-14.7-7.1-21-21.7-33.4-42.8-38.8-6.4-1.6-12.8-2.4-19.5-2.1-1.3 0.1-3 1-3.9-0.9h-89c-0.4 2.6-2.7 2.1-4.3 2.3z m98.7 40.7c4 0 8.1 0.9 11.9 2.1 6.9 2.2 10.7 7.6 10.7 15.1 0 74.8 0.1 149.6-0.1 224.4 0 11.2-8.6 18-21.1 18.1-38.2 0.3-76.3 0.1-114.5 0.1h-113c-4.5 0-8.6-1.3-12.7-2.7-8.5-3.1-9.6-10.5-9.7-17.9-0.2-37.5-0.1-75-0.1-112.5V183.4c0-6.5 1.5-12.5 6.9-17 4.6-3.8 10.3-4.3 15.6-4.3 75.4-0.1 150.8 0 226.1 0.1z" p-id="4098"></path><path d="M742 120c-39.5 0.1-79 0.1-118.4 0.1-9.4 0-18.6 1-27.7 3.1-11.6 2.7-22.1 7.7-30 16.7-10.6 12.1-14.8 26.9-14.8 42.6-0.2 69.6-0.2 139.3 0 208.9 0 9.1 0.7 18.3 2.8 27.2 2.8 11.7 7.6 22.5 16.7 30.5 11.7 10.3 25.9 15 41.5 15 74.1 0.1 148.3 0.1 222.4 0 9.3 0 18.7-0.5 27.7-3 19-5.4 33.6-15.9 40-35.8 1.7-5.3 1.8-10.9 3.8-16.1-3.2 1-2.5 4-2.9 6.2-4.5 24.4-20.5 40.5-44.9 45-8.2 1.5-16.5 2.3-24.8 2.3h-218c-6.5 0-13-0.6-19.3-2.2-17.5-4.5-30.4-14.6-37.3-31.7-5.3-13.1-6.2-27-6.2-40.8-0.2-67.2-0.1-134.3-0.1-201.5 0-7.2 0.7-14.3 2.4-21.3 4.6-18.9 15.8-31.9 34.4-38.4 10.5-3.7 21.4-5 32.4-5.1 38-0.2 76-0.1 114-0.1 2.3 0 4.7 0.2 7-0.1 1.7-0.2 3.9 0.2 4.2-2.4-1.2 2.1-3.2 0.9-4.9 0.9zM120.6 410.3c2 12.5 5.5 24.4 14.3 34 11.5 12.7 26.5 18 43 18.1 75.1 0.3 150.2 0.3 225.4 0 9.4 0 18.9-1 28.1-3.9 24.5-7.7 39.1-27.3 39.1-53.1 0-74 0-147.9 0.1-221.9 0-6.4-0.8-12.6-2.4-18.8-5.8-22.4-24.5-39.1-47.5-42.3-4.1-0.6-8.2-1.1-12.4-1.1-2 0-4.5 0.6-5.2-2.4h-89c-1.3 2.1-3.3 0.9-4.9 0.9-41.1 0.1-82.2-0.2-123.3 0.2-14.8 0.1-29.2 2.6-42.2 10.7-12.5 7.8-19.8 19.1-23.7 33-0.8 2.7-0.2 5.7-1.9 8.2v233c2.9 0.9 2.2 3.5 2.5 5.4z m39.5-231c0-8.1 6.2-14.6 14.5-16.3 4.4-0.9 8.8-1 13.2-1h219c4.3 0 8.4 0.8 12.4 2 7.5 2.4 10.8 6.9 10.8 14.6v225.5c0 8.2-3.8 13.3-11.6 15.9-4 1.3-8.1 2.1-12.4 2-37.2-0.1-74.3-0.1-111.5-0.1-37.7 0-75.3 0.1-113-0.1-6.3 0-12.6-0.9-17.3-6.1-2.7-3-4.1-6.3-4.1-10.1-0.1-75.3-0.1-150.8 0-226.3z" p-id="4099"></path><path d="M119 407.5c0.1 8.9 2.6 17.3 6.4 25.1 10.4 21.4 28.9 31 51.6 31.2 74.5 0.6 149 0.2 223.4 0.2 9.3 0 18.6-0.8 27.7-3 27.1-6.7 43.6-26.4 43.8-54.4 0.5-73.8 0.2-147.6 0.2-221.4 0-4.9 0-9.8-0.9-14.7-3-16.2-10.7-29.4-24.2-39-11-7.8-23.5-11-36.9-11.4-2.3-0.1-4.9 1.2-6.9-0.9 0.7 3 3.3 2.4 5.2 2.4 4.2 0 8.3 0.6 12.4 1.1 23 3.2 41.7 19.9 47.5 42.3 1.6 6.2 2.4 12.4 2.4 18.8-0.1 74 0 147.9-0.1 221.9 0 25.7-14.6 45.3-39.1 53.1-9.2 2.9-18.7 3.9-28.1 3.9-75.1 0.2-150.2 0.3-225.4 0-16.5-0.1-31.4-5.4-43-18.1-8.8-9.7-12.3-21.5-14.3-34-0.3-1.9 0.4-4.6-2.6-5.2 1.3 0.1 0.9 1.3 0.9 2.1zM191.8 882.7c2.1-0.3 4.3-0.1 6.5-0.1h206c8.4 0 16.6-1 24.7-3.1 25.5-6.6 41.4-26.9 41.5-53.2 0.1-25.3 0-50.7 0-76v-148c0-32.3-21.4-56.2-53.6-59.7-11.4-1.2-22.9-1.7-34.4-2-34.5-0.7-69 0.5-103.4 1.3-33 0.8-66 0.2-98.9 0.7-11.5 0.2-22.6 2.7-32.7 8.1-13.6 7.2-21.9 18.5-25.7 33.4-0.7 2.8-0.1 6.5-3.7 8v234c2 5.5 2.2 11.4 3.9 17.1 5.9 20.7 19.4 33.3 39.8 38.9 6.5 1.8 13.2 2.3 19.9 2.1 1.4 0 3.3-1.1 4.4 0.9h2c0.2-2.3 2.1-2.2 3.7-2.4z m-11.4-40.6c-12.2 0-20.7-6.6-20.6-20.5 0.4-73.3 0.2-146.6 0.1-220 0-11.8 7-18.1 18.3-18.5 74.6-2.4 149.1-0.5 223.7-0.8 6.4 0 13.4-0.4 19.6 3 5.4 3 8.5 7.2 8.5 13.7-0.1 37.5 0 75 0 112.5 0 37.2-0.2 74.3 0.1 111.5 0.1 12.1-7.8 17.6-18.7 19.3-8.6 1.3-17 0-25.5-0.1-68.5-0.2-137-0.1-205.5-0.1z" p-id="4100"></path><path d="M193.5 884.2c67.8-0.1 135.7-0.1 203.5 0 9.4 0 18.7-0.2 28-2.1 12.5-2.5 23.8-7.8 32.5-17.1 9.7-10.4 14.5-23.4 14.5-37.6 0.2-74.3 0.1-148.7 0.1-223 0-6.3-0.4-12.4-2-18.5-5.3-19.9-17.3-33.7-36.7-41.3-13.3-5.2-27.3-5-41-5.3-23.1-0.5-46.2-0.9-69.3 0.5-19 1.2-38.2 0.3-57.3 1-27.6 0.9-55.3 0.3-83 0.2-6.4 0-12.7 0.6-19 2-18.4 4.2-32.5 13.8-40.6 31.3-2.6 5.7-2.8 12-5.2 17.7 3.7-1.5 3-5.2 3.7-8 3.8-
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column label="状态" align="center" prop="status">.
|
|||
|
|
<template slot-scope="scope">
|
|||
|
|
<dict-tag :options="dict.type.zhzt" :value="scope.row.status"/>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column label="操作" align="center" width="120" fixed='right'>.
|
|||
|
|
<template slot-scope="scope">
|
|||
|
|
<el-button
|
|||
|
|
size="mini"
|
|||
|
|
type="text"
|
|||
|
|
icon="el-icon-edit"
|
|||
|
|
v-hasPermi="['member:add']"
|
|||
|
|
@click="handleUpdate(scope.row)"
|
|||
|
|
>修改</el-button>
|
|||
|
|
<el-button
|
|||
|
|
size="mini"
|
|||
|
|
type="text"
|
|||
|
|
icon="el-icon-delete"
|
|||
|
|
v-hasPermi="['member:add']"
|
|||
|
|
@click="handleDelete(scope.row)"
|
|||
|
|
>删除</el-button>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
</el-table>
|
|||
|
|
|
|||
|
|
<pagination
|
|||
|
|
v-show="total>0"
|
|||
|
|
:total="total"
|
|||
|
|
:page.sync="queryParams.page"
|
|||
|
|
:limit.sync="queryParams.pageSize"
|
|||
|
|
@pagination="getList"
|
|||
|
|
/>
|
|||
|
|
</div>
|
|||
|
|
</el-card>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- 添加或修改对话框 -->
|
|||
|
|
<el-dialog :title="title" :visible.sync="open" class="roll-dialog"
|
|||
|
|
:close-on-click-modal="false" append-to-body>
|
|||
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="类型名称" prop="name">
|
|||
|
|
<el-input v-model="form.name" placeholder="如：出租车认证、网约车认证" maxlength="8" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<div style="font-size: 16px">
|
|||
|
|
优惠特权
|
|||
|
|
</div>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="优惠类型" prop="discountType">
|
|||
|
|
<el-radio-group v-model="form.discountType">
|
|||
|
|
<el-radio
|
|||
|
|
v-for="dict in dict.type.yhlx"
|
|||
|
|
:key="dict.value"
|
|||
|
|
:label="dict.label"
|
|||
|
|
:value="dict.value"></el-radio>
|
|||
|
|
</el-radio-group>
|
|||
|
|
<div>
|
|||
|
|
<div style="color: grey;font-size: 12px;height: 18px">
|
|||
|
|
自定义优惠:当前页面自定义简单的油品优惠
|
|||
|
|
</div>
|
|||
|
|
<div style="color: grey;font-size: 12px;height: 18px">
|
|||
|
|
优惠活动组:使用优惠组设置来配置当前等级用户的优惠信息,支持周期性
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
|
|||
|
|
<div v-if="form.discountType=='自定义优惠'">
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="汽油优惠" prop="gasolineDiscount">
|
|||
|
|
<el-radio-group v-model="form.gasolineDiscount">
|
|||
|
|
<el-radio label="无优惠">无优惠</el-radio>
|
|||
|
|
<el-radio label="满减优惠">满减优惠</el-radio>
|
|||
|
|
<el-radio label="每升优惠">每升优惠</el-radio>
|
|||
|
|
</el-radio-group>
|
|||
|
|
<div v-if="form.gasolineDiscount != '无优惠'">
|
|||
|
|
<div v-for="(item,idx) in gasolinePreferential" style="display: flex">
|
|||
|
|
<el-input v-model="item.gasolineRule1" placeholder="1" style="width: 260px;">
|
|||
|
|
<template slot="prepend">消费满</template>
|
|||
|
|
<template slot="append">元，</template>
|
|||
|
|
</el-input>
|
|||
|
|
<el-input v-model="item.gasolineRule2" placeholder="1" style="width: 260px;" v-if="form.gasolineDiscount == '满减优惠'">
|
|||
|
|
<template slot="prepend">立减</template>
|
|||
|
|
<template slot="append">元</template>
|
|||
|
|
</el-input>
|
|||
|
|
<el-input v-model="item.gasolineRule3" placeholder="1" style="width: 260px;" v-if="form.gasolineDiscount == '每升优惠'">
|
|||
|
|
<template slot="prepend">每升优惠</template>
|
|||
|
|
<template slot="append">元</template>
|
|||
|
|
</el-input>
|
|||
|
|
<el-button v-if="idx==0" type="primary" @click="addGasOline()" icon="el-icon-plus" style="margin-left: 20px"></el-button>
|
|||
|
|
<el-button v-else type="danger" @click="subGasOline(idx)" icon="el-icon-close" style="margin-left: 20px"></el-button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="柴油优惠" prop="dieselDiscount">
|
|||
|
|
<el-radio-group v-model="form.dieselDiscount">
|
|||
|
|
<el-radio label="无优惠">无优惠</el-radio>
|
|||
|
|
<el-radio label="满减优惠">满减优惠</el-radio>
|
|||
|
|
<el-radio label="每升优惠">每升优惠</el-radio>
|
|||
|
|
</el-radio-group>
|
|||
|
|
<div v-if="form.dieselDiscount != '无优惠'">
|
|||
|
|
<div v-for="(item,idx) in dieselPreferential" style="display: flex">
|
|||
|
|
<el-input v-model="item.dieselRule1" placeholder="1" style="width: 260px;">
|
|||
|
|
<template slot="prepend">消费满</template>
|
|||
|
|
<template slot="append">元，</template>
|
|||
|
|
</el-input>
|
|||
|
|
<el-input v-model="item.dieselRule2" placeholder="1" style="width: 260px;" v-if="form.dieselDiscount == '满减优惠'">
|
|||
|
|
<template slot="prepend">立减</template>
|
|||
|
|
<template slot="append">元</template>
|
|||
|
|
</el-input>
|
|||
|
|
<el-input v-model="item.dieselRule3" placeholder="1" style="width: 260px;" v-if="form.dieselDiscount == '每升优惠'">
|
|||
|
|
<template slot="prepend">每升优惠</template>
|
|||
|
|
<template slot="append">元</template>
|
|||
|
|
</el-input>
|
|||
|
|
<el-button v-if="idx==0" type="primary" @click="addDiesel()" icon="el-icon-plus" style="margin-left: 20px"></el-button>
|
|||
|
|
<el-button v-else type="danger" @click="subDiesel(idx)" icon="el-icon-close" style="margin-left: 20px"></el-button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="天然气优惠" prop="naturalGasDiscount">
|
|||
|
|
<el-radio-group v-model="form.naturalGasDiscount">
|
|||
|
|
<el-radio label="无优惠">无优惠</el-radio>
|
|||
|
|
<el-radio label="满减优惠">满减优惠</el-radio>
|
|||
|
|
<el-radio label="每单位优惠">每单位优惠</el-radio>
|
|||
|
|
</el-radio-group>
|
|||
|
|
<div v-if="form.naturalGasDiscount != '无优惠'">
|
|||
|
|
<div v-for="(item,idx) in naturalGasPreferential" style="display: flex">
|
|||
|
|
<el-input v-model="item.naturalGas1" placeholder="1" style="width: 260px;">
|
|||
|
|
<template slot="prepend">消费满</template>
|
|||
|
|
<template slot="append">元，</template>
|
|||
|
|
</el-input>
|
|||
|
|
<el-input v-model="item.naturalGas2" placeholder="1" style="width: 260px;" v-if="form.naturalGasDiscount == '满减优惠'">
|
|||
|
|
<template slot="prepend">立减</template>
|
|||
|
|
<template slot="append">元</template>
|
|||
|
|
</el-input>
|
|||
|
|
<el-input v-model="item.naturalGas3" placeholder="1" style="width: 260px;" v-if="form.naturalGasDiscount == '每单位优惠'">
|
|||
|
|
<template slot="prepend">每单位优惠</template>
|
|||
|
|
<template slot="append">元</template>
|
|||
|
|
</el-input>
|
|||
|
|
<el-button v-if="idx==0" type="primary" @click="addNaturalGas()" icon="el-icon-plus" style="margin-left: 20px"></el-button>
|
|||
|
|
<el-button v-else type="danger" @click="subNaturalGas(idx)" icon="el-icon-close" style="margin-left: 20px"></el-button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
</div>
|
|||
|
|
<div v-else>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="关联优惠组" prop="promotionGroup">
|
|||
|
|
<el-select v-model="form.promotionGroup">
|
|||
|
|
<el-option
|
|||
|
|
v-for="dict in dict.type.yhhdz"
|
|||
|
|
:key="dict.value"
|
|||
|
|
:label="dict.label"
|
|||
|
|
:value="dict.value"
|
|||
|
|
/>
|
|||
|
|
</el-select>
|
|||
|
|
<div>
|
|||
|
|
<div style="color: grey;font-size: 12px;height: 18px">
|
|||
|
|
关联组后当前等级的用户优惠将按照优惠组的规则享受满减优惠
|
|||
|
|
</div>
|
|||
|
|
<div style="color: grey;font-size: 12px;height: 18px">
|
|||
|
|
优惠活动组请前往活动营销-特惠活动-优惠活动组进行配置
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="积分参与" prop="pointRule">
|
|||
|
|
<el-radio-group v-model="form.pointRule">
|
|||
|
|
<el-radio label="yes">参与</el-radio>
|
|||
|
|
<el-radio label="no">不参与</el-radio>
|
|||
|
|
</el-radio-group>
|
|||
|
|
<div>
|
|||
|
|
<div style="color: grey;font-size: 12px;height: 18px">
|
|||
|
|
如系统启用消费获得积分,当前设置不参与则用户消费后不获得积分
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="加油金参与" prop="refuelMoneyRule">
|
|||
|
|
<el-radio-group v-model="form.refuelMoneyRule">
|
|||
|
|
<el-radio label="yes">参与</el-radio>
|
|||
|
|
<el-radio label="no">不参与</el-radio>
|
|||
|
|
</el-radio-group>
|
|||
|
|
<div>
|
|||
|
|
<div style="color: grey;font-size: 12px;height: 18px">
|
|||
|
|
启用参与后将参与加油金的获得和使用,相反则无法获得加油金且无法使用
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="成长值参与" prop="growthValueRule">
|
|||
|
|
<el-radio-group v-model="form.growthValueRule">
|
|||
|
|
<el-radio label="yes">参与</el-radio>
|
|||
|
|
<el-radio label="no">不参与</el-radio>
|
|||
|
|
</el-radio-group>
|
|||
|
|
<div>
|
|||
|
|
<div style="color: grey;font-size: 12px;height: 18px">
|
|||
|
|
如系统启用会员等级,当设置不参与,用户消费后将不获得对应成长值
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="优惠券参与" prop="couponRule">
|
|||
|
|
<el-radio-group v-model="form.couponRule">
|
|||
|
|
<el-radio label="yes">参与</el-radio>
|
|||
|
|
<el-radio label="no">不参与</el-radio>
|
|||
|
|
</el-radio-group>
|
|||
|
|
<div>
|
|||
|
|
<div style="color: grey;font-size: 12px;height: 18px">
|
|||
|
|
如用户有优惠券,消费是否可以直接使用优惠券抵用优惠、设置不参与、用户消费无法使用优惠券
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="储值优惠参与" prop="storeValue">
|
|||
|
|
<el-radio-group v-model="form.storeValue">
|
|||
|
|
<el-radio label="yes">参与</el-radio>
|
|||
|
|
<el-radio label="no">不参与</el-radio>
|
|||
|
|
</el-radio-group>
|
|||
|
|
<div>
|
|||
|
|
<div style="color: grey;font-size: 12px;height: 18px">
|
|||
|
|
如系统启用营销功能储值优惠当前参数有效,当设置不参与,用户消费时将无法享受会员储值优惠
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="认证审核" prop="process">
|
|||
|
|
<el-radio-group v-model="form.process">
|
|||
|
|
<el-radio label="sh">审核</el-radio>
|
|||
|
|
<el-radio label="bsh">不审核</el-radio>
|
|||
|
|
</el-radio-group>
|
|||
|
|
<div>
|
|||
|
|
<div style="color: grey;font-size: 12px;height: 18px">
|
|||
|
|
专车二维码用户扫码提交认证后是否需要审核
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="类型状态" prop="status">
|
|||
|
|
<el-radio-group v-model="form.status">
|
|||
|
|
<el-radio label="qy">启用</el-radio>
|
|||
|
|
<el-radio label="jy">禁用</el-radio>
|
|||
|
|
</el-radio-group>
|
|||
|
|
<div>
|
|||
|
|
<div style="color: grey;font-size: 12px;height: 18px">
|
|||
|
|
启用后,属于当前认证类型的用户才可享受当前类型的优惠配置规则
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
</el-form>
|
|||
|
|
<div slot="footer" class="dialog-footer">
|
|||
|
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|||
|
|
<el-button @click="cancel">取 消</el-button>
|
|||
|
|
</div>
|
|||
|
|
</el-dialog>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {
|
|||
|
|
addFixingLevel,
|
|||
|
|
delFixingLevel,
|
|||
|
|
getFixingLevel,
|
|||
|
|
listFixingLevel,
|
|||
|
|
updateFixingLevel
|
|||
|
|
} from "@/api/staff/user/fixinglevel";
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
dicts: ['yhlx','yes_or_no','zhzt','yhhdz'],
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
activeName: 'member',
|
|||
|
|
// 显示搜索条件
|
|||
|
|
showSearch: true,
|
|||
|
|
// 查询参数
|
|||
|
|
queryParams: {
|
|||
|
|
page: 1,
|
|||
|
|
pageSize: 10,
|
|||
|
|
mobile: '',
|
|||
|
|
id: '',
|
|||
|
|
type: '',
|
|||
|
|
status: '',
|
|||
|
|
},
|
|||
|
|
// 遮罩层
|
|||
|
|
loading: true,
|
|||
|
|
// 日期范围
|
|||
|
|
dateRange: [],
|
|||
|
|
// 总条数
|
|||
|
|
total: 0,
|
|||
|
|
// 表格数据
|
|||
|
|
list: [],
|
|||
|
|
// 默认排序
|
|||
|
|
defaultSort: {prop: 'updateTime', order: 'descending'},
|
|||
|
|
// 标题
|
|||
|
|
title: "",
|
|||
|
|
// 选中数组
|
|||
|
|
ids: [],
|
|||
|
|
// 是否显示弹出层
|
|||
|
|
open: false,
|
|||
|
|
// 表单参数
|
|||
|
|
form: {
|
|||
|
|
id: '', name: '',preferential:'自定义优惠',gasolineDiscount:'无优惠',
|
|||
|
|
dieselDiscount:'无优惠',naturalGasDiscount:'无优惠',promotionGroup:'',
|
|||
|
|
pointRule:'yes',refuelMoneyRule:'yes',growthValueRule:'yes',couponRule:'yes',
|
|||
|
|
storeValue:'yes',process:'bsh',status: 'qy'
|
|||
|
|
},
|
|||
|
|
// 优惠值
|
|||
|
|
gasolinePreferential:[
|
|||
|
|
{
|
|||
|
|
gasolineRule1:1,
|
|||
|
|
gasolineRule2:1,
|
|||
|
|
gasolineRule3:1,
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
dieselPreferential:[
|
|||
|
|
{
|
|||
|
|
dieselRule1:1,
|
|||
|
|
dieselRule2:1,
|
|||
|
|
dieselRule3:1,
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
naturalGasPreferential:[
|
|||
|
|
{
|
|||
|
|
naturalGas1:1,
|
|||
|
|
naturalGas2:1,
|
|||
|
|
naturalGas3:1,
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
// 表单校验
|
|||
|
|
rules: {
|
|||
|
|
name: [
|
|||
|
|
{ required: true, message: "等级名称不能为空", trigger: "blur" },
|
|||
|
|
{ min: 2, max: 100, message: '等级名称长度必须介于2 和 100 之间', trigger: 'blur' }
|
|||
|
|
],
|
|||
|
|
preferential: [
|
|||
|
|
{ required: true, message: "请选择优惠类型", trigger: "blur" },
|
|||
|
|
],
|
|||
|
|
status: [
|
|||
|
|
{ required: true, message: "请选择会员等级状态", trigger: "blur" },
|
|||
|
|
],
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
created() {
|
|||
|
|
this.getList();
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
handleClick(tab, event) {
|
|||
|
|
// console.log(tab, event);
|
|||
|
|
},
|
|||
|
|
// 搜索按钮操作
|
|||
|
|
handleQuery() {
|
|||
|
|
this.queryParams.page = 1;
|
|||
|
|
this.getList();
|
|||
|
|
},
|
|||
|
|
getList(){
|
|||
|
|
this.loading = true;
|
|||
|
|
listFixingLevel(this.addDateRange(this.queryParams, this.dateRange)).then( response => {
|
|||
|
|
this.list = response.data.records;
|
|||
|
|
this.total = response.data.total;
|
|||
|
|
this.loading = false;
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
// 表单重置
|
|||
|
|
reset() {
|
|||
|
|
this.form = {};
|
|||
|
|
this.gasolinePreferential=[
|
|||
|
|
{
|
|||
|
|
gasolineRule1:1,
|
|||
|
|
gasolineRule2:1,
|
|||
|
|
gasolineRule3:1,
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
this.dieselPreferential=[
|
|||
|
|
{
|
|||
|
|
dieselRule1:1,
|
|||
|
|
dieselRule2:1,
|
|||
|
|
dieselRule3:1,
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
this.naturalGasPreferential=[
|
|||
|
|
{
|
|||
|
|
naturalGas1:1,
|
|||
|
|
naturalGas2:1,
|
|||
|
|
naturalGas3:1,
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
this.resetForm("form");
|
|||
|
|
},
|
|||
|
|
// 新增按钮操作
|
|||
|
|
handleAdd() {
|
|||
|
|
this.open = true;
|
|||
|
|
this.title = "新增认证类型";
|
|||
|
|
},
|
|||
|
|
// 修改按钮操作
|
|||
|
|
handleUpdate(row) {
|
|||
|
|
this.reset();
|
|||
|
|
const id = row.id || this.ids;
|
|||
|
|
getFixingLevel(id).then(response => {
|
|||
|
|
this.form = response.data;
|
|||
|
|
this.open = true;
|
|||
|
|
this.title = "编辑认证类型";
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
// 取消按钮
|
|||
|
|
cancel() {
|
|||
|
|
this.open = false;
|
|||
|
|
this.reset();
|
|||
|
|
},
|
|||
|
|
// 提交按钮
|
|||
|
|
submitForm: function() {
|
|||
|
|
this.$refs["form"].validate(valid => {
|
|||
|
|
if (valid) {
|
|||
|
|
this.form.gasolineRule = JSON.stringify(this.gasolinePreferential)
|
|||
|
|
this.form.dieselRule = JSON.stringify(this.dieselPreferential)
|
|||
|
|
this.form.naturalGasRule = JSON.stringify(this.naturalGasPreferential)
|
|||
|
|
if (this.form.id) {
|
|||
|
|
updateFixingLevel(this.form).then(response => {
|
|||
|
|
this.$modal.msgSuccess("认证类型更新成功");
|
|||
|
|
this.open = false;
|
|||
|
|
this.getList();
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
addFixingLevel(this.form).then(response => {
|
|||
|
|
this.$modal.msgSuccess("认证类型创建成功");
|
|||
|
|
this.open = false;
|
|||
|
|
this.getList();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
// 删除按钮操作
|
|||
|
|
handleDelete(row) {
|
|||
|
|
const name = row.name
|
|||
|
|
this.$modal.confirm('确定删除"' + name + '"的会员信息？').then(function() {
|
|||
|
|
// return deleteMember(row.id);
|
|||
|
|
return delFixingLevel(row.id);
|
|||
|
|
}).then(() => {
|
|||
|
|
this.getList();
|
|||
|
|
this.$modal.msgSuccess("删除成功");
|
|||
|
|
}).catch(() => {});
|
|||
|
|
},
|
|||
|
|
// 多选框选中数据
|
|||
|
|
handleSelectionChange(selection) {
|
|||
|
|
this.ids = selection.map(item => item.id)
|
|||
|
|
this.multiple = !selection.length
|
|||
|
|
},
|
|||
|
|
// 排序触发事件
|
|||
|
|
handleSortChange(column, prop, order) {
|
|||
|
|
this.queryParams.orderByColumn = column.prop;
|
|||
|
|
this.queryParams.isAsc = column.order;
|
|||
|
|
this.getList();
|
|||
|
|
},
|
|||
|
|
addGasOline(){
|
|||
|
|
let temp= {
|
|||
|
|
gasolineRule1:1,
|
|||
|
|
gasolineRule2:1,
|
|||
|
|
gasolineRule3:1,
|
|||
|
|
}
|
|||
|
|
this.gasolinePreferential.push(temp);
|
|||
|
|
},
|
|||
|
|
subGasOline(idx){
|
|||
|
|
this.gasolinePreferential.splice(idx-1,1);
|
|||
|
|
},
|
|||
|
|
addDiesel(){
|
|||
|
|
let temp= {
|
|||
|
|
dieselRule1:1,
|
|||
|
|
dieselRule2:1,
|
|||
|
|
dieselRule3:1,
|
|||
|
|
}
|
|||
|
|
this.dieselPreferential.push(temp);
|
|||
|
|
},
|
|||
|
|
subDiesel(idx){
|
|||
|
|
this.dieselPreferential.splice(idx-1,1);
|
|||
|
|
},
|
|||
|
|
addNaturalGas(){
|
|||
|
|
let temp= {
|
|||
|
|
naturalGas1:1,
|
|||
|
|
naturalGas2:1,
|
|||
|
|
naturalGas3:1,
|
|||
|
|
}
|
|||
|
|
this.naturalGasPreferential.push(temp);
|
|||
|
|
},
|
|||
|
|
subNaturalGas(idx){
|
|||
|
|
this.naturalGasPreferential.splice(idx-1,1);
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.app-container{
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
background: #f6f8f9;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.roll-dialog ::v-deep .el-dialog .el-dialog__body {
|
|||
|
|
padding: 3px 30px;
|
|||
|
|
overflow-y: scroll;
|
|||
|
|
height: 500px;
|
|||
|
|
}
|
|||
|
|
</style>
|