Commit f8f2e90b by zhao_shaonan

优化基础查询、日志(字段及样式)

parent cac5da5e
...@@ -22,9 +22,9 @@ ...@@ -22,9 +22,9 @@
} }
.titleWrap{ .titleWrap{
margin-top:15px; margin-bottom: 10px; margin-top:15px; margin-bottom: 10px;
.two-title{display: inline-block;width:127px;text-align: right;font-weight:600;font-size: 16px;color: #333333;vertical-align: middle;} .two-title{display: inline-block;color:$base-color;width:127px;text-align: right;font-weight:600;font-size: 16px;vertical-align: middle;}
.border{display:inline-block;width: 6px;height: 20px;background: $border-bg;vertical-align: middle;margin-left: 10px;} .border{display:inline-block;width: 6px;height: 20px;background: $border-bg;vertical-align: middle;margin-left: 10px;}
.dashedBorder{display: inline-block;width: calc(100% - 167px);margin-left: 9px;position: relative;top: -2px;border-bottom: 1px dashed #CFCFCF;} .dashedBorder{display: inline-block;width: calc(100% - 167px);margin-left: 9px;position: relative;top: -2px;opacity:0.3;border-bottom: 1px dashed $base-color;}
} }
} }
} }
...@@ -61,7 +61,7 @@ ...@@ -61,7 +61,7 @@
.zdycol2{display: inline-block;width:33%;margin-right: 33%; vertical-align: middle;} .zdycol2{display: inline-block;width:33%;margin-right: 33%; vertical-align: middle;}
.zdycol1{ .zdycol1{
display: inline-block;width:100%; vertical-align: middle; display: inline-block;width:100%; vertical-align: middle;
.el-input{width:600px;} .el-input{width:703px;}
} }
.formWrap{ .formWrap{
width:$wrap-width; width:$wrap-width;
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
border-radius: 4px; border-radius: 4px;
} }
.search{background: $base-color;box-shadow: 0px 4px 4px rgba(26, 129, 225, 0.2);} .search{background: $base-color;box-shadow: 0px 4px 4px rgba(26, 129, 225, 0.2);}
.delete{border: 1px solid #666666;background: none;color: #333333;} .delete2{color: $delete-color;cursor: pointer;display: inline-block;width:120px;height:40px;line-height:40px;margin-left:40px;}
.el-date-editor.el-input{width:100%;} .el-date-editor.el-input{width:100%;}
.el-form-item{margin-bottom:5px;} .el-form-item{margin-bottom:5px;}
.checkboxGroup{ .checkboxGroup{
...@@ -94,9 +94,10 @@ ...@@ -94,9 +94,10 @@
z-index: 10; z-index: 10;
margin: 0 auto; margin: 0 auto;
min-height: 40px; min-height: 40px;
.conditionTitle{display: inline-block;width:164px;text-align: right;color:$base-color;padding-right:12px;vertical-align: top;line-height: 40px;} background:rgba(255,255,255,0.8);
.conditionWrap{display: inline-block;width:calc(100% - 400px)} .conditionTitle{display: inline-block;width:calc((100% - 1400px)/2 - 9px);text-align: right;color:$base-color;padding-right:10px;vertical-align: top;line-height: 40px;}
.inline{display: inline-block;} .conditionWrap{display: inline-block;width:1400px;}
.inline{display: inline-block;vertical-align: middle;}
.el-tag{ .el-tag{
height: 32px; height: 32px;
background: #FFFFFF; background: #FFFFFF;
......
...@@ -7,14 +7,15 @@ ...@@ -7,14 +7,15 @@
opacity: 1; opacity: 1;
overflow-y:auto; overflow-y:auto;
font-size: $ns-font-size-base; font-size: $ns-font-size-base;
.iconfont{margin-right:10px;} .iconfont{margin-right:18px;margin-left:20px;}
.el-menu{ .el-menu{
margin-top:10px; margin-top:10px;
height:calc(100% - 10px); height:calc(100% - 10px);
.el-menu-item.is-active{ .el-menu-item.is-active{
background:$-left-active-background !important; color:$base-color;
/*background:$-left-active-background !important;*/
font-weight:bold; font-weight:bold;
border-right:$-left-active-background-border; /*border-right:$-left-active-background-border;*/
} }
} }
......
...@@ -4,11 +4,12 @@ ...@@ -4,11 +4,12 @@
主色调,蓝色:#1AB1E1,绿色 #4CAF50,蓝色:#03A9F4,黄色:#FF9800,粉色:#FF547B,棕色:#C3A769,浅绿色:#65C4AA,黑色:#333333,紫色:#B323B4,淡粉色:#FF8B8B,element UI:#409eff 主色调,蓝色:#1AB1E1,绿色 #4CAF50,蓝色:#03A9F4,黄色:#FF9800,粉色:#FF547B,棕色:#C3A769,浅绿色:#65C4AA,黑色:#333333,紫色:#B323B4,淡粉色:#FF8B8B,element UI:#409eff
*/ */
$base-color: #1A81E1; $base-color: #126CE4;
$base-color-success: #0BD9B6; $base-color-success: #0BD9B6;
$base-color-warning: #F56C6C; $base-color-warning: #F56C6C;
$base-color-info: #FE9200; $base-color-info: #FE9200;
$body-bg: #F1F3F6; $body-bg: #F1F3F6;
$delete-color:#F56C6C;
/* 文字基本颜色 */ /* 文字基本颜色 */
$ns-text-color: #333333; /*基本色*/ $ns-text-color: #333333; /*基本色*/
...@@ -27,6 +28,8 @@ $title-color:#69ABE9; ...@@ -27,6 +28,8 @@ $title-color:#69ABE9;
$border-bg:#409EFF; $border-bg:#409EFF;
$-left-active-background:rgba(64, 158, 255 ,0.08);//左侧选中及hover背景色 $-left-active-background:rgba(64, 158, 255 ,0.08);//左侧选中及hover背景色
$-left-active-background-border:6px solid #409EFF;//左侧选中及hover背景右侧边框 $-left-active-background-border:6px solid #409EFF;//左侧选中及hover背景右侧边框
body { body {
line-height: 1.8; line-height: 1.8;
font-family: 'Helvetica Neue', Helvetica, 'Microsoft Yahei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif; font-family: 'Helvetica Neue', Helvetica, 'Microsoft Yahei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
...@@ -52,9 +55,30 @@ body { ...@@ -52,9 +55,30 @@ body {
right:251px; right:251px;
} }
/deep/ .el-pagination__sizes /deep/ .el-input__inner{height:32px;line-height: 32px;border: 1px solid #CFCFCF;} /deep/ .el-pagination__sizes /deep/ .el-input__inner{height:32px;line-height: 32px;border: 1px solid #CFCFCF;}
/deep/ .el-date-editor /deep/ .el-range__icon {
position: absolute;
right: 0px;
top: 2px;
line-height: 32px;
}
/deep/ .el-icon-date:before {
content: "\e607";
}
.leftMenu /deep/.el-menu-item:hover{background: rgba(64, 158, 255, 0.08) !important;}
/*分页显示多少条自定义位置 formWrap必须是父级容器 end*/ /*分页显示多少条自定义位置 formWrap必须是父级容器 end*/
.content{width:100%;height:calc(100vh - 60px);overflow: hidden;display: flex;} .content{width:100%;height:calc(100vh - 60px);overflow: hidden;display: flex;}
.color1{color:$base-color;} .color1{color:$base-color;}
.pointer{cursor: pointer;text-decoration: underline;}
.inherit{color:#606266;cursor: inherit;}
.back{
line-height: 17px;
margin-left: 22px;
font-size: 15px;
font-weight: 600;
position: relative;
top: -6px;
}
.back span{cursor: pointer;}
.color2,.zdyLxTag:hover{color:#333;} .color2,.zdyLxTag:hover{color:#333;}
.zdyLxTag{ .zdyLxTag{
display: inline-block; display: inline-block;
...@@ -239,11 +263,12 @@ img { ...@@ -239,11 +263,12 @@ img {
} }
.el-dialog__body{padding:0 10px !important;} .el-dialog__body{padding:0 10px !important;}
.el-button+.el-button{margin:0px;} .el-button+.el-button{margin:0px;}
.el-pagination{text-align: center;} /deep/ .el-pagination{text-align: center;margin:4px 0;}
.el-button{margin-right:10px !important;} .el-button{margin-right:10px !important;}
.zdyInputCol2{ .zdyInputCol2{
.el-input{width:calc((100% - 58px)/2) !important;} .el-input{width:calc((100% - 58px)/2) !important;}
} }
/*头部*/ /*头部*/
.headerT{ .headerT{
height: $header-height; height: $header-height;
......
...@@ -9,20 +9,22 @@ ...@@ -9,20 +9,22 @@
margin: 15px; margin: 15px;
padding: 0 10px; padding: 0 10px;
padding-bottom:14px; padding-bottom:14px;
.el-form{margin-right:20px;}
.total{ .total{
color:#999; color:#999;
float: left;
margin-left: 28px; margin-left: 28px;
margin-right: 40px;
} }
.export{margin-right:0px !important;} .export{margin-right:0px !important;width:104px;}
.cx-btn{ .cx-btn{
margin:10px 0; margin:10px 0;
.el-button[data-v-9f1b2e90] { margin-right:25px;
.el-button{
width: 160px; width: 160px;
height: 40px; height: 40px;
padding: 0; padding: 0;
line-height: 40px; line-height: 40px;
font-size:14px;
} }
} }
.flTtitle{ .flTtitle{
...@@ -37,7 +39,7 @@ ...@@ -37,7 +39,7 @@
position: relative; position: relative;
.absolute{position: absolute; left: calc(100% + 10px);top: 9px;} .absolute{position: absolute; left: calc(100% + 10px);top: 9px;}
} }
.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:30px;vertical-align: middle;} .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:36px;height:36px;vertical-align: middle;}
.zdycol3{display: inline-block;width:33%;} .zdycol3{display: inline-block;width:33%;}
.zdycol2{display: inline-block;width:33%;margin-right: 33% !important;} .zdycol2{display: inline-block;width:33%;margin-right: 33% !important;}
.zdycol4{ .zdycol4{
......
...@@ -13,6 +13,7 @@ ...@@ -13,6 +13,7 @@
opacity: 1; 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:#333;margin-top:-12px;}
/*结果筛选*/ /*结果筛选*/
.sxWrap{ .sxWrap{
margin:0px 34px; margin:0px 34px;
display: flex; display: flex;
...@@ -26,14 +27,15 @@ ...@@ -26,14 +27,15 @@
} }
.sxcontent{ .sxcontent{
flex:1;margin-top:24px; flex:1;margin-top:24px;
.flTitle{width:145px;text-align: right;display: inline-block;color: #333333;vertical-align: top;font-size:14px;} .flTitle{width:145px;text-align: right;display: inline-block;color: #333333;vertical-align: top;font-size:14px;padding-top:12px;}
.radioGroup{display: inline-block;width:calc(100% - 150px);vertical-align: middle; .radioGroup{display: inline-block;width:calc(100% - 150px);vertical-align: middle;
color: #666666; color: #666666;
} }
} }
.left-radio{display: inline-block;width:calc(100% - 80px)} .left-radio{display: inline-block;width:calc(100% - 80px);padding: 12px 0 12px 0;
border-bottom: 1px dashed #b7b7b7;}
.right-btn{display: inline-block;width:64px;vertical-align: top;font-size:14px;color:$base-color;cursor: pointer;} .right-btn{display: inline-block;width:64px;vertical-align: top;font-size:14px;color:$base-color;cursor: pointer;}
} }
.sxWrap .sxcontent>div:nth-child(1) .left-radio,.sxWrap .sxcontent>div:nth-child(1) .flTitle{padding-top:0px;}
} }
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<div> <div>
<div class="titleWrap"> <div class="titleWrap">
<span class="two-title">{{ field.title }}</span <span class="two-title">{{ field.title }}</span
><span class="border"></span><span class="dashedBorder"></span> ><span class="dashedBorder"></span>
</div> </div>
<div class="zdyLine" v-if="field.id != 'flxx'"> <div class="zdyLine" v-if="field.id != 'flxx'">
<el-form-item <el-form-item
...@@ -275,7 +275,8 @@ export default { ...@@ -275,7 +275,8 @@ export default {
}, },
props: { props: {
formField: Object, formField: Object,
formDa: Object formDa: Object,
deleteIdKey:String,
}, },
data() { data() {
return { return {
...@@ -300,6 +301,15 @@ export default { ...@@ -300,6 +301,15 @@ export default {
}; };
}, },
watch: { watch: {
deleteIdKey(val){
let self=this;
if(val!=''){
if(self.emitSeleted.length!=0){
self.emitSeleted.splice(self.emitSeleted.findIndex(item => item.id == val),
1)
}
}
},
formD:{ formD:{
handler(newVal){ handler(newVal){
if(newVal.flxx.indexOf("nldfl")==-1){ if(newVal.flxx.indexOf("nldfl")==-1){
...@@ -339,6 +349,23 @@ export default { ...@@ -339,6 +349,23 @@ export default {
} }
}, },
methods: { methods: {
setFlxxJtValue(data){
debugger
if(data=="nldfl1"){
this.radioNldfl="嫌疑人";
}else if(data=="xbfl1"){
this.radioXbfl="嫌疑人";
}else if(data=="gjfl1"){
this.radioGjfl="嫌疑人";
}else if(data=="hjdfl1"){
this.radioHjdfl="嫌疑人";
}else if(data=="mzfl1"){
this.radioMzfl="嫌疑人";
}
},
deleteValue(){
this.emitSeleted=[];
},
getCheckboxValue(val,item){ getCheckboxValue(val,item){
let arr=[],zname=''; let arr=[],zname='';
if(val.length!=0){ if(val.length!=0){
...@@ -546,6 +573,9 @@ export default { ...@@ -546,6 +573,9 @@ export default {
}else{ }else{
ret2.value2 = value; ret2.value2 = value;
} }
}else{
item.value2=value;
this.$set(self.emitSeleted, self.emitSeleted.length, item);
} }
} }
self.$emit("getSelected", self.emitSeleted); self.$emit("getSelected", self.emitSeleted);
...@@ -553,9 +583,27 @@ export default { ...@@ -553,9 +583,27 @@ export default {
var index = self.emitSeleted.findIndex(val => { var index = self.emitSeleted.findIndex(val => {
return val.id === item.id; return val.id === item.id;
}); });
if(item.id2){
if(flag){
item.value2="";
this.$set(self.emitSeleted, index, item);
self.$emit("getSelected", self.emitSeleted);
}else{
item.value="";
this.$set(self.emitSeleted, index, item);
self.$emit("getSelected", self.emitSeleted);
}
if(item.value==""&&item.value2==""){
self.emitSeleted.splice(index, 1); self.emitSeleted.splice(index, 1);
self.$emit("getSelected", self.emitSeleted,item); self.$emit("getSelected", self.emitSeleted,item);
} }
}else{
self.emitSeleted.splice(index, 1);
self.$emit("getSelected", self.emitSeleted,item);
}
}
} }
}, },
mounted() {} mounted() {}
...@@ -570,17 +618,18 @@ export default { ...@@ -570,17 +618,18 @@ export default {
padding: 0px 24px; padding: 0px 24px;
height: 36px; height: 36px;
line-height: 36px; line-height: 36px;
background: #fcfcfd; background: #fff;
border: 1px solid #cfcfcf; border: 1.5px solid #cfcfcf;
color: #555555; color: #555555;
opacity: 1; opacity: 1;
border-radius: 4px; border-radius: 4px;
box-shadow: none !important;
} }
.checkboxGroup .el-checkbox-button.is-checked .el-checkbox-button__inner { .checkboxGroup .el-checkbox-button.is-checked .el-checkbox-button__inner {
background-color: transparent; background-color: transparent;
color: #1a81e1; color: #1a81e1;
background: #fcfcfd; background: #fcfcfd;
border: 1px solid #1a81e1; border: 1.5px solid #1a81e1;
} }
.checkboxGroup .el-checkbox-button:first-child .el-checkbox-button__inner, .checkboxGroup .el-checkbox-button:first-child .el-checkbox-button__inner,
.checkboxGroup .el-checkbox-button:last-child .el-checkbox-button__inner { .checkboxGroup .el-checkbox-button:last-child .el-checkbox-button__inner {
...@@ -606,14 +655,8 @@ export default { ...@@ -606,14 +655,8 @@ export default {
.paneDiv .el-date-editor--daterange.el-input__inner { .paneDiv .el-date-editor--daterange.el-input__inner {
width: 100%; width: 100%;
} }
.el-date-editor .el-range__icon {
position: absolute;
right: 0px;
top: 2px;
}
.el-icon-date:before {
content: "\e607";
}
</style> </style>
<style scoped lang="scss"> <style scoped lang="scss">
@import "../assets/styles/form.scss"; @import "../assets/styles/form.scss";
......
...@@ -14,26 +14,34 @@ ...@@ -14,26 +14,34 @@
:model="formD" :model="formD"
> >
<form-item <form-item
ref="formItem1"
:formField="ajxxDefaultField" :formField="ajxxDefaultField"
:formDa="formD" :formDa="formD"
:deleteIdKey="deleteIdKey"
v-show="ajxxDefaultField.data.length != 0" v-show="ajxxDefaultField.data.length != 0"
@getSelected="getSelected" @getSelected="getSelected"
></form-item> ></form-item>
<form-item <form-item
ref="formItem2"
:formField="xyrxxDefaultField" :formField="xyrxxDefaultField"
:formDa="formD" :formDa="formD"
:deleteIdKey="deleteIdKey"
v-show="xyrxxDefaultField.data.length != 0" v-show="xyrxxDefaultField.data.length != 0"
@getSelected="getSelected" @getSelected="getSelected"
></form-item> ></form-item>
<form-item <form-item
ref="formItem3"
:formField="shrxxDefaultField" :formField="shrxxDefaultField"
:formDa="formD" :formDa="formD"
:deleteIdKey="deleteIdKey"
v-show="shrxxDefaultField.data.length != 0" v-show="shrxxDefaultField.data.length != 0"
@getSelected="getSelected" @getSelected="getSelected"
></form-item> ></form-item>
<form-item <form-item
ref="formItem4"
:formField="flxxDefaultField" :formField="flxxDefaultField"
:formDa="formD" :formDa="formD"
:deleteIdKey="deleteIdKey"
v-show="flxxDefaultField.data.length != 0" v-show="flxxDefaultField.data.length != 0"
@getSelected="getSelected" @getSelected="getSelected"
></form-item> ></form-item>
...@@ -109,10 +117,12 @@ export default { ...@@ -109,10 +117,12 @@ export default {
XyrxxDefaultFormField: Object, XyrxxDefaultFormField: Object,
ShrxxDefaultFormField: Object, ShrxxDefaultFormField: Object,
FlxxDefaultFormField: Object, FlxxDefaultFormField: Object,
fieldType: String fieldType: String,
deleteId: String
}, },
data() { data() {
return { return {
deleteIdKey:this.deleteId,
formD: this.formData, formD: this.formData,
ajxxField: this.AjxxFormField, ajxxField: this.AjxxFormField,
xyrxxField: this.XyrxxFormField, xyrxxField: this.XyrxxFormField,
...@@ -132,8 +142,17 @@ export default { ...@@ -132,8 +142,17 @@ export default {
}; };
}, },
methods: { methods: {
setFlxxValue(data){
this.$refs.formItem4.setFlxxJtValue(data);
},
delete(){//清空所有得时候
this.$refs.formItem1.deleteValue();
this.$refs.formItem2.deleteValue();
this.$refs.formItem3.deleteValue();this.$refs.formItem4.deleteValue();
},
deleteField() { deleteField() {
let self=this; let self = this;
for (let i in self.formD) { for (let i in self.formD) {
if (i == "flxx") { if (i == "flxx") {
self.formD[i] = []; self.formD[i] = [];
...@@ -151,8 +170,8 @@ export default { ...@@ -151,8 +170,8 @@ export default {
loading(data) { loading(data) {
this.$emit("emitLoading", data); this.$emit("emitLoading", data);
}, },
getSelected(data,index) { getSelected(data, index) {
this.$emit("getSeletedList", data,index); this.$emit("getSeletedList", data, index);
}, },
doQuery(type) { doQuery(type) {
let self = this; let self = this;
...@@ -259,6 +278,9 @@ export default { ...@@ -259,6 +278,9 @@ export default {
self.initCode(); self.initCode();
}, },
watch: { watch: {
deleteId(val){
this.deleteIdKey=val;
},
AjxxDefaultFormField(val) { AjxxDefaultFormField(val) {
this.ajxxDefaultField = val; this.ajxxDefaultField = val;
}, },
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<!--左侧导航--> <!--左侧导航-->
<div <div
class="leftMenu" class="leftMenu"
:style="{ width: isCollapse == true ? '0px' : '200px' }" :style="{ width: isCollapse == true ? '0px' : '260px' }"
> >
<!--<div @click="isCollapse=!isCollapse" style="width:51px;text-align:center;color:#409EFF;cursor: pointer;line-height:36px;" :title="isCollapse == true?'展开':'收缩'"><i class="fa fa-bars"></i></div>--> <!--<div @click="isCollapse=!isCollapse" style="width:51px;text-align:center;color:#409EFF;cursor: pointer;line-height:36px;" :title="isCollapse == true?'展开':'收缩'"><i class="fa fa-bars"></i></div>-->
<el-menu <el-menu
......
...@@ -50,6 +50,7 @@ ...@@ -50,6 +50,7 @@
<!--下拉框--> <!--下拉框-->
<el-select <el-select
v-model="formData[item.id]" v-model="formData[item.id]"
clearable
:placeholder="item.placeholder" :placeholder="item.placeholder"
v-else-if="item.type == 'select'" v-else-if="item.type == 'select'"
> >
...@@ -78,6 +79,7 @@ ...@@ -78,6 +79,7 @@
align="right" align="right"
:picker-options="item.pickerOptions" :picker-options="item.pickerOptions"
unlink-panels unlink-panels
suffix-icon="el-icon-date"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
v-else-if="item.type == 'datetime'" v-else-if="item.type == 'datetime'"
> >
...@@ -93,9 +95,23 @@ ...@@ -93,9 +95,23 @@
start-placeholder="开始日期" start-placeholder="开始日期"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
end-placeholder="结束日期" end-placeholder="结束日期"
suffix-icon="el-icon-date"
v-else-if="item.type == 'date'" v-else-if="item.type == 'date'"
> >
</el-date-picker> </el-date-picker>
<el-date-picker
v-model="formData[item.id]"
type="datetimerange"
align="right"
:picker-options="item.pickerOptions"
unlink-panels
range-separator="至"
start-placeholder="开始日期"
value-format="yyyy-MM-dd HH:mm:ss"
end-placeholder="结束日期"
prefix-icon="el-icon-date"
v-else-if="item.type == 'datetimerange'">
</el-date-picker>
<!--多选框--> <!--多选框-->
<div class="zdyInputW" v-else-if="item.type == 'checkbox'"> <div class="zdyInputW" v-else-if="item.type == 'checkbox'">
<el-checkbox-group v-model="formData[item.id]" size="small"> <el-checkbox-group v-model="formData[item.id]" size="small">
...@@ -163,7 +179,7 @@ ...@@ -163,7 +179,7 @@
<span class="flTtitle">查询结果</span> <span class="flTtitle">查询结果</span>
<!--可配置化图标--> <!--可配置化图标-->
<div <div
style="height:30px;line-height: 30px;text-align: right;font-size:12px;display: inline-block;width: calc(100% - 119px);" style="height:30px;line-height: 30px;text-align: right;font-size:12px;display: inline-block;width: calc(100% - 140px);"
> >
<span class="total">共有{{ tableDataLength }}条查询结果</span> <span class="total">共有{{ tableDataLength }}条查询结果</span>
<el-button plain class="zdybtn export" size="small" @click="export2Excel" <el-button plain class="zdybtn export" size="small" @click="export2Excel"
...@@ -347,13 +363,21 @@ export default { ...@@ -347,13 +363,21 @@ export default {
spinner: "el-icon-loading", spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)" background: "rgba(255, 255, 255, 0.7)"
}); });
let json={};
for(let i in self.formData){
if(i!="cxSj"){
json[i]=self.formData[i]
}else{
json[i]=self.formData[i]!=''?(self.formData[i].join(" - ")):"";
}
}
tHeader = []; tHeader = [];
filterVal = []; filterVal = [];
self.propdefaultFormThead.forEach(val => { self.propdefaultFormThead.forEach(val => {
tHeader.push(val.label); tHeader.push(val.label);
filterVal.push(val.prop); filterVal.push(val.prop);
}); });
self.doQueryRequest(JSON.stringify(self.formData)).then(res => { self.doQueryRequest(JSON.stringify(json)).then(res => {
if (res.success === true) { if (res.success === true) {
if (res.data.total > 5000) { if (res.data.total > 5000) {
self.$message({ self.$message({
...@@ -364,7 +388,7 @@ export default { ...@@ -364,7 +388,7 @@ export default {
require.ensure([], () => { require.ensure([], () => {
const { const {
export_json_to_excel export_json_to_excel
} = require("../assets/vendor/Export2Excel"); } = require("../vendor/Export2Excel");
const list = res.data.rows; const list = res.data.rows;
const data = self.formatJson(filterVal, list); const data = self.formatJson(filterVal, list);
export_json_to_excel(tHeader, data, self.excelHeader); export_json_to_excel(tHeader, data, self.excelHeader);
...@@ -404,9 +428,16 @@ export default { ...@@ -404,9 +428,16 @@ export default {
console.log(column); console.log(column);
}, },
doQuery(flag) { doQuery(flag) {
let self = this; let self = this,json={};
for(let i in self.formData){
if(i!="cxSj"){
json[i]=self.formData[i]
}else{
json[i]=self.formData[i]!=''?(self.formData[i].join(" - ")):"";
}
}
if (flag) { if (flag) {
self.doQueryRequest(JSON.stringify(self.formData)).then(response => { self.doQueryRequest(JSON.stringify(json)).then(response => {
if (response.success === true) { if (response.success === true) {
self.tableData = response.data.rows; self.tableData = response.data.rows;
self.tableDataLength = response.data.total; self.tableDataLength = response.data.total;
...@@ -438,6 +469,7 @@ export default { ...@@ -438,6 +469,7 @@ export default {
}; };
</script> </script>
<style> <style>
@import url("../assets/styles/iconfont.css");
.el-dialog__body { .el-dialog__body {
padding: 10px 15px !important; padding: 10px 15px !important;
} }
...@@ -469,7 +501,7 @@ export default { ...@@ -469,7 +501,7 @@ export default {
vertical-align: top; vertical-align: top;
} }
.rightContent .el-date-editor .el-range__close-icon { .rightContent .el-date-editor .el-range__close-icon {
margin-top: -31px; margin-top: -4px;
} }
.rightContent .el-form-item__error { .rightContent .el-form-item__error {
left: calc(66% - 27px); left: calc(66% - 27px);
...@@ -481,5 +513,6 @@ export default { ...@@ -481,5 +513,6 @@ export default {
.Content .el-input,.Content .el-date-editor--daterange.el-input__inner{width:100% !important;} .Content .el-input,.Content .el-date-editor--daterange.el-input__inner{width:100% !important;}
</style> </style>
<style scoped lang="scss"> <style scoped lang="scss">
@import "../assets/styles/rightContent.scss"; @import "../assets/styles/rightContent.scss";
</style> </style>
...@@ -28,9 +28,9 @@ ...@@ -28,9 +28,9 @@
</div> </div>
</div> </div>
<!--下钻 二级--> <!--下钻 二级-->
<div class="sxWrap sxcontent" style="margin:0 34px;"> <div class="sxWrap sxcontent" style="margin:0 34px;display: block;">
<div v-for="item in xzFlxxList" :key="item.name" style="display: flex;"> <div v-for="item in xzFlxxList" :key="item.name" style="display: flex;">
<div class="flTitle" style="width:241px;text-align:right;font-size:14px;">{{ item.name }}</div> <div class="flTitle" style="width:241px;text-align:right;font-size:14px;padding-top:12px;">{{ item.name }}</div>
<div class="radioGroup" style="width:calc(100% - 245px)"> <div class="radioGroup" style="width:calc(100% - 245px)">
<div class="left-radio"> <div class="left-radio">
<el-radio-group v-model="xbfl2"> <el-radio-group v-model="xbfl2">
...@@ -52,9 +52,9 @@ ...@@ -52,9 +52,9 @@
</div> </div>
</div> </div>
<!--下钻 三级--> <!--下钻 三级-->
<div class="sxWrap sxcontent" style="margin:0 34px;"> <div class="sxWrap sxcontent" style="margin:0 34px;display: block;">
<div v-for="item in xzSFlxxList" :key="item.name" style="display: flex;"> <div v-for="item in xzSFlxxList" :key="item.name" style="display: flex;">
<div class="flTitle" style="width:241px;text-align:right;font-size:14px;">{{ item.name }}</div> <div class="flTitle" style="width:241px;text-align:right;font-size:14px;padding-top:12px;">{{ item.name }}</div>
<div class="radioGroup" style="width:calc(100% - 245px)"> <div class="radioGroup" style="width:calc(100% - 245px)">
<div class="left-radio"> <div class="left-radio">
<el-radio-group v-model="xbfl3"> <el-radio-group v-model="xbfl3">
......
...@@ -46,7 +46,7 @@ export default[ ...@@ -46,7 +46,7 @@ export default[
name: "dlrz", name: "dlrz",
component: () => import("@/views/rzcx/dlrz.vue"), component: () => import("@/views/rzcx/dlrz.vue"),
meta: { meta: {
title: "日志查询" title: "日志管理"
} }
}, },
{ {
...@@ -54,7 +54,7 @@ export default[ ...@@ -54,7 +54,7 @@ export default[
name: "gnsyrz", name: "gnsyrz",
component: () => import("@/views/rzcx/gnsyrz.vue"), component: () => import("@/views/rzcx/gnsyrz.vue"),
meta: { meta: {
title: "日志查询" title: "日志管理"
} }
}, },
{ {
...@@ -62,7 +62,7 @@ export default[ ...@@ -62,7 +62,7 @@ export default[
name: "ldfwrz", name: "ldfwrz",
component: () => import("@/views/rzcx/ldfwrz.vue"), component: () => import("@/views/rzcx/ldfwrz.vue"),
meta: { meta: {
title: "日志查询" title: "日志管理"
} }
}, },
] ]
......
...@@ -35,6 +35,8 @@ ...@@ -35,6 +35,8 @@
<script> <script>
import { Home, test, test1, js_test } from "@/api/home.js"; import { Home, test, test1, js_test } from "@/api/home.js";
import { mapGetters } from "vuex"; import { mapGetters } from "vuex";
import Http from "@/utils/axiosHttp.js";
import url from "@/api/base";
export default { export default {
name: "Home", name: "Home",
components: {}, components: {},
...@@ -53,16 +55,29 @@ export default { ...@@ -53,16 +55,29 @@ export default {
}; };
}, },
created() { created() {
this.getHome(); let self=this;
this.getH(); self.doLogin("admin","0").then(res => {
this.getT(); if (res.success === true) {
this.time = this.$util.timeStampTurnTime("1603697627061"); console.log("登录刑专二期成功")
this.ttt(); } else {
self.$message({
type: "error",
message: "登录失败"
});
}
});
}, },
computed: { computed: {
...mapGetters(["defaultGoodsImage", "userAuth"]) ...mapGetters(["defaultGoodsImage", "userAuth"])
}, },
methods: { methods: {
doLogin(username,password) {
return Http({
url: url.rzURL + '/login',
params: {username,password},
method: "post"
});
},
toJccx() { toJccx() {
let routeData = this.$router.resolve({ let routeData = this.$router.resolve({
path: "/jccxIndex" path: "/jccxIndex"
......
...@@ -6,11 +6,13 @@ ...@@ -6,11 +6,13 @@
:selectList="selectList" :selectList="selectList"
@cValue="cValue" @cValue="cValue"
@getHeight="getHeight" @getHeight="getHeight"
@deleteAll="deleteAll"
v-show="selectList.length != 0" v-show="selectList.length != 0"
ref="select" ref="select"
></list-select> ></list-select>
<div class="wrap" :style="{ marginTop: marginTop + 'px' }"> <div class="wrap" :style="{ marginTop: marginTop + 'px' }">
<list-form <list-form
ref="form"
:formData="formData" :formData="formData"
:AjxxFormField="AjxxFormField" :AjxxFormField="AjxxFormField"
:XyrxxFormField="XyrxxFormField" :XyrxxFormField="XyrxxFormField"
...@@ -21,6 +23,7 @@ ...@@ -21,6 +23,7 @@
:ShrxxDefaultFormField="ShrxxDefaultFormField" :ShrxxDefaultFormField="ShrxxDefaultFormField"
:FlxxDefaultFormField="FlxxDefaultFormField" :FlxxDefaultFormField="FlxxDefaultFormField"
:fieldType="fieldType" :fieldType="fieldType"
:deleteId="deleteId"
@doQueryList="doQueryList" @doQueryList="doQueryList"
@getSeletedList="getSeletedList" @getSeletedList="getSeletedList"
@emitLoading="emitLoading" @emitLoading="emitLoading"
...@@ -107,6 +110,7 @@ export default { ...@@ -107,6 +110,7 @@ export default {
}, },
data() { data() {
return { return {
deleteId: "",
pageLoading: true, //页面进来时候的加载 pageLoading: true, //页面进来时候的加载
radioFZt: "", //一级状态 radioFZt: "", //一级状态
radioZt: "", //二级状态 radioZt: "", //二级状态
...@@ -183,6 +187,9 @@ export default { ...@@ -183,6 +187,9 @@ export default {
}; };
}, },
methods: { methods: {
deleteAll() {
this.$refs.form.delete();
},
changeSize(size, type) { changeSize(size, type) {
this.formData["rows"] = size; this.formData["rows"] = size;
this.doQueryList(type, this.formData, false, "handleCurrentChange"); this.doQueryList(type, this.formData, false, "handleCurrentChange");
...@@ -460,21 +467,27 @@ export default { ...@@ -460,21 +467,27 @@ export default {
this.formData[id] = []; this.formData[id] = [];
} else { } else {
this.formData[id] = ""; this.formData[id] = "";
this.deleteId = id;
} }
}, },
getSeletedList(data, obj) { getSeletedList(data, obj) {
let self = this; let self = this;
if (obj) { if (obj) {
//删除值
self.selectList.forEach((val, key) => { self.selectList.forEach((val, key) => {
if (val.id == obj.id) { if (val.id == obj.id) {
self.selectList.splice(key, 1); self.selectList.splice(key, 1);
} }
}); });
} else { } else {
//添加值
data.forEach(val => { data.forEach(val => {
self.selectList.forEach((val2, key) => { self.selectList.forEach((val2, key) => {
if (val.id == val2.id) { if (val.id == val2.id) {
self.$set(val2, "value", val.value); self.$set(val2, "value", val.value);
if (val2.id2) {
self.$set(val2, "value2", val.value2);
}
self.$set(self.selectList, key, val2); self.$set(self.selectList, key, val2);
} }
}); });
...@@ -698,7 +711,7 @@ export default { ...@@ -698,7 +711,7 @@ export default {
require.ensure([], () => { require.ensure([], () => {
const { const {
export_json_to_excel export_json_to_excel
} = require("../../assets/vendor/Export2Excel"); } = require("../../vendor/Export2Excel");
const list = res.data.rows; const list = res.data.rows;
const data = self.formatJson(filterVal, list); const data = self.formatJson(filterVal, list);
export_json_to_excel(tHeader, data, self.excelHeader); export_json_to_excel(tHeader, data, self.excelHeader);
...@@ -732,7 +745,7 @@ export default { ...@@ -732,7 +745,7 @@ export default {
require.ensure([], () => { require.ensure([], () => {
const { const {
export_json_to_excel export_json_to_excel
} = require("../../assets/vendor/Export2Excel"); } = require("../../vendor/Export2Excel");
const list = res.data.rows; const list = res.data.rows;
const data = self.formatJson(filterVal, list); const data = self.formatJson(filterVal, list);
export_json_to_excel(tHeader, data, self.excelHeader); export_json_to_excel(tHeader, data, self.excelHeader);
...@@ -766,7 +779,7 @@ export default { ...@@ -766,7 +779,7 @@ export default {
require.ensure([], () => { require.ensure([], () => {
const { const {
export_json_to_excel export_json_to_excel
} = require("../../assets/vendor/Export2Excel"); } = require("../../vendor/Export2Excel");
const list = res.data.rows; const list = res.data.rows;
const data = self.formatJson(filterVal, list); const data = self.formatJson(filterVal, list);
export_json_to_excel(tHeader, data, self.excelHeader); export_json_to_excel(tHeader, data, self.excelHeader);
...@@ -878,12 +891,13 @@ export default { ...@@ -878,12 +891,13 @@ export default {
self.formData = formList; self.formData = formList;
self.pageNum = self.formData.page; self.pageNum = self.formData.page;
self.formData["flxx"].forEach(val => { self.formData["flxx"].forEach(val => {
if (val == "nldfl") { if (val == "nldfl") {//如果没有选受害人还是嫌疑人、全部,默认查嫌疑人
if ( if (
self.formData["flxx"].indexOf("nldfl1") < 0 && self.formData["flxx"].indexOf("nldfl1") < 0 &&
self.formData["flxx"].indexOf("nldfl2") < 0 self.formData["flxx"].indexOf("nldfl2") < 0
) { ) {
self.formData["flxx"].push("nldfl1"); self.formData["flxx"].push("nldfl1");
self.$refs.form.setFlxxValue("nldfl1");
} }
} }
if (val == "xbfl") { if (val == "xbfl") {
...@@ -892,6 +906,7 @@ export default { ...@@ -892,6 +906,7 @@ export default {
self.formData["flxx"].indexOf("xbfl2") < 0 self.formData["flxx"].indexOf("xbfl2") < 0
) { ) {
self.formData["flxx"].push("xbfl1"); self.formData["flxx"].push("xbfl1");
self.$refs.form.setFlxxValue("xbfl1");
} }
} }
if (val == "gjfl") { if (val == "gjfl") {
...@@ -900,6 +915,7 @@ export default { ...@@ -900,6 +915,7 @@ export default {
self.formData["flxx"].indexOf("gjfl2") < 0 self.formData["flxx"].indexOf("gjfl2") < 0
) { ) {
self.formData["flxx"].push("gjfl1"); self.formData["flxx"].push("gjfl1");
self.$refs.form.setFlxxValue("gjfl1");
} }
} }
if (val == "hjdfl") { if (val == "hjdfl") {
...@@ -908,6 +924,7 @@ export default { ...@@ -908,6 +924,7 @@ export default {
self.formData["flxx"].indexOf("hjdfl2") < 0 self.formData["flxx"].indexOf("hjdfl2") < 0
) { ) {
self.formData["flxx"].push("hjdfl1"); self.formData["flxx"].push("hjdfl1");
self.$refs.form.setFlxxValue("hjdfl1");
} }
} }
if (val == "mzfl") { if (val == "mzfl") {
...@@ -916,6 +933,7 @@ export default { ...@@ -916,6 +933,7 @@ export default {
self.formData["flxx"].indexOf("mzfl2") < 0 self.formData["flxx"].indexOf("mzfl2") < 0
) { ) {
self.formData["flxx"].push("mzfl1"); self.formData["flxx"].push("mzfl1");
self.$refs.form.setFlxxValue("mzfl1");
} }
} }
}); });
......
...@@ -19,9 +19,7 @@ ...@@ -19,9 +19,7 @@
</el-tag> </el-tag>
</div> </div>
<div class="delete_btn inline"> <div class="delete_btn inline">
<el-button plain size="small" class="zdybtn delete" @click="deleteField" <a class="zdybtn delete2" @click="deleteField"><i class="el-icon-delete" style="margin-right: 4px;"></i>清空条件</a>
>清空</el-button
>
</div> </div>
</div> </div>
</template> </template>
...@@ -54,6 +52,7 @@ export default { ...@@ -54,6 +52,7 @@ export default {
methods: { methods: {
deleteField(){ deleteField(){
let self=this; let self=this;
self.$emit("deleteAll");
for(let i=self.dynamicTags.length-1;i>=0;i--){ for(let i=self.dynamicTags.length-1;i>=0;i--){
self.handleClose(self.dynamicTags[i]) self.handleClose(self.dynamicTags[i])
} }
......
...@@ -11,8 +11,7 @@ ...@@ -11,8 +11,7 @@
</template> </template>
<script> <script>
import Http from "@/utils/axiosHttp.js";
import url from "@/api/base";
import listHeader from "@c/header_components.vue"; import listHeader from "@c/header_components.vue";
import leftMenu from "@c/leftMenu_components.vue"; import leftMenu from "@c/leftMenu_components.vue";
import { import {
...@@ -41,26 +40,10 @@ export default { ...@@ -41,26 +40,10 @@ export default {
name: item[index-1].id, name: item[index-1].id,
}); });
}, },
doLogin(username,password) {
return Http({
url: url.rzURL + 'login',
params: {username,password},
method: "post"
});
},
}, },
mounted() { mounted() {
let self=this;
self.doLogin("admin","0").then(res => {
if (res.success === true) {
console.log("登录刑专二期成功")
} else {
self.$message({
type: "error",
message: "登录失败"
});
}
});
} }
}; };
...@@ -68,6 +51,6 @@ export default { ...@@ -68,6 +51,6 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
@import "../../assets/styles/rightContent.scss"; @import "../../assets/styles/rightContent.scss";
.headerT { .headerT {
position: inherit !important; position: inherit !important;text-indent:70px;
} }
</style> </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