Commit ccdaf922 authored by 黄媛媛's avatar 黄媛媛

1111

parent 9412cee9
......@@ -37,8 +37,16 @@
</ul>
<vxe-table stripe style="margin-top:15px" :loading="loading"
:data="tableData">
<vxe-table-column field="SuppliesNum" title="档案编码"></vxe-table-column>
<vxe-table-column field="Name" title="档案名称"></vxe-table-column>
<vxe-table-column field="SuppliesNum" title="档案编码">
<template v-slot="{ row }">
<span class="underline" @click="getCheckDes(row)">{{row.SuppliesNum}}</span>
</template>
</vxe-table-column>
<vxe-table-column field="Name" title="档案名称">
<template v-slot="{ row }">
<span class="underline" @click="getCheckDes(row)">{{row.Name}}</span>
</template>
</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="Money" title="成本价"></vxe-table-column>
......@@ -164,19 +172,25 @@
</div>
</el-form>
</el-dialog>
<el-dialog top="0" title="物料详情" :visible.sync="CheckDetailState" width="970px">
<wlDetails ref="mychild"></wlDetails>
</el-dialog>
</div>
</template>
<script>
import wlDetails from "@/components/global/wlDetails.vue";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
export default {
name: 'Archivesmaterials',
components: {
Treeselect
Treeselect,
wlDetails
},
data(){
return{
CheckDetailState:false,
morequery:false,
normalizer(node) {
var obj = {
......@@ -252,6 +266,13 @@ export default {
this.getNode();
},
methods:{
getCheckDes(item){
this.PropertyId=item.Id;
this.CheckDetailState=true;
setTimeout(()=>{
this.$refs.mychild.InitData(this.PropertyId);
},10)
},
DeleteImg(item,index){
this.addMsg.ImageList.splice(index, 1);
},
......
......@@ -41,8 +41,16 @@
</ul>
<vxe-table stripe style="margin-top:15px" :loading="loading"
:data="tableData">
<vxe-table-column field="SuppliesNum" title="耗材编码"></vxe-table-column>
<vxe-table-column field="SuppliesName" title="耗材名称"></vxe-table-column>
<vxe-table-column field="SuppliesNum" title="耗材编码">
<template v-slot="{ row }">
<span class="underline" @click="getCheckDes(row)">{{row.SuppliesNum}}</span>
</template>
</vxe-table-column>
<vxe-table-column field="SuppliesName" title="耗材名称">
<template v-slot="{ row }">
<span class="underline" @click="getCheckDes(row)">{{row.SuppliesName}}</span>
</template>
</vxe-table-column>
<vxe-table-column field="CategoryName" title="分类名称"></vxe-table-column>
<vxe-table-column field="SuppliesModel" title="耗材型号"></vxe-table-column>
<vxe-table-column field="WareHouseName" title="仓库名称"></vxe-table-column>
......@@ -129,16 +137,23 @@
>
</el-pagination>
</el-dialog>
<el-dialog top="0" title="物料详情" :visible.sync="CheckDetailState" width="970px">
<wlDetails ref="mychild"></wlDetails>
</el-dialog>
</div>
</template>
<script>
import wlDetails from "@/components/global/wlDetails.vue";
export default {
name: 'Supplierman',
components: {
wlDetails
},
data(){
return{
CheckDetailState:false,
caozuoState: false,
morequery:false,
currentPage:1,
......@@ -191,6 +206,13 @@ export default {
this.getwuliaoList();
},
methods:{
getCheckDes(item){
let PropertyId=item.SuppliesId;
this.CheckDetailState=true;
setTimeout(()=>{
this.$refs.mychild.InitData(PropertyId);
},10)
},
Operation(item) {
this.OperationInfo = item;
this.caozuoState = true;
......
<template>
<div class="basefix wlDetails">
<div class="right overflowY">
<div class="baseDiv">
<div class="desItem">
<p>档案名称</p>
<p>
<span v-if="datainfo.Name && datainfo.Name!=''">{{datainfo.Name}}</span>
<span v-else></span>
</p>
</div>
<div class="desItem">
<p>品牌名称</p>
<p>
<span v-if="datainfo.BrandName && datainfo.BrandName!=''">{{datainfo.BrandName}}</span>
<span v-else></span>
</p>
</div>
<div class="desItem">
<p>分类</p>
<p>
<span v-if="datainfo.CategoryName && datainfo.CategoryName!=''">{{datainfo.CategoryName}}</span>
<span v-else></span>
</p>
</div>
<div class="desItem">
<p>供应商名称</p>
<p>
<span v-if="datainfo.SupplierName && datainfo.SupplierName!=''">{{datainfo.SupplierName}}</span>
<span v-else></span>
</p>
</div>
<div class="desItem">
<p>安全库存</p>
<p>
<span v-if="datainfo.SafetyStock && datainfo.SafetyStock!=''">{{datainfo.SafetyStock}}</span>
<span v-else></span>
</p>
</div>
<div class="desItem">
<p>预警库存</p>
<p>
<span v-if="datainfo.ReservedStock && datainfo.ReservedStock!=''">{{datainfo.ReservedStock}}</span>
<span v-else></span>
</p>
</div>
<div class="desItem">
<p>型号</p>
<p>
<span v-if="datainfo.BuyDate && datainfo.BuyDate!=''">{{datainfo.BuyDate}}</span>
<span v-else></span>
</p>
</div>
<div class="desItem">
<p>单位</p>
<p>
<span v-if="datainfo.Units && datainfo.Units!=''">{{datainfo.Units}}</span>
<span v-else></span>
</p>
</div>
<div class="desItem">
<p>成本价</p>
<p>
<span v-if="datainfo.Money && datainfo.Money!=''">{{datainfo.Money}}</span>
<span v-else></span>
</p>
</div>
<div class="desItem">
<p>条形码号</p>
<p>
<span v-if="datainfo.Barcode && datainfo.Barcode!=''">{{datainfo.Barcode}}</span>
<span v-else></span>
</p>
</div>
<div class="desItem">
<p>备注</p>
<p>
<span v-if="datainfo.Remark && datainfo.Remark!=''">{{datainfo.Remark}}</span>
<span v-else></span>
</p>
</div>
<div style="margin-top:15px" class="imgList">
<img @click="openImg(item)" v-for="(item,index) in datainfo.ImageList" :key="index" :src="item" alt="">
</div>
</div>
</div>
<!-- 图片放大 -->
<el-dialog :modal="false" :modal-append-to-body="false" top="0" title="图片" :visible.sync="imgDig">
<div style="text-align:center">
<img style="max-width:100%;" :src="imgSrc" alt="">
</div>
</el-dialog>
</div>
</template>
<script>
export default {
name: '',
data(){
return{
imgDig:false,
msg: {
pageIndex: 1,
pageSize: 5,
PropertyId: ""
},
OperationList:[],
total:0,
datainfo:{
ImageList:[],
},
PropertyId:'',
detailLoad:false,
imgSrc:'',
}
},
created(){
},
mounted(){
},
methods:{
openImg(item){
this.imgDig=true;
this.imgSrc=item;
},
InitData(id){
this.PropertyId=id;
this.msg.PropertyId=id;
this.getDataInfo();
},
getDataInfo(){
this.apiJavaPost(
"/api/Supplies/GetMaterialInfo",
{MaterialId:this.PropertyId},
res => {
this.OperationLoad = false;
if (res.data.resultCode === 1) {
this.datainfo = res.data.data;
console.log("this.datainfo",this.datainfo)
} else {
this.Error(res.data.message);
}
},
null
);
},
},
}
</script>
<style>
.wlDetails .imgList img{
display: inline-block;
width: 120px;
height: 120px;
border-radius: 10px;
margin-right: 30px;
overflow: hidden;
position: relative;
}
.wlDetails .CodeDiv{
float: right;
}
.wlDetails .baseDiv .desItem:nth-child(3n){
margin-right:10px!important;
}
.wlDetails .desItem p:first-child{
margin-bottom: 4px;
}
.wlDetails .desItem{
display: inline-block;
background: #fff;
box-sizing: border-box;
border-radius: 10px;
width: 200px;
margin:10px 10px 0px 0;
padding:6px 10px;
}
.wlDetails .baseTitle{
padding:5px 0;
border-bottom: 1px dashed #ccc;
margin-bottom:10px;
font-family: "PingFangR";
}
.wlDetails .right{
width: 100%;
padding:0 10px 0 15px;
box-sizing: border-box;
}
</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