Skip to content

F
founder_vue
Commit 42b950ae by zhao_shaonan
Options

新增布控信息模块以及西藏地址改动

parent 7c43d710
Showing with 570 additions and 7 deletions
src/api/base.js
......@@ -53,7 +53,7 @@ if (relUrlIp == "133.8.5.1"||
//base.ZhiTu_url = "http://39.99.159.210:8053";
//------------------------------脑图后台服务路径**公安网**--------------------------------
//base.bigwfwurl = "http://77.1.24.51:8050";
}else if(relUrlIp == "89.0.23.236"){
}else if(relUrlIp == "89.0.23.239"){
base.BaseURL="/apiAjzbXzGaw"
//------------------------------刑专二期（日志）服务路径**公安网**--------------------------------
base.rzURL="/apiXzxtXzGaw"
......
src/assets/styles/form.scss
......@@ -79,6 +79,8 @@
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;
......
src/assets/styles/main.scss
......@@ -8,7 +8,7 @@ $base-color: #126CE4;
$base-color-success: #0BD9B6;
$base-color-warning: #F56C6C;
$base-color-info: #FE9200;
$body-bg: #F1F3F6;
$body-bg: #E3E3E3;
$delete-color:#F56C6C;
/* 文字基本颜色 */
$ns-text-color: #333333; /*基本色*/
......@@ -21,7 +21,7 @@ $ns-font-size-lg: 16px;
$ns-font-size-tab-title: 24px;
$ns-font-size-title: 30px;
/*头部*/
$header-height:60px;
$header-height:56px;
$header-fontSize:20px;
/*区域宽度*/
$wrap-width:1400px;
......@@ -41,6 +41,10 @@ body {
#nprogress .bar {
background: $base-color !important;/*自定义颜色*/
}
/deep/ .el-button--primary{
background: #0070F4;
box-shadow: 0px 4px 4px rgba(26, 129, 225, 0.3);
}
/*input框 字典图标hover 删除图标hover start 已选条件得标签删除图标大小*/
.iconzidianmaxuanze:hover{color: #70747c;}
.el-input .el-input__clear{font-size:16px;}
......
src/assets/styles/publicScss.scss 0 → 100644
$-font-family:Arial,Helvetica,SimSun,sans-serif;//字体
$-fontSize12:12px;//字体大小
$-fontSize14:14px;//字体大小
$-fontSize16:16px;//字体大小
$-fontSize18:18px;//字体大小
$-active-color:#409EFF;//激活得颜色
$-class-theme:#409EFF;//左上角logo背景色
$-hover-background:#ecf5ff;//menu得hover得背景色
$-text-theme:#fff;
$-left-minWidth:70px;
$-left-maxWidth:200px;
$-left-lineHeight:70px;
$-margin:10px;//间距
$-Height-title:36px;//标题高度
$-left:left;//左对齐
$-textIndent:15px;//缩进
$-header-height:60px;//页面头部高度
$-header-background:#126ce4;//页面头部背景#1A81E1/*#003663*/
$-left-active-background:rgba(64, 158, 255 ,0.08);//左侧选中及hover背景色
$-left-active-background-border:6px solid #409EFF;//左侧选中及hover背景右侧边框
$-color:#1A81E1;/*字体蓝*/
$-color2:#FE9200;/*按钮黄*/
.ar{text-align: right;margin:10px 0;}
.el-loading-mask{ background-color: rgba(255,255,255,.6);}
body {
margin: 0;
font-family: "微软雅黑";
font-size: $-fontSize14;
overflow-x: hidden;
.cursor{cursor: pointer;}
.blue{font-size:18px;margin-right:5px;color:$-color;}
.zt01{color:$-color}
.zt02{color:green;}
.zt03{color:red;}
/*用采合一*/
.popUl{width:187px;background-color:#f3f7f8;border:1px solid #bbb;padding:0 1px;margin-bottom:-10px;position:relative;border-radius:4px;box-shadow: 3px 3px 5px #999;}
.popUl li{clear:both;display:block;height:30px;line-height:30px;border-top:1px #dedede dashed;padding-left:10px;margin:2px 1px 0 1px;cursor:pointer;color:#444;}
.popUl li i{color: #51b1df;position: relative;top: 1px;margin-right:2px;}
.popUl li a{display:block;color:#444;margin-left:25px;}
.popUl li:hover{background-color:#ededed;font-weight:bold;}
.popUl li:hover i{font-weight:100;}
.popUl li:hover a{color:#FF6600;}
.popUl li .icon,.search_icon,.note_icon,.peer_icon,.associate_icon{width:16px;height:16px;float:left;margin-top:6px;}
.popUl h4{height:26px;line-height:26px;background-color:#efefef;text-align:center;font-size:12px;color:#333;}
/*deep*/
/deep/ .el-pagination{text-align: center;margin:5px 0;}
/*svg图标通用样式 start*/
.alSvgIcon {
width: 1em;
height: 1em;
fill: currentColor;
overflow: hidden;
}
.menuIcon{
font-size: 19px;
vertical-align: middle;
position: relative;
top: -2px;
cursor: pointer;
}
/**/
.addBtn,.removeBtn{font-size:16px;margin-right:5px;cursor: pointer;}
.el-table--mini, .el-table--small, .el-table__expand-icon,.el-button--mini, .el-button--small{font-size: $-fontSize14;}/*ui插件库默认12px得，需要覆盖与整体字体大小一致*/
h1, h2, h3, h4, h5, p, ul, li {
margin: 0;
padding: 0;
}
.color1{color:$-color;}/*字体蓝颜色*/
.ac{text-align: center;}/*居中对齐*/
.ar{text-align: right;}/*右对齐*/
.mg10{margin:0 10px;}/*左右间距10px*/
.fa-zdy20{font-size: 20px;margin-right: 2px;}/*fa字体库20px 右间距2px*/
.el-form-item__error{padding-top:0px;}
/*拖拽*/
.list-group-item {
cursor: move;
}
.el-dialog__body{padding:10px 15px;}
.el-dialog__footer{
padding:10px;
}
.success-row {
background-color: #fbf9f4 !important;
}
/*button*/
.el-button--primary{background: #1A81E1;}
.zdybtn.el-button{
height: 36px;
line-height: 36px;
padding: 0;
width: 130px;
text-align: center;
}
.main{
width:100%;/*height:100%;overflow: hidden;*/
.header{width:100%;height:$-header-height;line-height: $-header-height;background:$-header-background;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08);font-size:24px;text-indent: 36px;color:#fff;font-weight:bold;}
.content{width:100%;/*height:calc(100vh - 60px);*//*overflow: hidden;*/display: flex; background: #f1f1f1;}
.flTtitle{display:inline-block;height:40px;line-height: 40px;padding:0 24px;border-radius: 0px 0px 22px 4px;background: #73A4D1;color:#fff;}
}
.el-badge__content{opacity: 1 !important;transform: none !important;}
/*左侧菜单*/
.leftMenu{
width: 200px;
height: 100%;
background: #fff;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08);
opacity: 1;
overflow-y:auto;
font-size: $-fontSize14;
.el-menu{
margin-top:20px;
height:calc(100% - 20px);
.el-menu-item.is-active{
background:$-left-active-background !important;
font-weight:bold;
border-right:$-left-active-background-border;
}
}
}
/*右侧区域*/
.rightContainer {
width:100%;
/*width: calc(100% - 200px);*/
/*flex: 1;
height: 100%;
overflow-y: auto;*/
overflow-x: hidden;
}
.paneDiv {
background: #FFFFFF;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
opacity: 1;
border-radius: 4px;
margin: 15px;
padding: 0 10px 5px 0;
}
}
src/assets/styles/rightContent.scss
......@@ -34,7 +34,10 @@
margin-left: 28px;
margin-right: 139px;
}
.export{margin-right:-16px !important;width:104px;border: 1px solid #CFCFCF;position: relative;top: -1px;}
.export{background: #0070F4;color:#fff;margin-right:-16px !important;width:104px;border: 1px solid #CFCFCF;position: relative;top: -1px;}
.add{
background: #FE9200;color:#fff;width:104px;border: 1px solid #CFCFCF;position: relative;top: -1px;
}
.cx-btn{
margin:10px 0;
margin-right:25px;
......
src/assets/styles/table.scss
......@@ -5,13 +5,16 @@
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: #FFFFFF;
background: #0070F4;
border: 1px solid #707070;
opacity: 1;
border-radius: 4px; vertical-align: middle;padding:0px;width:88px;color:#333;margin-top:-12px;}
border-radius: 4px; vertical-align: middle;padding:0px;width:88px;color:#fff;margin-top:-12px;}
/*结果筛选*/
.sxWrap{
......
src/assets/styles/xcStyle.scss 0 → 100644
@import './publicScss.scss';
#newCases{
.leftMenu{
/*案件侦办的左侧菜单没有展开收起的按钮，查询界面左侧菜单有展开收起按钮，高度不一致*/
.el-menu{height:69px !important;max-height:calc(100% - 32px);margin-top:0px;}
}
.paneDiv{
padding: 0 10px 8px 10px;
.asjbh{color:$-color;}
.zdy_tag{display: inline-block;padding:0 8px;height: 20px;line-height:20px;color:#666666;font-size:12px;background: #e9e9e9;opacity: 1;border-radius: 2px;}
.zdyLine{
line-height: 30px;display: table;width:100%;margin:4px 0; border-bottom: 1px dashed #eaeaea; padding-bottom: 2px;
.zdycol3{display: inline-block;width:33%;}
.zdycol2{display: inline-block;width:33%;margin-right: 33% !important;}
.zdycol1{display: inline-block;width:66%;}
.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%;}
.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:30px;vertical-align: middle;}
.input-new-tag.el-input{width:100px;}
.zdyInputCol2{
.el-input{width:calc((100% - 28px)/2);}
}
[class*="zdycol"]{margin:1px 0;}
/*
.el-range-editor.el-input__inner{vertical-align: bottom;}
*/
.zdyInputW>span{width:100%;display: inline-block;}
.zdyInputW>span.el-tag{width:auto;}
}
/*fugai*/
.el-range-editor .el-range-input{font-family: inherit;}
.el-date-editor .el-range__icon{line-height: 19px;}
.el-range-editor .el-range-input{vertical-align: top;}
.el-date-editor .el-range-separator{
vertical-align: top;
line-height: 20px;
}
.el-tag {background-color: #5faeff;color:#fff;height:28px;line-height: 26px; margin: 4px 6px;}
.el-tag .el-tag__close{color:#fff;}
.el-table th>.cell,#newCases .el-table .cell{text-align: center;}
.none {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ajxq_s,.ajxq_n{
line-height:26px;
/*overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;*/
}
.el-pagination{margin:5px 0;text-align: center;}
.el-pagination button,#newCases .el-pager li{min-width:24px;height:24px;line-height: 24px;}
}
.cxkjCode{display: inline-block;padding:0 10px;height: 32px;cursor:pointer;margin:0 8px;line-height:32px;background: #FFFFFF;border: 1px solid #DCDFE6;border-radius: 4px;color:#555;}
.activeCode{background: #1A81E1;color:#fff;border:none;}
.al{
text-align: left;
.XzBt{text-align: right;width:76px;display: inline-block;font-weight:600;}
.XzWrap{width:calc(100% - 100px);display: inline-block;}
}
.setting{color:#1A81E1;margin:0 15px;cursor: pointer;font-size:14px;}
.pzhIcon{margin-right:2px;font-size:16px;position: relative;top: 2px;}
}
src/components/ptCxForm_components.vue
......@@ -195,7 +195,14 @@
<div
style="height:30px;line-height: 30px;text-align: right;font-size:12px;display: inline-block;width: calc(100% - 140px);"
>
<span class="total">共有{{ tableDataLength }}条查询结果</span>
<el-button plain class="zdybtn add" size="small" @click="addList('add')" v-if="excelHeader.indexOf('布控信息查询')!=-1"><i
class="el-icon-plus"
aria-hidden="true"
style="margin-right:5px;"
></i
>新增</el-button
>
<span class="total" :style="{float:excelHeader.indexOf('布控信息查询')!=-1?'left':'inherit'}">共有{{ tableDataLength }}条查询结果</span>
<el-button plain class="zdybtn export" size="small" @click="export2Excel"
><i
class="fa fa-external-link"
......@@ -204,6 +211,7 @@
></i
>导出</el-button
>
</div>
</el-col>
</el-row>
......@@ -233,6 +241,14 @@
</template>
</el-table-column>
<el-table-column
align="center"
label="操作"
width="100" v-if="excelHeader.indexOf('布控信息查询')!=-1">
<template slot-scope="scope">
<el-button @click="addList('edit',scope.row)" type="text" size="small">修改</el-button>
</template>
</el-table-column>
<el-table-column
align="center"
:min-width="
columnTitle.width
......@@ -390,6 +406,19 @@ export default {
};
},
methods: {
addList(type,item){
let query;
if(type=='add'){
query={header: this.excelHeader,type:'add',asjbh:this.$route.query['asjbh']};
}else if(type=='edit'){
query={header: this.excelHeader,type:'edit',asjbh:this.$route.query['asjbh'],xxzjbh:item.xxzjbh};
}
let routeData = this.$router.resolve({
path: "/bshbkXgIndex",
query: query
});
window.open(routeData.href, "_blank");
},
enter(obj,path){
this.$router.push({
name: path,
......
src/router/modules/index.js
......@@ -58,6 +58,24 @@ export default[
component: () => import("@/views/ryxxhc/ryxxkcDetail.vue")
},
{
path: "/bshbkIndex",
name: "bshbkIndex",
meta: {
title: '布控信息查询',
auth: 5
},
component: () => import("@/views/bshbk/index.vue")
},
{
path: "/bshbkXgIndex",
name: "bshbkXgIndex",
meta: {
title: '布控信息',
auth: 5
},
component: () => import("@/views/bshbk/bshbkEdit.vue")
},
{
path: "/rzcxIndex",
name: "rzcxIndex",
meta: {
......
src/utils/params.js
......@@ -11867,6 +11867,213 @@ let ypyjCxForm={
asjbh:'',
ywbh:'',
};
/*-----------------------------------------------标识号布控---------------------------------------------------*/
let ajzbBkxxHeader = "布控信息查询";
let ajzbBkxxHeaderIcon = "iconbianjiluru";
let ajzbBkxxQueryField = [
{
name: "布控对象类型",
id: "bkdxlx",
type: "select",
value: "",
placeholder: "",
col: "3",
selectData: [
{value:'001',name:'手机号'},
{value:'002',name:'IMSI'},
{value:'003',name:'IMEI'},
{value:'004',name:'QQ'},
{value:'005',name:'微信ID'},
{value:'006',name:'MAC地址'},
{value:'007',name:'损失设备结构化图像'},
]
},
{
name: "布控对象号码",
id: "bkdxhm",
type: "text",
value: "",
placeholder: "",
col: "3"
},
];
let ajzbBkxxTableThead=[
{
label:'布控对象号码',
prop:'bkdxhm'
},{
label:'布控对象类型',
prop:'bkdxlxmc'
},/*{
label:'布控类型',
prop:'type'
},*/{
label:'开始时间',
prop:'bksjStart'
},{
label:'结束时间',
prop:'bksjEnd'
},{
label:'布控期限',
prop:'bkqx'
},{
label:'布控状态',
prop:'bkzt'
},{
label:'申请人姓名',
prop:'sqrXm'
}/*,{
label:'审批状态',
prop:'sqzt'
}*/
];
let ajzbBkxxUrl='/bkxx/queryGjBkXxList';
let ajzbBkxxFormData={
asjbh:'',
type:'01',
page:1,
limit:5,
bkdxlx:'',
bkdxhm:'',
};
/*布控信息新增页*/
let bkxxAddUpdAsjxxUrl='/bkxx/saveOrUpdateGjBkXx';
let bkxxAddHeaderTitle= "新增布控信息";
let bkxxAddFormData={
bkdxhm:'',
bkdxlx:'',
bkdxlxmc:'',
bkyj:'',
asjbh:'',
bksjStart:'',
bksjEnd:'',
bkqx:'',
type:'01',
bkyq:'',
};
/*布控信息编辑页*/
let bkxxEditFormData={
bkdxhm:'',
bkdxlx:'',
bkdxlxmc:'',
bkyj:'',
asjbh:'',
bksjStart:'',
bksjEnd:'',
bkqx:'',
type:'01',
bkyq:'',
xxzjbh:''
};
let bkxxEditUpdAsjxxUrl='/bkxx/updateGjBkXx';
let bkxxEditCx='/bkxx/getBkxxXqByXxzjbh';
let bkxxEditCxFormData={
xxzjbh:''
};
let bkxxEditHeaderTitle= "编辑布控信息";
let bkxxEditAjxxRules={
bkdxhm: [
{ required: true, message: '请输入', trigger: 'change' }
],
bkdxlx: [
{ required: true, message: '请输入', trigger: 'change' }
],
bkyj: [
{ required: true, message: '请输入', trigger: 'change' }
],
asjbh: [
{ required: true, message: '请输入', trigger: 'change' }
],
bksjStart: [
{ required: true, message: '请输入', trigger: 'change' }
],
bksjEnd: [
{ required: true, message: '请输入', trigger: 'change' }
],
bkqx: [
{ required: true, message: '请输入', trigger: 'change' }
],
bkyq: [
{ required: true, message: '请输入', trigger: 'change' }
]
};
let bkxxEditFormField=[
{
name: "布控对象号码",
id: "bkdxhm",
type: "text",
value: "",
placeholder: "",
col: "3",
/*isdisabled:true*/
},
{
name: "布控对象类型",
id: "bkdxlx",
type: "select",
value: "",
options:[
{value:'001',label:'手机号'},
{value:'002',label:'IMSI'},
{value:'003',label:'IMEI'},
{value:'004',label:'QQ'},
{value:'005',label:'微信ID'},
{value:'006',label:'MAC地址'},
{value:'007',label:'损失设备结构化图像'},
],
col: "2",
isdisabled:true
},
{
name: "布控依据",
id: "bkyj",
type: "textarea",
value: "",
col: "6",
},
{
name: "布控开始时间",
id: "bksjStart",
type: "datetime",
value: "",
col: "5",
pickerOptions:{
disabledDate(date) {
//disabledDate 文档上：设置禁用状态，参数为当前日期，要求返回 Boolean
return date.getTime() < Date.now() - 8.64e7;
}
}
},
{
name: "布控结束时间",
id: "bksjEnd",
type: "datetime",
value: "",
col: "5",
pickerOptions:{
disabledDate(date) {
return date.getTime() < Date.now() - 8.64e7;
}
}
},
{
name: "布控期限",
id: "bkqx",
type:'text',
value:'',
col:'5'
},
{
name: "布控要求",
id: "bkyq",
type: "textarea",
value: "",
col: "6",
},
];
export {
/*基础查询界面--数据*/
jccxFormData,
......@@ -12191,4 +12398,23 @@ export {
AjUrl,
AjTableThead,
AjFormData,
/*-----------------------------------------------标识号布控---------------------------------------------------*/
ajzbBkxxHeader,
ajzbBkxxHeaderIcon,
ajzbBkxxQueryField,
ajzbBkxxTableThead,
ajzbBkxxUrl,
ajzbBkxxFormData,
/*布控信息新增页*/
bkxxAddUpdAsjxxUrl,
bkxxAddHeaderTitle,
bkxxAddFormData,
/*布控信息编辑页*/
bkxxEditFormData,
bkxxEditUpdAsjxxUrl,
bkxxEditCx,
bkxxEditCxFormData,
bkxxEditHeaderTitle,
bkxxEditAjxxRules,
bkxxEditFormField,
};
src/views/Home.vue
......@@ -6,6 +6,7 @@
<el-button type="primary" @click="toRyxxhc">人员信息核查</el-button>
<el-button type="primary" @click="toYpyj">研判意见</el-button>
<el-button type="primary" @click="toDwcx">多维查询</el-button>
<el-button type="primary" @click="toBshbk">标识号布控</el-button>
<!--脑图透视详情界面-->
<p style="line-height: 50px;">-----------------脑图透视详情------------------</p>
<el-button type="primary" @click="toQsajxx">查询全省案件信息</el-button>
......@@ -128,6 +129,13 @@ export default {
});
window.open(routeData.href, "_blank");
},
toBshbk(){
let routeData = this.$router.resolve({
path: "/bshbkIndex",
query: {asjbh: 'A1500000000002017040297'}
});
window.open(routeData.href, "_blank");
},
toJccx() {
let routeData = this.$router.resolve({
path: "/jccxIndex"
......
src/views/bshbk/index.vue 0 → 100644
<template>
<div class="bshbk">
<list-header :headerTitle="headerTitle" ref="header" :headerIcon="headerIcon"></list-header>
<div class="rightContent">
<right-content :header="header" :cxFormData="cxFormData" :cxQueryField="cxQueryField" :cxDefaultFormThead="cxDefaultFormThead" :cxUrl="cxUrl"></right-content>
</div>
</div>
</template>
<script>
import listHeader from "@c/header_components.vue";
import rightContent from "@c/ptCxForm_components.vue";
import {
ajzbBkxxHeader,
ajzbBkxxHeaderIcon,
ajzbBkxxQueryField,
ajzbBkxxTableThead,
ajzbBkxxUrl,
ajzbBkxxFormData,
} from "@/utils/params";
export default {
name: "index",
components:{
listHeader,
rightContent
},
data(){
return{
headerTitle:ajzbBkxxHeader,
headerIcon:ajzbBkxxHeaderIcon,
cxFormData:ajzbBkxxFormData,
cxQueryField: ajzbBkxxQueryField,
cxDefaultFormThead:ajzbBkxxTableThead,
cxUrl:ajzbBkxxUrl,
header:ajzbBkxxHeader
}
}
}
</script>
<style scoped lang="scss">
@import "../../assets/styles/rightContent.scss";
.headerT {
position: inherit !important;text-indent:70px;
}
.rightContent{
width: 1400px;
margin: 0 auto;
}
.rightContent /deep/ .el-pagination__sizes{
right:270px !important;
}
</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