Skip to content

F
founder_vue
Commit 3d0da1e7 by liyuhang19990520
Options

整合案件标注

parent 8975264c
Showing with 4794 additions and 58 deletions
package-lock.json
......@@ -1825,6 +1825,37 @@
"webpack-merge": "^4.2.2"
},
"dependencies": {
"ansi-styles": {
"version": "4.3.0",
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
"dev": true,
"optional": true,
"requires": {
"color-convert": "^2.0.1"
}
},
"chalk": {
"version": "4.1.2",
"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
"integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
"dev": true,
"optional": true,
"requires": {
"ansi-styles": "^4.1.0",
"supports-color": "^7.1.0"
}
},
"color-convert": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
"dev": true,
"optional": true,
"requires": {
"color-name": "~1.1.4"
}
},
"debug": {
"version": "4.2.0",
"resolved": "https://registry.npm.taobao.org/debug/download/debug-4.2.0.tgz?cache=0&sync_timestamp=1600502871403&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-4.2.0.tgz",
......@@ -1834,11 +1865,35 @@
"ms": "2.1.2"
}
},
"loader-utils": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
"integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
"dev": true,
"optional": true,
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^2.1.2"
}
},
"ms": {
"version": "2.1.2",
"resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz",
"integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=",
"dev": true
},
"vue-loader-v16": {
"version": "npm:vue-loader@16.8.1",
"resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.1.tgz",
"integrity": "sha512-V53TJbHmzjBhCG5OYI2JWy/aYDspz4oVHKxS43Iy212GjGIG1T3EsB3+GWXFm/1z5VwjdjLmdZUFYM70y77vtQ==",
"dev": true,
"optional": true,
"requires": {
"chalk": "^4.1.0",
"hash-sum": "^2.0.0",
"loader-utils": "^2.0.0"
}
}
}
},
......@@ -10772,6 +10827,11 @@
"is-plain-obj": "^1.0.0"
}
},
"sortablejs": {
"version": "1.10.2",
"resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.10.2.tgz",
"integrity": "sha512-YkPGufevysvfwn5rfdlGyrGjt7/CRHwvRPogD/lC+TnvcN29jDpCifKP+rBqf+LRldfXSTh+0CGLcSg0VIxq3A=="
},
"source-list-map": {
"version": "2.0.1",
"resolved": "https://registry.npm.taobao.org/source-list-map/download/source-list-map-2.0.1.tgz",
......@@ -12156,63 +12216,6 @@
}
}
},
"vue-loader-v16": {
"version": "npm:vue-loader@16.5.0",
"resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.5.0.tgz",
"integrity": "sha512-WXh+7AgFxGTgb5QAkQtFeUcHNIEq3PGVQ8WskY5ZiFbWBkOwcCPRs4w/2tVyTbh2q6TVRlO3xfvIukUtjsu62A==",
"dev": true,
"optional": true,
"requires": {
"chalk": "^4.1.0",
"hash-sum": "^2.0.0",
"loader-utils": "^2.0.0"
},
"dependencies": {
"ansi-styles": {
"version": "4.3.0",
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
"dev": true,
"optional": true,
"requires": {
"color-convert": "^2.0.1"
}
},
"chalk": {
"version": "4.1.2",
"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
"integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
"dev": true,
"optional": true,
"requires": {
"ansi-styles": "^4.1.0",
"supports-color": "^7.1.0"
}
},
"color-convert": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
"dev": true,
"optional": true,
"requires": {
"color-name": "~1.1.4"
}
},
"loader-utils": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
"integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
"dev": true,
"optional": true,
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^2.1.2"
}
}
}
},
"vue-router": {
"version": "3.4.6",
"resolved": "https://registry.npm.taobao.org/vue-router/download/vue-router-3.4.6.tgz?cache=0&sync_timestamp=1602077426782&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-router%2Fdownload%2Fvue-router-3.4.6.tgz",
......@@ -12257,6 +12260,14 @@
"resolved": "https://registry.npm.taobao.org/vue-wechat-title/download/vue-wechat-title-2.0.7.tgz?cache=0&sync_timestamp=1594175868653&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-wechat-title%2Fdownload%2Fvue-wechat-title-2.0.7.tgz",
"integrity": "sha1-atTKSfsue80PHu0KX9y+lGGylGs="
},
"vuedraggable": {
"version": "2.24.3",
"resolved": "https://registry.npmjs.org/vuedraggable/-/vuedraggable-2.24.3.tgz",
"integrity": "sha512-6/HDXi92GzB+Hcs9fC6PAAozK1RLt1ewPTLjK0anTYguXLAeySDmcnqE8IC0xa7shvSzRjQXq3/+dsZ7ETGF3g==",
"requires": {
"sortablejs": "1.10.2"
}
},
"vuex": {
"version": "3.5.1",
"resolved": "https://registry.npm.taobao.org/vuex/download/vuex-3.5.1.tgz",
......
package.json
......@@ -21,6 +21,7 @@
"vue": "^2.6.11",
"vue-router": "^3.2.0",
"vue-wechat-title": "^2.0.7",
"vuedraggable": "^2.24.3",
"vuex": "^3.4.0",
"vuex-persistedstate": "^4.0.0-beta.1",
"xlsx": "^0.17.1"
......
src/api/cbyp.js 0 → 100644
/*
* @Author: your name
* @Date: 2021-08-25 19:21:14
* @LastEditTime: 2021-10-18 14:54:17
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\api\cbyp.js
*/
import { get, post, postform } from "@/utils/http.js";
import base from "@/api/base";
export const toQueryXszxx = params => post(`${base.alyIP}/cbxsz/toQueryXszxx`, params)
export const queryCodeByType = params =>
get(`${base.alyIP}/queryCodeByType`, params)
export const updateCbxsz = params => post(`${base.alyIP}/cbxsz/updateCbxsz`, params)
//合并线索组列表(其他线索组)
export const toHbxsz = params => post(`${base.alyIP}/cbxsz/toHbxsz`, params)
//合并线索
export const insertHbXszxx = params => post(`${base.alyIP}/cbxsz/insertHbXszxx`, params)
//合并线索
export const tjajHttp = params => post(`${base.alyIP}/dwcx/EsAsjQuery`, params)
export const getQgAsjxxByXszajbh = params =>
post(`${base.alyIP}/cbxsz/getQgAsjxxByXszajbh`, params)
export const queryCbzAsjGlxx = params =>
post(`${base.alyIP}/xlaj/queryCbzAsjGlxx`, params)
export const getCbzXyry = params => post(`${base.alyIP}/xlaj/getCbzXyry`, params)
export const getCbzBhry = params => post(`${base.alyIP}/xlaj/getCbzBhry`, params)
// 白名单删除接口
export const removeBshWhiteList = params =>
post(`${base.alyIP}/bshgl/removeBshWhiteList`, params)
// 我的系列案件列表删除
export const updateCbz = params => post(`${base.alyIP}/xlaj/updateCbz`, params)
// 获取列表信息
export const queryxszglasj = params =>
post(`${base.alyIP}/cbxsz/listCbxszGlAsjxx`, params)
// 串并名称添加
export const addxszglasj = params => post(`${base.alyIP}/cbxsz/insertCbzxx`, params)
// 删除案件
export const delxszglasj = params => post(`${base.alyIP}/cbxsz/delCbxsglaj`, params)
export const toBjcba = params =>
post(`${base.alyIP}/xlaj/toBjcba`, params)
export const insertCbxsajxx = params =>
post(`${base.alyIP}/cbxsz/insertCbxsajxx`, params)
export const insertCbzxx = params =>
post(`${base.alyIP}/cbxsz/insertCbzxx`, params);
export const insertXzRgcbxx = params =>
post(`${base.alyIP}/cbxsz/insertXzRgcbxx`, params);
export const insertBshWhiteList = params =>
post(`${base.alyIP}/bshgl/insertBshWhiteList`, params);
src/api/dictionaryCode.js 0 → 100644
/*
* @Author: your name
* @Date: 2021-10-18 10:25:39
* @LastEditTime: 2021-10-18 10:28:47
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\api\dictionaryCode.js
*/
import { get, post, postJson } from "@/utils/http.js";
import base from "@/api/base";
export const esAsjQuery = params =>
post(`${base.alyIP}/newAsjbz/esAsjQuery`, params);
export const queryCodeByType = params =>
get(`${base.alyIP}/queryCodeByType`, params);
export const saveTableTitleRedis = params =>
postJson(`${base.alyIP}/saveTableTitleRedis`, params);
export const EsAsjQuery = params =>
postJson(`${base.alyIP}/dwcx/EsAsjQuery`, params);
export const EsXyrQuery = params =>
postJson(`${base.alyIP}/dwcx/EsXyrQuery`, params);
export const EsShrQuery = params =>
postJson(`${base.alyIP}/dwcx/EsShrQuery`, params);
export const queryDictItem = params =>
post(`${base.alyIP}/dic/queryDictItem`, params);
export const getDictitemByCode = params =>
post(`${base.alyIP}/dic/getDictitemByCode`, params);
export const getTableTitleRedis = params =>
get(`${base.alyIP}/getTableTitleRedis`, params);
src/api/queryAj.js 0 → 100644
/*
* @Author: your name
* @Date: 2021-10-18 15:01:10
* @LastEditTime: 2021-10-18 15:01:35
* @LastEditors: your name
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\api\queryAj.js
*/
import { get, post, postJson } from "@/utils/http.js";
import base from "@/api/base";
export const esAsjQuery = params =>
post(`${base.alyIP}/newAsjbz/esAsjQuery`, params);
export const queryCodeByType = params =>
get(`${base.alyIP}/queryCodeByType`, params);
src/api/ypbg.js 0 → 100644
/*
* @Author: your name
* @Date: 2021-10-18 11:17:52
* @LastEditTime: 2021-10-18 11:30:26
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\api\ypbg.js
*/
import { get, post, postJson } from "@/utils/http.js";
import base from "@/api/base";
//类案件嫌疑人年龄段性别分布
export const EsNldQuery = params =>
post(`${base.alyIP}/latsfx/EsNldQuery`, params)
//类案件嫌疑人户籍分布
export const EshjfbQuery = params =>
post(`${base.alyIP}/latsfx/EshjfbQuery`, params)
//类案件嫌疑人抓获情况
export const EszhqkQuery = params =>
post(`${base.alyIP}/latsfx/EszhqkQuery`, params)
//发破案
export const getGdAjQk = params =>
post(`${base.alyIP}/latsfx/getGdAjQk`, params)
//主要类别发破案
export const getZalbFpaTj = params =>
post(`${base.alyIP}/latsfx/getZalbFpaTj`, params)
//警情综述
export const getJqzsQk = params =>
post(`${base.alyIP}/latsfx/getJqzsQk`, params)
//标注统计
export const getAjBzTj = params =>
post(`${base.alyIP}/latsfx/getAjBzTj`, params)
src/api/zdgl.js 0 → 100644
/*
* @Author: your name
* @Date: 2021-10-18 13:50:07
* @LastEditTime: 2021-10-18 13:54:48
* @LastEditors: your name
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\api\zdgl.js
*/
import { get, post, postJson } from "@/utils/http.js";
import base from "@/api/base";
export const dictitemEdit = params =>
post(`${base.alyIP}/dic/dictitemEdit`, params);
export const UpdateRedisRest = params =>
post(`${base.alyIP}/UpdateRedisRest`, params);
export const xalbJoinGWDQ = params =>
post(`${base.alyIP}/dic/xalbJoinGWDQ`, params);
export const queryXalbJoinGWDQ = params =>
post(`${base.alyIP}/dic/queryXalbJoinGWDQ`, params);
src/assets/styles/form.scss 0 → 100644
@import './main.scss';
.wrap{
/deep/ .el-dialog__header{padding-left:32px;}
.zwsjWrap{
text-align: center;margin-top:25px;
p{color:#E0E0E0;font-size:14px;line-height: 19px;}
}
.fs16{
font-size: $ns-font-size-lg;
i{
margin-right: 4px;}
}
.checkboxGroup{margin: 0 0 0 140px;}
.flTtitle{display:inline-block;height:40px;line-height: 40px;padding:0 24px;border-radius: 0px 0px 22px 4px;background: $title-color;color:#fff;margin-left: 34px;font-size:16px;}
.settingField{
i{margin-right:4px;vertical-align: middle;}
float:right;margin-right:20px;color:$base-color; line-height: 40px;position: relative;top:20px;cursor: pointer;
}
.pageGuide{float:right;color:#999999; line-height: 40px;margin-right:34px;position: relative;top:20px;cursor: pointer;}
.paneDiv{
margin:0 34px;
.selectLabel{
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid #1a81e1;
line-height: 20px;
color: #1a81e1;
margin-left: 5px;
cursor: pointer;
}
.titleWrap{
margin-top:15px; margin-bottom: 10px;
.two-title{display: inline-block;color:$base-color;width:127px;text-align: right;font-weight:600;font-size: 16px;vertical-align: middle;}
.border{display:inline-block;width: 6px;height: 20px;background: $border-bg;vertical-align: middle;margin-left: 10px;}
.dashedBorder{display: inline-block;width: calc(100% - 167px);margin-left: 9px;position: relative;top: -2px;opacity:0.3;border-bottom: 1px dashed $base-color;}
}
}
}
/*dialog*/
.settingDialog{
margin:14px 20px;
padding-bottom:20px;
.dragwrap{
display: flex;
.contentH{max-height:400px;overflow-y: auto;}
.group-item3{
width:33%;display: inline-block;}
.group-item1{
width:100%;
}
.selected{
width:400px;display: inline-block;margin-right:40px;
li{
color:$base-color;cursor: pointer;
div{display: inline-block}
}
}
.waiting{
flex:1;display: inline-block;
li{
color:#333333;cursor: pointer;display: inline-block;width:33%;
div{display: inline-block}
}
}
.select-header{
font-weight: bold;
line-height: 19px;
color: #333333;
margin:8px 0;
}
}
}
.zdycol3{display: inline-block;width:33%; vertical-align: middle;}
.zdycol2{display: inline-block;width:33%;margin-right: 33%; vertical-align: middle;}
.zdycol1{
display: inline-block;width:100%; vertical-align: middle;
.el-input{width:703px;}
}
.zdycol5{display: inline-block;width:33%;margin-right: 66%}
.zdycol6{display: inline-block;width:66%;margin-right: 33%}
.formWrap{
width:$wrap-width;
background: #FFFFFF;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
opacity: 1;
border-radius: 4px;
margin:16px auto;
padding-bottom: 32px;
.zdybtn{
width: 156px;
height: 44px;
border-radius: 4px;
}
.search{background: $base-color;box-shadow: 0px 4px 4px rgba(26, 129, 225, 0.2);}
.delete2{color: $delete-color;cursor: pointer;display: inline-block;width:120px;height:40px;line-height:40px;margin-left:40px;}
.el-date-editor.el-input{width:100%;}
.el-form-item{margin-bottom:5px;}
.checkboxGroup{
}
}
/*已选条件*/
#selectedConditions{
padding: 10px 0;
position: fixed;
top: 60px;
width: 100%;
left: 0;
margin-left: -700px;
z-index: 10;
margin: 0 auto;
min-height: 40px;
background:rgba(255,255,255,0.8);
.conditionTitle{display: inline-block;width:calc((100% - 1400px)/2 - 9px);text-align: right;color:$base-color;padding-right:10px;vertical-align: top;line-height: 40px;}
.conditionWrap{display: inline-block;width:1400px;}
.inline{display: inline-block;vertical-align: middle;}
.el-tag{
height: 32px;
background: #FFFFFF;
border: 1px solid $base-color;
border-radius: 2px;
color:#333333;
font-weight: 100;
}
.el-tag .el-tag__close{color:$base-color;}
.el-tag{
margin-right: 10px;margin-bottom:5px;
}
.button-new-tag {
margin-left: 10px;
height: 32px;
line-height: 30px;
padding-top: 0;
padding-bottom: 0;
}
.input-new-tag {
width: 90px;
margin-left: 10px;
vertical-align: bottom;
}
}
/*针对屏幕小得情况*/
.isMinWith .conditionTitle{width:100px !important;text-align: right !important;}
.isMinWith .conditionWrap{width:calc(100% - 240px) !important;}
.delete2{margin-left:10px !important;}
src/assets/styles/iconfont.css 0 → 100644
@font-face {
font-family: "iconfont";
/* Project id 2135421 */
src: url('//at.alicdn.com/t/font_2135421_0ct886pk3zvd.woff2?t=1620564749792') format('woff2'),
url('//at.alicdn.com/t/font_2135421_0ct886pk3zvd.woff?t=1620564749792') format('woff'),
url('//at.alicdn.com/t/font_2135421_0ct886pk3zvd.ttf?t=1620564749792') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.iconzhongdianchangsuo:before {
content: "\e693";
}
.iconwodebaogao:before {
content: "\e68c";
}
.icontaoludai:before {
content: "\e68d";
}
.iconmobanweihu:before {
content: "\e68e";
}
.iconbaogaoshenpi:before {
content: "\e68f";
}
.iconbaogaodengji:before {
content: "\e690";
}
.iconmobandengji:before {
content: "\e691";
}
.iconwanghei:before {
content: "\e692";
}
.iconlianshenpi:before {
content: "\e68b";
}
.iconzhankaishouqijiantou:before {
content: "\e68a";
}
.iconzhankaishouqijiantou-copy:before {
content: "\e6d7";
}
.iconxiansuo:before {
content: "\e687";
}
.iconanjian:before {
content: "\e688";
}
.iconrenyuan:before {
content: "\e689";
}
.iconquanxianjiesuo:before {
content: "\e686";
}
.iconxinzengtupian:before {
content: "\e685";
}
.iconmorentupian:before {
content: "\e6d6";
}
.iconyongcai:before {
content: "\e684";
}
.iconzhuanhuanzhuanbian:before {
content: "\e681";
}
.iconyibantuanhuo:before {
content: "\e682";
}
.iconxiaqu:before {
content: "\e683";
}
.iconfangwen:before {
content: "\e67a";
}
.iconzonghedangan:before {
content: "\e679";
}
.icontuanhuo:before {
content: "\e673";
}
.iconzuzhi:before {
content: "\e674";
}
.icontongji_2:before {
content: "\e66c";
}
.icontongji_3:before {
content: "\e672";
}
.iconyibanshigu_3:before {
content: "\e67d";
}
.icontezhongdashigu_3:before {
content: "\e67e";
}
.icontedashigu_3:before {
content: "\e67f";
}
.iconzhongdashigu_3:before {
content: "\e680";
}
.iconzhongdashigu_2:before {
content: "\e67b";
}
.iconzhongdashigu_1:before {
content: "\e67c";
}
.icondianwei_1:before {
content: "\e667";
}
.icontezhongdashigu:before {
content: "\e66b";
}
.icondianwei:before {
content: "\e66d";
}
.icontedashigu_1:before {
content: "\e66e";
}
.iconyibanshigu_2:before {
content: "\e66f";
}
.icontezhongdashigu_2:before {
content: "\e670";
}
.icontezhongdashigu_1:before {
content: "\e671";
}
.icontedashigu_2:before {
content: "\e678";
}
.icongongnengfuwu:before {
content: "\e60d";
}
.iconliandong:before {
content: "\e61c";
}
.icontongbaozhuanjiao1:before {
content: "\e668";
}
.iconxinxixuanzhong1:before {
content: "\e669";
}
.iconzhiling-minglingxuanzhong1:before {
content: "\e66a";
}
.iconfankuishenhe:before {
content: "\e677";
}
.iconbuchong1:before {
content: "\e643";
}
.iconbubanjie1:before {
content: "\e644";
}
.iconfankuishenhe1:before {
content: "\e645";
}
.icontongbaozhuanjiao_11:before {
content: "\e646";
}
.iconjieduanfankui:before {
content: "\e647";
}
.iconxiadazhiling_1:before {
content: "\e648";
}
.iconbanjie_11:before {
content: "\e649";
}
.icontongbaofankui2:before {
content: "\e64a";
}
.iconbanjiefankui1:before {
content: "\e64b";
}
.iconhecha1:before {
content: "\e64c";
}
.iconhechafankuishenhe_12:before {
content: "\e64d";
}
.iconxiansuoruku1:before {
content: "\e64e";
}
.iconzhilingqianshou1:before {
content: "\e666";
}
.iconbiaoqian:before {
content: "\e676";
}
.iconsousuochaxun:before {
content: "\e675";
}
.icondaohangmoren1:before {
content: "\e664";
}
.icondaohangshousuo:before {
content: "\e665";
}
.icontuichu2:before {
content: "\e663";
}
.iconyanpan:before {
content: "\e65f";
}
.iconxiaoxizhongxin:before {
content: "\e660";
}
.iconyonghu:before {
content: "\e661";
}
.icontongji:before {
content: "\e662";
}
.iconjia:before {
content: "\e65e";
}
.iconyisong:before {
content: "\e658";
}
.iconjibenxinxi:before {
content: "\e659";
}
.iconlianxinxi:before {
content: "\e65a";
}
.icongongsu:before {
content: "\e65b";
}
.iconpanjueshengxiao:before {
content: "\e65c";
}
.iconpanjue:before {
content: "\e65d";
}
.iconhebing:before {
content: "\e652";
}
.iconshanchu_2:before {
content: "\e653";
}
.iconshouqixiansuozu:before {
content: "\e654";
}
.icontishi:before {
content: "\e655";
}
.iconyichu:before {
content: "\e656";
}
.iconxiansuozu:before {
content: "\e657";
}
.iconshezhi1:before {
content: "\e64f";
}
.icondaochu:before {
content: "\e650";
}
.iconjianhao:before {
content: "\e651";
}
.iconhechafankuiduihuaxiaoxi:before {
content: "\e641";
}
.iconqianshou1:before {
content: "\e637";
}
.iconbanjie1:before {
content: "\e640";
}
.iconxinzengbuchong:before {
content: "\e642";
}
.iconxiadazhiling1:before {
content: "\e63e";
}
.icondanwei:before {
content: "\e63f";
}
.iconbanjie:before {
content: "\e636";
}
.icontongbaozhuanjiao:before {
content: "\e638";
}
.iconqianshou:before {
content: "\e639";
}
.iconxiansuohecha:before {
content: "\e63a";
}
.iconzhuanjiaofankui:before {
content: "\e63b";
}
.iconhechafankuishenhe:before {
content: "\e63c";
}
.iconxiansuobuchong:before {
content: "\e63d";
}
.iconriliriqixuanze:before {
content: "\e634";
}
.iconzidianmaxuanze:before {
content: "\e635";
}
.iconqingchuguanbi:before {
content: "\e632";
}
.iconxialakuanganniu:before {
content: "\e633";
}
.icontongzhi:before {
content: "\e630";
}
.iconzhiwen:before {
content: "\e631";
}
.iconbianjiluru:before {
content: "\e61d";
}
.iconfankuixuanzhong:before {
content: "\e61e";
}
.iconfujian-wenjian:before {
content: "\e61f";
}
.iconcengjixuanzhong:before {
content: "\e620";
}
.iconhecha-xiangxixuanzhong:before {
content: "\e621";
}
.icontuxiangxuanzhong:before {
content: "\e622";
}
.icontongzhixuanzhong:before {
content: "\e623";
}
.iconguochengxuanzhong:before {
content: "\e624";
}
.icontuxiang:before {
content: "\e625";
}
.iconxiansuo-daoyin:before {
content: "\e626";
}
.iconzhiling-minglingxuanzhong:before {
content: "\e627";
}
.iconxinzeng-tianjia:before {
content: "\e628";
}
.iconxinxixuanzhong:before {
content: "\e629";
}
.iconxiansuo-daoyinxuanzhong:before {
content: "\e62a";
}
.iconwanchengchenggong_1:before {
content: "\e62b";
}
.iconshikong-kongjian:before {
content: "\e62c";
}
.iconshikong-kongjianxuanzhong:before {
content: "\e62d";
}
.iconxinzengtianjia:before {
content: "\e62e";
}
.iconzhiwenxuanzhong:before {
content: "\e62f";
}
.iconguocheng:before {
content: "\e615";
}
.icondaohangcaozuo:before {
content: "\e617";
}
.iconfankui:before {
content: "\e618";
}
.iconcengji:before {
content: "\e619";
}
.iconxinxi:before {
content: "\e61a";
}
.iconhechaxiangxi:before {
content: "\e61b";
}
.iconfuzhicaiji:before {
content: "\e610";
}
.iconbianji:before {
content: "\e616";
}
.iconshangchuan:before {
content: "\e605";
}
.iconsousuo:before {
content: "\e606";
}
.iconwanchengchenggong:before {
content: "\e607";
}
.iconshanchu:before {
content: "\e608";
}
.iconshezhi:before {
content: "\e609";
}
.iconbaocun:before {
content: "\e60a";
}
.icondaohangshouqi:before {
content: "\e60b";
}
.icongengduo-xiala:before {
content: "\e60c";
}
.icondaohangmoren:before {
content: "\e60e";
}
.iconguanbi:before {
content: "\e60f";
}
.icontianjia:before {
content: "\e611";
}
.iconrili:before {
content: "\e612";
}
.iconshanchucuowu:before {
content: "\e613";
}
.iconxiazai:before {
content: "\e614";
}
\ No newline at end of file
src/assets/styles/queryCommon.scss 0 → 100644
.el-dialog__body {
padding: 10px 15px !important;
}
.rightContent .el-input__inner,
#formCommonPage .el-input__inner {
height: 32px;
line-height: 32px;
font-family: inherit;
}
.el-table__header-wrapper th,
.el-table__header-wrapper tr {
background: #f4f6f7;
}
.rightContent .el-input__icon,
#formCommonPage .el-input__icon,
.el-input__suffix-inner {
line-height: 36px;
}
.rightContent .el-range-separator {
position: relative;
top: -4px;
}
.rightContent .el-textarea__inner,
#formCommonPage .el-textarea__inner {
width: 100%;
font-family: inherit;
}
.rightContent .el-range-input,
#formCommonPage .el-range-input {
vertical-align: top;
}
.rightContent .el-date-editor .el-range__close-icon {
margin-top: -4px;
}
.rightContent .el-form-item__error {
left: calc(66% - 27px);
top: 12px;
}
.success-row {
background-color: #fbf9f4 !important;
}
.Content .el-input,
.Content .el-date-editor--daterange.el-input__inner {
width: 100% !important;
}
\ No newline at end of file
src/assets/styles/table.scss 0 → 100644
@import './main.scss';
.tableList{
.moreAJ{color:$base-color;vertical-align: middle;margin:0 3px;cursor: pointer;}
.total{
color:#999; position: relative;top: -4px;margin-right:167px;
}
.setting{color:$base-color;margin-right:40px;position: relative;top: -4px;}
.add{
background: #FE9200;color:#fff;width:104px;border: 1px solid #CFCFCF;position: relative;top: -1px;
}
.export{
height: 32px;
line-height: 32px;
background: #0070F4;
border: 1px solid #707070;
opacity: 1;
border-radius: 4px; vertical-align: middle;padding:0px;width:88px;color:#fff;margin-top:-12px;}
/*结果筛选*/
.sxWrap{
margin:0px 34px;
display: flex;
.cxjgsxTitle{
font-size: 16px;
font-weight: bold;
line-height: 21px;
color: #FE9200;
margin-top:24px;
display: inline-block;
}
.sxcontent{
flex:1;margin-top:24px;
.flTitle{width:145px;text-align: right;display: inline-block;color: #333333;vertical-align: top;font-size:14px;padding-top:12px;}
.radioGroup{display: inline-block;width:calc(100% - 150px);vertical-align: middle;
color: #666666;
}
}
.left-radio{display: inline-block;width:calc(100% - 80px);padding: 12px 0 12px 0;
border-bottom: 1px dashed #b7b7b7;}
.right-btn{display: inline-block;width:64px;vertical-align: top;font-size:14px;color:$base-color;cursor: pointer;}
}
.sxWrap .sxcontent>div:nth-child(1) .left-radio,.sxWrap .sxcontent>div:nth-child(1) .flTitle{padding-top:0px;}
}
src/components/ajbz/Loading.vue 0 → 100644
<template>
<div class="loading-layer" v-show="loading">
<div class="loading-anim">
<div class="box">
<i class="el-icon-loading"></i><span style="position: relative; top: -6px;">{{text}}</span>
</div>
</div>
</div>
</template>
<script>
export default {
name: "loading-cover",
props:{
loading:Boolean,
text:{
type:String,
default:'正在加载中...'
}
},
data() {
return {
};
},
methods: {
show() {
this.isShow = true;
},
hide() {
this.isShow = false;
}
}
};
</script>
<style lang="scss">
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.box {
font-size: 17px;
}
.box i{
font-size: 28px;
font-weight: 600;
}
.loading-layer {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 997;
background: rgba(0,0,0,0.3);
}
.loading-anim {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.loading-anim > view {
position: relative;
width: 40px;
height: 40px;
perspective: 800px;
transform-style: preserve-3d;
transition: all 0.2s ease-out;
}
.loading-anim .border {
position: absolute;
border-radius: 50%;
border: 2px solid;
}
.loading-anim .out {
top: 15%;
left: 15%;
width: 70%;
height: 70%;
border-left-color: transparent !important;
border-right-color: transparent !important;
animation: spin 0.8s linear reverse infinite;
}
.loading-anim .in {
top: 25%;
left: 25%;
width: 50%;
height: 50%;
border-top-color: transparent !important;
border-bottom-color: transparent !important;
animation: spin 0.8s linear infinite;
}
.loading-anim .mid {
top: 40%;
left: 40%;
width: 20%;
height: 20%;
border-left-color: transparent;
border-right-color: transparent;
animation: spin 0.6s linear infinite;
}
</style>
src/components/ajbz/dwcx/Loading.vue 0 → 100644
<template>
<div class="loading-layer" v-show="loading">
<div class="loading-anim">
<div class="box">
<i class="el-icon-loading"></i><span style="position: relative; top: -6px;">{{text}}</span>
</div>
</div>
</div>
</template>
<script>
export default {
name: "loading-cover",
props:{
loading:Boolean,
text:{
type:String,
default:'正在加载中...'
}
},
data() {
return {
};
},
methods: {
show() {
this.isShow = true;
},
hide() {
this.isShow = false;
}
}
};
</script>
<style lang="scss">
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.box {
font-size: 17px;
}
.box i{
font-size: 28px;
font-weight: 600;
}
.loading-layer {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 997;
background: rgba(0,0,0,0.3);
}
.loading-anim {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.loading-anim > view {
position: relative;
width: 40px;
height: 40px;
perspective: 800px;
transform-style: preserve-3d;
transition: all 0.2s ease-out;
}
.loading-anim .border {
position: absolute;
border-radius: 50%;
border: 2px solid;
}
.loading-anim .out {
top: 15%;
left: 15%;
width: 70%;
height: 70%;
border-left-color: transparent !important;
border-right-color: transparent !important;
animation: spin 0.8s linear reverse infinite;
}
.loading-anim .in {
top: 25%;
left: 25%;
width: 50%;
height: 50%;
border-top-color: transparent !important;
border-bottom-color: transparent !important;
animation: spin 0.8s linear infinite;
}
.loading-anim .mid {
top: 40%;
left: 40%;
width: 20%;
height: 20%;
border-left-color: transparent;
border-right-color: transparent;
animation: spin 0.6s linear infinite;
}
</style>
src/components/ajbz/dwcx/header_components.vue 0 → 100644
<!--
* @Author: your name
* @Date: 2021-10-18 10:41:53
* @LastEditTime: 2021-10-18 10:47:03
* @LastEditors: your name
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\components\ajbz\dwcx\header_components.vue
-->
<template>
<div class="headerT">
<svg
class="menuIcon alSvgIcon menuIcon29"
aria-hidden="true"
v-show="headerIcon"
>
<use :xlink:href="'#' + headerIcon"></use>
</svg>
{{ headerTitle }}
</div>
</template>
<script>
import "@/assets/js/iconfont.js";
export default {
name: "headerT",
props: {
headerTitle: String,
headerIcon: String,
},
};
</script>
<style scoped lang="scss">
@import "@/assets/styles/main.scss";
@import url("@/assets/styles/iconfont.css");
@import url("@/assets/styles/font-awesome.min.css");
</style>
src/components/ajbz/formCommonPage.vue 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/components/ajbz/header_components.vue 0 → 100644
<!--
* @Author: your name
* @Date: 2021-10-18 10:32:19
* @LastEditTime: 2021-10-18 10:53:52
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\components\ajbz\header_components.vue
-->
<template>
<div class="headerT">
<svg
class="menuIcon alSvgIcon menuIcon29"
aria-hidden="true"
v-show="headerIcon"
>
<use :xlink:href="'#' + headerIcon"></use>
</svg>
{{ headerTitle }}
</div>
</template>
<script>
import "@/assets/js/iconfont.js";
export default {
name: "headerT",
props: {
headerTitle: String,
headerIcon: String,
},
};
</script>
<style scoped lang="scss">
@import "@/assets/styles/main.scss";
@import url("../../assets/styles/iconfont.css");
@import url("../../assets/styles/font-awesome.min.css");
</style>
src/components/ajbz/tree_components.vue 0 → 100644
<template>
<el-popover
ref="popover"
placement="bottom-start"
trigger="click"
@show="onShowPopover"
@hide="onHidePopover"
>
<el-tree
ref="tree"
class="select-tree"
:style="{ 'min-width': treeWidth }"
highlight-current
:data="data"
:props="props"
:expand-on-click-node="false"
:filter-node-method="filterNode"
:default-expand-all="false"
@node-click="onClickNode"
/>
<el-input
slot="reference"
ref="input"
v-model="labelModel"
clearable
@clear="clearSeleted"
:class="{ rotate: showStatus }"
:placeholder="placeholder"
suffix-icon="el-icon-arrow-down"
>
<!--<i slot="suffix" class="iconfont iconzidianmaxuanze"></i>-->
</el-input>
</el-popover>
</template>
<script>
export default {
name: "ElSelectTree",
// 设置绑定参数
model: {
prop: "value",
event: "selected"
},
props: {
sendId: String,
// 接收绑定参数
value: String,
// 输入框宽度
width: String,
// 选项数据
options: {
type: Array,
required: true
},
// 输入框占位符
placeholder: {
type: String,
required: false,
default: "请选择"
},
// 树节点配置选项
props: {
type: Object,
required: false,
default: () => ({
parent: "parentId",
value: "id",
label: "label",
children: "children"
})
}
},
data() {
return {
// 树状菜单显示状态
showStatus: false,
// 菜单宽度
treeWidth: "auto",
// 输入框显示值
labelModel: "",
// 实际请求传值
valueModel: ""
};
},
computed: {
// 是否为树状结构数据
dataType() {
const jsonStr = JSON.stringify(this.options);
/*if (process.client) {*/
return jsonStr.indexOf(this.props.children) !== -1;
/* }*/
},
// 若非树状结构，则转化为树状结构数据
data() {
return this.dataType ? this.options : this.switchTree();
}
},
watch: {
labelModel(val) {
if (!val) {
this.valueModel = "";
}
/* if (process.client) {*/
this.$refs.tree.filter(val);
this.$emit("getSeleted", this.labelModel);
/* }*/
},
value(val) {
if (this.sendId && val == "") {
this.$emit("emitQkValue", this.sendId, val);
}
this.labelModel = this.queryTree(this.data, val);
this.$emit("getSeleted", this.labelModel);
}
},
created() {
// 检测输入框原有值并显示对应 label
if (this.value) {
this.labelModel = this.queryTree(this.data, this.value);
}
// 获取输入框宽度同步至树状菜单宽度
this.$nextTick(() => {
/* if (process.client) {*/
this.treeWidth = `${(this.width ||
this.$refs.input.$refs.input.clientWidth) - 24}px`;
/* }*/
});
},
methods: {
clearSearchValue(){
this.labelModel='';
},
clearSeleted() {
this.$emit("getSeleted", this.labelModel);
},
// 单击节点
onClickNode(node) {
this.labelModel = node[this.props.label];
this.valueModel = node[this.props.value];
if (this.sendId) {
this.$emit("emitValue", this.sendId, node.id, node.parentId);
}
this.onCloseTree();
this.$emit("getSeleted", this.labelModel);
},
// 偏平数组转化为树状层级结构
switchTree() {
return this.cleanChildren(this.buildTree(this.options, "0"));
},
// 隐藏树状菜单
onCloseTree() {
/*if (process.client) {
this.$refs.popover.showPopper = false;
}*/
this.$refs.popover.showPopper = false;
},
// 显示时触发
onShowPopover() {
this.showStatus = true;
/* if (process.client) {
this.$refs.tree.filter(false);
}*/
this.$refs.tree.filter(false);
},
// 隐藏时触发
onHidePopover() {
this.showStatus = false;
this.$emit("selected", this.valueModel);
},
// 树节点过滤方法
filterNode(query, data) {
if (!query) return true;
/*if (process.client) {*/
return data[this.props.label].indexOf(query) !== -1;
/* }*/
},
// 搜索树状数据中的 ID
queryTree(tree, id) {
let stark = [];
stark = stark.concat(tree);
/* if (process.client) {*/
while (stark.length) {
const temp = stark.shift();
if (temp[this.props.children]) {
stark = stark.concat(temp[this.props.children]);
}
if (temp[this.props.value] === id) {
return temp[this.props.label];
}
}
/* }*/
return "";
},
// 将一维的扁平数组转换为多层级对象
buildTree(data, id = "0") {
const fa = parentId => {
const temp = [];
/*if (process.client) {*/
for (let i = 0; i < data.length; i++) {
const n = data[i];
if (n[this.props.parent] === parentId) {
n.children = fa(n.rowGuid);
temp.push(n);
}
}
/* }*/
return temp;
};
return fa(id);
},
// 清除空 children项
cleanChildren(data) {
const fa = list => {
list.map(e => {
/*if (process.client) {*/
if (e.children.length) {
fa(e.children);
} else {
delete e.children;
}
/* }*/
return e;
});
return list;
};
return fa(data);
}
}
};
</script>
<style>
.el-input.el-input--suffix {
cursor: pointer;
overflow: hidden;
}
.el-input.el-input--suffix.rotate .el-input__suffix {
transform: rotate(180deg);
}
.select-tree {
max-height: 350px;
overflow-y: scroll;
}
/* 菜单滚动条 */
.select-tree::-webkit-scrollbar {
z-index: 11;
width: 6px;
}
.select-tree::-webkit-scrollbar-track,
.select-tree::-webkit-scrollbar-corner {
background: #fff;
}
.select-tree::-webkit-scrollbar-thumb {
border-radius: 5px;
width: 6px;
background: #b4bccc;
}
.select-tree::-webkit-scrollbar-track-piece {
background: #fff;
width: 6px;
}
</style>
src/router/index.js
/*
* @Author: your name
* @Date: 2021-08-31 14:40:49
* @LastEditTime: 2021-10-14 15:36:12
* @LastEditTime: 2021-10-18 13:56:31
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\router\index.js
......@@ -22,6 +22,7 @@ import userAuthRoutes from "./modules/userAuth";
import ajxscxbdRoutes from "./modules/ajxscxbd";
import dswtzRoutes from "./modules/dswtz";
import zczlRoutes from "./modules/zczl";
import ajbzRoutes from "./modules/ajbz";
const originalPush = VueRouter.prototype.push;
VueRouter.prototype.push = function push(location) {
......@@ -56,6 +57,16 @@ const mainRouters = [
ajxscxbdRoutes,
dswtzRoutes,
zczlRoutes,
ajbzRoutes,
{
path: "/zdgl",
name: "zdgl",
meta: {
title: "字典管理",
auth: 5
},
component: () => import("@/views/zdgl/zdgl.vue")
},
{
path: "*",
name: "error",
......
src/router/modules/ajbz.js 0 → 100644
/*
* @Author: your name
* @Date: 2021-10-18 09:54:58
* @LastEditTime: 2021-10-18 15:05:10
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\router\modules\ajbz.js
*/
import menuLayout from "@/layout/menuLayout.vue";
const menuLayouts = [
{
path: "/queryAj",
name: "queryAj",
meta: {
title: '案件标注',
auth: '5'
},
component: () => import("@/views/ajbz/ajbzgl.vue")
},
{
path: "/bztj",
name: "bztj",
meta: {
title: "标注统计",
auth: 5
},
component: () => import("@/views/bztj/bztj.vue")
},
{
path: "/dwcx",
name: "dwcx",
meta: {
title: '多维查询',
auth: '5'
},
component: () => import("@/views/dwcx/index.vue")
},
{
path: "/ypbg",
name: "ypbg",
meta: {
title: "警情研判报告",
auth: "5"
},
component: () => import("@/views/ypbg/ypbg.vue")
},
{
path: "/bshcb",
name: "bshcb",
meta: {
title: '标识号串并'
},
component: () => import("@/views/cbyp/bshcb.vue")
},
{
path: "/rgcb",
name: "rgcb",
meta: {
title: '类案串并'
},
component: () => import("@/views/cbyp/rgcb.vue")
},
{
path: "/wdxlaj",
name: "wdxlaj",
meta: {
title: '我的系列案件'
},
component: () => import("@/views/cbyp/wdxlaj.vue")
},
{
path: "/xqxlaj",
name: "xqxlaj",
meta: {
title: '辖区系列案件'
},
component: () => import("@/views/cbyp/xqxlaj.vue")
},
{
path: "/bshxx",
name: "bshxx",
meta: {
title: '标识号信息'
},
component: () => import("@/views/cbyp/bshxx.vue")
},
{
path: "/ajfl",
name: "ajfl",
meta: {
title: '案件分类'
},
component: () => import("@/views/cbyp/ajfl.vue")
},
];
export default {
path: "/right",
component: menuLayout,
children: [...menuLayouts]
};
\ No newline at end of file
src/utils/ajbz/params.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/views/ajbz/ajbzgl.vue 0 → 100644
<template>
<div class="Content">
<right-content
:cxFormData="cxFormData"
:cxQueryField="cxQueryField"
:cxDefaultFormThead="cxDefaultFormThead"
:cxUrl="cxUrl"
></right-content>
</div>
</template>
<script>
import rightContent from "@c/ajbz/ptCxForm_components.vue";
// import { getAsjxxDetail } from '@/api/ajbzDetail.js'
export default {
name: "queryAj",
components: {
rightContent,
},
data() {
return {
header: "案件标注",
Menu: [
{
id: "queryAj",
label: "案件标注",
index: "queryAj",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
],
leftMenus: [
//左侧导航(模块第一个页面需要)
{
id: "queryAj",
label: "案件标注",
newAuth: "M01",
index: "queryAj",
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
],
cxFormData: {
page: 1,
rows: 10,
asjbh: "",
Ladw_gajgjgdms: "",
lasjRqsjKssj: "",
lasjRqsjJssj: "",
asjfssjKssj: "",
asjfssjJssj: "",
xszalxdm: "",
xslalxdm: "",
xsclalxdm: "",
bzzt: "",
asjfsdd_xzqhdm: "",
ajlbdm: [],
jyaq: "",
asjfsddDzmc: "",
},
cxQueryField: [
/*立案信息 侦查终结信息 立案信息审批 侦查终结审批通用开始*/
{
name: "案(事)件编号",
id: "asjbh",
type: "text",
value: "",
placeholder: "请输入",
col: "3",
},
// {
// name: '案(事)件类别',
// id: 'ajlbdm',
// type: 'codeTreeDialog',
// props: [], //字典弹框需要的字段
// value: '',
// col: '3',
// codeOptions: [],
// codeTree: 'CODE_AJLB'
// },
{
name: "立案单位",
id: "Ladw_gajgjgdms",
type: "lazyCodeTreeDialog",
props: [], //字典弹框需要的字段
value: "",
col: "3",
codeOptions: [],
codeTree: "CODE_QGUNIT",
},
{
name: "主案类别",
id: "xszalxdm",
type: "lazyCodeTreeDialog",
props: [], //字典弹框需要的字段
value: "",
col: "3",
codeOptions: [],
codeTree: "CODE_GABAJZLB",
},
{
name: "类案类别",
id: "xslalxdm",
type: "lazyCodeTreeDialog",
props: [], //字典弹框需要的字段
value: "",
col: "3",
codeOptions: [],
codeTree: "CODE_GABAJXZLB",
},
{
name: "立案时间",
id: "lasjRqsjKssj",
id2: "lasjRqsjJssj",
type: "zdyDate",
value: "",
col: "3",
},
{
name: "发案时间",
id: "asjfssjKssj",
id2: "asjfssjJssj",
type: "zdyDate",
value: "",
col: "3",
},
{
name: "案件分类",
id: "ajlbdm",
type: "checkbox",
value: "05000200",
placeholder: "",
col: "15",
checkList: [
{ label: "盗窃", val: "05000200" },
{ label: "诈骗案", val: "05000300" },
{ label: "抢劫案", val: "05000100" },
{ label: "抢夺案", val: "05000400" },
{ label: "招摇撞骗案", val: "06010300" },
],
},
{
name: "损失总价值",
id: "ssjzMin",
id2: "ssjzMax",
type: "zdyText",
value: "",
col: "3",
},
{
name: "案发地行政区划",
id: "asjfsdd_xzqhdm",
type: "codeTreeDialog",
props: [], //字典弹框需要的字段
value: "",
col: "3",
codeOptions: [],
codeTree: "CODE_XZQH",
},
{
name: "标注状态",
id: "bzzt",
type: "radio",
value: "1",
placeholder: "",
col: "3",
radioData: [
{ label: "全部", val: "" },
{ label: "已标注", val: "1" },
{ label: "未标注", val: "2" },
],
},
{
name: "案发地详址",
id: "asjfsddDzmc",
type: "text",
value: "",
placeholder: "请输入",
col: "15",
},
],
cxDefaultFormThead: [
{
label: "案件编号",
prop: "asjbh",
width: "260",
},
{
label: "案件类别",
prop: "ajlbdmMc",
width: "200",
},
{
label: "主案类别",
prop: "ajzlbMc",
width: "220",
},
{
label: "类案类别",
prop: "ajxzlbMc",
width: "220",
},
{
label: "案件名称",
prop: "ajmc",
width: "150",
},
{
label: "案发地点",
prop: "asjfsddDzmc",
width: "280",
},
{
label: "损失总价值",
prop: "ssjzrmby",
width: "180",
},
{
/*table默认得表头*/
label: "立案日期",
prop: "larq",
width: "200",
},
{
label: "立案单位名称",
prop: "ladwPcs",
width: "220",
},
{
label: "案发开始时间",
prop: "asjfssjAsjfskssj",
width: "220",
},
{
label: "简要案情",
prop: "jyaq",
width: "220",
},
],
cxUrl: "/newAsjbz/esAsjQuery",
};
},
methods: {
getAj() {
getAsjxxDetail({
asjbh: "A1501000000AAAAAAA22201",
}).then((res) => {
console.log(res);
});
},
},
created() {
this.$store.commit("user/SET_Menu", this.Menu);
this.$store.commit("user/SET_LeftMenu", this.leftMenus);
this.$store.commit("user/SET_Header", this.header);
},
};
</script>
<style>
.el-dialog__body {
padding: 10px 15px !important;
}
.rightContent .el-input__inner,
#formCommonPage .el-input__inner {
height: 32px;
line-height: 32px;
font-family: inherit;
background: #f3f3f3;
}
.el-table__header-wrapper th,
.el-table__header-wrapper tr {
background: #f4f6f7;
}
.rightContent .el-input__icon,
#formCommonPage .el-input__icon,
.el-input__suffix-inner {
line-height: 36px;
}
.rightContent .el-range-separator {
position: relative;
top: -4px;
}
.rightContent .el-textarea__inner,
#formCommonPage .el-textarea__inner {
width: 100%;
font-family: inherit;
}
.rightContent .el-range-input,
#formCommonPage .el-range-input {
vertical-align: top;
}
.rightContent .el-date-editor .el-range__close-icon {
margin-top: -4px;
}
.rightContent .el-form-item__error {
left: calc(66% - 27px);
top: 12px;
}
.success-row {
background-color: #fbf9f4 !important;
}
.Content .el-input,
.Content .el-date-editor--daterange.el-input__inner {
width: 100% !important;
}
</style>
<style scoped lang="scss">
@import "@/assets/styles/rightContent.scss";
</style>
src/views/cbyp/ajfl.vue 0 → 100644
<template>
<div class="Content">
<right-content
:pageBs="pageBs"
:header="header"
:cxFormData="cxFormData"
:cxQueryField="cxQueryField"
:cxDefaultFormThead="cxDefaultFormThead"
:cxUrl="cxUrl"
></right-content>
</div>
</template>
<script>
import rightContent from "@c/ajbz/ajflQuery.vue";
import base from "@/api/base";
export default {
name: "ajfl",
components: {
rightContent,
},
data() {
return {
header: "案件分类",
pageBs: "ajfl",
// 查询条件
cxFormData: {
// asjfssjStart: util.timeStampTurnTime(
// new Date(new Date().getFullYear() + '-01-01 00:00:00')
// ),
// asjfssjEnd: util.timeStampTurnTime(new Date()),
fxasjddXzqhdm: "",
asjfssjStart: "",
asjfssjEnd: "",
slsjStart: "",
slsjEnd: "",
asjbh: "",
jyaq: "",
ajzlbCode: "",
ajlalbCode: "",
ajclaCode: "",
rows: 10,
page: 1,
// typeFlag: 'bshcb',
// sEcho: 1,
// draw: 1,
// start: 1,
// length: 10,
// cbxsly: 'qs'
},
cxQueryField: [
{
name: "发案时间",
id: "asjfssjStart",
id2: "asjfssjEnd",
type: "zdyDate",
value: "",
col: "3",
},
{
name: "发案地行政区划",
id: "fxasjddXzqhdm",
type: "lazyCodeTreeDialog",
props: [], //字典弹框需要的字段
value: "",
col: "3",
codeOptions: [],
codeTree: "CODE_QGUNIT",
},
{
name: "案件受理时间",
id: "slsjStart",
id2: "slsjEnd",
type: "zdyDate",
value: "",
col: "3",
},
{
name: "案件编号",
id: "asjbh",
type: "text",
value: "",
placeholder: "请输入",
col: "3",
},
{
name: "案件关键词",
id: "jyaq",
type: "text",
value: "",
placeholder: "请输入",
col: "3",
},
{
name: "主案类别",
id: "ajzlbCode",
type: "codeTreeDialog",
props: [], //字典弹框需要的字段
value: "",
col: "3",
codeOptions: [],
codeTree: "CODE_GABAJZLB",
},
{
name: "类案类别",
id: "ajlalbCode",
type: "codeTreeDialog",
props: [], //字典弹框需要的字段
value: "",
col: "3",
codeOptions: [],
codeTree: "CODE_GABAJXZLB",
},
{
name: "次案类别",
id: "ajclaCode",
type: "codeTreeDialog",
props: [], //字典弹框需要的字段
value: "",
col: "3",
codeOptions: [],
codeTree: "CODE_GABAJXZLB",
},
{
name: "作案时段",
id: "startTime",
id2: "endTime",
type: "zdyDate",
value: "",
col: "3",
},
{
name: "作案地域",
id: "zady",
type: "codeTreeDialog",
props: [], //字典弹框需要的字段
value: "",
col: "3",
codeOptions: [],
codeTree: "CODE_XZQH",
},
{
name: "作案人数",
id: "zars",
type: "radio",
value: "",
placeholder: "",
col: "3",
radioData: [
{ label: "1人", val: "1" },
{ label: "2人", val: "2" },
{ label: "3人", val: "3" },
{ label: "3人以上", val: "4" },
],
},
{
name: "性别",
id: "bhrxb",
type: "radio",
value: "",
placeholder: "",
col: "3",
radioData: [
{ label: "未知性别", val: "1" },
{ label: "男", val: "2" },
{ label: "女", val: "3" },
{ label: "未说明的性别", val: "4" },
],
},
{
name: "年龄",
id: "bhrmlRange",
type: "radio",
value: "",
placeholder: "",
col: "1",
radioData: [
{ label: "18岁以下", val: "1" },
{ label: "18岁-28岁", val: "2" },
{ label: "29岁-40岁", val: "3" },
{ label: "41岁-49岁", val: "4" },
{ label: "50岁以上", val: "5" },
],
},
// {
// name: '损失物品',
// id: 'sswpList',
// type: 'codeTreeDialog',
// props: [], //字典弹框需要的字段
// value: '',
// col: '3',
// codeOptions: [],
// codeTree: 'CODE_QGUNIT'
// },
],
cxDefaultFormThead: [
{
label: "案件类别中文",
prop: "ajlb_str",
width: "220",
},
{
label: "案件名称",
prop: "ajmc",
},
{
label: "案事件编号",
prop: "asjbh",
},
{
label: "案事件发生地址名称",
prop: "asjfsddmc",
},
{
label: "案事件发生时间",
prop: "asjfssj",
},
{
label: "简要案情",
prop: "jyaq",
},
],
Menu: [
{
id: "ajfl",
label: "案件分类",
index: "ajfl",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
],
cxUrl: `${base.alyIP}/ajfl/searchAJ`,
};
},
created() {
this.$store.commit("user/SET_Menu", this.Menu);
},
};
</script>
<style>
@import "../../assets/styles/queryCommon.scss";
</style>
<style scoped lang="scss">
@import "../../assets/styles/rightContent.scss";
</style>
src/views/cbyp/bshxx.vue 0 → 100644
<template>
<div class="Content">
<right-content
:pageBs="pageBs"
:header="header"
:cxFormData="cxFormData"
:cxQueryField="cxQueryField"
:cxDefaultFormThead="cxDefaultFormThead"
:cxUrl="cxUrl"
></right-content>
</div>
</template>
<script>
import rightContent from "@c/ajbz/bshBmdquery.vue";
import base from "@/api/base";
export default {
name: "wdxlaj",
components: {
rightContent,
},
data() {
return {
header: "立案信息管理",
pageBs: "bshxx",
Menu: [
{
id: "bshxx",
label: "标识号信息",
index: "bshxx",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
],
cxFormData: {
gjc: "",
bshlx: "",
rows: 10,
page: 1,
},
cxQueryField: [
{
name: "标识号",
id: "gjc",
type: "text",
value: "",
placeholder: "请输入",
col: "3",
},
{
name: "标识号类型",
id: "bshlx",
type: "select",
selectData: [
{ value: "", name: "全部" },
{ value: "mobile", name: "手机号" },
{ value: "yhkh", name: "银行卡号" },
{ value: "personid", name: "身份证号" },
{ value: "carid", name: "车牌号" },
],
value: "",
col: "3",
},
],
cxDefaultFormThead: [
// {
// label: '操作',
// prop: 'cz'
// // width: '280'
// },
{
label: "标识号类型",
prop: "bshlx",
// width: '280'
},
{
label: "标识号",
prop: "gjc",
// width: '280'
},
],
cxDefaultFormTheads: [
{
label: "操作",
prop: "cz",
// width: '280'
},
{
label: "标识号类型",
prop: "bshlx",
// width: '280'
},
{
label: "标识号",
prop: "gjc",
// width: '280'
},
],
cxUrl: `${base.alyIP}/bshgl/toQueryBsh`,
};
},
created() {
this.$store.commit("user/SET_Menu", this.Menu);
},
};
</script>
<style>
@import "../../assets/styles/queryCommon.scss";
</style>
<style scoped lang="scss">
@import "../../assets/styles/rightContent.scss";
</style>
src/views/cbyp/cba/djwzba.vue 0 → 100644
<!--
* @Author: your name
* @Date: 2021-08-25 09:47:35
* @LastEditTime: 2021-08-25 18:46:37
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\cba\djwzba.vue
-->
<template>
<div class="djwzba" id="djwzba">
<div class="header">
<i class="el-icon-edit"></i>
<span>填写案件</span>
</div>
<div class="content-search" v-if="$route.path === '/djwzba/xgaj'">
<right-content
@saveAj="saveAj"
@addmc="createMc"
class="input-txt"
:cxFormData="cxFormData"
:cxQueryField="cxQueryField"
></right-content>
</div>
<div class="tabs">
<div
:class="{ tabItem: true, active: $route.path === item.path }"
v-for="(item, index) in routerList"
:key="index"
@click="switchTab(item.path)"
>
<span>{{ item.title }}</span>
</div>
</div>
<router-view></router-view>
</div>
</template>
<script>
import Bus from "@/utils/Bus";
import rightContent from "@c/bshChildrenQuery_cba.vue";
import { addxszglasj } from "@/api/cbyp.js";
export default {
components: {
rightContent,
},
data() {
return {
xszajbh: this.$route.query.xszajbh,
routerList: [
{ path: "/djwzba/xgaj", title: "相关案件" },
{ path: "/djwzba/tjaj", title: "添加案件" },
// { path: '/djwzba/', title: '我的收藏案件' }
],
cxFormData: {
typeFlag: "all",
unitcode: sessionStorage.getItem("unitcode"),
grade: sessionStorage.getItem("grade"),
typeFlag: "bshcb",
cbmc: "",
cblx: "",
cbxxms: "",
},
cxQueryField: [
{
name: "串并名称",
id: "cbmc",
type: "text-btn",
value: "11",
placeholder: "请输入",
col: "3",
},
{
name: "串并类型",
id: "cblx",
type: "codeTreeDialog",
props: [], //字典弹框需要的字段
value: "",
col: "3",
codeOptions: [],
codeTree: "CODE_CBYP_CBLX",
multiple: true,
},
{
name: "串并依据描述",
id: "cbxxms",
type: "textarea",
value: "",
placeholder: "请输入",
col: "3",
},
],
selectedArr: [],
restFlag: false,
};
},
mounted() {
Bus.$on("addCbmc", (cbmcList) => {
// console.log(cbmcList)
this.selectedArr = [];
cbmcList.forEach((element) => {
this.selectedArr.push(element.ajmc);
});
// this.str = arr.join(',')
});
Bus.$on("reset", () => {
debugger;
this.restFlag = true;
this.createMc();
});
},
methods: {
async saveAj() {
console.log(this.cxFormData.cblx);
let cblx = null;
if (this.cxFormData.cblx.length) {
cblx = this.cxFormData.cblx.join(",");
}
if (this.cxFormData.cbmc && cblx && this.cxFormData.cbxxms) {
let obj = {
cbmc: this.cxFormData.cbmc,
cblx: cblx,
cbxxms: this.cxFormData.cbxxms,
glxxXszajbh: this.$route.query.xszajbh,
};
let res = await addxszglasj(obj);
console.log(res);
if (res.code == 200) {
this.$message.success("添加成功！");
} else {
this.$message.error("添加失败！");
}
Bus.$emit("updataTable");
this.cxFormData.cbmc = "";
this.cxFormData.cblx = "";
this.cxFormData.cbxxms = "";
} else {
this.$message.error("请填写串并依据或串并描述或串并类型");
}
},
switchTab(path) {
this.$router.push({
path: path,
query: {
xszajbh: this.xszajbh,
cbxgfwbzh: this.$route.query.cbxgfwbzh,
},
});
},
createMc() {
debugger;
if (this.restFlag) {
this.$set(this.cxFormData, "cbmc", "");
this.restFlag = false;
} else {
if (this.selectedArr.length >= 2) {
let str = "";
let arr = [];
this.selectedArr.forEach((item) => {
arr.push(item);
str = arr.join(",");
});
str = str ? `${str}系列案件` : str;
this.$set(this.cxFormData, "cbmc", str);
} else {
this.$message.error("请选择两条及两条以上案件");
}
}
},
},
};
</script>
<style lang="scss" scoped>
.djwzba {
.content-search {
overflow: hidden;
}
.header {
padding: 8px;
border-bottom: 1px dashed #000;
font-weight: 800;
}
.tabs {
height: 40px;
display: flex;
align-items: center;
font-size: 16px;
background: #fff;
border-bottom: 1px dashed #ccc;
padding: 0 8px;
margin-bottom: 5px;
.tabItem {
height: 100%;
line-height: 40px;
padding: 0 10px;
cursor: pointer;
&.active {
border: 1px solid #ccc;
border-top: 2px solid orangered;
border-bottom: none;
}
}
}
}
</style>
src/views/cbyp/cba/xgaj.vue 0 → 100644
<!--
* @Author: your name
* @Date: 2021-08-25 09:47:52
* @LastEditTime: 2021-08-25 18:03:06
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\cba\xgaj.vue
-->
<template>
<div class="xgal">
<el-button type="danger" class="btn" @click="delAj">删除案件</el-button>
<el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center">
</el-table-column>
<el-table-column label="案件编号" width="265" align="center">
<template slot-scope="scope">{{ scope.row.asjbh }}</template>
</el-table-column>
<el-table-column label="案件名称" width="160" align="center">
<template slot-scope="scope">{{ scope.row.ajmc }}</template>
</el-table-column>
<el-table-column label="案件类别" width="100" align="center">
<template slot-scope="scope">{{ scope.row.ajlbdmStr }}</template>
</el-table-column>
<el-table-column label="比中号码" width="180" align="center">
<template slot-scope="scope">{{ scope.row.cbxgfwbzh }}</template>
</el-table-column>
<el-table-column label="案件状态" width="160" align="center">
<template slot-scope="scope">{{ scope.row.zcjddmStr }}</template>
</el-table-column>
<el-table-column label="发案时间" width="160" align="center">
<template slot-scope="scope">{{ scope.row.asjfssjKssj }}</template>
</el-table-column>
<el-table-column label="发案地点" width="100" align="center">
<template slot-scope="scope">{{ scope.row.asjfsddXzqhdm }}</template>
</el-table-column>
<el-table-column label="受理单位" width="160" align="center">
<template slot-scope="scope">{{ scope.row.sldw }}</template>
</el-table-column>
<el-table-column label="立案单位" width="160" align="center">
<template slot-scope="scope">{{ scope.row.ladwGajgjgdm }}</template>
</el-table-column>
<el-table-column label="简要案情" width="420" align="center">
<template slot-scope="scope">
<div class="ajxq_s">
<span
class="none"
v-html="scope.row['jyaq']"
></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.style.display="none";this.parentNode.nextSibling.style.display="block"'
style="
display: inline-block;
width: 100%;
text-align: right;
color: #3692c6;
font-weight: 600;
"
id="open"
v-show="
scope.row['jyaq'] != '' &&
scope.row['jyaq'] != null
"
>展开</a
>
</div>
<div class="ajxq_n" style="display: none">
<span
style="display: block"
v-html="scope.row['jyaq']"
></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.style.display="none";this.parentNode.previousSibling.style.display="block"'
style="float: right; color: #3692c6; font-weight: 600"
id="stop"
v-show="
scope.row['jyaq'] != '' &&
scope.row['jyaq'] != null
"
>收起</a
>
</div>
</template>
</el-table-column>
</el-table>
<el-pagination background layout="prev, pager, next" @current-change="changePage" :total="total">
</el-pagination>
</div>
</template>
<script>
import Bus from '@/utils/Bus'
import { queryxszglasj, delxszglasj } from "@/api/cbyp.js";
export default {
data () {
return {
tableData: [],
multipleSelection: [],
total: 10
}
},
mounted () {
console.log(this.$route);
this.getData(1, 10);
Bus.$on('reset', () => {
this.$refs.multipleTable.clearSelection();
})
Bus.$on('updataTable', () => {
this.getData(1, 10);
})
},
methods: {
async delAj() {
let arr = []
this.multipleSelection.forEach(item => {
arr.push(item.asjbh)
})
let str = arr.join(',')
console.log(str);
let sfscxsz = 0
if(this.multipleSelection.length == this.total) {
sfscxsz = 1
} else {
sfscxsz = 0
}
let obj = {
asjbhs: str,
xszajbh: this.$route.query.xszajbh,
sfscxsz: sfscxsz
}
let res = await delxszglasj(obj)
console.log(res);
if(res.code == 200) {
this.$message.success('删除成功！')
this.getData(1, 10)
} else {
this.$message.error('删除失败！')
}
},
async getData (start, length) {
let fromData = {
start,
length,
xszajbh: this.$route.query.xszajbh
}
let res = await queryxszglasj(fromData)
console.log(res);
if (res.code == 200) {
this.tableData = res.data.data
this.total = res.data.recordsTotal
} else {
this.$message.error('请求数据失败！')
}
},
toggleSelection (rows) {
if (rows) {
rows.forEach(row => {
this.$refs.multipleTable.toggleRowSelection(row);
});
} else {
this.$refs.multipleTable.clearSelection();
}
},
handleSelectionChange (val) {
this.multipleSelection = val;
Bus.$emit('addCbmc', this.multipleSelection)
},
changePage (page) {
console.log(page);
this.getData(page, 10)
}
}
}
</script>
<style lang="scss" scoped>
.xgal {
button {
margin: 5px;
}
}
</style>
src/views/cbyp/cbaAdd.vue 0 → 100644
<template>
<div class="cbaAdd">
<div class="topTitle">
<span>串并案件新增</span>
</div>
<el-card class="box-card">
<el-form label-width="150px"
:model="formLabelAlign"
class="formData demo-dynamic">
<el-form-item label="串并名称:">
<div class="form-item">
<div style="
width:58%">
<el-input v-model="formLabelAlign.region"></el-input>
</div>
<div style="
width:18%">
<el-button type="primary">生成名称</el-button>
</div>
<div style="
width:18%">
<el-button type="danger">重置</el-button>
</div>
</div>
</el-form-item>
<el-form-item label="串并类型:">
<el-select v-model="formLabelAlign.region"
placeholder="请选择"
style="width: 58%;margin-left: 6px;height:40px">
<el-option v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="串并依据描述:">
<el-input type="textarea"
v-model="formLabelAlign.type"
class="longText"></el-input>
</el-form-item>
<el-form-item class="itemBtn">
<el-button type="primary"
@click="onSubmit">确定</el-button>
<el-button>取消</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="box-card bottomCard"
style="height:700px">
<div class="bottomTitle">
<div class="titleTab">
<ul>
<li v-for="item in tabData"
:key="item.id"
ref="item.id"
:class="{ active: selectIndex === item.id }"
@click="halderTab(item.id)">
{{item.value}}
</li>
</ul>
</div>
<div class="contioner">
<div style="width:100%;height:60px">
<el-button type="danger"
style="margin:10px;">删除案件</el-button>
</div>
<div class="tabList">
<el-table ref="multipleTable"
:data="tableData"
tooltip-effect="dark"
@selection-change="handleSelectionChange"
class="tableList">
<el-table-column type="selection"
width="55">
</el-table-column>
<el-table-column label="序号"
width="120">
<template slot-scope="scope">{{ scope.row.date }}</template>
</el-table-column>
<el-table-column prop="name"
label="姓名"
width="120">
</el-table-column>
<el-table-column prop="address"
label="地址"
show-overflow-tooltip>
</el-table-column>
</el-table>
</div>
</div>
</div>
</el-card>
<div>
</div>
</div>
</template>
<script>
export default {
name: "cbaAdd",
data () {
return {
formLabelAlign: {
name: '',
region: '',
type: ''
},
selectIndex: 1,
options: [],
tabData: [{
id: 1,
value: "相关案件"
},
{
id: 2,
value: "添加案件"
},
{
id: 3,
value: "我的收藏案件"
}],
tableData: [{
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
date: '2016-05-08',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
date: '2016-05-06',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
date: '2016-05-07',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}],
}
},
created () {
},
methods: {
halderTab (val) {
this.selectIndex = val
},
removeDomain (domain) {
},
onSubmit () {
},
toggleSelection (rows) {
if (rows) {
rows.forEach(row => {
this.$refs.multipleTable.toggleRowSelection(row);
});
} else {
this.$refs.multipleTable.clearSelection();
}
},
handleSelectionChange (val) {
this.multipleSelection = val;
}
}
};
</script>
<style lang='scss'>
.topTitle {
width: 100%;
height: 56px;
background: #1f212c;
display: flex;
align-items: center;
span {
font-size: 18px;
font-weight: bold;
line-height: 24px;
color: #ffffff;
margin-left: 35px;
}
}
.box-card {
margin: 20px;
height: 287px;
}
.formData {
width: 50%;
margin: 0 auto;
}
.form-item {
width: 100%;
display: flex;
justify-content: space-around;
}
.longText textarea {
margin-left: 6px;
padding: 0 15px;
min-height: 60px !important;
width: 58%;
}
.itemBtn .el-form-item__content {
margin-left: 230px !important;
}
.bottomCard {
border: 0 !important;
}
.bottomCard .el-card__body {
padding: 0 !important;
}
.bottomTitle {
width: 100%;
height: 50px;
background: #efefef;
}
.titleTab {
width: 400px;
height: 50px;
}
.titleTab ul {
width: 100%;
height: 50px;
display: flex;
justify-content: center;
}
.titleTab ul li {
width: 33%;
height: 40px;
text-align: center;
line-height: 40px;
margin-top: 10px;
font-size: 14px;
cursor: pointer;
}
.active {
background: #ffffff;
}
.contioner {
width: 100%;
height: 560px;
}
.tabList {
width: 100%;
}
.tableList {
border: 1px solid #ebeef5;
width: 92%;
margin: 0 auto;
}
.tableList th {
background: #ebeef5;
text-align: center;
}
.tableList td {
text-align: center;
}
.tableList tr:nth-child(2n) {
background: #ebeef5;
}
</style>
\ No newline at end of file
src/views/cbyp/qgaj.vue 0 → 100644
<template>
<div class="qgaj">
<div class="topTag">
<span>提示：</span>
<div class="tagList"></div>
</div>
<div class="table">
<el-table
id="ajzbQuery"
v-loading="tableLoading"
element-loading-text="拼命加载中"
:data="tableData"
tooltip-effect="dark"
max-height="600"
style="width: 99%; margin: 0 auto"
width="100%"
size="small"
border
>
<el-table-column
align="center"
v-for="columnTitle in propdefaultFormThead"
:prop="columnTitle.prop"
:key="columnTitle.label"
:label="columnTitle.label"
:width="columnTitle.width"
>
<template slot-scope="scope">
<div v-if="columnTitle.prop == 'jyaq'">
<div class="ajxq_s">
<span class="none" v-html="scope.row[columnTitle.prop]"></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.style.display="none";this.parentNode.nextSibling.style.display="block"'
style="
display: inline-block;
width: 100%;
text-align: right;
color: #3692c6;
font-weight: 600;
"
id="open"
v-show="
scope.row[columnTitle.prop] != '' &&
scope.row[columnTitle.prop] != null
"
>展开</a
>
</div>
<div class="ajxq_n" style="display: none">
<span
style="display: block"
v-html="scope.row[columnTitle.prop]"
></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.style.display="none";this.parentNode.previousSibling.style.display="block"'
style="float: right; color: #3692c6; font-weight: 600"
id="stop"
v-show="
scope.row[columnTitle.prop] != '' &&
scope.row[columnTitle.prop] != null
"
>收起</a
>
</div>
</div>
<div v-else v-html="scope.row[columnTitle.prop]"></div>
</template>
</el-table-column>
</el-table>
</div>
</div>
</template>
<script>
import { getQgAsjxxByXszajbh } from "@/api/cbyp.js";
export default {
data() {
return {
xszajbh: "",
cbxgfwbzh: "",
propdefaultFormThead:[
{
label: "案发地点",
prop: 'fxasjddXzqhdm'
},
{
label: "案件编号",
prop: "xszajbh",
},
{
label: "案件名称",
prop: 'ajmc'
},
{
label: "案件类别",
prop: "ajlbdm",
},
{
label: "案件状态",
prop: "zcjddm",
},
{
label: "立案单位",
prop: 'ladwGajgjgdm'
},
{
label: "案发时间",
prop: "asjfssjAsjfskssj",
},
{
label: "简要案情",
prop: "jyaq",
},
],
tableData:[]
};
},
created() {
this.xszajbh = this.$route.query.xszajbh;
this.cbxgfwbzh = this.$route.query.cbxgfwbzh;
this.getShuju()
},
methods: {
getShuju(){
var params = new FormData()
params.append('xszajbh',this.xszajbh)
params.append('cbxgfwbzh',this.cbxgfwbzh)
getQgAsjxxByXszajbh(params).then(res=>{
this.tableData = res.data.qucsj
})
}
},
};
</script>
<style>
</style>
\ No newline at end of file
src/views/cbyp/qgxxxx.vue 0 → 100644
<template>
<div class="qgxxxx">
<div class="title">
<img src="../../assets/img/login/jinhui.png" alt="" />
<div class="name">全国案件</div>
</div>
<div class="buttonSquare">
<div style="margin-bottom: 5px; color: red">
提示：以下 {{ tableData.length }} 条案件为生成串并后根据关键字
{{ cbxgfwbzh }} 推荐的全国线索，请知悉
</div>
<el-button
class="provinceButton"
v-for="item in bottonData"
:key="item.xzqhdmSj"
@click="searchCaseByProvince(item)"
type="primary"
plain
>{{ item.xzqhdmSj + " " + item.count }}</el-button
>
</div>
<div class="listSquare">
<el-table
id="ajzbQuery"
v-loading="tableLoading"
element-loading-text="拼命加载中"
:data="tableData"
tooltip-effect="dark"
max-height="600"
style="width: 99%; margin: 0 auto"
width="100%"
size="small"
border
stripe
>
<el-table-column
align="center"
v-for="columnTitle in propdefaultFormThead"
:prop="columnTitle.prop"
:key="columnTitle.label"
:label="columnTitle.label"
:width="columnTitle.width"
>
<template slot-scope="scope">
<div v-if="columnTitle.prop == 'jyaq'">
<div class="ajxq_s">
<span class="none" v-html="scope.row[columnTitle.prop]"></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.style.display="none";this.parentNode.nextSibling.style.display="block"'
style="
display: inline-block;
width: 100%;
text-align: right;
color: #3692c6;
font-weight: 600;
"
id="open"
v-show="
scope.row[columnTitle.prop] != '' &&
scope.row[columnTitle.prop] != null
"
>展开</a
>
</div>
<div class="ajxq_n" style="display: none">
<span
style="display: block"
v-html="scope.row[columnTitle.prop]"
></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.style.display="none";this.parentNode.previousSibling.style.display="block"'
style="float: right; color: #3692c6; font-weight: 600"
id="stop"
v-show="
scope.row[columnTitle.prop] != '' &&
scope.row[columnTitle.prop] != null
"
>收起</a
>
</div>
</div>
<div v-else v-html="scope.row[columnTitle.prop]"></div>
</template>
</el-table-column>
</el-table>
<!-- <el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="currentPage"
:page-size="100"
layout="total, prev, pager, next, jumper"
:total="1000"
>
</el-pagination> -->
</div>
</div>
</template>
<script>
import { getQgAsjxxByXszajbh } from "@/api/cbyp.js";
export default {
data() {
return {
xszajbh: "",
cbxgfwbzh: "",
tableLoading: false,
bottonData: [],
tableData: [],
tableArr: [],
currentPage: 1,
propdefaultFormThead: [
{
label: "案发地点",
prop: "fxasjddXzqhdm",
},
{
label: "案件编号",
prop: "xszajbh",
},
{
label: "案件名称",
prop: "ajmc",
},
{
label: "案件类别",
prop: "ajlbdm",
},
{
label: "案件状态",
prop: "zcjddm",
},
{
label: "立案单位",
prop: "ladwGajgjgdm",
},
{
label: "案发时间",
prop: "asjfssjAsjfskssj",
},
{
label: "简要案情",
prop: "jyaq",
},
],
};
},
created() {
this.xszajbh = this.$route.query.xszajbh;
this.cbxgfwbzh = this.$route.query.cbxgfwbzh;
this.xlajbh = this.$route.query.xlajbh;
this.getShuju();
},
methods: {
getShuju() {
var params = {
xszajbh: this.xszajbh,
cbxgfwbzh: this.cbxgfwbzh,
};
var self = this;
getQgAsjxxByXszajbh(params).then((res) => {
self.tableData = res.data.rows;
self.tableArr = res.data.rows;
self.bottonData = res.data.qucsj;
console.log(res);
});
},
searchCaseByProvince(item) {
let str = item.xzqhdmSj;
let arr = this.tableArr.filter((i) => i.xzqhdmSj.indexOf(str) >= 0);
this.tableData = arr;
},
handleSizeChange() {},
handleCurrentChange() {},
},
};
</script>
<style lang="scss" scoped>
.qgxxxx {
.title {
height: 52px;
background: #1f212c;
padding-left: 32px;
display: flex;
align-items: center;
}
img {
width: 36px;
height: 36px;
}
.name {
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: bold;
line-height: 24px;
color: #ffffff;
}
}
.qgxxxx {
margin: 0;
padding: 0;
height: 100%;
background-color: #efefef;
}
.buttonSquare {
// width: 90%;
height: 20%;
margin: 8px 20px;
padding: 20px;
border-radius: 10px;
background-color: #fff;
border: 1px solid #eaeaea;
}
.provinceButton {
}
.listSquare {
// width: 90%;
height: 70%;
margin: 8px 20px;
border-radius: 8px;
background-color: #fff;
border: 1px solid #eaeaea;
padding: 10px;
}
</style>
\ No newline at end of file
src/views/cbyp/rgcb.vue 0 → 100644
<template>
<div class="Content">
<right-content
:pageBs="pageBs"
:header="header"
:cxFormData="cxFormData"
:cxQueryField="cxQueryField"
propBottonType="rgcb"
:cxDefaultFormThead="cxDefaultFormThead"
:cxDefaultFormTheads="cxDefaultFormTheads"
:childrenUrl="childrenUrl"
:cxUrl="cxUrl"
></right-content>
</div>
</template>
<script>
import rightContent from "@c/ajbz/bshChildrenQuery.vue";
import base from "@/api/base";
export default {
name: "rgcb",
components: {
rightContent,
},
data() {
return {
header: "立案信息管理",
pageBs: "rgcb",
cxFormData: {
larqQssj: util.timeStampTurnTime(
new Date(new Date().getFullYear() + "-01-01 00:00:00")
),
larqJssj: util.timeStampTurnTime(new Date()),
asjbh: "",
zatzJyqk: "",
ladw: "",
sldw: "",
xszajbh: "",
cbajAjmc: "",
ajsfcb: "",
pazt: "",
djsjStart: "",
djsjEnd: "",
jyaq: "",
fasjEnd: "",
fasjStart: "",
rows: 10,
page: 1,
typeFlag: "rgcb",
sEcho: 1,
draw: 1,
start: 1,
length: 10,
},
cxQueryField: [
/*立案信息 侦查终结信息 立案信息审批 侦查终结审批通用开始*/
{
name: "案件编号",
id: "asjbh",
type: "text",
value: "",
placeholder: "请输入",
col: "3",
},
{
name: "立案单位",
id: "ladw",
type: "lazyCodeTreeDialog",
props: [], //字典弹框需要的字段
value: "",
col: "3",
codeOptions: [],
codeTree: "CODE_QGUNIT",
},
{
name: "受理单位",
id: "sldw",
type: "lazyCodeTreeDialog",
props: [], //字典弹框需要的字段
value: "",
col: "3",
codeOptions: [],
codeTree: "CODE_QGUNIT",
},
{
name: "串并线索编号",
id: "xszajbh",
type: "text",
value: "",
placeholder: "请输入串并线索编号",
col: "3",
},
{
name: "串并线索组名称",
id: "cbajAjmc",
type: "text",
value: "",
placeholder: "请输入串并线索组名称",
col: "3",
},
{
name: "是否认定为串并案",
id: "cbypSfycb",
type: "radio",
value: "0",
placeholder: "",
col: "3",
radioData: [
{ label: "未认定", val: "0" },
{ label: "已认定", val: "1" },
],
},
{
name: "破案状态",
id: "pazt",
type: "radio",
value: "",
placeholder: "",
col: "3",
radioData: [
{ label: "所有", val: "" },
{ label: "已破", val: "0" },
{ label: "未破", val: "1" },
],
},
{
name: "串并时间",
id: "djsjStart",
id2: "djsjEnd",
type: "zdyDate",
value: "",
col: "3",
},
{
name: "标识号",
id: "cbxgfwbzh",
type: "text",
value: "",
placeholder: "请输入",
col: "3",
},
{
name: "案件类别",
id: "ajlbdm",
type: "codeTreeDialog",
props: [], //字典弹框需要的字段
value: "",
col: "3",
codeOptions: [],
codeTree: "CODE_AJLB",
},
{
name: "简要案情",
id: "jyaq",
type: "text",
value: "",
placeholder: "简要案情,多个案情之间用逗号分隔",
col: "6",
},
],
cxDefaultFormThead: [
{
label: "串并案件线索组名称",
prop: "xszmc",
},
{
label: "信息描述",
prop: "cbxsypCbaj2",
},
],
cxDefaultFormTheads: [
{
label: "案件编号",
prop: "asjbh",
width: "220",
},
{
label: "案件名称",
prop: "ajmc",
},
{
label: "案件类别",
prop: "ajlbdmStr",
},
{
label: "比中号码",
prop: "cbxgfwbzh",
},
{
label: "案件状态",
prop: "zcjddmStr",
},
{
label: "发案时间",
prop: "asjfssjKssj",
},
{
label: "案发地点",
prop: "asjfsddXzqhdm",
},
{
label: "受理单位",
prop: "sldw",
},
{
label: "立案单位",
prop: "ladwGajgjgdm",
},
{
label: "简要案情",
prop: "jyaq",
},
],
cxUrl: `${base.alyIP}/cbxsz/toQueryXszxx`,
childrenUrl: `${base.alyIP}/cbxsz/listCbxszGlAsjxx`,
};
},
};
</script>
<style>
@import "../../assets/styles/queryCommon.scss";
</style>
<style scoped lang="scss">
@import "../../assets/styles/rightContent.scss";
</style>
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