Skip to content

F
founder_vue
Commit 8d3898fe by dupengfei
Options

车辆档案 手机档案 对接修改

parent 6dbe5776
Showing with 676 additions and 137 deletions
src/components/qxda_compontents.vue
......@@ -4,7 +4,7 @@
<div class="paneDiv">
<!--可配置化图标-->
<div
v-if="cxType != 'mySjh' && cxType != 'thjl' && cxType != 'sjLs' && cxType != 'txgxFx'"
v-if="cxType != 'mySjh' && cxType != 'thjl' && cxType != 'sjLs' && cxType != 'txgxFx' && cxType !='wlkd' && cxType != 'tlgx'"
style="
line-height: 35px;
display: flex;
......@@ -45,9 +45,9 @@
>导出</el-button
>-->
</div>
<div v-if="cxType == 'mySjh'" style="font-size:16px;margin-bottom:5px">
<!--<div v-if="cxType == 'mySjh'" style="font-size:16px;margin-bottom:5px">
<span style="font-wight:500;font-size:18px;margin-right:5px">{{phoneInfo.sjhm}}</span> <span style="margin-right:5px">{{phoneInfo.gsd}}</span> <span>{{phoneInfo.yys}}</span>
</div>
</div>-->
<!--表格-->
<el-table
id="ajzbQuery"
......@@ -330,7 +330,7 @@ export default {
self.tableData = res.data.rows;
self.dataLength = res.data.total;
self.tPage = Math.ceil(res.data.total / self.page_size);
self.phoneInfo = res.data.phoneInfo
//self.phoneInfo = res.data.phoneInfo
self.tableLoading = false;
} else {
/*self.$message({
......
src/views/ryda/carda.vue
......@@ -55,7 +55,7 @@
</div>
<div class="carda_top_right_content">
<span style="font-size: 12px; color: #999999; padding-left: 10px"
>涉案车辆</span
></span
>
<!-- <img src="@/assets/img/dangan/wu.png"
alt=""
......@@ -159,32 +159,50 @@
/>
<span
style="color: #21272a; font-size: 15px; vertical-align: middle"
>出行时间规律</span
>车辆轨迹</span
>
</div>
<div style="color: #555555; font-size: 12px">
<span style="padding-right: 10px">不限</span>
<span style="padding-right: 10px">近一年</span>
<span style="padding-right: 10px">近三年</span>
<span style="padding-right: 10px">自定义</span>
<span>时间:</span>
<el-date-picker
v-model="cxSj"
type="datetimerange"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
:picker-options="pickerOptions"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
align="right"
size="mini"
>
</el-date-picker>
</div>
</div>
<div style="padding: 0 20px">
<div style="padding: 2px 20px">
<el-divider></el-divider>
</div>
<div
class="carda_three_left_content"
style="color: #333333; text-align: left; padding-left: 20px"
>
<el-table :data="timeRule" style="width: 100%">
<!--<el-table :data="timeRule" style="width: 100%">
<el-table-column prop="address" label="地点"> </el-table-column>
<el-table-column prop="timelong" label="时长" width="180">
</el-table-column>
<el-table-column prop="captureTimes" label="抓拍次数" width="180">
</el-table-column>
</el-table>
</el-table>-->
<!-- <img src="@/assets/img/dangan/961.png"
alt=""> -->
<table-component
:DefaultAjFormThead="mycarFormThead"
:propQueryData="mycarQueryData"
:cxUrl="mycarCxUrl"
:cxType="mycarCxType"
:cxSj="cxSj"
></table-component>
</div>
</div>
<div class="carda_three_right">
......@@ -225,8 +243,10 @@
<script>
import request from "@/utils/axiosHttp.js";
import requestUserInfo from "@/api/interface/dictionaryCode.js";
import url from "@/api/base";
import tableComponent from "@c/qxda_compontents.vue";
import moment from "moment";
export default {
components: {
tableComponent,
......@@ -237,58 +257,73 @@ export default {
form: {},
formData: [
{
name: "车辆类型",
prop:'cllx',
name: "车主姓名",
prop: "zwxm",
value: "",
},
{
name: "车主身份证号",
prop: "sfzh",
value: "",
},
{
name: "证件类型",
prop: "zjlxmc",
value: "",
},
{
name: "车辆品牌",
prop:'clpp1',
prop: "clpp",
value: "",
},
{
name: "车牌颜色",
prop:'csys',
name: "车辆颜色",
prop: "clysmc",
value: "",
},
{
name: "车牌号",
prop:'hphm',
name: "车牌号码",
prop: "cphm",
value: "",
},
{
name: "车牌种类",
prop:'hpzl',
name: "车辆类型",
prop: "cllxmc",
value: "",
},
{
name: "机动车状态",
prop:'jdczt',
name: "车辆品牌",
prop: "clpp",
value: "",
},
// {
// name: "住址详址",
// prop:'zzdzxz',
// value: "",
// },
{
name: "发动机号",
prop:'fdjh',
name: "车辆购买日期",
prop: "clgmrq",
value: "",
},
{
name: "车架号",
prop:'cjh',
prop: "cjh",
value: "",
},
{
name: "发动机号",
prop: "fdjh",
value: "",
},
{
name: "号牌种类",
prop: "hpzlmc",
value: "",
},
{
name: "车辆序号",
prop:'xh',
name: "机动车状态",
prop: "clyxztmc",
value: "",
},
{
name: "发证机关",
prop:'fzjg',
name: "机动车使用性质代码",
prop: "jdcsyxzdm",
value: "",
},
],
......@@ -432,12 +467,12 @@ export default {
carLsFormThead: [
{
label: "姓名",
width: "220",
width: "450",
prop: "xm",
},
{
label: "证件号码",
width: "220",
width: "450",
prop: "zjhm",
},
],
......@@ -452,12 +487,12 @@ export default {
carwzFormThead: [
{
label: "姓名",
width: "220",
width: "450",
prop: "xm",
},
{
label: "证件号码",
width: "220",
width: "450",
prop: "zjhm",
},
],
......@@ -469,13 +504,225 @@ export default {
},
carwzCxUrl: "/cldaApi/getClWzXx",
carwzCxType: "thjl",
//车辆轨迹
mycarFormThead: [
{
label: "卡口编码",
prop: "newa",
width: "220",
},
{
label: "车辆号牌",
prop: "veco",
width: "120",
},
{
label: "号牌种类",
prop: "vctymc",
width: "120",
},
{
label: "经过时间",
prop: "stti",
width: "140",
},
{
label: "号牌颜色",
prop: "vccl",
width: "120",
},
{
label: "车辆颜色",
prop: "vhclmc",
width: "120",
},
{
label: "车辆品牌名称",
prop: "vhbrmc",
width: "120",
},
{
label: "经过地址",
prop: "siad",
width: "250",
},
{
label: "最后发现时间",
prop: "latm",
width: "140",
},
{
label: "经度",
prop: "lon",
width: "140",
},
{
label: "纬度",
prop: "lat",
width: "140",
},
],
mycarQueryData: {
carNo: this.$route.query["cphm"],
pageNumber: 1,
pageSize: 10,
//请求人姓名
qqyhm : JSON.parse(sessionStorage.getItem("userInfo")).trueName,
qqrsfzh : JSON.parse(sessionStorage.getItem("userInfo")).identitycard,
qqip : JSON.parse(sessionStorage.getItem("userInfo")).ip
},
mycarCxUrl: "/meiya/getMyClGjXxx",
mycarCxType: "thjl",
cxSj: [],
pickerOptions: {
shortcuts: [
{
text: "最近一个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth();
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 0) {
month = 12 + month;
year = year - 1;
}
if (month < 10 && month > 0) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
},
},
{
text: "最近三个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 2;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 0) {
month = 12 + month;
year = year - 1;
}
if (month < 10 && month > 0) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
},
},
{
text: "最近六个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 5;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 0) {
month = 12 + month;
year = year - 1;
}
if (month < 10 && month > 0) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
},
},
{
text: "最近一年",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 11;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 0) {
month = 12 + month;
year = year - 1;
}
if (month < 10 && month > 0) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
},
},
],
},
};
},
mounted() {
this.initData();
this.getClXx();
this.getClJbxx()
this.getClJbxx();
this.defaultDate();
},
methods: {
initData(){
requestUserInfo.getYhxx("").then((res) => {
if (res.success === true){
sessionStorage.setItem("userInfo",JSON.stringify(res.data.rows));
}
})
},
defaultDate(){
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 5;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 0) {
month = 12 + month;
year = year - 1;
}
if (month < 10 && month > 0) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
let beginTime = moment(firstDayOfPreMonth.getTime()).format(
"YYYY-MM-DD HH:mm:ss"
)
let endTime = moment(end.getTime()).format(
"YYYY-MM-DD HH:mm:ss"
)
this.cxSj = [beginTime, endTime]
},
postCarJz(form) {
return request({
url: url.rzURL + "/cldaApi/getClCzxx",
......@@ -485,24 +732,32 @@ export default {
},
postCarJbxx(form) {
return request({
url: url.rzURL + "/cldaApi/getClJbxx",
url: url.rzURL + "/meiya/getMyClDaxx",
data: JSON.parse(form),
method: "POST",
});
},
getClJbxx() {
let self = this,
json = {};
json["objectValue"] = self.$route.query["cphm"];
json["objectType"] = "car";
let self = this;
let userInfo = JSON.parse(sessionStorage.getItem("userInfo"));
let json = {};
//查询证件好
json["cphm"] = self.$route.query["cphm"];
//请求人姓名
json["qqyhm"] = userInfo.trueName;
json["qqrsfzh"] = userInfo.identitycard;
json["qqip"] = userInfo.ip;
self.postCarJbxx(JSON.stringify(json)).then((res) => {
if (res.success === true) {
debugger
//debugger
self.formData.forEach((item) => {
item.value = res.data.rows[item.prop];
item.value = res.data.rows[0][item.prop];
});
debugger;
//debugger;
//self.formData = res.data.rows[0]
} else {
self.$message({
type: "error",
......@@ -545,15 +800,15 @@ export default {
.carda_top_left {
width: 60%;
background-color: #fff;
height: 202px;
height: 270px;
margin-right: 20px;
overflow: auto;
.carda_top_left_title {
padding: 0 20px;
height: 40px;
height: 50px;
text-align: left;
color: #21272a;
line-height: 40px;
line-height: 50px;
font-size: 15px;
}
......@@ -575,10 +830,10 @@ export default {
.carda_top_right {
width: 40%;
height: 202px;
height: 270px;
text-align: left;
background-color: #fff;
overflow: auto;
.carda_top_right_title {
padding: 0 20px;
height: 50px;
......@@ -601,11 +856,11 @@ export default {
display: flex;
.carda_two_left {
width: 40%;
height: 248px;
width: 49%;
height: 260px;
background-color: #fff;
margin-right: 20px;
overflow: auto;
.carda_two_left_title {
padding: 0 20px;
display: flex;
......@@ -623,10 +878,10 @@ export default {
}
.carda_two_right {
width: 60%;
height: 248px;
width: 51%;
height: 260px;
background-color: #fff;
overflow: auto;
.carda_two_right_title {
padding: 0 20px;
justify-content: space-between;
......@@ -679,13 +934,14 @@ export default {
width: 100%;
display: flex;
height: 380px;
margin-bottom: 20px;
.carda_three_left {
width: 50%;
// height: 400px;
background-color: #fff;
margin-right: 20px;
overflow: auto;
.carda_three_left_title {
padding: 0 20px;
display: flex;
......@@ -695,15 +951,14 @@ export default {
}
.carda_three_left_content {
display: flex;
justify-content: center;
}
}
.carda_three_right {
width: 50%;
background-color: #fff;
overflow: auto;
.carda_three_right_title {
padding: 0 20px;
justify-content: space-between;
......
src/views/ryda/ryAsj.vue
......@@ -45,7 +45,7 @@
</div>
</div>
<div class="right">
<div class="con-wrap" v-if="this.filterTableById.indexOf(1) != -1">
<div class="con-wrap" v-show="this.filterTableById.indexOf(1) != -1">
<table-component
:DefaultAjFormThead="asjFormThead"
:propQueryData="asjQueryData"
......@@ -54,7 +54,7 @@
tableKey='ryasj01'
></table-component>
</div>
<div class="con-wrap" v-if="this.filterTableById.indexOf(2) != -1">
<div class="con-wrap" v-show="this.filterTableById.indexOf(2) != -1">
<div class="name">警情信息 （{{ jqxxTableData.length }}）</div>
<el-table
ref="multipleTable"
......
src/views/ryda/ryClCz.vue
......@@ -45,7 +45,7 @@
</div>
</div>
<div class="right">
<div class="con-wrap" v-if="this.filterTableById.indexOf(1) != -1">
<div class="con-wrap" v-show="this.filterTableById.indexOf(1) != -1">
<table-component
:DefaultAjFormThead="mycarFormThead"
:propQueryData="mycarQueryData"
......
src/views/ryda/ryFwDwDz.vue
......@@ -53,7 +53,7 @@
</div>
</div>
<div class="right">
<div class="con-wrap" v-if="this.filterTableById.indexOf(11) != -1">
<div class="con-wrap" v-show="this.filterTableById.indexOf(11) != -1">
<table-component
:DefaultAjFormThead="fwdaFormThead"
:propQueryData="fwdaQueryData"
......
src/views/ryda/ryGl.vue
......@@ -513,6 +513,7 @@ import wpgx7 from "@/assets/img/ryda/wpgx7.svg";
import wpgx8 from "@/assets/img/ryda/wpgx8.svg";
import wpgx9 from "@/assets/img/ryda/wpgx9.svg";
import request from "@/utils/axiosHttp.js";
import requestUserInfo from "@/api/interface/dictionaryCode.js";
import url from "@/api/base";
/*config为内网配置，config_internet为外网配置*/
export default {
......@@ -643,7 +644,9 @@ export default {
mounted() {
if (this.$route.query["zjhm"]) {
sessionStorage.setItem("zjhm", this.$route.query["zjhm"]);
this.initData();
}
this.getRyxx();
this.getBqList();
this.getwpxx();
......@@ -656,9 +659,19 @@ export default {
},
methods: {
initData(){
requestUserInfo.getYhxx("").then((res) => {
if (res.success === true){
sessionStorage.setItem("userInfo",JSON.stringify(res.data.rows));
}
})
},
//职业 常用地址
getPersonBasicData(){
this.initData();
let userInfo = JSON.parse(sessionStorage.getItem("userInfo"));
let json = {};
......@@ -701,6 +714,8 @@ export default {
//手机号 驾照号
getXsgxSjhm(){
this.initData()
let userInfo = JSON.parse(sessionStorage.getItem("userInfo"));
let json = {};
......
src/views/ryda/ryGx.vue
......@@ -45,7 +45,7 @@
</div>
</div>
<div class="right">
<div class="con-wrap" v-if="this.filterTableById.indexOf(11) != -1">
<div class="con-wrap" v-show="this.filterTableById.indexOf(11) != -1">
<table-component
:DefaultAjFormThead="jzgxFormThead"
:propQueryData="jzgxQueryData"
......@@ -55,7 +55,7 @@
tableKey='rygx01'
></table-component>
</div>
<div class="con-wrap" v-if="this.filterTableById.indexOf(12) != -1">
<div class="con-wrap" v-show="this.filterTableById.indexOf(12) != -1">
<table-component
:DefaultAjFormThead="tsgxFormThead"
:propQueryData="tsgxQueryData"
......@@ -65,7 +65,7 @@
tableKey='rygx02'
></table-component>
</div>
<div class="con-wrap" v-if="this.filterTableById.indexOf(13) != -1">
<div class="con-wrap" v-show="this.filterTableById.indexOf(13) != -1">
<table-component
:DefaultAjFormThead="xygxFormThead"
:propQueryData="xygxQueryData"
......@@ -75,7 +75,7 @@
tableKey='rygx03'
></table-component>
</div>
<div class="con-wrap" v-if="this.filterTableById.indexOf(31) != -1">
<div class="con-wrap" v-show="this.filterTableById.indexOf(31) != -1">
<table-component
:DefaultAjFormThead="thcFormThead"
:propQueryData="thcQueryData"
......@@ -85,7 +85,7 @@
tableKey='rygx04'
></table-component>
</div>
<div class="con-wrap" v-if="this.filterTableById.indexOf(32) != -1">
<div class="con-wrap" v-show="this.filterTableById.indexOf(32) != -1">
<table-component
:DefaultAjFormThead="tfjlgFormThead"
:propQueryData="tfjlgQueryData"
......@@ -95,7 +95,7 @@
tableKey='rygx05'
></table-component>
</div>
<div class="con-wrap" v-if="this.filterTableById.indexOf(33) != -1">
<div class="con-wrap" v-show="this.filterTableById.indexOf(33) != -1">
<table-component
:DefaultAjFormThead="thctcxFormThead"
:propQueryData="thctcxQueryData"
......@@ -105,7 +105,7 @@
tableKey='rygx06'
></table-component>
</div>
<div class="con-wrap" v-if="this.filterTableById.indexOf(34) != -1">
<div class="con-wrap" v-show="this.filterTableById.indexOf(34) != -1">
<table-component
:DefaultAjFormThead="tfjdpFormThead"
:propQueryData="tfjdpQueryData"
......@@ -115,7 +115,7 @@
tableKey='rygx07'
></table-component>
</div>
<div class="con-wrap" v-if="this.filterTableById.indexOf(35) != -1">
<div class="con-wrap" v-show="this.filterTableById.indexOf(35) != -1">
<table-component
:DefaultAjFormThead="tdbFormThead"
:propQueryData="tdbQueryData"
......
src/views/ryda/ryHlw.vue
......@@ -54,7 +54,7 @@
</div>
<div class="right">
<div class="con-wrap" v-if="this.filterTableById.indexOf(1) != -1">
<div class="con-wrap" v-show="this.filterTableById.indexOf(1) != -1">
<div class="paneDiv">
<div style="
line-height: 35px;
......@@ -114,7 +114,7 @@
</el-table>
</div>
</div>
<div class="con-wrap" v-if="this.filterTableById.indexOf(2) != -1">
<div class="con-wrap" v-show="this.filterTableById.indexOf(2) != -1">
<div class="paneDiv">
<div style="
line-height: 35px;
......
src/views/ryda/ryXwgj.vue
......@@ -47,7 +47,7 @@
</div>
</div>
<div class="right">
<div class="con-wrap" v-if="this.filterTableById.indexOf(11) != -1">
<div class="con-wrap" v-show="this.filterTableById.indexOf(11) != -1">
<table-component
:DefaultAjFormThead="wbFormThead"
:propQueryData="wbQueryData"
......@@ -58,7 +58,7 @@
tableKey='ryxwgj01'
></table-component>
</div>
<div class="con-wrap" v-if="this.filterTableById.indexOf(12) != -1">
<div class="con-wrap" v-show="this.filterTableById.indexOf(12) != -1">
<table-component
:DefaultAjFormThead="mhFormThead"
:propQueryData="mhQueryData"
......@@ -69,7 +69,7 @@
tableKey='ryxwgj02'
></table-component>
</div>
<div class="con-wrap" v-if="this.filterTableById.indexOf(13) != -1">
<div class="con-wrap" v-show="this.filterTableById.indexOf(13) != -1">
<table-component
:DefaultAjFormThead="dpFormThead"
:propQueryData="dpQueryData"
......@@ -80,7 +80,7 @@
tableKey='ryxwgj03'
></table-component>
</div>
<div class="con-wrap" v-if="this.filterTableById.indexOf(14) != -1">
<div class="con-wrap" v-show="this.filterTableById.indexOf(14) != -1">
<table-component
:DefaultAjFormThead="ldFormThead"
:propQueryData="ldQueryData"
......@@ -91,7 +91,7 @@
tableKey='ryxwgj04'
></table-component>
</div>
<div class="con-wrap" v-if="this.filterTableById.indexOf(15) != -1">
<div class="con-wrap" v-show="this.filterTableById.indexOf(15) != -1">
<table-component
:DefaultAjFormThead="jcFormThead"
:propQueryData="jcQueryData"
......@@ -102,7 +102,7 @@
tableKey='ryxwgj05'
></table-component>
</div>
<div class="con-wrap" v-if="this.filterTableById.indexOf(16) != -1">
<div class="con-wrap" v-show="this.filterTableById.indexOf(16) != -1">
<table-component
:DefaultAjFormThead="hcdpFormThead"
:propQueryData="hcdpQueryData"
......@@ -113,7 +113,7 @@
tableKey='ryxwgj06'
></table-component>
</div>
<div class="con-wrap" v-if="this.filterTableById.indexOf(17) != -1">
<div class="con-wrap" v-show="this.filterTableById.indexOf(17) != -1">
<table-component
:DefaultAjFormThead="hcjzFormThead"
:propQueryData="hcjzQueryData"
......@@ -124,7 +124,7 @@
tableKey='ryxwgj07'
></table-component>
</div>
<div class="con-wrap" v-if="this.filterTableById.indexOf(18) != -1">
<div class="con-wrap" v-show="this.filterTableById.indexOf(18) != -1">
<table-component
:DefaultAjFormThead="glFormThead"
:propQueryData="glQueryData"
......
src/views/ryda/sjda.vue
......@@ -25,6 +25,7 @@
:propQueryData="mySjQueryData"
:cxUrl="mySjCxUrl"
:cxType="mySjCxType"
:pageBs="pageBs"
></table-component>
</div>
</div>
......@@ -39,9 +40,9 @@
<el-divider></el-divider>
</div>
<div class="sjda_top_right_content">
<span style="font-size: 12px; color: #999999; padding-left: 10px"
<!--<span style="font-size: 12px; color: #999999; padding-left: 10px"
>内蒙呼和浩特、陈慧霞手机被盗窃案</span
>
>-->
<!-- <img src="@/assets/img/dangan/wu.png"
alt=""
style="margin: 0 auto;"> -->
......@@ -117,6 +118,7 @@
:propQueryData="sjLsQueryData"
:cxUrl="sjLsCxUrl"
:cxType="sjLsCxType"
:pageBs="pageBs"
></table-component>
</div>
</div>
......@@ -186,27 +188,56 @@
:propQueryData="thjlQueryData"
:cxUrl="thjlCxUrl"
:cxType="thjlCxType"
:pageBs="pageBs"
></table-component>
</div>
</div>
<div class="sjda_top_right" style="width: 50%; height: 350px">
<div class="sjda_top_right_title">
<div class="sjda_top_right_title_x">
<div>
<img
src="@/assets/img/dangan/534.png"
alt=""
style="vertical-align: middle"
/>
<span style="padding-left: 5px; vertical-align: middle"
>重点人员占比</span
>物流寄递</span
>
</div>
<div>
<span>时间:</span>
<el-date-picker
v-model="cxSj"
type="daterange"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
:picker-options="pickerOptions"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
align="right"
size="mini"
>
</el-date-picker>
</div>
</div>
<div style="padding: 0 20px">
<el-divider></el-divider>
</div>
<div class="sjda_top_right_content">
<img src="@/assets/img/dangan/961.png" alt="" />
<table-component
:DefaultAjFormThead="wlkdFormThead"
:propQueryData="wlkdQueryData"
:cxUrl="wlkdCxUrl"
:cxType="wlkdCxType"
:pageBs="pageBs"
:cxSj="cxSj"
>
</table-component>
</div>
</div>
</div>
<!---->
<!--联通规律-->
<div class="sjda_bottom">
<div class="sjda_bottom_tlgl">
<div class="sjda_bottom_tlgl_title">
......@@ -217,23 +248,41 @@
style="vertical-align: middle"
/>
<span style="padding-left: 5px; vertical-align: middle"
>通联规律</span
>通联关系</span
>
</div>
<div class="sjda_bottom_tlgl_title_right">
<span>近一月</span>
<span>进三月</span>
<span>自定义</span>
<span>筛选</span>
<span>时间:</span>
<el-date-picker
v-model="cxSj2"
type="daterange"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
:picker-options="pickerOptions"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
align="right"
size="mini"
>
</el-date-picker>
</div>
</div>
<div style="padding: 0 20px">
<div style="padding: 5px 20px">
<el-divider></el-divider>
</div>
<div class="sjda_bottom_tlgl_content">
<div id="sjdaEcharts"></div>
<table-component
:DefaultAjFormThead="tlgxFormThead"
:propQueryData="tlgxQueryData"
:cxUrl="tlgxCxUrl"
:cxType="tlgxCxType"
:pageBs="pageBs"
:cxSj="cxSj2">
</table-component>
</div>
</div>
<div class="sjda_bottom_xwfx">
<div class="sjda_bottom_xwfx_title">
<div class="sjda_bottom_xwfx_title_left">
......@@ -253,7 +302,7 @@
<span>筛选</span>
</div>
</div>
<div style="padding: 0 20px">
<div style="padding: 5px 20px">
<el-divider></el-divider>
</div>
<div class="sjda_bottom_xwfx_content">
......@@ -267,10 +316,12 @@
<script>
import request from "@/utils/axiosHttp.js";
import requestUserInfo from "@/api/interface/dictionaryCode.js";
import url from "@/api/base";
import tableComponent from "@c/qxda_compontents.vue";
import poi from "@/assets/img/ryda/index.png";
import iphone from "@/assets/img/dangan/534.png";
import moment from "moment";
export default {
components: {
tableComponent,
......@@ -278,6 +329,7 @@ export default {
name: "sjda",
data() {
return {
pageBs: 'sjda',
phoneOnwer: [
{
label: "姓名",
......@@ -317,11 +369,17 @@ export default {
},
],
sfzp: "",
//手机号码基本信息
mySjFormThead: [
{
label: "手机号",
prop: "msis",
width: "180",
},
{
label: "imei",
prop: "imei",
width: "200",
width: "220",
},
{
label: "imsi",
......@@ -329,24 +387,26 @@ export default {
width: "220",
},
{
label: "首次发现时间",
prop: "scfxsj",
width: "120",
label: "首次采集时间",
prop: "fitm",
width: "220",
},
{
label: "最新发现时间",
prop: "zxfxsj",
width: "140",
label: "最新采集时间",
prop: "latm",
width: "220",
},
],
mySjQueryData: {
objectValue: this.$route.query["sjhm"],
objectType: "sjhm",
page: 1,
limit: 10,
value: this.$route.query["sjhm"],
type: '01',
qqyhm : JSON.parse(sessionStorage.getItem("userInfo")).trueName,
qqrsfzh : JSON.parse(sessionStorage.getItem("userInfo")).identitycard,
qqip : JSON.parse(sessionStorage.getItem("userInfo")).ip
},
mySjCxUrl: "/sjdaApi/getSjhJbxx",
mySjCxUrl: "/meiya/getMySmGxxx",
mySjCxType: "mySjh",
//历史使用人信息
sjLsFormThead: [
{
label: "姓名",
......@@ -383,20 +443,21 @@ export default {
},
sjLsCxUrl: "/sjdaApi/getLsSjhJzxx",
sjLsCxType: "sjLs",
//通话记录
thjlFormThead: [
{
label: "手机号码",
width: "220",
width: "280",
prop: "sjhm",
},
{
label: "通话次数",
width: "220",
width: "300",
prop: "count",
},
{
label: "通话总时长",
width: "220",
width: "300",
prop: "thzsc",
},
],
......@@ -408,6 +469,145 @@ export default {
},
thjlCxUrl: "/sjdaApi/getSjGx",
thjlCxType: "thjl",
//物流快递
wlkdFormThead: [
{
label: "首次发现时间",
width: "140",
prop: "fitm",
},
{
label: "最后发现时间",
width: "140",
prop: "latm",
},
{
label: "收件者名称",
width: "120",
prop: "rece",
},
{
label: "收件者详细地址",
width: "250",
prop: "read",
},
{
label: "寄件者详细地址",
width: "250",
prop: "sead",
},
{
label: "包裹接收时间",
width: "140",
prop: "entm",
},
{
label: "快递单号",
width: "180",
prop: "dvnm",
},
{
label: "寄件者手机号码",
width: "180",
prop: "seph",
},
{
label: "收件者手机号码",
width: "180",
prop: "reph",
},
],
wlkdQueryData: {
sjh: this.$route.query["sjhm"],
pageNumber: 1,
pageSize: 10,
//请求人姓名
qqyhm : JSON.parse(sessionStorage.getItem("userInfo")).trueName,
qqrsfzh : JSON.parse(sessionStorage.getItem("userInfo")).identitycard,
qqip : JSON.parse(sessionStorage.getItem("userInfo")).ip
},
wlkdCxUrl: "/meiya/getMyJdFxxx",
wlkdCxType: "wlkd",
//通联关系
tlgxFormThead: [
{
label: "机主号码",
width: "140",
prop: "aist",
},
{
label: "机主号码运营商",
width: "180",
prop: "a_wendor",
},
{
label: "机主号码归属地",
width: "220",
prop: "a_city",
},
{
label: "机主号码_可信库身份证",
width: "250",
prop: "a_kxksf",
},
{
label: "机主号码_可信库姓名",
width: "120",
prop: "a_kxkxm",
},
{
label: "对端号码",
width: "140",
prop: "bist",
},
{
label: "对端号码运营商",
width: "140",
prop: "b_wendor",
},
{
label: "对端号码归属地",
width: "180",
prop: "b_city",
},
{
label: "对端号码_可信库身份证",
width: "220",
prop: "b_kxksf",
},
{
label: "对端号码_可信库姓名",
width: "120",
prop: "a_kxkxm",
},
{
label: "通话日期",
width: "180",
prop: "thrq",
},
{
label: "通话时刻",
width: "120",
prop: "thsk",
},
{
label: "通话次数",
width: "120",
prop: "thcs",
},
],
tlgxQueryData: {
sjh: this.$route.query["sjhm"],
pageNumber: 1,
pageSize: 10,
//请求人姓名
qqyhm : JSON.parse(sessionStorage.getItem("userInfo")).trueName,
qqrsfzh : JSON.parse(sessionStorage.getItem("userInfo")).identitycard,
qqip : JSON.parse(sessionStorage.getItem("userInfo")).ip
},
tlgxCxUrl: "/meiya/getMyTlGxXx",
tlgxCxType: "tlgx",
featureArry: [],
//轨迹播放索引
indexi: 0,
......@@ -417,6 +617,7 @@ export default {
_intervalFlag: null,
map: null,
cxSj: [],
cxSj2: [],
pickerOptions: {
shortcuts: [
{
......@@ -517,16 +718,74 @@ export default {
},
],
},
trueName:'',
idcard:'',
ipadd: ''
};
},
created() {
},
mounted() {
//this.initData();
// this.getData();
// this.getDataTwo();
this.getsjXx();
this.getPhoneTrack();
this.getPhoneLastStation();
//this.getsjXx();
//this.getPhoneTrack();
//this.getPhoneLastStation();
//this.defaultDate();
this.work();
},
methods: {
async work(){
await this.initData();
// this.getData();
// this.getDataTwo();
await this.getsjXx();
await this.getPhoneTrack();
await this.getPhoneLastStation();
await this.defaultDate();
},
initData(){
requestUserInfo.getYhxx("").then((res) => {
if (res.success === true){
sessionStorage.setItem("userInfo",JSON.stringify(res.data.rows));
}
})
},
defaultDate(){
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 5;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 0) {
month = 12 + month;
year = year - 1;
}
if (month < 10 && month > 0) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
let beginTime = moment(firstDayOfPreMonth.getTime()).format(
"YYYY-MM-DD"
)
let endTime = moment(end.getTime()).format(
"YYYY-MM-DD"
)
this.cxSj = [beginTime, endTime]
this.cxSj2 = [beginTime, endTime]
},
postSjJz(form) {
return request({
url: url.rzURL + "/sjdaApi/getSjhJzxx",
......@@ -1092,6 +1351,16 @@ export default {
height: 280px;
text-align: left;
background-color: #fff;
overflow: auto;
.sjda_top_right_title_x{
padding: 0 20px;
height: 50px;
color: #21272a;
line-height: 50px;
font-size: 15px;
display: flex;
justify-content: space-between;
}
.sjda_top_right_title {
padding: 0 20px;
......@@ -1102,8 +1371,7 @@ export default {
}
.sjda_top_right_content {
display: flex;
justify-content: center;
padding-top: 20px;
}
}
......@@ -1119,7 +1387,7 @@ export default {
height: 236px;
background-color: #fff;
margin-right: 20px;
overflow: auto;
.sjda_two_left_title {
padding: 0 20px;
display: flex;
......@@ -1140,7 +1408,7 @@ export default {
width: 55%;
height: 236px;
background-color: #fff;
overflow: auto;
.sjda_two_right_title {
padding: 0 20px;
justify-content: space-between;
......@@ -1321,19 +1589,19 @@ export default {
.sjda_bottom {
display: flex;
margin-bottom: 20px;
.sjda_bottom_tlgl {
margin-right: 20px;
width: 50%;
height: 272px;
height: 320px;
background-color: #fff;
overflow: auto;
.sjda_bottom_tlgl_title {
display: flex;
justify-content: space-between;
height: 40px;
line-height: 40px;
height: 50px;
line-height: 50px;
font-size: 15px;
.sjda_bottom_tlgl_title_left {
padding-left: 20px;
......@@ -1366,14 +1634,15 @@ export default {
.sjda_bottom_xwfx {
width: 50%;
height: 272px;
height: 320px;
background-color: #fff;
overflow: auto;
.sjda_bottom_xwfx_title {
display: flex;
justify-content: space-between;
height: 40px;
line-height: 40px;
height: 50px;
line-height: 50px;
font-size: 15px;
.sjda_bottom_xwfx_title_left {
padding-left: 20px;
......
src/views/ryda/tzGx.vue
......@@ -62,7 +62,7 @@
</div>
</div>
<div class="right">
<div class="con-wrap" v-if="this.filterTableById.indexOf(11) != -1">
<div class="con-wrap" v-show="this.filterTableById.indexOf(11) != -1">
<table-component
:DefaultAjFormThead="tldFormThead"
:propQueryData="tldQueryData"
......@@ -76,7 +76,7 @@
tableKey='tzgx01'
></table-component>
</div>
<div class="con-wrap" v-if="this.filterTableById.indexOf(12) != -1">
<div class="con-wrap" v-show="this.filterTableById.indexOf(12) != -1">
<table-component
:DefaultAjFormThead="tfjFormThead"
:propQueryData="tfjQueryData"
......@@ -384,8 +384,8 @@ export default {
},
changeHandle(){
console.log(this.freq);
console.log(this.diff);
//console.log(this.freq);
//console.log(this.diff);
},
defaultDate(){
......
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