You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

150 lines
4.4 KiB

<template>
<div>
<!--标题按钮部分开始-->
<div class="tab-header webtop">
<!--标题-->
<div>存放地点详情</div>
<!--start 详情按钮-->
<div>
<el-button itype="info" size="small" @click="handleReturn()">返回</el-button>
</div>
<!--end 详情按钮-->
</div>
<!--标题按钮部分结束-->
<div class="listconadd">
<div class="titwu"><span>存放地点</span></div>
<el-form ref="form_obj" :model="formobj" label-position="top" label-width="300px" class="formadd">
<!-- <el-row>-->
<!-- <el-col :span="18" class="specialCol">-->
<!-- <span>使用组织</span>-->
<!-- <span>{{ formobj.useOrg }}</span>-->
<!-- </el-col>-->
<!-- </el-row>-->
<el-row>
<el-col :span="3" class="tleftb row_first">
<el-form-item><span slot="label">使用组织</span></el-form-item>
</el-col>
<el-col :span="9" class="trightb row_first">
<el-form-item prop="">
<span>{{ formobj.useOrg }}</span>
</el-form-item>
</el-col>
<el-col :span="3" class="tleftb row_first">
<el-form-item><span slot="label">名称</span></el-form-item>
</el-col>
<el-col :span="9" class="trightb row_first">
<el-form-item prop="warehouseName">
<span>{{ formobj.warehouseName }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3" class="tleftb">
<el-form-item><span slot="label">负责人及电话</span></el-form-item>
</el-col>
<el-col :span="9" class="trightb">
<el-form-item prop="warehouseContract">
<span>{{ formobj.warehouseContract }}</span>
</el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<el-form-item><span slot="label">分组</span></el-form-item>
</el-col>
<el-col :span="9" class="trightb">
<el-form-item prop="warehouseGroup">
<span>{{ formobj.warehouseGroupValue }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3" class="tleftb">
<el-form-item><span slot="label">详细地址</span></el-form-item>
</el-col>
<el-col :span="21" class="trightb">
<el-form-item prop="warehouseAttribute">
<span>{{ formobj.warehouseAttribute }}</span>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
</template>
<script>
import req from '@/api/anruiscm/scmwarehouse'
export default {
name: 'ScmWarehouseInfo',
data() {
return {
formobj: {}
}
},
methods: {
handleReturn() {
this.formobj = {}
this.$emit('doback')
},
showInfo(row) {
this.formobj = row
const _this = this
req
.fetchBySid(row.sid)
.then(resp => {
const vdata = resp.data
_this.formobj.id = vdata.id
_this.formobj.sid = vdata.sid // SID
_this.formobj.useOrg = vdata.useOrg // 使用组织
_this.formobj.warehouseName = vdata.warehouseName // 名称
_this.formobj.warehouseAttribute = vdata.warehouseAttribute // 存放地点属性
_this.formobj.warehouseContract = vdata.warehouseContract // 存放地点负责人
_this.formobj.warehouseContractSid = vdata.warehouseContractSid // 存放地点负责人sid
_this.formobj.warehouseGroupKey = vdata.warehouseGroupKey // 分组
_this.formobj.warehouseGroupValue = vdata.warehouseGroupValue // 分组
})
.catch(e => {
this.formobj = row
})
}
}
}
</script>
<style scoped>
/deep/ .el-form-item__label {
padding: 0 !important;
}
.row_first {
border-top: 1px solid #e0e3eb !important;
}
/*.formadd /deep/ .el-row {*/
/* display: -webkit-box;*/
/* display: -ms-flexbox;*/
/* display: flex;*/
/* -ms-flex-wrap: wrap;*/
/* justify-content: center;*/
/* border-left: 0 !important;*/
/*}*/
/deep/ .tab-headerg {
height: 35px;
background-color: #EDF1F7;
padding: 20px 20px;
}
.icon {
color: #e84026;
margin-right: 4px;
}
.specialCol {
min-height: 30px !important;
border: 0 !important;
font-size: 14px;
color: #606266;
font-weight: 600;
}
</style>