From 07401392be0115d291e64471325fcc4c17ba2be9 Mon Sep 17 00:00:00 2001
From: wjt <1797368093@qq.com>
Date: 星期五, 21 六月 2024 15:26:35 +0800
Subject: [PATCH] 图片压缩

---
 policy/components/index.vue |  124 +++++++++++++++++++++++++++++-----------
 1 files changed, 89 insertions(+), 35 deletions(-)

diff --git a/policy/components/index.vue b/policy/components/index.vue
index e07a3f0..3df9939 100644
--- a/policy/components/index.vue
+++ b/policy/components/index.vue
@@ -1,6 +1,6 @@
 <template>
 	<view class="page-content">
-	
+
 		<view class="banner">
 			<image src="/static/head.png" mode=""></image>
 		</view>
@@ -8,10 +8,11 @@
 			<view class="second-box">
 				<image src="/static/hqzc.png" class="icon"></image>
 				<view class="driver"></view>
-				<view class="right-box">
-					<view>
-						<view class="u-line-1 margin-bottom">娴峰叧鎬荤讲璐告槗鎸佺画鍙戝睍2024骞寸珛娉曞眬...</view>
-						<view class="u-line-1">鍥藉鍖荤枟淇濋殰灞�鍔炲叕瀹ゅ叧浜庡彂甯冪鐞�... </view>
+				<view class="right-box" @click="goPolicyList">
+					<view class="article-list">
+						<view class="u-line-1 margin-bottom" v-for="(item, index) in policyList" :key="index">
+							{{item.docTitle}}</view>
+						<!-- <view class="u-line-1">鍥藉鍖荤枟淇濋殰灞�鍔炲叕瀹ゅ叧浜庡彂甯冪鐞�... </view> -->
 					</view>
 					<view class="icon-box">
 						<u-icon name="arrow-right" size="14" color="#868C98FF"></u-icon>
@@ -19,39 +20,59 @@
 				</view>
 			</view>
 			<view class="policy-list">
-				<!-- v-if="isJudge" -->
-				<image src="/static/policy/zhi1.png"  @click="applyPulicy" mode="widthFix"></image>
-				<image src="/static/policy/zhi2.png"  @click="recordZhifa" mode="widthFix"></image>
-				<image src="/static/policy/zhi3.png" @click="report" mode="widthFix"></image>
-				<image src="/static/policy/zhi4.png" @click="applyRecord" mode="widthFix"></image>
-				<image src="/static/policy/zhi5.png" @click="goDataLook" mode="widthFix"></image>
+				<image src="/static/policy/zhi1.png"  v-if="userAuth"  @click="applyPulicy" mode="widthFix"></image>
+				<image src="/static/policy/zhi2.png" v-if="isJudge" @click="recordZhifa" mode="widthFix"></image>
+				<image src="/static/policy/zhi3.png" v-if="userAuth" @click="report" mode="widthFix"></image>
+				<image src="/static/policy/zhi4.png" v-if="userAuth" @click="applyRecord" mode="widthFix"></image>
+				<image src="/static/policy/zhi5.png" @click="goDataLook" v-if="userType == '02'" mode="widthFix">
+				</image>
 			</view>
 		</view>
 	</view>
 </template>
 
 <script>
-	import {  getInfo } from '@/api/auth.js'
+	import {
+		getInfo,
+		docList
+	} from '@/api/auth.js'
 	import tabsCom from '@/policy/components/tabs.vue'
 	export default {
+		props: {
+			isJudge: {
+				type: Boolean,
+				default: false
+			},
+			userType: {
+				type: String,
+				default: ""
+			},
+			userAuth: {
+				type: Boolean,
+				default: false
+			}
+		},
 		components: {
 			tabsCom
 		},
 		data() {
 			return {
-				isJudge: false
+				// isJudge: false,
+				policyList: []
 			}
 		},
-		onShow() {
-			this.getInfo()
+		mounted() {
+			// this.getInfo()
+			this.docList()
 		},
 		methods: {
-			getInfo() {
-				getInfo().then(val =>{
-					// console.log()
-					this.isJudge = val.data.roles.some(item => item.includes('check_enforce'))
-				})
-			},
+			// getInfo() {
+			// 	getInfo().then(val =>{
+			// if(val.data.data.roles) {
+			// 	this.isJudge = val.data.data.roles.some(item => item.includes('check_enforce'))
+			// }
+			// 	})
+			// },
 			applyPulicy() {
 				uni.navigateTo({
 					url: '/policy/policyApply/policyApply'
@@ -76,26 +97,43 @@
 				uni.navigateTo({
 					url: '/policy/translate/translate'
 				})
+			},
+			// 鍘诲線鎯犱紒鏀跨瓥
+			goPolicyList() {
+				uni.navigateTo({
+					url: `/pages/hqzc/list`
+				})
+			},
+			docList() {
+				docList({
+					pageSize: 2,
+					pageNum: 1
+				}).then(val => {
+					this.policyList = val.data.rows
+				})
 			}
 		}
 	}
 </script>
 
 <style lang="scss" scoped>
-	.page-content{
-		.banner{
+	.page-content {
+		.banner {
 			width: 100%;
 			height: 520rpx;
-			image{
+
+			image {
 				width: 100%;
 				height: 100%;
 			}
 		}
-		.main-page-box{
+
+		.main-page-box {
 			position: relative;
 			top: -60rpx;
 		}
-		.second-box{
+
+		.second-box {
 			margin: 0 32rpx;
 			background-color: white;
 			border-radius: 20rpx;
@@ -103,42 +141,58 @@
 			display: flex;
 			justify-content: space-between;
 			align-items: center;
-			.icon{
+
+			.icon {
 				width: 76rpx;
 				height: 76rpx;
-				
+
 			}
-			.driver{
+
+			.driver {
 				height: 50rpx;
 				width: 2rpx;
 				background-color: #F1F1F1;
 				margin: 0 24rpx;
 			}
-			.right-box{
+
+			.right-box {
 				display: flex;
 				justify-content: space-between;
 				align-items: center;
 				width: calc(100% - 76rpx - 50rpx);
 				font-size: 26rpx;
 				color: #4A4E60FF;
-				.icon-box{
+
+				.article-list {
+					width: 80%;
+				}
+
+				.icon-box {
 					background-color: #F1F1F1;
 					border-radius: 50%;
 					padding: 10rpx;
 				}
-				.margin-bottom{
+
+				.margin-bottom {
 					margin-bottom: 10rpx;
+				}
+
+				.margin-bottom:last-child {
+					margin-bottom: 0;
 				}
 			}
 		}
-		.policy-list{
+
+		.policy-list {
 			margin: 22rpx 32rpx;
-			image{
+
+			image {
 				width: 100%;
 				height: 160rpx;
 				margin-bottom: 20rpx;
 			}
-			image::last-child{
+
+			image::last-child {
 				margin-bottom: 0;
 			}
 		}

--
Gitblit v1.9.1