From 4c6a91cdcca1d5fe186540eaca9f938373c1d774 Mon Sep 17 00:00:00 2001
From: 346149741 <346149741@qq.com>
Date: 星期六, 22 六月 2024 11:16:01 +0800
Subject: [PATCH] 投诉

---
 qiye/record/details.vue |  226 +++++++++++++++++++++++++++++++++++++++++++++++++------
 1 files changed, 199 insertions(+), 27 deletions(-)

diff --git a/qiye/record/details.vue b/qiye/record/details.vue
index 237e7ae..ed12a1a 100644
--- a/qiye/record/details.vue
+++ b/qiye/record/details.vue
@@ -133,25 +133,65 @@
 					<view class="t2">
 						杩欐槸涓�涓崟閫夐鐨勯骞诧紵
 					</view>
-					<u-radio-group v-model="value" >
-						<u-radio name="orange">閫変腑</u-radio>
-						<u-radio name="1" :disabled="true">鏈�変腑</u-radio>
+					<u-radio-group v-model="value">
+						<u-radio name="orange">閫変腑</u-radio>
+						<u-radio name="1" :disabled="true">鏈�変腑</u-radio>
 					</u-radio-group>
 					<view class="line"></view>
 				</view>
 				<view class="sbox">
 					<view class="t2">
 						瀵规垜浠殑璇勪环
-					</view>
-					<view class="pjbox">
-						杩欐鎵ф硶闈炲父濂斤紝闈炲父濂斤紝杩欐鎵ф硶闈炲父濂斤紝闈炲父濂借繖娆℃墽娉曢潪甯稿ソ锛岄潪甯稿ソ
+					</view>
+					<view class="pjbox">
+						杩欐鎵ф硶闈炲父濂斤紝闈炲父濂斤紝杩欐鎵ф硶闈炲父濂斤紝闈炲父濂借繖娆℃墽娉曢潪甯稿ソ锛岄潪甯稿ソ
 					</view>
 				</view>
 			</view>
-		</view>
-		<view class="bottom">
-			
 		</view>
+		<view class="bottom">
+			<view class="one" v-if="type==1">
+				<view class="b1" @click="open()">
+					鎶曡瘔
+				</view>
+			</view>
+			<view class="two" v-if="type==2">
+				<view class="b2" @click="open()">
+					鎶曡瘔
+				</view>
+				<view class="b3">
+					鎴戣璇勪环
+				</view>
+			</view>
+		</view>
+		<u-popup :show="show" @close="close" mode="bottom" round="10" closeable>
+			<view class="page-box">
+				<view class="title1">
+					浼佷笟鎶曡瘔
+				</view>
+				<view class="border"></view>
+				<view class="padding">
+					<view class="font">
+						鎶曡瘔涓婚
+					</view>
+					<view>
+						<u-radio-group  placement="row">
+							<u-radio active-color="#3EB47A" label="aaa" name="3"></u-radio>
+							<u-radio active-color="#3EB47A" label="bbb" name="3"></u-radio>
+						</u-radio-group>
+					</view>
+					<view class="font">
+						鎶曡瘔鍐呭
+					</view>
+					<view class="margin-top">
+						<u-textarea placeholder="璇疯緭鍏�..."></u-textarea>
+					</view>
+				</view>
+				<view class="down">
+					<view class="enter" @entery="entery">鎻愪氦</view>
+				</view>
+			</view>
+		</u-popup>
 	</view>
 </template>
 
@@ -159,9 +199,21 @@
 	export default {
 		data() {
 			return {
-				xing: 5,
-				value: 'orange',
-				type:1
+				xing: 5,
+				value: 'orange',
+				type: 2,
+				show: false,
+				show2: false,
+				list: [{
+					//todo 璇锋眰鎺ュ彛
+						value: '1',
+						label: '姹�'
+					},
+					{
+						value: '2',
+						label: '婀�'
+					}
+				],
 			}
 		},
 		methods: {
@@ -172,7 +224,18 @@
 				uni.previewImage({
 					urls: [url]
 				})
-			}
+			},
+			open() {
+				this.show = true
+			},
+			close() {
+				this.show = false
+				this.$emit('cancel')
+			},
+			entery() {
+				this.$emit('entery')
+			},
+
 		}
 	}
 </script>
@@ -288,23 +351,132 @@
 				}
 			}
 		}
-	}
-	.pjbox{
-		background: #F4F4F4;
-		border-radius: 5px;
-		margin: 10rpx 0;
-		padding: 24rpx;
-		color: #202d44;
-		font-size: 32rpx;
-		
 	}
-	/deep/ .u-radio-group{
-		margin-top: 20rpx;
-		.u-radio{
-			margin-right: 20rpx;
-		}
+
+	.pjbox {
+		background: #F4F4F4;
+		border-radius: 5px;
+		margin: 10rpx 0;
+		padding: 24rpx;
+		color: #202d44;
+		font-size: 32rpx;
+
 	}
+
+	/deep/ .u-radio-group {
+		margin-top: 20rpx;
+
+		.u-radio {
+			margin-right: 20rpx;
+		}
+	}
+
 	.hei {
 		color: #202D44;
 	}
+
+	.bottom {
+		position: fixed;
+		bottom: 0;
+		width: 100%;
+		left: 0;
+		height: 132rpx;
+		background: #fff;
+
+		.one {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			height: 100%;
+
+			.b1 {
+				width: 686rpx;
+				height: 88rpx;
+				border-radius: 10px;
+				background: #F7F7F7;
+				line-height: 88rpx;
+				text-align: center;
+			}
+		}
+
+		.two {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			height: 100%;
+
+			.b2 {
+				width: 146rpx;
+				height: 88rpx;
+				border-radius: 10px;
+				background: #F7F7F7;
+				line-height: 88rpx;
+				text-align: center;
+				margin-right: 18rpx;
+			}
+
+			.b3 {
+				width: 524rpx;
+				height: 88rpx;
+				border-radius: 10px;
+				background: #1171E0;
+				line-height: 88rpx;
+				text-align: center;
+				color: #fff;
+			}
+		}
+	}
+
+	.page-box {
+		padding: 24rpx 0;
+		.font{
+			color: #4a4e60;
+			font-size: 32rpx;
+			margin-top: 20rpx;
+		}
+		.title1 {
+			font-size: 36rpx;
+			font-weight: 700;
+			padding: 0 32rpx;
+			border-bottom: 2rpx solid #F4F4F4;
+			padding-bottom: 24rpx;
+		}
+
+		.padding {
+			padding: 0 24rpx;
+		}
+
+		.margin-top {
+			margin-top: 20rpx;
+		}
+
+		.down {
+			padding: 34rpx 30rpx 30rpx;
+			display: flex;
+			justify-content: space-between;
+
+			>view {
+				display: inline-block;
+			}
+
+			.button {
+				padding: 20rpx 40rpx;
+				background: #F7F7F7;
+				border-radius: 20rpx;
+			}
+
+			.enter {
+				width: 100%;
+				background: #1171E0;
+				color: white;
+				border-radius: 20rpx;
+				padding: 20rpx 40rpx;
+				text-align: center;
+			}
+		}
+	}
+
+	/deep/ .u-textarea {
+		background-color: #F4F4F4;
+	}
 </style>
\ No newline at end of file

--
Gitblit v1.9.1