Skip to content

F
founder_vue
Commit 42b950ae by zhao_shaonan
Options

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

parent 7c43d710
Showing with 998 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>
......@@ -234,6 +242,14 @@
</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
? 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/bshbkEdit.vue 0 → 100644
<template>
<div id="formCommonPage" class="kyxsEdit" v-loading="loadingState" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(255, 255, 255, 0.9)">
<div class="formContent">
<list-header :headerTitle="headerTitle" ref="header" :headerIcon="headerIcon"></list-header>
<el-form
:rules="ajlbdm"
label-position="right"
label-width="140px"
ref="sjzcForm"
:model="formData"
style="margin:0 auto;width:1400px;"
>
<div class="paneDiv">
<div class="pane_header">{{headerTitle}}</div>
<div>
<div class="zdyLine">
<el-form-item
:label="item.name"
v-for="item in propFormField"
:key="item.id"
:prop="item.id"
:ref="item.id"
v-show="!item.hidden"
:class="'demo-input-suffix zdycol'+item.col"
>
<!--输入框-->
<div class="zdyInputW" v-if="item.type=='text'">
<el-input
:placeholder="item.placeholder"
v-model="formData[item.id]" :disabled='item.isdisabled'>
</el-input>
<a v-if="item.isAjax" @click="getQgryxx(formData[item.id])" class="btn btnTq">{{item.isAjax}}</a>
<a v-if="item.btn" @click="getFyxx(formData['asjbh'],formData[item.id],1,'10')" class="btn btnFy">{{item.btn}}</a>
</div>
<!--输入框-最大值与最小值-->
<div class="zdyInputW zdyInputCol2" v-else-if="item.type=='zdyText'">
<el-input
:placeholder="item.placeholder"
v-model="formData[item.id]" :disabled='item.isdisabled'>
</el-input>
—
<el-input
:placeholder="item.placeholder2"
v-model="formData[item.id]" style="width:calc((100% - 150)/2)" :disabled='item.isdisabled'>
</el-input>
</div>
<!--下拉框-->
<div class="zdyInputW" v-else-if="item.type=='select'">
<el-select v-model="formData[item.id]" placeholder="请选择">
<el-option
v-for="item2 in item.options"
:key="item2.value"
:label="item2.label"
:value="item2.value">
</el-option>
</el-select>
</div>
<!--非机动车车牌号码-->
<div v-else-if="item.type=='selectAText'" class="zdySelectAText">
<el-select v-model="formData.value1" slot="prepend" placeholder="请选择" class="zdySelect">
<el-option :label="item2.name" :value="item2.value" v-for="item2 in item.selectO1" :key="item2.value"></el-option>
</el-select>
<el-select v-model="formData.value2" slot="prepend" placeholder="请选择" class="zdySelect">
<el-option :label="item2.name" :value="item2.value" v-for="item2 in item.selectO2" :key="item2.value"></el-option>
</el-select>
<el-input placeholder="请输入内容" v-model="formData.value3" class="input-with-select">
</el-input>
</div>
<!--文本域-->
<el-input
type="textarea"
autosize
:placeholder='item.placeholder'
v-model="formData[item.id]" v-else-if="item.type=='textarea'" :disabled='item.isdisabled'> </el-input>
<!--日期框 日期时间-->
<el-date-picker
v-model="formData[item.id]"
:type="item.type"
:picker-options='item.pickerOptions'
align="right"
unlink-panels
range-separator="至"
start-placeholder="开始日期"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
end-placeholder="结束日期" :disabled='item.isdisabled' v-else-if="item.type=='datetime'">
</el-date-picker>
<!--日期框 日期时间范围-->
<el-date-picker
v-model="formData[item.id]"
:type="item.type"
:picker-options='item.pickerOptions'
align="right"
unlink-panels
range-separator="至"
start-placeholder="开始日期"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
end-placeholder="结束日期" :disabled='item.isdisabled' v-else-if="item.type=='datetimerange'">
</el-date-picker>
<!--多选框-->
<div class="zdyInputW" v-else-if="item.type=='checkbox'">
<el-checkbox-group v-model="formData[item.id]" size="small">
<el-checkbox v-for="item3 in item.checkboxData" :label="item3" :key="item3">{{item3}}</el-checkbox>
</el-checkbox-group>
</div>
<!--单选框-->
<div class="zdyInputW" v-else-if="item.type=='radio'">
<el-radio-group v-model="formData[item.id]" size="small">
<!--<el-radio :label="1">备选项</el-radio>
<el-radio :label="6">备选项</el-radio>
<el-radio :label="9">备选项</el-radio>-->
<el-radio :label="''+item3.value" v-for="item3 in item.radioData" :key="item3.value">{{item3.name}}</el-radio>
</el-radio-group>
</div>
<!--字典框-->
<div class="zdyInputW" v-else-if="item.type=='code'||item.type=='jlCode'">
<select-tree v-model="formData[item.id]" :placeholder="'请选择'+item.name"
:options="item.codeOptions" :disabled='item.isdisabled'/>
</div>
<!--标识号tag-->
<div class="zdyInputW" v-else-if="item.type=='tag'">
<el-tag
:key="tag.rcdid"
v-for="tag in item.tagData"
closable
:disable-transitions="false"
@close="handleClose(tag.rcdid)">
{{tag.kybsh}}
</el-tag>
<el-button class="button-new-tag" size="small" @click="showInput">+</el-button>
</div>
</el-form-item>
<!---->
</div>
</div>
<div class="baocun al">
<el-button type="primary" icon="el-icon-edit" @click="save" style="margin-left: 140px;">保存</el-button>
</div>
</div>
</el-form>
</div>
</div>
</template>
<script>
import listHeader from "@c/header_components.vue";
import SelectTree from '@c/tree_components.vue'
import Http from "@/utils/axiosHttp.js";
import request from "@/api/interface/dictionaryCode.js";
import url from "@/api/base";
import '../../assets/styles/font-awesome.min.css'
import {
ajzbBkxxHeaderIcon,
/*布控信息*/
bkxxAddUpdAsjxxUrl,
/*bkxxAddHeaderTitle,*/
bkxxAddFormData,
bkxxEditFormData,
bkxxEditUpdAsjxxUrl,
bkxxEditCx,
bkxxEditCxFormData,
/*bkxxEditHeaderTitle,*/
bkxxEditAjxxRules,
bkxxEditFormField,
} from "@/utils/params"
export default {
name: "formCommonPage",
components:{
SelectTree,
listHeader
},
props: {
},
data() {
return {
loadingState:true,
formData:{},
propFormField:[],
ajlbdm:{},
headerTitle:'',
headerIcon:ajzbBkxxHeaderIcon,
url:'',
xxzjbh:bkxxEditCxFormData,
};
},
methods:{
getRequest(path,form) {
return Http({
url: url.rzURL + path,
params: JSON.parse(form),
method: "get"
});
},
saveSjzcR(formObj) {
return Http({
url: url.rzURL + this.url,
data:JSON.parse(formObj),
method: 'post'
})
},
computedDate(start,end){
let startDate=new Date(start);
let EndDate=new Date(end);
let dateDiff =EndDate.getTime() - startDate.getTime();//时间差的毫秒数
let dayDiff = Math.floor(dateDiff / (24 * 3600 * 1000));//计算出相差天数
let leave1=dateDiff%(24*3600*1000) //计算天数后剩余的毫秒数
let hours=Math.floor(leave1/(3600*1000))//计算出小时数
//计算相差分钟数
let leave2=leave1%(3600*1000) //计算小时数后剩余的毫秒数
let minutes=Math.floor(leave2/(60*1000))//计算相差分钟数
//计算相差秒数
let leave3=leave2%(60*1000) //计算分钟数后剩余的毫秒数
let seconds=Math.round(leave3/1000)
this.formData.bkqx=dayDiff+"天"+hours+"小时"+minutes+"分钟"+seconds+"秒";
},
save(){
let self=this,newData={};
self.$refs['sjzcForm'].validate((valid) => {
if (valid) {
debugger
self.formData['asjbh']=self.$route.query['asjbh'];
for(let i in self.formData){
if(i=='bkdxlx'){
if(this.formData[i]=='001'){
this.formData['bkdxlxmc']='手机号';
}else if(this.formData[i]=='002'){
this.formData['bkdxlxmc']='IMSI';
}else if(this.formData[i]=='003'){
this.formData['bkdxlxmc']='IMEI';
}else if(this.formData[i]=='004'){
this.formData['bkdxlxmc']='QQ';
}else if(this.formData[i]=='005'){
this.formData['bkdxlxmc']='微信';
}else if(this.formData[i]=='006'){
this.formData['bkdxlxmc']='MAC地址';
}else if(this.formData[i]=='007'){
this.formData['bkdxlxmc']='损失设备结构化图像';
}
}
}
newData=self.formData;
self.saveSjzcR(JSON.stringify(newData)).then(response => {
if (response.success === true) {
this.$confirm('保存成功', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
window.opener.location.reload();
window.close()
}).catch(() => {
});
}else{
self.$message({
type: 'error',
message: response.message
})
}
})
} else {
self.$message({
type: 'error',
message: "请输入必填项"
})
return false;
}
})
}
},
watch:{
'formData.bksjStart': {
handler: function(val) {
if(val&&this.formData.bksjEnd){
this.computedDate(val,this.formData.bksjEnd);
}
},
},
'formData.bksjEnd': {
handler: function(val) {
if(val&&this.formData.bksjStart){
this.computedDate(this.formData.bksjStart,val);
}
},
},
},
mounted() {
let self=this;
if(self.$route.query['type']=='add'){
if(self.$route.query['header'].indexOf('布控信息')!=-1){
self.headerTitle='新增布控信息';
self.propFormField=bkxxEditFormField;
self.formData=bkxxAddFormData;
self.ajlbdm=bkxxEditAjxxRules;
self.url=bkxxAddUpdAsjxxUrl;
}
}else if(self.$route.query['type']=='edit'){
if(self.$route.query['header'].indexOf('布控信息')!=-1){
self.headerTitle='修改布控信息';
self.propFormField=bkxxEditFormField;
self.formData=bkxxEditFormData;
self.ajlbdm=bkxxEditAjxxRules;
self.url=bkxxEditUpdAsjxxUrl;
/*根据主键编号查询案件信息*/
self.xxzjbh.xxzjbh=self.$route.query['xxzjbh'];
self.getRequest(bkxxEditCx,JSON.stringify(self.xxzjbh)).then(response => {
if (response.success === true) {
for(let i in self.formData){
self.formData[i]=response.data.data[i];
if(i=='bkdxlx'){
if(this.formData[i]=='001'){
this.formData['bkdxlxmc']='手机号';
}else if(this.formData[i]=='002'){
this.formData['bkdxlxmc']='IMSI';
}else if(this.formData[i]=='003'){
this.formData['bkdxlxmc']='IMEI';
}else if(this.formData[i]=='004'){
this.formData['bkdxlxmc']='QQ';
}else if(this.formData[i]=='005'){
this.formData['bkdxlxmc']='微信';
}else if(this.formData[i]=='006'){
this.formData['bkdxlxmc']='MAC地址';
}else if(this.formData[i]=='007'){
this.formData['bkdxlxmc']='损失设备结构化图像';
}
}
}
self.loadingState=false;
} else {
self.$message({
type: "error",
message: response.message
});
self.loadingState=false;
}
});
}
}
self.propFormField.forEach((val,inde) => {
if (val.type == "code") {
if (val.codeOptions.length == 0) {
request.axiosCode(val.codeTree).then(response => {
if (response.success === true) {
self.$set(val, "codeOptions", response.data.list);
}
});
}
}
if(inde==self.propFormField.length-1){
self.loadingState=false;
}
});
}
};
</script>
<style>
</style>
<style lang="scss" scoped>
@import '../../assets/styles/form.scss';
@import '../../assets/styles/xcStyle.scss';
@import '../../assets/styles/publicScss.scss';
.headerT {
position: inherit !important;text-indent:70px;
}
.kyxsEdit{min-height:100vh;}
.kyxsEdit .el-form-item{margin-bottom:10px;}
.kyxsEdit .el-form-item__content{width:calc(100% - 130px)}
.kyxsEdit .el-input__inner{line-height: 36px;height:36px;width: 80%;}
.kyxsEdit .el-input.el-input--suffix.el-popover__reference,.kyxsEdit .el-input.el-input--suffix{width:80%;}
#formCommonPage .el-textarea{width:92%;}
.kyxsEdit .el-input.el-input--suffix.el-popover__reference .el-input__inner,#formCommonPage .el-input.el-input--suffix .el-input__inner{width:100%;}
.kyxsEdit /deep/ .el-select{width:80%;vertical-align: middle;}
.kyxsEdit /deep/ .el-input{ width: 80% !important;vertical-align: middle;}
.kyxsEdit /deep/ .el-select>.el-input{width:100% !important;}
.kyxsEdit /deep/ .el-form-item__error{left:81%;top:11px;}
.kyxsEdit /deep/ .el-input.el-input--suffix{width:100%;}
.kyxsEdit /deep/ .el-input__inner{padding: 0 5px;height:36px;line-height:36px;}
.kyxsEdit /deep/ .el-textarea /deep/ .el-textarea__inner{min-height:60px !important;}
.kyxsEdit /deep/ .el-button{width: 120px;
height: 32px;
padding:0px;
background: #0070F4;
box-shadow: 0px 6px 6px rgba(26, 129, 225, 0.2);
opacity: 1;margin:14px 0 34px 0;
border-radius: 2px;}
.el-scrollbar__view.el-select-dropdown__list li{text-indent: 10px;}
.kyxsEdit{
line-height: 30px;
height: 30px;
}
#formCommonPage .el-input__inner,
#formCommonPage .el-date-editor--daterange.el-input__inner,
#formCommonPage .el-textarea__inner{
height: inherit;
background: #f4f6f7;
line-height: 30px;
}
#formCommonPage .el-date-editor .el-range-input {
background: #f4f6f7;
}
#formCommonPage .zdyInputCol2 .el-input__inner {
width: 100%;
}
#formCommonPage .el-input__icon{line-height: 30px;}
.el-button--mini, .el-button--mini.is-round,.el-button--primary,.el-button--default {
padding: 7px 15px;
}
.el-dialog__header {
padding: 10px;
text-align: left;
border-bottom: 1px solid #ccc;
}
.el-pagination{margin:5px 0;text-align: center;}
.el-dialog__headerbtn{top:16px;}
.pane_header{
margin:0 40px;height:56px;line-height: 56px;font-size: 15px;
font-weight: bold;
color: #333333;
border-bottom: 1px solid #CFCFCF;margin-bottom:16px;
}
</style>
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