Commit 740b1da4 by lp784568205

修改了专题数据查询分析

parent 5bce4db5
...@@ -3,7 +3,7 @@ import base from "@/api/base"; ...@@ -3,7 +3,7 @@ import base from "@/api/base";
//统计图 //统计图
export const EsFpaZtfxQuery = params => export const EsFpaZtfxQuery = params =>
post(`${base.alyIP}/ztsjFx/EsFpaZtfxQuery`, params); post(`/api/ztsjFx/EsFpaZtfxQuery`, params);
...@@ -933,6 +933,7 @@ export default { ...@@ -933,6 +933,7 @@ export default {
// item.xszmc = `${item.cbajAjmc}(组号:${item.xszajbh})` // item.xszmc = `${item.cbajAjmc}(组号:${item.xszajbh})`
post(this.cxUrl, formDatas).then((response) => { post(this.cxUrl, formDatas).then((response) => {
if (response.code == 200) { if (response.code == 200) {
if(self.pageBs != 'ztsjfxtj') {
response.data.data.forEach((item) => { response.data.data.forEach((item) => {
item.children = []; item.children = [];
item.xszmc = `${item.cbajAjmc}`; item.xszmc = `${item.cbajAjmc}`;
...@@ -944,11 +945,38 @@ export default { ...@@ -944,11 +945,38 @@ export default {
item.ryXm = nameArr[1]; item.ryXm = nameArr[1];
} }
}); });
self.tableData = response.data.data;
self.tableDataLength = response.data.iTotalRecords; self.tableData = response.data.data;
self.tPage = Math.ceil( self.tableDataLength = response.data.iTotalRecords;
response.data.iTotalRecords / self.page_size self.tPage = Math.ceil(
); response.data.iTotalRecords / self.page_size
);
}else {
let xData = response.data.rows.map((i) => ({
name: i.name,
value: i.code,
}));
let data = []
data[0] = response.data.rows.map((i) => ({
name: i.name,
dm: i.code,
value: i.num,
}));
data[1] = response.data.rows.map((i) => ({
name: i.name,
dm: i.code,
value: i.numPa,
}));
data[2] = response.data.rows.map((i) => ({
name: i.name,
dm: i.code,
value: i.numWpa,
}));
//添加到histoy数组
this.$parent.historyArr.push({ x: xData, data: data });
//刷新图
this.$parent.getCharts(xData, data);
}
self.closeLoading(); self.closeLoading();
} else { } else {
/*self.$message({ /*self.$message({
......
...@@ -1234,6 +1234,12 @@ ...@@ -1234,6 +1234,12 @@
}} }}
</el-tag> --> </el-tag> -->
</div> </div>
<div v-else-if="columnTitle.prop == 'ajlbdmMc/ajzlbMc/ajxzlbMc'">
<p v-if="scope.row.ajlbdmMc != ''">{{ scope.row.ajlbdmMc }}</p>
<p v-if="scope.row.ajlbdmMc == '' && scope.row.ajlbdmMc != ''">{{ scope.row.ajlbdmMc }}</p>
<p v-if="scope.row.ajlbdmMc != '' && scope.row.ajlbdmMc == ''">{{ scope.row.ajxzlbMc }}</p>
</div>
<div v-else-if="columnTitle.prop == 'codeTxt'"> <div v-else-if="columnTitle.prop == 'codeTxt'">
<el-tag <el-tag
type="" type=""
...@@ -1309,6 +1315,7 @@ ...@@ -1309,6 +1315,7 @@
v-if=" v-if="
!( !(
pageBs == 'ztsjfx' || pageBs == 'ztsjfx' ||
pageBs == 'ztsjfxtj' ||
pageBs == 'gnsyrz' || pageBs == 'gnsyrz' ||
pageBs == 'queryFzth' || pageBs == 'queryFzth' ||
pageBs == 'queryDh' || pageBs == 'queryDh' ||
...@@ -4058,7 +4065,7 @@ export default { ...@@ -4058,7 +4065,7 @@ export default {
self.toggleZd = true; self.toggleZd = true;
} }
}); });
if (self.pageBs != "dytj") { if (self.pageBs != "dytj" && self.pageBs != "ztsjfxtj") {
self.doQuery("yes"); self.doQuery("yes");
} }
}, },
......
...@@ -189,22 +189,28 @@ export default { ...@@ -189,22 +189,28 @@ export default {
this.$store.commit("user/SET_Menu", this.Menu); this.$store.commit("user/SET_Menu", this.Menu);
this.$store.commit("user/SET_LeftMenu", this.leftMenus); this.$store.commit("user/SET_LeftMenu", this.leftMenus);
this.$store.commit("user/SET_Breadcrumb", this.breadcrumbList); this.$store.commit("user/SET_Breadcrumb", this.breadcrumbList);
this.getCode(); // this.getCode();
}, },
mounted() {}, mounted() {
this.$set(
this.cxFormData,
"lasjRqsjKssj",
this.formatStartDate(new Date())
);
this.$set(this.cxFormData, "lasjRqsjJssj", this.formatDate(new Date()));
},
methods: { methods: {
getCode() { formatDate(date) {
let arr = []; var y = date.getFullYear();
getRybq().then((res) => { var m = date.getMonth() + 1;
res.data.rows.forEach((item) => { m = m < 10 ? "0" + m : m;
arr.push({ var d = date.getDate();
id: item.code, d = d < 10 ? "0" + d : d;
label: item.name, return y + "-" + m + "-" + d;
disabled: false, },
}); formatStartDate(date) {
}); var y = date.getFullYear();
}); return y + "-01-01";
this.$set(this.cxQueryField[8], "codeOptions", arr);
}, },
}, },
watch: {}, watch: {},
......
...@@ -17,12 +17,11 @@ ...@@ -17,12 +17,11 @@
>返回上层</el-button >返回上层</el-button
> >
<div v-show="type == 'map'"> <div v-show="type == 'map'">
<rightCont <rightCont
:pageBs="pageBs" :pageBs="pageBs"
:header="header" :header="header"
:cxFormData="cxFormData2" :cxFormData="cxFormData2"
:cxQueryField="cxQueryField2" :cxQueryField="cxQueryField2"
:cxDefaultFormThead="cxDefaultFormThead2"
:cxUrl="cxUrl2" :cxUrl="cxUrl2"
></rightCont> ></rightCont>
<div id="charts" ref="charts" v-loading="loading"></div> <div id="charts" ref="charts" v-loading="loading"></div>
...@@ -276,7 +275,7 @@ export default { ...@@ -276,7 +275,7 @@ export default {
codeTree: "CODE_AJLB_bz", codeTree: "CODE_AJLB_bz",
}, },
], ],
cxUrl2: "/ztsjFx/EsFpaZtfxQuery", cxUrl2: "/api/ztsjFx/EsFpaZtfxQuery",
}; };
}, },
methods: { methods: {
...@@ -381,10 +380,32 @@ export default { ...@@ -381,10 +380,32 @@ export default {
}, },
series: [ series: [
{ {
name: "人员数", name: "案件数",
type: "bar", type: "bar",
data: data, data: data[0],
barWidth: "35px", barWidth: "10px",
itemStyle: {
normal: {
color: "#247FDC",
},
},
},
{
name: "破案数",
type: "bar",
data: data[1],
barWidth: "10px",
itemStyle: {
normal: {
color: "#247FDC",
},
},
},
{
name: "未破案数",
type: "bar",
data: data[2],
barWidth: "10px",
itemStyle: { itemStyle: {
normal: { normal: {
color: "#247FDC", color: "#247FDC",
...@@ -424,23 +445,34 @@ export default { ...@@ -424,23 +445,34 @@ export default {
//下钻处理接口事件 //下钻处理接口事件
getChartsData(xzqhdm) { getChartsData(xzqhdm) {
this.loading = true; this.loading = true;
// let params = new Object(); let params = new Object();
// if (xzqhdm) params.xzqhdm = xzqhdm; if (xzqhdm) params.asjfsddXzqhdm = xzqhdm;
// for(let item in cxFormData2) { // for(let item in cxFormData2) {
// params.append( item[key],cxFormData2[key]) // params.append( item[key],cxFormData2[key])
// } // }
EsFpaZtfxQuery(this.cxFormData2).then((res) => { EsFpaZtfxQuery(params).then((res) => {
this.loading = false; this.loading = false;
if (res.success && res.code == 200) { if (res.success && res.code == 200) {
if (res.data.rows.length > 0) { if (res.data.rows.length > 0) {
let xData = res.data.rows.map((i) => ({ let xData = res.data.rows.map((i) => ({
name: i.xzqhmc, name: i.name,
value: i.xzqhdm, value: i.code,
}));
let data = []
data[0] = res.data.rows.map((i) => ({
name: i.name,
dm: i.code,
value: i.num,
}));
data[1] = res.data.rows.map((i) => ({
name: i.name,
dm: i.code,
value: i.numPa,
})); }));
let data = res.data.rows.map((i) => ({ data[2] = res.data.rows.map((i) => ({
name: i.xzqhmc, name: i.name,
value: i.count, dm: i.code,
dm: i.xzqhdm, value: i.numWpa,
})); }));
//添加到histoy数组 //添加到histoy数组
this.historyArr.push({ x: xData, data: data }); this.historyArr.push({ x: xData, data: data });
...@@ -455,26 +487,31 @@ export default { ...@@ -455,26 +487,31 @@ export default {
//表格内容接口 //表格内容接口
getTableData(dm) { getTableData(dm) {
this.type = "table"; this.type = "table";
this.$set(this.cxFormData, "xzqhdm", dm); this.$set(this.cxFormData, "asjfsdd_xzqhdm", dm);
this.$refs.rightContent.doQuery("yes"); this.$refs.rightContent.doQuery("yes");
}, },
// getCode() { formatDate(date) {
// let arr = []; var y = date.getFullYear();
// getRybq().then((res) => { var m = date.getMonth() + 1;
// res.data.rows.forEach((item) => { m = m < 10 ? "0" + m : m;
// arr.push({ var d = date.getDate();
// id: item.code, d = d < 10 ? "0" + d : d;
// label: item.name, return y + "-" + m + "-" + d;
// disabled: false, },
// }); formatStartDate(date) {
// }); var y = date.getFullYear();
// }); return y + "-01-01";
// this.$set(this.cxQueryField[8], "codeOptions", arr); },
// },
}, },
mounted() { mounted() {
//初始化图形 //初始化图形
this.getChartsData(); // this.getChartsData();
this.$set(
this.cxFormData,
"lasjRqsjKssj",
this.formatStartDate(new Date())
);
this.$set(this.cxFormData, "lasjRqsjJssj", this.formatDate(new Date()));
}, },
created() { created() {
this.$store.commit("user/SET_Menu", this.Menu); this.$store.commit("user/SET_Menu", this.Menu);
...@@ -483,20 +520,18 @@ export default { ...@@ -483,20 +520,18 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
// .rightContent {
// width: 100%;
// height: 100vh;
// }
#dytj { #dytj {
width: 100%; width: 100%;
height: calc(100vh - 48px); height: calc(100vh - 48px);
box-sizing: border-box; box-sizing: border-box;
padding: 20px; padding: 20px;
position: relative; position: relative;
z-index: 999;
#charts { #charts {
background-color: #fff; background-color: #fff;
width: 100%; width: 80vw;
height: 100%; height: 75vh;
} }
#table { #table {
box-sizing: border-box; box-sizing: border-box;
......
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