Skip to content

A
assets
Commit 23637475 authored by zhengke's avatar zhengke
Browse files
Options

修改

parent 750da478
Hide whitespace changes
Inline Side-by-side
Showing with 242 additions and 0 deletions
src/components/Materialman/InventoryView.vue 0 → 100644
View file @ 23637475
<template>
<div class="assetsList InventoryDetail">
<div class="routerTitle">
<span class="pageTitle">耗材盘点明细<span @click="Backto" style="position:relative;top:-5px"
class="backTo">返回</span></span>
<span @click="morequery = !morequery" style="display:inline-flex;align-items:center;cursor: pointer;"
class="f12 cd6">
<span style="margin-right:5px">高级查询</span>
<img v-show="!morequery" style="width:12px;height:12px;" src="../../assets/img/more.png" alt="" />
<img v-show="morequery" class="roatImg" style="width:12px;height:12px" src="../../assets/img/more.png" alt="" />
</span>
<span @click="getList" style="margin-left:20px" class="chaxunSpan">查询</span>
<span @click="goBaosun('InventoryBosun')" style="margin-left:20px" class="chaxunSpan">查看报损</span>
<span @click="goBaosun('InventoryBoyi')" style="margin-left:20px" class="chaxunSpan">查看报溢</span>
</div>
<div class="padContent">
<ul v-show="morequery" class="queryul">
<li>
<el-input class="w200" size="small" v-model="msg.SuppliesId" placeholder="物料Id"
@keyup.enter.native="msg.pageIndex=1,getList()"></el-input>
</li>
<li>
<el-input class="w200" size="small" v-model="msg.SuppliesName" placeholder="物料名称"
@keyup.enter.native="msg.pageIndex=1,getList()"></el-input>
</li>
<li>
<el-select size="small" v-model="msg.CheckStatus" @change="msg.pageIndex=1,getList()">
<el-option label="不限" :value="0"> </el-option>
<el-option v-for="item in getCheckStatusList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
</li>
</ul>
<vxe-table stripe style="margin-top:15px" :loading="loading" :data="tableData">
<vxe-table-column field="Name" title="状态" width="120">
<template v-slot="{ row }">
<span class="ColorSpan huangSpan" v-if="row.CheckStatus == 1" :id="row.SuppliesId">未</span>
<span class="ColorSpan greenSpan" v-if="row.CheckStatus == 2">已</span>
<span class="ColorSpan purpleSpan" v-if="row.CheckStatus == 3">盈</span>
<span class="ColorSpan redSpan" v-if="row.CheckStatus == 4">亏</span>
<span>{{row.CheckStatusName}}</span>
</template>
</vxe-table-column>
<vxe-table-column field="SuppliesNo" title="物料编号" width="100"></vxe-table-column>
<vxe-table-column field="SuppliesName" title="物料名称"></vxe-table-column>
<vxe-table-column field="SpecificationList" title="规格" width="220">
<template v-slot="{ row }">
<span v-for="(x,y) in row.SpecificationList" :key="y">{{x}} <span
v-if="row.SpecificationList.length !== y+1"> , </span></span>
</template>
</vxe-table-column>
<vxe-table-column field="InventoryNum" title="库存" width="80"></vxe-table-column>
<vxe-table-column field="RealityNum" title="实际数量" width="100"></vxe-table-column>
<vxe-table-column field="Remark" title="备注" width="200"></vxe-table-column>
<vxe-table-column field="CheckEmpName" title="盘点人/时间" width="200">
<template v-slot="{ row }">
<div v-if="row.CheckEmpName">{{row.CheckEmpName}}</div>
<div v-if="row.CheckDate">{{row.CheckDate}}</div>
</template>
</vxe-table-column>
<vxe-table-column field="ImageList" title="图片" width="200">
<template v-slot="{row}">
<div class="Inven_imgList" v-for="(item,index) in row.ImageList" :key="index" v-if="index<3">
<img :src="item" @click="getImgView(row.ImageList)" />
</div>
<div v-if="row.ImageList.length>3" class="Inventory_more">...</div>
</template>
</vxe-table-column>
<vxe-table-column field="ImageList" title="溢/损处理状态" width="200">
<template v-slot="{row}">
<template v-if="row.CheckStatus==3||row.CheckStatus==4">
<span v-if="row.DealStatus==1" style="color:green">已处理</span>
<span v-if="row.DealStatus==2" style="color:red">未处理</span>
</template>
</template>
</vxe-table-column>
</vxe-table>
<el-pagination @current-change="currentChange" background :page-size="msg.pageSize" layout="prev, pager, next"
:total="total" :current-page.sync="msg.pageIndex">
</el-pagination>
</div>
<el-dialog :visible.sync="isShowImageDialog" @closed="clearImg">
<el-carousel indicator-position="outside" height="600px">
<el-carousel-item v-for="(src,index) in InvimageList" :key="index">
<img :src="src" style="max-width: 100%;max-height: 100%;display: block; margin: 0 auto;" />
</el-carousel-item>
</el-carousel>
</el-dialog>
</div>
</template>
<script>
export default {
name: "InventoryDetails",
components: {},
data() {
return {
//预览图片弹窗
isShowImageDialog: false,
//预览图
InvimageList:[],
morequery: true,
currentPage: 1,
tableData: [],
loading: false,
total: 0,
msg: {
pageIndex: 1,
pageSize: 99999999,
CheckId: 0, //盘点单id
SuppliesId: '', //物料id
SuppliesName: '', //物料名称
CheckStatus: 0, //盘点状态
// DealStatus:0,//盈亏处理状态 （在盈亏界面使用）
IsSelectCheckLoss: 0, //是否只查询盘点盈亏的 1是 0否
IsSelectHaveInventory: 0, //是否只查询有库存数量的 1是 0否
},
getCheckStatusList: [],
//仓库id
WarehouseId: 0,
//CheckState用于管理操作按钮
CheckState:0
};
},
mounted() {
this.msg.CheckId = this.$route.query.CheckId;
this.WarehouseId = this.$route.query.WarehouseId;
this.CheckState = this.$route.query.CheckState;
this.getList();
this.getCheckStatus();
},
methods: {
currentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
getList() {
this.loading = true;
this.apiJavaPost(
"/api/supplies/GetSuppliesCheckDetailPageList",
this.msg,
res => {
this.loading = false;
if (res.data.resultCode === 1) {
this.tableData = res.data.data.pageData;
this.total = res.data.data.count;
} else {
this.Error(res.data.message);
}
},
null
);
},
getCheckStatus() {
this.apiJavaPost("/api/property/GetPropertyCheckStatusEnumList", {},
res => {
if (res.data.resultCode === 1) {
this.getCheckStatusList = res.data.data;
} else {
this.Error(res.data.message);
}
},
null
);
},
Backto() {
this.$router.push({
path: "/consumablesInventory"
});
},
//跳转至报损报溢
goBaosun(path) {
this.$router.push({
path: path,
query: {
CheckId: this.msg.CheckId,
WarehouseId: this.WarehouseId,
isFrom:1
}
});
},
//点击图片进行预览
getImgView(imglist){
this.isShowImageDialog=true;
this.InvimageList=imglist;
},
//关闭预览图片
clearImg() {
this.InvimageList = null
},
}
};
</script>
<style>
.Inventory_more{
display: inline-block;
width: 10px;
height: 50px;
line-height: 50px;
position: relative;
top: -25px;
}
.InventoryDetail .dateList .el-date-editor .el-range__icon {
line-height: 24px;
}
.InventoryDetail .dateList .el-date-editor .el-range-separator {
line-height: 22px;
}
.InventoryDetail .MyEditForm .dateList.el-input__inner {
width: 300px;
}
.assetsList {
width: 100%;
height: 100%;
}
.Inven_imgList {
width: 50px;
height: 50px;
display: inline-block;
margin-right: 5px;
}
.Inven_imgList img {
width: 100%;
height: 100%;
}
</style>
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