Commit cd398878 authored by Nate 赵宇's avatar Nate 赵宇

First Commit 2021-12-09

parent beade1c8
......@@ -2,11 +2,6 @@
EL-Connector 前端源码
#### 项目源码
| | 后端源码 | 前端源码 |
|--- |--- | --- |
#### 开发文档
......
import request from '@/utils/request'
export function add(data) {
return request({
url: 'api/wmsDeliveryOrderDetail',
method: 'post',
data
})
}
export function del(ids) {
return request({
url: 'api/wmsDeliveryOrderDetail/',
method: 'delete',
data: ids
})
}
export function edit(data) {
return request({
url: 'api/wmsDeliveryOrderDetail',
method: 'put',
data
})
}
export default { add, edit, del }
import request from '@/utils/request'
export function add(data) {
return request({
url: 'api/wmsDeliveryOrderHeader',
method: 'post',
data
})
}
export function del(ids) {
return request({
url: 'api/wmsDeliveryOrderHeader/',
method: 'delete',
data: ids
})
}
export function edit(data) {
return request({
url: 'api/wmsDeliveryOrderHeader',
method: 'put',
data
})
}
export default { add, edit, del }
......@@ -56,7 +56,7 @@ export default {
legend: {
left: 'center',
bottom: '10',
data: ['Industries', 'Technology', 'Forex', 'Gold', 'Forecasts']
data: ['产品1', '产品2', '产品3', '产品4', '产品5']
},
calculable: true,
series: [
......@@ -67,11 +67,11 @@ export default {
radius: [15, 95],
center: ['50%', '38%'],
data: [
{ value: 320, name: 'Industries' },
{ value: 240, name: 'Technology' },
{ value: 149, name: 'Forex' },
{ value: 100, name: 'Gold' },
{ value: 59, name: 'Forecasts' }
{ value: 320, name: '产品1' },
{ value: 240, name: '产品2' },
{ value: 149, name: '产品3' },
{ value: 100, name: '产品4' },
{ value: 59, name: '产品5' }
],
animationEasing: 'cubicInOut',
animationDuration: 2600
......
......@@ -14,7 +14,7 @@
</template>
<script>
import Logo from '@/assets/images/logo.png'
import Logo from '@/assets/images/eliteslandLogo.jpeg'
export default {
name: 'SidebarLogo',
props: {
......@@ -25,7 +25,7 @@ export default {
},
data() {
return {
title: 'ELADMIN-后台管理',
title: 'EL-条码系统管理后台',
logo: Logo
}
}
......
<template>
<qrcode-vue :value="value" :size="size" level="H"/>
</template>
<script>
import QrcodeVue from 'qrcode.vue'
export default {
data() {
return {
value: 'https://www.baidu.com',
size: 300
}
},
components: {
QrcodeVue
}
}
</script>
<style scoped>
</style>
......@@ -64,7 +64,7 @@ export default {
setOptions({ expectedData, actualData } = {}) {
this.chart.setOption({
xAxis: {
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
data: ['一月', '二月', '三月', '四月', '五月', '六月', '七月'],
boundaryGap: false,
axisTick: {
show: false
......@@ -90,10 +90,10 @@ export default {
}
},
legend: {
data: ['expected', 'actual']
data: ['安全库存', '实际库存']
},
series: [{
name: 'expected', itemStyle: {
name: '安全库存', itemStyle: {
normal: {
color: '#FF005A',
lineStyle: {
......@@ -109,7 +109,7 @@ export default {
animationEasing: 'cubicInOut'
},
{
name: 'actual',
name: '实际库存',
smooth: true,
type: 'line',
itemStyle: {
......
......@@ -7,9 +7,9 @@
</div>
<div class="card-panel-description">
<div class="card-panel-text">
New Visits
在线用户
</div>
<count-to :start-val="0" :end-val="102400" :duration="2600" class="card-panel-num" />
<count-to :start-val="0" :end-val="200" :duration="2600" class="card-panel-num" />
</div>
</div>
</el-col>
......@@ -20,9 +20,9 @@
</div>
<div class="card-panel-description">
<div class="card-panel-text">
Messages
消息通知
</div>
<count-to :start-val="0" :end-val="81212" :duration="3000" class="card-panel-num" />
<count-to :start-val="0" :end-val="12000" :duration="3000" class="card-panel-num" />
</div>
</div>
</el-col>
......@@ -33,9 +33,9 @@
</div>
<div class="card-panel-description">
<div class="card-panel-text">
Purchases
待收货订单
</div>
<count-to :start-val="0" :end-val="9280" :duration="3200" class="card-panel-num" />
<count-to :start-val="0" :end-val="20" :duration="3200" class="card-panel-num" />
</div>
</div>
</el-col>
......@@ -46,9 +46,9 @@
</div>
<div class="card-panel-description">
<div class="card-panel-text">
Shoppings
待拣货订单
</div>
<count-to :start-val="0" :end-val="13600" :duration="3600" class="card-panel-num" />
<count-to :start-val="0" :end-val="80" :duration="3600" class="card-panel-num" />
</div>
</div>
</el-col>
......
......@@ -2,7 +2,7 @@
<div class="login" :style="'background-image:url('+ Background +');'">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" label-position="left" label-width="0px" class="login-form">
<h3 class="title">
EL-Connector 后台管理系统
EL-条码后台管理系统
</h3>
<el-form-item prop="username">
<el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号">
......
<template>
<div class="app-container">
<!--工具栏-->
<div class="head-container">
<div v-if="crud.props.searchToggle">
<!-- 搜索 -->
<label class="el-form-item-label">配送单号</label>
<el-input v-model="query.deliveryOrder" clearable placeholder="配送单号" style="width: 185px;" class="filter-item" @keyup.enter.native="crud.toQuery" />
<label class="el-form-item-label">配送单明细</label>
<el-input v-model="query.deliveryOrderLine" clearable placeholder="配送单明细" style="width: 185px;" class="filter-item" @keyup.enter.native="crud.toQuery" />
<label class="el-form-item-label">物料编码</label>
<el-input v-model="query.material" clearable placeholder="物料编码" style="width: 185px;" class="filter-item" @keyup.enter.native="crud.toQuery" />
<rrOperation :crud="crud" />
</div>
<!--如果想在工具栏加入更多按钮,可以使用插槽方式, slot = 'left' or 'right'-->
<crudOperation :permission="permission" />
<!--表单组件-->
<el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible.sync="crud.status.cu > 0" :title="crud.status.title" width="500px">
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
<el-form-item label="物料编码">
<el-input v-model="form.material" style="width: 370px;" />
</el-form-item>
<el-form-item label="物料描述">
<el-input v-model="form.materialDesc" style="width: 370px;" />
</el-form-item>
<el-form-item label="数量">
<el-input v-model="form.quantity" style="width: 370px;" />
</el-form-item>
<el-form-item label="计量单位">
<el-input v-model="form.uom" style="width: 370px;" />
</el-form-item>
<el-form-item label="箱号">
<el-input v-model="form.boxNum" style="width: 370px;" />
</el-form-item>
<el-form-item label="物料条码">
<qrcode-vue :value="form.material" :size="size" level="H"/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="text" @click="crud.cancelCU">取消</el-button>
<el-button type="danger" @click="crud.cancelCU">条码打印</el-button>
<el-button :loading="crud.status.cu === 2" type="primary" @click="crud.submitCU">确认</el-button>
</div>
</el-dialog>
<!--表格渲染-->
<el-table ref="table" v-loading="crud.loading" :data="crud.data" size="small" style="width: 100%;" @selection-change="crud.selectionChangeHandler">
<el-table-column type="selection" width="55" />
<el-table-column prop="orderDetailId" label="ID" />
<el-table-column prop="deliveryOrder" label="配送单号" />
<el-table-column prop="deliveryOrderLine" label="配送单明细" />
<el-table-column prop="material" label="物料编码" />
<el-table-column prop="materialDesc" label="物料描述" />
<el-table-column prop="quantity" label="数量" />
<el-table-column prop="uom" label="计量单位" />
<el-table-column prop="boxNum" label="箱号" />
<el-table-column prop="createBy" label="创建者" />
<el-table-column prop="updateBy" label="更新者" />
<el-table-column prop="createTime" label="创建日期" />
<el-table-column prop="updateTime" label="更新时间" />
<el-table-column v-if="checkPer(['admin','wmsDeliveryOrderDetail:edit','wmsDeliveryOrderDetail:del'])" label="操作" width="150px" align="center">
<template slot-scope="scope">
<udOperation
:data="scope.row"
:permission="permission"
/>
</template>
</el-table-column>
</el-table>
<!--分页组件-->
<pagination />
</div>
</div>
</template>
<script>
import crudWmsDeliveryOrderDetail from '@/api/wms/wmsDeliveryOrderDetail'
import CRUD, { presenter, header, form, crud } from '@crud/crud'
import rrOperation from '@crud/RR.operation'
import crudOperation from '@crud/CRUD.operation'
import udOperation from '@crud/UD.operation'
import pagination from '@crud/Pagination'
import QrcodeVue from 'qrcode.vue'
const defaultForm = { orderDetailId: null, deliveryOrder: null, deliveryOrderLine: null, material: null, materialDesc: null, quantity: null, uom: null, boxNum: null, createBy: null, updateBy: null, createTime: null, updateTime: null }
export default {
name: 'WmsDeliveryOrderDetail',
components: { pagination, crudOperation, rrOperation, udOperation, QrcodeVue },
mixins: [presenter(), header(), form(defaultForm), crud()],
cruds() {
return CRUD({ title: '配送单明细', url: 'api/wmsDeliveryOrderDetail', idField: 'orderDetailId', sort: 'orderDetailId,desc', crudMethod: { ...crudWmsDeliveryOrderDetail }})
},
data() {
return {
permission: {
add: ['admin', 'wmsDeliveryOrderDetail:add'],
edit: ['admin', 'wmsDeliveryOrderDetail:edit'],
del: ['admin', 'wmsDeliveryOrderDetail:del']
},
rules: {
},
queryTypeOptions: [
{ key: 'deliveryOrder', display_name: '配送单号' },
{ key: 'deliveryOrderLine', display_name: '配送单明细' },
{ key: 'material', display_name: '物料编码' }
],
value: '',
size: 150
}
},
methods: {
// 钩子:在获取表格数据之前执行,false 则代表不获取数据
[CRUD.HOOK.beforeRefresh]() {
return true
}
}
}
</script>
<style scoped>
</style>
<template>
<div class="app-container">
<!--工具栏-->
<div class="head-container">
<div v-if="crud.props.searchToggle">
<!-- 搜索 -->
<label class="el-form-item-label">配送单号</label>
<el-input v-model="query.deliveryOrder" clearable placeholder="配送单号" style="width: 185px;" class="filter-item" @keyup.enter.native="crud.toQuery" />
<label class="el-form-item-label">配送工厂</label>
<el-input v-model="query.factoryNum" clearable placeholder="配送工厂" style="width: 185px;" class="filter-item" @keyup.enter.native="crud.toQuery" />
<label class="el-form-item-label">配送库存地</label>
<el-input v-model="query.locationTo" clearable placeholder="配送库存地" style="width: 185px;" class="filter-item" @keyup.enter.native="crud.toQuery" />
<label class="el-form-item-label">配送门店</label>
<el-input v-model="query.storeTo" clearable placeholder="配送门店" style="width: 185px;" class="filter-item" @keyup.enter.native="crud.toQuery" />
<rrOperation :crud="crud" />
</div>
<!--如果想在工具栏加入更多按钮,可以使用插槽方式, slot = 'left' or 'right'-->
<crudOperation :permission="permission" />
<!--表单组件-->
<el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible.sync="crud.status.cu > 0" :title="crud.status.title" width="500px">
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
<el-form-item label="配送单号">
<el-input v-model="form.deliveryOrder" style="width: 370px;" />
</el-form-item>
<el-form-item label="配送工厂">
<el-input v-model="form.factoryNum" style="width: 370px;" />
</el-form-item>
<el-form-item label="配送库存地">
<el-input v-model="form.locationTo" style="width: 370px;" />
</el-form-item>
<el-form-item label="配送门店">
<el-input v-model="form.storeTo" style="width: 370px;" />
</el-form-item>
<el-form-item label="订单日期">
<el-date-picker v-model="form.orderTime" type="datetime" style="width: 370px;" />
</el-form-item>
<el-form-item label="配送单条码">
<qrcode-vue :value="form.deliveryOrder" :size="size" level="H"/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="text" @click="crud.cancelCU">取消</el-button>
<el-button type="danger">打印条码</el-button>
<el-button :loading="crud.status.cu === 2" type="primary" @click="crud.submitCU">确认</el-button>
</div>
</el-dialog>
<!--表格渲染-->
<el-table ref="table" v-loading="crud.loading" :data="crud.data" size="small" style="width: 100%;" @selection-change="crud.selectionChangeHandler">
<el-table-column type="selection" width="55" />
<el-table-column prop="orderId" label="ID" />
<el-table-column prop="deliveryOrder" label="配送单号" />
<el-table-column prop="factoryNum" label="配送工厂" />
<el-table-column prop="locationTo" label="配送库存地" />
<el-table-column prop="storeTo" label="配送门店" />
<el-table-column prop="shift" label="班次" />
<el-table-column prop="orderTime" label="订单日期" />
<el-table-column prop="createBy" label="创建者" />
<el-table-column prop="updateBy" label="更新者" />
<el-table-column prop="createTime" label="创建日期" />
<el-table-column prop="updateTime" label="更新时间" />
<el-table-column v-if="checkPer(['admin','wmsDeliveryOrderHeader:edit','wmsDeliveryOrderHeader:del'])" label="操作" width="150px" align="center">
<template slot-scope="scope">
<udOperation
:data="scope.row"
:permission="permission"
/>
</template>
</el-table-column>
</el-table>
<!--分页组件-->
<pagination />
</div>
</div>
</template>
<script>
// import crudWmsDeliveryOrderHeader from '@api/wms/wmsDeliveryOrderHeader'
import crudWmsDeliveryOrderHeader from '@/api/wms/wmsDeliveryOrderHeader'
import CRUD, { presenter, header, form, crud } from '@crud/crud'
import rrOperation from '@crud/RR.operation'
import crudOperation from '@crud/CRUD.operation'
import udOperation from '@crud/UD.operation'
import pagination from '@crud/Pagination'
import QrcodeVue from 'qrcode.vue'
const defaultForm = { orderId: null, deliveryOrder: null, factoryNum: null, locationTo: null, storeTo: null, shift: null, orderTime: null, createBy: null, updateBy: null, createTime: null, updateTime: null }
export default {
name: 'WmsDeliveryOrderHeader',
components: { pagination, crudOperation, rrOperation, udOperation, QrcodeVue },
mixins: [presenter(), header(), form(defaultForm), crud()],
cruds() {
return CRUD({ title: '配送单信息', url: 'api/wmsDeliveryOrderHeader', idField: 'orderId', sort: 'orderId,desc', crudMethod: { ...crudWmsDeliveryOrderHeader }})
},
data() {
return {
permission: {
add: ['admin', 'wmsDeliveryOrderHeader:add'],
edit: ['admin', 'wmsDeliveryOrderHeader:edit'],
del: ['admin', 'wmsDeliveryOrderHeader:del']
},
rules: {
},
queryTypeOptions: [
{ key: 'deliveryOrder', display_name: '配送单号' },
{ key: 'factoryNum', display_name: '配送工厂' },
{ key: 'locationTo', display_name: '配送库存地' },
{ key: 'storeTo', display_name: '配送门店' }
],
value: '',
size: 150
}
},
methods: {
// 钩子:在获取表格数据之前执行,false 则代表不获取数据
[CRUD.HOOK.beforeRefresh]() {
return true
}
},
}
</script>
<style scoped>
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment