技师闲时设置，视频圈增加状态显示
This commit is contained in:
parent
b7f1640c6f
commit
7c901bce9f
1115
pages/my/mangshi.vue
1115
pages/my/mangshi.vue
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,125 @@
|
|||
<template>
|
||||
<div>
|
||||
<VuePicker :data="pickData" :showToolbar="true" @cancel="cancel" @confirm="confirm"
|
||||
:visible.sync="pickerVisible" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import VuePicker from 'vue-pickers'
|
||||
const tdata = [{
|
||||
label: '00',
|
||||
},
|
||||
{
|
||||
label: '01',
|
||||
},
|
||||
{
|
||||
label: '02',
|
||||
},
|
||||
{
|
||||
label: '03',
|
||||
},
|
||||
{
|
||||
label: '04',
|
||||
},
|
||||
{
|
||||
label: '05',
|
||||
},
|
||||
{
|
||||
label: '06',
|
||||
},
|
||||
{
|
||||
label: '07',
|
||||
},
|
||||
{
|
||||
label: '08',
|
||||
},
|
||||
{
|
||||
label: '09',
|
||||
},
|
||||
{
|
||||
label: '10',
|
||||
},
|
||||
{
|
||||
label: '11',
|
||||
},
|
||||
{
|
||||
label: '12',
|
||||
},
|
||||
{
|
||||
label: '13',
|
||||
},
|
||||
{
|
||||
label: '14',
|
||||
},
|
||||
{
|
||||
label: '15',
|
||||
},
|
||||
{
|
||||
label: '16',
|
||||
},
|
||||
{
|
||||
label: '17',
|
||||
},
|
||||
{
|
||||
label: '18',
|
||||
},
|
||||
{
|
||||
label: '19',
|
||||
},
|
||||
{
|
||||
label: '20',
|
||||
},
|
||||
{
|
||||
label: '21',
|
||||
},
|
||||
{
|
||||
label: '22',
|
||||
},
|
||||
{
|
||||
label: '23',
|
||||
},
|
||||
]
|
||||
var tdata2 = [{
|
||||
label: '00',
|
||||
},
|
||||
{
|
||||
label: '30',
|
||||
},
|
||||
]
|
||||
|
||||
export default {
|
||||
components: {
|
||||
VuePicker
|
||||
},
|
||||
props: {
|
||||
visibleShow: Boolean,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
pickData: [
|
||||
tdata,
|
||||
tdata2
|
||||
],
|
||||
pickerVisible: false,
|
||||
result: ''
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
visibleShow(val) {
|
||||
this.pickerVisible = val
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
cancel() {
|
||||
this.result = 'click cancel result: null'
|
||||
this.$emit('update:visibleShow', false);
|
||||
},
|
||||
confirm(res) {
|
||||
//console.log("this.result",res[0].label)
|
||||
this.$emit('update:visibleShow', false);
|
||||
this.$emit('Time', `${res[0].label}:${res[1].label}`);
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,125 @@
|
|||
<template>
|
||||
<div>
|
||||
<VuePicker :data="pickData" :showToolbar="true" @cancel="cancel" @confirm="confirm"
|
||||
:visible.sync="pickerVisible" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import VuePicker from 'vue-pickers'
|
||||
const tdata = [{
|
||||
label: '00',
|
||||
},
|
||||
{
|
||||
label: '01',
|
||||
},
|
||||
{
|
||||
label: '02',
|
||||
},
|
||||
{
|
||||
label: '03',
|
||||
},
|
||||
{
|
||||
label: '04',
|
||||
},
|
||||
{
|
||||
label: '05',
|
||||
},
|
||||
{
|
||||
label: '06',
|
||||
},
|
||||
{
|
||||
label: '07',
|
||||
},
|
||||
{
|
||||
label: '08',
|
||||
},
|
||||
{
|
||||
label: '09',
|
||||
},
|
||||
{
|
||||
label: '10',
|
||||
},
|
||||
{
|
||||
label: '11',
|
||||
},
|
||||
{
|
||||
label: '12',
|
||||
},
|
||||
{
|
||||
label: '13',
|
||||
},
|
||||
{
|
||||
label: '14',
|
||||
},
|
||||
{
|
||||
label: '15',
|
||||
},
|
||||
{
|
||||
label: '16',
|
||||
},
|
||||
{
|
||||
label: '17',
|
||||
},
|
||||
{
|
||||
label: '18',
|
||||
},
|
||||
{
|
||||
label: '19',
|
||||
},
|
||||
{
|
||||
label: '20',
|
||||
},
|
||||
{
|
||||
label: '21',
|
||||
},
|
||||
{
|
||||
label: '22',
|
||||
},
|
||||
{
|
||||
label: '23',
|
||||
},
|
||||
]
|
||||
var tdata2 = [{
|
||||
label: '00',
|
||||
},
|
||||
{
|
||||
label: '30',
|
||||
},
|
||||
]
|
||||
|
||||
export default {
|
||||
components: {
|
||||
VuePicker
|
||||
},
|
||||
props: {
|
||||
visibleShow: Boolean,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
pickData: [
|
||||
tdata,
|
||||
tdata2
|
||||
],
|
||||
pickerVisible: false,
|
||||
result: ''
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
visibleShow(val) {
|
||||
this.pickerVisible = val
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
cancel() {
|
||||
this.result = 'click cancel result: null'
|
||||
this.$emit('update:visibleShow', false);
|
||||
},
|
||||
confirm(res) {
|
||||
//console.log("this.result",res[0].label)
|
||||
this.$emit('update:visibleShow', false);
|
||||
this.$emit('Time', `${res[0].label}:${res[1].label}`);
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -25,13 +25,18 @@
|
|||
</view>
|
||||
</view>
|
||||
<scroll-view :style="'width: 100%; height: '+ (windowHeight) +'px; background-color: #fff;'" :scroll-y="true" @scrolltolower="scrolltolower" :lower-threshold="lowerThreshold">
|
||||
<view style="display: flex; flex-direction: row; flex-wrap: wrap;padding-top: 46px;">
|
||||
<view style="display: flex; flex-direction: row; flex-wrap: wrap;padding-top: 60px;">
|
||||
<checkbox-group class="checkbox-group" @change="checkboxChange">
|
||||
<view class="checkbox-group-list" v-for="(list,index) in dataList" :key="index">
|
||||
<view class="data-list">
|
||||
<image v-if="checkboxShow==1" @click="towxh5Video(list)" :src="list.picPath" mode="aspectFill" style="width: 100%; height: 100%;border-radius: 10rpx;"></image>
|
||||
<image v-if="checkboxShow==0" :src="list.picPath" mode="aspectFill" style="width: 100%; height: 100%; border-radius: 10rpx;"></image>
|
||||
<checkbox v-if="checkboxShow==0" class="check-list" style="border-radius:50%;" activeBackgroundColor="#029d88" color="#029d88" :value="list.id.toString()" :checked="checkbox"/>
|
||||
<view class="index-card-view-title-right">
|
||||
<view v-if="list.status ==0" class="index-card-view-title-right-text-dsp">待审批</view>
|
||||
<view v-if="list.status ==1" class="index-card-view-title-right-text-tg">通过</view>
|
||||
<view v-if="list.status ==2" class="index-card-view-title-right-text-jj">拒绝</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</checkbox-group>
|
||||
|
|
@ -493,4 +498,33 @@
|
|||
.service-deleimg{
|
||||
width: 40rpx;
|
||||
height:40rpx;}
|
||||
|
||||
.index-card-view-title-right{
|
||||
width: 65px;
|
||||
height: 47rpx;
|
||||
line-height: 47rpx;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
font-size: 22rpx;
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
top:10rpx;
|
||||
left:10rpx;
|
||||
/* margin-left: 85px; */
|
||||
}
|
||||
.index-card-view-title-right-text-dsp{
|
||||
border-top-left-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
background: linear-gradient(90deg, #2794ff, #65aff7, #9accfd);
|
||||
}
|
||||
.index-card-view-title-right-text-tg{
|
||||
border-top-left-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
||||
}
|
||||
.index-card-view-title-right-text-jj{
|
||||
border-top-left-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
background: linear-gradient(90deg, #e54d42, #e1766f, #dda39f);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in New Issue