|
|
@ -19,24 +19,54 @@ |
|
|
|
:inline="true" |
|
|
|
class="tab-header" |
|
|
|
> |
|
|
|
<el-form-item label="合同编号"> |
|
|
|
<el-input |
|
|
|
v-model="jmdListQuery.contractNumber" |
|
|
|
maxlength="20" |
|
|
|
placeholder="请输入油罐编号" |
|
|
|
class="addinputw" |
|
|
|
clearable |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="日期"> |
|
|
|
<el-date-picker |
|
|
|
v-model="jmdListQuery.date" |
|
|
|
type="date" |
|
|
|
clearable |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
placeholder="选择日期" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="出库仓库"> |
|
|
|
<el-select v-model="listQuery.storehouse_id" placeholder="请选择" clearable > |
|
|
|
<el-option v-for="(item,i) in storehouse" :key="i" :label="item.storehouse_name" :value="item.id"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="入库仓库"> |
|
|
|
<el-select v-model="listQuery.out_storehouse_id" placeholder="请选择" clearable > |
|
|
|
<el-option v-for="(item,i) in storehouse" :key="i" :label="item.storehouse_name" :value="item.id"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="供应商"> |
|
|
|
<el-select v-model="listQuery.supplier_id" placeholder="请选择" clearable > |
|
|
|
<el-option v-for="(item,i) in SupplierList" :key="i" :label="item.supplier_name" :value="item.id"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="代理商"> |
|
|
|
<el-select v-model="listQuery.agent_id" placeholder="请选择" clearable > |
|
|
|
<el-option v-for="(item,i) in AgentList" :key="i" :label="item.name" :value="item.id"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="客户名称"> |
|
|
|
<el-input |
|
|
|
v-model="listQuery.customer_name" |
|
|
|
maxlength="20" |
|
|
|
placeholder="请输入客户名称" |
|
|
|
class="addinputw" |
|
|
|
clearable |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="批次号"> |
|
|
|
<el-input |
|
|
|
v-model="listQuery.batch_number" |
|
|
|
maxlength="20" |
|
|
|
placeholder="请输入批次号" |
|
|
|
class="addinputw" |
|
|
|
clearable |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="审核状态"> |
|
|
|
<el-select v-model="listQuery.status" placeholder="请选择" clearable > |
|
|
|
<el-option v-for="(item,i) in Status" :key="i" :label="item.name" :value="item.id"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="出库类型"> |
|
|
|
<el-select v-model="listQuery.type" placeholder="请选择" clearable > |
|
|
|
<el-option v-for="(item,i) in OutList" :key="i" :label="item" :value="i"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<div class="btn" style="text-align: center"> |
|
|
|
<el-button |
|
|
@ -164,12 +194,25 @@ export default { |
|
|
|
listQuery: { |
|
|
|
page: 1, |
|
|
|
limit: 10, |
|
|
|
storehouse_id:'', |
|
|
|
out_storehouse_id:'', |
|
|
|
supplier_id:'', |
|
|
|
agent_id:'', |
|
|
|
customer_name:'', |
|
|
|
batch_number:'', |
|
|
|
type:'', |
|
|
|
status:'', |
|
|
|
}, |
|
|
|
total: 0, |
|
|
|
jmdListQuery: { |
|
|
|
contractNumber: "", |
|
|
|
date: "", |
|
|
|
}, |
|
|
|
OutList:{}, |
|
|
|
SupplierList:[], |
|
|
|
storehouse:[], |
|
|
|
Status:[], |
|
|
|
AgentList:[], |
|
|
|
QueryList: { |
|
|
|
page: 1, |
|
|
|
limit: 100 |
|
|
|
}, |
|
|
|
}; |
|
|
|
}, |
|
|
|
mounted() { |
|
|
@ -179,6 +222,7 @@ export default { |
|
|
|
created() { |
|
|
|
// 初始化变量 |
|
|
|
this.init(); |
|
|
|
this.getMaterialGroup(); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// 搜索条件效果 |
|
|
@ -197,8 +241,17 @@ export default { |
|
|
|
this.listQuery = { |
|
|
|
page: 1, |
|
|
|
limit: 10, |
|
|
|
storehouse_id:'', |
|
|
|
out_storehouse_id:'', |
|
|
|
supplier_id:'', |
|
|
|
agent_id:'', |
|
|
|
customer_name:'', |
|
|
|
batch_number:'', |
|
|
|
type:'', |
|
|
|
status:'', |
|
|
|
}; |
|
|
|
this.total = 0; |
|
|
|
this.loadLogList(); |
|
|
|
}, |
|
|
|
// 右上角点击事件 |
|
|
|
btnHandle(btnKey) { |
|
|
@ -230,11 +283,38 @@ export default { |
|
|
|
handle(row){ |
|
|
|
req.getOutStockInfo(row.id).then((res)=>{ |
|
|
|
if(res.code==200){ |
|
|
|
this.viewState = 3 |
|
|
|
this.$refs['divInfo'].showInfo(res) |
|
|
|
this.viewState = 3 |
|
|
|
this.$refs['divInfo'].showInfo(res) |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
getMaterialGroup(){ |
|
|
|
req.getAgentList().then((res) => { |
|
|
|
if(res.code==200){ |
|
|
|
this.AgentList=res.data.data |
|
|
|
} |
|
|
|
}); |
|
|
|
req.getStatus().then((res) => { |
|
|
|
if(res.code==200){ |
|
|
|
this.Status=res.data.data |
|
|
|
} |
|
|
|
}); |
|
|
|
req.getWarehouse(this.QueryList).then((res) => { |
|
|
|
if(res.code==200){ |
|
|
|
this.storehouse = res.data.data.list |
|
|
|
} |
|
|
|
}); |
|
|
|
req.getSupplierList(this.QueryList).then((res) => { |
|
|
|
if(res.code==200){ |
|
|
|
this.SupplierList = res.data.data.list |
|
|
|
} |
|
|
|
}); |
|
|
|
req.getOutType().then((res) => { |
|
|
|
if(res.code==200){ |
|
|
|
this.OutList=res.data.data |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
resetState() { |
|
|
|
this.viewState = 1; |
|
|
|
}, |
|
|
|