|
|
@@ -124,10 +124,15 @@
|
|
|
<li>{{semanticInfo.Title}}</li>
|
|
|
<li style="margin-left:auto;">作者：{{semanticInfo.SysAdminName}}</li>
|
|
|
<li>创建时间：{{semanticInfo.CreateTime}}</li>
|
|
|
+ <li>
|
|
|
+ <span @click="handleDownLoadImg">下载</span>
|
|
|
+ <span @click="handleCopyImg">复制到微信</span>
|
|
|
+ <span @click="handleCopyImg">复制到Office</span>
|
|
|
+ </li>
|
|
|
<li style="min-width: auto;"><el-button type="primary" @click="handleEdit('file',selectNode)">编辑</el-button></li>
|
|
|
</ul>
|
|
|
<div class="pic-wrap">
|
|
|
- <img class="pic" :src="semanticInfo.ResultImg" v-if="semanticInfo.ResultImg">
|
|
|
+ <img class="pic" id="copy-img" :src="semanticInfo.ResultImg" v-if="semanticInfo.ResultImg">
|
|
|
<div class="empty" v-if="!semanticInfo.ResultImg">
|
|
|
<img src="~@/assets/img/document_m/default-img.png" style="
|
|
|
display: block;
|
|
|
@@ -211,6 +216,58 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 下载图片
|
|
|
+ handleDownLoadImg(){
|
|
|
+ let img=new Image()
|
|
|
+ img.setAttribute('crossOrigin', 'anonymous');
|
|
|
+ img.src=this.semanticInfo.ResultImg
|
|
|
+ img.onload=()=>{
|
|
|
+ let canvas = document.createElement("canvas");
|
|
|
+ canvas.width = img.width;
|
|
|
+ canvas.height = img.height;
|
|
|
+ let context = canvas.getContext('2d');
|
|
|
+ context.drawImage(img, 0, 0, img.width, img.height);
|
|
|
+ let dataURL = canvas.toDataURL("image/png", 1);
|
|
|
+ const a=document.createElement('a')
|
|
|
+ a.setAttribute("download",this.semanticInfo.Title)
|
|
|
+ a.style.display = "none"
|
|
|
+ a.href=dataURL
|
|
|
+ document.body.appendChild(a);
|
|
|
+ a.click()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //复制图片
|
|
|
+ handleCopyImg(){
|
|
|
+ let img=new Image()
|
|
|
+ img.setAttribute('crossOrigin', 'anonymous');
|
|
|
+ img.src=this.semanticInfo.ResultImg
|
|
|
+ img.onload=()=>{
|
|
|
+ let canvas = document.createElement("canvas");
|
|
|
+ canvas.width = img.width;
|
|
|
+ canvas.height = img.height;
|
|
|
+ let context = canvas.getContext('2d');
|
|
|
+ context.drawImage(img, 0, 0, img.width, img.height);
|
|
|
+
|
|
|
+ if(window.ClipboardItem) {
|
|
|
+ canvas.toBlob(async (blob) => {
|
|
|
+ const data = [new ClipboardItem({ [blob.type]: blob })];
|
|
|
+ await navigator.clipboard.write(data).then(
|
|
|
+ () => {
|
|
|
+ this.$message.success('复制成功！')
|
|
|
+ },
|
|
|
+ () => {
|
|
|
+ this.$message.warning('复制失败,稍后再试')
|
|
|
+ }
|
|
|
+ );
|
|
|
+ });
|
|
|
+ }else {
|
|
|
+ this.$message.warning('浏览器暂不支持')
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
//搜索语义分析
|
|
|
searchHandle(keyword){
|
|
|
semanticInterface.getSemanticList({
|
