Commit e2cbcf7d by liyuhang19990520

222

parent 6070746e
......@@ -1073,7 +1073,21 @@ export default {
axios
.get(`JsonData/${val.codeTree}.json`)
.then((res) => {
if (val.codeTree == 'CODE_XZQH') {
let newArr = res.data.rows;
let userInfo = JSON.parse(sessionStorage.getItem("userInfo"));
let unicode = userInfo.unitcode;
if (unicode != '010000000000') {
newArr = res.data.rows.filter((i) => {
return unicode.indexOf(i.id) == 0;
})
}
self.$set(val, "codeOptions", newArr);
} else {
self.$set(val, "codeOptions", res.data.rows);
}
// self.$set(val, "codeOptions", res.data.rows);
})
.catch((err) => {
console.log(err);
......
<!--
* @Author: your name
* @Date: 2021-07-12 17:42:38
* @LastEditTime: 2022-03-19 20:16:24
* @LastEditTime: 2022-03-28 22:54:54
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\index\home.vue
......@@ -31,10 +31,10 @@
<img src="../../assets/img/title.png" />
</div>
<div class="nav">
<div class="navList" v-for="item in navList" :key="item.id">
<div class="navList" v-for="item in navList" :key="item.id" style="position: relative">
<img :src="item.url" @click="goDetail(item)" />
<i class="el-icon-lock" v-if="item.isClock && !isInclude"></i>
<i class="el-icon-lock" v-if="item.lock"></i>
<i class="el-icon-lock" v-if="item.isClock && !isInclude" style="position: absolute;left: 50%;transform: translateX(-50%);height: 30px;bottom: 0px;"></i>
<i class="el-icon-lock" v-if="item.lock" style="position: absolute;left: 50%;bottom: 0px;transform: translateX(-50%);height: 30px"></i>
</div>
</div>
</div>
......@@ -139,10 +139,9 @@ export default {
];
this.isInclude = arr.some((item) => item == this.identitycard);
let username = JSON.parse(sessionStorage.getItem("userInfo")).account;
debugger;
if (username != "admin") {
this.navList[1].lock = true;
this.navList[2].lock = true;
this.navList[2].lock = false;
this.navList[3].lock = true;
}
console.log(this.navList);
......
......@@ -45,7 +45,7 @@ export default {
data() {
return {
header: "专题数据查询分析",
pageBs: "ztsjfx",
pageBs: "ztsjfxajjs",
cxFormData: {
limit: 10,
......
......@@ -25,7 +25,8 @@
class="returnBtn"
@click="historyCharts"
v-if="historyArr.length > 1 && type == 'map'"
>返回上层</el-button
>返回上层
</el-button
>
<div v-show="type == 'map'">
<rightCont
......@@ -37,9 +38,15 @@
:cxUrl="cxUrl2"
@cleanHistoryArr="cleanHistoryArr"
></rightCont>
<div id="chartsBox">
<el-button @click="daochu" size="mini" type="primary"
style="position: absolute;right: 100px;top: 1px;z-index: 88">导出
</el-button>
<div id="charts" ref="charts" v-loading="loading"></div>
</div>
</div>
<div id="table" v-show="type == 'table'">
<rightContent
@returnBtn="type = 'map'"
......@@ -56,12 +63,13 @@
</div>
</template>
<script>
// import { getRybq } from "@/api/zdry/zdryGl.js";
import rightContent from "@c/zdryGl/ptCxForm_components.vue";
import rightCont from "@c/bshChildrenQuery.vue";
import SelectTreeDialog from "@c/treeCode_components.vue";
import { EsFpaZtfxQuery } from "@/api/ztsjfx/ztsjfx.js";
export default {
// import { getRybq } from "@/api/zdry/zdryGl.js";
import rightContent from "@c/zdryGl/ptCxForm_components.vue";
import rightCont from "@c/bshChildrenQuery.vue";
import SelectTreeDialog from "@c/treeCode_components.vue";
import {EsFpaZtfxQuery} from "@/api/ztsjfx/ztsjfx.js";
export default {
components: {
rightContent,
SelectTreeDialog,
......@@ -215,9 +223,9 @@ export default {
placeholder: "请选择",
col: "3",
radioData: [
{ label: "全部", val: "" },
{ label: "已破", val: "1" },
{ label: "未破", val: "0" },
{label: "全部", val: ""},
{label: "已破", val: "1"},
{label: "未破", val: "0"},
],
},
{
......@@ -228,9 +236,9 @@ export default {
placeholder: "请选择",
col: "3",
radioData: [
{ label: "全部", val: "" },
{ label: "已标注", val: "1" },
{ label: "未标注", val: "2" },
{label: "全部", val: ""},
{label: "已标注", val: "1"},
{label: "未标注", val: "2"},
],
},
......@@ -323,6 +331,75 @@ export default {
};
},
methods: {
daochu() {
let data = this.historyArr[this.historyArr.length - 1].data
let tableData = [];
data.forEach((i, index) => {
i.forEach((j, index1) => {
if (index == 0) {
tableData.push({
name: j.name,
faan: j.value
})
} else {
tableData[index1].poan = j.value
}
})
})
this.getExl(tableData);
},
getExl(arr) {
let self = this;
let tHeader = [];
let filterVal = [];
let tableprop = [
{
label: '地区',
prop: 'name'
},
{
label: '发案数',
prop: 'faan'
},
{
label: '破案数',
prop: 'poan'
},
]
tableprop.forEach((val) => {
tHeader.push(val.label);
filterVal.push(val.prop);
})
require.ensure([], () => {
const {
export_json_to_excel,
} = require("@/utils/Export2Excel");
const list = arr;
const data = self.formatJson(filterVal, list);
export_json_to_excel(tHeader, data, '地域分析');
});
},
formatJson(filterVal, jsonData) {
let arr = [];
jsonData.map((v) => {
let arr1 = [];
filterVal.map((j) => {
if (j.indexOf(",") != -1) {
let arr = j.split(",");
let data = "";
for (let i = 0; i <= arr.length - 1; i++) {
data += arr[i].split(":")[0] + ":" + v[arr[i].split(":")[1]];
}
arr1.push(data);
} else {
arr1.push(v[j]);
}
});
arr.push(arr1);
});
return arr;
},
//初始化echarts以及添加点击事件
getCharts(x, data, rotate) {
let _this = this;
......@@ -498,17 +575,19 @@ export default {
},
//点击返回上一层事件
historyCharts() {
// debugger;
let obj = this.historyArr[this.historyArr.length - 2];
this.cxFormData2 = obj.cxFormData2
if (this.historyArr.length == 1) {
this.$message.warning("无法返回");
return;
}
let obj = this.historyArr[this.historyArr.length - 2];
this.cxFormData2 = obj.cxFormData2
this.getCharts(obj.x, obj.data, obj.rotate);
this.historyArr.pop();
},
//下钻处理接口事件
getChartsData(xzqhdm) {
// debugger;
this.loading = true;
let params = new Object();
if (xzqhdm) params.asjfsddXzqhdm = xzqhdm;
......@@ -519,15 +598,15 @@ export default {
params.lasjRqsjKssj = this.cxFormData2.lasjRqsjKssj;
params.lasjRqsjJssj = this.cxFormData2.lasjRqsjJssj;
params.gabAjzlb = this.cxFormData2.gabAjzlb;
if(params.ssjzMin == "") {
if (params.ssjzMin == "") {
params.ssjzMin = 100000;
}else if(params.ssjzMin != "" && params.ssjzMin < 10) {
} else if (params.ssjzMin != "" && params.ssjzMin < 10) {
this.$message.error("仅供损失十万及以上重大侵财案件专题查询")
}else if(params.ssjzMin != "" && params.ssjzMin >= 10) {
return;
} else if (params.ssjzMin != "" && params.ssjzMin >= 10) {
params.ssjzMin = params.ssjzMin + "0000";
}
EsFpaZtfxQuery(params).then((res) => {
if (res.success && res.code == 200) {
if (res.data.rows.length > 0) {
let xData = res.data.rows.map((i) => ({
......@@ -550,8 +629,14 @@ export default {
// dm: i.code,
// value: i.numWpa,
// }));
let pam = params;
if(pam.ssjzMin == 100000) {
pam.ssjzMin = ''
}else {
pam.ssjzMin = pam.ssjzMin.substring(0,pam.ssjzMin.length - 3)
}
//添加到histoy数组
this.historyArr.push({ x: xData, data: data, cxFormData2: params });
this.historyArr.push({x: xData, data: data, cxFormData2: pam});
//刷新图
this.getCharts(xData, data);
// this.loading = false;
......@@ -612,23 +697,31 @@ export default {
);
this.$set(this.cxFormData2, "lasjRqsjJssj", this.formatDate(new Date()));
},
};
};
</script>
<style lang="scss" scoped>
#dytj {
#dytj {
width: 100%;
height: calc(100vh - 48px);
box-sizing: border-box;
padding: 20px;
position: relative;
z-index: 999;
#charts {
background-color: #fff;
#chartsBox {
width: 85vw;
height: 75vh;
margin-left: -10px;
margin-top: -50px;
position: relative;
}
#charts {
background-color: #fff;
width: 100%;
height: 100%;
}
#table {
box-sizing: border-box;
padding-top: 1px !important;
......@@ -637,19 +730,23 @@ export default {
background-color: #fff;
padding: 20px;
}
.returnBtn {
position: absolute;
top: 22vh;
right: 40px;
z-index: 111;
}
.tableTitle {
display: flex;
justify-content: space-between;
padding: 10px 10px;
> .tableLeft {
font-size: 16px;
font-weight: 600;
span {
&:last-of-type {
font-size: 14px;
......@@ -660,5 +757,5 @@ export default {
}
}
}
}
}
</style>
\ No newline at end of file
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