10 changed files with 375 additions and 44 deletions
-
5src/components/filter/header.vue
-
9src/pages/index/index.vue
-
BINsrc/static/images/icon/index/tab_13.png
-
3src/store/index.js
-
37src/subpackage/device/pages/switch_manage/switch_manage.vue
-
1src/subpackage/shower/components/popup/deduction.vue
-
146src/subpackage/shower/components/popup/device_deduction.vue
-
3src/subpackage/shower/js/api.js
-
125src/subpackage/shower/pages/device/use_detail.vue
-
90src/subpackage/shower/pages/device/use_record.vue
|
After Width: 138 | Height: 100 | Size: 573 B |
@ -0,0 +1,146 @@ |
|||
<template> |
|||
<view class="recharge-popup"> |
|||
<popup-template |
|||
title="结束计时" |
|||
:show="isShow" |
|||
@click:close="hide" |
|||
> |
|||
<view class="rp-container"> |
|||
<kv-line label="时长合计：">{{ initData.settle_duration || '-' }}</kv-line> |
|||
<view class="rc-space"></view> |
|||
<number-edit label="扣减时长" unit="分钟" v-model="editData.minute"></number-edit> |
|||
<view class="rc-btn" @click="confirm">确认</view> |
|||
</view> |
|||
</popup-template> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import popup_template from "./template.vue"; |
|||
import kv_line from "@/components/kv_line.vue"; |
|||
import number_edit from "../number_edit.vue"; |
|||
|
|||
import { SHOWER_API } from "../../js/api"; |
|||
import server from "../../js/server"; |
|||
import { formatDate, formatNumber, formatTime, showNone, debounce, showLoad, hideLoad, showModal } from "@/utils/util"; |
|||
export default { |
|||
components: { |
|||
'popup-template': popup_template, |
|||
'kv-line': kv_line, |
|||
'number-edit': number_edit |
|||
}, |
|||
data(){ |
|||
return { |
|||
isShow: false, |
|||
initData: {}, |
|||
editData: { |
|||
minute: 10 |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
confirm: debounce(function(){ |
|||
let { initData, editData } = this; |
|||
// initData?.success?.({ |
|||
// deductionMinute: +editData?.minute |
|||
// }); |
|||
let _query = { |
|||
duration: +editData?.minute, |
|||
id: initData?.id, |
|||
stadium_id: initData?.stadium_id, |
|||
brand_id: initData?.brand_id, |
|||
} |
|||
this.deductionReq(_query); |
|||
this.hide(); |
|||
}, 300, true), |
|||
init(data){ |
|||
this.initData = data; |
|||
this.editData.minute = data?.settle_duration || 10; |
|||
this.show(); |
|||
}, |
|||
show(){ |
|||
this.isShow = true; |
|||
}, |
|||
hide(){ |
|||
this.isShow = false; |
|||
}, |
|||
deductionReq(data){ |
|||
showLoad(); |
|||
return server.post({ |
|||
url: SHOWER_API.endOfUseWaterWave, |
|||
data, |
|||
isDefaultGet: false, |
|||
}) |
|||
.then(res => { |
|||
hideLoad(); |
|||
let _data = res?.data || {}; |
|||
if(_data.code === 0){ |
|||
showModal({ |
|||
title: '提示', |
|||
content: _data.message || '操作成功！' |
|||
}) |
|||
this.initData?.success?.('SUCCESS'); |
|||
}else{ |
|||
return Promise.reject(_data); |
|||
} |
|||
|
|||
}) |
|||
.catch(err => { |
|||
hideLoad(); |
|||
showModal({ |
|||
title: '提示', |
|||
content: err.message || '操作失败！' |
|||
}) |
|||
console.warn('deduction deductionReq err --->', err); |
|||
}) |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.rp-container{ |
|||
padding: 0 60upx; |
|||
.rc-space{ |
|||
padding-top: 40upx; |
|||
} |
|||
.rc-orange{ |
|||
color: #FF873D; |
|||
} |
|||
.rc-time-select{ |
|||
margin-top: 40upx; |
|||
@include ctf(space-between); |
|||
.rts-name{ |
|||
flex-shrink: 0; |
|||
@include flcw(28upx, 40upx, #1A1A1A); |
|||
} |
|||
.rts-ipt{ |
|||
display: block; |
|||
box-sizing: border-box; |
|||
padding: 10upx 30upx; |
|||
width: 358upx; |
|||
height: 56upx; |
|||
border-radius: 10upx; |
|||
background: #F2F2F7; |
|||
@include flcw(24upx, 34upx, #333333); |
|||
} |
|||
} |
|||
.rc-remark{ |
|||
width: auto; |
|||
margin-top: 40upx; |
|||
padding: 20upx 24upx; |
|||
height: 144upx; |
|||
background: #F2F2F7; |
|||
@include flcw(24upx, 34upx, #333333); |
|||
} |
|||
.rc-btn{ |
|||
margin: 64upx auto 0upx; |
|||
width: 240upx; |
|||
height: 88upx; |
|||
text-align: center; |
|||
border-radius: 10upx; |
|||
background: $mColor; |
|||
@include flcw(28upx, 88upx, #fff); |
|||
} |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue