ObjToUrl(data) {
var _result = [];
for (var key in data) {
var value = data[key];
if (value.constructor == Array) {
value.forEach(function(_value) {
_result.push(key + "=" + _value);
});
} else {
_result.push(key + "=" + value);
}
}
return _result.join("&");
},proxyTable设置代理解决跨域问题,可以用pathRewrite来改变/***，名称 https://www.cnblogs.com/qdlhj/p/10110116.html
在vuex的tags_nav.js这个页面
/** 切换标签页 */
SWITCH_TAG(state, tag) {
state.activeTag = tag;
state.tags.forEach((item,index,arr)=>{
if(arr[index].name===tag.name){
arr[index]= tag
}
})
console.log(state, tag)
},renderHeader: (h, params) => {
return h("div",{}, [
h(
"span",
{
props: {
type: "text",
size: "small",
tooltip: true
},
style: {
cursor: "pointer",
padding: "3px",
color: "rgb(45, 140, 240)",
},
},
"*"
),
("span", {}, "备注")
],);
},render: (h, params) => {
return h("div", [
h(
"span",
{
props: {
type: "text",
size: "small",
tooltip: true
},
style: {
// cursor: "pointer",
padding: "3px"
// color: "rgb(45, 140, 240)",
},
on：{
click:()=>{}
}
},
params.row.note
),
]);
} render:(h,params) => {
return new Utils().createInputNum({
h,params,
block:this.block3,
disabled: !this.editable,
attr:'lastCost',
min:0
})
}
。。。。
import axios from 'axios';
function Utils(disc = {},...rest){
this.disc = disc;
};
Utils.prototype = {
getDisc(opt){ //字典查询
axios.post('a',{
dictionaryCode:opt.code,
entryFlag:opt.entryFlag,
}).then(res => {
if(res.success == true){
this.disc[opt.discName] = [];
res.data.data.forEach(item => {
this.disc[opt.discName].push({
value:item.value,
label:item.label
})
});
opt.cb && opt.cb(res);
}else{
Modal.error({
title: srm.common.warn,
content: res.msg,
});
}
}).catch((err) => {
Modal.error({
title: srm.common.warn,
content: srm.common.error1,
error: err.stack.toString(),
});
})
},
createSpanButton(opt){ //可复制单号
return (opt.h)('span',{
props:{
type:'text',
},
style:{
padding:'3px',
cursor:'pointer',
color:'#61b5ef'
},
on:{
click:() => {
opt.cb && opt.cb();
}
}
},opt.title)
},
createButton(opt){ //可禁用
return (opt.h)('Button',{
props:{
type:'text',
disabled:opt.disabled,
icon:opt.icon,
size:'small'
},
style:{
padding:'3px'
},
on:{
click:() => {
opt.cb && opt.cb();
}
}
},opt.title)
},
// 生成下拉选择框
createSelect(opt){
let options = [];
this.disc[opt.discName].forEach(item => {
options.push((opt.h)('Option',{
props:{
value:item.value,
label:item.label
}
}))
});
return (opt.h)('Select',{
props:{
value:opt.params.row[opt.attr],
labeInValue:false,
clearable:false,
size:'small',
disabled:opt.disabled,
multiple:opt.multiple
},
on:{
'on-change':(val) => {
opt.params.row[opt.attr] = val;
opt.block.tableData[opt.params.index] = opt.params.row;
opt.cb && opt.cb(val);
}
}
},options);
},
// 生成输入框
createInput(opt){
return (opt.h)('Tooltip',{
props:{
content:opt.params.row[opt.attr],
disabled:opt.params.row[opt.attr] ? false:true,
}
},[
(opt.h)('Input',{
props:{
size:'small',
value:opt.params.row[opt.attr],
placeholder:opt.placeholder,
disabled:opt.disabled,
},
on:{
'on-change':(e) => {
opt.params.row[opt.attr] = e.target.value;
opt.block.tableData[opt.params.index] = opt.params.row;
opt.cb && opt.cb(e.target.value);
}
}
})
])
},
// 生成数字输入框
createInputNum(opt){
return (opt.h)('InputNumber',{
props:{
size:'small',
value:opt.params.row[opt.attr],
placeholder:opt.placeholder,
disabled:opt.disabled,
min:opt.min
},
style:{
width:'100%',
},
on:{
'on-change':(e) => {
opt.params.row[opt.attr] = e;
opt.block.tableData[opt.params.index] = opt.params.row;
opt.cb && opt.cb(e);
}
}
})
},
// 生成单选框
createCheckbox(opt){
return (opt.h)('Checkbox',{
props:{
value:opt.params.row[opt.attr] === 'Y' ? true :false,
disabled:opt.disabled
},
on:{
'on-change':(val) => {
opt.params.row[opt.attr] = val ? 'Y' : 'N';
opt.block.tableData[opt.params.index] = opt.params.row;
opt.cb && opt.cb(val);
}
}
})
},
// 生成*
createSpanX(opt){
return (opt.h)('div',[(opt.h)('span',{
style:{
color:'red'
}
},'*'),(opt.h)('span',opt.desc)]);
},
};
export default Utils;
<template>
<div style="text-align: center;">
<canvas v-for="item in this.totalPage" :key="item" :id='"the-canvas" + item' class="pdf-content"></canvas>
</div>
</template>
<script>
import PDFJS from "pdfjs-dist";
import workerSrc from "pdfjs-dist/build/pdf.worker.entry";
PDFJS.workerSrc = workerSrc;
import axios from "axios";
export default {
data() {
return {
blob:
"/srmpos/common/downloadFile?docId=1727e4e3176d72c68d9aaa44c58894fb",
totalPage: ""
};
},
methods: {
// init() {
// return new Promise(resolve => {
// axios
// .post(
// "/ssssrmpos/common/dosswnloadFile?docId=1727e4e3ss176d72c68d9aaa44c58894fb",
// {
// responseType: "arraybuffer"
// }
// )
// .then(res => {
// // this.blob = new Blob([res], { type: "application/vnd.ms-excel" });
// this.blob = res;
// console.log(this.blob);
// resolve(res);
// // let objectUrl = URL.createObjectURL(blob);
// // window.location.href = objectUrl;
// // let url = URL.createObjectURL(blob);
// // let link = document.createElement("a");
// // link.setAttribute("href", url);
// // link.setAttribute("download", `fixPricingLedgerExport.xlsx`);
// // link.style.visibility = "hidden";
// // document.body.appendChild(link);
// // link.click();
// // document.body.removeChild(link);
// })
// .catch(() => {
// this.block.loading = false;
// this.$Modal.error({
// title: "a",
// content: "b"
// });
// });
// });
// }
},
mounted() {
let url =
"/saarmpos/comamon/daownloadFile?docId=1727ea064d5456aacca4ab23248b4b3e64";
let winW = document.documentElement.clientWidth;
let loadingTask = PDFJS.getDocument(url);
loadingTask.promise.then(
pdf => {
console.log(pdf);
let pageNum = pdf.numPages;
this.totalPage = pageNum;
console.log(this);
for (let i = 1; i <= this.totalPage; i++) {
pdf.getPage(i).then(function(page) {
console.log(page);
let viewport = page.getViewport({ scale: 1 });
let scale = (winW / viewport.width).toFixed(2);
let scaledViewport = page.getViewport({ scale: 2 });
console.log(scaledViewport);
let canvas = document.getElementById("the-canvas" + i);
console.log(canvas);
let context = canvas.getContext("2d");
canvas.height = scaledViewport.height;
canvas.width = scaledViewport.width;
let renderContext = {
canvasContext: context,
viewport: scaledViewport
};
let renderTask = page.render(renderContext);
renderTask.promise.then(function() {});
});
}
},
function(reason) {
console.error(reason);
}
);
// if(this.blob){
// }
}
};
</script>