Skip to content

F
founder_vue
Commit 2631deb5 by gao_yingdong
Options

多维查询， 全国查询

parent b0ca225e
Showing with 1635 additions and 478 deletions
src/api/base.js
......@@ -9,11 +9,10 @@ let base = {
// ztptURL: "http://26.120.5.129:8006", //通辽
ztptURL: "http://26.3.13.120:8088",
codeUrl: "",
BaseURL: "/apiAjzb", //基础查询页得ip
rzURL: "/apiXzxt", //刑专二期得(日志)ip
BaseURL: "/apiAjzbGaw", //基础查询页得ip
rzURL: "/apiXzxtGaw", //刑专二期得(日志)ip
ydjwURL: "/apiYdjw", //移动警务终端版本管理
qgcxURL: '/apiQgCx', // 全国查询
qgBtURL: '/apiQgBt', // 全国查询 表头 和 全国单点登录
cadaURL:'/cadaURL',
// bigwfwurl: "",
// bigservicesurl: "",
......
src/api/interface/dictionaryCode.js
......@@ -38,6 +38,30 @@ export default {
},
});
},
// 案事件表头保存 和 嫌疑人表头保存 全国
addMenuBt(params, token) {
return request({
url: url.qgcxURL + "/btpz/addMenuBt",
data: params,
method: "post",
headers: {
"Authorization": token,
"content-type": "application/x-www-form-urlencoded",
},
});
},
// 查询 ** 案事件表头保存 和 嫌疑人表头保存 全国
getMenuBt(params, token) {
return request({
url: url.qgcxURL + "/btpz/getMenuBt",
data: params,
method: "post",
headers: {
"Authorization": token,
"content-type": "application/x-www-form-urlencoded",
},
});
},
/*查询*/
doQuery(params) {
return request({
......@@ -46,6 +70,30 @@ export default {
method: "post"
});
},
/*全国案件查询查询*/
doQueryQg(params, token) {
return request({
url: url.qgcxURL + "/qgAsjRy/asjQry",
data: params,
method: "post",
headers: {
"Authorization": token,
"content-type": "application/x-www-form-urlencoded",
},
});
},
/*全国嫌疑人查询*/
doQueryQgXyr(params, token) {
return request({
url: url.qgcxURL + "/qgAsjRy/xyrQry",
data: params,
method: "post",
headers: {
"Authorization": token,
"content-type": "application/x-www-form-urlencoded",
},
});
},
/*查询*/
doQueryJds(params) {
return request({
......
src/components/formItem_components.vue
......@@ -118,6 +118,36 @@
v-else-if="item2.type == 'daterange'"
>
</el-date-picker>
<!--日期框 日期时间范围-->
<div
class="zdyInputW zdyInputCol2"
id="zdtInpuy"
v-else-if="item2.type == 'zdyDate'"
>
<el-date-picker
v-model="formD[item2.id]"
type="date"
align="right"
@blur="getSeleted(item2, formD[item2.id])"
@change="getSeleted(item2, formD[item2.id])"
:picker-options="item2.pickerOptions"
unlink-panels
value-format="yyyyMMdd"
>
</el-date-picker>
<span class="zs"> 至 </span>
<el-date-picker
v-model="formD[item2.id2]"
type="date"
align="right"
@blur="getSeleted(item2, formD[item2.id2])"
@change="getSeleted(item2, formD[item2.id2])"
:picker-options="item2.pickerOptions2"
unlink-panels
value-format="yyyyMMdd"
>
</el-date-picker>
</div>
<!--多选框-->
<div class="zdyInputW" v-else-if="item2.type == 'checkbox'">
<el-checkbox-group v-model="formD[item2.id]" size="small">
......@@ -1011,4 +1041,17 @@ export default {
// height: 100px !important;
width: 96%;
}
#zdtInpuy {
/deep/.el-input__inner {
height: 36px;
line-height: 36px;
background: #fcfcfd;
border: 1px solid #cfcfcf;
padding: 0 12px 0 30px !important;
}
.zs {
position: relative;
bottom: 15px;
}
}
</style>
\ No newline at end of file
src/components/table_componentsQg.vue 0 → 100644
<template>
<div class="tableList">
<div class="formWrap" v-show="flxxList.length != 0">
<div class="sxWrap">
<div class="cxjgsxTitle">查询结果筛选</div>
<div class="sxcontent">
<div v-for="item in flxxList" :key="item.name">
<div class="flTitle">{{ item.name }}：</div>
<div class="radioGroup">
<div class="left-radio">
<el-radio-group v-model="yjFl[item.type]" class="none">
<el-radio
:label="item2.name"
v-for="(item2, key) in item.list"
:key="key"
@change="getRadioValue($event, item.type)"
><span
class="overflow inline width120"
:title="item2.name"
>{{ item2.name }}</span
><span class="inline">({{ item2.num }})</span></el-radio
>
</el-radio-group>
</div>
<div
class="right-btn"
v-show="item.list.length > 8"
@click="more($event)"
>
展开条件
</div>
</div>
</div>
</div>
</div>
<!--下钻 二级-->
<div class="sxWrap sxcontent" style="margin: 0 34px; display: block">
<div v-for="item in xzFlxxList" :key="item.name" style="display: flex">
<div
class="flTitle"
style="
width: 241px;
text-align: right;
font-size: 14px;
padding-top: 12px;
"
>
{{ item.name }}：
</div>
<div class="radioGroup" style="width: calc(100% - 245px)">
<div class="left-radio">
<el-radio-group v-model="xbfl2">
<el-radio
:label="item2.name"
v-for="(item2, key) in item.list"
:key="key"
@change="getMonthRadioValue($event, item.type)"
><span class="overflow inline width120" :title="item2.name">{{
item2.name
}}</span
><span class="inline">({{ item2.num }})</span></el-radio
>
</el-radio-group>
</div>
<div
class="right-btn"
v-show="item.list.length > 8"
@click="more($event)"
>
展开条件
</div>
</div>
</div>
</div>
<!--下钻 三级-->
<div class="sxWrap sxcontent" style="margin: 0 34px; display: block">
<div v-for="item in xzSFlxxList" :key="item.name" style="display: flex">
<div
class="flTitle"
style="
width: 241px;
text-align: right;
font-size: 14px;
padding-top: 12px;
"
>
{{ item.name }}：
</div>
<div class="radioGroup" style="width: calc(100% - 245px)">
<div class="left-radio">
<el-radio-group v-model="xbfl3">
<el-radio
:label="item2.name"
v-for="(item2, key) in item.list"
:key="key"
@change="getSjRadioValue($event, item.type)"
><span class="overflow inline width120" :title="item2.name">{{
item2.name
}}</span
><span class="inline">({{ item2.num }})</span></el-radio
>
</el-radio-group>
</div>
<div
class="right-btn"
v-show="item.list.length > 8"
@click="more($event)"
>
展开条件
</div>
</div>
</div>
</div>
</div>
<div class="formWrap">
<el-row>
<el-col :span="24">
<span class="flTtitle">{{ listTitle }}查询结果</span>
</el-col>
</el-row>
<div class="paneDiv">
<!--可配置化图标-->
<div
style="
height: 30px;
line-height: 30px;
text-align: right;
font-size: 12px;
position: relative;
top: -13px;
"
>
<span class="total">共有{{ tableDataLength }}条查询结果</span>
<span class="setting" @click="centerDialogVisible = true"
><i class="el-icon-setting pzhIcon" title="可配置化列表"></i
>表头设置</span
>
<el-button plain class="export" size="small" @click="exportExcel"
><i
class="fa fa-external-link"
aria-hidden="true"
style="margin-right: 5px"
></i
>导出</el-button
>
</div>
<!--表格-->
<el-table
id="ajzbQuery"
v-loading="tableLoading"
element-loading-text="拼命加载中"
:key="key"
ref="itsmDataTable"
:data="tableData"
tooltip-effect="dark"
style="width: 99%; margin: 0 auto"
width="100%"
size="small"
border
:row-class-name="tableRowClassName"
@sort-change="orderBy"
@selection-change="getRows"
>
<el-table-column
align="center"
:min-width="
columnTitle.prop == 'jyaq' || columnTitle.prop == 'asjbh'
? '360'
: '200'
"
v-for="columnTitle in formThead"
:prop="columnTitle.prop"
:key="columnTitle.label"
:label="columnTitle.label"
:sortable="
columnTitle.prop == 'asjfssjAsjfskssj' ||
columnTitle.prop == 'slsj' ||
columnTitle.prop == 'larq' ||
columnTitle.prop == 'djsj' ||
columnTitle.prop == 'zczjZxsj01' ||
columnTitle.prop == 'zhrq' ||
columnTitle.prop == 'zhfzxyrCsrqRqgzxx' ||
columnTitle.prop == 'bhsjKssj' ||
columnTitle.prop == 'bhrCsrqRqgzxx'
? 'custom'
: false
"
>
<template slot-scope="scope">
<!--简要案情-->
<div
class="ajxq_s"
v-if="
columnTitle.prop == 'jyaq' ||
columnTitle.prop == 'zhfzxyrWffzjlms'
"
>
<span
class="none"
v-html="showDate(scope.row.jyaq, formData.jyaq)"
></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.style.display="none";this.parentNode.nextSibling.style.display="block"'
style="
display: inline-block;
width: 100%;
text-align: right;
color: #3692c6;
font-weight: 600;
"
id="open"
v-if="
scope.row[columnTitle.prop] != null &&
scope.row[columnTitle.prop] != ''
"
>展开</a
>
</div>
<div
class="ajxq_n"
style="display: none"
v-if="
columnTitle.prop == 'jyaq' ||
columnTitle.prop == 'zhfzxyrWffzjlms'
"
>
<span
style="display: block"
v-html="showDate(scope.row.jyaq, formData.jyaq)"
></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.style.display="none";this.parentNode.previousSibling.style.display="block"'
style="float: right; color: #3692c6; font-weight: 600"
id="stop"
v-if="
scope.row[columnTitle.prop] != null &&
scope.row[columnTitle.prop] != ''
"
>收起</a
>
</div>
<!--案事件编号-->
<div v-if="columnTitle.prop == 'asjbh'">
{{ scope.row[columnTitle.prop]
}}<i
class="iconfont iconxiangqing moreAJ"
v-show="scope.row['flag'] == '1' && scope.row.zhfzxyrCyzjZjhm"
@click="moreDialog(scope.row)"
></i>
<el-popover
v-if="asjbhIcon != 'tbShow'"
placement="right"
effect="light"
trigger="click"
>
<div>
<ul
class="popUl"
style="position: absolute; left: -1px; top: -23px"
>
<h4>{{ scope.row[columnTitle.prop] }}</h4>
<li
@click="
ychyLink(
item.path,
item.id,
scope.row[columnTitle.prop],
item
)
"
v-for="item in ychyDataList"
:key="item.id"
>
<i :class="item.class"></i><span>{{ item.name }}</span>
</li>
</ul>
</div>
<svg
class="menuIcon alSvgIcon"
aria-hidden="true"
slot="reference"
>
<use xlink:href="#iconyongcai"></use>
</svg>
</el-popover>
</div>
<!--证件号码-->
<div v-if="columnTitle.prop == 'zhfzxyrCyzjZjhm'">
{{ scope.row[columnTitle.prop] }}
<el-popover
v-if="asjbhIcon != 'tbShow'"
placement="right"
effect="light"
trigger="click"
>
<div>
<ul
class="popUl"
style="position: absolute; left: -1px; top: -51px"
>
<h4>{{ scope.row[columnTitle.prop] }}</h4>
<li
@click="
ychyLink(
item.path,
item.id,
scope.row[columnTitle.prop]
)
"
v-for="item in ychyZjhmDataList"
:key="item.id"
>
<i :class="item.class"></i><span>{{ item.name }}</span>
</li>
</ul>
</div>
<svg
class="menuIcon alSvgIcon"
aria-hidden="true"
slot="reference"
v-show="
scope.row[columnTitle.prop] != '' &&
scope.row[columnTitle.prop] != null
"
>
<use xlink:href="#iconyongcai"></use>
</svg>
</el-popover>
</div>
<div v-if="columnTitle.prop == 'bhrCyzjZjhm'">
{{ scope.row[columnTitle.prop] }}
<el-popover
v-if="asjbhIcon != 'tbShow'"
placement="right"
effect="light"
trigger="click"
>
<div>
<ul
class="popUl"
style="position: absolute; left: -1px; top: -51px"
>
<h4>{{ scope.row[columnTitle.prop] }}</h4>
<li
@click="
ychyLink(
item.path,
item.id,
scope.row[columnTitle.prop]
)
"
v-for="item in ychyZjhmDataList"
:key="item.id"
>
<i :class="item.class"></i><span>{{ item.name }}</span>
</li>
</ul>
</div>
<svg
class="menuIcon alSvgIcon"
aria-hidden="true"
slot="reference"
v-show="
scope.row[columnTitle.prop] != '' &&
scope.row[columnTitle.prop] != null
"
>
<use xlink:href="#iconyongcai"></use>
</svg>
</el-popover>
</div>
<div
:class="columnTitle.prop == 'ajmc' ? 'color1' : 'color2'"
v-if="
columnTitle.prop != 'jyaq' &&
columnTitle.prop != 'zhfzxyrWffzjlms' &&
columnTitle.prop != 'asjbh' &&
columnTitle.prop != 'ajlbdmMc' &&
columnTitle.prop != 'zhfzxyrCyzjZjhm' &&
columnTitle.prop != 'bhrCyzjZjhm'
"
v-html="scope.row[columnTitle.prop]"
></div>
<div v-if="columnTitle.prop == 'ajlbdmMc'">
<a class="zdyLxTag">{{ scope.row[columnTitle.prop] }}</a>
</div>
</template>
</el-table-column>
</el-table>
<!--分页-->
<el-pagination
background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="currentPage1"
:page-sizes="[10, 20, 50, 100]"
:page-size="page_size"
layout="sizes,prev, pager, next"
:small="true"
:total="tableDataLength"
v-if="pageShow"
>
</el-pagination>
<!--配置化列表-->
<el-dialog
title="配置表格表头字段"
:visible.sync="centerDialogVisible"
width="780px"
custom-class="zdyTheadDialog"
center
>
<div id="set_table_panel" v-show="centerDialogVisible">
<div class="table-header-drag">
<div class="selected-header">
<div>已选表头</div>
<!--<ul>-->
<draggable
class="list-group"
:list="formThead"
group="people"
@change="draggableList"
element="ul"
id="selected_ul"
data-listidx="0"
ref="selected_ul"
>
<li
class="list-group-item"
v-for="element in formThead"
:key="element.label"
>
<div :rel="element.prop" :name="element.label">
{{ element.label }}
</div>
</li>
</draggable>
<!--</ul>-->
</div>
<div>
<div>待选表头</div>
<!--<ul>-->
<draggable
id="waiting_ul"
ref="waiting_ul"
class="list-group waiting-header"
:list="waitBt"
group="people"
@change="draggableList"
element="ul"
data-listidx="1"
>
<li
class="list-group-item"
v-for="element in waitBt"
:key="element.label"
>
<div :rel="element.prop" :name="element.label">
{{ element.label }}
</div>
</li>
</draggable>
<!--</ul>-->
</div>
<div class="tips">
<i class="fa fa-info-circle"></i>
<span>亲，可以通过拖动来配置表格</span>
</div>
</div>
</div>
<span
slot="footer"
class="dialog-footer"
v-show="centerDialogVisible"
>
<el-button @click="centerDialogVisible = false" size="mini"
>取 消</el-button
>
<el-button type="primary" size="mini" @click="handleCheckedChange"
>确 定</el-button
>
</span>
</el-dialog>
</div>
</div>
</div>
</template>
<script>
import draggable from "vuedraggable";
import axios from "@/utils/axiosHttp.js";
import url from "@/api/base";
import request from "@/api/interface/dictionaryCode.js";
import "@/assets/js/iconfont.js";
import { stringify } from "qs";
export default {
name: "tableList",
components: {
draggable,
},
props: {
radioZt: String,
radioSZt: String,
radioFZt: String,
flxxGroup: {
type: Array,
default: () => [],
},
xzFlxxGroup: {
type: Array,
default: () => [],
},
xzSFlxxGroup: {
type: Array,
default: () => [],
},
ychyDataList: {
type: Array,
default: () => [],
},
ychyZjhmDataList: {
type: Array,
default: () => [],
},
DefaultAjFormThead: {
type: Array,
default: () => [],
},
queryTableData: {
type: Array,
default: () => [],
},
AllAjThead: {
type: Array,
default: () => [],
},
formData: Object,
yjFlE: Object,
theadType: String,
token: String,
theadTitle: String,
dataLength: Number,
tableType: String,
asjbhIcon: String,
pageNum: Number,
tableLoadingEmit: Boolean,
},
data() {
return {
// valString: [],
formData: this.formData,
tableDataLength: this.dataLength,
centerDialogVisible: false,
tableLoading: this.tableLoadingEmit,
tableData: this.queryTableData,
formThead: this.DefaultAjFormThead,
startnum: 0, //开始
endnum: 20, //结束
currentPage1: this.pageNum,
page_size: 10,
pageShow: true,
waitBt: [],
key: 1,
xbfl: this.radioFZt,
yjFl: {
ajlbdmMc: this.yjFlE.ajlbdmMc /*案件类别分类*/,
zcjddmMc: this.yjFlE.zcjddmMc /*侦查阶段分类*/,
larqYear: this.yjFlE.larqYear /*侦查阶段分类*/,
ladwGajgjgdmMc: this.yjFlE.ladwGajgjgdmMc /*立案单位分类*/,
asjfssjAsjfskssjYear: this.yjFlE.asjfssjAsjfskssjYear /*案发日期分类*/,
asjfsddXzqhdmMc: this.yjFlE.asjfsddXzqhdmMc /*案发地区划分类*/,
ajSsjzrmby: this.yjFlE.ajSsjzrmby /*涉案金额分类*/,
xyrage: this.yjFlE.xyrage /*年龄段分类*/,
shrage: this.yjFlE.shrage /*年龄段分类*/,
zhfzxyrXbdmMc: this.yjFlE.zhfzxyrXbdmMc /*性别分类*/,
bhrXbdmMc: this.yjFlE.bhrXbdmMc /*性别分类*/,
zhfzxyrGjdmMc: this.yjFlE.zhfzxyrGjdmMc /*国籍分类*/,
bhrGjdmMc: this.yjFlE.bhrGjdmMc /*国籍分类*/,
zhfzxyrHjdzXzqhdmMc: this.yjFlE.zhfzxyrHjdzXzqhdmMc /*户籍地分类*/,
bhrHjdzXzqhdmMc: this.yjFlE.bhrHjdzXzqhdmMc /*户籍地分类*/,
zhfzxyrMzdmMc: this.yjFlE.zhfzxyrMzdmMc /*民族分类*/,
bhrMzdmMc: this.yjFlE.bhrMzdmMc /*民族分类*/,
ladwSj: this.yjFlE.ladwSj /*立案单位市局分类*/,
ladwFj: this.yjFlE.ladwFj /*立案单位分局分类*/,
},
xbfl2: this.radioZt,
xbfl3: this.radioSZt,
type: this.theadType,
title: this.theadTitle,
isTableTpe: this.tableType /*ajxx/xyrxx/shrxx*/,
flxxList: this.flxxGroup,
xzFlxxList: this.xzFlxxGroup,
xzSFlxxList: this.xzSFlxxGroup,
listTitle: "" /*查询结果标题*/,
};
},
methods: {
// 筛选变色
showDate(val, keyword) {
debugger;
console.log(val);
let _self = this;
console.log(keyword);
let valString = [];
let listWord = keyword.split(",");
console.log(listWord);
val = val + "";
if (val.indexOf(keyword) !== -1 && keyword !== "") {
return val.replace(
keyword,
'<font color="#409EFF">' + keyword + "</font>"
);
} else if (listWord.length > 0) {
listWord.forEach((item, index) => {
let zzStr = new RegExp(item, "g");
val = val.replace(zzStr, '<font color="#409EFF">' + item + "</font>");
});
let arrStr = valString.toString();
// let newStr = ''
// for (let i = 0; i < arrStr.length; i++) {
// if (newStr.indexOf(arrStr[i]) == -1) {
// newStr += arrStr[i]
//
// }
return val;
} else {
return val;
}
},
ychyLink(path, id, val) {
debugger;
if (id == "ajda") {
// var params = {
// sysname: "AJDA-NEWPAGE",
// sysparam: { AJBH: val, SFZH: sessionStorage.getItem("zjhm") },
// bizCode: "EXT006",
// serviceId: "XDHDS0004",
// };
// axios({
// url: url.cadaURL + "/toRecordsFile",
// data: JSON.parse(JSON.stringify(params)),
// method: "post",
// }).then((res) => {
// if ((res.code = "0")) {
// var daurl = res.data;
// window.open(daurl);
// }
// });
let path = `http://74.6.54.169:8003/queryAjdaxxs?asjbh=${val}`;
window.open(path, "_blank");
} else if (id == "ryda") {
let routeData = this.$router.resolve({
path: "/rydaIndex/ryGl",
query: { zjhm: val },
});
window.open(routeData.href, "_blank");
} else {
axios({
url: url.cadaURL + "/encodeByWaRyda",
params: {
code: "005121",
url:
"http://www.adu.cq/baike/jump.jsp?url=/assets/adu-BaiKe/build/baike.html?key=" +
val +
"#/baikeDetail/1/" +
val,
},
method: "get",
}).then((res) => {
var word = res.split(";");
var naviqator_random = res;
var url =
"http://www.adu.cq/bdp-cas?authType=randomSso&service=" +
word[1] +
"&navigator_random=" +
word[0] +
"&thirdSystem=XZ";
window.open(url);
});
}
},
handleSizeChange(val) {
this.$emit("changeSize", val, this.isTableTpe);
},
getMonthRadioValue(val, type) {
if (val == "全部") {
this.$emit(
"getFlValue",
"all",
type,
this.isTableTpe,
"ejRadio",
this.xbfl2
);
} else {
this.$emit(
"getFlValue",
val,
type,
this.isTableTpe,
"ejRadio",
this.xbfl2
);
}
},
getSjRadioValue(val, type) {
if (val == "全部") {
this.$emit(
"getFlValue",
"all",
type,
this.isTableTpe,
"sjRadio",
this.xbfl3
);
} else {
this.$emit(
"getFlValue",
val,
type,
this.isTableTpe,
"sjRadio",
this.xbfl3
);
}
},
moreDialog(scope) {
//点击打开弹框显示案件
console.log();
this.$emit("showAjTable", scope);
},
more(event) {
/*展开收起*/
if (
event.currentTarget.parentNode.firstChild.firstChild.classList.contains(
"none"
)
) {
event.currentTarget.parentNode.firstChild.firstChild.classList.remove(
"none"
);
event.currentTarget.innerHTML = "收起条件";
} else {
event.currentTarget.parentNode.firstChild.firstChild.classList.add(
"none"
);
event.currentTarget.innerHTML = "展开条件";
}
},
getRadioValue(val, type) {
//值和类型
if (val == "全部") {
this.$emit(
"getFlValue",
"all",
type,
this.isTableTpe,
"yjRadio",
this.yjFl[type]
);
} else {
this.$emit(
"getFlValue",
val,
type,
this.isTableTpe,
"yjRadio",
this.yjFl[type]
);
}
},
exportExcel() {
this.$emit("exportFile", this.isTableTpe);
},
draggableList() {
console.log(this.propdefaultFormThead);
},
handleCurrentChange(val) {
let self = this;
self.currentPage1 = val;
self.$emit("getPage", val, self.isTableTpe);
},
tableRowClassName({ rowIndex }) {
if (rowIndex % 2 == 0) {
return "";
} else {
return "success-row";
}
},
orderBy(column) {
let self = this,
key = "",
keyValue = "";
self.tableLoading = true;
self.$emit("getLoading", self.tableLoading);
console.log(column);
keyValue = column.prop;
key = column.order == "ascending" ? "asc" : "desc";
self.$emit("getSort", key, keyValue, self.isTableTpe);
},
getRows(val) {
this.checkBoxData = val;
},
handleCheckedChange() {
debugger
let self = this,
saveData = {};
self.centerDialogVisible = false;
self.key = self.key + 1; // 为了保证table 每次都会重渲 In order to ensure the table will be re-rendered each time
//保存至后台
let params = new FormData()
params.append('menuId', self.type)
let btxxEn = []
let btxxCn = []
self.formThead.forEach( item => {
btxxEn.push(item.prop)
btxxCn.push(item.label)
})
params.append('btxxEn',btxxEn.join(','))
params.append('btxxCn',btxxCn.join(','))
request.addMenuBt(params, self.token).then((res) => {
if (res.status == 200) {
btxxEn = []
btxxCn = []
self.$message({
type: "success",
message: "保存成功",
});
} else {
btxxEn = []
btxxCn = []
self.$message({
type: "error",
message: "保存失败",
});
}
});
},
},
watch: {
yjFlE: {
handler(newVal) {
for (let i in this.yjFl) {
this.yjFl[i] = newVal[i];
}
},
deep: true,
},
radioZt(val) {
this.xbfl2 = val;
},
radioSZt(val) {
this.xbfl3 = val;
},
radioFZt(val) {
for (let i in this.yjFl) {
this.yjFl[i] = val;
}
},
flxxGroup(val) {
this.flxxList = val;
},
xzFlxxGroup(val) {
this.xzFlxxList = val;
},
xzSFlxxGroup(val) {
this.xzSFlxxList = val;
},
tableLoadingEmit(val) {
this.tableLoading = val;
},
tableType(val) {
this.isTableTpe = val;
if (this.isTableTpe == "ajxx") {
this.listTitle = "案件";
} else if (this.isTableTpe == "xyrxx") {
this.listTitle = "嫌疑人";
} else if (this.isTableTpe == "shrxx") {
this.listTitle = "受害人";
} else if (this.isTableTpe == "ajxxw") {
this.listTitle = "戒毒所";
} else if (this.isTableTpe == "xyrxxw") {
this.listTitle = "拘留所";
} else if (this.isTableTpe == "shrxxw") {
this.listTitle = "看守所";
}
},
dataLength(data) {
this.tableDataLength = data;
},
queryTableData(data) {
this.tableData = data;
},
DefaultAjFormThead(val) {
this.formThead = val;
},
AllAjThead(val) {
let self = this;
self.waitBt = val.filter(
(item) => !self.formThead.some((ele) => ele.label === item.label)
);
},
theadType(val) {
this.type = val;
},
theadTitle(val) {
this.title = val;
},
pageNum(val) {
this.currentPage1 = val;
},
},
mounted() {
let self = this;
self.waitBt = self.AllAjThead.filter(
(item) => !self.formThead.some((ele) => ele.label === item.label)
);
},
};
</script>
<style>
@import "../assets/styles/font-awesome.min.css";
@import url("../assets/styles/iconfont.css");
.radioGroup .el-radio {
color: #666;
width: 203px;
margin: 4px 0;
}
.el-table th {
background: #f4f6f7;
}
.el-table th,
.el-table th {
border-color: #e6e6e6;
}
</style>
<style scoped lang="scss">
@import "../assets/styles/form.scss";
@import "../assets/styles/table.scss";
</style>
\ No newline at end of file
src/utils/jccx.js
This source diff could not be displayed because it is too large. You can view the blob instead.
src/views/jccx/qgcx/form_components.vue 0 → 100644
<template>
<div class="formWrap">
<div>
<span class="flTtitle">查询条件</span>
</div>
<el-form
label-position="right"
label-width="140px"
ref="ajxxForm"
:model="formD"
>
<form-item
ref="formItem1"
:formField="ajxxDefaultField"
:formDa="formD"
:deleteIdKey="deleteIdKey"
v-show="ajxxDefaultField.data.length != 0"
@getSelected="getSelected"
></form-item>
<form-item
ref="formItem2"
:formField="xyrxxDefaultField"
:formDa="formD"
:deleteIdKey="deleteIdKey"
v-show="xyrxxDefaultField.data.length != 0"
@getSelected="getSelected"
></form-item>
</el-form>
<div class="ar" style="margin-top: 20px; margin-right: 34px">
<el-button
type="primary"
size="small"
class="zdybtn search"
@click="doQuery('ajxx')"
>案件信息查询</el-button
>
<el-button
type="primary"
size="small"
class="zdybtn search"
@click="doQuery('xyrxx')"
>嫌疑人信息查询</el-button
>
<!-- <el-button
type="primary"
size="small"
class="zdybtn search"
@click="doQuery('shrxx')"
>受害人信息查询</el-button
> -->
<!-- <el-button plain size="small" class="zdybtn delete" @click="deleteField"
>清空</el-button
>-->
</div>
</div>
</template>
<script>
import formItem from "@c/formItem_components.vue";
import settingDialog from "@/views/jccx/dialog.vue";
import "@/assets/styles/iconfont.css";
import request from "@/api/interface/dictionaryCode.js";
export default {
name: "formWrap",
components: {
formItem,
settingDialog,
},
props: {
formData: Object,
AjxxFormField: Object,
XyrxxFormField: Object,
ShrxxFormField: Object,
FlxxFormField: Object,
AjxxDefaultFormField: Object,
XyrxxDefaultFormField: Object,
ShrxxDefaultFormField: Object,
FlxxDefaultFormField: Object,
fieldType: String,
deleteId: String,
},
data() {
return {
initNum: 0,
deleteIdKey: this.deleteId,
formD: this.formData,
ajxxField: this.AjxxFormField,
xyrxxField: this.XyrxxFormField,
shrxxField: this.ShrxxFormField,
flxxField: this.FlxxFormField,
ajxxDefaultField: this.AjxxDefaultFormField,
xyrxxDefaultField: this.XyrxxDefaultFormField,
shrxxDefaultField: this.ShrxxDefaultFormField,
flxxDefaultField: this.FlxxDefaultFormField,
isMultiple: false,
centerDialogVisible: false,
waitAjxxField: [],
waitShrxxField: [],
waitXyrxxField: [],
waitFlxxField: [],
type: this.fieldType,
};
},
methods: {
childMethods(id) {
this.$refs.formItem1.clearZdyAll(id);
this.$refs.formItem2.clearZdyAll(id);
this.$refs.formItem3.clearZdyAll(id);
this.$refs.formItem4.clearZdyAll(id);
},
clearSearchValue() {
this.$refs.formItem1.clearSearchValue();
this.$refs.formItem2.clearSearchValue();
this.$refs.formItem3.clearSearchValue();
this.$refs.formItem4.clearSearchValue();
},
delete() {
//清空所有得时候
this.$refs.formItem1.deleteValue();
this.$refs.formItem2.deleteValue();
this.$refs.formItem3.deleteValue();
this.$refs.formItem4.deleteValue();
},
deleteField() {
let self = this;
for (let i in self.formD) {
if (i == "flxx") {
self.formD[i] = [];
} else if (i == "page") {
self.formD[i] = "1";
} else if (i == "rows") {
self.formD[i] = "10";
} else if (i == "desc") {
self.formD[i] = "larq";
} else {
self.formD[i] = "";
}
}
},
loading(data) {
this.$emit("emitLoading", data);
},
getSelected(data, index) {
this.$emit("getSeletedList", data, index);
},
doQuery(type) {
let self = this;
self.formD.page = 1;
self.$emit("doQueryList", type, self.formD, "isButton");
},
emitDialog(flag, ajxxL, xyrL, shrL, flxxL, ajxxO, xyrO, shrO, flxxO) {
/*保存的字段匹配*/
let self = this;
let obj1 = JSON.parse(ajxxL);
let obj2 = JSON.parse(xyrL);
let obj3 = JSON.parse(shrL);
let obj4 = JSON.parse(flxxL);
self.centerDialogVisible = flag;
/*保存*/
let params = {};
params.name = "基础查询保存查询字段";
params.type = self.type;
params.list = [];
self.$set(params.list, 0, obj1);
self.$set(params.list, 1, obj2);
self.$set(params.list, 2, obj3);
self.$set(params.list, 3, obj4);
request.saveField(JSON.stringify(params)).then((res) => {
if (res.success === true) {
self.$message({
type: "success",
message: "保存成功",
});
self.ajxxDefaultField = JSON.parse(ajxxO);
self.xyrxxDefaultField = JSON.parse(xyrO);
self.shrxxDefaultField = JSON.parse(shrO);
self.flxxDefaultField = JSON.parse(flxxO);
self.init();
self.initCode();
self.$emit("closeLoading", false);
} else {
self.$message({
type: "error",
message: "保存失败",
});
self.$emit("closeLoading", false);
}
});
},
close(flag) {
this.centerDialogVisible = flag;
},
init() {
let self = this;
self.waitAjxxField = self.ajxxField.data.filter(
(item) =>
!self.ajxxDefaultField.data.some((ele) => ele.name === item.name)
);
self.initNum++;
self.waitShrxxField = self.shrxxField.data.filter(
(item) =>
!self.shrxxDefaultField.data.some((ele) => ele.name === item.name)
);
self.initNum++;
self.waitXyrxxField = self.xyrxxField.data.filter(
(item) =>
!self.xyrxxDefaultField.data.some((ele) => ele.name === item.name)
);
self.initNum++;
self.waitFlxxField = self.flxxField.data.filter(
(item) =>
!self.flxxDefaultField.data.some((ele) => ele.name === item.name)
);
self.initNum++;
},
initCode() {
debugger
let self = this;
self.ajxxDefaultField.data.forEach((val, index) => {
if (val.type == "code" || val.type == "codeTreeDialog") {
if (val.codeOptions.length == 0) {
request.axiosCode(val.codeTree).then((response) => {
if (response.success === true) {
self.$set(val, "codeOptions", response.data.list);
}
});
}
} else if (val.type == "codeTreeDialogSZ") {
if (val.codeOptions.length == 0) {
request.axiosCode(val.codeTree).then((response) => {
if (response.success === true) {
debugger
let ArrayList = response.data.list.filter( item => item.id.substring(0, 2) === '46')
self.$set(val, "codeOptions", ArrayList);
}
});
}
}
if (index == self.ajxxDefaultField.data.length - 1) {
self.initNum++;
}
});
self.xyrxxDefaultField.data.forEach((val, index2) => {
if (val.type == "code" || val.type == "codeTreeDialog") {
if (val.codeOptions.length == 0) {
request.axiosCode(val.codeTree).then((response) => {
if (response.success === true) {
self.$set(val, "codeOptions", response.data.list);
}
});
}
}else if (val.type == "codeTreeDialogSZ") {
if (val.codeOptions.length == 0) {
request.axiosCode(val.codeTree).then((response) => {
if (response.success === true) {
debugger
let ArrayList = response.data.list.filter( item => item.id.substring(0, 2) === '46')
self.$set(val, "codeOptions", ArrayList);
}
});
}
}
if (index2 == self.xyrxxDefaultField.data.length - 1) {
self.initNum++;
}
});
},
},
mounted() {
debugger
let self = this;
// self.init();
self.initCode();
},
watch: {
initNum(val) {
if (val >= 7) {
this.$emit("closeInitLoading");
}
},
deleteId(val) {
this.deleteIdKey = val;
},
AjxxDefaultFormField(val) {
this.ajxxDefaultField = val;
},
XyrxxDefaultFormField(val) {
this.xyrxxDefaultField = val;
},
ShrxxDefaultFormField(val) {
this.shrxxDefaultField = val;
},
FlxxDefaultFormField(val) {
this.flxxDefaultField = val;
this.initCode();
// this.init();
},
formData(data) {
this.formD = data;
},
},
};
</script>
<style scoped lang="scss">
@import "@/assets/styles/form.scss";
</style>
\ No newline at end of file
src/views/jccx/qgjcxx.vue
......@@ -15,12 +15,8 @@
:formData="formData"
:AjxxFormField="AjxxFormField"
:XyrxxFormField="XyrxxFormField"
:ShrxxFormField="ShrxxFormField"
:FlxxFormField="FlxxFormField"
:AjxxDefaultFormField="AjxxDefaultFormField"
:XyrxxDefaultFormField="XyrxxDefaultFormField"
:ShrxxDefaultFormField="ShrxxDefaultFormField"
:FlxxDefaultFormField="FlxxDefaultFormField"
:fieldType="fieldType"
:deleteId="deleteId"
@doQueryList="doQueryList"
......@@ -56,6 +52,7 @@
@getFlValue="getFlValue"
@showAjTable="showAjTable"
@changeSize="changeSize"
:token="token"
:pageNum="pageNum"
:tableType="tableType"
v-show="isShowTable"
......@@ -70,7 +67,6 @@
<aj-table
v-show="ajTableVisi"
:ajTableVisi="ajTableVisi"
:fyTableLength="fyTableLength"
:cxcsAjList="cxcsAjList"
@aginQuery="aginQuery"
@close="close"
......@@ -80,10 +76,10 @@
</template>
<script>
import listForm from "@c/form_components.vue";
import listForm from "./qgcx/form_components.vue";
import Loading from "@c/Loading.vue";
import ajTable from "@/views/jccx/ajTable.vue";
import listTable from "@c/table_components.vue";
import listTable from "@c/table_componentsQg.vue";
import listHeader from "@c/header_components.vue";
import listSelect from "@/views/jccx/selectedConditions.vue";
import request from "@/api/interface/dictionaryCode.js";
......@@ -93,18 +89,12 @@ import {
jccxHeaderIcon,
jccxAjxxFormField,
jccxXyrxxFormField,
jccxShrxxFormField,
jccxFlxxFormField,
cxAjDefaultFormThead,
AllAjformThead,
cxXyrDefaultFormThead,
AllXyrformThead,
jccxAjxxDefaultFormField,
jccxXyrxxDefaultFormField,
jccxShrxxDefaultFormField,
jccxFlxxDefaultFormField,
cxShrDefaultFormThead,
AllShrformThead,
cxYchyData,
cxYchyZjhmData,
} from "@/utils/jccx";
......@@ -124,7 +114,7 @@ export default {
return {
resultLoading: true,
deleteId: "",
pageLoading: true, //页面进来时候的加载
pageLoading: false, //页面进来时候的加载
radioFZt: "", //一级状态
radioZt: "", //二级状态
radioSZt: "", //三级状态
......@@ -154,22 +144,22 @@ export default {
headerIcon: jccxHeaderIcon, //icon
AjxxFormField: jccxAjxxFormField, //案件信息查询所有字段
XyrxxFormField: jccxXyrxxFormField, //嫌疑人信息查询所有字段
ShrxxFormField: jccxShrxxFormField, //受害人信息查询所有字段
FlxxFormField: jccxFlxxFormField, //分类信息查询所有字段
// ShrxxFormField: jccxShrxxFormField, //受害人信息查询所有字段
// FlxxFormField: jccxFlxxFormField, //分类信息查询所有字段
AjxxDefaultFormField: jccxAjxxDefaultFormField, //案件信息默认查询字段
XyrxxDefaultFormField: jccxXyrxxDefaultFormField, //嫌疑人信息默认查询字段
ShrxxDefaultFormField: jccxShrxxDefaultFormField, //受害人信息默认查询字段
FlxxDefaultFormField: jccxFlxxDefaultFormField, //分类信息默认查询字段
// ShrxxDefaultFormField: jccxShrxxDefaultFormField, //受害人信息默认查询字段
// FlxxDefaultFormField: jccxFlxxDefaultFormField, //分类信息默认查询字段
DefaultAjFormThead: cxAjDefaultFormThead, //案件默认表头
AllAjThead: AllAjformThead, //案件所有表头
DefaultXyrFormThead: cxXyrDefaultFormThead, //嫌疑人默认表头
AllXyrThead: AllXyrformThead, //嫌疑人所有表头
DefaultShrFormThead: cxShrDefaultFormThead, //受害人默认表头
AllShrThead: AllShrformThead, //受害人所有的表头
// DefaultShrFormThead: cxShrDefaultFormThead, //受害人默认表头
// AllShrThead: AllShrformThead, //受害人所有的表头
fieldType: "jccxFieldQg", //保存查询字段的type
ajFieldType: "jccxAjTheadQg", //用来判断是案件查询
xyrFieldType: "jccxXyrTheadQg", //用来判断是嫌疑人查询
shrFieldType: "jccxShrTheadQg", //用来判断是受害人查询
ajFieldType: "jccxAjQg", //用来判断是案件查询
xyrFieldType: "jccxXyrQg", //用来判断是嫌疑人查询
// shrFieldType: "jccxShrTheadQg", //用来判断是受害人查询
DefaultFormThead: [], //表格用的同一个，用来接收当前的默认表头
AllThead: [], //表格用的同一个，用来接收所有表头
isShowTable: false,
......@@ -200,6 +190,7 @@ export default {
},
fyTableLength: 0,
cxcsAjList: [],
token: "",
};
},
methods: {
......@@ -207,6 +198,7 @@ export default {
var self = this;
var arr = document.cookie.split("; ");
let userToken = "";
this.token = "";
let appToken = "";
arr.forEach((item) => {
if (item.includes("userToken=")) {
......@@ -223,19 +215,100 @@ export default {
debugger;
// let zjhm = sessionStorage.getItem('zjhm')
let zjhm = {
identitycard: "46000000000000",
identitycard: "142302198901012417",
};
axios
.post(url.qgBtURL + "/user/login", JSON.stringify(zjhm), {
.post(url.qgcxURL + "/user/login", JSON.stringify(zjhm), {
headers: {
"content-type": "application/json;charset=UTF-8",
},
})
.then((res) => {
if (res.code == 200) {
// self.$router.push({
// path: self.$route.query.path,
// });
debugger;
if (res.status == 200) {
self.token = res.data.data.token;
/*获取案件表头*/
let params = new FormData();
params.append("menuId", self.ajFieldType);
request.getMenuBt(params, res.data.data.token).then((res) => {
if (res.status === 200) {
if (res.data) {
self.DefaultAjFormThead = [];
var tableData = [];
tableData.push(res.data);
for (let i = 0; i < tableData.length; i++) {
tableData[i].bsqrList = [];
tableData[i].bsqrName = tableData[i].btxxCn.split(",");
tableData[i].bsqrajNum = tableData[i].btxxEn.split(",");
for (
let j = 0;
j < tableData[i].bsqrName.length &&
tableData[i].bsqrajNum.length;
j++
) {
tableData[i].bsqrList.push({
label: tableData[i].bsqrName[j],
prop: tableData[i].bsqrajNum[j],
});
}
tableData[i].bsqrList.forEach((item) => {
debugger;
self.DefaultAjFormThead.push({
label: item.label,
prop: item.prop,
});
});
}
}
} else {
self.$message({
type: "error",
message: "获取表头失败",
});
}
});
/*获取嫌疑人表头*/
let paramsXyr = new FormData();
paramsXyr.append("menuId", self.xyrFieldType);
request.getMenuBt(paramsXyr, res.data.data.token).then((res) => {
if (res.status == 200) {
if (res.data) {
self.DefaultXyrFormThead = [];
var tableDataXyr = [];
tableDataXyr.push(res.data);
for (let i = 0; i < tableDataXyr.length; i++) {
tableDataXyr[i].bsqrList = [];
tableDataXyr[i].bsqrName =
tableDataXyr[i].btxxCn.split(",");
tableDataXyr[i].bsqrajNum =
tableDataXyr[i].btxxEn.split(",");
for (
let j = 0;
j < tableDataXyr[i].bsqrName.length &&
tableDataXyr[i].bsqrajNum.length;
j++
) {
tableDataXyr[i].bsqrList.push({
label: tableDataXyr[i].bsqrName[j],
prop: tableDataXyr[i].bsqrajNum[j],
});
}
tableDataXyr[i].bsqrList.forEach((item) => {
debugger;
self.DefaultXyrFormThead.push({
label: item.label,
prop: item.prop,
});
});
}
}
} else {
self.$message({
type: "error",
message: "获取表头失败",
});
}
});
}
})
.catch((err) => {
......@@ -246,29 +319,29 @@ export default {
this.$refs.form.delete();
},
changeSize(size, type) {
this.formData["rows"] = size;
this.formData["limit"] = size;
this.doQueryList(type, this.formData, false, "handleCurrentChange");
},
close(flag) {
let self = this;
self.ajTableVisi = flag;
},
zacsAjDoQuery() {
//作案多次，列表显示图标，点击弹框查询此人做过的多个案子
let self = this;
request.zacsAjDoQuery(JSON.stringify(self.cxcsAjQuery)).then((res) => {
if (res.success === true) {
self.cxcsAjList = [];
self.fyTableLength = res.data.total;
self.cxcsAjList = res.data.rows;
} else {
self.$message({
type: "error",
message: "查询失败",
});
}
});
},
// zacsAjDoQuery() {
// //作案多次，列表显示图标，点击弹框查询此人做过的多个案子
// let self = this;
// request.zacsAjDoQuery(JSON.stringify(self.cxcsAjQuery)).then((res) => {
// if (res.success === true) {
// self.cxcsAjList = [];
// self.fyTableLength = res.data.total;
// self.cxcsAjList = res.data.rows;
// } else {
// self.$message({
// type: "error",
// message: "查询失败",
// });
// }
// });
// },
aginQuery(page) {
//翻页 时候 的查询
this.cxcsAjQuery.page = page;
......@@ -280,7 +353,7 @@ export default {
let self = this;
self.ajTableVisi = true;
self.cxcsAjQuery.page = 1;
self.cxcsAjQuery.zhfzxyrCyzjZjhm = zjhm.zhfzxyrCyzjZjhm;
// self.cxcsAjQuery.zhfzxyrCyzjZjhm = zjhm.zhfzxyrCyzjZjhm;
self.zacsAjDoQuery();
},
closeLoading(data) {
......@@ -493,7 +566,7 @@ export default {
exportFile(type) {
//导出
let self = this;
self.formData.rows = 10000;
self.formData.limit = 10000;
self.creatForm(type, "export");
},
getLoading(bool) {
......@@ -537,7 +610,9 @@ export default {
}
},
getSeletedList(data, obj) {
debugger;
let self = this;
debugger;
if (obj) {
//删除值
self.selectList.forEach((val, key) => {
......@@ -629,16 +704,16 @@ export default {
for (let i in self.yjFlE) {
self.yjFlE[i] = "全部";
}
for (let y = self.formData.flxx.length - 1; y >= 0; y--) {
if (
self.formData.flxx[y] == "lasjflMonth" ||
self.formData.flxx[y] == "afrqflMonth" ||
self.formData.flxx[y] == "ladwflFj" ||
self.formData.flxx[y] == "ladwflPcs"
) {
self.formData["flxx"].splice(y, 1);
}
}
// for (let y = self.formData.flxx.length - 1; y >= 0; y--) {
// if (
// self.formData.flxx[y] == "lasjflMonth" ||
// self.formData.flxx[y] == "afrqflMonth" ||
// self.formData.flxx[y] == "ladwflFj" ||
// self.formData.flxx[y] == "ladwflPcs"
// ) {
// self.formData["flxx"].splice(y, 1);
// }
// }
}
/*点击查询按钮时更新排序等字段的值*/
if (data == "ajxx" && flag == "isbtn") {
......@@ -647,45 +722,27 @@ export default {
self.theadType = self.ajFieldType;
self.theadTitle = "案件信息表头";
self.excelHeader = "案件信息";
self.formData["desc"] = "larq";
self.formData["asc"] = "";
// self.formData["desc"] = "larq";
// self.formData["asc"] = "";
} else if (data == "xyrxx" && flag == "isbtn") {
self.DefaultFormThead = self.DefaultXyrFormThead;
self.AllThead = self.AllXyrThead;
self.theadType = self.xyrFieldType;
self.theadTitle = "嫌疑人信息表头";
self.excelHeader = "嫌疑人信息";
self.formData["desc"] = "zhrq";
self.formData["asc"] = "";
} else if (data == "shrxx" && flag == "isbtn") {
self.DefaultFormThead = self.DefaultShrFormThead;
self.AllThead = self.AllShrThead;
self.theadType = self.shrFieldType;
self.theadTitle = "被害人信息表头";
self.excelHeader = "被害人信息";
self.formData["desc"] = "bhsjKssj";
self.formData["asc"] = "";
// self.formData["desc"] = "zhrq";
// self.formData["asc"] = "";
}
/*处理时间的字段名*/
let handleForm = JSON.parse(JSON.stringify(self.formData));
for (let z in handleForm) {
if (
z == "asjfssjAsjfskssj" ||
z == "slsj" ||
z == "larq" ||
z == "zczjZxsj01" ||
z == "cxajrq" ||
z == "djsj" ||
z == "zhrq" ||
z == "zhfzxyrCsrqRqgzxx" ||
z == "bhsjKssj" ||
z == "bhrCsrqRqgzxx"
) {
handleForm[z + "Start"] =
if (z == "afsj" || z == "larq" || z == "csrq" || z == "zhrq") {
handleForm[z + "Kssj"] =
handleForm[z] == "" || handleForm[z] == null
? ""
: handleForm[z][0];
handleForm[z + "End"] =
handleForm[z + "Jssj"] =
handleForm[z] == "" || handleForm[z] == null
? ""
: handleForm[z][1];
......@@ -698,55 +755,6 @@ export default {
self.doQueryRequst(data, handleForm);
} else if (flag == "currentPage") {
self.doQueryRequst(data, handleForm, "currentPage");
} else if (flag == "flxx") {
//点击分类查询结果的时候
let num = 0;
if (Object.prototype.hasOwnProperty.call(self.formData, "ladwSj")) {
//获取二级立案单位
if (self.formData["ladwSj"] != "") {
num++;
}
}
if (Object.prototype.hasOwnProperty.call(self.formData, "ladwFj")) {
//获取二级立案单位
if (self.formData["ladwFj"] != "") {
num++;
}
}
if (Object.prototype.hasOwnProperty.call(self.formData, "ladwPcs")) {
//获取二级立案单位
if (self.formData["ladwPcs"] != "") {
num++;
}
}
if (num == 1) {
self.doQueryRequst(data, handleForm, "noSetFlxx");
return;
} else if (num == 2) {
self.doQueryRequst(data, handleForm, "SetPcsFlxx");
return;
} else if (num == 3) {
self.doQueryRequst(data, handleForm, "SetFlxx");
return;
}
if (Object.prototype.hasOwnProperty.call(self.formData, "larqMonth")) {
if (self.formData["larqMonth"] != "") {
self.doQueryRequst(data, handleForm, "SetFlxx");
return;
}
}
if (
Object.prototype.hasOwnProperty.call(
self.formData,
"asjfssjAsjfskssjMonth"
)
) {
if (self.formData["asjfssjAsjfskssjMonth"] != "") {
self.doQueryRequst(data, handleForm, "SetFlxx");
return;
}
}
self.doQueryRequst(data, handleForm, "noSetFlxx");
} else if (flag == "export") {
self.exportRequst(data, handleForm);
}
......@@ -772,10 +780,53 @@ export default {
return arr;
},
exportRequst(data, handleForm) {
debugger;
/*导出*/
let self = this,
tHeader = [],
filterVal = [];
let self = this;
let params = new FormData();
let json = {};
for (let i in handleForm) {
if (
i == "afsjJssj" ||
i == "afsjKssj" ||
i == "ajlbdm" ||
i == "ajmc" ||
i == "ajxlb" ||
i == "asjbh" ||
i == "bzzt" ||
i == "jyaq" ||
i == "jyaqType" ||
i == "ladwdm" ||
i == "larqJssj" ||
i == "larqKssj" ||
i == "zatzJyqk"
) {
// json["asj." + i] = handleForm[i];
params.append("asj." + i, handleForm[i]);
} else if (
i == "csrqJssj" ||
i == "csrqKssj" ||
i == "gjdm" ||
i == "hjdmc" ||
i == "hjdqhdm" ||
i == "mzdm" ||
i == "xbdm" ||
i == "xm" ||
i == "xzzmc" ||
i == "zhdwdm" ||
i == "zhrqJssj" ||
i == "zhrqKssj" ||
i == "zjhm"
) {
// json["xyr." + i] = handleForm[i];
params.append("xyr." + i, handleForm[i]);
} else {
// json[i] = handleForm[i];
params.append(i, handleForm[i]);
}
}
let tHeader = [];
let filterVal = [];
const loading = this.$loading({
lock: true,
text: "正在导出...",
......@@ -789,8 +840,8 @@ export default {
tHeader.push(val.label);
filterVal.push(val.prop);
});
request.doQuery(JSON.stringify(handleForm)).then((res) => {
if (res.success === true) {
request.doQueryQg(params, self.token).then((res) => {
if (res.status === 200) {
if (res.data.total > 10000) {
self.$message({
type: "error",
......@@ -823,42 +874,8 @@ export default {
tHeader.push(val.label);
filterVal.push(val.prop);
});
request.doXyrQuery(JSON.stringify(handleForm)).then((res) => {
if (res.success === true) {
if (res.data.total > 10000) {
self.$message({
type: "error",
message: "最多只能导出10000条",
});
} else {
require.ensure([], () => {
const {
export_json_to_excel,
} = require("../../vendor/Export2Excel");
const list = res.data.rows;
const data = self.formatJson(filterVal, list);
export_json_to_excel(tHeader, data, self.excelHeader);
});
}
loading.close();
} else {
loading.close();
self.$message({
type: "error",
message: "查询失败",
});
}
self.tableLoadingEmit = false;
});
} else if (data == "shrxx") {
tHeader = [];
filterVal = [];
self.DefaultShrFormThead.forEach((val) => {
tHeader.push(val.label);
filterVal.push(val.prop);
});
request.doBhrQuery(JSON.stringify(handleForm)).then((res) => {
if (res.success === true) {
request.doQueryQgXyr(params, self.token).then((res) => {
if (res.status === 200) {
if (res.data.total > 10000) {
self.$message({
type: "error",
......@@ -887,55 +904,76 @@ export default {
}
},
doQueryRequst(data, handleForm, noSet) {
debugger;
//noSet没传的时候点击的是查询按钮或者翻页，noSet为noSetFlxx时点击的是一级查询分类结果，二级需要赋值
let self = this;
if (data == "ajxx") {
request.doQuery(JSON.stringify(handleForm)).then((res) => {
if (res.success === true) {
self.queryTableData = res.data.rows;
self.dataLength = res.data.total;
if (!noSet) {
self.flxxGroup = res.data.flxx;
} else if (noSet == "noSetFlxx") {
let arr = res.data.flxx.filter(
(item) => !self.flxxGroup.some((ele) => ele.type === item.type)
);
self.xzFlxxGroup = arr;
} else if (noSet == "SetPcsFlxx") {
let arr = res.data.flxx.filter(
(item) => !self.flxxGroup.some((ele) => ele.type === item.type)
);
self.xzSFlxxGroup = arr;
}
self.closeTableLoading(); //table关闭loading
self.resultLoading = false;
let params = new FormData();
let json = {};
for (let i in handleForm) {
if (
i == "afsjJssj" ||
i == "afsjKssj" ||
i == "ajlbdm" ||
i == "ajmc" ||
i == "ajxlb" ||
i == "asjbh" ||
i == "bzzt" ||
i == "jyaq" ||
i == "jyaqType" ||
i == "ladwdm" ||
i == "larqJssj" ||
i == "larqKssj" ||
i == "zatzJyqk"
) {
// json["asj." + i] = handleForm[i];
params.append("asj." + i, handleForm[i]);
} else if (
i == "csrqJssj" ||
i == "csrqKssj" ||
i == "gjdm" ||
i == "hjdmc" ||
i == "hjdqhdm" ||
i == "mzdm" ||
i == "xbdm" ||
i == "xm" ||
i == "xzzmc" ||
i == "zhdwdm" ||
i == "zhrqJssj" ||
i == "zhrqKssj" ||
i == "zjhm"
) {
// json["xyr." + i] = handleForm[i];
params.append("xyr." + i, handleForm[i]);
} else {
self.$message({
type: "error",
message: "查询失败",
});
self.resultLoading = false;
// json[i] = handleForm[i];
params.append(i, handleForm[i]);
}
self.tableLoadingEmit = false;
});
} else if (data == "xyrxx") {
request.doXyrQuery(JSON.stringify(handleForm)).then((res) => {
if (res.success === true) {
}
if (data == "ajxx") {
request.doQueryQg(params, self.token).then((res) => {
if (res.status === 200) {
// self.DefaultFormThead = self.DefaultAjFormThead;
// self.AllThead = self.AllAjThead;
// self.theadType = self.ajFieldType;
// self.theadTitle = "案件信息表头";
// self.excelHeader = "案件信息";
// debugger;
self.queryTableData = res.data.rows;
self.dataLength = res.data.total;
if (!noSet) {
self.flxxGroup = res.data.flxx;
} else if (noSet == "noSetFlxx") {
let arr = res.data.flxx.filter(
(item) => !self.flxxGroup.some((ele) => ele.type === item.type)
);
self.xzFlxxGroup = arr;
} else if (noSet == "SetPcsFlxx") {
let arr = res.data.flxx.filter(
(item) => !self.flxxGroup.some((ele) => ele.type === item.type)
);
self.xzSFlxxGroup = arr;
}
// if (!noSet) {
// self.flxxGroup = res.data.flxx;
// } else if (noSet == "noSetFlxx") {
// let arr = res.data.flxx.filter(
// (item) => !self.flxxGroup.some((ele) => ele.type === item.type)
// );
// self.xzFlxxGroup = arr;
// } else if (noSet == "SetPcsFlxx") {
// let arr = res.data.flxx.filter(
// (item) => !self.flxxGroup.some((ele) => ele.type === item.type)
// );
// self.xzSFlxxGroup = arr;
// }
self.closeTableLoading(); //table关闭loading
self.resultLoading = false;
} else {
......@@ -947,24 +985,16 @@ export default {
}
self.tableLoadingEmit = false;
});
} else if (data == "shrxx") {
request.doBhrQuery(JSON.stringify(handleForm)).then((res) => {
if (res.success === true) {
} else if (data == "xyrxx") {
request.doQueryQgXyr(params, self.token).then((res) => {
if (res.status === 200) {
// self.DefaultFormThead = self.DefaultXyrFormThead;
// self.AllThead = self.AllXyrThead;
// self.theadType = self.xyrFieldType;
// self.theadTitle = "嫌疑人信息表头";
// self.excelHeader = "嫌疑人信息";
self.queryTableData = res.data.rows;
self.dataLength = res.data.total;
if (!noSet) {
self.flxxGroup = res.data.flxx;
} else if (noSet == "noSetFlxx") {
let arr = res.data.flxx.filter(
(item) => !self.flxxGroup.some((ele) => ele.type === item.type)
);
self.xzFlxxGroup = arr;
} else if (noSet == "SetPcsFlxx") {
let arr = res.data.flxx.filter(
(item) => !self.flxxGroup.some((ele) => ele.type === item.type)
);
self.xzSFlxxGroup = arr;
}
self.closeTableLoading(); //table关闭loading
self.resultLoading = false;
} else {
......@@ -979,133 +1009,15 @@ export default {
}
},
doQueryList(data, formList, isBtn, changePage) {
debugger;
let self = this;
self.tableType = data;
self.isShowTable = true;
self.resultLoading = true;
//self.formData.rows = 10;
self.formData.limit = 10;
self.formData = formList;
self.pageNum = self.formData.page;
if (
self.formData["flxx"].includes("nldfl1") ||
self.formData["flxx"].includes("nldfl2")
) {
if (self.formData["flxx"].indexOf("nldfl") < 0) {
self.formData["flxx"].indexOf("nldfl1") >= 0
? self.formData["flxx"].splice(
self.formData["flxx"].indexOf("nldfl1"),
1
)
: "";
self.formData["flxx"].indexOf("nldfl2") >= 0
? self.formData["flxx"].splice(
self.formData["flxx"].indexOf("nldfl2"),
1
)
: "";
}
}
if (
self.formData["flxx"].includes("xbfl1") ||
self.formData["flxx"].includes("xbfl2")
) {
if (self.formData["flxx"].indexOf("xbfl") < 0) {
self.formData["flxx"].indexOf("xbfl1") >= 0
? self.formData["flxx"].splice(
self.formData["flxx"].indexOf("xbfl1"),
1
)
: "";
self.formData["flxx"].indexOf("xbfl2") >= 0
? self.formData["flxx"].splice(
self.formData["flxx"].indexOf("xbfl2"),
1
)
: "";
}
}
if (
self.formData["flxx"].includes("gjfl1") ||
self.formData["flxx"].includes("gjfl2")
) {
if (self.formData["flxx"].indexOf("gjfl") < 0) {
self.formData["flxx"].indexOf("gjfl1") >= 0
? self.formData["flxx"].splice(
self.formData["flxx"].indexOf("gjfl1"),
1
)
: "";
self.formData["flxx"].indexOf("gjfl2") >= 0
? self.formData["flxx"].splice(
self.formData["flxx"].indexOf("gjfl2"),
1
)
: "";
}
}
if (
self.formData["flxx"].includes("hjdfl1") ||
self.formData["flxx"].includes("hjdfl2")
) {
if (self.formData["flxx"].indexOf("hjdfl") < 0) {
self.formData["flxx"].indexOf("hjdfl1") >= 0
? self.formData["flxx"].splice(
self.formData["flxx"].indexOf("hjdfl1"),
1
)
: "";
self.formData["flxx"].indexOf("hjdfl2") >= 0
? self.formData["flxx"].splice(
self.formData["flxx"].indexOf("hjdfl2"),
1
)
: "";
}
}
if (
self.formData["flxx"].includes("mzfl1") ||
self.formData["flxx"].includes("mzfl2")
) {
if (self.formData["flxx"].indexOf("mzfl") < 0) {
self.formData["flxx"].indexOf("mzfl1") >= 0
? self.formData["flxx"].splice(
self.formData["flxx"].indexOf("mzfl1"),
1
)
: "";
self.formData["flxx"].indexOf("mzfl2") >= 0
? self.formData["flxx"].splice(
self.formData["flxx"].indexOf("mzfl2"),
1
)
: "";
}
}
if (data != "xyrxx" && self.formData["flxx"].includes("zacsfl")) {
self
.$confirm("不能查询,是否取消作案次数查询?", "提示", {
confirmButtonText: "是",
cancelButtonText: "否",
type: "warning",
})
.then(() => {
self.formData["flxx"].splice(
self.formData["flxx"].findIndex((item) => item == "zacsfl"),
1
);
self.$message({
type: "success",
message: "已取消作案次数!",
});
if (isBtn) {
self.creatForm(data, "isbtn");
} else {
self.creatForm(data);
}
})
.catch(() => {});
} else {
// self.doQueryRequst(data, formList);
if (isBtn) {
self.creatForm(data, "isbtn");
} else if (changePage) {
......@@ -1113,7 +1025,6 @@ export default {
} else {
self.creatForm(data);
}
}
},
closeInitLoading() {
this.pageLoading = false;
......@@ -1122,116 +1033,22 @@ export default {
created() {
debugger;
this.login();
let self = this,
obj1 = {},
obj2 = {},
obj3 = {},
obj4 = {};
request.getField(self.fieldType).then((res) => {
//查询是否保存过查询字段
if (res.code == 20000) {
console.log(res);
if (res.data.total > 0) {
self.AjxxDefaultFormField = [];
self.XyrxxDefaultFormField = [];
self.ShrxxDefaultFormField = [];
self.FlxxDefaultFormField = [];
/*查询出来的案件信息查询字段*/
obj1.title = res.data.defaultFormThead[0].title;
obj1.id = res.data.defaultFormThead[0].id;
obj1.data = [];
res.data.defaultFormThead[0].data.forEach((val) => {
let ret2 = self.AjxxFormField.data.find((v) => {
return v.id == val.id;
});
self.$set(obj1.data, obj1.data.length, ret2);
});
self.AjxxDefaultFormField = obj1;
/*嫌疑人数据*/
obj2.title = res.data.defaultFormThead[1].title;
obj2.id = res.data.defaultFormThead[1].id;
obj2.data = [];
res.data.defaultFormThead[1].data.forEach((val) => {
let ret2 = self.XyrxxFormField.data.find((v) => {
return v.id == val.id;
});
self.$set(obj2.data, obj2.data.length, ret2);
});
self.XyrxxDefaultFormField = obj2;
/*受害人数据*/
obj3.title = res.data.defaultFormThead[2].title;
obj3.id = res.data.defaultFormThead[2].id;
obj3.data = [];
res.data.defaultFormThead[2].data.forEach((val) => {
let ret2 = self.ShrxxFormField.data.find((v) => {
return v.id == val.id;
});
self.$set(obj3.data, obj3.data.length, ret2);
});
self.ShrxxDefaultFormField = obj3;
/*分类信息*/
obj4.title = res.data.defaultFormThead[3].title;
obj4.id = res.data.defaultFormThead[3].id;
obj4.data = [];
res.data.defaultFormThead[3].data.forEach((val) => {
let ret2 = self.FlxxFormField.data.find((v) => {
return v.id == val.id;
});
self.$set(obj4.data, obj4.data.length, ret2);
});
self.FlxxDefaultFormField = obj4;
}
} else {
self.$message({
type: "error",
message: res.message,
});
self.pageLoading = false;
}
return res.data;
});
/*获取案件表头*/
request.getField(self.ajFieldType).then((res) => {
if (res.success === true) {
if (res.data.total > 0) {
self.DefaultAjFormThead = [];
self.DefaultAjFormThead = res.data.defaultFormThead;
}
} else {
self.$message({
type: "error",
message: "获取表头失败",
});
}
});
/*获取嫌疑人表头*/
request.getField(self.xyrFieldType).then((res) => {
if (res.code == 20000) {
if (res.data.total > 0) {
self.DefaultXyrFormThead = [];
self.DefaultXyrFormThead = res.data.defaultFormThead;
}
} else {
self.$message({
type: "error",
message: "获取表头失败",
});
}
});
let self = this;
/*获取受害人表头*/
request.getField(self.shrFieldType).then((res) => {
if (res.code == 20000) {
if (res.data.total > 0) {
self.DefaultShrFormThead = [];
self.DefaultShrFormThead = res.data.defaultFormThead;
}
} else {
self.$message({
type: "error",
message: "获取表头失败",
});
}
});
// request.getField(self.shrFieldType).then((res) => {
// if (res.code == 20000) {
// if (res.data.total > 0) {
// self.DefaultShrFormThead = [];
// self.DefaultShrFormThead = res.data.defaultFormThead;
// }
// } else {
// self.$message({
// type: "error",
// message: "获取表头失败",
// });
// }
// });
},
mounted() {},
};
......
vue.config.js
......@@ -69,18 +69,9 @@ module.exports = {
"^/apiAjzb": "/"
}
},
"/apiQgBt": {
// target: "http://192.168.1.111:8501/", //统一的请求头部每次修改都要重启才会生效西藏：
target: "http://192.168.1.115:1003/", //统一的请求头部每次修改都要重启才会生效 //*** 全国查询 单点登录 和 表头 */
ws: true,
changeOrigin: true,
pathRewrite: {
"^/apiQgBt": "/"
}
},
"/apiQgCx": {
// target: "http://192.168.1.111:8501/", //统一的请求头部每次修改都要重启才会生效西藏：
target: "http://192.168.1.115:1004/", //统一的请求头部每次修改都要重启才会生效 //*** 全国查询 */
target: "http://74.6.54.173:8016/", // 公安网地址
// target: "http://192.168.1.115:1004/", //统一的请求头部每次修改都要重启才会生效 //*** 全国查询 单点登录 和 表头 */
ws: true,
changeOrigin: true,
pathRewrite: {
......
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