commit
c107824a29
@ -0,0 +1,23 @@
|
||||
.DS_Store
|
||||
node_modules
|
||||
/dist
|
||||
|
||||
|
||||
# local env files
|
||||
.env.local
|
||||
.env.*.local
|
||||
|
||||
# Log files
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
|
||||
# Editor directories and files
|
||||
.idea
|
||||
.vscode
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,33 @@
|
||||
{
|
||||
"name": "Eterlaze",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"serve": "vue-cli-service serve",
|
||||
"build": "vue-cli-service build"
|
||||
},
|
||||
"dependencies": {
|
||||
"ant-design-vue": "^1.7.4",
|
||||
"axios": "^0.21.1",
|
||||
"echarts": "^5.0.2",
|
||||
"element-ui": "^2.15.12",
|
||||
"nprogress": "^0.2.0",
|
||||
"vue": "^2.6.11",
|
||||
"vue-json-excel": "^0.3.0",
|
||||
"vue-router": "^3.2.0",
|
||||
"vuex": "^3.4.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vue/cli-plugin-router": "~4.5.0",
|
||||
"@vue/cli-plugin-vuex": "~4.5.0",
|
||||
"@vue/cli-service": "~4.5.0",
|
||||
"vue-template-compiler": "^2.6.11"
|
||||
},
|
||||
"browserslist": [
|
||||
"> 1%",
|
||||
"last 2 versions",
|
||||
"not dead"
|
||||
],
|
||||
"main": "index.js",
|
||||
"license": "MIT"
|
||||
}
|
||||
|
After Width: | Height: | Size: 17 KiB |
@ -0,0 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
||||
<title>圆桌物流管理系统</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<div id="app">
|
||||
<router-view/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style>
|
||||
|
||||
/*顶部进度条样式*/
|
||||
#nprogress .bar {
|
||||
background: #1890ff !important;
|
||||
}
|
||||
|
||||
body {
|
||||
letter-spacing: 1px;
|
||||
background: #f0f2f5 !important;
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,54 @@
|
||||
import service from "../utils/request";
|
||||
|
||||
export function IsInit() {
|
||||
return service({
|
||||
url: '/admin/hasInit',
|
||||
method: 'get',
|
||||
})
|
||||
}
|
||||
|
||||
export function Init(data) {
|
||||
return service({
|
||||
url: '/admin/init',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function DeleteAdmin(id) {
|
||||
return service({
|
||||
url: '/admin?id=' + id,
|
||||
method: 'delete',
|
||||
})
|
||||
}
|
||||
|
||||
export function FindAllAdmin() {
|
||||
return service({
|
||||
url: '/admin',
|
||||
method: 'get',
|
||||
})
|
||||
}
|
||||
|
||||
export function SaveAdmin(data) {
|
||||
return service({
|
||||
url: '/admin',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function AdminSendEmail(email) {
|
||||
return service({
|
||||
url: '/admin/sendEmail?email=' + email,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
//管理员登录
|
||||
export function AdminLogin(type, data) {
|
||||
return service({
|
||||
url: '/admin/login?type=' + type,
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,23 @@
|
||||
import service from "../utils/request";
|
||||
|
||||
export function FindAllDistribution() {
|
||||
return service({
|
||||
url: '/distribution',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function FindAllCanUse() {
|
||||
return service({
|
||||
url: '/distribution/can',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function SaveDistribution(data) {
|
||||
return service({
|
||||
url: '/distribution',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,23 @@
|
||||
import service from "../utils/request";
|
||||
|
||||
export function FindAllDriver(){
|
||||
return service({
|
||||
url: '/driver',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function SaveDriver(data) {
|
||||
return service({
|
||||
url: '/driver',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function DeleteDriverById(id){
|
||||
return service({
|
||||
url: '/driver?id=' + id,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,23 @@
|
||||
import service from "../utils/request";
|
||||
|
||||
export function FindAllEmployee(){
|
||||
return service({
|
||||
url: '/employee',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function SaveEmployee(data) {
|
||||
return service({
|
||||
url: '/employee',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function DeleteEmployeeById(id){
|
||||
return service({
|
||||
url: '/employee?id=' + id,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,37 @@
|
||||
import service from "../utils/request";
|
||||
|
||||
export function AnalyzeCommodity(type) {
|
||||
return service({
|
||||
url: '/inventory/analyze?type=' + type,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function FindAllInventory(id) {
|
||||
return service({
|
||||
url: '/inventory/warehouse/' + id,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function InAndOut(type, data) {
|
||||
return service({
|
||||
url: '/inventory/' + type,
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function FindRecordByWarehouse(id) {
|
||||
return service({
|
||||
url: '/inventory/record/warehouse/' + id,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function DeleteInventoryById(id) {
|
||||
return service({
|
||||
url: '/inventory?id=' + id,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,46 @@
|
||||
/*
|
||||
日志管理请求模块
|
||||
*/
|
||||
import service from "../utils/request";
|
||||
|
||||
//查询全部登录日志
|
||||
export function FindAllLoginLog() {
|
||||
return service({
|
||||
url: '/loginlog',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
//查询全部操作日志
|
||||
export function FindAllSystemLog() {
|
||||
return service({
|
||||
url: '/systemlog',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
//根据条件查询操作日志
|
||||
export function querySystemLog(account,moudle) {
|
||||
return service({
|
||||
url: 'querySystemlog?account='+account+'&moudle='+moudle,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
//删除操作日志
|
||||
export function DeleteSystemLogById(id) {
|
||||
return service({
|
||||
url: '/systemlog?id='+id,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
||||
//删除登录日志
|
||||
export function DeleteLoginLogById(id) {
|
||||
return service({
|
||||
url: '/loginlog?id='+id,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
@ -0,0 +1,8 @@
|
||||
import service from "../utils/request";
|
||||
|
||||
export function FindAllRole(){
|
||||
return service({
|
||||
url: '/role',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,24 @@
|
||||
import service from "../utils/request";
|
||||
|
||||
export function FindAllSale() {
|
||||
console.log("FindAllSale")
|
||||
return service({
|
||||
url: '/sale',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function SearchCompany(name) {
|
||||
return service({
|
||||
url: '/sale/search/' + name,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function SaveSale(data) {
|
||||
return service({
|
||||
url: '/sale',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,23 @@
|
||||
import service from "../utils/request";
|
||||
|
||||
export function FindAllVehicle(){
|
||||
return service({
|
||||
url: '/vehicle',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function SaveVehicle(data) {
|
||||
return service({
|
||||
url: '/vehicle',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function DeleteVehicleById(id){
|
||||
return service({
|
||||
url: '/vehicle?id=' + id,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,23 @@
|
||||
import service from "../utils/request";
|
||||
|
||||
export function FindAllWarehouse() {
|
||||
return service({
|
||||
url: '/warehouse',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function SaveWarehouse(data) {
|
||||
return service({
|
||||
url: '/warehouse',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function DeleteWarehouseById(id) {
|
||||
return service({
|
||||
url: '/warehouse?id=' + id,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
After Width: | Height: | Size: 458 KiB |
|
After Width: | Height: | Size: 8.3 KiB |
|
After Width: | Height: | Size: 4.3 MiB |
|
After Width: | Height: | Size: 371 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 879 B |
|
After Width: | Height: | Size: 919 B |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 5.2 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
@ -0,0 +1,94 @@
|
||||
<template>
|
||||
<div>
|
||||
<download-excel
|
||||
class="export-excel-wrapper"
|
||||
:data="data"
|
||||
:fields="json_fields"
|
||||
name="出入库记录.xls">
|
||||
<a-button class="btn" icon="download" type="primary">下载Excel表格</a-button>
|
||||
</download-excel>
|
||||
<a-table :columns="columns" :data-source="data" rowKey="id">
|
||||
<span slot="type" slot-scope="type">
|
||||
<a-tag :color="type === -1 ? 'green' : 'cyan'">{{ type === -1 ? '出库' : '入库' }}</a-tag>
|
||||
</span>
|
||||
</a-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {FindRecordByWarehouse} from "../api/inventory";
|
||||
|
||||
const columns = [
|
||||
{
|
||||
dataIndex: 'name',
|
||||
key: 'name',
|
||||
title: '商品',
|
||||
},
|
||||
{
|
||||
title: '数量',
|
||||
dataIndex: 'count',
|
||||
key: 'count',
|
||||
},
|
||||
{
|
||||
title: '时间',
|
||||
dataIndex: 'createAt',
|
||||
key: 'createAt',
|
||||
},
|
||||
{
|
||||
title: '类型',
|
||||
key: 'type',
|
||||
dataIndex: 'type',
|
||||
scopedSlots: {customRender: 'type'},
|
||||
},
|
||||
{
|
||||
title: '备注',
|
||||
dataIndex: 'description',
|
||||
key: 'description',
|
||||
},
|
||||
];
|
||||
|
||||
export default {
|
||||
|
||||
components: {},
|
||||
|
||||
props: {
|
||||
warehouseId: {type: String, default: ''},
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
data: [],
|
||||
columns,
|
||||
json_fields: {
|
||||
"商品ID": "cid",
|
||||
"商品名称": "name",
|
||||
"类型": {
|
||||
field: 'type',
|
||||
callback: (value) => {
|
||||
console.log(value)
|
||||
return value === -1 ? '出库' : '入库'
|
||||
}
|
||||
},
|
||||
"数量": "count",
|
||||
"备注": "description",
|
||||
"时间": "createAt",
|
||||
},
|
||||
}
|
||||
},
|
||||
|
||||
mounted() {
|
||||
FindRecordByWarehouse(this.warehouseId).then((res) => {
|
||||
this.data = res.data
|
||||
console.log(res.data[0])
|
||||
})
|
||||
},
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.btn {
|
||||
margin-bottom: 15px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,119 @@
|
||||
<template>
|
||||
<a-layout-sider
|
||||
:style="{ overflow: 'auto', height: '100vh', position: 'fixed', left: 0 }"
|
||||
width="220">
|
||||
<div class="logo">
|
||||
圆桌物流管理系统
|
||||
</div>
|
||||
<a-menu theme="dark" mode="inline">
|
||||
<a-sub-menu v-for="(item, index) in menus" :key="index">
|
||||
<span slot="title">
|
||||
<a-icon :type="item.icon"/>
|
||||
<span>{{ item.title }}</span>
|
||||
</span>
|
||||
<a-menu-item v-for="menu in item.children" :key="menu.title">
|
||||
<router-link :to="menu.path">
|
||||
{{ menu.title }}
|
||||
</router-link>
|
||||
</a-menu-item>
|
||||
</a-sub-menu>
|
||||
</a-menu>
|
||||
</a-layout-sider>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
|
||||
data() {
|
||||
return {
|
||||
menus: [
|
||||
{
|
||||
title: '基础管理',
|
||||
icon: 'home',
|
||||
children: [
|
||||
{title: '商品管理', path: '/commodity'},
|
||||
{title: '来往单位', path: '/company'},
|
||||
{title: '员工管理', path: '/employee'},
|
||||
{title: '仓库管理', path: '/warehouse'},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: '销售管理',
|
||||
icon: 'pay-circle',
|
||||
children: [
|
||||
{title: '销售开票', path: '/sale/create'},
|
||||
{title: '销售记录', path: '/sale/record'},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: '配送管理',
|
||||
icon: 'car',
|
||||
children: [
|
||||
{title: '申请配送', path: '/delivery/create'},
|
||||
{title: '配送列表', path: '/delivery/list'},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: '运输管理',
|
||||
icon: 'rocket',
|
||||
children: [
|
||||
{title: '车辆资料', path: '/vehicle'},
|
||||
{title: '驾驶员资料', path: '/driver'},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: '图表分析',
|
||||
icon: 'line-chart',
|
||||
children: [
|
||||
{title: '入库分析', path: '/analyze/in'},
|
||||
{title: '出库分析', path: '/analyze/out'},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: '系统管理',
|
||||
icon: 'tool',
|
||||
children: [
|
||||
{title: '安全设置', path: '/security'},
|
||||
{title: '操作员管理', path: '/admin'},
|
||||
{title: '权限列表', path: '/role'}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: '日志管理',
|
||||
icon: 'file',
|
||||
children: [
|
||||
{title: '登录日志', path: '/loginlog'},
|
||||
{title: '操作日志', path: '/systemlog'}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
#components-layout-demo-fixed-sider .logo {
|
||||
padding: 10px 15px;
|
||||
height: 50px;
|
||||
font-size: 15px;
|
||||
margin: 16px;
|
||||
color: #ffffff;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
|
||||
.ant-menu {
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.logo img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,15 @@
|
||||
<template>
|
||||
<a-layout-footer :style="{ textAlign: 'center', letterSpacing: '1px' }">
|
||||
圆桌物流管理系统
|
||||
</a-layout-footer>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "Footer"
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,111 @@
|
||||
<template>
|
||||
<a-layout-header class="header" :style="{ background: '#fff', padding: 0}">
|
||||
<a-tooltip placement="bottom">
|
||||
<template slot="title">
|
||||
<span>刷新页面</span>
|
||||
</template>
|
||||
<!-- <a-button @click="clickReload" class="reload-btn" icon="reload" type="link">Reload</a-button> -->
|
||||
</a-tooltip>
|
||||
|
||||
<a-tooltip placement="bottom" class="question-btn">
|
||||
<template slot="title">
|
||||
<span>About</span>
|
||||
</template>
|
||||
<a-button class="reload-btn" icon="question-circle" type="link"/>
|
||||
</a-tooltip>
|
||||
|
||||
<a-dropdown>
|
||||
<a-button class="avatar-btn" type="link">
|
||||
<div class="avatar-btn-main">
|
||||
<a-avatar class="avatar"
|
||||
:size="26"
|
||||
src="https://gw.alipayobjects.com/zos/antfincdn/XAosXuNZyF/BiazfanxmamNRoxxVxka.png"/>
|
||||
<div class="avatar-btn-username">{{ details.email }}</div>
|
||||
</div>
|
||||
</a-button>
|
||||
<a-menu slot="overlay">
|
||||
<a-menu-item>
|
||||
<router-link to="/security">
|
||||
<a-icon class="icon" type="smile"/>
|
||||
个人中心
|
||||
</router-link>
|
||||
</a-menu-item>
|
||||
<a-menu-item>
|
||||
<router-link to="/role">
|
||||
<a-icon class="icon" type="setting"/>
|
||||
权限设置
|
||||
</router-link>
|
||||
</a-menu-item>
|
||||
<a-menu-divider/>
|
||||
<a-menu-item @click="handleLogout">
|
||||
<a-icon class="icon" type="logout"/>
|
||||
退出登录
|
||||
</a-menu-item>
|
||||
</a-menu>
|
||||
</a-dropdown>
|
||||
|
||||
</a-layout-header>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
|
||||
data() {
|
||||
return {
|
||||
details: this.$store.state.user.details ? this.$store.state.user.details : {}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
clickReload() {
|
||||
this.$router.go(0)
|
||||
},
|
||||
handleLogout() {
|
||||
let that = this
|
||||
this.$confirm({
|
||||
title: '你确定要注销你的登录信息吗?',
|
||||
content: '点击确定将删除你在网站保留的登录信息！',
|
||||
onOk() {
|
||||
that.$router.push('/login')
|
||||
that.$store.commit('user/userLogout')
|
||||
},
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.reload-btn {
|
||||
font-size: 15px;
|
||||
margin-left: 10px;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.question-btn {
|
||||
float: right;
|
||||
margin: 15px 12px 0 0;
|
||||
}
|
||||
|
||||
.avatar-btn {
|
||||
float: right;
|
||||
font-size: 15px;
|
||||
color: rgba(0, 0, 0, 0.55);
|
||||
height: 64px;
|
||||
}
|
||||
|
||||
|
||||
.avatar-btn-main {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.avatar-btn-username {
|
||||
line-height: 62px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
margin-right: 12px;
|
||||
margin-top: 19px;
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,49 @@
|
||||
<template>
|
||||
<a-layout id="components-layout-demo-fixed-sider">
|
||||
<Aside/>
|
||||
<a-layout :style="{ marginLeft: '220px' }">
|
||||
<Header/>
|
||||
<Main/>
|
||||
<Footer/>
|
||||
</a-layout>
|
||||
</a-layout>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Aside from "@/layout/Aside";
|
||||
import Header from "@/layout/Header";
|
||||
import Main from "@/layout/Main";
|
||||
import Footer from "@/layout/Footer";
|
||||
|
||||
export default {
|
||||
components: {Aside, Header, Main, Footer},
|
||||
mounted() {
|
||||
this.$message.success(
|
||||
'欢迎管理员 ' + this.$store.state.user.details.email,6,
|
||||
);
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
#components-layout-demo-fixed-sider .logo {
|
||||
padding: 10px 15px;
|
||||
height: 50px;
|
||||
font-size: 15px;
|
||||
margin: 16px;
|
||||
color: #ffffff;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
|
||||
.logo img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.header {
|
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,9 @@
|
||||
<template>
|
||||
<a-layout-content :style="{ margin: '24px', overflow: 'initial' }">
|
||||
<router-view/>
|
||||
</a-layout-content>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,19 @@
|
||||
import Vue from 'vue'
|
||||
import App from './App.vue'
|
||||
import router from './router'
|
||||
import store from './store'
|
||||
import Antd from 'ant-design-vue'
|
||||
import 'ant-design-vue/dist/antd.css'
|
||||
import JsonExcel from 'vue-json-excel'
|
||||
import 'element-ui/lib/theme-chalk/index.css'; // 导入相关样式
|
||||
|
||||
Vue.component('downloadExcel', JsonExcel)
|
||||
Vue.config.productionTip = false
|
||||
|
||||
Vue.use(Antd)
|
||||
|
||||
new Vue({
|
||||
router,
|
||||
store,
|
||||
render: function (h) { return h(App) }
|
||||
}).$mount('#app')
|
||||
@ -0,0 +1,32 @@
|
||||
import Vue from 'vue'
|
||||
import VueRouter from 'vue-router'
|
||||
import store from '../store'
|
||||
import routes from "@/router/routes"
|
||||
import NProgress from 'nprogress'
|
||||
import 'nprogress/nprogress.css'
|
||||
|
||||
//顶部进度条样式
|
||||
NProgress.configure({
|
||||
showSpinner: false,
|
||||
speed: 800,
|
||||
});
|
||||
|
||||
Vue.use(VueRouter)
|
||||
|
||||
const router = new VueRouter({
|
||||
mode: 'history',
|
||||
base: process.env.BASE_URL,
|
||||
routes
|
||||
})
|
||||
|
||||
//路由卫士
|
||||
router.beforeEach((to, from, next) => {
|
||||
NProgress.start();
|
||||
to.meta.auth && !store.state.user.token ? next("/login") : next();
|
||||
})
|
||||
|
||||
router.afterEach(() => {
|
||||
NProgress.done()
|
||||
})
|
||||
|
||||
export default router
|
||||
@ -0,0 +1,155 @@
|
||||
import Layout from '@/layout/Index'
|
||||
|
||||
const routes = [
|
||||
//公共布局下的路由
|
||||
{
|
||||
path: '/',
|
||||
component: Layout,
|
||||
children: [
|
||||
{
|
||||
path: "",
|
||||
redirect: "/commodity",
|
||||
meta: {auth: true}
|
||||
},
|
||||
{
|
||||
path: 'commodity',
|
||||
component: () => import('@/views/basics/Commodity'),
|
||||
meta: {auth: true}
|
||||
},
|
||||
{
|
||||
path: 'company',
|
||||
component: () => import('@/views/basics/Company'),
|
||||
meta: {auth: true}
|
||||
},
|
||||
{
|
||||
path: 'employee',
|
||||
component: () => import('@/views/basics/Employee'),
|
||||
meta: {auth: true}
|
||||
},
|
||||
{
|
||||
path: 'warehouse',
|
||||
component: () => import('@/views/basics/Warehouse'),
|
||||
meta: {auth: true}
|
||||
},
|
||||
{
|
||||
path: 'warehouse/:id',
|
||||
component: () => import('@/views/basics/Details'),
|
||||
meta: {auth: true}
|
||||
},
|
||||
{
|
||||
path: 'driver',
|
||||
component: () => import('@/views/transport/Driver'),
|
||||
meta: {auth: true}
|
||||
},
|
||||
{
|
||||
path: 'loginlog',
|
||||
component: () => import('@/views/logging/LoginLog'),
|
||||
meta: {auth: true}
|
||||
},
|
||||
{
|
||||
path: 'systemlog',
|
||||
component: () => import('@/views/logging/SystemLog'),
|
||||
meta: {auth: true}
|
||||
},
|
||||
{
|
||||
path: 'vehicle',
|
||||
component: () => import('@/views/transport/Vehicle'),
|
||||
meta: {auth: true}
|
||||
},
|
||||
{
|
||||
path: 'sale/record',
|
||||
component: () => import('@/views/sale/Record'),
|
||||
meta: {auth: true}
|
||||
},
|
||||
{
|
||||
path: 'sale/create',
|
||||
component: () => import('@/views/sale/Create'),
|
||||
meta: {auth: true}
|
||||
},
|
||||
|
||||
{
|
||||
path: 'delivery/create',
|
||||
component: () => import('@/views/delivery/Create'),
|
||||
meta: {auth: true}
|
||||
},
|
||||
{
|
||||
path: 'delivery/list',
|
||||
component: () => import('@/views/delivery/List'),
|
||||
meta: {auth: true}
|
||||
},
|
||||
|
||||
{
|
||||
path: 'analyze/in',
|
||||
component: () => import('@/views/analyze/In'),
|
||||
meta: {auth: true}
|
||||
},
|
||||
|
||||
{
|
||||
path: 'analyze/out',
|
||||
component: () => import('@/views/analyze/Out'),
|
||||
meta: {auth: true}
|
||||
},
|
||||
|
||||
{
|
||||
path: 'security',
|
||||
component: () => import('@/views/system/Security'),
|
||||
meta: {auth: true},
|
||||
},
|
||||
{
|
||||
path: 'admin',
|
||||
component: () => import('@/views/system/Admin'),
|
||||
meta: {auth: true},
|
||||
},
|
||||
{
|
||||
path: 'role',
|
||||
component: () => import('@/views/system/Role'),
|
||||
meta: {auth: true},
|
||||
},
|
||||
|
||||
//403
|
||||
{
|
||||
path: '403',
|
||||
component: () => import('@/views/error/403'),
|
||||
meta: {auth: true}
|
||||
},
|
||||
//404
|
||||
{
|
||||
path: '404',
|
||||
component: () => import('@/views/error/404'),
|
||||
meta: {auth: true}
|
||||
},
|
||||
//500
|
||||
{
|
||||
path: '500',
|
||||
component: () => import('@/views/error/500'),
|
||||
meta: {auth: true}
|
||||
},
|
||||
|
||||
]
|
||||
},
|
||||
|
||||
//登录页
|
||||
{
|
||||
path: '/login',
|
||||
name: 'Login',
|
||||
component: () => import('@/views/Login'),
|
||||
meta: {auth: false}
|
||||
},
|
||||
|
||||
//初始化
|
||||
{
|
||||
path: '/init',
|
||||
name: 'Init',
|
||||
component: () => import('@/views/Init'),
|
||||
meta: {auth: false}
|
||||
},
|
||||
|
||||
//404
|
||||
{
|
||||
path: "*",
|
||||
redirect: '/404'
|
||||
}
|
||||
|
||||
]
|
||||
|
||||
export default routes
|
||||
@ -0,0 +1,11 @@
|
||||
import Vue from 'vue'
|
||||
import Vuex from 'vuex'
|
||||
import user from './modules/user'
|
||||
|
||||
Vue.use(Vuex)
|
||||
|
||||
export default new Vuex.Store({
|
||||
modules: {
|
||||
user
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,40 @@
|
||||
const state = {
|
||||
token: localStorage.getItem("token"),
|
||||
details: JSON.parse(localStorage.getItem("user"))
|
||||
}
|
||||
|
||||
const getters = {}
|
||||
|
||||
const mutations = {
|
||||
|
||||
saveToken(state, token) {
|
||||
state.token = token
|
||||
localStorage.setItem("token", token)
|
||||
console.log(localStorage.getItem("token"))
|
||||
console.log("执行saveToken")
|
||||
},
|
||||
|
||||
saveLoginUser(state, user) {
|
||||
state.details = user
|
||||
localStorage.setItem("user", JSON.stringify(user))
|
||||
console.log("saveLoginUser")
|
||||
},
|
||||
|
||||
userLogout(state) {
|
||||
state.details = null
|
||||
state.token = null
|
||||
localStorage.removeItem("token")
|
||||
localStorage.removeItem("user")
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
const actions = {}
|
||||
|
||||
export default {
|
||||
namespaced: true,
|
||||
state,
|
||||
getters,
|
||||
mutations,
|
||||
actions
|
||||
}
|
||||
@ -0,0 +1,28 @@
|
||||
import request from "axios"
|
||||
import {message} from 'ant-design-vue'
|
||||
import router from '../router/index'
|
||||
|
||||
var token = localStorage.getItem("token")
|
||||
var service = request.create({
|
||||
baseURL: 'http://localhost:8088/api',
|
||||
timeout: 50000
|
||||
});
|
||||
|
||||
|
||||
service.interceptors.response.use(
|
||||
response => {
|
||||
const res = response.data;
|
||||
//判断response状态
|
||||
if (!res.status) message.error('请求错误: ' + res.msg)
|
||||
if (res.code === 403) router.push("/403")
|
||||
return res
|
||||
},
|
||||
error => {
|
||||
message.error(error)
|
||||
router.push('/500')
|
||||
return Promise.reject(error)
|
||||
}
|
||||
);
|
||||
console.log("执行request.js2");
|
||||
|
||||
export default service
|
||||
@ -0,0 +1,87 @@
|
||||
<template>
|
||||
<a-form-model :model="form" :label-col="labelCol" :wrapper-col="wrapperCol">
|
||||
<a-form-model-item label="Activity name">
|
||||
<a-input v-model="form.name" />
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="Activity zone">
|
||||
<a-select v-model="form.region" placeholder="please select your zone">
|
||||
<a-select-option value="shanghai">
|
||||
Zone one
|
||||
</a-select-option>
|
||||
<a-select-option value="beijing">
|
||||
Zone two
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="Activity time">
|
||||
<a-date-picker
|
||||
v-model="form.date1"
|
||||
show-time
|
||||
type="date"
|
||||
placeholder="Pick a date"
|
||||
style="width: 100%;"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="Instant delivery">
|
||||
<a-switch v-model="form.delivery" />
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="Activity type">
|
||||
<a-checkbox-group v-model="form.type">
|
||||
<a-checkbox value="1" name="type">
|
||||
Online
|
||||
</a-checkbox>
|
||||
<a-checkbox value="2" name="type">
|
||||
Promotion
|
||||
</a-checkbox>
|
||||
<a-checkbox value="3" name="type">
|
||||
Offline
|
||||
</a-checkbox>
|
||||
</a-checkbox-group>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="Resources">
|
||||
<a-radio-group v-model="form.resource">
|
||||
<a-radio value="1">
|
||||
Sponsor
|
||||
</a-radio>
|
||||
<a-radio value="2">
|
||||
Venue
|
||||
</a-radio>
|
||||
</a-radio-group>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="Activity form">
|
||||
<a-input v-model="form.desc" type="textarea" />
|
||||
</a-form-model-item>
|
||||
<a-form-model-item :wrapper-col="{ span: 14, offset: 4 }">
|
||||
<a-button type="primary" @click="onSubmit">
|
||||
Create
|
||||
</a-button>
|
||||
<a-button style="margin-left: 10px;">
|
||||
Cancel
|
||||
</a-button>
|
||||
</a-form-model-item>
|
||||
</a-form-model>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
labelCol: { span: 4 },
|
||||
wrapperCol: { span: 14 },
|
||||
form: {
|
||||
name: '',
|
||||
region: undefined,
|
||||
date1: undefined,
|
||||
delivery: false,
|
||||
type: [],
|
||||
resource: '',
|
||||
desc: '',
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
onSubmit() {
|
||||
console.log('submit!', this.form);
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
@ -0,0 +1,89 @@
|
||||
<template>
|
||||
<div class="main" id="main">
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import * as echarts from 'echarts/core';
|
||||
import {
|
||||
TitleComponent,
|
||||
TooltipComponent,
|
||||
LegendComponent
|
||||
} from 'echarts/components';
|
||||
import {
|
||||
PieChart
|
||||
} from 'echarts/charts';
|
||||
import {
|
||||
CanvasRenderer
|
||||
} from 'echarts/renderers';
|
||||
import {AnalyzeCommodity} from "../../api/inventory";
|
||||
|
||||
echarts.use(
|
||||
[TitleComponent, TooltipComponent, LegendComponent, PieChart, CanvasRenderer]
|
||||
);
|
||||
|
||||
export default {
|
||||
|
||||
data() {
|
||||
return {
|
||||
commodityList: []
|
||||
}
|
||||
},
|
||||
|
||||
mounted() {
|
||||
AnalyzeCommodity(1).then((res) => {
|
||||
if (res.status) {
|
||||
let commodityList = res.data
|
||||
let chartDom = document.getElementById('main');
|
||||
let myChart = echarts.init(chartDom);
|
||||
let option;
|
||||
|
||||
option = {
|
||||
title: {
|
||||
text: '商品入库排行分析',
|
||||
left: 'center'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'item'
|
||||
},
|
||||
legend: {
|
||||
orient: 'vertical',
|
||||
left: 'left',
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '访问来源',
|
||||
type: 'pie',
|
||||
radius: '50%',
|
||||
data: commodityList,
|
||||
emphasis: {
|
||||
itemStyle: {
|
||||
shadowBlur: 10,
|
||||
shadowOffsetX: 0,
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
option && myChart.setOption(option);
|
||||
}
|
||||
})
|
||||
|
||||
},
|
||||
|
||||
methods: {},
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.main {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
background: #ffffff;
|
||||
padding: 50px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,89 @@
|
||||
<template>
|
||||
<div class="main" id="main">
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import * as echarts from 'echarts/core';
|
||||
import {
|
||||
TitleComponent,
|
||||
TooltipComponent,
|
||||
LegendComponent
|
||||
} from 'echarts/components';
|
||||
import {
|
||||
PieChart
|
||||
} from 'echarts/charts';
|
||||
import {
|
||||
CanvasRenderer
|
||||
} from 'echarts/renderers';
|
||||
import {AnalyzeCommodity} from "../../api/inventory";
|
||||
|
||||
echarts.use(
|
||||
[TitleComponent, TooltipComponent, LegendComponent, PieChart, CanvasRenderer]
|
||||
);
|
||||
|
||||
export default {
|
||||
|
||||
data() {
|
||||
return {
|
||||
commodityList: []
|
||||
}
|
||||
},
|
||||
|
||||
mounted() {
|
||||
AnalyzeCommodity(-1).then((res) => {
|
||||
if (res.status) {
|
||||
let commodityList = res.data
|
||||
let chartDom = document.getElementById('main');
|
||||
let myChart = echarts.init(chartDom);
|
||||
let option;
|
||||
|
||||
option = {
|
||||
title: {
|
||||
text: '商品出库排行分析',
|
||||
left: 'center'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'item'
|
||||
},
|
||||
legend: {
|
||||
orient: 'vertical',
|
||||
left: 'left',
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '访问来源',
|
||||
type: 'pie',
|
||||
radius: '50%',
|
||||
data: commodityList,
|
||||
emphasis: {
|
||||
itemStyle: {
|
||||
shadowBlur: 10,
|
||||
shadowOffsetX: 0,
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
option && myChart.setOption(option);
|
||||
}
|
||||
})
|
||||
|
||||
},
|
||||
|
||||
methods: {},
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.main {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
background: #ffffff;
|
||||
padding: 50px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,200 @@
|
||||
<template>
|
||||
<div>
|
||||
<div style="display: flex">
|
||||
<a-button size="large" class="editable-add-btn" @click="commodityVisible = true">
|
||||
<a-icon type="plus"/>
|
||||
新增商品
|
||||
</a-button>
|
||||
<a-input-search
|
||||
placeholder="请输入商品名"
|
||||
enter-button="搜索商品"
|
||||
style="width: 400px;margin-left: 20px"
|
||||
size="large"
|
||||
@search="onSearch"
|
||||
/>
|
||||
<a-button style="margin-left: 10px" size="large" type="danger" @click="loadTableData">
|
||||
重置
|
||||
</a-button>
|
||||
</div>
|
||||
<a-table :loading="loading" :columns="columns" :data-source="data" :sortDirections="['ascend', 'descend']" rowKey="id">
|
||||
<a slot="name" slot-scope="text">{{ text }}</a>
|
||||
<span slot="customTitle"><a-icon type="smile-o"/> 商品名称</span>
|
||||
<span slot="action" slot-scope="text, record, index">
|
||||
<a-button @click="handleUpdate(record)" type="link"><a-icon type="edit"/> Update</a-button>
|
||||
<a-divider type="vertical"/>
|
||||
<a-button @click="handleDelete(record,index)" type="link"><a-icon type="delete"/> Delete</a-button>
|
||||
</span>
|
||||
</a-table>
|
||||
|
||||
<a-modal
|
||||
title="商品信息"
|
||||
:closable="false"
|
||||
:visible="commodityVisible"
|
||||
>
|
||||
<a-form-model ref="ruleForm" :model="commodity">
|
||||
<a-form-model-item ref="name" label="商品名称" prop="name">
|
||||
<a-input v-model="commodity.name"/>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="商品单价" prop="price">
|
||||
<a-input-number id="input" v-model="commodity.price" :min="1"/>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="描述信息" prop="description">
|
||||
<a-input v-model="commodity.description" type="textarea"/>
|
||||
</a-form-model-item>
|
||||
</a-form-model>
|
||||
<template slot="footer">
|
||||
<a-button key="back" @click="commodityVisible = false">
|
||||
Return
|
||||
</a-button>
|
||||
<a-button key="submit" type="primary" :loading="modalLoading" @click="submitCommodity">
|
||||
Submit
|
||||
</a-button>
|
||||
</template>
|
||||
</a-modal>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {DeleteCommodityById, FindAllCommodity, SaveCommodity} from "@/api/commodity";
|
||||
import {SearchCommodity} from "../../api/commodity";
|
||||
|
||||
const columns = [
|
||||
{
|
||||
dataIndex: 'name',
|
||||
key: 'name',
|
||||
slots: {title: 'customTitle'},
|
||||
scopedSlots: {customRender: 'name'},
|
||||
},
|
||||
{
|
||||
title: '库存数量',
|
||||
dataIndex: 'count',
|
||||
key: 'age'
|
||||
// defaultSortOrder: 'descend', // 默认上到下为由大到小的顺序
|
||||
// sorter: (a, b) => { return a.count> b.count? 1 : -1 },
|
||||
// sortField: 'count'
|
||||
},
|
||||
{
|
||||
title: '描述信息',
|
||||
dataIndex: 'description',
|
||||
key: 'description',
|
||||
},
|
||||
{
|
||||
title: '入库时间',
|
||||
dataIndex: 'createAt',
|
||||
key: 'createAt',
|
||||
defaultSortOrder: 'descend', // 默认上到下为由大到小的顺序
|
||||
sorter: (a, b) => { return a.createAt> b.createAt? 1 : -1 },
|
||||
sortField: 'createAt'
|
||||
},
|
||||
{
|
||||
title: '商品单价',
|
||||
key: 'price',
|
||||
dataIndex: 'price',
|
||||
scopedSlots: {customRender: 'tags'},
|
||||
},
|
||||
{
|
||||
title: '更多操作',
|
||||
key: 'action',
|
||||
scopedSlots: {customRender: 'action'},
|
||||
}
|
||||
];
|
||||
|
||||
const data = [];
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
commodity: {
|
||||
name: '',
|
||||
description: '商品简介',
|
||||
count: 0,
|
||||
price: 9.99,
|
||||
},
|
||||
loading: false,
|
||||
modalLoading: false,
|
||||
commodityVisible: false,
|
||||
commodityLoading: false,
|
||||
data: [],
|
||||
columns,
|
||||
};
|
||||
},
|
||||
|
||||
mounted() {
|
||||
this.loadTableData()
|
||||
},
|
||||
|
||||
methods: {
|
||||
onSearch(value) {
|
||||
if (value){
|
||||
this.loading = true
|
||||
SearchCommodity(value).then((res) => {
|
||||
console.log(res)
|
||||
if (res.data.length === 0) {
|
||||
this.$message.warn("未搜索到任何数据")
|
||||
setTimeout(() => {
|
||||
this.loading = false
|
||||
this.data = res.data
|
||||
}, 600)
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
this.$message.success("搜索到" + res.data.length + "个商品")
|
||||
this.loading = false
|
||||
this.data = res.data
|
||||
}, 600)
|
||||
}
|
||||
})
|
||||
}else {
|
||||
this.$message.warn("请输入搜索内容")
|
||||
}
|
||||
},
|
||||
|
||||
loadTableData() {
|
||||
this.loading = true
|
||||
FindAllCommodity().then((res) => {
|
||||
setTimeout(() => {
|
||||
this.loading = false
|
||||
this.data = res.data
|
||||
}, 600)
|
||||
})
|
||||
},
|
||||
submitCommodity() {
|
||||
this.modalLoading = true
|
||||
SaveCommodity(this.commodity).then((res) => {
|
||||
if (res.status) {
|
||||
setTimeout(() => {
|
||||
this.modalLoading = false
|
||||
this.commodityVisible = false
|
||||
this.$message.success('商品信息提交成功');
|
||||
this.loadTableData()
|
||||
}, 600)
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
this.modalLoading = false
|
||||
}, 600)
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
handleDelete(r, index) {
|
||||
DeleteCommodityById(r.id).then((res) => {
|
||||
if (res.status) this.$message.success('商品信息删除成功');
|
||||
this.loadTableData()
|
||||
})
|
||||
console.log(index)
|
||||
},
|
||||
|
||||
handleUpdate(r) {
|
||||
this.commodity = r
|
||||
this.commodityVisible = true
|
||||
},
|
||||
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.editable-add-btn {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,104 @@
|
||||
<template>
|
||||
<div>
|
||||
<a-input-search
|
||||
placeholder="请输入公司名"
|
||||
enter-button="搜索来往公司"
|
||||
style="width: 400px;margin-bottom: 20px"
|
||||
size="large"
|
||||
@search="onSearch"
|
||||
/>
|
||||
<a-button style="margin-left: 10px" size="large" type="danger" @click="loadTableData">
|
||||
重置
|
||||
</a-button>
|
||||
<a-table :loading="loading" :columns="columns" :data-source="data" rowKey="id">
|
||||
<a slot="company" slot-scope="company">{{ company }}</a>
|
||||
<span slot="customTitle"><a-icon type="bank"/> 公司名称</span>
|
||||
</a-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {FindAllSale, SearchCompany} from "../../api/sale";
|
||||
|
||||
const columns = [
|
||||
{
|
||||
dataIndex: 'company',
|
||||
key: 'company',
|
||||
slots: {title: 'customTitle'},
|
||||
scopedSlots: {customRender: 'company'},
|
||||
},
|
||||
{
|
||||
title: '预留电话',
|
||||
key: 'phone',
|
||||
dataIndex: 'phone',
|
||||
},
|
||||
{
|
||||
title: '时间',
|
||||
dataIndex: 'createAt',
|
||||
key: 'createAt',
|
||||
},
|
||||
];
|
||||
|
||||
const data = [];
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
data: [],
|
||||
columns,
|
||||
};
|
||||
},
|
||||
|
||||
mounted() {
|
||||
this.loadTableData()
|
||||
},
|
||||
|
||||
methods: {
|
||||
onSearch(value) {
|
||||
if (value) {
|
||||
this.loading = true
|
||||
SearchCompany(value).then((res) => {
|
||||
if (res.data.length === 0) {
|
||||
this.$message.warn("未搜索到任何数据")
|
||||
setTimeout(() => {
|
||||
this.loading = false
|
||||
this.data = res.data
|
||||
}, 600)
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
this.$message.success("搜索到" + res.data.length + "个公司")
|
||||
this.loading = false
|
||||
this.data = res.data
|
||||
}, 600)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$message.warn("请输入搜索内容")
|
||||
}
|
||||
},
|
||||
loadTableData() {
|
||||
this.loading = true
|
||||
var that = this
|
||||
console.log("loadTableData")
|
||||
FindAllSale().then((res) => {
|
||||
console.log("FindAllSale返回")
|
||||
console.log(res)
|
||||
setTimeout(() => {
|
||||
this.loading = false
|
||||
this.data = res.data
|
||||
that.loading = false
|
||||
}, 600)
|
||||
})
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.editable-add-btn {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,112 @@
|
||||
<template>
|
||||
<div>
|
||||
<a-spin size="large" :spinning="spinning">
|
||||
<a-row :gutter="20">
|
||||
<a-col :span="8" class="item">
|
||||
<a-card hoverable class="add-item" @click="visible = true">
|
||||
<a-icon type="plus"/>
|
||||
添加仓库
|
||||
</a-card>
|
||||
</a-col>
|
||||
<a-col :span="8" v-for="(item, index) in this.data" :key="index" class="item">
|
||||
<a-card hoverable>
|
||||
<template slot="actions" class="ant-card-actions">
|
||||
<span>负责人: {{ item.principle }}</span>
|
||||
<span>
|
||||
<router-link :to="'/warehouse/' + item.id">
|
||||
<a-icon type="bar-chart"/> 库存管理
|
||||
</router-link>
|
||||
</span>
|
||||
</template>
|
||||
<a-card-meta
|
||||
:title="item.name"
|
||||
:description="'ID: ' + item.id">
|
||||
<img class="image" slot="avatar" :src="imgList[Math.floor(Math.random() * 3)]"
|
||||
alt=""/>
|
||||
</a-card-meta>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-spin>
|
||||
|
||||
<a-modal
|
||||
title="新增仓库"
|
||||
:visible="visible"
|
||||
@ok="submit"
|
||||
@cancel="visible = false"
|
||||
>
|
||||
<a-input v-model="form.name" addon-before="仓库名称" style="width: 300px;margin-bottom: 20px"></a-input>
|
||||
<a-input v-model="form.principle" addon-before="仓库负责人" style="width: 300px"></a-input>
|
||||
</a-modal>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {FindAllWarehouse, SaveWarehouse} from "@/api/warehouse";
|
||||
|
||||
export default {
|
||||
name: "WareHouse",
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
form: {id: '', principle: '', name: ''},
|
||||
spinning: false,
|
||||
data: [],
|
||||
imgList: [
|
||||
require('../../assets/warehouse0.svg'),
|
||||
require('../../assets/warehouse1.svg'),
|
||||
require('../../assets/warehouse2.svg'),]
|
||||
}
|
||||
},
|
||||
|
||||
mounted() {
|
||||
this.loadData()
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
loadData() {
|
||||
this.spinning = true
|
||||
FindAllWarehouse().then((res) => {
|
||||
if (res.status) this.data = res.data
|
||||
setTimeout(() => {
|
||||
this.spinning = false
|
||||
}, 600)
|
||||
})
|
||||
},
|
||||
|
||||
submit() {
|
||||
SaveWarehouse(this.form).then((res) => {
|
||||
if (res.status) this.$message.success("添加成功")
|
||||
this.visible = false
|
||||
this.loadData()
|
||||
})
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.add-item {
|
||||
text-align: center;
|
||||
line-height: 120px;
|
||||
min-height: 120px;
|
||||
border: 1px dashed #91949c;
|
||||
}
|
||||
|
||||
.add-item:hover {
|
||||
border: 1px dashed #5a84fd;
|
||||
color: #5a84fd;
|
||||
}
|
||||
|
||||
.item {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,25 @@
|
||||
<template>
|
||||
<a-result status="403" title="403" sub-title="Sorry, you are not authorized to access this page.">
|
||||
<template #extra>
|
||||
<a-button type="primary" @click="clickBtn" style="letter-spacing: 1px">
|
||||
<a-icon type="enter" />Return
|
||||
</a-button>
|
||||
</template>
|
||||
</a-result>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
clickBtn() {
|
||||
this.$router.go(-1)
|
||||
},
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
</script>
|
||||
@ -0,0 +1,25 @@
|
||||
<template>
|
||||
<a-result status="404" title="404" sub-title="Sorry, the page you visited does not exist.">
|
||||
<template #extra>
|
||||
<a-button type="primary" @click="clickBtn" style="letter-spacing: 1px">
|
||||
<a-icon type="enter" />Return
|
||||
</a-button>
|
||||
</template>
|
||||
</a-result>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
clickBtn() {
|
||||
this.$router.go(-1)
|
||||
},
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
</script>
|
||||
@ -0,0 +1,25 @@
|
||||
<template>
|
||||
<a-result status="500" title="500" sub-title="Sorry, the server is wrong.">
|
||||
<template #extra>
|
||||
<a-button type="primary" @click="clickBtn" style="letter-spacing: 1px">
|
||||
<a-icon type="enter" />Return
|
||||
</a-button>
|
||||
</template>
|
||||
</a-result>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
clickBtn() {
|
||||
this.$router.go(-1)
|
||||
},
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
</script>
|
||||
@ -0,0 +1,149 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- <div style="display: flex">
|
||||
<a-button size="large" class="editable-add-btn" @click="commodityVisible = true">
|
||||
<a-icon type="plus"/>
|
||||
新增商品
|
||||
</a-button>
|
||||
<a-input-search
|
||||
placeholder="请输入商品名"
|
||||
enter-button="搜索商品"
|
||||
style="width: 400px;margin-left: 20px"
|
||||
size="large"
|
||||
@search="onSearch"
|
||||
/>
|
||||
<a-button style="margin-left: 10px" size="large" type="danger" @click="loadTableData">
|
||||
重置
|
||||
</a-button>
|
||||
</div> -->
|
||||
<a-table :loading="loading" :columns="columns" :data-source="data" :sortDirections="['ascend', 'descend']" rowKey="id" @change="tableChange" >
|
||||
<a slot="name" slot-scope="text">{{ text }}</a>
|
||||
<span slot="customTitle"><a-icon type="smile-o"/> 用户邮件</span>
|
||||
<span slot="status" slot-scope="status">
|
||||
<span v-show="status==1" style="color:#52c41a">成功</span>
|
||||
<span v-show="status==0" style="color:rgb(255, 77, 79)">失败</span>
|
||||
</span>
|
||||
<span slot="action" slot-scope="text, record, index">
|
||||
<a-divider type="vertical"/>
|
||||
<a-button @click="handleDelete(record,index)" type="link"><a-icon type="delete"/> Delete</a-button>
|
||||
</span>
|
||||
</a-table>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {FindAllLoginLog,DeleteLoginLogById} from "@/api/log";
|
||||
|
||||
const columns = [
|
||||
{
|
||||
dataIndex: 'email',
|
||||
key: 'name',
|
||||
slots: {title: 'customTitle'},
|
||||
scopedSlots: {customRender: 'name'}
|
||||
},
|
||||
{
|
||||
title: '浏览器类型',
|
||||
dataIndex: 'browser',
|
||||
key: 'description',
|
||||
},
|
||||
{
|
||||
title: 'IP',
|
||||
dataIndex: 'ip',
|
||||
key: 'address',
|
||||
},
|
||||
{
|
||||
title: '登录时间',
|
||||
key: 'date',
|
||||
dataIndex: 'date',
|
||||
defaultSortOrder: 'descend', // 默认上到下为由大到小的顺序
|
||||
sorter: (a, b) => { return a.date> b.date? 1 : -1 },
|
||||
sortField: 'date'
|
||||
},
|
||||
{
|
||||
title: '状态',
|
||||
key: 'status',
|
||||
dataIndex: 'status',
|
||||
scopedSlots: {customRender: 'status'},
|
||||
},
|
||||
{
|
||||
title: '更多操作',
|
||||
key: 'action',
|
||||
scopedSlots: {customRender: 'action'},
|
||||
},
|
||||
];
|
||||
|
||||
const data = [];
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
isorter:{
|
||||
column:'date',
|
||||
order:'desc'
|
||||
},
|
||||
loading: false,
|
||||
modalLoading: false,
|
||||
commodityVisible: false,
|
||||
commodityLoading: false,
|
||||
data: [],
|
||||
columns,
|
||||
};
|
||||
},
|
||||
|
||||
mounted() {
|
||||
this.loadTableData()
|
||||
},
|
||||
|
||||
methods: {
|
||||
//获取表格数据
|
||||
loadTableData() {
|
||||
this.loading = true
|
||||
FindAllLoginLog().then(res=>{
|
||||
setTimeout(() => {
|
||||
this.loading = false
|
||||
this.data = res.data
|
||||
}, 600)
|
||||
})
|
||||
},
|
||||
//发生排序动作的处理函数
|
||||
tableChange(pagination, filters, sorter) {
|
||||
const { current, pageSize } = pagination;
|
||||
// this.pagination.pageSize = pageSize;
|
||||
console.log("tableChange执行了")
|
||||
if (sorter.order) {
|
||||
const { field, order } = sorter;
|
||||
this.sort = field; // 排序的数据
|
||||
this.sortType = order; // 排序方式
|
||||
} else {
|
||||
console.log("不做排序");
|
||||
}
|
||||
this.loadTableData()
|
||||
},
|
||||
submitCommodity() {
|
||||
this.modalLoading = true
|
||||
},
|
||||
//删除日志信息
|
||||
handleDelete(r, index) {
|
||||
DeleteLoginLogById(r.id).then((res) => {
|
||||
if (res.status) this.$message.success('日志信息删除成功');
|
||||
this.loadTableData()
|
||||
})
|
||||
console.log(index)
|
||||
},
|
||||
|
||||
handleUpdate(r) {
|
||||
this.commodity = r
|
||||
this.commodityVisible = true
|
||||
},
|
||||
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.editable-add-btn {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,122 @@
|
||||
<template>
|
||||
<div>
|
||||
<a-table :loading="loading" :columns="columns" :sortDirections="['ascend', 'descend']" :data-source="data" rowKey="id">
|
||||
<a slot="company" slot-scope="company">{{ company }}</a>
|
||||
<span slot="customTitle"><a-icon type="bank" /> 公司名称</span>
|
||||
<span slot="action" slot-scope="text, record, index">
|
||||
<a-tag color="red" v-if="!record.pay">等待结款</a-tag>
|
||||
<a-tag color="green" v-if="record.pay">结款完成</a-tag>
|
||||
<a-button v-if="!record.pay" type="link" @click="confirm(record, index)">结款</a-button>
|
||||
</span>
|
||||
</a-table>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {FindAllSale, SaveSale} from "../../api/sale";
|
||||
|
||||
const columns = [
|
||||
{
|
||||
dataIndex: 'company',
|
||||
key: 'company',
|
||||
slots: {title: 'customTitle'},
|
||||
scopedSlots: {customRender: 'company'},
|
||||
},
|
||||
{
|
||||
title: '打款帐号',
|
||||
dataIndex: 'number',
|
||||
key: 'number',
|
||||
},
|
||||
{
|
||||
title: '商品',
|
||||
dataIndex: 'commodity',
|
||||
key: 'commodity',
|
||||
},
|
||||
{
|
||||
title: '数量',
|
||||
dataIndex: 'count',
|
||||
key: 'count'
|
||||
},
|
||||
{
|
||||
title: '总计',
|
||||
dataIndex: 'price',
|
||||
key: 'price',
|
||||
},
|
||||
{
|
||||
title: '预留电话',
|
||||
key: 'phone',
|
||||
dataIndex: 'phone',
|
||||
},
|
||||
{
|
||||
title: '备注',
|
||||
dataIndex: 'description',
|
||||
key: 'description',
|
||||
},
|
||||
{
|
||||
title: '开票时间',
|
||||
dataIndex: 'createAt',
|
||||
key: 'createAt',
|
||||
},
|
||||
{
|
||||
title: '更多操作',
|
||||
key: 'action',
|
||||
scopedSlots: {customRender: 'action'},
|
||||
},
|
||||
];
|
||||
|
||||
const data = [];
|
||||
|
||||
export default {
|
||||
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
data: [],
|
||||
columns,
|
||||
};
|
||||
},
|
||||
|
||||
mounted() {
|
||||
this.loadTableData()
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
loadTableData() {
|
||||
this.loading = true
|
||||
FindAllSale().then((res) => {
|
||||
setTimeout(() => {
|
||||
this.loading = false
|
||||
this.data = res.data
|
||||
}, 600)
|
||||
})
|
||||
},
|
||||
|
||||
confirm(record, index) {
|
||||
let that = this
|
||||
this.$confirm({
|
||||
title: '销售结款',
|
||||
content: '我已确定' + record.company + '的销售金额 ¥' + record.price + '已经打入账户!',
|
||||
okText: '确认',
|
||||
cancelText: '取消',
|
||||
onOk() {
|
||||
that.data[index].pay = true
|
||||
SaveSale(that.data[index]).then((res) => {
|
||||
if (res.status) that.$message.success("销售结款成功")
|
||||
})
|
||||
},
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
},
|
||||
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.editable-add-btn {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,234 @@
|
||||
<template>
|
||||
<div>
|
||||
<a-button size="large" class="editable-add-btn" @click="addVisible = true">
|
||||
<a-icon type="plus"/>
|
||||
添加操作员
|
||||
</a-button>
|
||||
<a-table :columns="columns" :data-source="admins" rowKey="id" :loading="loading">
|
||||
<a slot="email" slot-scope="email">{{ email }}</a>
|
||||
<span slot="customTitle"><a-icon type="smile-o"/> 邮箱</span>
|
||||
<span slot="tags" slot-scope="tags">
|
||||
<a-tag
|
||||
v-for="tag in tags"
|
||||
:key="tag"
|
||||
:color="tag === 'loser' ? 'volcano' : tag.length > 5 ? 'geekblue' : 'green'"
|
||||
>
|
||||
{{ tag.toUpperCase() }}
|
||||
</a-tag>
|
||||
</span>
|
||||
<span slot="action" slot-scope="text, record, index">
|
||||
<a-dropdown>
|
||||
<a class="ant-dropdown-link" @click="e => e.preventDefault()">操作<a-icon type="down"/></a>
|
||||
<a-menu slot="overlay">
|
||||
<a-menu-item>
|
||||
<a-button type="link" @click="updateEmail(index)"><a-icon type="mail"/> 邮箱修改</a-button>
|
||||
</a-menu-item>
|
||||
<a-menu-item>
|
||||
<a-button type="link" @click="updatePassword(index)"><a-icon type="lock"/> 密码修改</a-button>
|
||||
</a-menu-item>
|
||||
<a-menu-item>
|
||||
<a-button type="link" @click="updateRoles(index)"><a-icon type="gateway"/> 权限修改</a-button>
|
||||
</a-menu-item>
|
||||
<a-menu-item>
|
||||
<a-button type="link" @click="remove(record.id)"><a-icon type="delete"/> 删除</a-button>
|
||||
</a-menu-item>
|
||||
</a-menu>
|
||||
</a-dropdown>
|
||||
</span>
|
||||
</a-table>
|
||||
|
||||
<a-modal
|
||||
title="添加操作员"
|
||||
:visible="addVisible"
|
||||
@ok="submit"
|
||||
@cancel="addVisible = false"
|
||||
>
|
||||
<a-form-model :model="selectAdmin">
|
||||
<a-form-model-item label="邮箱">
|
||||
<a-input v-model="selectAdmin.email"/>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="密码">
|
||||
<a-input v-model="selectAdmin.password"/>
|
||||
</a-form-model-item>
|
||||
</a-form-model>
|
||||
</a-modal>
|
||||
|
||||
<a-modal
|
||||
title="密码修改"
|
||||
:visible="passwordVisible"
|
||||
@ok="submit"
|
||||
@cancel="passwordVisible = false"
|
||||
>
|
||||
<a-form-model :model="selectAdmin">
|
||||
<a-form-model-item label="密码">
|
||||
<a-input v-model="selectAdmin.password"/>
|
||||
</a-form-model-item>
|
||||
</a-form-model>
|
||||
</a-modal>
|
||||
|
||||
<a-modal
|
||||
title="邮箱修改"
|
||||
:visible="emailVisible"
|
||||
@ok="submit"
|
||||
@cancel="emailVisible = false"
|
||||
>
|
||||
<a-form-model :model="selectAdmin">
|
||||
<a-form-model-item label="绑定邮箱">
|
||||
<a-input v-model="selectAdmin.email"/>
|
||||
</a-form-model-item>
|
||||
</a-form-model>
|
||||
</a-modal>
|
||||
|
||||
<a-modal
|
||||
title="权限修改"
|
||||
width="500px"
|
||||
:visible="rolesVisible"
|
||||
@ok="submitRoles"
|
||||
@cancel="rolesVisible = false"
|
||||
>
|
||||
<a-select
|
||||
v-model="selectRoles"
|
||||
mode="multiple"
|
||||
style="width: 100%"
|
||||
placeholder="select one country"
|
||||
option-label-prop="label"
|
||||
>
|
||||
<a-select-option :value="item.value"
|
||||
:label="item.value"
|
||||
v-for="(item ,index) in roles"
|
||||
:key="index">
|
||||
<span role="img" :aria-label="item.value">🇨🇳</span>{{ item.value + ' (描述: ' + item.description + ')' }}
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-modal>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {DeleteAdmin, FindAllAdmin, SaveAdmin} from "../../api/admin";
|
||||
import {FindAllRole} from "../../api/role";
|
||||
|
||||
const columns = [
|
||||
{
|
||||
dataIndex: 'email',
|
||||
key: 'email',
|
||||
slots: {title: 'customTitle'},
|
||||
scopedSlots: {customRender: 'email'},
|
||||
},
|
||||
{
|
||||
title: '密码',
|
||||
dataIndex: 'password',
|
||||
key: 'password',
|
||||
},
|
||||
{
|
||||
title: '权限',
|
||||
dataIndex: 'roles',
|
||||
key: 'roles',
|
||||
},
|
||||
{
|
||||
title: '添加日期',
|
||||
key: 'createAt',
|
||||
dataIndex: 'createAt',
|
||||
scopedSlots: {customRender: 'createAt'},
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
key: 'action',
|
||||
scopedSlots: {customRender: 'action'},
|
||||
},
|
||||
];
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
roles: [],
|
||||
selectRoles: [],
|
||||
admins: [],
|
||||
loading: false,
|
||||
addVisible: false,
|
||||
emailVisible: false,
|
||||
passwordVisible: false,
|
||||
rolesVisible: false,
|
||||
columns,
|
||||
selectAdmin: {},
|
||||
};
|
||||
},
|
||||
|
||||
mounted() {
|
||||
this.load()
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
load() {
|
||||
this.loading = true
|
||||
FindAllRole().then((res) => {
|
||||
if (res.status) this.roles = res.data
|
||||
})
|
||||
FindAllAdmin().then((res) => {
|
||||
setTimeout(() => {
|
||||
this.admins = res.data
|
||||
this.loading = false
|
||||
}, 600)
|
||||
})
|
||||
},
|
||||
|
||||
submit() {
|
||||
SaveAdmin(this.selectAdmin).then((res) => {
|
||||
if (res.status) this.$message.success("操作员信息更新成功")
|
||||
this.addVisible = false
|
||||
this.emailVisible = false
|
||||
this.rolesVisible = false
|
||||
this.passwordVisible = false
|
||||
this.load()
|
||||
})
|
||||
},
|
||||
|
||||
submitRoles() {
|
||||
let str = ''
|
||||
for (let i = 0; i < this.selectRoles.length; i++) {
|
||||
if (i === this.selectRoles.length - 1) {
|
||||
str += this.selectRoles[i]
|
||||
} else {
|
||||
str += this.selectRoles[i] + ";"
|
||||
}
|
||||
}
|
||||
this.selectAdmin.roles = str
|
||||
this.submit()
|
||||
},
|
||||
|
||||
updateEmail(index) {
|
||||
this.emailVisible = true
|
||||
this.selectAdmin = this.admins[index]
|
||||
},
|
||||
|
||||
updatePassword(index) {
|
||||
this.passwordVisible = true
|
||||
this.selectAdmin = this.admins[index]
|
||||
},
|
||||
|
||||
updateRoles(index) {
|
||||
this.rolesVisible = true
|
||||
this.selectAdmin = this.admins[index]
|
||||
this.selectRoles = this.selectAdmin.roles.split(";")
|
||||
console.log(this.selectRoles)
|
||||
},
|
||||
|
||||
remove(id) {
|
||||
DeleteAdmin(id).then((res) => {
|
||||
if (res.status) this.$message.success("操作员删除成功")
|
||||
this.load()
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
},
|
||||
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.editable-add-btn {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,127 @@
|
||||
<template>
|
||||
<div>
|
||||
<a-spin size="large" :spinning="spinning">
|
||||
<a-row :gutter="20">
|
||||
<a-col :span="8" class="item">
|
||||
<a-card hoverable class="add-item" @click="visible = true">
|
||||
<a-icon type="plus"/>
|
||||
添加车辆
|
||||
</a-card>
|
||||
</a-col>
|
||||
<a-col :span="8" v-for="(item, index) in this.data" :key="index" class="item">
|
||||
<a-card hoverable>
|
||||
<!-- <template slot="actions" class="ant-card-actions">-->
|
||||
<!-- <a-tag :color=" item.driving ? 'orange': 'green'">{{ item.driving ? '正在途中' : '正在休息' }}</a-tag>-->
|
||||
<!-- <span>使用记录</span>-->
|
||||
<!-- </template>-->
|
||||
<a-card-meta
|
||||
:title="'车牌号：' + item.number"
|
||||
:description="'ID: ' + item.id">
|
||||
<a-badge :number-style="{ backgroundColor: '#52c41a' }"
|
||||
slot="avatar"
|
||||
:count="item.type"
|
||||
:offset="[-80,10]">
|
||||
<img class="image" :src="require('../../assets/' +item.type+'.svg')" alt=""/>
|
||||
</a-badge>
|
||||
</a-card-meta>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-spin>
|
||||
<a-modal
|
||||
title="新增仓库"
|
||||
:visible="visible"
|
||||
@ok="submit"
|
||||
@cancel="visible = false"
|
||||
>
|
||||
<a-form-model :model="form">
|
||||
<a-form-model-item label="车牌号码">
|
||||
<a-input v-model="form.number"/>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="车辆类型">
|
||||
<a-select v-model="form.type">
|
||||
<a-select-option value="小型汽车">小型汽车</a-select-option>
|
||||
<a-select-option value="货车">货车</a-select-option>
|
||||
<a-select-option value="卡车">卡车</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</a-form-model>
|
||||
</a-modal>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import {FindAllVehicle, SaveVehicle} from "@/api/vehicle";
|
||||
|
||||
export default {
|
||||
name: "WareHouse",
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
spinning: false,
|
||||
form: {
|
||||
number: '京A0000',
|
||||
type: '货车',
|
||||
driving: false,
|
||||
},
|
||||
data: [],
|
||||
imgList: [
|
||||
require('../../assets/warehouse0.svg'),
|
||||
require('../../assets/warehouse1.svg'),
|
||||
require('../../assets/warehouse2.svg'),]
|
||||
}
|
||||
},
|
||||
|
||||
mounted() {
|
||||
this.loadData()
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
loadData() {
|
||||
this.spinning = true
|
||||
FindAllVehicle().then((res) => {
|
||||
if (res.status) this.data = res.data
|
||||
setTimeout(() => {
|
||||
this.spinning = false
|
||||
}, 600)
|
||||
})
|
||||
},
|
||||
|
||||
submit() {
|
||||
SaveVehicle(this.form).then((res) => {
|
||||
if (res.status) this.$message.success("添加成功")
|
||||
this.visible = false
|
||||
this.loadData()
|
||||
})
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.add-item {
|
||||
text-align: center;
|
||||
line-height: 120px;
|
||||
min-height: 120px;
|
||||
border: 1px dashed #91949c;
|
||||
}
|
||||
|
||||
.add-item:hover {
|
||||
border: 1px dashed #5a84fd;
|
||||
color: #5a84fd;
|
||||
}
|
||||
|
||||
.item {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue