
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