Commit 2b7bb68d by mr.wang

feat: 案件线索查询比对-相关详情页接口联调

parent fb77ab44
......@@ -9,21 +9,31 @@
<div>
<div
class="itemBox"
v-for="item in cxQueryField"
v-for="(item, index) in cxQueryField"
:key="item.id" >
<div class="module">
<div class="title">{{ item.title }}</div>
<div class="rows">
<div v-if="index === 0" class="ryzp"><img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDABsSFBcUERsXFhceHBsgKEIrKCUlKFE6PTBCYFVlZF9VXVtqeJmBanGQc1tdhbWGkJ6jq62rZ4C8ybqmx5moq6T/2wBDARweHigjKE4rK06kbl1upKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKT/wAARCAAyADIDASIAAhEBAxEB/8QAGgAAAgMBAQAAAAAAAAAAAAAAAAUCAwQBBv/EAC4QAAEDAwMDAQYHAAAAAAAAAAEAAgMEERITIjEFIUFRMjM1YYGRFUJxcnOhwf/EABgBAAMBAQAAAAAAAAAAAAAAAAACAwEE/8QAHBEBAQEBAAMBAQAAAAAAAAAAAAECEQMTMSEi/9oADAMBAAIRAxEAPwD0ZIAuSlc1XNPI5lGBZvYvP+K/qEthHDlbVNu3oo0MejDg/G9/CTWuGzFcdO+aK80shJ5F0SU8kMZMU0gtwL3W4/JUVDZiWaTgADuv5CjbenjPT1czHtjqwN3Dwmg4WSVtPK3CQXC5RTB4kiyJ03Y3Poq510mpxtuhcQnIV1/xGnHjutbMfRKaqtE0ccr43RzRuvifI+S2MnsBIN0bh9lDy/erY/Y2kqJKqbMxwu14+6i+VreXAfVQp5HJMbKjp5P4nMz8paD9VLPPda0Y/tU0Eoiq5DO0sfIdp8EKvil6zyX+eHaFy6F0ucq0qyms1rWVEY8nlVRyya5Zp6bucCeU77Jd1OJwxqYxviPe3kLLJr6aXjO7RJ3sxP2XW6AOxmTkxhdFURNkABuFa2NjeGgKXqinsLxFI5hke2waLhqzTTtm6WHPIMpO0ebp32slDKOOPqp27S3Id+Cq5zM/CW9aG62I54Qt1kLSJKE3unfohC0FvQ/cyfvKZn2ShCAiz2AsA+NH+JCENMkIQgP/2Q==" width="120"/></div>
<div :class="'col' + i.col" v-for="i in item.data" :key="i.prop" >
<span class="label" :style="{ width: labelWidth }">{{ i.label }}</span>
<div v-if="item.objStr" class="cont" :style="{ width: `calc(100% - ${labelWidth})` }"> {{ (pageData[item.objStr] && pageData[item.objStr][i.prop]) || "-" }}
</div>
<div v-else class="cont" :style="{ width: `calc(100% - ${labelWidth})` }">
<span v-if="isBase64(pageData[i.prop] + '')"><img :src="'data:image/jpeg;base64,' + pageData[i.prop]" alt="" /></span>
<span v-else>{{ pageData[i.prop] || "-" }}</span>
<!-- <span v-if="isBase64(pageData[i.prop] + '')"><img :src="'data:image/jpeg;base64,' + pageData[i.prop]" alt="" width="80"/></span>
<span v-else>{{ pageData[i.prop] || "-" }}</span> -->
<span>{{ pageData[i.prop] || "-" }}</span>
</div>
</div>
</div>
<div class="zpdb" v-if="index === 2">
<div>
<img :src="'data:image/jpeg;base64,' + bzrZp" alt="" width="280"/>
</div>
<div>
<img :src="'data:image/jpeg;base64,' + xyrZp" alt="" width="280"/>
</div>
</div>
</div>
</div>
</div>
......@@ -38,7 +48,9 @@ export default {
return {
//页面信息对象
pageData: this.pageObject,
col: 0
col: 0,
bzrZp: this.pageObject.bzrZp,
xyrZp: this.pageObject.xyrZp
}
},
props: {
......@@ -74,6 +86,7 @@ export default {
pageObject: {
handler: function (val) {
this.pageData = val;
console.log('this.pageData', this.pageData)
},
deep: true,
},
......@@ -136,6 +149,24 @@ export default {
.content {
height: auto;
display: block;
.module{
.rows{
position: relative;
.ryzp{
position: absolute;
top: 18px;
width: 200px;
background: #fff;
height: 160px;
}
}
.zpdb{
div{
width: 33%;
display: inline-block;
}
}
}
}
}
.col3,
......
......@@ -24,205 +24,232 @@ export default {
return {
cxQueryField: [
{
title: "现场人像比中", //如果不分小模块就删除title
title: "人员基本信息", //如果不分小模块就删除title
id: 1,
objStr: "xyrxx", //对象中的对应字段
data: [
{
label: "信息主键编号:",
prop: "bzsjStr",
label: "",
prop: "",
col: "3",
},
{
label: "比中时间:",
prop: "",
label: "人员编号:",
prop: "asjxgrybh",
col: "3",
},
{
label: "比中单位名称:",
prop: "bzdwGajgmc",
label: "姓名:",
prop: "xm",
col: "3",
},
{
label: "比中人员与源图片的相似度:",
prop: "similarity",
label: "",
prop: "",
col: "3",
},
// {
// label: "人员照片:",
// prop: "zp",
// col: "3",
// },
{
label: "比中照片所属的人员库名:",
prop: "repositoryName",
label: "名:",
prop: "bmch",
col: "3",
},
{
label: "比中人员住址:",
prop: "nativePlaceAddr",
label: "证件类型:",
prop: "cyzjCyzjmc",
col: "3",
},
{
label: "比中人照片:",
prop: "bzrZp",
label: "",
prop: "",
col: "3",
},
{
label: "比中人员标签库数组:",
prop: "tagAry",
label: "证件号码:",
prop: "cyzjZjhm",
col: "3",
},
{
label: "嫌疑人照片:",
prop: "xyrZp",
label: "性别:",
prop: "xbdmStr",
col: "3",
},
],
},
{
title: "嫌疑案事件信息", //如果不分小模块就删除title
id: 2,
objStr: "xyasjxx", //对象中的对应字段
data: [
{
label: "案件编号:",
prop: "asjbh",
label: "",
prop: "",
col: "3",
},
{
label: "案件名称:",
prop: "ajmc",
label: "出生日期:",
prop: "csrq",
col: "3",
},
{
label: "案件类别:",
prop: "ajlbdmStr",
label: "国籍:",
prop: "gjdmStr",
col: "3",
},
{
label: "现勘编号:",
prop: "xkbh",
label: "",
prop: "",
col: "3",
},
{
label: "发案日期:",
prop: "asjfssjfxAsjfskssjStr",
label: "民族:",
prop: "mzdmStr",
col: "3",
},
{
label: "发案地区划:",
prop: "fxasjddXzqhdmStr",
label: "籍贯:",
prop: "jgdmStr",
col: "3",
},
{
label: "发案地详址:",
prop: "fxasjddDzmc",
col: "10",
label: "政治面貌:",
prop: "zzmmdmStr",
col: "3",
},
{
label: "简要案情:",
prop: "jyaq",
col: "10",
label: "学历:",
prop: "xldmStr",
col: "3",
},
],
},
{
title: "嫌疑人信息", //如果不分小模块就删除title
id: 3,
objStr: "xyrxx", //对象中的对应字段
data: [
{
label: "人员编号:",
prop: "asjxgrybh",
label: "职业:",
prop: "zylbdmStr",
col: "3",
},
{
label: "姓名:",
prop: "xm",
label: "工作单位:",
prop: "gzdw",
col: "3",
},
{
label: "人员照片:",
prop: "zp",
label: "户籍地区划:",
prop: "hjdzXzqhdmStr",
col: "3",
},
{
label: "别名:",
prop: "bmch",
label: "户籍地详址:",
prop: "hjdzDzmc",
col: "3",
},
{
label: "证件类型:",
prop: "cyzjCyzjmc",
label: "现住址区划:",
prop: "xzzXzqhdmStr",
col: "3",
},
{
label: "证件号码:",
prop: "cyzjZjhm",
label: "现住址详址:",
prop: "xzzDzmc",
col: "10",
},
],
},
{
title: "案件基本信息", //如果不分小模块就删除title
id: 2,
objStr: "xyasjxx", //对象中的对应字段
data: [
{
label: "案件编号:",
prop: "asjbh",
col: "3",
},
{
label: "性别:",
prop: "xbdmStr",
label: "案件名称:",
prop: "ajmc",
col: "3",
},
{
label: "出生日期:",
prop: "csrq",
label: "案件类别:",
prop: "ajlbdmStr",
col: "3",
},
{
label: "国籍:",
prop: "gjdmStr",
label: "现勘编号:",
prop: "xkbh",
col: "3",
},
{
label: "民族:",
prop: "mzdmStr",
label: "发案日期:",
prop: "asjfssjfxAsjfskssjStr",
col: "3",
},
{
label: "籍贯:",
prop: "jgdmStr",
label: "发案地区划:",
prop: "fxasjddXzqhdmStr",
col: "3",
},
{
label: "政治面貌:",
prop: "zzmmdmStr",
label: "发案地详址:",
prop: "fxasjddDzmc",
col: "10",
},
{
label: "简要案情:",
prop: "jyaq",
col: "10",
},
],
},
{
title: "比中信息", //如果不分小模块就删除title
id: 3,
data: [
{
label: "信息主键编号:",
prop: "bzsjStr",
col: "3",
},
{
label: "学历:",
prop: "xldmStr",
label: "比中时间:",
prop: "",
col: "3",
},
{
label: "职业:",
prop: "zylbdmStr",
label: "比中单位名称:",
prop: "bzdwGajgmc",
col: "3",
},
{
label: "工作单位:",
prop: "gzdw",
label: "比中人员与源图片的相似度:",
prop: "similarity",
col: "3",
},
{
label: "户籍地区划:",
prop: "hjdzXzqhdmStr",
label: "比中照片所属的人员库名:",
prop: "repositoryName",
col: "3",
},
{
label: "户籍地详址:",
prop: "hjdzDzmc",
label: "比中人员住址:",
prop: "nativePlaceAddr",
col: "3",
},
{
label: "现住址区划:",
prop: "xzzXzqhdmStr",
label: "比中人照片:",
// prop: "bzrZp",
prop: '',
col: "3",
},
{
label: "现住址详址:",
prop: "xzzDzmc",
col: "10",
label: "嫌疑人照片:",
// prop: "xyrZp",
prop: "",
col: "3",
},
{
label: "比中人员标签库数组:",
prop: "tagAry",
col: "3",
}
],
},
}
],
pageFooterProps: [
{
......
......@@ -12,7 +12,7 @@
</template>
<script>
import rightContent from "@c/PersonInfor.vue";
import rightContent from "@c/IdentityInfor.vue";
import { dnaDetail } from "@/api/ajxscxbd.js";
import axios from "@/utils/http.js";
export default {
......
......@@ -78,7 +78,7 @@ export default {
cxDefaultFormThead: [
{
label: "物证编号",
prop: "wzhm",
prop: "xxzjbh",
toInfor: true,
},
{
......
......@@ -12,7 +12,7 @@
</template>
<script>
import rightContent from "@c/PersonInfor.vue";
import rightContent from "@c/IdentityInfor.vue";
import { ystrDetail } from "@/api/ajxscxbd.js";
import axios from "@/utils/http.js";
export default {
......@@ -23,40 +23,131 @@ export default {
data() {
return {
cxQueryField: [
{
title: "YSTR比中",
title: "人员基本信息",
id: 1,
objStr: "", //对象中的对应字段
objStr: "xyrxx", //对象中的对应字段
data: [
{
label: "比中时间:",
prop: "bzsjStr",
label: "",
prop: "",
col: "3",
},
{
label: "比中单位名称:",
prop: "bzdwGajgmc",
label: "人员编号:",
prop: "asjxgrybh",
col: "3",
},
{
label: "比中人:",
prop: "bzrXm",
label: "姓名:",
prop: "xm",
col: "3",
},
{
label: "比中单位名称:",
prop: "bzdwGajgmc",
label: "",
prop: "",
col: "3",
},
{
label: "比中人公民身份号码:",
prop: "bzrLxdh",
label: "别名:",
prop: "bmch",
col: "3",
},
],
{
label: "证件类型:",
prop: "cyzjCyzjmc",
col: "3",
},
{
label: "",
prop: "",
col: "3",
},
{
label: "证件号码:",
prop: "cyzjZjhm",
col: "3",
},
{
label: "性别:",
prop: "xbdmStr",
col: "3",
},
{
label: "",
prop: "",
col: "3",
},
{
label: "出生日期:",
prop: "csrq",
col: "3",
},
{
label: "国籍:",
prop: "gjdmStr",
col: "3",
},
{
label: "",
prop: "",
col: "3",
},
{
label: "民族:",
prop: "mzdmStr",
col: "3",
},
{
label: "籍贯:",
prop: "jgdmStr",
col: "3",
},
{
label: "政治面貌:",
prop: "zzmmdmStr",
col: "3",
},
{
label: "学历:",
prop: "xldmStr",
col: "3",
},
{
label: "职业:",
prop: "zylbdmStr",
col: "3",
},
{
label: "工作单位:",
prop: "gzdw",
col: "3",
},
{
label: "户籍地区划:",
prop: "hjdzXzqhdmStr",
col: "3",
},
{
label: "户籍地详址:",
prop: "hjdzDzmc",
col: "3",
},
{
label: "现住址区划:",
prop: "xzzXzqhdmStr",
col: "3",
},
{
label: "现住址详址:",
prop: "xzzDzmc",
col: "6",
},
]
},
{
title: "嫌疑案事件信息",
title: "案事基本信息",
id: 2,
objStr: "xyasjxx", //对象中的对应字段
data: [
......@@ -102,111 +193,38 @@ export default {
},
],
},
{
title: "嫌疑人信息",
title: "YSTR比中",
id: 3,
objStr: "xyrxx", //对象中的对应字段
objStr: "", //对象中的对应字段
data: [
{
label: "人员编号:",
prop: "asjxgrybh",
col: "3",
},
{
label: "姓名:",
prop: "xm",
col: "3",
},
{
label: "人员照片:",
prop: "zp",
col: "3",
},
{
label: "别名:",
prop: "bmch",
col: "3",
},
{
label: "证件类型:",
prop: "cyzjCyzjmc",
col: "3",
},
{
label: "证件号码:",
prop: "cyzjZjhm",
col: "3",
},
{
label: "性别:",
prop: "xbdmStr",
col: "3",
},
{
label: "出生日期:",
prop: "csrq",
col: "3",
},
{
label: "国籍:",
prop: "gjdmStr",
col: "3",
},
{
label: "民族:",
prop: "mzdmStr",
col: "3",
},
{
label: "籍贯:",
prop: "jgdmStr",
col: "3",
},
{
label: "政治面貌:",
prop: "zzmmdmStr",
col: "3",
},
{
label: "学历:",
prop: "xldmStr",
col: "3",
},
{
label: "职业:",
prop: "zylbdmStr",
col: "3",
},
{
label: "工作单位:",
prop: "gzdw",
col: "3",
},
{
label: "户籍地区划:",
prop: "hjdzXzqhdmStr",
col: "3",
},
{
label: "户籍地详址:",
prop: "hjdzDzmc",
col: "3",
},
{
label: "现住址区划:",
prop: "xzzXzqhdmStr",
col: "3",
},
{
label: "现住址详址:",
prop: "xzzDzmc",
col: "3",
},
label: "比中时间:",
prop: "bzsjStr",
col: "3",
},
{
label: "比中单位名称:",
prop: "bzdwGajgmc",
col: "3",
},
{
label: "比中人:",
prop: "bzrXm",
col: "3",
},
{
label: "比中单位名称:",
prop: "bzdwGajgmc",
col: "3",
},
{
label: "比中人公民身份号码:",
prop: "bzrLxdh",
col: "3",
},
],
},
}
],
pageFooterProps: [
{
......
......@@ -12,7 +12,7 @@
</template>
<script>
import rightContent from "@c/PersonInfor.vue";
import rightContent from "@c/IdentityInfor.vue";
import { xczjcDetail } from "@/api/ajxscxbd.js";
import axios from "@/utils/http.js";
export default {
......@@ -24,181 +24,220 @@ export default {
return {
cxQueryField: [
{
title: "人员基本信息", //如果不分小模块就删除title
id: 1,
objStr: "zjbzxx", //对象中的对应字段
objStr: "xyrxx", //对象中的对应字段
data: [
{
label: "信息主键编号:",
prop: "xxzjbh",
label: "",
prop: "",
col: "3",
},
{
label: "比中时间:",
prop: "bzsjStr",
label: "人员编号:",
prop: "asjxgrybh",
col: "3",
},
{
label: "比中单位名称:",
prop: "bzdwGajgmc",
label: "姓名:",
prop: "xm",
col: "3",
},
{
label: "嫌疑人足迹图像:",
prop: "xyrzjtx",
label: "",
prop: "",
col: "3",
},
// {
// label: "人员照片:",
// prop: "zp",
// col: "3",
// },
{
label: "比中嫌疑人足迹部位:",
prop: "bzxyrzjbw",
label: "别名:",
prop: "bmch",
col: "3",
},
{
label: "案件足迹图片:",
prop: "ajzjtx",
label: "证件类型:",
prop: "cyzjCyzjmc",
col: "3",
},
{
label: "比中案件足迹序号:",
prop: "bzajzjxh",
label: "",
prop: "",
col: "3",
},
{
label: "案件编号:",
prop: "xyasjxx.asjbh",
label: "证件号码:",
prop: "cyzjZjhm",
col: "3",
},
{
label: "案件名称:",
prop: "xyasjxx.ajmc",
label: "性别:",
prop: "xbdmStr",
col: "3",
},
{
label: "案件类别:",
prop: "xyasjxx.ajlbdmStr",
label: "",
prop: "",
col: "3",
},
{
label: "现勘编号:",
prop: "xyasjxx.xkbh",
label: "出生日期:",
prop: "csrq",
col: "3",
},
{
label: "发案日期:",
prop: "xyrxx.asjfssjfxAsjfskssjStr",
label: "国籍:",
prop: "gjdmStr",
col: "3",
},
{
label: "发案地区划:",
prop: "xyrxx.fxasjddXzqhdmStr",
label: "",
prop: "",
col: "3",
},
{
label: "发案地详址:",
prop: "xyrxx.fxasjddDzmc",
label: "民族:",
prop: "mzdmStr",
col: "3",
},
{
label: "简要案情:",
prop: "xyrxx.jyaq",
label: "籍贯:",
prop: "jgdmStr",
col: "3",
},
{
label: "人员编号:",
prop: "xyrxx.asjxgrybh",
label: "政治面貌:",
prop: "zzmmdmStr",
col: "3",
},
{
label: "姓名:",
prop: "xyrxx.xm",
label: "学历:",
prop: "xldmStr",
col: "3",
},
{
label: "人员照片:",
prop: "xyrxx.zp",
label: "职业:",
prop: "zylbdmStr",
col: "3",
},
{
label: "别名:",
prop: "xyrxx.bmch",
label: "工作单位:",
prop: "gzdw",
col: "3",
},
{
label: "证件类型:",
prop: "xyrxx.cyzjCyzjmc",
label: "户籍地区划:",
prop: "hjdzXzqhdmStr",
col: "3",
},
{
label: "证件号码:",
prop: "xyrxx.cyzjZjhm",
label: "户籍地详址:",
prop: "hjdzDzmc",
col: "3",
},
{
label: "性别:",
prop: "xyrxx.xbdmStr",
label: "现住址区划:",
prop: "xzzXzqhdmStr",
col: "3",
},
{
label: "出生日期:",
prop: "xyrxx.csrq",
label: "现住址详址:",
prop: "xzzDzmc",
col: "10",
},
],
},
{
title: "案件基本信息", //如果不分小模块就删除title
id: 2,
objStr: "xyasjxx", //对象中的对应字段
data: [
{
label: "案件编号:",
prop: "asjbh",
col: "3",
},
{
label: "国籍:",
prop: "xyrxx.gjdmStr",
label: "案件名称:",
prop: "ajmc",
col: "3",
},
{
label: "民族:",
prop: "xyrxx.mzdmStr",
label: "案件类别:",
prop: "ajlbdmStr",
col: "3",
},
{
label: "籍贯:",
prop: "xyrxx.jgdmStr",
label: "现勘编号:",
prop: "xkbh",
col: "3",
},
{
label: "政治面貌:",
prop: "xyrxx.zzmmdmStr",
label: "发案日期:",
prop: "asjfssjfxAsjfskssjStr",
col: "3",
},
{
label: "学历:",
prop: "xyrxx.xldmStr",
label: "发案地区划:",
prop: "fxasjddXzqhdmStr",
col: "3",
},
{
label: "职业:",
prop: "xyrxx.zylbdmStr",
label: "发案地详址:",
prop: "fxasjddDzmc",
col: "10",
},
{
label: "简要案情:",
prop: "jyaq",
col: "10",
},
],
},
{
id: 3,
title: "比中信息", //如果不分小模块就删除title
data: [
{
label: "信息主键编号:",
prop: "xxzjbh",
col: "3",
},
{
label: "工作单位:",
prop: "xyrxx.gzdw",
label: "比中时间:",
prop: "bzsjStr",
col: "3",
},
{
label: "户籍地区划:",
prop: "xyrxx.hjdzXzqhdmStr",
label: "比中单位名称:",
prop: "bzdwGajgmc",
col: "3",
},
{
label: "户籍地详址:",
prop: "xyrxx.hjdzDzmc",
label: "嫌疑人足迹图像:",
prop: "",
col: "3",
},
{
label: "现住址区划:",
prop: "xyrxx.xzzXzqhdmStr",
label: "比中嫌疑人足迹部位:",
prop: "bzxyrzjbw",
col: "3",
},
{
label: "现住址详址:",
prop: "xyrxx.xzzDzmc",
label: "案件足迹图片:",
prop: "",
col: "3",
},
{
label: "比中案件足迹序号:",
prop: "bzajzjxh",
col: "3",
}
],
},
}
],
pageFooterProps: [
{
......@@ -251,7 +290,7 @@ export default {
xczjcDetail({
xxzjbh: _this.xxzjbh,
}).then((res) => {
var result = res.data;
var result = res.data.zjbzxx;
this.pageObject = result;
_this.filterTreeCode(result);
});
......
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