合并前
This commit is contained in:
wwz
parent
7b44d1f9fb
commit
d747791c9a
|
|
@ -162,7 +162,7 @@
|
|||
toGift() {
|
||||
console.log('1');
|
||||
uni.navigateTo({
|
||||
url: '/me/gift/gift'
|
||||
url: '/me/giftczgw/giftczgw'
|
||||
})
|
||||
},
|
||||
// 重新生成
|
||||
|
|
|
|||
|
|
@ -179,7 +179,7 @@
|
|||
console.log('1');
|
||||
|
||||
uni.navigateTo({
|
||||
url: '/me/gift/gift?source='+this.source
|
||||
url: '/me/giftczgw/giftczgw?source='+this.source
|
||||
})
|
||||
},
|
||||
// 重新生成
|
||||
|
|
|
|||
|
|
@ -0,0 +1,583 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<view class="contenttop">
|
||||
<view class="flex-start">
|
||||
<input type="text" placeholder="请输入抬头名称" v-model="form.user_name" @input="onInput" />
|
||||
<text @click="popupshow = !popupshow">筛选</text>
|
||||
</view>
|
||||
<view class="contenttopbox flex-center">
|
||||
<text @click="form.type = '-1',form.page = '1',form.user_name = '',invoicingrecordsthatneed()"
|
||||
:class="form.type == '-1'?'classtext':''">待审核</text>
|
||||
<text @click="form.type = '1',form.page = '1',form.user_name = '',invoicingrecordsthatneed()"
|
||||
:class="form.type == '1'?'classtext':''">已处理</text>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="contentbox">
|
||||
<view class="contentboxitem" v-for="(item,index) in form.list" :key="index">
|
||||
<view class="contentboxitemtop flex-between">
|
||||
<text>{{item.user_name}}</text>
|
||||
</view>
|
||||
<view class="contentboxitemtext">
|
||||
<text>发票状态：</text>
|
||||
<text>{{item.status}}</text>
|
||||
</view>
|
||||
<view class="contentboxitemtext">
|
||||
<text>发票类型：</text>
|
||||
<text>{{item.type}}</text>
|
||||
</view>
|
||||
<view class="contentboxitemtext">
|
||||
<text>发票金额：</text>
|
||||
<text>{{item.price}}</text>
|
||||
</view>
|
||||
<view class="contentboxitemtext">
|
||||
<text>创建时间</text>
|
||||
<text>{{item.createtime}}</text>
|
||||
</view>
|
||||
<view class="contentboxitemtext flex-start" @click="previewImage(item.img)">
|
||||
<text>开票凭证</text>
|
||||
<image :src="item.img" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view v-if="item.status == '待审核'" class="contentboxitembutton flex-center">
|
||||
<view class="buttonone" @click="storereviewandinvoicing(item,1)">
|
||||
通过
|
||||
</view>
|
||||
<view class="buttontow" @click="clickconfirmshow = true,no = ''">
|
||||
拒绝
|
||||
</view>
|
||||
</view>
|
||||
<u-popup :show="clickconfirmshow" mode="center" :round="10">
|
||||
<view class="popupshow">
|
||||
<view class="Box_box flex-between">
|
||||
<view>拒绝理由：</view>
|
||||
<u--textarea v-model="no" placeholder="请输入拒绝理由"></u--textarea>
|
||||
</view>
|
||||
<view class="content_bottom">
|
||||
<view class="content_bottomone" @click="storereviewandinvoicing(item,6)">
|
||||
确定
|
||||
</view>
|
||||
<view class="content_bottomtow" @click="clickconfirmshow = false,no = ''">
|
||||
取消
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</view>
|
||||
<u-loadmore :status="form.status" />
|
||||
<u-popup :show="popupshow" @close="popupshow = !popupshow" :round="10">
|
||||
<view class="popupshow">
|
||||
<view class="popupshowtop">
|
||||
筛选
|
||||
</view>
|
||||
<view class="popupshowbox">
|
||||
<view class="popupshowboxtitel">
|
||||
按时间筛选
|
||||
</view>
|
||||
<view class="popupshowbox_box flex-between">
|
||||
<view class="popupshowbox_item" v-for="(item,index) in daylist" :key="index"
|
||||
@click="clickday(item,index)" :class="selectshow === index ? 'select':''">
|
||||
{{item.name}}
|
||||
</view>
|
||||
<view class="popupshowbox_itemzdy flex-between" v-if="showpickerbox && selectshow == 2">
|
||||
<view class="popupshowbox_item" @click="showpicker=!showpicker,clickshowpicker = 1">
|
||||
{{starttime}}
|
||||
</view>
|
||||
-<view class="popupshowbox_item" @click="showpicker=!showpicker,clickshowpicker = 2">
|
||||
{{endtime}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="boxboutton flex-between">
|
||||
<view class="boxbouttonitem" @click="reset">
|
||||
重置
|
||||
</view>
|
||||
<view class="boxbouttonitem" @click="clickdetermine">
|
||||
确定
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-datetime-picker :show="showpicker" mode="date" @cancel="showpicker = !showpicker"
|
||||
@confirm="confirmpicker"></u-datetime-picker>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import one from './components/czgdetail1 (4).JPG'
|
||||
import tow from './components/czgdetail1 (6).JPG'
|
||||
import there from './components/czgdetail1 (11).JPG'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
clickconfirmshow: false,
|
||||
popupshow: false,
|
||||
showpicker: false, //选择时间
|
||||
showpickerbox: false, //是否显示这个盒子
|
||||
clickshowpicker: '',
|
||||
starttime: '', //起始时间
|
||||
endtime: '',
|
||||
selectshow: '', //选中
|
||||
no: '',
|
||||
form: {
|
||||
user_name: '',
|
||||
time: "",
|
||||
page: 1,
|
||||
type: '-1',
|
||||
status: 'loadmore',
|
||||
list: []
|
||||
},
|
||||
daylist: [{
|
||||
id: 1,
|
||||
name: '仅30天'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: '近180天'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: '自定义'
|
||||
}
|
||||
],
|
||||
}
|
||||
},
|
||||
async onLoad(e) {
|
||||
this.invoicingrecordsthatneed()
|
||||
|
||||
},
|
||||
onReachBottom() {
|
||||
if (this.form.status != 'nomore') {
|
||||
this.form.page = ++this.form.page;
|
||||
this.invoicingrecordsthatneed()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 审核
|
||||
async storereviewandinvoicing(item, i) {
|
||||
let res = await this.api.storereviewandinvoicing({
|
||||
id: item.id,
|
||||
no: this.no,
|
||||
s_type: i
|
||||
})
|
||||
this.reset()
|
||||
},
|
||||
// 查看图片
|
||||
previewImage(url) {
|
||||
uni.previewImage({
|
||||
current: 1,
|
||||
urls: [url]
|
||||
});
|
||||
},
|
||||
|
||||
// 时间
|
||||
clickday(item, index) {
|
||||
|
||||
const d = new Date()
|
||||
const year = d.getFullYear()
|
||||
let month = d.getMonth() + 1
|
||||
let date = d.getDate()
|
||||
month = month < 10 ? `0${month}` : month
|
||||
date = date < 10 ? `0${date}` : date
|
||||
switch (index) {
|
||||
case 0:
|
||||
this.starttime = `${(month-1)==0?(year-1):year}-${(month-1)==0?12:(month-1)}-${date}`
|
||||
this.endtime = `${year}-${month}-${date}`
|
||||
this.showpickerbox = false
|
||||
break;
|
||||
case 1:
|
||||
this.starttime = `${year}-${month>6?(month-6):(month+12-6)}-${date}`
|
||||
this.endtime = `${year}-${month}-${date}`
|
||||
this.showpickerbox = false
|
||||
break;
|
||||
case 2:
|
||||
this.starttime = '' //起始时间
|
||||
this.endtime = ''
|
||||
this.showpickerbox = true
|
||||
break;
|
||||
}
|
||||
this.selectshow = index
|
||||
},
|
||||
// 确定时间
|
||||
confirmpicker(e) {
|
||||
console.log(this.clickshowpicker, uni.$u.timeFrom(e.value, 'yyyy-mm-dd'))
|
||||
if (this.clickshowpicker == 1) {
|
||||
this.starttime = uni.$u.timeFrom(e.value, 'yyyy-mm-dd')
|
||||
}
|
||||
if (this.clickshowpicker == 2) {
|
||||
this.endtime = uni.$u.timeFrom(e.value, 'yyyy-mm-dd')
|
||||
}
|
||||
this.showpicker = !this.showpicker
|
||||
},
|
||||
// 确定
|
||||
clickdetermine() {
|
||||
if (this.starttime != '' && this.endtime != '') {
|
||||
this.form.time = `${this.starttime} 00:00:00,${this.endtime} 00:00:00`
|
||||
}
|
||||
this.popupshow = false
|
||||
this.invoicingrecordsthatneed()
|
||||
},
|
||||
// 重置
|
||||
reset() {
|
||||
this.form = {
|
||||
user_name: '',
|
||||
time: "",
|
||||
page: 1,
|
||||
type: '-1',
|
||||
status: 'loadmore',
|
||||
list: []
|
||||
}
|
||||
this.selectshow = ''
|
||||
this.starttime = ''
|
||||
this.endtime = ''
|
||||
this.popupshow = false
|
||||
this.invoicingrecordsthatneed()
|
||||
},
|
||||
// 搜索
|
||||
onInput(e) {
|
||||
if ([...e.detail.value].length >= 2) {
|
||||
this.form.page = 1
|
||||
this.form.list = []
|
||||
uni.$u.debounce(this.invoicingrecordsthatneed, 500)
|
||||
}
|
||||
},
|
||||
// 列表
|
||||
async invoicingrecordsthatneed() {
|
||||
this.form.status = 'loading';
|
||||
let res = await this.api.invoicingrecordsthatneed({
|
||||
user_name: this.form.user_name,
|
||||
time: this.form.time,
|
||||
page: this.form.page,
|
||||
status: this.form.type,
|
||||
})
|
||||
if (this.form.page == 1 && res.data.length == 0) {
|
||||
this.form.list = res.data
|
||||
this.form.status = 'nomore'
|
||||
return false;
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
if (this.form.page == 1) {
|
||||
this.form.list = res.data
|
||||
} else {
|
||||
this.form.list = [...this.form.list, ...res.data]
|
||||
}
|
||||
if (res.data.length < 10) this.form.status = 'nomore';
|
||||
else this.form.status = 'loadmore';
|
||||
}, 500)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
background: #F9F9F9;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 0;
|
||||
|
||||
.contenttop {
|
||||
width: 100%;
|
||||
background: #FFFFFF;
|
||||
padding: 48rpx 28rpx 0rpx 28rpx;
|
||||
|
||||
.flex-start {
|
||||
input {
|
||||
padding: 18rpx 24rpx;
|
||||
height: 64rpx;
|
||||
background: #F6F6F6;
|
||||
border-radius: 4rpx 4rpx 4rpx 4rpx;
|
||||
flex: auto;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
text {
|
||||
padding: 0 0 0 24rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.contenttopbox {
|
||||
text {
|
||||
width: 33%;
|
||||
text-align: center;
|
||||
padding: 32rpx 0 24rpx 0;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.classtext {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
position: relative;
|
||||
|
||||
&::after {
|
||||
width: 30%;
|
||||
border-bottom: 5rpx solid #318AFE;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
content: '';
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.popupshow {
|
||||
padding: 0 28rpx;
|
||||
|
||||
.popupshowtop {
|
||||
margin-top: 32rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.popupshowbox {
|
||||
.popupshowboxtitel {
|
||||
margin-top: 32rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.popupshowbox_box {
|
||||
width: 100%;
|
||||
|
||||
.popupshowbox_item {
|
||||
margin-top: 24rpx;
|
||||
width: 176rpx;
|
||||
height: 56rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 28rpx 28rpx 28rpx 28rpx;
|
||||
border: 2rpx solid #D9D9D9;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
text-align: center;
|
||||
line-height: 56rpx;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
width: 176rpx;
|
||||
}
|
||||
|
||||
.select {
|
||||
border: 1px solid #1b00ff;
|
||||
color: #0600ff;
|
||||
}
|
||||
|
||||
.popupshowbox_itemzdy {
|
||||
width: 100%;
|
||||
|
||||
.popupshowbox_item {
|
||||
margin-top: 24rpx;
|
||||
width: 40%;
|
||||
height: 56rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 28rpx 28rpx 28rpx 28rpx;
|
||||
border: 2rpx solid #D9D9D9;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
text-align: center;
|
||||
line-height: 56rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.boxboutton {
|
||||
margin: 400rpx 0 50rpx 0;
|
||||
|
||||
.boxbouttonitem {
|
||||
width: 330rpx;
|
||||
height: 72rpx;
|
||||
border-radius: 50rpx 50rpx 50rpx 50rpx;
|
||||
}
|
||||
|
||||
.boxbouttonitem:nth-child(1) {
|
||||
border: 2rpx solid #D9D9D9;
|
||||
background: #FFFFFF;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 36rpx;
|
||||
color: #333333;
|
||||
text-align: center;
|
||||
line-height: 72rpx;
|
||||
}
|
||||
|
||||
.boxbouttonitem:nth-child(2) {
|
||||
background: #2F87FD;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
line-height: 72rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contentbox {
|
||||
width: 100%;
|
||||
padding: 0 28rpx;
|
||||
|
||||
.contentboxitem {
|
||||
margin-top: 32rpx;
|
||||
padding: 32rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
||||
|
||||
.contentboxitemtop {
|
||||
text:nth-child(1) {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
text:nth-child(2) {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #F39D52;
|
||||
}
|
||||
}
|
||||
|
||||
.contentboxitemtext {
|
||||
margin-top: 24rpx;
|
||||
|
||||
text:nth-child(1) {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
text:nth-child(2) {
|
||||
margin-left: 24rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
image {
|
||||
margin-left: 24rpx;
|
||||
width: 158rpx;
|
||||
height: 94rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||||
border: 2rpx solid #D9D9D9;
|
||||
}
|
||||
}
|
||||
|
||||
.contentboxitembutton {
|
||||
margin-top: 32rpx;
|
||||
|
||||
.buttonone {
|
||||
width: 244rpx;
|
||||
height: 72rpx;
|
||||
background: #2F87FD;
|
||||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
line-height: 72rpx;
|
||||
}
|
||||
|
||||
.buttontow {
|
||||
margin-left: 32rpx;
|
||||
width: 244rpx;
|
||||
height: 72rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||||
border: 2rpx solid #707070;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
text-align: center;
|
||||
line-height: 72rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.popupshow {
|
||||
width: 600rpx;
|
||||
border-radius: 16rpx;
|
||||
|
||||
.Box_box {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
text-align: right;
|
||||
padding: 24rpx;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
font-size: 28rpx;
|
||||
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.content_bottom {
|
||||
margin: 70rpx auto 60rpx auto;
|
||||
width: 70%;
|
||||
height: 84rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.content_bottomone {
|
||||
padding: 16rpx 60rpx;
|
||||
background: #288EFB;
|
||||
border-radius: 32rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.content_bottomtow {
|
||||
padding: 16rpx 60rpx;
|
||||
background: red;
|
||||
border-radius: 32rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 99 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 176 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 158 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 185 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 141 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 138 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 71 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 185 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 519 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 165 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 223 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 94 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 107 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 136 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 134 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 152 KiB |
|
|
@ -1,10 +1,11 @@
|
|||
<template>
|
||||
<view class="detail">
|
||||
<view class="subNvueweight">
|
||||
<list :bounce="false" :loadmoreoffset="wHeight*3" :show-scrollbar="false" ref="listBox" :pagingEnabled="true"
|
||||
:scrollable="true">
|
||||
<image src="components/czgdetail1 (5).JPG" mode=""></image>
|
||||
<cell v-for="(item,i) in videoList" :key="i" :ref="'list'+item.courseDetailsId">
|
||||
<view class="swipers-items" @longpress="openBs()" @disappear="disappear(item.courseDetailsId,i)"
|
||||
@appear="appear(item.courseDetailsId,i)" :style="boxStyle">
|
||||
<view class="subNvueswipers-items" @longpress="openBs()" @disappear="disappear(item.courseDetailsId,i)"
|
||||
@appear="czgwappear(item.courseDetailsId,i)" :style="boxStyle">
|
||||
<!-- 视频 -->
|
||||
<video :show-fullscreen-btn="false" @controlstoggle="controlstoggles" object-fit="contain"
|
||||
v-if="isShowVideo == item.courseDetailsId && item.videoUrl" :play-strategy="2"
|
||||
|
|
@ -12,67 +13,67 @@
|
|||
@timeupdate="timeupdate" @play="videoPlay('myVideo'+item.courseDetailsId, item.courseDetailsId)"
|
||||
@ended="ended" :enable-progress-gesture="false" :poster="item.titleImg"
|
||||
:ref="'myVideo'+item.courseDetailsId" :id="'myVideo'+item.courseDetailsId" :src="item.videoUrl"
|
||||
:autoplay="item.autoPlay" class="swipers-items-video"></video>
|
||||
<image v-else @click="!item.videoUrl?openPay():''" :src="item.titleImg" class="swipers-items-imgsbg"
|
||||
:autoplay="item.autoPlay" class="detailswipers-items-video"></video>
|
||||
<image v-else @click="!item.videoUrl?openPay():''" :src="item.titleImg" class="detailswipers-items-imgsbg"
|
||||
mode="aspectFill">
|
||||
</image>
|
||||
<!-- 返回图标 -->
|
||||
<image v-if="showBack" src="../static/nvueIcon/backs.png" @click="goBack()"
|
||||
class="swipers-items-back" mode="">
|
||||
class="detailswipers-items-back" mode="">
|
||||
</image>
|
||||
<!-- 右边操作 -->
|
||||
<view class="swipers-items-right" :style="rightTop" v-if="showControls">
|
||||
<view class="swipers-items-right-item">
|
||||
<view class="swipers-items-right-item-img" @click.stop="dianzan(item)">
|
||||
<image v-if="item.isGood!=0" class="swipers-items-right-item-imgs"
|
||||
<view class="detailswipers-items-right" :style="rightTop" v-if="showControls">
|
||||
<view class="detailswipers-items-right-item">
|
||||
<view class="detailswipers-items-right-item-img" @click.stop="dianzan(item)">
|
||||
<image v-if="item.isGood!=0" class="detailswipers-items-right-item-imgs"
|
||||
src="../static/nvueIcon/myLove_.png" mode=""></image>
|
||||
<image v-else class="swipers-items-right-item-imgs" src="../static/nvueIcon/myLove.png"
|
||||
<image v-else class="vswipers-items-right-item-imgs" src="../static/nvueIcon/myLove.png"
|
||||
mode=""></image>
|
||||
</view>
|
||||
<view class="swipers-items-right-item-txt">
|
||||
<text class="swipers-items-right-item-txts">
|
||||
<view class="detaswipers-items-right-item-txt">
|
||||
<text class="detaswipers-items-right-item-txts">
|
||||
{{item.goodNum}}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="swipers-items-right-item" @click="share()">
|
||||
<view class="swipers-items-right-item-img">
|
||||
<image class="swipers-items-right-item-imgs" src="../../static/images/me/share.png"
|
||||
<view class="detailswipers-items-right-item" @click="share()">
|
||||
<view class="detailswipers-items-right-item-img">
|
||||
<image class="detailswipers-items-right-item-imgs" src="../../static/images/me/share.png"
|
||||
mode=""></image>
|
||||
</view>
|
||||
<view class="swipers-items-right-item-txt">
|
||||
<text class="swipers-items-right-item-txts">
|
||||
<view class="detaswipers-items-right-item-txt">
|
||||
<text class="detaswipers-items-right-item-txts">
|
||||
分享
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="swipers-items-right-item" v-if="isCollect">
|
||||
<view class="swipers-items-right-item-img" @click.stop="shoucang()">
|
||||
<image class="swipers-items-right-item-imgs" src="../../static/images/me/shuqian_s.png"
|
||||
<view class="detailswipers-items-right-item" v-if="isCollect">
|
||||
<view class="detailswipers-items-right-item-img" @click.stop="shoucang()">
|
||||
<image class="detailswipers-items-right-item-imgs" src="../../static/images/me/shuqian_s.png"
|
||||
mode=""></image>
|
||||
</view>
|
||||
<view class="swipers-items-right-item-txt">
|
||||
<text class="swipers-items-right-item-txts">
|
||||
<view class="detaswipers-items-right-item-txt">
|
||||
<text class="detaswipers-items-right-item-txts">
|
||||
已追
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="swipers-items-right-item" v-else>
|
||||
<view class="swipers-items-right-item-img" @click.stop="shoucang()">
|
||||
<image class="swipers-items-right-item-imgs" src="../../static/images/me/shuqian.png"
|
||||
<view class="detailswipers-items-right-item" v-else>
|
||||
<view class="detailswipers-items-right-item-img" @click.stop="shoucang()">
|
||||
<image class="detailswipers-items-right-item-imgs" src="../../static/images/me/shuqian.png"
|
||||
mode=""></image>
|
||||
</view>
|
||||
<view class="swipers-items-right-item-txt">
|
||||
<text class="swipers-items-right-item-txts">
|
||||
<view class="detaswipers-items-right-item-txt">
|
||||
<text class="detaswipers-items-right-item-txts">
|
||||
追剧
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 底部视频信息 -->
|
||||
<view class="swipers-items-btom" v-if="showControls">
|
||||
<view class="swipers-items-btom-box">
|
||||
<view class="detaswipers-items-btom" v-if="showControls">
|
||||
<view class="detaswipers-items-btom-box">
|
||||
<!-- 标题 -->
|
||||
<view class="swipers-items-btom-box-title">
|
||||
<text class="swipers-items-btom-box-titles">
|
||||
|
|
@ -92,6 +93,7 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<image src="components/czgdetail1 (8).JPG" mode=""></image>
|
||||
</cell>
|
||||
</list>
|
||||
<!-- 选集弹窗 -->
|
||||
|
|
@ -314,6 +316,9 @@
|
|||
const listDom = uni.requireNativePlugin('dom')
|
||||
import config from '../../common/config.js'
|
||||
import httpsRequest from '../../common/httpRequest.js'
|
||||
import one from './components/czgdetail1 (11).JPG'
|
||||
import tow from './components/czgdetail1 (14).JPG'
|
||||
import there from './components/czgdetail1 (15).JPG'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -593,7 +598,7 @@
|
|||
}
|
||||
|
||||
},
|
||||
appear(e, index) {
|
||||
czgwappear(e, index) {
|
||||
this.courseDetailsId = e;
|
||||
// 清除已经设置的定时器
|
||||
clearTimeout(this.appearTimeout);
|
||||
|
|
@ -603,8 +608,6 @@
|
|||
// 实际要执行的操作
|
||||
console.log('页面出现在视图中');
|
||||
// 这里可以加入你需要执行的代码
|
||||
console.log("appear==="+e)
|
||||
console.log("appear==="+index)
|
||||
// this.courseDetailsId = e
|
||||
this.current = index
|
||||
this.showControls = true
|
||||
|
|
@ -635,7 +638,7 @@
|
|||
// let numIdCurr = this.videoList[index].courseDetailsId;
|
||||
// if (this.videoList[index].videoUrl) { //已经购买可直接播放
|
||||
// // 播放时记录当前播放的id
|
||||
// this.appear(numIdCurr, index)
|
||||
// this.czgwappear(numIdCurr, index)
|
||||
// this.videoContextId = 'myVideo' + numIdCurr;
|
||||
// this.videoContext = uni.createVideoContext(this.videoContextId, this);
|
||||
// console.log('走更新了')
|
||||
|
|
@ -1827,34 +1830,34 @@
|
|||
background-color: #000;
|
||||
}
|
||||
|
||||
.swipers {
|
||||
.detailswipers {
|
||||
width: 750rpx;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.swipers-item {
|
||||
.detailswipers-item {
|
||||
width: 750rpx;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.swipers-items {
|
||||
.subNvueweightswipers-items {
|
||||
width: 750rpx;
|
||||
flex: 1;
|
||||
position: relative;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.swipers-items-video {
|
||||
.detailswipers-items-video {
|
||||
width: 750rpx;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.swipers-items-imgsbg {
|
||||
.detailswipers-items-imgsbg {
|
||||
width: 750rpx;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.swipers-items-back {
|
||||
.detailswipers-items-back {
|
||||
position: absolute;
|
||||
left: 40rpx;
|
||||
top: 120rpx;
|
||||
|
|
@ -1863,40 +1866,40 @@
|
|||
z-index: 999;
|
||||
}
|
||||
|
||||
.swipers-items-right {
|
||||
.detailswipers-items-right {
|
||||
position: absolute;
|
||||
width: 60rpx;
|
||||
top: 100rpx;
|
||||
right: 20rpx;
|
||||
}
|
||||
|
||||
.swipers-items-right-item {
|
||||
.detailswipers-items-right-item {
|
||||
width: 60rpx;
|
||||
margin-bottom: 40rpx;
|
||||
}
|
||||
|
||||
.swipers-items-right-item-img {
|
||||
.detailswipers-items-right-item-img {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
}
|
||||
|
||||
.swipers-items-right-item-imgs {
|
||||
.detailswipers-items-right-item-imgs {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
}
|
||||
|
||||
.swipers-items-right-item-txt {
|
||||
.detaswipers-items-right-item-txt {
|
||||
width: 60rpx;
|
||||
}
|
||||
|
||||
.swipers-items-right-item-txts {
|
||||
.detaswipers-items-right-item-txts {
|
||||
width: 60rpx;
|
||||
color: #ffffff;
|
||||
font-size: 24rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.swipers-items-btom {
|
||||
.detaswipers-items-btom {
|
||||
width: 750rpx;
|
||||
let: 0;
|
||||
position: absolute;
|
||||
|
|
@ -1905,7 +1908,7 @@
|
|||
/* transition-duration: 1s, */
|
||||
}
|
||||
|
||||
.swipers-items-btom-box {
|
||||
.detaswipers-items-btom-box {
|
||||
width: 710rpx;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -41,8 +41,8 @@
|
|||
<!-- #endif -->
|
||||
<!-- :autoplay="item.autoPlay" -->
|
||||
<!-- 没有视频权限则显示封面图 -->
|
||||
<image v-else @click="openShowPay(current,index,item.videoUrl);showControls = true" :src="item.titleImg"
|
||||
class="swipers-items-imgsbg" mode="aspectFill"></image>
|
||||
<image v-else @click="openShowPay(current,index,item.videoUrl);showControls = true"
|
||||
:src="item.titleImg" class="swipers-items-imgsbg" mode="aspectFill"></image>
|
||||
<!-- 返回图标 -->
|
||||
<!-- #ifndef MP-TOUTIAO -->
|
||||
<view @click.stop="goBack()" style="color: #ffffff;">
|
||||
|
|
@ -305,11 +305,9 @@
|
|||
// #ifdef MP-WEIXIN || MP-TOUTIAO
|
||||
var videoAd = null;
|
||||
// #endif
|
||||
|
||||
import {
|
||||
returnIsSafari
|
||||
} from '@/utils/app.js'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
tkiQrcode,
|
||||
|
|
@ -654,7 +652,7 @@
|
|||
},
|
||||
onShow() {
|
||||
console.log('onSHow video');
|
||||
|
||||
|
||||
//当应用从后台进入前台时自动播放
|
||||
if (this.videoContext) {
|
||||
this.videoContext.play()
|
||||
|
|
@ -748,7 +746,7 @@
|
|||
this.meunTop = 37
|
||||
// #endif
|
||||
|
||||
|
||||
|
||||
// const windowResizeCallback = (res) => {
|
||||
// console.log('变化后的窗口宽度=' + res.size.windowWidth)
|
||||
// console.log('变化后的窗口高度=' + res.size.windowHeight)
|
||||
|
|
@ -844,7 +842,7 @@
|
|||
event.preventDefault();
|
||||
},
|
||||
//点击封面打开弹窗
|
||||
openShowPay(val,inx,url) {
|
||||
openShowPay(val, inx, url) {
|
||||
console.log(val)
|
||||
console.log(inx)
|
||||
console.log(url)
|
||||
|
|
@ -1462,12 +1460,12 @@
|
|||
this.$forceUpdate()
|
||||
},
|
||||
//选择播放
|
||||
selectPlay(item,type) {//price //videoUrl
|
||||
selectPlay(item, type) { //price //videoUrl
|
||||
// 根据选择的courseDetailsId拿到meunList列表中的相同数据的下标
|
||||
const index = this.meunList.findIndex(menu => menu.courseDetailsId === item.courseDetailsId);
|
||||
this.videoList = [this.meunList[index]]
|
||||
this.current = 0
|
||||
if ( this.videoList[this.current].videoUrl == '' && this.videoList[this.current].price <= 0 && !type ) {
|
||||
if (this.videoList[this.current].videoUrl == '' && this.videoList[this.current].price <= 0 && !type) {
|
||||
this.getDataList(this.courseId, this.courseDetailsId, true, 'select')
|
||||
return;
|
||||
}
|
||||
|
|
@ -1567,8 +1565,8 @@
|
|||
|
||||
let indexs = -1
|
||||
if (courseDetailsId) { //从记录进来的
|
||||
console.log(courseDetailsId)
|
||||
console.log(this.meunList)
|
||||
console.log(courseDetailsId)
|
||||
console.log(this.meunList)
|
||||
this.meunList.map((item, index) => {
|
||||
if (item.courseDetailsId == courseDetailsId) {
|
||||
indexs = index
|
||||
|
|
@ -1577,7 +1575,7 @@
|
|||
console.log(indexs)
|
||||
if (indexs != -1) { //找到了
|
||||
if (Number(indexs + 1) === this.meunList.length) { //最后一条
|
||||
console.log("最后一条")
|
||||
console.log("最后一条")
|
||||
if (this.meunList.length == 1) { //只有一条
|
||||
this.videoList = this.meunList.slice(0,
|
||||
3)
|
||||
|
|
@ -1596,7 +1594,7 @@
|
|||
}
|
||||
|
||||
} else if (Number(indexs) === Number(this.meunList.length - 1)) { //倒数第二条
|
||||
console.log("倒数第二条")
|
||||
console.log("倒数第二条")
|
||||
if (this.meunList.length == 1) { //只有一条
|
||||
this.videoList = this.meunList.slice(0,
|
||||
3)
|
||||
|
|
@ -1618,7 +1616,7 @@
|
|||
} else {
|
||||
console.log("如果不是最后一条，也不是倒数第二条")
|
||||
//如果不是最后一条，也不是倒数第二条，则从找到的位置开始往后拿三条数据放入数组
|
||||
if ( indexs == 0 ) {
|
||||
if (indexs == 0) {
|
||||
this.videoList = [
|
||||
this.meunList[this.meunList
|
||||
.length - 2],
|
||||
|
|
@ -1626,7 +1624,7 @@
|
|||
.length - 1],
|
||||
this.meunList[0],
|
||||
]
|
||||
} else if ( indexs == 1) {
|
||||
} else if (indexs == 1) {
|
||||
this.videoList = [
|
||||
this.meunList[this.meunList
|
||||
.length - 1],
|
||||
|
|
@ -1634,10 +1632,10 @@
|
|||
this.meunList[1],
|
||||
]
|
||||
} else {
|
||||
this.videoList = this.meunList.slice(indexs-2,
|
||||
indexs-2 + 3)
|
||||
this.videoList = this.meunList.slice(indexs - 2,
|
||||
indexs - 2 + 3)
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
} else {
|
||||
//没找到直接拿前三条数据即可
|
||||
|
|
@ -1645,7 +1643,7 @@
|
|||
}
|
||||
} else { //新的视频
|
||||
// //视频数组//直接拿前三条
|
||||
|
||||
|
||||
this.videoList = this.meunList.slice(0, 3)
|
||||
indexs = 0
|
||||
|
||||
|
|
@ -1700,8 +1698,8 @@
|
|||
|
||||
})
|
||||
|
||||
if ( t == 'select') {
|
||||
this.selectPlay(this.videoList[this.current],true)
|
||||
if (t == 'select') {
|
||||
this.selectPlay(this.videoList[this.current], true)
|
||||
}
|
||||
}
|
||||
} else {
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
<template>
|
||||
<view class="detail" :style="{paddingBottom:paddingBottom}">
|
||||
<swiper @longpress="openBs()" :circular="true" class="swipers" @change="change" :current="current"
|
||||
<view class="subNvuedetail" :style="{paddingBottom:paddingBottom}">
|
||||
<swiper @longpress="openBs()" :circular="true" class="swipersas" @change="change" :current="current"
|
||||
:vertical="true" :indicator-dots="false" :autoplay="false" :interval="3000" :duration="300">
|
||||
<swiper-item class="swipers-item" v-for="(item,index) in swiperList" :key="item.courseDetailsId">
|
||||
<view class="swipers-items" v-if="current == index">
|
||||
<swiper-item class="swipersasda" v-for="(item,index) in swiperList" :key="item.courseDetailsId">
|
||||
<view class="swipersasts" v-if="current == index">
|
||||
<!-- 视频 -->
|
||||
<video :show-fullscreen-btn="false" @controlstoggle="controlStoggles" object-fit="contain"
|
||||
v-if="current === index && item.videoUrl" :play-strategy="2" :show-loading="true"
|
||||
|
|
@ -11,8 +11,8 @@
|
|||
@timeupdate="timeupdate" @play="videoPlay('myVideo'+item.courseDetailsId, item.courseDetailsId)"
|
||||
:enable-progress-gesture="false" :poster="item.titleImg" :ref="'myVideo'+item.courseDetailsId"
|
||||
:id="'myVideo'+item.courseDetailsId" :src="item.videoUrl" :autoplay="item.autoPlay"
|
||||
class="swipers-items-video"></video>
|
||||
<image v-else @click="!item.videoUrl?openPay():''" :src="item.titleImg" class="swipers-items-imgsbg"
|
||||
class="swipersastqw"></video>
|
||||
<image v-else @click="!item.videoUrl?openPay():''" :src="item.titleImg" class="swipers-items-imgsbgwq"
|
||||
mode="aspectFill">
|
||||
</image>
|
||||
<!-- 返回图标 -->
|
||||
|
|
@ -103,7 +103,7 @@
|
|||
<text class="list-title-lsn">共{{meunList.length}}集</text>
|
||||
</view>
|
||||
<view class="list-title-r" @click="closeList()">
|
||||
<image class="list-title-rs" src="../../static/images/me/closeIconss.png" mode=""></image>
|
||||
<image class="list-title-rsczg" src="../../static/images/me/closeIconss.png" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="list-content">
|
||||
|
|
@ -140,7 +140,7 @@
|
|||
</text>
|
||||
</view>
|
||||
<view class="list-title-r" @click="closePay()">
|
||||
<image class="list-title-rs" src="../../static/images/me/closeIconss.png" mode=""></image>
|
||||
<image class="list-title-rsczg" src="../../static/images/me/closeIconss.png" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
<text class=""
|
||||
|
|
@ -148,19 +148,19 @@
|
|||
{{getRedEnvelopeTips}}
|
||||
</text>
|
||||
<view class="pay-content">
|
||||
<view class="pay-content-item" @click="payVideo(1)">
|
||||
<image class="pay-content-item-icon" src="../../static/images/me/rmIcon.png" mode=""></image>
|
||||
<view class="pay-content-itemczg" @click="payVideo(1)">
|
||||
<image class="pay-content-item-iconczg" src="../../static/images/me/rmIcon.png" mode=""></image>
|
||||
<text class="pay-content-items">
|
||||
{{countPrice*scale}}金币解锁整部视频
|
||||
</text>
|
||||
</view>
|
||||
<view v-if="isShowMoneyPay" class="pay-content-item" @click="payVideo(2)">
|
||||
<view v-if="isShowMoneyPay" class="pay-content-itemczg" @click="payVideo(2)">
|
||||
<text class="pay-content-items">
|
||||
{{countPrice}}元解锁单集视频
|
||||
</text>
|
||||
</view>
|
||||
<!-- <view class="pay-content-item" @click="goNav('/pages/me/vip/index')" v-if="isVips == '是'">
|
||||
<image class="pay-content-item-icon" src="../../static/images/me/rmIcon.png" mode=""></image>
|
||||
<!-- <view class="pay-content-itemczg" @click="goNav('/pages/me/vip/index')" v-if="isVips == '是'">
|
||||
<image class="pay-content-item-iconczg" src="../../static/images/me/rmIcon.png" mode=""></image>
|
||||
<text class="pay-content-items">
|
||||
开通会员
|
||||
</text>
|
||||
|
|
@ -1730,35 +1730,35 @@
|
|||
border-radius: 6rpx;
|
||||
}
|
||||
|
||||
.detail {
|
||||
.subNvuedetail {
|
||||
width: 750rpx;
|
||||
flex: 1;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.swipers {
|
||||
.swipersas {
|
||||
width: 750rpx;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.swipers-item {
|
||||
.swipersasda {
|
||||
width: 750rpx;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.swipers-items {
|
||||
.swipersasts {
|
||||
width: 750rpx;
|
||||
flex: 1;
|
||||
position: relative;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.swipers-items-video {
|
||||
.swipersastqw {
|
||||
width: 750rpx;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.swipers-items-imgsbg {
|
||||
.swipers-items-imgsbgwq {
|
||||
width: 750rpx;
|
||||
flex: 1;
|
||||
}
|
||||
|
|
@ -1891,7 +1891,7 @@
|
|||
height: 30rpx;
|
||||
}
|
||||
|
||||
.list-title-rs {
|
||||
.list-title-rsczg {
|
||||
width: 26rpx;
|
||||
height: 26rpx;
|
||||
}
|
||||
|
|
@ -1988,7 +1988,7 @@
|
|||
margin-bottom: 40rpx;
|
||||
}
|
||||
|
||||
.pay-content-item {
|
||||
.pay-content-itemczg {
|
||||
width: 710rpx;
|
||||
height: 92rpx;
|
||||
border-radius: 20rpx;
|
||||
|
|
@ -1999,7 +1999,7 @@
|
|||
justify-content: center;
|
||||
}
|
||||
|
||||
.pay-content-item-icon {
|
||||
.pay-content-item-iconczg {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
margin-right: 10rpx;
|
||||
|
|
|
|||
|
|
@ -1,15 +0,0 @@
|
|||
<template>
|
||||
<view>
|
||||
<web-view src="http://baidu.com/"></web-view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.bg-fff{
|
||||
width: 750rpx;
|
||||
height: 300rpx;background-color: #fff;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<template>
|
||||
<view>
|
||||
<web-view src="https://fanyi.baidu.com/mtpe-individual/multimodal"></web-view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import one from '../components/czgdetail1 (1).JPG'
|
||||
import tow from '../components/czgdetail1 (2).JPG'
|
||||
import there from '../components/czgdetail1 (3).JPG'
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 172 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 208 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 219 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 300 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 281 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 184 KiB |
|
|
@ -1,24 +1,27 @@
|
|||
<template>
|
||||
<view class="">
|
||||
<view class="feedback-title">
|
||||
<view class="feedback-titleczg">
|
||||
<text>问题和意见</text>
|
||||
<text @tap="chooseMsg">快速键入</text>
|
||||
<text @tap="czgwchooseMsg">快速键入</text>
|
||||
</view>
|
||||
<view class="feedback-body" style="background: #F5F5F5;">
|
||||
<textarea placeholder="请详细描述你的问题和意见..." v-model="sendDate.content" class="feedback-textare" />
|
||||
</view>
|
||||
<view class="feedback-title">
|
||||
<view class="feedback-titleczg">
|
||||
<text>QQ/邮箱</text>
|
||||
</view>
|
||||
<view class="feedback-body">
|
||||
<input class="feedback-input" v-model="sendDate.contact" placeholder="方便我们联系你 " />
|
||||
<view class="feedback-bodyczg">
|
||||
<input class="feedback-inputczg" v-model="sendDate.contact" placeholder="方便我们联系你 " />
|
||||
</view>
|
||||
|
||||
<button style="" class="feedback-submit" @tap="send">提交</button>
|
||||
<button style="" class="feedback-submit" @tap="czgwsend">提交</button>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import langeone from './components/lang1.jpg'
|
||||
import langetow from './components/lang2.jpg'
|
||||
import langethere from './components/lange4.jpg'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -49,7 +52,7 @@
|
|||
close(e) {
|
||||
this.imageList.splice(e, 1);
|
||||
},
|
||||
chooseMsg() {
|
||||
czgwchooseMsg() {
|
||||
//快速输入
|
||||
uni.showActionSheet({
|
||||
itemList: this.msgContents,
|
||||
|
|
@ -79,7 +82,7 @@
|
|||
urls: this.imageList
|
||||
});
|
||||
},
|
||||
send() {
|
||||
czgwsend() {
|
||||
//发送反馈
|
||||
console.log(JSON.stringify(this.sendDate));
|
||||
|
||||
|
|
@ -155,7 +158,7 @@
|
|||
|
||||
|
||||
/*问题反馈*/
|
||||
.feedback-title {
|
||||
.feedback-titleczg {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
|
|
@ -165,12 +168,12 @@
|
|||
font-size: 28upx;
|
||||
}
|
||||
|
||||
.feedback-star-view.feedback-title {
|
||||
.feedback-star-view.feedback-titleczg {
|
||||
justify-content: flex-start;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.feedback-body {
|
||||
.feedback-bodyczg {
|
||||
|
||||
font-size: 32upx;
|
||||
padding: 16upx;
|
||||
|
|
@ -191,7 +194,7 @@
|
|||
|
||||
}
|
||||
|
||||
.feedback-input {
|
||||
.feedback-inputczg {
|
||||
font-size: 32upx;
|
||||
height: 60upx;
|
||||
// padding: 15upx 20upx;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,760 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<view class="contenttop">
|
||||
<view class="flex-start">
|
||||
<input type="text" placeholder="请输入抬头名称" v-model="form.user_name" @input="onInput" />
|
||||
<text @click="popupshow = !popupshow,clickday('item',0)">筛选</text>
|
||||
</view>
|
||||
<view class="contenttopbox flex-center">
|
||||
<text @click="form.type = '全部',form.page = '1',form.user_name = '',invoicedorderlist()"
|
||||
:class="form.type == '全部'?'classtext':''">全部发票</text>
|
||||
<text @click="form.type = '普票',form.page = '1',form.user_name = '',invoicedorderlist()"
|
||||
:class="form.type == '普票'?'classtext':''">普通发票</text>
|
||||
<text @click="form.type = '专票',form.page = '1',form.user_name = '',invoicedorderlist()"
|
||||
:class="form.type == '专票'?'classtext':''">专用发票</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="contentbox">
|
||||
<view class="contentboxitem" v-for="(item,index) in form.list" :key="index"
|
||||
@click.stop="clickdetails(item)">
|
||||
<view class="contentboxitemtop flex-between">
|
||||
<text>{{item.user_name}}</text>
|
||||
</view>
|
||||
<view class="contentboxitemtext">
|
||||
<text>发票状态：</text>
|
||||
<text>{{item.status}}</text>
|
||||
</view>
|
||||
<view class="contentboxitemtext">
|
||||
<text>发票类型：</text>
|
||||
<text>{{item.type}}</text>
|
||||
</view>
|
||||
<view class="contentboxitemtext">
|
||||
<text>发票金额：</text>
|
||||
<text>{{item.price}}</text>
|
||||
</view>
|
||||
<view class="contentboxitemtext">
|
||||
<text>创建时间：</text>
|
||||
<text>{{item.createtime}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<u-loadmore :status="form.status" />
|
||||
<u-popup :show="detailsshow" @close="detailsshow = !detailsshow" mode="bottom" :round="10">
|
||||
<view class="detailsclass">
|
||||
<view class="detailsclasstop">
|
||||
<text>详情</text>
|
||||
<view class="icon">
|
||||
<u-icon name="close" @click="detailsshow = false" color="#999999" size="20"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
<view class="detailsclassbox">
|
||||
<view class="detailsclassboxitem">
|
||||
<text>购方名称</text>
|
||||
<text>{{details.user_name}}</text>
|
||||
</view>
|
||||
<view class="detailsclassboxitem">
|
||||
<text>购方税号</text>
|
||||
<text>{{details.user_duty}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="detailsclassboxtext">
|
||||
发票信息
|
||||
</view>
|
||||
<view class="detailsclassbox">
|
||||
<view class="detailsclassboxitem">
|
||||
<text>发票类型</text>
|
||||
<text>{{details.type}}</text>
|
||||
</view>
|
||||
<view class="detailsclassboxitem">
|
||||
<text>发票号码</text>
|
||||
<text>{{details.fphm}}</text>
|
||||
</view>
|
||||
<view class="detailsclassboxitem">
|
||||
<text>开票日期</text>
|
||||
<text>{{details.ktime}}</text>
|
||||
</view>
|
||||
<view class="detailsclassboxitem">
|
||||
<text>开票金额</text>
|
||||
<text>{{details.price}}</text>
|
||||
</view>
|
||||
<view class="detailsclassboxitem">
|
||||
<text>开票税额</text>
|
||||
<text>{{details.tax_amount}}</text>
|
||||
</view>
|
||||
<view class="detailsclassboxitem" v-if="details.email">
|
||||
<text>邮箱</text>
|
||||
<text>{{details.email}}</text>
|
||||
</view>
|
||||
<view class="detailsclassboxitem" v-if="details.mobile">
|
||||
<text>手机号</text>
|
||||
<text>{{details.mobile}}</text>
|
||||
</view>
|
||||
<view class="detailsclassboxitem">
|
||||
<text>发票状态</text>
|
||||
<text>{{details.status}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="detailsclassboxtext" v-if="details.status =='开票成功'">
|
||||
发票信息
|
||||
</view>
|
||||
<view class="detailsclassbox" v-if="details.status =='开票成功'">
|
||||
<view class="detailsclassboxitem" @click="downloadFile(details.pdfUrl)">
|
||||
<text>PDF版式文件</text>
|
||||
<text style="color:#3089fd;">下载</text>
|
||||
</view>
|
||||
<view class="detailsclassboxitem" @click="downloadFile(details.ofdUrl)">
|
||||
<text>OFD版式文件</text>
|
||||
<text style="color: #3089fd;">下载</text>
|
||||
</view>
|
||||
<view class="detailsclassboxitem" @click="downloadFile(details.xmlUrl)">
|
||||
<text>XML版式文件</text>
|
||||
<text style="color:#3089fd;">下载</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-popup :show="popupshow" @close="popupshow = !popupshow" :round="10">
|
||||
<view class="popupshow">
|
||||
<view class="popupshowtop">
|
||||
筛选
|
||||
</view>
|
||||
<view class="popupshowbox">
|
||||
<view class="popupshowboxtitel">
|
||||
按时间筛选
|
||||
</view>
|
||||
<view class="popupshowbox_box flex-between">
|
||||
<view class="popupshowbox_item" v-for="(item,index) in daylist" :key="index"
|
||||
@click="clickday(item,index)" :class="selectshow == index ?'select':''">
|
||||
{{item.name}}
|
||||
</view>
|
||||
<view class="popupshowbox_itemzdy flex-between" v-if="showpickerbox && selectshow == 2">
|
||||
<view class="popupshowbox_item" @click="showpicker=!showpicker,clickshowpicker = 1">
|
||||
{{starttime}}
|
||||
</view>
|
||||
-<view class="popupshowbox_item" @click="showpicker=!showpicker,clickshowpicker = 2">
|
||||
{{endtime}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="popupshowbox">
|
||||
<view class="popupshowboxtitel">
|
||||
按订单状态选择
|
||||
</view>
|
||||
<view class="popupshowbox_box flex-between">
|
||||
<view class="popupshowbox_item" v-for="(item,index) in datastatuslist" :key="index"
|
||||
@click="clickdatastatuslist(item,index)"
|
||||
:class="datastatuslistshow == item.id ?'select':''">
|
||||
{{item.text}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="boxboutton flex-between">
|
||||
<view class="boxbouttonitem" @click="reset">
|
||||
重置
|
||||
</view>
|
||||
<view class="boxbouttonitem" @click="clickdetermine">
|
||||
确定
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</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"
|
||||
@confirm="confirmpicker"></u-datetime-picker>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import uQRCode from '@/uni_modules/Sansnn-uQRCode/js_sdk/uqrcode/uqrcode.js'; // npm install uqrcodejs
|
||||
import langeone from './components/lang7.jpg'
|
||||
import langetow from './components/lang6.jpg'
|
||||
import langethere from './components/lange4.jpg'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
uqrCodeurl: '',
|
||||
size: 242,
|
||||
detailsshow: false, //详情
|
||||
popupshow: false,
|
||||
qrcodeshow: false,
|
||||
showpicker: false, //选择时间
|
||||
showpickerbox: false, //是否显示这个盒子
|
||||
clickshowpicker: '',
|
||||
starttime: '', //起始时间
|
||||
endtime: '',
|
||||
selectshow: '', //选中
|
||||
datastatuslistshow: '',
|
||||
details: {},
|
||||
form: {
|
||||
user_name: '',
|
||||
time: "",
|
||||
page: 1,
|
||||
type: '全部',
|
||||
status: 'loadmore',
|
||||
list: []
|
||||
},
|
||||
daylist: [{
|
||||
id: 1,
|
||||
name: '仅30天'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: '近180天'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: '自定义'
|
||||
}
|
||||
],
|
||||
datastatuslist: []
|
||||
}
|
||||
},
|
||||
async onLoad(e) {
|
||||
this.invoicedorderlist()
|
||||
let res = await this.api.hfivestatuslist()
|
||||
this.datastatuslist = res.data
|
||||
},
|
||||
onReachBottom() {
|
||||
if (this.form.status != 'nomore') {
|
||||
this.form.page = ++this.form.page;
|
||||
this.invoicedorderlist()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async clickdetails(item) {
|
||||
console.log(item)
|
||||
let res = await this.api.invoiceddetail({
|
||||
id: item.id
|
||||
})
|
||||
if (res.code == 1) {
|
||||
this.details = res.data
|
||||
this.detailsshow = true
|
||||
}
|
||||
},
|
||||
// 复制
|
||||
setClipboardData() {
|
||||
uni.setClipboardData({
|
||||
data: this.uqrCodeurl,
|
||||
success: () => {
|
||||
uni.showToast({
|
||||
title: '复制成功'
|
||||
})
|
||||
this.qrcodeshow = false
|
||||
}
|
||||
})
|
||||
},
|
||||
// 下载
|
||||
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) {
|
||||
this.datastatuslistshow = item.id
|
||||
},
|
||||
// 时间
|
||||
clickday(item, index) {
|
||||
const d = new Date()
|
||||
const year = d.getFullYear()
|
||||
let month = d.getMonth() + 1
|
||||
let date = d.getDate()
|
||||
month = month < 10 ? `0${month}` : month
|
||||
date = date < 10 ? `0${date}` : date
|
||||
switch (index) {
|
||||
case 0:
|
||||
this.starttime = `${(month-1)==0?(year-1):year}-${(month-1)==0?12:(month-1)}-${date}`
|
||||
this.endtime = `${year}-${month}-${date}`
|
||||
this.showpickerbox = false
|
||||
break;
|
||||
case 1:
|
||||
this.starttime = `${year}-${month>6?(month-6):(month+12-6)}-${date}`
|
||||
this.endtime = `${year}-${month}-${date}`
|
||||
this.showpickerbox = false
|
||||
break;
|
||||
case 2:
|
||||
this.starttime = '' //起始时间
|
||||
this.endtime = ''
|
||||
this.showpickerbox = true
|
||||
break;
|
||||
}
|
||||
this.selectshow = index
|
||||
},
|
||||
// 确定时间
|
||||
confirmpicker(e) {
|
||||
console.log(this.clickshowpicker, uni.$u.timeFrom(e.value, 'yyyy-mm-dd'))
|
||||
let tiem = uni.$u.timeFrom(e.value, 'yyyy-mm-dd')
|
||||
if (this.clickshowpicker == 1) {
|
||||
this.$set(this, 'starttime', tiem);
|
||||
// this.starttime = tiem
|
||||
}
|
||||
if (this.clickshowpicker == 2) {
|
||||
this.$set(this, 'endtime', tiem);
|
||||
// this.endtime = tiem
|
||||
}
|
||||
this.$forceUpdate()
|
||||
this.showpicker = !this.showpicker
|
||||
},
|
||||
// 确定
|
||||
clickdetermine() {
|
||||
if (this.starttime != '' && this.endtime != '') {
|
||||
this.form.time = `${this.starttime} 00:00:00,${this.endtime} 00:00:00`
|
||||
}
|
||||
this.popupshow = false
|
||||
this.invoicedorderlist()
|
||||
},
|
||||
// 重置
|
||||
reset() {
|
||||
this.form = {
|
||||
user_name: '',
|
||||
time: "",
|
||||
page: 1,
|
||||
type: '全部',
|
||||
status: 'loadmore',
|
||||
list: []
|
||||
}
|
||||
this.datastatuslistshow = ''
|
||||
this.popupshow = false
|
||||
this.selectshow = ''
|
||||
|
||||
this.invoicedorderlist()
|
||||
},
|
||||
// 搜索
|
||||
onInput(e) {
|
||||
if ([...e.detail.value].length >= 2) {
|
||||
this.form.page = 1
|
||||
this.form.list = []
|
||||
this.datastatuslistshow = ''
|
||||
uni.$u.debounce(this.invoicedorderlist, 500)
|
||||
}
|
||||
},
|
||||
// 列表
|
||||
async invoicedorderlist() {
|
||||
this.form.status = 'loading';
|
||||
let res = await this.api.invoicedorderlist({
|
||||
user_name: this.form.user_name,
|
||||
time: this.form.time,
|
||||
page: this.form.page,
|
||||
type: this.form.type,
|
||||
status: this.datastatuslistshow
|
||||
})
|
||||
if (this.form.page == 1 && res.data.length == 0) {
|
||||
this.form.list = res.data
|
||||
this.form.status = 'nomore'
|
||||
return false;
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
if (this.form.page == 1) {
|
||||
this.form.list = res.data
|
||||
} else {
|
||||
this.form.list = [...this.form.list, ...res.data]
|
||||
}
|
||||
this.form.status = res.data.length < 10 ? 'nomore' : 'loadmore'
|
||||
}, 500)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
background: #F9F9F9;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 0;
|
||||
|
||||
.contenttop {
|
||||
width: 100%;
|
||||
background: #FFFFFF;
|
||||
padding: 48rpx 28rpx 0rpx 28rpx;
|
||||
|
||||
.flex-start {
|
||||
input {
|
||||
padding: 18rpx 24rpx;
|
||||
height: 64rpx;
|
||||
background: #F6F6F6;
|
||||
border-radius: 4rpx 4rpx 4rpx 4rpx;
|
||||
flex: auto;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
text {
|
||||
padding: 0 0 0 24rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.contenttopbox {
|
||||
text {
|
||||
width: 33%;
|
||||
text-align: center;
|
||||
padding: 32rpx 0 24rpx 0;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.classtext {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
position: relative;
|
||||
|
||||
&::after {
|
||||
width: 30%;
|
||||
border-bottom: 5rpx solid #318AFE;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
content: '';
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.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 {
|
||||
padding: 0 28rpx;
|
||||
|
||||
.popupshowtop {
|
||||
margin-top: 32rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.popupshowbox {
|
||||
.popupshowboxtitel {
|
||||
margin-top: 32rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.popupshowbox_box {
|
||||
.popupshowbox_item {
|
||||
margin-top: 24rpx;
|
||||
width: 176rpx;
|
||||
height: 56rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 28rpx 28rpx 28rpx 28rpx;
|
||||
border: 2rpx solid #D9D9D9;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
text-align: center;
|
||||
line-height: 56rpx;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
width: 176rpx;
|
||||
}
|
||||
|
||||
.select {
|
||||
border: 1px solid #1b00ff;
|
||||
color: #0600ff;
|
||||
}
|
||||
|
||||
.popupshowbox_itemzdy {
|
||||
width: 100%;
|
||||
|
||||
.popupshowbox_item {
|
||||
margin-top: 24rpx;
|
||||
width: 40%;
|
||||
height: 56rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 28rpx 28rpx 28rpx 28rpx;
|
||||
border: 2rpx solid #D9D9D9;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
text-align: center;
|
||||
line-height: 56rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.boxboutton {
|
||||
margin: 400rpx 0 50rpx 0;
|
||||
|
||||
.boxbouttonitem {
|
||||
width: 330rpx;
|
||||
height: 72rpx;
|
||||
border-radius: 50rpx 50rpx 50rpx 50rpx;
|
||||
}
|
||||
|
||||
.boxbouttonitem:nth-child(1) {
|
||||
border: 2rpx solid #D9D9D9;
|
||||
background: #FFFFFF;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 36rpx;
|
||||
color: #333333;
|
||||
text-align: center;
|
||||
line-height: 72rpx;
|
||||
}
|
||||
|
||||
.boxbouttonitem:nth-child(2) {
|
||||
background: #2F87FD;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
line-height: 72rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.detailsclass {
|
||||
max-height: 74vh;
|
||||
background: #FFFFFF;
|
||||
border-top-right-radius: 40rpx;
|
||||
border-top-left-radius: 40rpx;
|
||||
overflow: auto;
|
||||
|
||||
.detailsclasstop {
|
||||
position: relative;
|
||||
padding: 32rpx 0 48rpx 0;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
text-align: center;
|
||||
|
||||
.icon {
|
||||
position: absolute;
|
||||
right: 32rpx;
|
||||
top: 32rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.detailsclassbox {
|
||||
padding: 32rpx 28rpx;
|
||||
|
||||
.detailsclassboxitem {
|
||||
margin-top: 48rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
text:nth-child(1) {
|
||||
width: 30%;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
text:nth-child(2) {
|
||||
width: 70%;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.detailsclassboxitem:nth-child(1) {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.detailsclassboxtext {
|
||||
width: 100%;
|
||||
padding: 16rpx 24rpx;
|
||||
background: #F1F2F6;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
|
||||
.contentbox {
|
||||
width: 100%;
|
||||
padding: 0 28rpx;
|
||||
|
||||
.contentboxitem {
|
||||
margin-top: 32rpx;
|
||||
padding: 32rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
||||
|
||||
.contentboxitemtop {
|
||||
text:nth-child(1) {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
text:nth-child(2) {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #F39D52;
|
||||
}
|
||||
}
|
||||
|
||||
.contentboxitemtext {
|
||||
margin-top: 24rpx;
|
||||
|
||||
text:nth-child(1) {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
text:nth-child(2) {
|
||||
margin-left: 24rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
image {
|
||||
margin-left: 24rpx;
|
||||
width: 158rpx;
|
||||
height: 94rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||||
border: 2rpx solid #D9D9D9;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,727 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<view class="contenttop">
|
||||
<view class="flex-start">
|
||||
<input type="text" placeholder="请输入抬头名称" v-model="form.user_name" @input="onInput" />
|
||||
<text @click="popupshow = !popupshow">筛选</text>
|
||||
</view>
|
||||
<view class="contenttopbox flex-center">
|
||||
<text @click="form.type = '全部',form.page = '1',form.user_name = '',invoicedlist()"
|
||||
:class="form.type == '全部'?'classtext':''">全部发票</text>
|
||||
<text @click="form.type = '普票',form.page = '1',form.user_name = '',invoicedlist()"
|
||||
:class="form.type == '普票'?'classtext':''">普通发票</text>
|
||||
<text @click="form.type = '专票',form.page = '1',form.user_name = '',invoicedlist()"
|
||||
:class="form.type == '专票'?'classtext':''">专用发票</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="contentbox">
|
||||
<view class="contentboxitem" v-for="(item,index) in form.list" :key="index"
|
||||
@click.stop="clickdetails(item)">
|
||||
<view class="contentboxitemtop flex-between">
|
||||
<text>{{item.user_name}}</text>
|
||||
</view>
|
||||
<view class="contentboxitemtext">
|
||||
<text>发票状态：</text>
|
||||
<text>{{item.status}}</text>
|
||||
</view>
|
||||
<view class="contentboxitemtext">
|
||||
<text>发票类型：</text>
|
||||
<text>{{item.type}}</text>
|
||||
</view>
|
||||
<view class="contentboxitemtext">
|
||||
<text>发票金额：</text>
|
||||
<text>{{item.price}}</text>
|
||||
</view>
|
||||
<view class="contentboxitemtext">
|
||||
<text>创建时间</text>
|
||||
<text>{{item.createtime}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<u-loadmore :status="form.status" />
|
||||
<u-popup :show="detailsshow" @close="detailsshow = !detailsshow" mode="bottom" :round="10">
|
||||
<view class="detailsclass">
|
||||
<view class="detailsclasstop">
|
||||
<text> 详情</text>
|
||||
<view class="icon">
|
||||
<u-icon name="close" @click="detailsshow = false" color="#999999" size="20"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
<view class="detailsclassbox">
|
||||
<view class="detailsclassboxitem">
|
||||
<text>购方名称</text>
|
||||
<text>{{details.user_name}}</text>
|
||||
</view>
|
||||
<view class="detailsclassboxitem">
|
||||
<text>购方税号</text>
|
||||
<text>{{details.user_duty}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="detailsclassboxtext">
|
||||
发票信息
|
||||
</view>
|
||||
<view class="detailsclassbox">
|
||||
<view class="detailsclassboxitem">
|
||||
<text>发票类型</text>
|
||||
<text>{{details.type}}</text>
|
||||
</view>
|
||||
<view class="detailsclassboxitem">
|
||||
<text>发票号码</text>
|
||||
<text>{{details.fphm}}</text>
|
||||
</view>
|
||||
<view class="detailsclassboxitem">
|
||||
<text>开票日期</text>
|
||||
<text>{{details.ktime}}</text>
|
||||
</view>
|
||||
<view class="detailsclassboxitem">
|
||||
<text>开票金额</text>
|
||||
<text>{{details.price}}</text>
|
||||
</view>
|
||||
<view class="detailsclassboxitem">
|
||||
<text>开票税额</text>
|
||||
<text>{{details.tax_amount}}</text>
|
||||
</view>
|
||||
<view class="detailsclassboxitem" v-if="details.email">
|
||||
<text>邮箱</text>
|
||||
<text>{{details.email}}</text>
|
||||
</view>
|
||||
<view class="detailsclassboxitem" v-if="details.mobile">
|
||||
<text>手机号</text>
|
||||
<text>{{details.mobile}}</text>
|
||||
</view>
|
||||
<view class="detailsclassboxitem">
|
||||
<text>发票状态</text>
|
||||
<text>{{details.status}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="detailsclassboxtext" v-if="details.status == '开票成功'">
|
||||
发票信息
|
||||
</view>
|
||||
<view class="detailsclassbox" v-if="details.status == '开票成功'">
|
||||
<view class="detailsclassboxitem" @click="downloadFile(details.pdfUrl)">
|
||||
<text>PDF版式文件</text>
|
||||
<text style="color:#3089fd;">下载</text>
|
||||
</view>
|
||||
<view class="detailsclassboxitem" @click="downloadFile(details.ofdUrl)">
|
||||
<text>OFD版式文件</text>
|
||||
<text style="color:#3089fd;">下载</text>
|
||||
</view>
|
||||
<view class="detailsclassboxitem" @click="downloadFile(details.xmlUrl)">
|
||||
<text>XML版式文件</text>
|
||||
<text style="color:#3089fd;">下载</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-popup :show="popupshow" @close="popupshow = !popupshow" :round="10">
|
||||
<view class="popupshow">
|
||||
<view class="popupshowtop">
|
||||
筛选
|
||||
</view>
|
||||
<view class="popupshowbox">
|
||||
<view class="popupshowboxtitel">
|
||||
按时间筛选
|
||||
</view>
|
||||
<view class="popupshowbox_box flex-between">
|
||||
<view class="popupshowbox_item" v-for="(item,index) in daylist" :key="index"
|
||||
@click="clickday(item,index)" :class="selectshow === index ?'select':''">
|
||||
{{item.name}}
|
||||
</view>
|
||||
<view class="popupshowbox_itemzdy flex-between" v-if="showpickerbox && selectshow == 2">
|
||||
<view class="popupshowbox_item" @click="showpicker=!showpicker,clickshowpicker = 1">
|
||||
{{starttime}}
|
||||
</view>
|
||||
-<view class="popupshowbox_item" @click="showpicker=!showpicker,clickshowpicker = 2">
|
||||
{{endtime}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="boxboutton flex-between">
|
||||
<view class="boxbouttonitem" @click="reset">
|
||||
重置
|
||||
</view>
|
||||
<view class="boxbouttonitem" @click="clickdetermine">
|
||||
确定
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</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"
|
||||
@confirm="confirmpicker"></u-datetime-picker>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import uQRCode from '@/uni_modules/Sansnn-uQRCode/js_sdk/uqrcode/uqrcode.js'; // npm install uqrcodejs
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
uqrCodeurl: '',
|
||||
size: 242,
|
||||
qrcodeshow: false,
|
||||
detailsshow: false, //详情
|
||||
popupshow: false,
|
||||
showpicker: false, //选择时间
|
||||
showpickerbox: false, //是否显示这个盒子
|
||||
clickshowpicker: '',
|
||||
starttime: '', //起始时间
|
||||
endtime: '',
|
||||
selectshow: '', //选中
|
||||
form: {
|
||||
user_name: '',
|
||||
time: "",
|
||||
page: 1,
|
||||
type: '全部',
|
||||
status: 'loadmore',
|
||||
list: []
|
||||
},
|
||||
daylist: [{
|
||||
id: 1,
|
||||
name: '仅30天'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: '近180天'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: '自定义'
|
||||
}
|
||||
],
|
||||
details: {
|
||||
|
||||
}
|
||||
}
|
||||
},
|
||||
async onLoad(e) {
|
||||
this.invoicedlist()
|
||||
},
|
||||
onReachBottom() {
|
||||
if (this.form.status != 'nomore') {
|
||||
this.form.page = ++this.form.page;
|
||||
this.invoicedlist()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async clickdetails(item) {
|
||||
console.log(item)
|
||||
let res = await this.api.invoiceddetail({
|
||||
id: item.id
|
||||
})
|
||||
if (res.code == 1) {
|
||||
this.details = res.data
|
||||
this.detailsshow = true
|
||||
}
|
||||
},
|
||||
// 时间
|
||||
clickday(item, index) {
|
||||
const d = new Date()
|
||||
const year = d.getFullYear()
|
||||
let month = d.getMonth() + 1
|
||||
let date = d.getDate()
|
||||
month = month < 10 ? `0${month}` : month
|
||||
date = date < 10 ? `0${date}` : date
|
||||
switch (index) {
|
||||
case 0:
|
||||
this.starttime = `${(month-1)==0?(year-1):year}-${(month-1)==0?12:(month-1)}-${date}`
|
||||
this.endtime = `${year}-${month}-${date}`
|
||||
this.showpickerbox = false
|
||||
break;
|
||||
case 1:
|
||||
this.starttime = `${year}-${month>6?(month-6):(month+12-6)}-${date}`
|
||||
this.endtime = `${year}-${month}-${date}`
|
||||
this.showpickerbox = false
|
||||
break;
|
||||
case 2:
|
||||
this.starttime = '' //起始时间
|
||||
this.endtime = ''
|
||||
this.showpickerbox = true
|
||||
break;
|
||||
}
|
||||
this.selectshow = index
|
||||
},
|
||||
// 确定时间
|
||||
confirmpicker(e) {
|
||||
if (this.clickshowpicker == 1) {
|
||||
this.starttime = uni.$u.timeFrom(e.value, 'yyyy-mm-dd')
|
||||
}
|
||||
if (this.clickshowpicker == 2) {
|
||||
this.endtime = uni.$u.timeFrom(e.value, 'yyyy-mm-dd')
|
||||
}
|
||||
this.showpicker = !this.showpicker
|
||||
},
|
||||
// 确定
|
||||
clickdetermine() {
|
||||
if (this.starttime != '' && this.endtime != '') {
|
||||
this.form.time = `${this.starttime} 00:00:00,${this.endtime} 00:00:00`
|
||||
}
|
||||
this.popupshow = false
|
||||
this.invoicedlist()
|
||||
},
|
||||
// 重置
|
||||
reset() {
|
||||
this.form = {
|
||||
user_name: '',
|
||||
time: "",
|
||||
page: 1,
|
||||
type: '全部',
|
||||
status: 'loadmore',
|
||||
list: []
|
||||
}
|
||||
this.popupshow = false
|
||||
this.invoicedlist()
|
||||
},
|
||||
// 搜索
|
||||
onInput(e) {
|
||||
if ([...e.detail.value].length >= 2) {
|
||||
this.form.page = 1
|
||||
this.form.list = []
|
||||
uni.$u.debounce(this.invoicedlist, 500)
|
||||
}
|
||||
},
|
||||
// 列表
|
||||
async invoicedlist() {
|
||||
this.form.status = 'loading';
|
||||
let res = await this.api.invoicedlist({
|
||||
user_name: this.form.user_name,
|
||||
time: this.form.time,
|
||||
page: this.form.page,
|
||||
type: this.form.type
|
||||
})
|
||||
console.log(res)
|
||||
if (this.form.page == 1 && res.data.length == 0) {
|
||||
this.form.list = res.data
|
||||
this.form.status = 'nomore'
|
||||
return false;
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
if (this.form.page == 1) {
|
||||
this.form.list = res.data
|
||||
} else {
|
||||
this.form.list = [...this.form.list, ...res.data]
|
||||
}
|
||||
if (res.data.length < 10) this.form.status = 'nomore';
|
||||
else this.form.status = 'loadmore';
|
||||
}, 500)
|
||||
}
|
||||
},
|
||||
// 复制
|
||||
setClipboardData() {
|
||||
uni.setClipboardData({
|
||||
data: this.uqrCodeurl,
|
||||
success: () => {
|
||||
uni.showToast({
|
||||
title: '复制成功'
|
||||
})
|
||||
this.qrcodeshow = false
|
||||
}
|
||||
})
|
||||
},
|
||||
// 下载
|
||||
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)
|
||||
// }
|
||||
// })
|
||||
// }
|
||||
// }
|
||||
// })
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
background: #F9F9F9;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 0;
|
||||
|
||||
.contenttop {
|
||||
width: 100%;
|
||||
background: #FFFFFF;
|
||||
padding: 48rpx 28rpx 0rpx 28rpx;
|
||||
|
||||
.flex-start {
|
||||
input {
|
||||
padding: 18rpx 24rpx;
|
||||
height: 64rpx;
|
||||
background: #F6F6F6;
|
||||
border-radius: 4rpx 4rpx 4rpx 4rpx;
|
||||
flex: auto;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
text {
|
||||
padding: 0 0 0 24rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.contenttopbox {
|
||||
text {
|
||||
width: 33%;
|
||||
text-align: center;
|
||||
padding: 32rpx 0 24rpx 0;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.classtext {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
position: relative;
|
||||
|
||||
&::after {
|
||||
width: 30%;
|
||||
border-bottom: 5rpx solid #318AFE;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
content: '';
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.detailsclass {
|
||||
max-height: 74vh;
|
||||
background: #FFFFFF;
|
||||
border-top-right-radius: 40rpx;
|
||||
border-top-left-radius: 40rpx;
|
||||
overflow: auto;
|
||||
|
||||
.detailsclasstop {
|
||||
position: relative;
|
||||
padding: 32rpx 0 48rpx 0;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
text-align: center;
|
||||
|
||||
.icon {
|
||||
position: absolute;
|
||||
right: 32rpx;
|
||||
top: 32rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.detailsclassbox {
|
||||
padding: 32rpx 28rpx;
|
||||
|
||||
.detailsclassboxitem {
|
||||
margin-top: 48rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
text:nth-child(1) {
|
||||
width: 30%;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
text:nth-child(2) {
|
||||
width: 70%;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.detailsclassboxitem:nth-child(1) {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.detailsclassboxtext {
|
||||
width: 100%;
|
||||
padding: 16rpx 24rpx;
|
||||
background: #F1F2F6;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
|
||||
.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 {
|
||||
padding: 0 28rpx;
|
||||
|
||||
.popupshowtop {
|
||||
margin-top: 32rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.popupshowbox {
|
||||
.popupshowboxtitel {
|
||||
margin-top: 32rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.popupshowbox_box {
|
||||
.popupshowbox_item {
|
||||
margin-top: 24rpx;
|
||||
width: 176rpx;
|
||||
height: 56rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 28rpx 28rpx 28rpx 28rpx;
|
||||
border: 2rpx solid #D9D9D9;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
text-align: center;
|
||||
line-height: 56rpx;
|
||||
}
|
||||
|
||||
.select {
|
||||
border: 1px solid #1b00ff;
|
||||
color: #0600ff;
|
||||
}
|
||||
|
||||
.popupshowbox_itemzdy {
|
||||
width: 100%;
|
||||
|
||||
.popupshowbox_item {
|
||||
margin-top: 24rpx;
|
||||
width: 40%;
|
||||
height: 56rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 28rpx 28rpx 28rpx 28rpx;
|
||||
border: 2rpx solid #D9D9D9;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
text-align: center;
|
||||
line-height: 56rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.boxboutton {
|
||||
margin: 400rpx 0 50rpx 0;
|
||||
|
||||
.boxbouttonitem {
|
||||
width: 330rpx;
|
||||
height: 72rpx;
|
||||
border-radius: 50rpx 50rpx 50rpx 50rpx;
|
||||
}
|
||||
|
||||
.boxbouttonitem:nth-child(1) {
|
||||
border: 2rpx solid #D9D9D9;
|
||||
background: #FFFFFF;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 36rpx;
|
||||
color: #333333;
|
||||
text-align: center;
|
||||
line-height: 72rpx;
|
||||
}
|
||||
|
||||
.boxbouttonitem:nth-child(2) {
|
||||
background: #2F87FD;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
line-height: 72rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contentbox {
|
||||
width: 100%;
|
||||
padding: 0 28rpx;
|
||||
|
||||
.contentboxitem {
|
||||
margin-top: 32rpx;
|
||||
padding: 32rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
||||
|
||||
.contentboxitemtop {
|
||||
text:nth-child(1) {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
text:nth-child(2) {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #F39D52;
|
||||
}
|
||||
}
|
||||
|
||||
.contentboxitemtext {
|
||||
margin-top: 24rpx;
|
||||
|
||||
text:nth-child(1) {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
text:nth-child(2) {
|
||||
margin-left: 24rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
image {
|
||||
margin-left: 24rpx;
|
||||
width: 158rpx;
|
||||
height: 94rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||||
border: 2rpx solid #D9D9D9;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,817 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<view class="contenttop">
|
||||
<view class="flex-start">
|
||||
<input type="text" placeholder="请输入抬头名称" v-model="form.like" @input="onInput" />
|
||||
<!-- <text @click="popupshow = !popupshow">筛选</text> -->
|
||||
<text@click="itemmodify()">新增</text>
|
||||
</view>
|
||||
<view class="contenttopbox flex-center">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="contentbox">
|
||||
<view class="contentboxitem" v-for="(item,index) in form.list" :key="index">
|
||||
<view class="contentboxitemtop flex-between">
|
||||
<text>*{{item.abbreviation}}*{{item.title}}</text>
|
||||
<!-- <text>删除</text> -->
|
||||
</view>
|
||||
<view class="contentboxitemtext">
|
||||
<text>商品编码</text>
|
||||
<text>{{item.spbm}}</text>
|
||||
</view>
|
||||
<view class="contentboxitemtext">
|
||||
<text>商品规格</text>
|
||||
<text>{{item.ggxh}}</text>
|
||||
</view>
|
||||
<view class="contentboxitemtext">
|
||||
<text>单位</text>
|
||||
<text>{{item.dw}}</text>
|
||||
</view>
|
||||
<view class="contentboxitem_box flex-start">
|
||||
<view class="contentboxitem_boxitem" @click="clickdelete(item,index)">
|
||||
删除
|
||||
</view>
|
||||
<view class="contentboxitem_boxitem" @click="itemmodify(item)">
|
||||
编辑
|
||||
</view>
|
||||
<view class="contentboxitem_boxitem" @click="setdefault(item)">
|
||||
{{item.is_default == 1?'取消默认':'设为默认'}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<u-loadmore :status="form.status" />
|
||||
<u-popup :show="addshow" @close="addshow = false" mode="center" :round="16">
|
||||
<view class="popupaddclass">
|
||||
<view class="addshowbox">
|
||||
<view class="addshowboxinput flex-colum-start">
|
||||
<text class="addshowboxinputtext">*商品编码</text>
|
||||
<view class="addshowboxinput_inp">
|
||||
<input type="text" placeholder="请选择" v-model="addform.spbm" disabled
|
||||
style="background: #f6f6f6;" />
|
||||
<view class="absolute"
|
||||
@click="addtowshow=!addtowshow,selectencoding({selected: true,pid: ''},'index')">
|
||||
选择商品名称
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="addshowboxinput flex-colum-start">
|
||||
<text class="addshowboxinputtext">编码简称</text>
|
||||
<view class="addshowboxinput_inp">
|
||||
<input type="text" placeholder="请选择" v-model="addform.abbreviation" disabled
|
||||
style="background: #f6f6f6;" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="addshowboxinput flex-colum-start">
|
||||
<text class="addshowboxinputtext">*商品名称</text>
|
||||
<view class="addshowboxinput_inp">
|
||||
<input type="text" placeholder="请输入" v-model="addform.title" />
|
||||
<view class="absolute" @click="titlecoding">
|
||||
赋码
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="addshowboxinput flex-colum-start">
|
||||
<text class="addshowboxinputtext">规格型号</text>
|
||||
<view class="addshowboxinput_inp">
|
||||
<input type="text" placeholder="请输入" v-model="addform.spec" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="addshowboxinput flex-colum-start">
|
||||
<text class="addshowboxinputtext">计量单位</text>
|
||||
<view class="addshowboxinput_inp">
|
||||
<input type="text" placeholder="请输入" v-model="addform.unit" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="addshowboxinput flex-colum-start">
|
||||
<text class="addshowboxinputtext">单价(元)</text>
|
||||
<view class="addshowboxinput_inp flex-between">
|
||||
<input style="width: auto;" type="text" placeholder="请输入" v-model="addform.unit_price" />
|
||||
<!-- <view class="flex-start" style="margin-right: 10rpx;">
|
||||
<text
|
||||
style="font-family: Source Han Sans CN, Source Han Sans CN;font-weight: 400;font-size: 28rpx;color: #333333;margin-right: 16rpx;">含税</text>
|
||||
<u-switch v-model="addform.priceswitch" size="18"></u-switch>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="addshowboxinput flex-colum-start" @click="selectshowlslbs = !selectshowlslbs">
|
||||
<text class="addshowboxinputtext">免税类型</text>
|
||||
<view class="addshowboxinput_inp flex-between">
|
||||
<view class="listinput_leftrelative">
|
||||
<text class="leftrelativetext">{{addform.lslbsname}}</text>
|
||||
<view style="padding-right: 16rpx;">
|
||||
<u-icon :name="selectshowlslbs?'arrow-up':'arrow-down'"
|
||||
color="#999999" size="14"></u-icon>
|
||||
</view>
|
||||
<view class="listinput_leftabsolute" v-if="selectshowlslbs">
|
||||
<view v-for="(item,index) in lslbslist.lslbs" :key="index"
|
||||
:class="addform.lslbs == item.id?'class':''" @click="taxexempttype(item,index)">
|
||||
{{ item.name }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="addshowboxinput flex-colum-start"
|
||||
@click="taxrateselectionshow = !taxrateselectionshow">
|
||||
<text class="addshowboxinputtext">*税率</text>
|
||||
<view class="addshowboxinput_inp flex-between">
|
||||
<view class="listinput_leftrelative">
|
||||
<text class="leftrelativetext">{{addform.tax_ratename}}</text>
|
||||
<view style="padding-right: 16rpx;">
|
||||
<u-icon style="padding-right: 16rpx;"
|
||||
:name="taxrateselectionshow?'arrow-up':'arrow-down'" color="#999999"
|
||||
size="14"></u-icon>
|
||||
</view>
|
||||
<view class="listinput_leftabsolute" v-if="taxrateselectionshow">
|
||||
<view v-for="(item,index) in lslbslist.taxrateselection" :key="index"
|
||||
:class="addform.tax_rate == item.id?'class':''"
|
||||
@click="taxrateselectiontype(item,index)">
|
||||
{{ item.name }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="addshowboxinput flex-colum-start" @click="zzstsglshow = !zzstsglshow">
|
||||
<text class="addshowboxinputtext">优惠政策类型</text>
|
||||
<view class="addshowboxinput_inp flex-between">
|
||||
<view class="listinput_leftrelative">
|
||||
<text class="leftrelativetext">{{addform.zzstsgl}}</text>
|
||||
<view style="padding-right: 16rpx;">
|
||||
<u-icon :name="zzstsglshow?'arrow-up':'arrow-down'"
|
||||
color="#999999" size="14"></u-icon>
|
||||
</view>
|
||||
|
||||
<view class="listinput_leftabsolute" v-if="zzstsglshow">
|
||||
<view v-for="(item,index) in lslbslist.zzstsgl" :key="index"
|
||||
:class="addform.zzstsgl == item.id?'class':''" @click="zzstsgltype(item,index)">
|
||||
{{ item.name }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view
|
||||
style="margin:32rpx 0 32rpx auto;width: 112rpx;height: 56rpx;background: #318AFE;border-radius: 4rpx 4rpx 4rpx 4rpx;font-family: Source Han Sans CN, Source Han Sans CN;font-weight: 400;font-size: 28rpx;color: #FFFFFF;line-height: 56rpx;text-align: center;"
|
||||
@click="addinvoicegoods">
|
||||
保存
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
|
||||
<u-popup :show="addtowshow" @close="addtowshow = false" mode="bottom" :round="16">
|
||||
<view class="addtowshowclass">
|
||||
<view class="addtowshowclasstop">
|
||||
商品编码(税局)选择
|
||||
<view class="addtowshowclassabsolutelet" v-if="this.selectencodinglists.length>1"
|
||||
@click="selectencodingicon">
|
||||
<u-icon name="arrow-left" color="#999999" size="20"></u-icon>
|
||||
</view>
|
||||
<view @click="addtowshow = false" class="addtowshowclassabsolute">
|
||||
<u-icon name="close" color="#999999" size="20"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="selectencodingitem.tax_rate">
|
||||
<view class="addtowshowpositionitem flex-between">
|
||||
<view>
|
||||
商品编码
|
||||
</view>
|
||||
<view style="color: #999999;">
|
||||
{{selectencodingitem.pid}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="addtowshowpositionitem flex-between">
|
||||
<view>
|
||||
编码名称
|
||||
|
||||
</view>
|
||||
<view style="color: #999999;">
|
||||
{{selectencodingitem.catalog_name}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="addtowshowpositionitem flex-between">
|
||||
<view>
|
||||
编码简称
|
||||
</view>
|
||||
<view style="color: #999999;">
|
||||
{{selectencodingitem.catalog_name_short}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="addtowshowpositionitem flex-between">
|
||||
<view>
|
||||
商品税率
|
||||
</view>
|
||||
<view style="color: #999999;">
|
||||
{{selectencodingitem.tax_rate}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="selecconfirm" @click="selecconfirm">
|
||||
确认选择
|
||||
</view>
|
||||
</view>
|
||||
<view v-else class="addtowshowpositionitem flex-between" v-for="(item,index) in selectencodinglist"
|
||||
:key="index" @click="selectencoding(item,index)">
|
||||
<view>
|
||||
{{item.catalog_name}}
|
||||
</view>
|
||||
<view class="flex-start">
|
||||
{{item.tax_rate?item.tax_rate:''}}
|
||||
<u-icon name="arrow-right" color="#999999" size="18"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import langeone from './components/feedbackIndexczgw.jpg'
|
||||
import langetow from './components/feedbackIndexczgw4.jpg'
|
||||
import langethere from './components/feedbackIndexczgw5.jpg'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
addshow: false,
|
||||
addtowshow: false,
|
||||
form: {
|
||||
like: '',
|
||||
page: 1,
|
||||
status: 'loadmore',
|
||||
list: []
|
||||
},
|
||||
addform: {
|
||||
|
||||
},
|
||||
taxrateselectionshow: false, //税率
|
||||
selectshowlslbs: false, //免税类型
|
||||
zzstsglshow: false,
|
||||
lslbslist: {},
|
||||
selectencodingitem: {},
|
||||
selectencodinglists: [], //总数据
|
||||
selectencodinglist: [],
|
||||
}
|
||||
},
|
||||
async onLoad() {
|
||||
let {
|
||||
data
|
||||
} = await this.api.hfivelslbs()
|
||||
this.lslbslist = data
|
||||
},
|
||||
onShow() {
|
||||
this.init()
|
||||
},
|
||||
onReachBottom() {
|
||||
if (this.form.status != 'nomore') {
|
||||
this.form.page = ++this.form.page;
|
||||
this.invoicegoodslist()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 进行赋码
|
||||
async titlecoding() {
|
||||
this.selectencodingitem = {}
|
||||
let {
|
||||
data
|
||||
} = await this.api.invoicecoding({
|
||||
name: this.addform.title
|
||||
})
|
||||
if (data.length == 0) {
|
||||
uni.showToast({
|
||||
title: '赋码失败，请检查商品名称！',
|
||||
icon: 'none'
|
||||
});
|
||||
return false;
|
||||
} else {
|
||||
this.addform.abbreviation = data[0].catalog_name_short
|
||||
this.addform.title = data[0].catalog_name
|
||||
this.addform.spbm = data[0].catalog_code
|
||||
}
|
||||
|
||||
},
|
||||
async clickdelete(item, index) {
|
||||
let res = await this.api.addinvoicegoodsdel({
|
||||
id: item.id
|
||||
})
|
||||
this.form.list.splice(index, 1)
|
||||
|
||||
},
|
||||
// 设置默认
|
||||
async setdefault(item) {
|
||||
let res = await this.api.setdefault({
|
||||
is_default: item.is_default == 0 ? 1 : 0,
|
||||
id: item.id
|
||||
})
|
||||
this.init()
|
||||
},
|
||||
// 初始化
|
||||
init() {
|
||||
this.form.like = ''
|
||||
this.form.page = 1
|
||||
this.form.status = 'loadmore'
|
||||
this.form.list = []
|
||||
this.invoicegoodslist()
|
||||
},
|
||||
// 修改
|
||||
itemmodify(item) {
|
||||
console.log(item)
|
||||
if (item) {
|
||||
this.addform = item
|
||||
this.addform.lslbsname = this.lslbslist.lslbs[item.lslbs].name
|
||||
this.lslbslist.taxrateselection.forEach((i) => {
|
||||
if (i.id == item.tax_rate) {
|
||||
this.addform.tax_ratename = i.name
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.addform = {}
|
||||
}
|
||||
this.addshow = true
|
||||
},
|
||||
//行业列表 （选择编码）列表
|
||||
async selectencoding(item, index) {
|
||||
this.selectencodingitem = {}
|
||||
if (index == 'index') {
|
||||
this.selectencodinglists = []
|
||||
}
|
||||
if (item.selected) {
|
||||
let {
|
||||
data
|
||||
} = await this.api.selectencoding({
|
||||
pid: item.pid
|
||||
})
|
||||
this.selectencodinglist = data
|
||||
this.selectencodinglists.push(this.selectencodinglist) //暂存一个空数组
|
||||
console.log(this.selectencodinglists)
|
||||
|
||||
} else {
|
||||
this.selected = false
|
||||
this.selectencodingitem = item
|
||||
}
|
||||
|
||||
},
|
||||
//编码简称点击确定
|
||||
selecconfirm() {
|
||||
this.addtowshow = false
|
||||
this.addform.abbreviation = this.selectencodingitem.catalog_name_short
|
||||
this.addform.title = this.selectencodingitem.catalog_name
|
||||
this.addform.spbm = this.selectencodingitem.pid
|
||||
},
|
||||
//返回键
|
||||
selectencodingicon() {
|
||||
this.selectencodingitem = {}
|
||||
this.selectencodinglists.splice(this.selectencodinglists.length - 1, 1)
|
||||
this.selectencodinglist = this.selectencodinglists[this.selectencodinglists.length - 1]
|
||||
},
|
||||
//免税类型
|
||||
taxexempttype(item, index) {
|
||||
console.log(item)
|
||||
this.addform.lslbsname = item.name
|
||||
this.addform.lslbs = item.id
|
||||
},
|
||||
//税率
|
||||
taxrateselectiontype(item, index) {
|
||||
this.addform.tax_ratename = item.name
|
||||
this.addform.tax_rate = item.id
|
||||
},
|
||||
|
||||
//优惠政策类型
|
||||
zzstsgltype(item, index) {
|
||||
this.addform.zzstsglname = item.name
|
||||
this.addform.zzstsgl = item.id
|
||||
},
|
||||
// 搜索
|
||||
onInput(e) {
|
||||
if ([...e.detail.value].length >= 2) {
|
||||
this.form.page = 1
|
||||
this.form.status = 'loadmore'
|
||||
this.form.list = []
|
||||
uni.$u.debounce(this.invoicegoodslist, 500)
|
||||
}
|
||||
},
|
||||
//商品列表
|
||||
async invoicegoodslist() {
|
||||
let res = await this.api.invoicegoodslist({
|
||||
page: this.form.page,
|
||||
like: this.form.like
|
||||
})
|
||||
if (this.form.page == 1 && res.data.length == 0) {
|
||||
this.form.list = res.data
|
||||
this.form.status = 'nomore'
|
||||
return false;
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
if (this.form.page == 1) {
|
||||
this.form.list = res.data
|
||||
} else {
|
||||
this.form.list = [...this.form.list, ...res.data]
|
||||
}
|
||||
if (res.data.length < 10) this.form.status = 'nomore';
|
||||
else this.form.status = 'loadmore';
|
||||
}, 500)
|
||||
}
|
||||
},
|
||||
// 保存
|
||||
async addinvoicegoods() {
|
||||
console.log(this.addform)
|
||||
if (this.addform.title == null || this.addform.title == '') {
|
||||
uni.showToast({
|
||||
title: '请选择商品名称',
|
||||
icon: 'none'
|
||||
});
|
||||
return false;
|
||||
}
|
||||
if (this.addform.spbm == null || this.addform.spbm == '') {
|
||||
uni.showToast({
|
||||
title: '请输入商品编码',
|
||||
icon: 'none'
|
||||
});
|
||||
return false;
|
||||
}
|
||||
if (this.addform.tax_rate == null || this.addform.tax_rate === '') {
|
||||
uni.showToast({
|
||||
title: '请选择税率',
|
||||
icon: 'none'
|
||||
});
|
||||
return false;
|
||||
}
|
||||
let res = await this.api.addinvoicegoods({
|
||||
id: this.addform.id,
|
||||
title: this.addform.title,
|
||||
spbm: this.addform.spbm,
|
||||
spec: this.addform.spec,
|
||||
unit: this.addform.unit,
|
||||
unit_price: this.addform.unit_price,
|
||||
tax_rate: this.addform.tax_rate,
|
||||
lslbs: this.addform.lslbs,
|
||||
zzstsgl: this.addform.zzstsgl,
|
||||
priceswitch: this.addform.priceswitch,
|
||||
abbreviation: this.addform.abbreviation,
|
||||
spsl: 1 //初始化数量
|
||||
})
|
||||
this.init()
|
||||
this.addshow = false
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
background: #F9F9F9;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 0;
|
||||
|
||||
.contenttop {
|
||||
width: 100%;
|
||||
background: #FFFFFF;
|
||||
padding: 48rpx 28rpx 32rpx 28rpx;
|
||||
|
||||
.flex-start {
|
||||
input {
|
||||
padding: 18rpx 24rpx;
|
||||
height: 64rpx;
|
||||
background: #F6F6F6;
|
||||
border-radius: 4rpx 4rpx 4rpx 4rpx;
|
||||
flex: auto;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
text {
|
||||
padding: 0 0 0 24rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contentbox {
|
||||
width: 100%;
|
||||
padding: 0 28rpx;
|
||||
|
||||
.contentboxitem {
|
||||
margin-top: 32rpx;
|
||||
padding: 32rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
||||
|
||||
.contentboxitemtop {
|
||||
text:nth-child(1) {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
text:nth-child(2) {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #666666;
|
||||
}
|
||||
}
|
||||
|
||||
.contentboxitemtext {
|
||||
margin-top: 24rpx;
|
||||
|
||||
text:nth-child(1) {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
text:nth-child(2) {
|
||||
margin-left: 24rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.contentboxitem_box {
|
||||
justify-content: flex-end;
|
||||
|
||||
.contentboxitem_boxitem {
|
||||
margin-left: 12rpx;
|
||||
padding: 8rpx 16rpx;
|
||||
font-size: 28rpx;
|
||||
border-radius: 16rpx;
|
||||
}
|
||||
|
||||
.contentboxitem_boxitem:nth-child(1) {
|
||||
background-color: #faad14;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.contentboxitem_boxitem:nth-child(2) {
|
||||
background-color: #5473e8;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.contentboxitem_boxitem:nth-child(3) {
|
||||
background-color: #5473e8;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.popupaddclass {
|
||||
|
||||
padding: 32rpx 34rpx;
|
||||
width: 694rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
||||
|
||||
.addshowtop {
|
||||
border-bottom: 2rpx solid #E5E5E5;
|
||||
|
||||
text:nth-child(1) {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
text {
|
||||
padding-bottom: 26rpx;
|
||||
display: inline-block;
|
||||
margin-left: 64rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.select {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #318AFE;
|
||||
border-bottom: 1rpx solid #318AFE;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.addshowbox {
|
||||
max-height: 750rpx;
|
||||
overflow: auto;
|
||||
position: relative;
|
||||
|
||||
.addshowboxinput {
|
||||
margin-top: 32rpx;
|
||||
|
||||
.addshowboxinputtext {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.addshowboxinput_inp {
|
||||
margin-top: 24rpx;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 66rpx;
|
||||
background: #fff;
|
||||
border-radius: 4rpx 4rpx 4rpx 4rpx;
|
||||
border: 2rpx solid #D9D9D9;
|
||||
|
||||
.listinput_leftrelative {
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex: auto;
|
||||
height: 100%;
|
||||
background: #FFFFFF;
|
||||
border-radius: 4rpx 4rpx 4rpx 4rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 26rpx;
|
||||
|
||||
.leftrelativetext {
|
||||
padding: 6rpx 24rpx;
|
||||
color: #6f6f6f;
|
||||
}
|
||||
|
||||
.listinput_leftabsolute {
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
width: 100%;
|
||||
top: 65rpx;
|
||||
max-height: 250rpx;
|
||||
overflow: auto;
|
||||
background: #fff;
|
||||
border: 1px solid #D9D9D9;
|
||||
|
||||
view {
|
||||
padding: 6rpx 24rpx;
|
||||
color: #6f6f6f;
|
||||
}
|
||||
|
||||
.class {
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
border-bottom: 1rpx solid #e3d8d8;
|
||||
background: #f1f1f1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0 16rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.absolute {
|
||||
z-index: 99;
|
||||
padding: 8rpx 18rpx;
|
||||
position: absolute;
|
||||
background: #318AFE;
|
||||
border-radius: 4rpx 4rpx 4rpx 4rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
right: 16rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.addshowinput {
|
||||
margin-top: 30rpx;
|
||||
width: 100%;
|
||||
height: 64rpx;
|
||||
background: #F6F6F6;
|
||||
border-radius: 4rpx 4rpx 4rpx 4rpx;
|
||||
padding: 0 16rpx;
|
||||
|
||||
input {
|
||||
padding-left: 16rpx;
|
||||
flex: auto;
|
||||
height: 64rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
line-height: 64rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.boxaddshowitem {
|
||||
overflow: auto;
|
||||
max-height: 500rpx;
|
||||
|
||||
.addshowitem {
|
||||
padding: 28rpx 24rpx;
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 12rpx;
|
||||
margin-top: 12rpx;
|
||||
|
||||
.addshowitembox {
|
||||
margin-left: 12rpx;
|
||||
width: 80%;
|
||||
|
||||
.addshowitemboxtext {
|
||||
width: 100%;
|
||||
font-weight: 700;
|
||||
font-size: 28rpx;
|
||||
overflow: hidden; //超出的文本隐藏
|
||||
text-overflow: ellipsis; //溢出用省略号显示
|
||||
white-space: nowrap; //溢出不换行
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.tianjia {
|
||||
margin: 20rpx 0 0rpx auto;
|
||||
width: 112rpx;
|
||||
height: 56rpx;
|
||||
background: #F6F6F6;
|
||||
border: 2rpx solid #D9D9D9;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
line-height: 56rpx;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.addtowshowclass {
|
||||
overflow: auto;
|
||||
padding: 0 24rpx;
|
||||
|
||||
.addtowshowclasstop {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
padding: 32rpx 0;
|
||||
position: relative;
|
||||
|
||||
.addtowshowclassabsolutelet {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 32rpx;
|
||||
}
|
||||
|
||||
.addtowshowclassabsolute {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 32rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.selecconfirm {
|
||||
margin: 42rpx auto;
|
||||
width: 524rpx;
|
||||
height: 72rpx;
|
||||
background: #2F87FD;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
line-height: 72rpx;
|
||||
text-align: center;
|
||||
border-radius: 16rpx;
|
||||
}
|
||||
|
||||
.addtowshowpositionitem {
|
||||
padding: 24rpx 0;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
border-bottom: 1rpx solid #E5E5E5;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 262 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 199 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 76 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 161 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 116 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 121 KiB |
|
|
@ -5,11 +5,12 @@
|
|||
|
||||
<view class="bg-list">
|
||||
<view v-for="(item,index) in helpClassifyList" :key="index" :title="item.helpClassifyName"
|
||||
class="list-title padding-bottom">
|
||||
class="list-titletczg padding-bottom">
|
||||
<view class="flex align-center justify-between" @click.stop="openList(item)">
|
||||
<view class="text-title">{{item.helpClassifyName}}</view>
|
||||
<view @click.stop="openList(item)" >
|
||||
<image src="../static/up.png" style="width: 21rpx;height: 15rpx;" v-if="item.parentId==0"></image>
|
||||
<view class="list-titleczg">{{item.helpClassifyName}}</view>
|
||||
<view @click.stop="openList(item)">
|
||||
<image src="../static/up.png" style="width: 21rpx;height: 15rpx;" v-if="item.parentId==0">
|
||||
</image>
|
||||
<image src="../static/dowm.png" style="width: 21rpx;height: 15rpx;" v-else></image>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -23,12 +24,12 @@
|
|||
<view class="bg-box">
|
||||
<view class="bg-white-box">
|
||||
<image src="../static/icon-letter.png" class="image"></image>
|
||||
<view class="text-feedback" hover-class="hover" @click="toFeedbackList">联系客服</view>
|
||||
<view class="text-feedbackczg" hover-class="hover" @click="toFeedbackList">联系客服</view>
|
||||
|
||||
<view class="vertical-line"></view>
|
||||
|
||||
<image src="../static/icon-edit.png" class="image"></image>
|
||||
<view class="text-feedback" hover-class="hover" @click="toFeedback">我要反馈</view>
|
||||
<view class="text-feedbackczg" hover-class="hover" @click="toFeedback">我要反馈</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
|
@ -36,6 +37,9 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import langeone from './components/feedbackIndexczgw.jpg'
|
||||
import langetow from './components/feedbackIndexczgw1.jpg'
|
||||
import langethere from './components/feedbackIndexczgw3.jpg'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -47,16 +51,16 @@
|
|||
},
|
||||
methods: {
|
||||
openList(item) {
|
||||
var oldhelpClassifyList=item
|
||||
if(oldhelpClassifyList.parentId==1){
|
||||
item.parentId=0
|
||||
}else{
|
||||
item.parentId=1
|
||||
var oldhelpClassifyList = item
|
||||
if (oldhelpClassifyList.parentId == 1) {
|
||||
item.parentId = 0
|
||||
} else {
|
||||
item.parentId = 1
|
||||
}
|
||||
},
|
||||
getlist() {
|
||||
let data={
|
||||
types:1
|
||||
let data = {
|
||||
types: 1
|
||||
}
|
||||
this.$u.api.help(data).then(res => {
|
||||
if (res.code === 0) {
|
||||
|
|
@ -65,7 +69,7 @@
|
|||
this.helpClassifyList[i].parentId = 1
|
||||
}
|
||||
// this.helpClassifyList.isTrue = false
|
||||
|
||||
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
|
|
@ -73,11 +77,12 @@
|
|||
})
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
},
|
||||
onClick(item) {
|
||||
uni.navigateTo({
|
||||
url: '/me/helpDetail/helpDetail?title=' + item.helpWordTitle + '&helpWordId=' + item.helpWordId,
|
||||
url: '/me/helpDetail/helpDetail?title=' + item.helpWordTitle + '&helpWordId=' + item
|
||||
.helpWordId,
|
||||
})
|
||||
|
||||
},
|
||||
|
|
@ -86,19 +91,19 @@
|
|||
let kefuPhone = uni.getStorageSync('kefuPhone');
|
||||
if (kefu == 1) {
|
||||
uni.navigateTo({
|
||||
url:'/me/setting/kefu'
|
||||
url: '/me/setting/kefu'
|
||||
})
|
||||
}else if (kefu == 3) {
|
||||
} else if (kefu == 3) {
|
||||
uni.makePhoneCall({
|
||||
phoneNumber: kefuPhone //仅为示例
|
||||
});
|
||||
} else if(kefu == 2){
|
||||
} else if (kefu == 2) {
|
||||
// #ifdef MP-WEIXIN
|
||||
let that = this
|
||||
try {
|
||||
wx.openCustomerServiceChat({
|
||||
extInfo: {
|
||||
url:uni.getStorageSync('kefuUrl')
|
||||
url: uni.getStorageSync('kefuUrl')
|
||||
},
|
||||
corpId: uni.getStorageSync('kefuAppId'),
|
||||
success(res) {},
|
||||
|
|
@ -114,7 +119,7 @@
|
|||
}
|
||||
// #endif
|
||||
// #ifndef MP-WEIXIN
|
||||
let url =uni.getStorageSync('kefuUrl');
|
||||
let url = uni.getStorageSync('kefuUrl');
|
||||
if (url.indexOf('/pages/') !== -1 || url.indexOf('/my/') !== -1) {
|
||||
uni.navigateTo({
|
||||
url
|
||||
|
|
@ -133,7 +138,7 @@
|
|||
}
|
||||
|
||||
},
|
||||
|
||||
|
||||
toFeedback() {
|
||||
uni.navigateTo({
|
||||
url: '/me/feedback/index',
|
||||
|
|
@ -198,7 +203,7 @@
|
|||
|
||||
|
||||
|
||||
.text-title {
|
||||
.list-titleczg {
|
||||
color: #000;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
|
|
@ -210,7 +215,7 @@
|
|||
padding: 24rpx 0rpx;
|
||||
}
|
||||
|
||||
.list-title {
|
||||
.list-titletczg {
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
|
||||
|
|
@ -230,7 +235,7 @@
|
|||
margin-left: 20rpx;
|
||||
}
|
||||
|
||||
.text-feedback {
|
||||
.text-feedbackczg {
|
||||
padding: 20rpx;
|
||||
/* color: #000000; */
|
||||
}
|
||||
|
|
@ -240,4 +245,4 @@
|
|||
color: #000;
|
||||
font-size: 34rpx;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
|
@ -0,0 +1,845 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<view class="contentitem" v-for="(item,index) in form.list" :key="index">
|
||||
<image src="components/feedbackIndexczgw1.jpg" mode=""></image>
|
||||
<view class="contentitemtop flex-between">
|
||||
<text>{{item.name}}</text>
|
||||
<text v-if="item.dlzh_status == 0" style="color: green;">无需登录</text>
|
||||
<text v-if="item.dlzh_status == 1" style="color: red;">需要登录</text>
|
||||
<text v-if="item.dlzh_status == 9">未知</text>
|
||||
</view>
|
||||
<text v-if="item.is_default == 1"
|
||||
style="background: #1989fa;color: #fff; padding:0 6rpx; border-radius: 10rpx;font-size: 24rpx;">默认</text>
|
||||
<view class="contentitemtext">
|
||||
电局账号： {{item.dlzh}}
|
||||
</view>
|
||||
<view class="contentitemtext">
|
||||
登录身份： {{item.k_identity}}
|
||||
</view>
|
||||
<view class="contentitemtext">
|
||||
手机号码： {{item.phone}}
|
||||
</view>
|
||||
<view class="contentitembotton flex-between">
|
||||
<view class="flex-colum" @click="login(item,'登录')">
|
||||
<image src="https://czg-invoicing.oss-cn-beijing.aliyuncs.com/issuername5.png" mode="aspectFill">
|
||||
</image>
|
||||
<text>登录</text>
|
||||
</view>
|
||||
<view class="flex-colum" @click="renlian(item,'人脸')">
|
||||
<image src="https://czg-invoicing.oss-cn-beijing.aliyuncs.com/issuername1.png" mode="aspectFill">
|
||||
</image>
|
||||
<text>人脸</text>
|
||||
</view>
|
||||
<view class="flex-colum" @click="modify(item,'修改')">
|
||||
<image src="https://czg-invoicing.oss-cn-beijing.aliyuncs.com/issuername2.png" mode="aspectFill">
|
||||
</image>
|
||||
<text>修改</text>
|
||||
</view>
|
||||
<view class="flex-colum" @click="setdefault(item,'默认')">
|
||||
<image src="https://czg-invoicing.oss-cn-beijing.aliyuncs.com/issuername3.png" mode="aspectFill">
|
||||
</image>
|
||||
<text>默认</text>
|
||||
</view>
|
||||
<!-- <view class="flex-colum">
|
||||
<image src="https://czg-invoicing.oss-cn-beijing.aliyuncs.com/issuername4.png" mode="aspectFill">
|
||||
</image>
|
||||
<text>解绑</text>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
<u-popup :show="canvasshow" mode="center" :round="14">
|
||||
<view class="messagebox">
|
||||
<view class="flex-center tabs">
|
||||
<text :class="accountqrcodetype == 1?'tabsselect':''"
|
||||
@click="accountqrcodetype=1,accountqrcode()">电子税务局</text>
|
||||
<text :class="accountqrcodetype == 2?'tabsselect':''"
|
||||
@click="accountqrcodetype=2,accountqrcode()">个人所得税</text>
|
||||
</view>
|
||||
<view style="text-align: center; margin: 16rpx;">
|
||||
{{formCode.text}}
|
||||
</view>
|
||||
<view class="Box_item_content_T flex-center" style="padding: 16rpx;">
|
||||
<view style="width:242px; height:242px;"><canvas style="width:100%; height:100%;" id="qrcode"
|
||||
ref="qrcode" canvas-id="qrcode"></canvas></view>
|
||||
</view>
|
||||
<view v-if="textshow == '人脸'"
|
||||
style="padding:10rpx 0; text-align: center; margin: 32rpx auto 0rpx auto; background: #1989fa; width: 200rpx;color: #fff; border-radius: 30rpx;"
|
||||
@click="reset">
|
||||
已认证
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-popup :show="messageshow" @close="messageshow = !messageshow" mode="center" :round="14">
|
||||
<view class="messagebox">
|
||||
<view class="messageboxtop">
|
||||
短信验证
|
||||
</view>
|
||||
<view class="messageboxtoptext">
|
||||
{{codephone}}
|
||||
</view>
|
||||
<view class="messageboxtoptext flex-between">
|
||||
<input type="mobile" v-model="codelang" placeholder="请输入短信验证码" maxlength="6" />
|
||||
<view class="repeats">
|
||||
<view v-if="showText == true"
|
||||
style="padding: 8rpx 16rpx 6rpx 16rpx;background: #288EFB; border-radius: 15rpx;color: #fff;"
|
||||
@click="clickfasongyanzhengm">{{ Recapture }}</view>
|
||||
<view v-else
|
||||
style="color: #ccc; background-color: #f9f9f9; padding: 8rpx 16rpx 6rpx 16rpx; border-radius: 15rpx;">
|
||||
{{ second }}s重新发送
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box" @click="queding">
|
||||
确定
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-popup :show="showpopup" @close="showpopup = !showpopup" mode="center" :round="14">
|
||||
<view class="popupbox">
|
||||
<view class="popupboxtop">
|
||||
<text>开票人登记信息</text>
|
||||
<view style="position: absolute;right:22rpx;top: 40rpx; ">
|
||||
<u-icon name="close" color="#999999" @click="showpopup = false" size="20"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
<view class="popupboxform">
|
||||
<view class="addshowboxinput flex-colum-start" @click="selectshowlslbs = !selectshowlslbs">
|
||||
<text class="addshowboxinputtext">*选择等录身份</text>
|
||||
<view class="addshowboxinput_inp flex-between">
|
||||
<view class="listinput_leftrelative">
|
||||
<text class="leftrelativetext">{{addform.dlsfname}}</text>
|
||||
<u-icon style="padding-right: 16rpx;" :name="selectshowlslbs?'arrow-up':'arrow-down'"
|
||||
color="#999999" size="14"></u-icon>
|
||||
<view class="listinput_leftabsolute" v-if="selectshowlslbs">
|
||||
<view v-for="(item,index) in columnsdlsf" :key="index"
|
||||
:class="addform.dlsf == item.id?'class':''" @click="taxexempttype(item,index)">
|
||||
{{ item.name }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="addshowboxinput flex-colum-start">
|
||||
<text class="addshowboxinputtext">*电子税务局账号</text>
|
||||
<view class="addshowboxinput_inp">
|
||||
<input type="text" disabled style="background: #f6f6f6;" placeholder="请输入"
|
||||
v-model="addform.dlzh" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="addshowboxinput flex-colum-start">
|
||||
<text class="addshowboxinputtext">*电子税务局登录密码</text>
|
||||
<view class="addshowboxinput_inp">
|
||||
<input type="text" placeholder="请输入" v-model="addform.dlmm" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="addshowboxinput flex-colum-start">
|
||||
<text class="addshowboxinputtext">*电子税务局地区</text>
|
||||
<view class="addshowboxinput_inp flex-between">
|
||||
<view class="listinput_leftrelative" disabled style="background: #f6f6f6;">
|
||||
<text class="leftrelativetext">{{addform.dqbmname}}</text>
|
||||
<u-icon style="padding-right: 16rpx;" :name="regionshow?'arrow-up':'arrow-down'"
|
||||
color="#999999" size="14"></u-icon>
|
||||
<!-- <view class="listinput_leftabsolute" v-if="regionshow">
|
||||
<view v-for="(item,index) in region" :key="index"
|
||||
:class="addform.region == item.code?'class':''"
|
||||
@click="regionclick(item,index)">
|
||||
{{ item.name }}
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="addshowboxinput flex-colum-start">
|
||||
<text class="addshowboxinputtext">*办税人姓名</text>
|
||||
<view class="addshowboxinput_inp">
|
||||
<input type="text" placeholder="请输入" v-model="addform.taxname" />
|
||||
</view>w
|
||||
</view>
|
||||
<view class="addshowboxinput flex-colum-start">
|
||||
<text class="addshowboxinputtext">*办税人手机号码</text>
|
||||
<view class="addshowboxinput_inp">
|
||||
<input type="number" disabled placeholder="请输入" v-model="addform.taxphone" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="addshowbox_box">
|
||||
<view class="addshowbox_boxitem" @click="showpopup = false">
|
||||
取消
|
||||
</view>
|
||||
<view class="addshowbox_boxitem" @click="szzpyaddinvoicer">
|
||||
保存
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import uQRCode from '@/uni_modules/Sansnn-uQRCode/js_sdk/uqrcode/uqrcode.js'; // npm install uqrcodejs
|
||||
import langeone from './components/feedbackIndexczgw.jpg'
|
||||
import langetow from './components/feedbackIndexczgw6.jpg'
|
||||
import langethere from './components/feedbackIndexczgw7.jpg'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
formCode: {
|
||||
text: '超掌柜',
|
||||
url: 'https://www.baidu.com/baidu?ie=utf-8&wd=312'
|
||||
}, //成功后
|
||||
text: 'uQRCode',
|
||||
size: 242,
|
||||
codephone: '', //公共手机号
|
||||
codelang: '', //公共验证码
|
||||
textshow: '', //判断显示那个
|
||||
loginid: '', //公共id
|
||||
showpopup: false,
|
||||
messageshow: false, //短信
|
||||
canvasshow: false, //二维码
|
||||
columnsdlsf: [],
|
||||
selectshowlslbs: false, //免税类型
|
||||
regionshow: false, //省份显示
|
||||
// 注册定时器 初始值
|
||||
second: 60,
|
||||
showText: false,
|
||||
Recapture: '发送验证码',
|
||||
accountqrcodetype: 1,
|
||||
form: {
|
||||
user_name: '',
|
||||
time: "",
|
||||
page: 1,
|
||||
type: '-1',
|
||||
status: 'loadmore',
|
||||
list: []
|
||||
},
|
||||
addform: {},
|
||||
region: [], //省份
|
||||
}
|
||||
},
|
||||
async onLoad() {
|
||||
this.newissuedbyliststatus()
|
||||
let res = await this.api.szzpygetprovinceno()
|
||||
this.region = res.data
|
||||
this.onShowdatadlsf()
|
||||
},
|
||||
onReachBottom() {
|
||||
if (this.form.status != 'nomore') {
|
||||
this.form.page = ++this.form.page;
|
||||
this.invoicingrecordsthatneed()
|
||||
}
|
||||
},
|
||||
onReady() {
|
||||
this.merchantStoreshowMerchantStoreReceipt()
|
||||
},
|
||||
methods: {
|
||||
// 设置默认
|
||||
async setdefault(item) {
|
||||
uni.showModal({
|
||||
title: '设置默认开票人',
|
||||
content: `确定设置办税员【${item.name}】为默认吗？`,
|
||||
success: async (res) => {
|
||||
if (res.confirm) {
|
||||
let resdata = await this.api.kpdefault({
|
||||
is_default: item.is_default == 0 ? 1 : 0,
|
||||
id: item.id
|
||||
})
|
||||
if (resdata.code == 1) {
|
||||
this.reset()
|
||||
}
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
// 二维码
|
||||
async merchantStoreshowMerchantStoreReceipt() {
|
||||
// 获取uQRCode实例
|
||||
var qr = new uQRCode();
|
||||
// 设置二维码内容
|
||||
qr.data = this.formCode.url;
|
||||
// 设置二维码大小，必须与canvas设置的宽高一致
|
||||
qr.size = this.size;
|
||||
// 调用制作二维码方法
|
||||
qr.make();
|
||||
// 获取canvas上下文
|
||||
var canvasContext = uni.createCanvasContext('qrcode', this); // 如果是组件，this必须传入
|
||||
// 设置uQRCode实例的canvas上下文
|
||||
qr.canvasContext = canvasContext;
|
||||
// 调用绘制方法将二维码图案绘制到canvas上
|
||||
qr.drawCanvas();
|
||||
},
|
||||
// 人脸
|
||||
renlian(item, textshow) {
|
||||
this.textshow = textshow
|
||||
this.loginid = item.id
|
||||
uni.showModal({
|
||||
title: '人脸验证',
|
||||
content: `确定使用办税员【${item.name}】进行人脸吗？`,
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
// 这是未登录要发送验证码
|
||||
this.accountqrcode()
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
// 人脸前获取验证码
|
||||
async accountqrcode() {
|
||||
let res = await this.api.accountqrcode({
|
||||
type: this.accountqrcodetype,
|
||||
id: this.loginid
|
||||
})
|
||||
if (res.data.url) {
|
||||
this.messageshow = false
|
||||
this.formCode.url = res.data.url
|
||||
this.formCode.text = res.data.text
|
||||
this.canvasshow = true
|
||||
this.$nextTick(() => {
|
||||
this.merchantStoreshowMerchantStoreReceipt()
|
||||
})
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.data.msg,
|
||||
icon: 'none'
|
||||
});
|
||||
this.yanzhengm(false)
|
||||
this.codephone = res.data.msg
|
||||
this.messageshow = true
|
||||
}
|
||||
},
|
||||
//登录获取验证码
|
||||
login(item, textshow) {
|
||||
this.textshow = textshow
|
||||
this.loginid = item.id
|
||||
uni.showModal({
|
||||
title: '登录验证',
|
||||
content: `确定使用办税员【${item.name}】进行登录验证吗？`,
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
this.getsendsms()
|
||||
this.yanzhengm(false)
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消');
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
// 登录前获取验证码
|
||||
async getsendsms() {
|
||||
let res = await this.api.getsendsms({
|
||||
id: this.loginid
|
||||
})
|
||||
if (res.code == 1) {
|
||||
uni.showToast({
|
||||
title: res.data.msg,
|
||||
icon: 'none'
|
||||
});
|
||||
this.codephone = res.data.msg
|
||||
this.messageshow = true
|
||||
}
|
||||
},
|
||||
// 登录成功上传
|
||||
async sensms() {
|
||||
console.log(this.textshow)
|
||||
let res = await this.api.sensms({
|
||||
id: this.loginid,
|
||||
code: this.codelang,
|
||||
})
|
||||
console.log(res)
|
||||
if (res.code == 1) {
|
||||
switch (this.textshow) {
|
||||
case '登录':
|
||||
uni.showToast({
|
||||
title: '登录成功',
|
||||
icon: 'none'
|
||||
});
|
||||
this.messageshow = false
|
||||
this.reset() //重置
|
||||
break;
|
||||
case '人脸':
|
||||
await this.accountqrcode()
|
||||
break;
|
||||
}
|
||||
}
|
||||
},
|
||||
//开票员类型列表
|
||||
async onShowdatadlsf() {
|
||||
let res = await this.api.szzpytypeofinvoicer()
|
||||
this.columnsdlsf = res.data
|
||||
},
|
||||
taxexempttype(item, index) {
|
||||
this.addform.dlsfname = item.name
|
||||
this.addform.dlsf = item.id
|
||||
},
|
||||
regionclick(item, index) {
|
||||
this.addform.regionname = item.name
|
||||
this.addform.region = item.code
|
||||
},
|
||||
// 修改
|
||||
modify(item, textshow) {
|
||||
this.textshow = textshow
|
||||
this.addform = item
|
||||
this.addform.taxname = item.name
|
||||
this.addform.taxphone = item.phone
|
||||
this.addform.dlsf = item.dlsf
|
||||
// 税务地区
|
||||
this.region.forEach((i) => {
|
||||
if (i.code == item.dqbm) {
|
||||
this.addform.dqbmname = i.name
|
||||
}
|
||||
})
|
||||
// 开票人类型
|
||||
this.columnsdlsf.forEach((i) => {
|
||||
if (i.id == item.dlsf) {
|
||||
this.addform.dlsfname = i.name
|
||||
}
|
||||
})
|
||||
this.showpopup = true
|
||||
},
|
||||
// 修改开票人
|
||||
async szzpyaddinvoicer() {
|
||||
if (this.addform.dlsfname == null || this.addform.dlsfname == '') {
|
||||
uni.showToast({
|
||||
title: '选择等录身份不能为空',
|
||||
icon: 'none'
|
||||
});
|
||||
return false;
|
||||
}
|
||||
if (this.addform.dlmm == null || this.addform.dlmm == '') {
|
||||
uni.showToast({
|
||||
title: '电子税务局登录密码不能为空',
|
||||
icon: 'none'
|
||||
});
|
||||
return false;
|
||||
}
|
||||
if (this.addform.taxname == null || this.addform.taxname == '') {
|
||||
uni.showToast({
|
||||
title: '办税人姓名不能为空',
|
||||
icon: 'none'
|
||||
});
|
||||
return false;
|
||||
}
|
||||
if (this.addform.taxphone == null || this.addform.taxphone == '') {
|
||||
uni.showToast({
|
||||
title: '办税人手机号码不能为空',
|
||||
icon: 'none'
|
||||
});
|
||||
return false;
|
||||
}
|
||||
// this.addform.taxphone = this.codephone
|
||||
let res = await this.api.szzpyaddinvoicer(this.addform)
|
||||
if (res.code == 1) {
|
||||
this.showpopup = false
|
||||
this.messageshow = true
|
||||
}
|
||||
},
|
||||
// 修改后的下一步
|
||||
async szzpyaddinvoicersendsms() {
|
||||
this.codelang = this.addform.code
|
||||
let res = await this.api.szzpyaddinvoicersendsms(this.addform)
|
||||
if (res.code == 1) {
|
||||
this.showpopup = false
|
||||
uni.showToast({
|
||||
title: '修改成功',
|
||||
icon: 'none'
|
||||
});
|
||||
this.messageshow = false
|
||||
this.reset() //重置
|
||||
}
|
||||
},
|
||||
//再次获取验证码
|
||||
async clickfasongyanzhengm() {
|
||||
switch (this.textshow) {
|
||||
case '修改':
|
||||
await this.szzpyaddinvoicer()
|
||||
break;
|
||||
case '登录':
|
||||
await this.getsendsms()
|
||||
break;
|
||||
case '人脸':
|
||||
await this.accountqrcode()
|
||||
break;
|
||||
|
||||
}
|
||||
this.yanzhengm(true) //验证码
|
||||
},
|
||||
//点击确定
|
||||
queding() {
|
||||
console.log(this.textshow)
|
||||
switch (this.textshow) {
|
||||
case '修改':
|
||||
this.szzpyaddinvoicersendsms()
|
||||
break;
|
||||
case '登录':
|
||||
this.sensms()
|
||||
break;
|
||||
case '人脸':
|
||||
this.sensms()
|
||||
break;
|
||||
}
|
||||
|
||||
},
|
||||
// 验证码
|
||||
yanzhengm(e) {
|
||||
if (e) {
|
||||
uni.showToast({
|
||||
title: '验证码发送成功',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
// 定时器
|
||||
this.showText = false;
|
||||
this.Recapture = '重新获取';
|
||||
var interval = setInterval(() => {
|
||||
let times = --this.second;
|
||||
this.second = times < 10 ? '0' + times : times; //小于10秒补 0
|
||||
}, 1000);
|
||||
setTimeout(() => {
|
||||
clearInterval(interval);
|
||||
this.second = 60;
|
||||
this.showText = true;
|
||||
}, 60000);
|
||||
},
|
||||
// 重置
|
||||
reset() {
|
||||
this.form = {
|
||||
user_name: '',
|
||||
time: "",
|
||||
page: 1,
|
||||
type: '-1',
|
||||
status: 'loadmore',
|
||||
list: []
|
||||
}
|
||||
this.textshow = ''
|
||||
this.loginid = ''
|
||||
this.codelang = ''
|
||||
this.codephone = ''
|
||||
this.popupshow = false
|
||||
this.canvasshow = false
|
||||
this.newissuedbyliststatus()
|
||||
},
|
||||
// 列表
|
||||
async newissuedbyliststatus() {
|
||||
this.form.status = 'loading';
|
||||
let res = await this.api.newissuedbyliststatus({
|
||||
user_name: this.form.user_name,
|
||||
time: this.form.time,
|
||||
page: this.form.page,
|
||||
status: this.form.type,
|
||||
})
|
||||
if (this.form.page == 1 && res.data.length == 0) {
|
||||
this.form.list = res.data
|
||||
this.form.status = 'nomore'
|
||||
return false;
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
if (this.form.page == 1) {
|
||||
this.form.list = res.data
|
||||
} else {
|
||||
this.form.list = [...this.form.list, ...res.data]
|
||||
}
|
||||
if (res.data.length < 10) this.form.status = 'nomore';
|
||||
else this.form.status = 'loadmore';
|
||||
}, 500)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page {
|
||||
background: #F9F9F9;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 0 28rpx;
|
||||
|
||||
.contentitem {
|
||||
margin-top: 32rpx;
|
||||
padding: 32rpx;
|
||||
width: 100%;
|
||||
background: #FFFFFF;
|
||||
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
||||
|
||||
.contentitemtop {
|
||||
text:nth-child(1) {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
text:nth-child(2) {
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #F39D52;
|
||||
}
|
||||
}
|
||||
|
||||
.contentitemtext {
|
||||
margin-top: 26rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.contentitembotton {
|
||||
margin-top: 34rpx;
|
||||
border-top: 1rpx solid #E5E5E5;
|
||||
padding-top: 30rpx;
|
||||
|
||||
.flex-colum {
|
||||
padding: 0 22rpx;
|
||||
|
||||
image {
|
||||
width: 37.89rpx;
|
||||
height: 37.89rpx;
|
||||
}
|
||||
|
||||
text {
|
||||
margin-top: 8rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.messagebox {
|
||||
width: 694rpx;
|
||||
max-height: 870rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
||||
padding: 28rpx 32rpx;
|
||||
|
||||
.tabs {
|
||||
text {
|
||||
margin-left: 10rpx;
|
||||
font-size: 34rpx;
|
||||
text-align: center;
|
||||
margin: 16rpx;
|
||||
}
|
||||
|
||||
text:nth-child(1) {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.tabsselect {
|
||||
color: #318afe;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.messageboxtop {
|
||||
padding: 10rpx 0;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
border-bottom: 2rpx solid #E5E5E5;
|
||||
}
|
||||
|
||||
.messageboxtoptext {
|
||||
position: relative;
|
||||
margin-top: 28rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 300;
|
||||
font-size: 24rpx;
|
||||
color: #666;
|
||||
|
||||
input {
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.repeat {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 26rpx;
|
||||
width: 25rpx;
|
||||
height: 17rpx;
|
||||
}
|
||||
|
||||
.repeats {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 26rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
border-radius: 12rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 300rpx;
|
||||
margin: 100rpx auto 0rpx auto;
|
||||
text-align: center;
|
||||
padding: 8rpx 16rpx 6rpx 16rpx;
|
||||
background: #288EFB;
|
||||
border-radius: 15rpx;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.popupbox {
|
||||
width: 694rpx;
|
||||
max-height: 870rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
||||
|
||||
.popupboxtop {
|
||||
position: relative;
|
||||
padding: 32rpx 0 26rpx 38rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
border-bottom: 2rpx solid #E5E5E5;
|
||||
}
|
||||
|
||||
.popupboxform {
|
||||
padding: 0rpx 32rpx 30rpx 32rpx;
|
||||
overflow: auto;
|
||||
height: 74%;
|
||||
|
||||
.addshowboxinput {
|
||||
margin-top: 32rpx;
|
||||
|
||||
.addshowboxinputtext {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.addshowboxinput_inp {
|
||||
margin-top: 24rpx;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 66rpx;
|
||||
background: #fff;
|
||||
border-radius: 4rpx 4rpx 4rpx 4rpx;
|
||||
border: 2rpx solid #D9D9D9;
|
||||
|
||||
.listinput_leftrelative {
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex: auto;
|
||||
height: 100%;
|
||||
background: #FFFFFF;
|
||||
border-radius: 4rpx 4rpx 4rpx 4rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 26rpx;
|
||||
|
||||
.leftrelativetext {
|
||||
padding: 6rpx 24rpx;
|
||||
color: #6f6f6f;
|
||||
}
|
||||
|
||||
.listinput_leftabsolute {
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
width: 100%;
|
||||
top: 65rpx;
|
||||
max-height: 250rpx;
|
||||
overflow: auto;
|
||||
background: #fff;
|
||||
border: 1px solid #D9D9D9;
|
||||
|
||||
view {
|
||||
padding: 6rpx 24rpx;
|
||||
color: #6f6f6f;
|
||||
}
|
||||
|
||||
.class {
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
border-bottom: 1rpx solid #e3d8d8;
|
||||
background: #f1f1f1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0 16rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.absolute {
|
||||
padding: 8rpx 18rpx;
|
||||
position: absolute;
|
||||
background: #318AFE;
|
||||
border-radius: 4rpx 4rpx 4rpx 4rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
right: 16rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.addshowbox_box {
|
||||
padding-top: 32rpx;
|
||||
padding-right: 16rpx;
|
||||
width: 100%;
|
||||
border-top: 2rpx solid #E5E5E5;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: flex-start;
|
||||
|
||||
.addshowbox_boxitem {
|
||||
width: 112rpx;
|
||||
height: 56rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
line-height: 56rpx;
|
||||
margin-left: 16rpx;
|
||||
|
||||
}
|
||||
|
||||
.addshowbox_boxitem:nth-child(1) {
|
||||
text-align: center;
|
||||
background: #FFFFFF;
|
||||
border: 2rpx solid #D9D9D9;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.addshowbox_boxitem:nth-child(2) {
|
||||
text-align: center;
|
||||
background: #318AFE;
|
||||
border: 2rpx solid #D9D9D9;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 164 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 206 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 410 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 203 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 160 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 350 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 213 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 197 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 537 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 146 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 350 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 129 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 172 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 91 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 110 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 103 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 248 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 179 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 93 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 416 KiB |
|
|
@ -1,21 +1,22 @@
|
|||
<template>
|
||||
<view class="min-page bg-gray u-font-28">
|
||||
<view class="min-pageczg bg-gray u-font-28">
|
||||
<view class="block bg-fff border-r-18 default-box-padding">
|
||||
<view>
|
||||
<view>中奖用户手机号</view>
|
||||
<view class="border u-m-t-24 u-p-l-24" style="margin-bottom: 20rpx;">
|
||||
<view class="borderczg u-m-t-24 u-p-l-24" style="margin-bottom: 20rpx;">
|
||||
<u-input v-model="query.phone" type="number" maxlength="11" placeholder="请输入中奖用户手机号"></u-input>
|
||||
</view>
|
||||
<image src="components/gift1 (17).JPG" mode=""></image>
|
||||
<view>收货地址</view>
|
||||
<view class="border u-m-t-24 u-p-l-24" style="margin-bottom: 20rpx;">
|
||||
<view class="borderczg u-m-t-24 u-p-l-24" style="margin-bottom: 20rpx;">
|
||||
<u-input v-model="query.address" type="text" placeholder="请输入收货地址"></u-input>
|
||||
</view>
|
||||
<view>备注</view>
|
||||
<view class="border u-m-t-24 u-p-l-24">
|
||||
<view class="borderczg u-m-t-24 u-p-l-24">
|
||||
<u-input v-model="query.remark" type="text" placeholder="请输入备注"></u-input>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="u-m-t-48">
|
||||
<view>兑换事项</view>
|
||||
<view class="u-m-t-16 color-999">
|
||||
|
|
@ -23,8 +24,9 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<image src="components/gift1 (3).JPG" mode=""></image>
|
||||
<view class="u-flex u-row-center">
|
||||
<view class="btn-circle duihuan" @click="exchange">确认兑换</view>
|
||||
<view class="btn-circle duihuan" @click="czgwexchange">确认兑换</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
|
@ -44,30 +46,39 @@
|
|||
},
|
||||
onLoad(options) {
|
||||
console.log(options)
|
||||
if ( options.id ) {
|
||||
if (options.id) {
|
||||
this.query.discSpinningRecordId = options.id
|
||||
}
|
||||
if ( options.source ) {
|
||||
if (options.source) {
|
||||
this.query.source = options.source
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
methods: {
|
||||
exchange(){
|
||||
czgwexchange() {
|
||||
let url = ""
|
||||
if ( !this.query.phone ) {
|
||||
uni.showToast({ title: '请输入中奖用户手机号', icon: 'none' });
|
||||
if (!this.query.phone) {
|
||||
uni.showToast({
|
||||
title: '请输入中奖用户手机号',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
if ( !this.query.address ) {
|
||||
uni.showToast({ title: '请输入中奖用户地址', icon: 'none' });
|
||||
if (!this.query.address) {
|
||||
uni.showToast({
|
||||
title: '请输入中奖用户地址',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
this.$Request.postJson("app/userPrizeExchange/exchange", this.query).then(res => {
|
||||
if (res.code == 0 ) {
|
||||
if (res.code == 0) {
|
||||
uni.navigateBack()
|
||||
} else {
|
||||
uni.showToast({ title: res.msg, icon: 'none' });
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
|
|
@ -76,11 +87,12 @@
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.border {
|
||||
.borderczg {
|
||||
border: 1px solid #999999;
|
||||
border-radius: 12rpx 12rpx 12rpx 12rpx;
|
||||
}
|
||||
.duihuan{
|
||||
|
||||
.duihuan {
|
||||
background: #ED838A;
|
||||
width: 556rpx;
|
||||
padding: 18rpx 0;
|
||||
|
|
@ -90,7 +102,8 @@
|
|||
color: #fff;
|
||||
margin-top: 84rpx;
|
||||
}
|
||||
.min-page {
|
||||
|
||||
.min-pageczg {
|
||||
padding: 32rpx 20rpx;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,17 +1,19 @@
|
|||
<template>
|
||||
<view class="min-page bg-gray u-font-28">
|
||||
<view class="min-pageczg bg-gray u-font-28">
|
||||
<u-navbar :background="background" back-icon-color="#fff" immersive :border-bottom="false"></u-navbar>
|
||||
<view class="gift-bg">
|
||||
</view>
|
||||
<image src="components/czgdetail1 (3).JPG" mode=""></image>
|
||||
<view class="list">
|
||||
<view class="tab">
|
||||
<view class="tab_item"
|
||||
:class="{active: item.type == tabIndex}"
|
||||
@click="tabClick(item)"
|
||||
@click="tabClickczgw(item)"
|
||||
v-for="(item,index) in tab" :key="index"
|
||||
>{{item.label}}</view>
|
||||
</view>
|
||||
<view class="item" v-for="(item,index) in list" :key="index">
|
||||
<image src="components/czgdetail1 (4).JPG" mode=""></image>
|
||||
<view class="color-666 u-font-24">中奖时间 2024-09-11 10:20:11</view>
|
||||
<view class="u-m-t-24 u-flex u-row-between">
|
||||
<view class="u-flex-1 u-flex u-col-top">
|
||||
|
|
@ -27,6 +29,7 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<image src="components/czgdetail1 (8).JPG" mode=""></image>
|
||||
<view class="u-p-t-30 u-p-b-30 empty" v-if="hasAjax&&!list.length">
|
||||
<u-empty text="暂无记录" src="/static/icon-empty.svg"></u-empty>
|
||||
</view>
|
||||
|
|
@ -63,7 +66,7 @@
|
|||
}
|
||||
},
|
||||
onShow() {
|
||||
this.getList()
|
||||
this.getListczg()
|
||||
},
|
||||
methods: {
|
||||
toDuiHuan(item){
|
||||
|
|
@ -71,12 +74,12 @@
|
|||
url:`/me/gift/duihuan?source=${this.query.source}&id=${item.id}`
|
||||
})
|
||||
},
|
||||
tabClick(item){
|
||||
tabClickczgw(item){
|
||||
this.list = [];
|
||||
this.tabIndex = item.type;
|
||||
this.getList()
|
||||
this.getListczg()
|
||||
},
|
||||
getList(){
|
||||
getListczg(){
|
||||
let url = ""
|
||||
if ( this.tabIndex == 1) {
|
||||
url = "app/discSpinningRecord/selectDiscSpinningRecord"
|
||||
|
|
@ -98,7 +101,7 @@
|
|||
onReachBottom: function () {
|
||||
if (this.page * this.limit < this.total) {
|
||||
this.page = this.page + 1;
|
||||
this.getList();
|
||||
this.getListczg();
|
||||
}
|
||||
},
|
||||
}
|
||||
|
|
@ -141,7 +144,7 @@
|
|||
// min-height: 50vh;
|
||||
}
|
||||
|
||||
.min-page {
|
||||
.min-pageczg {
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,582 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<view class="contenttop">
|
||||
<view class="flex-start">
|
||||
<input type="text" placeholder="请输入抬头名称" v-model="form.user_name" @input="onInput" />
|
||||
<text @click="popupshow = !popupshow">筛选</text>
|
||||
</view>
|
||||
<view class="contenttopbox flex-center">
|
||||
<text @click="form.type = '-1',form.page = '1',form.user_name = '',invoicingrecordsthatneed()"
|
||||
:class="form.type == '-1'?'classtext':''">待审核</text>
|
||||
<text @click="form.type = '1',form.page = '1',form.user_name = '',invoicingrecordsthatneed()"
|
||||
:class="form.type == '1'?'classtext':''">已处理</text>
|
||||
<image src="components/help (4).JPG" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="contentbox">
|
||||
<view class="contentboxitem" v-for="(item,index) in form.list" :key="index">
|
||||
<view class="contentboxitemtop flex-between">
|
||||
<text>{{item.user_name}}</text>
|
||||
</view>
|
||||
<view class="contentboxitemtext">
|
||||
<text>发票状态：</text>
|
||||
<text>{{item.status}}</text>
|
||||
</view>
|
||||
<image src="components/help (15).JPG" mode=""></image>
|
||||
<view class="contentboxitemtext">
|
||||
<text>发票类型：</text>
|
||||
<text>{{item.type}}</text>
|
||||
</view>
|
||||
<view class="contentboxitemtext">
|
||||
<text>发票金额：</text>
|
||||
<text>{{item.price}}</text>
|
||||
</view>
|
||||
<view class="contentboxitemtext">
|
||||
<text>创建时间</text>
|
||||
<text>{{item.createtime}}</text>
|
||||
</view>
|
||||
<view class="contentboxitemtext flex-start" @click="previewImage(item.img)">
|
||||
<text>开票凭证</text>
|
||||
<image :src="item.img" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view v-if="item.status == '待审核'" class="contentboxitembutton flex-center">
|
||||
<view class="buttonone" @click="storereviewandinvoicing(item,1)">
|
||||
通过
|
||||
</view>
|
||||
<view class="buttontow" @click="clickconfirmshow = true,no = ''">
|
||||
拒绝
|
||||
</view>
|
||||
</view>
|
||||
<image src="components/help (7).JPG" mode=""></image>
|
||||
<u-popup :show="clickconfirmshow" mode="center" :round="10">
|
||||
<view class="popupshow">
|
||||
<view class="Box_box flex-between">
|
||||
<view>拒绝理由：</view>
|
||||
<u--textarea v-model="no" placeholder="请输入拒绝理由"></u--textarea>
|
||||
</view>
|
||||
<view class="content_bottom">
|
||||
<view class="content_bottomone" @click="storereviewandinvoicing(item,6)">
|
||||
确定
|
||||
</view>
|
||||
<view class="content_bottomtow" @click="clickconfirmshow = false,no = ''">
|
||||
取消
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</view>
|
||||
<u-loadmore :status="form.status" />
|
||||
<u-popup :show="popupshow" @close="popupshow = !popupshow" :round="10">
|
||||
<view class="popupshow">
|
||||
<view class="popupshowtop">
|
||||
筛选
|
||||
</view>
|
||||
<view class="popupshowbox">
|
||||
<view class="popupshowboxtitel">
|
||||
按时间筛选
|
||||
</view>
|
||||
<view class="popupshowbox_box flex-between">
|
||||
<view class="popupshowbox_item" v-for="(item,index) in daylist" :key="index"
|
||||
@click="clickday(item,index)" :class="selectshow === index ? 'select':''">
|
||||
{{item.name}}
|
||||
</view>
|
||||
<view class="popupshowbox_itemzdy flex-between" v-if="showpickerbox && selectshow == 2">
|
||||
<view class="popupshowbox_item" @click="showpicker=!showpicker,clickshowpicker = 1">
|
||||
{{starttime}}
|
||||
</view>
|
||||
-<view class="popupshowbox_item" @click="showpicker=!showpicker,clickshowpicker = 2">
|
||||
{{endtime}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="boxboutton flex-between">
|
||||
<view class="boxbouttonitem" @click="reset">
|
||||
重置
|
||||
</view>
|
||||
<view class="boxbouttonitem" @click="clickdetermine">
|
||||
确定
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-datetime-picker :show="showpicker" mode="date" @cancel="showpicker = !showpicker"
|
||||
@confirm="confirmpicker"></u-datetime-picker>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
clickconfirmshow: false,
|
||||
popupshow: false,
|
||||
showpicker: false, //选择时间
|
||||
showpickerbox: false, //是否显示这个盒子
|
||||
clickshowpicker: '',
|
||||
starttime: '', //起始时间
|
||||
endtime: '',
|
||||
selectshow: '', //选中
|
||||
no: '',
|
||||
form: {
|
||||
user_name: '',
|
||||
time: "",
|
||||
page: 1,
|
||||
type: '-1',
|
||||
status: 'loadmore',
|
||||
list: []
|
||||
},
|
||||
daylist: [{
|
||||
id: 1,
|
||||
name: '仅30天'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: '近180天'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: '自定义'
|
||||
}
|
||||
],
|
||||
}
|
||||
},
|
||||
async onLoad(e) {
|
||||
this.invoicingrecordsthatneed()
|
||||
|
||||
},
|
||||
onReachBottom() {
|
||||
if (this.form.status != 'nomore') {
|
||||
this.form.page = ++this.form.page;
|
||||
this.invoicingrecordsthatneed()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 审核
|
||||
async storereviewandinvoicing(item, i) {
|
||||
let res = await this.api.storereviewandinvoicing({
|
||||
id: item.id,
|
||||
no: this.no,
|
||||
s_type: i
|
||||
})
|
||||
this.reset()
|
||||
},
|
||||
// 查看图片
|
||||
previewImage(url) {
|
||||
uni.previewImage({
|
||||
current: 1,
|
||||
urls: [url]
|
||||
});
|
||||
},
|
||||
|
||||
// 时间
|
||||
clickday(item, index) {
|
||||
|
||||
const d = new Date()
|
||||
const year = d.getFullYear()
|
||||
let month = d.getMonth() + 1
|
||||
let date = d.getDate()
|
||||
month = month < 10 ? `0${month}` : month
|
||||
date = date < 10 ? `0${date}` : date
|
||||
switch (index) {
|
||||
case 0:
|
||||
this.starttime = `${(month-1)==0?(year-1):year}-${(month-1)==0?12:(month-1)}-${date}`
|
||||
this.endtime = `${year}-${month}-${date}`
|
||||
this.showpickerbox = false
|
||||
break;
|
||||
case 1:
|
||||
this.starttime = `${year}-${month>6?(month-6):(month+12-6)}-${date}`
|
||||
this.endtime = `${year}-${month}-${date}`
|
||||
this.showpickerbox = false
|
||||
break;
|
||||
case 2:
|
||||
this.starttime = '' //起始时间
|
||||
this.endtime = ''
|
||||
this.showpickerbox = true
|
||||
break;
|
||||
}
|
||||
this.selectshow = index
|
||||
},
|
||||
// 确定时间
|
||||
confirmpicker(e) {
|
||||
console.log(this.clickshowpicker, uni.$u.timeFrom(e.value, 'yyyy-mm-dd'))
|
||||
if (this.clickshowpicker == 1) {
|
||||
this.starttime = uni.$u.timeFrom(e.value, 'yyyy-mm-dd')
|
||||
}
|
||||
if (this.clickshowpicker == 2) {
|
||||
this.endtime = uni.$u.timeFrom(e.value, 'yyyy-mm-dd')
|
||||
}
|
||||
this.showpicker = !this.showpicker
|
||||
},
|
||||
// 确定
|
||||
clickdetermine() {
|
||||
if (this.starttime != '' && this.endtime != '') {
|
||||
this.form.time = `${this.starttime} 00:00:00,${this.endtime} 00:00:00`
|
||||
}
|
||||
this.popupshow = false
|
||||
this.invoicingrecordsthatneed()
|
||||
},
|
||||
// 重置
|
||||
reset() {
|
||||
this.form = {
|
||||
user_name: '',
|
||||
time: "",
|
||||
page: 1,
|
||||
type: '-1',
|
||||
status: 'loadmore',
|
||||
list: []
|
||||
}
|
||||
this.selectshow = ''
|
||||
this.starttime = ''
|
||||
this.endtime = ''
|
||||
this.popupshow = false
|
||||
this.invoicingrecordsthatneed()
|
||||
},
|
||||
// 搜索
|
||||
onInput(e) {
|
||||
if ([...e.detail.value].length >= 2) {
|
||||
this.form.page = 1
|
||||
this.form.list = []
|
||||
uni.$u.debounce(this.invoicingrecordsthatneed, 500)
|
||||
}
|
||||
},
|
||||
// 列表
|
||||
async invoicingrecordsthatneed() {
|
||||
this.form.status = 'loading';
|
||||
let res = await this.api.invoicingrecordsthatneed({
|
||||
user_name: this.form.user_name,
|
||||
time: this.form.time,
|
||||
page: this.form.page,
|
||||
status: this.form.type,
|
||||
})
|
||||
if (this.form.page == 1 && res.data.length == 0) {
|
||||
this.form.list = res.data
|
||||
this.form.status = 'nomore'
|
||||
return false;
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
if (this.form.page == 1) {
|
||||
this.form.list = res.data
|
||||
} else {
|
||||
this.form.list = [...this.form.list, ...res.data]
|
||||
}
|
||||
if (res.data.length < 10) this.form.status = 'nomore';
|
||||
else this.form.status = 'loadmore';
|
||||
}, 500)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
background: #F9F9F9;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 0;
|
||||
|
||||
.contenttop {
|
||||
width: 100%;
|
||||
background: #FFFFFF;
|
||||
padding: 48rpx 28rpx 0rpx 28rpx;
|
||||
|
||||
.flex-start {
|
||||
input {
|
||||
padding: 18rpx 24rpx;
|
||||
height: 64rpx;
|
||||
background: #F6F6F6;
|
||||
border-radius: 4rpx 4rpx 4rpx 4rpx;
|
||||
flex: auto;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
text {
|
||||
padding: 0 0 0 24rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.contenttopbox {
|
||||
text {
|
||||
width: 33%;
|
||||
text-align: center;
|
||||
padding: 32rpx 0 24rpx 0;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.classtext {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
position: relative;
|
||||
|
||||
&::after {
|
||||
width: 30%;
|
||||
border-bottom: 5rpx solid #318AFE;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
content: '';
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.popupshow {
|
||||
padding: 0 28rpx;
|
||||
|
||||
.popupshowtop {
|
||||
margin-top: 32rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.popupshowbox {
|
||||
.popupshowboxtitel {
|
||||
margin-top: 32rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.popupshowbox_box {
|
||||
width: 100%;
|
||||
|
||||
.popupshowbox_item {
|
||||
margin-top: 24rpx;
|
||||
width: 176rpx;
|
||||
height: 56rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 28rpx 28rpx 28rpx 28rpx;
|
||||
border: 2rpx solid #D9D9D9;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
text-align: center;
|
||||
line-height: 56rpx;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
width: 176rpx;
|
||||
}
|
||||
|
||||
.select {
|
||||
border: 1px solid #1b00ff;
|
||||
color: #0600ff;
|
||||
}
|
||||
|
||||
.popupshowbox_itemzdy {
|
||||
width: 100%;
|
||||
|
||||
.popupshowbox_item {
|
||||
margin-top: 24rpx;
|
||||
width: 40%;
|
||||
height: 56rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 28rpx 28rpx 28rpx 28rpx;
|
||||
border: 2rpx solid #D9D9D9;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
text-align: center;
|
||||
line-height: 56rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.boxboutton {
|
||||
margin: 400rpx 0 50rpx 0;
|
||||
|
||||
.boxbouttonitem {
|
||||
width: 330rpx;
|
||||
height: 72rpx;
|
||||
border-radius: 50rpx 50rpx 50rpx 50rpx;
|
||||
}
|
||||
|
||||
.boxbouttonitem:nth-child(1) {
|
||||
border: 2rpx solid #D9D9D9;
|
||||
background: #FFFFFF;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 36rpx;
|
||||
color: #333333;
|
||||
text-align: center;
|
||||
line-height: 72rpx;
|
||||
}
|
||||
|
||||
.boxbouttonitem:nth-child(2) {
|
||||
background: #2F87FD;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
line-height: 72rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contentbox {
|
||||
width: 100%;
|
||||
padding: 0 28rpx;
|
||||
|
||||
.contentboxitem {
|
||||
margin-top: 32rpx;
|
||||
padding: 32rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
||||
|
||||
.contentboxitemtop {
|
||||
text:nth-child(1) {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
text:nth-child(2) {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #F39D52;
|
||||
}
|
||||
}
|
||||
|
||||
.contentboxitemtext {
|
||||
margin-top: 24rpx;
|
||||
|
||||
text:nth-child(1) {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
text:nth-child(2) {
|
||||
margin-left: 24rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
image {
|
||||
margin-left: 24rpx;
|
||||
width: 158rpx;
|
||||
height: 94rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||||
border: 2rpx solid #D9D9D9;
|
||||
}
|
||||
}
|
||||
|
||||
.contentboxitembutton {
|
||||
margin-top: 32rpx;
|
||||
|
||||
.buttonone {
|
||||
width: 244rpx;
|
||||
height: 72rpx;
|
||||
background: #2F87FD;
|
||||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
line-height: 72rpx;
|
||||
}
|
||||
|
||||
.buttontow {
|
||||
margin-left: 32rpx;
|
||||
width: 244rpx;
|
||||
height: 72rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||||
border: 2rpx solid #707070;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
text-align: center;
|
||||
line-height: 72rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.popupshow {
|
||||
width: 600rpx;
|
||||
border-radius: 16rpx;
|
||||
|
||||
.Box_box {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
text-align: right;
|
||||
padding: 24rpx;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
font-size: 28rpx;
|
||||
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.content_bottom {
|
||||
margin: 70rpx auto 60rpx auto;
|
||||
width: 70%;
|
||||
height: 84rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.content_bottomone {
|
||||
padding: 16rpx 60rpx;
|
||||
background: #288EFB;
|
||||
border-radius: 32rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.content_bottomtow {
|
||||
padding: 16rpx 60rpx;
|
||||
background: red;
|
||||
border-radius: 32rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 116 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 167 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 256 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 328 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 177 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 152 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 262 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 76 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 91 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 161 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 199 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 104 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 226 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 121 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 199 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 188 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 144 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 128 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 76 KiB |
|
|
@ -1,9 +1,6 @@
|
|||
<template>
|
||||
<view>
|
||||
|
||||
<!-- <view class="helpTitle">{{ resultData.helpWordTitle }}</view> -->
|
||||
<view class="helpCon" v-html="content"></view>
|
||||
|
||||
<view class="helpConczg" v-html="content"></view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
|
@ -12,8 +9,8 @@
|
|||
data() {
|
||||
return {
|
||||
helpWordId: '',
|
||||
resultData:[],
|
||||
content:''
|
||||
resultData: [],
|
||||
content: ''
|
||||
};
|
||||
},
|
||||
onLoad(options) {
|
||||
|
|
@ -33,7 +30,8 @@
|
|||
this.$u.api.helpDet(data).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.resultData = res.data
|
||||
this.content = res.data.helpWordContent.replace(new RegExp("img","g"),'img style="width:100%;height:auto;"')
|
||||
this.content = res.data.helpWordContent.replace(new RegExp("img", "g"),
|
||||
'img style="width:100%;height:auto;"')
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
|
|
@ -41,7 +39,7 @@
|
|||
})
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
@ -52,17 +50,17 @@
|
|||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.helpTitle {
|
||||
.helpTitleczg {
|
||||
font-size: 40rpx;
|
||||
font-weight: bold;
|
||||
margin: 50rpx 30rpx 30rpx;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.helpCon {
|
||||
.helpConczg {
|
||||
font-size: 30rpx;
|
||||
margin: 30rpx 30rpx 50rpx;
|
||||
color: #000;
|
||||
line-height: 2em;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
|
@ -0,0 +1,365 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<navseat :opacity='false' :title='"审核开票"' :titleshow='true' :namecolor='"#fff"' iconcolor='#fff'></navseat>
|
||||
<view class="contentbox" v-for="(item,index) in list" :key="index" @click.stop="clickinof(item)">
|
||||
<view class="contentboxitemtop flex-between">
|
||||
<view class="contentboxitemone">
|
||||
{{item.user_name}}
|
||||
</view>
|
||||
<view class="contentboxitemboxtow">
|
||||
<view class="contentboxitemboxtows" @click.stop="clickconfirm(item,6)">
|
||||
拒绝
|
||||
</view>
|
||||
<view class="contentboxitemboxone" @click.stop="clickconfirm(item,1)">
|
||||
通过
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<image src="components/inte1 (3).JPG" mode=""></image>
|
||||
<view class="contentboxitembottom flex-between">
|
||||
<view class="contentboxitembottomleft flex-colum-start">
|
||||
<view class="contentboxitembottomleftone">¥<text>{{item.price || '-'}}</text></view>
|
||||
<view class="flex-start">
|
||||
<u-icon name="clock" color="#666666" size="16"></u-icon>
|
||||
<view class="flexstartico">
|
||||
{{item.createtime}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="contentboxitembottomright" @click.stop="previewImage(item.img)">
|
||||
<image class="contentboxitembottomrightimage" :src="item.album" mode="aspectFill"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<image src="components/inte1 (5).JPG" mode=""></image>
|
||||
<view class="flex-colum" style="width: 100%;">
|
||||
<u-loadmore :status="form.status" />
|
||||
</view>
|
||||
<u-popup :show="clickconfirmshow" mode="center" :round="10">
|
||||
<view class="popupshow">
|
||||
<view class="Box_box flex-between">
|
||||
<view>拒绝理由：</view>
|
||||
<u--textarea v-model="no" placeholder="请输入拒绝理由"></u--textarea>
|
||||
</view>
|
||||
<view class="content_bottom">
|
||||
<view class="content_bottomone"
|
||||
@click="saveMerchantBaseInfo(saveMerchantBaseInfolsit.item,saveMerchantBaseInfolsit.i)">
|
||||
确定
|
||||
</view>
|
||||
<view class="content_bottomtow" @click="clickconfirmshow = false">
|
||||
取消
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import navseat from '@/components/navseat.vue'
|
||||
export default {
|
||||
components: {
|
||||
navseat
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
clickconfirmshow: false,
|
||||
is_end: false,
|
||||
list: [],
|
||||
form: {
|
||||
page: 1,
|
||||
status: 'loadmore',
|
||||
},
|
||||
no: '',
|
||||
saveMerchantBaseInfolsit: {
|
||||
item: {
|
||||
|
||||
},
|
||||
i: ''
|
||||
}
|
||||
};
|
||||
},
|
||||
async onLoad(e) {
|
||||
try {
|
||||
if (e.userId) {
|
||||
uni.cache.set('userId', e.userId);
|
||||
}
|
||||
} catch (e) {
|
||||
//TODO handle the exception
|
||||
}
|
||||
let token = await this.api.h5encryption({
|
||||
store_id: uni.cache.get('userId')
|
||||
})
|
||||
if (token.code == 1) {
|
||||
uni.cache.set('token', token.data.token);
|
||||
} else {
|
||||
return false
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
this.list = []
|
||||
this.is_end = false
|
||||
this.form.status = 'loadmore'
|
||||
this.form.page = 0
|
||||
this.storeinvoicingrecordsthatneed()
|
||||
},
|
||||
methods: {
|
||||
clickinof(item) {
|
||||
uni.pro.navigateTo('index/orderinfoauditbilling', {
|
||||
id: item.id
|
||||
})
|
||||
},
|
||||
saveMerchantBaseInfo(item, i) {
|
||||
this.clickconfirmshow = false
|
||||
this.storereviewandinvoicing(item, i)
|
||||
},
|
||||
async clickconfirm(item, i) {
|
||||
if (i == 1) {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '确认通过吗?',
|
||||
success: async (res) => {
|
||||
if (res.confirm) {
|
||||
this.storereviewandinvoicing(item, i)
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消');
|
||||
}
|
||||
}
|
||||
});
|
||||
} else {
|
||||
this.saveMerchantBaseInfolsit.item = item
|
||||
this.saveMerchantBaseInfolsit.i = i
|
||||
this.clickconfirmshow = true
|
||||
}
|
||||
},
|
||||
async storereviewandinvoicing(item, i) {
|
||||
let res = await this.api.storereviewandinvoicing({
|
||||
store_id: uni.cache.get('userId'),
|
||||
id: item.id,
|
||||
no: this.no,
|
||||
s_type: i
|
||||
})
|
||||
if (res.code == 1) {
|
||||
this.storeinvoicingrecordsthatneed()
|
||||
}
|
||||
},
|
||||
// 预览图片
|
||||
previewImage(e) {
|
||||
uni.previewImage({
|
||||
urls: [e],
|
||||
longPressActions: {
|
||||
itemList: ['发送给朋友', '保存图片', '收藏'],
|
||||
success: function(data) {
|
||||
console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
|
||||
},
|
||||
fail: function(err) {
|
||||
console.log(err.errMsg);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
async storeinvoicingrecordsthatneed() {
|
||||
let res = await this.api.storeinvoicingrecordsthatneed({
|
||||
store_id: uni.cache.get('userId')
|
||||
})
|
||||
console.log(res)
|
||||
if (res.code == 1) {
|
||||
if (res.data.length == 0) {
|
||||
this.is_end = true
|
||||
this.form.status = 'nomore'
|
||||
this.list = []
|
||||
return false;
|
||||
} else {
|
||||
this.form.status = 'loading';
|
||||
this.form.page = ++this.form.page;
|
||||
setTimeout(() => {
|
||||
this.list = [...this.list, ...res.data];
|
||||
if (res.data.length == 10) {
|
||||
this.form.status = 'loading';
|
||||
} else {
|
||||
this.is_end = true;
|
||||
this.form.status = 'nomore';
|
||||
}
|
||||
}, 500)
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page {
|
||||
background: #F9F9F9;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 28rpx;
|
||||
|
||||
.contentbox {
|
||||
padding: 32rpx 16rpx;
|
||||
margin-top: 40rpx;
|
||||
width: 100%;
|
||||
background: #FFFFFF;
|
||||
|
||||
.contentboxitemtop {
|
||||
flex-wrap: nowrap;
|
||||
padding-bottom: 18rpx;
|
||||
border-bottom: 1rpx solid #E3E3E3;
|
||||
|
||||
.contentboxitemone {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.contentboxitemboxtow {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
|
||||
.contentboxitemboxone {
|
||||
margin-left: 10rpx;
|
||||
width: 104rpx;
|
||||
height: 44rpx;
|
||||
background: #318AFE;
|
||||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
line-height: 44rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.contentboxitemboxtows {
|
||||
width: 104rpx;
|
||||
height: 44rpx;
|
||||
background: red;
|
||||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
line-height: 44rpx;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.contentboxitembottom {
|
||||
padding-top: 16rpx;
|
||||
|
||||
.contentboxitembottomleft {
|
||||
.contentboxitembottomleftone {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 26rpx;
|
||||
color: #C92E2E;
|
||||
|
||||
text {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #C92E2E;
|
||||
}
|
||||
}
|
||||
|
||||
.flex-start {
|
||||
margin-top: 20rpx;
|
||||
|
||||
.flexstartico {
|
||||
margin-left: 12rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #666666;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.contentboxitembottomright {
|
||||
position: relative;
|
||||
width: 148rpx;
|
||||
height: 104rpx;
|
||||
border-radius: 10rpx;
|
||||
|
||||
.contentboxitembottomrightimage {
|
||||
width: 148rpx;
|
||||
height: 104rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
|
||||
.contentboxitembottomrightimage::after {
|
||||
content: '查看大图';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 148rpx;
|
||||
height: 104rpx;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #FFFFFF;
|
||||
line-height: 104rpx;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.popupshow {
|
||||
width: 600rpx;
|
||||
border-radius: 16rpx;
|
||||
|
||||
.Box_box {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
text-align: right;
|
||||
padding: 24rpx;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
font-size: 28rpx;
|
||||
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.content_bottom {
|
||||
margin: 70rpx auto 60rpx auto;
|
||||
width: 70%;
|
||||
height: 84rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.content_bottomone {
|
||||
padding: 16rpx 60rpx;
|
||||
background: #288EFB;
|
||||
border-radius: 32rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.content_bottomtow {
|
||||
padding: 16rpx 60rpx;
|
||||
background: red;
|
||||
border-radius: 32rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 81 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 152 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 170 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 115 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 195 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 313 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 196 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue