<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>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
xing: 5,
|
value: 'orange',
|
type:1
|
}
|
},
|
methods: {
|
daxing(a) {
|
this.xing = a
|
},
|
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;
|
}
|
|
.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;
|
}
|
</style>
|
