|
@@ -3,16 +3,19 @@
|
|
<div class="container">
|
|
<div class="container">
|
|
<el-row class="row_top">
|
|
<el-row class="row_top">
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
- <h2 class="bg-left title">查看收款信息</h2>
|
|
|
|
|
|
+ <h2 v-if='expensesType==1' class="bg-left title">查看收款信息</h2>
|
|
|
|
+ <h2 v-if='expensesType==2' class="bg-left title">查看请款信息</h2>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="12" class="bg-right"><el-button class="bg-bottom" type="primary" size="small" @click="returnsales()"><img width="6" height="10"
|
|
<el-col :span="12" class="bg-right"><el-button class="bg-bottom" type="primary" size="small" @click="returnsales()"><img width="6" height="10"
|
|
style="vertion-align: bottom; margin-right: 3px" src="../../../public/img/lujing.png" alt="" />返回
|
|
style="vertion-align: bottom; margin-right: 3px" src="../../../public/img/lujing.png" alt="" />返回
|
|
</el-button></el-col>
|
|
</el-button></el-col>
|
|
</el-row>
|
|
</el-row>
|
|
<div class="center">
|
|
<div class="center">
|
|
- <div style='margin:0 50px 10px;width:90%;font-weight:bold'>基本信息</div>
|
|
|
|
|
|
+
|
|
<div>
|
|
<div>
|
|
- <el-form label-position="left">
|
|
|
|
|
|
+ <div style='display:flex;'>
|
|
|
|
+ <el-form label-position="left">
|
|
|
|
+ <div style='margin:0 0px 10px;font-weight:bold'>基本信息</div>
|
|
<el-form-item label-width='100px' label="用途" span="1" prop="expensesPurpose">
|
|
<el-form-item label-width='100px' label="用途" span="1" prop="expensesPurpose">
|
|
<span v-if='deptBudgetList.expensesPurpose==1'>合同费用</span>
|
|
<span v-if='deptBudgetList.expensesPurpose==1'>合同费用</span>
|
|
<span v-if='deptBudgetList.expensesPurpose==3'>库点费用</span>
|
|
<span v-if='deptBudgetList.expensesPurpose==3'>库点费用</span>
|
|
@@ -55,6 +58,22 @@
|
|
<div v-else>暂无附件</div>
|
|
<div v-else>暂无附件</div>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-form>
|
|
</el-form>
|
|
|
|
+ <el-form v-if='roleName=="出纳"' label-position="left">
|
|
|
|
+ <div style='margin:0 0 10px;width:90%;'>账户信息</div>
|
|
|
|
+ <el-form-item label-width='100px' label="收款方" span="1" prop="purpose" class="readonly">
|
|
|
|
+ {{payeeinfo.customerType=="企业客户"?payeeinfo.compName:payeeinfo.customerName}}
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label-width='100px' label="账号" span="1" prop="purpose" class="readonly">
|
|
|
|
+ {{payeeinfo.bankCard}}
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label-width='100px' label="开户行" span="1" prop="purpose" class="readonly">
|
|
|
|
+ {{payeeinfo.bankDeposit}}
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label-width='100px' label="开户支行" span="1" prop="purpose" class="readonly">
|
|
|
|
+ {{payeeinfo.bankDepositBranch}}
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-form>
|
|
|
|
+ </div>
|
|
<div v-if='deptBudgetList.expensesPurpose==1&&deptBudgetList.costType==3||deptBudgetList.expensesPurpose==2' style='width:90%;margin:10px auto;'>
|
|
<div v-if='deptBudgetList.expensesPurpose==1&&deptBudgetList.costType==3||deptBudgetList.expensesPurpose==2' style='width:90%;margin:10px auto;'>
|
|
<div style='margin-bottom:20px;'>费用分配</div>
|
|
<div style='margin-bottom:20px;'>费用分配</div>
|
|
<!-- <div> -->
|
|
<!-- <div> -->
|
|
@@ -111,7 +130,7 @@
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<script>
|
|
<script>
|
|
- import {lookexenseinfo} from '@/model/profitable/index'
|
|
|
|
|
|
+ import {lookexenseinfo,getpayeeinfo} from '@/model/profitable/index'
|
|
export default {
|
|
export default {
|
|
components: {},
|
|
components: {},
|
|
data() {
|
|
data() {
|
|
@@ -124,6 +143,9 @@
|
|
deptBudgetList:{},
|
|
deptBudgetList:{},
|
|
makeWordData: {},
|
|
makeWordData: {},
|
|
srcList:[],
|
|
srcList:[],
|
|
|
|
+ expensesType:'',
|
|
|
|
+ roleName:localStorage.getItem('ws-pf_roleName'),
|
|
|
|
+ payeeinfo:{},
|
|
valueData: [{
|
|
valueData: [{
|
|
date: 10
|
|
date: 10
|
|
},
|
|
},
|
|
@@ -135,6 +157,7 @@
|
|
}
|
|
}
|
|
},
|
|
},
|
|
activated() {
|
|
activated() {
|
|
|
|
+ this.expensesType=this.$route.query.expensesType
|
|
this.getList()
|
|
this.getList()
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
@@ -149,9 +172,16 @@
|
|
var arr=response.addressUrl.split(',')
|
|
var arr=response.addressUrl.split(',')
|
|
for (let i = 0; i < arr.length; i++) {
|
|
for (let i = 0; i < arr.length; i++) {
|
|
if(arr[i]!=''){
|
|
if(arr[i]!=''){
|
|
- this.srcList.push()
|
|
|
|
|
|
+ this.srcList.push(arr[i])
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+ if(this.deptBudgetList.expensesPurpose==1){
|
|
|
|
+ getpayeeinfo({compId:localStorage.getItem('ws-pf_compId'),contractNo:response.contractNo}).toPromise()
|
|
|
|
+ .then((response1) => {
|
|
|
|
+ this.payeeinfo=response1
|
|
|
|
+ console.log(this.payeeinfo)
|
|
|
|
+ })
|
|
|
|
+ }
|
|
})
|
|
})
|
|
|
|
|
|
},
|
|
},
|
|
@@ -240,7 +270,7 @@
|
|
}
|
|
}
|
|
/deep/.el-form{
|
|
/deep/.el-form{
|
|
width:90%;
|
|
width:90%;
|
|
- margin:10px auto;
|
|
|
|
|
|
+ padding:10px;
|
|
}
|
|
}
|
|
|
|
|
|
/deep/.el-form-item {
|
|
/deep/.el-form-item {
|