Skip to content

F
founder_vue
Commit deaa0108 by lp784568205
Options

修改串并研判和重点人员

parent f467bcac
Showing with 2629 additions and 23 deletions
package.json
......@@ -9,15 +9,18 @@
},
"dependencies": {
"core-js": "^3.6.5",
"css-loader": "^6.7.1",
"driver.js": "^0.9.8",
"echarts": "^4.9.0",
"element-ui": "^2.4.5",
"file-saver": "^2.0.5",
"js-cookie": "^2.2.1",
"moment": "^2.29.1",
"postcss-loader": "^6.2.1",
"qs": "^6.9.4",
"sass-resources-loader": "^2.1.1",
"vue": "^2.6.11",
"vue-loader": "^17.0.0",
"vue-router": "^3.2.0",
"vue-wechat-title": "^2.0.7",
"vuedraggable": "^2.24.3",
......
src/api/base.js
......@@ -14,7 +14,8 @@ let base = {
naotuurl: "",
Ptlogin: "",
ebss: "",
test: ""
test: "",
alyIP2:''
};
if (
relUrlIp == "68.174.69.46" ||
......@@ -69,7 +70,7 @@ if (
base.ZhiTu_url = "http://39.99.159.210:8053";
base.Ptlogin = "http://39.99.159.210:8052";
/*阿里云ip*/
base.alyIP = "localhost";
base.alyIP = "/api";
base.test = "http://39.99.159.210:8052";
}
......
src/api/zdry/yjrwGl.js 0 → 100644
import { get, post, postform } from "@/utils/http.js";
import base from "@/api/base";
//任务结果
export const getTaskResult = params =>
post(`${base.alyIP2}/ryyj/getTaskResult`, params);
//任务新增
export const addYjgkTask = params =>
postform(`${base.alyIP2}/ryyj/addYjgkTask`, params);
//轨迹查询
export const getRygjxxByAsjbh = params =>
post(`${base.alyIP2}/ryyj/getRygjxxByAsjbh`, params);
src/api/zdry/zdryGl.js 0 → 100644
/*
* @Author: your name
* @Date: 2021-09-03 09:59:11
* @LastEditTime: 2021-09-03 14:53:40
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\api\zdry\zdryGl.js
*/
import { get, post, postform } from "@/utils/http.js";
import base from "@/api/base";
//人员标签字典获取
export const getRybq = params =>
post(`${base.alyIP}/zdGzry/getRybq`, params);
//关注重点人员
export const insertUserRybz = params =>
post(`${base.alyIP}/zdGzry/insertUserRybz`, params);
//取消关注重点人员
export const updateUserRybz = params =>
post(`${base.alyIP}/zdGzry/updateUserRybz`, params);
//团伙作案、结伙作案人员详情
export const getDrbqDetail = params =>
post(`${base.alyIP}/zdGzry/getDrbqDetail`, params);
//一人多案、一人两案人员详情
export const getDrDetail = params =>
post(`${base.alyIP}/zdGzry/getDrDetail`, params);
//在逃、撤逃人员详情
export const getZtDetail = params =>
post(`${base.alyIP}/zdGzry/getZtDetail`, params);
//涉毒
export const getXdryDetail = params =>
post(`${base.alyIP}/zdGzry/getXdryDetail`, params);
//自定义人员标签修改
export const updateZdyCode = params =>
post(`${base.alyIP}/zdGzry/updateZdyCode`, params);
export const insertZdry = params =>
postform(`${base.alyIP}/zdGzry/insertRybz`, params);
export const selectZdry = params =>
postform(`${base.alyIP}/zdGzry/getZdGzryxx`, params);
export const getRybzByZjhm = params =>
post(`${base.alyIP}/zdGzry/getRybzByZjhm`, params);
export const getRybzSpRyList = params =>
post(`${base.alyIP}/zdGzry/getRybzSpRyList`, params);
src/api/zdry/zdrysp.js 0 → 100644
import { get, post, postform } from "@/utils/http.js";
import base from "@/api/base";
export const insertZdry = params =>
postform(`${base.alyIP}/zdGzry/insertRybz`, params);
export const selectAddZdry = params =>
postform(`${base.alyIP}/zdGzry/getZdGzryxx`, params);
export const updateAddZdry = params =>
postform(`${base.alyIP}/zdGzry/updateAddRybz`, params);
export const deleteAddZdry = params =>
postform(`${base.alyIP}/zdGzry/delAddRybz`, params);
export const infoAddZdry = params =>
postform(`${base.alyIP}/zdGzry/getRybzById`, params);
src/api/zdry/zdrytj.js 0 → 100644
/*
* @Author: your name
* @Date: 2021-09-03 15:19:07
* @LastEditTime: 2021-09-03 15:20:54
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\api\zdry\zdrytj.js
*/
import { get, post, postform } from "@/utils/http.js";
import base from "@/api/base";
//重点人员列表
export const getMainZdGzryxx = params =>
postform(`${base.alyIP}/zdGzry/getMainZdGzryxx`, params);
//人员户籍地行政区划统计
export const ryXzqhTj = params =>
post(`${base.alyIP}/zdGzryTj/ryXzqhTj`, params);
//人员性别统计
export const ryXbTj = params =>
post(`${base.alyIP}/zdGzryTj/ryXbTj`, params);
//人员案件类别统计
export const ryAjlbTj = params =>
post(`${base.alyIP}/zdGzryTj/ryAjlbTj`, params);
\ No newline at end of file
src/assets/iconfont/iconfont.css 0 → 100644
@font-face {
font-family: "iconfont"; /* Project id 2135421 */
src: url('iconfont.woff2?t=1628760424810') format('woff2'),
url('iconfont.woff?t=1628760424810') format('woff'),
url('iconfont.ttf?t=1628760424810') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.iconxiajicaijixiansuo:before {
content: "\e694";
}
.iconmobandengji:before {
content: "\e691";
}
.iconwanghei:before {
content: "\e692";
}
.iconzhongdianchangsuo:before {
content: "\e693";
}
.iconwodebaogao:before {
content: "\e68c";
}
.icontaoludai:before {
content: "\e68d";
}
.iconmobanweihu:before {
content: "\e68e";
}
.iconbaogaoshenpi:before {
content: "\e68f";
}
.iconbaogaodengji:before {
content: "\e690";
}
.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";
}
src/assets/iconfont/iconfont.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/assets/styles/rightContentscss.scss 0 → 100644
@import './main.scss';
.box-card {
width: 1550px;
margin: 0 auto;
position: relative;
margin-bottom: 10px;
.card-link {
position: absolute;
left: 83%;
top: 43%;
.el-button {
margin-left: 30px;
}
}
.card-ul {
position: absolute;
width: 75%;
top: 15px;
left: 15%;
.case-type .el-tag {
// padding: 0;
// margin-left: 5px;
}
}
.table-ajtag {
background: #fff !important;
}
.card-ul li {
width: 27%;
float: left;
margin-right: 5%;
margin-bottom: 3px;
span:first-child {
color: #999999;
margin-right: 10px;
}
}
}
.bqdetail {
display: flex;
flex-wrap: wrap;
padding-bottom:20px;
.col3 {
width: 33.33%;
// height: 30px;
font-size: 14px;
display: flex;
flex-wrap: wrap;
border-bottom: 1px dashed #ccc;
.title{
width: 110px;
text-align: right;
margin-right: 5px;
}
}
.col1 {
width: 100%;
// height: 30px;
font-size: 14px;
display: flex;
// flex-wrap: wrap;
border-bottom: 1px dashed #ccc;
.title{
width: 110px;
text-align: right;
margin-right: 5px;
}
}
}
.Content {
padding-left: 20px
}
.right-icon {
position: absolute;
right: 37px;
top: 13px;
font-size: 15px;
display: inline-block;
color: #fff;
cursor: pointer;
i {
margin-right: 5px;
font-size: 20px;
display: inline-block;
vertical-align: middle;
}
span {
display: inline-block;
vertical-align: middle;
}
}
.rightContent {
flex: 1;
height: 100%;
overflow-y: auto;
.flTotal {
font-size: 12px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 20px;
color: #999999;
}
.edit {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 22px;
color: #007AFF;
cursor: pointer;
}
.dele {
cursor: pointer;
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 22px;
color: #007AFF;
margin-right: 16px;
}
.green {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
background: green;
vertical-align: middle;
}
.red {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
background: red;
vertical-align: middle;
}
.yellow {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
background: yellow;
vertical-align: middle;
}
.greenY {
color: green;
}
.blackY {
color: #333;
}
.redY {
color: red;
}
.yellowY {
color: #f90;
}
.inlineBtn {
display: inline-block;
width: 66% !important;
.zdycol3 {
width: 50% !important;
}
}
.paneDiv {
background: #FFFFFF;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18);
opacity: 1;
border-radius: 4px;
margin: 20px 20px 20px 0;
padding: 0 20px;
padding-bottom: 14px;
position: relative;
// .border{
// display: inline-block;margin-right:8px;vertical-align: middle;
// width: 6px;
// position: relative;
// top:-2px;
// height: 20px;
// background: #3670FF;
// opacity: 1;
// }
/deep/ .el-pagination__sizes {
top: 12px;
right: 152px;
width: 110px;
}
.el-form {
width: 98%;
}
.export {
border: none;
position: relative;
top: -1px;
border-radius: 4px;
color: #fff;
}
.export:nth-child(1) {
background: #6491FF;
}
.export:nth-child(2) {
background: #F7B85B;
}
.export:nth-child(3) {
background: #FF6F65;
}
.export:nth-child(1):hover {
background: #648cff;
}
.export:nth-child(2):hover {
background: #f7b658;
}
.export:nth-child(3):hover {
background: #ff6b64;
}
.export:last-child {
margin-right: -16px !important;
}
.flTtitle {
font-size: 15px;
font-weight: bold;
line-height: 21px;
color: #363636;
margin: 16px 12px 14px 0;
display: inline-block;
}
.btnGrounp {
display: flex;
justify-content: flex-end;
width: 97%;
.zdybtn {
width: 76px;
height: 32px;
background: #FFFFFF;
border: 1px solid #D9D9D9;
opacity: 1;
border-radius: 4px;
line-height: 32px;
text-align: center;
margin-left: 12px;
cursor: pointer;
}
}
.zdyInputW {
position: relative;
.absolute {
position: absolute;
left: calc(100% + 10px);
top: 9px;
}
}
/deep/ .el-button--primary {
background: #3670FF;
box-shadow: 0px 4px 6px rgba(26, 129, 225, 0.12);
}
/deep/ .el-form-item__content,
/deep/ .el-form-item__label {
line-height: 32px;
}
.el-select,
.el-input,
.el-range-editor.el-input__inner,
.zdyInputW,
.el-textarea,
.el-input.el-date-editor--datetime {
display: inline-block;
width: 100%;
text-align: left;
line-height: 32px;
height: 32px;
vertical-align: middle;
}
.zdycol3 {
display: inline-block;
width: 33%;
}
.zdycol2 {
display: inline-block;
width: 33%;
margin-right: 33% !important;
}
.zdycol4 {
display: inline-block;
width: 100%;
margin-right: 33% !important;
.el-input {
width: 33%;
}
}
.zdycol5 {
display: inline-block;
width: 33%;
margin-right: 33% !important;
}
.zdycol1 {
display: inline-block;
width: 100%;
}
.zdycol22 {
display: inline-block;
width: 50%;
}
.zdName {
display: inline-block;
width: 120px;
text-align: right;
color: #333;
}
.el-input.el-input--suffix.el-popover__reference,
.el-input.el-input--suffix {
width: 100%;
}
.input-new-tag.el-input {
width: 100px;
}
.zdyInputCol2 {
.el-input {
width: calc((100% - 28px)/2);
}
}
[class*="zdycol"] {
margin: 4px 0;
}
.el-range-editor.el-input__inner {
vertical-align: bottom;
}
.zdyInputW2 {
width: calc(100% + 130px);
margin-left: -130px;
.zdyInputW {
width: calc(100% - 130px) !important;
}
.el-button {
padding: 6px 14px;
}
}
.el-tag {
// background-color: #5faeff;
// color: #fff;
height: 28px;
line-height: 26px;
margin: 4px 6px;
}
.zdyInputW>span {
width: 100%;
display: inline-block;
}
}
.Add {
width: 64px;
height: 24px;
background: #FFFFFF;
border: 1px solid #007AFF;
opacity: 1;
border-radius: 4px;
text-align: center;
align-items: center;
font-size: 12px !important;
font-weight: 400 !important;
color: #007AFF !important;
cursor: pointer;
}
.paneDiv2 {
background: #FFFFFF;
border: 1px solid #EAEAEA;
box-shadow: none;
opacity: 1;
border-radius: 4px;
}
}
\ No newline at end of file
src/assets/styles/zdrycss/leftMenu.scss 0 → 100644
@import './main.scss';
.el-submenu .el-menu-item {
padding: 0 !important;
}
.activeClass{
color: #0061F7;
}
.headerTitle {
height: 48px;
background: #0061F7;
font-size: 18px;
font-weight: bold;
line-height: 48px;
color: #FFFFFF;
padding: 0 17px;
img {
width: 36px;
margin-right: 5px;
}
}
.queryContent {
height: calc(100vh - 60px);
}
.rightContent {
flex: 1;
height: 100%;
overflow-y: auto;
.topMenu {
height: 48px;
background: #FFFFFF;
padding: 0 20px;
z-index: -1;
}
}
/deep/ .el-tabs__header{
margin: 0 !important;
}
/deep/ .el-tabs__nav-wrap::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
z-index: 1;
background-color: unset !important;
}
/deep/ .el-tabs__item {
padding: 0 20px;
height: 48px;
box-sizing: border-box;
line-height: 48px;
display: inline-block;
list-style: none;
font-size: 14px;
font-weight: 500;
color: #303133;
position: relative;
}
.leftMenu {
width: 220px;
height: 100%;
background: #fff;
box-shadow: 4px 0px 8px rgba(0, 0, 0, 0.08);
opacity: 1;
font-size: 14px;
padding-top: 12px;
.iconfont {
margin-right: 18px;
margin-left: 7px;
}
/deep/ .el-submenu ul>li {
// background-color: #1C1D27 !important;
}
/deep/ .el-menu /deep/ .el-submenu__title:hover {
// background-color: #2F313D !important;
}
/deep/ .el-menu-item.is-active {
background-color: rgba(33, 150, 243, 0.2) !important;
color: #fff;
i {
color: #2962FF;
}
}
/deep/ .el-menu-item,
/deep/ .el-submenu {
border-left: 3px solid transparent;
}
/deep/ .el-menu-item,
/deep/ .el-submenu__title {
height: 52px;
line-height: 52px;
}
/deep/ .el-divider--horizontal {
width: 70%;
margin: 10px 0 10px 30px;
background-color: #12131B;
}
/deep/ .el-scrollbar {
.el-scrollbar__wrap {
overflow-x: hidden;
.el-scrollbar__view {
height: 100%;
}
.el-menu {
/*margin-top:10px;*/
width: 100%;
height: 100%;
.el-submenu:not(.is-opened) {
.el-submenu__icon-arrow {
transform: rotateZ(-90deg);
}
}
.el-submenu.is-opened {
.el-submenu__icon-arrow {
transform: rotateZ(180deg);
}
}
.el-menu-item.is-active {
color: $base-color;
/*background:$-left-active-background !important;*/
font-weight: bold;
/*border-right:$-left-active-background-border;*/
}
.el-menu-item,
.el-submenu__title {
font-size: 14px;
}
/*/deep/ .el-submenu__title:hover{
background-color:#ecf5ff !important;
}*/
.el-menu.el-menu--inline li {
padding-left: 59px !important;
}
.el-submenu__icon-arrow {
font-size: 15px;
}
}
}
}
}
\ No newline at end of file
src/components/bshChildrenQuery.vue
......@@ -7,7 +7,7 @@
<div class="bottom"></div>
</div>
</div> -->
<div class="Content paneDiv paneDiv2" style="margin: 8px 20px">
<div v-if="pageBs != 'rgcbDetail'" class="Content paneDiv paneDiv2" style="margin: 8px 20px">
<div class="cxtjWrap">
<el-form
label-position="right"
......@@ -262,7 +262,7 @@
@expand-change="rowClick"
:row-class-name="tableRowClassName"
>
<el-table-column type="expand">
<!-- <el-table-column type="expand">
<template slot-scope="props">
<el-table
id="ajzbQuery"
......@@ -349,7 +349,7 @@
</el-table-column>
</el-table>
</template>
</el-table-column>
</el-table-column> -->
<el-table-column
align="center"
v-for="columnTitle in propdefaultFormThead"
......@@ -456,7 +456,7 @@
width="200"
>
<template slot-scope="scope">
<span
<!-- <span
style="cursor: pointer; color: #096cc9"
@click="turnToEdit(scope.row, 'add')"
>
......@@ -467,6 +467,12 @@
@click="turnToEdit(scope.row, 'delete')"
>
<i class="el-icon-delete"></i>删除
</span> -->
<span
style="cursor: pointer; color: #096cc9"
@click="rowClick(scope.row, scope.column)"
>
<i class="el-icon-edit-outline"></i> 详情
</span>
</template>
</el-table-column>
......@@ -600,14 +606,44 @@ export default {
})
}
},
// rowClick (row, column, event) {
// var self = this
// self.showLoading()
// let formData = {};
// (formData.xszajbh = row.xszajbh),
// (formData.start = 1),
// (formData.length = 10)
// var index = self.tableData.findIndex(item => item.xszajbh == row.xszajbh)
// post(this.childrenUrl, formData).then(response => {
// if (response.code == 200) {
// self.tableData[index].children = response.data.data
// self.closeLoading()
// } else {
// /*self.$message({
// type: "error",
// message: response.data.message
// });*/
// self.closeLoading()
// }
// })
// },
rowClick (row, column, event) {
var self = this
self.showLoading()
let formData = {}
;(formData.xszajbh = row.xszajbh),
let formData = {};
(formData.xszajbh = row.xszajbh),
(formData.start = 1),
(formData.length = 10)
var index = self.tableData.findIndex(item => item.xszajbh == row.xszajbh)
this.$router.pushToTab({
path: 'rgcbDetail',
query: {
childrenUrl: this.childrenUrl,
formData: JSON.stringify(formData),
}
})
post(this.childrenUrl, formData).then(response => {
if (response.code == 200) {
self.tableData[index].children = response.data.data
......
src/components/form.vue 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/components/zdryGl/ptCxForm_components.vue 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/layout/zdryLayout.vue 0 → 100644
<template>
<!--左侧导航-->
<div>
<div class="headerTitle">
<img src="../assets/img/login/jinhui.png" alt="" /><span
>重点人员犯罪管理</span
>
</div>
<div style="display: flex" class="queryContent">
<div
class="leftMenu"
:style="{ width: isCollapse == true ? '72px' : '240px' }"
>
<el-scrollbar style="height: 100%">
<el-menu
@select="changeSidebar"
:default-active="activeIndex"
@open="handleMenuOpen"
@close="handleMenuClose"
:collapse="isCollapse"
:unique-opened="isOpenOnly"
active-text-color="#007AFF"
background-color="#ffffff"
text-color="rgba(90, 93, 103, 1)"
ref="menu"
router
>
<div class="menu_wrap" v-for="item in leftMenus" :key="item.index">
<el-menu-item :index="item.index" v-if="item.hasChildren == false"
><i :class="item.className"></i>{{ item.label }}</el-menu-item
>
<el-submenu :index="item.index" v-if="item.hasChildren == true">
<template slot="title">
<i :class="item.className"></i>
<span slot="title" style="color: #343a3f !important">{{
item.label
}}</span>
</template>
<el-menu-item
:index="subitem.index"
v-for="(subitem, index) in item.children"
:key="index"
><i
class="iconfont iconquanxianjiesuo"
v-show="subitem.disabled"
></i
>{{ subitem.label }}</el-menu-item
>
</el-submenu>
</div>
</el-menu>
</el-scrollbar>
</div>
<div class="rightContent">
<div v-if="!$route.meta.isAdd">
<el-tabs
v-model="activeName"
@tab-click="handleClick"
class="topMenu"
>
<el-tab-pane
:label="item.label"
:name="item.id"
v-for="item in topMenus"
:key="item.id"
>
</el-tab-pane>
</el-tabs>
</div>
<router-view />
</div>
</div>
</div>
</template>
<script>
import { mapGetters } from "vuex";
export default {
name: "leftMenu_components",
props: {
isCollapseP: Boolean,
},
data() {
return {
isOpenOnly: true,
isCollapse: this.isCollapseP,
activeIndex: "1",
navList: [],
leftMenus: [],
topMenus: [],
activeName: "queryGzry",
breadcrumbList: [],
};
},
computed: {
...mapGetters(["topMenu", "Breadcrumbs", "leftMenu"]),
},
created() {
this.navList = JSON.parse(sessionStorage.getItem("navList"));
this.activeIndex = sessionStorage.getItem("routerPath") || this.$route.name;
this.activeName = this.$route.name;
console.log(this.topMenu);
this.topMenus = this.topMenu;
this.breadcrumbList = this.Breadcrumbs;
this.leftMenus = this.leftMenu;
},
watch: {
isCollapseP(val) {
this.isCollapse = val;
},
topMenu(val) {
this.topMenus = val;
this.activeName = val[0].id;
},
breadcrumbList(val) {
this.breadcrumbList = val;
},
leftMenu(val) {
this.leftMenus = val;
},
},
methods: {
goDetail(item) {
this.$router.push(item.to);
},
navAuth() {
var self = this;
if (self.navList.length > 0) {
self.leftMenu.forEach((item) => {
if (item.children) {
item.children.forEach((subItem) => {
if (subItem.auth) {
let flags = self.navList.findIndex(
(sub) => sub == subItem.auth
);
if (flags < 0) {
self.$set(subItem, "disabled", true);
} else {
self.$set(subItem, "disabled", false);
}
}
});
} else {
if (item.auth) {
let flag = self.navList.findIndex((sub) => sub == item.auth);
if (flag < 0) {
self.$set(item, "disabled", true);
} else {
self.$set(item, "disabled", false);
}
}
}
});
}
},
handleClick(tab) {
this.activeName = tab.name;
this.$router.push(tab.name);
},
handleMenuOpen(key, keyPath) {
console.log(key, keyPath);
},
handleMenuClose(key, keyPath) {
console.log(key, keyPath);
},
changeSidebar(index) {
sessionStorage.setItem("routerPath", index);
},
},
mounted() {
let self = this;
},
};
</script>
<style>
</style>
<style scoped lang="scss">
@import "../assets/styles/zdrycss/leftMenu.scss";
</style>
src/router/index.js
......@@ -5,6 +5,7 @@ import { getToken } from "../utils/auth";
import { Message } from "element-ui";
import indexRoutes from "./modules/index";
import rightContentRoutes from "./modules/rightContent";
import zdryglRoutes from "./modules/zdrygl";
const originalPush = VueRouter.prototype.push;
VueRouter.prototype.push = function push(location) {
......@@ -26,7 +27,8 @@ Vue.use(VueRouter);
const mainRouters = [
...indexRoutes,
rightContentRoutes,
...rightContentRoutes,
zdryglRoutes,
{
path: "*",
name: "error",
......
src/router/modules/rightContent.js
......@@ -16,6 +16,7 @@ const menuLayouts = [
},
component: () => import("@/views/cbyp/rgcb.vue")
},
{
path: "/wdxlaj",
name: "wdxlaj",
......@@ -50,8 +51,15 @@ const menuLayouts = [
},
];
export default {
export default [{
path: "/right",
component: menuLayout,
children: [...menuLayouts]
};
\ No newline at end of file
children: [...menuLayouts,]
},{
path: "/rgcbDetail",
name: "rgcbDetail",
meta: {
title: '类案串并'
},
component: () => import("@/views/cbyp/rgcbDetail.vue")
},];
\ No newline at end of file
src/router/modules/zdrygl.js 0 → 100644
/*
* @Author: your name
* @Date: 2021-09-03 09:32:50
* @LastEditTime: 2021-10-19 11:39:57
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\router\modules\zdry.js
*/
import menuLayout from "@/layout/zdryLayout.vue";
const menuLayouts = [
{
path: "/zdryGl",
name: "zdryGl",
meta: {
title: '重点人员信息管理'
},
component: () => import("@/views/zdrygl/zdryGl.vue")
},
{
path: "/myaddZdry",
name: "myaddZdry",
meta: {
title: '我添加的人员'
},
component: () => import("@/views/zdrygl/myaddZdry.vue")
},
{
path: "/rySp",
name: "rySp",
meta: {
title: '人员审批'
},
component: () => import("@/views/zdrygl/rySp.vue")
},
{
path: "/dytj",
name: "dytj",
meta: {
title: '地域统计'
},
component: () => import("@/views/zdrygl/dytj.vue")
},
{
path: "/xbtj",
name: "xbtj",
meta: {
title: '性别统计'
},
component: () => import("@/views/zdrygl/xbtj.vue")
},
{
path: "/lbtj",
name: "lbtj",
meta: {
title: '类别统计'
},
component: () => import("@/views/zdrygl/lbtj.vue")
}, {
path: "/zdryDetail",
name: "zdryDetail",
meta: {
title: '重点人员详情'
},
component: () => import("@/views/zdrygl/zdryDetail.vue")
}, {
path: "/myaddZdryInsert",
name: "myaddZdryInsert",
meta: {
title: '添加重点人员'
},
component: () => import("@/views/zdrygl/myaddZdryInsert.vue")
},
// {
// path: "/yjrwGl",
// name: "yjrwGl",
// meta: {
// title: '预警任务管理'
// },
// component: () => import("@/views/zdrygl/yjrwGl.vue")
// },
// {
// path: "/addYjrw",
// name: "addYjrw",
// meta: {
// title: '任务新增'
// },
// component: () => import("@/views/zdrygl/addYjrw.vue")
// }
];
export default {
path: "/right",
component: menuLayout,
children: [...menuLayouts]
};
\ No newline at end of file
src/store/getters.js
......@@ -3,7 +3,12 @@ const getters = {
defaultGoodsImage: state => state.user.defaultGoodsImage,
defaultCarImage: state => state.user.defaultCarImage,
logs: state => state.user.logs,
userAuth: state => state.user.userAuth
userAuth: state => state.user.userAuth,
topMenu: state => state.user.topMenu,
leftMenu: state => state.user.leftMenu,
Breadcrumbs: state => state.user.Breadcrumbs,
header: state => state.user.header,
mxglList: state => state.mxgl.mxglList
};
export default getters;
src/store/index.js
......@@ -3,12 +3,14 @@ import Vuex from "vuex";
import getters from "./getters";
import createPersistedState from "vuex-persistedstate";
import user from "./modules/user";
import mxgl from "./modules/mxgl";
Vue.use(Vuex);
const store = new Vuex.Store({
modules: {
user
user,
mxgl
},
getters,
plugins: [
......
src/store/modules/mxgl.js 0 → 100644
const state = {
mxglList: []
}
const mutations = {
GET_MXGLLIST: (state, data) => {
state.mxglList.push(data)
console.log('state.mxglList', state.mxglList)
}
}
const actions = {
}
export default {
namespaced: true,
state,
mutations,
actions
}
\ No newline at end of file
src/store/modules/user.js
......@@ -10,7 +10,11 @@ const state = {
// request: ""
// }
logs: [],
userAuth: ""
userAuth: "",
topMenu: [],
leftMenu: [],
Breadcrumbs: [],
header: ''
};
const mutations = {
......@@ -22,6 +26,18 @@ const mutations = {
},
SET_Auth: (state, content) => {
state.userAuth = content;
},
SET_Menu: (state, content) => {
state.topMenu = content;
},
SET_Breadcrumb: (state, content) => {
state.Breadcrumbs = content;
},
SET_LeftMenu: (state, content) => {
state.leftMenu = content;
},
SET_Header: (state, content) => {
state.header = content;
}
};
......
src/store/modules/zdjson.js 0 → 100644
const state = {
CODE_MZ: {}
}
const mutations = {
GET_CODEMZ: (state, data) => {
debugger
state.CODE_MZ = data
}
}
const actions = {
}
export default {
namespaced: true,
state,
mutations,
actions
}
\ No newline at end of file
src/views/cbyp/rgcbDetail.vue 0 → 100644
<template>
<div class="Content">
<el-table
id="ajzbQuery"
border
v-loading="tableLoading"
element-loading-text="拼命加载中"
ref="itsmDataTables"
:data="tableData"
tooltip-effect="dark"
max-height="600"
style="width: 99%; margin: 0 auto"
width="100%"
size="small"
>
<el-table-column
align="center"
v-for="columnTitle in cxDefaultFormThead"
: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-if="columnTitle.prop == 'asjbh'"
@click="goDetail(scope.row)"
style="
cursor: pointer;
color: #096cc9;
font-size: 13px !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
"
>
{{ scope.row[columnTitle.prop] }}
</div>
<div v-else v-html="scope.row[columnTitle.prop]"></div>
</template>
</el-table-column>
</el-table>
</div>
</template>
<script>
import rightContent from "@c/bshChildrenQuery.vue";
import { get, post, postform } from '@/utils/http.js'
export default {
name: "rgcb",
components: {
rightContent,
},
data() {
return {
header: "立案信息管理",
pageBs: "rgcbDetail",
tableLoading: false,
tableData: [],
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'
// }
{
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",
},
],
// 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: '/api/cbxsz/toQueryXszxx',
cxUrl: '',
childrenUrl: "",
};
},
mounted() {
let self = this;
console.log(this.$route.query);
post(this.$route.query.childrenUrl, JSON.parse(this.$route.query.formData)).then(
(response) => {
if (response.code == 200) {
self.tableData = response.data.data;
} else {
}
}
);
},
};
</script>
<style>
@import "../../assets/styles/queryCommon.scss";
</style>
<style scoped lang="scss">
@import "../../assets/styles/rightContent.scss";
</style>
<style scoped>
.Content {
width: 60%;
margin: 20px auto;
padding: 20px;
background-color: #fff;
}
</style>
\ No newline at end of file
src/views/index/home.vue
......@@ -62,7 +62,7 @@ export default {
lock: false,
},
{
id: "/zdry",
id: "/zdryGl",
url: require("../../assets/img/nav4.png"), //串并研判
lock: false,
},
......@@ -100,11 +100,12 @@ export default {
goDetail(item) {
debugger;
if (item.id == "/zdry") {
zdryLogin({
zjhm: "34222419830726005X",
}).then((result) => {
window.open("http://26.3.14.165:8088/zdGzry/index", "_blank");
});
// zdryLogin({
// zjhm: "34222419830726005X",
// }).then((result) => {
// window.open("http://26.3.14.165:8088/zdGzry/index", "_blank");
// });
this.$router.pushToTab(item.id);
} else if (item.isClock && !this.isInclude) {
return;
} else if (item.lock) {
......
src/views/index/login.vue
......@@ -97,7 +97,7 @@ export default {
password: [{ required: true, message: "请输入密码", trigger: "blur" }],
},
checked: false,
ifShowForm: false,
ifShowForm: true,
};
},
methods: {
......
src/views/zdrygl/myaddZdry.vue 0 → 100644
<template>
<div class="Content">
<right-content
:pageBs="pageBs"
:header="header"
:cxFormData="cxFormData"
:cxQueryField="cxQueryField"
:cxDefaultFormThead="cxDefaultFormThead"
:cxUrl="cxUrl"
@add="add"
@toInfor="toInfor"
>
<template #btnGroup="scope">
<span class="hbyp" @click="edit(scope.scope)">修改</span>
<span class="hbyp" @click="edit(scope.scope)">删除</span>
</template>
</right-content>
</div>
</template>
<script>
import { getRybq } from "@/api/zdry/zdryGl.js";
import { deleteAddZdry } from "@/api/zdry/zdrysp.js";
import rightContent from "@c/zdryGl/ptCxForm_components.vue";
export default {
name: "zdryGl",
components: {
rightContent,
},
data() {
return {
header: "重点人员信息管理",
pageBs: "myaddZdry",
cxFormData: {
limit: 10,
page: 1,
},
cxQueryField: [
// {
// name: '',
// id: 'zdyCode',
// type: 'checkbox',
// value: '01',
// placeholder: '',
// col: '1',
// checkList: [
// { label: '电信网络诈骗', val: 'zd010002' },
// { label: '涉黑涉恶', val: 'zd010006' },
// { label: '团伙作案', val: 'zd010018' },
// { label: '一人多案', val: 'zd010015' }
// ]
// },
{
name: "人员分类",
id: "ryfl",
type: "codeTreeDialog",
value: "",
placeholder: "请选择",
col: "3",
multiple: true,
codeOptions: [],
codeTree: "CODE_ZDGZRYFL",
},
{
name: "姓名",
id: "xm",
type: "text",
value: "",
placeholder: "",
col: "3",
},
{
name: "证件号码",
id: "zjhm",
type: "text",
value: "",
placeholder: "",
col: "3",
},
{
name: "户籍地区划",
id: "xzqhdm",
type: "codeTreeDialog",
props: "checkEmpty",
value: "",
placeholder: "请选择",
col: "3",
codeOptions: [],
codeTree: "CODE_XZQH",
},
{
name: "案件主类别",
id: "ajzlb",
type: "codeTreeDialog",
props: "checkEmpty",
value: "",
placeholder: "请选择",
col: "3",
codeOptions: [],
codeTree: "CODE_AJZLB",
},
{
name: "刑事类案案别",
id: "xalbdmbcms",
type: "codeTreeDialog",
props: "checkEmpty",
value: "",
placeholder: "请选择",
col: "3",
codeOptions: [],
codeTree: "CODE_XALBDMBCMS",
},
{
name: "案件类别",
id: "ajlbCode",
type: "codeTreeDialog",
props: "checkEmpty",
value: "",
placeholder: "请选择",
col: "3",
codeOptions: [],
codeTree: "CODE_AJLB",
},
// {
// name: "自定义标签",
// id: "zdyCodeTxt",
// type: "select",
// value: "",
// col: "3",
// selectData: [],
// },
{
name: "人员标签",
id: "zdyCode",
type: "select",
value: "",
col: "3",
selectData: [],
},
{
name: "性别",
id: "xbdm",
type: "codeTreeDialog",
props: "checkEmpty",
value: "",
placeholder: "请选择",
col: "3",
codeOptions: [],
codeTree: "CODE_XB",
},
{
name: "民族",
id: "mzdm",
type: "codeTreeDialog",
props: "checkEmpty",
value: "",
placeholder: "请选择",
col: "3",
codeOptions: [],
codeTree: "CODE_MZ_MIS",
},
{
name: "审批流程",
id: "splc",
props: "checkEmpty",
type: "select",
selectData: [
{
name: "",
value: "",
},
{
name: "暂未审批",
value: "1",
},
],
value: "",
placeholder: "请选择",
col: "3",
},
// {
// name: "审批人警号",
// id: "sprjh",
// type: "text",
// value: "",
// placeholder: "请填写",
// col: "3",
// },
],
cxDefaultFormThead: [
{
label: "姓名",
toInfor: true,
prop: "xm",
},
{
label: "身份证号",
prop: "zjhm",
},
{
label: "作案年龄",
prop: "zanl",
},
{
label: "人员标签",
prop: "codeTxt",
width: "200",
},
{
label: "人员分类",
prop: "ryflText",
width: "200",
},
{
label: "案件类别",
prop: "ajlbCodeTxt",
width: "350px",
},
{
label: "审批流程",
prop: "splcText",
},
{
label: "审批意见",
prop: "spyj",
},
],
cxUrl: "/zdGzry/getZdGzryxx",
Menu: [
{
id: "myaddZdry",
label: "我添加的重点人员",
index: "myaddZdry",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
],
};
},
created() {
this.$store.commit("user/SET_Menu", this.Menu);
this.getCode();
// debugger;
},
methods: {
getCode() {
let arr = [];
getRybq().then((res) => {
res.data.rows.forEach((item) => {
arr.push({
value: item.code,
name: item.name,
});
});
});
this.$set(this.cxQueryField[6], "selectData", arr);
},
add() {
this.$router.pushToTab("/myaddZdryInsert");
},
edit(scope) {
this.$router.pushToTab({
path: "/myaddZdryInsert",
query: { id: scope.row.id },
});
},
dele(scope) {
this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
let params = new FormData();
params.sppend("id", this.id);
deleteAddZdry(params).then((res) => {
if (res.success && res.code == 200) {
this.$message({
type: "success",
message: "删除成功",
});
this.$refs.rightContent.doQuery("yes");
}
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除",
});
});
console.log(scope.row.id);
},
toInfor(data) {
this.$router.pushToTab({
path: "/zdryDetail",
query: {
id: data.id,
},
});
},
},
};
</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;
}
.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";
.hbyp {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 22px;
color: #007aff;
margin-right: 16px;
cursor: pointer;
}
</style>
src/views/zdrygl/zdryDetail.vue 0 → 100644
<!--
* @Author: your name
* @Date: 2021-08-31 09:52:33
* @LastEditTime: 2021-08-31 16:17:22
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\hnksh\ceshi.vue
-->
<template>
<div class="Content" id="hmxsDetail">
<right-content
:cxQueryField="cxQueryField"
:pageObject="pageObject"
:pageFooterProps="pageFooterProps"
labelWidth="110px"
title="我添加的重点人员详情"
>
</right-content>
</div>
</template>
<script>
import rightContent from "@c/PersonInfor.vue";
import { infoAddZdry } from "@/api/zdry/zdrysp.js";
import { get, post, postform, postJson } from "@/utils/http.js";
export default {
name: "queryAj",
components: {
rightContent,
},
data() {
return {
pageFooterProps: [
{
label: "审批人姓名:",
prop: "sprxm",
col: "3",
},
{
label: "审批人警号:",
prop: "sprjh",
col: "3",
},
],
cxQueryField: [
{
title: "",
id: 1,
objStr: "", //对象中的对应字段
data: [
{
label: "姓名:",
prop: "xm",
col: "3",
},
{
label: "性别:",
prop: "xbdmText",
col: "3",
},
{
label: "作案年龄:",
prop: "zanl",
col: "3",
},
{
label: "出生日期:",
prop: "csrq",
col: "3",
},
{
label: "身份证号:",
prop: "zjhm",
col: "3",
},
{
label: "民族:",
prop: "mzdmText",
col: "3",
},
{
label: "户籍地区划:",
prop: "xzqhdmText",
col: "3",
},
{
label: "案件类别:",
prop: "ajlbCodeTxt",
col: "3",
},
{
label: "人员标签:",
prop: "codeTxt",
col: "3",
},
{
label: "审批人姓名:",
prop: "sprxm",
col: "3",
},
{
label: "审批人警号:",
prop: "sprjh",
col: "3",
},
{
label: "人员分类:",
prop: "ryflText",
col: "3",
},
],
},
],
pageObject: {},
id: "",
};
},
mounted() {},
methods: {
// getInfor() {
// let params = new FormData();
// params.append("id", this.id);
// infoAddZdry(params).then((res) => {
// if (res.success && res.code == 200) {
// this.pageObject = res.data.data;
// }
// });
// },
getInfor() {
let params = new FormData();
params.append("xxzjbh", this.xxzjbh);
let loading = this.$loading({
lock: true,
text: "正在加载...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
var self = this;
params.append("id", this.id);
infoAddZdry(params).then((res) => {
if (res.success && res.code == 200) {
var result = res.data.data;
result.ajlbCodeTxt = result.ajlbCodeTxt.split("#").slice(1).toString();
result.ryflText = result.ryflText.split("#").slice(1).toString();
result.codeTxt = result.codeTxt.split("#").slice(1).toString();
self.pageObject = result;
loading.close();
debugger;
}
});
},
},
created() {
this.id = this.$route.query.id;
this.getInfor();
},
};
</script>
<style scoped lang="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