|
@@ -5,15 +5,15 @@
|
|
<div class="top-wrap">
|
|
<div class="top-wrap">
|
|
<div class="info-wrap">
|
|
<div class="info-wrap">
|
|
<div class="avatar">
|
|
<div class="avatar">
|
|
- <img src="" alt="">
|
|
|
|
|
|
+ <img :src="item.partnerImgUrl" alt="">
|
|
</div>
|
|
</div>
|
|
<p class="name">
|
|
<p class="name">
|
|
- <span>张小效</span>
|
|
|
|
- <span>2022-09-23到期</span>
|
|
|
|
|
|
+ <span>{{ item.partnerName }}</span>
|
|
|
|
+ <span>{{ item.contractEndTime }}到期</span>
|
|
</p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<a class="contact-wrap" href="javascript:;">
|
|
<a class="contact-wrap" href="javascript:;">
|
|
- <span>159****9087</span>
|
|
|
|
|
|
+ <span>{{ item.partnerPhone }}</span>
|
|
<img src="../image/btn_phone@2x.png" alt="">
|
|
<img src="../image/btn_phone@2x.png" alt="">
|
|
</a>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
@@ -22,6 +22,9 @@
|
|
<img src="../image/btn_next@2x.png" alt="">
|
|
<img src="../image/btn_next@2x.png" alt="">
|
|
</a>
|
|
</a>
|
|
</li>
|
|
</li>
|
|
|
|
+ <li class="load-status" v-if="listData.length && booFetchData">
|
|
|
|
+ <p>{{ arrFetchStatus[numFetchStatus] }}</p>
|
|
|
|
+ </li>
|
|
<li class="bitmap" v-if="!listData.length && booFetchData">
|
|
<li class="bitmap" v-if="!listData.length && booFetchData">
|
|
<p>暂无记录</p>
|
|
<p>暂无记录</p>
|
|
</li>
|
|
</li>
|
|
@@ -32,57 +35,38 @@
|
|
<script>
|
|
<script>
|
|
import BScroll from 'better-scroll'
|
|
import BScroll from 'better-scroll'
|
|
import { Toast } from 'vant'
|
|
import { Toast } from 'vant'
|
|
- import axios from 'axios'
|
|
|
|
import { mapGetters } from 'vuex'
|
|
import { mapGetters } from 'vuex'
|
|
|
|
+ import { partnerList } from '../api'
|
|
|
|
|
|
const PAGESIZE = 20
|
|
const PAGESIZE = 20
|
|
- const eapiDomain = process.env.API_DOMAIN
|
|
|
|
export default {
|
|
export default {
|
|
name: 'mains',
|
|
name: 'mains',
|
|
- props: {
|
|
|
|
- numPositionY: {
|
|
|
|
- type: Number,
|
|
|
|
- default: 0
|
|
|
|
- },
|
|
|
|
- selectedData: {
|
|
|
|
- type: Array,
|
|
|
|
- default: function () {
|
|
|
|
- return []
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- // 发票唯一编码
|
|
|
|
- invoiceNo: {
|
|
|
|
- type: String,
|
|
|
|
- default: ''
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
data () {
|
|
data () {
|
|
return {
|
|
return {
|
|
pager: {
|
|
pager: {
|
|
pagenum: 1,
|
|
pagenum: 1,
|
|
- pagesize: PAGESIZE
|
|
|
|
|
|
+ pagesize: PAGESIZE,
|
|
|
|
+ pagecount: 1
|
|
},
|
|
},
|
|
listData: [],
|
|
listData: [],
|
|
scroll: null,
|
|
scroll: null,
|
|
numFetchStatus: 0,
|
|
numFetchStatus: 0,
|
|
- arrFetchStatus: ['正在加载,请稍后~', '到底了'],
|
|
|
|
- booFetchData: false
|
|
|
|
|
|
+ arrFetchStatus: ['正在加载,请稍后~', '上拉加载更多', '没有更多了', '出错啦'],
|
|
|
|
+ booFetchData: false,
|
|
|
|
+ numPositionY: 0
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- computed: {
|
|
|
|
- ...mapGetters({
|
|
|
|
- search: 'business/searchValue'
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
activated () {
|
|
activated () {
|
|
if (!this.$route.meta.isUseCache) {
|
|
if (!this.$route.meta.isUseCache) {
|
|
this.pager = {
|
|
this.pager = {
|
|
pagenum: 1,
|
|
pagenum: 1,
|
|
- pagesize: PAGESIZE
|
|
|
|
|
|
+ pagesize: PAGESIZE,
|
|
|
|
+ pagecount: 1
|
|
}
|
|
}
|
|
- this.listData = [1, 2, 3, 4]
|
|
|
|
|
|
+ this.listData = []
|
|
this.numFetchStatus = 0
|
|
this.numFetchStatus = 0
|
|
this.booFetchData = false
|
|
this.booFetchData = false
|
|
|
|
+ this.numPositionY = 0
|
|
this.funFetch()
|
|
this.funFetch()
|
|
} else {
|
|
} else {
|
|
this.$nextTick(() => {
|
|
this.$nextTick(() => {
|
|
@@ -92,6 +76,14 @@
|
|
}
|
|
}
|
|
})
|
|
})
|
|
}
|
|
}
|
|
|
|
+ this.$nextTick(() => {
|
|
|
|
+ this.$refreshTitle('销售')
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ computed: {
|
|
|
|
+ ...mapGetters({
|
|
|
|
+ search: 'business/searchValue'
|
|
|
|
+ })
|
|
},
|
|
},
|
|
watch: {
|
|
watch: {
|
|
search: {
|
|
search: {
|
|
@@ -100,78 +92,35 @@
|
|
clearTimeout(timer)
|
|
clearTimeout(timer)
|
|
this.pager = {
|
|
this.pager = {
|
|
pagenum: 1,
|
|
pagenum: 1,
|
|
- pagesize: PAGESIZE
|
|
|
|
|
|
+ pagesize: PAGESIZE,
|
|
|
|
+ pagecount: 1
|
|
}
|
|
}
|
|
this.listData = []
|
|
this.listData = []
|
|
this.numFetchStatus = 0
|
|
this.numFetchStatus = 0
|
|
this.booFetchData = false
|
|
this.booFetchData = false
|
|
|
|
+ this.numPositionY = 0
|
|
this.funFetch()
|
|
this.funFetch()
|
|
}, 200)
|
|
}, 200)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- beforeDestroy () {
|
|
|
|
- if (this.scroll) {
|
|
|
|
- this.scroll.destroy()
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
methods: {
|
|
methods: {
|
|
funFetch () {
|
|
funFetch () {
|
|
const vm = this
|
|
const vm = this
|
|
- const { CellPhoneParam } = vm.$root
|
|
|
|
- let api = ''
|
|
|
|
- let postData = {}
|
|
|
|
- switch (vm.$route.name) {
|
|
|
|
- case 'all':
|
|
|
|
- api = '/web/ApiInvoice/getInvoiceOrderList'
|
|
|
|
- postData = {
|
|
|
|
- LoginCellphone: CellPhoneParam
|
|
|
|
- }
|
|
|
|
- break
|
|
|
|
- case 'complete':
|
|
|
|
- api = '/web/ApiInvoice/getHadInvoiceOrderList'
|
|
|
|
- postData = {
|
|
|
|
- LoginCellphone: CellPhoneParam
|
|
|
|
- }
|
|
|
|
- break
|
|
|
|
- case 'order':
|
|
|
|
- api = '/web/ApiInvoice/getInvoiceOrderByInvoiceNo'
|
|
|
|
- postData = {
|
|
|
|
- invoiceNo: this.invoiceNo
|
|
|
|
- }
|
|
|
|
- break
|
|
|
|
- }
|
|
|
|
- if (!CellPhoneParam) {
|
|
|
|
- vm.$toast('未登录')
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
- axios.post(`${eapiDomain}${api}`, {
|
|
|
|
- ...postData,
|
|
|
|
- page: vm.pager.pagenum,
|
|
|
|
- pageSize: vm.pager.pagesize
|
|
|
|
- }).then(response => {
|
|
|
|
- if (response.Status === 1) {
|
|
|
|
- let list = []
|
|
|
|
- switch (vm.$route.name) {
|
|
|
|
- case 'all':
|
|
|
|
- if (Object.keys(response.Data).indexOf('list') > -1) {
|
|
|
|
- list = response.Data.list
|
|
|
|
- }
|
|
|
|
- break
|
|
|
|
- case 'complete':
|
|
|
|
- list = response.Data
|
|
|
|
- break
|
|
|
|
- case 'order':
|
|
|
|
- list = response.Data
|
|
|
|
- break
|
|
|
|
- }
|
|
|
|
|
|
+ partnerList(vm.pager.pagenum, vm.pager.pagesize).then(response => {
|
|
|
|
+ if (response.status) {
|
|
|
|
+ const data = response.data
|
|
|
|
+ const temp = data.data
|
|
|
|
+ vm.pager.pagecount = Math.ceil(data.count / PAGESIZE)
|
|
vm.pager.pagenum++
|
|
vm.pager.pagenum++
|
|
vm.booFetchData = true
|
|
vm.booFetchData = true
|
|
- if (list && list.length) {
|
|
|
|
- vm.listData = vm.listData.concat(list)
|
|
|
|
- if (vm.$route.name === 'all') {
|
|
|
|
- vm.$emit('funGetInitData', vm.listData, response.Data.amount, response.Data.orderIdList)
|
|
|
|
- }
|
|
|
|
|
|
+ if (vm.pager.pagecount <= 1) {
|
|
|
|
+ vm.numFetchStatus = 2
|
|
|
|
+ } else {
|
|
|
|
+ vm.numFetchStatus = 1
|
|
|
|
+ }
|
|
|
|
+ if (temp.length) {
|
|
|
|
+ vm.listData = vm.listData.concat(temp)
|
|
vm.$nextTick(() => {
|
|
vm.$nextTick(() => {
|
|
if (!vm.scroll) {
|
|
if (!vm.scroll) {
|
|
vm.scroll = new BScroll(vm.$refs.wrapper, {
|
|
vm.scroll = new BScroll(vm.$refs.wrapper, {
|
|
@@ -182,6 +131,10 @@
|
|
scrollbar: true
|
|
scrollbar: true
|
|
})
|
|
})
|
|
vm.scroll.on('pullingUp', () => {
|
|
vm.scroll.on('pullingUp', () => {
|
|
|
|
+ if (vm.pager.pagenum > vm.pager.pagecount) {
|
|
|
|
+ vm.numFetchStatus = 2
|
|
|
|
+ return
|
|
|
|
+ }
|
|
vm.funFetch()
|
|
vm.funFetch()
|
|
})
|
|
})
|
|
} else {
|
|
} else {
|
|
@@ -191,19 +144,21 @@
|
|
})
|
|
})
|
|
}
|
|
}
|
|
} else {
|
|
} else {
|
|
- Toast(response.ErrorMsg)
|
|
|
|
|
|
+ Toast(response.msg)
|
|
|
|
+ vm.numFetchStatus = 3
|
|
}
|
|
}
|
|
|
|
+ }).catch(() => {
|
|
|
|
+ Toast('出错啦')
|
|
|
|
+ vm.numFetchStatus = 3
|
|
})
|
|
})
|
|
},
|
|
},
|
|
funGetGoodsDetail (goods) {
|
|
funGetGoodsDetail (goods) {
|
|
return ''
|
|
return ''
|
|
- },
|
|
|
|
- funJumpDetail (item) {
|
|
|
|
- if (item.isOfflineOpen === '是') {
|
|
|
|
- this.$toast('线下开票订单,如有疑问,请联系客服处理')
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
- this.$router.push({ path: '/' })
|
|
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ beforeDestroy () {
|
|
|
|
+ if (this.scroll) {
|
|
|
|
+ this.scroll.destroy()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -322,14 +277,24 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
- .bitmap {
|
|
|
|
- padding-top: 200px;
|
|
|
|
|
|
+ .load-status {
|
|
|
|
+ margin-top: 12px;
|
|
|
|
+
|
|
|
|
+ p {
|
|
|
|
+ line-height: 20px;
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ color: #666;
|
|
|
|
+ text-align: center;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
|
|
|
|
+ .bitmap {
|
|
p {
|
|
p {
|
|
- line-height: 38px;
|
|
|
|
- font-size: 28px;
|
|
|
|
|
|
+ line-height: 22px;
|
|
|
|
+ font-size: 16px;
|
|
font-weight: 500;
|
|
font-weight: 500;
|
|
- color: #999;
|
|
|
|
|
|
+ text-align: center;
|
|
|
|
+ color: #333;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|