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