核销管理

pagewriteoff/components/dialogs.vue

@@ -0,0 +1,155 @@
+<template>
+	<view class="">
+		<up-overlay :show="overlayshow" @click="overlayshow = false">
+			<view class="boxoverlay">
+				<view class="rect" @tap.stop>
+					<!-- 抖音 -->
+					<view class="bottomconstant">
+						<view class="itemlist">
+							<!-- <view class="ordernumber">
+								订单号：111
+							</view> -->
+							<view class="title">
+								绑定门店
+							</view>
+							<view class="itemlists" v-for="(item,index) in 4" :key="index">
+								<view class="top">
+									<view class="tag">
+										名称qqqqqqqqq
+									</view>
+									<view class="date">
+										地址：qqqqqqq
+									</view>
+								</view>
+								<view class="bottom">
+									操作
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</up-overlay>
+	</view>
+</template>
+
+<script setup>
+	import {
+		onLoad,
+		onShow,
+		onReachBottom
+	} from '@dcloudio/uni-app';
+	import {
+		computed,
+		reactive,
+		ref,
+		watch,
+		defineExpose
+	} from 'vue';
+	//显示
+	const overlayshow = ref(false);
+	const open = () => {
+		overlayshow.value = true
+	}
+	defineExpose({
+		open
+	})
+</script>
+
+<style lang="scss" scoped>
+	page {
+		background: #F9F9F9;
+	}
+
+	.boxoverlay {
+		width: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		height: 100%;
+
+		.rect {
+			padding: 32rpx 28rpx;
+			width: 80%;
+			background-color: #fff;
+			border-radius: 18rpx;
+
+			.bottomconstant {
+				padding: 0 28rpx;
+				width: 100%;
+				border-radius: 18rpx 18rpx 18rpx 18rpx;
+
+				.itemlist:nth-child(1) {
+					margin-top: 0;
+				}
+
+				.itemlist {
+					// margin-top: 16rpx;
+					width: 100%;
+					background: #FFFFFF;
+					border-radius: 18rpx 18rpx 18rpx 18rpx;
+
+					.ordernumber {
+						font-family: Source Han Sans CN, Source Han Sans CN;
+						font-weight: 400;
+						font-size: 24rpx;
+						color: #999999;
+					}
+
+					.title {
+						margin-top: 16rpx;
+						padding-bottom: 16rpx;
+						font-family: Source Han Sans CN, Source Han Sans CN;
+						font-weight: bold;
+						font-size: 28rpx;
+						color: #333333;
+						border-bottom: 1rpx solid #E5E5E5;
+					}
+
+					.itemlists {
+						padding-top: 16rpx;
+						display: flex;
+						justify-content: space-between;
+						align-items: center;
+
+						.top {
+							display: flex;
+							flex-direction: column;
+							justify-content: center;
+							align-items: flex-start;
+
+							.date {
+								margin-top: 10rpx;
+								font-family: Source Han Sans CN, Source Han Sans CN;
+								font-weight: 400;
+								font-size: 24rpx;
+								color: #999999;
+							}
+
+							.tag {
+								width: 350rpx;
+								overflow: hidden; //超出的文本隐藏
+								text-overflow: ellipsis; //溢出用省略号显示
+								white-space: nowrap; //溢出不换行
+								font-family: Source Han Sans CN, Source Han Sans CN;
+								font-weight: 500;
+								font-size: 28rpx;
+								color: #333333;
+							}
+						}
+
+						.bottom {
+							background: #EAF4FD;
+							border-radius: 4rpx 4rpx 4rpx 4rpx;
+							padding: 6rpx 12rpx;
+							font-family: Source Han Sans CN, Source Han Sans CN;
+							font-weight: 400;
+							font-size: 20rpx;
+							color: #318AFE;
+						}
+					}
+				}
+			}
+		}
+	}
+</style>