实时盘点查看界面
yiming
3 years ago
parent
f60437be42
commit
bc50a5b0a5
@ -0,0 +1,190 @@
|
|||||||
|
<template>
|
||||||
|
<div class="history">
|
||||||
|
<div style="margin-top: 10px">
|
||||||
|
<a-select @change="handleChange" style="width:200px" v-model="street.id">
|
||||||
|
<a-select-option v-for="i in streets" :key="i.name" :value="i.id">
|
||||||
|
{{i.name}}
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</div>
|
||||||
|
<div style="display:flex">
|
||||||
|
<div style="margin-left: 10px,width:100/4,height:200,float:left">
|
||||||
|
<ul style="width:400,line-height:40">
|
||||||
|
<li>
|
||||||
|
<span class="img-box-title">
|
||||||
|
{{street.name}}-{{this.direction == 1?"左":"右"}}-{{this.side == 1?"浅":"深"}}-{{row}}层-{{column}}列
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="img-box-title">
|
||||||
|
核对状态:
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="img-box-title">
|
||||||
|
系统条码:
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="img-box-title">
|
||||||
|
盘点结果条码:
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="img-box-title">
|
||||||
|
系统数量:
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="img-box-title">
|
||||||
|
盘点结果数量:
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div >
|
||||||
|
<a-row type="flex" justify="space-around" style="height:300,margin-left:400">
|
||||||
|
<a-col :span="4">
|
||||||
|
<p>顶部图片1</p>
|
||||||
|
<viewer >
|
||||||
|
<img class="historyImg" src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"/>
|
||||||
|
</viewer>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="4">
|
||||||
|
<p>顶部图片2</p>
|
||||||
|
<viewer >
|
||||||
|
<img class="historyImg" src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"/>
|
||||||
|
</viewer>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
<a-row type="flex" justify="space-around" align="middle" style="height:300">
|
||||||
|
|
||||||
|
|
||||||
|
<a-col :span="4">
|
||||||
|
<p>侧面图片1</p>
|
||||||
|
<viewer >
|
||||||
|
<img class="historyImg" src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"/>
|
||||||
|
</viewer>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="4">
|
||||||
|
<p>侧面图片2</p>
|
||||||
|
<viewer >
|
||||||
|
<img class="historyImg" src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"/>
|
||||||
|
</viewer>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
<a-row type="flex" justify="space-around" align="middle" style="height:300">
|
||||||
|
|
||||||
|
<a-col :span="4">
|
||||||
|
<p>侧面图片3</p>
|
||||||
|
<viewer >
|
||||||
|
<img class="historyImg" src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"/>
|
||||||
|
</viewer>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="4">
|
||||||
|
<p>侧面图片4</p>
|
||||||
|
<viewer >
|
||||||
|
<img class="historyImg" src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"/>
|
||||||
|
</viewer>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
import Model from "./model.vue"
|
||||||
|
export default {
|
||||||
|
name: "checkMonitoring",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
queryParam: {
|
||||||
|
orderNum: ''
|
||||||
|
},
|
||||||
|
street: '',
|
||||||
|
side:1,
|
||||||
|
direction:1,
|
||||||
|
column:1,
|
||||||
|
row:1,
|
||||||
|
streets:[],
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.request();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
request() {
|
||||||
|
this.$api.httpApi.getAllStreet({
|
||||||
|
}).then(res => {
|
||||||
|
console.log("update data")
|
||||||
|
this.streets = res.data
|
||||||
|
this.street = res.data[0]
|
||||||
|
|
||||||
|
}).catch(err => {
|
||||||
|
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleChange(value) {
|
||||||
|
|
||||||
|
this.street = value
|
||||||
|
|
||||||
|
|
||||||
|
},
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
Model
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.history {
|
||||||
|
padding: 24px;
|
||||||
|
}
|
||||||
|
.ant-drawer-content-wrapper {
|
||||||
|
height: auto !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-drawer-body {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-advanced-search-form .ant-form-item {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.historyImg {
|
||||||
|
width: 900px;
|
||||||
|
height:auto;
|
||||||
|
margin: 5px;
|
||||||
|
}
|
||||||
|
ul {
|
||||||
|
|
||||||
|
height: 100%;
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding-inline-start: 0;
|
||||||
|
|
||||||
|
li {
|
||||||
|
background-color: #ffaf11;
|
||||||
|
|
||||||
|
margin: 10px 0;
|
||||||
|
padding: 5px;
|
||||||
|
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #494e52;
|
||||||
|
|
||||||
|
.img-box-title {
|
||||||
|
width: 130px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue