新功能添加

wjt

2024-07-23 c3b2d6d35b77d11ff86d45926501493b7fc8886e

 policy/components/index.vue

@@ -1,17 +1,18 @@
<template>
   <view class="page-content">
	

      <view class="banner">
         <image src="https://picsum.photos/200/200" mode=""></image>
         <image src="/static/head.png" mode=""></image>
      </view>
      <view class="main-page-box">
         <view class="second-box">
            <image src="/static/index.png" class="icon"></image>
         <view class="second-box" @click="goPolicyList">
            <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" >
               <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,38 +20,59 @@
            </view>
         </view>
         <view class="policy-list">
            <u-button @click="applyPulicy">执法申请</u-button>
            <u-button v-if="isJudge">执法审批</u-button>
            <u-button @click="report">执法结果上报</u-button>
            <u-button>记录查询</u-button>
            <u-button @click="goDataLook">数据看板</u-button>
            <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 == '00'" 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'
@@ -65,26 +87,61 @@
            uni.navigateTo({
               url: '/policy/reportPage/reportPage'
            })
         },
         applyRecord() {
            console.log(this.userAuth)
            if(this.userAuth) {
               uni.navigateTo({
                  url: '/policy/applyLook/applyLook'
               })
            } else {
               uni.navigateTo({
                  url: '/policy/applyRecord/applyRecord'
               })
            }
			
         },
         recordZhifa() {
            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: 400rpx;
         image{
         height: 520rpx;

         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;
@@ -92,36 +149,60 @@
         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 {
            width: 100%;
            height: 160rpx;
            margin-bottom: 20rpx;
         }

         image::last-child {
            margin-bottom: 0;
         }
      }
   }
</style>