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

wjt

2024-06-22 03c1ffc86409d939875af372795b5d37cbe07d1f

 qiye/record/details.vue

New file
@@ -0,0 +1,481 @@
<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="sbox">

               <view class="t2">

                  本次执法还满意程度

               </view>

               <view class="xbox">

                  <view @click="daxing(1)">

                     <img src="/static/qiye/xing1.png" alt="" />

                     <view>

                        很糟糕

                     </view>

                  </view>

                  <view @click="daxing(2)">

                     <img v-if="xing>=2" src="/static/qiye/xing1.png" alt="" />

                     <img v-else src="/static/qiye/xing2.png" alt="" />

                     <view :class="xing==2?'hei':''">

                        不满意

                     </view>

                  </view>

                  <view @click="daxing(3)">

                     <img v-if="xing>=3" src="/static/qiye/xing1.png" alt="" />

                     <img v-else src="/static/qiye/xing2.png" alt="" />

                     <view :class="xing==3?'hei':''">

                        一般般

                     </view>

                  </view>

                  <view @click="daxing(4)">

                     <img v-if="xing>=4" src="/static/qiye/xing1.png" alt="" />

                     <img v-else src="/static/qiye/xing2.png" alt="" />

                     <view :class="xing==4?'hei':''">

                        满意

                     </view>

                  </view>

                  <view @click="daxing(5)">

                     <img v-if="xing>=5" src="/static/qiye/xing1.png" alt="" />

                     <img v-else src="/static/qiye/xing2.png" alt="" />

                     <view :class="xing==5?'hei':''">

                        非常满意

                     </view>

                  </view>

               </view>

               <view class="line"></view>

            </view>

            <view class="sbox">

               <view class="t2">

                  这是一个单选题的题干？

               </view>

               <u-radio-group v-model="value">

                  <u-radio name="orange">选中</u-radio>

                  <u-radio name="1" :disabled="true">未选中</u-radio>

               </u-radio-group>

               <view class="line"></view>

            </view>

            <view class="sbox">

               <view class="t2">

                  对我们的评价

               </view>

               <view class="pjbox">

                  这次执法非常好，非常好，这次执法非常好，非常好这次执法非常好，非常好

               </view>

            </view>

         </view>

      </view>

      <view class="bottom">

         <view class="one" v-if="type==1">

            <view class="b1" @click="open()">

               投诉

            </view>

         </view>

         <view class="two" v-if="type==2">

            <view class="b2" @click="open()">

               投诉

            </view>

            <view class="b3">

               我要评价

            </view>

         </view>

      </view>

      <u-popup :show="show" @close="close" mode="bottom" round="10" closeable>

         <view class="page-box">

            <view class="title1">

               企业投诉

            </view>

            <view class="border"></view>

            <view class="padding">

               <view class="font">

                  投诉主题

               </view>

               <view>

                  <u-radio-group  placement="row">
                     <u-radio active-color="#3EB47A" label="aaa" name="3"></u-radio>
                     <u-radio active-color="#3EB47A" label="bbb" name="3"></u-radio>
                  </u-radio-group>

               </view>

               <view class="font">

                  投诉内容

               </view>

               <view class="margin-top">

                  <u-textarea placeholder="请输入..."></u-textarea>

               </view>

            </view>

            <view class="down">

               <view class="enter" @entery="entery">提交</view>

            </view>

         </view>

      </u-popup>

   </view>

</template>



<script>

   export default {

      data() {

         return {

            xing: 5,

            value: 'orange',

            type: 2,

            show: false,

            list: [{
               //todo 请求接口

                  value: '1',

                  label: '江'

               },

               {

                  value: '2',

                  label: '湖'

               }

            ],

         }

      },

      methods: {

         daxing(a) {

            this.xing = a

         },

         imgclick(url) {

            uni.previewImage({

               urls: [url]

            })

         },

         open() {

            this.show = true

         },

         close() {

            this.show = false

            this.$emit('cancel')

         },

         entery() {

            this.$emit('entery')

         },



      }

   }

</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;

      }



      .sbox {

         padding: 24rpx;



         .line {

            border-bottom: 1px dashed #f1f1f1;

            margin-top: 32rpx;

         }



         .xbox {

            display: flex;

            margin-top: 36rpx;

            justify-content: space-between;



            img {

               width: 74rpx;

               height: 74rpx;

            }



            >view {

               text-align: center;

               font-size: 28rpx;

               color: #C3C6CD;

            }

         }

      }

   }



   .pjbox {

      background: #F4F4F4;

      border-radius: 5px;

      margin: 10rpx 0;

      padding: 24rpx;

      color: #202d44;

      font-size: 32rpx;



   }



   /deep/ .u-radio-group {

      margin-top: 20rpx;



      .u-radio {

         margin-right: 20rpx;

      }

   }



   .hei {

      color: #202D44;

   }



   .bottom {

      position: fixed;

      bottom: 0;

      width: 100%;

      left: 0;

      height: 132rpx;

      background: #fff;



      .one {

         display: flex;

         justify-content: center;

         align-items: center;

         height: 100%;



         .b1 {

            width: 686rpx;

            height: 88rpx;

            border-radius: 10px;

            background: #F7F7F7;

            line-height: 88rpx;

            text-align: center;

         }

      }



      .two {

         display: flex;

         justify-content: center;

         align-items: center;

         height: 100%;



         .b2 {

            width: 146rpx;

            height: 88rpx;

            border-radius: 10px;

            background: #F7F7F7;

            line-height: 88rpx;

            text-align: center;

            margin-right: 18rpx;

         }



         .b3 {

            width: 524rpx;

            height: 88rpx;

            border-radius: 10px;

            background: #1171E0;

            line-height: 88rpx;

            text-align: center;

            color: #fff;

         }

      }

   }



   .page-box {

      padding: 24rpx 0;

      .font{
         color: #4a4e60;
         font-size: 32rpx;
         margin-top: 20rpx;
      }

      .title1 {

         font-size: 36rpx;

         font-weight: 700;

         padding: 0 32rpx;

         border-bottom: 2rpx solid #F4F4F4;

         padding-bottom: 24rpx;

      }



      .padding {

         padding: 0 24rpx;

      }



      .margin-top {

         margin-top: 20rpx;

      }



      .down {

         padding: 34rpx 30rpx 30rpx;

         display: flex;

         justify-content: space-between;



         >view {

            display: inline-block;

         }



         .button {

            padding: 20rpx 40rpx;

            background: #F7F7F7;

            border-radius: 20rpx;

         }



         .enter {

            width: 100%;

            background: #1171E0;

            color: white;

            border-radius: 20rpx;

            padding: 20rpx 40rpx;

            text-align: center;

         }

      }

   }



   /deep/ .u-textarea {

      background-color: #F4F4F4;

   }

</style>