<template>
|
<view class="page-box">
|
<view class="box">
|
<view class="form">
|
<view class="form-item">
|
<view class="label">执法主题</view>
|
<view class="input">{{details.enforceReason}}</view>
|
</view>
|
<view class="form-item">
|
<view class="label">执法对象</view>
|
<view class="input">{{details.companyName}}</view>
|
</view>
|
<view class="form-item">
|
<view class="label">执法时间</view>
|
<view class="input">{{details.planTime || details.planMonth || ''}}</view>
|
</view>
|
<view class="form-item">
|
<view class="label">检查方式</view>
|
<view class="input">{{enforceType}}</view>
|
</view>
|
<view class="form-item">
|
<view class="label">执法人员</view>
|
<view class="input">{{details.executeUser}}</view>
|
</view>
|
<view class="form-item">
|
<view class="label">执法部门</view>
|
<view class="input">{{details.executeDeptName}}</view>
|
</view>
|
</view>
|
</view>
|
<view class="box">
|
<view class="form-input">
|
<view class="form-input-item" style="margin-bottom: 40rpx;">
|
<view class="form-label require" style="margin-bottom: 40rpx;">执法结果</view>
|
<view>
|
<u-radio-group v-model="form.regionStatus">
|
<u-radio shape="circle" label="正常" name="0"></u-radio>
|
<u-radio shape="circle" label="待整改" name="1"></u-radio>
|
</u-radio-group>
|
</view>
|
</view>
|
<view class="form-input-item">
|
<view class="form-label require">执法结果说明</view>
|
<u-textarea placeholder="请输入..." count v-model="form.regionReason" maxlength="500"></u-textarea>
|
</view>
|
|
<!-- 是否创建整改计划 -->
|
<view class="form-input-item" style="margin-bottom: 40rpx;">
|
<view class="form-label require" style="margin-bottom: 40rpx;">是否创建整改计划</view>
|
<view>
|
<u-radio-group v-model="isRectify" @change="changeRectify">
|
<u-radio shape="circle" label="是" :name="1"></u-radio>
|
<u-radio shape="circle" label="否" :name="0"></u-radio>
|
</u-radio-group>
|
</view>
|
</view>
|
<!-- 整改时间 -->
|
<view v-if="isRectify == 1" class="form-input-item" style="margin-bottom: 40rpx;">
|
<view class="form-label require" style="margin-bottom: 40rpx;">整改计划时间</view>
|
<view class="form-input-content" @click="showTimeFun">
|
<input type="text" placeholder="请选择整改计划时间" disabled v-model.trim="form.planTime" />
|
<u-icon name="arrow-right"></u-icon>
|
</view>
|
</view>
|
|
<view class="form-input-item">
|
<view class="form-label require">执法照片</view>
|
<view>
|
<view class="show-hint">可上传9张图，单张不得超过10M</view>
|
</view>
|
<view>
|
<uploadImage ref="uploadImage"></uploadImage>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="down">
|
<view class="button" @click="startReport">
|
上报结果
|
</view>
|
</view>
|
|
<yt-dateTimePicker ref="myPicker" @submit="confirmTime" :time-init="timeInit" :start-year="year" :startMonth="month"
|
:time-hide="[true, true, true, true, false, false]" />
|
</view>
|
</template>
|
|
<script>
|
import uploadImage from '@/policy/components/upload.vue'
|
import {
|
orderDetails,
|
orderUpd
|
} from '@/api/policy.js'
|
import {
|
getDicts
|
} from '@/api/data.js'
|
export default {
|
components: {
|
uploadImage
|
},
|
data() {
|
return {
|
form: {
|
regionReason: '',
|
regionStatus: '0',
|
planTime: null, // 整改计划时间
|
},
|
fileList1: [],
|
details: {},
|
enforceType: "",
|
timeInit: '',
|
planTimeStr: '',
|
isRectify: 0, // 是否创建整改
|
}
|
},
|
onLoad(options) {
|
this.orderDetails(options.id)
|
},
|
methods: {
|
changeRectify(e) {
|
console.log(e)
|
if (e == 0) {
|
this.form.planTime = null
|
this.timeInit = ''
|
this.planTimeStr = ''
|
}
|
},
|
|
// 获取执法类型枚举
|
getDicts() {
|
getDicts('enforce_type').then(val => {
|
if (val.data.data) {
|
this.enforceType = val.data.data.find(item => item.dictCode == this.details.enforceType).dictLabel
|
}
|
})
|
},
|
// 获取执法单详情
|
orderDetails(id) {
|
orderDetails({
|
orderId: id
|
}).then(val => {
|
this.details = val.data.data
|
this.getDicts()
|
})
|
},
|
// 上报执行结果
|
startReport() {
|
if (!this.form.regionReason) {
|
uni.showToast({
|
title: '请填写执法结果',
|
icon: 'none'
|
})
|
return
|
}
|
const image = this.$refs.uploadImage.imageList
|
if (!image.length) {
|
uni.showToast({
|
title: '请上传执法图片',
|
icon: 'none'
|
})
|
return
|
}
|
this.details.regionReason = this.form.regionReason
|
this.form.regionImgs = image.join()
|
this.form.orderId = this.details.orderId
|
orderUpd(this.form).then(val => {
|
if (val.data.code == 200) {
|
uni.showToast({
|
title: '上报成功',
|
icon: 'none'
|
})
|
setTimeout(() => {
|
uni.navigateBack()
|
}, 500)
|
}
|
})
|
},
|
|
showTimeFun() {
|
this.$refs.myPicker.show();
|
},
|
|
confirmTime(e) {
|
this.form.planTime = e.year + '-' + e.month + '-' + +e.day + ' ' + e.hour + ":" + "00:00"
|
this.planTimeStr = e.year + '-' + e.month + '-' + +e.day + ' ' + e.hour + ":" + "00"
|
this.timeInit = this.$u.timeFormat(new Date(this.planTimeStr), 'yyyy-mm-dd hh:MM')
|
},
|
}
|
}
|
</script>
|
<style>
|
page {
|
background-color: #F4F4F4;
|
}
|
</style>
|
<style lang="scss" scoped>
|
@import "./reportDetails.scss";
|
|
::v-deep .u-radio {
|
margin-right: 80rpx;
|
}
|
|
.form-input-content {
|
width: 100%;
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
background-color: #F4F4F4;
|
border-radius: 12rpx;
|
padding: 10rpx 20rpx;
|
box-sizing: border-box;
|
}
|
</style>
|
