upright
/
duoji-frontend
mirror of https://gitlab.hzleaper.com:81/duoji/duoji-frontend.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

品规盘点增加个数和品规盘点

Browse Source
bozhou-古井贡酒
LAPTOP-S9HJSOEB\昊天 2 years ago
parent f15e5c6f2b
commit 3b3d1fdf88
6 changed files with 353 additions and 312 deletions
Show Stats Download Patch File Download Diff File

4
public/antd_color.less
Unescape Escape View File

@ -40,7 +40,7 @@ html {--antd-wave-shadow-color: @primary-color;}
.ant-alert-success .ant-alert-icon {color: #52c41a;} .ant-alert-success .ant-alert-icon {color: #52c41a;}
.ant-alert-info {background-color: #e6f7ff;border: 1px solid #91d5ff;} .ant-alert-info {background-color: #e6f7ff;border: 1px solid #91d5ff;}
.ant-alert-info .ant-alert-icon {color: #1890ff;} .ant-alert-info .ant-alert-icon {color: #1890ff;}
.ant-alert-warning {background-color: #fffbe6;border: 1px solid #ffe58f;} .ant-alert-warning {background-color: color(~`colorPalette("@{heading-color}", 1)`);border: 1px solid #ffe58f;}
.ant-alert-warning .ant-alert-icon {color: #faad14;} .ant-alert-warning .ant-alert-icon {color: #faad14;}
.ant-alert-error {background-color: #fff1f0;border: 1px solid #ffa39e;} .ant-alert-error {background-color: #fff1f0;border: 1px solid #ffa39e;}
.ant-alert-error .ant-alert-icon {color: #f5222d;} .ant-alert-error .ant-alert-icon {color: #f5222d;}
@ -1385,7 +1385,7 @@ tr.ant-table-expanded-row:hover {background: #fbfbfb;}
.ant-tag-orange-inverse {color: #fff;background: #fa8c16;border-color: #fa8c16;} .ant-tag-orange-inverse {color: #fff;background: #fa8c16;border-color: #fa8c16;}
.ant-tag-yellow {color: #fadb14;background: #feffe6;border-color: #fffb8f;} .ant-tag-yellow {color: #fadb14;background: #feffe6;border-color: #fffb8f;}
.ant-tag-yellow-inverse {color: #fff;background: #fadb14;border-color: #fadb14;} .ant-tag-yellow-inverse {color: #fff;background: #fadb14;border-color: #fadb14;}
.ant-tag-gold {color: #faad14;background: #fffbe6;border-color: #ffe58f;} .ant-tag-gold {color: #faad14;background: color(~`colorPalette("@{heading-color}", 1)`);border-color: #ffe58f;}
.ant-tag-gold-inverse {color: #fff;background: #faad14;border-color: #faad14;} .ant-tag-gold-inverse {color: #fff;background: #faad14;border-color: #faad14;}
.ant-tag-cyan {color: #13c2c2;background: #e6fffb;border-color: #87e8de;} .ant-tag-cyan {color: #13c2c2;background: #e6fffb;border-color: #87e8de;}
.ant-tag-cyan-inverse {color: #fff;background: #13c2c2;border-color: #13c2c2;} .ant-tag-cyan-inverse {color: #fff;background: #13c2c2;border-color: #13c2c2;}

7
src/api/http/http-api.js
Unescape Escape View File

@ -183,6 +183,11 @@ export default {
name: '复核页面的核对信息', name: '复核页面的核对信息',
method: 'POST' method: 'POST'
}, },
getCategoryList: {
url: '/stock/getCategoryList',
name: '品规信息',
method: 'POST'
},
getStockPage: { getStockPage: {
url: '/stockLog', url: '/stockLog',
name: '获取随性历史', name: '获取随性历史',
@ -215,7 +220,7 @@ export default {
}, },
stockCheckCorrect: { stockCheckCorrect: {
url: '/stock/checkCorrect', url: '/stock/checkCorrect',
name: '人工复核正确', name: '人工复核',
method: 'POST' method: 'POST'
}, },
stockCheckByMan: { stockCheckByMan: {

2
src/store/modules/styles.js
Unescape Escape View File

@ -11,7 +11,7 @@ const store = {
"primary-color":"rgba(184, 68, 13, 1)" "primary-color":"rgba(184, 68, 13, 1)"
}, },
"title":{ "title":{
"text":"北起库智能视觉系统", "text":"北起院智能视觉系统",
"style":{ "style":{
"color":"rgba(255, 255, 255, 1)", "color":"rgba(255, 255, 255, 1)",
"background-color":"rgba(163, 60, 12, 1)", "background-color":"rgba(163, 60, 12, 1)",

6
src/views/checkManage/Subsection.vue
Unescape Escape View File

@ -232,11 +232,14 @@ export default {
}, },
getStatusBg(row,column,status) { getStatusBg(row,column,status) {
var dom = document.getElementById(this.direction+"-"+this.side+"-"+row+'-'+column); var dom = document.getElementById(this.direction+"-"+this.side+"-"+row+'-'+column);
var color; var color;
if(status == -1){ if(status == -1){
color = '#f2ed48' color = '#f2ed48'
}else if(status == 2|| status == 3){ }else if(status == 2|| status == 3){
console.log(111);
console.log(dom);
color = '#1afa29' color = '#1afa29'
}else if(status == 1){ }else if(status == 1){
color = '#d81e06' color = '#d81e06'
@ -244,6 +247,7 @@ export default {
color = '#bfbfbf' color = '#bfbfbf'
} }
dom.style.background = color dom.style.background = color
}, },
getStatus(){ getStatus(){
@ -275,7 +279,7 @@ export default {
if(res.code == 200){ if(res.code == 200){
if(res.data.stocks){ if(res.data.stocks){
for(let a of res.data.stocks){ for(let a of res.data.stocks){
this.getStatusBg(a.row,a.column,a.viewStatus) this.getStatusBg(a.row,a.column,a.status)
} }
} }

363
src/views/checkManage/checkOperation.vue
Unescape Escape View File

@ -22,7 +22,45 @@
{{ statusMap[checkObj.status] }} {{ statusMap[checkObj.status] }}
</span> </span>
</li> </li>
<li v-for="item in params" :key="item.label"> <li>
<span class="img-box-title">
品规:
</span>
<span class="img-box-value">
<a-select
ref="select"
style="width: 100%"
:defaultValue="checkObj.category"
placeholder="请选择"
@change="handleChangeVlue"
>
<a-select-option v-for="i in categorys" :key="i">
{{ i}}
</a-select-option>
</a-select>
</span>
</li>
<li>
<span class="img-box-title">
个数:
</span>
<span class="img-box-value">
<a-input-number
id="inputNumber"
style="width: 100%"
v-model="checkObj.count"
:min="0"
:max="50"
/>
</span>
</li>
<li
v-for="item in params"
:key="item.label"
>
<span class="img-box-title"> <span class="img-box-title">
{{ item.label }}: {{ item.label }}:
@ -34,76 +72,44 @@
</ul> </ul>
</div> </div>
<div class="img-box"> <div class="img-box">
<viewer v-if="checkObj.checkPic" style="height: 300px"> <viewer
<img :src="imgUrl+checkObj.checkPic"/> v-if="checkObj.checkPic"
style="height: 300px"
>
<img :src="imgUrl+checkObj.checkPic" />
</viewer> </viewer>
<div <div
v-else v-else
style="display: flex;align-items: center;justify-content: center;width:100px;height:300px;"> style="display: flex;align-items: center;justify-content: center;width:100px;height:300px;"
>
暂无图片 暂无图片
</div> </div>
<p>盘点图1</p> <p>盘点图1</p>
</div> </div>
<div class="img-box">
<viewer v-if="checkObj.checkPic" style="height: 300px">
<img :src="imgUrl+checkObj.checkPic2"/>
</viewer>
<div
v-else
style="display: flex;align-items: center;justify-content: center;width:100px;height:300px;">
暂无图片
</div>
<p>盘点图2</p>
</div>
<!-- <div class="img-box">
<viewer v-if="checkObj.preoperationPic" style="height:300px;">
<img :src="imgUrl+checkObj.preoperationPic"/>
</viewer>
<div v-else style="display: flex;align-items: center;justify-content: center;width:100px;height:300px;">
暂无图片
</div> </div>
<p>操作前照片</p>
</div> </div>
<div class="img-box"> <div class="bottom-btn">
<viewer v-if="checkObj.overoperationPic" style="width:100%;height:300px;"> <a-button
class="btn"
<img :src="imgUrl+checkObj.overoperationPic"/>
</viewer>
<div
v-else
style="display: flex;align-items: center;justify-content: center;width:100px;height:300px;">
暂无图片
</div>
<p>操作后照片</p>
</div> -->
</div>
</div>
<div class="bottom-btn" >
<a-button class="btn"
type="primary" type="primary"
style="background:#29c12b;border-color:#29c12b;" style="background:#29c12b;border-color:#29c12b;"
@click="checkSure(checkObj.row,checkObj.column,checkObj.shelveId,index)" @click="checkSure(checkObj.row,checkObj.column,checkObj.shelveId,index)"
>核对正确 >核对品规
</a-button>
<a-button class="btn"
type="primary"
style="background:#ff0000;border-color:#ff0000;"
@click="checkfalse(checkObj.row,checkObj.column,checkObj.shelveId,index)"
>核对错误
</a-button> </a-button>
<a-button class="btn"
<a-button
class="btn"
type="primary" type="primary"
style="background:#29c12b;border-color:#29c12b;" style="background:#29c12b;border-color:#29c12b;"
@click="nextOne(checkObj.id)"> @click="nextOne(checkObj.id)"
>
下一个盘点 下一个盘点
</a-button> </a-button>
</div> </div>
</div> </div>
<Model <Model
:visible.sync="visible" :visible.sync="visible"
:modelData.sync="modelData" :modelData.sync="modelData"
@ -114,214 +120,242 @@
</div> </div>
</template> </template>
<script> <script>
import Model from "./model.vue" import Model from "./model.vue";
import {imgUrl} from "@/api/importExcel"; import { imgUrl } from "@/api/importExcel";
import { message } from 'ant-design-vue'; import { message } from "ant-design-vue";
export default { export default {
data() { data() {
return { return {
checkObj: {}, checkObj: {},
row: 1, row: 1,
column: 1, column: 1,
streetName: '', streetName: "",
visible: false, visible: false,
category: '', category: "",
count: 0,
modelData: {}, modelData: {},
index: 0, index: 0,
imgUrl: '', imgUrl: "",
params:[ categorys: ["2"],
params: [
// { // {
// label:'盘点批次号', // label:'盘点批次号',
// key: 'lotnum' // key: 'lotnum'
// }, // },
{ {
label:'盘点任务号', label: "托盘码",
key: 'checkNum' key: "wmsCode",
}, },
{ {
label:'托盘码', label: "盘点任务号",
key: 'wmsCode' key: "checkNum",
}, },
{ {
label:'托盘码描述', label: "盘点时间",
key: 'wmsCategory' key: "exportTime",
}, },
{
label:'盘点时间',
key: 'exportTime'
},
], ],
statusMap: {0:"未盘点",1:"盘点异常",2:"核对正确",3:"人工核对正确"} statusMap: {
0: "未盘点",
} 1: "盘点异常",
2: "核对正确",
3: "人工核对正确",
},
};
}, },
beforeRouteLeave(to ,form, next) { beforeRouteLeave(to, form, next) {
// 修复第二次进入界面不执行created // 修复第二次进入界面不执行created
this.$destroy(); this.$destroy();
if (to.name == 'checkManage') { if (to.name == "checkManage") {
to.meta.isUseCache = true; to.meta.isUseCache = true;
}else{ } else {
to.meta.isUseCache = false; to.meta.isUseCache = false;
} }
next(); next();
}, },
created() { created() {
this.imgUrl = imgUrl this.imgUrl = imgUrl;
//this.getStreetList(); //this.getStreetList();
if (this.$route.query.row && this.$route.query.column && this.$route.query.direction && this.$route.query.side && this.$route.query.streetId) { if (
this.id = this.$route.query.id this.$route.query.row &&
this.row = this.$route.query.row this.$route.query.column &&
this.column = this.$route.query.column this.$route.query.direction &&
this.direction = this.$route.query.direction this.$route.query.side &&
this.side = this.$route.query.side this.$route.query.streetId
this.streetId = this.$route.query.streetId ) {
this.streetName = this.$route.query.name this.id = this.$route.query.id;
this.row = this.$route.query.row;
this.column = this.$route.query.column;
this.direction = this.$route.query.direction;
this.side = this.$route.query.side;
this.streetId = this.$route.query.streetId;
this.streetName = this.$route.query.name;
this.getStockInfo(this.row, this.column); this.getStockInfo(this.row, this.column);
this.getCategoryList();
} }
}, },
mounted() { mounted() {},
destroyed() {},
},
destroyed () {
},
components: { components: {
Model Model,
}, },
methods: { methods: {
handleChangeVlue(value){
this.checkObj.category = value
},
//获取复核页面的核对信息 //获取复核页面的核对信息
getStockInfo(row, column) { getStockInfo(row, column) {
this.$api.httpApi.getStockInfo({ this.$api.httpApi
.getStockInfo({
data: { data: {
row: Number(row), row: Number(row),
column: Number(column), column: Number(column),
direction: this.direction, direction: this.direction,
side: this.side, side: this.side,
streetId: this.streetId, streetId: this.streetId,
} },
}).then(res => { })
.then((res) => {
if (res.data) { if (res.data) {
this.checkObj = res.data; this.checkObj = res.data;
this.checkObj.checkPic2 = this.checkObj.checkPic + ".jpg" this.checkObj.checkPic2 =
this.checkObj.checkPic + ".jpg";
//this.shelveId = res.data.shelveId; //this.shelveId = res.data.shelveId;
//this.getScanAndCheck(); //this.getScanAndCheck();
} }
}).catch(err => { })
console.log(err) .catch((err) => {
console.log(err);
});
},
//获取复核页面的核对信息
getCategoryList() {
this.$api.httpApi
.getCategoryList({
data: {},
})
.then((res) => {
if (res.data) {
this.categorys = res.data;
console.log(this.categorys);
//this.shelveId = res.data.shelveId;
//this.getScanAndCheck();
}
})
.catch((err) => {
console.log(err);
}); });
}, },
handleChange(value) { handleChange(value) {
this.select = value;
this.select = value this.id = value;
this.id = value this.row = 1;
this.row = 1 this.column = 1;
this.column = 1 this.getStockInfo(1, 1);
this.getStockInfo(1, 1)
}, },
checkSure(row, column, shelveId, index) { checkSure(row, column, shelveId, index) {
this.$api.httpApi.stockCheckCorrect({ this.$api.httpApi
.stockCheckCorrect({
data: { data: {
row: Number(row), row: Number(row),
column: Number(column), column: Number(column),
side: Number(this.side), side: Number(this.side),
streetId: Number(this.streetId), streetId: Number(this.streetId),
direction: Number(this.direction), direction: Number(this.direction),
ok: 1 conut: this.checkObj.count,
} category: this.checkObj.category,
}).then(res => {
ok: 1,
},
})
.then((res) => {
if (res.code == 200) { if (res.code == 200) {
this.$message.success('操作成功'); this.$message.success("操作成功");
this.getStockInfo(this.row,this.column) this.getStockInfo(this.row, this.column);
} }
})
}).catch(err => { .catch((err) => {});
});
}, },
checkfalse(row, column, shelveId, index) { checkfalse(row, column, shelveId, index) {
this.$api.httpApi.stockCheckCorrect({ this.$api.httpApi
.stockCheckCorrect({
data: { data: {
row: Number(row), row: Number(row),
column: Number(column), column: Number(column),
side: Number(this.side), side: Number(this.side),
streetId: Number(this.streetId), streetId: Number(this.streetId),
direction: Number(this.direction), direction: Number(this.direction),
ok: 0 ok: 0,
} },
}).then(res => { })
.then((res) => {
if (res.code == 200) { if (res.code == 200) {
this.$message.success('操作成功'); this.$message.success("操作成功");
this.getStockInfo(this.row,this.column) this.getStockInfo(this.row, this.column);
} }
})
}).catch(err => { .catch((err) => {});
});
}, },
showModel(checkObj, index) { showModel(checkObj, index) {
this.visible = true this.visible = true;
this.modelData = checkObj this.modelData = checkObj;
this.index = index; this.index = index;
}, },
submit(visible, index) { submit(visible, index) {
this.visible = visible;
this.visible = visible console.log(index);
console.log(index)
// this.next(index); // this.next(index);
this.checkObj.status = 1; this.checkObj.status = 1;
}, },
closeModel(visible, data) { closeModel(visible, data) {
this.visible = visible this.visible = visible;
this.modelData = data this.modelData = data;
}, },
nextOne(id){ nextOne(id) {
this.$api.httpApi.nextOne({ this.$api.httpApi
.nextOne({
data: { data: {
id:Number(id) id: Number(id),
} },
}).then(res => { })
.then((res) => {
if (res.data && res.data != null) { if (res.data && res.data != null) {
console.log(res.data) console.log(res.data);
this.checkObj = res.data; this.checkObj = res.data;
this.id = res.data.id this.id = res.data.id;
this.row = res.data.row this.row = res.data.row;
this.column = res.data.column this.column = res.data.column;
this.direction = res.data.direction this.direction = res.data.direction;
this.side = res.data.side this.side = res.data.side;
this.streetId = res.data.streetId this.streetId = res.data.streetId;
this.streetName = res.data.streetName this.streetName = res.data.streetName;
this.checkObj.checkPic2 = this.checkObj.checkPic + ".jpg" this.checkObj.checkPic2 =
this.checkObj.checkPic + ".jpg";
}else{ } else {
message.info('全部盘点已完成') message.info("全部盘点已完成");
} }
}).catch(err => { })
console.log(err) .catch((err) => {
console.log(err);
}); });
} },
},
} };
}
</script> </script>
<style lang="scss"> <style lang="scss">
.ant-carousel .slick-slide { .ant-carousel .slick-slide {
color: #000000; color: #000000;
} }
.checkOperation { .checkOperation {
.carousel-page { .carousel-page {
width: 100%; width: 100%;
/*border: solid 1px blue;*/ /*border: solid 1px blue;*/
&-title { &-title {
color: #009FE3; color: #009fe3;
font-size: 16px; font-size: 16px;
margin: 0; margin: 0;
padding: 15px 0 10px 25px; padding: 15px 0 10px 25px;
@ -342,7 +376,7 @@ export default {
height: 400px; height: 400px;
margin-right: 10px; margin-right: 10px;
img { img {
height: 100% height: 100%;
} }
p { p {
@ -429,10 +463,9 @@ export default {
margin: 25px; margin: 25px;
} }
} }
} }
.historyImg { .historyImg {
width: 180px; width: 180px;
height:auto; height: auto;
} }
</style> </style>

1
src/views/historyCheck/index.vue
Unescape Escape View File

@ -108,7 +108,6 @@
<happy-scroll color="rgba(100,100,100,0.5)" size="8" class="scroll-box" style="width:320px;height:90px;"> <happy-scroll color="rgba(100,100,100,0.5)" size="8" class="scroll-box" style="width:320px;height:90px;">
<viewer> <viewer>
<img class="historyImg" :src="imgUrl+text.pic"/> <img class="historyImg" :src="imgUrl+text.pic"/>
<img class="historyImg" :src="imgUrl+text.pic+'.jpg'"/>
</viewer> </viewer>
</happy-scroll> </happy-scroll>
</span> </span>

Write Preview
Loading…
Cancel
Save