投诉记录

346149741

2024-06-22 c1d01150e8fb394ff4de3e6f159c307eb95f4ae4

 qiye/complaint/details.vue

@@ -1,5 +1,146 @@
<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="title">
            已评价
         </view>
         <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 style="height: 20rpx;"></view>
         <view class="wbox2">
            <view class="t">
               投诉记录
            </view>
            <view class="jilu">
               <img src="/static/policy/icon.png" class="img" alt="" />
               <view class="font">
                  <view class="h">
                     <view class="s">
                        已驳回
                     </view>
                     <view class="time">
                        2024-06-07 12:14
                     </view>
                  </view>
                  <view class="b">
                     <view class="name">
                        林小零
                     </view>
                     <view class="p">
                        <span>申诉主题：</span>
                        汉庭酒店司法检查233号文件
                     </view>
                     <view class="p">
                        <span>申诉内容：</span>
                        我是一个内容；我是一个内容；我是一个内容；我是一个内容
                     </view>
                  </view>
               </view>
            </view>
            <view class="jilu">
               <img src="/static/policy/refject.png" class="img" alt="" />
               <view class="font">
                  <view class="h">
                     <view class="s">
                        已驳回
                     </view>
                     <view class="time">
                        2024-06-07 12:14
                     </view>
                  </view>
                  <view class="b">
                     <view class="name">
                        林小零
                     </view>
                     <view class="p">
                        <span>申诉主题：</span>
                        汉庭酒店司法检查233号文件
                     </view>
                     <view class="p">
                        <span>申诉内容：</span>
                        我是一个内容；我是一个内容；我是一个内容；我是一个内容
                     </view>
                  </view>
               </view>
            </view>
         </view>
      </view>
      
   </view>
</template>
@@ -12,11 +153,143 @@
         }
      },
      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;
	
         }
      }
   }
   .title {
      color: #ffffff;
      font-size: 44rpx;
      font-weight: bold;
      padding-left: 32rpx;
      margin-top: 24rpx;
      margin-bottom: 24rpx;
	
   }
	
   .wbox2 {
      background: #fff;
      border-radius: 5px;
      box-sizing: border-box;
      margin: 0 32rpx;
	
      .t {
         padding: 24rpx;
         border-bottom: 1px solid #EEEEEE;
         color: #202d44;
         font-size: 36rpx;
         font-weight: bold;
      }
	
   }
   .jilu{
      display: flex;
      justify-content: space-between;
      padding: 24rpx;
      .img{
         width: 70rpx;
         height: 50rpx;
         margin-right: 24rpx;
      }
      .font{
         .h{
            display: flex;
            justify-content: space-between;
            margin-bottom: 20rpx;
            .s{
                color: #202d44;
                font-size: 32rpx;
            }
            .time{
               color: #7e8596;
               font-size: 24rpx;
            }
         }
         .b{
            // width: 289px;
            // height: 111px;
            // flex-shrink: 0;
            border-radius: 4px;
            background: #F6F6F6;
            padding: 24rpx;
            .name{
                color: #202d44;
                font-size: 32rpx;
            }
            .p{
               color: #202d44;
               font-size: 26rpx;
               span{
                  color: #666666;
						
               }
            }
         }
      }
   }

</style>