店铺相关模块初始化

This commit is contained in:
磷叶 2025-04-18 12:01:45 +08:00 committed by SjS
parent 3c583490cf
commit 0bf8f775ae
17 changed files with 1186 additions and 12 deletions

View File

@ -1,5 +1,5 @@
# 页面标题
VUE_APP_TITLE = 电动车v2
VUE_APP_TITLE = 爆灯系统
# 开发环境配置
ENV = 'development'

View File

@ -1,5 +1,5 @@
# 页面标题
VUE_APP_TITLE = 小鹿骑行管理系统
VUE_APP_TITLE = 爆灯后台管理系统
# 生产环境配置
ENV = 'production'
@ -11,4 +11,4 @@ VUE_APP_BASE_API = '/prod-api'
VUE_APP_QINIU_DOMAIN = 'https://api.ccttiot.com'
# WebSocket地址
VUE_APP_WS_HOST = 'wss://pm.chuangtewl.com/prod-api'
VUE_APP_WS_HOST = 'wss://pm.chuangtewl.com/prod-api'

View File

@ -1,5 +1,5 @@
# 页面标题
VUE_APP_TITLE = 小鹿骑行管理系统
VUE_APP_TITLE = 爆灯后台管理系统
NODE_ENV = production

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

44
src/api/bst/booth.js Normal file
View File

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询卡座列表
export function listBooth(query) {
return request({
url: '/bst/booth/list',
method: 'get',
params: query
})
}
// 查询卡座详细
export function getBooth(boothId) {
return request({
url: '/bst/booth/' + boothId,
method: 'get'
})
}
// 新增卡座
export function addBooth(data) {
return request({
url: '/bst/booth',
method: 'post',
data: data
})
}
// 修改卡座
export function updateBooth(data) {
return request({
url: '/bst/booth',
method: 'put',
data: data
})
}
// 删除卡座
export function delBooth(boothId) {
return request({
url: '/bst/booth/' + boothId,
method: 'delete'
})
}

44
src/api/bst/part.js Normal file
View File

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询分区列表
export function listPart(query) {
return request({
url: '/bst/part/list',
method: 'get',
params: query
})
}
// 查询分区详细
export function getPart(partId) {
return request({
url: '/bst/part/' + partId,
method: 'get'
})
}
// 新增分区
export function addPart(data) {
return request({
url: '/bst/part',
method: 'post',
data: data
})
}
// 修改分区
export function updatePart(data) {
return request({
url: '/bst/part',
method: 'put',
data: data
})
}
// 删除分区
export function delPart(partId) {
return request({
url: '/bst/part/' + partId,
method: 'delete'
})
}

44
src/api/bst/store.js Normal file
View File

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询店铺列表
export function listStore(query) {
return request({
url: '/bst/store/list',
method: 'get',
params: query
})
}
// 查询店铺详细
export function getStore(storeId) {
return request({
url: '/bst/store/' + storeId,
method: 'get'
})
}
// 新增店铺
export function addStore(data) {
return request({
url: '/bst/store',
method: 'post',
data: data
})
}
// 修改店铺
export function updateStore(data) {
return request({
url: '/bst/store',
method: 'put',
data: data
})
}
// 删除店铺
export function delStore(storeId) {
return request({
url: '/bst/store/' + storeId,
method: 'delete'
})
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 123 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1002 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@ -5,7 +5,7 @@ const { sideTheme, showSettings, topNav, tagsView, fixedHeader, sidebarLogo, dyn
const storageSetting = JSON.parse(localStorage.getItem('layout-setting')) || ''
const state = {
title: '',
theme: storageSetting.theme || '#409EFF',
theme: storageSetting.theme || '#fe4757',
sideTheme: storageSetting.sideTheme || sideTheme,
showSettings: showSettings,
topNav: storageSetting.topNav === undefined ? topNav : storageSetting.topNav,

View File

@ -0,0 +1,312 @@
<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="分区ID" prop="partId">
<el-input
v-model="queryParams.partId"
placeholder="请输入分区ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="卡座名称" prop="boothName">
<el-input
v-model="queryParams.boothName"
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-has-permi="['bst:booth:add']"
>新增</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-has-permi="['bst:booth:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-has-permi="['bst:booth:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="boothList" @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 === 'boothId'">
{{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-has-permi="['bst:booth:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-has-permi="['bst:booth: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 :close-on-click-modal="false">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-row>
<form-col :span="span" label="分区ID" prop="partId">
<el-input v-model="form.partId" placeholder="请输入分区ID" />
</form-col>
<form-col :span="span" label="卡座名称" prop="boothName">
<el-input v-model="form.boothName" placeholder="请输入卡座名称" />
</form-col>
<form-col :span="span" label="分区图片" prop="picture">
<el-input v-model="form.picture" type="textarea" placeholder="请输入内容" />
</form-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { listBooth, getBooth, delBooth, addBooth, updateBooth } from "@/api/bst/booth";
import { $showColumns } from '@/utils/mixins';
import FormCol from "@/components/FormCol/index.vue";
//
const defaultSort = {
prop: "createTime",
order: "descending"
}
export default {
name: "Booth",
mixins: [$showColumns],
components: {FormCol},
data() {
return {
span: 24,
//
columns: [
{key: 'boothId', visible: true, label: '卡座ID', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'partId', visible: true, label: '分区ID', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'boothName', 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},
],
//
orderSorts: ['ascending', 'descending', null],
//
loading: true,
//
ids: [],
//
single: true,
//
multiple: true,
//
showSearch: true,
//
total: 0,
//
boothList: [],
//
title: "",
//
open: false,
defaultSort,
//
queryParams: {
pageNum: 1,
pageSize: 20,
orderByColumn: defaultSort.prop,
isAsc: defaultSort.order,
partId: null,
boothName: null,
picture: null,
},
//
form: {},
//
rules: {
createTime: [
{ 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;
listBooth(this.queryParams).then(response => {
this.boothList = response.rows;
this.total = response.total;
this.loading = false;
});
},
//
cancel() {
this.open = false;
this.reset();
},
//
reset() {
this.form = {
boothId: null,
partId: null,
boothName: null,
picture: null,
createTime: 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.boothId)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加卡座";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const boothId = row.boothId || this.ids
getBooth(boothId).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改卡座";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.boothId != null) {
updateBooth(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addBooth(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const boothIds = row.boothId || this.ids;
this.$modal.confirm('是否确认删除卡座编号为"' + boothIds + '"的数据项?').then(function() {
return delBooth(boothIds);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('bst/booth/export', {
...this.queryParams
}, `booth_${new Date().getTime()}.xlsx`)
}
}
};
</script>

View File

@ -0,0 +1,314 @@
<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="父分区ID" prop="parentId">
<el-input
v-model="queryParams.parentId"
placeholder="请输入父分区ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="店铺ID" prop="storeId">
<el-input
v-model="queryParams.storeId"
placeholder="请输入店铺ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="分区名称" prop="partName">
<el-input
v-model="queryParams.partName"
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="['bst:part:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="info"
plain
icon="el-icon-sort"
size="mini"
@click="toggleExpandAll"
>展开/折叠</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table
v-if="refreshTable"
v-loading="loading"
:data="partList"
row-key="partId"
:default-expand-all="isExpandAll"
:tree-props="{children: 'children', hasChildren: 'hasChildren'}"
>
<el-table-column label="分区所属" prop="parentId" />
<el-table-column label="店铺名称" align="center" prop="storeId" />
<el-table-column label="分区名称" align="center" prop="partName" />
<el-table-column label="分区图片" align="center" prop="picture" />
<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="['bst:part:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-plus"
@click="handleAdd(scope.row)"
v-hasPermi="['bst:part:add']"
>新增</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['bst:part:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<!-- 添加或修改分区对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-select
v-model="form.storeId"
placeholder="请选择店铺"
clearable
filterable
>
<el-option
v-for="item in storeOptions"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
<el-form-item label="分区所属" prop="parentId">
<treeselect v-model="form.parentId" :options="partOptions" :normalizer="normalizer" placeholder="请选择分区所属" />
</el-form-item>
<el-form-item label="分区名称" prop="partName">
<el-input v-model="form.partName" placeholder="请输入分区名称" />
</el-form-item>
<el-form-item label="分区图片" prop="picture">
<image-upload v-model="form.picture" type="textarea" placeholder="请输入内容" />
</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 {getPart, listPart,addPart,updatePart} from "@/api/bst/part";
import {listStore} from "@/api/bst/store";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
import item from "@/layout/components/Sidebar/Item.vue";
export default {
name: "Part",
components: {
Treeselect
},
data() {
return {
//
loading: true,
//
showSearch: true,
//
partList: [],
//
partOptions: [],
//
storeOptions: [],
//
title: "",
//
open: false,
//
isExpandAll: true,
//
refreshTable: true,
//
queryParams: {
parentId: null,
storeId: null,
partName: null,
picture: null,
},
//
form: {},
//
rules: {
createTime: [
{ required: true, message: "创建时间不能为空", trigger: "blur" }
]
}
};
},
created() {
this.getList();
this.getStoreList();
},
methods: {
/** 查询分区列表 */
getList() {
this.loading = true;
listPart(this.queryParams).then(response => {
this.partList = this.handleTree(response.data, "partId", "parentId");
this.loading = false;
});
},
/** 查询店铺列表 */
getStoreList() {
this.loading = true;
listStore(this.queryParams).then(response => {
this.storeOptions = response.data.map(item => ({
value: item.storeId,
lable: item.storeName
}))
this.loading = false
});
},
/** 转换分区数据结构 */
normalizer(node) {
if (node.children && !node.children.length) {
delete node.children;
}
return {
id: node.partId,
label: node.partName,
children: node.children
};
},
/** 查询分区下拉树结构 */
getTreeselect() {
listPart().then(response => {
this.partOptions = [];
const data = { partId: 0, partName: '全部分区', children: [] };
data.children = this.handleTree(response.data, "partId", "parentId");
this.partOptions.push(data);
});
},
//
cancel() {
this.open = false;
this.reset();
},
//
reset() {
this.form = {
partId: null,
parentId: null,
storeId: null,
partName: null,
picture: null,
createTime: null
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
/** 新增按钮操作 */
handleAdd(row) {
this.reset();
this.getTreeselect();
if (row != null && row.partId) {
this.form.parentId = row.partId;
} else {
this.form.parentId = 0;
}
this.open = true;
this.title = "添加分区";
},
/** 展开/折叠操作 */
toggleExpandAll() {
this.refreshTable = false;
this.isExpandAll = !this.isExpandAll;
this.$nextTick(() => {
this.refreshTable = true;
});
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
this.getTreeselect();
if (row != null) {
this.form.parentId = row.parentId;
}
getPart(row.partId).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改分区";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.partId != null) {
updatePart(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addPart(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
this.$modal.confirm('是否确认删除分区编号为"' + row.partId + '"的数据项?').then(function() {
return delPart(row.partId);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
}
}
};
</script>

View File

@ -0,0 +1,416 @@
<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.storeName"
placeholder="请输入店铺名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="联系人" prop="userName">
<el-input
v-model="queryParams.userName"
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="startTime">-->
<!-- <el-date-picker clearable-->
<!-- v-model="queryParams.startTime"-->
<!-- type="date"-->
<!-- value-format="yyyy-MM-dd"-->
<!-- placeholder="请选择营业开始时间">-->
<!-- </el-date-picker>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="营业结束时间" prop="endTime">-->
<!-- <el-date-picker clearable-->
<!-- v-model="queryParams.endTime"-->
<!-- type="date"-->
<!-- value-format="yyyy-MM-dd"-->
<!-- placeholder="请选择营业结束时间">-->
<!-- </el-date-picker>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="经度" prop="longitude">-->
<!-- <el-input-->
<!-- v-model="queryParams.longitude"-->
<!-- placeholder="请输入经度"-->
<!-- clearable-->
<!-- @keyup.enter.native="handleQuery"-->
<!-- />-->
<!-- </el-form-item>-->
<!-- <el-form-item label="纬度" prop="latitude">-->
<!-- <el-input-->
<!-- v-model="queryParams.latitude"-->
<!-- placeholder="请输入纬度"-->
<!-- clearable-->
<!-- @keyup.enter.native="handleQuery"-->
<!-- />-->
<!-- </el-form-item>-->
<el-form-item label="地址" prop="address">
<el-input
v-model="queryParams.address"
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-has-permi="['bst:store:add']"
>新增</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-has-permi="['bst:store:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-has-permi="['bst:store:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="storeList" @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 === 'storeId'">
{{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-has-permi="['bst:store:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-has-permi="['bst:store: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="700px" append-to-body :close-on-click-modal="false">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-row>
<form-col :span="span" label="店铺名称" prop="storeName">
<el-input v-model="form.storeName" placeholder="请输入店铺名称" />
</form-col>
<form-col :span="span" label="联系人" prop="userName">
<el-input v-model="form.userName" placeholder="请输入联系人" />
</form-col>
<form-col :span="span" label="联系电话" prop="phone">
<el-input v-model="form.phone" placeholder="请输入联系电话" />
</form-col>
<form-col label="营业时间" class="compact-time">
<el-row :gutter="11">
<el-col :span="9">
<el-time-picker
v-model="form.startTime"
format="HH:mm"
placeholder="开始时间"
style="width: 100%"
/>
</el-col>
<el-col :span="1" class="time-separator"></el-col>
<el-col :span="9">
<el-time-picker
v-model="form.endTime"
format="HH:mm"
placeholder="结束时间"
style="width: 100%"
/>
</el-col>
</el-row>
</form-col>
<!-- </form-col>-->
<!-- <form-col :span="span" label="经度" prop="longitude">-->
<!-- <el-input v-model="form.longitude" placeholder="请输入经度" />-->
<!-- </form-col>-->
<!-- <form-col :span="span" label="纬度" prop="latitude">-->
<!-- <el-input v-model="form.latitude" placeholder="请输入纬度" />-->
<!-- </form-col>-->
<form-col :span="span" label="详细地址" prop="address">
<el-input v-model="form.address" placeholder="请输入详细地址" />
</form-col>
<form-col :span="span" label="门店照片" prop="picture">
<image-upload v-model="form.picture" type="textarea" placeholder="请输入内容" />
</form-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { listStore, getStore, delStore, addStore, updateStore } from "@/api/bst/store";
import { $showColumns } from '@/utils/mixins';
import FormCol from "@/components/FormCol/index.vue";
//
const defaultSort = {
prop: "createTime",
order: "descending"
}
export default {
name: "Store",
mixins: [$showColumns],
components: {FormCol},
data() {
return {
span: 24,
//
columns: [
{key: 'storeId', 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: 'address', 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: 'userId', visible: true, label: '', 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: 'phone', visible: true, label: '联系电话', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
{key: 'startTime', visible: true, label: '营业开始时间', minWidth: null, sortable: false, overflow: false, align: 'center', width: "100"},
{key: 'endTime', visible: true, label: '营业结束时间', minWidth: null, sortable: false, overflow: false, align: 'center', width: "100"},
// {key: 'longitude', visible: true, label: '', minWidth: null, sortable: true, overflow: false, align: 'center', width: null},
//{key: 'latitude', 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,
//
storeList: [],
//
title: "",
//
open: false,
defaultSort,
//
queryParams: {
pageNum: 1,
pageSize: 20,
orderByColumn: defaultSort.prop,
isAsc: defaultSort.order,
userId: null,
storeName: null,
userName: null,
phone: null,
startTime: null,
endTime: null,
longitude: null,
latitude: null,
address: null,
picture: null,
},
//
form: {},
//
rules: {
createTime: [
{ 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;
listStore(this.queryParams).then(response => {
this.storeList = response.rows;
this.total = response.total;
this.loading = false;
});
},
//
cancel() {
this.open = false;
this.reset();
},
//
reset() {
this.form = {
storeId: null,
userId: null,
storeName: null,
userName: null,
phone: null,
startTime: null,
endTime: null,
longitude: null,
latitude: null,
address: null,
picture: null,
createTime: 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.storeId)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加店铺";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const storeId = row.storeId || this.ids
getStore(storeId).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改店铺";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.storeId != null) {
updateStore(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addStore(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const storeIds = row.storeId || this.ids;
this.$modal.confirm('是否确认删除店铺编号为"' + storeIds + '"的数据项?').then(function() {
return delStore(storeIds);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('bst/store/export', {
...this.queryParams
}, `store_${new Date().getTime()}.xlsx`)
}
}
};
</script>

View File

@ -4,7 +4,7 @@
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
<h3 class="title-box">
<img :src="logo" class="logo"/>
<span class="title">小鹿骑行管理系统</span>
<span class="title">爆灯后台管理系统</span>
</h3>
<el-form-item prop="username">
<el-input
@ -172,8 +172,8 @@ export default {
.bg-box {
flex: 1;
background-image: url("../assets/images/login-background.png");
-webkit-background-image: url("../assets/images/login-background.png");
background-image: url("../assets/images/login-background.jpg");
-webkit-background-image: url("../assets/images/login-background.jpg");
background-size: cover;
-webkit-background-size: cover;
background-position: center;

View File

@ -1,7 +1,7 @@
<template>
<div class="register">
<el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form">
<h3 class="title">小鹿骑行管理系统</h3>
<h3 class="title">爆灯后台管理系统</h3>
<el-form-item prop="username">
<el-input v-model="registerForm.username" type="text" auto-complete="off" placeholder="账号">
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
@ -151,7 +151,7 @@ export default {
justify-content: center;
align-items: center;
height: 100%;
background-image: url("../assets/images/login-background.png");
background-image: url("../assets/images/login-background.jpg");
background-size: cover;
}
.title {

View File

@ -7,7 +7,7 @@ function resolve(dir) {
const CompressionPlugin = require('compression-webpack-plugin')
const name = process.env.VUE_APP_TITLE || '小鹿骑行管理系统' // 网页标题
const name = process.env.VUE_APP_TITLE || '爆灯后台管理系统' // 网页标题
const port = process.env.port || process.env.npm_config_port || 4100 // 端口
@ -36,7 +36,7 @@ module.exports = {
proxy: {
// detail: https://cli.vuejs.org/config/#devserver-proxy
[process.env.VUE_APP_BASE_API]: {
target: `http://localhost:4101`,
target: `http://localhost:4301`,
// target: `https://ele.ccttiot.com/prod-api`,
changeOrigin: true,
pathRewrite: {