沈丘营商办后台前端项目
wjt
2024-06-19 f0d8e8569462ed5ce06f6d83b0bf3ca83d28b95f
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<template>
  <el-dialog title="执法详情" width="1000px" v-model="dialogVisible" @close="closeDialog">
    <div>
      <div class="title">执法信息</div>
      <div>
        <el-row>
          <el-col :span="12">
            <div class="label">执法类型</div> <div class="value">司法检查</div>
          </el-col>
          <el-col :span="12">
            <div class="label">执法部门</div> <div class="value">司法检查</div>
          </el-col>
          <el-col :span="12">
            <div class="label">企业</div> <div class="value">司法检查</div>
          </el-col>
          <el-col :span="12">
            <div class="label">执法人员</div> <div class="value">司法检查</div>
          </el-col>
          <el-col :span="12">
            <div class="label">随行人员</div> <div class="value">司法检查</div>
          </el-col>
          <el-col :span="12">
            <div class="label">申请时间</div> <div class="value">司法检查</div>
          </el-col>
          <el-col :span="12">
            <div class="label">执法时间</div> <div class="value">司法检查</div>
          </el-col>
          <el-col :span="12">
            <div class="label">状态</div> <div class="value">司法检查</div>
          </el-col>
          <el-col :span="24">
            <div class="label">执法内容</div> <div class="value">1.火灾隐患整改情况以及防范措施的落实情况。
 
2.安全疏散通道、疏散指示标志、应急照明和安全出口情况。
 
3.消防车通道、消防水源情况。</div>
          </el-col>
        </el-row>
      </div>
      <div class="title">执法记录</div>
      <div>
        <el-row>
          <el-col :span="12">
            <div class="label">执法主题</div> <div class="value">司法检查</div>
          </el-col>
          <el-col :span="12">
            <div class="label">是否通知企业</div> <div class="value">司法检查</div>
          </el-col>
          <el-col :span="24">
            <div class="label">执法过程</div> <div class="value">司法检查</div>
          </el-col>
          <el-col :span="12">
            <div class="label">执法结果</div> <div class="value">司法检查</div>
          </el-col>
        </el-row>
      </div>
      <div class="title">执法评价</div>
      <div>
        <el-row>
          <el-col :span="12">
            <div class="label">执法专业性</div> <div class="value">司法检查</div>
          </el-col>
          <el-col :span="12">
            <div class="label">执法合理性</div> <div class="value">司法检查</div>
          </el-col>
          <el-col :span="24">
            <div class="label">执法认真程度</div> <div class="value">司法检查</div>
          </el-col>
          <el-col :span="12">
            <div class="label">执法结果满意度</div> <div class="value">司法检查</div>
          </el-col>
        </el-row>
      </div>
    </div>
    <template #footer>
      <el-button @click="closeDialog">关 闭</el-button>
    </template>
  </el-dialog>
</template>
 
<script setup lang="ts">
  const dialogVisible = ref(false)
  function openDialog() {
    dialogVisible.value = true
  }
  function closeDialog() {
    dialogVisible.value = false
  }
</script>