Skip to content

C
confucius
Commit c63d8c66 authored by Mac's avatar Mac
Browse files
Options

1

parent adbd0054
Hide whitespace changes
Inline Side-by-side
Showing with 79 additions and 51 deletions
src/pages/financial/components/mySJModule.vue
View file @ c63d8c66
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
<div style="font-size: 14px; color: #000;padding: 8px 15px;display: flex; justify-content: space-between;"> <div style="font-size: 14px; color: #000;padding: 8px 15px;display: flex; justify-content: space-between;">
<span style="border-left: 3px solid #e95252;padding-left: 10px;">财务收据</span> <span style="border-left: 3px solid #e95252;padding-left: 10px;">财务收据</span>
<div style="display: flex;align-items: center;" v-if="data && data.State "> <div style="display: flex;align-items: center;" v-if="data && data.State ">
<span class="_btn" @click="Printreceipt" v-if="data.State==2">打印</span> <span class="_btn" @click="Printreceipt" >打印</span>
<span class="_btn" @click='addreceipt' v-if="data.State==2&& isoneself">修改</span> <span class="_btn" @click='addreceipt' v-if="data.State==2&& isoneself">修改</span>
<span class="_btn" @click='setdelete' v-if="data.State==2 && isoneself">删除</span> <span class="_btn" @click='setdelete' v-if="data.State==2 && isoneself">删除</span>
<span class="_btn" @click='getshare'>分享</span> <span class="_btn" @click='getshare'>分享</span>
...@@ -111,13 +111,13 @@ ...@@ -111,13 +111,13 @@
</template> </template>
</el-dialog> </el-dialog>
<!-- 收据的分享暂时 --> <!-- 收据的分享暂时 -->
<el-dialog custom-class='w200' title="分享图" :visible.sync="sharedialog" center> <el-dialog custom-class='w400' title="分享图" :visible.sync="sharedialog" center>
<template> <template>
<div class="courserefund_Div" id="proToCol" style="display: flex;flex-direction: column;align-items: center;"> <div class="courserefund_Div" id="proToCol"
<img src="http://192.168.20.214:8130/EduSystem/Test/Upload/Temporary/202109290408209920000000003.jpeg" alt="" style="width:150px;" /> style="display: flex;flex-direction: column;align-items: center; padding: 15px;">
<div>尊敬的客户</div> <img src="http://192.168.20.214:8130/EduSystem/Test/Upload/Temporary/202109290408209920000000003.jpeg" alt="" style="width:100%;" />
<div>成都市锦江区甲鹤外语培训学校 发送给您了一个财务收据,请长按识别二维码查收</div> <div style="margin: 15px 0;">尊敬的客户,成都市锦江区甲鹤外语培训学校 发送给您了一个财务收据,请长按识别二维码查收</div>
</div> </div>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<button class="hollowFixedBtn" @click="sharedialog=false">关闭</button> <button class="hollowFixedBtn" @click="sharedialog=false">关闭</button>
<button class="normalBtn" type="primary" @click="download()">下载</button> <button class="normalBtn" type="primary" @click="download()">下载</button>
...@@ -131,6 +131,11 @@ ...@@ -131,6 +131,11 @@
</template> </template>
<script> <script>
import {
Loading
} from 'quasar'
import html2canvas from "html2canvas";
import { import {
getReceiptInfoForFinanceId, getReceiptInfoForFinanceId,
setReceiptInfo, setReceiptInfo,
...@@ -167,8 +172,9 @@ ...@@ -167,8 +172,9 @@
EmployeeId: 0, EmployeeId: 0,
isoneself: false,//是否是本人操作 isoneself: false,//是否是本人操作
sharedialog: false, sharedialog: false,
Money:0, Money: 0,
Fee:0, Fee: 0,
imgurl: '',//分享的二维码
} }
}, watch: { }, watch: {
...@@ -234,7 +240,7 @@ ...@@ -234,7 +240,7 @@
this.addMsg.Remark = '';//事由 this.addMsg.Remark = '';//事由
this.addMsg.Money = Number(this.Money) + Number(this.Fee) this.addMsg.Money = Number(this.Money) + Number(this.Fee)
this.addMsg.FinanceId = this.FrID this.addMsg.FinanceId = this.FrID
this.addMsg.Id= 0 this.addMsg.Id = 0
} }
...@@ -257,7 +263,7 @@ ...@@ -257,7 +263,7 @@
if (res.Code == 1) { if (res.Code == 1) {
that.Success(res.Message); that.Success(res.Message);
that.getDetails() that.getDetails()
this.addMsg.Id= 0 this.addMsg.Id = 0
this.addMsg.Remitter = this.GetDetail.RemitterName;//交款人 this.addMsg.Remitter = this.GetDetail.RemitterName;//交款人
this.addMsg.Remark = '';//事由 this.addMsg.Remark = '';//事由
this.addMsg.Money = Number(this.Money) + Number(this.Fee) this.addMsg.Money = Number(this.Money) + Number(this.Fee)
...@@ -269,23 +275,31 @@ ...@@ -269,23 +275,31 @@
}).catch(() => { }); }).catch(() => { });
}, },
getshare() { getshare() {
// this.apipostDS( var tipLoadding = Loading;
// "/api/user/GetWeiXinQRCodeForHT", { tipLoadding.show({
// Path: "/pages/school/personal/receiptDetails?FinanceId=" + this.FrID, message: '正在生成二维码,请稍后...'
// With: 212 })
// }, this.apipostDS(
// (res) => { "/api/user/GetWeiXinQRCodeForHT", {
// if (res.data.resultCode == 1) { Path: "/pages/school/personal/receiptDetails?id=" + this.FrID,
// if (res.data.data) { With: 430
// let getBlob = this.domainManager().mallUrl + res.data.data },
// console.log(getBlob) (res) => {
// } if (res.data.resultCode == 1) {
// } else { if (res.data.data) {
// this.Error(res.data.message); this.imgurl = this.domainManager().mallUrl + res.data.data
// } console.log(this.imgurl)
// } this.sharedialog = true
// ); tipLoadding.hide();
this.sharedialog = true
}
} else {
this.Error(res.data.message);
tipLoadding.hide();
}
}
);
}, },
blobToDataURL(blob, callback) { blobToDataURL(blob, callback) {
var a = new FileReader() var a = new FileReader()
...@@ -295,30 +309,44 @@ ...@@ -295,30 +309,44 @@
a.readAsDataURL(blob) a.readAsDataURL(blob)
}, },
download() {//下载 download() {//下载
this.downloadFile('收据分享.png', 'http://192.168.20.214:8130/EduSystem/Test/Upload/Temporary/202109290408209920000000003.jpeg') setTimeout(() => {
let canvasID = document.getElementById("proToCol");
let a = document.createElement("a");
html2canvas(canvasID, {
useCORS: true, //【重要】开启跨域配置
allowTaint: true, //允许跨域图片
backgroundColor: "#FFFFFF",
scale: 1.3,
taintTest: false //是否在渲染前测试图片
}).then(canvas => {
let dom = document.body.appendChild(canvas);
dom.style.display = "none";
a.style.display = "none";
document.body.removeChild(dom);
let blob = this.dataURLToBlob(dom.toDataURL("image/png"));
a.setAttribute("href", URL.createObjectURL(blob));
var name = '财务收据';
a.setAttribute("download", name);
document.body.appendChild(a);
a.click();
URL.revokeObjectURL(blob);
document.body.removeChild(a);
});
}, 1000);
},
dataURLToBlob(dataurl) {
let arr = dataurl.split(",");
let mime = arr[0].match(/:(.*?);/)[1];
let bstr = atob(arr[1]);
let n = bstr.length;
let u8arr = new Uint8Array(n);
while (n--) {
u8arr[n] = bstr.charCodeAt(n);
}
return new Blob([u8arr], {
type: mime
});
}, },
downloadFile(name,imgsrc) {
var image = new Image();
// 解决跨域 Canvas 污染问题
image.setAttribute("crossOrigin", "anonymous");
image.onload = function () {
var canvas = document.createElement("canvas");
canvas.width = image.width;
canvas.height = image.height;
var context = canvas.getContext("2d");
context.drawImage(image, 0, 0, image.width, image.height);
var url = canvas.toDataURL("image/png"); //得到图片的base64编码数据
var a = document.createElement("a"); // 生成一个a元素
var event = new MouseEvent("click"); // 创建一个单击事件
a.download = name || "photo"; // 设置图片名称
a.href = url; // 将生成的URL设置为a.href属性
a.dispatchEvent(event); // 触发a的单击事件
};
image.src = imgsrc;
}
} }
} }
</script> </script>
\ No newline at end of file
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