Skip to content

F
founder_vue
Commit ad45431b by gao_yingdong
Options

全国、全省案件

parent acc054bf
Showing with 533 additions and 0 deletions
src/router/modules/index.js
......@@ -691,6 +691,24 @@ export default [
component: () => import("@/views/ajzb/index.vue")
},
{
path: "/qsxxIndex",
name: "qsxxIndex",
meta: {
title: '全省案件信息',
auth: 5
},
component: () => import("@/views/bshAjxx/queryQsxx.vue")
},
{
path: "/qgxxIndex",
name: "qgxxIndex",
meta: {
title: '全国案件信息',
auth: 5
},
component: () => import("@/views/bshAjxx/queryQgxx.vue")
},
{
path: "/rydaIndex",
name: "rydaIndex",
meta: {
......
src/views/bshAjxx/queryQgxx.vue 0 → 100644
<template>
<div class="boxBsh">
<div class="title">查询全国案件信息</div>
<div class="contentBsh">
<div class="shxxCount">
共涉案信息 <span> {{ bshList.length }} </span> 条
</div>
<div class="nrBoxBsh">
<div
class="nrOnr"
v-for="(itemBsh, indexBsh) in bshList"
:key="indexBsh"
>
<div class="nrOnrTitle">
{{ itemBsh.ajmc }}
<span class="nrOnrSpan">{{ itemBsh.asjbh }}</span>
</div>
<div class="ContentBsh">
<div
:class="'col' + item.col"
v-for="(item, index) in ajxxList"
:key="index"
>
<span class="colName">{{ item.name }}: </span>
<span v-if="item.id == 'jyaq'" class="colValue1">
<div class="ajxq_s">
<span class="none" v-html="itemBsh[item.id]"></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.nextElementSibling.style.display="block";this.parentNode.style.display="none";'
style="
display: inline-block;
width: 100%;
text-align: right;
color: #3692c6;
font-weight: 600;
"
id="open"
v-show="itemBsh[item.id] != '' && itemBsh[item.id] != null"
>展开</a
>
</div>
<div class="ajxq_n" style="display: none">
<span
style="display: inline-block"
v-html="itemBsh[item.id]"
></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.previousElementSibling.style.display="block";this.parentNode.style.display="none";'
style="float: right; color: #3692c6; font-weight: 600"
id="stop"
v-show="itemBsh[item.id] != '' && itemBsh[item.id] != null"
>收起</a
>
</div>
</span>
<span v-else class="colValue">{{ itemBsh[item.id] }}</span>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import url from "@/api/base";
import request from "@/utils/axiosHttp.js";
export default {
data() {
return {
ajxxList: [
{
name: "案发时间",
id: "afsj",
col: 2,
},
{
name: "案发地点",
id: "afdXzqhdmStr",
col: 2,
},
{
name: "案件类别",
id: "ajlbdmMc",
col: 2,
},
{
name: "侦查阶段",
id: "zcjddmStr",
col: 2,
},
{
name: "立案日期",
id: "larq",
col: 2,
},
{
name: "立案单位",
id: "ladwdmStr",
col: 2,
},
{
name: "简要案情",
id: "jyaq",
col: 1,
},
],
bshList: [],
};
},
created() {
let self = this;
self.getSaxxQgQuery();
},
methods: {
postGetClcxsjgl(form) {
return request({
url: url.BaseURL + "/asj/getSaxxQg",
data: form,
method: "POST",
headers: {
"content-type": "application/x-www-form-urlencoded",
},
});
},
async getSaxxQgQuery() {
let self = this;
const loading = this.$loading({
lock: true,
text: "加载中...",
spinner: "el-icon-loading",
});
let params = new FormData();
params.append("gjc", self.$route.query.bshm || '');
params.append("type", "jyaq");
let list = await this.postGetClcxsjgl(params);
if (list.success) {
self.bshList = list.data.rows;
loading.close();
} else {
loading.close();
}
},
},
};
</script>
<style lang='scss' scoped>
.boxBsh {
margin: -8px;
height: 100vh;
background: #e5e5e5;
.title {
height: 56px;
background: #126ce4;
line-height: 56px;
box-shadow: 0 1px 2px rgba(26, 129, 255, 0.3);
color: #fff;
font-size: 20px;
font-weight: 600;
position: fixed;
width: 100%;
top: 0;
left: 0;
padding-left: 50px;
z-index: 10;
}
.contentBsh {
padding-top: 76px;
width: 1280px;
margin: 0 auto;
.shxxCount {
text-align: right;
font-size: 14px;
color: #6f6f6f;
}
.nrBoxBsh {
border-radius: 4px;
margin-top: 13px;
.nrOnr {
background: #fff;
padding: 32px;
margin-bottom: 16px;
.nrOnrTitle {
font-size: 23px;
font-weight: 700;
.nrOnrSpan {
font-size: 15px;
font-weight: 500;
line-height: 20px;
color: #126ce4;
margin-left: 10px;
position: relative;
bottom: 4px;
}
}
.ContentBsh {
display: flex;
flex-wrap: wrap;
margin-top: 9px;
.colName {
color: #ff9300;
width: 75px;
font-size: 15px;
text-align: right;
display: inline-block;
}
.colValue {
font-size: 15px;
display: inline-block;
width: calc(100% - 90px);
}
.colValue1 {
font-size: 15px;
// display: inline-block;
width: calc(100% - 90px);
}
.col2 {
width: 50%;
line-height: 30px;
}
.col1 {
width: 100%;
line-height: 30px;
display: flex;
}
}
}
}
}
.none {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ajxq_s,
.ajxq_n {
line-height: 26px;
color: #999999;
/*overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;*/
}
}
</style>
\ No newline at end of file
src/views/bshAjxx/queryQsxx.vue 0 → 100644
<template>
<div class="boxBsh">
<div class="title">查询全省案件信息</div>
<div class="contentBsh">
<div class="shxxCount">
共涉案信息 <span> {{ bshList.length }} </span> 条
</div>
<div class="nrBoxBsh">
<div
class="nrOnr"
v-for="(itemBsh, indexBsh) in bshList"
:key="indexBsh"
>
<div class="nrOnrTitle">
{{ itemBsh.ajmc }}
<span class="nrOnrSpan" @click="ychyLink(itemBsh.asjbh)">{{
itemBsh.asjbh
}}</span>
</div>
<div class="ContentBsh">
<div
:class="'col' + item.col"
v-for="(item, index) in ajxxList"
:key="index"
>
<span class="colName">{{ item.name }}: </span>
<span v-if="item.id == 'jyaq'" class="colValue1">
<div class="ajxq_s">
<span class="none" v-html="itemBsh[item.id]"></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.nextElementSibling.style.display="block";this.parentNode.style.display="none";'
style="
display: inline-block;
width: 100%;
text-align: right;
color: #3692c6;
font-weight: 600;
"
id="open"
v-show="itemBsh[item.id] != '' && itemBsh[item.id] != null"
>展开</a
>
</div>
<div class="ajxq_n" style="display: none">
<span
style="display: inline-block"
v-html="itemBsh[item.id]"
></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.previousElementSibling.style.display="block";this.parentNode.style.display="none";'
style="float: right; color: #3692c6; font-weight: 600"
id="stop"
v-show="itemBsh[item.id] != '' && itemBsh[item.id] != null"
>收起</a
>
</div>
</span>
<span v-else class="colValue">{{ itemBsh[item.id] }}</span>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import url from "@/api/base";
import request from "@/utils/axiosHttp.js";
export default {
data() {
return {
ajxxList: [
{
name: "案发时间",
id: "afsj",
col: 2,
},
{
name: "案发地点",
id: "afdXzqhdmStr",
col: 2,
},
{
name: "案件类别",
id: "ajlbdmMc",
col: 2,
},
{
name: "侦查阶段",
id: "zcjddmStr",
col: 2,
},
{
name: "立案日期",
id: "larq",
col: 2,
},
{
name: "立案单位",
id: "ladwdmStr",
col: 2,
},
{
name: "简要案情",
id: "jyaq",
col: 1,
},
],
bshList: [],
};
},
created() {
let self = this;
self.getSaxxQgQuery();
},
methods: {
ychyLink(item) {
window.open(
"http://89.0.23.203:9047/queryAjdaxxs?asjbh=" + item,
"_blank"
);
},
postGetClcxsjgl(form) {
return request({
url: url.BaseURL + "/asj/getSaxxQs",
data: form,
method: "POST",
headers: {
"content-type": "application/x-www-form-urlencoded",
},
});
},
async getSaxxQgQuery() {
let self = this;
const loading = this.$loading({
lock: true,
text: "加载中...",
spinner: "el-icon-loading",
});
let params = new FormData();
params.append("asjbh", self.$route.query.asjbh || '');
params.append("bshm", self.$route.query.bshm || '');
let list = await this.postGetClcxsjgl(params);
if (list.success) {
self.bshList = list.data.rows;
loading.close();
} else {
loading.close();
}
},
},
};
</script>
<style lang='scss' scoped>
.boxBsh {
margin: -8px;
height: 100vh;
background: #e5e5e5;
.title {
height: 56px;
background: #126ce4;
line-height: 56px;
box-shadow: 0 1px 2px rgba(26, 129, 255, 0.3);
color: #fff;
font-size: 20px;
font-weight: 600;
position: fixed;
width: 100%;
top: 0;
left: 0;
padding-left: 50px;
z-index: 10;
}
.contentBsh {
padding-top: 76px;
width: 1280px;
margin: 0 auto;
.shxxCount {
text-align: right;
font-size: 14px;
color: #6f6f6f;
}
.nrBoxBsh {
border-radius: 4px;
margin-top: 13px;
.nrOnr {
background: #fff;
padding: 32px;
margin-bottom: 16px;
.nrOnrTitle {
font-size: 23px;
font-weight: 700;
.nrOnrSpan {
font-size: 15px;
font-weight: 500;
line-height: 20px;
color: #126ce4;
margin-left: 10px;
position: relative;
bottom: 4px;
cursor: pointer;
}
}
.ContentBsh {
display: flex;
flex-wrap: wrap;
margin-top: 9px;
.colName {
color: #ff9300;
width: 75px;
font-size: 15px;
text-align: right;
display: inline-block;
}
.colValue {
font-size: 15px;
display: inline-block;
width: calc(100% - 90px);
}
.colValue1 {
font-size: 15px;
// display: inline-block;
width: calc(100% - 90px);
}
.col2 {
width: 50%;
line-height: 30px;
}
.col1 {
width: 100%;
line-height: 30px;
display: flex;
}
}
}
}
}
.none {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ajxq_s,
.ajxq_n {
line-height: 26px;
color: #999999;
/*overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;*/
}
}
</style>
\ No newline at end of file
src/views/jump.vue
......@@ -55,6 +55,7 @@ export default {
zatzJyqkStr: self.$route.query.zatzJyqkStr,
ajxlbStr: self.$route.query.ajxlbStr,
zcjddmStr: self.$route.query.zcjddmStr,
bshm: self.$route.query.bshm,
},
});
})
......
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