|
|
@@ -80,7 +80,7 @@
|
|
|
<div v-if="resourceList.content && resourceList.content.length > 0">
|
|
|
<div class="invoice-btob-list" v-for="item in resourceList.content" :key="item.id">
|
|
|
<div class="invoice-btob-wrapper-middle" style="border-top: 0">
|
|
|
- <div class="invoice-btob-wrapper-middle-title">{{item.myEnterprise.enName}}</div>
|
|
|
+ <div class="invoice-btob-wrapper-middle-title">{{item.myEnterprise && item.myEnterprise.enName}}</div>
|
|
|
</div>
|
|
|
<div class="invoice-btob-wrapper-middle">
|
|
|
<div v-if="item.lastCheckDate"><span>上次对账日期：{{item.lastCheckDate | time}}</span></div>
|
|
|
@@ -110,7 +110,8 @@
|
|
|
<span class="inline-block overflowhidden">
|
|
|
当前客户：深圳优软商城科技有限公司大公司哦12314
|
|
|
</span>
|
|
|
- <input type="month" v-model="isShowApcheckList.thisMonth" @change="showApcheckList()"/>
|
|
|
+ <div @click="isShowMonthChoose=true">{{isShowApcheckList.thisMonth}}</div>
|
|
|
+ <!--<input type="month" v-model="isShowApcheckList.thisMonth" @change="showApcheckList()"/>-->
|
|
|
</div>
|
|
|
<div class="btobapCheck-modal">
|
|
|
<div class="choosescreen-result">
|
|
|
@@ -231,17 +232,72 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</modal-wrapper>
|
|
|
+ <div class="fixedPicker" v-show="isShowMonthChoose">
|
|
|
+ <picker :slots="slots" @change="onValuesChange" :showToolbar="true" ref="picker">
|
|
|
+ <div class="titls">选择当前时间</div>
|
|
|
+ <div class="leftBtn" @click="isShowMonthChoose=false">取消</div>
|
|
|
+ <div class="rightBtn" @click="resultMonth">确定</div>
|
|
|
+ </picker>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import { Picker } from 'mint-ui'
|
|
|
import { ModalWrapper, BaseFilter } from '~components/mobile/base'
|
|
|
import { PullUp, EmptyStatus } from '~components/mobile/common'
|
|
|
+ function years() {
|
|
|
+ let arr = []
|
|
|
+ let num = 1989
|
|
|
+ for (let i = 0; i < 99; i++) {
|
|
|
+ num++
|
|
|
+ arr.push(num + '年')
|
|
|
+ }
|
|
|
+ return arr
|
|
|
+ }
|
|
|
+ function getMonth() {
|
|
|
+ let sdateTo = new Date()
|
|
|
+ console.log(sdateTo.getMonth() - 1)
|
|
|
+ return sdateTo.getMonth() - 1
|
|
|
+ }
|
|
|
+ function getYear() {
|
|
|
+ let num = 1989
|
|
|
+ let sdateTo = new Date()
|
|
|
+ let _year = sdateTo.getFullYear()
|
|
|
+ for (let i = 0; i < 99; i++) {
|
|
|
+ num++
|
|
|
+ if (num === Number(_year)) {
|
|
|
+ num = i
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return num
|
|
|
+ }
|
|
|
export default {
|
|
|
layout: 'mobileNoHeader',
|
|
|
middleware: 'authenticated',
|
|
|
data() {
|
|
|
return {
|
|
|
+ isShowMonthChoose: false,
|
|
|
+ slots: [
|
|
|
+ {
|
|
|
+ flex: 1,
|
|
|
+ values: years(),
|
|
|
+ className: 'slot1',
|
|
|
+ textAlign: 'center',
|
|
|
+ defaultIndex: getYear()
|
|
|
+ }, {
|
|
|
+ divider: true,
|
|
|
+ content: '-',
|
|
|
+ className: 'slot2'
|
|
|
+ }, {
|
|
|
+ flex: 1,
|
|
|
+ values: ['01月', '02月', '03月', '04月', '05月', '06月', '07月', '08月', '09月', '10月', '11月', '12月'],
|
|
|
+ className: 'slot3',
|
|
|
+ textAlign: 'center',
|
|
|
+ defaultIndex: getMonth()
|
|
|
+ }
|
|
|
+ ],
|
|
|
activeType: 'all',
|
|
|
filterParams: {
|
|
|
keyword: '',
|
|
|
@@ -296,9 +352,20 @@
|
|
|
})
|
|
|
this.getUnread()
|
|
|
let sdateTo = new Date()
|
|
|
- this.isShowApcheckList.thisMonth = sdateTo.getFullYear() + '-' + (sdateTo.getMonth())
|
|
|
+ this.isShowApcheckList.thisMonth = sdateTo.getFullYear() + '-' + sdateTo.getMonth()
|
|
|
},
|
|
|
methods: {
|
|
|
+ onValuesChange(picker, value) {
|
|
|
+ console.log(picker.getValues())
|
|
|
+ value[0] = value[0].replace('年', '')
|
|
|
+ value[1] = value[1].replace('月', '')
|
|
|
+ this.$value = value[0] + '-' + value[1]
|
|
|
+ },
|
|
|
+ resultMonth() {
|
|
|
+ this.isShowMonthChoose = false
|
|
|
+ this.isShowApcheckList.thisMonth = this.$value
|
|
|
+ this.showApcheckList()
|
|
|
+ },
|
|
|
addApCheck() {
|
|
|
this.showModal = true
|
|
|
},
|
|
|
@@ -491,7 +558,8 @@
|
|
|
ModalWrapper,
|
|
|
BaseFilter,
|
|
|
PullUp,
|
|
|
- EmptyStatus
|
|
|
+ EmptyStatus,
|
|
|
+ Picker
|
|
|
},
|
|
|
filters: {
|
|
|
time: function (time) {
|
|
|
@@ -520,6 +588,41 @@
|
|
|
text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
|
}
|
|
|
+ .fixedPicker {
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ z-index: 9999;
|
|
|
+ background: rgba(0,0,0,0.5);
|
|
|
+ .picker {
|
|
|
+ width: 100%;
|
|
|
+ left: 0;
|
|
|
+ bottom: 0;
|
|
|
+ position: absolute;
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+ .titls {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 0.24rem;
|
|
|
+ line-height: 0.5rem
|
|
|
+ }
|
|
|
+ .leftBtn {
|
|
|
+ color: #666;
|
|
|
+ font-size: 0.24rem;
|
|
|
+ position: absolute;
|
|
|
+ left: 0.2rem;
|
|
|
+ top: 0.1rem
|
|
|
+ }
|
|
|
+ .rightBtn {
|
|
|
+ top: 0.1rem;
|
|
|
+ color: #3e82f5;
|
|
|
+ font-size: 0.24rem;
|
|
|
+ position: absolute;
|
|
|
+ right: 0.2rem;
|
|
|
+ }
|
|
|
+ }
|
|
|
.mobile-header{
|
|
|
position: fixed;
|
|
|
top: 0;
|
|
|
@@ -815,13 +918,14 @@
|
|
|
color: #333333;
|
|
|
margin: 0 0.1rem;
|
|
|
}
|
|
|
- input {
|
|
|
+ div {
|
|
|
background: #FFFFFF;
|
|
|
border: 1px solid #BFBFBF;
|
|
|
border-radius: 4px;
|
|
|
font-size: 0.28rem;
|
|
|
color: #3E81F6;
|
|
|
width: 2rem;
|
|
|
+ display: inline-block;
|
|
|
}
|
|
|
}
|
|
|
.footerBtn {
|
wangcz