Skip to content

F
founder_vue
Commit 6cff5416 by xue_wengang
Options

重点场所详情

parent 354d540a
Showing with 587 additions and 541 deletions
src/views/place/palceAdd.vue
......@@ -30,7 +30,6 @@
<el-button
type="text"
style="color: #333333; margin-right: 10px"
v-if="!xxzjbh"
@click="ajBbXz"
>新增</el-button
>
......
src/views/place/palceDetail.vue
......@@ -6,11 +6,23 @@
<div class="ajTitle">
<p
class="tb"
style="width:6px;height:21px;float:left;background-color:#0083fd;margin:16px 10px 0 0;"
style="
width: 6px;
height: 21px;
float: left;
background-color: #0083fd;
margin: 16px 10px 0 0;
"
></p>
<p
class="cxtj"
style="font-size:18px;color: black;font-weight:800;margin-top:7px;float: left;"
style="
font-size: 18px;
color: black;
font-weight: 800;
margin-top: 7px;
float: left;
"
>
重点场所信息
</p>
......@@ -20,11 +32,25 @@
<div class="other">
<template>
<div class="aj_name">
{{ item.name ? item.name + ':' : '' }}
{{ item.name ? item.name + ":" : "" }}
</div>
<div
class="aj_content"
style="
display: flex;
align-items: center;
border: 1px solid #409eff;
padding: 0 7px;
"
v-if="item.id == 'yyzz'"
>
{{ item.content }}
<span style="margin-left: 30px" @click="preview">预览</span>
</div>
<div
class="aj_content"
style="display: flex; align-items: center"
v-else
>
{{ item.content }}
</div>
......@@ -50,7 +76,7 @@
:class="toggleZd ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"
></i>
<el-button type="text" style="color: #333333">{{
toggleZd == false ? '展开' : '收起'
toggleZd == false ? "展开" : "收起"
}}</el-button>
</span>
</div>
......@@ -59,45 +85,25 @@
<div
class="wrap_div tableZj"
style="
padding: 20px !important;
border-radius: 4px;
padding-bottom: 0;
"
padding: 20px !important;
border-radius: 4px;
padding-bottom: 0;
"
v-if="toggleZd"
>
<el-table :data="individualList.shuju" stripe border>
<el-table-column
v-for="(columnTitle,
coluIndex) in individualList.tableList.filter(
(itemsss, index) => {
return index < individualList.tableList.length - 2
}
)"
v-for="(
columnTitle, coluIndex
) in individualList.tableList.filter((itemsss, index) => {
return index < individualList.tableList.length - 2;
})"
:key="columnTitle.label"
:label="columnTitle.label"
:width="columnTitle.width"
align="left"
>
<template slot-scope="scope">
<!-- <div v-if="coluIndex == 6 ">
<span class="rightValue2">
<div class="ajxq_s">
<span class="none"
v-html="scope.row[columnTitle.prop]"></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;"
v-if="scope.row[columnTitle.prop]!=null&&scope.row[columnTitle.prop]!=''">展开</a>
</div>
<div class="ajxq_n"
style="display:none;">
<span style="display: block;"
v-html="scope.row[columnTitle.prop]"></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;"
v-if="scope.row[columnTitle.prop]!=null&&scope.row[columnTitle.prop]!=''">收起</a>
</div>
</span>
</div> -->
<div v-if="coluIndex == 0">
{{ scope.row[columnTitle.prop] }}
</div>
......@@ -113,12 +119,12 @@
</div>
<div
style="
color: #333;
font-size: 13px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
"
color: #333;
font-size: 13px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
"
v-else
:title="scope.row[columnTitle.prop]"
>
......@@ -162,8 +168,10 @@
:class="tablelistbg"
:visible.sync="dialogTableVisible2"
>
<div style="width: 200px;position: absolute;top: 21px;left: 136px;">
<span style="color:#fff;font-size: 12px;margin-left: 0px;"
<div
style="width: 200px; position: absolute; top: 21px; left: 136px"
>
<span style="color: #fff; font-size: 12px; margin-left: 0px"
>共有 {{ tableData.count }} 条透视信息</span
>
</div>
......@@ -182,7 +190,14 @@
>
<template slot-scope="scope">
<span
style="margin-left: 10px;cursor: pointer;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"
style="
margin-left: 10px;
cursor: pointer;
font-size: 13px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
"
:title="scope.row[currentList[1][index]]"
:class="index == 0 ? hoverBlue : ''"
>{{ scope.row[currentList[1][index]] }}</span
......@@ -191,7 +206,7 @@
</el-table-column>
</el-table>
<!-- 分页-->
<div style="width: 100%;margin: 0 auto;text-align: center">
<div style="width: 100%; margin: 0 auto; text-align: center">
<el-pagination
@current-change="handleCurrentChange1"
layout="total, prev, pager, next"
......@@ -226,7 +241,7 @@
"
></i>
<el-button type="text" style="color: #333333">{{
toggleXianYiRenList == false ? '展开' : '收起'
toggleXianYiRenList == false ? "展开" : "收起"
}}</el-button>
</span>
</div>
......@@ -235,17 +250,17 @@
<div
class="wrap_div tableZj"
style="
padding: 20px !important;
border-radius: 4px;
padding-bottom: 0;
"
padding: 20px !important;
border-radius: 4px;
padding-bottom: 0;
"
v-if="toggleXianYiRenList"
>
<el-table :data="fzxyrList.shuju" stripe border>
<el-table-column
v-for="(columnTitle, index) in fzxyrList.tableList.filter(
(itemsss, index) => {
return index < fzxyrList.tableList.length - 3
return index < fzxyrList.tableList.length - 3;
}
)"
:key="columnTitle.label"
......@@ -258,10 +273,10 @@
v-if="index == 0"
@click="goDetail(scope.row)"
style="
cursor: pointer;
color: #096cc9;
font-size: 13px !important;
"
cursor: pointer;
color: #096cc9;
font-size: 13px !important;
"
>
{{ scope.row[columnTitle.prop] }}
</div>
......@@ -302,7 +317,7 @@
:class="ajglxs ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"
></i>
<el-button type="text" style="color: #333333">{{
ajglxs == false ? '展开' : '收起'
ajglxs == false ? "展开" : "收起"
}}</el-button>
</span>
</div>
......@@ -311,17 +326,17 @@
<div
class="wrap_div tableZj"
style="
padding: 20px !important;
border-radius: 4px;
padding-bottom: 0;
"
padding: 20px !important;
border-radius: 4px;
padding-bottom: 0;
"
v-if="ajglxs"
>
<el-table :data="ajglxsLsit.shuju" stripe border>
<el-table-column
v-for="(columnTitle, coluIndex) in ajglxsLsit.tableList.filter(
(itemsss, index) => {
return index < ajglxsLsit.tableList.length
return index < ajglxsLsit.tableList.length;
}
)"
:key="columnTitle.label"
......@@ -368,12 +383,12 @@
</div>
<div
style="
color: #333;
font-size: 13px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
"
color: #333;
font-size: 13px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
"
v-else
:title="scope.row[columnTitle.prop]"
>
......@@ -412,23 +427,25 @@
</div>
<!-- 人像对比 -->
<div style="background-color: #fff;height: 100%;border-radius: 8px;">
<div style="background-color: #fff; height: 100%; border-radius: 8px">
<div class="infoName">
<el-badge class="item">
<span
style="color: black;
style="
color: black;
font-weight: bold;
font-size: 16px;
font-family: Microsoft YaHei;
position: relative;
top: 20px;
left: 39px;"
left: 39px;
"
>人像比对</span
>
</el-badge>
</div>
<div style="padding: 30px 50px;">
<span style="color: black;">自定义时间：</span>
<div style="padding: 30px 50px">
<span style="color: black">自定义时间：</span>
<el-date-picker
v-model="startTime"
type="datetime"
......@@ -437,7 +454,7 @@
placeholder="选择日期"
>
</el-date-picker>
<span style="margin:0 8px;">至</span>
<span style="margin: 0 8px">至</span>
<el-date-picker
v-model="endTime"
type="datetime"
......@@ -446,10 +463,10 @@
placeholder="选择日期"
>
</el-date-picker>
<span style="color: black;margin-left: 100px;">范围：</span>
<span style="color: black; margin-left: 100px">范围：</span>
<el-input v-model="fw" placeholder="请输入范围"></el-input>
<el-button
style="margin: 0 0 0 192px;width: 100px;"
style="margin: 0 0 0 192px; width: 100px"
type="primary"
@click="doQuery"
>查 询</el-button
......@@ -457,7 +474,13 @@
</div>
<div
v-loading="loadingImg"
style="margin: 1px 65px;display: flex;flex-wrap: wrap;margin-bottom: 30px;padding-bottom: 50px"
style="
margin: 1px 65px;
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
padding-bottom: 50px;
"
>
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane
......@@ -468,30 +491,32 @@
<span slot="label"
>{{ item.cameraName }}
<span
style="background-color: #fe9200;
style="
background-color: #fe9200;
display: inline-block;
width: 31px;
line-height: 24px;
border-radius: 13px;
text-align: center;
color: #fff;
font-weight: 900;"
font-weight: 900;
"
>{{ item.data.length }}</span
></span
>
<div style="display: flex;flex-wrap: wrap;">
<div style="display: flex; flex-wrap: wrap">
<div
style="margin: 0 15px; margin-bottom: 20px"
v-for="(itemImg, indexImg) in item.data"
:key="indexImg"
>
<el-image id="img" :src="itemImg.faceUrl" lazy></el-image>
<div style="margin-left: 31px;">
<div style="margin-left: 31px">
<span>{{ itemImg.time }}</span>
</div>
<el-button
@click="whoAreyou(itemImg.faceUrl)"
style="width: 120px;margin-left: 33px;"
style="width: 120px; margin-left: 33px"
type="primary"
>他是谁</el-button
>
......@@ -511,16 +536,21 @@
>
<div
v-loading="loadingImg"
style="margin: 1px 65px;display: flex;flex-wrap: wrap;margin-bottom: 30px;"
style="
margin: 1px 65px;
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
"
>
<div
class="demo-image__lazy"
style="margin: 0 15px;"
style="margin: 0 15px"
v-for="(item, index) in fitsImg"
:key="index"
>
<el-image id="img" :src="item.file" lazy></el-image>
<div style="display: grid;">
<div style="display: grid">
<span> 姓名:{{ item.xm }}</span>
<span> 身份证号:{{ item.cid }}</span>
</div>
......@@ -530,13 +560,16 @@
</div>
</div>
</div>
<div class="prive_picture" v-if="filePreviewFlag" @click="filePreviewFlag = false">
<el-image class="picture" src="../../assets/noicon.png"> </el-image>
</div>
</div>
</template>
<script>
import { imageToBase64, base64ToFile } from '@/api/zxxd/img.js'
import { post, postform } from '@/utils/http.js'
import base from '@/api/base'
import { imageToBase64, base64ToFile } from "@/api/zxxd/img.js";
import { post, postform } from "@/utils/http.js";
import base from "@/api/base";
import {
getZdcsByBh,
getAsjList,
......@@ -545,98 +578,40 @@ import {
getRxXx,
getFaceImageByUploadImageJt,
getFaceImage,
getAsjStringList
} from '@/api/place.js'
getAsjStringList,
} from "@/api/place.js";
export default {
name: 'wdpt',
data () {
name: "wdpt",
data() {
return {
filePreviewFlag: false,
nlst: [],
loadingImg: false,
nameTmage: '',
ageImge: '',
identityImge: '',
imgs: '',
nameTmage: "",
ageImge: "",
identityImge: "",
imgs: "",
// imgs: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
dialogImg: false,
ajglxs: false,
ajgyxsList: '',
ajgyxsList: "",
// 图像
fits: [
// {
// faceUrl:
// 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
// time: '2021.02.01 11:12:00',
// cameraId: '1',
// cameraName: 'CFRL-众联广场北门1_'
// },
// {
// faceUrl:
// 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
// time: '2021.02.01 11:12:00',
// cameraId: '1',
// cameraName: 'CFRL-众联广场北门1_'
// },
// {
// faceUrl:
// 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
// time: '2021.02.01 11:12:00',
// cameraId: '1',
// cameraName: 'CFRL-众联广场北门1_'
// },
// {
// faceUrl:
// 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
// time: '2021.02.01 11:12:00',
// cameraId: '3',
// cameraName: 'CFRL-众联广场北门1111111111111'
// }
],
fits: [],
// 图像
fitsImg: [
// {
// file: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
// cid: '2021.02.01 11:12:00',
// xm: '场北门'
// },
// {
// file: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
// cid: '2021.02.01 11:12:00',
// xm: '战兽山'
// }, {
// file: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
// cid: '2021.02.01 11:12:00',
// xm: '战兽山'
// },
// {
// file: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
// cid: '2021.02.01 11:12:00',
// xm: '战兽山'
// },
// {
// file: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
// cid: '2021.02.01 11:12:00',
// xm: '战兽山'
// },
// {
// file: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
// cid: '2021.02.01 11:12:00',
// xm: '战兽山'
// },
],
startTime: '',
endTime: '',
fw: '',
fitsImg: [],
startTime: "",
endTime: "",
fw: "",
// 透视窗口
hoverBlue: 'hoverBlue',
datalistTitle: '个案立案信息',
tablelistbg: 'tablelistbg',
hoverBlue: "hoverBlue",
datalistTitle: "个案立案信息",
tablelistbg: "tablelistbg",
dialogTableVisible2: false,
page_size: 5,
currentPage1: 1,
tableData: {
//只返回当前页面数据
count: '5'
count: "5",
},
datalistData: [],
loadingTable: false,
......@@ -645,425 +620,436 @@ export default {
XstsList: [
[
[
'线索名称',
'线索来源',
'涉及地区',
'涉及行业领域',
'录入人',
'录入单位',
'录入时间'
"线索名称",
"线索来源",
"涉及地区",
"涉及行业领域",
"录入人",
"录入单位",
"录入时间",
],
[
'shsexsmc',
'shsexslydm',
'shsesjdq',
'shsexssjhylydm',
'xxdjryXm',
'xxdjdwGajgmc',
'djsj'
]
]
"shsexsmc",
"shsexslydm",
"shsesjdq",
"shsexssjhylydm",
"xxdjryXm",
"xxdjdwGajgmc",
"djsj",
],
],
],
// 透视窗口
total: '',
total1: '',
total2: '',
total: "",
total1: "",
total2: "",
// xxcount: false, // 条数的显示和隐藏
// xyrcount: false, // 条数的显示和隐藏
jd: '', // 经度
wd: '', // 纬度
jd: "", // 经度
wd: "", // 纬度
toggleZd: false /*默认收起条件右侧上边查询条件*/,
toggleXianYiRenList: false /*默认收起条件右侧上边查询条件*/,
wdInfo: [
{
name: '场所类别',
id: 'cslbdmStr',
content: ''
name: "场所类别",
id: "cslbdmStr",
content: "",
},
{
name: '场所编码',
id: 'csbm',
content: ''
name: "场所编码",
id: "csbm",
content: "",
},
{
name: '场所名称',
id: 'csmc',
content: ''
name: "场所名称",
id: "csmc",
content: "",
},
{
name: '地址',
id: 'csdzmc',
content: ''
name: "地址",
id: "csdzmc",
content: "",
},
{
name: '联系电话',
id: 'lxdh',
content: ''
name: "联系电话",
id: "lxdh",
content: "",
},
{
name: '录入单位',
id: 'xxdjdwGajgjgdm',
content: ''
name: "录入单位",
id: "xxdjdwGajgjgdm",
content: "",
},
{
name: '法人姓名',
id: 'frXm',
content: ''
name: "法人姓名",
id: "frXm",
content: "",
},
{
name: '法人证件号码',
id: 'frZjhm',
content: ''
name: "法人证件号码",
id: "frZjhm",
content: "",
},
{
name: '法人联系电话',
id: 'frLxdh',
content: ''
name: "法人联系电话",
id: "frLxdh",
content: "",
},
{
name: '负责人姓名',
id: 'fzrXm',
content: ''
name: "负责人姓名",
id: "fzrXm",
content: "",
},
{
name: '负责人联系电话',
id: 'fzrLxdh',
content: ''
name: "负责人联系电话",
id: "fzrLxdh",
content: "",
},
{
name: '经度',
id: 'jd',
content: ''
name: "经度",
id: "jd",
content: "",
},
{
name: '纬度',
id: 'wd',
content: ''
}
name: "纬度",
id: "wd",
content: "",
},
{
name: "营业执照照片",
id: "yyzz",
content: "营业执照照片",
url: "",
},
],
loading: true,
//个案信息
individualList: {
total: '',
total: "",
tableList: [
{
label: '案件名称',
prop: 'ajmc',
width: 180
label: "案件名称",
prop: "ajmc",
width: 180,
},
{
label: '案件编号',
prop: 'asjbh',
width: 220
label: "案件编号",
prop: "asjbh",
width: 220,
},
{
label: '案件类别',
prop: 'ajlbdmStr',
width: '230'
label: "案件类别",
prop: "ajlbdmStr",
width: "230",
},
{
label: '案发时间',
prop: 'fxasjsj',
width: '150'
label: "案发时间",
prop: "fxasjsj",
width: "150",
},
{
label: '案发地',
prop: 'afd'
label: "案发地",
prop: "afd",
},
{
label: '立案时间',
prop: 'larq',
width: '150'
label: "立案时间",
prop: "larq",
width: "150",
},
{
label: '立案单位',
prop: 'ladwStr',
width: '140'
label: "立案单位",
prop: "ladwStr",
width: "140",
},
{
label: '简要案情',
prop: 'jyaq',
width: '230'
label: "简要案情",
prop: "jyaq",
width: "230",
},
{
label: '个案的信息主键编号',
prop: 'xxzjbh'
label: "个案的信息主键编号",
prop: "xxzjbh",
},
{
label: '基本信息主键编号',
prop: 'glxxXxzjbh'
}
label: "基本信息主键编号",
prop: "glxxXxzjbh",
},
],
shuju: [],
page: {
total: 15,
pageSize: 5,
currentPage: 1,
type: 'xyr'
}
type: "xyr",
},
},
//犯罪嫌疑人
fzxyrList: {
total: '',
total: "",
tableList: [
{
label: '案件编号',
prop: 'asjbh'
label: "案件编号",
prop: "asjbh",
},
{
label: '姓名',
prop: 'zhfzxyrXm'
label: "姓名",
prop: "zhfzxyrXm",
},
{
label: '性别',
prop: 'xb'
label: "性别",
prop: "xb",
},
{
label: '出生日期',
prop: 'zhfzxyrCsrqRqgzxx'
label: "出生日期",
prop: "zhfzxyrCsrqRqgzxx",
},
{
label: '证件号码',
prop: 'zhfzxyrCyzjZjhm'
label: "证件号码",
prop: "zhfzxyrCyzjZjhm",
},
{
label: '户籍地',
prop: 'zhfzxyrHjdzDzmc'
label: "户籍地",
prop: "zhfzxyrHjdzDzmc",
},
{
label: '地位作用',
prop: 'dwzy'
label: "地位作用",
prop: "dwzy",
},
{
label: '编号',
prop: 'xxzjbh'
label: "编号",
prop: "xxzjbh",
},
{
label: '编号',
prop: 'asjbh'
label: "编号",
prop: "asjbh",
},
{
label: '编号',
prop: 'glxxXxzjbh'
}
label: "编号",
prop: "glxxXxzjbh",
},
],
shuju: [],
page: {
total: 15,
pageSize: 5,
currentPage: 1,
type: 'xyr'
type: "xyr",
},
handleSizeChange (sizeVal) {
this.fzxyrList.page.currentPage = 1
this.fzxyrList.page.pageSize = sizeVal
this.getZbfzxyr()
}
handleSizeChange(sizeVal) {
this.fzxyrList.page.currentPage = 1;
this.fzxyrList.page.pageSize = sizeVal;
this.getZbfzxyr();
},
},
activeName: '',
activeName: "",
// 案件关联线索
ajglxsLsit: {
total: '',
total: "",
tableList: [
{
label: '线索名称',
prop: 'shsexsmc',
width: 180
label: "线索名称",
prop: "shsexsmc",
width: 180,
},
{
label: '线索来源',
prop: 'shsexslydm',
width: 220
label: "线索来源",
prop: "shsexslydm",
width: 220,
},
{
label: '涉及地区',
prop: 'shsesjdq',
width: '230'
label: "涉及地区",
prop: "shsesjdq",
width: "230",
},
{
label: '涉及行业领域',
prop: 'shsexssjhylydm',
width: '200'
label: "涉及行业领域",
prop: "shsexssjhylydm",
width: "200",
},
{
label: '录入人',
prop: 'xxdjryXm'
label: "录入人",
prop: "xxdjryXm",
},
{
label: '录入单位',
prop: 'xxdjdwGajgmc',
width: '220'
label: "录入单位",
prop: "xxdjdwGajgmc",
width: "220",
},
{
label: '录入时间',
prop: 'djsj',
width: '140'
}
label: "录入时间",
prop: "djsj",
width: "140",
},
],
shuju: [],
page: {
total: 15,
pageSize: 5,
currentPage: 1,
type: 'gyaj'
}
}
}
type: "gyaj",
},
},
};
},
created () {
var self = this
this.xxzjbh = this.$route.query.xxzjbh
this.getWdInfo()
created() {
var self = this;
this.xxzjbh = this.$route.query.xxzjbh;
this.getWdInfo();
// this.add()
// this.handleImgToBase64()
},
methods: {
add () {
preview() {
this.filePreviewFlag = true
},
add() {
var arr = [
{
faceUrl:
'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
time: '2021.02.01 11:12:00',
cameraId: '1',
cameraName: 'CFRL-众联广场北门1_'
"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
time: "2021.02.01 11:12:00",
cameraId: "1",
cameraName: "CFRL-众联广场北门1_",
},
{
faceUrl:
'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
time: '2021.02.01 11:12:00',
cameraId: '52',
cameraName: 'CFRL-众联广场北门1_'
"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
time: "2021.02.01 11:12:00",
cameraId: "52",
cameraName: "CFRL-众联广场北门1_",
},
{
faceUrl:
'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
time: '2021.02.01 11:12:00',
cameraId: '1',
cameraName: 'CFRL-众联广场北门1_'
"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
time: "2021.02.01 11:12:00",
cameraId: "1",
cameraName: "CFRL-众联广场北门1_",
},
{
faceUrl:
'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
time: '2021.02.01 11:12:00',
cameraId: '10',
cameraName: 'CFRL-众联广场北门1_'
"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
time: "2021.02.01 11:12:00",
cameraId: "10",
cameraName: "CFRL-众联广场北门1_",
},
{
faceUrl:
'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
time: '2021.02.01 11:12:00',
cameraId: '1',
cameraName: 'CFRL-众联广场北门1_'
"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
time: "2021.02.01 11:12:00",
cameraId: "1",
cameraName: "CFRL-众联广场北门1_",
},
{
faceUrl:
'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
time: '2021.02.01 11:12:00',
cameraId: '2',
cameraName: 'CFRL-众联广场北门1_'
"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
time: "2021.02.01 11:12:00",
cameraId: "2",
cameraName: "CFRL-众联广场北门1_",
},
{
faceUrl:
'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
time: '2021.02.01 11:12:00',
cameraId: '4',
cameraName: 'CFRL-众联广场北门1_'
"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
time: "2021.02.01 11:12:00",
cameraId: "4",
cameraName: "CFRL-众联广场北门1_",
},
{
faceUrl:
'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
time: '2021.02.01 11:12:00',
cameraId: '1',
cameraName: 'CFRL-众联广场北门1_'
"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
time: "2021.02.01 11:12:00",
cameraId: "1",
cameraName: "CFRL-众联广场北门1_",
},
{
faceUrl:
'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
time: '2021.02.01 11:12:00',
cameraId: '1',
cameraName: 'CFRL-众联广场北门1_'
"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
time: "2021.02.01 11:12:00",
cameraId: "1",
cameraName: "CFRL-众联广场北门1_",
},
{
faceUrl:
'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
time: '2021.02.01 11:12:00',
cameraId: '1',
cameraName: 'CFRL-众联广场北门1_'
"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
time: "2021.02.01 11:12:00",
cameraId: "1",
cameraName: "CFRL-众联广场北门1_",
},
{
faceUrl:
'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
time: '2021.02.01 11:12:00',
cameraId: '1',
cameraName: 'CFRL-众联广场北门1_'
"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
time: "2021.02.01 11:12:00",
cameraId: "1",
cameraName: "CFRL-众联广场北门1_",
},
{
faceUrl:
'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
time: '2021.02.01 11:12:00',
cameraId: '3',
cameraName: 'CFRL-众联广场北门1111111111111'
}
]
var nList = []
"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
time: "2021.02.01 11:12:00",
cameraId: "3",
cameraName: "CFRL-众联广场北门1111111111111",
},
];
var nList = [];
for (var i = 0; i < arr.length; i++) {
if (nList.length == 0) {
nList.push({
cameraId: arr[i].cameraId,
cameraName: arr[i].cameraName,
data: [arr[i]]
})
data: [arr[i]],
});
} else {
var index = nList.findIndex(item => item.cameraId == arr[i].cameraId)
var index = nList.findIndex(
(item) => item.cameraId == arr[i].cameraId
);
if (index >= 0) {
nList[index].data.push(arr[i])
nList[index].data.push(arr[i]);
} else {
nList.push({
cameraId: arr[i].cameraId,
cameraName: arr[i].cameraName,
data: [arr[i]]
})
data: [arr[i]],
});
}
}
console.log(nList, '45285547')
this.fits = nList
console.log(nList, "45285547");
this.fits = nList;
}
},
handleClick (tab, event) {
debugger
console.log(tab, event)
handleClick(tab, event) {
debugger;
console.log(tab, event);
},
getAsjStringList () {
getAsjStringList() {
getAsjStringList({
asjfsddDqjd: this.jd,
asjfsddDqwd: this.wd
}).then(res => {
this.ajgyxsList = res.data.asjbh
this.getXsxxByAsjbhList()
})
asjfsddDqwd: this.wd,
}).then((res) => {
this.ajgyxsList = res.data.asjbh;
this.getXsxxByAsjbhList();
});
},
//当前页改变事件
handleCurrentChangeGalaxx (val) {
this.individualList.page.currentPage = val
this.getAjList()
handleCurrentChangeGalaxx(val) {
this.individualList.page.currentPage = val;
this.getAjList();
},
handleImgToBase64 (url, cb) {
debugger
let that = this
var image = new Image()
image.crossOrigin = 'Anonymous'
image.src = url + '?v=' + Math.random()
handleImgToBase64(url, cb) {
debugger;
let that = this;
var image = new Image();
image.crossOrigin = "Anonymous";
image.src = url + "?v=" + Math.random();
// image.crossOrigin = ''
image.onload = function () {
debugger
let base64 = imageToBase64(image) //图片转base64
let file = base64ToFile(base64, 'file') //base64转File
cb && typeof cb == 'function' && cb(file)
return file
}
debugger;
let base64 = imageToBase64(image); //图片转base64
let file = base64ToFile(base64, "file"); //base64转File
cb && typeof cb == "function" && cb(file);
return file;
};
},
whoAreyou (img) {
whoAreyou(img) {
// getFaceImage({
// files: img
// }).then(res => {
......@@ -1077,163 +1063,163 @@ export default {
// this.dialogImg = true
// this.fitsImg = res.data.data
// })
debugger
var params = new FormData()
this.handleImgToBase64(img, res => {
debugger
console.log(res)
params.append('files', res)
var url = 'http://26.3.13.184:2009'
debugger;
var params = new FormData();
this.handleImgToBase64(img, (res) => {
debugger;
console.log(res);
params.append("files", res);
var url = "http://26.3.13.184:2009";
postform(`${url}/image/getFaceImageByUploadImageJt`, params).then(
res => {
if (JSON.stringify(res.data) == '{}') {
return this.$alert(res.message, '提示', {
confirmButtonText: '确定',
type: 'warning'
})
(res) => {
if (JSON.stringify(res.data) == "{}") {
return this.$alert(res.message, "提示", {
confirmButtonText: "确定",
type: "warning",
});
}
this.dialogImg = true
this.fitsImg = res.data.data
this.dialogImg = true;
this.fitsImg = res.data.data;
}
)
})
);
});
},
doQuery () {
this.getRxXxList()
doQuery() {
this.getRxXxList();
},
getRxXxList () {
debugger
var self = this
self.loadingImg = true
getRxXxList() {
debugger;
var self = this;
self.loadingImg = true;
getRxXx({
jd: self.jd,
wd: self.wd,
fw: self.fw,
starttime: self.startTime,
endtime: self.endTime
}).then(res => {
endtime: self.endTime,
}).then((res) => {
// console.log(res)
if (JSON.stringify(res.data) == '{}') {
this.$alert(res.message, '提示', {
confirmButtonText: '确定',
type: 'warning'
})
if (JSON.stringify(res.data) == "{}") {
this.$alert(res.message, "提示", {
confirmButtonText: "确定",
type: "warning",
});
} else {
self.loadingImg = false
var arr = res.data.rows
var nList = []
self.loadingImg = false;
var arr = res.data.rows;
var nList = [];
for (var i = 0; i < arr.length; i++) {
if (nList.length == 0) {
nList.push({
cameraId: arr[i].cameraId,
cameraName: arr[i].cameraName,
data: [arr[i]]
})
data: [arr[i]],
});
} else {
var index = nList.findIndex(
item => item.cameraId == arr[i].cameraId
)
(item) => item.cameraId == arr[i].cameraId
);
if (index >= 0) {
nList[index].data.push(arr[i])
nList[index].data.push(arr[i]);
} else {
nList.push({
cameraId: arr[i].cameraId,
cameraName: arr[i].cameraName,
data: [arr[i]]
})
data: [arr[i]],
});
}
}
console.log(nList, '45285547')
this.fits = nList
console.log(nList, "45285547");
this.fits = nList;
}
}
})
});
},
//当前页改变事件
handleCurrentChange (val) {
this.fzxyrList.page.currentPage = val
handleCurrentChange(val) {
this.fzxyrList.page.currentPage = val;
},
switAjglxs () {
this.ajglxs = !this.ajglxs
switAjglxs() {
this.ajglxs = !this.ajglxs;
},
//个案信息展开更多条件和收起条件时
switchingConditions () {
this.toggleZd = !this.toggleZd
switchingConditions() {
this.toggleZd = !this.toggleZd;
},
//嫌疑人信息展开更多条件和收起条件时
switchingXianYiRenConditions () {
this.toggleXianYiRenList = !this.toggleXianYiRenList
switchingXianYiRenConditions() {
this.toggleXianYiRenList = !this.toggleXianYiRenList;
},
//当前页改变事件
handleCurrentChangeXyr (val) {
this.individualList.page.currentPage = val
this.getZbfzxyr()
handleCurrentChangeXyr(val) {
this.individualList.page.currentPage = val;
this.getZbfzxyr();
},
handleSizeChangeXyr (sizeVal) {
this.individualList.page.pageSize = sizeVal
this.getZbfzxyr()
handleSizeChangeXyr(sizeVal) {
this.individualList.page.pageSize = sizeVal;
this.getZbfzxyr();
},
//个案信息列表
toListShow () {
this.individualList.shuju = []
var params = new FormData()
params.append('glxxXxzjbh', this.xxzjbh)
params.append('page', this.individualList.page.currentPage)
params.append('rows', this.individualList.page.pageSize)
getLaShseList(params).then(res => {
console.log(res)
this.individualList.total = res.data.total
this.individualList.shuju = []
var obj = {}
res.data.rows.forEach(item => {
this.individualList.tableList.forEach(subItem => {
obj[subItem.prop] = item[subItem.prop]
})
this.individualList.shuju.push(obj)
obj = {}
})
this.individualList.page.total = res.data.total
toListShow() {
this.individualList.shuju = [];
var params = new FormData();
params.append("glxxXxzjbh", this.xxzjbh);
params.append("page", this.individualList.page.currentPage);
params.append("rows", this.individualList.page.pageSize);
getLaShseList(params).then((res) => {
console.log(res);
this.individualList.total = res.data.total;
this.individualList.shuju = [];
var obj = {};
res.data.rows.forEach((item) => {
this.individualList.tableList.forEach((subItem) => {
obj[subItem.prop] = item[subItem.prop];
});
this.individualList.shuju.push(obj);
obj = {};
});
this.individualList.page.total = res.data.total;
//console.log(this.individualList);
})
});
},
getWdInfo () {
var self = this
debugger
getWdInfo() {
var self = this;
debugger;
getZdcsByBh({
xxzjbh: self.xxzjbh
}).then(res => {
var result = res.data.data
self.wdInfo.forEach(item => {
item.content = result[item.id]
})
self.jd = result.jd
self.wd = result.wd
self.getAjList()
self.getFyrList()
self.getAsjStringList()
})
xxzjbh: self.xxzjbh,
}).then((res) => {
var result = res.data.data;
self.wdInfo.forEach((item) => {
item.content = result[item.id];
});
self.jd = result.jd;
self.wd = result.wd;
self.getAjList();
self.getFyrList();
self.getAsjStringList();
});
},
handleCurrentChange1 (val) {
console.log('切换')
this.currentPage1 = val
handleCurrentChange1(val) {
console.log("切换");
this.currentPage1 = val;
},
handleSizeChange1 (sizeVal) {
this.page_size = sizeVal
handleSizeChange1(sizeVal) {
this.page_size = sizeVal;
},
handleCurrentChangeAj (sizeVal) {
this.ajglxsLsit.page.pageSize = sizeVal
this.getXsxxByAsjbhList()
handleCurrentChangeAj(sizeVal) {
this.ajglxsLsit.page.pageSize = sizeVal;
this.getXsxxByAsjbhList();
},
goXsmc (scope) {
window.sessionStorage.setItem('shsexsbh', scope.shsexsbh)
window.sessionStorage.setItem('xxzjbh', scope.zlbh)
window.sessionStorage.setItem('xjxsPdbz', scope.xjxsPdbz)
window.sessionStorage.setItem('isYjxs', scope.isYjxs)
window.sessionStorage.setItem('isXqxsPdbz', scope.xqxsPdbz)
goXsmc(scope) {
window.sessionStorage.setItem("shsexsbh", scope.shsexsbh);
window.sessionStorage.setItem("xxzjbh", scope.zlbh);
window.sessionStorage.setItem("xjxsPdbz", scope.xjxsPdbz);
window.sessionStorage.setItem("isYjxs", scope.isYjxs);
window.sessionStorage.setItem("isXqxsPdbz", scope.xqxsPdbz);
this.$router.pushToTab({
path: 'xsDetail',
query: { shsexsbh: scope.shsexsbh }
})
path: "xsDetail",
query: { shsexsbh: scope.shsexsbh },
});
},
// goDetail1 (scope) {
// debugger
......@@ -1249,19 +1235,19 @@ export default {
// this.tableData.count = res.data.total
// })
// },
getAjList () {
var self = this
getAjList() {
var self = this;
getAsjList({
page: self.individualList.page.currentPage,
rows: self.individualList.page.pageSize,
asjfsddDqjd: self.jd,
asjfsddDqwd: self.wd
}).then(res => {
console.log('11111', res)
self.individualList.shuju = res.data.rows
self.individualList.page.total = res.data.total
this.loading = false
this.total = res.data.total
asjfsddDqwd: self.wd,
}).then((res) => {
console.log("11111", res);
self.individualList.shuju = res.data.rows;
self.individualList.page.total = res.data.total;
this.loading = false;
this.total = res.data.total;
// self.ajgyxsList = res.data.rows
// .map(item => {
// return item.asjbh
......@@ -1274,50 +1260,50 @@ export default {
// } else {
// this.xxcount = false
// }
})
});
},
getFyrList () {
var self = this
getFyrList() {
var self = this;
getFzxyrList({
page: self.individualList.page.currentPage,
rows: self.individualList.page.pageSize,
asjfsddDqjd: self.jd,
asjfsddDqwd: self.wd
}).then(res => {
console.log('23030', res)
self.fzxyrList.shuju = res.data.rows
self.fzxyrList.page.total = res.data.total
this.total1 = res.data.total
this.loading = false
asjfsddDqwd: self.wd,
}).then((res) => {
console.log("23030", res);
self.fzxyrList.shuju = res.data.rows;
self.fzxyrList.page.total = res.data.total;
this.total1 = res.data.total;
this.loading = false;
// if (self.fzxyrList.page.total > 0) {
// this.xyrcount = true
// } else {
// this.xyrcount = false
// }
})
});
},
getXsxxByAsjbhList () {
var self = this
getXsxxByAsjbhList() {
var self = this;
getXsxxByAsjbh({
page: self.ajglxsLsit.page.currentPage,
rows: self.ajglxsLsit.page.pageSize,
asjbh: self.ajgyxsList
}).then(res => {
console.log('11111', res)
self.ajglxsLsit.shuju = res.data.rows
self.ajglxsLsit.page.total = res.data.total
this.total2 = res.data.total
this.loading = false
asjbh: self.ajgyxsList,
}).then((res) => {
console.log("11111", res);
self.ajglxsLsit.shuju = res.data.rows;
self.ajglxsLsit.page.total = res.data.total;
this.total2 = res.data.total;
this.loading = false;
// if (self.individualList.page.total > 0) {
// this.xxcount = true
// } else {
// this.xxcount = false
// }
})
}
});
},
},
watch: {}
}
watch: {},
};
</script>
<style lang="scss" scoped>
......@@ -1352,6 +1338,67 @@ img.el-image__inner {
.el-input {
width: 200px;
}
.prive_picture {
z-index: 999;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
.picture {
width: 500px;
height: 600px;
margin-left: -250px;
left: 50%;
top: 50%;
// transform: translateX(-50%);
transform: translateY(-50%);
}
.prive_btn {
z-index: 100;
display: flex;
width: 500px;
justify-content: space-around;
// justify-content
position: relative;
transform: translateY(-50%);
left: 40%;
top: 15%;
}
.btn {
position: absolute;
z-index: 101;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
opacity: 0.8;
cursor: pointer;
box-sizing: border-box;
user-select: none;
left: 50%;
bottom: 30px;
transform: translateX(-50%);
width: 282px;
height: 44px;
padding: 0 23px;
background-color: #606266;
border-color: #fff;
border-radius: 22px;
}
.btnchild {
width: 100%;
height: 100%;
text-align: justify;
cursor: default;
font-size: 23px;
color: #fff;
display: flex;
align-items: center;
justify-content: space-around;
}
}
.header {
background: #1a81e1;
height: 60px;
......
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