<template>
|
<view>
|
<u-navbar placeholder bgColor="#1171E0FF" leftIconColor="white" :autoBack="true">
|
<template slot="center">
|
<view style="color: white;">申请详情</view>
|
</template>
|
</u-navbar>
|
<view class="top-content"></view>
|
<view class="main-page">
|
<view class="status">
|
{{mapStatus[details.orderStatus]}}
|
</view>
|
<view class="base-card">
|
<view class="title">
|
<text>基本信息</text>
|
</view>
|
<view class="view-form">
|
<view class="view-form-item">
|
<view class="label">执法主题</view>
|
<view>{{details.enforceReason}}</view>
|
</view>
|
<view class="view-form-item">
|
<view class="label">执法对象</view>
|
<view>{{details.companyName}}</view>
|
</view>
|
<view class="view-form-item">
|
<view class="label">执法时间</view>
|
<view>{{details.executeTime}}</view>
|
</view>
|
<view class="view-form-item">
|
<view class="label">执法类型</view>
|
<view>{{details.enforceTypeName}}</view>
|
</view>
|
<view class="view-form-item">
|
<view class="label">执法人员</view>
|
<view>{{details.executeUser}}</view>
|
</view>
|
<view class="view-form-item">
|
<view class="label">执法部门</view>
|
<view>{{details.executeDeptName}}</view>
|
</view>
|
<view class="view-form-item">
|
<view class="label">随行人员</view>
|
<view>随行人员</view>
|
</view>
|
<view class="view-form-item">
|
<view class="label">是否通知企业</view>
|
<view>{{details.isNoticeCompany == 0 ? '否': '是'}}</view>
|
</view>
|
<view class="view-form-item">
|
<view class="label">申请时间</view>
|
<view>{{details.applyTime}}</view>
|
</view>
|
<view class="view-form-item">
|
<view class="label">当前状态</view>
|
<view>{{mapStatus[details.orderStatus]}}</view>
|
</view>
|
</view>
|
</view>
|
<view class="base-card">
|
<view class="title">
|
<text>执法内容</text>
|
</view>
|
<view class="view-content">
|
{{ details.regionReason }}
|
</view>
|
</view>
|
<view class="base-card">
|
<view class="title">
|
<text>审批情况</text>
|
</view>
|
<view class="view-form">
|
<view class="view-form-item">
|
<view class="label">审批结果</view>
|
<view>24年5月份消防突击检查</view>
|
</view>
|
<view class="view-form-item">
|
<view class="label">审批人</view>
|
<view>24年5月份消防突击检查</view>
|
</view>
|
<view class="view-form-item">
|
<view class="label">审批部门</view>
|
<view>24年5月份消防突击检查</view>
|
</view>
|
<view class="view-form-item">
|
<view class="label">审批时间</view>
|
<view>24年5月份消防突击检查</view>
|
</view>
|
</view>
|
</view>
|
<view class="base-card">
|
<view class="title">
|
<text>执法图片</text>
|
</view>
|
<view class="view-image">
|
<image src="https://picsum.photos/200/300" mode="widthFix"></image>
|
<image src="https://picsum.photos/200/300" mode="widthFix"></image>
|
<image src="https://picsum.photos/200/300" mode="widthFix"></image>
|
<image src="https://picsum.photos/200/300" mode="widthFix"></image>
|
<image src="https://picsum.photos/200/300" mode="widthFix"></image>
|
<!-- {{regionImgs}} -->
|
</view>
|
</view>
|
<view class="base-card">
|
<view class="title">
|
<text>执法进度</text>
|
</view>
|
<view class="view-step">
|
<view class="step-content">
|
<image class="icon" src="/static/policy/icon.png" mode="widthFix"></image>
|
<view class="top-title">
|
提交申请
|
</view>
|
<view class="down-tips">
|
<view>提交人：<text>林小零</text></view>
|
<view class="time">2024-06-07 12:14</view>
|
</view>
|
</view>
|
<view class="step-content">
|
<image class="icon" src="/static/policy/icon.png" mode="widthFix"></image>
|
<view class="top-title">
|
提交申请
|
</view>
|
<view class="down-tips">
|
<view>提交人：<text>林小零</text></view>
|
<view class="time">2024-06-07 12:14</view>
|
</view>
|
</view>
|
<view class="step-content none">
|
<!-- <image class="icon" src="/static/policy/icon.png" mode="widthFix"></image> -->
|
<image src="/static/policy/refject.png" mode="widthFix" class="icon"></image>
|
<view class="top-title">
|
提交申请
|
</view>
|
<view class="down-tips">
|
<view>提交人：<text>林小零</text></view>
|
<view class="time">2024-06-07 12:14</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import {
|
orderDetails
|
} from '@/api/policy.js'
|
export default {
|
data() {
|
return {
|
details: {},
|
mapStatus: {
|
1: '待审批',
|
2: "待执行",
|
3: "待上报",
|
'-1':"已拒绝",
|
4: "已结束"
|
}
|
}
|
},
|
onLoad(options) {
|
this.orderDetails(options.id)
|
},
|
methods: {
|
getDetails(orderId) {
|
orderDetails({
|
orderId
|
}).then(val => {
|
this.details = val.data
|
})
|
}
|
}
|
}
|
</script>
|
<style>
|
page {
|
background-color: #F4F4F4;
|
}
|
</style>
|
<style lang="scss" scoped>
|
@import "./applyRecordDetails.scss";
|
</style>
|
