|
@ -21,8 +21,11 @@ |
|
|
<el-input v-model="formobj.contractNumber" placeholder="" class="item_input" clearable /> |
|
|
<el-input v-model="formobj.contractNumber" placeholder="" class="item_input" clearable /> |
|
|
</div> |
|
|
</div> |
|
|
<div class="item"> |
|
|
<div class="item"> |
|
|
<span class="item_text">供货商:</span> |
|
|
<span class="item_text">供货商名称:</span> |
|
|
<el-input v-model="formobj.supplierSid" placeholder="" class="item_input" clearable /> |
|
|
<el-select v-model="formobj.supplierName" filterable placeholder="请选择供货商名称" class="item_input" |
|
|
|
|
|
@change="getSupplier"> |
|
|
|
|
|
<el-option v-for="item in supplierList" :key="item.sid" :label="item.name" :value="item.sid" /> |
|
|
|
|
|
</el-select> |
|
|
</div> |
|
|
</div> |
|
|
<div class="item"> |
|
|
<div class="item"> |
|
|
<span class="item_text">合同日期:</span> |
|
|
<span class="item_text">合同日期:</span> |
|
@ -38,18 +41,18 @@ |
|
|
<el-date-picker v-model="formobj.warehousingDate" type="date" format="yyyy-MM-dd" class="item_input" |
|
|
<el-date-picker v-model="formobj.warehousingDate" type="date" format="yyyy-MM-dd" class="item_input" |
|
|
value-format="yyyy-MM-dd" placeholder="请选择" /> |
|
|
value-format="yyyy-MM-dd" placeholder="请选择" /> |
|
|
</div> |
|
|
</div> |
|
|
<div class="item"> |
|
|
<div class="item"> |
|
|
<span class="item_text">原油名称:</span> |
|
|
<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-option v-for="item in crudeList" :key="item.sid" :label="item.name" :value="item.sid" /> |
|
|
</el-select> |
|
|
</el-select> |
|
|
<!-- <el-input v-model="formobj.number" placeholder="" class="item_input" clearable /> --> |
|
|
<!-- <el-input v-model="formobj.number" placeholder="" class="item_input" clearable /> --> |
|
|
</div> |
|
|
</div> |
|
|
<div class="item"> |
|
|
<div class="item"> |
|
|
<span class="item_text">原油编号:</span> |
|
|
<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> --> |
|
|
<!-- <span class="item_input">{{formobj.crudeNumber}}</span> --> |
|
|
</div> |
|
|
</div> |
|
|
<div class="item"> |
|
|
<div class="item"> |
|
|
<span class="item_text">油罐编号:</span> |
|
|
<span class="item_text">油罐编号:</span> |
|
|
<el-select v-model="formobj.tankName" filterable placeholder="请选择油罐编号" class="item_input" @change="getTank"> |
|
|
<el-select v-model="formobj.tankName" filterable placeholder="请选择油罐编号" class="item_input" @change="getTank"> |
|
@ -72,7 +75,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
<div class="item" style="margin-top: 70px;"> |
|
|
<div class="item" style="margin-top: 70px;"> |
|
|
<span class="item_text">登记材料:</span> |
|
|
<span class="item_text">登记材料:</span> |
|
|
<upload class="item_input" ref="uploadImg" v-model="imgList" @change="backData" bucket="map" |
|
|
<upload class="item_input" ref="uploadImg" v-model="imgList" @change="backData" bucket="map" |
|
|
:upload-data="{ type: '0001' }"></upload> |
|
|
:upload-data="{ type: '0001' }"></upload> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
@ -85,7 +88,7 @@ |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import req from '@/api/oilTypeInAndOutBound/oilTypeInAndOutBound' |
|
|
import req from '@/api/oilTypeInAndOutBound/oilTypeInAndOutBound' |
|
|
import req2 from '@/api/oilTank/oilTank' |
|
|
import req3 from '@/api/supplier/supplier' |
|
|
import upload from '@/components/uploadFile/upload_yanchejianchaTuBiao' |
|
|
import upload from '@/components/uploadFile/upload_yanchejianchaTuBiao' |
|
|
export default { |
|
|
export default { |
|
|
components: { |
|
|
components: { |
|
@ -94,6 +97,8 @@ |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
submitdisabled: false, |
|
|
submitdisabled: false, |
|
|
|
|
|
supplierLists: [], |
|
|
|
|
|
supplierList: [], |
|
|
crudeLists: [], |
|
|
crudeLists: [], |
|
|
crudeList: [], |
|
|
crudeList: [], |
|
|
tankLists: [], |
|
|
tankLists: [], |
|
@ -112,41 +117,61 @@ |
|
|
weight: "", |
|
|
weight: "", |
|
|
value: "", |
|
|
value: "", |
|
|
supplierSid: "", |
|
|
supplierSid: "", |
|
|
|
|
|
supplierName: "", |
|
|
licensePlateNumber: "", |
|
|
licensePlateNumber: "", |
|
|
remarks: "", |
|
|
remarks: "", |
|
|
crudeOilStorageFile:[], |
|
|
crudeOilStorageFile: [], |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
created() { |
|
|
created() { |
|
|
|
|
|
this.supplierInfoList() |
|
|
this.crudeinfoList() |
|
|
this.crudeinfoList() |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
crudeinfoList() { |
|
|
supplierInfoList() { |
|
|
req.crudeinfoList().then((res) => { |
|
|
req3.supplierList().then((res) => { |
|
|
if (res.success) { |
|
|
if (res.success) { |
|
|
console.log(">>>>>>>>>2222222", res.data) |
|
|
console.log(">>>>>>>>>2222222", res.data) |
|
|
this.crudeLists = res.data |
|
|
this.supplierLists = res.data |
|
|
for (var i = 0; i < this.crudeLists.length; i++) { |
|
|
for (var i = 0; i < this.supplierLists.length; i++) { |
|
|
|
|
|
|
|
|
let item = { |
|
|
let item = { |
|
|
name: this.crudeLists[i].name, |
|
|
name: this.supplierLists[i].supplierName, |
|
|
sid: this.crudeLists[i].sid, |
|
|
sid: this.supplierLists[i].sid, |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
this.crudeList.push(item) |
|
|
this.supplierList.push(item) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
|
|
|
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) { |
|
|
getTankList(sid) { |
|
|
req.tankLisBySid(sid).then((res) => { |
|
|
req.tankLisBySid(sid).then((res) => { |
|
|
if (res.success) { |
|
|
if (res.success) { |
|
|
console.log(">>>>>>>>>111111111111wwwwwwwwww", res.data) |
|
|
console.log(">>>>>>>>>111111111111wwwwwwwwww", res.data) |
|
|
this.tankLists = res.data |
|
|
this.tankLists = res.data |
|
|
this.tankList =[] |
|
|
this.tankList = [] |
|
|
for (var i = 0; i < this.tankLists.length; i++) { |
|
|
for (var i = 0; i < this.tankLists.length; i++) { |
|
|
|
|
|
|
|
|
let item = { |
|
|
let item = { |
|
@ -170,21 +195,21 @@ |
|
|
message: resp.msg |
|
|
message: resp.msg |
|
|
}) |
|
|
}) |
|
|
this.formobj = { |
|
|
this.formobj = { |
|
|
sid: "", |
|
|
sid: "", |
|
|
contractNumber: "", |
|
|
contractNumber: "", |
|
|
contractSigningDate: "", |
|
|
contractSigningDate: "", |
|
|
warehousingDate: "", |
|
|
warehousingDate: "", |
|
|
crudeSid: "", |
|
|
crudeSid: "", |
|
|
crudeName: "", |
|
|
crudeName: "", |
|
|
crudeNumber: "", |
|
|
crudeNumber: "", |
|
|
tankName: "", |
|
|
tankName: "", |
|
|
tankSid: "", |
|
|
tankSid: "", |
|
|
weight: "", |
|
|
weight: "", |
|
|
value: "", |
|
|
value: "", |
|
|
supplierSid: "", |
|
|
supplierSid: "", |
|
|
licensePlateNumber: "", |
|
|
licensePlateNumber: "", |
|
|
remarks: "", |
|
|
remarks: "", |
|
|
crudeOilStorageFile:[], |
|
|
crudeOilStorageFile: [], |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
this.imgList = [] |
|
|
this.imgList = [] |
|
@ -199,14 +224,21 @@ |
|
|
this.$store.dispatch('tagsView/delView', this.$route) |
|
|
this.$store.dispatch('tagsView/delView', this.$route) |
|
|
this.$router.go(-1) |
|
|
this.$router.go(-1) |
|
|
}, |
|
|
}, |
|
|
|
|
|
getSupplier(value) { |
|
|
|
|
|
console.log(">>>>>>>>>getType", value) |
|
|
|
|
|
const choose = this.supplierLists.filter((item) => item.sid === value) |
|
|
|
|
|
console.log(">>>>>>>>>getType", choose[0]) |
|
|
|
|
|
this.formobj.supplierName = choose[0].supplierName |
|
|
|
|
|
this.formobj.supplierSid = value |
|
|
|
|
|
}, |
|
|
getType(value) { |
|
|
getType(value) { |
|
|
console.log(">>>>>>>>>getType", value) |
|
|
console.log(">>>>>>>>>getType", value) |
|
|
const choose = this.crudeLists.filter((item) => item.sid === value) |
|
|
const choose = this.crudeLists.filter((item) => item.sid === value) |
|
|
console.log(">>>>>>>>>getType", choose[0]) |
|
|
console.log(">>>>>>>>>getType", choose[0]) |
|
|
this.formobj.crudeNumber = choose[0].number |
|
|
this.formobj.crudeNumber = choose[0].number |
|
|
this.formobj.crudeSid = value |
|
|
this.formobj.crudeSid = value |
|
|
|
|
|
|
|
|
this.getTankList(value) |
|
|
this.getTankList(value) |
|
|
}, |
|
|
}, |
|
|
getTank(value) { |
|
|
getTank(value) { |
|
|
console.log(">>>>>>>>>getType", value) |
|
|
console.log(">>>>>>>>>getType", value) |
|
|