
2 changed files with 345 additions and 19 deletions
@ -0,0 +1,302 @@ |
|||
<template> |
|||
<div> |
|||
<div class="tab-header webtop"> |
|||
<div>{{ viewTitle }}</div> |
|||
<div> |
|||
<el-button type="info" size="small" @click="handleReturn()" |
|||
>返回</el-button |
|||
> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<el-form |
|||
ref="dataForm" |
|||
:model="temp" |
|||
label-position="top" |
|||
label-width="190px" |
|||
class="formadd" |
|||
> |
|||
<div |
|||
class="title" |
|||
style=" |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
height: 40px; |
|||
" |
|||
> |
|||
<div style="margin-left: 15px">基本信息</div> |
|||
</div> |
|||
<el-row> |
|||
<el-col :span="4" class="trightbs"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span slot="label">仓库名称</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span>{{ temp.name }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightbs"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span slot="label">仓库简称</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span>{{ temp.simpleName }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightbs"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span slot="label">仓库编码</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span>{{ temp.code }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightbs"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span slot="label">联系电话</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span>{{ temp.linkerPhone }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightbs"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span slot="label">联系人</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span>{{ temp.linkerName }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightbs"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span slot="label">省-市-县</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span |
|||
>{{ temp.provinceName }} - {{ temp.cityName }} - |
|||
{{ temp.countyName }}</span |
|||
> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightbs"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span slot="label">详细地址</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span>{{ temp.address }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<el-row> |
|||
<el-col :span="4" class="trightbs"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span slot="label">区域名称</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span>{{ temp.regionName }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightbs"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span slot="label">仓库经纬度</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span>{{ temp.lon }} <span v-show="temp.lon && temp.lat">,</span> {{ temp.lat }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<el-row> |
|||
<el-col :span="4" class="trightbs"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span slot="label">房源</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span>{{ temp.housingResource }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightbs"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span slot="label">库房面积</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span>{{ temp.acreage }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<el-row> |
|||
<el-col :span="4" class="trightbs"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span slot="label">库房高度</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span>{{ temp.storeyHeight }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightbs"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span slot="label">月租金</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span>{{ temp.monthlyPrice }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightbs"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span slot="label">库房性质名称</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item class="trightbs_item"> |
|||
<span>{{ temp.attributeNames }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
viewTitle: "采购订单信息", |
|||
temp:{} |
|||
} |
|||
}, |
|||
mounted() { |
|||
}, |
|||
created() {}, |
|||
methods: { |
|||
handleReturn() { |
|||
this.$emit("reloadlist"); |
|||
this.$emit("doback"); |
|||
}, |
|||
async showEdit(row) { |
|||
const _this = this; |
|||
const { data: result } = await this.$http.get( |
|||
`/v1/shstorehouse/fetchDetailsBySid/${row.sid}` |
|||
); |
|||
if (result.code == 200) { |
|||
_this.temp = result.data; |
|||
} |
|||
} |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.tleftb { |
|||
text-align: right; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
} |
|||
.trightb { |
|||
/* text-align: right; */ |
|||
font-weight: bold; |
|||
color: #606266; |
|||
} |
|||
.tleft { |
|||
text-align: left; |
|||
} |
|||
.arriveClass { |
|||
margin-right: 30px; |
|||
} |
|||
.icon { |
|||
color: rgba(255, 0, 0, 0.553); |
|||
margin-right: 3px; |
|||
} |
|||
.trightbs { |
|||
display: flex; |
|||
align-items: center; |
|||
text-align: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.trightbs_item { |
|||
padding-top: 5px; |
|||
} |
|||
|
|||
.span { |
|||
margin-left: 50px; |
|||
font-size: 15px; |
|||
font-weight: 400; |
|||
} |
|||
.formadd { |
|||
padding: 10px 40px 0 40px; |
|||
font-size: 16px; |
|||
} |
|||
.formadd .title { |
|||
font-weight: bold; |
|||
font-size: 16px; |
|||
background-color: #0294d7; |
|||
text-align: left; |
|||
color: #ffffff; |
|||
} |
|||
.first_row { |
|||
border-top: 1px solid #e0e3eb; |
|||
} |
|||
.formadd .el-row { |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
border-left: 1px solid #e0e3eb; |
|||
} |
|||
.formadd .el-row .el-col { |
|||
border-right: 1px solid #e0e3eb; |
|||
border-bottom: 1px solid #e0e3eb; |
|||
padding: 0 15px; |
|||
min-height: 42px; |
|||
line-height: 1; |
|||
} |
|||
.formadd .el-row .el-col .el-form-item { |
|||
margin-bottom: 0; |
|||
line-height: 42px; |
|||
} |
|||
.addinputw { |
|||
width: 80%; |
|||
line-height: 42px; |
|||
} |
|||
.el-input__inner { |
|||
height: 36px; |
|||
} |
|||
</style> |
|||
|
Loading…
Reference in new issue