|
|
|
@ -13,7 +13,7 @@ |
|
|
|
<!-- end 详情按钮 --> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div> |
|
|
|
<div class="listconadd"> |
|
|
|
|
|
|
|
<el-card class="box-card"> |
|
|
|
<div class="item"> |
|
|
|
@ -31,17 +31,24 @@ |
|
|
|
value-format="yyyy-MM-dd" placeholder="请选择" /> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<span class="item_text">油罐编号：</span> |
|
|
|
<el-select v-model="formobj.tankName" filterable placeholder="请选择油罐编号" class="item_input" @change="getTank"> |
|
|
|
<el-option v-for="item in tankList" :key="item.sid" :label="item.name" :value="item.sid" /> |
|
|
|
<span class="item_text">原油名称：</span> |
|
|
|
<el-select v-model="formobj.crudeName" filterable placeholder="请选择原油名称" class="item_input" @change="getType"> |
|
|
|
<el-option v-for="item in crudeList" :key="item.sid" :label="item.name" :value="item.sid" /> |
|
|
|
</el-select> |
|
|
|
<!-- <el-input v-model="formobj.number" placeholder="" class="item_input" clearable /> --> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<span class="item_text">原油编号：</span> |
|
|
|
<el-input v-model="formobj.oilType" placeholder="" :readonly="true" class="item_input" clearable /> |
|
|
|
<el-input v-model="formobj.crudeNumber" placeholder="" :readonly="true" class="item_input" clearable /> |
|
|
|
<!-- <span class="item_input">{{formobj.crudeNumber}}</span> --> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<span class="item_text">油罐编号：</span> |
|
|
|
<el-select v-model="formobj.tankName" filterable placeholder="请选择油罐编号" class="item_input" @change="getTank"> |
|
|
|
<el-option v-for="item in tankList" :key="item.sid" :label="item.name" :value="item.sid" /> |
|
|
|
</el-select> |
|
|
|
<!-- <el-input v-model="formobj.number" placeholder="" class="item_input" clearable /> --> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<span class="item_text">流量仪器：</span> |
|
|
|
<el-input v-model="formobj.flowmeterName" placeholder="" :readonly="true" class="item_input" clearable /> |
|
|
|
@ -59,6 +66,12 @@ |
|
|
|
<span class="item_text">备注：</span> |
|
|
|
<el-input v-model="formobj.remarks" placeholder="" class="item_input" clearable /> |
|
|
|
</div> |
|
|
|
<div class="item" style="margin-top: 70px;"> |
|
|
|
<span class="item_text">登记材料：</span> |
|
|
|
<upload class="item_input" ref="uploadImg" v-model="imgList" @change="backData" |
|
|
|
bucket="map" :upload-data="{ type: '0001' }"></upload> |
|
|
|
|
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
|
|
|
|
</div> |
|
|
|
@ -68,17 +81,29 @@ |
|
|
|
|
|
|
|
<script> |
|
|
|
import req from '@/api/oilTypeInAndOutBound/oilTypeInAndOutBound' |
|
|
|
import req2 from '@/api/oilTank/oilTank' |
|
|
|
import upload from '@/components/uploadFile/upload_yanchejianchaTuBiao' |
|
|
|
export default { |
|
|
|
components: { |
|
|
|
upload |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
submitdisabled: false, |
|
|
|
crudeLists: [], |
|
|
|
crudeList: [], |
|
|
|
tankLists: [], |
|
|
|
tankList: [], |
|
|
|
imgList: [], |
|
|
|
imgList2: [], |
|
|
|
formobj: { |
|
|
|
sid: "", |
|
|
|
salesContractNumber: "", |
|
|
|
contractSigningDate: "", |
|
|
|
deliveryDate: "", |
|
|
|
crudeSid: "", |
|
|
|
crudeName: "", |
|
|
|
crudeNumber: "", |
|
|
|
tankSid: "", |
|
|
|
tankName: "", |
|
|
|
flowmeterName: "", |
|
|
|
@ -86,20 +111,41 @@ |
|
|
|
weight: "", |
|
|
|
value: "", |
|
|
|
remarks: "", |
|
|
|
crudeOilOutboundFiles :[], |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
created() { |
|
|
|
console.log(">>>>>>>>>created") |
|
|
|
this.getTankList() |
|
|
|
this.crudeinfoList() |
|
|
|
|
|
|
|
}, |
|
|
|
methods: { |
|
|
|
getTankList() { |
|
|
|
req.tankList().then((res) => { |
|
|
|
crudeinfoList() { |
|
|
|
req.crudeinfoList().then((res) => { |
|
|
|
if (res.success) { |
|
|
|
console.log(">>>>>>>>>2222222", res.data) |
|
|
|
this.crudeLists = res.data |
|
|
|
|
|
|
|
for (var i = 0; i < this.crudeLists.length; i++) { |
|
|
|
|
|
|
|
let item = { |
|
|
|
name: this.crudeLists[i].name, |
|
|
|
sid: this.crudeLists[i].sid, |
|
|
|
|
|
|
|
} |
|
|
|
this.crudeList.push(item) |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
getTankList(sid) { |
|
|
|
req.tankLisBySid(sid).then((res) => { |
|
|
|
if (res.success) { |
|
|
|
console.log(">>>>>>>>>111111111111wwwwwwwwww", res.data) |
|
|
|
this.tankLists = res.data |
|
|
|
this.tankList =[] |
|
|
|
for (var i = 0; i < this.tankLists.length; i++) { |
|
|
|
|
|
|
|
let item = { |
|
|
|
@ -127,6 +173,9 @@ |
|
|
|
salesContractNumber: "", |
|
|
|
contractSigningDate: "", |
|
|
|
deliveryDate: "", |
|
|
|
crudeSid: "", |
|
|
|
crudeName: "", |
|
|
|
crudeNumber: "", |
|
|
|
tankSid: "", |
|
|
|
tankName: "", |
|
|
|
flowmeterName: "", |
|
|
|
@ -134,8 +183,11 @@ |
|
|
|
weight: "", |
|
|
|
value: "", |
|
|
|
remarks: "", |
|
|
|
crudeOilOutboundFiles :[], |
|
|
|
|
|
|
|
} |
|
|
|
this.imgList = [] |
|
|
|
this.imgList2 = [] |
|
|
|
} else { |
|
|
|
// 根据resp.code进行异常情况处理 |
|
|
|
} |
|
|
|
@ -147,15 +199,33 @@ |
|
|
|
this.$store.dispatch('tagsView/delView', this.$route) |
|
|
|
this.$router.go(-1) |
|
|
|
}, |
|
|
|
getType(value) { |
|
|
|
console.log(">>>>>>>>>getType", value) |
|
|
|
const choose = this.crudeLists.filter((item) => item.sid === value) |
|
|
|
console.log(">>>>>>>>>getType", choose[0]) |
|
|
|
this.formobj.crudeNumber = choose[0].number |
|
|
|
this.formobj.crudeSid = value |
|
|
|
this.getTankList(value) |
|
|
|
}, |
|
|
|
getTank(value) { |
|
|
|
console.log(">>>>>>>>>getType", value) |
|
|
|
const choose = this.tankLists.filter((item) => item.sid === value) |
|
|
|
console.log(">>>>>>>>>getType", choose[0]) |
|
|
|
this.formobj.tankSid = choose[0].sid |
|
|
|
this.formobj.oilType = choose[0].crudeName |
|
|
|
this.formobj.flowmeterName = choose[0].flowmeterName |
|
|
|
|
|
|
|
}, |
|
|
|
backData(value) { |
|
|
|
console.log("backData>>>>>", value) |
|
|
|
const aa = [] |
|
|
|
if (value.length > 0 && value != null && value != undefined) { |
|
|
|
for (var i = 0; i < value.length; i++) { |
|
|
|
aa.push(value[i].url) |
|
|
|
} |
|
|
|
} |
|
|
|
this.formobj.crudeOilOutboundFiles = aa |
|
|
|
|
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
@ -165,6 +235,7 @@ |
|
|
|
margin-right: 60px; |
|
|
|
min-width: 70%; |
|
|
|
margin-top: 20px; |
|
|
|
padding-bottom: 50px; |
|
|
|
|
|
|
|
.item { |
|
|
|
display: flex; |
|
|
|
|
