You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
425 lines
14 KiB
Vue
425 lines
14 KiB
Vue
<template>
|
|
<div>
|
|
<transition appear enter-active-class="animated fadeIn">
|
|
<q-table
|
|
class="my-sticky-header-table shadow-24"
|
|
:data="table_list"
|
|
row-key="id"
|
|
:separator="separator"
|
|
:loading="loading"
|
|
:filter="filter"
|
|
:columns="columns"
|
|
hide-bottom
|
|
:pagination.sync="pagination"
|
|
no-data-label="No data"
|
|
no-results-label="No data you want"
|
|
:table-style="{ height: height }"
|
|
flat
|
|
bordered
|
|
>
|
|
<template v-slot:top>
|
|
<q-btn-group push>
|
|
<q-btn :label="$t('refresh')" @click="reFresh()">
|
|
<q-tooltip content-class="bg-amber text-black shadow-4" :offset="[10, 10]" content-style="font-size: 12px">
|
|
{{ $t('refreshtip') }}
|
|
</q-tooltip>
|
|
</q-btn>
|
|
</q-btn-group>
|
|
<q-space />
|
|
</template>
|
|
<template v-slot:body="props">
|
|
<q-tr :props="props">
|
|
<template v-if="props.row.id === editid">
|
|
<q-td key="warehouse_name" :props="props">
|
|
<q-input dense
|
|
outlined
|
|
square
|
|
v-model="editFormData.warehouse_name"
|
|
:label="$t('warehouse.view_warehouse.warehouse_name')"
|
|
autofocus
|
|
:rules="[ val => val && val.length > 0 || error1]"
|
|
/>
|
|
</q-td>
|
|
</template>
|
|
<template v-else-if="props.row.id !== editid">
|
|
<q-td key="warehouse_name" :props="props">
|
|
{{ props.row.warehouse_name }}
|
|
</q-td>
|
|
</template>
|
|
<template v-if="props.row.id === editid">
|
|
<q-td key="warehouse_city" :props="props">
|
|
<q-input dense
|
|
outlined
|
|
square
|
|
v-model="editFormData.warehouse_city"
|
|
:label="$t('warehouse.view_warehouse.warehouse_city')"
|
|
:rules="[ val => val && val.length > 0 || error2]"
|
|
/>
|
|
</q-td>
|
|
</template>
|
|
<template v-else-if="props.row.id !== editid">
|
|
<q-td key="warehouse_city" :props="props">
|
|
{{ props.row.warehouse_city }}
|
|
</q-td>
|
|
</template>
|
|
<template v-if="props.row.id === editid">
|
|
<q-td key="warehouse_address" :props="props">
|
|
<q-input dense
|
|
outlined
|
|
square
|
|
v-model="editFormData.warehouse_address"
|
|
:label="$t('warehouse.view_warehouse.warehouse_address')"
|
|
:rules="[ val => val && val.length > 0 || error3]"
|
|
/>
|
|
</q-td>
|
|
</template>
|
|
<template v-else-if="props.row.id !== editid">
|
|
<q-td key="warehouse_address" :props="props">
|
|
{{ props.row.warehouse_address }}
|
|
</q-td>
|
|
</template>
|
|
<template v-else-if="props.row.id !== editid">
|
|
<q-td key="warehouse_contact" :props="props">
|
|
{{ props.row.warehouse_contact }}
|
|
</q-td>
|
|
</template>
|
|
<template v-if="props.row.id === editid">
|
|
<q-td key="warehouse_contact" :props="props">
|
|
<q-input dense
|
|
outlined
|
|
square
|
|
v-model="editFormData.warehouse_contact"
|
|
:label="$t('warehouse.view_warehouse.warehouse_contact')"
|
|
/>
|
|
</q-td>
|
|
</template>
|
|
<template v-else-if="props.row.id !== editid">
|
|
<q-td key="warehouse_contact" :props="props">
|
|
{{ props.row.warehouse_contact }}
|
|
</q-td>
|
|
</template>
|
|
<template v-if="props.row.id === editid">
|
|
<q-td key="warehouse_manager" :props="props">
|
|
<q-input dense
|
|
outlined
|
|
square
|
|
v-model="editFormData.warehouse_manager"
|
|
:label="$t('warehouse.view_warehouse.warehouse_manager')"
|
|
:rules="[ val => val && val > 0 || error5]"
|
|
/>
|
|
</q-td>
|
|
</template>
|
|
<template v-else-if="props.row.id !== editid">
|
|
<q-td key="warehouse_manager" :props="props">
|
|
{{ props.row.warehouse_manager }}
|
|
</q-td>
|
|
</template>
|
|
<q-td key="creater" :props="props">
|
|
{{ props.row.creater }}
|
|
</q-td>
|
|
<q-td key="create_time" :props="props">
|
|
{{ props.row.create_time }}
|
|
</q-td>
|
|
<q-td key="update_time" :props="props">
|
|
{{ props.row.update_time }}
|
|
</q-td>
|
|
</q-tr>
|
|
</template>
|
|
</q-table>
|
|
</transition>
|
|
<template>
|
|
<div class="q-pa-lg flex flex-center">
|
|
<q-btn v-show="pathname_previous" flat push color="purple" :label="$t('previous')" icon="navigate_before" @click="getListPrevious()">
|
|
<q-tooltip content-class="bg-amber text-black shadow-4" :offset="[10, 10]" content-style="font-size: 12px">
|
|
{{ $t('previous') }}
|
|
</q-tooltip>
|
|
</q-btn>
|
|
<q-btn v-show="pathname_next" flat push color="purple" :label="$t('next')" icon-right="navigate_next" @click="getListNext()">
|
|
<q-tooltip content-class="bg-amber text-black shadow-4" :offset="[10, 10]" content-style="font-size: 12px">
|
|
{{ $t('next') }}
|
|
</q-tooltip>
|
|
</q-btn>
|
|
<q-btn v-show="!pathname_previous && !pathname_next" flat push color="dark" :label="$t('no_data')"></q-btn>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
</template>
|
|
<router-view />
|
|
|
|
<script>
|
|
import { getauth, postauth, putauth, deleteauth } from 'boot/axios_request'
|
|
import { LocalStorage } from 'quasar'
|
|
|
|
export default {
|
|
name: 'Pagewarehouse',
|
|
data () {
|
|
return {
|
|
openid: '',
|
|
login_name: '',
|
|
authin: '0',
|
|
pathname: 'warehouse/',
|
|
pathname_previous: '',
|
|
pathname_next: '',
|
|
separator: 'cell',
|
|
loading: false,
|
|
height: '',
|
|
table_list: [],
|
|
columns: [
|
|
{ name: 'warehouse_name', required: true, label: this.$t('warehouse.view_warehouse.warehouse_name'), align: 'left', field: 'warehouse_name' },
|
|
{ name: 'warehouse_city', label: this.$t('warehouse.view_warehouse.warehouse_city'), field: 'warehouse_city', align: 'center' },
|
|
{ name: 'warehouse_address', label: this.$t('warehouse.view_warehouse.warehouse_address'), field: 'warehouse_address', align: 'center' },
|
|
{ name: 'warehouse_contact', label: this.$t('warehouse.view_warehouse.warehouse_contact'), field: 'warehouse_contact', align: 'center' },
|
|
{ name: 'warehouse_manager', label: this.$t('warehouse.view_warehouse.warehouse_manager'), field: 'warehouse_manager', align: 'center' },
|
|
{ name: 'creater', label: this.$t('creater'), field: 'creater', align: 'center' },
|
|
{ name: 'create_time', label: this.$t('createtime'), field: 'create_time', align: 'center' },
|
|
{ name: 'update_time', label: this.$t('updatetime'), field: 'update_time', align: 'center' }
|
|
],
|
|
filter: '',
|
|
pagination: {
|
|
page: 1,
|
|
rowsPerPage: '30'
|
|
},
|
|
newForm: false,
|
|
newFormData: {
|
|
warehouse_name: '',
|
|
warehouse_city: '',
|
|
warehouse_address: '',
|
|
warehouse_contact: '',
|
|
warehouse_manager: '',
|
|
creater: ''
|
|
},
|
|
editid: 0,
|
|
editFormData: {},
|
|
editMode: false,
|
|
deleteForm: false,
|
|
deleteid: 0,
|
|
error1: this.$t('warehouse.view_warehouseset.error1'),
|
|
error2: this.$t('warehouse.view_warehouseset.error2'),
|
|
error3: this.$t('warehouse.view_warehouseset.error3'),
|
|
error4: this.$t('warehouse.view_warehouseset.error4'),
|
|
error5: this.$t('warehouse.view_warehouseset.error5')
|
|
}
|
|
},
|
|
methods: {
|
|
getList () {
|
|
var _this = this
|
|
if (LocalStorage.has('auth')) {
|
|
getauth(_this.pathname, {
|
|
}).then(res => {
|
|
_this.table_list = res.results
|
|
_this.pathname_previous = res.previous
|
|
_this.pathname_next = res.next
|
|
}).catch(err => {
|
|
_this.$q.notify({
|
|
message: err.detail,
|
|
icon: 'close',
|
|
color: 'negative'
|
|
})
|
|
})
|
|
} else {
|
|
}
|
|
},
|
|
getListPrevious () {
|
|
var _this = this
|
|
if (LocalStorage.has('auth')) {
|
|
getauth(_this.pathname_previous, {
|
|
}).then(res => {
|
|
_this.table_list = res.results
|
|
_this.pathname_previous = res.previous
|
|
_this.pathname_next = res.next
|
|
}).catch(err => {
|
|
_this.$q.notify({
|
|
message: err.detail,
|
|
icon: 'close',
|
|
color: 'negative'
|
|
})
|
|
})
|
|
} else {
|
|
}
|
|
},
|
|
getListNext () {
|
|
var _this = this
|
|
if (LocalStorage.has('auth')) {
|
|
getauth(_this.pathname_next, {
|
|
}).then(res => {
|
|
_this.table_list = res.results
|
|
_this.pathname_previous = res.previous
|
|
_this.pathname_next = res.next
|
|
}).catch(err => {
|
|
_this.$q.notify({
|
|
message: err.detail,
|
|
icon: 'close',
|
|
color: 'negative'
|
|
})
|
|
})
|
|
} else {
|
|
}
|
|
},
|
|
reFresh () {
|
|
var _this = this
|
|
_this.getList()
|
|
},
|
|
newDataSubmit () {
|
|
var _this = this
|
|
var warehousesets = []
|
|
_this.table_list.forEach(i => {
|
|
warehousesets.push(i.warehouse_name)
|
|
})
|
|
if (warehousesets.indexOf(_this.newFormData.warehouse_name) === -1 && _this.newFormData.warehouse_name.length !== 0) {
|
|
_this.newFormData.creater = _this.login_name
|
|
postauth(_this.pathname, _this.newFormData).then(res => {
|
|
_this.getList()
|
|
_this.newDataCancel()
|
|
_this.$q.notify({
|
|
message: 'Success Create',
|
|
icon: 'check',
|
|
color: 'green'
|
|
})
|
|
}).catch(err => {
|
|
_this.$q.notify({
|
|
message: err.detail,
|
|
icon: 'close',
|
|
color: 'negative'
|
|
})
|
|
})
|
|
} else {
|
|
_this.newFormData.creater = _this.login_name
|
|
postauth(_this.pathname, _this.newFormData).then(res => {
|
|
_this.getList()
|
|
_this.newDataCancel()
|
|
_this.$q.notify({
|
|
message: '',
|
|
icon: 'close',
|
|
color: 'negative'
|
|
})
|
|
}).catch(err => {
|
|
_this.$q.notify({
|
|
message: err.detail,
|
|
icon: 'close',
|
|
color: 'negative'
|
|
})
|
|
})
|
|
}
|
|
warehousesets = []
|
|
},
|
|
newDataCancel () {
|
|
var _this = this
|
|
_this.newForm = false
|
|
_this.newFormData = {
|
|
warehouse_name: '',
|
|
warehouse_city: '',
|
|
warehouse_address: '',
|
|
warehouse_contact: '',
|
|
warehouse_manager: '',
|
|
creater: ''
|
|
}
|
|
},
|
|
editData (e) {
|
|
var _this = this
|
|
_this.editMode = true
|
|
_this.editid = e.id
|
|
_this.editFormData = {
|
|
warehouse_name: e.warehouse_name,
|
|
warehouse_city: e.warehouse_city,
|
|
warehouse_address: e.warehouse_address,
|
|
warehouse_contact: e.warehouse_contact,
|
|
warehouse_manager: e.warehouse_manager,
|
|
creater: _this.login_name
|
|
}
|
|
},
|
|
editDataSubmit () {
|
|
var _this = this
|
|
putauth(_this.pathname + _this.editid + '/', _this.editFormData).then(res => {
|
|
_this.editDataCancel()
|
|
_this.getList()
|
|
_this.$q.notify({
|
|
message: 'Success Edit Data',
|
|
icon: 'check',
|
|
color: 'green'
|
|
})
|
|
}).catch(err => {
|
|
_this.$q.notify({
|
|
message: err.detail,
|
|
icon: 'close',
|
|
color: 'negative'
|
|
})
|
|
})
|
|
},
|
|
editDataCancel () {
|
|
var _this = this
|
|
_this.editMode = false
|
|
_this.editid = 0
|
|
_this.editFormData = {
|
|
warehouse_name: '',
|
|
warehouse_city: '',
|
|
warehouse_address: '',
|
|
warehouse_contact: '',
|
|
warehouse_manager: '',
|
|
creater: ''
|
|
}
|
|
},
|
|
deleteData (e) {
|
|
var _this = this
|
|
_this.deleteForm = true
|
|
_this.deleteid = e
|
|
},
|
|
deleteDataSubmit () {
|
|
var _this = this
|
|
deleteauth(_this.pathname + _this.deleteid + '/').then(res => {
|
|
_this.deleteDataCancel()
|
|
_this.getList()
|
|
_this.$q.notify({
|
|
message: 'Success Edit Data',
|
|
icon: 'check',
|
|
color: 'green'
|
|
})
|
|
}).catch(err => {
|
|
_this.$q.notify({
|
|
message: err.detail,
|
|
icon: 'close',
|
|
color: 'negative'
|
|
})
|
|
})
|
|
},
|
|
deleteDataCancel () {
|
|
var _this = this
|
|
_this.deleteForm = false
|
|
_this.deleteid = 0
|
|
}
|
|
},
|
|
created () {
|
|
var _this = this
|
|
if (LocalStorage.has('openid')) {
|
|
_this.openid = LocalStorage.getItem('openid')
|
|
} else {
|
|
_this.openid = ''
|
|
LocalStorage.set('openid', '')
|
|
}
|
|
if (LocalStorage.has('login_name')) {
|
|
_this.login_name = LocalStorage.getItem('login_name')
|
|
} else {
|
|
_this.login_name = ''
|
|
LocalStorage.set('login_name', '')
|
|
}
|
|
if (LocalStorage.has('auth')) {
|
|
_this.authin = '1'
|
|
_this.getList()
|
|
} else {
|
|
_this.authin = '0'
|
|
}
|
|
},
|
|
mounted () {
|
|
var _this = this
|
|
if (_this.$q.platform.is.electron) {
|
|
_this.height = String(_this.$q.screen.height - 290) + 'px'
|
|
} else {
|
|
_this.height = _this.$q.screen.height - 290 + '' + 'px'
|
|
}
|
|
},
|
|
updated () {
|
|
},
|
|
destroyed () {
|
|
}
|
|
}
|
|
</script>
|