|
|
|
@ -22,17 +22,24 @@ |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<span class="item_text">原油类型：</span> |
|
|
|
<el-select v-model="formobj.crudeName" filterable placeholder="请选择原油类型" class="item_input" |
|
|
|
@change="getType"> |
|
|
|
<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.crudeNumber" 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.flowmeterName" filterable placeholder="请选择流量仪器" class="item_input" |
|
|
|
@change="getFlowmeter"> |
|
|
|
<el-option v-for="item in flowmeterList" :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.capacity" placeholder="" class="item_input" clearable /> |
|
|
|
@ -41,6 +48,18 @@ |
|
|
|
<span class="item_text">油罐库存：</span> |
|
|
|
<el-input v-model="formobj.initialInventory" placeholder="" class="item_input" clearable /> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<span class="item_text">油罐底面积：</span> |
|
|
|
<el-input v-model="formobj.bottomArea" placeholder="" class="item_input" clearable /> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<span class="item_text">原油密度：</span> |
|
|
|
<el-input v-model="formobj.density" placeholder="" class="item_input" clearable /> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<span class="item_text">油罐高度：</span> |
|
|
|
<el-input v-model="formobj.height" placeholder="" class="item_input" clearable /> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
|
|
|
|
</div> |
|
|
|
@ -50,35 +69,44 @@ |
|
|
|
|
|
|
|
<script> |
|
|
|
import req from '@/api/oilTank/oilTank' |
|
|
|
import req2 from '@/api/flowInstrument/flowInstrument' |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
submitdisabled: false, |
|
|
|
crudeLists:[], |
|
|
|
crudeList:[], |
|
|
|
crudeLists: [], |
|
|
|
crudeList: [], |
|
|
|
flowmeterLists: [], |
|
|
|
flowmeterList: [], |
|
|
|
formobj: { |
|
|
|
sid: "", |
|
|
|
number: "", |
|
|
|
crudeSid: "", |
|
|
|
crudeName: "", |
|
|
|
crudeNumber: "", |
|
|
|
flowmeterSid: "", |
|
|
|
flowmeterName: "", |
|
|
|
capacity: "", |
|
|
|
tankPipeline: "", |
|
|
|
initialInventory: "", |
|
|
|
bottomArea: "", |
|
|
|
density: "", |
|
|
|
height: "", |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
created() { |
|
|
|
this.crudeinfoList() |
|
|
|
this.getFlowmeterList() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
crudeinfoList() { |
|
|
|
req.crudeinfoList().then((res) => { |
|
|
|
req.crudeinfoList().then((res) => { |
|
|
|
if (res.success) { |
|
|
|
console.log(">>>>>>>>>2222222", res.data) |
|
|
|
console.log(">>>>>>>>>2222222", res.data) |
|
|
|
this.crudeLists = res.data |
|
|
|
for (var i = 0; i <this.crudeLists.length; i++) { |
|
|
|
for (var i = 0; i < this.crudeLists.length; i++) { |
|
|
|
|
|
|
|
let item = { |
|
|
|
name: this.crudeLists[i].name, |
|
|
|
@ -91,6 +119,25 @@ |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
getFlowmeterList() { |
|
|
|
console.log(">>>>>>>>>111111111111wwwwwwwwww") |
|
|
|
req2.flowmeterList().then((res) => { |
|
|
|
if (res.success) { |
|
|
|
console.log(">>>>>>>>>111111111111wwwwwwwwww", res.data) |
|
|
|
this.flowmeterLists = res.data |
|
|
|
for (var i = 0; i < this.flowmeterLists.length; i++) { |
|
|
|
|
|
|
|
let item = { |
|
|
|
name: this.flowmeterLists[i].number, |
|
|
|
sid: this.flowmeterLists[i].sid, |
|
|
|
|
|
|
|
} |
|
|
|
this.flowmeterList.push(item) |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
saveOrUpdate() { |
|
|
|
req.addInfo(this.formobj) |
|
|
|
.then(resp => { |
|
|
|
@ -113,12 +160,17 @@ |
|
|
|
this.formobj = { |
|
|
|
sid: "", |
|
|
|
number: "", |
|
|
|
crudeSid:"", |
|
|
|
crudeSid: "", |
|
|
|
crudeName: "", |
|
|
|
crudeNumber: "", |
|
|
|
flowmeterSid: "", |
|
|
|
flowmeterName: "", |
|
|
|
capacity: "", |
|
|
|
tankPipeline: "", |
|
|
|
initialInventory: "", |
|
|
|
bottomArea: "", |
|
|
|
density: "", |
|
|
|
height: "", |
|
|
|
|
|
|
|
} |
|
|
|
this.$emit('doback') |
|
|
|
@ -126,11 +178,18 @@ |
|
|
|
getType(value) { |
|
|
|
console.log(">>>>>>>>>getType", value) |
|
|
|
const choose = this.crudeLists.filter((item) => item.sid === value) |
|
|
|
console.log(">>>>>>>>>getType", choose[0]) |
|
|
|
console.log(">>>>>>>>>getType", choose[0]) |
|
|
|
// this.formobj.crudeSid = choose[0].sid |
|
|
|
this.formobj.crudeNumber = choose[0].number |
|
|
|
this.formobj.crudeSid = value |
|
|
|
}, |
|
|
|
getFlowmeter(value) { |
|
|
|
console.log(">>>>>>>>>getType", value) |
|
|
|
const choose = this.flowmeterLists.filter((item) => item.sid === value) |
|
|
|
console.log(">>>>>>>>>getType", choose[0]) |
|
|
|
this.formobj.flowmeterSid = choose[0].sid |
|
|
|
this.formobj.flowmeterName = choose[0].number |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
liupopo
2 years ago