Skip to content

S
SuperMan
Commit 542e8e89 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent f3d1a0e1
Hide whitespace changes
Inline Side-by-side
Showing with 549 additions and 450 deletions
src/components/FinancialModule/invoicesManagerDetail.vue
View file @ 542e8e89
<style> <style>
.page_iisMgdetail { .page_iisMgdetail {
width: 830px; width: 830px;
background-color: white; background-color: white;
padding: 10px; padding: 10px;
position: relative; position: relative;
} }
.page_iisMgdetail > p {
font-size: 18px; .page_iisMgdetail>p {
text-align: center; font-size: 18px;
padding-bottom: 15px; text-align: center;
} padding-bottom: 15px;
.page_iisMgdetail p.iisMgdetail_status { }
position: absolute;
right: 10px; .page_iisMgdetail p.iisMgdetail_status {
top: 10px; position: absolute;
font-size: 14px; right: 10px;
} top: 10px;
.page_iisMgdetail .page_iisMgdetail_table { font-size: 14px;
width: 100%; }
font-size: 14px;
text-align: center; .page_iisMgdetail .page_iisMgdetail_table {
} width: 100%;
.page_iisMgdetail .page_iisMgdetail_table td { font-size: 14px;
padding: 10px; text-align: center;
} }
.page_iisMgdetail .page_iisMgdetail_table .page_iisMgdetail_bank td._bank_td{
width: 679px; .page_iisMgdetail .page_iisMgdetail_table td {
} padding: 10px;
.iis_save{ }
text-align: right;
padding: 10px 0 0 0; .page_iisMgdetail .page_iisMgdetail_table .page_iisMgdetail_bank td._bank_td {
} width: 679px;
.page_iisMgdetail .page_iisMgdetail_table tr td.font-weight{ }
font-weight: 800;
} .iis_save {
.page_iisMgdetail .cursorpointer{ text-align: right;
text-decoration: underline; padding: 10px 0 0 0;
} }
.page_iisMgdetail .imd_img_box {
position: absolute; .page_iisMgdetail .page_iisMgdetail_table tr td.font-weight {
right: -400px; font-weight: 800;
top: 0; }
width: 400px;
/* background-color: #eaeaea; */ .page_iisMgdetail .cursorpointer {
} text-decoration: underline;
.page_iisMgdetail .imd_img_box .querenhan,.page_iisMgdetail .bg_white{ }
background-color: white;
} .page_iisMgdetail .imd_img_box {
.page_iisMgdetail .imd_img_box .querenhan{ position: absolute;
margin-top: 50px; right: -400px;
} top: 0;
.page_iisMgdetail .imd_img_box .querenhan>p{ width: 400px;
padding: 10px 25px 15px 25px; /* background-color: #eaeaea; */
font-size: 14px; }
}
.page_iisMgdetail_red { .page_iisMgdetail .imd_img_box .querenhan,
color: #FF0000; .page_iisMgdetail .bg_white {
} background-color: white;
}
.page_iisMgdetail_blue {
color: #0000FF; .page_iisMgdetail .imd_img_box .querenhan {
} margin-top: 50px;
}
.page_iisMgdetail_green {
color: #008000; .page_iisMgdetail .imd_img_box .querenhan>p {
} padding: 10px 25px 15px 25px;
.page_iisMgdetail_black { font-size: 14px;
color: #000000; }
}
.page_iisMgdetail ._fujian_zhankai{ .page_iisMgdetail_red {
color: white; color: #FF0000;
width: 64px; }
height: 0;
font-size: 12px; .page_iisMgdetail_blue {
border-top: 26px solid #E95252; color: #0000FF;
border-right: 15px solid transparent; }
border-left: 15px solid transparent;
-webkit-transform: rotate(-90deg); .page_iisMgdetail_green {
transform: rotate(-90deg); color: #008000;
position: relative; }
left: -18px;
bottom: -27px; .page_iisMgdetail_black {
} color: #000000;
.page_iisMgdetail ._fujian_zhankai>span{ }
display: inline-block;
height: 100%; .page_iisMgdetail ._fujian_zhankai {
width: 50%; color: white;
position: absolute; width: 64px;
left: 25px; height: 0;
bottom: 15px; font-size: 12px;
-webkit-transform: rotate(90deg); border-top: 26px solid #E95252;
transform: rotate(90deg); border-right: 15px solid transparent;
} border-left: 15px solid transparent;
.page_iisMgdetail ._fujian_zhankai>span:nth-child(2){ -webkit-transform: rotate(-90deg);
left: 18px; transform: rotate(-90deg);
bottom: 3px; position: relative;
} left: -18px;
.page_iisMgdetail ._fujian_box_tit{ bottom: -27px;
display: flex; }
justify-content:space-between;
font-size: 14px; .page_iisMgdetail ._fujian_zhankai>span {
color: #333333; display: inline-block;
} height: 100%;
.page_iisMgdetail ._fujian_box_tit .iconfont{ width: 50%;
font-size: 14px; position: absolute;
display: inline-block; left: 25px;
margin-right: 8px; bottom: 15px;
} -webkit-transform: rotate(90deg);
.page_iisMgdetail ._fujian_box_tit .iconfont.icon-bangdingzhagnhuxinxi{ transform: rotate(90deg);
color: #E95252; }
}
.page_iisMgdetail ._fujian_box_tit .iconfont.icon-gengduo{ .page_iisMgdetail ._fujian_zhankai>span:nth-child(2) {
transform:rotate(90deg); left: 18px;
font-size: 12px; bottom: 3px;
} }
.page_iisMgdetail ._addUpload_box_btm .icon-excel{
text-align: center; .page_iisMgdetail ._fujian_box_tit {
font-size: 38px; display: flex;
color: green; justify-content: space-between;
line-height: 75px; font-size: 14px;
} color: #333333;
.page_iisMgdetail ._wenjian{ }
padding: 15px;
width: 91px; .page_iisMgdetail ._fujian_box_tit .iconfont {
height: 80px; font-size: 14px;
border:1px solid rgba(221,221,221,1); display: inline-block;
float: left; margin-right: 8px;
cursor: pointer; }
margin-right: 10px;
margin-top: 10px; .page_iisMgdetail ._fujian_box_tit .iconfont.icon-bangdingzhagnhuxinxi {
} color: #E95252;
.page_iisMgdetail ._wenjian_P{ }
font-size: 30px;
text-align: center; .page_iisMgdetail ._fujian_box_tit .iconfont.icon-gengduo {
color: #41D2A1; transform: rotate(90deg);
} font-size: 12px;
.page_iisMgdetail .el-carousel__item{ }
align-items: center;
justify-content: center; .page_iisMgdetail ._addUpload_box_btm .icon-excel {
display: flex; text-align: center;
} font-size: 38px;
.page_iisMgdetail ._addUpload_tips { color: green;
margin-top: 20px; line-height: 75px;
font-size: 12px; }
color: #999999;
} .page_iisMgdetail ._wenjian {
.page_iisMgdetail ._addUpload_box { padding: 15px;
display: block; width: 91px;
margin-top: 15px; height: 80px;
} border: 1px solid rgba(221, 221, 221, 1);
.page_iisMgdetail ._addUpload_box img { float: left;
width: 100%; cursor: pointer;
height: 100%; margin-right: 10px;
} margin-top: 10px;
.page_iisMgdetail ._addUpload_box > div { }
float: left;
width: 138px; .page_iisMgdetail ._wenjian_P {
height: 92px; font-size: 30px;
border: 1px dashed rgba(210, 210, 210, 1); text-align: center;
border-radius: 2px; color: #41D2A1;
cursor: pointer; }
margin-bottom: 10px;
padding: 5px; .page_iisMgdetail .el-carousel__item {
margin-right: 10px; align-items: center;
position: relative; justify-content: center;
} display: flex;
.page_iisMgdetail ._addUpload_box > div:hover { }
background-color: #f5f5f5;
} .page_iisMgdetail ._addUpload_tips {
.page_iisMgdetail ._addFile_name { margin-top: 20px;
padding-left: 15px; font-size: 12px;
max-width: 450px; color: #999999;
overflow: hidden; }
text-overflow: ellipsis;
white-space: nowrap; .page_iisMgdetail ._addUpload_box {
} display: block;
.page_iisMgdetail ._addUpload_box .icon-guanbi1 { margin-top: 15px;
font-size: 12px; }
color: white;
display: inline-block; .page_iisMgdetail ._addUpload_box img {
margin-left: 15px; width: 100%;
position: absolute; height: 100%;
right: -6px; }
top: -9px;
background-color: #f56c6c; .page_iisMgdetail ._addUpload_box>div {
border-radius: 50%; float: left;
height: 20px; width: 138px;
width: 20px; height: 92px;
text-align: center; border: 1px dashed rgba(210, 210, 210, 1);
line-height: 20px; border-radius: 2px;
} cursor: pointer;
.page_iisMgdetail ._addUpload_box .icon-guanbi1:hover { margin-bottom: 10px;
font-size: 12px; padding: 5px;
color: #c94052; margin-right: 10px;
} position: relative;
.page_iisMgdetail ._addUpload_box .icon-excel, }
.page_iisMgdetail ._addUpload_box .icon-pdf {
text-align: center; .page_iisMgdetail ._addUpload_box>div:hover {
font-size: 38px; background-color: #f5f5f5;
color: green; }
line-height: 75px;
} .page_iisMgdetail ._addFile_name {
.page_iisMgdetail .el-upload-dragger { padding-left: 15px;
max-width: 450px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.page_iisMgdetail ._addUpload_box .icon-guanbi1 {
font-size: 12px;
color: white;
display: inline-block;
margin-left: 15px;
position: absolute;
right: -6px;
top: -9px;
background-color: #f56c6c;
border-radius: 50%;
height: 20px;
width: 20px;
text-align: center;
line-height: 20px;
}
.page_iisMgdetail ._addUpload_box .icon-guanbi1:hover {
font-size: 12px;
color: #c94052;
}
.page_iisMgdetail ._addUpload_box .icon-excel,
.page_iisMgdetail ._addUpload_box .icon-pdf {
text-align: center;
font-size: 38px;
color: green;
line-height: 75px;
}
.page_iisMgdetail .el-upload-dragger {
font-size: 28px; font-size: 28px;
color: #8c939d; color: #8c939d;
width: 126px; width: 126px;
height: 80px; height: 80px;
line-height: 41px; line-height: 41px;
text-align: center; text-align: center;
} }
</style> </style>
<template> <template>
<div class="page_iisMgdetail" v-loading="loading"> <div class="page_iisMgdetail" v-loading="loading">
...@@ -221,12 +258,7 @@ ...@@ -221,12 +258,7 @@
<span v-if="detail.InvoiceApplyState === 5" class="groupTourOrder_tickets_red">欠票</span> <span v-if="detail.InvoiceApplyState === 5" class="groupTourOrder_tickets_red">欠票</span>
<span v-if="detail.InvoiceApplyState === 6" class="page_iisMgdetail_blue">发票追回</span> <span v-if="detail.InvoiceApplyState === 6" class="page_iisMgdetail_blue">发票追回</span>
</p> </p>
<table <table data-v-ca5157c2 border="1" class="page_iisMgdetail_table" style="border-collapse: collapse;">
data-v-ca5157c2
border="1"
class="page_iisMgdetail_table"
style="border-collapse: collapse;"
>
<tr> <tr>
<td width="130">{{$t('ios.bumen')}}</td> <td width="130">{{$t('ios.bumen')}}</td>
<td>{{detail.deptName}}</td> <td>{{detail.deptName}}</td>
...@@ -271,13 +303,14 @@ ...@@ -271,13 +303,14 @@
</tr> </tr>
<tr> <tr>
<template v-if="$route.query.InvoiceApplyType&&$route.query.InvoiceApplyType!=4"> <template v-if="$route.query.InvoiceApplyType&&$route.query.InvoiceApplyType!=4">
<td>{{$t('ios.tuanhao')}}</td> <td>{{$t('ios.tuanhao')}}</td>
<td class="text-align-left font-weight cursorpointer" @click="goUrlT('productQuery', detail.TCNUM, '产品查询')"> <td class="text-align-left font-weight cursorpointer" @click="goUrlT('productQuery', detail.TCNUM, '产品查询')">
{{detail.TCNUM}}({{detail.TCID}}) {{detail.TCNUM}}({{detail.TCID}})
</td> </td>
</template> </template>
<td>{{$t('ios.ddanhao')}}</td> <td>{{$t('ios.ddanhao')}}</td>
<td class="text-align-left font-weight cursorpointer" :colspan="$route.query.InvoiceApplyType&&$route.query.InvoiceApplyType==4?3:0"> <td class="text-align-left font-weight cursorpointer"
:colspan="$route.query.InvoiceApplyType&&$route.query.InvoiceApplyType==4?3:0">
<span @click="goUrlO(detail.OrderId)">{{detail.OrderId}}</span> <span @click="goUrlO(detail.OrderId)">{{detail.OrderId}}</span>
</td> </td>
</tr> </tr>
...@@ -285,8 +318,9 @@ ...@@ -285,8 +318,9 @@
<tr> <tr>
<td>{{$t('ios.cwdanju')}}</td> <td>{{$t('ios.cwdanju')}}</td>
<td colspan="3" class="w600 text-align-left font-weight cursorpointer"> <td colspan="3" class="w600 text-align-left font-weight cursorpointer">
<template v-for="item in orderList.FrIDs"> <template v-for="(item,index) in orderList.FrIDs">
<span @click="goUrlSFD('SalesFinancialDetail', '销售财务单据', detail.OrderId, detail.TCNUM, detail.TCID)">{{item}}</span> <span :key="index+10000"
@click="goUrlSFD('SalesFinancialDetail', '销售财务单据', detail.OrderId, detail.TCNUM, detail.TCID)">{{item}}</span>
</template> </template>
<span v-if="orderList.FrIDs && orderList.FrIDs.length<1">{{$t('ios.zanwu')}}</span> <span v-if="orderList.FrIDs && orderList.FrIDs.length<1">{{$t('ios.zanwu')}}</span>
</td> </td>
...@@ -345,13 +379,14 @@ ...@@ -345,13 +379,14 @@
</td> </td>
</tr> </tr>
</table> </table>
<el-dialog :title="$t('pub.hintMsg')" width="400px" :visible.sync="dialogFormVisible2" center :before-close="closeChangeMachie" > <el-dialog :title="$t('pub.hintMsg')" width="400px" :visible.sync="dialogFormVisible2" center
:before-close="closeChangeMachie">
<el-form label-width="110px"> <el-form label-width="110px">
<el-form-item :label="$t('ios.shuihao2')"> <el-form-item :label="$t('ios.shuihao2')">
<el-input class="" v-model="msg.InvoiceNo" :placeholder="$t('ios.qsrshuihao')"></el-input> <el-input class="" v-model="msg.InvoiceNo" :placeholder="$t('ios.qsrshuihao')"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer" > <div slot="footer" class="dialog-footer">
<button class="hollowFixedBtn" @click="dialogFormVisible2=false">{{$t('pub.cancelBtn')}}</button> <button class="hollowFixedBtn" @click="dialogFormVisible2=false">{{$t('pub.cancelBtn')}}</button>
<button class="normalBtn" type="primary" @click="setStatus(3)">{{$t('pub.sureBtn')}}</button> <button class="normalBtn" type="primary" @click="setStatus(3)">{{$t('pub.sureBtn')}}</button>
</div> </div>
...@@ -368,13 +403,14 @@ ...@@ -368,13 +403,14 @@
<button class="normalBtn" @click="dialogFormVisible2 = true">{{$t('ios.tonggei')}}</button> <button class="normalBtn" @click="dialogFormVisible2 = true">{{$t('ios.tonggei')}}</button>
<button class="hollowFixedBtn" @click="dialogFormVisible = true">{{$t('ios.jujue')}}</button> <button class="hollowFixedBtn" @click="dialogFormVisible = true">{{$t('ios.jujue')}}</button>
</div> </div>
<div class="iis_save" v-else-if="noDetail && detail.InvoiceApplyState===1 && (EmployeeId === detail.CreateById || EmployeeId===1 || F_GeneralManager)"> <div class="iis_save"
v-else-if="noDetail && detail.InvoiceApplyState===1 && (EmployeeId === detail.CreateById || EmployeeId===1 || F_GeneralManager)">
<button class="normalBtn" @click="setStatus(2)">{{$t('pub.cancelBtn')}}</button> <button class="normalBtn" @click="setStatus(2)">{{$t('pub.cancelBtn')}}</button>
</div> </div>
<div class="imd_img_box"> <div class="imd_img_box">
<!-- v-show="EmployeeId === detail.CreateById && detail.InvoiceApplyState === 4" --> <button class="normalBtn" v-show="EmployeeId === detail.CreateById && detail.InvoiceApplyState === 4"
<button class="normalBtn" v-show="EmployeeId === detail.CreateById && detail.InvoiceApplyState === 4" @click="goEdit()">修改</button> @click="goEdit()">修改</button>
<div class="_fujian_box" > <div class="_fujian_box">
<div v-if="detail.ApplyPics&&detail.ApplyPics.length>0"> <div v-if="detail.ApplyPics&&detail.ApplyPics.length>0">
<div class="_fujian_zhankai cursorpointer" v-if="!fujianShow" @click="fujianShow = true"> <div class="_fujian_zhankai cursorpointer" v-if="!fujianShow" @click="fujianShow = true">
<span>附件</span> <span>附件</span>
...@@ -397,24 +433,28 @@ ...@@ -397,24 +433,28 @@
</div> </div>
<div class="clearfix" v-if="detail.ApplyPics && detail.ApplyPics.length"> <div class="clearfix" v-if="detail.ApplyPics && detail.ApplyPics.length">
<template v-for="(file,fIndex) in detail.ApplyPics" v-if="file.Type==='1'"> <template v-for="(file,fIndex) in detail.ApplyPics" v-if="file.Type==='1'">
<div class="_wenjian" @click="showUpLoadFile(file)"> <div class="_wenjian" @click="showUpLoadFile(file)" :key="fIndex+20000">
<p v-if="file.Type==='1'" class="_wenjian_P iconfont" :class="file.Url.substring(file.Url.lastIndexOf('.')+1,file.Url.length).toUpperCase()=='PDF'? 'icon-pdf' : 'icon-excel'"></p> <p v-if="file.Type==='1'" class="_wenjian_P iconfont"
:class="file.Url.substring(file.Url.lastIndexOf('.')+1,file.Url.length).toUpperCase()=='PDF'? 'icon-pdf' : 'icon-excel'">
</p>
</div> </div>
</template> </template>
</div> </div>
</div> </div>
</div> </div>
<div v-else-if="!detail.ApplyPics && EmployeeId === detail.CreateById"> <div v-else-if="!detail.ApplyPics && EmployeeId === detail.CreateById">
<div class="_addUpload_box _addUpload_box_btm clearfix" > <div class="_addUpload_box _addUpload_box_btm clearfix">
<template v-for="(file,fIndex) in saveMsg"> <template v-for="(file,fIndex) in saveMsg">
<div v-if="file.Type==3"> <div v-if="file.Type==3" :key="fIndex+30000">
<div style="width:100%;height:100%;overflow: hidden;"> <div style="width:100%;height:100%;overflow: hidden;">
<img :src="file.Url?file.Url:file.Content" @click="showImg(file.Url?file.Url:file.Content)"> <img :src="file.Url?file.Url:file.Content" @click="showImg(file.Url?file.Url:file.Content)">
</div> </div>
<span class="iconfont icon-guanbi1" @click="deleteUploadFile(fIndex)"></span> <span class="iconfont icon-guanbi1" @click="deleteUploadFile(fIndex)"></span>
</div> </div>
<div v-if="file.Type==1"> <div v-if="file.Type==1" :key="fIndex+40000">
<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 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> </div>
<span class="iconfont icon-guanbi1" @click="deleteUploadFile(fIndex)"></span> <span class="iconfont icon-guanbi1" @click="deleteUploadFile(fIndex)"></span>
...@@ -422,11 +462,8 @@ ...@@ -422,11 +462,8 @@
</template> </template>
</div> </div>
<div style="margin-top: 80px;"> <div style="margin-top: 80px;">
<div class="_pic_upload" > <div class="_pic_upload">
<el-upload <el-upload drag :http-request="uploadFileBtn" :multiple="true" :show-file-list="false" action="">
drag
:http-request="uploadFileBtn"
:multiple="true" :show-file-list="false" action="">
<i class="el-icon-plus avatar-uploader-icon"></i> <i class="el-icon-plus avatar-uploader-icon"></i>
<div class="el-upload__text">点击/拖拽上传</div> <div class="el-upload__text">点击/拖拽上传</div>
</el-upload> </el-upload>
...@@ -435,16 +472,19 @@ ...@@ -435,16 +472,19 @@
</div> </div>
</div> </div>
<div class="querenhan"> <div class="querenhan">
<p >确认函</p> <p>确认函</p>
<div style="width:100%;" > <div style="width:100%;">
<div v-if="detail.ConfirmFileList && detail.ConfirmFileList.length>0"> <div v-if="detail.ConfirmFileList && detail.ConfirmFileList.length>0">
<el-carousel trigger="click" height="293px" width="440px" :interval="5000" v-if="detail.ConfirmFileList[0].Url.indexOf('.png')!=-1 || detail.ConfirmFileList[0].Url.indexOf('.jp')!=-1"> <el-carousel trigger="click" height="293px" width="440px" :interval="5000"
<el-carousel-item style="height: 293px;"> v-if="detail.ConfirmFileList[0].Url.indexOf('.png')!=-1 || detail.ConfirmFileList[0].Url.indexOf('.jp')!=-1">
<img @click="showImg(detail.ConfirmFileList[0].Url)" :src="domainManager().ViittoFileUrl + detail.ConfirmFileList[0].Url" alt="" style="width: 100%;"> <el-carousel-item style="height: 293px;">
</el-carousel-item> <img @click="showImg(detail.ConfirmFileList[0].Url)"
:src="domainManager().ViittoFileUrl + detail.ConfirmFileList[0].Url" alt="" style="width: 100%;">
</el-carousel-item>
</el-carousel> </el-carousel>
<div v-else> <div v-else>
<p style="padding-top: 5px;padding-left: 20px;font-size: 14px;margin-bottom: 10px;" class="cursorpointer"> <p style="padding-top: 5px;padding-left: 20px;font-size: 14px;margin-bottom: 10px;"
class="cursorpointer">
<a target="_blank" :href="domainManager().ViittoFileUrl + detail.ConfirmFileList[0].Url">下载文件</a> <a target="_blank" :href="domainManager().ViittoFileUrl + detail.ConfirmFileList[0].Url">下载文件</a>
</p> </p>
</div> </div>
...@@ -452,15 +492,14 @@ ...@@ -452,15 +492,14 @@
</div> </div>
</div> </div>
</div> </div>
<!-- v-if="detail.ConfirmFileList && detail.ConfirmFileList.length>0" -->
</div> </div>
<el-dialog title="提示信息" width="400px" :visible.sync="dialogFormVisible" center :before-close="closeChangeMachie" > <el-dialog title="提示信息" width="400px" :visible.sync="dialogFormVisible" center :before-close="closeChangeMachie">
<el-form label-width="110px"> <el-form label-width="110px">
<el-form-item label="拒绝理由"> <el-form-item label="拒绝理由">
<el-input type="textarea" v-model="msg.RefuseRemarks" class="w216"></el-input> <el-input type="textarea" v-model="msg.RefuseRemarks" class="w216"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer" > <div slot="footer" class="dialog-footer">
<button class="hollowFixedBtn" @click="dialogFormVisible=false">{{$t('pub.cancelBtn')}}</button> <button class="hollowFixedBtn" @click="dialogFormVisible=false">{{$t('pub.cancelBtn')}}</button>
<button class="normalBtn" type="primary" @click="setStatus(4)">{{$t('pub.sureBtn')}}</button> <button class="normalBtn" type="primary" @click="setStatus(4)">{{$t('pub.sureBtn')}}</button>
</div> </div>
...@@ -471,226 +510,286 @@ ...@@ -471,226 +510,286 @@
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
detail: {}, detail: {},
orderList: {}, orderList: {},
loading: true, loading: true,
dialogFormVisible: false, dialogFormVisible: false,
dialogFormVisible2: false, dialogFormVisible2: false,
AccountInfo: '', AccountInfo: '',
msg: { msg: {
RefuseRemarks: '', RefuseRemarks: '',
ID: 0, ID: 0,
InvoiceApplyState: 0, InvoiceApplyState: 0,
InvoiceNo: '', InvoiceNo: '',
},
noDetail: false,
EmployeeId: 0,
images: [],
FuImgList: [],
imageOptions:{
navbar:false,
title:false
},
fujianShow:true,
saveMsg: [],
F_GeneralManager:false,
};
},
methods: {
GetSupperOrderEditAuth() {
// F_GeneralManager_Special 财务总经理副总经理权限
var actionCode = this.$AuthCode.F_GeneralManager_Special;
this.CheckUserAuth(actionCode, res => {
if (res.data.resultCode == 1 && res.data.data == 1) {
this.F_GeneralManager = true;
}
});
}, },
// 修改 noDetail: false,
goEdit: function () { EmployeeId: 0,
this.$router.push({ name: 'invoicesManagerAdd', query:{id: this.detail.ID, OrderId: this.detail.OrderId, TCID: this.detail.TCID, CustomerId: this.detail.CustomerId, edit: 1, blank:'y', tab:'修改发票单据'} }) images: [],
FuImgList: [],
imageOptions: {
navbar: false,
title: false
},
fujianShow: true,
saveMsg: [],
F_GeneralManager: false,
};
}, },
uploadFileBtn(file) { //上传 methods: {
if(file.file.size > 1024 * 1024 * 10) { GetSupperOrderEditAuth() {
this.$message.warning('文件大小不能超过10M！') // F_GeneralManager_Special 财务总经理副总经理权限
return var actionCode = this.$AuthCode.F_GeneralManager_Special;
} this.CheckUserAuth(actionCode, res => {
// 1 文档 2 数据 3 图片 if (res.data.resultCode == 1 && res.data.data == 1) {
let typeArr=[ this.F_GeneralManager = true;
{stringArr:'GIF|JPG|JPEG|PNG|BMP',type:3}, }
{stringArr:'DOCX|DOC|XLSX|XLS|PPT|PPTX|PDF',type:1}, });
] },
let ft=file.file.name.substring(file.file.name.lastIndexOf('.')+1,file.file.name.length).toUpperCase(); // 修改
let fileTypeNumber = 2; goEdit: function () {
let typeOk = false; this.$router.push({
typeArr.forEach(x=>{ name: 'invoicesManagerAdd',
if(x.stringArr.indexOf(ft)!='-1') query: {
{ id: this.detail.ID,
fileTypeNumber=x.type; OrderId: this.detail.OrderId,
typeOk = true; TCID: this.detail.TCID,
CustomerId: this.detail.CustomerId,
edit: 1,
blank: 'y',
tab: '修改发票单据'
}
})
},
uploadFileBtn(file) { //上传
if (file.file.size > 1024 * 1024 * 10) {
this.$message.warning('文件大小不能超过10M！')
return
} }
}); // 1 文档 2 数据 3 图片
if (!typeOk) return this.$message.error('请上传图片、word、excel类型的文件！'); let typeArr = [{
let newArr = []; stringArr: 'GIF|JPG|JPEG|PNG|BMP',
newArr.push(file.file) type: 3
let path = "/Upload/Temporary/" },
this.$message.info('上传中...') {
this.UploadSelfFileT(path, newArr, x => { stringArr: 'DOCX|DOC|XLSX|XLS|PPT|PPTX|PDF',
let fileSize = file.file.size<1024? file.file.size:(file.file.size / 1024).toFixed(0); type: 1
this.saveMsg.push({ },
Type: fileTypeNumber, ]
Content: x.data.FilePath, let ft = file.file.name.substring(file.file.name.lastIndexOf('.') + 1, file.file.name.length).toUpperCase();
Url: this.domainManager().ViittoFileUrl + x.data.FilePath, let fileTypeNumber = 2;
let typeOk = false;
typeArr.forEach(x => {
if (x.stringArr.indexOf(ft) != '-1') {
fileTypeNumber = x.type;
typeOk = true;
}
}); });
this.$message.success('上传成功'); if (!typeOk) return this.$message.error('请上传图片、word、excel类型的文件！');
}); let newArr = [];
}, newArr.push(file.file)
upLoadFuJian: function() { let path = "/Upload/Temporary/"
if (this.saveMsg.length===0) return this.$message.error('请上传文件！'); this.$message.info('上传中...')
let msg = { this.UploadSelfFileT(path, newArr, x => {
ID: this.msg.ID, let fileSize = file.file.size < 1024 ? file.file.size : (file.file.size / 1024).toFixed(0);
ApplyPics: this.saveMsg this.saveMsg.push({
}; Type: fileTypeNumber,
this.apipost('InvoiceApply_get_UpdateInvoiceApplyInfo', msg, res=>{ Content: x.data.FilePath,
if (res.data.resultCode===1) { Url: this.domainManager().ViittoFileUrl + x.data.FilePath,
this.getDetail(this.msg.ID) });
this.$message.success('上传成功');
});
},
upLoadFuJian: function () {
if (this.saveMsg.length === 0) return this.$message.error('请上传文件！');
let msg = {
ID: this.msg.ID,
ApplyPics: this.saveMsg
};
this.apipost('InvoiceApply_get_UpdateInvoiceApplyInfo', msg, res => {
if (res.data.resultCode === 1) {
this.getDetail(this.msg.ID)
} else {
this.$message.error(res.data.message);
}
}, null)
},
showUpLoadFile(i) { // 预览上传文件
if (i.Url.substring(i.Url.lastIndexOf('.') + 1, i.Url.length).toUpperCase() == 'PDF') {
this.previewPDF(i.Url)
} else { } else {
this.$message.error(res.data.message); window.open("https://view.officeapps.live.com/op/view.aspx?src=" + i.Url)
} }
}, null) },
}, inited(viewer) {
showUpLoadFile(i){ // 预览上传文件 this.$viewer = viewer
if(i.Url.substring(i.Url.lastIndexOf('.')+1,i.Url.length).toUpperCase()=='PDF'){ },
this.previewPDF(i.Url) showImg(src, t) {
}else{ src = t ? src : this.domainManager().ViittoFileUrl + src;
window.open("https://view.officeapps.live.com/op/view.aspx?src="+i.Url) let isExsit = false
} this.images.forEach(x => {
}, if (x == src)
inited (viewer){ isExsit = true
this.$viewer = viewer })
}, if (!isExsit) {
showImg(src ,t){
src = t ? src : this.domainManager().ViittoFileUrl + src;
let isExsit=false
this.images.forEach(x=>{
if(x==src)
isExsit=true
})
if(!isExsit) {
this.images.push(src) this.images.push(src)
} else { } else {
this.$viewer.view(this.images.indexOf(src)) this.$viewer.view(this.images.indexOf(src))
}
this.$viewer.show()
},
goUrlO: function (OrderId) {
if(this.$route.query.InvoiceApplyType&&this.$route.query.InvoiceApplyType==4){
this.$router.push({ name: 'CRMTicketOrderOP', query: { OrderId: OrderId, blank: 'y', tab: '单机票详情'} });
}else{
this.$router.push({ name: 'enrollTotal', query: { id: OrderId, blank: 'y', tab: '报名统计'} });
}
},
goUrlT: function (path, obj, title){ // 跳转团页面
this.$router.push({ name:path,query:{"id":obj,blank:'y',tab:title}})
},
goSaleFinacial: function () { // 跳转销售财务单据
if(this.$route.query.InvoiceApplyType&&this.$route.query.InvoiceApplyType==4){
this.$router.push({ name: 'CRMTicketOrderOP', query: { OrderId: this.detail.OrderId, blank: 'y', tab: '单机票详情'} });
}else{
let obj = {
orderId: this.detail.OrderId,
tcnum: this.detail.TCNUM,
tcid: this.detail.TCID
} }
this.$viewer.show()
},
goUrlO: function (OrderId) {
if (this.$route.query.InvoiceApplyType && this.$route.query.InvoiceApplyType == 4) {
this.$router.push({
name: 'CRMTicketOrderOP',
query: {
OrderId: OrderId,
blank: 'y',
tab: '单机票详情'
}
});
} else {
this.$router.push({
name: 'enrollTotal',
query: {
id: OrderId,
blank: 'y',
tab: '报名统计'
}
});
}
},
goUrlT: function (path, obj, title) { // 跳转团页面
this.$router.push({ this.$router.push({
name: 'SalesFinancialDetail', name: path,
query: {blank: 'y', tab: '销售财务单据', item: JSON.stringify(obj)} query: {
}); "id": obj,
} blank: 'y',
}, tab: title
setStatus: function (type) { // 审核发票单据
this.msg.InvoiceApplyState = type
if (type === 3 && this.msg.InvoiceNo==='') {
return this.$message.error('请填写税号！')
}
this.apipost('InvoiceApply_get_UpdateInvoiceApply', this.msg, res=>{
if (res.data.resultCode == 1) {
this.$message.success(res.data.message)
if (type !== 2) {
setTimeout(()=>{
this.$router.push({
name: 'invoicesManager',
});
},1000)
} else {
setTimeout(()=>{
this.$router.push({
name: 'groupTourOrder',
query: {blank: "y",}
});
},1000)
} }
})
} },
}, null) goSaleFinacial: function () { // 跳转销售财务单据
}, if (this.$route.query.InvoiceApplyType && this.$route.query.InvoiceApplyType == 4) {
getDetail: function (id) { // 获取详情 this.$router.push({
let InvoiceApplyType = this.$route.query.InvoiceApplyType ? this.$route.query.InvoiceApplyType : 1 name: 'CRMTicketOrderOP',
this.apipost('InvoiceApply_get_GetDetails', {ID: id, InvoiceApplyType: InvoiceApplyType}, res=>{ query: {
if (res.data.resultCode == 1) { OrderId: this.detail.OrderId,
let detail = res.data.data blank: 'y',
if(detail.ApplyPics && detail.ApplyPics.length>0){ tab: '单机票详情'
detail.ApplyPics.forEach(x=>{ }
if(x.Type==='3'){ });
this.FuImgList.push(x.Url); } else {
this.images.push(x.Url) let obj = {
} orderId: this.detail.OrderId,
}) tcnum: this.detail.TCNUM,
tcid: this.detail.TCID
} }
this.detail = detail this.$router.push({
this.getOrderDetail(); name: 'SalesFinancialDetail',
query: {
blank: 'y',
tab: '销售财务单据',
item: JSON.stringify(obj)
}
});
} }
this.loading = false },
}, null) setStatus: function (type) { // 审核发票单据
}, this.msg.InvoiceApplyState = type
closeChangeMachie(done) { // 转交窗口关闭 if (type === 3 && this.msg.InvoiceNo === '') {
done(); return this.$message.error('请填写税号！')
}, }
getOrderDetail: function () { // 获取交易信息详情 this.apipost('InvoiceApply_get_UpdateInvoiceApply', this.msg, res => {
let OrderResource = this.$route.query.InvoiceApplyType ? 10 : 8
this.apipost(
'InvoiceApply_get_GetOrderFinanceList',
{OrderId: this.detail.OrderId, OrderResource: OrderResource, IsTravelMoney: 1},
res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.orderList = res.data.data this.$message.success(res.data.message)
if (type !== 2) {
setTimeout(() => {
this.$router.push({
name: 'invoicesManager',
});
}, 1000)
} else {
setTimeout(() => {
this.$router.push({
name: 'groupTourOrder',
query: {
blank: "y",
}
});
}, 1000)
}
} }
},err => {} }, null)
) },
}, getDetail: function (id) { // 获取详情
goUrlSFD: function (path, name, OrderId, tcnum, tcid) { let InvoiceApplyType = this.$route.query.InvoiceApplyType ? this.$route.query.InvoiceApplyType : 1
let obj = { this.apipost('InvoiceApply_get_GetDetails', {
OrderId: OrderId, ID: id,
tcnum: tcnum, InvoiceApplyType: InvoiceApplyType
tcid: tcid }, res => {
} if (res.data.resultCode == 1) {
this.$router.push({ let detail = res.data.data
name: path, if (detail.ApplyPics && detail.ApplyPics.length > 0) {
query: {blank: 'y', tab: name, item: JSON.stringify(obj)} detail.ApplyPics.forEach(x => {
}) if (x.Type === '3') {
this.FuImgList.push(x.Url);
this.images.push(x.Url)
}
})
}
this.detail = detail
this.getOrderDetail();
}
this.loading = false
}, null)
},
closeChangeMachie(done) { // 转交窗口关闭
done();
},
getOrderDetail: function () { // 获取交易信息详情
let OrderResource = this.$route.query.InvoiceApplyType ? 10 : 8
this.apipost(
'InvoiceApply_get_GetOrderFinanceList', {
OrderId: this.detail.OrderId,
OrderResource: OrderResource,
IsTravelMoney: 1
},
res => {
if (res.data.resultCode == 1) {
this.orderList = res.data.data
}
}, err => {}
)
},
goUrlSFD: function (path, name, OrderId, tcnum, tcid) {
let obj = {
OrderId: OrderId,
tcnum: tcnum,
tcid: tcid
}
this.$router.push({
name: path,
query: {
blank: 'y',
tab: name,
item: JSON.stringify(obj)
}
})
},
}, },
}, mounted() {
mounted() { let userInfo = this.getLocalStorage();
let userInfo = this.getLocalStorage(); this.EmployeeId = userInfo.EmployeeId;
this.EmployeeId=userInfo.EmployeeId; let id = this.$route.query.id
let id = this.$route.query.id //是否显示审核按钮
this.noDetail = this.$route.query.noDetail ? true : false this.noDetail = this.$route.query.noDetail ? true : false
this.msg.ID = id this.msg.ID = id
this.getDetail(id) this.getDetail(id)
this.GetSupperOrderEditAuth(); this.GetSupperOrderEditAuth();
} }
}; };
</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