chuangte/share-space-vue
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

商品

Browse Source 
设施
This commit is contained in:
邱贞招 2024-12-25 09:57:33 +08:00
parent 719c935494
commit 8dffc3795b
18 changed files with 1911 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/api/common/common.js
View File

@ -19,7 +19,7 @@ export function getDistrictList() {
// 转二维码
export function getQrCodeText(data) {
let url = `https://dianche.chuantewulian.cn?sn=`+data.sn;
let url = `https://testcha.chuangtewl.com?sn=`+data.sn;
return url;
}

44
src/api/system/equipment.js Normal file
View File

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询设施列表
export function listEquipment(query) {
return request({
url: '/system/equipment/list',
method: 'get',
params: query
})
}
// 查询设施详细
export function getEquipment(equipmentId) {
return request({
url: '/system/equipment/' + equipmentId,
method: 'get'
})
}
// 新增设施
export function addEquipment(data) {
return request({
url: '/system/equipment',
method: 'post',
data: data
})
}
// 修改设施
export function updateEquipment(data) {
return request({
url: '/system/equipment',
method: 'put',
data: data
})
}
// 删除设施
export function delEquipment(equipmentId) {
return request({
url: '/system/equipment/' + equipmentId,
method: 'delete'
})
}

44
src/api/system/product.js Normal file
View File

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询商品列表列表
export function listProduct(query) {
return request({
url: '/system/product/list',
method: 'get',
params: query
})
}
// 查询商品列表详细
export function getProduct(productId) {
return request({
url: '/system/product/' + productId,
method: 'get'
})
}
// 新增商品列表
export function addProduct(data) {
return request({
url: '/system/product',
method: 'post',
data: data
})
}
// 修改商品列表
export function updateProduct(data) {
return request({
url: '/system/product',
method: 'put',
data: data
})
}
// 删除商品列表
export function delProduct(productId) {
return request({
url: '/system/product/' + productId,
method: 'delete'
})
}

44
src/api/system/refundApplication.js Normal file
View File

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询退款申请列表
export function listRefundApplication(query) {
return request({
url: '/system/refundApplication/list',
method: 'get',
params: query
})
}
// 查询退款申请详细
export function getRefundApplication(applicationId) {
return request({
url: '/system/refundApplication/' + applicationId,
method: 'get'
})
}
// 新增退款申请
export function addRefundApplication(data) {
return request({
url: '/system/refundApplication',
method: 'post',
data: data
})
}
// 修改退款申请
export function updateRefundApplication(data) {
return request({
url: '/system/refundApplication',
method: 'put',
data: data
})
}
// 删除退款申请
export function delRefundApplication(applicationId) {
return request({
url: '/system/refundApplication/' + applicationId,
method: 'delete'
})
}

1
src/assets/icons/svg/product.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1734339987490" class="icon" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4264" xmlns:xlink="http://www.w3.org/1999/xlink" width="200.1953125" height="200"><path d="M67.503669 314.247662 0.290781 967.374566C-2.877087 998.157824 20.686742 1024 51.54763 1024L972.465964 1024C1003.33056 1024 1026.870025 997.958532 1023.722637 967.374566L956.509749 314.247662C953.634251 286.30498 929.70037 264.827586 901.665015 264.827586L726.307134 264.827586 726.307134 212.032812C726.307134 94.840497 631.186361 0 513.731796 0 396.307421 0 301.156634 94.931209 301.156634 212.032812L301.275454 264.827586 122.348403 264.827586C94.426394 264.827586 70.359746 286.495285 67.503669 314.247662ZM372.014963 335.448276 372.014963 212.032812C372.014963 133.917343 435.458119 70.62069 513.731796 70.62069 592.045903 70.62069 655.448629 133.836729 655.448629 212.032812L655.448629 335.448276 901.665015 335.448276C893.404337 335.448276 886.856739 329.572723 886.02112 321.453021L953.234008 974.579924C952.100193 963.562355 961.304717 953.37931 972.465964 953.37931L51.54763 953.37931C62.569931 953.37931 71.907399 963.619646 70.779586 974.579924L137.992298 321.453021C137.142378 329.713311 130.772392 335.448276 122.348403 335.448276L372.014963 335.448276ZM655.448629 335.448276 655.448629 494.174084C655.448629 513.675458 671.310919 529.484429 690.87797 529.484429 710.444844 529.484429 726.307134 513.675458 726.307134 494.174084L726.307134 264.827586 371.896143 264.827586 371.896143 335.448276 655.448629 335.448276ZM372.014963 335.448276 301.156634 335.448276 301.156634 494.174084C301.156634 513.675458 317.018748 529.484429 336.585799 529.484429 356.15285 529.484429 372.014963 513.675458 372.014963 494.174084L372.014963 335.448276Z" fill="#bfbfbf" p-id="4265"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

25
src/components/GroupTitle/index.vue Normal file
View File

@ -0,0 +1,25 @@
<template>
<div class="group-title">{{title}}</div>
</template>
<script>
export default {
name: 'GroupTitle',
props: {
title: {
type: String,
default: null
}
}
}
</script>
<style scoped lang="scss">
.group-title {
position: relative;
font-size: 16px;
padding-left: 0.5em;
border-left: 3px solid #00BA88;
margin: 0.5em 0 1em;
}
</style>

76
src/components/LineField/index.vue Normal file
View File

@ -0,0 +1,76 @@
<template>
<div class="line-field">
<div class="label">
<slot name="label">
{{label}}
</slot>
</div>
<div class="right-box" >
<slot>
{{value}}
</slot>
</div>
<el-button type="text" v-if="editable" icon="el-icon-edit" class="editable" @click="$emit('edit')"/>
</div>
</template>
<script>
export default {
name: "LineField",
props: {
label: {
type: String,
default: null
},
value: {
type: [String, Number],
default: null,
},
editable: {
type: Boolean,
default: false
}
}
}
</script>
<style scoped lang="scss">
.line-field {
position: relative;
width: 100%;
padding: 0.5em 1.5em 0.5em 1em;
font-size: 14px;
display: flex;
height: fit-content;
line-height: 1.5em;
justify-content: space-between;
.label {
width: fit-content;
margin-right: 2em;
}
.right-box {
flex: 1;
text-align: right;
display: flex;
flex-direction: row;
justify-content: flex-end;
vertical-align: center;
}
i {
line-height: 1.5em;
margin: 0 0.5em;
}
.editable {
position: absolute;
padding: 0;
top: 10px;
right: 4px;
}
}
.line-field:nth-child(n + 2) {
border-top: 1px solid #ededed;
}
.line-field:hover {
background-color: rgba(136, 131, 240, 0.08);
}
</style>

10
src/views/system/clean/index.vue
View File

@ -145,9 +145,9 @@
<!-- 添加或修改保洁记录对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="用户id" prop="userId">
<el-input v-model="form.userId" placeholder="请输入用户id" />
</el-form-item>
<!-- <el-form-item label="用户id" prop="userId">-->
<!-- <el-input v-model="form.userId" placeholder="请输入用户id" />-->
<!-- </el-form-item>-->
<el-form-item label="保洁员姓名" prop="userName">
<el-input v-model="form.userName" placeholder="请输入保洁员姓名" />
</el-form-item>
@ -220,16 +220,14 @@ export default {
// 字段列表
columns: [
{key: 'cleanId', visible: true, label: 'id', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'userId', visible: true, label: '用户id', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'userName', visible: true, label: '保洁员姓名', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'userPhone', visible: true, label: '电话', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'roomId', visible: true, label: '房间id', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'roomName', visible: true, label: '房间名', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'status', visible: true, label: '状态', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'remark', visible: true, label: '备注', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'startTime', visible: true, label: '开始时间', minWidth: "120", sortable: false, overflow: false, align: 'center', width: null},
{key: 'endTime', visible: true, label: '结束时间', minWidth: "120", sortable: false, overflow: false, align: 'center', width: null},
{key: 'merchantId', visible: true, label: '商户id', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'merchantRealName', visible: true, label: '商户', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
],
// 排序方式
orderSorts: ['ascending', 'descending', null],

4
src/views/system/device/index.vue
View File

@ -516,7 +516,7 @@ export default {
{key: 'qrText', visible: true, label: '二维码', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'mac', visible: true, label: 'MAC-1', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'mac2', visible: true, label: 'MAC-2', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'deviceNo', visible: true, label: 'SN', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'sn', visible: true, label: 'SN', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'deviceName', visible: true, label: '设备名称', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'model', visible: true, label: '设备型号', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'version', visible: true, label: '版本', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
@ -660,7 +660,7 @@ export default {
},
// 二维码文本
qrCodeText(device) {
let url = `https://dianche.chuantewulian.cn?sn=`+device.deviceNo;
let url = `https://testcha.chuangtewl.com?sn=`+device.sn;
console.log("url------",url)
return url;
},

374
src/views/system/equipment/index.vue Normal file
View File

@ -0,0 +1,374 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="设施名称" prop="name">
<el-input
v-model="queryParams.name"
placeholder="请输入设施名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="房间" prop="roomId">
<el-input
v-model="queryParams.roomId"
placeholder="请输入房间"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="关联的设备" prop="deviceIds">
<el-input
v-model="queryParams.deviceIds"
placeholder="请输入关联的设备"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="逻辑删除标志" prop="deleted">
<el-input
v-model="queryParams.deleted"
placeholder="请输入逻辑删除标志"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="设施类型" prop="type">
<el-select v-model="queryParams.type" placeholder="请选择设施类型" clearable @change="handleQuery">
<el-option
v-for="dict in dict.type.ss_equipment_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:equipment:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:equipment:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:equipment:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['system:equipment:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="equipmentList" @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="onSortChange">
<el-table-column type="selection" width="55" align="center" />
<template v-for="column of showColumns">
<el-table-column
:key="column.key"
:label="column.label"
:prop="column.key"
:align="column.align"
:min-width="column.minWidth"
:sort-orders="orderSorts"
:sortable="column.sortable"
:show-overflow-tooltip="column.overflow"
:width="column.width"
>
<template slot-scope="d">
<template v-if="column.key === 'equipmentId'">
{{d.row[column.key]}}
</template>
<template v-else-if="column.key === 'type'">
<dict-tag :options="dict.type.ss_equipment_type" :value="d.row[column.key]"/>
</template>
<template v-else>
{{d.row[column.key]}}
</template>
</template>
</el-table-column>
</template>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:equipment:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:equipment:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改设施对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="设施名称" prop="name">
<el-input v-model="form.name" placeholder="请输入设施名称" />
</el-form-item>
<el-form-item label="图片" prop="picture">
<el-input v-model="form.picture" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="房间" prop="roomId">
<el-input v-model="form.roomId" placeholder="请输入房间" />
</el-form-item>
<el-form-item label="关联的设备" prop="deviceIds">
<el-input v-model="form.deviceIds" placeholder="请输入关联的设备" />
</el-form-item>
<el-form-item label="逻辑删除标志" prop="deleted">
<el-input v-model="form.deleted" placeholder="请输入逻辑删除标志" />
</el-form-item>
<el-form-item label="设施类型" prop="type">
<el-select v-model="form.type" placeholder="请选择设施类型">
<el-option
v-for="dict in dict.type.ss_equipment_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</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 { listEquipment, getEquipment, delEquipment, addEquipment, updateEquipment } from "@/api/system/equipment";
import { $showColumns } from '@/utils/mixins';
// 默认排序字段
const defaultSort = {
prop: "createTime",
order: "descending"
}
export default {
name: "Equipment",
mixins: [$showColumns],
dicts: ['ss_equipment_type'],
data() {
return {
// 字段列表
columns: [
{key: 'equipmentId', visible: true, label: '设施id', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'name', visible: true, label: '设施名称', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'picture', visible: true, label: '图片', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'roomId', visible: true, label: '房间', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'deviceIds', visible: true, label: '关联的设备', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'deleted', visible: true, label: '逻辑删除标志', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'type', visible: true, label: '设施类型', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
],
// 排序方式
orderSorts: ['ascending', 'descending', null],
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 设施表格数据
equipmentList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
defaultSort,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 20,
orderByColumn: defaultSort.prop,
isAsc: defaultSort.order,
name: null,
picture: null,
roomId: null,
deviceIds: null,
deleted: null,
type: null
},
// 表单参数
form: {},
// 表单校验
rules: {
deleted: [
{ required: true, message: "逻辑删除标志不能为空", trigger: "blur" }
],
}
};
},
created() {
this.getList();
},
methods: {
/** 当排序按钮被点击时触发 **/
onSortChange(column) {
if (column.order == null) {
this.queryParams.orderByColumn = defaultSort.prop;
this.queryParams.isAsc = defaultSort.order;
} else {
this.queryParams.orderByColumn = column.prop;
this.queryParams.isAsc = column.order;
}
this.getList();
},
/** 查询设施列表 */
getList() {
this.loading = true;
listEquipment(this.queryParams).then(response => {
this.equipmentList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
equipmentId: null,
name: null,
picture: null,
roomId: null,
deviceIds: null,
deleted: null,
createBy: null,
createTime: null,
type: null
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.equipmentId)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加设施";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const equipmentId = row.equipmentId || this.ids
getEquipment(equipmentId).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改设施";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.equipmentId != null) {
updateEquipment(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addEquipment(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const equipmentIds = row.equipmentId || this.ids;
this.$modal.confirm('是否确认删除设施编号为"' + equipmentIds + '"的数据项？').then(function() {
return delEquipment(equipmentIds);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('system/equipment/export', {
...this.queryParams
}, `equipment_${new Date().getTime()}.xlsx`)
}
}
};
</script>

363
src/views/system/product/index.vue Normal file
View File

@ -0,0 +1,363 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="店铺" prop="storeName">
<el-input
v-model="queryParams.storeId"
placeholder="请输入店铺"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="商户" prop="merchantId">
<el-input
v-model="queryParams.merchantId"
placeholder="请输入商户"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="商品名称" prop="name">
<el-input
v-model="queryParams.name"
placeholder="请输入商品名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择状态" clearable @change="handleQuery">
<el-option
v-for="dict in dict.type.ss_product_status"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:product:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:product:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:product:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['system:product:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="productList" @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="onSortChange">
<el-table-column type="selection" width="55" align="center" />
<template v-for="column of showColumns">
<el-table-column
:key="column.key"
:label="column.label"
:prop="column.key"
:align="column.align"
:min-width="column.minWidth"
:sort-orders="orderSorts"
:sortable="column.sortable"
:show-overflow-tooltip="column.overflow"
:width="column.width"
>
<template slot-scope="d">
<template v-if="column.key === 'productId'">
{{d.row[column.key]}}
</template>
<template v-else-if="column.key === 'status'">
<dict-tag :options="dict.type.ss_product_status" :value="d.row[column.key]"/>
</template>
<template v-else>
{{d.row[column.key]}}
</template>
</template>
</el-table-column>
</template>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:product:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:product:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改商品列表对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="店铺id" prop="storeId">
<el-input v-model="form.storeId" placeholder="请输入店铺id" />
</el-form-item>
<el-form-item label="商户id" prop="merchantId">
<el-input v-model="form.merchantId" placeholder="请输入商户id" />
</el-form-item>
<el-form-item label="商品名称" prop="name">
<el-input v-model="form.name" placeholder="请输入商品名称" />
</el-form-item>
<el-form-item label="库存" prop="stock">
<el-input v-model="form.stock" placeholder="请输入库存" />
</el-form-item>
<el-form-item label="价格" prop="price">
<el-input v-model="form.price" placeholder="请输入价格" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="form.status" placeholder="请选择状态">
<el-option
v-for="dict in dict.type.ss_product_status"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</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 { listProduct, getProduct, delProduct, addProduct, updateProduct } from "@/api/system/product";
import { $showColumns } from '@/utils/mixins';
// 默认排序字段
const defaultSort = {
prop: "createTime",
order: "descending"
}
export default {
name: "Product",
mixins: [$showColumns],
dicts: ['ss_product_status'],
data() {
return {
// 字段列表
columns: [
// {key: 'productId', visible: true, label: '商品id', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'storeName', visible: true, label: '店铺', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'merchantName', visible: true, label: '商户', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'name', visible: true, label: '商品名称', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'stock', visible: true, label: '库存', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'price', visible: true, label: '价格', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'status', visible: true, label: '状态', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
],
// 排序方式
orderSorts: ['ascending', 'descending', null],
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 商品列表表格数据
productList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
defaultSort,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 20,
orderByColumn: defaultSort.prop,
isAsc: defaultSort.order,
storeId: null,
merchantId: null,
name: null,
status: null,
},
// 表单参数
form: {},
// 表单校验
rules: {
}
};
},
created() {
this.getList();
},
methods: {
/** 当排序按钮被点击时触发 **/
onSortChange(column) {
if (column.order == null) {
this.queryParams.orderByColumn = defaultSort.prop;
this.queryParams.isAsc = defaultSort.order;
} else {
this.queryParams.orderByColumn = column.prop;
this.queryParams.isAsc = column.order;
}
this.getList();
},
/** 查询商品列表列表 */
getList() {
this.loading = true;
listProduct(this.queryParams).then(response => {
this.productList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
productId: null,
storeId: null,
merchantId: null,
name: null,
stock: null,
price: null,
status: null,
createBy: null,
createTime: null,
updateBy: null,
updateTime: null
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.productId)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加商品列表";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const productId = row.productId || this.ids
getProduct(productId).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改商品列表";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.productId != null) {
updateProduct(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addProduct(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const productIds = row.productId || this.ids;
this.$modal.confirm('是否确认删除商品列表编号为"' + productIds + '"的数据项？').then(function() {
return delProduct(productIds);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('system/product/export', {
...this.queryParams
}, `product_${new Date().getTime()}.xlsx`)
}
}
};
</script>

384
src/views/system/refundApplication/index.vue Normal file
View File

@ -0,0 +1,384 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="申请人" prop="applicant">
<el-input
v-model="queryParams.applicant"
placeholder="请输入申请人"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="电话" prop="phone">
<el-input
v-model="queryParams.phone"
placeholder="请输入电话"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="申请编号" prop="applicationNo">
<el-input
v-model="queryParams.applicationNo"
placeholder="请输入申请编号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择状态" clearable @change="handleQuery">
<el-option
v-for="dict in dict.type.ss_refund_status"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="关联订单号" prop="orderNo">
<el-input
v-model="queryParams.orderNo"
placeholder="请输入关联订单号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:refundApplication:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:refundApplication:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:refundApplication:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['system:refundApplication:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="refundApplicationList" @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="onSortChange">
<el-table-column type="selection" width="55" align="center" />
<template v-for="column of showColumns">
<el-table-column
:key="column.key"
:label="column.label"
:prop="column.key"
:align="column.align"
:min-width="column.minWidth"
:sort-orders="orderSorts"
:sortable="column.sortable"
:show-overflow-tooltip="column.overflow"
:width="column.width"
>
<template slot-scope="d">
<template v-if="column.key === 'applicationId'">
{{d.row[column.key]}}
</template>
<template v-else-if="column.key === 'status'">
<dict-tag :options="dict.type.ss_refund_status" :value="d.row[column.key]"/>
</template>
<template v-else>
{{d.row[column.key]}}
</template>
</template>
</el-table-column>
</template>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:refundApplication:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:refundApplication:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改退款申请对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="申请人" prop="applicant">
<el-input v-model="form.applicant" placeholder="请输入申请人" />
</el-form-item>
<el-form-item label="电话" prop="phone">
<el-input v-model="form.phone" placeholder="请输入电话" />
</el-form-item>
<el-form-item label="申请编号" prop="applicationNo">
<el-input v-model="form.applicationNo" placeholder="请输入申请编号" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="form.status" placeholder="请选择状态">
<el-option
v-for="dict in dict.type.ss_refund_status"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="关联订单号" prop="orderNo">
<el-input v-model="form.orderNo" placeholder="请输入关联订单号" />
</el-form-item>
<el-form-item label="退款原因" prop="reason">
<el-input v-model="form.reason" placeholder="请输入退款原因" />
</el-form-item>
<el-form-item label="退款金额" prop="refundAmout">
<el-input v-model="form.refundAmout" placeholder="请输入退款金额" />
</el-form-item>
<el-form-item label="处理时间" prop="operTime">
<el-date-picker clearable
v-model="form.operTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择处理时间">
</el-date-picker>
</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 { listRefundApplication, getRefundApplication, delRefundApplication, addRefundApplication, updateRefundApplication } from "@/api/system/refundApplication";
import { $showColumns } from '@/utils/mixins';
// 默认排序字段
const defaultSort = {
prop: "createTime",
order: "descending"
}
export default {
name: "RefundApplication",
mixins: [$showColumns],
dicts: ['ss_refund_status'],
data() {
return {
// 字段列表
columns: [
{key: 'applicationId', visible: true, label: 'id', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'applicant', visible: true, label: '申请人', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'phone', visible: true, label: '电话', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'applicationNo', visible: true, label: '申请编号', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'status', visible: true, label: '状态', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'orderNo', visible: true, label: '关联订单号', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'reason', visible: true, label: '退款原因', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'refundAmout', visible: true, label: '退款金额', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'operTime', visible: true, label: '处理时间', minWidth: "120", sortable: false, overflow: false, align: 'center', width: null},
],
// 排序方式
orderSorts: ['ascending', 'descending', null],
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 退款申请表格数据
refundApplicationList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
defaultSort,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 20,
orderByColumn: defaultSort.prop,
isAsc: defaultSort.order,
applicant: null,
phone: null,
applicationNo: null,
status: null,
orderNo: null,
},
// 表单参数
form: {},
// 表单校验
rules: {
}
};
},
created() {
this.getList();
},
methods: {
/** 当排序按钮被点击时触发 **/
onSortChange(column) {
if (column.order == null) {
this.queryParams.orderByColumn = defaultSort.prop;
this.queryParams.isAsc = defaultSort.order;
} else {
this.queryParams.orderByColumn = column.prop;
this.queryParams.isAsc = column.order;
}
this.getList();
},
/** 查询退款申请列表 */
getList() {
this.loading = true;
listRefundApplication(this.queryParams).then(response => {
this.refundApplicationList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
applicationId: null,
applicant: null,
phone: null,
applicationNo: null,
status: null,
orderNo: null,
reason: null,
refundAmout: null,
createTime: null,
operTime: null
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.applicationId)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加退款申请";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const applicationId = row.applicationId || this.ids
getRefundApplication(applicationId).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改退款申请";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.applicationId != null) {
updateRefundApplication(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addRefundApplication(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const applicationIds = row.applicationId || this.ids;
this.$modal.confirm('是否确认删除退款申请编号为"' + applicationIds + '"的数据项？').then(function() {
return delRefundApplication(applicationIds);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('system/refundApplication/export', {
...this.queryParams
}, `refundApplication_${new Date().getTime()}.xlsx`)
}
}
};
</script>

164
src/views/user/user/components/UserConfigDialog.vue Normal file
View File

@ -0,0 +1,164 @@
<template>
<el-dialog :visible.sync="visible" width="700px" title="用户配置" @open="onOpen">
<el-form ref="form" :model="form" :rules="rules" label-width="5em" v-loading="loading">
<el-row v-if="showCurrent">
<form-col :span="span" label="当前用户" label-width="5em">
{{form.userName}}
</form-col>
</el-row>
<!-- <el-row>-->
<!-- <group-title title="订单显示用户手机号"/>-->
<!-- <form-col :span="10" label="是否开启" label-width="5em">-->
<!-- <el-switch v-model="form.showBillMobile" active-text="开启" inactive-text="不开启"/>-->
<!-- </form-col>-->
<!-- <form-col :span="14" label="单价" prop="showBillMobilePrice" v-if="form.showBillMobile">-->
<!-- <el-input v-model="form.showBillMobilePrice" :min="0" type="number" placeholder="请输入单价">-->
<!-- <template #append>元 / 单</template>-->
<!-- </el-input>-->
<!-- </form-col>-->
<!-- </el-row>-->
<!-- <el-row>-->
<!-- <group-title title="风控配置"/>-->
<!-- <form-col :span="span" label="充值延迟到账" prop="arrivalDelay" label-width="7em">-->
<!-- <el-input v-model="form.arrivalDelay" placeholder="请输入到账延迟时长">-->
<!-- <template #append>小时</template>-->
<!-- </el-input>-->
<!-- </form-col>-->
<!-- </el-row>-->
<!-- <el-row >-->
<!-- <group-title title="代理商配置"/>-->
<!-- <form-col :span="span" label="默认设备服务费" label-width="8em" prop="agentDeviceService">-->
<!-- <el-input v-model="form.agentDeviceService" type="number" :min="0" placeholder="请输入默认设备服务费">-->
<!-- <template #append>%</template>-->
<!-- </el-input>-->
<!-- </form-col>-->
<!-- <form-col :span="span" label="商户开关/充值设备" label-width="10em" prop="agentDeviceService">-->
<!-- <el-switch v-model="form.agentAllowMchSwitch" active-text="允许" inactive-text="不允许"/>-->
<!-- </form-col>-->
<!-- </el-row>-->
<el-row>
<group-title title="其他设置"/>
<form-col :span="8" label="是否为设备管理员" label-width="9em" prop="deviceAdmin">
<el-switch v-model="form.deviceAdmin" active-text="是" inactive-text="否" @change="onChangeDeviceAdmin"/>
</form-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm" :loading="submitLoading">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</template>
<script>
import LineField from '@/components/LineField/index.vue'
import GroupTitle from '@/components/GroupTitle/index.vue'
import { SmUserType } from '@/utils/constants'
import {getUser ,updateUser } from '@/api/user/user';
export default {
name: "UserConfigDialog",
components: { GroupTitle, LineField },
props: {
show: {
type: Boolean,
default: false,
},
userId: {
type: String,
default: null,
},
showCurrent: {
type: Boolean,
default: false,
}
},
computed: {
SmUserType() {
return SmUserType
},
visible: {
set(val) {
this.$emit('update:show', val);
},
get() {
return this.show;
}
}
},
data() {
return {
span: 12,
form: {},
rules: {
showBillMobilePrice: [
{ required: true, message: '请输入单价', trigger: 'blur' }
]
},
loading: false,
submitLoading: false,
}
},
methods: {
onOpen() {
if (this.userId != null) {
this.loading = true;
getUser(this.userId).then(response => {
this.form = response.data;
}).finally(() => {
this.loading = false;
})
} else {
this.reset();
}
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.userId != null) {
this.submitLoading = true;
updateUser(this.form).then(res => {
this.$modal.msgSuccess("修改成功");
this.visible = false;
this.$emit('success');
}).finally(() => {
this.submitLoading = false;
})
}
}
});
},
// 取消按钮
cancel() {
this.visible = false;
this.reset();
},
// 重置
reset() {
this.form = {
userId: this.userId,
};
this.resetForm("form");
},
// 修改为设备管理员
onChangeDeviceAdmin(val) {
if (val) {
this.$confirm('【高危操作】是否确认设置用户为设备管理员？<br/>用户将可以通过微信小程序注册设备！', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
dangerouslyUseHTMLString: true
}).then(() => {
this.form.deviceAdmin = true;
}).catch((e) => {
this.form.deviceAdmin = false;
});
}
},
}
}
</script>

64
src/views/user/user/components/UserDailyRechargeReport.vue Normal file
View File

@ -0,0 +1,64 @@
<!--<template>-->
<!-- <div v-loading="loading" >-->
<!-- <date-range-picker :start-date.sync="queryParams.payDateStart" :end-date.sync="queryParams.payDateEnd" @change="getList"/>-->
<!-- <single-line-chart :labels="labels" :chart-data="chartData" name="收入(元)" height="268px"/>-->
<!-- </div>-->
<!--</template>-->
<!--<script>-->
<!--import SingleLineChart from '@/components/SingleLineChart/index.vue'-->
<!--import { BonusArrivalType } from '@/utils/constants'-->
<!--import { getLastDateStr } from '@/utils'-->
<!--import DateRangePicker from '@/components/DateRangePicker/index.vue'-->
<!--import { getBonusDailyAmount } from '@/api/system/dashboard'-->
<!--export default {-->
<!-- name: "UserDailyRechargeReport",-->
<!-- components: { DateRangePicker, SingleLineChart },-->
<!-- props: {-->
<!-- query: {-->
<!-- type: Object,-->
<!-- default: () => {-->
<!-- return {}-->
<!-- }-->
<!-- }-->
<!-- },-->
<!-- data() {-->
<!-- return {-->
<!-- loading: false,-->
<!-- list: [],-->
<!-- queryParams: {-->
<!-- payDateStart: getLastDateStr(30),-->
<!-- payDateEnd: getLastDateStr(0),-->
<!-- arrivalId: null,-->
<!-- arrivalTypes: BonusArrivalType.userList()-->
<!-- },-->
<!-- }-->
<!-- },-->
<!-- computed: {-->
<!-- labels() {-->
<!-- return this.list.map(item => item.key);-->
<!-- },-->
<!-- chartData() {-->
<!-- return this.list.map(item => item.sum == null ? 0 : item.sum.toFixed(2));-->
<!-- }-->
<!-- },-->
<!-- created() {-->
<!-- this.queryParams = {-->
<!-- ...this.queryParams,-->
<!-- ...this.query-->
<!-- }-->
<!-- this.getList();-->
<!-- },-->
<!-- methods: {-->
<!-- getList() {-->
<!-- this.loading = true;-->
<!-- getBonusDailyAmount(this.queryParams).then(res => {-->
<!-- this.list = res.data;-->
<!-- }).finally(() => {-->
<!-- this.loading = false;-->
<!-- })-->
<!-- }-->
<!-- }-->
<!--}-->
<!--</script>-->

75
src/views/user/user/components/userAccount.vue Normal file
View File

@ -0,0 +1,75 @@
<!--<template>-->
<!-- <div>-->
<!-- <el-table v-loading="loading" :data="billList">-->
<!-- <el-table-column align="center" type="index" label="#"></el-table-column>-->
<!-- <el-table-column align="center" label="时间" prop="createTime"></el-table-column>-->
<!-- <el-table-column align="center" label="类型">-->
<!-- <template slot-scope="d">-->
<!-- <dict-tag :options="dict.type.sm_transaction_bill_type" :value="d.row.type"></dict-tag>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column align="center" label="用户" prop="userName"></el-table-column>-->
<!-- <el-table-column align="center" label="金额" prop="arrivalAmount">-->
<!-- <template slot-scope="d">{{d.row.arrivalAmount | money}} 元</template>-->
<!-- </el-table-column>-->
<!-- </el-table>-->
<!-- <pagination-->
<!-- :auto-scroll="false"-->
<!-- v-show="total>0"-->
<!-- :total="total"-->
<!-- :page.sync="queryParams.pageNum"-->
<!-- :limit.sync="queryParams.pageSize"-->
<!-- @pagination="getBillList"-->
<!-- />-->
<!-- </div>-->
<!--</template>-->
<!--<script>-->
<!--import {listBill} from "@/api/system/recharge";-->
<!--export default {-->
<!-- name: 'userAccount',-->
<!-- dicts: ['sm_transaction_bill_type'],-->
<!-- props: {-->
<!-- // 到账用户id-->
<!-- landlordId: {-->
<!-- type: String,-->
<!-- default: null,-->
<!-- }-->
<!-- },-->
<!-- data() {-->
<!-- return {-->
<!-- billList: [],-->
<!-- loading: false,-->
<!-- queryParams: {-->
<!-- pageNum: 1,-->
<!-- pageSize: 20,-->
<!-- userId: null,-->
<!-- },-->
<!-- total: 0,-->
<!-- }-->
<!-- },-->
<!-- watch: {-->
<!-- landlordId(nv, ov) {-->
<!-- this.getBillList(nv);-->
<!-- }-->
<!-- },-->
<!-- created() {-->
<!-- this.getBillList(this.landlordId);-->
<!-- },-->
<!-- methods: {-->
<!-- // 获取用户设备列表-->
<!-- getBillList(landlordId) {-->
<!-- this.loading = true;-->
<!-- this.queryParams.mchId = landlordId | this.landlordId;-->
<!-- listBill(this.queryParams).then(response => {-->
<!-- this.billList = response.rows;-->
<!-- this.total = response.total;-->
<!-- }).finally(() => {-->
<!-- this.loading = false;-->
<!-- })-->
<!-- },-->
<!-- }-->
<!--}-->
<!--</script>-->

92
src/views/user/user/components/userDevice.vue Normal file
View File

@ -0,0 +1,92 @@
<template>
<div>
<el-table v-loading="loading" :data="deviceList">
<el-table-column align="center" type="index" label="#"></el-table-column>
<el-table-column align="center" label="名称" prop="deviceName"></el-table-column>
<el-table-column label="图片" align="center" prop="picture" width="100">
<template slot-scope="scope">
<image-preview :src="scope.row.picture" :width="50" :height="50"/>
</template>
</el-table-column>
<el-table-column align="center" label="MAC" prop="mac"></el-table-column>
<el-table-column align="center" label="SN" prop="deviceNo"></el-table-column>
<el-table-column align="center" label="型号" prop="model"></el-table-column>
<el-table-column align="center" label="店铺" prop="storeName"></el-table-column>
<el-table-column align="center" label="最近更新时间" prop="updateTime"></el-table-column>
<el-table-column align="center" label="状态">
<template slot-scope="d">
<dict-tag :options="dict.type.sm_device_online_status" :value="d.row.onlineStatus"></dict-tag>
</template>
</el-table-column>
<el-table-column align="center" label="创建时间" prop="createTime"></el-table-column>
<el-table-column align="center" label="操作">
<template slot-scope="d">
<el-link type="primary" icon="el-icon-view" :underline="false" @click="handleView(d.row)">查看</el-link>
</template>
</el-table-column>
</el-table>
<pagination
:auto-scroll="false"
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getDeviceList"
/>
</div>
</template>
<script>
import {listDevice} from "@/api/system/device";
export default {
name: 'userDevice',
dicts: ['sm_device_online_status'],
props: {
// 用户id
userId: {
type: String,
default: null,
}
},
data() {
return {
deviceList: [],
loading: false,
queryParams: {
pageNum: 1,
pageSize: 20,
userId: null,
},
total: 0,
}
},
watch: {
userId(nv, ov) {
this.getDeviceList(nv);
}
},
created() {
this.getDeviceList(this.userId);
},
methods: {
// 获取用户设备列表
getDeviceList(userId) {
this.loading = true;
this.queryParams.userId = userId | this.userId;
listDevice(this.queryParams).then(response => {
this.deviceList = response.rows;
this.total = response.total;
}).finally(() => {
this.loading = false;
})
},
// 点击查看操作
handleView(row) {
this.$router.push({path:`/smDevice/device/${row.deviceId}`})
}
}
}
</script>

98
src/views/user/user/components/userRechargeReport.vue Normal file
View File

@ -0,0 +1,98 @@
<!--<template>-->
<!-- <div v-loading="loading">-->
<!-- <range-picker v-model="queryParams.payTimeYear" @change="onChangeYear" suffix="年"/>-->
<!-- <single-line-chart :labels="labels" :chart-data="chartData" name="收入(元)" height="268px"/>-->
<!-- </div>-->
<!--</template>-->
<!--<script>-->
<!--import SingleLineChart from "@/components/SingleLineChart/index.vue";-->
<!--import RangePicker from "@/components/RangePicker/index.vue";-->
<!--import {BonusArrivalType} from "@/utils/constants";-->
<!--import {getBonusMonthAmount} from "@/api/system/dashboard";-->
<!--export default {-->
<!-- name: 'userRechargeReport',-->
<!-- components: {RangePicker, SingleLineChart},-->
<!-- props: {-->
<!-- // 到账人id-->
<!-- mchId: {-->
<!-- type: String,-->
<!-- default: null,-->
<!-- }-->
<!-- },-->
<!-- data() {-->
<!-- return {-->
<!-- labels: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'], // x轴-->
<!-- chartData: [], // 报表数据-->
<!-- queryParams: {-->
<!-- payTimeYear: new Date().getFullYear(),-->
<!-- arrivalId: this.mchId,-->
<!-- arrivalTypes: BonusArrivalType.userList()-->
<!-- },-->
<!-- loading: false,-->
<!-- }-->
<!-- },-->
<!-- watch: {-->
<!-- mchId(nv, ov) {-->
<!-- this.getReportData(nv);-->
<!-- }-->
<!-- },-->
<!-- created() {-->
<!-- this.getReportData(this.mchId);-->
<!-- },-->
<!-- methods: {-->
<!-- // 当年份发生变化-->
<!-- onChangeYear(year) {-->
<!-- this.queryParams.payTimeYear = year;-->
<!-- this.getReportData(this.mchId);-->
<!-- },-->
<!-- // 获取到账人的报表-->
<!-- getReportData(mchId) {-->
<!-- this.loading = true;-->
<!-- this.queryParams.arrivalId = mchId | this.mchId;-->
<!-- getBonusMonthAmount(this.queryParams).then(response => {-->
<!-- let data = response.data;-->
<!-- // 按月统计数据-->
<!-- let list = [];-->
<!-- if (data != null) {-->
<!-- for (let i = 1; i <= this.getReportMonth(); i ++) {-->
<!-- let monthData = data.find(item => item.month === i);-->
<!-- list[i - 1] = monthData == null ? 0 : monthData.amount;-->
<!-- }-->
<!-- }-->
<!-- this.chartData = list;-->
<!-- }).finally(() => {-->
<!-- this.loading = false;-->
<!-- })-->
<!-- },-->
<!-- // 获取报表显示的月份-->
<!-- getReportMonth() {-->
<!-- let now = new Date();-->
<!-- let nowYear = new Date().getFullYear()-->
<!-- let paramYear = this.queryParams.payTimeYear;-->
<!-- if (paramYear < nowYear) {-->
<!-- return 12;-->
<!-- }-->
<!-- if (paramYear === nowYear) {-->
<!-- return now.getMonth() + 1;-->
<!-- }-->
<!-- return 0;-->
<!-- },-->
<!-- // 获取字符串时间的月份-->
<!-- getMonth(str) {-->
<!-- if (str == null) {-->
<!-- return null;-->
<!-- }-->
<!-- return new Date(str).getMonth() + 1;-->
<!-- }-->
<!-- }-->
<!--}-->
<!--</script>-->
<!--<style scoped>-->
<!--.title {-->
<!-- line-height: 36px;-->
<!--}-->
<!--</style>-->

72
src/views/user/user/index.vue
View File

@ -7,7 +7,7 @@
<el-form-item label="类型" prop="userType">
<el-select v-model="queryParams.userType" placeholder="请选择用户类型" style="width: 100px" clearable>
<el-option
v-for="dict in dict.type.rl_user_type"
v-for="dict in dict.type.ss_user_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
@ -76,7 +76,7 @@
<el-table-column label="手机号" align="center" key="phonenumber" prop="phonenumber" />
<el-table-column label="类型" align="center" key="userType">
<template slot-scope="scope">
<dict-tag :options="dict.type.rl_user_type" :value="scope.row.userType"/>
<dict-tag :options="dict.type.ss_user_type" :value="scope.row.userType"/>
</template>
</el-table-column>
<el-table-column label="最后登录时间" align="center" prop="createTime" width="160">
@ -99,6 +99,38 @@
></el-switch>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-view"
@click="handleSee(scope.row)"
v-hasPermi="['system:smUser:detail']"
>详情</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:smUser:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:smUser:remove']"
>删除</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-setting"
@click="handleUpdateRisk(scope.row)"
v-hasPermi="['system:smUser:edit']"
>配置</el-button>
</template>
</el-table-column>
</el-table>
<pagination
@ -252,6 +284,9 @@
<el-button @click="upload.open = false">取 消</el-button>
</div>
</el-dialog>
<!--用户设置-->
<user-config-dialog :show.sync="showConfigDialog" :user-id="row.userId" @success="getList" show-current/>
</div>
</template>
@ -259,12 +294,16 @@
import { listUser, getUser, delUser, addUser, updateUser, resetUserPwd, changeUserStatus,bandSystemUser } from "@/api/user/user";
import { getToken } from "@/utils/auth";
import { listUser as getSysUserList } from "@/api/system/user";
import UserConfigDialog from '@/views/user/user/components/UserConfigDialog.vue';
export default {
name: "User",
dicts: ['sys_normal_disable', 'sys_user_sex','et_user_is_authentication','rl_user_type'],
components: {UserConfigDialog },
dicts: ['sys_normal_disable', 'sys_user_sex','et_user_is_authentication','ss_user_type'],
data() {
return {
showConfigDialog: false,
row: {}, // 当前row
// 遮罩层
loading: true,
// 选中数组
@ -384,6 +423,10 @@ export default {
});
},
methods: {
handleUpdateRisk(row) {
this.row = row;
this.showConfigDialog = true;
},
/** 查询用户列表 */
getList() {
this.loading = true;
@ -474,9 +517,6 @@ export default {
case "handleResetPwd":
this.handleResetPwd(row);
break;
case "handleBandSysUser":
this.handleBandSysUser(row);
break;
default:
break;
}
@ -496,16 +536,16 @@ export default {
}).catch(() => {});
},
/** 绑定系统用户 */
handleBandSysUser(row){
this.reset();
const userId = row.userId || this.ids;
getSysUserList({userType:"00",pageSize:9999,pageNum:1}).then(response => {
this.sysUserOptions = response.rows;
this.form.userId = userId;
this.open2 = true;
this.title = "绑定系统用户";
});
},
// handleBandSysUser(row){
// this.reset();
// const userId = row.userId || this.ids;
// getSysUserList({userType:"00",pageSize:9999,pageNum:1}).then(response => {
// this.sysUserOptions = response.rows;
// this.form.userId = userId;
// this.open2 = true;
// this.title = "绑定系统用户";
// });
// },
/** 新增按钮操作 */
handleAdd() {
this.reset();