fix: 小程序日期选择范围问题处理

This commit is contained in:
From-wh 2023-05-18 16:09:52 +08:00
parent 3388a80aaa
commit c531507735
3 changed files with 730 additions and 718 deletions

View File

@ -29,7 +29,7 @@
<Card :bordered="false" dis-hover v-if="cardShow == 0">
<Row v-if="cardShow == 0">
<Col style="width: 310px; height: 550px; margin-right: 30px; position: relative" v-if="isDiy">
<iframe class="iframe-box" :src="imgUrl" frameborder="0" ref="iframe"></iframe>
<iframe class="iframe-box" :src="iframeUrl" frameborder="0" ref="iframe"></iframe>
<div class="mask"></div>
</Col>
<Col :span="isDiy ? '' : 24" v-bind="isDiy ? grid : ''" :class="isDiy ? 'table' : ''">
@ -268,7 +268,7 @@ export default {
},
],
list: [],
imgUrl: '',
iframeUrl: '',
modal: false,
BaseURL: Setting.apiBaseURL.replace(/adminapi/, ''),
cardShow: 0,
@ -294,7 +294,7 @@ export default {
},
created() {
this.getList();
this.imgUrl = `${location.origin}/pages/index/index?mdType=iframeWindow`;
this.iframeUrl = `${location.origin}/pages/index/index?mdType=iframeWindow`;
},
mounted: function () {},
methods: {
@ -302,9 +302,9 @@ export default {
this.$refs['formItem'].resetFields();
},
refreshFrame() {
this.imgUrl = '';
this.iframeUrl = '';
setTimeout((e) => {
this.imgUrl = `${location.origin}/pages/index/index?mdType=iframeWindow`;
this.iframeUrl = `${location.origin}/pages/index/index?mdType=iframeWindow`;
}, 200);
},
getChildData(e) {
@ -402,7 +402,7 @@ export default {
// 获取列表
getList() {
// let storage = window.localStorage;
// this.imgUrl = storage.getItem("imgUrl");
// this.iframeUrl = storage.getItem("iframeUrl");
let that = this;
this.loading = true;
diyList(this.diyFrom).then((res) => {

View File

@ -1,50 +1,52 @@
<template>
<view>
<uni-calendar range @change="change"></uni-calendar>
<navigator class="back" open-type="navigateBack" hover-class="none">{{$t(`取消`)}}</navigator>
</view>
</template>
<script>
import uniCalendar from '../components/uni-calendar/uni-calendar.vue';
export default {
components: {
uniCalendar
},
data() {
return {
type: ''
};
},
onLoad(options) {
this.type = options.type;
},
methods: {
change(e) {
const {
before,
after
} = e.range;
if (before && after) {
uni.navigateTo({
url: `/pages/admin/statistics/index?type=${this.type}&before=${before}&after=${after}&time=date`
});
}
}
},
}
</script>
<style lang="scss" scoped>
.back {
height: 86rpx;
border: 1rpx solid #E93323;
border-radius: 43rpx;
margin: 60rpx 30rpx;
font-size: 30rpx;
line-height: 84rpx;
text-align: center;
color: #E93323;
}
<template>
<view>
<uni-calendar range @change="change"></uni-calendar>
<navigator class="back" open-type="navigateBack" hover-class="none">{{$t(`取消`)}}</navigator>
</view>
</template>
<script>
import uniCalendar from '../components/uni-calendar/uni-calendar.vue';
export default {
components: {
uniCalendar
},
data() {
return {
type: ''
};
},
onLoad(options) {
this.type = options.type;
},
methods: {
change(e) {
console.log(e)
const {
before,
after
} = e.range;
if (before && after) {
uni.navigateTo({
url: `/pages/admin/statistics/index?type=${this.type}&before=${before}&after=${after}&time=date`
});
}
}
},
}
</script>
<style lang="scss" scoped>
.back {
height: 86rpx;
border: 1rpx solid #E93323;
border-radius: 43rpx;
margin: 60rpx 30rpx;
font-size: 30rpx;
line-height: 84rpx;
text-align: center;
color: #E93323;
}
</style>

File diff suppressed because it is too large Load Diff