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