5 changed files with 300 additions and 85 deletions
@ -0,0 +1,32 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
export default { |
|||
|
|||
// 选择可用的项目
|
|||
projectinformation: function() { |
|||
return request({ |
|||
url: '/crm/v1/projectinformation/listAll ', |
|||
method: 'get', |
|||
}); |
|||
}, |
|||
getUserByType: function(id) { |
|||
return request({ |
|||
url: '/crm/userproject/getUserByType/'+ id, |
|||
method: 'get' |
|||
}) |
|||
}, |
|||
getUserProjectBySid: function(sid) { |
|||
return request({ |
|||
url: '/crm/userproject/getUserProjectBySid/'+ sid, |
|||
method: 'get' |
|||
}) |
|||
}, |
|||
userprojectSave: function(data) { |
|||
return request({ |
|||
url: '/crm/userproject/save', |
|||
method: 'post', |
|||
data: data |
|||
}); |
|||
}, |
|||
|
|||
} |
@ -1,62 +1,143 @@ |
|||
<template> |
|||
<div> |
|||
<button-bar ref="btnbar" view-title="用款申请提交" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
|||
<div class="listconadd"> |
|||
|
|||
<div> |
|||
<button-bar ref="btnbar" view-title="用款申请提交" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
|||
<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: 50px;"> |
|||
<div style="margin-top: 20px;float: left;">用途申请{{"\xa0\xa0\xa0"}}</div> |
|||
<el-radio-group v-model="radio" @input="getWay"> |
|||
<div> |
|||
<el-radio :label="1">备选项</el-radio> |
|||
<a target="_blank" style="font-size: 14px;color: #018ad2;border-bottom: 1px solid #018ad2;" href="http://jianguan.yyundong.com/warehouse/#/outStorehouseManagement/outList">XXXXXX</a> |
|||
<a target="_blank" style="margin-left: 35px;font-size: 14px;color: #018ad2;border-bottom: 1px solid #018ad2;" href="http://jianguan.yyundong.com/warehouse/#/outStorehouseManagement/outList"><i class="el-icon-plus"></i>添加出库单</a> |
|||
</div> |
|||
<div class="production"> |
|||
<el-radio :label="2">备选项</el-radio> |
|||
<el-input v-model="estimateCalculatedValue" placeholder="请填写用途,如支付员工工资,水电费等" size="small" clearable></el-input> |
|||
</div> |
|||
</el-radio-group> |
|||
</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> |
|||
</template> |
|||
|
|||
<script> |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
export default { |
|||
components: { |
|||
ButtonBar |
|||
}, |
|||
data() { |
|||
return { |
|||
btndisabled: false, |
|||
queryInfos: { |
|||
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': // 关闭 |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
export default { |
|||
components: { |
|||
ButtonBar |
|||
}, |
|||
data() { |
|||
return { |
|||
btndisabled: false, |
|||
storehouseId:'', |
|||
radio: 1, |
|||
estimateCalculatedValue:'', |
|||
storehouseList:[{mun:'1',title:'喜相随仓库'},{mun:'2',title:'大四喜仓库'}], |
|||
queryInfos: { |
|||
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 |
|||
} |
|||
}, |
|||
doClose() { |
|||
this.$store.dispatch('tagsView/delView', this.$route) |
|||
this.$router.go(-1) |
|||
}, |
|||
}, |
|||
getPurchaseList(){ |
|||
if(this.radio==2){ |
|||
console.log(this.estimateCalculatedValue); |
|||
} |
|||
}, |
|||
getWay(){ |
|||
if(this.radio==1){ |
|||
this.estimateCalculatedValue='' |
|||
}else if(this.radio==2){ |
|||
|
|||
} |
|||
}, |
|||
doClose() { |
|||
this.$store.dispatch('tagsView/delView', this.$route) |
|||
this.$router.go(-1) |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
</style> |
|||
|
|||
<style scoped> |
|||
/deep/ .el-input{ |
|||
margin-top: -10px; |
|||
} |
|||
/deep/ .el-input__suffix{ |
|||
margin-top: -8px; |
|||
} |
|||
.topHouse h2{ |
|||
text-align: center; |
|||
font-weight: 520; |
|||
font-size: 26px; |
|||
} |
|||
.topHouse .warehouse{ |
|||
margin: 0 auto; |
|||
width: 65%; |
|||
height: 400px; |
|||
font-size: 18px; |
|||
} |
|||
.topHouse .warehouse .top{ |
|||
width: 100%; |
|||
height: 40px; |
|||
border-bottom: 1px solid #717171; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
.topHouse .warehouse .production{ |
|||
margin-top: 30px; |
|||
width: 500px; |
|||
height: 40px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
</style> |
|||
|
Loading…
Reference in new issue