parent
ae82114620
commit
f0312aa60a
@ -0,0 +1,40 @@
|
|||||||
|
<template>
|
||||||
|
<el-container>
|
||||||
|
<el-container style="padding-top: 10">
|
||||||
|
<el-container>
|
||||||
|
<el-main>
|
||||||
|
<VxeGrid ref="vGrid" :scroll-y="{enabled: true}" :scroll-x="{enabled: true}" v-bind="gridOptions">
|
||||||
|
<template #name_czbh="{ data }">
|
||||||
|
<ProjectSelect ref="projectSelectRef" clearable :_style="{width:'150px'}" />
|
||||||
|
</template>
|
||||||
|
</VxeGrid>
|
||||||
|
</el-main>
|
||||||
|
</el-container>
|
||||||
|
</el-container>
|
||||||
|
<YlModal ref="ylModal"/>
|
||||||
|
</el-container>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import ProjectSelect from "@/components/ProjectSelect/index.vue";
|
||||||
|
import YlModal from "@/views/ylgl/comp/ylmodal.vue";
|
||||||
|
import init from './lib/dw'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name:'YlDwgl',
|
||||||
|
components: {YlModal, ProjectSelect},
|
||||||
|
data(){
|
||||||
|
return{
|
||||||
|
gridOptions:{}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created: function () {
|
||||||
|
this.gridOptions = init(this)
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
tq:()=>{
|
||||||
|
this.$refs.ylModal.show()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
@ -0,0 +1,115 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
import { VXETable } from 'vxe-table'
|
||||||
|
const init=function (that){
|
||||||
|
|
||||||
|
const butClick=function (){
|
||||||
|
getData().then(res=>{
|
||||||
|
options.data=res.data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const add=()=>{
|
||||||
|
that.$refs.vGrid.insert({bmlb:'yldw'})
|
||||||
|
}
|
||||||
|
|
||||||
|
const remove=()=>{
|
||||||
|
that.$refs.vGrid.removeCheckboxRow()
|
||||||
|
}
|
||||||
|
|
||||||
|
const 保存=async ()=>{
|
||||||
|
const {insertRecords, removeRecords}=that.$refs.vGrid.getRecordset()
|
||||||
|
if (insertRecords.length>0){
|
||||||
|
for (const item of insertRecords) {
|
||||||
|
await addZhbm(item)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (removeRecords.length>0){
|
||||||
|
for (const item of removeRecords) {
|
||||||
|
await deleteZhbm(item)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
VXETable.modal.message({ content: '成功', status: 'success' })
|
||||||
|
}
|
||||||
|
|
||||||
|
const options={
|
||||||
|
height:800,
|
||||||
|
align:'center',
|
||||||
|
border: true,
|
||||||
|
resizable: true,
|
||||||
|
keepSource:true,
|
||||||
|
size:'mini',
|
||||||
|
showOverflow: true,
|
||||||
|
showHeaderOverflow:true,
|
||||||
|
editConfig:{trigger: 'click', mode: 'cell', showStatus: true},
|
||||||
|
highlightCurrentRow:true,
|
||||||
|
formConfig:{
|
||||||
|
items:[
|
||||||
|
{span: 24,
|
||||||
|
children:[
|
||||||
|
{ span: 20,align:'right',itemRender: {
|
||||||
|
name: '$button', props: {content:'查询',status:'primary'},events:{click:butClick}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{ align:'right',itemRender: {
|
||||||
|
name: '$button', props: {content:'新增'},events:{click:add}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{ align:'right',itemRender: {
|
||||||
|
name: '$button', props: {content:'删除',status:'success'},events:{click:remove}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{ align:'right',itemRender: {
|
||||||
|
name: '$button', props: {content:'保存',status:'success'},events:{click:保存}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
]
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
columns:[
|
||||||
|
{type:'checkbox',title:'',width:80},
|
||||||
|
{type:'seq',title:'序号',width:60},
|
||||||
|
{ field: 'bmsm', title: '垛位名称',
|
||||||
|
editRender:{name:'$input'},
|
||||||
|
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||||
|
filterRender: { name: 'FilterCombination' }
|
||||||
|
},
|
||||||
|
{ field: 'bm', title: '垛位编码',
|
||||||
|
editRender:{name:'$input'},
|
||||||
|
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||||
|
filterRender: { name: 'FilterCombination' }
|
||||||
|
},
|
||||||
|
],
|
||||||
|
data:[],
|
||||||
|
}
|
||||||
|
|
||||||
|
butClick()
|
||||||
|
return options
|
||||||
|
}
|
||||||
|
|
||||||
|
const getData=()=>{
|
||||||
|
return request({
|
||||||
|
url: "/api/sy/getZhbmList",
|
||||||
|
method: "post",
|
||||||
|
data:{bmlb:'yldw'}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
const addZhbm=(data)=>{
|
||||||
|
return request({
|
||||||
|
url: "/api/sy/addZhbm",
|
||||||
|
method: "post",
|
||||||
|
data,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
const deleteZhbm=(data)=>{
|
||||||
|
return request({
|
||||||
|
url: "/api/sy/deleteZhbm",
|
||||||
|
method: "post",
|
||||||
|
data,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
export default init
|
Loading…
Reference in new issue