Skip to content

F
founder_vue
Commit 0cd92975 by gao_yingdong
Options

多维查询，分页

parent f582a282
Showing with 148 additions and 130 deletions
src/utils/jccx.js
......@@ -4129,12 +4129,12 @@ let cxYchyZjhmData = [
id: 'ryda',
class: 'iconfont iconhecha-xiangxixuanzhong'
},
{
name: '关系挖掘',
path: '',
id: 'gxwj',
class: 'iconfont iconxinzengbuchong'
}
// {
// name: '关系挖掘',
// path: '',
// id: 'gxwj',
// class: 'iconfont iconxinzengbuchong'
// }
]
export {
......
src/utils/params.js
......@@ -4204,12 +4204,12 @@ let cxYchyZjhmData = [
id: 'ryda',
class: 'iconfont iconhecha-xiangxixuanzhong'
},
{
name: '关系挖掘',
path: '',
id: 'gxwj',
class: 'iconfont iconxinzengbuchong'
}
// {
// name: '关系挖掘',
// path: '',
// id: 'gxwj',
// class: 'iconfont iconxinzengbuchong'
// }
]
......
src/views/jccx/ajTable.vue
<template>
<div id="ajTable">
<el-dialog title="案件信息" :visible.sync="dialogFyxxVisible" width="1050px" class="jyDialog" center @close="closeDialog">
<el-table
:data="fyxxTable"
style="width: 100%"
highlight-current-row
>
<el-table-column
align="center"
:min-width="
columnTitle.width
? columnTitle.width
: columnTitle.prop == 'jyaq' || columnTitle.prop == 'asjbh'
? '360'
: '160'
"
v-for="columnTitle in ajThead"
:prop="columnTitle.prop"
:key="columnTitle.label"
:label="columnTitle.label"
>
<template slot-scope="scope">
<div class="ajxq_s" v-if="columnTitle.prop == 'jyaq'">
<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"
>展开</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"
>收起</a
>
</div>
<div
v-if="columnTitle.prop != 'jyaq'"
v-html="scope.row[columnTitle.prop]"
></div>
</template>
</el-table-column>
</el-table>
<!--分页-->
<el-pagination
background
@current-change="handleCurrentChange"
:current-page.sync="currentPage1"
:page-size="page_size"
layout="prev, pager, next"
:small="true"
:total="fyTableLength">
</el-pagination>
</el-dialog>
</div>
<div id="ajTable">
<el-dialog
title="案件信息"
:visible.sync="dialogFyxxVisible"
width="1050px"
class="jyDialog"
center
@close="closeDialog"
>
<el-table :data="fyxxTable" style="width: 100%" highlight-current-row>
<el-table-column
align="center"
:min-width="
columnTitle.width
? columnTitle.width
: columnTitle.prop == 'jyaq' || columnTitle.prop == 'asjbh'
? '360'
: '160'
"
v-for="columnTitle in ajThead"
:prop="columnTitle.prop"
:key="columnTitle.label"
:label="columnTitle.label"
>
<template slot-scope="scope">
<div class="ajxq_s" v-if="columnTitle.prop == 'jyaq'">
<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"
>展开</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"
>收起</a
>
</div>
<div
v-if="columnTitle.prop != 'jyaq'"
v-html="scope.row[columnTitle.prop]"
></div>
</template>
</el-table-column>
</el-table>
<!--分页-->
<el-pagination
background
@current-change="handleCurrentChange"
:current-page.sync="currentPage1"
:page-size="page_size"
layout="prev, pager, next"
:total="fyTableLength"
>
</el-pagination>
</el-dialog>
</div>
</template>
<script>
export default {
name: "ajTable",
props:{
DefaultAjFormThead: {
type: Array,
default: () => []
},
ajTableVisi:Boolean,
cxcsAjList: {
type: Array,
default: () => []
},
},
data(){
return {
currentPage1:1,
page_size:10,
fyTableLength:0,
dialogFyxxVisible:this.ajTableVisi,
fyxxTable:this.cxcsAjList,
ajThead:this.DefaultAjFormThead
}
},
methods:{
closeDialog(){
let self=this;
//self.dialogFyxxVisible=false;
self.currentPage1 = 1;
self.$emit("close",false)
},
handleCurrentChange(val){
let self = this;
self.currentPage1 = val;
self.$emit("aginQuery",self.currentPage1)
}
},
watch:{
ajTableVisi(val){
debugger
let self=this;
self.dialogFyxxVisible=val;
},
cxcsAjList(val){
this.fyxxTable=val;
}
},
mounted() {
}
}
export default {
name: "ajTable",
props: {
DefaultAjFormThead: {
type: Array,
default: () => [],
},
ajTableVisi: Boolean,
cxcsAjList: {
type: Array,
default: () => [],
},
fyTableLength: Number,
},
data() {
return {
currentPage1: 1,
page_size: 5,
fyTableLength: this.fyTableLength,
dialogFyxxVisible: this.ajTableVisi,
fyxxTable: this.cxcsAjList,
ajThead: this.DefaultAjFormThead,
};
},
methods: {
closeDialog() {
let self = this;
//self.dialogFyxxVisible=false;
self.currentPage1 = 1;
self.$emit("close", false);
},
handleCurrentChange(val) {
debugger
let self = this;
self.currentPage1 = val;
self.$emit("aginQuery", self.currentPage1);
},
},
watch: {
ajTableVisi(val) {
debugger;
let self = this;
self.dialogFyxxVisible = val;
},
cxcsAjList(val) {
this.fyxxTable = val;
},
},
mounted() {},
};
</script>
<style scoped>
</style>
src/views/jccx/qgjcxx.vue
......@@ -68,8 +68,10 @@
<aj-table
v-show="ajTableVisi"
:ajTableVisi="ajTableVisi"
:fyTableLength='fyTableLength'
:cxcsAjList="cxcsAjList"
@close="close"
@aginQuery='aginQuery'
@close="close"
:DefaultAjFormThead="DefaultAjFormThead"
></aj-table>
</div>
......@@ -194,7 +196,8 @@ export default {
rows: 5,
index: "asjnm_xyr"
},
cxcsAjList: []
fyTableLength: 0,
cxcsAjList: [],
};
},
methods: {
......@@ -250,6 +253,7 @@ export default {
request.zacsAjDoQuery(JSON.stringify(self.cxcsAjQuery)).then(res => {
if (res.success === true) {
self.cxcsAjList = [];
self.fyTableLength = res.data.total
self.cxcsAjList = res.data.rows;
} else {
self.$message({
......
src/views/jccx/qsjccx.vue
......@@ -69,6 +69,8 @@
:ajTableVisi="ajTableVisi"
:cxcsAjList="cxcsAjList"
@close="close"
@aginQuery='aginQuery'
:fyTableLength='fyTableLength'
:DefaultAjFormThead="DefaultAjFormThead"
></aj-table>
</div>
......@@ -193,7 +195,8 @@ export default {
rows: 5,
index: "asjnm_xyr"
},
cxcsAjList: []
cxcsAjList: [],
fyTableLength: 0,
};
},
methods: {
......@@ -244,12 +247,14 @@ export default {
self.ajTableVisi = flag;
},
zacsAjDoQuery() {
debugger
//作案多次，列表显示图标，点击弹框查询此人做过的多个案子
let self = this;
request.zacsAjDoQuery(JSON.stringify(self.cxcsAjQuery)).then(res => {
if (res.success === true) {
self.cxcsAjList = [];
self.cxcsAjList = res.data.rows;
self.fyTableLength = res.data.total
} else {
self.$message({
type: "error",
......@@ -259,6 +264,7 @@ export default {
});
},
aginQuery(page) {
debugger
//翻页 时候 的查询
this.cxcsAjQuery.page = page;
this.zacsAjDoQuery();
......
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