Skip to content

F
founder_vue
Commit 7b12cb3a by xue_wengang
Options

大屏

parent 07957a01
Showing with 497 additions and 177 deletions
src/views/index/ajData.vue
<template> <template>
<el-tabs v-model="activeName"> <div>
<el-tab-pane label="案件分析" name="1"> <div class="total_box" v-if="activeName == 1">
<!--案件性质统计--> <span class="totalName">案件总数:</span>
<div class="daping_box_content2_one"> <span class="totalNum">{{ ajCount }}</span>
<div class="daping_box_content2_top_ajxztj"> </div>
<div class="chart_wrap_title"> <el-tabs v-model="activeName">
<span class="pTitle" <el-tab-pane label="案件分析" name="1">
>案件类别占比 <!--案件性质统计-->
<div <div class="daping_box_content2_one">
style=" <div class="daping_box_content2_top_ajxztj">
position: absolute; <div class="chart_wrap_title">
right: -30px; <span class="pTitle"
top: -8px; >案件类别占比
color: #9fbcda; <div
z-index: 10; style="
" position: absolute;
></div> right: -30px;
</span> top: -8px;
<span class="pTitle" color: #9fbcda;
>案件总数: {{ ajCount }} z-index: 10;
<div "
style=" ></div>
position: absolute; </span>
left: -30px; </div>
top: -8px; <div
color: #9fbcda; class="real_chart_wrap"
z-index: 10; id="ajzlbtj"
" style="width: 880px; height: calc(100%)"
></div> v-loading="bndajxzfafxLoading"
</span> element-loading-text="拼命加载中"
></div>
</div> </div>
<div <div class="daping_box_content2_top_ajxztj">
class="real_chart_wrap" <div class="chart_wrap_title">
id="ajzlbtj" <span class="pTitle">{{ xatitle }}小案类别占比 </span>
style="width: 880px; height: calc(100%)" </div>
v-loading="bndajxzfafxLoading" <div
element-loading-text="拼命加载中" class="real_chart_wrap"
></div> id="ajxlbtj"
</div> style="width: 880px; height: calc(100%)"
<div class="daping_box_content2_top_ajxztj"> v-loading="fadytjLoading"
<div class="chart_wrap_title"> element-loading-text="拼命加载中"
<span class="pTitle">{{ xatitle }}小案类别占比 </span> ></div>
</div> </div>
<div
class="real_chart_wrap"
id="ajxlbtj"
style="width: 880px; height: calc(100%)"
v-loading="fadytjLoading"
element-loading-text="拼命加载中"
></div>
</div> </div>
</div> </el-tab-pane>
</el-tab-pane> <el-tab-pane label="重点人员分析" name="2">
<el-tab-pane label="重点人员分析" name="2"> <div class="daping_box_content2_one">
<div class="daping_box_content2_one"> <div class="daping_box_content2_top_ajxztj">
<div class="daping_box_content2_top_ajxztj"> <div class="chart_wrap_title">
<div class="chart_wrap_title"> <span class="pTitle">地域性高危人员 </span>
<span class="pTitle">地域性高危人员 </span> </div>
<div
class="real_chart_wrap"
id="dyxgwry"
style="width: 880px; height: calc(100%)"
v-loading="dyxgwryLoading"
element-loading-text="拼命加载中"
></div>
</div> </div>
<div <div class="daping_box_content2_top_ajxztj">
class="real_chart_wrap" <div class="chart_wrap_title">
id="dyxgwry" <span class="pTitle">年龄段和性别分布</span>
style="width: 880px; height: calc(100%)" </div>
v-loading="dyxgwryLoading" <div
element-loading-text="拼命加载中" class="real_chart_wrap"
></div> id="nldhxbfb"
</div> style="width: 880px; height: calc(100%)"
<div class="daping_box_content2_top_ajxztj"> v-loading="nldhxbfbLoading"
<div class="chart_wrap_title"> element-loading-text="拼命加载中"
<span class="pTitle">年龄段和性别分布</span> ></div>
</div> </div>
<div
class="real_chart_wrap"
id="nldhxbfb"
style="width: 880px; height: calc(100%)"
v-loading="nldhxbfbLoading"
element-loading-text="拼命加载中"
></div>
</div> </div>
</div> </el-tab-pane>
</el-tab-pane> </el-tabs>
</el-tabs> </div>
</template> </template>
<script> <script>
import { getAjlbtj, getXalbtj, toZdryNldtj, getGwrytj,getFaCount } from "@/api/kshdata.js"; import {
getAjlbtj,
getXalbtj,
toZdryNldtj,
getGwrytj,
getFaCount,
} from "@/api/kshdata.js";
export default { export default {
name: "kshdata1", name: "kshdata1",
data() { data() {
...@@ -101,7 +101,7 @@ export default { ...@@ -101,7 +101,7 @@ export default {
}, },
ajlbdmTj: "05000200", ajlbdmTj: "05000200",
xatitle: "盗窃案", xatitle: "盗窃案",
ajCount:0 ajCount: 0,
}; };
}, },
props: { props: {
...@@ -113,7 +113,7 @@ export default { ...@@ -113,7 +113,7 @@ export default {
mounted() { mounted() {
this.ajfxajzlbInit(); this.ajfxajzlbInit();
this.ajfxajxlbbutionInit(); this.ajfxajxlbbutionInit();
this.getNum() this.getNum();
}, },
watch: { watch: {
activeName(val, newval) { activeName(val, newval) {
...@@ -128,7 +128,7 @@ export default { ...@@ -128,7 +128,7 @@ export default {
}, },
}, },
methods: { methods: {
getNum() { getNum() {
let self = this; let self = this;
//初始化 //初始化
getFaCount({ getFaCount({
...@@ -1171,6 +1171,223 @@ export default { ...@@ -1171,6 +1171,223 @@ export default {
} }
} }
} }
.daping_box_content2_top {
.total_box {
position: absolute;
top: 0;
left: 80px;
.totalName {
color: #939fb3;
font-size: 18px;
font-family: 微软雅黑;
vertical-align: middle;
}
.totalNum {
color: #e6ecf1;
font-size: 36px;
vertical-align: middle;
font-family: din-regular;
}
}
.daping_box_content2_one {
width: calc(100% - 110px);
display: flex;
flex-wrap: wrap;
margin-left: 52px;
margin-right: 88px;
margin-top: 30px;
justify-content: space-around;
.daping_box_content2_top_ztry {
border: 1px solid #1a3a7a;
width: 880px;
height: 400px;
background-color: rgba(0, 0, 0, 0.2);
margin: 10px 20px 20px 0;
.chart_wrap_title {
color: #dadfeb;
font-size: 22px;
padding: 10px 20px 0 20px;
display: flex;
justify-content: space-between;
.pTitle {
position: relative;
}
}
}
.daping_box_content2_top_ajxztj {
border: 1px solid #1a3a7a;
width: 880px;
height: 540px;
background-color: rgba(0, 0, 0, 0.2);
margin: 80px 20px 20px 0;
.chart_wrap_title {
color: #dadfeb;
font-size: 22px;
padding: 10px 20px 0 20px;
display: flex;
justify-content: space-between;
.pTitle {
position: relative;
}
}
.real_chart_wrap {
position: relative;
top: -50px;
.zagj_top {
display: flex;
padding: 100px 50px 50px 85px;
justify-content: left;
flex-wrap: wrap;
.zagj_top_left {
width: 220px;
display: flex;
align-items: center;
padding-bottom: 20px;
.zagj_top_left_img {
cursor: pointer;
}
.zagj_top_left_content {
padding-left: 16px;
.zagj_top_left_content_name {
color: #b0bad3;
font-size: 14px;
cursor: pointer;
}
.zagj_top_left_content_num {
color: #ffd32c;
font-size: 16px;
cursor: pointer;
fontfamily: din-regular;
}
}
}
}
}
}
.daping_box_content2_top_xyrfx {
width: 880px;
height: 380px;
background-color: rgba(0, 0, 0, 0.2);
margin: 0 20px 20px 0;
border: 1px solid #1a3a7a;
.chart_wrap_title {
color: #dadfeb;
font-size: 22px;
padding-left: 20px;
padding-top: 10px;
.pTitle {
position: relative;
}
}
.real_chart_wrap {
position: relative;
top: -50px;
}
}
.daping_box_content2_top_bhrfx {
border: 1px solid #1a3a7a;
width: 880px;
height: 540px;
background-color: rgba(0, 0, 0, 0.2);
margin: 80px 20px 20px 0;
.chart_wrap_title {
color: #dadfeb;
font-size: 22px;
padding-left: 20px;
padding-top: 10px;
.pTitle {
position: relative;
}
}
.real_chart_wrap {
position: relative;
top: -50px;
}
}
.daping_box_content2_top_mafpafx {
width: 580px;
height: 380px;
background-color: rgba(0, 0, 0, 0.2);
margin: 0 20px 20px 0;
border: 1px solid #1a3a7a;
.chart_wrap_title {
color: #dadfeb;
font-size: 22px;
padding-left: 20px;
padding-top: 10px;
.pTitle {
position: relative;
}
}
.real_chart_wrap {
position: relative;
top: -50px;
}
.zagj_top {
display: flex;
padding: 100px 50px 50px 85px;
justify-content: left;
flex-wrap: wrap;
.zagj_top_left {
width: 220px;
display: flex;
align-items: center;
padding-bottom: 20px;
.zagj_top_left_img {
cursor: pointer;
}
.zagj_top_left_content {
padding-left: 16px;
.zagj_top_left_content_name {
color: #b0bad3;
font-size: 14px;
cursor: pointer;
}
.zagj_top_left_content_num {
color: #ffd32c;
font-size: 16px;
cursor: pointer;
// fontfamily: din-regular;
}
}
}
}
}
}
}
</style> </style>
<style lang="scss"> <style lang="scss">
.daping_box_content { .daping_box_content {
......
src/views/index/img/daohang.png
src/views/index/img/daohang.png

73.4 KB | W: | H:

src/views/index/img/daohang.png

75.3 KB | W: | H:

src/views/index/img/daohang.png
src/views/index/img/daohang.png
src/views/index/img/daohang.png
src/views/index/img/daohang.png
  • 2-up
  • Swipe
  • Onion skin
src/views/index/kshData.vue
...@@ -4,8 +4,8 @@ ...@@ -4,8 +4,8 @@
<!--头部区域--> <!--头部区域-->
<div class="daping_box_head"> <div class="daping_box_head">
<div <div
v-if="istabShow == 1"
style="position: absolute; left: 40px; top: 35px; color: #9fbcda" style="position: absolute; left: 40px; top: 35px; color: #9fbcda"
v-if="istabShow != 5"
> >
<div> <div>
<el-date-picker <el-date-picker
...@@ -19,6 +19,7 @@ ...@@ -19,6 +19,7 @@
@change="reload" @change="reload"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
:picker-options="pickerOptions" :picker-options="pickerOptions"
:disabled="istabShow == 1 ? false : true"
> >
</el-date-picker> </el-date-picker>
</div> </div>
...@@ -182,21 +183,21 @@ ...@@ -182,21 +183,21 @@
class="daping_box_qh_wh" class="daping_box_qh_wh"
style="background-color: transparent" style="background-color: transparent"
> >
案件数据 案件分析
</div> </div>
<div <div
@click="toTab('3')" @click="toTab('3')"
class="daping_box_qh_wh" class="daping_box_qh_wh"
style="background-color: transparent" style="background-color: transparent"
> >
电诈数据 电诈分析
</div> </div>
<div <div
@click="toTab('4')" @click="toTab('4')"
class="daping_box_qh_wh" class="daping_box_qh_wh"
style="background-color: transparent" style="background-color: transparent"
> >
命案数据 命案分析
</div> </div>
<div <div
@click="toTab('5')" @click="toTab('5')"
...@@ -283,21 +284,21 @@ ...@@ -283,21 +284,21 @@
数据概览 数据概览
</div> </div>
<div class="daping_box_qh_wh" style="background-color: #2766f5"> <div class="daping_box_qh_wh" style="background-color: #2766f5">
案件数据 案件分析
</div> </div>
<div <div
@click="toTab('3')" @click="toTab('3')"
class="daping_box_qh_wh" class="daping_box_qh_wh"
style="background-color: transparent" style="background-color: transparent"
> >
电诈数据 电诈分析
</div> </div>
<div <div
@click="toTab('4')" @click="toTab('4')"
class="daping_box_qh_wh" class="daping_box_qh_wh"
style="background-color: transparent" style="background-color: transparent"
> >
命案数据 命案分析
</div> </div>
<div <div
@click="toTab('5')" @click="toTab('5')"
...@@ -310,31 +311,43 @@ ...@@ -310,31 +311,43 @@
</div> </div>
<div v-else-if="istabShow == 3" class="daping_box_content"> <div v-else-if="istabShow == 3" class="daping_box_content">
<div class="daping_box_content2_top"> <div class="daping_box_content2_top">
<div class="total_box" v-if="activeNameDz == 1">
<span class="totalName">案件总数:</span>
<span class="totalNum">{{ ajtjList[0].value3.substring(1) }}</span>
</div>
<div class="total_box" v-if="activeNameDz == 2">
<span class="totalName">标识号总数:</span>
<span class="totalNum">{{ kyfwbshTatol }}</span>
</div>
<div class="total_box" v-if="activeNameDz == 3">
<span class="totalName">人员总数:</span>
<span class="totalNum">{{ rydyTatol }}</span>
</div>
<el-tabs v-model="activeNameDz"> <el-tabs v-model="activeNameDz">
<el-tab-pane label="案件" name="1"> <el-tab-pane label="案件分析" name="1">
<!--案件性质统计--> <!--案件性质统计-->
<div class="daping_box_content2_one"> <div class="daping_box_content2_one">
<div class="daping_box_content2_top_ztry"> <div class="daping_box_content2_top_ztry">
<div class="chart_wrap_title"> <div class="chart_wrap_title">
<span class="pTitle">电诈案件涉案金额</span> <span class="pTitle">电诈案件小案类别</span>
</div> </div>
<div <div
class="real_chart_wrap" class="real_chart_wrap"
id="dxzpsaje" id="dzajxalb"
style="width: 880px; height: calc(100%)" style="width: 880px; height: calc(100%)"
v-loading="dxzpsajeLoading" v-loading="dzajxalbLoading"
element-loading-text="拼命加载中" element-loading-text="拼命加载中"
></div> ></div>
</div> </div>
<div class="daping_box_content2_top_ztry"> <div class="daping_box_content2_top_ztry">
<div class="chart_wrap_title"> <div class="chart_wrap_title">
<span class="pTitle">电诈案件小案类别</span> <span class="pTitle">电诈案件涉案金额</span>
</div> </div>
<div <div
class="real_chart_wrap" class="real_chart_wrap"
id="dzajxalb" id="dxzpsaje"
style="width: 880px; height: calc(100%)" style="width: 880px; height: calc(100%)"
v-loading="dzajxalbLoading" v-loading="dxzpsajeLoading"
element-loading-text="拼命加载中" element-loading-text="拼命加载中"
></div> ></div>
</div> </div>
...@@ -352,65 +365,65 @@ ...@@ -352,65 +365,65 @@
</div> </div>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="号码" name="2"> <el-tab-pane label="重点人员分析" name="3">
<div class="daping_box_content2_one"> <div class="daping_box_content2_one">
<div class="daping_box_content2_top_ajxztj"> <div class="daping_box_content2_top_ajxztj">
<div class="chart_wrap_title"> <div class="chart_wrap_title">
<span class="pTitle">预警号码分析 </span> <span class="pTitle">人员标签分析</span>
</div> </div>
<div <div
class="real_chart_wrap" class="real_chart_wrap"
id="yjhmfx" id="rybqfx"
style="width: 880px; height: calc(100%)" style="width: 880px; height: calc(100%)"
v-loading="yjhmfxLoading" v-loading="rybqfxLoading"
element-loading-text="拼命加载中" element-loading-text="拼命加载中"
></div> ></div>
</div> </div>
<div class="daping_box_content2_top_ajxztj"> <div class="daping_box_content2_top_ajxztj">
<div class="chart_wrap_title"> <div class="chart_wrap_title">
<span class="pTitle">可疑服务标识号</span> <span class="pTitle">人员地域分析</span>
<span
style="z-index: 99"
@click="historyCharts"
v-if="historyArr.length > 1"
>
<i class="el-icon-back"></i>
</span>
</div> </div>
<div <div
class="real_chart_wrap" class="real_chart_wrap"
id="kyfwbsh" id="rydyfx"
style="width: 880px; height: calc(100%)" style="width: 880px; height: calc(100%)"
v-loading="kyfwbshLoading" v-loading="rydyfxLoading"
element-loading-text="拼命加载中" element-loading-text="拼命加载中"
></div> ></div>
</div> </div>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="重点人员" name="3"> <el-tab-pane label="标识号分析" name="2">
<div class="daping_box_content2_one"> <div class="daping_box_content2_one">
<div class="daping_box_content2_top_ajxztj"> <div class="daping_box_content2_top_ajxztj">
<div class="chart_wrap_title"> <div class="chart_wrap_title">
<span class="pTitle">人员标签分析</span> <span class="pTitle">预警号码分析 </span>
</div> </div>
<div <div
class="real_chart_wrap" class="real_chart_wrap"
id="rybqfx" id="yjhmfx"
style="width: 880px; height: calc(100%)" style="width: 880px; height: calc(100%)"
v-loading="rybqfxLoading" v-loading="yjhmfxLoading"
element-loading-text="拼命加载中" element-loading-text="拼命加载中"
></div> ></div>
</div> </div>
<div class="daping_box_content2_top_ajxztj"> <div class="daping_box_content2_top_ajxztj">
<div class="chart_wrap_title"> <div class="chart_wrap_title">
<span class="pTitle">人员地域分析</span> <span class="pTitle">可疑服务标识号</span>
<span
style="z-index: 99"
@click="historyCharts"
v-if="historyArr.length > 1"
>
<i class="el-icon-back"></i>
</span>
</div> </div>
<div <div
class="real_chart_wrap" class="real_chart_wrap"
id="rydyfx" id="kyfwbsh"
style="width: 880px; height: calc(100%)" style="width: 880px; height: calc(100%)"
v-loading="rydyfxLoading" v-loading="kyfwbshLoading"
element-loading-text="拼命加载中" element-loading-text="拼命加载中"
></div> ></div>
</div> </div>
...@@ -431,17 +444,17 @@ ...@@ -431,17 +444,17 @@
@click="toTab('2')" @click="toTab('2')"
style="background-color: transparent" style="background-color: transparent"
> >
案件数据 案件分析
</div> </div>
<div class="daping_box_qh_wh" style="background-color: #2766f5"> <div class="daping_box_qh_wh" style="background-color: #2766f5">
电诈数据 电诈分析
</div> </div>
<div <div
@click="toTab('4')" @click="toTab('4')"
class="daping_box_qh_wh" class="daping_box_qh_wh"
style="background-color: transparent" style="background-color: transparent"
> >
命案数据 命案分析
</div> </div>
<div <div
@click="toTab('5')" @click="toTab('5')"
...@@ -473,21 +486,21 @@ ...@@ -473,21 +486,21 @@
class="daping_box_qh_wh" class="daping_box_qh_wh"
style="background-color: transparent" style="background-color: transparent"
> >
案件数据 案件分析
</div> </div>
<div <div
@click="toTab('3')" @click="toTab('3')"
class="daping_box_qh_wh" class="daping_box_qh_wh"
style="background-color: transparent" style="background-color: transparent"
> >
电诈数据 电诈分析
</div> </div>
<div <div
@click="toTab('4')" @click="toTab('4')"
class="daping_box_qh_wh" class="daping_box_qh_wh"
style="background-color: #2766f5" style="background-color: #2766f5"
> >
命案数据 命案分析
</div> </div>
<div <div
@click="toTab('5')" @click="toTab('5')"
...@@ -564,21 +577,21 @@ ...@@ -564,21 +577,21 @@
class="daping_box_qh_wh" class="daping_box_qh_wh"
style="background-color: transparent" style="background-color: transparent"
> >
案件数据 案件分析
</div> </div>
<div <div
@click="toTab('3')" @click="toTab('3')"
class="daping_box_qh_wh" class="daping_box_qh_wh"
style="background-color: transparent" style="background-color: transparent"
> >
电诈数据 电诈分析
</div> </div>
<div <div
@click="toTab('4')" @click="toTab('4')"
class="daping_box_qh_wh" class="daping_box_qh_wh"
style="background-color: transparent" style="background-color: transparent"
> >
命案数据 命案分析
</div> </div>
<div <div
@click="toTab('5')" @click="toTab('5')"
...@@ -636,6 +649,8 @@ export default { ...@@ -636,6 +649,8 @@ export default {
}, },
data() { data() {
return { return {
kyfwbshTatol:0,
rydyTatol:0,
timeOut: null, timeOut: null,
historyArr: [], historyArr: [],
zagjData: [], zagjData: [],
...@@ -1021,6 +1036,7 @@ export default { ...@@ -1021,6 +1036,7 @@ export default {
// } // }
// }, // },
activeNameDz(val, newval) { activeNameDz(val, newval) {
this.historyArr = []
if (val == "1") { if (val == "1") {
this.dxzpsajeInit(); this.dxzpsajeInit();
this.dxzpxalbInit(); this.dxzpxalbInit();
...@@ -1352,6 +1368,16 @@ export default { ...@@ -1352,6 +1368,16 @@ export default {
axisLabel: { axisLabel: {
interval: 0, //横轴信息全部显示 interval: 0, //横轴信息全部显示
// rotate: 50, //-30度角倾斜显示 // rotate: 50, //-30度角倾斜显示
formatter: function (val) {
var strs = val.split(""); //字符串数组
var str = "";
for (var i = 0, s; (s = strs[i++]); ) {
//遍历字符串数组
str += s;
if (!(i % 5)) str += "\n"; //按需要求余
}
return str;
},
textStyle: { textStyle: {
color: "#939FB3", color: "#939FB3",
fontStyle: "normal", fontStyle: "normal",
...@@ -1583,6 +1609,7 @@ export default { ...@@ -1583,6 +1609,7 @@ export default {
}).then((res) => { }).then((res) => {
if (res.code == 200) { if (res.code == 200) {
let resData = res.data.rows; let resData = res.data.rows;
self.kyfwbshTatol = res.data.total
let x = []; let x = [];
let y = []; let y = [];
resData.forEach((item) => { resData.forEach((item) => {
...@@ -1874,6 +1901,7 @@ export default { ...@@ -1874,6 +1901,7 @@ export default {
}).then((res) => { }).then((res) => {
if (res.code == 200) { if (res.code == 200) {
let resData = res.data.rows; let resData = res.data.rows;
self.rydyTatol = res.data.total
let x = []; let x = [];
let y = []; let y = [];
debugger; debugger;
...@@ -1930,25 +1958,27 @@ export default { ...@@ -1930,25 +1958,27 @@ export default {
}, },
dataZoom: [ dataZoom: [
//滑动条 //滑动条
{ // 控制图表左右滑动 {
width: '15', // 控制图表左右滑动
type: 'slider', width: "15",
show: false, //flase直接隐藏图形 type: "slider",
xAxisIndex: [0], show: false, //flase直接隐藏图形
left: 33, //滚动条靠左侧的百分比 xAxisIndex: [0],
bottom: 40, left: 33, //滚动条靠左侧的百分比
height: 20,//组件高度 bottom: 40,
start: 0,//滚动条的起始位置 height: 20, //组件高度
showDataShadow: false,//是否显示数据阴影 start: 0, //滚动条的起始位置
showDetail: false,//是否显示想洗数值信息 showDataShadow: false, //是否显示数据阴影
end: 50 //滚动条的截止位置（按比例分割你的柱状图x轴长度） showDetail: false, //是否显示想洗数值信息
}, { end: 50, //滚动条的截止位置（按比例分割你的柱状图x轴长度）
type: 'inside', },
show: true, {
xAxisIndex: [0], type: "inside",
start: 0,//滚动条的起始位置 show: true,
end: 0.25 //滚动条的截止位置（按比例分割你的柱状图x轴长度） xAxisIndex: [0],
} start: 0, //滚动条的起始位置
end: 0.25, //滚动条的截止位置（按比例分割你的柱状图x轴长度）
},
], ],
xAxis: [ xAxis: [
{ {
...@@ -1971,7 +2001,7 @@ export default { ...@@ -1971,7 +2001,7 @@ export default {
}, },
axisLabel: { axisLabel: {
interval: 0, //横轴信息全部显示 interval: 0, //横轴信息全部显示
// rotate: 50, //-30度角倾斜显示 rotate: 50, //-30度角倾斜显示
textStyle: { textStyle: {
color: "#939FB3", color: "#939FB3",
fontStyle: "normal", fontStyle: "normal",
...@@ -2051,6 +2081,12 @@ export default { ...@@ -2051,6 +2081,12 @@ export default {
["#816EFF", "#413780"], ["#816EFF", "#413780"],
["#29D1FF", "#156980"], ["#29D1FF", "#156980"],
["#969EB8", "#4B4F5C"], ["#969EB8", "#4B4F5C"],
["#1664FF", "#0B3280"],
["#DFA457", "#70522C"],
["#816EFF", "#413780"],
["#29D1FF", "#156980"],
["#969EB8", "#4B4F5C"],
["#1664FF", "#0B3280"],
]; ];
let index = params.dataIndex; let index = params.dataIndex;
return new self.$echarts.graphic.LinearGradient(0, 0, 0, 1, [ return new self.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
...@@ -2864,7 +2900,6 @@ export default { ...@@ -2864,7 +2900,6 @@ export default {
maMapTongJi(params) { maMapTongJi(params) {
let self = this; let self = this;
this.maMapTongJiLoading = true; this.maMapTongJiLoading = true;
this.ssLoading = true;
getDpfatj({ getDpfatj({
larqQssj: self.formData.larqQssj, larqQssj: self.formData.larqQssj,
larqJssj: self.formData.larqJssj, larqJssj: self.formData.larqJssj,
...@@ -2875,6 +2910,7 @@ export default { ...@@ -2875,6 +2910,7 @@ export default {
var dataList = res.data.result; var dataList = res.data.result;
let arr = dataList.filter((item) => item.dwCode == "460300000000"); let arr = dataList.filter((item) => item.dwCode == "460300000000");
if (arr.length > 0) { if (arr.length > 0) {
this.ssLoading = true;
let arr2 = []; let arr2 = [];
arr2.push({ arr2.push({
name: arr[0].dwName, name: arr[0].dwName,
......
src/views/index/maData.vue
...@@ -432,8 +432,7 @@ export default { ...@@ -432,8 +432,7 @@ export default {
}, },
props: { props: {
formData: { formData: {
type: Object, type: Object
default: () => false,
}, },
tFaNum:'', tFaNum:'',
tXyrNum:'', tXyrNum:'',
......
src/views/index/tsTable.vue
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
? columnTitle.width ? columnTitle.width
: columnTitle.prop == 'jyaq' || columnTitle.prop == 'asjbh' : columnTitle.prop == 'jyaq' || columnTitle.prop == 'asjbh'
? '360' ? '360'
: '160' : '220'
" "
v-for="columnTitle in propdefaultFormThead" v-for="columnTitle in propdefaultFormThead"
:prop="columnTitle.prop" :prop="columnTitle.prop"
...@@ -45,13 +45,7 @@ ...@@ -45,13 +45,7 @@
:show-overflow-tooltip="columnTitle.overflow" :show-overflow-tooltip="columnTitle.overflow"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<div <div v-if="columnTitle.prop == 'jyaq'">
v-if="
columnTitle.prop == 'jyaq' ||
columnTitle.prop == 'czxxJyqk' ||
columnTitle.prop == 'menuString'
"
>
<div class="ajxq_s"> <div class="ajxq_s">
<span class="none" v-html="scope.row[columnTitle.prop]"></span <span class="none" v-html="scope.row[columnTitle.prop]"></span
><a ><a
...@@ -90,6 +84,48 @@ ...@@ -90,6 +84,48 @@
> >
</div> </div>
</div> </div>
<div v-else-if="columnTitle.prop == 'ajsj'">
<div>立案:{{ $moment(scope.row['larq']).format("YYYY-MM-DD") }}</div>
<div>发案:{{ scope.row["asjfssjAsjfskssj"] }}</div>
<div>破案:{{ $moment(scope.row['zczjZxsj01']).format("YYYY-MM-DD")}}</div>
</div>
<div
v-else-if="columnTitle.prop == 'ywzt'"
>
<span
class="blackY"
v-if="
scope.row['laywsjzt'] == null ||
scope.row['laywsjzt'] == '' ||
scope.row['laywsjzt'] == '00'
"
>等待立案采集</span
>
<span v-else-if="scope.row['laywsjzt'] == '01'" class="yellowY"
>等待立案审批</span
>
<div v-else-if="scope.row['laywsjzt'] == '02'">
<span v-if="scope.row['zczjywsjzt'] == '01'" class="yellowY"
>等待侦查终结审批</span
>
<span v-else-if="scope.row['zczjywsjzt'] == '02'" class="greenY"
>侦查终结审批通过</span
>
<span v-else-if="scope.row['zczjywsjzt'] == '03'" class="redY"
>侦查终结审批未通过</span
>
<span v-else-if="scope.row['zczjywsjzt'] == '05'" class="redY"
>已撤销</span
>
<span class="greenY" v-else>通过立案审批</span>
</div>
<span v-else-if="scope.row['laywsjzt'] == '03'" class="redY"
>立案审批未通过</span
>
<span v-else-if="scope.row['laywsjzt'] == '05'" class="redY"
>已撤销</span
>
</div>
<div v-else v-html="scope.row[columnTitle.prop]"> <div v-else v-html="scope.row[columnTitle.prop]">
{{ columnTitle.prop }} {{ columnTitle.prop }}
</div> </div>
...@@ -112,7 +148,7 @@ ...@@ -112,7 +148,7 @@
</template> </template>
<script> <script>
import { toTjtsAjxx, toTjtsXyrxx,getMaFaTs } from "@/api/kshdata.js"; import { toTjtsAjxx, toTjtsXyrxx, getMaFaTs } from "@/api/kshdata.js";
export default { export default {
name: "ptCxForms", name: "ptCxForms",
data() { data() {
...@@ -127,40 +163,54 @@ export default { ...@@ -127,40 +163,54 @@ export default {
prop: "asjbh", prop: "asjbh",
}, },
{ {
label: "案件名称",
prop: "ajmc",
},
{
label: "立案单位", label: "立案单位",
prop: "ladwGajgmc", prop: "ladwGajgmc",
}, },
{ {
label: "侦查终结时间", label: "案件时间",
prop: "zczjZxsj01", prop: "ajsj",
}, },
{ {
label: "立案日期", label: "案件类别",
prop: "larq", prop: "alllb",
}, },
{ {
label: "案发时间", label: "业务状态",
prop: "asjfssjAsjfskssj", prop: "zcjddm",
}, },
{ {
label: "案件性质", label: "简要案情",
prop: "zatzJyqk", prop: "jyaq",
}, },
],
maHead: [
{ {
label: "死亡人数", label: "案件编号",
prop: "swrs", prop: "asjbh",
}, },
{ {
label: "受伤人数", label: "案件名称",
prop: "ssrs", prop: "ajmc",
}, },
{ {
label: "业务状态", label: "立案单位",
prop: "zcjddm", prop: "ladwGajgmc",
}, },
{ {
label: "案件名称", label: "案件时间",
prop: "ajmc", prop: "ajsj",
},
{
label: "案件类别",
prop: "alllb",
},
{
label: "业务状态",
prop: "ywzt",
}, },
{ {
label: "简要案情", label: "简要案情",
...@@ -208,29 +258,47 @@ export default { ...@@ -208,29 +258,47 @@ export default {
methods: { methods: {
getData() { getData() {
let self = this; let self = this;
if(self.$route.query.type == "mafa") { if (self.$route.query.type == "mafa") {
self.propdefaultFormThead = self.ajHead; self.propdefaultFormThead = self.maHead;
getMaFaTs({ getMaFaTs({
...self.$route.query, ...self.$route.query,
page: self.currentPage1, page: self.currentPage1,
limit: self.page_size, limit: self.page_size,
}).then((res) => { }).then((res) => {
res.data.rows.forEach((item) => {
item.alllb = item.ajlbdm;
if (item.zatzJyqk != null && item.zatzJyqk != "") {
item.alllb = item.alllb + "/" + item.zatzJyqk;
if (item.ajxlbdm != null && item.ajxlbdm != "") {
item.alllb = item.alllb + "/" + item.ajxlbdm;
}
}
});
self.tableData = res.data.rows; self.tableData = res.data.rows;
self.tableDataLength = res.data.total; self.tableDataLength = res.data.total;
self.tableLoading = false; self.tableLoading = false;
}); });
}else if (self.$route.query.query == "toTjtsAjxx") { } else if (self.$route.query.query == "toTjtsAjxx") {
self.propdefaultFormThead = self.ajHead; self.propdefaultFormThead = self.ajHead;
toTjtsAjxx({ toTjtsAjxx({
...self.$route.query, ...self.$route.query,
page: self.currentPage1, page: self.currentPage1,
limit: self.page_size, limit: self.page_size,
}).then((res) => { }).then((res) => {
res.data.rows.forEach((item) => {
item.alllb = item.ajlbdm;
if (item.zatzJyqk != null && item.zatzJyqk != "") {
item.alllb = item.alllb + "/" + item.zatzJyqk;
if (item.ajxlbdm != null && item.ajxlbdm != "") {
item.alllb = item.alllb + "/" + item.ajxlbdm;
}
}
});
self.tableData = res.data.rows; self.tableData = res.data.rows;
self.tableDataLength = res.data.total; self.tableDataLength = res.data.total;
self.tableLoading = false; self.tableLoading = false;
}); });
} else if(self.$route.query.query == "toTjtsXyrxx") { } else if (self.$route.query.query == "toTjtsXyrxx") {
toTjtsXyrxx({ toTjtsXyrxx({
...self.$route.query, ...self.$route.query,
page: self.currentPage1, page: self.currentPage1,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment