|
@@ -1,198 +1,203 @@
|
|
|
<template>
|
|
|
- <div class="contentBox">
|
|
|
- <div class="leftBox" v-if="leftBtn">
|
|
|
- <div class="box">
|
|
|
- <basicInfo />
|
|
|
- <complaintInfo />
|
|
|
- <matterInfo />
|
|
|
- </div>
|
|
|
- <div class="box">
|
|
|
- <zhiFaInfo />
|
|
|
- <personnelInfo />
|
|
|
- <xinZhengInfo />
|
|
|
- </div>
|
|
|
+ <div class="page">
|
|
|
+ <div class="noHas" v-if="!has">
|
|
|
+ 暂无数据权限
|
|
|
</div>
|
|
|
- <div class="centerBox" style="width: 100%">
|
|
|
- <div :class="leftBtn ? 'leftBtn btnW' : 'leftBtn0 btnW'" @click="leftBtnClick()">
|
|
|
- <img src="@/assets/img/svg/left.svg" alt="" class="img" />
|
|
|
- </div>
|
|
|
- <el-col class="centerContent" id="mapF"></el-col>
|
|
|
-
|
|
|
- <div :class="rightBtn ? 'rightBtn btnW' : 'rightBtn0 btnW'" @click="rightBtnClick()">
|
|
|
- <img src="@/assets/img/svg/left.svg" alt="" class="img" />
|
|
|
+ <div class="contentBox" v-if="has">
|
|
|
+ <div class="leftBox" v-if="leftBtn">
|
|
|
+ <div class="box">
|
|
|
+ <basicInfo />
|
|
|
+ <complaintInfo />
|
|
|
+ <matterInfo />
|
|
|
+ </div>
|
|
|
+ <div class="box">
|
|
|
+ <zhiFaInfo />
|
|
|
+ <personnelInfo />
|
|
|
+ <xinZhengInfo />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
-
|
|
|
- <div class="mapTips_type">
|
|
|
- <img src="@/assets/img/svg/danweitop.svg" alt="" class="img" />
|
|
|
- <div class="content">
|
|
|
- <p>街镇筛选</p>
|
|
|
- <el-select class="mtb-12" v-model="stroes.$state.streetTown" placeholder="请选择街镇" @change="checkStreetTown">
|
|
|
- <el-option v-for="item in stroes.$state.streetTownList" :key="item.value" :label="item.label" :value="item.value"> </el-option>
|
|
|
- </el-select>
|
|
|
- <p>类型筛选</p>
|
|
|
- <div class="setstyle" style="padding: 4px 0 !important;">
|
|
|
- <el-tree
|
|
|
- :data="treeData"
|
|
|
- show-checkbox
|
|
|
- node-key="id"
|
|
|
- :default-expanded-keys="[0, 1]"
|
|
|
- :default-checked-keys="[1]"
|
|
|
- :props="defaultProps"
|
|
|
- ref="tree"
|
|
|
- class="custom-tree-style"
|
|
|
- @check-change="handleCheckChange"
|
|
|
- >
|
|
|
- </el-tree>
|
|
|
+ <div class="centerBox" style="width: 100%">
|
|
|
+ <div :class="leftBtn ? 'leftBtn btnW' : 'leftBtn0 btnW'" @click="leftBtnClick()">
|
|
|
+ <img src="@/assets/img/svg/left.svg" alt="" class="img" />
|
|
|
+ </div>
|
|
|
+ <el-col class="centerContent" id="mapF"></el-col>
|
|
|
+
|
|
|
+ <div :class="rightBtn ? 'rightBtn btnW' : 'rightBtn0 btnW'" @click="rightBtnClick()">
|
|
|
+ <img src="@/assets/img/svg/left.svg" alt="" class="img" />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="mapTips_type">
|
|
|
+ <img src="@/assets/img/svg/danweitop.svg" alt="" class="img" />
|
|
|
+ <div class="content">
|
|
|
+ <p>街镇筛选</p>
|
|
|
+ <el-select class="mtb-12" v-model="stroes.$state.streetTown" placeholder="请选择街镇" @change="checkStreetTown">
|
|
|
+ <el-option v-for="item in stroes.$state.streetTownList" :key="item.value" :label="item.label" :value="item.value"> </el-option>
|
|
|
+ </el-select>
|
|
|
+ <p>类型筛选</p>
|
|
|
+ <div class="setstyle" style="padding: 4px 0 !important;">
|
|
|
+ <el-tree
|
|
|
+ :data="treeData"
|
|
|
+ show-checkbox
|
|
|
+ node-key="id"
|
|
|
+ :default-expanded-keys="[0, 1]"
|
|
|
+ :default-checked-keys="[1]"
|
|
|
+ :props="defaultProps"
|
|
|
+ ref="tree"
|
|
|
+ class="custom-tree-style"
|
|
|
+ @check-change="handleCheckChange"
|
|
|
+ >
|
|
|
+ </el-tree>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="rightBox" v-if="rightBtn">
|
|
|
- <div class="box" style="margin-left:5px;">
|
|
|
- <riskInfo />
|
|
|
- <xunJianInfo />
|
|
|
- <listingInfo />
|
|
|
- </div>
|
|
|
- <div class="box">
|
|
|
- <fireInfo />
|
|
|
- <IOTInfo />
|
|
|
- <videoInfo />
|
|
|
+ <div class="rightBox" v-if="rightBtn">
|
|
|
+ <div class="box" style="margin-left:5px;">
|
|
|
+ <riskInfo />
|
|
|
+ <xunJianInfo />
|
|
|
+ <listingInfo />
|
|
|
+ </div>
|
|
|
+ <div class="box">
|
|
|
+ <fireInfo />
|
|
|
+ <IOTInfo />
|
|
|
+ <videoInfo />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ <!-- 消防安全重点单位弹框 -->
|
|
|
+ <transition name="el-fade-in-linear">
|
|
|
+ <div class="tableTooltipwt2" v-if="tk">
|
|
|
+ <img src="~@a/img/icon/close.png" alt="" class="close" @click="closeTk" />
|
|
|
+ <el-col class="mk">
|
|
|
+ <el-row>
|
|
|
+ <el-col>
|
|
|
+ <span class="color2">单位名称:</span>
|
|
|
+ <span class="color1">{{ tkData.companyName }}</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col>
|
|
|
+ <span class="color2">单位类型:</span>
|
|
|
+ <span class="color1">重点单位</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col>
|
|
|
+ <span class="color2">地址:</span>
|
|
|
+ <span class="color1">{{ tkData.address }}</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col v-if="tkData.person3">
|
|
|
+ <span class="color2">单位联系人:</span>
|
|
|
+ <span class="color1">{{ tkData.person3 }}</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col v-if="tkData.phone3" >
|
|
|
+ <span class="color2">单位联系人电话:</span>
|
|
|
+ <span class="color1">{{ tkData.phone3 }}</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col v-if="tkData.person1">
|
|
|
+ <span class="color2">消防安全责任人:</span>
|
|
|
+ <span class="color1">{{ tkData.person1 }}</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col v-if="tkData.phone1">
|
|
|
+ <span class="color2">消防安全责任人电话:</span>
|
|
|
+ <span class="color1">{{ tkData.phone1 }}</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col v-if="tkData.person2">
|
|
|
+ <span class="color2">消防安全管理人:</span>
|
|
|
+ <span class="color1">{{ tkData.person2 }}</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col v-if="tkData.phone2" style="border-bottom: 1px solid #fff; padding-bottom: 10px">
|
|
|
+ <span class="color2">消防安全管理人电话:</span>
|
|
|
+ <span class="color1">{{ tkData.phone2 }}</span>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col style="margin-top: 6px">
|
|
|
+ <span class="color1" style="margin-left: 0">企业消防综合评估</span>
|
|
|
+ <span class="color1" style="float: right"
|
|
|
+ >综合得分:{{
|
|
|
+ tkData.fireRisk + tkData.buildIntegrity + tkData.lawEnforce + tkData.selfManage + tkData.facilityStatus
|
|
|
+ ? (tkData.fireRisk + tkData.buildIntegrity + tkData.lawEnforce + tkData.selfManage + tkData.facilityStatus).toFixed(2)
|
|
|
+ : 0
|
|
|
+ }}
|
|
|
+ 分</span
|
|
|
+ >
|
|
|
+ </el-col>
|
|
|
+ <table border="0" cellspacing="0" cellpadding="0">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th>指数</th>
|
|
|
+ <th>建筑整体指数</th>
|
|
|
+ <th>火灾风险指数</th>
|
|
|
+ <th>监督执法指数</th>
|
|
|
+ <th>自主管理指数</th>
|
|
|
+ <th>设施状况指数</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td>得分</td>
|
|
|
+ <td>{{ tkData.fireRisk }}</td>
|
|
|
+ <td>{{ tkData.buildIntegrity }}</td>
|
|
|
+ <td>{{ tkData.lawEnforce }}</td>
|
|
|
+ <td>{{ tkData.selfManage }}</td>
|
|
|
+ <td>{{ tkData.facilityStatus }}</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ <el-col style="margin-top: 6px" v-if="tkData.reformPart">
|
|
|
+ <span class="color1" style="margin-left: 0">消防整改情况</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col v-if="tkData.reformPart">
|
|
|
+ <span class="color1" style="margin-left: 0">编号:{{ tkData.reformCode }}</span>
|
|
|
+ <span class="color1" style="float: right">整改期限:{{ tkData.limitTime ? tkData.limitTime.split("T")[0] + " " + tkData.limitTime.split("T")[1] : "" }}</span>
|
|
|
+ </el-col>
|
|
|
+ <table border="0" cellspacing="0" cellpadding="0" v-if="tkData.reformPart">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th>序号</th>
|
|
|
+ <th>整改项</th>
|
|
|
+ <th>原因</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr v-for="(item, index) in tkData.reformPart.data" :key="index">
|
|
|
+ <td>{{ index + 1 }}</td>
|
|
|
+ <td>{{ item.item }}</td>
|
|
|
+ <td>{{ item.reason }}</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ <div style="margin-top: 40px" v-if="tkData.reformStatus != 0">
|
|
|
+ <el-steps
|
|
|
+ :active="tkData.reformStatus == 1 ? 1 : tkData.reformStatus == 2 || tkData.reformStatus == 3 ? 1 : tkData.reformStatus == 4 || tkData.reformStatus == 5 ? 2 : 0"
|
|
|
+ align-center
|
|
|
+ >
|
|
|
+ <el-step title="已接收" :description="tkData.receivedTime.replace('T', ' ')"></el-step>
|
|
|
+ <el-step
|
|
|
+ :title="tkData.reformStatus == 2 ? '整改中' : tkData.reformStatus == 3 || tkData.reformStatus == 4 || tkData.reformStatus == 5 ? '整改完成' : '整改中'"
|
|
|
+ :description="tkData.reformTime.replace('T', ' ')"
|
|
|
+ ></el-step>
|
|
|
+ <el-step
|
|
|
+ :title="
|
|
|
+ tkData.reformStatus == 1 || tkData.reformStatus == 2 || tkData.reformStatus == 3
|
|
|
+ ? '待审核'
|
|
|
+ : tkData.reformStatus == 4
|
|
|
+ ? '审核不通过'
|
|
|
+ : tkData.reformStatus == 5
|
|
|
+ ? '审核通过'
|
|
|
+ : ''
|
|
|
+ "
|
|
|
+ :description="tkData.reviewTime.replace('T', ' ')"
|
|
|
+ ></el-step>
|
|
|
+ </el-steps>
|
|
|
+ </div>
|
|
|
+ <div style="margin: 10px auto" v-if="tkData.companyName == '上海虹桥国际特商物流港'">
|
|
|
+ <el-button type="primary" size="small" style="background: none; border-radius: 4px; border: 1px solid #73fbfd; height: 30px; padding: 0 6px !important; margin: 10px 0 0"
|
|
|
+ ><a href="http://file.usky.cn/statics/202303/20232D91E7B3D14C346BC9F009FA0B76FA5BF.pdf" target="_blank" style="color: #fff; text-decoration: none"
|
|
|
+ > 查看报告 </a
|
|
|
+ ></el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+ </div>
|
|
|
+ </transition>
|
|
|
</div>
|
|
|
- <!-- 消防安全重点单位弹框 -->
|
|
|
- <transition name="el-fade-in-linear">
|
|
|
- <div class="tableTooltipwt2" v-if="tk">
|
|
|
- <img src="~@a/img/icon/close.png" alt="" class="close" @click="closeTk" />
|
|
|
- <el-col class="mk">
|
|
|
- <el-row>
|
|
|
- <el-col>
|
|
|
- <span class="color2">单位名称:</span>
|
|
|
- <span class="color1">{{ tkData.companyName }}</span>
|
|
|
- </el-col>
|
|
|
- <el-col>
|
|
|
- <span class="color2">单位类型:</span>
|
|
|
- <span class="color1">重点单位</span>
|
|
|
- </el-col>
|
|
|
- <el-col>
|
|
|
- <span class="color2">地址:</span>
|
|
|
- <span class="color1">{{ tkData.address }}</span>
|
|
|
- </el-col>
|
|
|
- <el-col v-if="tkData.person3">
|
|
|
- <span class="color2">单位联系人:</span>
|
|
|
- <span class="color1">{{ tkData.person3 }}</span>
|
|
|
- </el-col>
|
|
|
- <el-col v-if="tkData.phone3" >
|
|
|
- <span class="color2">单位联系人电话:</span>
|
|
|
- <span class="color1">{{ tkData.phone3 }}</span>
|
|
|
- </el-col>
|
|
|
- <el-col v-if="tkData.person1">
|
|
|
- <span class="color2">消防安全责任人:</span>
|
|
|
- <span class="color1">{{ tkData.person1 }}</span>
|
|
|
- </el-col>
|
|
|
- <el-col v-if="tkData.phone1">
|
|
|
- <span class="color2">消防安全责任人电话:</span>
|
|
|
- <span class="color1">{{ tkData.phone1 }}</span>
|
|
|
- </el-col>
|
|
|
- <el-col v-if="tkData.person2">
|
|
|
- <span class="color2">消防安全管理人:</span>
|
|
|
- <span class="color1">{{ tkData.person2 }}</span>
|
|
|
- </el-col>
|
|
|
- <el-col v-if="tkData.phone2" style="border-bottom: 1px solid #fff; padding-bottom: 10px">
|
|
|
- <span class="color2">消防安全管理人电话:</span>
|
|
|
- <span class="color1">{{ tkData.phone2 }}</span>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col style="margin-top: 6px">
|
|
|
- <span class="color1" style="margin-left: 0">企业消防综合评估</span>
|
|
|
- <span class="color1" style="float: right"
|
|
|
- >综合得分:{{
|
|
|
- tkData.fireRisk + tkData.buildIntegrity + tkData.lawEnforce + tkData.selfManage + tkData.facilityStatus
|
|
|
- ? (tkData.fireRisk + tkData.buildIntegrity + tkData.lawEnforce + tkData.selfManage + tkData.facilityStatus).toFixed(2)
|
|
|
- : 0
|
|
|
- }}
|
|
|
- 分</span
|
|
|
- >
|
|
|
- </el-col>
|
|
|
- <table border="0" cellspacing="0" cellpadding="0">
|
|
|
- <thead>
|
|
|
- <tr>
|
|
|
- <th>指数</th>
|
|
|
- <th>建筑整体指数</th>
|
|
|
- <th>火灾风险指数</th>
|
|
|
- <th>监督执法指数</th>
|
|
|
- <th>自主管理指数</th>
|
|
|
- <th>设施状况指数</th>
|
|
|
- </tr>
|
|
|
- </thead>
|
|
|
- <tbody>
|
|
|
- <tr>
|
|
|
- <td>得分</td>
|
|
|
- <td>{{ tkData.fireRisk }}</td>
|
|
|
- <td>{{ tkData.buildIntegrity }}</td>
|
|
|
- <td>{{ tkData.lawEnforce }}</td>
|
|
|
- <td>{{ tkData.selfManage }}</td>
|
|
|
- <td>{{ tkData.facilityStatus }}</td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
- <el-col style="margin-top: 6px" v-if="tkData.reformPart">
|
|
|
- <span class="color1" style="margin-left: 0">消防整改情况</span>
|
|
|
- </el-col>
|
|
|
- <el-col v-if="tkData.reformPart">
|
|
|
- <span class="color1" style="margin-left: 0">编号:{{ tkData.reformCode }}</span>
|
|
|
- <span class="color1" style="float: right">整改期限:{{ tkData.limitTime ? tkData.limitTime.split("T")[0] + " " + tkData.limitTime.split("T")[1] : "" }}</span>
|
|
|
- </el-col>
|
|
|
- <table border="0" cellspacing="0" cellpadding="0" v-if="tkData.reformPart">
|
|
|
- <thead>
|
|
|
- <tr>
|
|
|
- <th>序号</th>
|
|
|
- <th>整改项</th>
|
|
|
- <th>原因</th>
|
|
|
- </tr>
|
|
|
- </thead>
|
|
|
- <tbody>
|
|
|
- <tr v-for="(item, index) in tkData.reformPart.data" :key="index">
|
|
|
- <td>{{ index + 1 }}</td>
|
|
|
- <td>{{ item.item }}</td>
|
|
|
- <td>{{ item.reason }}</td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
- <div style="margin-top: 40px" v-if="tkData.reformStatus != 0">
|
|
|
- <el-steps
|
|
|
- :active="tkData.reformStatus == 1 ? 1 : tkData.reformStatus == 2 || tkData.reformStatus == 3 ? 1 : tkData.reformStatus == 4 || tkData.reformStatus == 5 ? 2 : 0"
|
|
|
- align-center
|
|
|
- >
|
|
|
- <el-step title="已接收" :description="tkData.receivedTime.replace('T', ' ')"></el-step>
|
|
|
- <el-step
|
|
|
- :title="tkData.reformStatus == 2 ? '整改中' : tkData.reformStatus == 3 || tkData.reformStatus == 4 || tkData.reformStatus == 5 ? '整改完成' : '整改中'"
|
|
|
- :description="tkData.reformTime.replace('T', ' ')"
|
|
|
- ></el-step>
|
|
|
- <el-step
|
|
|
- :title="
|
|
|
- tkData.reformStatus == 1 || tkData.reformStatus == 2 || tkData.reformStatus == 3
|
|
|
- ? '待审核'
|
|
|
- : tkData.reformStatus == 4
|
|
|
- ? '审核不通过'
|
|
|
- : tkData.reformStatus == 5
|
|
|
- ? '审核通过'
|
|
|
- : ''
|
|
|
- "
|
|
|
- :description="tkData.reviewTime.replace('T', ' ')"
|
|
|
- ></el-step>
|
|
|
- </el-steps>
|
|
|
- </div>
|
|
|
- <div style="margin: 10px auto" v-if="tkData.companyName == '上海虹桥国际特商物流港'">
|
|
|
- <el-button type="primary" size="small" style="background: none; border-radius: 4px; border: 1px solid #73fbfd; height: 30px; padding: 0 6px !important; margin: 10px 0 0"
|
|
|
- ><a href="http://file.usky.cn/statics/202303/20232D91E7B3D14C346BC9F009FA0B76FA5BF.pdf" target="_blank" style="color: #fff; text-decoration: none"
|
|
|
- > 查看报告 </a
|
|
|
- ></el-button
|
|
|
- >
|
|
|
- </div>
|
|
|
- </el-row>
|
|
|
- </el-col>
|
|
|
- </div>
|
|
|
- </transition>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
@@ -215,6 +220,8 @@ import videoInfo from "@c/videoInfo/index"; //执法记录仪情况
|
|
|
|
|
|
import linstener from "@c/mixins/linstener";
|
|
|
import map from "@c/mixins/map-data32_9";
|
|
|
+
|
|
|
+import { encrypt, decrypt } from "@/utils/jsencrypt"; //加密解密
|
|
|
export default {
|
|
|
components: {
|
|
|
basicInfo, complaintInfo, matterInfo,
|
|
@@ -258,6 +265,7 @@ export default {
|
|
|
|
|
|
tk:false,//消防安全重点单位弹框
|
|
|
tkData:[],//消防安全重点单位数据
|
|
|
+ has:false,//是否有权限
|
|
|
|
|
|
};
|
|
|
},
|
|
@@ -269,8 +277,12 @@ export default {
|
|
|
setTimeout(() => {
|
|
|
this.sadian([1]);
|
|
|
},3000)
|
|
|
+ if(decrypt(this.$route.query?.token) == "mhToken"){
|
|
|
+ this.has = true;
|
|
|
+ }
|
|
|
},
|
|
|
methods: {
|
|
|
+
|
|
|
// 地图区域操作
|
|
|
leftBtnClick() {
|
|
|
this.leftBtn = !this.leftBtn;
|
|
@@ -637,7 +649,19 @@ td {
|
|
|
transform: rotate(360deg);
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+.noHas{
|
|
|
+ position: absolute;
|
|
|
+ width:20%;
|
|
|
+ left:40%;
|
|
|
+ top:40%;
|
|
|
+ height:80px;
|
|
|
+ line-height: 80px;
|
|
|
+ border-radius: 10px;
|
|
|
+ background: $background-color-theme4;
|
|
|
+ color:#fff;
|
|
|
+ font-size: 24px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
</style>
|
|
|
<style lang="scss">
|
|
|
.el-input__suffix{
|
|
@@ -686,6 +710,4 @@ td {
|
|
|
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
|
|
|
background-color: rgba(0, 66, 97, 1) !important; /* 自定义的背景颜色 */
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
</style>
|