master
parent
99420a1e87
commit
41586a7d71
1
App.vue
1
App.vue
|
|
@ -93,6 +93,7 @@
|
||||||
}
|
}
|
||||||
.time-ranger{
|
.time-ranger{
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
|
padding: 0px 10px;
|
||||||
padding-bottom: 10px;
|
padding-bottom: 10px;
|
||||||
.start-time, .end-time{
|
.start-time, .end-time{
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
||||||
|
|
@ -76,8 +76,8 @@
|
||||||
showTime1: false,
|
showTime1: false,
|
||||||
start: '请选择开始时间',
|
start: '请选择开始时间',
|
||||||
end: '请选择结束时间',
|
end: '请选择结束时间',
|
||||||
stm: '',
|
stm:moment().startOf('year').format('YYYY-MM-DD'),
|
||||||
etm: '',
|
etm:moment().format('YYYY-MM-DD'),
|
||||||
customStyle: {
|
customStyle: {
|
||||||
background: '#000'
|
background: '#000'
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
}" :height='44' :safeAreaInsetTop=true leftIconSize='20' leftIconColor='rgb(153, 153, 153)'>
|
}" :height='44' :safeAreaInsetTop=true leftIconSize='20' leftIconColor='rgb(153, 153, 153)'>
|
||||||
</u-navbar>
|
</u-navbar>
|
||||||
<view style="background-color: #f0f0f0;padding: 10px;margin-top: 44px;">
|
<view style="background-color: #f0f0f0;padding: 10px;margin-top: 44px;">
|
||||||
<view style="padding:0 10px;backgroundColor:#fff">
|
<!-- <view style="padding:0 10px;backgroundColor:#fff"> -->
|
||||||
<view class="time-ranger">
|
<view class="time-ranger">
|
||||||
<view class="start-time">
|
<view class="start-time">
|
||||||
<text>开始时间</text>
|
<text>开始时间</text>
|
||||||
|
|
@ -19,7 +19,7 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
<!-- </view> -->
|
||||||
<view class="" style="height:calc(100vh - 150px);overflow: auto;" v-if="dataList.length !== 0">
|
<view class="" style="height:calc(100vh - 150px);overflow: auto;" v-if="dataList.length !== 0">
|
||||||
<view class="" v-for="item in dataList" class="contentItemWx" @click="toDetail(item)">
|
<view class="" v-for="item in dataList" class="contentItemWx" @click="toDetail(item)">
|
||||||
<view class="contentItem">
|
<view class="contentItem">
|
||||||
|
|
@ -44,9 +44,9 @@
|
||||||
</view> -->
|
</view> -->
|
||||||
</view>
|
</view>
|
||||||
<!-- <button @click="submitForm">Submit</button> -->
|
<!-- <button @click="submitForm">Submit</button> -->
|
||||||
<u-datetime-picker :show="showTime" v-model="stm" mode="datetime" @confirm="showTime=false"
|
<u-datetime-picker :show="showTime" v-model="stm" mode="date" @confirm="showTime=false"
|
||||||
@cancel="showTime=false"></u-datetime-picker>
|
@cancel="showTime=false"></u-datetime-picker>
|
||||||
<u-datetime-picker :show="showTime1" v-model="etm" mode="datetime" @confirm="showTime1=false"
|
<u-datetime-picker :show="showTime1" v-model="etm" mode="date" @confirm="showTime1=false"
|
||||||
@cancel="showTime1=false"></u-datetime-picker>
|
@cancel="showTime1=false"></u-datetime-picker>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -71,8 +71,8 @@
|
||||||
showTime1: false,
|
showTime1: false,
|
||||||
start: '请选择开始时间',
|
start: '请选择开始时间',
|
||||||
end: '请选择结束时间',
|
end: '请选择结束时间',
|
||||||
stm: '',
|
stm:moment().startOf('year').format('YYYY-MM-DD'),
|
||||||
etm: '',
|
etm:moment().format('YYYY-MM-DD'),
|
||||||
dataList: [],
|
dataList: [],
|
||||||
type: {
|
type: {
|
||||||
1: "溢洪道清障",
|
1: "溢洪道清障",
|
||||||
|
|
|
||||||
|
|
@ -53,14 +53,14 @@
|
||||||
<u-datetime-picker
|
<u-datetime-picker
|
||||||
:show="showTime"
|
:show="showTime"
|
||||||
v-model="startTime"
|
v-model="startTime"
|
||||||
mode="datetime"
|
mode="date"
|
||||||
@confirm="handleStartTime"
|
@confirm="handleStartTime"
|
||||||
@cancel="showTime=false"
|
@cancel="showTime=false"
|
||||||
></u-datetime-picker>
|
></u-datetime-picker>
|
||||||
<u-datetime-picker
|
<u-datetime-picker
|
||||||
:show="showTime1"
|
:show="showTime1"
|
||||||
v-model="endTime"
|
v-model="endTime"
|
||||||
mode="datetime"
|
mode="date"
|
||||||
@confirm="handleEndTime"
|
@confirm="handleEndTime"
|
||||||
@cancel="showTime1=false"
|
@cancel="showTime1=false"
|
||||||
></u-datetime-picker>
|
></u-datetime-picker>
|
||||||
|
|
@ -69,8 +69,8 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import moment from 'moment'
|
import moment from 'moment'
|
||||||
const stm = moment().subtract(7, 'months').add(1, 'hour').set({minute: 0, second: 0}).format("YYYY-MM-DD");
|
const stm = moment().startOf('year').set({minute: 0, second: 0}).format("YYYY-MM-DD");
|
||||||
const etm = moment().add(1, 'hour').set({minute: 0, second: 0}).format("YYYY-MM-DD");
|
const etm = moment().set({minute: 0, second: 0}).format("YYYY-MM-DD");
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|
@ -96,12 +96,12 @@
|
||||||
this.getData()
|
this.getData()
|
||||||
},
|
},
|
||||||
handleStartTime(e){
|
handleStartTime(e){
|
||||||
let time = moment(e.value).format("YYYY-MM-DD HH:mm")
|
let time = moment(e.value).format("YYYY-MM-DD")
|
||||||
this.stm = time
|
this.stm = time
|
||||||
this.showTime = false
|
this.showTime = false
|
||||||
},
|
},
|
||||||
handleEndTime(e){
|
handleEndTime(e){
|
||||||
let time = moment(e.value).format("YYYY-MM-DD HH:mm")
|
let time = moment(e.value).format("YYYY-MM-DD")
|
||||||
this.etm = time;
|
this.etm = time;
|
||||||
this.showTime1 = false
|
this.showTime1 = false
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -74,8 +74,8 @@
|
||||||
showTime1:false,
|
showTime1:false,
|
||||||
start: '请选择开始时间',
|
start: '请选择开始时间',
|
||||||
end: '请选择结束时间',
|
end: '请选择结束时间',
|
||||||
stm:'',
|
stm:moment().startOf('year').format('YYYY-MM-DD'),
|
||||||
etm:'',
|
etm:moment().format('YYYY-MM-DD'),
|
||||||
customStyle: {
|
customStyle: {
|
||||||
background: '#000'
|
background: '#000'
|
||||||
},
|
},
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue