12 changed files with 164 additions and 88 deletions
@ -1,62 +1,131 @@ |
|||||
<template> |
<template> |
||||
<div> |
<div> |
||||
<button-bar ref="btnbar" view-title="回款上报" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
<button-bar ref="btnbar" view-title="用款申请提交" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
||||
<div class="listconadd"> |
<div class="listconadd"> |
||||
|
<div class="topHouse"> |
||||
|
<h2>账号回款上报</h2> |
||||
|
<div class="warehouse"> |
||||
|
<div class="top"> |
||||
|
<span>所在项目{{"\xa0\xa0\xa0"}} XXX</span> |
||||
|
<span>申请日期：XXXXX</span> |
||||
|
</div> |
||||
|
<div style="margin-top: 25px;"> |
||||
|
仓库名称{{"\xa0\xa0\xa0"}} <el-select v-model="storehouseId" placeholder="请选择" size="small" style="width: 60%;" > |
||||
|
<el-option |
||||
|
v-for="(storehouse,i) in storehouseList" |
||||
|
:key="i" |
||||
|
:label="storehouse.title" |
||||
|
:value="storehouse.mun"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</div> |
||||
|
<div style="margin-top: 25px;"> |
||||
|
<span>账户详情{{"\xa0\xa0\xa0"}}</span> |
||||
|
<ul class="userName"> |
||||
|
<li>开户行：XXX</li> |
||||
|
<li>账号：XXX</li> |
||||
|
<li>账户名称：XXXX</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
<div style="margin-top: 25px;"> |
||||
|
<span>统计日期{{"\xa0\xa0\xa0"}}</span> |
||||
|
|
||||
|
</div> |
||||
|
<div style="margin-top: 45px;margin-left: -10px;font-size: 14px;"> |
||||
|
注:客户发起发起申请，首先监管审核，再银行审核通过后，客户在审核结果表里打印纸质申请表盖章并提交给监管、银行各一份。 |
||||
|
</div> |
||||
|
<el-button type="primary" style="width: 13%;margin-left: 60%;margin-top: 50px;" size="small" @click="getPurchaseList">提交审核</el-button> |
||||
|
</div> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
</template> |
</div> |
||||
|
</template> |
||||
<script> |
|
||||
import ButtonBar from '@/components/ButtonBar' |
<script> |
||||
export default { |
import ButtonBar from '@/components/ButtonBar' |
||||
components: { |
export default { |
||||
ButtonBar |
components: { |
||||
}, |
ButtonBar |
||||
data() { |
}, |
||||
return { |
data() { |
||||
btndisabled: false, |
return { |
||||
queryInfos: { |
btndisabled: false, |
||||
total: 0, |
storehouseId:'', |
||||
current: 1, |
estimateCalculatedValue:'', |
||||
size: 100, |
storehouseList:[{mun:'1',title:'喜相随仓库'},{mun:'2',title:'大四喜仓库'}], |
||||
params: { |
queryInfos: { |
||||
purchaseNo:'' |
total: 0, |
||||
} |
current: 1, |
||||
|
size: 100, |
||||
|
params: { |
||||
|
purchaseNo:'' |
||||
|
} |
||||
|
}, |
||||
|
btnList: [ |
||||
|
{ |
||||
|
type: 'info', |
||||
|
size: 'small', |
||||
|
icon: 'cross', |
||||
|
btnKey: 'doClose', |
||||
|
btnLabel: '关闭' |
||||
|
} |
||||
|
], |
||||
|
}; |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.$refs['btnbar'].setButtonList(this.btnList) |
||||
|
}, |
||||
|
methods: { |
||||
|
btnHandle(btnKey) { |
||||
|
switch (btnKey) { |
||||
|
case 'doClose': // 关闭 |
||||
|
this.doClose() |
||||
|
break |
||||
|
default: |
||||
|
break |
||||
|
} |
||||
}, |
}, |
||||
btnList: [ |
getPurchaseList(){ |
||||
{ |
|
||||
type: 'info', |
|
||||
size: 'small', |
|
||||
icon: 'cross', |
|
||||
btnKey: 'doClose', |
|
||||
btnLabel: '关闭' |
|
||||
} |
|
||||
], |
|
||||
}; |
|
||||
}, |
|
||||
mounted() { |
|
||||
this.$refs['btnbar'].setButtonList(this.btnList) |
|
||||
}, |
}, |
||||
methods: { |
doClose() { |
||||
btnHandle(btnKey) { |
this.$store.dispatch('tagsView/delView', this.$route) |
||||
switch (btnKey) { |
this.$router.go(-1) |
||||
case 'doClose': // 关闭 |
|
||||
this.doClose() |
|
||||
break |
|
||||
default: |
|
||||
break |
|
||||
} |
|
||||
}, |
|
||||
doClose() { |
|
||||
this.$store.dispatch('tagsView/delView', this.$route) |
|
||||
this.$router.go(-1) |
|
||||
}, |
|
||||
}, |
}, |
||||
}; |
}, |
||||
</script> |
}; |
||||
|
</script> |
||||
<style lang="scss" scoped> |
|
||||
|
|
||||
</style> |
<style lang="scss" scoped> |
||||
|
.listconadd{ |
||||
|
.topHouse{ |
||||
|
h2{ |
||||
|
text-align: center; |
||||
|
font-weight: 520; |
||||
|
font-size: 26px; |
||||
|
} |
||||
|
.warehouse{ |
||||
|
margin: 0 auto; |
||||
|
width: 65%; |
||||
|
height: 400px; |
||||
|
font-size: 18px; |
||||
|
.top{ |
||||
|
width: 100%; |
||||
|
height: 40px; |
||||
|
border-bottom: 1px solid #717171; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
} |
||||
|
.userName{ |
||||
|
margin-top: -30px; |
||||
|
margin-left: 42px; |
||||
|
list-style-type:none; |
||||
|
li{ |
||||
|
margin: 10px; |
||||
|
font-size: 16px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
|
|||||
Loading…
Reference in new issue