Skip to content

F
founder_vue
Commit cfa4a0a7 by yuhao
Options

添加八类案件和主要案件

parent dcf0e42b
Showing with 211 additions and 8 deletions
src/api/ypbg.js
......@@ -42,5 +42,11 @@ export const getJqzsQk = params =>
export const getAjBzTj = params =>
post(`${base.alyIP}/latsfx/getAjBzTj`, params)
// 八类案件发案情况
export const getBlajfaqk = params =>
post(`${base.alyIP}/jqyp/getBlajfaqk`, params)
// 主要类别案件发案情况
export const getXqlaqkFa = params =>
post(`${base.alyIP}/jqyp/getXqlaqkFa`, params)
src/components/Mytable.vue
......@@ -4,10 +4,9 @@
<el-table :data="tableData"
element-loading-text="加载中..."
tooltip-effect="dark"
:header-cell-style="{ textAlign: 'center',background: '#FAFAFA' }"
:cell-style="{ textAlign: 'center' }"
style="width: 100%"
style="98%"
border
size="small"
v-loading="columObj.loading">
<!-- 选择框是否开启，selectable控制是否单行禁用 -->
<el-table-column v-if="columObj.selection"
......@@ -113,6 +112,44 @@
style="color:#4B4B4B"> {{ (row[column.prop] + '') || '--' }}</span>
</template>
</span>
<!-- 研判报告 -->
<span v-if="column.ypbg">
<template>
<span v-if="column.label == '发案数'||column.label == '破案数量'||column.label == '破案占比'||column.label == '发案占比'||column.label == '损失金额（元）'||column.label == '损失占比'">
<span v-if="row[column.prop]==0">{{(row[column.prop] + '') }}</span>
<span v-else
style="color:red">{{(row[column.prop] + '') }}</span>
</span>
<span v-if="column.label == '发案环比'||column.label == '破案环比'">
<span>环比上期:{{ row["sqCount"] }}起</span>
<span :class="
row.hbAjclass == 'up' ? 'upclass' : 'downclass'
">{{ row["hbAjClass"] == "up" ? "⬆" : "⬇"
}}{{ row["hbAjBfb"] }}</span>
</span>
<span v-if="column.label == '发案同比'||column.label == '破案同比'">
<span>同比上期:{{ row["tqCount"] }}起</span>
<span :class="
row.tbAjClass == 'up' ? 'upclass' : 'downclass'
">{{ row["tbAjClass"] == "up" ? "⬆" : "⬇"
}}{{ row["tbAjBfb"] }}</span>
</span>
<span v-if="column.label == '损失环比'">
<span>环比上期:{{ row["sqSsRMB"] }}起</span>
<span :class="
row.hbRmbClass == 'up' ? 'upclass' : 'downclass'
">{{ row["hbRmbClass"] == "up" ? "⬆" : "⬇"
}}{{ row["hbRmbBfb"] }}</span>
</span>
<span v-if="column.label == '损失同比'">
<span>同比去年:{{ row["tqSsRMB"] }}起</span>
<span :class="
row.tbRmbClass == 'up' ? 'upclass' : 'downclass'
">{{ row["tbRmbClass"] == "up" ? "⬆" : "⬇"
}}{{ row["tbRmbBfb"] }}</span>
</span>
</template>
</span>
<!-- 状态对象展示 -->
<span v-if="column.status
&&
......@@ -202,7 +239,7 @@ export default {
</script>
<style lang="scss" scoped>
.table-info {
/* .table-info {
display: flex;
justify-content: space-between;
align-items: center;
......@@ -242,7 +279,7 @@ export default {
margin-left: 20px;
}
}
}
} */
.page_div {
margin-top: 20px;
......@@ -255,4 +292,12 @@ export default {
text-align: right !important;
padding-right: 24px;
}
.upclass {
color: #ef4c4c !important;
padding-left: 5px;
}
.downclass {
color: #35ca1e !important;
padding-left: 5px;
}
</style>
\ No newline at end of file
src/views/index/echarts/zyfa.js
......@@ -69,7 +69,7 @@ export function zyfaData (row) {
axisTick: { show: false, },
axisLabel: {//x轴文字的配置
show: true,
rotate: 0,
rotate: 45,
textStyle: {
color: "#242424",
......@@ -144,7 +144,158 @@ export function zyfaData (row) {
x: 80,
y: 70,
x2: 5,
y2: 25,
y2: 70,
borderWidth: 1,
},
};
return option
}
// 主要发案
export function zypaData (row) {
let option = {
title: {
text: `辖区类案破案情况`,
x: "center",
subtext: ``,
show: true,
textStyle: {
fontFamily: '',
fontSize: 18,
fontWeight: '500',
fontStyle: 'normal',
color: '#242424',
verticalAlign: 'middle',
lineHeight: 24,
rich: {
las: {
color: '#4795FF',
fontSize: 18,
},
pas: {
color: '#fa8c16',
fontSize: 18,
},
a: {
verticalAlign: 'middle',
height: 24,
width: 24,
backgroundColor: {
//添加的图片
},
},
}
},
subtextStyle: { // 设置二级标题的样式
fontSize: 16,
color: "#242424"
}
},
tooltip: {
trigger: 'axis',
},
color: ['#FF72B8'],
legend: {
textStyle: {
fontSize: 14,//字体大小
color: 'A2B3C3',//字体颜色
lineHeight: 25,
background: 'red',
},
data: [{
name: '',
icon: 'circle',
}],
right: '2%'
},
xAxis: [
{
type: 'category',
data: row.x,
axisPointer: {
type: 'shadow'
},
axisTick: { show: false, },
axisLabel: {//x轴文字的配置
show: true,
rotate: 45,
textStyle: {
color: "#242424",
}
},
axisLine: {//y轴线的颜色以及宽度
show: true,
lineStyle: {
color: "#E6F7FF",
width: 1,
type: "solid"
},
},
}
],
// row.y[0] || 5
// row.y[0] / 5 || 1
yAxis: [
{
type: 'value',
splitLine: { //网格线
lineStyle: {
type: 'dashed' //设置网格线类型 dotted：虚线 solid:实线
},
show: true //隐藏或显示
},
name: '',
// min: 0,
// max: 150000,
// splitNumber: 5,
// interval: 150000 / 5,
axisLabel: {
formatter: '{value} ',
textStyle: {
color: "#7697B7",
}
},
},
],
series: [
{
barWidth: 80,//柱子宽度
barGap: 0,//柱子间距
name: '',
type: 'bar',
label: {
position: 'top',
show: true
},
showBackground: true,
backgroundStyle: {
color: 'rgba(255,255,255,0.1000)'
},
itemStyle: {
normal: {
color: '#4795FF',
}
},
tooltip: {
valueFormatter: function (value) {
return value;
}
},
data: row.y
},
],
grid: {
x: 80,
y: 70,
x2: 5,
y2: 70,
borderWidth: 1,
},
};
......
vue.config.js
......@@ -58,7 +58,7 @@ module.exports = {
},
proxy: {
"/apialy": {
target: "http://192.168.1.108:8762", //西藏: https://155.1.33.10:20010/ 阿里云：http://39.99.155.173:9022
target: "http://192.168.1.107:8762", //西藏: https://155.1.33.10:20010/ 阿里云：http://39.99.155.173:9022
// ws: true,
changeOrigin: true,
secure: false,
......
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