Skip to content

F
founder_vue
Commit 951fc152 by xue_wengang
Options

Merge branch 'dev_xzeq' of http://47.92.108.28/changchao/founder_vue into dev_xzeq

parents 3dc1937b d92f7ff4
Showing with 2084 additions and 93 deletions
src/api/zczl/zczl.js
......@@ -6,7 +6,7 @@
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\api\zczl\xxgl.js
*/
import { get, post, postform, postdown } from "@/utils/http.js";
import {get, post, postform, postdown} from "@/utils/http.js";
import base from "@/api/base";
......@@ -20,23 +20,23 @@ export const doAddZczlxx = params =>
postform(`${base.alyIP}/zczl/doAddZczlxxNew`, params);
//侦查指令审批
export const tjsp = params =>
post(`${base.alyIP}/zczl/tjsp`, params);
post(`${base.alyIP}/zczl/tjspNew`, params);
//通过侦查指令编号查询指令详情
export const queryZlxqByZczlbh = params =>
postform(`${base.alyIP}/zczl/queryZlxqByZczlbh`, params);
postform(`${base.alyIP}/zczl/queryZlxqByZczlbhNew`, params);
//是否都存在联络员
export const queryLlys = params =>
post(`${base.alyIP}/zczl/queryLlys`, params);
//删除指令
export const zlToDelete = params =>
post(`${base.alyIP}/zczl/zlToDelete`, params);
post(`${base.alyIP}/zczl/zlToDeleteNew`, params);
//修改侦查指令信息
export const doEditZczlxx = params =>
postform(`${base.alyIP}/zczl/doEditZczlxx`, params);
//修改侦查指令信息
export const zlTqsp = params =>
post(`${base.alyIP}/zczl/zlTqsp`, params);
post(`${base.alyIP}/zczl/zlTqspNew`, params);
//指令签收
export const zczlQs = params =>
post(`${base.alyIP}/zczl/zczlQs`, params);
......
src/components/qgccj/form.vue
......@@ -2208,7 +2208,7 @@ $-header-fontSize: 18px;
display: inline-block;
}
.item18 {
width: 65%;
width: 100%;
margin: 14px 0;
margin-right: 34%;
display: inline-block;
......
src/router/modules/qgccj.js
......@@ -289,7 +289,7 @@ const menuLayouts = [
component: () => import("@/views/qgncj/xcky/index.vue"),
children: [
{
path: "queryXcky",
path: "/queryXcky",
name: "queryXcky",
meta: {
title: '现场勘验信息'
......
src/router/modules/yhz.js
......@@ -4,7 +4,7 @@ const menuLayouts = [
path: "/queryYhz",
name: "queryYhz",
meta: {
title: '用户组'
title: '研判组织'
},
component: () => import("@/views/yhz/cxyhz/cxyhz.vue")
},
......@@ -12,10 +12,18 @@ const menuLayouts = [
path: "/queryYhzYh",
name: "queryYhzYh",
meta: {
title: '用户组用户'
title: '研判组织用户'
},
component: () => import("@/views/yhz/yhzYh/yhzyh.vue")
},
{
path: "/queryMyyhz",
name: "queryMyyhz",
meta: {
title: '我的研判组织'
},
component: () => import("@/views/yhz/myYhz/myyhz.vue")
},
];
export default {
......
src/views/qgncj/sswp/ssdy/addssdy.vue
......@@ -11,7 +11,7 @@
</template>
<script>
import formCompontent from "@c/form.vue";
import formCompontent from "@c/qgccj/form.vue";
import { queryByXxzjbh, insertssdy, updatessdy } from "@/api/qgccj/ssdy.js";
import axios from "@/utils/http.js";
import { ssdy_jbxx, ssdy_dyxx, ssdy_syrxx } from "@/utils/params.js";
......
src/views/qgncj/sswp/ssfjdc/addssddfjdc.vue
......@@ -19,7 +19,7 @@
</template>
<script>
import formCompontent from "@c/form.vue";
import formCompontent from "@c/qgccj/form.vue";
import { queryByXxzjbh, insertssfjdc, updatessfjdc } from "@/api/qgccj/ssfjdc.js";
import axios from "@/utils/http.js";
import { ssfjdc_jbxx, ssfjdc_fjdcxx, ssfjdc_syrxx } from "@/utils/params.js";
......
src/views/qgncj/sswp/ssjdc/addssjdc.vue
......@@ -19,7 +19,7 @@
</template>
<script>
import formCompontent from "@c/form.vue";
import formCompontent from "@c/qgccj/form.vue";
import { queryByXxzjbh, insertssjdc, updatessjdc } from "@/api/qgccj/ssjdc.js";
import axios from "@/utils/http.js";
import { ssjdc_jbxx, ssjdc_sscl, ssjdc_syr } from "@/utils/params.js";
......
src/views/qgncj/sswp/sskl/addsskl.vue
......@@ -19,7 +19,7 @@
</template>
<script>
import formCompontent from "@c/form.vue";
import formCompontent from "@c/qgccj/form.vue";
import { queryByXxzjbh, insertsskl, updatesskl } from "@/api/qgccj/sskl.js";
import axios from "@/utils/http.js";
import { sskl_jbxx } from "@/utils/params.js";
......
src/views/qgncj/sswp/ssqt/addssqt.vue
......@@ -11,7 +11,7 @@
</template>
<script>
import formCompontent from "@c/form.vue";
import formCompontent from "@c/qgccj/form.vue";
import { queryByXxzjbh, insertssqtwp, updatessqtwp } from "@/api/qgccj/ssqtwp.js";
import axios from "@/utils/http.js";
import { ssqtwp_jbxx, ssqtwp_wpxx, ssqtwp_syrxx } from "@/utils/params.js";
......
src/views/qgncj/sswp/ssqz/addssqz.vue
......@@ -19,7 +19,7 @@
</template>
<script>
import formCompontent from "@c/form.vue";
import formCompontent from "@c/qgccj/form.vue";
import { queryByXxzjbh, insertssqz, updatessqz } from "@/api/qgccj/ssqz.js";
import axios from "@/utils/http.js";
import { ssqzxx_jbxx, ssqzxx_fxxx, ssqzxx_syrxx } from "@/utils/params.js";
......
src/views/qgncj/sswp/sssfzj/addsssfzj.vue
......@@ -11,7 +11,7 @@
</template>
<script>
import formCompontent from "@c/form.vue";
import formCompontent from "@c/qgccj/form.vue";
import { queryByXxzjbh, insertsszj, updatesszj } from "@/api/qgccj/sszj.js";
import axios from "@/utils/http.js";
import { sszj_jbxx } from "@/utils/params.js";
......
src/views/qgncj/sswp/ssww/addssww.vue
......@@ -11,7 +11,7 @@
</template>
<script>
import formCompontent from "@c/form.vue";
import formCompontent from "@c/qgccj/form.vue";
import { queryByXxzjbh, insertssww, updatessww } from "@/api/qgccj/ssww.js";
import axios from "@/utils/http.js";
import { ssww_jbxx, ssww_syrxx } from "@/utils/params.js";
......
src/views/qgncj/sswp/ssydtxsb/addssydtxb.vue
......@@ -19,7 +19,7 @@
</template>
<script>
import formCompontent from "@c/form.vue";
import formCompontent from "@c/qgccj/form.vue";
import {
insertssydtxsb,
updatessydtxsb,
......
src/views/qgncj/xcky/addXcky.vue
......@@ -11,7 +11,7 @@
</template>
<script>
import formCompontent from "@c/form.vue";
import formCompontent from "@c/qgccj/form.vue";
import {
insertxcky,
updatexcky,
......
src/views/yhz/cxyhz/cxyhz.vue
......@@ -95,7 +95,7 @@ export default {
dialogFormVisible: false,
form: {},
examineInfo: {},
header: "用户列表", //头部标题 (模块第一个页面需要)
header: "研判组织", //头部标题 (模块第一个页面需要)
pageBs: "cxyhz", //页面名称
cxFormData: {
//查询条件
......@@ -183,7 +183,7 @@ export default {
//头部导航(模块第一个页面需要)
{
id: "queryYhz",
label: "用户组",
label: "研判组织",
index: "queryYhz",
auth: "M0101",
className: "iconfont iconrizhi",
......@@ -194,7 +194,7 @@ export default {
//左侧导航(模块第一个页面需要)
{
id: "queryYhz",
label: "用户组管理",
label: "研判组织管理",
newAuth: "M01",
index: "2",
className: "iconfont icongongnengfuwu",
......@@ -202,7 +202,7 @@ export default {
children: [
{
id: "queryYhz",
label: "用户组",
label: "研判组织",
index: "queryYhz",
auth: "M0101",
className: "iconfont icongongnengfuwu",
......@@ -210,12 +210,20 @@ export default {
},
{
id: "queryYhzYh",
label: "用户组用户",
label: "研判组织用户",
index: "queryYhzYh",
auth: "M0101",
className: "iconfont icongongnengfuwu",
disabled: false,
},
{
id: "queryMyyhz",
label: "我的研判组织",
index: "queryMyyhz",
auth: "M0102",
className: "iconfont icongongnengfuwu",
disabled: false,
},
],
},
],
......
src/views/yhz/cxyhz/yhzXz.vue
......@@ -25,6 +25,7 @@
:placeholder="item.placeholder"
v-model="formData[item.id]"
v-if="item.type == 'text'"
:disabled="item.disabled"
>
</el-input>
<!--输入框-最大值与最小值-->
......
src/views/yhz/yhzYh/yhzyh.vue
......@@ -171,7 +171,7 @@ export default {
page_size1: 5, //每页显示多少条
gridData1: [],
examineInfo: {},
header: "用户组用户", //头部标题 (模块第一个页面需要)
header: "研判组织用户", //头部标题 (模块第一个页面需要)
pageBs: "yhzyh", //页面名称
cxFormData: {
//查询条件
......@@ -257,7 +257,7 @@ export default {
//头部导航(模块第一个页面需要)
{
id: "queryYhzYh",
label: "用户组用户",
label: "研判组织用户",
index: "queryYhzYh",
auth: "M0101",
className: "iconfont iconrizhi",
......
src/views/zczl/zczl/wfqdzczl.vue
......@@ -112,7 +112,7 @@ export default {
col: "3",
},
{
name: "指令接手单位",
name: "指令接收单位",
id: "zljsdwdm",
type: "codeTreeDialog",
props: "checkEmpty",
......@@ -256,7 +256,7 @@ export default {
},
{
label: "指令类型",
prop: "zllx_str",
prop: "zllxStr",
},
{
label: "指令签收个数",
......@@ -272,7 +272,7 @@ export default {
},
{
label: "业务类型",
prop: "ywlx_str",
prop: "ywlxStr",
},
{
label: "工作要求",
......
src/views/zczl/zczl/wsqfbdzczl.vue
......@@ -100,7 +100,7 @@ export default {
col: "3",
},
{
name: "指令接手单位",
name: "指令接收单位",
id: "zljsdwdm",
type: "codeTreeDialog",
props: "checkEmpty",
......
src/views/zczl/zczl/xywspdzczl.vue
......@@ -64,8 +64,9 @@
<script>
import rightContent from "@c/ptCxForm_components.vue";
import { tjsp, queryZlxqByZczlbh } from "@/api/zczl/zczl.js";
import { spsftg, ifsp} from "@/assets/js/transformFormTable.js";
import {tjsp, queryZlxqByZczlbh} from "@/api/zczl/zczl.js";
import {spsftg, ifsp} from "@/assets/js/transformFormTable.js";
export default {
name: "rlqbxsxx",
components: {
......@@ -73,7 +74,7 @@ export default {
},
data() {
return {
tableOperation:true,
tableOperation: true,
transformFormTable: {
ifsp,
spsftg
......@@ -151,7 +152,7 @@ export default {
col: "3",
},
{
name: "指令接手单位",
name: "指令接收单位",
id: "zljsdwdm",
type: "codeTreeDialog",
props: "checkEmpty",
......@@ -209,11 +210,11 @@ export default {
},
{
label: "指令类型",
prop: "zllx_str",
prop: "zllxStr",
},
{
label: "指令接收单位名称",
prop: "zljsdwdm_name",
prop: "zjjsdwdm_name",
},
{
label: "指令文号",
......@@ -225,7 +226,7 @@ export default {
},
{
label: "业务类型",
prop: "ywlx_str",
prop: "ywlxStr",
},
{
label: "是否能审批",
......@@ -244,7 +245,7 @@ export default {
prop: "spsftg",
},
],
cxUrl: "/zczl/getXywspdzczlList",
cxUrl: "/zczl/getXywspdzczlListNew",
Menu: [
{
id: "xywspdzczl",
......@@ -274,7 +275,7 @@ export default {
});
},
examine(scope) {
if (scope.row.ifsp == "0") {
if (scope.row.ifsp == "不能") {
this.$message.error("不可以审批此条消息");
return;
}
......@@ -311,56 +312,68 @@ export default {
}
self.revokeVisiable = true;
} else {
loading.close();
this.$message.error("提取信息失败");
}
});
},
},
mounted() {},
mounted() {
},
};
</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;
......@@ -368,6 +381,7 @@ export default {
</style>
<style scoped lang="scss">
@import "@/assets/styles/rightContent.scss";
.el-input {
/deep/ .el-input__inner {
color: #333;
......
src/views/zdxx/zdjyhd/btdwzdxgxx.vue
<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'">
<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";
export default {
components: {
rightContent,
},
data() {
return {
pageBs: "jycstj",
header: "阵地交易活动场所统计",
cxUrl: "/zdxx/selectZdxxglNew",
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: "zdjycstj",
label: "阵地交易场所统计",
index: "zdjycstj",
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,
},
],
});
myChart.on("click", pieConsole);
function pieConsole(val) {
console.log(val);
console.log(val.data);
self.getTableData()
}
},
//表格内容接口
getTableData(dm) {
this.type = "table";
// this.$set(this.cxFormData, "xzqhdm", dm);
this.$refs.rightContent.doQuery("yes");
},
getCode() {
let obj = {};
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) => {
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];
}
});
}
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/zdxx/zdjyhd/zdfxcdtj.vue
<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'">
<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 { getFxcdResult } from "@/api/zdxx/zdjyhd.js";
export default {
components: {
rightContent,
},
data() {
return {
pageBs: "jycstj",
header: "阵地交易活动场所统计",
cxUrl: "/zdxx/selectZdxxglNew",
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: "zdjycstj",
label: "阵地交易场所统计",
index: "zdjycstj",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
],
loading: false,
pieEchartsDate: [
{
key: "gao",
name: "高",
value: 1,
},
{
key: "zhong",
name: "中",
value: 1,
},
{
key: "yiban",
name: "一般",
value: 1,
},
{
key: "di",
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,
},
],
});
myChart.on("click", pieConsole);
function pieConsole(val) {
console.log(val);
console.log(val.data);
self.getTableData()
}
},
//表格内容接口
getTableData(dm) {
this.type = "table";
// this.$set(this.cxFormData, "xzqhdm", dm);
this.$refs.rightContent.doQuery("yes");
},
getCode() {
let obj = {};
console.log(this.formData.djsjStart);
var params = new FormData();
params.append("djsjStart", this.formData.djsjStart);
params.append("djsjEnd", this.formData.djsjEnd);
getFxcdResult(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];
}
});
}
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/zdxx/zdjyhd/zdgmtj.vue
<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'">
<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 { getZdgmResult } from "@/api/zdxx/zdjyhd.js";
export default {
components: {
rightContent,
},
data() {
return {
pageBs: "jycstj",
header: "阵地交易活动场所统计",
cxUrl: "/zdxx/selectZdxxglNew",
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: "zdjycstj",
label: "阵地交易场所统计",
index: "zdjycstj",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
],
loading: false,
pieEchartsDate: [
{
key: "da",
name: "大",
value: 1,
},
{
key: "zhong",
name: "中",
value: 1,
},
{
key: "yiban",
name: "一般",
value: 1,
},
{
key: "xiao",
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,
},
],
});
myChart.on("click", pieConsole);
function pieConsole(val) {
console.log(val);
console.log(val.data);
self.getTableData()
}
},
//表格内容接口
getTableData(dm) {
this.type = "table";
// this.$set(this.cxFormData, "xzqhdm", dm);
this.$refs.rightContent.doQuery("yes");
},
getCode() {
let obj = {};
console.log(this.formData.djsjStart);
var params = new FormData();
params.append("djsjStart", this.formData.djsjStart);
params.append("djsjEnd", this.formData.djsjEnd);
getZdgmResult(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];
}
});
}
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/zdxx/zdjyhd/zdhytj.vue
<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'">
<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 { getBthyResult } from "@/api/zdxx/zdjyhd.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: "zdjycstj",
label: "阵地交易场所统计",
index: "zdjycstj",
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,
},
],
});
myChart.on("click", pieConsole);
function pieConsole(val) {
console.log(val);
console.log(val.data);
self.getTableData()
}
},
//表格内容接口
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);
getBthyResult(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/zdxx/zdjyhd/zdryxlyj.vue
<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'">
<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 { getBtxlResult } from "@/api/zdxx/zdjyhd.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: "zdjycstj",
label: "阵地交易场所统计",
index: "zdjycstj",
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,
},
],
});
myChart.on("click", pieConsole);
function pieConsole(val) {
console.log(val);
console.log(val.data);
self.getTableData()
}
},
//表格内容接口
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);
getBtxlResult(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
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