技师闲时设置，视频圈增加状态显示

pages/my/scrollbarEndPicker.vue

@@ -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>

pages/my/scrollbarPicker.vue

@@ -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>

pages/video/index.vue

@@ -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>