Skip to content

F
founder_vue
Commit f6903019 by liupeng
Options

人力情报线索效能评估和阵地效能评估

parent ac8b465b
Showing with 1853 additions and 168 deletions
src/api/rlqbxs.js
......@@ -38,5 +38,18 @@ export const doAnalyse = params =>
//发送信息
export const insertUserMessage = params =>
postform(`${base.alyIP}/rlqb/insertUserMessage`, params);
//学历统计
export const getXstgzxlResult = params =>
postform(`${base.alyIP}/rlqb/getXstgzxlResult`, params);
//婚姻统计
export const getXstgzResult = params =>
postform(`${base.alyIP}/rlqb/getXstgzResult`, params);
//机动车统计
export const getJdcwqResult = params =>
postform(`${base.alyIP}/rlqb/getJdcwqResult`, params);
//非机动车统计
export const getFjdcwqResult = params =>
postform(`${base.alyIP}/rlqb/getFjdcwqResult`, params);
src/api/zdxx/zdjyhd.js
......@@ -53,14 +53,5 @@ export const getFxcdResult = params =>
//统计不同阵地风险程度大小个数 统计透视
// /zdxx/selectZdxxglNew
//不同单位阵地相关信息列表展示
export const BtdwZdxxList = params =>
post(`${base.alyIP}/zdjyhdxx/BtdwZdxxList`, params);
//不同单位阵地相关信息列表透视 展示
// /zdjyhdxx/qryZdxgtslbList
//全阵地检索
// /zdxx/selectQzdxxjs
// 阵地个数 和 人员个数
// /zdxx/selectZdgsRysl
\ No newline at end of file
// /zdxx/selectQzdxxjs
\ No newline at end of file
src/components/ptCxForm_components.vue
......@@ -365,7 +365,8 @@
pageBs != 'hpyprwSp' &&
pageBs != 'queryfzxyr' &&
pageBs != 'qyeryrlqbxsfs' &&
pageBs != 'qyeryrlqbxsBJ'
pageBs != 'qyeryrlqbxsBJ' &&
pageBs != 'qzdjs'
"
>
<i class="el-icon-plus"></i> 新增
......@@ -980,7 +981,8 @@
pageBs == 'queryZjcl' ||
pageBs == 'queryJcgz' ||
pageBs == 'queryZjclLb' ||
pageBs == 'qyeryrlqbxsBJ'
pageBs == 'qyeryrlqbxsBJ' ||
pageBs == 'qzdjs'
)
"
>
......
src/router/index.js
......@@ -32,6 +32,8 @@ import yzzfzxsypRoutes from "./modules/yzzfzxsyp";
import ajzbRoutes from "./modules/ajzb";
import qgccjRoutes from "./modules/qgccj";
import ztypRoutes from "./modules/ztyp";
import rlxnpgRoutes from "./modules/rlxnpg";
import zdxnpgRoutes from "./modules/zdxnpg";
const originalPush = VueRouter.prototype.push;
......@@ -76,6 +78,8 @@ const mainRouters = [
yzzfzxsypRoutes,
ajzbRoutes,
ztypRoutes,
rlxnpgRoutes,
zdxnpgRoutes,
...qgccjRoutes,
{
path: "*",
......
src/router/modules/rlxnpg.js 0 → 100644
import menuLayout from "@/layout/menuLayout.vue";
const menuLayouts = [
{
path: "/rlHytj",
name: "rlHytj",
meta: {
title: '人力情报线索婚姻统计'
},
component: () => import("@/views/rlxnpg/rlHytj.vue")
},
{
path: "/rlXltj",
name: "rlXltj",
meta: {
isAdd: true,
title: '人力情报线索学历统计'
},
component: () => import("@/views/rlxnpg/rlXltj.vue")
},
{
path: "/rlJdctj",
name: "rlJdctj",
meta: {
title: '人力情报线索机动车统计'
},
component: () => import("@/views/rlxnpg/rlJdctj.vue")
},
{
path: "/rlFjdctj",
name: "rlFjdctj",
meta: {
title: '人力情报线索非机动车统计'
},
component: () => import("@/views/rlxnpg/rlFjdctj.vue")
},
];
export default {
path: "/right",
component: menuLayout,
children: [...menuLayouts]
};
\ No newline at end of file
src/router/modules/zdxnpg.js 0 → 100644
import menuLayout from "@/layout/menuLayout.vue";
const menuLayouts = [
{
path: "/zdjycstj",
name: "zdjycstj",
meta: {
title: '阵地交易场所统计'
},
component: () => import("@/views/zdxx/zdjyhd/zdjycstj.vue")
},
{
path: "/zdryxlyj",
name: "zdryxlyj",
meta: {
title: '人员学历统计'
},
component: () => import("@/views/zdxx/zdjyhd/zdryxlyj.vue")
},
{
path: "/zdhytj",
name: "zdhytj",
meta: {
title: '婚姻状态统计'
},
component: () => import("@/views/zdxx/zdjyhd/zdhytj.vue")
},
{
path: "/zdgmtj",
name: "zdgmtj",
meta: {
title: '阵地规模统计'
},
component: () => import("@/views/zdxx/zdjyhd/zdgmtj.vue")
},
{
path: "/zdfxcdtj",
name: "zdfxcdtj",
meta: {
title: '阵地风险程度统计'
},
component: () => import("@/views/zdxx/zdjyhd/zdfxcdtj.vue")
},
{
path: "/qzdjs",
name: "qzdjs",
meta: {
title: '全阵地检索'
},
component: () => import("@/views/zdxx/zdjyhd/qzdjs.vue")
},
];
export default {
path: "/right",
component: menuLayout,
children: [...menuLayouts]
};
\ No newline at end of file
src/router/modules/zdxx.js
......@@ -95,63 +95,6 @@ const menuLayouts = [
},
component: () => import("@/views/zdxx/zdjyhd/detailZdjyhd.vue")
},
{
path: "/zdjycstj",
name: "zdjycstj",
meta: {
title: '阵地交易场所统计'
},
component: () => import("@/views/zdxx/zdjyhd/zdjycstj.vue")
},
{
path: "/zdryxlyj",
name: "zdryxlyj",
meta: {
title: '人员学历统计'
},
component: () => import("@/views/zdxx/zdjyhd/zdryxlyj.vue")
},
{
path: "/zdhytj",
name: "zdhytj",
meta: {
title: '婚姻状态统计'
},
component: () => import("@/views/zdxx/zdjyhd/zdhytj.vue")
},
{
path: "/zdgmtj",
name: "zdgmtj",
meta: {
title: '阵地规模统计'
},
component: () => import("@/views/zdxx/zdjyhd/zdgmtj.vue")
},
{
path: "/btdwzdxgxx",
name: "btdwzdxgxx",
meta: {
title: '不同单位阵地相关信息'
},
component: () => import("@/views/zdxx/zdjyhd/btdwzdxgxx.vue")
},
{
path: "/zdfxcdtj",
name: "zdfxcdtj",
meta: {
title: '阵地风险程度统计'
},
component: () => import("@/views/zdxx/zdjyhd/zdfxcdtj.vue")
},
{
path: "/qzdjs",
name: "qzdjs",
meta: {
title: '全阵地检索'
},
component: () => import("@/views/zdxx/zdjyhd/qzdjs.vue")
},
];
export default {
......
src/views/zdxx/zdjyhd/btdwzdxgxx.vue → src/views/rlxnpg/rlFjdctj.vue
......@@ -46,22 +46,13 @@
style="height: "
></div>
<div id="table" v-show="type == 'table'">
<rightContent
@returnBtn="type = 'map'"
:pageBs="pageBs"
:header="header"
:cxFormData="cxFormData"
:cxDefaultFormThead="propdefaultFormThead"
:cxUrl="cxUrl"
:cxQueryField="cxQueryField"
ref="rightContent"
></rightContent>
</div>
</div>
</template>
<script>
import rightContent from "@c/ptCxForm_components.vue";
import { getZdcsResult } from "@/api/zdxx/zdjyhd.js";
import { getFjdcwqResult } from "@/api/rlqbxs.js";
export default {
components: {
rightContent,
......@@ -70,7 +61,7 @@ export default {
return {
pageBs: "jycstj",
header: "阵地交易活动场所统计",
cxUrl: "/zdxx/selectZdxxglNew",
cxUrl: "/zdryxx/selectZdyrxx",
historyArr: [],
formData: {
djsjStart: this.$moment(
......@@ -162,9 +153,9 @@ export default {
// tableLength: "",
Menu: [
{
id: "zdjycstj",
label: "阵地交易场所统计",
index: "zdjycstj",
id: "rlFjdctj",
label: "人力情报非机动车物权统计",
index: "rlFjdctj",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
......@@ -309,12 +300,6 @@ export default {
},
],
});
myChart.on("click", pieConsole);
function pieConsole(val) {
console.log(val);
console.log(val.data);
self.getTableData()
}
},
//表格内容接口
getTableData(dm) {
......@@ -323,21 +308,21 @@ export default {
this.$refs.rightContent.doQuery("yes");
},
getCode() {
let obj = {};
let arr = [];
console.log(this.formData.djsjStart);
var params = new FormData();
params.append("djsjStart", this.formData.djsjStart);
params.append("djsjEnd", this.formData.djsjEnd);
getZdcsResult(params).then((res) => {
getFjdcwqResult(params).then((res) => {
console.log(res.data.result);
obj = res.data.result;
for (let key in obj) {
this.pieEchartsDate.map((i) => {
if (i.key == key) {
i.value = obj[key];
}
});
}
arr = res.data.result;
this.pieEchartsDate = []
arr.map((i) => {
this.pieEchartsDate.push({
name: i.name,
value: i.count,
})
})
console.log(this.pieEchartsDate);
this.startMyEcharts(this.pieEchartsDate);
});
......
src/views/rlxnpg/rlHytj.vue 0 → 100644
<template>
<div id="dytj">
<div class="searchItem" v-show="type == 'map'">
<el-form label-width="100px" ref="queryForm" :model="formData">
<el-col :span="8">
<el-form-item
label="开始时间"
prop="djsjStart"
style="margin-bottom: 0"
>
<el-date-picker
v-model="formData.djsjStart"
type="date"
align="right"
unlink-panels
suffix-icon="el-icon-date"
value-format="yyyy-MM-dd HH:mm:ss"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item
label="结束时间"
prop="djsjEnd"
style="margin-bottom: 0"
>
<el-date-picker
v-model="formData.djsjEnd"
type="date"
align="right"
unlink-panels
suffix-icon="el-icon-date"
value-format="yyyy-MM-dd HH:mm:ss"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-form>
</div>
<div
id="charts"
ref="charts"
v-show="type == 'map'"
v-loading="loading"
style="height: "
></div>
<div id="table" v-show="type == 'table'">
</div>
</div>
</template>
<script>
import rightContent from "@c/ptCxForm_components.vue";
import { getXstgzResult } from "@/api/rlqbxs.js";
export default {
components: {
rightContent,
},
data() {
return {
pageBs: "jycstj",
header: "阵地交易活动场所统计",
cxUrl: "/zdryxx/selectZdyrxx",
historyArr: [],
formData: {
djsjStart: this.$moment(
new Date().getTime() - 3600 * 1000 * 24 * 30
).format("YYYY-MM-DD"),
djsjEnd: this.$moment().format("YYYY-MM-DD"),
},
cxFormData: {
limit: 10,
page: 1,
djsjStart: "",
djsjEnd: "",
unitcode: "",
jycstype: "",
},
propdefaultFormThead: [
{
label: "物建人",
prop: "wjr",
},
{
label: "联系电话",
prop: "zdlxdh",
},
{
label: "阵地经度",
prop: "zdjd",
},
{
label: "阵地纬度",
prop: "zdwd",
},
{
label: "证件号码",
prop: "zjhm",
},
{
label: "姓名",
prop: "xm",
},
{
label: "涉及省份和地区",
prop: "sjsfdqdmStr",
},
],
cxQueryField: [
{
name: "开始时间",
id: "djsjStart",
type: "date",
value: "",
placeholder: "",
col: "3",
},
{
name: "结束时间",
id: "djsjEnd",
type: "date",
value: "",
placeholder: "",
col: "3",
},
{
name: "不同的交易场所",
id: "jycstype",
type: "codeTreeDialog",
props: "checkEmpty",
value: "",
placeholder: "请选择",
col: "3",
codeOptions: [],
codeTree: "CODE_XZQH",
},
{
name: "单位名称",
id: "unitcode",
type: "codeTreeDialog",
value: "",
placeholder: "请选择",
col: "3",
codeOptions: [],
codeTree: "QGCODE_UNIT",
},
],
tableData: [],
type: "map",
// key: "1",
// tableLoading: false,
// tableLength: "",
Menu: [
{
id: "rlHytj",
label: "人力情报婚姻统计",
index: "rlHytj",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
],
loading: false,
pieEchartsDate: [
{
key: "lg",
name: "旅馆",
value: 1,
},
{
key: "lhjwdw",
name: "来华境外单位",
value: 1,
},
{
key: "jcz",
name: "检查站",
value: 1,
},
{
key: "zdqy",
name: "重点企业",
value: 1,
},
{
key: "wlqy",
name: "物流企业",
value: 1,
},
{
key: "kyz",
name: "客运站",
value: 1,
},
{
key: "hcz",
name: "火车站",
value: 1,
},
{
key: "jc",
name: "机场",
value: 1,
},
{
key: "jycs",
name: "交易场所",
value: 1,
},
{
key: "ggylcs",
name: "公共娱乐场所",
value: 1,
},
{
key: "ylcs",
name: "游览场所",
value: 1,
},
{
key: "jzrfzdd",
name: "居住人员复杂地段",
value: 1,
},
],
};
},
methods: {
startMyEcharts(pieD) {
var self = this;
// 基于准备好的dom，初始化echarts实例
let myChart = this.$echarts.init(document.getElementById("charts"));
myChart.setOption({
title: {
text: "阵地交易活动场所统计",
padding: [20, 24],
textStyle: {
color: "#333333",
fontSize: 16,
fontWeight: "bold",
},
},
tooltip: {
trigger: "item",
formatter: "{a} <br/>{b}: {c} ({d}%)",
},
legend: {
orient: "vertical",
left: "85%", //图例距离左的距离
y: "70%", //图例上下居中
},
series: [
{
name: "",
type: "pie",
radius: ["0", "60%"],
center: ["51%", "55%"],
//avoidLabelOverlap => 避免标签重叠
avoidLabelOverlap: true,
// label: {
// show: false,
// position: "center"
// },
emphasis: {
label: {
show: true,
fontSize: "16",
fontWeight: "bold",
},
},
label: {
/*数据为0不显示*/
formatter: function (item) {
if (item.value > 0) {
return (
item.name.slice(0, 6) +
" : " +
item.value +
"个 " +
"占比：" +
item.percent +
"%"
);
} else {
return "";
}
},
labelLine: {
lineStyle: {
color: "rgba(255, 255, 255, 0.3)",
margin: "5px",
},
smooth: 0.2,
length: 50,
},
},
data: pieD,
},
],
});
},
//表格内容接口
getTableData(dm) {
this.type = "table";
// this.$set(this.cxFormData, "xzqhdm", dm);
this.$refs.rightContent.doQuery("yes");
},
getCode() {
let arr = [];
console.log(this.formData.djsjStart);
var params = new FormData();
params.append("djsjStart", this.formData.djsjStart);
params.append("djsjEnd", this.formData.djsjEnd);
getXstgzResult(params).then((res) => {
console.log(res.data.result);
arr = res.data.result;
this.pieEchartsDate = []
arr.map((i) => {
this.pieEchartsDate.push({
name: i.name,
value: i.count,
})
})
console.log(this.pieEchartsDate);
this.startMyEcharts(this.pieEchartsDate);
});
},
},
mounted() {
//初始化图形
// this.getChartsData();
this.getCode();
},
created() {
this.$store.commit("user/SET_Menu", this.Menu);
},
watch: {},
};
</script>
<style lang="scss" scoped>
#dytj {
width: 100%;
height: calc(100% - 48px);
box-sizing: border-box;
padding: 20px;
position: relative;
.searchItem {
height: 10%;
background-color: #fff;
padding-top: 10px;
padding-left: 20px;
}
#charts {
background-color: #fff;
width: 100%;
height: 90%;
}
#table {
box-sizing: border-box;
padding-top: 1px !important;
width: 100%;
height: 100%;
background-color: #fff;
padding: 20px;
}
.returnBtn {
position: absolute;
top: 30px;
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;
font-weight: 400;
margin-left: 20px;
color: #999999;
}
}
}
}
}
</style>
\ No newline at end of file
src/views/rlxnpg/rlJdctj.vue 0 → 100644
<template>
<div id="dytj">
<div class="searchItem" v-show="type == 'map'">
<el-form label-width="100px" ref="queryForm" :model="formData">
<el-col :span="8">
<el-form-item
label="开始时间"
prop="djsjStart"
style="margin-bottom: 0"
>
<el-date-picker
v-model="formData.djsjStart"
type="date"
align="right"
unlink-panels
suffix-icon="el-icon-date"
value-format="yyyy-MM-dd HH:mm:ss"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item
label="结束时间"
prop="djsjEnd"
style="margin-bottom: 0"
>
<el-date-picker
v-model="formData.djsjEnd"
type="date"
align="right"
unlink-panels
suffix-icon="el-icon-date"
value-format="yyyy-MM-dd HH:mm:ss"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-form>
</div>
<div
id="charts"
ref="charts"
v-show="type == 'map'"
v-loading="loading"
style="height: "
></div>
<div id="table" v-show="type == 'table'">
</div>
</div>
</template>
<script>
import rightContent from "@c/ptCxForm_components.vue";
import { getJdcwqResult } from "@/api/rlqbxs.js";
export default {
components: {
rightContent,
},
data() {
return {
pageBs: "jycstj",
header: "阵地交易活动场所统计",
cxUrl: "/zdryxx/selectZdyrxx",
historyArr: [],
formData: {
djsjStart: this.$moment(
new Date().getTime() - 3600 * 1000 * 24 * 30
).format("YYYY-MM-DD"),
djsjEnd: this.$moment().format("YYYY-MM-DD"),
},
cxFormData: {
limit: 10,
page: 1,
djsjStart: "",
djsjEnd: "",
unitcode: "",
jycstype: "",
},
propdefaultFormThead: [
{
label: "物建人",
prop: "wjr",
},
{
label: "联系电话",
prop: "zdlxdh",
},
{
label: "阵地经度",
prop: "zdjd",
},
{
label: "阵地纬度",
prop: "zdwd",
},
{
label: "证件号码",
prop: "zjhm",
},
{
label: "姓名",
prop: "xm",
},
{
label: "涉及省份和地区",
prop: "sjsfdqdmStr",
},
],
cxQueryField: [
{
name: "开始时间",
id: "djsjStart",
type: "date",
value: "",
placeholder: "",
col: "3",
},
{
name: "结束时间",
id: "djsjEnd",
type: "date",
value: "",
placeholder: "",
col: "3",
},
{
name: "不同的交易场所",
id: "jycstype",
type: "codeTreeDialog",
props: "checkEmpty",
value: "",
placeholder: "请选择",
col: "3",
codeOptions: [],
codeTree: "CODE_XZQH",
},
{
name: "单位名称",
id: "unitcode",
type: "codeTreeDialog",
value: "",
placeholder: "请选择",
col: "3",
codeOptions: [],
codeTree: "QGCODE_UNIT",
},
],
tableData: [],
type: "map",
// key: "1",
// tableLoading: false,
// tableLength: "",
Menu: [
{
id: "rlJdctj",
label: "人力情报机动车物权统计",
index: "rlJdctj",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
],
loading: false,
pieEchartsDate: [
{
key: "lg",
name: "旅馆",
value: 1,
},
{
key: "lhjwdw",
name: "来华境外单位",
value: 1,
},
{
key: "jcz",
name: "检查站",
value: 1,
},
{
key: "zdqy",
name: "重点企业",
value: 1,
},
{
key: "wlqy",
name: "物流企业",
value: 1,
},
{
key: "kyz",
name: "客运站",
value: 1,
},
{
key: "hcz",
name: "火车站",
value: 1,
},
{
key: "jc",
name: "机场",
value: 1,
},
{
key: "jycs",
name: "交易场所",
value: 1,
},
{
key: "ggylcs",
name: "公共娱乐场所",
value: 1,
},
{
key: "ylcs",
name: "游览场所",
value: 1,
},
{
key: "jzrfzdd",
name: "居住人员复杂地段",
value: 1,
},
],
};
},
methods: {
startMyEcharts(pieD) {
var self = this;
// 基于准备好的dom，初始化echarts实例
let myChart = this.$echarts.init(document.getElementById("charts"));
myChart.setOption({
title: {
text: "阵地交易活动场所统计",
padding: [20, 24],
textStyle: {
color: "#333333",
fontSize: 16,
fontWeight: "bold",
},
},
tooltip: {
trigger: "item",
formatter: "{a} <br/>{b}: {c} ({d}%)",
},
legend: {
orient: "vertical",
left: "85%", //图例距离左的距离
y: "70%", //图例上下居中
},
series: [
{
name: "",
type: "pie",
radius: ["0", "60%"],
center: ["51%", "55%"],
//avoidLabelOverlap => 避免标签重叠
avoidLabelOverlap: true,
// label: {
// show: false,
// position: "center"
// },
emphasis: {
label: {
show: true,
fontSize: "16",
fontWeight: "bold",
},
},
label: {
/*数据为0不显示*/
formatter: function (item) {
if (item.value > 0) {
return (
item.name.slice(0, 6) +
" : " +
item.value +
"个 " +
"占比：" +
item.percent +
"%"
);
} else {
return "";
}
},
labelLine: {
lineStyle: {
color: "rgba(255, 255, 255, 0.3)",
margin: "5px",
},
smooth: 0.2,
length: 50,
},
},
data: pieD,
},
],
});
},
//表格内容接口
getTableData(dm) {
this.type = "table";
// this.$set(this.cxFormData, "xzqhdm", dm);
this.$refs.rightContent.doQuery("yes");
},
getCode() {
let arr = [];
console.log(this.formData.djsjStart);
var params = new FormData();
params.append("djsjStart", this.formData.djsjStart);
params.append("djsjEnd", this.formData.djsjEnd);
getJdcwqResult(params).then((res) => {
console.log(res.data.result);
arr = res.data.result;
this.pieEchartsDate = []
arr.map((i) => {
this.pieEchartsDate.push({
name: i.name,
value: i.count,
})
})
console.log(this.pieEchartsDate);
this.startMyEcharts(this.pieEchartsDate);
});
},
},
mounted() {
//初始化图形
// this.getChartsData();
this.getCode();
},
created() {
this.$store.commit("user/SET_Menu", this.Menu);
},
watch: {},
};
</script>
<style lang="scss" scoped>
#dytj {
width: 100%;
height: calc(100% - 48px);
box-sizing: border-box;
padding: 20px;
position: relative;
.searchItem {
height: 10%;
background-color: #fff;
padding-top: 10px;
padding-left: 20px;
}
#charts {
background-color: #fff;
width: 100%;
height: 90%;
}
#table {
box-sizing: border-box;
padding-top: 1px !important;
width: 100%;
height: 100%;
background-color: #fff;
padding: 20px;
}
.returnBtn {
position: absolute;
top: 30px;
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;
font-weight: 400;
margin-left: 20px;
color: #999999;
}
}
}
}
}
</style>
\ No newline at end of file
src/views/rlxnpg/rlXltj.vue 0 → 100644
<template>
<div id="dytj">
<div class="searchItem" v-show="type == 'map'">
<el-form label-width="100px" ref="queryForm" :model="formData">
<el-col :span="8">
<el-form-item
label="开始时间"
prop="djsjStart"
style="margin-bottom: 0"
>
<el-date-picker
v-model="formData.djsjStart"
type="date"
align="right"
unlink-panels
suffix-icon="el-icon-date"
value-format="yyyy-MM-dd HH:mm:ss"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item
label="结束时间"
prop="djsjEnd"
style="margin-bottom: 0"
>
<el-date-picker
v-model="formData.djsjEnd"
type="date"
align="right"
unlink-panels
suffix-icon="el-icon-date"
value-format="yyyy-MM-dd HH:mm:ss"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-form>
</div>
<div
id="charts"
ref="charts"
v-show="type == 'map'"
v-loading="loading"
style="height: "
></div>
<div id="table" v-show="type == 'table'">
</div>
</div>
</template>
<script>
import rightContent from "@c/ptCxForm_components.vue";
import { getXstgzxlResult } from "@/api/rlqbxs.js";
export default {
components: {
rightContent,
},
data() {
return {
// pageBs: "jycstj",
header: "人力情报线索效能评估",
// cxUrl: "/zdryxx/selectZdyrxx",
// historyArr: [],
formData: {
djsjStart: this.$moment(
new Date().getTime() - 3600 * 1000 * 24 * 30
).format("YYYY-MM-DD"),
djsjEnd: this.$moment().format("YYYY-MM-DD"),
},
cxFormData: {
limit: 10,
page: 1,
djsjStart: "",
djsjEnd: "",
unitcode: "",
jycstype: "",
},
propdefaultFormThead: [
{
label: "物建人",
prop: "wjr",
},
{
label: "联系电话",
prop: "zdlxdh",
},
{
label: "阵地经度",
prop: "zdjd",
},
{
label: "阵地纬度",
prop: "zdwd",
},
{
label: "证件号码",
prop: "zjhm",
},
{
label: "姓名",
prop: "xm",
},
{
label: "涉及省份和地区",
prop: "sjsfdqdmStr",
},
],
cxQueryField: [
{
name: "开始时间",
id: "djsjStart",
type: "date",
value: "",
placeholder: "",
col: "3",
},
{
name: "结束时间",
id: "djsjEnd",
type: "date",
value: "",
placeholder: "",
col: "3",
},
{
name: "不同的交易场所",
id: "jycstype",
type: "codeTreeDialog",
props: "checkEmpty",
value: "",
placeholder: "请选择",
col: "3",
codeOptions: [],
codeTree: "CODE_XZQH",
},
{
name: "单位名称",
id: "unitcode",
type: "codeTreeDialog",
value: "",
placeholder: "请选择",
col: "3",
codeOptions: [],
codeTree: "QGCODE_UNIT",
},
],
tableData: [],
type: "map",
// key: "1",
// tableLoading: false,
// tableLength: "",
Menu: [
//头部导航(模块第一个页面需要)
{
id: "rlXltj",
label: "人力情报学历统计",
index: "rlXltj",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
],
leftMenus: [
{
id: "rlXltj",
label: "人力情报学历统计",
index: "rlXltj",
newAuth: "M01",
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
{
id: "rlHytj",
label: "人力情报婚姻统计",
index: "rlHytj",
newAuth: "M01",
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
{
id: "rlJdctj",
label: "人力情报机动车物权统计",
index: "rlJdctj",
newAuth: "M01",
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
{
id: "rlFjdctj",
label: "人力情报非机动车物权统计",
index: "rlFjdctj",
newAuth: "M01",
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
],
loading: false,
pieEchartsDate: [
{
key: "lg",
name: "旅馆",
value: 1,
},
{
key: "lhjwdw",
name: "来华境外单位",
value: 1,
},
{
key: "jcz",
name: "检查站",
value: 1,
},
{
key: "zdqy",
name: "重点企业",
value: 1,
},
{
key: "wlqy",
name: "物流企业",
value: 1,
},
{
key: "kyz",
name: "客运站",
value: 1,
},
{
key: "hcz",
name: "火车站",
value: 1,
},
{
key: "jc",
name: "机场",
value: 1,
},
{
key: "jycs",
name: "交易场所",
value: 1,
},
{
key: "ggylcs",
name: "公共娱乐场所",
value: 1,
},
{
key: "ylcs",
name: "游览场所",
value: 1,
},
{
key: "jzrfzdd",
name: "居住人员复杂地段",
value: 1,
},
],
};
},
methods: {
startMyEcharts(pieD) {
var self = this;
// 基于准备好的dom，初始化echarts实例
let myChart = this.$echarts.init(document.getElementById("charts"));
myChart.setOption({
title: {
text: "阵地交易活动场所统计",
padding: [20, 24],
textStyle: {
color: "#333333",
fontSize: 16,
fontWeight: "bold",
},
},
tooltip: {
trigger: "item",
formatter: "{a} <br/>{b}: {c} ({d}%)",
},
legend: {
orient: "vertical",
left: "85%", //图例距离左的距离
y: "70%", //图例上下居中
},
series: [
{
name: "",
type: "pie",
radius: ["0", "60%"],
center: ["51%", "55%"],
//avoidLabelOverlap => 避免标签重叠
avoidLabelOverlap: true,
// label: {
// show: false,
// position: "center"
// },
emphasis: {
label: {
show: true,
fontSize: "16",
fontWeight: "bold",
},
},
label: {
/*数据为0不显示*/
formatter: function (item) {
if (item.value > 0) {
return (
item.name.slice(0, 6) +
" : " +
item.value +
"个 " +
"占比：" +
item.percent +
"%"
);
} else {
return "";
}
},
labelLine: {
lineStyle: {
color: "rgba(255, 255, 255, 0.3)",
margin: "5px",
},
smooth: 0.2,
length: 50,
},
},
data: pieD,
},
],
});
},
//表格内容接口
getTableData(dm) {
this.type = "table";
// this.$set(this.cxFormData, "xzqhdm", dm);
this.$refs.rightContent.doQuery("yes");
},
getCode() {
let arr = [];
console.log(this.formData.djsjStart);
var params = new FormData();
params.append("djsjStart", this.formData.djsjStart);
params.append("djsjEnd", this.formData.djsjEnd);
getXstgzxlResult(params).then((res) => {
console.log(res.data.result);
arr = res.data.result;
this.pieEchartsDate = []
arr.map((i) => {
this.pieEchartsDate.push({
name: i.name,
value: i.count,
})
})
console.log(this.pieEchartsDate);
this.startMyEcharts(this.pieEchartsDate);
});
},
},
mounted() {
//初始化图形
// this.getChartsData();
this.getCode();
},
created() {
this.$store.commit("user/SET_Menu", this.Menu);
this.$store.commit("user/SET_LeftMenu", this.leftMenus);
this.$store.commit("user/SET_Header", this.header);
},
watch: {},
};
</script>
<style lang="scss" scoped>
#dytj {
width: 100%;
height: calc(100% - 48px);
box-sizing: border-box;
padding: 20px;
position: relative;
.searchItem {
height: 10%;
background-color: #fff;
padding-top: 10px;
padding-left: 20px;
}
#charts {
background-color: #fff;
width: 100%;
height: 90%;
}
#table {
box-sizing: border-box;
padding-top: 1px !important;
width: 100%;
height: 100%;
background-color: #fff;
padding: 20px;
}
.returnBtn {
position: absolute;
top: 30px;
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;
font-weight: 400;
margin-left: 20px;
color: #999999;
}
}
}
}
}
</style>
\ No newline at end of file
src/views/zdxx/zdjyhd/qzdjs.vue
<template>
<div class="Content">
<right-content
ref="rightContent"
:pageBs="pageBs"
:header="header"
:cxFormData="cxFormData"
:cxQueryField="cxQueryField"
:cxDefaultFormThead="cxDefaultFormThead"
:cxUrl="cxUrl"
@edit="edit"
@dele="dele"
@toInfor="toInfor"
@selectionChange="selectionChange"
@drjyhdry="drjyhdry"
></right-content>
<!-- @add="add" -->
<!-- 导入 -->
<el-dialog
title="导入相关人员"
:visible.sync="revokeVisiable"
width="30%"
@closed="closed"
>
<el-form :inline="true" :model="ckForm" class="demo-form-inline">
<el-row>
<el-col :span="20" :offset="2" style="margin-top: 20px">
<el-form-item label="文件" style="width：100%">
<el-upload
class="upload-demo"
action="#"
accept=".xls,.xlsx"
:on-change="fileOnchange"
:on-remove="
(flie, fileList) => {
fileArr = fileList;
}
"
:auto-upload="false"
:http-request="() => {}"
:file-list="fileArr"
v-model="ckForm.file"
>
<el-button size="small" type="primary">选择上传</el-button>
</el-upload>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="revokeVisiable = false">取 消</el-button>
<el-button type="primary" @click="submitCKD">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import rightContent from "@c/ptCxForm_components.vue";
import { deleteZdjyhd } from "@/api/zdxx/zdjyhd.js";
import { excleImportGlry } from "@/api/zdxx/zdxxgl.js";
export default {
name: "zdjyhd",
components: {
rightContent,
},
data() {
return {
header: "阵地效能评估",
pageBs: "qzdjs",
cxFormData: {
djsjStart: "",
djsjEnd: "",
limit: 10,
page: 1,
wjr: "",
zdjd: "",
zdwd: "",
zdlxdh: "",
zdgm: "",
fxcd: "",
xm: "",
zjhm: "",
hyzkdm: "",
xldm: "",
jywpmc: "",
bbkqtwpWpmc: "",
},
cxQueryField: [
/*立案信息 侦查终结信息 立案信息审批 侦查终结审批通用开始*/
{
name: "阵地录入开始时间",
id: "djsjStart",
type: "datetime",
value: "",
placeholder: "",
col: "3",
},
{
name: "阵地录入结束时间",
id: "djsjEnd",
type: "datetime",
value: "",
placeholder: "",
col: "3",
},
{
name: "物件人",
id: "wjr",
type: "text",
value: "",
placeholder: "",
col: "3",
},
{
name: "阵地经度",
id: "zdjd",
type: "text",
value: "",
placeholder: "",
col: "3",
},
{
name: "阵地纬度",
id: "zdwd",
type: "text",
value: "",
placeholder: "",
col: "3",
},
{
name: "阵地联系电话",
id: "zdlxdh",
type: "text",
value: "",
placeholder: "",
col: "3",
},
{
name: "阵地规模",
id: "zdgm",
type: "text",
value: "",
placeholder: "",
col: "3",
},
{
name: "风险程度",
id: "fxcd",
type: "text",
value: "",
placeholder: "",
col: "3",
},
{
name: "从业人员姓名",
id: "xm",
type: "text",
value: "",
placeholder: "",
col: "3",
},
{
name: "证件号码",
id: "zjhm",
type: "text",
value: "",
placeholder: "",
col: "3",
},
{
name: "婚姻状况",
id: "hyzkdm",
type: "codeTreeDialog",
codeTree: "CODE_HYZK",
codeOptions: [],
props: [],
value: "",
placeholder: "",
col: "3",
},
{
name: "学历代码",
id: "xldm",
type: "codeTreeDialog",
codeTree: "CODE_WHCD",
codeOptions: [],
props: [],
value: "",
placeholder: "",
col: "3",
},
{
name: "交易物品名称",
id: "jywpmc",
type: "text",
value: "",
placeholder: "",
col: "3",
},
{
name: "被布控物品名称",
id: "bbkqtwpWpmc",
type: "text",
value: "",
placeholder: "",
col: "3",
},
],
cxDefaultFormThead: [
{
label: "物件人",
prop: "wjr",
},
{
label: "阵地经度",
prop: "zdjd",
},
{
label: "阵地纬度",
prop: "zdwd",
},
{
label: "阵地联系电话",
prop: "zdlxdh",
},
{
label: "阵地规模",
prop: "zdgm",
},
{
label: "风险程度",
prop: "fxcd",
},
{
label: "从业人员姓名",
prop: "xm",
},
{
label: "证件号码",
prop: "zjhm",
},
{
label: "婚姻状况",
prop: "hyzkdm",
},
{
label: "学历代码",
prop: "xldm",
},
{
label: "交易物品名称",
prop: "jywpmc",
},
{
label: "被布控物品名称",
prop: "bbkqtwpWpmc",
},
{
label: "被布控物品品牌型号",
prop: "bbkqtwpPpxh",
},
],
cxUrl: "/zdxx/selectQzdxxjs",
Menu: [
{
id: "qzdjs",
label: "全阵地检索",
index: "qzdjs",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
],
leftMenus: [
{
id: "qzdjs",
label: "全阵地检索",
newAuth: "M01",
index: "qzdjs",
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
{
id: "zdjycstj",
label: "阵地交易场所统计",
index: "zdjycstj",
newAuth: "M01",
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
{
id: "zdryxlyj",
label: "人员学历统计",
index: "zdryxlyj",
newAuth: "M01",
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
{
id: "zdhytj",
label: "婚姻状态统计",
index: "zdhytj",
newAuth: "M01",
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
{
id: "zdgmtj",
label: "阵地规模统计",
index: "zdgmtj",
newAuth: "M01",
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
{
id: "zdfxcdtj",
label: "阵地风险程度统计",
index: "zdfxcdtj",
newAuth: "M01",
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
],
selectArr: [],
revokeVisiable: false,
ckForm: {
file: "",
},
fileArr: [],
zdXxzjbh: "",
};
},
created() {
this.$store.commit("user/SET_Menu", this.Menu);
this.$store.commit("user/SET_LeftMenu", this.leftMenus);
this.$store.commit("user/SET_Header", this.header);
},
mounted() {
// console.log(this.$route.query.glzdxxzjbh);
// this.cxFormData.glzdxxzjbh = this.$route.query.glzdxxzjbh;
// this.$refs.rightContent.doQuery("yes");
},
methods: {
add() {
this.$router.push("addZdjyhd");
},
edit(scope) {
this.$router.push({
path: "addZdjyhd",
query: { xxzjbh: scope.row.xxzjbh },
});
},
dele(scope) {
this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
deleteZdjyhd({
xxzjbh: scope.row.xxzjbh,
}).then((res) => {
if (res.success && res.code == 200) {
this.$message({
type: "success",
message: "删除成功",
});
this.$refs.rightContent.doQuery("yes");
}
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除",
});
});
console.log(scope.row.xxzjbh);
},
fileOnchange(file, fileList) {
if (fileList.length > 0) {
this.fileArr = [fileList[0]]; // 这一步，是 展示最后一次选择的csv文件
if (fileList.length > 1) this.$message.error("只能上传一个文件！");
}
},
closed() {
this.fileArr = [];
},
onChange(file, fileList) {
console.log(file, fileList);
},
selectionChange(scope) {
this.selectArr = scope;
},
submitCKD() {
if (this.fileArr.length <= 0) {
this.$message.warning("请选择文件");
} else {
console.log(this.fileArr, this.zdXxzjbh);
let params = new FormData();
params.append("glxxzjbh", this.zdXxzjbh);
this.fileArr.forEach((i) => {
params.append("file", i.raw);
});
let loading = this.$loading({
lock: true,
text: "正在导入...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
excleImportGlry(params).then((res) => {
if (res.code == 200 && res.success) {
this.$message.success("导入成功");
this.revokeVisiable = false;
this.$refs.rightContent.doQueryBtn();
} else {
this.$message.error("导入失败");
}
loading.close();
});
}
},
drjyhdry() {
if (this.selectArr.length != 1) {
this.$message.error("请选择一条数据后操作");
} else {
this.zdXxzjbh = this.selectArr[0].xxzjbh;
this.revokeVisiable = true;
}
},
toInfor(data) {
this.$router.push({
path: "/detailZdjyhd",
query: {
xxzjbh: data.xxzjbh,
},
});
},
},
};
</script>
<style>
.el-dialog__body {
padding: 10px 15px !important;
}
.rightContent .el-input__inner,
#formCommonPage .el-input__inner {
height: 32px;
line-height: 32px;
font-family: inherit;
}
.el-table__header-wrapper th,
.el-table__header-wrapper tr {
background: #f4f6f7;
}
.rightContent .el-input__icon,
#formCommonPage .el-input__icon,
.el-input__suffix-inner {
line-height: 36px;
}
.rightContent .el-range-separator {
position: relative;
top: -4px;
}
.rightContent .el-textarea__inner,
#formCommonPage .el-textarea__inner {
width: 100%;
font-family: inherit;
}
.rightContent .el-range-input,
#formCommonPage .el-range-input {
vertical-align: top;
}
.rightContent .el-date-editor .el-range__close-icon {
margin-top: -4px;
}
.rightContent .el-form-item__error {
left: calc(66% - 27px);
top: 12px;
}
.success-row {
background-color: #fbf9f4 !important;
}
.Content .el-input,
.Content .el-date-editor--daterange.el-input__inner {
width: 100% !important;
}
</style>
<style scoped lang="scss">
@import "@/assets/styles/rightContent.scss";
</style>
src/views/zdxx/zdxxgl/queryZdxxgl.vue
......@@ -219,73 +219,7 @@ export default {
newAuth: "M01",
index: "queryZdjyhd",
className: "iconfont icongongnengfuwu",
hasChildren: true,
children: [
{
id: "queryZdjyhd",
label: "阵地交易活动",
index: "queryZdjyhd",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
{
id: "zdjycstj",
label: "阵地交易场所统计",
index: "zdjycstj",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
{
id: "zdryxlyj",
label: "人员学历统计",
index: "zdryxlyj",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
{
id: "zdhytj",
label: "婚姻状态统计",
index: "zdhytj",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
{
id: "zdgmtj",
label: "阵地规模统计",
index: "zdgmtj",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
{
id: "zdfxcdtj",
label: "阵地风险程度统计",
index: "zdfxcdtj",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
{
id: "btdwzdxgxx",
label: "不同单位阵地相关信息",
index: "btdwzdxgxx",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
{
id: "qzdjs",
label: "全阵地检索",
index: "qzdjs",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
],
hasChildren: false,
},
{
id: "queryBbkwpxx",
......
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