Commit 0a4927d3 authored by 李苏's avatar 李苏 💬

调整

parent 8f68344f
...@@ -107,7 +107,7 @@ ...@@ -107,7 +107,7 @@
<b class="data-title-right">]</b> <b class="data-title-right">]</b>
</div> </div>
<div class="kwMain full "> <div class="kwMain full ">
<component @eclick='eclick' ref="dynamic" class="full" :is="dynamicComponent"> <component :app='this' @eclick='eclick' ref="dynamic" class="full" :is="dynamicComponent">
</component> </component>
</div> </div>
...@@ -149,8 +149,24 @@ ...@@ -149,8 +149,24 @@
export default { export default {
mounted() { mounted() {
this.$post('wms/jcsj/kw/init/zt').then(res=>{
if(res.data.records){
let list =res.data.records
list.forEach(item=>{
this.ztMap[item.id]=item.name
})
console.log(this.ztMap)
}
})
this.$post('wms/jcsj/kw/init/kczt').then(res=>{
if(res.data.records){
let list =res.data.records
list.forEach(item=>{
this.ccztMap[item.id]=item.name
})
console.log(this.ccztMap)
}
})
/* 测试时间*/ /* 测试时间*/
this.newTime = this.$moment(new Date().getTime()).format('YYYY-MM-DD HH:mm:ss') this.newTime = this.$moment(new Date().getTime()).format('YYYY-MM-DD HH:mm:ss')
this.timer = setInterval(() => { this.timer = setInterval(() => {
...@@ -170,6 +186,12 @@ ...@@ -170,6 +186,12 @@
}, },
data() { data() {
return { return {
cjztMap:{
Y:'是',
N:'否'
},
ccztMap:{},
ztMap:{},
showDialog:false, showDialog:false,
DialogTitle:'详情', DialogTitle:'详情',
DialogWidth:'75vw', DialogWidth:'75vw',
......
...@@ -3,41 +3,50 @@ ...@@ -3,41 +3,50 @@
<div ref="infoBox" class="infoCar"> <div ref="infoBox" class="infoCar">
</div> </div>
<div class="full container"> <div class="full container">
<div @click='eclick(item)' :code='item.code' :item='JSON.stringify(item)' ref="mx1" v-for="(item,index) in boxList" :key="item.code" class="box" :class="{ <div @click='eclick(item)' :code='item.code' :item='JSON.stringify(item)' ref="mx1"
v-for="(item,index) in boxList" :key="item.code" class="box" :class="{
yh:item.kczt=='U', wh:item.kczt=='E', dj:item.zt=='F', sd:item.zt=='L', kccj:item.cjzt=='Y',sdkccj:item.cjzt=='Y'&&item.zt=='L',sdkccj:item.cjzt=='Y'&&item.zt=='F' yh:item.kczt=='U', wh:item.kczt=='E', dj:item.zt=='F', sd:item.zt=='L', kccj:item.cjzt=='Y',sdkccj:item.cjzt=='Y'&&item.zt=='L',sdkccj:item.cjzt=='Y'&&item.zt=='F'
}" > }">
<!-- {{item.code}} --> <!-- {{item.code}} -->
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default{ export default {
mounted(){ props: {
app: {
type: Object,
default: () => {
return {}
}
}
},
mounted() {
this.getBoxList() this.getBoxList()
}, },
data(){ data() {
return{ return {
boxList:[] boxList: []
} }
}, },
methods:{ methods: {
eclick(item){ eclick(item) {
this.$emit('eclick',item) this.$emit('eclick', item)
}, },
getBoxList(){ getBoxList() {
this.$post('lxyl/cxfx/kw/query',{ this.$post('lxyl/cxfx/kw/query', {
hjCode :'HJ1', hjCode: 'HJ1',
kwx:'1' kwx: '1'
}).then(res=>{ }).then(res => {
if(res.data.records){ if (res.data.records) {
this.boxList=res.data.records this.boxList = res.data.records
/* 开始监听dom*/ /* 开始监听dom*/
this.$nextTick(()=>{ this.$nextTick(() => {
var infoBox = this.$refs.infoBox var infoBox = this.$refs.infoBox
$(this.$refs.mx1).each((index, element) => { $(this.$refs.mx1).each((index, element) => {
element.addEventListener('mouseover', (event)=>{ element.addEventListener('mouseover', (event) => {
let info= this.boxList[index] let info = this.boxList[index]
let content = let content =
` `
<br /> <br />
...@@ -46,11 +55,17 @@ ...@@ -46,11 +55,17 @@
库区编码:${info.kqCode} 库区编码:${info.kqCode}
<br /> <br />
库位编码:${info.code} 库位编码:${info.code}
<br />
状态:${this.app.ztMap[info.zt]||'未知' }
<br />
存储状态:${this.app.ccztMap[info.kczt]||'未知'}
<br />
重检状态:${this.app.cjztMap[info.cjzt]||'未知'}
` `
$(infoBox).empty() $(infoBox).empty()
$(infoBox).append(content) $(infoBox).append(content)
infoBox.style.top = (event.layerY + 25) + 'px'; // 信息框距离顶部10像素 infoBox.style.top = (event.layerY + 25) + 'px'; // 信息框距离顶部10像素
infoBox.style.left = (event.layerX +25) + 'px'; // 信息框距离左侧10像素 infoBox.style.left = (event.layerX + 25) + 'px'; // 信息框距离左侧10像素
infoBox.style.display = 'block'; infoBox.style.display = 'block';
}); });
element.addEventListener('mouseout', function(event) { element.addEventListener('mouseout', function(event) {
...@@ -75,20 +90,25 @@ ...@@ -75,20 +90,25 @@
grid-template-rows: repeat(9, 8%); grid-template-rows: repeat(9, 8%);
gap: 6px; gap: 6px;
overflow-y: hidden; overflow-y: hidden;
&::-webkit-scrollbar { &::-webkit-scrollbar {
height: 10px; height: 10px;
/* background-color: #032d60; */ /* background-color: #032d60; */
} }
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
background: #032d60; /* 滚动条滑块颜色 */ background: #032d60;
} /* 滚动条滑块颜色 */
}
} }
.box { .box {
width: 30px; width: 30px;
height: 30px; height: 30px;
background-color: #4CAF50; background-color: #4CAF50;
} }
.infoCar { .infoCar {
border: 2px solid #032d60; border: 2px solid #032d60;
-webkit-box-shadow: #07417a 0px 0px 10px; -webkit-box-shadow: #07417a 0px 0px 10px;
...@@ -104,7 +124,7 @@ ...@@ -104,7 +124,7 @@
right: 10px; right: 10px;
top: 10px; top: 10px;
line-height: 16px; line-height: 16px;
height: 106px; height: 145px;
width: 150px width: 150px
} }
</style> </style>
...@@ -74,6 +74,14 @@ ...@@ -74,6 +74,14 @@
return (Array(length).join('0') + num).slice(-length); return (Array(length).join('0') + num).slice(-length);
} }
export default { export default {
props: {
app: {
type: Object,
default: () => {
return {}
}
}
},
beforeDestroy() { beforeDestroy() {
$(this.$refs.mx1).each((index, item) => { $(this.$refs.mx1).each((index, item) => {
item.removeEventListener('mouseover'); item.removeEventListener('mouseover');
...@@ -159,6 +167,12 @@ ...@@ -159,6 +167,12 @@
库区编码:${info.kqCode} 库区编码:${info.kqCode}
<br /> <br />
库位编码:${info.code} 库位编码:${info.code}
<br />
状态:${this.app.ztMap[info.zt]||'未知' }
<br />
存储状态:${this.app.ccztMap[info.kczt]||'未知'}
<br />
重检状态:${this.app.cjztMap[info.cjzt]||'未知'}
` `
$(infoBox).empty() $(infoBox).empty()
$(infoBox).append(content) $(infoBox).append(content)
...@@ -199,6 +213,12 @@ ...@@ -199,6 +213,12 @@
库区编码:${info.kqCode} 库区编码:${info.kqCode}
<br /> <br />
库位编码:${info.code} 库位编码:${info.code}
<br />
状态:${this.app.ztMap[info.zt]||'未知' }
<br />
存储状态:${this.app.ccztMap[info.kczt]||'未知'}
<br />
重检状态:${this.app.cjztMap[info.cjzt]||'未知'}
` `
$(infoBox).empty() $(infoBox).empty()
$(infoBox).append(content) $(infoBox).append(content)
...@@ -238,6 +258,12 @@ ...@@ -238,6 +258,12 @@
库区编码:${info.kqCode} 库区编码:${info.kqCode}
<br /> <br />
库位编码:${info.code} 库位编码:${info.code}
<br />
状态:${this.app.ztMap[info.zt]||'未知' }
<br />
存储状态:${this.app.ccztMap[info.kczt]||'未知'}
<br />
重检状态:${this.app.cjztMap[info.cjzt]||'未知'}
` `
$(infoBox).empty() $(infoBox).empty()
$(infoBox).append(content) $(infoBox).append(content)
...@@ -277,6 +303,12 @@ ...@@ -277,6 +303,12 @@
库区编码:${info.kqCode} 库区编码:${info.kqCode}
<br /> <br />
库位编码:${info.code} 库位编码:${info.code}
<br />
状态:${this.app.ztMap[info.zt]||'未知' }
<br />
存储状态:${this.app.ccztMap[info.kczt]||'未知'}
<br />
重检状态:${this.app.cjztMap[info.cjzt]||'未知'}
` `
$(infoBox).empty() $(infoBox).empty()
$(infoBox).append(content) $(infoBox).append(content)
...@@ -317,6 +349,12 @@ ...@@ -317,6 +349,12 @@
库区编码:${info.kqCode} 库区编码:${info.kqCode}
<br /> <br />
库位编码:${info.code} 库位编码:${info.code}
<br />
状态:${this.app.ztMap[info.zt]||'未知' }
<br />
存储状态:${this.app.ccztMap[info.kczt]||'未知'}
<br />
重检状态:${this.app.cjztMap[info.cjzt]||'未知'}
` `
$(infoBox).empty() $(infoBox).empty()
$(infoBox).append(content) $(infoBox).append(content)
...@@ -357,6 +395,12 @@ ...@@ -357,6 +395,12 @@
库区编码:${info.kqCode} 库区编码:${info.kqCode}
<br /> <br />
库位编码:${info.code} 库位编码:${info.code}
<br />
状态:${this.app.ztMap[info.zt]||'未知' }
<br />
存储状态:${this.app.ccztMap[info.kczt]||'未知'}
<br />
重检状态:${this.app.cjztMap[info.cjzt]||'未知'}
` `
$(infoBox).empty() $(infoBox).empty()
$(infoBox).append(content) $(infoBox).append(content)
...@@ -397,6 +441,12 @@ ...@@ -397,6 +441,12 @@
库区编码:${info.kqCode} 库区编码:${info.kqCode}
<br /> <br />
库位编码:${info.code} 库位编码:${info.code}
<br />
状态:${this.app.ztMap[info.zt]||'未知' }
<br />
存储状态:${this.app.ccztMap[info.kczt]||'未知'}
<br />
重检状态:${this.app.cjztMap[info.cjzt]||'未知'}
` `
$(infoBox).empty() $(infoBox).empty()
$(infoBox).append(content) $(infoBox).append(content)
...@@ -437,6 +487,12 @@ ...@@ -437,6 +487,12 @@
库区编码:${info.kqCode} 库区编码:${info.kqCode}
<br /> <br />
库位编码:${info.code} 库位编码:${info.code}
<br />
状态:${this.app.ztMap[info.zt]||'未知' }
<br />
存储状态:${this.app.ccztMap[info.kczt]||'未知'}
<br />
重检状态:${this.app.cjztMap[info.cjzt]||'未知'}
` `
$(infoBox).empty() $(infoBox).empty()
$(infoBox).append(content) $(infoBox).append(content)
...@@ -475,7 +531,7 @@ ...@@ -475,7 +531,7 @@
right: 10px; right: 10px;
top: 10px; top: 10px;
line-height: 16px; line-height: 16px;
height: 106px; height: 145px;
width: 150px width: 150px
} }
.containerAll {} .containerAll {}
......
...@@ -81,7 +81,7 @@ ...@@ -81,7 +81,7 @@
title: "存储状态", title: "存储状态",
field: "kczt", field: "kczt",
"transform": { "transform": {
"url": "wms/jcsj/kw/init/kczt ", "url": "wms/jcsj/kw/init/kczt",
"label": "name", "label": "name",
"value": "id" "value": "id"
} }
......
<template> <template>
<BasePage :setFirstCurrent='false' :power='power' @getRow='getRow' class="min_full" style="height: 100%;" :config="config"> <BasePage :setFirstCurrent='false' :power='power' @getRow='getRow' class="min_full" style="height: 100%;"
:config="config">
<template #dialog="ctx"> <template #dialog="ctx">
<!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 --> <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
</template> </template>
...@@ -16,7 +17,7 @@ ...@@ -16,7 +17,7 @@
export default { export default {
data() { data() {
return { return {
power:{ power: {
add: false, add: false,
copy: false, copy: false,
delButton: false, delButton: false,
...@@ -31,9 +32,8 @@ ...@@ -31,9 +32,8 @@
queryDetail: true, queryDetail: true,
/* 基本配置*/ /* 基本配置*/
url: 'lxyl/zlgl/kccj/queryKccjKchz', url: 'lxyl/zlgl/kccj/queryKccjKchz',
queryUrl:'lxyl/zlgl/kccj/queryKccjKchz', queryUrl: 'lxyl/zlgl/kccj/queryKccjKchz',
tableTitle: [ tableTitle: [{
{
title: "仓库编码", title: "仓库编码",
field: "ckCode", field: "ckCode",
width: 140 width: 140
...@@ -81,13 +81,13 @@ ...@@ -81,13 +81,13 @@
], ],
queryParams: [ queryParams: [
[{ [{
label: '日期', label: '检验日期',
startProp: "begin", startProp: "begin",
endProp: "end", endProp: "end",
span: 8, span: 8,
type: 'RelDaterangeV2', type: 'RelDaterangeV2',
startValue: new Date().getTime()-1000*60*60*24*30, startValue:'',
endValue:new Date().getTime(), endValue: '',
}, },
{ {
label: '物料批号', label: '物料批号',
...@@ -118,8 +118,8 @@ ...@@ -118,8 +118,8 @@
}, },
methods: { methods: {
getRow(val){ getRow(val) {
this.$emit('getRow',val) this.$emit('getRow', val)
} }
}, },
components: { components: {
......
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