Merge branch 'master' of http://218.28.192.34:9999/r/sqys/sqys_xcx

wjt

2024-06-21 a38f54f02b48cf8ef2c9ed6febed560b4f38d534

 pages/message/details.vue

@@ -1,6 +1,86 @@
<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="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>
	
   </view>
</template>

@@ -12,11 +92,67 @@
         }
      },
      methods: {
			
         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;
				
         }
      }
   }
</style>