Skip to content

F
founder_vue
Commit cc026822 by liulianglang
Options

手机档案

parent eac8312c
Showing with 245 additions and 77 deletions
src/views/ryda/sjda.vue
......@@ -9,73 +9,38 @@
<el-tab-pane label="手机概括" name="sjgk"> -->
<div id="sjda" class="sjda">
<div class="sjda_top">
<div class="sjda_top_left">
<div class="sjda_top_left_title">
<img
src="@/assets/img/dangan/534.png"
alt=""
style="vertical-align: middle"
/>
<span style="padding-left: 5px; vertical-align: middle"
>手机号基本信息</span
>
<el-divider></el-divider>
</div>
<div class="sjda_top_left_content">
<table-component
:DefaultAjFormThead="mySjFormThead"
:propQueryData="mySjQueryData"
:cxUrl="mySjCxUrl"
:cxType="mySjCxType"
></table-component>
</div>
</div>
<div class="sjda_top_right">
<div class="sjda_top_right_title">
<img
src="@/assets/img/dangan/534.png"
alt=""
style="vertical-align: middle"
/>
<span style="padding-left: 5px; vertical-align: middle">标签</span>
<el-divider></el-divider>
</div>
<!-- <div class="sjda_top_right_content"> -->
<!-- <span
style="font-size: 12px; color: #999999; padding-left: 10px"
>内蒙呼和浩特、陈慧霞手机被盗窃案</span
> -->
<div class="padding24">
<div>
<ul>
<li
v-for="(item, index) in zdbqList"
:key="index"
class="bqTag"
>
<span> {{ item.AJBQ }}</span>
</li>
</ul>
</div>
<!-- </div> -->
<!-- <img src="@/assets/img/dangan/wu.png"
alt=""
style="margin: 0 auto;"> -->
</div>
</div>
</div>
<div class="sjda_two">
<!-- <div class="sjda_top_left">-->
<!-- <div class="sjda_top_left_title">-->
<!-- <img-->
<!-- src="@/assets/img/dangan/534.png"-->
<!-- alt=""-->
<!-- style="vertical-align: middle"-->
<!-- />-->
<!-- <span style="padding-left: 5px; vertical-align: middle"-->
<!-- >手机号基本信息</span-->
<!-- >-->
<!-- <el-divider></el-divider>-->
<!-- </div>-->
<!-- <div class="sjda_top_left_content">-->
<!-- <table-component-->
<!-- :DefaultAjFormThead="mySjFormThead"-->
<!-- :propQueryData="mySjQueryData"-->
<!-- :cxUrl="mySjCxUrl"-->
<!-- :cxType="mySjCxType"-->
<!-- ></table-component>-->
<!-- </div>-->
<!-- </div>-->
<div class="sjda_two_left">
<div class="sjda_two_left_title">
<div>
<img
src="@/assets/img/dangan/543.png"
alt=""
style="vertical-align: middle; padding-right: 5px"
src="@/assets/img/dangan/543.png"
alt=""
style="vertical-align: middle; padding-right: 5px"
/>
<span
style="color: #21272a; font-size: 15px; vertical-align: middle"
>登记机主信息</span
style="color: #21272a; font-size: 15px; vertical-align: middle"
>登记机主信息</span
>
</div>
</div>
......@@ -87,17 +52,17 @@
<el-col :span="6">
<div class="zp">
<img
:src="'data:image/gif;base64,' + sfzp"
style="margin: 0 0 0 37px; height: 118px"
:src="'data:image/gif;base64,' + sfzp"
style="margin: 0 0 0 37px; height: 118px"
/>
</div>
</el-col>
<el-col :span="18" style="display: flex; flex-wrap: wrap">
<div
class="ryxx"
v-for="(item, i) in phoneOnwer"
:key="i"
:class="
class="ryxx"
v-for="(item, i) in phoneOnwer"
:key="i"
:class="
item.prop == 'hjdzXzqhdm' ||
item.prop == 'xzzDzmc' ||
item.prop == 'csdDzmc'
......@@ -106,7 +71,7 @@
"
>
<span class="title" v-if="item.label"
>{{ item.label }}：</span
>{{ item.label }}：</span
>
<span class="value">{{ item.value }}</span>
</div>
......@@ -117,25 +82,94 @@
<div class="sjda_two_right">
<div class="sjda_two_right_title">
<img
src="@/assets/img/dangan/962.png"
alt=""
style="vertical-align: middle; padding-right: 5px"
src="@/assets/img/dangan/962.png"
alt=""
style="vertical-align: middle; padding-right: 5px"
/>
<span
style="color: #21272a; font-size: 15px; vertical-align: middle"
>历史机主信息</span
style="color: #21272a; font-size: 15px; vertical-align: middle"
>历史机主信息</span
>
<el-divider></el-divider>
</div>
<div class="sjda_two_right_content">
<table-component
:DefaultAjFormThead="sjLsFormThead"
:propQueryData="sjLsQueryData"
:cxUrl="sjLsCxUrl"
:cxType="sjLsCxType"
:DefaultAjFormThead="sjLsFormThead"
:propQueryData="sjLsQueryData"
:cxUrl="sjLsCxUrl"
:cxType="sjLsCxType"
></table-component>
</div>
</div>
</div>
<div class="sjda_two">
<div class="sjda_top_left">
<div class="sjda_top_left_title">
<img
src="@/assets/img/dangan/543.png"
alt=""
style="vertical-align: middle"
/>
<span style="padding-left: 5px; vertical-align: middle">标签</span>
<el-divider></el-divider>
</div>
<!-- <div class="sjda_top_right_content"> -->
<!-- <span
style="font-size: 12px; color: #999999; padding-left: 10px"
>内蒙呼和浩特、陈慧霞手机被盗窃案</span
> -->
<div class="padding24">
<div>
<ul>
<li
v-for="(item, index) in zdbqList"
:key="index"
class="bqTag"
>
<span> {{ item.AJBQ }}</span>
</li>
</ul>
</div>
<!-- </div> -->
<!-- <img src="@/assets/img/dangan/wu.png"
alt=""
style="margin: 0 auto;"> -->
</div>
</div>
<div class="sjda_top_right">
<div class="sjda_top_right_title">
<img
src="@/assets/img/dangan/534.png"
alt=""
style="vertical-align: middle"
/>
<span style="padding-left: 5px; vertical-align: middle">备注</span>
<el-divider></el-divider>
</div>
<!-- <div class="sjda_top_right_content"> -->
<!-- <span
style="font-size: 12px; color: #999999; padding-left: 10px"
>内蒙呼和浩特、陈慧霞手机被盗窃案</span
> -->
<div class="padding24">
<div>
<ul>
<li
v-for="(item, index) in sjbzList"
:key="index"
class="bqTag"
>
<span> {{ item }}</span>
</li>
</ul>
</div>
<!-- </div> -->
<!-- <img src="@/assets/img/dangan/wu.png"
alt=""
style="margin: 0 auto;"> -->
</div>
</div>
</div>
<!-- <div class="sjda_dzgj">
<div class="sjda_dzgj_title">
......@@ -385,6 +419,7 @@ export default {
data() {
return {
zdbqList: [], // 标签
sjbzList:[], //手机备注名
djjzxxLoading: false,
activeName: "sjgk",
valueThglfx: "",
......@@ -700,6 +735,7 @@ export default {
this.getSjInfoList();
this.postGetSjhJzxxList(); // 机主信息
this.postGetAjbqList(); // 手机标签信息
this.postGetSjhbzList(); // 手机备注
// this.getData();
// this.getDataTwo();
// this.getsjXx();
......@@ -745,6 +781,14 @@ export default {
method: "POST",
});
},
//手机备注
postGetSjbz(form) {
return request({
url: url.rzURL + "/sjdaApi/getSjhbq",
data: JSON.parse(form),
method: "POST",
});
},
// 手机标签
postGetAjbqList() {
let self = this;
......@@ -760,6 +804,21 @@ export default {
}
});
},
// 手机号备注
postGetSjhbzList() {
let self = this;
let json = {
objectType: "phone",
objectValue: sessionStorage.getItem("cphm"),
};
self.postGetSjbz(JSON.stringify(json)).then((res) => {
if (res.success == true) {
self.sjbzList = res.data.rows;
} else {
self.$message.error("备注名查询失败!");
}
});
},
// 机主信息
postGetSjhJzxxList() {
let self = this;
......@@ -1588,6 +1647,7 @@ export default {
text-align: left;
padding-bottom: 5px;
}
}
.sjda_top_right {
......@@ -1609,7 +1669,51 @@ export default {
// justify-content: center;
padding-top: 20px;
}
}
.sjda_two_left {
width: 45%;
height: 236px;
background-color: #fff;
margin-right: 20px;
.sjda_two_left_title {
padding: 0 20px;
display: flex;
justify-content: space-between;
height: 40px;
line-height: 40px;
}
.sjda_two_left_content {
display: flex;
justify-content: center;
padding-top: 45px;
color: #333333;
}
}
.sjda_two_right {
width: 55%;
height: 236px;
background-color: #fff;
.sjda_two_right_title {
padding: 0 20px;
justify-content: space-between;
height: 40px;
text-align: left;
line-height: 40px;
}
.sjda_two_right_content {
padding: 5px 15px;
}
}
}
.sjda_two {
......@@ -1637,6 +1741,17 @@ export default {
padding-top: 45px;
color: #333333;
}
.sjda_top_left_content {
color: #333333;
padding: 0 20px;
text-align: left;
padding-bottom: 5px;
}
.sjda_top_right_content {
display: flex;
// justify-content: center;
padding-top: 20px;
}
}
.sjda_two_right {
......@@ -1655,6 +1770,59 @@ export default {
.sjda_two_right_content {
padding: 5px 15px;
}
.sjda_top_right_content {
display: flex;
// justify-content: center;
padding-top: 20px;
}
}
.sjda_top_left {
width: 60%;
background-color: #fff;
height: 280px;
margin-right: 20px;
.sjda_top_left_title {
padding: 0 20px;
height: 40px;
text-align: left;
color: #21272a;
line-height: 40px;
font-size: 15px;
padding-bottom: 5px;
}
.sjda_top_left_content {
color: #333333;
padding: 0 20px;
text-align: left;
padding-bottom: 5px;
}
}
.sjda_top_right {
width: 40%;
height: 280px;
text-align: left;
background-color: #fff;
.sjda_top_right_title {
padding: 0 20px;
height: 50px;
color: #21272a;
line-height: 50px;
font-size: 15px;
}
.sjda_top_right_content {
display: flex;
// justify-content: center;
padding-top: 20px;
}
}
}
......
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