dianliang/oil-station
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bug

Browse Source
This commit is contained in:
cun-nan 2024-08-02 17:52:08 +08:00
parent c8e8b026d6
commit 330eeafe43
7 changed files with 1751 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
fuintAdmin/src/api/fleet/fleetinfo.js Normal file
View File

@ -0,0 +1,45 @@
import request from '@/utils/request'
// 分页查询所有的订单信息
export function getFleetInfoList(query) {
return request({
url: 'fleetInfo',
method: 'get',
params: query
})
}
// 分页查询所有的订单信息
export function getFleetInfo(id) {
return request({
url: 'fleetInfo/'+id,
method: 'get',
})
}
// 分页查询所有的订单信息
export function addFleetInfo(data) {
return request({
url: 'fleetInfo',
method: 'post',
data: data
})
}
// 分页查询所有的订单信息
export function editFleetInfo(data) {
return request({
url: 'fleetInfo',
method: 'put',
data: data
})
}
// 分页查询所有的订单信息
export function deleteFleetInfo(id) {
return request({
url: 'fleetInfo/'+id,
method: 'delete',
})
}

45
fuintAdmin/src/api/fleet/fleetmember.js Normal file
View File

@ -0,0 +1,45 @@
import request from '@/utils/request'
// 分页查询所有的订单信息
export function getFleetMemberList(query) {
return request({
url: 'fleetMember',
method: 'get',
params: query
})
}
// 分页查询所有的订单信息
export function getFleetMember(id) {
return request({
url: 'fleetMember/'+id,
method: 'get',
})
}
// 分页查询所有的订单信息
export function addFleetMember(data) {
return request({
url: 'fleetMember',
method: 'post',
data: data
})
}
// 分页查询所有的订单信息
export function editFleetMember(data) {
return request({
url: 'fleetMember',
method: 'put',
data: data
})
}
// 分页查询所有的订单信息
export function deleteFleetMember(id) {
return request({
url: 'fleetMember/'+id,
method: 'delete',
})
}

40
fuintAdmin/src/api/staff/user/userlabel.js Normal file
View File

@ -0,0 +1,40 @@
import request from '@/utils/request'
// 查询会员标签列表
export function listUserLabel(query) {
return request({
url: '/userLabel',
method: 'get',
params: query
})
}
// 根据id查询会员标签
export function getUserLabel(id) {
return request({
url: '/userLabel/'+id,
method: 'get',
})
}
// 添加会员标签
export function addUserLabel(data) {
return request({
url: '/userLabel',
method: 'post',
data: data
})
}
// 修改会员标签
export function editUserLabel(data) {
return request({
url: '/userLabel',
method: 'put',
data: data
})
}
// 删除会员标签
export function deleteUserLabel(id) {
return request({
url: '/userLabel/'+id,
method: 'delete',
})
}

100
fuintAdmin/src/views/fleet/index.vue Normal file
View File

@ -0,0 +1,100 @@
<template>
<div class="app-center">
<div class="app-top">
<el-card :body-style="{ padding: '0px' }">
<div class="box">
<div class="nbox" :class="pointerClass" @click="updateRedio('车队信息')">
<div class="fount-box" :style="{ color: radio1 === '车队信息' ? '#FF770F' : '#999999' }">车队信息</div>
<div class="heng-box" v-if="radio1 == '车队信息'"></div>
<div class="heng-box" style="background-color: #FFFFFF" v-else></div>
</div>
<div class="nbox" :class="pointerClass" @click="updateRedio('车队成员')">
<div class="fount-box" :style="{ color: radio1 === '车队成员' ? '#FF770F' : '#999999' }">车队成员</div>
<div class="heng-box" v-if="radio1 == '车队成员'"></div>
<div class="heng-box" style="background-color: #FFFFFF" v-else></div>
</div>
</div>
</el-card>
</div>
<fleetInfo v-if="radio1 === '车队信息'"></fleetInfo>
<fleetMember v-if="radio1 === '车队成员'"></fleetMember>
</div>
</template>
<script>
import fleetInfo from "@/views/fleet/tab/fleetInfo.vue";
import fleetMember from "@/views/fleet/tab/fleetMember.vue";
export default {
data(){
return{
radio1:'车队信息',
pointerClass() {
return 'pointer-cursor';
}
}
},
components:{
fleetInfo,
fleetMember
},
methods: {
handleClick(tab, event) {
console.log(tab, event);
},
updateRedio(data) {
console.log(this.radio1)
this.radio1 = data
}
}
}
</script>
<style lang="scss" scoped>
.app-center{
width: 100%;
box-sizing: border-box;
//padding: 10px;
background: #f6f8f9;
}
.app-top{
width: 100%;
//margin-bottom: 20px;
height: 50px;
box-sizing: border-box;
padding: 0px;
}
.el-card__body, .el-main {
padding: 0px;
}
.box{
cursor: pointer;
margin-top: 10px ;
margin-left: 50px;
//height: 40px;
display: flex;
background-color: #FFFFFF;
align-items: center;
//border: 1px solid #EBEEF5;
}
.nbox{
margin-right: 30px;
}
.fount-box{
font-size: 14px;
color: #999999
}
.fount-box2{
font-size: 14px;
color: #999999
}
.heng-box{
background-color: #FF770F;
width: 100%;
height: 2px;
margin-top: 10px;
}
</style>

490
fuintAdmin/src/views/fleet/tab/fleetInfo.vue Normal file
View File

@ -0,0 +1,490 @@
<!-- 收银台订单-->
<template>
<div style="padding-top: 15px;padding-bottom: 10px; padding-right: 40px; background: #f6f8f9;">
<el-card class="box-card" shadow="never">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="120px">
<el-form-item label="" prop="deptId" style="width: 180px">
<el-input
v-model="queryParams.realName"
placeholder="请输入车队名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="deptId" style="width: 180px">
<el-select
v-model="queryParams.deptId"
clearable
placeholder="请选择车队等级"
>
<el-option v-for="item in deptList" :key="item.id" :label="item.deptName" :value="item.deptId">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="" prop="status" style="width: 180px">
<el-select
v-model="queryParams.status"
clearable
placeholder="请选择状态"
>
<el-option
v-for="dict in dict.type.zhzt"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="">
<el-date-picker
v-model="beginTime"
style="width: 160px"
type="date"
placeholder="开始日期">
</el-date-picker>
至
<el-date-picker
v-model="endTime"
style="width: 160px"
type="date"
placeholder="结束日期">
</el-date-picker>
</el-form-item>
<el-form-item style="float: right">
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
<el-button type="primary" @click="handleAdd">新增车队</el-button>
</el-form-item>
</el-form>
<!-- </el-card>-->
<!-- <el-card class="box-card" style="min-height: 500px;" shadow="never">-->
<div class="table-box">
<el-table
:data="orderList"
style="width: 100%">
<el-table-column type="index" width="50" align="center" label="序号"/>
<el-table-column prop="storeName" align="center" label="车队名称"></el-table-column>
<el-table-column prop="parentName" align="center" label="卡名称"></el-table-column>
<el-table-column prop="payMoney" align="center" label="车队负责人"></el-table-column>
<el-table-column prop="count" align="center" label="手机号"></el-table-column>
<el-table-column prop="refMoney" align="center" label="会员等级"></el-table-column>
<el-table-column prop="refCount" align="center" label="油站负责人"></el-table-column>
<el-table-column align="center" prop="date" label="总余额"></el-table-column>
<el-table-column align="center" prop="date" label="充值本金"></el-table-column>
<el-table-column align="center" prop="date" label="赠送金额"></el-table-column>
<el-table-column align="center" prop="date" label="公司名称"></el-table-column>
<el-table-column align="center" prop="date" label="状态">
<template slot-scope="scope">
<el-switch
v-model="scope.row.status"
active-value="qy"
inactive-value="jy"
active-color="#13ce66"
inactive-color="#ff4949">
</el-switch>
</template>
</el-table-column>
<el-table-column align="center" prop="date" label="备注"></el-table-column>
<el-table-column align="center" prop="date" label="创建人"></el-table-column>
<el-table-column align="center" prop="date" label="创建时间"></el-table-column>
<el-table-column align="center" label="操作">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
@click="handleUpdate(scope.row)"
>修改</el-button>
<el-button
size="mini"
type="text"
@click="handleRecharge(scope.row)"
>车队充值</el-button>
<!-- <el-button-->
<!-- size="mini"-->
<!-- type="text"-->
<!-- @click="handleDelete(scope.row)"-->
<!-- >删除</el-button>-->
</template>
</el-table-column>
</el-table>
</div>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.page"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</el-card>
<!-- 添加或修改对话框 -->
<el-dialog :title="title" :visible.sync="open" width="30%" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-form-item label="车队名称" prop="realName">
<el-input v-model="form.realName" placeholder="请输入车队名称" maxlength="30" style="width: 270px"/>
</el-form-item>
<el-form-item label="卡类型" prop="gongneng">
<!-- <el-checkbox-group v-model="form.gongneng">-->
<el-checkbox v-model="form.gongneng" label="储值卡"></el-checkbox>
<el-checkbox v-model="form.gongneng" label="囤油卡"></el-checkbox>
<!-- </el-checkbox-group>-->
</el-form-item>
<el-form-item label="车队负责人" prop="pinpai">
<el-input v-model="form.pinpai" placeholder="请输入车队负责人姓名" maxlength="30" style="width: 270px"/>
</el-form-item>
<el-form-item label="手机号" prop="zhongduan">
<el-input v-model="form.zhongduan" placeholder="请输入手机号" />
</el-form-item>
<el-form-item label="会员等级" prop="miyao">
<el-select v-model="form1.zhongduan" placeholder="请选择会员等级">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="油站负责人" prop="miyao">
<el-select v-model="form1.zhongduan" placeholder="请选择油站负责人">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="会员标签" prop="miyao">
<el-select v-model="form1.zhongduan" placeholder="请选择会员标签">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="关联员工" prop="staffId">
<el-input v-model="form.staffId" placeholder="请输入关联员工" />
</el-form-item>
<el-form-item label="用户状态" prop="status">
<el-switch
v-model="form.status"
active-value="qy"
inactive-value="jy"
active-color="#13ce66"
inactive-color="#ff4949">
</el-switch>
</el-form-item>
<el-form-item label="备注" >
<el-input v-model="form.desc" placeholder="请输入备注" type="textarea"/>
</el-form-item>
</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>
<!-- 添加或修改对话框 -->
<el-dialog :title="title" :visible.sync="open1" width="30%" append-to-body>
<el-form ref="form1" :model="form1" :rules="rules" label-width="120px">
<el-form-item label="车队名称" prop="realName">
<el-input v-model="form1.realName" placeholder="请输入车队名称" maxlength="30" style="width: 270px"/>
</el-form-item>
<el-form-item label="充值金额" prop="pinpai">
<el-input v-model="form1.pinpai" placeholder="请输入充值金额" maxlength="30" style="width: 270px">
<template slot="append">元</template>
</el-input>
</el-form-item>
<el-form-item label="赠送金额" prop="zhongduan">
<el-input v-model="form1.zhongduan" placeholder="请输入赠送金额" >
<template slot="append">元</template>
</el-input>
</el-form-item>
<el-form-item label="支付方式" prop="miyao">
<el-select v-model="form1.zhongduan" placeholder="请选择支付方式">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="备注" >
<el-input v-model="form1.desc" placeholder="请输入备注" type="textarea"/>
</el-form-item>
<el-form-item label="操作密码" prop="miyao">
<el-input v-model="form1.miyao" placeholder="请输入操作密码" type="password" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm1">确 定</el-button>
<el-button @click="cancel1">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {delStaff} from "@/api/staff/staff";
export default {
dicts: ['zhzt'],
data() {
return {
loading: false,
open:false,
open1:false,
title:'',
// 日期范围
dateRange: [],
beginTime: "",
endTime: "",
// 收银台订单列表
orderList: [],
deptList: [],
form:{},
form1:{},
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}],
// 查询参数
queryParams: {
page: 1,
pageSize: 10,
},
total: 0,
// 表单校验
rules: {
realName: [
{required: true, message: "设备名称不能为空", trigger: "blur"},
],
pinpai: [
{required: true, message: "品牌不能为空", trigger: "blur"},
],
gongneng: [
{required: true, message: "设备功能不能为空", trigger: "blur"}
],
zhongduan: [
{required: true, message: "设备终端号不能为空", trigger: "blur"}
],
miyao: [
{required: true, message: "密钥不能为空", trigger: "blur"}
],
staffId: [
{required: true, message: "关联员工不能为空", trigger: "blur"}
],
status: [
{required: true, message: "状态不能为空", trigger: "blur"}
]
}
}
},
created() {
this.getList();
},
methods: {
getDeptList() {
// getRunningWaterByTissueApi(this.addDateRange(this.queryParams)).then(response => {
// this.deptList = response.data.records;
// })
},
// 获取列表信息
getList() {
let dateRange = []
if (this.beginTime && this.endTime) {
dateRange.push(this.beginTime.toLocaleDateString())
dateRange.push(this.endTime.toLocaleDateString())
}
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 提交按钮
submitForm: function () {
this.$refs["form"].validate(valid => {
if (valid) {
if (!this.form.id) {
} else {
}
}
});
},
// 取消按钮
cancel1() {
this.open1 = false;
this.reset();
},
// 提交按钮
submitForm1: function () {
this.$refs["form1"].validate(valid => {
if (valid) {
if (!this.form1.id) {
} else {
}
}
});
},
// 新增按钮操作
handleAdd() {
this.reset();
this.open = true;
this.title = "新增员工";
},
// 搜索按钮操作
handleQuery() {
this.queryParams.page = 1;
this.getList();
},
// 重置按钮操作
resetQuery() {
this.dateRange = [];
this.queryParams = {
page: 1,
pageSize: 10,
}
this.handleQuery();
},
// 修改按钮操作
handleUpdate(row) {
this.reset();
this.open = true;
},
// 修改按钮操作
handleRecharge(row) {
this.reset();
this.open = true;
},
// 表单重置
reset() {
this.resetForm("form");
},
// 删除按钮操作
handleDelete(row) {
const name = row.realName || this.id;
this.$modal.confirm('是否确认删除"' + name + '"的员工信息？').then(function() {
return delStaff(row.id);
}).then(() => {
this.queryParams.page = 1
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
}
}
}
</script>
<style scoped>
.box-card {
width: 100%;
margin: 0px 20px 20px 20px;
border: none;
box-shadow: none;
}
.el-form--inline .el-form-item {
margin-right: 20px;
}
.table-box {
width: 100%;
height: 73vh;
overflow: auto;
}
.wrap-boxs {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 15px;
}
.k_ {
width: 250px;
height: 75px;
margin-right: 20px;
box-sizing: border-box;
padding: 15px 10px;
padding-top: 5px;
color: #333333;
}
.size_ {
font-weight: 400;
font-size: 14px;
color: #333333;
margin-bottom: 20px;
}
.title_ {
font-weight: 600;
font-size: 24px;
color: #333333;
}
.d-s {
display: flex;
align-items: center;
}
.anniu-h {
width: 80px;
height: 26px;
background: #FAFAFA;
border-radius: 4px 4px 4px 4px;
border: 1px solid #DDDDDD;
display: flex;
align-items: center;
justify-content: center;
color: #777777;
margin-right: 20px;
}
.anniu-act {
background: #FF9655 !important;
border: 1px solid #FF9655 !important;
color: #fff;
}
</style>

703
fuintAdmin/src/views/fleet/tab/fleetMember.vue Normal file
View File

@ -0,0 +1,703 @@
<!-- 收银台订单-->
<template>
<div style="padding-top: 15px;padding-bottom: 10px; padding-right: 40px; background: #f6f8f9;">
<el-card class="box-card" shadow="never">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="120px">
<el-form-item label="" prop="deptId" style="width: 180px">
<el-input
v-model="queryParams.realName"
placeholder="请输入车队名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="deptId" style="width: 180px">
<el-select
v-model="queryParams.deptId"
clearable
placeholder="请选择副卡类型"
>
<el-option v-for="item in deptList" :key="item.id" :label="item.deptName" :value="item.deptId">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="" prop="status" style="width: 180px">
<el-select
v-model="queryParams.status"
clearable
placeholder="请选择状态"
>
<el-option
v-for="dict in dict.type.zhzt"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="">
<el-date-picker
v-model="beginTime"
style="width: 160px"
type="date"
placeholder="开始日期">
</el-date-picker>
至
<el-date-picker
v-model="endTime"
style="width: 160px"
type="date"
placeholder="结束日期">
</el-date-picker>
</el-form-item>
<el-form-item style="float: right">
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
<el-button type="primary" @click="handleAdd">新增成员</el-button>
<el-button type="primary" @click="batchAdd">批量增加</el-button>
</el-form-item>
</el-form>
<!-- </el-card>-->
<!-- <el-card class="box-card" style="min-height: 500px;" shadow="never">-->
<div class="table-box">
<el-table
:data="orderList"
style="width: 100%">
<el-table-column type="index" width="50" align="center" label="序号"/>
<el-table-column prop="storeName" align="center" label="车队名称"></el-table-column>
<el-table-column prop="parentName" align="center" label="姓名"></el-table-column>
<el-table-column prop="payMoney" align="center" label="手机号"></el-table-column>
<el-table-column prop="count" align="center" label="会员卡号"></el-table-column>
<el-table-column prop="refMoney" align="center" label="副卡类型"></el-table-column>
<el-table-column prop="refCount" align="center" label="车牌号"></el-table-column>
<el-table-column align="center" prop="date" label="可用余额"></el-table-column>
<el-table-column align="center" prop="date" label="备注"></el-table-column>
<el-table-column align="center" prop="date" label="状态">
<template slot-scope="scope">
<el-switch
v-model="scope.row.status"
active-value="qy"
inactive-value="jy"
active-color="#13ce66"
inactive-color="#ff4949">
</el-switch>
</template>
</el-table-column>
<el-table-column align="center" prop="date" label="创建人"></el-table-column>
<el-table-column align="center" prop="date" label="创建时间"></el-table-column>
<el-table-column align="center" label="操作">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
@click="handleUpdate(scope.row)"
>修改</el-button>
<el-button
size="mini"
type="text"
@click="handleRecharge(scope.row)"
>额度管理</el-button>
<el-button
size="mini"
type="text"
@click="handleRecharge(scope.row)"
>注销副卡</el-button>
<el-button
size="mini"
type="text"
@click="handleRecharge(scope.row)"
>消费记录</el-button>
<!-- <el-button-->
<!-- size="mini"-->
<!-- type="text"-->
<!-- @click="handleDelete(scope.row)"-->
<!-- >删除</el-button>-->
</template>
</el-table-column>
</el-table>
</div>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.page"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</el-card>
<!-- 添加或修改对话框 -->
<el-dialog :title="title" :visible.sync="open" width="30%" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-form-item label="车队名称" prop="realName">
<el-select v-model="form1.zhongduan" placeholder="请选择车队名称">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="姓名" prop="pinpai">
<el-input v-model="form.pinpai" placeholder="请输入成员姓名" maxlength="30" style="width: 270px"/>
</el-form-item>
<el-form-item label="手机号码" prop="zhongduan">
<el-input v-model="form.zhongduan" placeholder="请输入手机号码" />
</el-form-item>
<el-form-item label="会员卡号" prop="zhongduan">
<el-input v-model="form.zhongduan" placeholder="请输入会员卡号" />
</el-form-item>
<el-form-item label="副卡类型" prop="miyao">
<el-select v-model="form1.zhongduan" placeholder="请选择副卡类型">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="油站负责人" prop="miyao">
<el-select v-model="form1.zhongduan" placeholder="请选择油站负责人">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="车牌号" prop="staffId">
<el-input v-model="form.staffId" placeholder="请输入车牌号码" />
</el-form-item>
<el-form-item label="用户状态" prop="status">
<el-switch
v-model="form.status"
active-value="qy"
inactive-value="jy"
active-color="#13ce66"
inactive-color="#ff4949">
</el-switch>
</el-form-item>
<el-form-item label="备注" >
<el-input v-model="form.desc" placeholder="请输入备注" type="textarea"/>
</el-form-item>
</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>
<!-- 添加或修改对话框 -->
<el-dialog :title="title" :visible.sync="open1" width="30%" append-to-body>
<el-form ref="form1" :model="form1" :rules="rules" label-width="120px">
<el-form-item label="副卡额度" prop="realName">
<el-input v-model="form1.realName" placeholder="0.0" maxlength="30" style="width: 270px">
<template slot="append">元</template>
</el-input>
</el-form-item>
<el-form-item label="已用额度" prop="pinpai">
<el-input v-model="form1.pinpai" placeholder="0.0" maxlength="30" style="width: 270px">
<template slot="append">元</template>
</el-input>
</el-form-item>
<el-form-item label="剩余额度" prop="zhongduan">
<el-input v-model="form1.zhongduan" placeholder="0.0" >
<template slot="append">元</template>
</el-input>
</el-form-item>
<el-form-item label="调整类型" prop="gongneng">
<!-- <el-checkbox-group v-model="form.gongneng">-->
<el-checkbox v-model="form.gongneng" label="增加" value="0"></el-checkbox>
<el-checkbox v-model="form.gongneng" label="扣除" value="1"></el-checkbox>
<!-- </el-checkbox-group>-->
</el-form-item>
<el-form-item label="调整额度" prop="zhongduan">
<el-input v-model="form1.zhongduan" placeholder="0.0" >
<template slot="append">元</template>
</el-input>
</el-form-item>
<el-form-item label="备注" >
<el-input v-model="form1.desc" placeholder="请输入备注" type="textarea"/>
</el-form-item>
</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>
<!-- 添加或修改对话框 -->
<el-dialog :title="title" :visible.sync="open1" width="30%" append-to-body>
<el-form ref="form1" :model="form1" :rules="rules" label-width="120px">
<el-form-item label="副卡额度" prop="realName">
<el-input v-model="form1.realName" placeholder="0.0" maxlength="30" style="width: 270px">
<template slot="append">元</template>
</el-input>
</el-form-item>
<el-form-item label="已用额度" prop="pinpai">
<el-input v-model="form1.pinpai" placeholder="0.0" maxlength="30" style="width: 270px">
<template slot="append">元</template>
</el-input>
</el-form-item>
<el-form-item label="剩余额度" prop="zhongduan">
<el-input v-model="form1.zhongduan" placeholder="0.0" >
<template slot="append">元</template>
</el-input>
</el-form-item>
<el-form-item label="操作密码" prop="miyao">
<el-input v-model="form1.miyao" placeholder="请输入操作密码" type="password" />
</el-form-item>
</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>
<!-- 批量添加用户认证信息 -->
<el-dialog :title="title" :visible.sync="open2" width="30%"
:close-on-click-modal="false" append-to-body>
<el-form ref="form2" :model="form2" :rules="rules">
<el-row>
<el-col :span="24">
<el-form-item label="车队名称" prop="fixingLevelId">
<el-select
v-model="form2.fixingLevelId"
placeholder="请选择车队名称"
clearable
>
<el-option v-for="item in options" :key="item.id+''" :label="item.name" :value="item.id"/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<div style="margin: 50px 0;display: flex">
<el-upload
class="upload-demo"
v-loading="uploading"
action="/fuint-application/business/userManager/certifiedMember/import"
:headers="headers"
:limit="1"
:on-change="handleChange"
style="margin-left: 50px"
:file-list="fileList">
<div style="display: flex;margin-left: 20px">
<div style="position: relative" >
<img src="@/assets/images/scimg.png" style="width: 167px;height: 144px;">
<div style=" width: 100%; position: absolute;left: 50%;transform: translate(-50%,50%);bottom: 36px"> <span style="color: #FF9655">点击导入</span> 文件</div>
</div>
<div style="margin-top: 120px">
<a style="margin-left: 50px;color: #FF9655;"
href="/fuint-application/business/userManager/certifiedMember/export"> 导入模板下载.xlsx </a>
</div>
</div>
<!-- <el-button size="small" type="success" icon="el-icon-upload">点击上传</el-button>-->
<div slot="tip" style="margin-top: 20px;color: grey;font-size: 12px;line-height: 20px">
只能上传xls/xlsx文件，批量导入会员手机号，单次最大支持5000个会员手机号认证，请确保用户手机号已注册为油站会员(在会员列表已显示)，否则无法添加成员信息
</div>
</el-upload>
</div>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitFormMembers">导 入</el-button>
<el-button @click="cancelMembers">取 消</el-button>
</div>
</el-dialog>
<el-drawer
title="提成记录"
:visible.sync="drawer"
direction="rtl"
size="60%"
:before-close="handleClose">
<div style="display: grid; place-items: center;">
<el-card class="box-card">
<el-form :model="queryParams2" ref="queryForm" size="small" :inline="true" label-width="68px">
<el-form-item label="订单类型">
<el-select
v-model="queryParams2.type"
clearable
placeholder="全部"
>
<el-option label="油品订单提成" :value="1"></el-option>
<el-option label="商品订单提成" :value="2"></el-option>
<el-option label="储值卡充值提成" :value="3"></el-option>
<el-option label="囤油卡充值提成" :value="4"></el-option>
</el-select>
</el-form-item>
<el-form-item label="订单号">
<el-input v-model="queryParams2.orderNo" placeholder="请输入订单号"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery1">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery1">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="box-card" style="margin-top: 15px">
<div style="margin-top: 20px" v-if="activeName=='staffCommission'">
<el-table ref="tables" v-loading="loading" :data="commissionList">
<el-table-column type="index" width="80" align="center" label="序号"/>
<el-table-column label="类型" prop="type" align="center" >
<template slot-scope="scope">
<span v-if="scope.row.type==1">油品订单提成</span>
<span v-if="scope.row.type==2">商品订单提成</span>
<span v-if="scope.row.type==3">储值卡充值提成</span>
<span v-if="scope.row.type==4">囤油卡充值提成</span>
</template>
</el-table-column>
<el-table-column label="提成金额（元）" prop="amount" align="center">
<template slot-scope="scope">
<span>{{ scope.row.amount || 0 }}</span>
</template>
</el-table-column>
<el-table-column label="关联订单号" prop="orderNo" align="center" width="260"/>
<el-table-column label="描述" prop="description" align="center"/>
<el-table-column label="创建时间" prop="createTime" align="center" width="160">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total2>0"
:total="total2"
:page.sync="queryParams2.page"
:limit.sync="queryParams2.pageSize"
@pagination="getList"
/>
</div>
</el-card>
</div>
</el-drawer>
</div>
</template>
<script>
import {delStaff} from "@/api/staff/staff";
import {getToken} from "@/utils/auth";
import {addCertifiedMembers} from "@/api/staff/user/certifiedmember";
export default {
dicts: ['zhzt'],
data() {
return {
headers: {
'Access-Token': getToken(),
},
uploading: false,
// 文件上传信息
fileList: [],
loading: false,
open:false,
open1:false,
open2:false,
title:'',
// 日期范围
dateRange: [],
beginTime: "",
endTime: "",
// 收银台订单列表
orderList: [],
deptList: [],
form:{},
form1:{},
form2:{},
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}],
// 查询参数
queryParams: {
page: 1,
pageSize: 10,
},
queryParams2: {
page: 1,
pageSize: 10,
},
// 弹出层
drawer: false,
total: 0,
total2: 0,
// 表单校验
rules: {
realName: [
{required: true, message: "设备名称不能为空", trigger: "blur"},
],
pinpai: [
{required: true, message: "品牌不能为空", trigger: "blur"},
],
gongneng: [
{required: true, message: "设备功能不能为空", trigger: "blur"}
],
zhongduan: [
{required: true, message: "设备终端号不能为空", trigger: "blur"}
],
miyao: [
{required: true, message: "密钥不能为空", trigger: "blur"}
],
staffId: [
{required: true, message: "关联员工不能为空", trigger: "blur"}
],
status: [
{required: true, message: "状态不能为空", trigger: "blur"}
]
}
}
},
created() {
this.getList();
},
methods: {
// 重置按钮操作
resetQuery1() {
this.dateRange = [];
this.queryParams2 = {
page: 1,
pageSize: 10,
}
// this.resetForm("queryForm");
this.handleQuery1();
},
// 搜索按钮操作
handleQuery1() {
this.queryParams2.page = 1;
},
// 是否关闭弹框
handleClose(done) {
done();
},
// 批量导入
handleChange(file, fileList) {
this.uploading = true;
if(file.status === 'success'){
this.uploading = false;
this.fileList.splice(0,1)
this.openMembers = false;
this.openResult = true;
this.title = "会员认证结果";
this.result = file.response.data;
this.reset2();
this.getListMember();
}
},
// 提交按钮 批量认证会员信息
submitFormMembers: function() {
this.$refs["form2"].validate(valid => {
if (valid) {
addCertifiedMembers(this.form2).then(response => {
this.openMembers = false;
this.openResult = true;
this.title = "会员认证结果";
this.result = response.data;
this.reset2();
this.getListMember();
})
}
});
},
// 取消按钮
cancelMembers() {
this.openMembers = false;
this.reset2();
},
getDeptList() {
// getRunningWaterByTissueApi(this.addDateRange(this.queryParams)).then(response => {
// this.deptList = response.data.records;
// })
},
// 获取列表信息
getList() {
let dateRange = []
if (this.beginTime && this.endTime) {
dateRange.push(this.beginTime.toLocaleDateString())
dateRange.push(this.endTime.toLocaleDateString())
}
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 提交按钮
submitForm: function () {
this.$refs["form"].validate(valid => {
if (valid) {
if (!this.form.id) {
} else {
}
}
});
},
// 新增按钮操作
handleAdd() {
this.reset();
this.open = true;
this.title = "新增员工";
},
// 新增按钮操作
batchAdd() {
this.reset();
this.open2 = true;
this.title = "批量新增成员";
},
// 搜索按钮操作
handleQuery() {
this.queryParams.page = 1;
this.getList();
},
// 重置按钮操作
resetQuery() {
this.dateRange = [];
this.queryParams = {
page: 1,
pageSize: 10,
}
this.handleQuery();
},
// 修改按钮操作
handleUpdate(row) {
this.reset();
this.open = true;
},
// 修改按钮操作
handleRecharge(row) {
this.reset();
this.open = true;
},
// 表单重置
reset() {
this.resetForm("form");
},
// 删除按钮操作
handleDelete(row) {
const name = row.realName || this.id;
this.$modal.confirm('是否确认删除"' + name + '"的员工信息？').then(function() {
return delStaff(row.id);
}).then(() => {
this.queryParams.page = 1
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
}
}
}
</script>
<style scoped>
.box-card {
width: 100%;
margin: 0px 20px 20px 20px;
border: none;
box-shadow: none;
}
.el-form--inline .el-form-item {
margin-right: 20px;
}
.table-box {
width: 100%;
height: 73vh;
overflow: auto;
}
.wrap-boxs {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 15px;
}
.k_ {
width: 250px;
height: 75px;
margin-right: 20px;
box-sizing: border-box;
padding: 15px 10px;
padding-top: 5px;
color: #333333;
}
.size_ {
font-weight: 400;
font-size: 14px;
color: #333333;
margin-bottom: 20px;
}
.title_ {
font-weight: 600;
font-size: 24px;
color: #333333;
}
.d-s {
display: flex;
align-items: center;
}
.anniu-h {
width: 80px;
height: 26px;
background: #FAFAFA;
border-radius: 4px 4px 4px 4px;
border: 1px solid #DDDDDD;
display: flex;
align-items: center;
justify-content: center;
color: #777777;
margin-right: 20px;
}
.anniu-act {
background: #FF9655 !important;
border: 1px solid #FF9655 !important;
color: #fff;
}
</style>

328
fuintAdmin/src/views/member/userLabel.vue Normal file
View File

@ -0,0 +1,328 @@
<!-- 收银台订单-->
<template>
<div style="padding-top: 15px;padding-bottom: 5px; padding-right: 40px; background: #f6f8f9;">
<el-card class="box-card" shadow="never">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="120px">
<el-form-item label="" prop="deptId" style="width: 180px">
<el-input
v-model="queryParams.realName"
placeholder="请输入标签名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="">
<el-date-picker
v-model="beginTime"
style="width: 160px"
type="date"
placeholder="开始日期">
</el-date-picker>
至
<el-date-picker
v-model="endTime"
style="width: 160px"
type="date"
placeholder="结束日期">
</el-date-picker>
</el-form-item>
<el-form-item style="float: right">
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
<el-button type="primary" @click="handleAdd">新增标签</el-button>
</el-form-item>
</el-form>
<!-- </el-card>-->
<!-- <el-card class="box-card" style="min-height: 500px;" shadow="never">-->
<div class="table-box">
<el-table
:data="orderList"
style="width: 100%">
<el-table-column type="index" width="50" align="center" label="序号"/>
<el-table-column prop="storeName" align="center" label="标签名称"></el-table-column>
<el-table-column prop="storeName" align="center" label="备注"></el-table-column>
<el-table-column prop="payMoney" align="center" label="会员数量"></el-table-column>
<el-table-column prop="payMoney" align="center" label="会员占比"></el-table-column>
<el-table-column prop="payMoney" align="center" label="标签状态">
<template slot-scope="scope">
<el-switch
v-model="scope.row.status"
active-value="qy"
inactive-value="jy"
active-color="#13ce66"
inactive-color="#ff4949">
</el-switch>
</template>
</el-table-column>
<el-table-column prop="count" align="center" label="创建人"></el-table-column>
<el-table-column prop="refMoney" align="center" label="创建时间"></el-table-column>
<el-table-column align="center" label="操作">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
>删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.page"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</el-card>
<!-- 添加或修改对话框 -->
<el-dialog :title="title" :visible.sync="open" width="30%" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-form-item label="标签名称" prop="realName">
<el-input v-model="form.realName" placeholder="请输入设备名称" maxlength="30" style="width: 270px"/>
</el-form-item>
<el-form-item label="标签状态" prop="status">
<el-switch
v-model="form.status"
active-value="qy"
inactive-value="jy"
active-color="#13ce66"
inactive-color="#ff4949">
</el-switch>
</el-form-item>
<el-form-item label="备注" >
<el-input v-model="form.desc" placeholder="请输入备注" type="textarea"/>
</el-form-item>
</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 {delStaff} from "@/api/staff/staff";
import {listUserLabel} from "@/api/staff/user/userlabel";
export default {
dicts: ['zhzt'],
data() {
return {
loading: false,
open:false,
title:'',
// 日期范围
dateRange: [],
beginTime: "",
endTime: "",
// 收银台订单列表
orderList: [],
deptList: [],
form:{},
// 查询参数
queryParams: {
page: 1,
pageSize: 10,
},
total: 0,
// 表单校验
rules: {
realName: [
{required: true, message: "设备名称不能为空", trigger: "blur"},
],
pinpai: [
{required: true, message: "品牌不能为空", trigger: "blur"},
],
gongneng: [
{required: true, message: "设备功能不能为空", trigger: "blur"}
],
zhongduan: [
{required: true, message: "设备终端号不能为空", trigger: "blur"}
],
miyao: [
{required: true, message: "密钥不能为空", trigger: "blur"}
],
staffId: [
{required: true, message: "关联员工不能为空", trigger: "blur"}
],
status: [
{required: true, message: "状态不能为空", trigger: "blur"}
]
}
}
},
created() {
this.getList();
},
methods: {
getDeptList() {
// getRunningWaterByTissueApi(this.addDateRange(this.queryParams)).then(response => {
// this.deptList = response.data.records;
// })
},
// 获取列表信息
getList() {
let dateRange = []
if (this.beginTime && this.endTime) {
dateRange.push(this.beginTime.toLocaleDateString())
dateRange.push(this.endTime.toLocaleDateString())
}
listUserLabel(this.addDateRange(this.queryParams, dateRange)).then(res => {
})
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 提交按钮
submitForm: function () {
this.$refs["form"].validate(valid => {
if (valid) {
if (!this.form.id) {
} else {
}
}
});
},
// 新增按钮操作
handleAdd() {
this.reset();
this.open = true;
this.title = "新增员工";
},
// 搜索按钮操作
handleQuery() {
this.queryParams.page = 1;
this.getList();
},
// 重置按钮操作
resetQuery() {
this.dateRange = [];
this.queryParams = {
page: 1,
pageSize: 10,
}
this.handleQuery();
},
// 修改按钮操作
handleUpdate(row) {
this.reset();
this.open = true;
},
// 表单重置
reset() {
this.resetForm("form");
},
// 删除按钮操作
handleDelete(row) {
const name = row.realName || this.id;
this.$modal.confirm('是否确认删除"' + name + '"的员工信息？').then(function() {
return delStaff(row.id);
}).then(() => {
this.queryParams.page = 1
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
}
}
}
</script>
<style scoped>
.box-card {
width: 100%;
margin: 0px 20px 20px 20px;
border: none;
box-shadow: none;
}
.el-form--inline .el-form-item {
margin-right: 20px;
}
.table-box {
width: 100%;
height: 79vh;
overflow: auto;
}
.wrap-boxs {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 15px;
}
.k_ {
width: 250px;
height: 75px;
margin-right: 20px;
box-sizing: border-box;
padding: 15px 10px;
padding-top: 5px;
color: #333333;
}
.size_ {
font-weight: 400;
font-size: 14px;
color: #333333;
margin-bottom: 20px;
}
.title_ {
font-weight: 600;
font-size: 24px;
color: #333333;
}
.d-s {
display: flex;
align-items: center;
}
.anniu-h {
width: 80px;
height: 26px;
background: #FAFAFA;
border-radius: 4px 4px 4px 4px;
border: 1px solid #DDDDDD;
display: flex;
align-items: center;
justify-content: center;
color: #777777;
margin-right: 20px;
}
.anniu-act {
background: #FF9655 !important;
border: 1px solid #FF9655 !important;
color: #fff;
}
</style>