
2 changed files with 184 additions and 2 deletions
@ -0,0 +1,182 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div class="tab-header webtop"> |
|||
<div>车辆入库详情</div> |
|||
<div> |
|||
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<div class="title">车辆入库</div> |
|||
<el-form ref="dataForm" :model="temp" label-position="right" class="formadd"> |
|||
<el-row style="border-top: 1px solid #e0e3eb;"> |
|||
<el-col :span="3"> |
|||
<span>入库日期</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item> |
|||
<span>{{ temp.date }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>入库人</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item> |
|||
<span>{{ temp.name }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>车架号</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item> |
|||
<span>{{ temp.vin }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>存放地点</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item> |
|||
<el-select v-model="temp.warehouseKey" placeholder="请选择" filterable clearable class="addinputw" |
|||
@change="warehouseChange"> |
|||
<el-option v-for="item in warehouse_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>附件</span> |
|||
</el-col> |
|||
<el-col :span="21"> |
|||
<img v-show="temp.warehouseImage ? true : false" v-for="item in temp.warehouseImage" |
|||
style="cursor:pointer;width: 178px;height: 178px;" |
|||
:src="item" @click="open(temp.warehouseImage)"> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
<el-dialog :visible.sync="dialogVisible" width="1000px" |
|||
:close-on-click-modal="false"> |
|||
<div class="result-cont"> |
|||
<el-carousel indicator-position="outside" style="height: 500px;"> |
|||
<el-carousel-item v-for="item in dialogUrl" :key="item" style="height: 500px;"> |
|||
<img style="width: 100%; height: 500px;" :src="item"> |
|||
</el-carousel-item> |
|||
</el-carousel> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { getCarWarehousing } from '@/api/supplychain/rukuguanli' |
|||
|
|||
export default { |
|||
name: 'rukuguanliInfo', |
|||
data() { |
|||
return { |
|||
viewTitle: '', |
|||
// --按钮菜单------- |
|||
sid: '', |
|||
datas: null, |
|||
stateId: 0, |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
dialogVisible:false, |
|||
dialogUrl:'', |
|||
warehouse_list: [], |
|||
imgList: [], // 附件上传 |
|||
temp: { |
|||
warehousingSid: '', |
|||
userSid: window.sessionStorage.getItem('userSid'), |
|||
date: '', |
|||
name: '', |
|||
vin: '', |
|||
warehouseKey: '', |
|||
warehouse: '', |
|||
address: '', |
|||
location: '', |
|||
warehouseImage: [] |
|||
}, // 添加和修改 |
|||
dialogFormVisible: false, // 添加修改对话框状态 |
|||
dialogFormShowVisible: false, // 查看对话框默认关闭状态 |
|||
dialogStatus: '', // 对话框状态 |
|||
vehiclePhoto: [], |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
methods: { |
|||
showInfo(row) { |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].clearValidate() |
|||
}) |
|||
getCarWarehousing(row.inspectedSid).then((res) => { |
|||
if (res.success) { |
|||
this.temp = res.data |
|||
} |
|||
}) |
|||
}, |
|||
open(val) { |
|||
this.dialogVisible = true |
|||
this.dialogUrl = val |
|||
}, |
|||
handleReturn() { |
|||
this.temp = { |
|||
warehousingSid: '', |
|||
userSid: window.sessionStorage.getItem('userSid'), |
|||
date: '', |
|||
name: '', |
|||
vin: '', |
|||
warehouseKey: '', |
|||
warehouse: '', |
|||
address: '', |
|||
location: '', |
|||
warehouseImage: [] |
|||
} |
|||
this.$emit('doback') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
/deep/ .el-autocomplete { |
|||
width: 80%; |
|||
} |
|||
|
|||
.listconadd { |
|||
width: 100%; |
|||
padding: 0 240px !important; |
|||
} |
|||
|
|||
.title { |
|||
padding: 28px 0; |
|||
} |
|||
|
|||
.formadd .title { |
|||
padding: 10px !important; |
|||
} |
|||
|
|||
.yancheAdd .el-row { |
|||
border: 0 !important; |
|||
} |
|||
|
|||
.yancheAdd .el-col { |
|||
border: 0 !important; |
|||
} |
|||
|
|||
/deep/ .el-col-3 { |
|||
text-align: right; |
|||
float: left; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
font-weight: 600; |
|||
} |
|||
</style> |
Loading…
Reference in new issue