医废处置公司小程序

2025-06-12 11:58:01 +08:00
parent 575bc6b568
commit bcde35513c
70 changed files with 13158 additions and 0 deletions
@@ -0,0 +1,171 @@
+<template>
+	<view class="container">
+		<view class="top-container">
+			<!--  -->
+			<view class="mybox">			
+			</view>
+		</view>		
+		<view class="content">
+			<tui-card class="mycard">
+				<qiun-title-bar title="交接码"/>
+				<view class="charts-box">
+				  <image class="bg-img" :src="apiHost+'/miniapp/static/my_code.png'"></image>
+				</view>
+				<view class="box">
+					<view class="item">
+						<view style="color:#afb1bd;">机构名称</view>
+					</view>
+					<view class="item">
+						<view style="color:black;">钦州市时代环保科技有限公司</view>
+					</view>
+				</view>	
+				<view class="box">
+					<view class="item">
+						<view style="color:#afb1bd;">司机姓名</view>
+					</view>
+					<view class="item">
+						<view style="color:black;">殷湘源</view>
+					</view>					
+				</view>	
+			</tui-card>	
+		</view>
+	</view>
+</template>
+
+<script>
+	import myapp from '@/common/js/myapp.js'
+	export default {
+		data() {
+			return {
+				apiHost: myapp.apiHost,
+				chartsDataColumn:{},
+				chartsDataLine:{},
+				colorM1: 'blue',
+				colorD1: 'btn-gray',
+				colorM2: 'blue',
+				colorD2: 'btn-gray',
+			}
+		},
+		onReady: function() {
+			
+		},
+		onShow: function() {
+			let user = myapp.checkLogin()
+			uni.setStorageSync('lastPagePath', '/packagePage/pages/overview/overview')
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>	
+	@import '../../../static/style/thorui.css';
+
+	page {
+		background-color: #F5F6FA;
+	}
+	
+	.mybox {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		position: relative;
+		z-index: 2;
+		margin-top: 30rpx;
+        margin-bottom:20rpx;
+		margin-left:28rpx;
+		margin-right:28rpx;
+		background-color:transparent;
+	}
+	
+	.qiun-title-dot{
+		background-color:#ffffff;
+	}
+	.mycard {
+		margin-bottom: 40rpx;
+		/* border:1px solid red; */
+	}
+	.mycards {
+		/* margin-bottom: 40rpx; */
+		/* border:1px solid red; */
+	}
+	.container {
+		position: relative;
+		padding-bottom: 100rpx;		
+	}
+
+	.top-container {
+		height: 320rpx;
+		position: relative;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.bg-img {
+		position: absolute;
+		width: 300rpx;
+		height: 300rpx;
+		margin-left:-20%;
+	}
+	
+	.content {
+	  padding-top: 150rpx;
+	  display: flex;
+	  flex-direction: column;
+	  flex: 1;
+	  position:absolute;
+	  top:90rpx;
+	  width:100%
+	}
+
+	.charts-box {
+	  /* width: 200px; */
+	  height: 200px;
+	  background-color: #FFF;
+	  text-align:center;
+	  border-bottom:1px solid #e9e3e3;
+	}
+	
+	.box {
+		display: flex;
+		display: -webkit-flex;
+		justify-content: space-between;
+		flex-direction: row;
+		flex-wrap: wrap;
+		box-sizing: border-box;
+		border:none;
+	}
+
+	.item {
+		width: 48%;
+		padding: 20rpx 0rpx 20rpx 30rpx;
+		box-sizing: border-box;
+		border-radius: 8rpx;
+		color: #fff;
+		margin-bottom: 30rpx;
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+		font-size: 30rpx;
+		margin:0;
+		background-color:#FFF;
+	}
+	
+	.mybtn {
+		padding:0;
+		width:10px;
+	}
+	
+	.tui-flex-box {
+		width: 100%;
+		display: flex;
+		flex-wrap: wrap;
+		flex-direction: row-reverse;
+		justify-content: flex-start;
+		align-items: flex-start;
+		margin-bottom: 26rpx;
+		position: relative;
+		top:-80rpx;
+	}
+</style>