Commit 52ab2340 by gao_yingdong

修改

parent c23ff1f1
@import './main.scss';
.el-submenu .el-menu-item {
padding: 0 !important;
}
.activeClass{
color: #0061F7;
}
.headerTitle {
height: 48px;
background: #0061F7;
font-size: 18px;
font-weight: bold;
line-height: 48px;
color: #FFFFFF;
padding: 0 17px;
img {
width: 36px;
margin-right: 5px;
}
}
.queryContent {
height: calc(100vh - 60px);
}
.rightContent {
flex: 1;
height: 100vh;
overflow-y: auto;
.topMenu {
height: 48px;
background: #FFFFFF;
padding: 0 20px;
z-index: -1;
}
}
/deep/ .el-tabs__header{
margin: 0 !important;
}
/deep/ .el-tabs__nav-wrap::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
z-index: 1;
background-color: #fff !important;
}
/deep/ .el-tabs__item {
padding: 0 20px;
height: 48px;
box-sizing: border-box;
line-height: 48px;
display: inline-block;
list-style: none;
font-size: 14px;
font-weight: 500;
color: #fdfdff;
position: relative;
}
.leftMenu {
width: 220px;
height: 100%;
background: #fff;
box-shadow: 4px 0px 8px rgba(253, 253, 253, 0.986);
opacity: 1;
font-size: 14px;
// padding-top: 12px;
.iconfont {
margin-right: 18px;
margin-left: 7px;
}
/deep/ .el-submenu ul>li {
// background-color: #1C1D27 !important;
}
/deep/ .el-menu /deep/ .el-submenu__title:hover {
// background-color: #2F313D !important;
}
/deep/ .el-menu-item.is-active {
background-color: rgb(0, 140, 255) !important;
color: #fff;
i {
color: #2962FF;
}
}
/deep/ .el-menu-item,
/deep/ .el-submenu {
border-left: 3px solid transparent;
}
/deep/ .el-menu-item,
/deep/ .el-submenu__title {
height: 52px;
line-height: 52px;
}
/deep/ .el-divider--horizontal {
width: 70%;
margin: 10px 0 10px 30px;
background-color: #ffffff;
}
/deep/ .el-scrollbar {
.el-scrollbar__wrap {
overflow-x: hidden;
overflow-y: hidden;
.el-scrollbar__view {
height: 100%;
}
.el-menu {
/*margin-top:10px;*/
width: 100%;
height: 100%;
.el-submenu:not(.is-opened) {
.el-submenu__icon-arrow {
transform: rotateZ(-90deg);
}
}
.el-submenu.is-opened {
.el-submenu__icon-arrow {
transform: rotateZ(180deg);
}
}
.el-menu-item.is-active {
color: $base-color;
/*background:$-left-active-background !important;*/
font-weight: bold;
/*border-right:$-left-active-background-border;*/
}
.el-menu-item,
.el-submenu__title {
font-size: 14px;
}
/*/deep/ .el-submenu__title:hover{
background-color:#ecf5ff !important;
}*/
.el-menu.el-menu--inline li {
padding-left: 59px !important;
}
.el-submenu__icon-arrow {
font-size: 15px;
}
}
}
}
}
\ No newline at end of file
@import './main.scss';
.el-submenu .el-menu-item {
padding: 0 !important;
}
.activeClass{
color: #0061F7;
}
.headerTitle {
height: 48px;
background: #0061F7;
font-size: 18px;
font-weight: bold;
line-height: 48px;
color: #FFFFFF;
padding: 0 17px;
img {
width: 36px;
margin-right: 5px;
}
}
.queryContent {
height: calc(100vh - 60px);
}
.rightContent {
flex: 1;
height: 100vh;
overflow-y: auto;
.topMenu {
height: 48px;
background: #FFFFFF;
padding: 0 20px;
z-index: -1;
}
}
/deep/ .el-tabs__header{
margin: 0 !important;
}
/deep/ .el-tabs__nav-wrap::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
z-index: 1;
background-color: unset !important;
}
/deep/ .el-tabs__item {
padding: 0 20px;
height: 48px;
box-sizing: border-box;
line-height: 48px;
display: inline-block;
list-style: none;
font-size: 14px;
font-weight: 500;
color: #303133;
position: relative;
}
.leftMenu {
width: 220px;
height: 100%;
background: #fff;
box-shadow: 4px 0px 8px rgba(0, 0, 0, 0.08);
opacity: 1;
font-size: 14px;
// padding-top: 12px;
.iconfont {
margin-right: 18px;
margin-left: 7px;
}
/deep/ .el-submenu ul>li {
// background-color: #1C1D27 !important;
}
/deep/ .el-menu /deep/ .el-submenu__title:hover {
// background-color: #2F313D !important;
}
/deep/ .el-menu-item.is-active {
background-color: rgba(33, 150, 243, 0.2) !important;
color: #fff;
i {
color: #2962FF;
}
}
/deep/ .el-menu-item,
/deep/ .el-submenu {
border-left: 3px solid transparent;
}
/deep/ .el-menu-item,
/deep/ .el-submenu__title {
height: 52px;
line-height: 52px;
}
/deep/ .el-divider--horizontal {
width: 70%;
margin: 10px 0 10px 30px;
background-color: #12131B;
}
/deep/ .el-scrollbar {
.el-scrollbar__wrap {
overflow-x: hidden;
overflow-y: hidden;
.el-scrollbar__view {
height: 100%;
}
.el-menu {
/*margin-top:10px;*/
width: 100%;
height: 100%;
.el-submenu:not(.is-opened) {
.el-submenu__icon-arrow {
transform: rotateZ(-90deg);
}
}
.el-submenu.is-opened {
.el-submenu__icon-arrow {
transform: rotateZ(180deg);
}
}
.el-menu-item.is-active {
color: $base-color;
/*background:$-left-active-background !important;*/
font-weight: bold;
/*border-right:$-left-active-background-border;*/
}
.el-menu-item,
.el-submenu__title {
font-size: 14px;
}
/*/deep/ .el-submenu__title:hover{
background-color:#ecf5ff !important;
}*/
.el-menu.el-menu--inline li {
padding-left: 59px !important;
}
.el-submenu__icon-arrow {
font-size: 15px;
}
}
}
}
}
\ No newline at end of file
@import './main.scss';
.box-card {
width: 1550px;
// width: 1550px;
margin: 0 auto;
position: relative;
margin-bottom: 10px;
margin-right: 20px;
.card-link {
position: absolute;
......
<template>
<div id="formCommonPage">
<div v-if="pageBs != 'addsqfbzl'" class="headerTitle">
<img
src="@/assets/img/jinghui.png"
style="width: 34px; margin-bottom: 5px"
alt=""
/>
{{ propTitle }}
</div>
<div class="formContent" style="margin-top: 20px">
<div style="margin: 0px auto; border-radius: 8px">
<div class="groupTitleBox">
......@@ -2292,6 +2300,15 @@ $-header-fontSize: 18px;
}
#formCommonPage {
width: 100% !important;
.headerTitle {
height: 48px;
line-height: 48px;
background: #1f212c;
color: #ffffff;
font-size: 16px;
font-weight: bold;
padding-left: 30px;
}
.subTitle {
div {
font-size: 14px;
......@@ -2756,8 +2773,8 @@ $-header-fontSize: 18px;
display: flex;
align-items: center;
justify-content: flex-end;
/*position: fixed;*/
/*bottom: 0;*/
position: fixed;
bottom: 0;
width: 100%;
// width: calc(100% - 45px);
.finish {
......
<template>
<!--左侧导航-->
<div>
<div style="display: flex" class="queryContent">
<div
class="leftMenu"
:style="{ width: isCollapse == true ? '72px' : '240px' }"
>
<div class="headerTitle">
<img
style="width: 175px; margin-left: 13px"
src="../assets/img/group-10.png"
alt=""
/>
</div>
<el-scrollbar style="height: 100%">
<el-menu
@select="changeSidebar"
:default-active="activeIndex"
@open="handleMenuOpen"
@close="handleMenuClose"
:collapse="isCollapse"
:unique-opened="isOpenOnly"
active-text-color="#ffffff"
background-color="#ffffff"
text-color="#000"
ref="menu"
>
<div class="menu_wrap" v-for="item in leftMenus" :key="item.index">
<el-menu-item
:index="item.index"
v-if="item.hasChildren == false"
@click="goDetail(item)"
><i :class="item.className"></i>{{ item.label }}</el-menu-item
>
<el-submenu :index="item.index" v-if="item.hasChildren == true">
<template slot="title">
<i :class="item.className"></i>
<span slot="title">{{ item.label }}</span>
</template>
<el-menu-item
:index="subitem.index"
v-for="(subitem, index) in item.children"
:key="index"
@click="goDetail(subitem)"
><i
class="iconfont iconquanxianjiesuo"
v-show="subitem.disabled"
></i
>{{ subitem.label }}</el-menu-item
>
</el-submenu>
</div>
</el-menu>
</el-scrollbar>
</div>
<div class="rightContent">
<router-view />
</div>
</div>
</div>
</template>
<script>
import { mapGetters } from "vuex";
export default {
name: "leftMenu_components",
props: {
isCollapseP: Boolean,
},
data() {
return {
isOpenOnly: true,
isCollapse: this.isCollapseP,
activeIndex: this.$route.name,
navList: [],
leftMenus: [],
topMenus: [],
activeName: "queryGzry",
breadcrumbList: [],
topHeader: "",
username: "",
};
},
computed: {
...mapGetters(["topMenu", "Breadcrumbs", "leftMenu", "header"]),
},
created() {
this.navList = JSON.parse(sessionStorage.getItem("navList"));
console.log(JSON.parse(sessionStorage.getItem("userInfo")));
let userInfo = JSON.parse(sessionStorage.getItem("userInfo"));
this.username = userInfo.username;
this.topMenus = this.topMenu;
this.breadcrumbList = this.Breadcrumbs;
this.leftMenus = this.leftMenu;
this.topHeader = this.header;
// this.$bus.$on("routerPath", () => {
// console.log(sessionStorage.getItem("routerPath"));
// // this.$refs.menu.activeIndex = sessionStorage.getItem("routerPath");
// });
},
watch: {
isCollapseP(val) {
this.isCollapse = val;
},
topMenu(val) {
this.topMenus = val;
this.activeName = val[0].id;
},
breadcrumbList(val) {
this.breadcrumbList = val;
},
leftMenu(val) {
this.leftMenus = val;
},
header(val) {
this.topHeader = val;
// this.header = val;
},
$route(val) {
this.activeIndex = this.$route.name;
debugger;
let index = this.topMenus.findIndex((i) => i.id == val.name);
if (!val.meta.isAdd && index >= 0) {
this.activeName = val.name;
}
},
},
methods: {
goDetail(item) {
if (item.id == "brainDzajSP") {
this.$router.pushToTab({
path: "/queryJz",
});
} else {
this.$router.push(item.index);
}
},
navAuth() {
var self = this;
if (self.navList.length > 0) {
self.leftMenu.forEach((item) => {
if (item.children) {
item.children.forEach((subItem) => {
if (subItem.auth) {
let flags = self.navList.findIndex(
(sub) => sub == subItem.auth
);
if (flags < 0) {
self.$set(subItem, "disabled", true);
} else {
self.$set(subItem, "disabled", false);
}
}
});
} else {
if (item.auth) {
let flag = self.navList.findIndex((sub) => sub == item.auth);
if (flag < 0) {
self.$set(item, "disabled", true);
} else {
self.$set(item, "disabled", false);
}
}
}
});
}
},
handleClick(tab) {
this.activeName = tab.name;
this.$router.push(tab.name);
},
handleMenuOpen(key, keyPath) {
// if(key!=this.$route.name&&key.indexOf("basicServer")==0){
// this.$router.push("/"+key)
// }
},
handleMenuClose(key, keyPath) {
// if(key!=this.$route.name&&key.indexOf("basicServer")==0){
// this.$router.push("/"+key)
// }
},
changeSidebar(index) {
sessionStorage.setItem("routerPath", index);
},
},
};
</script>
<style>
</style>
<style scoped lang="scss">
.queryContent {
height: calc(100vh - 48px) !important;
}
.headerTitle {
background: #ffffff !important;
}
ul.el-menu {
background-color: #fff !important;
}
@import "../assets/styles/leftMentcolor.scss";
// @import "../assets/styles/leftMenu.scss";
</style>
......@@ -307,6 +307,7 @@ export default {
<style>
</style>
<style scoped lang="scss">
// @import "../assets/styles/leftMenu.scss";
.leftMenu {
width: 220px;
......
import specialLayout from "@/layout/specialLayout.vue";
import specialLayout from "@/layout/speciaLayout.vue";
// import specialLayout from "@/layout/specialLayout.vue";
const menuLayouts = [
{
path: "/specialDataAnalyze",
......
......@@ -22,7 +22,7 @@ export default {
},
data() {
return {
header: "立案信息管理",
header: "串并研判",
pageBs: "bshcb",
cxFormData: {
asjbh: "",
......@@ -343,9 +343,83 @@ export default {
cxUrl: "/api/cbxsz/toQueryXszxx",
updateCbxszUrl: "/api/cbxsz/updateCbxsz",
childrenUrl: "/api/cbxsz/listCbxszGlAsjxx",
leftMenus: [
{
id: "bshcb",
label: "标识号串并线索",
newAuth: "M01",
index: "bshcb",
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
{
id: "cbxsz",
label: "刑事技术",
newAuth: "M01",
index: "cbxsz",
className: "iconfont icongongnengfuwu",
hasChildren: true,
children: [
{
id: "dnabzcbxs",
label: "DNA比中串并线索",
index: "dnabzcbxs",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
{
id: "zwbzcbxs",
label: "指纹比中串并线索",
index: "zwbzcbxs",
auth: "M0102",
className: "iconfont icongongnengfuwu",
disabled: false,
},
{
id: "dwbzcbxs",
label: "多维比中串并线索",
index: "dwbzcbxs",
auth: "M0102",
className: "iconfont icongongnengfuwu",
disabled: false,
},
],
},
{
id: "rgcb",
label: "人工串并",
newAuth: "M01",
index: "rgcb",
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
{
id: "xxgl",
label: "信息管理",
newAuth: "M01",
index: "xxgl",
className: "iconfont icongongnengfuwu",
hasChildren: true,
children: [
{
id: "bshxx",
label: "地域统计",
index: "bshxx",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
],
},
],
};
},
methods: {},
created () {
this.$store.commit("user/SET_LeftMenu", this.leftMenus);
this.$store.commit("user/SET_Header", this.header);
},
};
</script>
<style>
......
......@@ -85,7 +85,7 @@ export default {
{
id: "/zdgl",
url: require("../../assets/img/nav8-1.png"), //字典管理
isClock: true,
isClock: false,
},
{
id: "/ypbg",
......@@ -115,7 +115,9 @@ export default {
// window.open("http://26.3.14.165:8088/zdGzry/index", "_blank");
// });
this.$router.pushToTab(item.id);
} else if (item.isClock && !this.isInclude) {
}
else if (item.isClock && !this.isInclude) {
return;
} else if (item.lock) {
return;
......@@ -141,7 +143,7 @@ export default {
"33020197911103615",
"32038219900701789X",
];
this.isInclude = arr.some((item) => item == this.identitycard);
// this.isInclude = arr.some((item) => item == this.identitycard);
let username = JSON.parse(sessionStorage.getItem("userInfo")).account;
// if (username != "admin") {
// this.navList[1].lock = true;
......
......@@ -238,16 +238,6 @@ export default {
let _this = this;
let myChart = this.$echarts.init(this.$refs.charts);
myChart.setOption({
title: {
text: "地域统计",
textStyle: {
color: "#000",
fontWeight: 600,
fontSize: 18,
},
left: "3%",
top: "5%",
},
tooltip: {
trigger: "axis",
axisPointer: {
......@@ -261,12 +251,36 @@ export default {
},
},
grid: {
top: "20%",
left: "15%",
right: "10%",
bottom: "20%",
// containLabel: true
left: "5%",
right: "5%",
bottom: "15%",
top: "15%",
// containLabel: true,
},
dataZoom: [
//滑动条
{
// 控制图表左右滑动
width: "15",
type: "slider",
show: false, //flase直接隐藏图形
xAxisIndex: [0],
left: 33, //滚动条靠左侧的百分比
bottom: 40,
height: 20, //组件高度
start: 0, //滚动条的起始位置
showDataShadow: false, //是否显示数据阴影
showDetail: false, //是否显示想洗数值信息
end: 100, //滚动条的截止位置(按比例分割你的柱状图x轴长度)
},
{
type: "inside",
show: true,
xAxisIndex: [0],
start: 0, //滚动条的起始位置
end: 0.25, //滚动条的截止位置(按比例分割你的柱状图x轴长度)
},
],
xAxis: [
{
type: "category",
......@@ -274,7 +288,7 @@ export default {
show: false,
color: "#A582EA",
interval: 0,
rotate: 40,
rotate: 0,
},
axisLabel: {
formatter: function (a, b) {
......@@ -283,7 +297,7 @@ export default {
color: "#000",
width: 100,
clickable: true,
rotate: -30,
rotate: 50,
},
silent: false,
triggerEvent: true,
......@@ -303,7 +317,7 @@ export default {
splitLine: {
show: true,
lineStyle: {
color: "#000",
color: "000",
opacity: 0.23,
},
},
......@@ -337,10 +351,64 @@ export default {
name: "人员数",
type: "bar",
data: data,
barWidth: "35px",
barWidth: "25px",
itemStyle: {
normal: {
color: "#247FDC",
color: function (params) {
let colorList = [
["#1664FF", "#0B3280"],
["#DFA457", "#70522C"],
["#816EFF", "#413780"],
["#29D1FF", "#156980"],
["#969EB8", "#4B4F5C"],
["#1664FF", "#0B3280"],
["#DFA457", "#70522C"],
["#816EFF", "#413780"],
["#29D1FF", "#156980"],
["#969EB8", "#4B4F5C"],
["#1664FF", "#0B3280"],
["#DFA457", "#70522C"],
["#816EFF", "#413780"],
["#29D1FF", "#156980"],
["#969EB8", "#4B4F5C"],
["#1664FF", "#0B3280"],
["#DFA457", "#70522C"],
["#816EFF", "#413780"],
["#29D1FF", "#156980"],
["#969EB8", "#4B4F5C"],
["#1664FF", "#0B3280"],
["#DFA457", "#70522C"],
["#816EFF", "#413780"],
["#29D1FF", "#156980"],
["#969EB8", "#4B4F5C"],
["#1664FF", "#0B3280"],
["#DFA457", "#70522C"],
["#816EFF", "#413780"],
["#29D1FF", "#156980"],
["#969EB8", "#4B4F5C"],
["#1664FF", "#0B3280"],
["#DFA457", "#70522C"],
["#816EFF", "#413780"],
["#29D1FF", "#156980"],
["#969EB8", "#4B4F5C"],
["#1664FF", "#0B3280"],
];
let index = params.dataIndex;
return new _this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: colorList[index][0] },
{ offset: 1, color: colorList[index][1] },
]);
},
label: {
show: true, //开启显示
position: "top", //在上方显示
textStyle: {
//数值样式
color: "#555",
fontSize: 12,
},
},
},
},
},
......@@ -355,9 +423,14 @@ export default {
myChart.on("click", function (params) {
//点击文字下钻
if (params.componentType == "xAxis") {
debugger;
let dm = params.value;
//调用接口
_this.getChartsData(dm);
if (dm.substring(dm.length - 2, dm.length) == "00") {
//调用接口
_this.getChartsData(dm);
} else {
_this.$message.warning("没有下一层了");
}
} else if (params.componentSubType == "bar") {
let dm = params.data.dm;
_this.getTableData(dm);
......@@ -382,23 +455,19 @@ export default {
ryXzqhTj(params).then((res) => {
this.loading = false;
if (res.success && res.code == 200) {
if (res.data.rows.length > 0) {
let xData = res.data.rows.map((i) => ({
name: i.xzqhmc,
value: i.xzqhdm,
}));
let data = res.data.rows.map((i) => ({
name: i.xzqhmc,
value: i.count,
dm: i.xzqhdm,
}));
//添加到histoy数组
this.historyArr.push({ x: xData, data: data });
//刷新图
this.getCharts(xData, data);
} else {
this.$message.warning("没有下一层了");
}
let xData = res.data.rows.map((i) => ({
name: i.xzqhmc,
value: i.xzqhdm,
}));
let data = res.data.rows.map((i) => ({
name: i.xzqhmc,
value: i.count,
dm: i.xzqhdm,
}));
//添加到histoy数组
this.historyArr.push({ x: xData, data: data });
//刷新图
this.getCharts(xData, data);
}
});
},
......@@ -432,6 +501,16 @@ export default {
},
};
</script>
<style>
.headerTitle {
background: #1f212c !important;
width: 206px;
}
/* .rightContent {
position: relative;
top: -50px;
} */
</style>
<style lang="scss" scoped>
// .rightContent {
// width: 100%;
......
......@@ -252,16 +252,6 @@ export default {
let _this = this;
let myChart = this.$echarts.init(this.$refs.charts);
myChart.setOption({
title: {
text: "类别统计",
textStyle: {
color: "#000",
fontWeight: 600,
fontSize: 18,
},
left: "3%",
top: "5%",
},
tooltip: {
trigger: "axis",
axisPointer: {
......@@ -275,12 +265,36 @@ export default {
},
},
grid: {
top: "20%",
left: "15%",
right: "10%",
bottom: "20%",
// containLabel: true
left: "5%",
right: "5%",
bottom: "15%",
top: "15%",
// containLabel: true,
},
dataZoom: [
//滑动条
{
// 控制图表左右滑动
width: "15",
type: "slider",
show: false, //flase直接隐藏图形
xAxisIndex: [0],
left: 33, //滚动条靠左侧的百分比
bottom: 40,
height: 20, //组件高度
start: 0, //滚动条的起始位置
showDataShadow: false, //是否显示数据阴影
showDetail: false, //是否显示想洗数值信息
end: 100, //滚动条的截止位置(按比例分割你的柱状图x轴长度)
},
{
type: "inside",
show: true,
xAxisIndex: [0],
start: 0, //滚动条的起始位置
end: 0.25, //滚动条的截止位置(按比例分割你的柱状图x轴长度)
},
],
xAxis: [
{
type: "category",
......@@ -296,7 +310,7 @@ export default {
color: "#000",
width: 100,
clickable: true,
rotate: -30,
rotate: 50,
},
silent: false,
triggerEvent: true,
......@@ -350,17 +364,62 @@ export default {
name: "人员数",
type: "bar",
data: data,
barWidth: "35px",
barWidth: "25px",
itemStyle: {
normal: {
color: "#247FDC",
color: function (params) {
let colorList = [
["#1664FF", "#0B3280"],
["#DFA457", "#70522C"],
["#816EFF", "#413780"],
["#29D1FF", "#156980"],
["#969EB8", "#4B4F5C"],
["#1664FF", "#0B3280"],
["#DFA457", "#70522C"],
["#816EFF", "#413780"],
["#29D1FF", "#156980"],
["#969EB8", "#4B4F5C"],
["#1664FF", "#0B3280"],
["#DFA457", "#70522C"],
["#816EFF", "#413780"],
["#29D1FF", "#156980"],
["#969EB8", "#4B4F5C"],
["#1664FF", "#0B3280"],
["#DFA457", "#70522C"],
["#816EFF", "#413780"],
["#29D1FF", "#156980"],
["#969EB8", "#4B4F5C"],
["#1664FF", "#0B3280"],
["#DFA457", "#70522C"],
["#816EFF", "#413780"],
["#29D1FF", "#156980"],
["#969EB8", "#4B4F5C"],
["#1664FF", "#0B3280"],
["#DFA457", "#70522C"],
["#816EFF", "#413780"],
["#29D1FF", "#156980"],
["#969EB8", "#4B4F5C"],
["#1664FF", "#0B3280"],
["#DFA457", "#70522C"],
["#816EFF", "#413780"],
["#29D1FF", "#156980"],
["#969EB8", "#4B4F5C"],
["#1664FF", "#0B3280"],
];
let index = params.dataIndex;
return new _this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: colorList[index][0] },
{ offset: 1, color: colorList[index][1] },
]);
},
label: {
show: true,
position: "top",
show: true, //开启显示
position: "top", //在上方显示
textStyle: {
fontWeight: 600,
fontSize: 16,
color: "black",
//数值样式
color: "#555",
fontSize: 12,
},
},
},
......@@ -655,6 +714,16 @@ export default {
},
};
</script>
<style>
.headerTitle {
background: #1f212c !important;
width: 206px;
}
/* .rightContent {
position: relative;
top: -50px;
} */
</style>
<style lang="scss" scoped>
#dytj {
width: 100%;
......
......@@ -334,7 +334,7 @@ export default {
}
</style>
<style scoped lang="scss">
@import "@/assets/styles/rightContent.scss";
@import "@/assets/styles/rightContentscss.scss";
.hbyp {
font-size: 14px;
font-family: Source Han Sans CN;
......
......@@ -354,7 +354,7 @@ export default {
}
</style>
<style scoped lang="scss">
@import "@/assets/styles/rightContent.scss";
@import "@/assets/styles/rightContentscss.scss";
.hbyp {
font-size: 14px;
font-family: Source Han Sans CN;
......
......@@ -144,8 +144,7 @@ export default {
{ label: "未破", val: "0" },
],
},
{
name: "标注状态",
id: "bzzt",
......@@ -216,15 +215,59 @@ export default {
prop: "jyaq",
width: "150",
},
],
cxUrl: "/ztsjFx/esAsjQuery",
leftMenus: [
{
id: "zdqcaj",
label: "重大侵财案件",
newAuth: "M01",
index: "zdqcaj",
className: "iconfont icongongnengfuwu",
hasChildren: true,
children: [
{
id: "specialDataAnalyze",
label: "案件检索",
index: "specialDataAnalyze",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
{
id: "specialDataDyfx",
label: "地域分析",
index: "specialDataDyfx",
auth: "M0102",
className: "iconfont icongongnengfuwu",
disabled: false,
},
],
},
// {
// id: "ylzpxs",
// label: "养老诈骗线索",
// newAuth: "M01",
// index: "ylzpxs",
// className: "iconfont icongongnengfuwu",
// hasChildren: true,
// children: [
// {
// id: "specialDataXsjs",
// label: "线索检索",
// index: "specialDataXsjs",
// auth: "M0101",
// className: "iconfont iconrizhi",
// disabled: false,
// },
// ],
// },
],
};
},
created() {
this.$store.commit("user/SET_Menu", this.Menu);
this.$store.commit("user/SET_LeftMenu", this.leftMenus);
this.$store.commit("user/SET_Breadcrumb", this.breadcrumbList);
// this.getCode();
this.$set(
this.cxFormData,
......
......@@ -22,7 +22,6 @@
<div v-show="type == 'map'">
<rightCont
style="height: 230px; width: 87.3vw; margin-left: -31px"
:pageBs="pageBs"
:header="header"
:cxFormData="cxFormData2"
......@@ -727,10 +726,10 @@ export default {
z-index: 999;
#chartsBox {
width: 85vw;
// width: 85vw;
height: 75vh;
margin-left: -10px;
margin-top: -50px;
// margin-left: -10px;
// margin-top: -50px;
position: relative;
}
......
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