Skip to content

F
founder_vue
Commit c9cd1b31 by gao_yingdong
Options

态势分析修改

parent c2f76b84
Showing with 417 additions and 7 deletions
src/App.vue
......@@ -12,7 +12,7 @@ export default {};
/*每个页面公共css */
@import "assets/styles/main.scss";
#app {
height: 100%;
height: 100vh;
width: 100%;
}
</style>
src/api/zdgl.js
......@@ -12,5 +12,12 @@ export const xalbJoinGWDQ = params =>
export const queryXalbJoinGWDQ = params =>
post("/api/dic/queryXalbJoinGWDQ", params);
\ No newline at end of file
// 人员
export const EsAsjXyrQuery = params =>
post("/api/latsfx/EsAsjXyrQuery", params);
// 案件
export const esAsjQuery = params =>
post("/api/latsfx/esAsjQuery", params);
src/components/lazy_treeCode_components.vue
......@@ -554,7 +554,7 @@ export default {
left: 50%;
margin-top: -223px !important;
margin-left: -340px;
z-index: 100;
z-index: 20004;
.el-dialog__body {
height: 500px;
......
src/config/defaultSettings.js 0 → 100644
/**
* 项目默认配置项
* primaryColor - 默认主题色, 如果修改颜色不生效，请清理 localStorage
* navTheme - sidebar theme ['dark', 'light'] 两种主题
* colorWeak - 色盲模式
* layout - 整体布局方式 ['sidemenu', 'topmenu'] 两种布局
* fixedHeader - 固定 Header : boolean
* fixSiderbar - 固定左侧菜单栏 ： boolean
* autoHideHeader - 向下滚动时，隐藏 Header : boolean
* contentWidth - 内容区布局： 流式 | 固定
*
* storageOptions: {} - Vue-ls 插件配置项 (localStorage/sessionStorage)
*
*/
export default {
primaryColor: '#1890FF', // primary color of ant design
navTheme: 'dark', // theme for nav menu
layout: 'sidemenu', // nav menu position: sidemenu or topmenu
contentWidth: 'Fluid', // layout of content: Fluid or Fixed, only works when layout is topmenu
fixedHeader: true, // sticky header
fixSiderbar: true, // sticky siderbar
autoHideHeader: false, // auto hide header
colorWeak: false,
multiTab: false,
production: process.env.NODE_ENV === 'production' && process.env.VUE_APP_PREVIEW !== 'true',
// vue-ls options
storageOptions: {
namespace: 'pro__',
name: 'ls',
storage: 'local'
},
windowWidth: 1920,
windowHeight: 1080
}
src/router/modules/index.js
......@@ -40,6 +40,15 @@ export default [
component: () => import("@/views/index/kshData.vue")
},
{
path: "/kshTable",
name: "kshTable",
meta: {
title: "数据可视化",
auth: "5"
},
component: () => import("@/views/index/kshTable.vue")
},
{
path: "/ypbg",
name: "ypbg",
meta: {
......
src/utils/autosize.js 0 → 100644
/* eslint-disable */
import cfg from '@/config/defaultSettings'
export default function zoom(id) {
const width = cfg.windowWidth
const height = cfg.windowHeight
let x = window.innerWidth / width
let y = window.innerHeight / height
let scale = 'scale(' + x + ',' + y + ')'
let cssText = 'overflow:hidden;'
cssText += 'width:' + width + 'px;'
cssText += 'height:' + height + 'px;'
let browsers = ['', '-ms-', '-moz-', '-webkit-', '-o-']
browsers.forEach((key) => {
cssText += key + 'transform:' + scale + ' translate3d(0,0,0);'
cssText += key + 'transform-origin: left top 0;'
})
if (id) {
console.log('auto', document.getElementById(id));
document.getElementById(id).style.cssText = cssText
} else {
document.body.style.cssText = cssText
}
}
/* eslint-disable */
// import cfg from '../config/defaultSettings'
//
// let zoom = function zoom(width, height) {
// let x = window.innerWidth / width
// let y = window.innerHeight / height
// let scale = 'scale(' + x + ',' + y + ')'
// let cssText = 'overflow:hidden;'
//
// cssText += 'width:' + width + 'px;'
// cssText += 'height:' + height + 'px;'
//
// let browsers = ['', '-ms-', '-moz-', '-webkit-', '-o-']
// browsers.forEach((key) => {
// cssText += key + 'transform:' + scale + ';'
// cssText += key + 'transform-origin: left top 0;'
// })
// document.body.style.cssText = cssText
// }
// zoom(cfg.windowWidth, cfg.windowHeight)
//
// window.addEventListener('resize', function () {
// zoom(cfg.windowWidth, cfg.windowHeight)
// })
//
// export default {
// zoom
// }
src/views/index/kshTable.vue 0 → 100644
<template>
<div>
<div class="headerTitle">
<img
src="@/assets/img/jinghui.png"
style="width: 34px; margin-bottom: 5px"
alt=""
/>
{{ propTitle }}
</div>
<div class="tableContent">
<div style="text-align: right; padding: 10px 20px 0px">
共查询 <span class="wz"> {{ count }} 条</span>数据结果
</div>
<div class="table">
<el-table
v-loading="loading"
element-loading-text="拼命加载中"
:data="tableData"
border
style="width: 100%"
>
<el-table-column
v-for="(item, index) in tableDataList"
:key="index"
:prop="item.prop"
:label="item.label"
:width="item.width"
align="center"
>
</el-table-column>
</el-table>
</div>
<div style="margin-left: 41%; padding: 20px">
<!--分页-->
<el-pagination
background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="currentPage1"
:page-sizes="[10, 20, 50, 100]"
:page-size="page_size"
layout="sizes,prev, pager, next"
:total="count"
>
</el-pagination>
</div>
</div>
</div>
</template>
<script>
import { EsAsjXyrQuery, esAsjQuery } from "@/api/zdgl.js";
export default {
data() {
return {
propTitle: "测试",
loading: false,
count: 0,
currentPage1: 1,
page_size: 10,
tableData: [],
tableDataList: [],
// 案件
ajTableList: [
{
label: "案件编号",
prop: "asjbh",
width: "280",
},
{
label: "案件名称",
prop: "ajmc",
width: "280",
},
{
label: "立案日期",
prop: "larq",
width: "280",
},
{
label: "案发日期",
prop: "asjfssjAsjfskssj",
width: "280",
},
{
label: "简要案情",
prop: "jyaq",
width: "320",
},
{
label: "类别",
prop: "lbText",
width: "300",
},
{
label: "案发地点",
prop: "asjfsddDzmc",
width: "280",
},
{
label: "损失总价值",
prop: "ssjzrmby",
width: "280",
},
{
label: "立案单位",
prop: "ladwPcs",
width: "280",
},
],
// 人员
ryTableList: [
{
label: "案件编号",
prop: "asjbh",
width: "250",
},
{
label: "姓名",
prop: "xm",
width: "200",
},
{
label: "证件号码",
prop: "zjhm",
width: "200",
},
{
label: "人员编号",
prop: "rybh",
width: "250",
},
{
label: "性别",
prop: "xb",
width: "100",
},
{
label: "民族",
prop: "mz",
width: "200",
},
{
label: "国籍",
prop: "gj",
width: "200",
},
{
label: "户籍地区划",
prop: "hdjdm",
width: "230",
},
{
label: "户籍地详址",
prop: "hjdzDzmc",
width: "230",
},
{
label: "抓获日期",
prop: "zhrq",
width: "230",
},
{
label: "抓获单位",
prop: "zhdw",
width: "230",
},
],
};
},
methods: {
handleSizeChange(val) {
this.page_size = val;
if (self.$route.query.type == "ry") {
self.EsAsjXyrQueryList();
} else if (self.$route.query.type == "aj") {
self.esAsjQueryList();
}
},
handleCurrentChange(val) {
this.currentPage1 = val;
if (self.$route.query.type == "ry") {
self.EsAsjXyrQueryList();
} else if (self.$route.query.type == "aj") {
self.esAsjQueryList();
}
},
EsAsjXyrQueryList() {
debugger;
let self = this;
self.loading = true;
let json = {
page: self.currentPage1,
limit: self.page_size,
ladwGajgjgdms: self.$route.query.ladwGajgjgdms
? self.$route.query.ladwGajgjgdms
: "",
asjfssjAsjfskssjStart: self.$route.query.asjfssjAsjfskssjStart
? self.$route.query.asjfssjAsjfskssjStart
: "",
asjfssjAsjfskssjEnd: self.$route.query.asjfssjAsjfskssjEnd
? self.$route.query.asjfssjAsjfskssjEnd
: "",
gabAjzlb: self.$route.query.gabAjzlb ? self.$route.query.gabAjzlb : "",
gabAjxzlb: self.$route.query.gabAjxzlb
? self.$route.query.gabAjxzlb
: "",
gabAjxalb: self.$route.query.gabAjxalb
? self.$route.query.gabAjxalb
: "",
xyrXzqh: self.$route.query.xyrXzqh ? self.$route.query.xyrXzqh : "",
xyrXb: self.$route.query.xyrXb ? self.$route.query.xyrXb : "",
xyrNld: self.$route.query.xyrNld ? self.$route.query.xyrNld : "",
xyrZy: self.$route.query.xyrZy ? self.$route.query.xyrZy : "",
xyrXl: self.$route.query.xyrXl ? self.$route.query.xyrXl : "",
};
self.tableDataList = self.ryTableList;
EsAsjXyrQuery(json).then((res) => {
if (res.code == 200) {
self.tableData = res.data.rows;
self.count = res.data.total;
self.loading = false;
}
});
},
esAsjQueryList() {
let self = this;
self.loading = true;
let obj = {
page: self.currentPage1,
limit: self.page_size,
ladwGajgjgdms: self.$route.query.ladwGajgjgdms
? self.$route.query.ladwGajgjgdms
: "",
asjfssjAsjfskssjStart: self.$route.query.asjfssjAsjfskssjStart
? self.$route.query.asjfssjAsjfskssjStart
: "",
asjfssjAsjfskssjEnd: self.$route.query.asjfssjAsjfskssjEnd
? self.$route.query.asjfssjAsjfskssjEnd
: "",
gabAjzlb: self.$route.query.gabAjzlb ? self.$route.query.gabAjzlb : "",
gabAjxzlb: self.$route.query.gabAjxzlb
? self.$route.query.gabAjxzlb
: "",
gabAjxalb: self.$route.query.gabAjxalb
? self.$route.query.gabAjxalb
: "",
fpaType: self.$route.query.fpaType ? self.$route.query.fpaType : "",
ajxlb: self.$route.query.ajxlb ? self.$route.query.ajxlb : "",
};
self.tableDataList = self.ajTableList;
esAsjQuery(obj).then((res) => {
if (res.code == 200) {
res.data.rows.forEach((item) => {
item.lbText = item.ajzlbMc
? `${item.ajlbdmMc}/${item.ajzlbMc}/${item.ajxzlbMc}`
: `${item.ajlbdmMc}`;
});
self.tableData = res.data.rows;
self.loading = false;
self.count = res.data.total;
}
});
},
},
created() {
let self = this;
(self.currentPage1 = 1),
(self.page_size = 10),
(self.propTitle = self.$route.query.title);
if (self.$route.query.type == "ry") {
self.EsAsjXyrQueryList();
} else if (self.$route.query.type == "aj") {
self.esAsjQueryList();
}
},
mounted() {},
};
</script>
<style scoped lang='scss'>
.headerTitle {
height: 48px;
line-height: 48px;
background: #1f212c;
color: #ffffff;
font-size: 16px;
font-weight: bold;
padding-left: 30px;
}
.tableContent {
margin: 20px 56px;
background: white;
.wz {
color: rgb(255, 136, 0);
}
.table {
padding: 10px 20px;
}
}
</style>
\ No newline at end of file
vue.config.js
......@@ -66,8 +66,8 @@ module.exports = {
// }
// },
"/api": {
target: "http://26.3.14.165:8762/", //me 公安网
// target: "http://192.168.1.112:8762/", //me
// target: "http://26.3.14.165:8762/", //me 公安网
target: "http://47.92.48.137:1007/", //me
ws: true,
changeOrigin: true,
pathRewrite: {
......
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