mt-ck-00a/mt-ck-wms-ui
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

init

Browse Source
This commit is contained in:
gtz217
2021-09-13 14:56:28 +08:00
commit ac0d6e9083
777 changed files with 90286 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

145
src/views/basicData/CustomerSupplier/components/customer-add.vue Normal file
View File

@@ -0,0 +1,145 @@
<!--
* @Author: zwq
* @Date: 2020-12-29 16:37:56
* @LastEditors: zwq
* @LastEditTime: 2021-03-25 16:24:15
* @Description:
-->
<template>
<el-dialog
:title="!dataForm.id ? 'btn.add' : 'btn.edit' | i18nFilter"
:visible.sync="visible"
>
<el-form ref="dataForm" :model="dataForm" :rules="dataRule" label-width="100px" @keyup.enter.native="dataFormSubmit()">
<el-form-item :label="$t('module.basicData.customer.CustomerName')" prop="name">
<el-input v-model="dataForm.name" :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.customer.CustomerName')])" clearable />
</el-form-item>
<el-form-item :label="$t('module.basicData.customer.CustomerCode')" prop="code">
<el-input v-model="dataForm.code" :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.customer.CustomerCode')])" clearable />
</el-form-item>
<el-form-item :label="$t('module.basicData.customer.ContactPerson')" prop="contact">
<el-input v-model="dataForm.contact" :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.customer.ContactPerson')])" clearable />
</el-form-item>
<el-form-item :label="$t('module.basicData.customer.Telephone')" prop="telephone">
<el-input
v-model="dataForm.telephone"
:placeholder="$i18nForm(['placeholder.input', $t('module.basicData.customer.Telephone')])"
clearable
prefix-icon="el-icon-phone"
:style="{width: '100%'}"
/>
</el-form-item>
<el-form-item :label="$t('module.basicData.customer.Address')" prop="address">
<el-input v-model="dataForm.address" :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.customer.Address')])" clearable />
</el-form-item>
<el-form-item :label="$t('module.basicData.visual.Remarks')" prop="description">
<el-input v-model="dataForm.description" :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.visual.Remarks')])" clearable />
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="visible = false">{{ 'btn.cancel' | i18nFilter }}</el-button>
<el-button type="primary" @click="dataFormSubmit()">{{ 'btn.confirm' | i18nFilter }}</el-button>
</span>
</el-dialog>
</template>
<script>
import { customerDetail, customerUpdate, customerAdd, customerCode } from '@/api/basicData/CustomerSupplier/customer'
export default {
data() {
return {
visible: false,
dataForm: {
id: 0,
name: '',
code: '',
contact: '',
telephone: '',
address: '',
description: ''
},
dataRule: {
name: [
{ required: true, message: this.$i18nForm(['placeholder.input', this.$t('module.basicData.customer.CustomerName')]), trigger: 'blur' }
],
code: [
{ required: true, message: this.$i18nForm(['placeholder.input', this.$t('module.basicData.customer.CustomerCode')]), trigger: 'blur' }
],
contact: [
{ required: true, message: this.$i18nForm(['placeholder.input', this.$t('module.basicData.customer.ContactPerson')]), trigger: 'blur' }
],
telephone: [{
required: true,
pattern: /(^1\d{10}$)|(^[0-9]\d{7}$)/,
message: this.$t('module.basicData.customer.Telephone') + this.$t('module.basicData.customer.format'),
trigger: 'blur'
}]
}
}
},
methods: {
init(id) {
customerCode().then(res => {
this.dataForm.code = res.data
})
this.dataForm.id = id || ''
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
customerDetail(this.dataForm.id).then(res => {
this.dataForm.name = res.data.name
this.dataForm.code = res.data.code
this.dataForm.description = res.data.description
this.dataForm.contact = res.data.contact
this.dataForm.address = res.data.address
this.dataForm.telephone = res.data.telephone
})
}
})
},
// 表单提交
dataFormSubmit() {
this.$refs['dataForm'].validate((valid) => {
if (valid) {
const data = {
'name': this.dataForm.name,
'code': this.dataForm.code,
'description': this.dataForm.description,
'contact': this.dataForm.contact,
'telephone': this.dataForm.telephone,
'address': this.dataForm.address,
'id': this.dataForm.id
}
if (this.dataForm.id) {
customerUpdate(data).then(res => {
this.$message({
message: this.$t('module.basicData.visual.success'),
type: 'success',
duration: 1500,
onClose: () => {
this.visible = false
this.$emit('refreshDataList')
}
})
})
} else {
customerAdd(data).then(res => {
this.$message({
message: this.$t('module.basicData.visual.success'),
type: 'success',
duration: 1500,
onClose: () => {
this.visible = false
this.$emit('refreshDataList')
}
})
})
}
}
})
}
}
}
</script>

140
src/views/basicData/CustomerSupplier/components/supplier-add.vue Normal file
View File

@@ -0,0 +1,140 @@
<!--
* @Author: zwq
* @Date: 2020-12-29 16:37:56
* @LastEditors: zwq
* @LastEditTime: 2021-03-10 11:06:50
* @Description:
-->
<template>
<el-dialog
:title="!dataForm.id ? 'btn.add' : 'btn.edit' | i18nFilter"
:visible.sync="visible"
>
<el-form ref="dataForm" :model="dataForm" :rules="dataRule" label-width="100px" @keyup.enter.native="dataFormSubmit()">
<el-form-item :label="$t('module.basicData.supplier.SupplierName')" prop="name">
<el-input v-model="dataForm.name" :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.supplier.SupplierName')])" clearable />
</el-form-item>
<el-form-item :label="$t('module.basicData.supplier.SupplierCode')" prop="code">
<el-input v-model="dataForm.code" :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.supplier.SupplierCode')])" clearable />
</el-form-item>
<el-form-item :label="$t('module.basicData.supplier.ContactPerson')" prop="contact">
<el-input v-model="dataForm.contact" :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.supplier.ContactPerson')])" clearable />
</el-form-item>
<el-form-item :label="$t('module.basicData.supplier.Telephone')" prop="telephone">
<el-input
v-model="dataForm.telephone"
:placeholder="$i18nForm(['placeholder.input', $t('module.basicData.supplier.Telephone')])"
clearable
prefix-icon="el-icon-phone"
:style="{width: '100%'}"
/>
</el-form-item>
<el-form-item :label="$t('module.basicData.supplier.Address')" prop="address">
<el-input v-model="dataForm.address" :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.supplier.Address')])" clearable />
</el-form-item>
<el-form-item :label="$t('module.basicData.visual.Remarks')" prop="description">
<el-input v-model="dataForm.description" :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.visual.Remarks')])" clearable />
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="visible = false">{{ 'btn.cancel' | i18nFilter }}</el-button>
<el-button type="primary" @click="dataFormSubmit()">{{ 'btn.confirm' | i18nFilter }}</el-button>
</span>
</el-dialog>
</template>
<script>
import { supplierDetail, supplierUpdate, supplierAdd, supplierCode } from '@/api/basicData/CustomerSupplier/supplier'
export default {
data() {
return {
visible: false,
dataForm: {
id: 0,
name: '',
code: '',
contact: '',
telephone: '',
description: '',
address: ''
},
dataRule: {
name: [
{ required: true, message: this.$i18nForm(['placeholder.input', this.$t('module.basicData.supplier.SupplierName')]), trigger: 'blur' }
],
code: [
{ required: true, message: this.$i18nForm(['placeholder.input', this.$t('module.basicData.supplier.SupplierCode')]), trigger: 'blur' }
],
contact: [
{ required: true, message: this.$i18nForm(['placeholder.input', this.$t('module.basicData.supplier.ContactPerson')]), trigger: 'blur' }
],
telephone: [{
required: true,
pattern: /(^1\d{10}$)|(^[0-9]\d{7}$)/,
message: this.$t('module.basicData.supplier.Telephone') + this.$t('module.basicData.customer.format'),
trigger: 'blur'
}]
}
}
},
methods: {
init(id) {
supplierCode().then(res => {
this.dataForm.code = res.data
})
this.dataForm.id = id || ''
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
supplierDetail(this.dataForm.id).then(res => {
this.dataForm = res.data
})
}
})
},
// 表单提交
dataFormSubmit() {
this.$refs['dataForm'].validate((valid) => {
if (valid) {
const data = {
'name': this.dataForm.name,
'code': this.dataForm.code,
'description': this.dataForm.description,
'contact': this.dataForm.contact,
'telephone': this.dataForm.telephone,
'address': this.dataForm.address,
'id': this.dataForm.id
}
if (this.dataForm.id) {
supplierUpdate(data).then(res => {
this.$message({
message: this.$t('module.basicData.visual.success'),
type: 'success',
duration: 1500,
onClose: () => {
this.visible = false
this.$emit('refreshDataList')
}
})
})
} else {
supplierAdd(data).then(res => {
this.$message({
message: this.$t('module.basicData.visual.success'),
type: 'success',
duration: 1500,
onClose: () => {
this.visible = false
this.$emit('refreshDataList')
}
})
})
}
}
})
}
}
}
</script>

204
src/views/basicData/CustomerSupplier/customer.vue Normal file
View File

@@ -0,0 +1,204 @@
<!--
* @Author: zwq
* @Date: 2020-12-29 15:41:11
* @LastEditors: zwq
* @LastEditTime: 2021-03-11 16:44:58
* @Description:
-->
<template>
<div class="app-container">
<head-form
:placeholder-name="placeholderName"
:key-name="keyName"
@getDataList="getList"
@add="addNew"
/>
<base-table
:page="listQuery.current"
:limit="listQuery.size"
:table-config="tableProps"
:table-data="list"
:is-loading="listLoading"
>
<method-btn
slot="handleBtn"
:width="trueWidth"
:method-list="tableBtn"
@clickBtn="handleClick"
/>
</base-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="listQuery.current"
:limit.sync="listQuery.size"
@pagination="getList()"
/>
<customer-add v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getList" />
</div>
</template>
<script>import i18n from '@/lang'
import { customerList, customerDelete } from '@/api/basicData/CustomerSupplier/customer'
import customerAdd from './components/customer-add.vue'
import HeadForm from '@/components/basicData/HeadForm'
import BaseTable from '@/components/BaseTable'
import Pagination from '@/components/Pagination' // Secondary package based on el-pagination
import MethodBtn from '@/components/BaseTable/subcomponents/MethodBtn'
import { timeFormatter } from '@/filters'
/**
* 表格表头配置项 TypeScript接口注释
* tableConfig<ConfigItem> = []
*
* Interface ConfigItem = {
* prop: string,
* label: string,
* width: string,
* align: string,
* subcomponent: function,
* filter: function
* }
*
*
*/
const tableBtn = [
{
type: 'edit',
btnName: 'btn.edit'
},
{
type: 'delete',
btnName: 'btn.delete'
}
]
const tableProps = [
{
prop: 'createTime',
label: i18n.t('module.basicData.factory.createTime'),
filter: timeFormatter,
align: 'center'
},
{
prop: 'name',
label: i18n.t('module.basicData.customer.CustomerName'),
align: 'center'
},
{
prop: 'code',
label: i18n.t('module.basicData.customer.CustomerCode'),
align: 'center'
},
{
prop: 'contact',
label: i18n.t('module.basicData.customer.ContactPerson'),
align: 'center'
},
{
prop: 'telephone',
label: i18n.t('module.basicData.customer.Telephone'),
align: 'center'
},
{
prop: 'address',
label: i18n.t('module.basicData.customer.Address'),
align: 'center'
},
{
prop: 'description',
label: i18n.t('module.basicData.visual.Remarks'),
align: 'center'
}
]
export default {
name: 'Customer',
components: { Pagination, BaseTable, MethodBtn, HeadForm, customerAdd },
filters: {
statusFilter(status) {
const statusMap = {
published: 'success',
draft: 'info',
deleted: 'danger'
}
return statusMap[status]
}
},
data() {
return {
keyName: i18n.t('module.basicData.visual.keyword'),
placeholderName: this.$t('module.basicData.customer.CustomerName'),
addOrUpdateVisible: false,
tableBtn,
trueWidth: 200,
tableProps,
list: [],
total: 0,
listLoading: true,
listQuery: {
current: 1,
size: 10
}
}
},
created() {
this.getList()
},
methods: {
handleClick(raw) {
console.log(raw)
if (raw.type === 'delete') {
this.$confirm(`${this.$t('module.basicData.visual.TipsBefore')}[${raw.data.name}]?`, this.$t('module.basicData.visual.Tips'), {
confirmButtonText: this.$t('module.basicData.visual.confirmButtonText'),
cancelButtonText: this.$t('module.basicData.visual.cancelButtonText'),
type: 'warning'
}).then(() => {
customerDelete(raw.data.id).then(response => {
this.$message({
message: this.$t('module.basicData.visual.success'),
type: 'success',
duration: 1500,
onClose: () => {
this.getList()
}
})
})
}).catch(() => {})
} else {
this.addNew(raw.data.id)
}
},
getList(key) {
this.listLoading = true
this.listQuery.name = key
customerList(this.listQuery).then(response => {
if (response.data.records) {
this.list = response.data.records
} else {
this.list.splice(0, this.list.length)
}
this.total = response.data.total
this.listLoading = false
})
},
// 新增 / 修改
addNew(id) {
this.addOrUpdateVisible = true
this.$nextTick(() => {
this.$refs.addOrUpdate.init(id)
})
}
}
}
</script>
<style scoped>
.edit-input {
padding-right: 100px;
}
.cancel-btn {
position: absolute;
right: 15px;
top: 10px;
}
</style>

205
src/views/basicData/CustomerSupplier/supplier.vue Normal file
View File

@@ -0,0 +1,205 @@
<!--
* @Author: zwq
* @Date: 2020-12-29 15:41:11
* @LastEditors: zwq
* @LastEditTime: 2021-03-11 16:45:09
* @Description:
-->
<template>
<div class="app-container">
<head-form
:placeholder-name="placeholderName"
:key-name="keyName"
@getDataList="getList"
@add="addNew"
/>
<base-table
:page="listQuery.current"
:limit="listQuery.size"
:table-config="tableProps"
:table-data="list"
:is-loading="listLoading"
>
<method-btn
slot="handleBtn"
:width="trueWidth"
:method-list="tableBtn"
@clickBtn="handleClick"
/>
</base-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="listQuery.current"
:limit.sync="listQuery.size"
@pagination="getList()"
/>
<supplier-add v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getList" />
</div>
</template>
<script>import i18n from '@/lang'
import { supplierList, supplierDelete } from '@/api/basicData/CustomerSupplier/supplier'
import supplierAdd from './components/supplier-add.vue'
import HeadForm from '@/components/basicData/HeadForm'
import BaseTable from '@/components/BaseTable'
import Pagination from '@/components/Pagination' // Secondary package based on el-pagination
import MethodBtn from '@/components/BaseTable/subcomponents/MethodBtn'
import { timeFormatter } from '@/filters'
/**
* 表格表头配置项 TypeScript接口注释
* tableConfig<ConfigItem> = []
*
* Interface ConfigItem = {
* prop: string,
* label: string,
* width: string,
* align: string,
* subcomponent: function,
* filter: function
* }
*
*
*/
const tableBtn = [
{
type: 'edit',
btnName: 'btn.edit'
},
{
type: 'delete',
btnName: 'btn.delete'
}
]
const tableProps = [
{
prop: 'createTime',
label: i18n.t('module.basicData.factory.createTime'),
filter: timeFormatter,
align: 'center'
},
{
prop: 'name',
label: i18n.t('module.basicData.supplier.SupplierName'),
align: 'center'
},
{
prop: 'code',
label: i18n.t('module.basicData.supplier.SupplierCode'),
align: 'center'
},
{
prop: 'contact',
label: i18n.t('module.basicData.supplier.ContactPerson'),
align: 'center'
},
{
prop: 'telephone',
label: i18n.t('module.basicData.supplier.Telephone'),
align: 'center'
},
{
prop: 'address',
label: i18n.t('module.basicData.supplier.Address'),
align: 'center'
},
{
prop: 'description',
label: i18n.t('module.basicData.visual.Remarks'),
align: 'center'
}
]
export default {
name: 'Supplier',
components: { Pagination, BaseTable, MethodBtn, HeadForm, supplierAdd },
filters: {
statusFilter(status) {
const statusMap = {
published: 'success',
draft: 'info',
deleted: 'danger'
}
return statusMap[status]
}
},
data() {
return {
keyName: i18n.t('module.basicData.visual.keyword'),
placeholderName: this.$t('module.basicData.supplier.SupplierName') + this.$t('module.basicData.visual.Or') + this.$t('module.basicData.supplier.SupplierCode'),
addOrUpdateVisible: false,
tableBtn,
trueWidth: 200,
tableProps,
list: [],
total: 0,
listLoading: true,
listQuery: {
current: 1,
size: 10
}
}
},
created() {
this.getList()
},
methods: {
handleClick(raw) {
console.log(raw)
if (raw.type === 'delete') {
this.$confirm(`${this.$t('module.basicData.visual.TipsBefore')}[${raw.data.name}]?`, this.$t('module.basicData.visual.Tips'), {
confirmButtonText: this.$t('module.basicData.visual.confirmButtonText'),
cancelButtonText: this.$t('module.basicData.visual.cancelButtonText'),
type: 'warning'
}).then(() => {
supplierDelete(raw.data.id).then(response => {
this.$message({
message: this.$t('module.basicData.visual.success'),
type: 'success',
duration: 1500,
onClose: () => {
this.getList()
}
})
})
}).catch(() => {})
} else {
this.addNew(raw.data.id)
}
},
getList(key) {
this.listLoading = true
this.listQuery.name = key
this.listQuery.code = key
supplierList(this.listQuery).then(response => {
if (response.data.records) {
this.list = response.data.records
} else {
this.list.splice(0, this.list.length)
}
this.total = response.data.total
this.listLoading = false
})
},
// 新增 / 修改
addNew(id) {
this.addOrUpdateVisible = true
this.$nextTick(() => {
this.$refs.addOrUpdate.init(id)
})
}
}
}
</script>
<style scoped>
.edit-input {
padding-right: 100px;
}
.cancel-btn {
position: absolute;
right: 15px;
top: 10px;
}
</style>