Skip to content

S
SuperMan
Commit b890b1f9 authored by zhengke's avatar zhengke
Browse files
Options

s

parent 65565ff4
Hide whitespace changes
Inline Side-by-side
Showing with 442 additions and 5 deletions
src/components/FinancialModule/CapitalAllocation.vue
View file @ b890b1f9
...@@ -193,7 +193,7 @@ ...@@ -193,7 +193,7 @@
<i class="edit el-icon-edit" @click="goURL('addCapitalAllocation', 1, item.FrID)"></i> <i class="edit el-icon-edit" @click="goURL('addCapitalAllocation', 1, item.FrID)"></i>
</el-tooltip> </el-tooltip>
<el-tooltip class="item" effect="dark" content="详情" placement="top"> <el-tooltip class="item" effect="dark" content="详情" placement="top">
<i class="iconfont icon-sousuo" @click="goDetail('CapitalAllocationDetail', item.FrID, msg.pageIndex)"></i> <i class="iconfont icon-sousuo" @click="goDetail('CapitalAllocationDetail', item.FrID)"></i>
</el-tooltip> </el-tooltip>
</td> </td>
</tr> </tr>
...@@ -322,6 +322,9 @@ export default { ...@@ -322,6 +322,9 @@ export default {
goURL: function (url, edit, id) { goURL: function (url, edit, id) {
this.$router.push({ name: url,query:{edit: edit, id: id, blank: 'y', tab: '新增资金调拨'}}) this.$router.push({ name: url,query:{edit: edit, id: id, blank: 'y', tab: '新增资金调拨'}})
}, },
goDetail:function(url,id){
this.$router.push({ name: url,query:{id: id, blank: 'y', tab: '资金调拨详情'}})
},
Financial_post_GetFinancLogList: function(id){ // 获取单据日志 Financial_post_GetFinancLogList: function(id){ // 获取单据日志
if(this.checkboxShow) return if(this.checkboxShow) return
this.LogLoading = true; this.LogLoading = true;
......
src/components/FinancialModule/CapitalAllocationDetail.vue
View file @ b890b1f9
<style> <style>
.CapitalDetail .Ca_Span{
display:block;
padding-left: 10px;
font-size:14px;
margin-bottom:20px;
color:#333333;
border-left:3px solid #E95252;
}
.CapitalDetail .Ca_leftOrder{
width:830px;
height:auto;
padding-top:5px;
background-color: #fff;
}
.CapitalDetail .Ca_title{
width:190px;
margin:auto;
font-size:14px;
margin-top:20px;
color:#333333;
text-align: center;
}
.CapitalDetail .Ca_t2{
width:100%;
font-size:14px;
text-align: center;
}
.CapitalDetail .Ca_line{
width:110px;
height:3px;
margin:8px auto 10px;
border-top:1px solid #333333;
border-bottom:1px solid #333333;
}
.CapitalDetail .collection_Order{
width:100%;
height:36px;
font-size:12px;
line-height: 35px;
padding:0 20px;
border-bottom:1px dashed #BFBFBF;
}
.CapitalDetail .Ca_comColor{
color:#BE525D;
}
.CapitalDetail .Ca_comSize{
font-size: 14px;
}
.CapitalDetail .Co_oderleft{
float:left;
}
.CapitalDetail .Co_oderRight{
float:right;
}
.CapitalDetail .Ca_diaobo{
width:100%;
height:35px;
font-size:12px;
line-height: 35px;
padding:0 20px;
}
.collection_Table,.pay_Table{
width:96%;
margin:auto;
padding:0 20px;
font-size:14px;
}
.collection_Table th{
font-size:12px;
color:#BE525D;
}
.collection_Table td,.collection_Table th{
border: 1px solid #BE525D;
text-align: center;
height:44px;
padding:0 5px;
}
.pay_Table th{
font-size:12px;
color:#1273BC;
}
.pay_Table td,.pay_Table th{
border: 1px solid #1273BC;
text-align: center;
height:44px;
padding:0 5px;
}
.CapitalDetail .Ca_comLinediv{
width:96%;
min-height:80px;
margin:auto;
font-size:12px;
border-bottom: 1px dashed #BFBFBF;
}
.CapitalDetail .Ca_comBlueColor{
color:#1273BC;
}
.CapitalDetail textarea{
border:none;
border-bottom:1px solid #666666;
}
.CapitalDetail .Ca_payBtn{
color:#1273BC;
border-color:#1273BC;
}
.CapitalDetail .Ca_cashier{
width:25%;
float:left;
}
.CapitalDetail .Ca_popDiv{
width:100%;
height:52px;
line-height: 52px;
padding:0 20px;
font-size:12px;
}
.Ca_popDiv p{
display: inline-block;
margin-right:30px;
}
.Ca_popDiv p:last-child{
float:right;
margin-right:0;
}
.CapitalDetail .Cafujian{
width:100%;
min-height: 50px;
margin-top:20px;
}
.Cafujian>div{
float: left;
width: 138px;
height: 92px;
border: 1px dashed rgba(210,210,210,1);
border-radius: 2px;
cursor: pointer;
margin-bottom: 10px;
padding: 5px;
margin-right: 10px;
position: relative;
}
.Cafujian>div .icon-guanbi1{
display: inline-block;
margin-left: 15px;
color:#fff;
position: absolute;
right: -6px;
top: -9px;
background-color: #f56c6c;
border-radius: 50%;
height: 20px;
width: 20px;
text-align: center;
line-height: 20px;
}
.Cafujian>div .icon-guanbi1:hover{
color:#c94052;
font-size:12px;
}
.Cafujian>div img{
width:100%;
height:100%;
}
.CapitalDetail .Ca_rightFile{
float:left;
width:300px;
/* height:500px; */
border:1px solid red;
}
.CapitalDetail .Ca_description{
width:600px;
min-height: 30px;
display: inline-block;
margin-top:30px;
font-size: 14px;
}
.CapitalDetail .Ca_remarkSpan{
display: inline-block;
height: 30px;
vertical-align: top;
margin-top: 30px;
}
.Cafujian .icon-excel{
text-align: center;
font-size: 38px;
color: green;
line-height: 75px;
}
.CapitalDetail .Ca_AccountInfo{
width:100%;
padding:0 20px;
text-align:left;
}
</style> </style>
<template> <template>
<div class="CapitalDetail">
<span class="Ca_Span">资金调拨单</span>
<div class="clearfix">
<div class="Co_oderleft">
<div class="Ca_leftOrder">
<div class="Ca_title">{{dataList.CompanyName}}</div>
<div class="Ca_t2">资金调拨单</div>
<div class="Ca_line"></div>
<div class="clearfix collection_Order">
<div class="Co_oderleft">
<span>编号：</span><span class="Ca_comSize">{{dataList.FrID}}</span>
</div>
<div class="Co_oderRight">
<span>制表：</span><span class="Ca_comSize">{{dataList.CreateDate}}</span>
</div>
</div>
<div v-for="item in dataList.SBankList">
<div class="clearfix Ca_diaobo">
<div class="Co_oderRight" style="margin:10px 0;">
<span class="Ca_comColor">调拨日期：</span><span class="Ca_comSize">{{item.AllotDate}}</span>
</div>
</div>
<table class="collection_Table" style="border-collapse: collapse;">
<tr>
<th width="100">收款方式</th>
<th width="280">账户</th>
<th width="110">金额</th>
<th width="90">币种</th>
<th width="85">汇率</th>
<th>本位币金额</th>
</tr>
<tr>
<td>{{item.TypeName}}</td>
<td>
<div class="Ca_AccountInfo">{{item.Alias}}-{{item.AccountType}}-{{item.BankNo}}</div>
</td>
<td>{{item.OriginalMoney}}</td>
<td>{{item.CurrencyName}}</td>
<td>{{item.Rate}}</td>
<td>{{item.Money}}</td>
</tr>
</table>
<div class="clearfix Ca_comLinediv">
<span class="Ca_remarkSpan">备注：</span>
<div class="Ca_description">{{item.Description}}</div>
<!-- <input type="button" class="hollowFixedBtn Co_oderRight" style="margin-top:25px;" value="上传凭证"/> -->
<input type="button" class="hollowFixedBtn Co_oderRight" style="margin-top:25px;" @click="showFileList(item)" :value="item.comText"/>
<div class="Cafujian clearfix" v-if="item.isShow">
<template v-for="(file,fIndex) in item.vorcherInos">
<div v-if="file.Type==3">
<div style="width:100%;height:100%;overflow: hidden;">
<img :src="file.Content" @click="showImg(file.Content)">
</div>
<!-- <span class="iconfont icon-guanbi1" @click="deleteUploadFile(fIndex)"></span> -->
</div>
<div v-if="file.Type==1">
<div class="iconfont " :class="file.Content.substring(file.Content.lastIndexOf('.')+1,file.Content.length).toUpperCase()=='PDF'? 'icon-pdf' : 'icon-excel'" @click="showUpLoadFile(file)">
</div>
<!-- <span class="iconfont icon-guanbi1" @click="deleteUploadFile(fIndex)"></span> -->
</div>
<div v-if="file.Type==2">
<div class="iconfont icon-excel" @click="showUpLoadFile(file)">
</div>
<!-- <span class="iconfont icon-guanbi1" @click="deleteUploadFile(fIndex)"></span> -->
</div>
</template>
</div>
</div>
</div>
<div v-for="item in dataList.FBankList">
<div class="clearfix Ca_diaobo">
<div class="Co_oderRight" style="margin:10px 0;">
<span class="Ca_comBlueColor">调拨日期：</span><span class="Ca_comSize">{{item.AllotDate}}</span>
</div>
</div>
<table class="pay_Table" style="border-collapse: collapse;">
<tr>
<th width="100">付款方式</th>
<th width="280">账户</th>
<th width="110">金额</th>
<th width="90">币种</th>
<th width="85">汇率</th>
<th>本位币金额</th>
</tr>
<tr>
<td>{{item.TypeName}}</td>
<td>
<div class="Ca_AccountInfo">{{item.Alias}}-{{item.AccountType}}-{{item.BankNo}}</div>
</td>
<td>{{item.OriginalMoney}}</td>
<td>{{item.CurrencyName}}</td>
<td>{{item.Rate}}</td>
<td>{{item.Money}}</td>
</tr>
</table>
<div class="clearfix Ca_comLinediv" style="width:100%;padding:0 20px;">
<span class="Ca_remarkSpan">备注：</span>
<div class="Ca_description">{{item.Description}}</div>
<!-- <input type="button" class="hollowFixedBtn Co_oderRight Ca_payBtn" style="margin-top:25px;" @click="upSbankfile(item)" value="上传凭证"/> -->
<input type="button" class="hollowFixedBtn Co_oderRight Ca_payBtn" style="margin-top:25px;" @click="showFuFileList(item)" :value="item.comText"/>
<div class="Cafujian clearfix" v-if="item.isShow">
<template v-for="(file,fIndex) in item.vorcherInos">
<div v-if="file.Type==3">
<div style="width:100%;height:100%;overflow: hidden;">
<img :src="file.Content" @click="showImg(file.Content)">
</div>
<!-- <span class="iconfont icon-guanbi1" @click="deleteUploadFile(fIndex)"></span> -->
</div>
<div v-if="file.Type==1">
<div class="iconfont _wenjian_P" :class="file.Content.substring(file.Content.lastIndexOf('.')+1,file.Content.length).toUpperCase()=='PDF'? 'icon-pdf' : 'icon-excel'" @click="showUpLoadFileT(file)">
</div>
<!-- <span class="iconfont icon-guanbi1" @click="deleteUploadFile(fIndex)"></span> -->
</div>
<div v-if="file.Type==2">
<div class="iconfont icon-excel" @click="showUpLoadFile(file)">
</div>
<!-- <span class="iconfont icon-guanbi1" @click="deleteUploadFile(fIndex)"></span> -->
</div>
</template>
</div>
</div>
</div>
<div class="clearfix Ca_popDiv" v-if="dataList.AuditSteps!=''">
<template v-for="(item,index) in dataList.AuditSteps">
<p>{{item.AuditDescription}}：
<template v-if="item.AuditRecordList.length>0">
<span class="_r_name" v-for="(s,si) in item.AuditRecordList" v-if="s.AuditStatus==2">{{s.AuditName}} </span>
</template>
</p>
</template>
</div>
</div>
<!-- <div style="margin:20px 0;">
<input type="button" class="hollowFixedBtn" value="修改"/>
<input type="button" class="hollowFixedBtn" value="删除"/>
<input type="button" class="hollowFixedBtn" value="部门经理审核"/>
<input type="button" class="hollowFixedBtn" value="打印单据"/>
</div> -->
</div>
<!-- <div class="Ca_rightFile">
<div class="_addUpload_box" v-for="item in dataList.SBankList">
<div style="width:100%;" v-if="item.vorcherInos.length>0">
<el-carousel trigger="click" height="293px" width="440px" :interval="5000">
<el-carousel-item style="height: 293px;" v-for="subItem in item.vorcherInos" v-if="subItem.Type==3">
<img @click="showImg(subItem)" :src="subItem.Content" alt="" style="width: 100%;">
</el-carousel-item>
</el-carousel>
</div>
</div>
</div> -->
</div>
<viewer :images="images" :options='imageOptions' @inited="inited" class="viewer" ref="viewer">
<img v-for="src in images" :src="src" :key="src.subCode">
</viewer>
</div>
</template> </template>
<script> <script>
export default { export default {
data(){ data(){
return { return {
msg:{
ID:0
},
imageOptions:{
navbar:false,
title:false
},
dataList:[],
images:[],
} }
}, },
create(){ create(){
}, },
methods:{ methods:{
inited (viewer){
this.$viewer = viewer
},
getList(){
this.apipost('Financial_get_GetFundTransfer', this.msg, res => {
if(res.data.resultCode == 1) {
this.dataList = res.data.data;
this.dataList.AuditSteps.reverse();
this.dataList.SBankList.forEach(x => {
x.comText = '显示附件';
x.isShow = false;
});
this.dataList.FBankList.forEach(x => {
x.comText = '显示附件';
x.isShow = false;
});
console.log(this.dataList,'datalist');
}else{
this.Error(res.data.message);
}
}, err => {})
},
//点击显示附件
showFileList(item){
if(item.comText=='隐藏附件'){
item.comText='显示附件'
}else{
item.comText='隐藏附件'
}
if(item.isShow){
item.isShow=false;
}else{
item.isShow=true;
}
this.$forceUpdate();
},
showFuFileList(item){
if(item.comText=='隐藏附件'){
item.comText='显示附件'
}else{
item.comText='隐藏附件'
}
if(item.isShow){
item.isShow=false;
}else{
item.isShow=true;
}
this.$forceUpdate();
},
//删除附件
deleteUploadFile(){
},
//显示大图
showImg(obj){
let isExsit=false
this.images.forEach(x=>{
if(x==obj)
isExsit=true
})
if(!isExsit) {
this.images.push(obj)
} else {
this.$viewer.view(this.images.indexOf(obj))
}
this.$viewer.show()
},
//预览文件
showUpLoadFileT(i){
if(i.Content.substring(i.Content.lastIndexOf('.')+1,i.Content.length).toUpperCase()=='PDF'){
this.previewPDF(i.Content)
}else{
window.open("https://view.officeapps.live.com/op/view.aspx?src="+i.Content)
}
},
}, },
mounted(){ mounted(){
this.msg.ID = this.$route.query.id;
this.getList();
} }
} }
</script> </script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment