parent
f0b30405d1
commit
c0744e5c85
@ -0,0 +1,18 @@
|
|||||||
|
// 应用超市 ---> 警情通报
|
||||||
|
import request from '@/utils/request'
|
||||||
|
// 警情通报主页查询
|
||||||
|
export function get_counterfraud_data(params) {
|
||||||
|
return request({
|
||||||
|
url: '/safety/store/instantalarm/safeCompanyNewsInfo',
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function get_counter_item(id) {
|
||||||
|
return request({
|
||||||
|
url: '/safety/store/instantalarm/safeCompanyNewsInfo/' + id,
|
||||||
|
method: 'get',
|
||||||
|
id
|
||||||
|
})
|
||||||
|
}
|
After Width: | Height: | Size: 1.2 MiB |
@ -0,0 +1,82 @@
|
|||||||
|
<template>
|
||||||
|
<el-dialog
|
||||||
|
class="dialog"
|
||||||
|
title="通报详情"
|
||||||
|
:visible.sync="visible"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
width="1100px"
|
||||||
|
@close="close"
|
||||||
|
>
|
||||||
|
<div class="text">
|
||||||
|
<div style="color: #fff" v-html="this.text"></div>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import { get_counter_item } from "@/api/applySupermarket/counterfraud";
|
||||||
|
export default {
|
||||||
|
name: "CounterDialog",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
visible: false,
|
||||||
|
text: "",
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
open(item) {
|
||||||
|
this.visible = true;
|
||||||
|
// 请求返回文本
|
||||||
|
get_counter_item(item.id).then((res) => {
|
||||||
|
console.log("id", res.data.content);
|
||||||
|
this.text = res.data.content;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
close() {
|
||||||
|
this.visible = false;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style lang="less" scoped>
|
||||||
|
/deep/.el-dialog {
|
||||||
|
.el-dialog__title {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 19px;
|
||||||
|
text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
|
||||||
|
}
|
||||||
|
background-image: url("~@/assets/companyFile/dialogBack.png");
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
height: 680px;
|
||||||
|
/* 关闭弹窗叉号 */
|
||||||
|
.el-dialog__headerbtn {
|
||||||
|
.el-dialog__close {
|
||||||
|
color: #e55b5b;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.el-dialog__body {
|
||||||
|
padding: 0px;
|
||||||
|
padding-left: 15px;
|
||||||
|
padding-right: 15px;
|
||||||
|
.text {
|
||||||
|
margin-top: 20px;
|
||||||
|
overflow-y: scroll;
|
||||||
|
// border: 0.1px solid #28847e;
|
||||||
|
height: 600px;
|
||||||
|
}
|
||||||
|
.text::-webkit-scrollbar {
|
||||||
|
width: 6px;
|
||||||
|
background-color: rbga(0,0,0,0);
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text::-webkit-scrollbar-thumb {
|
||||||
|
width: 5px;
|
||||||
|
background-color: #28847e;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
@ -0,0 +1,82 @@
|
|||||||
|
<template>
|
||||||
|
<el-dialog
|
||||||
|
class="dialog"
|
||||||
|
title="通报详情"
|
||||||
|
:visible.sync="visible"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
width="1100px"
|
||||||
|
@close="close"
|
||||||
|
>
|
||||||
|
<div class="text">
|
||||||
|
<div style="color: #fff" v-html="this.text"></div>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import { get_report_item } from "@/api/applySupermarket/policeReport";
|
||||||
|
export default {
|
||||||
|
name: "reportDialog",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
visible: false,
|
||||||
|
text: "",
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
open(item) {
|
||||||
|
this.visible = true;
|
||||||
|
// 请求返回文本
|
||||||
|
get_report_item(item.id).then((res) => {
|
||||||
|
console.log("id", res.data.content);
|
||||||
|
this.text = res.data.content;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
close() {
|
||||||
|
this.visible = false;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style lang="less" scoped>
|
||||||
|
/deep/.el-dialog {
|
||||||
|
.el-dialog__title {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 19px;
|
||||||
|
text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
|
||||||
|
}
|
||||||
|
background-image: url("~@/assets/companyFile/dialogBack.png");
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
height: 680px;
|
||||||
|
/* 关闭弹窗叉号 */
|
||||||
|
.el-dialog__headerbtn {
|
||||||
|
.el-dialog__close {
|
||||||
|
color: #e55b5b;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.el-dialog__body {
|
||||||
|
padding: 0px;
|
||||||
|
padding-left: 15px;
|
||||||
|
padding-right: 15px;
|
||||||
|
.text {
|
||||||
|
margin-top: 20px;
|
||||||
|
overflow-y: scroll;
|
||||||
|
// border: 0.1px solid #28847e;
|
||||||
|
height: 600px;
|
||||||
|
}
|
||||||
|
.text::-webkit-scrollbar {
|
||||||
|
width: 6px;
|
||||||
|
background-color: rgba(0,0,0,0);
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text::-webkit-scrollbar-thumb {
|
||||||
|
width: 5px;
|
||||||
|
background-color: #28847e;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
@ -0,0 +1,15 @@
|
|||||||
|
<!-- 要素资源地图 -->
|
||||||
|
<template>
|
||||||
|
<div></div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name:'FactorMap',
|
||||||
|
data() {
|
||||||
|
return {}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="less" scoped>
|
||||||
|
|
||||||
|
</style>
|
@ -0,0 +1,64 @@
|
|||||||
|
<template>
|
||||||
|
<div class="content">
|
||||||
|
<div class="factor_body">
|
||||||
|
<div class="factor_title">要素资源</div>
|
||||||
|
<div class="factor_map">
|
||||||
|
<div class="map_body">
|
||||||
|
<FactorMap ref="factorMap"></FactorMap>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import FactorMap from "./components/factorMap"
|
||||||
|
export default {
|
||||||
|
name: "factor",
|
||||||
|
components:{
|
||||||
|
FactorMap
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.content {
|
||||||
|
width: 100%;
|
||||||
|
height: calc(100% - 80px);
|
||||||
|
// border: 0.1px solid #28847e;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
.factor_body {
|
||||||
|
width: 100%;
|
||||||
|
height: 90vh;
|
||||||
|
background: url("~@/assets/factor/factorback.png") no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
.factor_title {
|
||||||
|
margin-top: 2vh;
|
||||||
|
width: 7vw;
|
||||||
|
height: 3.5vh;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 19px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 3.5vh;
|
||||||
|
font-weight: 600;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
|
||||||
|
}
|
||||||
|
.factor_map {
|
||||||
|
width: 100%;
|
||||||
|
height: 84vh;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
.map_body {
|
||||||
|
width: 98%;
|
||||||
|
height: 82vh;
|
||||||
|
border: 0.1px solid #28847e;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
Loading…
Reference in new issue