wjt
2024-06-26 59f4dc012a2c42eebd31301444e0f8df9af088e0
pages/index/index.vue
@@ -1,18 +1,190 @@
<template>
   <view>
   <!--    <u-button @click="goMyCompany('01')">我是执法人员</u-button>
      <u-button @click="goMyCompany('02')">我是企业</u-button>
      <u-button @click="goMyCompany('00')">运营管理</u-button> -->
      <img src="/static/index.png" alt="" />
      <img src="/static/head.png" class="head" alt="" />
      <view class="hqzc" @click="more1()">
         <img src="/static/hqzc.png" class="img" alt="" />
         <view class="line"></view>
         <view class="font">
            <p v-for="(item,index) in list1" :key="index" class="u-line-1">{{item.docTitle}}</p>
            <!-- <p>海关总署贸易持续发展2024年立法...</p>
            <p>国家医疗保障局办公室关于发布管理... </p> -->
         </view>
         <img src="/static/i06.png" class="more"  alt="" style="width: 46rpx;height: 46rpx;"/>
      </view>
      <view class="btnbox">
         <img src="/static/i01.png" class="more" alt="" style="margin-right: 18rpx;" @click="goMyCompany('01')"/>
         <img src="/static/i02.png" class="more" alt="" @click="goMyCompany('02')"/>
         <img src="/static/i03.png" class="more" alt="" style="margin-right: 18rpx;" @click="goMyCompany('01')"/>
         <img src="/static/i04.png" class="more" alt="" @click="goMyCompany('00')"/>
            <!-- <u-button @click="goMyCompany('01')">我是执法人员</u-button>
            <u-button @click="goMyCompany('02')">我是企业</u-button>
            <u-button @click="goMyCompany('00')">运营管理</u-button> -->
      </view>
      <view class="msgbox">
         <view class="tit">
            <view class="t">
               信息公示
            </view>
            <view class="m" @click="more2()">
               查更多>
            </view>
         </view>
         <view class="item" v-for="(item,index) in list2">
            <img src="/static/i05.png" class="img" alt="" />
            <view class="right">
               <view class="name">
                  {{item.companyName}}
               </view>
               <view class="box">
                  <view class="l">
                     <p>执法单位:{{item.executeDeptName}}</p>
                     <p>执法时间:{{item.executeTime}}</p>
                  </view>
                  <view class="r" @click="kankna(item.orderId)">
                     去查看
                  </view>
               </view>
            </view>
         </view>
      <!--    <view class="item">
            <img src="/static/i05.png" class="img" alt="" />
            <view class="right">
               <view class="name">
                  北京斯诚科技发展有限公司
               </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>
               <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>
               <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>
               <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>
      <view style="height: 30rpx;"></view>
   </view>
</template>
<script>
   import {  docList,showList } from '@/api/index.js'
   // 00营商办,01执法,02企业 区分不同的登陆页面
   export default {
      onLoad() {
      },
      onShow() {
         this.getInfo()
         const value = uni.getStorageSync("userInfo")
         const sessionToken = uni.getStorageSync('sessionToken')
         if(sessionToken && value && value.userType) {
            const qiyeData = uni.getStorageSync('qiyedata')
            if(value.userType == '02') {
               uni.reLaunch({
                  url:`/qiye/qiyeIndex/qiyeIndex?id=${qiyeData.deptId}`
               })
            } else if(value.userType == '01'){
               uni.reLaunch({
                  url:`/policy/policyIndex/policyIndex`
               })
            } else {
               uni.reLaunch({
                  url:`/policy/policyIndex/policyIndex`
               })
            }
         }
      },
      data() {
         return {
            list1:[],
            list2:[],
         }
      },
      methods: {
         kankna(id){
            uni.navigateTo({
               url: `/pages/message/details?id=${id}`
            })
         },
         more1(){
            uni.navigateTo({
               url: `/pages/hqzc/list`
            })
         },
         more2(){
            uni.navigateTo({
               url: `/pages/message/list`
            })
         },
         getInfo() {
            docList({pageNum:1,pageSize:2}).then(val =>{
               let data = val.data.rows
               for(let i = 0;i<data.length;i++){
                  if(data[i].docTitle.length>17){
                     data[i].docTitle = data[i].docTitle.slice(0, 17) + '...'
                  }
               }
               this.list1 = data
            })
            showList({pageNum:1,pageSize:10}).then(val =>{
               //console.log(val.data.rows)
               this.list2 = val.data.rows
            })
         },
         goMyCompany(item) {
            uni.navigateTo({
               url: `/pages/companyLogin/companyLogin?code=${item}`
@@ -22,4 +194,124 @@
   };
</script>
<style>
   page{
      background: #F7F7F7;
   }
</style>
<style lang="scss" scoped>
   .hqzc{
      position: absolute;
      border-radius: 5px;
      background: #fff;
      display: flex;
      width: calc(100vw - 64rpx);
      align-items: center;
      left: 32rpx;
      top: 500rpx;
      padding: 24rpx;
      box-sizing: border-box;
      .line{
         width: 2rpx;
         height: 50rpx;
         background: #f1f1f1;
         margin-right: 18rpx;
      }
      .img{
         width: 76rpx;
         height: 76rpx;
         margin-right: 18rpx;
      }
      .more{
         width: 28rpx;
         height: 28rpx;
      }
      .font{
         font-size: 26rpx;
         color: #4A4E60;
         margin-right: 50rpx;
         width: 450rpx;
         // text-align: center;
         text-align: left;
      }
   }
   .btnbox{
      margin-top: 110rpx;
      margin-left: 32rpx;
      margin-right: 32rpx;
      img{
         width: 334rpx;
         height: 208rpx;
      }
   }
   .msgbox{
      background: #fff;
      border-radius: 5px;
      padding: 24rpx;
      box-sizing: border-box;
      margin: 20rpx 32rpx;
      .tit{
         display: flex;
         justify-content: space-between;
         .t{
            color: #202d44;
            font-size: 36rpx;
            font-weight: bolder;
         }
         .m{
            color: #7e8596;
            font-size: 24rpx;
         }
      }
      .item{
         display: flex;
         margin-top: 26rpx;
         border-bottom: 1px solid #F1F1F1;
         padding-bottom: 26rpx;
         .img{
            width: 56rpx;
            height: 56rpx;
         }
         .right{
            width: 90%;
            .name{
               color: #202d44;
               font-size: 32rpx;
               line-height: 44rpx;
               margin-bottom: 24rpx;
            }
            .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;
               }
            }
         }
      }
      .item:last-child{
         border: none;
         padding-bottom: 0;
      }
   }
   .head{
      width: 100%;
      height: 518rpx;
   }
</style>