扫码或复制链接至浏览器下载
This commit is contained in:
@@ -101,8 +101,10 @@
|
|||||||
<view class="addshowboxinput_inp flex-between">
|
<view class="addshowboxinput_inp flex-between">
|
||||||
<view class="listinput_leftrelative">
|
<view class="listinput_leftrelative">
|
||||||
<text class="leftrelativetext">{{addform.lslbsname}}</text>
|
<text class="leftrelativetext">{{addform.lslbsname}}</text>
|
||||||
<u-icon style="padding-right: 16rpx;" :name="selectshowlslbs?'arrow-up':'arrow-down'"
|
<view style="padding-right: 16rpx;">
|
||||||
color="#999999" size="14"></u-icon>
|
<u-icon :name="selectshowlslbs?'arrow-up':'arrow-down'"
|
||||||
|
color="#999999" size="14"></u-icon>
|
||||||
|
</view>
|
||||||
<view class="listinput_leftabsolute" v-if="selectshowlslbs">
|
<view class="listinput_leftabsolute" v-if="selectshowlslbs">
|
||||||
<view v-for="(item,index) in lslbslist.lslbs" :key="index"
|
<view v-for="(item,index) in lslbslist.lslbs" :key="index"
|
||||||
:class="addform.lslbs == item.id?'class':''" @click="taxexempttype(item,index)">
|
:class="addform.lslbs == item.id?'class':''" @click="taxexempttype(item,index)">
|
||||||
@@ -118,9 +120,11 @@
|
|||||||
<view class="addshowboxinput_inp flex-between">
|
<view class="addshowboxinput_inp flex-between">
|
||||||
<view class="listinput_leftrelative">
|
<view class="listinput_leftrelative">
|
||||||
<text class="leftrelativetext">{{addform.tax_ratename}}</text>
|
<text class="leftrelativetext">{{addform.tax_ratename}}</text>
|
||||||
<u-icon style="padding-right: 16rpx;"
|
<view style="padding-right: 16rpx;">
|
||||||
:name="taxrateselectionshow?'arrow-up':'arrow-down'" color="#999999"
|
<u-icon style="padding-right: 16rpx;"
|
||||||
size="14"></u-icon>
|
:name="taxrateselectionshow?'arrow-up':'arrow-down'" color="#999999"
|
||||||
|
size="14"></u-icon>
|
||||||
|
</view>
|
||||||
<view class="listinput_leftabsolute" v-if="taxrateselectionshow">
|
<view class="listinput_leftabsolute" v-if="taxrateselectionshow">
|
||||||
<view v-for="(item,index) in lslbslist.taxrateselection" :key="index"
|
<view v-for="(item,index) in lslbslist.taxrateselection" :key="index"
|
||||||
:class="addform.tax_rate == item.id?'class':''"
|
:class="addform.tax_rate == item.id?'class':''"
|
||||||
@@ -136,8 +140,11 @@
|
|||||||
<view class="addshowboxinput_inp flex-between">
|
<view class="addshowboxinput_inp flex-between">
|
||||||
<view class="listinput_leftrelative">
|
<view class="listinput_leftrelative">
|
||||||
<text class="leftrelativetext">{{addform.zzstsgl}}</text>
|
<text class="leftrelativetext">{{addform.zzstsgl}}</text>
|
||||||
<u-icon style="padding-right: 16rpx;" :name="zzstsglshow?'arrow-up':'arrow-down'"
|
<view style="padding-right: 16rpx;">
|
||||||
color="#999999" size="14"></u-icon>
|
<u-icon :name="zzstsglshow?'arrow-up':'arrow-down'"
|
||||||
|
color="#999999" size="14"></u-icon>
|
||||||
|
</view>
|
||||||
|
|
||||||
<view class="listinput_leftabsolute" v-if="zzstsglshow">
|
<view class="listinput_leftabsolute" v-if="zzstsglshow">
|
||||||
<view v-for="(item,index) in lslbslist.zzstsgl" :key="index"
|
<view v-for="(item,index) in lslbslist.zzstsgl" :key="index"
|
||||||
:class="addform.zzstsgl == item.id?'class':''" @click="zzstsgltype(item,index)">
|
:class="addform.zzstsgl == item.id?'class':''" @click="zzstsgltype(item,index)">
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="contenttopbox flex-center">
|
<view class="contenttopbox flex-center">
|
||||||
<text @click="form.type = '-1',form.page = '1',form.user_name = '',invoicingrecordsthatneed()"
|
<text @click="form.type = '-1',form.page = '1',form.user_name = '',invoicingrecordsthatneed()"
|
||||||
:class="form.type == '-1'?'classtext':''">待处理</text>
|
:class="form.type == '-1'?'classtext':''">待审核</text>
|
||||||
<text @click="form.type = '1',form.page = '1',form.user_name = '',invoicingrecordsthatneed()"
|
<text @click="form.type = '1',form.page = '1',form.user_name = '',invoicingrecordsthatneed()"
|
||||||
:class="form.type == '1'?'classtext':''">已处理</text>
|
:class="form.type == '1'?'classtext':''">已处理</text>
|
||||||
|
|
||||||
@@ -38,7 +38,7 @@
|
|||||||
<text>开票凭证</text>
|
<text>开票凭证</text>
|
||||||
<image :src="item.img" mode="aspectFill"></image>
|
<image :src="item.img" mode="aspectFill"></image>
|
||||||
</view>
|
</view>
|
||||||
<view v-if="item.status == '-1'" class="contentboxitembutton flex-center">
|
<view v-if="item.status == '待审核'" class="contentboxitembutton flex-center">
|
||||||
<view class="buttonone" @click="storereviewandinvoicing(item,1)">
|
<view class="buttonone" @click="storereviewandinvoicing(item,1)">
|
||||||
通过
|
通过
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@@ -159,17 +159,36 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</u-popup>
|
</u-popup>
|
||||||
|
<u-popup :show="qrcodeshow" @close="qrcodeshow = !qrcodeshow" :round="10" mode="center">
|
||||||
|
<view class="qrcodeclass">
|
||||||
|
<view class="content_boxt_towtext">
|
||||||
|
扫码或复制链接至浏览器下载
|
||||||
|
</view>
|
||||||
|
<view class="content_boxt_towrelative" style="242px;height: 242px;">
|
||||||
|
<canvas id="qrcode" style="242px;height: 242px;" ref="qrcode" canvas-id="qrcode"></canvas>
|
||||||
|
<image class="content_boxt_towabsolute"
|
||||||
|
src="https://czg-invoicing.oss-cn-beijing.aliyuncs.com/static/icons.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="content_boxt_towtexts" @click="setClipboardData">
|
||||||
|
复制
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
<u-datetime-picker :show="showpicker" mode="date" @cancel="showpicker = !showpicker"
|
<u-datetime-picker :show="showpicker" mode="date" @cancel="showpicker = !showpicker"
|
||||||
@confirm="confirmpicker"></u-datetime-picker>
|
@confirm="confirmpicker"></u-datetime-picker>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import uQRCode from '@/uni_modules/Sansnn-uQRCode/js_sdk/uqrcode/uqrcode.js'; // npm install uqrcodejs
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
uqrCodeurl: '',
|
||||||
|
size: 242,
|
||||||
detailsshow: false, //详情
|
detailsshow: false, //详情
|
||||||
popupshow: false,
|
popupshow: false,
|
||||||
|
qrcodeshow: false,
|
||||||
showpicker: false, //选择时间
|
showpicker: false, //选择时间
|
||||||
showpickerbox: false, //是否显示这个盒子
|
showpickerbox: false, //是否显示这个盒子
|
||||||
clickshowpicker: '',
|
clickshowpicker: '',
|
||||||
@@ -224,33 +243,62 @@
|
|||||||
this.detailsshow = true
|
this.detailsshow = true
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// 下载
|
// 复制
|
||||||
downloadFile(url) {
|
setClipboardData() {
|
||||||
// uni.downloadFile({
|
uni.setClipboardData({
|
||||||
// url: url, //仅为示例,并非真实的资源
|
data: this.uqrCodeurl,
|
||||||
// success: (res) => {
|
success: () => {
|
||||||
// if (res.statusCode === 200) {
|
uni.showToast({
|
||||||
// console.log('下载成功');
|
title: '复制成功'
|
||||||
// }
|
})
|
||||||
// }
|
this.qrcodeshow = false
|
||||||
// });
|
|
||||||
uni.downloadFile({
|
|
||||||
url: url,
|
|
||||||
success: res => {
|
|
||||||
console.log(res)
|
|
||||||
if (res.statusCode === 200) {
|
|
||||||
// 预览pdf文件
|
|
||||||
uni.openDocument({
|
|
||||||
filePath: res.tempFilePath,
|
|
||||||
showMenu: true, // 右上角菜单,可以进行分享保存pdf
|
|
||||||
success: function(file) {
|
|
||||||
console.log("文件打开成功", file)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
// 下载
|
||||||
|
downloadFile(url) {
|
||||||
|
uni.showLoading({
|
||||||
|
title: '加载中',
|
||||||
|
mask: true
|
||||||
|
})
|
||||||
|
try {
|
||||||
|
this.uqrCodeurl = url
|
||||||
|
// 获取uQRCode实例
|
||||||
|
var qr = new uQRCode();
|
||||||
|
// 设置二维码内容
|
||||||
|
qr.data = url;
|
||||||
|
// 设置二维码大小,必须与canvas设置的宽高一致
|
||||||
|
qr.size = this.size;
|
||||||
|
// 调用制作二维码方法
|
||||||
|
qr.make();
|
||||||
|
// 获取canvas上下文
|
||||||
|
var canvasContext = uni.createCanvasContext('qrcode', this); // 如果是组件,this必须传入
|
||||||
|
// 设置uQRCode实例的canvas上下文
|
||||||
|
qr.canvasContext = canvasContext;
|
||||||
|
// 调用绘制方法将二维码图案绘制到canvas上
|
||||||
|
qr.drawCanvas();
|
||||||
|
this.qrcodeshow = true
|
||||||
|
} catch (error) {
|
||||||
|
//TODO handle the exceptio
|
||||||
|
}
|
||||||
|
uni.hideLoading()
|
||||||
|
// uni.downloadFile({
|
||||||
|
// url: url,
|
||||||
|
// success: res => {
|
||||||
|
// console.log(res)
|
||||||
|
// if (res.statusCode === 200) {
|
||||||
|
// // 预览pdf文件
|
||||||
|
// uni.openDocument({
|
||||||
|
// filePath: res.tempFilePath,
|
||||||
|
// showMenu: true, // 右上角菜单,可以进行分享保存pdf
|
||||||
|
// success: function(file) {
|
||||||
|
// console.log("文件打开成功", file)
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
},
|
||||||
clickdatastatuslist(item, index) {
|
clickdatastatuslist(item, index) {
|
||||||
this.datastatuslistshow = item.id
|
this.datastatuslistshow = item.id
|
||||||
},
|
},
|
||||||
@@ -350,8 +398,7 @@
|
|||||||
} else {
|
} else {
|
||||||
this.form.list = [...this.form.list, ...res.data]
|
this.form.list = [...this.form.list, ...res.data]
|
||||||
}
|
}
|
||||||
if (res.data.length < 10) this.form.status = 'nomore';
|
this.form.status = res.data.length < 10 ? 'nomore' : 'loadmore'
|
||||||
else this.form.status = 'loadmore';
|
|
||||||
}, 500)
|
}, 500)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -429,6 +476,62 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.qrcodeclass {
|
||||||
|
padding: 0 28rpx;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
padding: 0 28rpx;
|
||||||
|
width: 100%;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 18rpx 18rpx 18rpx 18rpx;
|
||||||
|
padding-bottom: 50rpx;
|
||||||
|
|
||||||
|
.content_boxt_towtext {
|
||||||
|
padding-top: 32rpx;
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content_boxt_towtexts {
|
||||||
|
margin: 50rpx auto 0 auto;
|
||||||
|
width: 558rpx;
|
||||||
|
height: 84rpx;
|
||||||
|
background: #288EFB;
|
||||||
|
border-radius: 50rpx 50rpx 50rpx 50rpx;
|
||||||
|
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
line-height: 84rpx;
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.content_boxt_towrelative {
|
||||||
|
position: relative;
|
||||||
|
width: 242px;
|
||||||
|
height: 242px;
|
||||||
|
margin: 32rpx auto;
|
||||||
|
|
||||||
|
.content_boxt_towabsolute {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
margin-top: -50rpx;
|
||||||
|
margin-left: -50rpx;
|
||||||
|
border-radius: 16rpx;
|
||||||
|
// transform: translate(-50% -50%);
|
||||||
|
width: 100rpx;
|
||||||
|
height: 100rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.popupshow {
|
.popupshow {
|
||||||
padding: 0 28rpx;
|
padding: 0 28rpx;
|
||||||
|
|
||||||
|
|||||||
@@ -147,15 +147,34 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</u-popup>
|
</u-popup>
|
||||||
|
<u-popup :show="qrcodeshow" @close="qrcodeshow = !qrcodeshow" :round="10" mode="center">
|
||||||
|
<view class="qrcodeclass">
|
||||||
|
<view class="content_boxt_towtext">
|
||||||
|
扫码或复制链接至浏览器下载
|
||||||
|
</view>
|
||||||
|
<view class="content_boxt_towrelative" style="242px;height: 242px;">
|
||||||
|
<canvas id="qrcode" style="242px;height: 242px;" ref="qrcode" canvas-id="qrcode"></canvas>
|
||||||
|
<image class="content_boxt_towabsolute"
|
||||||
|
src="https://czg-invoicing.oss-cn-beijing.aliyuncs.com/static/icons.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="content_boxt_towtexts" @click="setClipboardData">
|
||||||
|
复制
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
<u-datetime-picker :show="showpicker" mode="date" @cancel="showpicker = !showpicker"
|
<u-datetime-picker :show="showpicker" mode="date" @cancel="showpicker = !showpicker"
|
||||||
@confirm="confirmpicker"></u-datetime-picker>
|
@confirm="confirmpicker"></u-datetime-picker>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import uQRCode from '@/uni_modules/Sansnn-uQRCode/js_sdk/uqrcode/uqrcode.js'; // npm install uqrcodejs
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
uqrCodeurl: '',
|
||||||
|
size: 242,
|
||||||
|
qrcodeshow: false,
|
||||||
detailsshow: false, //详情
|
detailsshow: false, //详情
|
||||||
popupshow: false,
|
popupshow: false,
|
||||||
showpicker: false, //选择时间
|
showpicker: false, //选择时间
|
||||||
@@ -302,32 +321,61 @@
|
|||||||
}, 500)
|
}, 500)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// 下载
|
// 复制
|
||||||
downloadFile(url) {
|
setClipboardData() {
|
||||||
// uni.downloadFile({
|
uni.setClipboardData({
|
||||||
// url: url, //仅为示例,并非真实的资源
|
data: this.uqrCodeurl,
|
||||||
// success: (res) => {
|
success: () => {
|
||||||
// if (res.statusCode === 200) {
|
uni.showToast({
|
||||||
// console.log('下载成功');
|
title: '复制成功'
|
||||||
// }
|
})
|
||||||
// }
|
this.qrcodeshow = false
|
||||||
// });
|
|
||||||
uni.downloadFile({
|
|
||||||
url: url,
|
|
||||||
success: res => {
|
|
||||||
console.log(res)
|
|
||||||
if (res.statusCode === 200) {
|
|
||||||
// 预览pdf文件
|
|
||||||
uni.openDocument({
|
|
||||||
filePath: res.tempFilePath,
|
|
||||||
showMenu: true, // 右上角菜单,可以进行分享保存pdf
|
|
||||||
success: function(file) {
|
|
||||||
console.log("文件打开成功", file)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
},
|
||||||
|
// 下载
|
||||||
|
downloadFile(url) {
|
||||||
|
uni.showLoading({
|
||||||
|
title: '加载中',
|
||||||
|
mask: true
|
||||||
|
})
|
||||||
|
try {
|
||||||
|
this.uqrCodeurl = url
|
||||||
|
// 获取uQRCode实例
|
||||||
|
var qr = new uQRCode();
|
||||||
|
// 设置二维码内容
|
||||||
|
qr.data = url;
|
||||||
|
// 设置二维码大小,必须与canvas设置的宽高一致
|
||||||
|
qr.size = this.size;
|
||||||
|
// 调用制作二维码方法
|
||||||
|
qr.make();
|
||||||
|
// 获取canvas上下文
|
||||||
|
var canvasContext = uni.createCanvasContext('qrcode', this); // 如果是组件,this必须传入
|
||||||
|
// 设置uQRCode实例的canvas上下文
|
||||||
|
qr.canvasContext = canvasContext;
|
||||||
|
// 调用绘制方法将二维码图案绘制到canvas上
|
||||||
|
qr.drawCanvas();
|
||||||
|
this.qrcodeshow = true
|
||||||
|
} catch (error) {
|
||||||
|
//TODO handle the exceptio
|
||||||
|
}
|
||||||
|
uni.hideLoading()
|
||||||
|
// uni.downloadFile({
|
||||||
|
// url: url,
|
||||||
|
// success: res => {
|
||||||
|
// console.log(res)
|
||||||
|
// if (res.statusCode === 200) {
|
||||||
|
// // 预览pdf文件
|
||||||
|
// uni.openDocument({
|
||||||
|
// filePath: res.tempFilePath,
|
||||||
|
// showMenu: true, // 右上角菜单,可以进行分享保存pdf
|
||||||
|
// success: function(file) {
|
||||||
|
// console.log("文件打开成功", file)
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// })
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -469,6 +517,62 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.qrcodeclass {
|
||||||
|
padding: 0 28rpx;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
padding: 0 28rpx;
|
||||||
|
width: 100%;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 18rpx 18rpx 18rpx 18rpx;
|
||||||
|
padding-bottom: 50rpx;
|
||||||
|
|
||||||
|
.content_boxt_towtext {
|
||||||
|
padding-top: 32rpx;
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content_boxt_towtexts {
|
||||||
|
margin: 50rpx auto 0 auto;
|
||||||
|
width: 558rpx;
|
||||||
|
height: 84rpx;
|
||||||
|
background: #288EFB;
|
||||||
|
border-radius: 50rpx 50rpx 50rpx 50rpx;
|
||||||
|
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
line-height: 84rpx;
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.content_boxt_towrelative {
|
||||||
|
position: relative;
|
||||||
|
width: 242px;
|
||||||
|
height: 242px;
|
||||||
|
margin: 32rpx auto;
|
||||||
|
|
||||||
|
.content_boxt_towabsolute {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
margin-top: -50rpx;
|
||||||
|
margin-left: -50rpx;
|
||||||
|
border-radius: 16rpx;
|
||||||
|
// transform: translate(-50% -50%);
|
||||||
|
width: 100rpx;
|
||||||
|
height: 100rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.popupshow {
|
.popupshow {
|
||||||
padding: 0 28rpx;
|
padding: 0 28rpx;
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user