Skip to content

S
SuperMan
Commit 4fdacc6f authored by 黄媛媛's avatar 黄媛媛
Browse files
Options

update

parent 57008edb
Hide whitespace changes
Inline Side-by-side
Showing with 89 additions and 16 deletions
src/components/FinancialModule/Application.vue
View file @ 4fdacc6f
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="Application"> <div class="Application">
<div class="Application_content"> <div class="Application_content">
<div> <div>
<el-select :disabled="numDisabled" @change="ChangeType" v-model="formdata.Type" placeholder="请选择"> <el-select @change="ChangeType" :disabled="numDisabled" v-model="formdata.Type" placeholder="请选择">
<el-option label="现金" :value="1"></el-option> <el-option label="现金" :value="1"></el-option>
<el-option label="转账" :value="2"></el-option> <el-option label="转账" :value="2"></el-option>
</el-select> </el-select>
...@@ -11,10 +11,14 @@ ...@@ -11,10 +11,14 @@
流水号：<span style="color:#E95252">{{data.ApplyForNumber}}</span> 流水号：<span style="color:#E95252">{{data.ApplyForNumber}}</span>
</p> </p>
<p style="text-align:center"> <p style="text-align:center">
<span style="font-weight:700;font-size:20px;">{{baseData.head}}</span>
<span class="download" @click="downLoad">下载并保存</span> <span class="download" @click="downLoad">下载并保存</span>
</p> </p>
<div> <!-- 现金 -->
<div v-if="formdata.Type==1">
<p style="text-align:center">
<span style="font-weight:700;font-size:20px;">現金受取依頼書</span>
</p>
<div>
<div style="margin:30px 0"> <div style="margin:30px 0">
<el-select @change="CashListChange" :disabled="disabled" v-model="id" placeholder="请选择"> <el-select @change="CashListChange" :disabled="disabled" v-model="id" placeholder="请选择">
<el-option <el-option
...@@ -25,9 +29,8 @@ ...@@ -25,9 +29,8 @@
</el-option> </el-option>
</el-select> </el-select>
</div>　　 </div>　　
{{baseData.info}} 弊社は下記のガイド1名が現金を受け取りします。受取者の本人パスポートを提示して/身分証明書を確認してから現金を渡してください。ご対応お願い致します。
</div> </div>
<table style="margin-top:30px" class="ApplicationTable singeRowTable" border="0" cellspacing="0" cellpadding="0"> <table style="margin-top:30px" class="ApplicationTable singeRowTable" border="0" cellspacing="0" cellpadding="0">
<tr> <tr>
<th>受取日</th> <th>受取日</th>
...@@ -57,10 +60,6 @@ ...@@ -57,10 +60,6 @@
</td> </td>
</tr> </tr>
</table> </table>
<div style="text-align:right;margin-top:20px;font-size:14px;">
<p style="padding-bottom: 10px;">会社名 成都印象之旅</p>
<span>{{data.JapNowTime}}</span>
</div>
<div class="_addUpload_box clearfix"> <div class="_addUpload_box clearfix">
<div v-if="formdata.ImgAddress!=''"> <div v-if="formdata.ImgAddress!=''">
<div style="width:100%;height:100%;overflow: hidden;"> <div style="width:100%;height:100%;overflow: hidden;">
...@@ -78,6 +77,65 @@ ...@@ -78,6 +77,65 @@
</el-upload> </el-upload>
</div> </div>
</div> </div>
</div>
<!-- 转账 -->
<div class="zzDiv" v-if="formdata.Type==2">
<p style="text-align:center">
<span style="font-weight:700;font-size:20px;">振込み依頼書</span>
</p>
<p style="margin-bottom: 5px;">ピースインタナショナル:</p>
<p style="margin-bottom: 5px;">御担当様</p>
<p style="margin-bottom: 5px;">お世話になっております。　</p>
<p style="margin-bottom: 5px;">下記の振込先を<el-input size="small" style="width:120px;margin:0 5px" :disabled="numDisabled" v-model="formdata.Money" placeholder="请输入内容"></el-input> （合计：{{formdata.Money}}）を振り込むようお願いします。</p>
<p style="margin-bottom: 5px;">振込先：</p>
<div style="margin-bottom: 5px;">
<el-select @change="ChangezzType" :disabled="numDisabled" v-model="zzType" placeholder="请选择">
<el-option label="图片" :value="1"></el-option>
<el-option label="文字" :value="2"></el-option>
</el-select>
</div>
<template v-if="zzType==1">
<div v-if="formdata.ImgAddress!=''">
<img style="width:100%" :src="formdata.ImgAddress?formdata.ImgAddress:''">
</div>
<div v-if="!numDisabled" class="_addUpload_box clearfix">
<div v-if="formdata.ImgAddress!=''" >
<div style="width:100%;height:100%;overflow: hidden;">
<img :src="formdata.ImgAddress?formdata.ImgAddress:''">
</div>
<span v-if="!numDisabled" class="iconfont icon-guanbi1" @click="deleteUploadFile"></span>
</div>
<div class="_pic_upload" >
<el-upload style="width:100%;height:100%"
drag
:http-request="uploadFileBtn"
:multiple="true" :show-file-list="false" action="">
<i class="el-icon-plus avatar-uploader-icon"></i>
<div class="el-upload__text">{{$t('active.ld_djscwj')}}</div>
</el-upload>
</div>
</div>
</template>
<template v-if="zzType==2">
<p>
<el-input style="width:80%;" :disabled="numDisabled" v-model="formdata.GetDate" placeholder="请输入内容"></el-input>
</p>
<p>
<el-input style="width:80%;margin:10px 0;" :disabled="numDisabled" v-model="formdata.LeaderName" placeholder="请输入内容"></el-input>
</p>
<p>
<el-input style="width:80%" :disabled="numDisabled" v-model="formdata.GetAddress" placeholder="请输入内容"></el-input>
</p>
</template>
　　
</div>
<div style="text-align:right;margin-top:20px;font-size:14px;">
<p style="padding-bottom: 10px;">会社名 成都印象之旅</p>
<span>{{data.JapNowTime}}</span>
</div>
<div style="margin:50px 0"> <div style="margin:50px 0">
<p>{{data.CityName}}<span style="padding-left:6px;"> </span>{{data.TCNUM}}编号：{{data.FrId}}</p> <p>{{data.CityName}}<span style="padding-left:6px;"> </span>{{data.TCNUM}}编号：{{data.FrId}}</p>
...@@ -90,10 +148,7 @@ ...@@ -90,10 +148,7 @@
export default { export default {
data () { data () {
return { return {
baseData:{ zzType:1,
head:"現金受取依頼書",
info:"弊社は下記のガイド1名が現金を受け取りします。受取者の本人パスポートを提示して/身分証明書を確認してから現金を渡してください。ご対応お願い致します。",
},
FrId:0, FrId:0,
CashList:[], CashList:[],
formdata:{}, formdata:{},
...@@ -114,7 +169,12 @@ export default { ...@@ -114,7 +169,12 @@ export default {
}, },
methods: { methods: {
ChangeType(val){ ChangeType(val){
console.log("val",val); this.formdata.ImgAddress="";
},
ChangezzType(val){
this.formdata.GetDate="";
this.formdata.LeaderName="";
this.formdata.GetAddress="";
}, },
uploadFileBtn(file) { //上传 uploadFileBtn(file) { //上传
if(this.formdata.ImgAddress!=''){ if(this.formdata.ImgAddress!=''){
...@@ -152,7 +212,7 @@ export default { ...@@ -152,7 +212,7 @@ export default {
this.formdata.ImgAddress=""; this.formdata.ImgAddress="";
}, },
downLoad(){ downLoad(){
if(this.formdata.Name==""){ if(this.formdata.Type==1 && this.formdata.Name==""){
this.Error("请选择旅行社") this.Error("请选择旅行社")
return; return;
} }
...@@ -188,10 +248,18 @@ export default { ...@@ -188,10 +248,18 @@ export default {
this.data = res.data.data; this.data = res.data.data;
if(this.data.ApplyForNumber!="待生成"){ if(this.data.ApplyForNumber!="待生成"){
this.numDisabled=true; this.numDisabled=true;
if(this.data.ImgAddress==''){
this.zzType=2;
console.log("this.zzType111",this.zzType)
}
console.log("this.zzType222",this.zzType)
} }
console.log("this.data",this.data) console.log("this.data",this.data)
this.formdata=Object.assign({},res.data.data); this.formdata=Object.assign({},res.data.data);
this.formdata.Type=1; if(this.formdata.Type==0){
this.formdata.Type=1;
}
this.CashList= res.data.data.CashList; this.CashList= res.data.data.CashList;
if(this.data.Name!=""){ if(this.data.Name!=""){
this.disabled=true; this.disabled=true;
...@@ -214,6 +282,11 @@ export default { ...@@ -214,6 +282,11 @@ export default {
</script> </script>
<style> <style>
.Application .zzDiv .el-input.is-disabled .el-input__inner{
/* border:none; */
background-color:transparent;
}
.Application .ApplicationTable .el-input.is-disabled .el-input__inner{ .Application .ApplicationTable .el-input.is-disabled .el-input__inner{
border:none; border:none;
background-color:transparent; background-color:transparent;
......
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