Commit f3728cbb by xue_wengang

报表修改

parent 4906ebdc
......@@ -190,12 +190,12 @@
style="
position: fixed;
right: 0px;
width: 438px;
width: 24%;
z-index: 999;
width: 23%;
transition: width 0.3s ease-out
"
:style="{ top: marginTop + 'px',width: isClose ? '438px' : 0 }"
:style="{ top: marginTop + 'px',width: isClose ? '24%' : 0 }"
>
<div class="tizi" @click="handleCollapse"><i :class="isClose ? 'el-icon-arrow-down' : 'el-icon-arrow-up'"></i></div>
<el-card class="box-card" style="height: 600px">
......
......@@ -10,6 +10,7 @@ import VueWechatTitle from "vue-wechat-title";
import "@/assets/styles/iconfont.css";
import dataV from '@jiaminghi/data-view'
import moment from 'moment'
import './utils/table2excel'
/**/
import Driver from 'driver.js'
import 'driver.js/dist/driver.min.css'
......
/* 调用方法:
* $('#test_table').table2excel({//'#test_table' table的id
* subtotal: 1,//可选参数(可删除此行),默认值:0
* width:200,//导出excel表格的宽度百分比的值(不含%号),可删除此行(默认100%)
* filename: 'excel_' + new Date().getTime() + '.xls', //excel文件名称,扩展名:.xlsx 或者.xls
* });
*/
(function ($, window, document, undefined) {
var pluginName = "table2excel",
defaults = {
exclude: ".noExl",
name: "Table2Excel",
filename: "table2excel",
fileext: ".xls",
exclude_img: true,
exclude_links: true,
exclude_inputs: true,
preserveColors: false,
subtotal: 0,//"合计"行所在的行号(不包括标题行),0表示没有合计行...
width: 100,//表格宽度百分比,默认100%
};
//插件配置
function Plugin(element, options) {
this.element = element;
this.settings = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.init();
}
Plugin.prototype = {
init: function () {
var e = this;
var w = getWidth(e.settings);//导出EXCEL表格的宽度,默认100%
var utf8Heading = "<meta http-equiv=\"content-type\" content=\"application/vnd.ms-excel; charset=UTF-8\">";
e.template = {
head: "<html xmlns:o=\"urn:schemas-microsoft-com:office:office\" xmlns:x=\"urn:schemas-microsoft-com:office:excel\" xmlns=\"http://www.w3.org/TR/REC-html40\">" + utf8Heading + "<head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets>",
sheet: {
head: "<x:ExcelWorksheet><x:Name>",
tail: "</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet>"
},
mid: "</x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body>",
table: {
head: " <table border='1' style='width:" + w + "%;'>",//<table>的边框&宽度
tail: " </table>"
},
foot: "</body></html>"
};
e.tableRows = [];
//读取原始表
var rowNumber = 0;//行号
$(e.element).each(function (i, o) {
var tempRows = "";//table的html
$(o).find("tr").not(e.settings.exclude).each(function (i, p) {
//<tr>的样式
var trStyles = "";//整行样式
//开始创建一行表格
if (trStyles) {
tempRows += "<tr align='center' style='" + trStyles + "'>";//内容居中:align='center'
}
else {
tempRows += "<tr align='center'>";//内容居中:align='center'
}
//读取原始<table>的<th>表头行(表头必须是<th>!表头如果是<td>的话则会当做普通数据行处理...)
$(p).find("th").not(e.settings.exclude).each(function (i, q) {
//<th>的样式:
var thStyles = "background-color: cornflowerblue; color:white;";
var rc = {
rows: $(this).attr("rowspan"),
cols: $(this).attr("colspan"),
flag: $(q).find(e.settings.exclude)
};
if (rc.flag.length > 0) {
tempRows += "<td> </td>"; //空格!
} else {
tempRows += "<td";
if (rc.rows > 0) {
tempRows += " rowspan='" + rc.rows + "' ";//跨行
}
if (rc.cols > 0) {
tempRows += " colspan='" + rc.cols + "' ";//跨列
}
// if (thStyles) {
// tempRows += " style='" + thStyles + "'";//样式
// }
tempRows += ">" + $(q).html() + "</td>";//内容
}
});
//读取原始<table>的<td>数据行
$(p).find("td").not(e.settings.exclude).each(function (i, q) {
//<td>的样式
var tdStyles = "background-color:yellow;";//合计行的样式
var rc = {
rows: $(this).attr("rowspan"),
cols: $(this).attr("colspan"),
flag: $(q).find(e.settings.exclude)
};
if (rc.flag.length > 0) {
tempRows += "<td> </td>"; //空格!
} else {
tempRows += "<td ";
if (rc.rows > 0) {
tempRows += " rowspan='" + rc.rows + "' ";//跨行
}
if (rc.cols > 0) {
tempRows += " colspan='" + rc.cols + "' ";//跨列
}
var subtotal = getSubtotal(e.settings);//获取"合计"行所在的行号(不包括标题行)
if (rowNumber == subtotal) {//if(当前行行号 == 合计行行号)
if (tdStyles) {
tempRows += " style='mso-number-format:\"\@\"; " + tdStyles + "' ";//样式
}
else {
tempRows += " style='mso-number-format:\"\@\";' ";//纯文本
}
}
else {
tempRows += " style='mso-number-format:\"\@\";' ";//纯文本
}
tempRows += ">" + $(q).html() + "</td>";
}
});
tempRows += "</tr>";//生成一行结束
rowNumber++;//行号+1
});
// exclude img tags
if (e.settings.exclude_img) {
tempRows = exclude_img(tempRows);
}
// exclude link tags
if (e.settings.exclude_links) {
tempRows = exclude_links(tempRows);
}
// exclude input tags
if (e.settings.exclude_inputs) {
tempRows = exclude_inputs(tempRows);
}
e.tableRows.push(tempRows);
});
e.tableToExcel(e.tableRows, e.settings.name, e.settings.sheetName);
},
tableToExcel: function (table, name, sheetName) {
var e = this, fullTemplate = "", i, link, a;
e.format = function (s, c) {
return s.replace(/{(\w+)}/g, function (m, p) {
return c[p];
});
};
sheetName = typeof sheetName === "undefined" ? "Sheet" : sheetName;
e.ctx = {
worksheet: name || "Worksheet",
table: table,
sheetName: sheetName
};
fullTemplate = e.template.head;
if ($.isArray(table)) {
Object.keys(table).forEach(function (i) {
//fullTemplate += e.template.sheet.head + "{worksheet" + i + "}" + e.template.sheet.tail;
fullTemplate += e.template.sheet.head + sheetName + i + e.template.sheet.tail;
});
}
fullTemplate += e.template.mid;
if ($.isArray(table)) {
Object.keys(table).forEach(function (i) {
fullTemplate += e.template.table.head + "{table" + i + "}" + e.template.table.tail;
});
}
fullTemplate += e.template.foot;
for (i in table) {
e.ctx["table" + i] = table[i];
}
delete e.ctx.table;
var isIE = navigator.appVersion.indexOf("MSIE 10") !== -1 || (navigator.userAgent.indexOf("Trident") !== -1 && navigator.userAgent.indexOf("rv:11") !== -1); // this works with IE10 and IE11 both :)
//if (typeof msie !== "undefined" && msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) // this works ONLY with IE 11!!!
if (isIE) {
if (typeof Blob !== "undefined") {
//use blobs if we can
fullTemplate = e.format(fullTemplate, e.ctx); // with this, works with IE
fullTemplate = [fullTemplate];
//convert to array
var blob1 = new Blob(fullTemplate, { type: "text/html" });
window.navigator.msSaveBlob(blob1, getFileName(e.settings));
} else {
//otherwise use the iframe and save
//requires a blank iframe on page called txtArea1
txtArea1.document.open("text/html", "replace");
txtArea1.document.write(e.format(fullTemplate, e.ctx));
txtArea1.document.close();
txtArea1.focus();
sa = txtArea1.document.execCommand("SaveAs", true, getFileName(e.settings));
}
} else {
var blob = new Blob([e.format(fullTemplate, e.ctx)], { type: "application/vnd.ms-excel" });
window.URL = window.URL || window.webkitURL;
link = window.URL.createObjectURL(blob);
a = document.createElement("a");
a.download = getFileName(e.settings);
a.href = link;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
}
return true;
}
};
//获取excel文件名
function getFileName(settings) {
return (settings.filename ? settings.filename : "table2excel");
}
//获取"合计"行所在的行号(不包括标题行)
function getSubtotal(settings) {
return (settings.subtotal ? settings.subtotal : 0);//默认值0
}
//导出Excel的表格宽度百分比的值(不含%号),默认100%
function getWidth(settings) {
return (settings.width ? settings.width : 100);
}
// Removes all img tags
function exclude_img(string) {
var _patt = /(\s+alt\s*=\s*"([^"]*)"|\s+alt\s*=\s*'([^']*)')/i;
return string.replace(/<img[^>]*>/gi, function myFunction(x) {
var res = _patt.exec(x);
if (res !== null && res.length >= 2) {
return res[2];
} else {
return "";
}
});
}
// Removes all link tags
function exclude_links(string) {
return string.replace(/<a[^>]*>|<\/a>/gi, "");
}
// Removes input params
function exclude_inputs(string) {
var _patt = /(\s+value\s*=\s*"([^"]*)"|\s+value\s*=\s*'([^']*)')/i;
return string.replace(/<input[^>]*>|<\/input>/gi, function myFunction(x) {
var res = _patt.exec(x);
if (res !== null && res.length >= 2) {
return res[2];
} else {
return "";
}
});
}
$.fn[pluginName] = function (options) {
var e = this;
e.each(function () {
if (!$.data(e, "plugin_" + pluginName)) {
$.data(e, "plugin_" + pluginName, new Plugin(this, options));
}
});
// chain jQuery functions
return e;
};
})(jQuery, window, document);
\ No newline at end of file
......@@ -235,7 +235,15 @@
<div class="flTtitle" style="margin-bottom: 0">
<span class="border"></span>分析结果
</div>
<div class="zdy-icon-container">
<div
class="zdy-icon-container"
v-if="
!isShowSearch &&
isHasYear &&
(formData.year || formData.currentTime)
"
>
<el-button @click="exportExcel" size="mini">导出</el-button>
<div
v-show="fullscreen"
@click="controlFullscreen(false)"
......@@ -265,7 +273,7 @@
></iframe>
<component
id="tongji-baobiao"
:ref="componentName"
ref="tableList"
v-if="
!isShowSearch &&
isHasYear &&
......@@ -333,8 +341,8 @@ export default {
jssj: this.timeStampTurnTime(new Date()),
fakssj: "",
fajssj: "",
year:this.$moment(new Date()).format("YYYY"),
currentTime:this.$moment(new Date()).format("YYYY-M")
year: this.$moment(new Date()).format("YYYY"),
currentTime: this.$moment(new Date()).format("YYYY-M"),
},
//查询条件配置
propQueryField: [
......@@ -401,31 +409,14 @@ export default {
},
created() {},
methods: {
exportExcel() {
this.$refs.tableList.exportExcel();
},
controlFullscreen(value) {
this.fullscreen = value;
},
selectChange(value) {
console.log(value);
this.tableType = value;
switch (value) {
case "05":
this.componentName = "fpatj";
break;
case "06":
this.componentName = "lnafyytj";
break;
case "07":
this.componentName = "gdmfaqk";
break;
case "08":
this.componentName = "qgmafaqktjb";
break;
case "09":
this.componentName = "yassdrdzb";
break;
default:
break;
}
if (value == "05" || value == "06" || value == "07" || value == "09") {
this.propQueryField = [
{
......@@ -450,7 +441,7 @@ export default {
name: "案发年份",
id: "year",
type: "selectYear",
value: '',
value: "",
col: "3",
},
];
......@@ -478,11 +469,12 @@ export default {
name: "案发年月",
id: "currentTime",
type: "selectYearAndMonth",
value: '',
value: "",
col: "3",
},
];
} else {
this.componentName = "";
this.propQueryField = [
{
name: "报表源",
......@@ -518,20 +510,6 @@ export default {
value: "",
col: "3",
},
// {
// name: "开始时间",
// id: "kssj",
// type: "datetime",
// value: "",
// col: "3",
// },
// {
// name: "结束时间",
// id: "jssj",
// type: "datetime",
// value: "",
// col: "3",
// },
{
name: "统计单位",
id: "tjdw",
......@@ -555,10 +533,30 @@ export default {
},
//开始统计
doQueryBtn() {
console.log(this.formData, "ooooooooooooo");
if (this.formData.year || this.formData.currentTime) {
this.isHasYear = true;
this.$refs[this.componentName].getData()
switch (this.tableType) {
case "05":
this.componentName = "fpatj";
break;
case "06":
this.componentName = "lnafyytj";
break;
case "07":
this.componentName = "gdmfaqk";
break;
case "08":
this.componentName = "qgmafaqktjb";
break;
case "09":
this.componentName = "yassdrdzb";
break;
default:
break;
}
this.$nextTick(() => {
this.$refs.tableList.getData();
});
}
var self = this;
var url =
......
<!-- -->
<template>
<div class="fpatj">
<table class="tables" border="0" cellspacing="0" cellpadding="0" align="center">
<table
class="tables"
border="0"
cellspacing="0"
cellpadding="0"
align="center"
>
<tr style="">
<td align="center" class="biaoti" height="60">{{ currentYear }}发破案数对照统计</td>
<td align="center" class="biaoti" height="60">
{{ currentYear }}发破案数对照统计
</td>
</tr>
</table>
<table border="0" cellspacing="1" cellpadding="4" class="tabtop13 table" align="center">
<table
border="0"
cellspacing="1"
cellpadding="4"
class="tabtop13 table"
align="center"
id="tableContent"
>
<thead>
<tr>
<th rowspan="2">月份</th>
......@@ -38,61 +53,69 @@
:class="{ ableClick: item.fas && item.fas != '0' }"
@click="toTs(item, item.fas, 'mafa', 'aj')"
>
{{ [''].includes(item.fas) ? '/' : item.fas }}
{{ [""].includes(item.fas) ? "/" : item.fas }}
</td>
<td
align="center"
:class="{ ableClick: item.ysdrs && item.ysdrs != '0' }"
@click="toTs(item, item.ysdrs, 'maysdra', 'aj')"
>
{{ [''].includes(item.ysdrs) ? '/' : item.ysdrs }}
{{ [""].includes(item.ysdrs) ? "/" : item.ysdrs }}
</td>
<td
align="center"
:class="{ ableClick: item.xapas && item.xapas != '0' }"
@click="toTs(item, item.xapas, 'mapxa', 'aj')"
>
{{ [''].includes(item.xapas) ? '/' : item.xapas }}
{{ [""].includes(item.xapas) ? "/" : item.xapas }}
</td>
<td
align="center"
:class="{ ableClick: item.japas && item.japas != '0' }"
@click="toTs(item, item.japas, 'mapja', 'aj')"
>
{{ [''].includes(item.japas) ? '/' : item.japas }}
{{ [""].includes(item.japas) ? "/" : item.japas }}
</td>
<td
align="center"
:class="{ ableClick: item.lastFas && item.lastFas != '0' }"
@click="toTs(item, item.lastFas, 'mafa', 'aj', true)"
>
{{ [''].includes(item.lastFas) ? '/' : item.lastFas }}
{{ [""].includes(item.lastFas) ? "/" : item.lastFas }}
</td>
<td
align="center"
:class="{ ableClick: item.lastYsdrs && item.lastYsdrs != '0' }"
@click="toTs(item, item.lastYsdrs, 'maysdra', 'aj', true)"
>
{{ [''].includes(item.lastYsdrs) ? '/' : item.lastYsdrs }}
{{ [""].includes(item.lastYsdrs) ? "/" : item.lastYsdrs }}
</td>
<td
align="center"
:class="{ ableClick: item.lastXapas && item.lastXapas != '0' }"
@click="toTs(item, item.lastXapas, 'mapxa', 'aj', true)"
>
{{ [''].includes(item.lastXapas) ? '/' : item.lastXapas }}
{{ [""].includes(item.lastXapas) ? "/" : item.lastXapas }}
</td>
<td
align="center"
:class="{ ableClick: item.lastJapas && item.lastJapas != '0' }"
@click="toTs(item, item.lastJapas, 'mapja', 'aj', true)"
>
{{ [''].includes(item.lastJapas) ? '/' : item.lastJapas }}
{{ [""].includes(item.lastJapas) ? "/" : item.lastJapas }}
</td>
<td align="center">
{{ [""].includes(item.fatb) ? "/" : item.fatb }}
</td>
<td align="center">
{{ [""].includes(item.fahb) ? "/" : item.fahb }}
</td>
<td align="center">
{{ [""].includes(item.ysdrtb) ? "/" : item.ysdrtb }}
</td>
<td align="center">
{{ [""].includes(item.ysdrhb) ? "/" : item.ysdrhb }}
</td>
<td align="center">{{ [''].includes(item.fatb) ? '/' : item.fatb }}</td>
<td align="center">{{ [''].includes(item.fahb) ? '/' : item.fahb }}</td>
<td align="center">{{ [''].includes(item.ysdrtb) ? '/' : item.ysdrtb }}</td>
<td align="center">{{ [''].includes(item.ysdrhb) ? '/' : item.ysdrhb }}</td>
</tr>
</tbody>
<thead>
......@@ -108,61 +131,69 @@
:class="{ ableClick: item.fas && item.fas != '0' }"
@click="toTs(item, item.fas, 'mafalj', 'aj')"
>
{{ [''].includes(item.fas) ? '/' : item.fas }}
{{ [""].includes(item.fas) ? "/" : item.fas }}
</td>
<td
align="center"
:class="{ ableClick: item.ysdrs && item.ysdrs != '0' }"
@click="toTs(item, item.ysdrs, 'maysdralj', 'aj')"
>
{{ [''].includes(item.ysdrs) ? '/' : item.ysdrs }}
{{ [""].includes(item.ysdrs) ? "/" : item.ysdrs }}
</td>
<td
align="center"
:class="{ ableClick: item.xapas && item.xapas != '0' }"
@click="toTs(item, item.xapas, 'mapxalj', 'aj')"
>
{{ [''].includes(item.xapas) ? '/' : item.xapas }}
{{ [""].includes(item.xapas) ? "/" : item.xapas }}
</td>
<td
align="center"
:class="{ ableClick: item.japas && item.japas != '0' }"
@click="toTs(item, item.japas, 'mapjalj', 'aj')"
>
{{ [''].includes(item.japas) ? '/' : item.japas }}
{{ [""].includes(item.japas) ? "/" : item.japas }}
</td>
<td
align="center"
:class="{ ableClick: item.lastFas && item.lastFas != '0' }"
@click="toTs(item, item.lastFas, 'mafalj', 'aj', true)"
>
{{ [''].includes(item.lastFas) ? '/' : item.lastFas }}
{{ [""].includes(item.lastFas) ? "/" : item.lastFas }}
</td>
<td
align="center"
:class="{ ableClick: item.lastYsdrs && item.lastYsdrs != '0' }"
@click="toTs(item, item.lastYsdrs, 'maysdralj', 'aj', true)"
>
{{ [''].includes(item.lastYsdrs) ? '/' : item.lastYsdrs }}
{{ [""].includes(item.lastYsdrs) ? "/" : item.lastYsdrs }}
</td>
<td
align="center"
:class="{ ableClick: item.lastXapas && item.lastXapas != '0' }"
@click="toTs(item, item.lastXapas, 'mapxalj', 'aj', true)"
>
{{ [''].includes(item.lastXapas) ? '/' : item.lastXapas }}
{{ [""].includes(item.lastXapas) ? "/" : item.lastXapas }}
</td>
<td
align="center"
:class="{ ableClick: item.lastJapas && item.lastJapas != '0' }"
@click="toTs(item, item.lastJapas, 'mapjalj', 'aj', true)"
>
{{ [''].includes(item.lastJapas) ? '/' : item.lastJapas }}
{{ [""].includes(item.lastJapas) ? "/" : item.lastJapas }}
</td>
<td align="center">
{{ [""].includes(item.fatb) ? "/" : item.fatb }}
</td>
<td align="center">
{{ [""].includes(item.fahb) ? "/" : item.fahb }}
</td>
<td align="center">
{{ [""].includes(item.ysdrtb) ? "/" : item.ysdrtb }}
</td>
<td align="center">
{{ [""].includes(item.ysdrhb) ? "/" : item.ysdrhb }}
</td>
<td align="center">{{ [''].includes(item.fatb) ? '/' : item.fatb }}</td>
<td align="center">{{ [''].includes(item.fahb) ? '/' : item.fahb }}</td>
<td align="center">{{ [''].includes(item.ysdrtb) ? '/' : item.ysdrtb }}</td>
<td align="center">{{ [''].includes(item.ysdrhb) ? '/' : item.ysdrhb }}</td>
</tr>
<!-- 死亡人数破案率 -->
<tr v-for="(item, index) in tableList3" :key="item.dateMonth">
......@@ -172,92 +203,108 @@
:class="{ ableClick: item.fas && item.fas != '0' }"
@click="toTs(item, item.fas, 'maswrs', 'people')"
>
{{ [''].includes(item.fas) ? '/' : item.fas }}
{{ [""].includes(item.fas) ? "/" : item.fas }}
</td>
<td
align="center"
:class="{ ableClick: item.ysdrs && item.ysdrs != '0' }"
@click="toTs(item, item.ysdrs, 'ysdrswrs', 'people')"
>
{{ [''].includes(item.ysdrs) ? '/' : item.ysdrs }}
{{ [""].includes(item.ysdrs) ? "/" : item.ysdrs }}
</td>
<td
align="center"
:class="{ ableClick: item.xapas && item.xapas != '0' }"
@click="toTs(item, item.xapas, '', 'people')"
>
{{ [''].includes(item.xapas) ? '/' : item.xapas }}
{{ [""].includes(item.xapas) ? "/" : item.xapas }}
</td>
<td
align="center"
:class="{ ableClick: item.japas && item.japas != '0' }"
@click="toTs(item, item.japas, '', 'people')"
>
{{ [''].includes(item.japas) ? '/' : item.japas }}
{{ [""].includes(item.japas) ? "/" : item.japas }}
</td>
<td
align="center"
:class="{ ableClick: item.lastFas && item.lastFas != '0' }"
@click="toTs(item, item.lastFas, 'maswrs', 'people', true)"
>
{{ [''].includes(item.lastFas) ? '/' : item.lastFas }}
{{ [""].includes(item.lastFas) ? "/" : item.lastFas }}
</td>
<td
align="center"
:class="{ ableClick: item.lastYsdrs && item.lastYsdrs != '0' }"
@click="toTs(item, item.lastYsdrs, 'ysdrswrs', 'people', true)"
>
{{ [''].includes(item.lastYsdrs) ? '/' : item.lastYsdrs }}
{{ [""].includes(item.lastYsdrs) ? "/" : item.lastYsdrs }}
</td>
<td
align="center"
:class="{ ableClick: item.lastXapas && item.lastXapas != '0' }"
@click="toTs(item, item.lastXapas, '', 'people', true)"
>
{{ [''].includes(item.lastXapas) ? '/' : item.lastXapas }}
{{ [""].includes(item.lastXapas) ? "/" : item.lastXapas }}
</td>
<td
align="center"
:class="{ ableClick: item.lastJapas && item.lastJapas != '0' }"
@click="toTs(item, item.lastJapas, '', 'people', true)"
>
{{ [''].includes(item.lastJapas) ? '/' : item.lastJapas }}
{{ [""].includes(item.lastJapas) ? "/" : item.lastJapas }}
</td>
<td align="center">
{{ [""].includes(item.fatb) ? "/" : item.fatb }}
</td>
<td align="center">
{{ [""].includes(item.fahb) ? "/" : item.fahb }}
</td>
<td align="center">
{{ [""].includes(item.ysdrtb) ? "/" : item.ysdrtb }}
</td>
<td align="center">
{{ [""].includes(item.ysdrhb) ? "/" : item.ysdrhb }}
</td>
<td align="center">{{ [''].includes(item.fatb) ? '/' : item.fatb }}</td>
<td align="center">{{ [''].includes(item.fahb) ? '/' : item.fahb }}</td>
<td align="center">{{ [''].includes(item.ysdrtb) ? '/' : item.ysdrtb }}</td>
<td align="center">{{ [''].includes(item.ysdrhb) ? '/' : item.ysdrhb }}</td>
</tr>
<tr v-for="(item, index) in tableList4" :key="item.dateMonth">
<td align="center">{{ item.dateMonth }}</td>
<td align="center">
{{ [''].includes(item.fas) ? '/' : item.fas }}
{{ [""].includes(item.fas) ? "/" : item.fas }}
</td>
<td align="center">
{{ [""].includes(item.ysdrs) ? "/" : item.ysdrs }}
</td>
<td align="center">
{{ [''].includes(item.ysdrs) ? '/' : item.ysdrs }}
{{ [""].includes(item.xapas) ? "/" : item.xapas }}
</td>
<td align="center">
{{ [''].includes(item.xapas) ? '/' : item.xapas }}
{{ [""].includes(item.japas) ? "/" : item.japas }}
</td>
<td align="center">
{{ [''].includes(item.japas) ? '/' : item.japas }}
{{ [""].includes(item.lastFas) ? "/" : item.lastFas }}
</td>
<td align="center">
{{ [''].includes(item.lastFas) ? '/' : item.lastFas }}
{{ [""].includes(item.lastYsdrs) ? "/" : item.lastYsdrs }}
</td>
<td align="center">
{{ [''].includes(item.lastYsdrs) ? '/' : item.lastYsdrs }}
{{ [""].includes(item.lastXapas) ? "/" : item.lastXapas }}
</td>
<td align="center">
{{ [''].includes(item.lastXapas) ? '/' : item.lastXapas }}
{{ [""].includes(item.lastJapas) ? "/" : item.lastJapas }}
</td>
<td align="center">
{{ [''].includes(item.lastJapas) ? '/' : item.lastJapas }}
{{ [""].includes(item.fatb) ? "/" : item.fatb }}
</td>
<td align="center">
{{ [""].includes(item.fahb) ? "/" : item.fahb }}
</td>
<td align="center">
{{ [""].includes(item.ysdrtb) ? "/" : item.ysdrtb }}
</td>
<td align="center">
{{ [""].includes(item.ysdrhb) ? "/" : item.ysdrhb }}
</td>
<td align="center">{{ [''].includes(item.fatb) ? '/' : item.fatb }}</td>
<td align="center">{{ [''].includes(item.fahb) ? '/' : item.fahb }}</td>
<td align="center">{{ [''].includes(item.ysdrtb) ? '/' : item.ysdrtb }}</td>
<td align="center">{{ [''].includes(item.ysdrhb) ? '/' : item.ysdrhb }}</td>
</tr>
</tbody>
</table>
......@@ -265,9 +312,9 @@
</template>
<script>
import Http from '@/utils/axiosHttp.js';
import url from '@/api/base';
import qs from 'qs';
import Http from "@/utils/axiosHttp.js";
import url from "@/api/base";
import qs from "qs";
export default {
props: {
currentYear: {
......@@ -282,27 +329,32 @@ export default {
tableList4: [],
};
},
created() {
},
created() {},
mounted() {},
methods: {
exportExcel() {
debugger;
$("#tableContent").table2excel({
subtotal: 1, //"合计"行所在的行号(不包括标题行)
filename: `${this.currentYear}发破案数对照统计`, //文件名称
});
},
getData() {
let self = this;
var loading = self.$loading({
lock: true,
text: '正在查询...',
spinner: 'el-icon-loading',
background: 'rgba(255, 255, 255, 0.7)',
text: "正在查询...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
let url = '/lstbtj/getMafpaTj';
let url = "/lstbtj/getMafpaTj";
let params = {
year: this.currentYear,
};
self
.doQueryRequest(params, url)
.then(res => {
.then((res) => {
if (res.data.code == 200) {
// console.log(res.data.data.rows);
this.tableList = res.data.data.rows.slice(0, 12);
......@@ -314,46 +366,46 @@ export default {
} else {
loading.close();
self.$message({
type: 'error',
type: "error",
message: res.data.message,
});
}
})
.catch(err => {});
.catch((err) => {});
},
doQueryRequest(form, relurl) {
/*post方法*/
return Http({
url: url.BaseURL + relurl,
data: qs.stringify(form),
method: 'post',
method: "post",
headers: {
'blade-auth': sessionStorage.getItem('token'),
'Content-Type': 'application/x-www-form-urlencoded',
"blade-auth": sessionStorage.getItem("token"),
"Content-Type": "application/x-www-form-urlencoded",
},
});
},
handleChange(value) {
console.log(value);
debugger
debugger;
this.getData();
},
toTs(item, count, type, tsType, isLast) {
console.log(item, count, type, tsType, isLast);
let month = item.dateMonth.split('-').pop();
let month = item.dateMonth.split("-").pop();
console.log(month);
let routeData;
if (count && count > 0) {
routeData = this.$router.resolve({
path: '/bndfas2',
path: "/bndfas2",
query: {
year: isLast == true ? this.currentYear - 1 : this.currentYear,
month: month.replace(/[^\d]/g, ''),
month: month.replace(/[^\d]/g, ""),
type: type,
tsType: tsType,
},
});
window.open(routeData.href, '_blank');
window.open(routeData.href, "_blank");
}
},
},
......
<!-- -->
<template>
<div class="gdmfaqk">
<table class="table-header" border="0" cellspacing="0" cellpadding="0" align="center">
<table
class="table-header"
border="0"
cellspacing="0"
cellpadding="0"
align="center"
>
<tr>
<td align="center" class="biaoti" height="60">{{ currentYear }}年各地每月发案统计</td>
<td align="center" class="biaoti" height="60">
{{ currentYear }}年各地每月发案统计
</td>
</tr>
</table>
<table border="0" cellspacing="1" cellpadding="4" class="table-body" align="center">
<table
border="0"
cellspacing="1"
cellpadding="4"
class="table-body"
align="center"
id="tableContent"
style="width:100%"
>
<thead>
<tr>
<th></th>
......@@ -34,91 +50,91 @@
:class="{ ableClick: item.janFas && item.janFas != '0' }"
@click="toTs(item, item.janFas, 'mafa', 'aj', 1)"
>
{{ ['',-1].includes(item.janFas) ? '/' : item.janFas }}
{{ ["", -1].includes(item.janFas) ? "/" : item.janFas }}
</td>
<td
align="center"
:class="{ ableClick: item.febFas && item.febFas != '0' }"
@click="toTs(item, item.febFas, 'mafa', 'aj', 2)"
>
{{ ['',-1].includes(item.febFas) ? '/' : item.febFas }}
{{ ["", -1].includes(item.febFas) ? "/" : item.febFas }}
</td>
<td
align="center"
:class="{ ableClick: item.marFas && item.marFas != '0' }"
@click="toTs(item, item.marFas, 'mafa', 'aj', 3)"
>
{{ ['',-1].includes(item.marFas) ? '/' : item.marFas }}
{{ ["", -1].includes(item.marFas) ? "/" : item.marFas }}
</td>
<td
align="center"
:class="{ ableClick: item.aprFas && item.aprFas != '0' }"
@click="toTs(item, item.aprFas, 'mafa', 'aj', 4)"
>
{{ ['',-1].includes(item.aprFas) ? '/' : item.aprFas }}
{{ ["", -1].includes(item.aprFas) ? "/" : item.aprFas }}
</td>
<td
align="center"
:class="{ ableClick: item.mayFas && item.mayFas != '0' }"
@click="toTs(item, item.mayFas, 'mafa', 'aj', 5)"
>
{{ ['',-1].includes(item.mayFas) ? '/' : item.mayFas }}
{{ ["", -1].includes(item.mayFas) ? "/" : item.mayFas }}
</td>
<td
align="center"
:class="{ ableClick: item.junFas && item.junFas != '0' }"
@click="toTs(item, item.junFas, 'mafa', 'aj', 6)"
>
{{ ['',-1].includes(item.junFas) ? '/' : item.junFas }}
{{ ["", -1].includes(item.junFas) ? "/" : item.junFas }}
</td>
<td
align="center"
:class="{ ableClick: item.julFas && item.julFas != '0' }"
@click="toTs(item, item.julFas, 'mafa', 'aj', 7)"
>
{{ ['',-1].includes(item.julFas) ? '/' : item.julFas }}
{{ ["", -1].includes(item.julFas) ? "/" : item.julFas }}
</td>
<td
align="center"
:class="{ ableClick: item.augFas && item.augFas != '0' }"
@click="toTs(item, item.augFas, 'mafa', 'aj', 8)"
>
{{ ['',-1].includes(item.augFas) ? '/' : item.augFas }}
{{ ["", -1].includes(item.augFas) ? "/" : item.augFas }}
</td>
<td
align="center"
:class="{ ableClick: item.sepFas && item.sepFas != '0' }"
@click="toTs(item, item.sepFas, 'mafa', 'aj', 9)"
>
{{ ['',-1].includes(item.sepFas) ? '/' : item.sepFas }}
{{ ["", -1].includes(item.sepFas) ? "/" : item.sepFas }}
</td>
<td
align="center"
:class="{ ableClick: item.octFas && item.octFas != '0' }"
@click="toTs(item, item.octFas, 'mafa', 'aj', 10)"
>
{{ ['',-1].includes(item.octFas) ? '/' : item.octFas }}
{{ ["", -1].includes(item.octFas) ? "/" : item.octFas }}
</td>
<td
align="center"
:class="{ ableClick: item.novFas && item.novFas != '0' }"
@click="toTs(item, item.novFas, 'mafa', 'aj', 11)"
>
{{ ['',-1].includes(item.novFas) ? '/' : item.novFas }}
{{ ["", -1].includes(item.novFas) ? "/" : item.novFas }}
</td>
<td
align="center"
:class="{ ableClick: item.decFas && item.decFas != '0' }"
@click="toTs(item, item.decFas, 'mafa', 'aj', 12)"
>
{{ ['',-1].includes(item.decFas) ? '/' : item.decFas }}
{{ ["", -1].includes(item.decFas) ? "/" : item.decFas }}
</td>
<td
align="center"
:class="{ ableClick: item.num && item.num != '0' }"
@click="toTs(item, item.num, 'mafa', 'aj', '')"
>
{{ ['',-1].includes(item.num) ? '/' : item.num }}
{{ ["", -1].includes(item.num) ? "/" : item.num }}
</td>
</tr>
</tbody>
......@@ -127,9 +143,9 @@
</template>
<script>
import Http from '@/utils/axiosHttp.js';
import url from '@/api/base';
import qs from 'qs';
import Http from "@/utils/axiosHttp.js";
import url from "@/api/base";
import qs from "qs";
export default {
props: {
currentYear: {
......@@ -144,11 +160,16 @@ export default {
components: {},
computed: {},
created() {
},
created() {},
mounted() {},
methods: {
exportExcel() {
debugger;
$("#tableContent").table2excel({
subtotal: 1, //"合计"行所在的行号(不包括标题行)
filename: `${this.currentYear}年各地每月发案统计`, //文件名称
});
},
handleChange(value) {
console.log(value);
this.getData();
......@@ -158,7 +179,7 @@ export default {
let routeData;
if (count && count > 0) {
routeData = this.$router.resolve({
path: '/bndfas2',
path: "/bndfas2",
query: {
year: this.currentYear,
month: month,
......@@ -167,24 +188,24 @@ export default {
xzqh: item.xzqh,
},
});
window.open(routeData.href, '_blank');
window.open(routeData.href, "_blank");
}
},
getData() {
let self = this;
var loading = self.$loading({
lock: true,
text: '正在查询...',
spinner: 'el-icon-loading',
background: 'rgba(255, 255, 255, 0.7)',
text: "正在查询...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
let url = '/lstbtj/getGdmaqkTj';
let url = "/lstbtj/getGdmaqkTj";
let params = {
year: this.currentYear,
};
self
.doQueryRequest(params, url)
.then(res => {
.then((res) => {
if (res.data.code == 200) {
console.log(res.data.data.rows);
this.tableList = res.data.data.rows;
......@@ -192,22 +213,22 @@ export default {
} else {
loading.close();
self.$message({
type: 'error',
type: "error",
message: res.data.message,
});
}
})
.catch(err => {});
.catch((err) => {});
},
doQueryRequest(form, relurl) {
/*post方法*/
return Http({
url: url.BaseURL + relurl,
data: qs.stringify(form),
method: 'post',
method: "post",
headers: {
'blade-auth': sessionStorage.getItem('token'),
'Content-Type': 'application/x-www-form-urlencoded',
"blade-auth": sessionStorage.getItem("token"),
"Content-Type": "application/x-www-form-urlencoded",
},
});
},
......@@ -216,7 +237,6 @@ export default {
</script>
<style lang="scss" scoped>
.gdmfaqk {
width: 1200px;
margin: 0 auto;
background: #fff;
padding-bottom: 40px;
......
<!-- -->
<template>
<div class="lnafyytj">
<table class="table-header" border="0" cellspacing="0" cellpadding="0" align="center">
<table
class="table-header"
border="0"
cellspacing="0"
cellpadding="0"
align="center"
>
<tr>
<td align="center" class="biaoti" height="60">历年发案原因统计</td>
</tr>
</table>
<table border="0" cellspacing="1" cellpadding="4" class="table-body" align="center">
<table
border="0"
cellspacing="1"
cellpadding="4"
class="table-body"
align="center"
id="tableContent"
>
<thead>
<tr>
<th></th>
......@@ -64,128 +77,180 @@
:class="{ ableClick: item.janFas && item.janFas != '0' }"
@click="toTs(item, item.janFas, 'mafa', 'aj', 1)"
>
{{ ['',0,-1].includes(item.janFas) ? '/' : item.janFas }}
{{ ["",-1].includes(item.janFas) ? "/" : item.janFas }}
</td>
<td align="center">
{{ ["",-1].includes(item.janZb) ? "/" : item.janZb }}
</td>
<td align="center">
{{ ["",-1].includes(item.janTb) ? "/" : item.janTb }}
</td>
<td align="center">{{ ['',0,-1].includes(item.janZb) ? '/' : item.janZb }}</td>
<td align="center">{{ ['',0,-1].includes(item.janTb) ? '/' : item.janTb }}</td>
<td
align="center"
:class="{ ableClick: item.febFas && item.febFas != '0' }"
@click="toTs(item, item.febFas, 'mafa', 'aj', 2)"
>
{{ ['',0,-1].includes(item.febFas) ? '/' : item.febFas }}
{{ ["",-1].includes(item.febFas) ? "/" : item.febFas }}
</td>
<td align="center">
{{ ["",-1].includes(item.febZb) ? "/" : item.febZb }}
</td>
<td align="center">
{{ ["",-1].includes(item.febTb) ? "/" : item.febTb }}
</td>
<td align="center">{{ ['',0,-1].includes(item.febZb) ? '/' : item.febZb }}</td>
<td align="center">{{ ['',0,-1].includes(item.febTb) ? '/' : item.febTb }}</td>
<td
align="center"
:class="{ ableClick: item.marFas && item.marFas != '0' }"
@click="toTs(item, item.marFas, 'mafa', 'aj', 3)"
>
{{ ['',0,-1].includes(item.marFas) ? '/' : item.marFas }}
{{ ["",-1].includes(item.marFas) ? "/" : item.marFas }}
</td>
<td align="center">
{{ ["",-1].includes(item.marZb) ? "/" : item.marZb }}
</td>
<td align="center">
{{ ["",-1].includes(item.marTb) ? "/" : item.marTb }}
</td>
<td align="center">{{ ['',0,-1].includes(item.marTb) ? '/' : item.marTb }}</td>
<td align="center">{{ ['',0,-1].includes(item.marTb) ? '/' : item.marTb }}</td>
<td
align="center"
:class="{ ableClick: item.aprFas && item.aprFas != '0' }"
@click="toTs(item, item.aprFas, 'mafa', 'aj', 4)"
>
{{ ['',0,-1].includes(item.aprFas) ? '/' : item.aprFas }}
{{ ["",-1].includes(item.aprFas) ? "/" : item.aprFas }}
</td>
<td align="center">
{{ ["",-1].includes(item.aprZb) ? "/" : item.aprZb }}
</td>
<td align="center">
{{ ["",-1].includes(item.aprTb) ? "/" : item.aprTb }}
</td>
<td align="center">{{ ['',0,-1].includes(item.aprZb) ? '/' : item.aprZb }}</td>
<td align="center">{{ ['',0,-1].includes(item.aprTb) ? '/' : item.aprTb }}</td>
<td
align="center"
:class="{ ableClick: item.mayFas && item.mayFas != '0' }"
@click="toTs(item, item.mayFas, 'mafa', 'aj', 5)"
>
{{ ['',0,-1].includes(item.mayFas) ? '/' : item.mayFas }}
{{ ["",-1].includes(item.mayFas) ? "/" : item.mayFas }}
</td>
<td align="center">
{{ ["",-1].includes(item.mayZb) ? "/" : item.mayZb }}
</td>
<td align="center">
{{ ["",-1].includes(item.mayTb) ? "/" : item.mayTb }}
</td>
<td align="center">{{ ['',0,-1].includes(item.mayZb) ? '/' : item.mayZb }}</td>
<td align="center">{{ ['',0,-1].includes(item.mayTb) ? '/' : item.mayTb }}</td>
<td
align="center"
:class="{ ableClick: item.junFas && item.junFas != '0' }"
@click="toTs(item, item.junFas, 'mafa', 'aj', 6)"
>
{{ ['',0,-1].includes(item.junFas) ? '/' : item.junFas }}
{{ ["",-1].includes(item.junFas) ? "/" : item.junFas }}
</td>
<td align="center">
{{ ["",-1].includes(item.junZb) ? "/" : item.junZb }}
</td>
<td align="center">
{{ ["",-1].includes(item.junTb) ? "/" : item.junTb }}
</td>
<td align="center">{{ ['',0,-1].includes(item.junZb) ? '/' : item.junZb }}</td>
<td align="center">{{ ['',0,-1].includes(item.junTb) ? '/' : item.junTb }}</td>
<td
align="center"
:class="{ ableClick: item.julFas && item.julFas != '0' }"
@click="toTs(item, item.julFas, 'mafa', 'aj', 7)"
>
{{ ['',0,-1].includes(item.julFas) ? '/' : item.julFas }}
{{ ["",-1].includes(item.julFas) ? "/" : item.julFas }}
</td>
<td align="center">
{{ ["",-1].includes(item.julZb) ? "/" : item.julZb }}
</td>
<td align="center">
{{ ["",-1].includes(item.julTb) ? "/" : item.julTb }}
</td>
<td align="center">{{ ['',0,-1].includes(item.julZb) ? '/' : item.julZb }}</td>
<td align="center">{{ ['',0,-1].includes(item.julTb) ? '/' : item.julTb }}</td>
<td
align="center"
:class="{ ableClick: item.augFas && item.augFas != '0' }"
@click="toTs(item, item.augFas, 'mafa', 'aj', 8)"
>
{{ ['',0,-1].includes(item.augFas) ? '/' : item.augFas }}
{{ ["",-1].includes(item.augFas) ? "/" : item.augFas }}
</td>
<td align="center">
{{ ["",-1].includes(item.augZb) ? "/" : item.augZb }}
</td>
<td align="center">
{{ ["",-1].includes(item.augTb) ? "/" : item.augTb }}
</td>
<td align="center">{{ ['',0,-1].includes(item.augZb) ? '/' : item.augZb }}</td>
<td align="center">{{ ['',0,-1].includes(item.augTb) ? '/' : item.augTb }}</td>
<td
align="center"
:class="{ ableClick: item.sepFas && item.sepFas != '0' }"
@click="toTs(item, item.sepFas, 'mafa', 'aj', 9)"
>
{{ ['',0,-1].includes(item.sepFas) ? '/' : item.sepFas }}
{{ ["",-1].includes(item.sepFas) ? "/" : item.sepFas }}
</td>
<td align="center">
{{ ["",-1].includes(item.sepZb) ? "/" : item.sepZb }}
</td>
<td align="center">
{{ ["",-1].includes(item.sepTb) ? "/" : item.sepTb }}
</td>
<td align="center">{{ ['',0,-1].includes(item.sepZb) ? '/' : item.sepZb }}</td>
<td align="center">{{ ['',0,-1].includes(item.sepTb) ? '/' : item.sepTb }}</td>
<td
align="center"
:class="{ ableClick: item.octFas && item.octFas != '0' }"
@click="toTs(item, item.octFas, 'mafa', 'aj', 10)"
>
{{ ['',0,-1].includes(item.octFas) ? '/' : item.octFas }}
{{ ["",-1].includes(item.octFas) ? "/" : item.octFas }}
</td>
<td align="center">
{{ ["",-1].includes(item.octZb) ? "/" : item.octZb }}
</td>
<td align="center">
{{ ["",-1].includes(item.octTb) ? "/" : item.octTb }}
</td>
<td align="center">{{ ['',0,-1].includes(item.octZb) ? '/' : item.octZb }}</td>
<td align="center">{{ ['',0,-1].includes(item.octTb) ? '/' : item.octTb }}</td>
<td
align="center"
:class="{ ableClick: item.novFas && item.novFas != '0' }"
@click="toTs(item, item.novFas, 'mafa', 'aj', 11)"
>
{{ ['',0,-1].includes(item.novFas) ? '/' : item.novFas }}
{{ ["",-1].includes(item.novFas) ? "/" : item.novFas }}
</td>
<td align="center">
{{ ["",-1].includes(item.novZb) ? "/" : item.novZb }}
</td>
<td align="center">
{{ ["",-1].includes(item.novTb) ? "/" : item.novTb }}
</td>
<td align="center">{{ ['',0,-1].includes(item.novZb) ? '/' : item.novZb }}</td>
<td align="center">{{ ['',0,-1].includes(item.novTb) ? '/' : item.novTb }}</td>
<td
align="center"
:class="{ ableClick: item.decFas && item.decFas != '0' }"
@click="toTs(item, item.decFas, 'mafa', 'aj', 12)"
>
{{ ['',0,-1].includes(item.decFas) ? '/' : item.decFas }}
{{ ["",-1].includes(item.decFas) ? "/" : item.decFas }}
</td>
<td align="center">
{{ ["",-1].includes(item.decZb) ? "/" : item.decZb }}
</td>
<td align="center">
{{ ["",-1].includes(item.decTb) ? "/" : item.decTb }}
</td>
<td align="center">{{ ['',0,-1].includes(item.decZb) ? '/' : item.decZb }}</td>
<td align="center">{{ ['',0,-1].includes(item.decTb) ? '/' : item.decTb }}</td>
<td
align="center"
:class="{ ableClick: item.num && item.num != '0' }"
@click="toTs(item, item.num, 'mafa', 'aj', '')"
>
{{ ['',0,-1].includes(item.num) ? '/' : item.num }}
{{ ["",-1].includes(item.num) ? "/" : item.num }}
</td>
<td align="center">
{{ ["",-1].includes(item.numZb) ? "/" : item.numZb }}
</td>
<td align="center">
{{ ["",-1].includes(item.numTb) ? "/" : item.numTb }}
</td>
<td align="center">{{ ['',0,-1].includes(item.numZb) ? '/' : item.numZb }}</td>
<td align="center">{{ ['',0,-1].includes(item.numTb) ? '/' : item.numTb }}</td>
</tr>
</tbody>
<!-- <thead>
......@@ -210,9 +275,9 @@
</template>
<script>
import Http from '@/utils/axiosHttp.js';
import url from '@/api/base';
import qs from 'qs';
import Http from "@/utils/axiosHttp.js";
import url from "@/api/base";
import qs from "qs";
export default {
props: {
currentYear: {
......@@ -227,15 +292,22 @@ export default {
components: {},
computed: {},
created() {
},
created() {},
methods: {
exportExcel() {
debugger;
$("#tableContent").table2excel({
subtotal: 1,//"合计"行所在的行号(不包括标题行)
filename: '历年发案原因统计', //文件名称
});
},
toTs(item, count, type, tsType, month) {
console.log(item, count, type, tsType, month);
let routeData;
if (count && count > 0) {
let query = {};
if (item.zadjStr == '共计') {
if (item.zadjStr == "共计") {
query = {
year: this.currentYear,
month: month,
......@@ -252,10 +324,10 @@ export default {
};
}
routeData = this.$router.resolve({
path: '/bndfas2',
path: "/bndfas2",
query: query,
});
window.open(routeData.href, '_blank');
window.open(routeData.href, "_blank");
}
},
handleChange(value) {
......@@ -266,17 +338,17 @@ export default {
let self = this;
var loading = self.$loading({
lock: true,
text: '正在查询...',
spinner: 'el-icon-loading',
background: 'rgba(255, 255, 255, 0.7)',
text: "正在查询...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
let url = '/lstbtj/getAfyyTj';
let url = "/lstbtj/getAfyyTj";
let params = {
year: this.currentYear,
};
self
.doQueryRequest(params, url)
.then(res => {
.then((res) => {
if (res.data.code == 200) {
console.log(res.data.data.rows);
this.tableList = res.data.data.rows;
......@@ -284,22 +356,22 @@ export default {
} else {
loading.close();
self.$message({
type: 'error',
type: "error",
message: res.data.message,
});
}
})
.catch(err => {});
.catch((err) => {});
},
doQueryRequest(form, relurl) {
/*post方法*/
return Http({
url: url.BaseURL + relurl,
data: qs.stringify(form),
method: 'post',
method: "post",
headers: {
'blade-auth': sessionStorage.getItem('token'),
'Content-Type': 'application/x-www-form-urlencoded',
"blade-auth": sessionStorage.getItem("token"),
"Content-Type": "application/x-www-form-urlencoded",
},
});
},
......
<!-- -->
<template>
<div class="qgmafaqktjb">
<table class="table-header" border="0" cellspacing="0" cellpadding="0" align="center">
<table
class="table-header"
border="0"
cellspacing="0"
cellpadding="0"
align="center"
>
<tr>
<td align="center" class="biaoti" height="60">全国发案排名统计</td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="4" class="table-body" align="center">
<table
border="0"
cellspacing="0"
cellpadding="4"
class="table-body"
align="center"
id="tableContent"
style="width: 100%"
>
<thead>
<tr>
<th>本月</th>
<th colspan="3">1-{{ currentMonth }}</th>
</tr>
</thead>
<tbody>
<tr>
......@@ -26,17 +41,30 @@
</tr>
</thead>
<tbody>
<tr v-for="(item, index) in tableListInfo.thisMonthList" :key="index">
<tr
v-for="(item, index) in tableListInfo.thisMonthList"
:key="index"
>
<td>{{ item.xzqhStr }}</td>
<td
:class="{ ableClick: item.mas && item.mas != '0' }"
@click="toTs(item, item.mas, 'mafa', 'aj', parseInt(currentMonth))"
@click="
toTs(item, item.mas, 'mafa', 'aj', parseInt(currentMonth))
"
>
{{ item.mas }}
</td>
<td
:class="{ ableClick: item.ysdrajs && item.ysdrajs != '0' }"
@click="toTs(item, item.ysdrajs, 'maysdra', 'aj', parseInt(currentMonth))"
@click="
toTs(
item,
item.ysdrajs,
'maysdra',
'aj',
parseInt(currentMonth)
)
"
>
{{ item.ysdrajs }}
</td>
......@@ -54,7 +82,10 @@
</tr>
</thead>
<tbody>
<tr v-for="(item, index) in tableListInfo.maRankList" :key="index">
<tr
v-for="(item, index) in tableListInfo.maRankList"
:key="index"
>
<td>{{ item.xzqhStr }}</td>
<td
:class="{ ableClick: item.mas && item.mas != '0' }"
......@@ -77,7 +108,10 @@
</tr>
</thead>
<tbody>
<tr v-for="(item, index) in tableListInfo.mswrfaRankList" :key="index">
<tr
v-for="(item, index) in tableListInfo.mswrfaRankList"
:key="index"
>
<td>{{ item.xzqhStr }}</td>
<td>{{ item.mswrfas }}</td>
<td>{{ item.rank }}</td>
......@@ -95,11 +129,16 @@
</tr>
</thead>
<tbody>
<tr v-for="(item, index) in tableListInfo.ysdrRankList" :key="index">
<tr
v-for="(item, index) in tableListInfo.ysdrRankList"
:key="index"
>
<td>{{ item.xzqhStr }}</td>
<td
:class="{ ableClick: item.ysdrajs && item.ysdrajs != '0' }"
@click="toTs(item, item.ysdrajs, 'maysdralj', 'aj', currentMonth)"
@click="
toTs(item, item.ysdrajs, 'maysdralj', 'aj', currentMonth)
"
>
{{ item.ysdrajs }}
</td>
......@@ -115,9 +154,9 @@
</template>
<script>
import Http from '@/utils/axiosHttp.js';
import url from '@/api/base';
import qs from 'qs';
import Http from "@/utils/axiosHttp.js";
import url from "@/api/base";
import qs from "qs";
export default {
props: {
currentTime: {
......@@ -131,21 +170,27 @@ export default {
},
computed: {
currentYear() {
return this.currentTime.split('-')[0];
return this.currentTime.split("-")[0];
},
currentMonth() {
return this.currentTime.split('-')[1];
},
return this.currentTime.split("-")[1];
},
created() {
},
created() {},
methods: {
exportExcel() {
debugger;
$("#tableContent").table2excel({
subtotal: 1, //"合计"行所在的行号(不包括标题行)
filename: "全国发案排名统计", //文件名称
});
},
toTs(item, count, type, tsType, month) {
console.log(item, count, type, tsType, month);
let routeData;
if (count && count > 0) {
routeData = this.$router.resolve({
path: '/bndfas2',
path: "/bndfas2",
query: {
year: this.currentYear,
month: month,
......@@ -154,31 +199,31 @@ export default {
xzqh: item.xzqh,
},
});
window.open(routeData.href, '_blank');
window.open(routeData.href, "_blank");
}
},
handleChange(value) {
console.log(value);
this.currentYear = this.currentTime.split('-')[0];
this.currentMonth = this.currentTime.split('-')[1];
this.currentYear = this.currentTime.split("-")[0];
this.currentMonth = this.currentTime.split("-")[1];
this.getData();
},
getData() {
let self = this;
var loading = self.$loading({
lock: true,
text: '正在查询...',
spinner: 'el-icon-loading',
background: 'rgba(255, 255, 255, 0.7)',
text: "正在查询...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
let url = '/lstbtj/getQgMaTjb';
let url = "/lstbtj/getQgMaTjb";
let params = {
year: this.currentYear,
month: this.currentMonth,
};
self
.doQueryRequest(params, url)
.then(res => {
.then((res) => {
if (res.data.code == 200) {
console.log(res.data.data);
this.tableListInfo = res.data.data;
......@@ -186,22 +231,22 @@ export default {
} else {
loading.close();
self.$message({
type: 'error',
type: "error",
message: res.data.message,
});
}
})
.catch(err => {});
.catch((err) => {});
},
doQueryRequest(form, relurl) {
/*post方法*/
return Http({
url: url.BaseURL + relurl,
data: qs.stringify(form),
method: 'post',
method: "post",
headers: {
'blade-auth': sessionStorage.getItem('token'),
'Content-Type': 'application/x-www-form-urlencoded',
"blade-auth": sessionStorage.getItem("token"),
"Content-Type": "application/x-www-form-urlencoded",
},
});
},
......@@ -210,7 +255,6 @@ export default {
</script>
<style lang="scss" scoped>
.qgmafaqktjb {
width: 1200px;
margin: 0 auto;
background: #fff;
padding-bottom: 40px;
......
<!-- -->
<template>
<div class="yassdrdzb">
<table class="table-header" border="0" cellspacing="0" cellpadding="0" align="center">
<table
class="table-header"
border="0"
cellspacing="0"
cellpadding="0"
align="center"
>
<tr>
<td align="center" class="biaoti" height="60">一杀多人对照统计</td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="4" class="table-body" align="center">
<table
border="0"
cellspacing="0"
cellpadding="4"
class="table-body"
align="center"
id="tableContent"
style="width:100%"
>
<thead>
<tr>
<th colspan="5">{{ currentYear - 2 }}</th>
......@@ -40,31 +53,89 @@
v-if="index % 3 == 0"
rowspan="3"
align="center"
:class="{ ableClick: item.beforeLastJdfas && item.beforeLastJdfas != '0' }"
@click="toTs(item, item.beforeLastJdfas, 'jdysdra', 'aj', currentYear - 2, index + 3)"
:class="{
ableClick: item.beforeLastJdfas && item.beforeLastJdfas != '0',
}"
@click="
toTs(
item,
item.beforeLastJdfas,
'jdysdra',
'aj',
currentYear - 2,
index + 3
)
"
>
{{ [''].includes(item.beforeLastJdfas) ? '/' : item.beforeLastJdfas }}
{{
[""].includes(item.beforeLastJdfas) ? "/" : item.beforeLastJdfas
}}
</td>
<td
align="center"
:class="{ ableClick: item.beforeLastYsdrs && item.beforeLastYsdrs != '0' }"
@click="toTs(item, item.beforeLastYsdrs, 'maysdra', 'aj', currentYear - 2, item.dateMonth)"
:class="{
ableClick: item.beforeLastYsdrs && item.beforeLastYsdrs != '0',
}"
@click="
toTs(
item,
item.beforeLastYsdrs,
'maysdra',
'aj',
currentYear - 2,
item.dateMonth
)
"
>
{{ [''].includes(item.beforeLastYsdrs) ? '/' : item.beforeLastYsdrs }}
{{
[""].includes(item.beforeLastYsdrs) ? "/" : item.beforeLastYsdrs
}}
</td>
<td
align="center"
:class="{ ableClick: item.beforeLastYsdrsws && item.beforeLastYsdrsws != '0' }"
@click="toTs(item, item.beforeLastYsdrsws, 'ysdrswrs', 'people', currentYear - 2, item.dateMonth)"
:class="{
ableClick:
item.beforeLastYsdrsws && item.beforeLastYsdrsws != '0',
}"
@click="
toTs(
item,
item.beforeLastYsdrsws,
'ysdrswrs',
'people',
currentYear - 2,
item.dateMonth
)
"
>
{{ [''].includes(item.beforeLastYsdrsws) ? '/' : item.beforeLastYsdrsws }}
{{
[""].includes(item.beforeLastYsdrsws)
? "/"
: item.beforeLastYsdrsws
}}
</td>
<td
align="center"
:class="{ ableClick: item.beforeLastYsdrssrs && item.beforeLastYsdrssrs != '0' }"
@click="toTs(item, item.beforeLastYsdrssrs, 'ysdrssrs', 'people', currentYear - 2, item.dateMonth)"
:class="{
ableClick:
item.beforeLastYsdrssrs && item.beforeLastYsdrssrs != '0',
}"
@click="
toTs(
item,
item.beforeLastYsdrssrs,
'ysdrssrs',
'people',
currentYear - 2,
item.dateMonth
)
"
>
{{ [''].includes(item.beforeLastYsdrssrs) ? '/' : item.beforeLastYsdrssrs }}
{{
[""].includes(item.beforeLastYsdrssrs)
? "/"
: item.beforeLastYsdrssrs
}}
</td>
<td align="center">{{ item.dateMonth }}</td>
<td
......@@ -72,30 +143,68 @@
rowspan="3"
align="center"
:class="{ ableClick: item.lastJdfas && item.lastJdfas != '0' }"
@click="toTs(item, item.lastJdfas, 'jdysdra', 'aj', currentYear - 1, index + 3)"
@click="
toTs(
item,
item.lastJdfas,
'jdysdra',
'aj',
currentYear - 1,
index + 3
)
"
>
{{ [''].includes(item.lastJdfas) ? '/' : item.lastJdfas }}
{{ [""].includes(item.lastJdfas) ? "/" : item.lastJdfas }}
</td>
<td
align="center"
:class="{ ableClick: item.lastYsdrs && item.lastYsdrs != '0' }"
@click="toTs(item, item.lastYsdrs, 'maysdra', 'aj', currentYear - 1, item.dateMonth)"
@click="
toTs(
item,
item.lastYsdrs,
'maysdra',
'aj',
currentYear - 1,
item.dateMonth
)
"
>
{{ [''].includes(item.lastYsdrs) ? '/' : item.lastYsdrs }}
{{ [""].includes(item.lastYsdrs) ? "/" : item.lastYsdrs }}
</td>
<td
align="center"
:class="{ ableClick: item.lastYsdrsws && item.lastYsdrsws != '0' }"
@click="toTs(item, item.lastYsdrsws, 'ysdrswrs', 'people', currentYear - 1, item.dateMonth)"
@click="
toTs(
item,
item.lastYsdrsws,
'ysdrswrs',
'people',
currentYear - 1,
item.dateMonth
)
"
>
{{ [''].includes(item.lastYsdrsws) ? '/' : item.lastYsdrsws }}
{{ [""].includes(item.lastYsdrsws) ? "/" : item.lastYsdrsws }}
</td>
<td
align="center"
:class="{ ableClick: item.lastYsdrssrs && item.lastYsdrssrs != '0' }"
@click="toTs(item, item.lastYsdrssrs, 'ysdrssrs', 'people', currentYear - 1, item.dateMonth)"
:class="{
ableClick: item.lastYsdrssrs && item.lastYsdrssrs != '0',
}"
@click="
toTs(
item,
item.lastYsdrssrs,
'ysdrssrs',
'people',
currentYear - 1,
item.dateMonth
)
"
>
{{ [''].includes(item.lastYsdrssrs) ? '/' : item.lastYsdrssrs }}
{{ [""].includes(item.lastYsdrssrs) ? "/" : item.lastYsdrssrs }}
</td>
<td align="center">{{ item.dateMonth }}</td>
<td
......@@ -103,30 +212,59 @@
rowspan="3"
align="center"
:class="{ ableClick: item.jdfas && item.jdfas != '0' }"
@click="toTs(item, item.jdfas, 'jdysdra', 'aj', currentYear, index + 3)"
@click="
toTs(item, item.jdfas, 'jdysdra', 'aj', currentYear, index + 3)
"
>
{{ [''].includes(item.jdfas) ? '/' : item.jdfas }}
{{ [""].includes(item.jdfas) ? "/" : item.jdfas }}
</td>
<td
align="center"
:class="{ ableClick: item.ysdrs && item.ysdrs != '0' }"
@click="toTs(item, item.ysdrs, 'maysdra', 'aj', currentYear, item.dateMonth)"
@click="
toTs(
item,
item.ysdrs,
'maysdra',
'aj',
currentYear,
item.dateMonth
)
"
>
{{ [''].includes(item.ysdrs) ? '/' : item.ysdrs }}
{{ [""].includes(item.ysdrs) ? "/" : item.ysdrs }}
</td>
<td
align="center"
:class="{ ableClick: item.ysdrsws && item.ysdrsws != '0' }"
@click="toTs(item, item.ysdrsws, 'ysdrswrs', 'people', currentYear, item.dateMonth)"
@click="
toTs(
item,
item.ysdrsws,
'ysdrswrs',
'people',
currentYear,
item.dateMonth
)
"
>
{{ [''].includes(item.ysdrsws) ? '/' : item.ysdrsws }}
{{ [""].includes(item.ysdrsws) ? "/" : item.ysdrsws }}
</td>
<td
align="center"
:class="{ ableClick: item.ysdrssrs && item.ysdrssrs != '0' }"
@click="toTs(item, item.ysdrssrs, 'ysdrssrs', 'people', currentYear, item.dateMonth)"
@click="
toTs(
item,
item.ysdrssrs,
'ysdrssrs',
'people',
currentYear,
item.dateMonth
)
"
>
{{ [''].includes(item.ysdrssrs) ? '/' : item.ysdrssrs }}
{{ [""].includes(item.ysdrssrs) ? "/" : item.ysdrssrs }}
</td>
</tr>
<!-- 合计 -->
......@@ -134,95 +272,181 @@
<td align="center">{{ item.dateMonth }}</td>
<td
v-if="index % 3 == 0"
rowspan="3"
rowspan="1"
align="center"
:class="{ ableClick: item.beforeLastJdfas && item.beforeLastJdfas != '0' }"
@click="toTs(item, item.beforeLastJdfas, 'jdysdra', 'aj', currentYear - 2, '')"
:class="{
ableClick: item.beforeLastJdfas && item.beforeLastJdfas != '0',
}"
@click="
toTs(
item,
item.beforeLastJdfas,
'jdysdra',
'aj',
currentYear - 2,
''
)
"
>
{{ [''].includes(item.beforeLastJdfas) ? '/' : item.beforeLastJdfas }}
{{
[""].includes(item.beforeLastJdfas) ? "/" : item.beforeLastJdfas
}}
</td>
<td
align="center"
:class="{ ableClick: item.beforeLastYsdrs && item.beforeLastYsdrs != '0' }"
@click="toTs(item, item.beforeLastYsdrs, 'maysdra', 'aj', currentYear - 2, '')"
:class="{
ableClick: item.beforeLastYsdrs && item.beforeLastYsdrs != '0',
}"
@click="
toTs(
item,
item.beforeLastYsdrs,
'maysdra',
'aj',
currentYear - 2,
''
)
"
>
{{ [''].includes(item.beforeLastYsdrs) ? '/' : item.beforeLastYsdrs }}
{{
[""].includes(item.beforeLastYsdrs) ? "/" : item.beforeLastYsdrs
}}
</td>
<td
align="center"
:class="{ ableClick: item.beforeLastYsdrsws && item.beforeLastYsdrsws != '0' }"
@click="toTs(item, item.beforeLastYsdrsws, 'ysdrswrs', 'people', currentYear - 2, '')"
:class="{
ableClick:
item.beforeLastYsdrsws && item.beforeLastYsdrsws != '0',
}"
@click="
toTs(
item,
item.beforeLastYsdrsws,
'ysdrswrs',
'people',
currentYear - 2,
''
)
"
>
{{ [''].includes(item.beforeLastYsdrsws) ? '/' : item.beforeLastYsdrsws }}
{{
[""].includes(item.beforeLastYsdrsws)
? "/"
: item.beforeLastYsdrsws
}}
</td>
<td
align="center"
:class="{ ableClick: item.beforeLastYsdrssrs && item.beforeLastYsdrssrs != '0' }"
@click="toTs(item, item.beforeLastYsdrssrs, 'ysdrssrs', 'people', currentYear - 2, '')"
:class="{
ableClick:
item.beforeLastYsdrssrs && item.beforeLastYsdrssrs != '0',
}"
@click="
toTs(
item,
item.beforeLastYsdrssrs,
'ysdrssrs',
'people',
currentYear - 2,
''
)
"
>
{{ [''].includes(item.beforeLastYsdrssrs) ? '/' : item.beforeLastYsdrssrs }}
{{
[""].includes(item.beforeLastYsdrssrs)
? "/"
: item.beforeLastYsdrssrs
}}
</td>
<td align="center">{{ item.dateMonth }}</td>
<td
v-if="index % 3 == 0"
rowspan="3"
rowspan="1"
align="center"
:class="{ ableClick: item.lastJdfas && item.lastJdfas != '0' }"
@click="toTs(item, item.lastJdfas, 'jdysdra', 'aj', currentYear - 1, '')"
@click="
toTs(item, item.lastJdfas, 'jdysdra', 'aj', currentYear - 1, '')
"
>
{{ [''].includes(item.lastJdfas) ? '/' : item.lastJdfas }}
{{ [""].includes(item.lastJdfas) ? "/" : item.lastJdfas }}
</td>
<td
align="center"
:class="{ ableClick: item.lastYsdrs && item.lastYsdrs != '0' }"
@click="toTs(item, item.lastYsdrs, 'maysdra', 'aj', currentYear - 1, '')"
@click="
toTs(item, item.lastYsdrs, 'maysdra', 'aj', currentYear - 1, '')
"
>
{{ [''].includes(item.lastYsdrs) ? '/' : item.lastYsdrs }}
{{ [""].includes(item.lastYsdrs) ? "/" : item.lastYsdrs }}
</td>
<td
align="center"
:class="{ ableClick: item.lastYsdrsws && item.lastYsdrsws != '0' }"
@click="toTs(item, item.lastYsdrsws, 'ysdrswrs', 'people', currentYear - 1, '')"
@click="
toTs(
item,
item.lastYsdrsws,
'ysdrswrs',
'people',
currentYear - 1,
''
)
"
>
{{ [''].includes(item.lastYsdrsws) ? '/' : item.lastYsdrsws }}
{{ [""].includes(item.lastYsdrsws) ? "/" : item.lastYsdrsws }}
</td>
<td
align="center"
:class="{ ableClick: item.lastYsdrssrs && item.lastYsdrssrs != '0' }"
@click="toTs(item, item.lastYsdrssrs, 'ysdrssrs', 'people', currentYear - 1, '')"
:class="{
ableClick: item.lastYsdrssrs && item.lastYsdrssrs != '0',
}"
@click="
toTs(
item,
item.lastYsdrssrs,
'ysdrssrs',
'people',
currentYear - 1,
''
)
"
>
{{ [''].includes(item.lastYsdrssrs) ? '/' : item.lastYsdrssrs }}
{{ [""].includes(item.lastYsdrssrs) ? "/" : item.lastYsdrssrs }}
</td>
<td align="center">{{ item.dateMonth }}</td>
<td
v-if="index % 3 == 0"
rowspan="3"
rowspan="1"
align="center"
:class="{ ableClick: item.jdfas && item.jdfas != '0' }"
@click="toTs(item, item.jdfas, 'jdysdra', 'aj', currentYear, '')"
>
{{ [''].includes(item.jdfas) ? '/' : item.jdfas }}
{{ [""].includes(item.jdfas) ? "/" : item.jdfas }}
</td>
<td
align="center"
:class="{ ableClick: item.ysdrs && item.ysdrs != '0' }"
@click="toTs(item, item.ysdrs, 'maysdra', 'aj', currentYear, '')"
>
{{ [''].includes(item.ysdrs) ? '/' : item.ysdrs }}
{{ [""].includes(item.ysdrs) ? "/" : item.ysdrs }}
</td>
<td
align="center"
:class="{ ableClick: item.ysdrsws && item.ysdrsws != '0' }"
@click="toTs(item, item.ysdrsws, 'ysdrswrs', 'people', currentYear, '')"
@click="
toTs(item, item.ysdrsws, 'ysdrswrs', 'people', currentYear, '')
"
>
{{ [''].includes(item.ysdrsws) ? '/' : item.ysdrsws }}
{{ [""].includes(item.ysdrsws) ? "/" : item.ysdrsws }}
</td>
<td
align="center"
:class="{ ableClick: item.ysdrssrs && item.ysdrssrs != '0' }"
@click="toTs(item, item.ysdrssrs, 'ysdrssrs', 'people', currentYear, '')"
@click="
toTs(item, item.ysdrssrs, 'ysdrssrs', 'people', currentYear, '')
"
>
{{ [''].includes(item.ysdrssrs) ? '/' : item.ysdrssrs }}
{{ [""].includes(item.ysdrssrs) ? "/" : item.ysdrssrs }}
</td>
</tr>
</tbody>
......@@ -231,9 +455,9 @@
</template>
<script>
import Http from '@/utils/axiosHttp.js';
import url from '@/api/base';
import qs from 'qs';
import Http from "@/utils/axiosHttp.js";
import url from "@/api/base";
import qs from "qs";
export default {
props: {
currentYear: {
......@@ -251,16 +475,20 @@ export default {
computed: {},
created() {
},
created() {},
methods: {
exportExcel() {
$("#tableContent").table2excel({
subtotal: 1, //"合计"行所在的行号(不包括标题行)
filename: "一杀多人对照统计", //文件名称
});
},
toTs(item, count, type, tsType, year, month) {
console.log(item, count, type, tsType, year, month);
let routeData;
if (count && count > 0) {
routeData = this.$router.resolve({
path: '/bndfas2',
path: "/bndfas2",
query: {
year: year,
month: month,
......@@ -268,7 +496,7 @@ export default {
tsType: tsType,
},
});
window.open(routeData.href, '_blank');
window.open(routeData.href, "_blank");
}
},
handleChange(value) {
......@@ -279,17 +507,17 @@ export default {
let self = this;
var loading = self.$loading({
lock: true,
text: '正在查询...',
spinner: 'el-icon-loading',
background: 'rgba(255, 255, 255, 0.7)',
text: "正在查询...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
let url = '/lstbtj/getYsdrTj';
let url = "/lstbtj/getYsdrTj";
let params = {
year: this.currentYear,
};
self
.doQueryRequest(params, url)
.then(res => {
.then((res) => {
if (res.data.code == 200) {
console.log(res.data.data.rows);
this.tableList = res.data.data.rows.slice(0, 12);
......@@ -298,22 +526,22 @@ export default {
} else {
loading.close();
self.$message({
type: 'error',
type: "error",
message: res.data.message,
});
}
})
.catch(err => {});
.catch((err) => {});
},
doQueryRequest(form, relurl) {
/*post方法*/
return Http({
url: url.BaseURL + relurl,
data: qs.stringify(form),
method: 'post',
method: "post",
headers: {
'blade-auth': sessionStorage.getItem('token'),
'Content-Type': 'application/x-www-form-urlencoded',
"blade-auth": sessionStorage.getItem("token"),
"Content-Type": "application/x-www-form-urlencoded",
},
});
},
......@@ -322,7 +550,6 @@ export default {
</script>
<style lang="scss" scoped>
.yassdrdzb {
width: 1200px;
margin: 0 auto;
background: #fff;
padding-bottom: 40px;
......
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