Commit 3855c9c9 authored by 李苏's avatar 李苏 💬

修改

parent 80593f77
<template> <template>
<div ref='lkkb' class="min_full dbAllBody "> <div ref='lkkb' class="min_full dbAllBody ">
<Detail :app='this' v-if="showDialog" /> <Detail :app='this' v-if="showDialog" />
<!-- 绝对定位展示框--> <!-- 绝对定位展示框-->
<div ref="infoBox" class="infoCar"> <div ref="infoBox" class="infoCar">
</div> </div>
...@@ -96,7 +96,7 @@ ...@@ -96,7 +96,7 @@
</div> </div>
<div class="dbSvg"> <div class="dbSvg">
<div class="svgMain full data-box1"> <div class="svgMain full data-box1">
<i class="topL"></i> <i class="topL"></i>
<i class="topR"></i> <i class="topR"></i>
<i class="bottomL"></i> <i class="bottomL"></i>
...@@ -109,7 +109,6 @@ ...@@ -109,7 +109,6 @@
<div class="kwMain full "> <div class="kwMain full ">
<component :app='this' @eclick='eclick' ref="dynamic" class="full" :is="dynamicComponent"> <component :app='this' @eclick='eclick' ref="dynamic" class="full" :is="dynamicComponent">
</component> </component>
</div> </div>
</div> </div>
...@@ -163,22 +162,22 @@ ...@@ -163,22 +162,22 @@
export default { export default {
mounted() { mounted() {
this.$post('wms/jcsj/kw/init/zt').then(res=>{ this.$post('wms/jcsj/kw/init/zt').then(res => {
if(res.data.records){ if (res.data.records) {
let list =res.data.records let list = res.data.records
list.forEach(item=>{ list.forEach(item => {
this.ztMap[item.id]=item.name this.ztMap[item.id] = item.name
}) })
console.log(this.ztMap) console.log(this.ztMap)
} }
}) })
this.$post('wms/jcsj/kw/init/kczt').then(res=>{ this.$post('wms/jcsj/kw/init/kczt').then(res => {
if(res.data.records){ if (res.data.records) {
let list =res.data.records let list = res.data.records
list.forEach(item=>{ list.forEach(item => {
this.ccztMap[item.id]=item.name this.ccztMap[item.id] = item.name
}) })
console.log(this.ccztMap) console.log(this.ccztMap)
} }
}) })
/* 测试时间*/ /* 测试时间*/
...@@ -187,8 +186,6 @@ ...@@ -187,8 +186,6 @@
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')
}, 1000) }, 1000)
/* 测试列表*/ /* 测试列表*/
this.$nextTick(() => { this.$nextTick(() => {
$(this.$refs.lkkb).dblclick(() => { $(this.$refs.lkkb).dblclick(() => {
fullScreen(this.$refs.lkkb); fullScreen(this.$refs.lkkb);
...@@ -200,17 +197,18 @@ ...@@ -200,17 +197,18 @@
}, },
data() { data() {
return { return {
cjztMap:{ timer2:null,
Y:'是', cjztMap: {
N:'否' Y: '是',
N: '否'
}, },
ccztMap:{}, ccztMap: {},
ztMap:{}, ztMap: {},
showDialog:false, showDialog: false,
DialogTitle:'详情', DialogTitle: '详情',
DialogWidth:'75vw', DialogWidth: '75vw',
nowSelect:{}, nowSelect: {},
dynamicComponent:'mx1', dynamicComponent: 'mx1',
/* 排列*/ /* 排列*/
xdList1: [1, 2, 3, 4], xdList1: [1, 2, 3, 4],
xdList2: [5, 6, 7, 8], xdList2: [5, 6, 7, 8],
...@@ -222,33 +220,45 @@ ...@@ -222,33 +220,45 @@
timer: null timer: null
} }
}, },
watch:{ watch: {
selectIndex(val){ selectIndex(val) {
this.dynamicComponent=`mx${val}` this.dynamicComponent = `mx${val}`
} }
}, },
beforeDestroy() { beforeDestroy() {
clearInterval(this.timer) clearInterval(this.timer)
clearInterval(this.timer2)
}, },
methods: { methods: {
eclick(item){ eclick(item) {
console.log(item) console.log(item)
this.nowSelect=item this.nowSelect = item
this.DialogTitle=item.code this.DialogTitle = item.code
this.$nextTick(()=>{ this.$nextTick(() => {
this.showDialog=true this.showDialog = true
}) })
} }
}, },
components: { components: {
Detail, Detail,
mx1,mx2,mx3,mx11,mx4,mx5, mx1,
mx6,mx7, mx2,
mx8,mx9, mx3,
mx10,mx12, mx11,
mx13,mx14, mx4,
mx15,mx16, mx5,
mx17,mx18 mx6,
mx7,
mx8,
mx9,
mx10,
mx12,
mx13,
mx14,
mx15,
mx16,
mx17,
mx18
} }
} }
...@@ -256,40 +266,39 @@ ...@@ -256,40 +266,39 @@
<style lang="scss" scoped> <style lang="scss" scoped>
/* 穿透 状态 css*/ /* 穿透 状态 css*/
::v-deep .wh{ ::v-deep .wh {
/* 无样式*/ /* 无样式*/
} }
::v-deep .yh{ ::v-deep .yh {
background-size: 100% 100%; background-size: 100% 100%;
background-image: url(./lkdp/xz.svg); background-image: url(./lkdp/xz.svg);
} }
::v-deep .dj{ ::v-deep .dj {
background: #009ae7; background: #009ae7;
background-size: 100% 100%; background-size: 100% 100%;
background-image: url(./lkdp/sd.svg); background-image: url(./lkdp/sd.svg);
} }
::v-deep .sd{ ::v-deep .sd {
background-color: darkorange; background-color: darkorange;
background-size: 100% 100%; background-size: 100% 100%;
background-image: url(./lkdp/sd.svg); background-image: url(./lkdp/sd.svg);
} }
::v-deep .kccj{ ::v-deep .kccj {
background-color: darksalmon; background-color: darksalmon;
background-size: 100% 100%; background-size: 100% 100%;
background-image: url(./lkdp/jy.svg); background-image: url(./lkdp/jy.svg);
} }
::v-deep .sdkccj{ ::v-deep .sdkccj {
background-color: darksalmon; background-color: darksalmon;
background-size: 100% 100%; background-size: 100% 100%;
background-image: url(./lkdp/sdjy.svg); background-image: url(./lkdp/sdjy.svg);
} }
::v-deep .djkccj{ ::v-deep .djkccj {
background-color: darksalmon; background-color: darksalmon;
background-size: 100% 100%; background-size: 100% 100%;
background-image: url(./lkdp/djjy.svg); background-image: url(./lkdp/djjy.svg);
} }
.kwMain {
.kwMain{
padding: 20px; padding: 20px;
} }
.xd { .xd {
...@@ -310,7 +319,6 @@ background: #009ae7; ...@@ -310,7 +319,6 @@ background: #009ae7;
font-size: 20px; font-size: 20px;
font-weight: 800; font-weight: 800;
} }
.xdmxBody { .xdmxBody {
padding: 3px; padding: 3px;
color: rgb(131, 199, 227); color: rgb(131, 199, 227);
...@@ -318,29 +326,23 @@ background: #009ae7; ...@@ -318,29 +326,23 @@ background: #009ae7;
line-height: 34px; line-height: 34px;
display: flex; display: flex;
font-size: 17px; font-size: 17px;
.xdmxBodymx { .xdmxBodymx {
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
} }
} }
} }
} }
.xdmxBodymxSelected { .xdmxBodymxSelected {
border: 1px solid #ffffff; border: 1px solid #ffffff;
background-color: #83c7e3; background-color: #83c7e3;
color: #fff; color: #fff;
} }
.infoText { .infoText {
color: #fff; color: #fff;
font-size: 19.6px; font-size: 19.6px;
font-weight: 600; font-weight: 600;
} }
.infoMain { .infoMain {
width: 100%; width: 100%;
height: 30px; height: 30px;
...@@ -351,7 +353,6 @@ background: #009ae7; ...@@ -351,7 +353,6 @@ background: #009ae7;
-webkit-box-shadow: #0fcaef 0px 0px 10px; -webkit-box-shadow: #0fcaef 0px 0px 10px;
-moz-box-shadow: #0fcaef 0px 0px 10px; -moz-box-shadow: #0fcaef 0px 0px 10px;
box-shadow: inset 0 0 30px #0fcaef; box-shadow: inset 0 0 30px #0fcaef;
} }
// .com-count-body { // .com-count-body {
...@@ -367,18 +368,15 @@ background: #009ae7; ...@@ -367,18 +368,15 @@ background: #009ae7;
line-height: 4vh; line-height: 4vh;
color: #61d2f7; color: #61d2f7;
} }
.lbbody { .lbbody {
height: calc(100% - 4vh); height: calc(100% - 4vh);
} }
.lbbody div { .lbbody div {
flex: 1; flex: 1;
line-height: 25px; line-height: 25px;
font-size: 13px; font-size: 13px;
text-align: center; text-align: center;
} }
.infoCar { .infoCar {
border: 2px solid #032d60; border: 2px solid #032d60;
-webkit-box-shadow: #07417a 0px 0px 10px; -webkit-box-shadow: #07417a 0px 0px 10px;
...@@ -397,7 +395,6 @@ background: #009ae7; ...@@ -397,7 +395,6 @@ background: #009ae7;
height: 106px; height: 106px;
width: 130px width: 130px
} }
.mktitle { .mktitle {
line-height: 35px; line-height: 35px;
font-size: 16px; font-size: 16px;
...@@ -407,7 +404,6 @@ background: #009ae7; ...@@ -407,7 +404,6 @@ background: #009ae7;
position: relative; position: relative;
overflow: hidden overflow: hidden
} }
.mktitle img { .mktitle img {
height: 15px; height: 15px;
width: 100%; width: 100%;
...@@ -415,37 +411,30 @@ background: #009ae7; ...@@ -415,37 +411,30 @@ background: #009ae7;
left: 0; left: 0;
bottom: 0; bottom: 0;
} }
.mktitle span { .mktitle span {
line-height: 35px; line-height: 35px;
} }
.min_full { .min_full {
border: 0; border: 0;
} }
.dbAllBody { .dbAllBody {
background-image: url('./dimage/data08.png'); background-image: url('./dimage/data08.png');
background-size: 100% 100%; background-size: 100% 100%;
} }
.dbTitle { .dbTitle {
height: 70px; height: 70px;
width: 100%; width: 100%;
position: relative; position: relative;
.title-left { .title-left {
top: 12px; top: 12px;
position: absolute; position: absolute;
left: 13vw; left: 13vw;
} }
.title-right { .title-right {
top: 12px; top: 12px;
position: absolute; position: absolute;
right: 13vw; right: 13vw;
} }
.title-left-title-font { .title-left-title-font {
text-align: center; text-align: center;
width: 42vw; width: 42vw;
...@@ -460,33 +449,24 @@ background: #009ae7; ...@@ -460,33 +449,24 @@ background: #009ae7;
letter-spacing: 2px; letter-spacing: 2px;
} }
} }
.dbBody { .dbBody {
padding-top: 2px; padding-top: 2px;
height: calc(100% - 70px); height: calc(100% - 70px);
width: 100%; width: 100%;
} }
.dbSvgtop { .dbSvgtop {
height: 130px; height: 130px;
width: 100%; width: 100%;
padding: 20px; padding: 20px;
} }
.dbSvg { .dbSvg {
height: calc(100% - 130px); height: calc(100% - 130px);
width: 100%; width: 100%;
padding: 20px; padding: 20px;
.svgMain { .svgMain {
position: relative; position: relative;
} }
}.topL {
}
.topL {
width: 20px; width: 20px;
height: 20px; height: 20px;
border-top-width: 2px; border-top-width: 2px;
......
<template> <template>
<div ref='mx11' class="full" style="position: relative;"> <div ref='mx11' class="full" style="position: relative; ">
<div class="full flex containerAll"> <div class="full flex containerAll">
<div class="full flex1 container1"> <div class="full flex1 container1">
<div ref="infoBox1" class="infoCar"> <div ref="infoBox1" class="infoCar">
......
...@@ -45,26 +45,26 @@ ...@@ -45,26 +45,26 @@
field: "rqCode", field: "rqCode",
width: 140 width: 140
}, },
{ // {
title: "货主编码", // title: "货主编码",
field: "hzCode", // field: "hzCode",
width: 140 // width: 140
}, // },
{ // {
title: "货主", // title: "货主",
field: "hzName", // field: "hzName",
width: 140 // width: 140
}, // },
{ // {
title: "状态", // title: "状态",
field: "packZt", // field: "packZt",
width: 140, // width: 140,
transform: { // transform: {
"url": "wms/jcsj/rq/init/zt", // "url": "wms/jcsj/rq/init/zt",
"label": "name", // "label": "name",
"value": "id" // "value": "id"
} // }
}, // },
{ {
title: "库存状态", title: "库存状态",
field: "packKczt", field: "packKczt",
...@@ -85,16 +85,16 @@ ...@@ -85,16 +85,16 @@
"value": "id" "value": "id"
} }
}, },
{ // {
title: "运输状态", // title: "运输状态",
field: "packYszt", // field: "packYszt",
width: 140, // width: 140,
transform: { // transform: {
"url": "wms/jcsj/rq/init/yszt", // "url": "wms/jcsj/rq/init/yszt",
"label": "name", // "label": "name",
"value": "id" // "value": "id"
} // }
}, // },
{ {
title: "物料编码", title: "物料编码",
field: "wlxxCode", field: "wlxxCode",
...@@ -120,11 +120,11 @@ ...@@ -120,11 +120,11 @@
field: "sl", field: "sl",
width: 140 width: 140
}, },
{ // {
title: "入库单号", // title: "入库单号",
field: "rktzDjid", // field: "rktzDjid",
width: 180 // width: 180
} // }
], ],
queryParams: [ queryParams: [
[{ [{
......
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