10 changed files with 256 additions and 353 deletions
@ -1,35 +0,0 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
export function add(data) { |
|||
return request({ |
|||
url: 'api/deviceinfo', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
export function del(ids) { |
|||
return request({ |
|||
url: 'api/deviceinfo/', |
|||
method: 'delete', |
|||
data: ids |
|||
}) |
|||
} |
|||
|
|||
export function edit(data) { |
|||
return request({ |
|||
url: 'api/deviceinfo', |
|||
method: 'put', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
export function changeActive(data) { |
|||
return request({ |
|||
url: 'api/deviceinfo/changeActive', |
|||
method: 'put', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
export default { add, edit, del, changeActive } |
|||
@ -1,304 +0,0 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<!--工具栏--> |
|||
<div class="head-container"> |
|||
<div v-if="crud.props.searchToggle"> |
|||
<!-- 搜索 --> |
|||
<el-form |
|||
:inline="true" |
|||
class="demo-form-inline" |
|||
label-position="right" |
|||
label-width="80px" |
|||
label-suffix=":" |
|||
> |
|||
<el-form-item label="模糊搜索"> |
|||
<el-input |
|||
v-model="query.search" |
|||
clearable |
|||
size="mini" |
|||
placeholder="请输入设备编码、名称" |
|||
@keyup.enter.native="crud.toQuery" |
|||
/> |
|||
</el-form-item> |
|||
<rrOperation /> |
|||
</el-form> |
|||
</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 || crud.status.view" :title="crud.status.title" width="700px"> |
|||
<el-form ref="form" :model="form" :rules="rules" size="mini" label-width="100px"> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="设备编码" prop="device_code"> |
|||
<el-input v-model.trim="form.device_code" :disabled="crud.status.edit > 0" style="width: 200px;" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="设备名称" prop="device_name"> |
|||
<el-input v-model.trim="form.device_name" style="width: 200px;" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="设备规格"> |
|||
<el-input v-model.trim="form.device_specification" style="width: 200px;" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="设备型号"> |
|||
<el-input v-model.trim="form.device_model" style="width: 200px;" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="供应商"> |
|||
<el-input v-model.trim="form.manufacturer" style="width: 200px;" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="外部编码"> |
|||
<el-input v-model.trim="form.extend_code" style="width: 200px;" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="是否启用" prop="is_active"> |
|||
<el-radio v-model="form.is_active" :disabled="crud.status.view > 0" label="0">否</el-radio> |
|||
<el-radio v-model="form.is_active" :disabled="crud.status.view > 0" label="1">是</el-radio> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="备注"> |
|||
<el-input v-model.trim="form.remark" type="textarea" style="width: 530px;" :disabled="crud.status.view > 0" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="text" @click="crud.cancelCU">取消</el-button> |
|||
<el-button :disabled="crud.status.view > 0" :loading="crud.cu === 2" type="primary" @click="crud.submitCU">确认</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
<!--表格渲染--> |
|||
<el-table ref="table" v-loading="crud.loading" :data="crud.data" size="mini" style="width: 100%;" @selection-change="crud.selectionChangeHandler"> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column show-overflow-tooltip prop="device_code" label="设备编码" /> |
|||
<el-table-column prop="device_name" label="设备名称" min-width="120" show-overflow-tooltip /> |
|||
<el-table-column prop="extend_code" label="外部编码" /> |
|||
<el-table-column prop="device_model" label="设备型号" /> |
|||
<el-table-column prop="device_specification" label="设备规格" /> |
|||
<el-table-column prop="is_active" label="是否启用"> |
|||
<template slot-scope="scope"> |
|||
<el-switch |
|||
v-model="scope.row.is_used" |
|||
active-color="#409EFF" |
|||
inactive-color="#F56C6C" |
|||
active-value="1" |
|||
inactive-value="0" |
|||
@change="changeEnabled(scope.row, scope.row.is_used)" |
|||
/> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="manufacturer" label="供应商" /> |
|||
<el-table-column prop="create_name" label="创建人" /> |
|||
<el-table-column prop="create_time" label="创建时间" width="150px" /> |
|||
<el-table-column v-permission="[]" label="操作" width="120px" align="center" fixed="right"> |
|||
<template slot-scope="scope"> |
|||
<udOperation |
|||
:data="scope.row" |
|||
:permission="permission" |
|||
/> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!--分页组件--> |
|||
<pagination /> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import crudDeviceinfo from '@/views/wms/basedata/deviceInfo/deviceinfo' |
|||
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' |
|||
|
|||
const defaultForm = { device_id: null, device_code: null, device_name: null, device_model: null, device_specification: null, device_attribute_scode: null, is_produceuse: null, manufacturer: null, remark: null, is_active: '1', extend_code: null, workprocedure_id: null, workprocedure_code: null, workprocedure_name: null, create_id: null, create_name: null, create_time: null, is_delete: null, devicebill_id: null, device_capacity_qty: null, honor_time: null } |
|||
export default { |
|||
name: 'Deviceinfo', |
|||
dicts: [], |
|||
components: { pagination, crudOperation, rrOperation, udOperation }, |
|||
mixins: [presenter(), header(), form(defaultForm), crud()], |
|||
cruds() { |
|||
return CRUD({ title: '设备信息维护', |
|||
url: 'api/deviceinfo', |
|||
idField: 'device_id', |
|||
sort: 'device_id,desc', |
|||
crudMethod: { ...crudDeviceinfo }, |
|||
optShow: { |
|||
add: true, |
|||
edit: false, |
|||
del: false, |
|||
download: false, |
|||
reset: true |
|||
} |
|||
}) |
|||
}, |
|||
data() { |
|||
return { |
|||
permission: { |
|||
}, |
|||
workProcedureList: [], |
|||
rules: { |
|||
device_name: [ |
|||
{ required: true, message: '设备名称不能为空', trigger: 'blur' } |
|||
], |
|||
is_used: [ |
|||
{ required: true, message: '是否启用不能为空', trigger: 'blur' } |
|||
], |
|||
device_code: [ |
|||
{ required: true, message: '设备编码不能为空', trigger: 'blur' } |
|||
] |
|||
}} |
|||
}, |
|||
methods: { |
|||
// 钩子：在获取表格数据之前执行，false 则代表不获取数据 |
|||
[CRUD.HOOK.beforeRefresh]() { |
|||
return true |
|||
}, |
|||
hand(value) { |
|||
this.crud.toQuery() |
|||
}, |
|||
changeEnabled(data, val) { |
|||
let msg = '此操作将停用设备，是否继续！' |
|||
if (val !== '1') { |
|||
msg = '此操作将启用设备，是否继续！' |
|||
} |
|||
this.$confirm(msg, '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
crudDeviceinfo.edit(data).then(res => { |
|||
this.crud.toQuery() |
|||
this.crud.notify('操作成功', CRUD.NOTIFICATION_TYPE.SUCCESS) |
|||
}).catch(() => { |
|||
data.is_used = !data.is_used |
|||
}) |
|||
}).catch(() => { |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style rel="stylesheet/scss" lang="scss" scoped> |
|||
::v-deep { |
|||
|
|||
.vue-treeselect__menu { |
|||
|
|||
overflow-x: auto !important; |
|||
|
|||
width: 300px; |
|||
|
|||
max-height: 300px !important; |
|||
|
|||
} |
|||
|
|||
.vue-treeselect__label { |
|||
|
|||
overflow: unset; |
|||
|
|||
text-overflow: unset; |
|||
|
|||
} |
|||
|
|||
.vue-treeselect__control { |
|||
|
|||
height: 20px !important; |
|||
|
|||
} |
|||
|
|||
.vue-treeselect__multi-value-item-container, |
|||
|
|||
.vue-treeselect--has-value .vue-treeselect__multi-value { |
|||
|
|||
height: 30px; |
|||
|
|||
line-height: 24px; |
|||
|
|||
padding: 0; |
|||
|
|||
} |
|||
|
|||
.vue-treeselect__limit-tip, |
|||
|
|||
.vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value |
|||
|
|||
.vue-treeselect__input-container { |
|||
|
|||
padding-top: 0; |
|||
|
|||
} |
|||
|
|||
.vue-treeselect--has-value .vue-treeselect__multi-value { |
|||
|
|||
// margin-bottom: 15px; |
|||
|
|||
} |
|||
|
|||
.vue-treeselect--has-value .vue-treeselect__input { |
|||
|
|||
height: 18px !important; |
|||
|
|||
line-height: 18px !important; |
|||
|
|||
} |
|||
|
|||
.vue-treeselect div, |
|||
|
|||
.vue-treeselect span { |
|||
|
|||
box-sizing: content-box; |
|||
|
|||
} |
|||
|
|||
// 选中后的溢出隐藏 |
|||
|
|||
.vue-treeselect__multi-value-label { |
|||
|
|||
display: block; |
|||
|
|||
width: 140px; |
|||
|
|||
overflow: hidden; |
|||
|
|||
white-space: nowrap; |
|||
|
|||
text-overflow: ellipsis; |
|||
|
|||
} |
|||
|
|||
.vue-treeselect__value-container { |
|||
|
|||
display: block; |
|||
|
|||
height: 32px; |
|||
|
|||
} |
|||
|
|||
} |
|||
</style> |
|||
@ -0,0 +1,161 @@ |
|||
<template> |
|||
<el-dialog |
|||
title="用料清单选择" |
|||
append-to-body |
|||
:visible.sync="dialogVisible" |
|||
destroy-on-close |
|||
width="1000px" |
|||
@close="close" |
|||
@open="open" |
|||
> |
|||
<!-- 搜索 --> |
|||
<el-form |
|||
:inline="true" |
|||
class="demo-form-inline" |
|||
label-position="right" |
|||
label-width="80px" |
|||
label-suffix=":" |
|||
> |
|||
<el-form-item label="仓库"> |
|||
<el-select |
|||
v-model="query.stor_id" |
|||
:disabled="true" |
|||
placeholder="仓库" |
|||
class="filter-item" |
|||
style="width: 210px" |
|||
> |
|||
<el-option |
|||
v-for="item in storlist" |
|||
:key="item.stor_id" |
|||
:label="item.stor_name" |
|||
:value="item.stor_id" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="用料清单"> |
|||
<el-input |
|||
v-model="query.code" |
|||
clearable |
|||
size="mini" |
|||
placeholder="用料清单模糊查询" |
|||
style="width: 200px;" |
|||
class="filter-item" |
|||
@keyup.enter.native="crud.toQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="物料编码"> |
|||
<el-input |
|||
v-model="query.material_code" |
|||
clearable |
|||
size="mini" |
|||
placeholder="物料" |
|||
style="width: 200px;" |
|||
class="filter-item" |
|||
@keyup.enter.native="crud.toQuery" |
|||
/> |
|||
</el-form-item> |
|||
<rrOperation /> |
|||
</el-form> |
|||
<!--表格渲染--> |
|||
<el-table |
|||
ref="table" |
|||
v-loading="crud.loading" |
|||
:data="crud.data" |
|||
style="width: 100%;" |
|||
border |
|||
:header-cell-style="{background:'#f5f7fa',color:'#606266'}" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="source_form_date" label="日期" :min-width="flexWidth('source_form_date',crud.data,'日期')" /> |
|||
<el-table-column prop="source_bill_code" label="用料清单号" :min-width="flexWidth('source_bill_code',crud.data,'用料清单号')" /> |
|||
<el-table-column prop="material_code" label="物料编码" :min-width="flexWidth('material_code',crud.data,'物料编码')" /> |
|||
<el-table-column prop="material_name" label="物料名称" :min-width="flexWidth('material_name',crud.data,'物料名称')" /> |
|||
<el-table-column prop="qty" label="订单数量" :formatter="crud.formatNum3" :min-width="flexWidth('qty',crud.data,'订单数量')" /> |
|||
<el-table-column prop="qty_unit_name" label="单位" :min-width="flexWidth('qty_unit_name',crud.data,'单位')" /> |
|||
<el-table-column prop="stor_name" label="仓库" :min-width="flexWidth('stor_name',crud.data,'仓库')" /> |
|||
</el-table> |
|||
<!--分页组件--> |
|||
<pagination /> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button @click="dialogVisible = false">取 消</el-button> |
|||
<el-button type="primary" @click="submit">确 定</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
|
|||
import CRUD, { header, presenter } from '@crud/crud' |
|||
import rrOperation from '@crud/RR.operation' |
|||
import pagination from '@crud/Pagination' |
|||
import crudBsrealstorattr from '@/views/wms/basedata/bsrealstorattr/bsrealstorattr' |
|||
|
|||
export default { |
|||
name: 'AddOrderDtl', |
|||
components: { rrOperation, pagination }, |
|||
cruds() { |
|||
return CRUD({ |
|||
title: '库存物料', |
|||
optShow: { |
|||
add: false, |
|||
edit: false, |
|||
del: false, |
|||
reset: true, |
|||
download: false |
|||
}, |
|||
url: 'api/checkoutbill/getOrderDtl', |
|||
idField: 'storagevehicleext_id', |
|||
sort: 'storagevehicleext_id,desc' |
|||
}) |
|||
}, |
|||
mixins: [presenter(), header()], |
|||
dicts: [], |
|||
props: { |
|||
dialogShow: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
storId: { |
|||
type: String |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
storlist: [], |
|||
dialogVisible: false, |
|||
sect: {}, |
|||
rows: [] |
|||
} |
|||
}, |
|||
watch: { |
|||
dialogShow: { |
|||
handler(newValue, oldValue) { |
|||
this.dialogVisible = newValue |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
open() { |
|||
this.crud.resetQuery(false) |
|||
crudBsrealstorattr.getStor().then(res => { |
|||
this.storlist = res |
|||
}) |
|||
this.query.stor_id = this.storId |
|||
this.crud.toQuery() |
|||
}, |
|||
close() { |
|||
this.$emit('update:dialogShow', false) |
|||
}, |
|||
submit() { |
|||
this.rows = this.$refs.table.selection |
|||
if (this.rows.length <= 0) { |
|||
this.$message('请先勾选记录') |
|||
return |
|||
} |
|||
this.$emit('update:dialogShow', false) |
|||
this.$emit('tableChanged', this.rows) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
Loading…
Reference in new issue