From abe3c7e7695f61f362685abf639f0c441c62741b Mon Sep 17 00:00:00 2001
From: 346149741 <346149741@qq.com>
Date: 星期五, 21 六月 2024 18:03:16 +0800
Subject: [PATCH] 执法信息

---
 static/qiye/xing2.png   |    0 
 static/qiye/xing1.png   |    0 
 pages.json              |   16 +
 pages/message/list.vue  |    2 
 qiye/record/details.vue |  310 ++++++++++++++++++++++++++++++++++
 qiye/record/record.vue  |  176 +++++++++++++++++++
 pages/index/index.vue   |    2 
 7 files changed, 506 insertions(+), 0 deletions(-)

diff --git a/pages.json b/pages.json
index 11a6fb0..d9ca312 100644
--- a/pages.json
+++ b/pages.json
@@ -181,6 +181,22 @@
 					"navigationStyle": "custom"
 					
 				}
+			},
+			{
+				"path" : "record/record",
+				"style" : 
+				{
+					"navigationBarTitleText" : "鎵ф硶璁板綍"
+				}
+			},
+			{
+				"path" : "record/details",
+				"style" : 
+				{
+					"navigationBarTitleText" : "鎵ф硶淇℃伅",
+					"navigationStyle": "custom"
+					
+				}
 			}
 				
 			]
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 35a2c05..defa2f7 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -223,6 +223,8 @@
 					.l{
 						font-size: 26rpx;
 						 color: #7e8593;
+						 max-width: 80%;
+						 
 					}
 					.r{
 						width: 132rpx;
diff --git a/pages/message/list.vue b/pages/message/list.vue
index 52d7c89..47c4fc7 100644
--- a/pages/message/list.vue
+++ b/pages/message/list.vue
@@ -80,6 +80,8 @@
 				.l{
 					font-size: 26rpx;
 					 color: #7e8593;
+					 max-width: 80%;
+					 
 				}
 				.r{
 					width: 132rpx;
diff --git a/qiye/record/details.vue b/qiye/record/details.vue
new file mode 100644
index 0000000..237e7ae
--- /dev/null
+++ b/qiye/record/details.vue
@@ -0,0 +1,310 @@
+<template>
+	<view>
+		<u-navbar placeholder bgColor="#1171E0FF" leftIconColor="white" :autoBack="true">
+			<template slot="center">
+				<view style="color: white;">鎵ф硶淇℃伅</view>
+			</template>
+		</u-navbar>
+		<view class="donw-box"></view>
+		<view class="page-main">
+			<view class="title">
+				宸茶瘎浠�
+			</view>
+			<view class="wbox">
+				<view class="item">
+					<view class="k">
+						鎵ф硶绫诲瀷
+					</view>
+					<view class="v">
+						鍙告硶妫�鏌�
+					</view>
+				</view>
+				<view class="item">
+					<view class="k">
+						鎵ф硶浜�
+					</view>
+					<view class="v">
+						鍒樻娆�
+					</view>
+				</view>
+				<view class="item">
+					<view class="k">
+						鎵ф硶閮ㄩ棬
+					</view>
+					<view class="v">
+						鍐滀笟灞�
+					</view>
+				</view>
+				<view class="item">
+					<view class="k">
+						浼佷笟
+					</view>
+					<view class="v">
+						姹夊涵閰掑簵
+					</view>
+				</view>
+			</view>
+			<view style="height: 20rpx;"></view>
+			<view class="wbox">
+				<view class="item">
+					<view class="k">
+						鎵ф硶涓婚
+					</view>
+					<view class="v">
+						姹夊涵閰掑簵鍙告硶妫�鏌�233鍙锋枃浠�
+					</view>
+				</view>
+				<view class="item">
+					<view class="k">
+						鎵ф硶杩囩▼
+					</view>
+				</view>
+				<view class="imgbox">
+					<img src="/static/i01.png" class="more" @click="imgclick('/static/i01.png')" alt="" />
+					<img src="/static/i02.png" class="more" alt="" />
+					<img src="/static/i03.png" class="more" alt="" />
+					<img src="/static/i04.png" class="more" alt="" />
+				</view>
+				<view class="item">
+					<view class="k">
+						鎵ф硶缁撴灉
+					</view>
+					<view class="v" style="color: #EB4746;">
+						鍋滀笟鏁撮】
+					</view>
+				</view>
+				<view class="item">
+					<view class="k">
+						鎵ф硶鏃堕棿
+					</view>
+					<view class="v">
+						2024-10-10 16:24
+					</view>
+				</view>
+			</view>
+			<view style="height: 20rpx;"></view>
+			<view class="wbox2">
+				<view class="t">
+					鎵ф硶璇勪环
+				</view>
+				<view class="sbox">
+					<view class="t2">
+						鏈鎵ф硶杩樻弧鎰忕▼搴�
+					</view>
+					<view class="xbox">
+						<view @click="daxing(1)">
+							<img src="/static/qiye/xing1.png" alt="" />
+							<view>
+								寰堢碂绯�
+							</view>
+						</view>
+						<view @click="daxing(2)">
+							<img v-if="xing>=2" src="/static/qiye/xing1.png" alt="" />
+							<img v-else src="/static/qiye/xing2.png" alt="" />
+							<view :class="xing==2?'hei':''">
+								涓嶆弧鎰�
+							</view>
+						</view>
+						<view @click="daxing(3)">
+							<img v-if="xing>=3" src="/static/qiye/xing1.png" alt="" />
+							<img v-else src="/static/qiye/xing2.png" alt="" />
+							<view :class="xing==3?'hei':''">
+								涓�鑸埇
+							</view>
+						</view>
+						<view @click="daxing(4)">
+							<img v-if="xing>=4" src="/static/qiye/xing1.png" alt="" />
+							<img v-else src="/static/qiye/xing2.png" alt="" />
+							<view :class="xing==4?'hei':''">
+								婊℃剰
+							</view>
+						</view>
+						<view @click="daxing(5)">
+							<img v-if="xing>=5" src="/static/qiye/xing1.png" alt="" />
+							<img v-else src="/static/qiye/xing2.png" alt="" />
+							<view :class="xing==5?'hei':''">
+								闈炲父婊℃剰
+							</view>
+						</view>
+					</view>
+					<view class="line"></view>
+				</view>
+				<view class="sbox">
+					<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>
+					<view class="line"></view>
+				</view>
+				<view class="sbox">
+					<view class="t2">
+						瀵规垜浠殑璇勪环
+					</view>
+					<view class="pjbox">
+						杩欐鎵ф硶闈炲父濂斤紝闈炲父濂斤紝杩欐鎵ф硶闈炲父濂斤紝闈炲父濂借繖娆℃墽娉曢潪甯稿ソ锛岄潪甯稿ソ
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="bottom">
+			
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				xing: 5,
+				value: 'orange',
+				type:1
+			}
+		},
+		methods: {
+			daxing(a) {
+				this.xing = a
+			},
+			imgclick(url) {
+				uni.previewImage({
+					urls: [url]
+				})
+			}
+		}
+	}
+</script>
+
+<style>
+	page {
+		background: #F4F4F4;
+	}
+</style>
+<style lang="scss" scoped>
+	.page-main {
+		position: relative;
+		top: -380rpx;
+	}
+
+	.donw-box {
+		width: 100%;
+		height: 380rpx;
+		flex-shrink: 0;
+		background: linear-gradient(180deg, #1171E0 42.5%, #F4F4F4 100%);
+	}
+
+	.wbox {
+		background: #fff;
+		border-radius: 5px;
+		padding: 24rpx;
+		box-sizing: border-box;
+		margin: 0 32rpx;
+
+		.item {
+			display: flex;
+			margin-bottom: 20rpx;
+			font-size: 30rpx;
+
+			.k {
+				color: #7E8596;
+				width: 30%;
+
+			}
+
+			.v {
+				color: #202D44;
+				width: 70%;
+
+			}
+		}
+
+		.item:last-child {
+			margin-bottom: 0;
+		}
+
+		.imgbox {
+			display: flex;
+			flex-wrap: wrap;
+			justify-content: space-between;
+			border-radius: 10rpx;
+
+			img {
+				width: 198rpx;
+				height: 198rpx;
+				margin-bottom: 20rpx;
+
+			}
+		}
+	}
+
+	.title {
+		color: #ffffff;
+		font-size: 44rpx;
+		font-weight: bold;
+		padding-left: 32rpx;
+		margin-top: 24rpx;
+		margin-bottom: 24rpx;
+
+	}
+
+	.wbox2 {
+		background: #fff;
+		border-radius: 5px;
+		box-sizing: border-box;
+		margin: 0 32rpx;
+
+		.t {
+			padding: 24rpx;
+			border-bottom: 1px solid #EEEEEE;
+			color: #202d44;
+			font-size: 36rpx;
+			font-weight: bold;
+		}
+
+		.sbox {
+			padding: 24rpx;
+
+			.line {
+				border-bottom: 1px dashed #f1f1f1;
+				margin-top: 32rpx;
+			}
+
+			.xbox {
+				display: flex;
+				margin-top: 36rpx;
+				justify-content: space-between;
+
+				img {
+					width: 74rpx;
+					height: 74rpx;
+				}
+
+				>view {
+					text-align: center;
+					font-size: 28rpx;
+					color: #C3C6CD;
+				}
+			}
+		}
+	}
+	.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;
+	}
+</style>
\ No newline at end of file
diff --git a/qiye/record/record.vue b/qiye/record/record.vue
new file mode 100644
index 0000000..96e7e96
--- /dev/null
+++ b/qiye/record/record.vue
@@ -0,0 +1,176 @@
+<template>
+	<view>
+		<u-sticky bgColor="white">
+			<u-tabs :list="list1" @click="click" :scrollable="false" bgColor="white"></u-tabs>
+		</u-sticky>
+		<view class="item">
+			<img src="/static/i05.png" class="img" alt="" />
+			<view class="right">
+				<view class="name">
+					<view class="l">
+						鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃
+					</view>
+					<view class="r color1">
+						寰呰瘎浠�
+					</view>
+				</view>
+				<view class="box">
+					<view class="l">
+						<p>鎵ф硶鍗曚綅锛氬啘涓氬啘鏉戝眬</p>
+						<p>鎵ф硶鏃堕棿锛�2024-06-03 12:30:67</p>
+					</view>
+					<view class="r">
+						鍘绘煡鐪�
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="item">
+			<img src="/static/i05.png" class="img" alt="" />
+			<view class="right">
+				<view class="name">
+					<view class="l">
+						鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃
+					</view>
+					<view class="r color2">
+						寰呰瘎浠�
+					</view>
+				</view>
+				<view class="box">
+					<view class="l">
+						<p>鎵ф硶鍗曚綅锛氬啘涓氬啘鏉戝眬鍐滀笟鍐滄潙灞�鍐滀笟鍐滄潙灞�鍐滀笟鍐滄潙灞�鍐滀笟鍐滄潙灞�鍐滀笟鍐滄潙灞�s</p>
+						<p>鎵ф硶鏃堕棿锛�2024-06-03 12:30:67</p>
+					</view>
+					<view class="r">
+						鍘绘煡鐪�
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="item">
+			<img src="/static/i05.png" class="img" alt="" />
+			<view class="right">
+				<view class="name">
+					<view class="l">
+						鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃
+					</view>
+					<view class="r color3">
+						寰呰瘎浠�
+					</view>
+				</view>
+				<view class="box">
+					<view class="l">
+						<p>鎵ф硶鍗曚綅锛氬啘涓氬啘鏉戝眬</p>
+						<p>鎵ф硶鏃堕棿锛�2024-06-03 12:30:67</p>
+					</view>
+					<view class="r">
+						鍘绘煡鐪�
+					</view>
+				</view>
+			</view>
+		</view>
+		<view style="height: 150rpx;"></view>
+		<tabsCom :activeNumber.sync="activeNumber"></tabsCom>
+
+	</view>
+</template>
+
+<script>
+	import tabsCom from '@/qiye/components/bottom.vue'
+
+	export default {
+		components: {
+			tabsCom
+		},
+		data() {
+			return {
+				activeNumber: 1,
+				list1: [{
+					name: '鍏ㄩ儴',
+				}, {
+					name: '寰呰瘎浠�',
+				}, {
+					name: '鏈墽娉�',
+				}, {
+					name: '宸茶瘎浠�',
+				}]
+			}
+		},
+		methods: {
+			click() {
+
+			}
+		}
+	}
+</script>
+
+<style>
+	page {
+		background: #f4f4f4;
+	}
+</style>
+<style lang="scss" scoped>
+
+	.item{
+		background: #fff;
+		border-radius: 5px;
+		padding: 24rpx;
+		box-sizing: border-box;
+		margin: 20rpx 32rpx;
+		display: flex;
+		.img{
+			width: 56rpx;
+			height: 56rpx;
+		}
+		.right{
+			width: 90%;
+			.name{
+				display: flex;
+				justify-content: space-between;
+				.l{
+					color: #202d44;
+					font-size: 32rpx;
+					line-height: 44rpx;
+					margin-bottom: 24rpx;
+					width: 80%;
+				}
+				.r{
+					font-size: 28rpx;	
+					width: 20%;
+					text-align: right;
+				}
+			}
+			.box{
+				display: flex;
+				justify-content: space-between;
+				.l{
+					font-size: 26rpx;
+					 color: #7e8593;
+					 max-width: 80%;
+				}
+				.r{
+					width: 132rpx;
+					height: 64rpx;
+					line-height: 64rpx;
+					border-radius: 5px;
+					border: 1px solid #ABD2FF;
+					background: #F0F8FF;
+					color: #1171e0;
+					text-align: center;
+					font-size: 30rpx;
+				}
+			}
+		}
+	}
+	.color1{
+		color: #FE7B32;
+	}
+	.color2{
+		color: #EB4746;
+		
+	}
+	.color3{
+		color: #3EB47A;
+		
+	}
+</style>
\ No newline at end of file
diff --git a/static/qiye/xing1.png b/static/qiye/xing1.png
new file mode 100644
index 0000000..1653575
--- /dev/null
+++ b/static/qiye/xing1.png
Binary files differ
diff --git a/static/qiye/xing2.png b/static/qiye/xing2.png
new file mode 100644
index 0000000..0eb7f72
--- /dev/null
+++ b/static/qiye/xing2.png
Binary files differ

--
Gitblit v1.9.1