Skip to content

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

1

parent 8ab1228c
Hide whitespace changes
Inline Side-by-side
Showing with 489 additions and 208 deletions
src/components/Materialman/consumablesInventory.vue
View file @ 750da478
......@@ -91,7 +91,7 @@
<img v-if="row.CheckState ==1" @click="Delete(row)" style="width:24px;height:24px" src="../../assets/img/qx.png" alt="">
</el-tooltip>
<el-tooltip class="item" effect="dark" content="查看详情" placement="top" v-if="row.CheckState==2">
<img v-if="row.CheckState==2" @click="SeeDetails(row,'/InventoryDetails')" style="width:24px;height:24px" src="../../assets/img/chakan.png" alt="" />
<img v-if="row.CheckState==2" @click="SeeDetails(row,'/InventoryView')" style="width:24px;height:24px" src="../../assets/img/chakan.png" alt="" />
</el-tooltip>
<el-tooltip class="item" effect="dark" content="盘点明细" placement="top" v-if="row.CheckState==1">
<img v-if="row.CheckState==1" @click="SeeDetails(row,'/InventoryDetail')" style="width:24px;height:24px" src="../../assets/img/shtg.png" alt="" />
......
src/components/assetsman/InventoryDetails.vue
View file @ 750da478
<template>
<div class="assetsList InventoryDetail">
<div class="assetsList InventoryMan">
<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 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="" />
<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>
<span style="margin-left:20px" class="chaxunSpan" @click="getList">查询</span>
<span @click="Export" style="margin-left:20px;background:#fff;color:rgba(0,210,214,1);border:1px solid rgba(0,210,214,1)" class="chaxunSpan">导出</span>
<span @click="SetEnd" style="margin-left:20px;background:#fff;color:rgba(0,210,214,1);border:1px solid rgba(0,210,214,1)" class="chaxunSpan">整单完成</span>
<!-- <span @click="addSupplier" style="margin-left:20px" class="addSpan">
<img
style="width:10px;height:10px;margin-right:6px"
src="../../assets/img/add.png"
alt=""
/>
新增</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 v-show="morequery" class="queryul">
<li>
<el-input class="w200" size="small" v-model="msg.PropertyName" placeholder="资产名称" ></el-input>
</li>
<li>
<el-select size="small" v-model="msg.AuditStatus" placeholder="审核状态" >
<el-option label="不限" :value="-1"></el-option>
<el-option label="未审核" :value="1"></el-option>
<el-option label="已审核" :value="2"></el-option>
<el-option label="审核驳回" :value="3"></el-option>
</el-select>
</li>
<li>
<el-select size="small" v-model="msg.CheckStatus" placeholder="盘点状态" >
<el-option label="不限" :value="-1"></el-option>
<el-option :key="index+10" v-for="(item,index) in checkList" :label="item.Name" :value="item.Id"></el-option>
</el-select>
</li>
<!-- <li>
<el-select size="small" v-model="msg.IsSelectCheckLoss" placeholder="是否查询盘亏盘盈" >
<el-option label="不限" :value="-1"></el-option>
<el-option label="是" :value="1"></el-option>
<el-option label="否" :value="2"></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">
<vxe-table stripe style="margin-top:15px" :loading="loading"
:data="tableData">
<vxe-table-column field="Name" title="盘点状态">
<template v-slot="{ row }">
<span class="ColorSpan huangSpan" v-if="row.CheckStatus == 1">未</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>
{{row.CheckStatusName}}
</template>
</vxe-table-column>
<vxe-table-column field="Name" title="审核状态">
<template v-slot="{ row }">
<span v-if="row.AuditStatus == 1">未审核</span>
<span v-if="row.AuditStatus == 2">已审核</span>
<span v-if="row.AuditStatus == 3">审核驳回</span>
</template>
</vxe-table-column>
<vxe-table-column field="PropertyName" title="资产名称"></vxe-table-column>
<vxe-table-column field="PropertyNum" title="资产编码">
<template v-slot="{ row }">
<span class="underline" @click="getCheckDes(row)">{{row.PropertyNum}}</span>
</template>
</vxe-table-column>
<vxe-table-column field="PropertyStatusName" title="资产状态"></vxe-table-column>
<vxe-table-column field="CategoryName" title="分类"></vxe-table-column>
<vxe-table-column field="BrandName" title="品牌"></vxe-table-column>
<vxe-table-column field="AuditEmpName" title="审核人/时间">
<template v-slot="{ row }">
<p v-if="row.AuditEmpName!=''">{{row.AuditEmpName}}</p>
<p v-if="row.AuditDate!=''">{{row.AuditDate}}</p>
</template>
</vxe-table-column>
<vxe-table-column field="CheckEmpName" title="盘点人/时间">
<template v-slot="{ row }">
<p v-if="row.CheckEmpName!=''">{{row.CheckEmpName}}</p>
<p v-if="row.CheckDate!=''">{{row.CheckDate}}</p>
</template>
</vxe-table-column>
<vxe-table-column field="UpdateBy" title="操作人/时间">
<template v-slot="{ row }">
<p v-if="row.UpdateBy!=''">{{row.UpdateBy}}</p>
<p v-if="row.UpdateDate!=''">{{row.UpdateDate}}</p>
</template>
</vxe-table-column>
<vxe-table-column field="address" title="操作">
<template v-slot="{ row }">
<el-tooltip class="item" effect="dark" content="盘点" placement="top" >
<img v-if="row.CheckStatus==1" @click="SetType(row,1,'盘点')" style="width:24px;height:24px" src="../../assets/img/pd.png" alt="" />
</el-tooltip>
<el-tooltip class="item" effect="dark" content="盘亏" placement="top" >
<img v-if="row.CheckStatus==1" @click="SetType(row,2,'盘亏')" style="width:24px;height:24px" src="../../assets/img/czrz.png" alt="" />
</el-tooltip>
<el-tooltip class="item" effect="dark" content="盘点并审核" placement="top" >
<img v-if="row.CheckStatus==1 && row.AuditStatus==1" @click="SetType(row,3,'盘点并审核')" style="width:24px;height:24px" src="../../assets/img/pdsh.png" alt="" />
</el-tooltip>
<el-tooltip class="item" effect="dark" content="审核通过" placement="top" >
<img v-if="row.AuditStatus==1" @click="SetType(row,4,'审核通过')" style="width:24px;height:24px" src="../../assets/img/shtg.png" alt="" />
</el-tooltip>
<el-tooltip class="item" effect="dark" content="审核驳回" placement="top" >
<img v-if="row.AuditStatus==1" @click="SetType(row,5,'审核驳回')" style="width:24px;height:24px" src="../../assets/img/shbh.png" alt="" />
</el-tooltip>
<el-tooltip class="item" effect="dark" content="取消盘点" placement="top" >
<img v-if="row.CheckStatus==2 || row.CheckStatus==3 || row.CheckStatus==4" @click="SetType(row,6,'取消盘点')" style="width:24px;height:24px" src="../../assets/img/qxpd.png" alt="" />
</el-tooltip>
</template>
</vxe-table-column>
</vxe-table>
<el-pagination
@current-change="currentChange"
background
:page-size="msg.pageSize"
layout="prev, pager, next"
:total="total"
>
</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
:title="dialogtitle"
:visible.sync="dialogState"
top="0"
width="300px"
>
<el-form
class="MyEditForm"
:model="addMsg"
:rules="rules"
ref="addMsg"
label-width="0px"
>
<div class="basefix">
<div class="baseform">
<el-form-item label="" prop="Type">
<span class="label">类型</span>
<el-select size="mini" v-model="addMsg.Type" placeholder="请选择" >
<el-option label="盘点" :value="1" > </el-option>
<el-option label="盘亏" :value="2" > </el-option>
<el-option label="盘点并审核" :value="3" > </el-option>
<el-option label="审核通过" :value="4" > </el-option>
<el-option label="审核驳回" :value="5" > </el-option>
<el-option label="取消盘点" :value="6" > </el-option>
<el-option label="处置" :value="7" > </el-option>
</el-select>
</el-form-item>
</div>
</div>
<div class="btnformItem">
<span class="submitBtn" type="primary" @click="submitForm('addMsg')"
>确定</span
>
<span class="exitBtn" @click="dialogState = false">取消</span>
</div>
</el-form>
</el-dialog>
<el-dialog top="0" title="资产详情" :visible.sync="CheckDetailState" width="1150px">
<CheckDetails ref="mychild"></CheckDetails>
</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否
import CheckDetails from "@/components/global/CheckDetails.vue";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
export default {
name: "assetsList",
components: {
Treeselect,CheckDetails
},
data() {
return {
CheckDetailState: false,
addMsg: {
CheckDetailId: 0,
Type:1,
},
normalizer(node) {
var obj = {
id: node.Id,
label: node.Name
};
if (node.ChildList != null && node.ChildList.length > 0) {
obj.children = node.ChildList;
}
return obj;
},
morequery:false,
dateList: [],
currentPage: 1,
tableData: [],
loading: false,
total: 0,
msg: {
pageIndex: 1,
pageSize: 10,
Name: "",
CategoryId:null,
CheckId:'',
PropertyName:'',
AuditStatus:'',
CheckStatus:'',
IsSelectCheckLoss:'',
},
dialogtitle: "新增",
dialogState: false,
rules: {
Type: [
{ required: true, message: "请选择类型", trigger: "change" }
]
},
supplierList: [],
EmployeeList: [],
nodemsg: {
ParentId: -1,
Tier: "",
Name: "",
Type: 1
},
treedata: [],
BranchList: [],
PropertyId:'',
checkList:[],
};
},
created(){
if(this.$route.query.CheckId){
this.msg.CheckId=this.$route.query.CheckId;
}
},
mounted() {
this.getList();
this.getNode();
this.getBranch();
this.getCheckStatus();
},
methods: {
SetEnd(item){
let that=this;
let msg={};
this.$confirm("未盘资产将标记盘亏，是否继续？","提示", {
confirmButtonText:"确定",
cancelButtonText: "取消",
type: 'warning'
}).then(() => {
msg.CheckId = this.msg.CheckId;
msg.Type = 0;
this.apiJavaPost(
"/api/property/SetPropertyCheckStatus",
msg,
res => {
if (res.data.resultCode === 1) {
this.getList();
this.Success(res.data.message);
} else {
this.Error(res.data.message);
}
},
null
);
}).catch(() => {
});
},
Export(){
let msg = JSON.parse(JSON.stringify(this.msg));
this.JavaGetLocalFile(
"/api/property/GetPropertyCheckDetailToExcel",
msg,
"盘点报告.xls"
);
},
Backto(){
this.$router.push({
path: "/InventoryMan"
});
},
getCheckDes(item){
this.PropertyId=item.PropertyId;
this.CheckDetailState=true;
setTimeout(()=>{
this.$refs.mychild.InitData(this.PropertyId);
},10)
},
SetType(item,type,str){
let that=this;
this.$confirm(`确认${str}？`,"提示", {
confirmButtonText:"确定",
cancelButtonText: "取消",
type: 'warning'
}).then(() => {
this.addMsg.CheckDetailId = item.Id;
this.addMsg.Type = type;
that.SaveType();
}).catch(() => {
});
},
SetDetailStatus(item){
this.dialogState = true;
this.addMsg.CheckDetailId = item.Id;
this.addMsg.Type = "";
},
treeClick(data) {
this.addMsg.CategoryId = data.Id;
},
getCheckStatus() {
this.apiJavaPost(
"/api/property/GetPropertyCheckStatusEnumList",
{},
res => {
if (res.data.resultCode === 1) {
this.checkList = res.data.data;
} else {
this.Error(res.data.message);
}
},
null
);
},
getNode() {
this.apiJavaPost(
"/api/property/CateporyGetTreeList",
this.nodemsg,
res => {
if (res.data.resultCode === 1) {
this.treedata = res.data.data;
} else {
this.Error(res.data.message);
}
},
getCheckStatusList: [],
//仓库id
WarehouseId: 0,
//CheckState用于管理操作按钮
CheckState:0
null
);
},
addSupplier() {
this.addMsg = {
CheckDetailId: 0,
Type:1,
};
this.dialogtitle = "设置";
this.dialogState = true;
},
mounted() {
this.msg.CheckId = this.$route.query.CheckId;
this.WarehouseId = this.$route.query.WarehouseId;
this.CheckState = this.$route.query.CheckState;
this.getList();
this.getCheckStatus();
Edit(item) {
this.dialogtitle = "编辑";
this.dialogState = true;
this.addMsg = Object.assign({}, item);
this.dateList=[];
this.dateList[0]=this.addMsg.StartDate;
this.dateList[1]=this.addMsg.EndDate;
},
methods: {
currentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
getList() {
this.loading = true;
Delete(item) {
let Id = item.Id;
this.$confirm("确认删除？", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
this.apiJavaPost(
"/api/property/DelPropertyCheckInfo",
{ CheckId: Id },
res => {
if (res.data.resultCode === 1) {
this.getList();
this.Success(res.data.message);
} else {
this.Error(res.data.message);
}
},
null
);
})
.catch(() => {
this.$message.info("已取消删除！");
});
},
SaveType() {
this.apiJavaPost(
"/api/supplies/GetSuppliesCheckDetailPageList",
this.msg,
res => {
this.loading = false;
"/api/property/SetPropertyCheckDetailStatus",
this.addMsg,
res => {
if (res.data.resultCode === 1) {
this.tableData = res.data.data.pageData;
this.total = res.data.data.count;
this.getList();
this.Success(res.data.message);
} else {
this.Error(res.data.message);
this.Error(res.data.message);
}
},
null
},
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
currentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
getList() {
this.loading = true;
this.apiJavaPost(
"/api/property/GetPropertyCheckDetailPageList",
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);
}
});
},
//点击图片进行预览
getImgView(imglist){
this.isShowImageDialog=true;
this.InvimageList=imglist;
},
//关闭预览图片
clearImg() {
this.InvimageList = null
},
},
null
);
},
getBranch() {
this.apiJavaPost(
"/api/User/GetBranchList",
{},
res => {
if (res.data.resultCode === 1) {
this.BranchList = res.data.data;
} else {
this.Error(res.data.message);
}
},
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 {
.InventoryMan .MyEditForm .dateList .el-input__inner{
/* width:300px; */
}
.InventoryMan .dateList .el-date-editor .el-range__icon{
line-height: 24px;
}
.InventoryDetail .dateList .el-date-editor .el-range-separator {
}
.InventoryMan .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%;
}
}
.InventoryMan .MyEditForm .dateList.el-input__inner{
width: 300px;
}
.assetsList .MyEditForm .baseform .el-form-item:nth-child(4n) {
margin-right: 0;
}
.assetsList .zczt1 {
background: #ffe4d5;
color: #ffa87c;
}
.assetsList .zczt2 {
background: #beeff0;
color: #089bab;
}
.assetsList .zczt3 {
background: #ffd6d5;
color: #ff7874;
}
.assetsList .zczt4 {
background: #d7d6ff;
color: #7b78ff;
}
.assetsList .Commonzczt {
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
border-radius: 50%;
font-size: 12px;
font-family: "Microsoft YaHei";
}
.assetsList {
width: 100%;
height: 100%;
}
</style>
src/router/config.js
View file @ 750da478
......@@ -247,6 +247,12 @@ export default {
name: 'InventoryBoyi',
component: resolve => require(['@/components/Materialman/InventoryBoyi'], resolve),
},
//耗材预览
{
path: '/InventoryView',
name: 'InventoryView',
component: resolve => require(['@/components/Materialman/InventoryView'], resolve),
},
// 现存量查询
{
path: '/SpotQuery',
......
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