Browse Source

修改问题

master
396316021 1 year ago
parent
commit
c31abfc08a
  1. 62
      pages/OrderConfirm/end.vue

62
pages/OrderConfirm/end.vue

@ -48,14 +48,14 @@
<view class="radio-box row col" v-for="item in ['全部关闭','部分未关闭']" style="width:auto;align-items: center;" @click="applianceChange(item)"> <view class="radio-box row col" v-for="item in ['全部关闭','部分未关闭']" style="width:auto;align-items: center;" @click="applianceChange(item)">
<view class="box " <view class="box "
style="display:flex;justify-content:center;align-items:center; style="display:flex;justify-content:center;align-items:center;
width:40rpx;height:40rpx;border-radius: 50%;border:2rpx solid;background-color:#4EC2B7; width:35rpx;height:35rpx;border-radius: 50%;border:2rpx solid;background-color:#4EC2B7;
margin-right:15rpx;" margin-right:15rpx;"
:style="{ :style="{
borderColor:(model.appliance.option === item ? 'transparent':'#c8c9cc'), borderColor:(model.appliance.option === item ? 'transparent':'#c8c9cc'),
backgroundColor:(model.appliance.option === item ? '#4EC2B7':'transparent') backgroundColor:(model.appliance.option === item ? '#4EC2B7':'transparent')
}" }"
> >
<u-icon name="checkbox-mark" size="30rpx" :color="(model.appliance.option === item ? '#fff' : 'transparent')"></u-icon> <u-icon name="checkbox-mark" size="25rpx" :color="(model.appliance.option === item ? '#fff' : 'transparent')"></u-icon>
</view> </view>
<view class="label "> <view class="label ">
{{item}} {{item}}
@ -114,14 +114,14 @@
<view class="radio-box row col" v-for="item in ['未破坏','捣蛋破坏']" style="width:auto;align-items: center;" @click="beforeStatusChange(item)"> <view class="radio-box row col" v-for="item in ['未破坏','捣蛋破坏']" style="width:auto;align-items: center;" @click="beforeStatusChange(item)">
<view class="box " <view class="box "
style="display:flex;justify-content:center;align-items:center; style="display:flex;justify-content:center;align-items:center;
width:40rpx;height:40rpx;border-radius: 50%;border:2rpx solid;background-color:#4EC2B7; width:35rpx;height:35rpx;border-radius: 50%;border:2rpx solid;background-color:#4EC2B7;
margin-right:15rpx;" margin-right:15rpx;"
:style="{ :style="{
borderColor:(model.before_status.option === item ? 'transparent':'#c8c9cc'), borderColor:(model.before_status.option === item ? 'transparent':'#c8c9cc'),
backgroundColor:(model.before_status.option === item ? '#4EC2B7':'transparent') backgroundColor:(model.before_status.option === item ? '#4EC2B7':'transparent')
}" }"
> >
<u-icon name="checkbox-mark" size="30rpx" :color="(model.before_status.option === item ? '#fff' : 'transparent')"></u-icon> <u-icon name="checkbox-mark" size="25rpx" :color="(model.before_status.option === item ? '#fff' : 'transparent')"></u-icon>
</view> </view>
<view class="label "> <view class="label ">
{{item}} {{item}}
@ -226,14 +226,14 @@
<view class="radio-box row col" v-for="item in ['充足','少量','无']" style="width:auto;align-items: center;" @click="foodChange(item)"> <view class="radio-box row col" v-for="item in ['充足','少量','无']" style="width:auto;align-items: center;" @click="foodChange(item)">
<view class="box " <view class="box "
style="display:flex;justify-content:center;align-items:center; style="display:flex;justify-content:center;align-items:center;
width:40rpx;height:40rpx;border-radius: 50%;border:2rpx solid;background-color:#4EC2B7; width:35rpx;height:35rpx;border-radius: 50%;border:2rpx solid;background-color:#4EC2B7;
margin-right:15rpx;" margin-right:15rpx;"
:style="{ :style="{
borderColor:(model.food_status.food_option === item ? 'transparent':'#c8c9cc'), borderColor:(model.food_status.food_option === item ? 'transparent':'#c8c9cc'),
backgroundColor:(model.food_status.food_option === item ? '#4EC2B7':'transparent') backgroundColor:(model.food_status.food_option === item ? '#4EC2B7':'transparent')
}" }"
> >
<u-icon name="checkbox-mark" size="30rpx" :color="(model.food_status.food_option === item ? '#fff' : 'transparent')"></u-icon> <u-icon name="checkbox-mark" size="25rpx" :color="(model.food_status.food_option === item ? '#fff' : 'transparent')"></u-icon>
</view> </view>
<view class="label "> <view class="label ">
{{item}} {{item}}
@ -258,14 +258,14 @@
<view class="radio-box row col" v-for="item in ['充足','少量','无']" style="width:auto;align-items: center;" @click="waterChange(item)"> <view class="radio-box row col" v-for="item in ['充足','少量','无']" style="width:auto;align-items: center;" @click="waterChange(item)">
<view class="box " <view class="box "
style="display:flex;justify-content:center;align-items:center; style="display:flex;justify-content:center;align-items:center;
width:40rpx;height:40rpx;border-radius: 50%;border:2rpx solid;background-color:#4EC2B7; width:35rpx;height:35rpx;border-radius: 50%;border:2rpx solid;background-color:#4EC2B7;
margin-right:15rpx;" margin-right:15rpx;"
:style="{ :style="{
borderColor:(model.food_status.water_option === item ? 'transparent':'#c8c9cc'), borderColor:(model.food_status.water_option === item ? 'transparent':'#c8c9cc'),
backgroundColor:(model.food_status.water_option === item ? '#4EC2B7':'transparent') backgroundColor:(model.food_status.water_option === item ? '#4EC2B7':'transparent')
}" }"
> >
<u-icon name="checkbox-mark" size="30rpx" :color="(model.food_status.water_option === item ? '#fff' : 'transparent')"></u-icon> <u-icon name="checkbox-mark" size="25rpx" :color="(model.food_status.water_option === item ? '#fff' : 'transparent')"></u-icon>
</view> </view>
<view class="label "> <view class="label ">
{{item}} {{item}}
@ -1175,14 +1175,14 @@
<view class="radio-box row col" v-for="item in ['健康活泼','未近距离观察']" style="width:auto;align-items: center;" @click="healthChange(item)"> <view class="radio-box row col" v-for="item in ['健康活泼','未近距离观察']" style="width:auto;align-items: center;" @click="healthChange(item)">
<view class="box " <view class="box "
style="display:flex;justify-content:center;align-items:center; style="display:flex;justify-content:center;align-items:center;
width:40rpx;height:40rpx;border-radius: 50%;border:2rpx solid;background-color:#4EC2B7; width:35rpx;height:35rpx;border-radius: 50%;border:2rpx solid;background-color:#4EC2B7;
margin-right:15rpx;" margin-right:15rpx;"
:style="{ :style="{
borderColor:(model.health === item ? 'transparent':'#c8c9cc'), borderColor:(model.health === item ? 'transparent':'#c8c9cc'),
backgroundColor:(model.health === item ? '#4EC2B7':'transparent') backgroundColor:(model.health === item ? '#4EC2B7':'transparent')
}" }"
> >
<u-icon name="checkbox-mark" size="30rpx" :color="(model.health === item ? '#fff' : 'transparent')"></u-icon> <u-icon name="checkbox-mark" size="25rpx" :color="(model.health === item ? '#fff' : 'transparent')"></u-icon>
</view> </view>
<view class="label "> <view class="label ">
{{item}} {{item}}
@ -1646,16 +1646,16 @@
<view class="radio-box row col" v-for="item in ['保持原始状态','更改原始状态']" style="width:auto;align-items: center;" @click="applianceInfoChange(item)"> <view class="radio-box row col" v-for="item in ['保持原始状态','更改原始状态']" style="width:auto;align-items: center;" @click="applianceInfoChange(item)">
<view class="box " <view class="box "
style="display:flex;justify-content:center;align-items:center; style="display:flex;justify-content:center;align-items:center;
width:40rpx;height:40rpx;border-radius: 50%;border:2rpx solid;background-color:#4EC2B7; width:35rpx;height:35rpx;border-radius: 50%;border:2rpx solid;background-color:#4EC2B7;
margin-right:15rpx;" margin-right:15rpx;"
:style="{ :style="{
borderColor:(model.appliance_info.option === item ? 'transparent':'#c8c9cc'), borderColor:(model.appliance_info.option === item ? 'transparent':'#c8c9cc'),
backgroundColor:(model.appliance_info.option === item ? '#4EC2B7':'transparent') backgroundColor:(model.appliance_info.option === item ? '#4EC2B7':'transparent')
}" }"
> >
<u-icon name="checkbox-mark" size="30rpx" :color="(model.appliance_info.option === item ? '#fff' : 'transparent')"></u-icon> <u-icon name="checkbox-mark" size="25rpx" :color="(model.appliance_info.option === item ? '#fff' : 'transparent')"></u-icon>
</view> </view>
<view class="label "> <view class="label " style="font-size:26rpx;">
{{item}} {{item}}
</view> </view>
</view> </view>
@ -1757,16 +1757,16 @@
<view class="radio-box row col" v-for="item in ['已反锁','已关门未反锁']" style="width:auto;align-items: center;" @click="closeChange(item)"> <view class="radio-box row col" v-for="item in ['已反锁','已关门未反锁']" style="width:auto;align-items: center;" @click="closeChange(item)">
<view class="box " <view class="box "
style="display:flex;justify-content:center;align-items:center; style="display:flex;justify-content:center;align-items:center;
width:40rpx;height:40rpx;border-radius: 50%;border:2rpx solid;background-color:#4EC2B7; width:35rpx;height:35rpx;border-radius: 50%;border:2rpx solid;background-color:#4EC2B7;
margin-right:15rpx;" margin-right:15rpx;"
:style="{ :style="{
borderColor:(model.close.option === item ? 'transparent':'#c8c9cc'), borderColor:(model.close.option === item ? 'transparent':'#c8c9cc'),
backgroundColor:(model.close.option === item ? '#4EC2B7':'transparent') backgroundColor:(model.close.option === item ? '#4EC2B7':'transparent')
}" }"
> >
<u-icon name="checkbox-mark" size="30rpx" :color="(model.close.option === item ? '#fff' : 'transparent')"></u-icon> <u-icon name="checkbox-mark" size="25rpx" :color="(model.close.option === item ? '#fff' : 'transparent')"></u-icon>
</view> </view>
<view class="label "> <view class="label " style="font-size:26rpx;">
{{item}} {{item}}
</view> </view>
</view> </view>
@ -1806,16 +1806,16 @@
<view class="radio-box row col" v-for="item in ['已反锁','已关门未反锁']" style="width:auto;align-items: center;" @click="closeMimaChange(item)"> <view class="radio-box row col" v-for="item in ['已反锁','已关门未反锁']" style="width:auto;align-items: center;" @click="closeMimaChange(item)">
<view class="box " <view class="box "
style="display:flex;justify-content:center;align-items:center; style="display:flex;justify-content:center;align-items:center;
width:40rpx;height:40rpx;border-radius: 50%;border:2rpx solid;background-color:#4EC2B7; width:35rpx;height:35rpx;border-radius: 50%;border:2rpx solid;background-color:#4EC2B7;
margin-right:15rpx;" margin-right:15rpx;"
:style="{ :style="{
borderColor:(model.close_mima.option === item ? 'transparent':'#c8c9cc'), borderColor:(model.close_mima.option === item ? 'transparent':'#c8c9cc'),
backgroundColor:(model.close_mima.option === item ? '#4EC2B7':'transparent') backgroundColor:(model.close_mima.option === item ? '#4EC2B7':'transparent')
}" }"
> >
<u-icon name="checkbox-mark" size="30rpx" :color="(model.close_mima.option === item ? '#fff' : 'transparent')"></u-icon> <u-icon name="checkbox-mark" size="25rpx" :color="(model.close_mima.option === item ? '#fff' : 'transparent')"></u-icon>
</view> </view>
<view class="label "> <view class="label " style="font-size:26rpx;">
{{item}} {{item}}
</view> </view>
</view> </view>
@ -1873,16 +1873,16 @@
<view class="radio-box row col" v-for="item in ['钥匙已密封带走保管','放在宠主指定位置']" style="width:auto;align-items: center;" @click="keyChange(item)"> <view class="radio-box row col" v-for="item in ['钥匙已密封带走保管','放在宠主指定位置']" style="width:auto;align-items: center;" @click="keyChange(item)">
<view class="box " <view class="box "
style="display:flex;justify-content:center;align-items:center; style="display:flex;justify-content:center;align-items:center;
width:40rpx;height:40rpx;border-radius: 50%;border:2rpx solid;background-color:#4EC2B7; width:35rpx;height:35rpx;border-radius: 50%;border:2rpx solid;background-color:#4EC2B7;
margin-right:15rpx;" margin-right:15rpx;"
:style="{ :style="{
borderColor:(model.key.option === item ? 'transparent':'#c8c9cc'), borderColor:(model.key.option === item ? 'transparent':'#c8c9cc'),
backgroundColor:(model.key.option === item ? '#4EC2B7':'transparent') backgroundColor:(model.key.option === item ? '#4EC2B7':'transparent')
}" }"
> >
<u-icon name="checkbox-mark" size="30rpx" :color="(model.key.option === item ? '#fff' : 'transparent')"></u-icon> <u-icon name="checkbox-mark" size="25rpx" :color="(model.key.option === item ? '#fff' : 'transparent')"></u-icon>
</view> </view>
<view class="label "> <view class="label " style="font-size:26rpx;">
{{item}} {{item}}
</view> </view>
</view> </view>
@ -2096,7 +2096,7 @@ export default {
if(this.model.before_status.option === e){ if(this.model.before_status.option === e){
this.model.before_status.option = ''; this.model.before_status.option = '';
}else{ }else{
this.model.appliance.option = e; this.model.before_status.option = e;
} }
}, },
foodChange(e){ foodChange(e){
@ -2122,9 +2122,9 @@ export default {
}, },
healthChange(e){ healthChange(e){
if(this.model.health.option === e){ if(this.model.health.option === e){
this.model.health.option = ''; this.model.health = '';
}else{ }else{
this.model.health.option = e; this.model.health = e;
} }
}, },
applianceInfoChange(e){ applianceInfoChange(e){
@ -2161,6 +2161,7 @@ export default {
}else{ }else{
this.collapseChecked = name; this.collapseChecked = name;
} }
this.goTop();
}, },
getServiceTable(id){ getServiceTable(id){
let that = this; let that = this;
@ -2360,6 +2361,17 @@ export default {
} }
}) })
}, },
goTop(){
uni.pageScrollTo({
scrollTop: 0,
success:(res)=>{
console.log('res',res)
},
fail:(err) => {
console.log('err',err)
}
});
}
}, },
onPageScroll(res) { onPageScroll(res) {
if (res.scrollTop <= 20) { if (res.scrollTop <= 20) {

Loading…
Cancel
Save