Commit e9c27561 by 张超军

查询认定详情缩略图完成

parent 49a792bc
......@@ -7,6 +7,20 @@ $arrow_rotate: var(--arrow_rotate, url("../assets/img/zcedit/arrow.png"));
// 标记点颜色
$BJDcolor: var(--BJDcolor, #e60012); // #e60012
// canvas的宽度
$canvasHeight_source: var(--canvasHeight_source, 540px);
$canvasWidth_source: var(--canvasWidth_source, 540px);
$canvasHeight_target: var(--canvasHeight_target, 540px);
$canvasWidth_target: var(--canvasWidth_target, 540px);
// 预览框的宽高
$previewWidth_source: var(--previewWidth_source, 100%);
$previewHeight_source: var(--previewHeight_source, 100%);
$previewWidth_target: var(--previewWidth_target, 100%);
$previewHeight_target: var(--previewHeight_target, 100%);
* {
box-sizing: border-box;
}
......@@ -1362,16 +1376,53 @@ div {
z-index: 999;
}
.preview-source {
z-index: 9999;
background: #ffffff;
z-index: 99999;
position: absolute;
left: 25px;
top: 55px;
left: 0;
top: 0;
border: 1px solid #ccc;
width: 80px;
height: 80px;
width: 144px;
height: 144px;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
// overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
img {
cursor: pointer;
object-fit: contain;
width: $previewWidth_source;
height: $previewHeight_source;
}
.block_small_source {
width: 100%;
height: 100%;
border: 1px solid #055fe7;
position: absolute;
top: 0;
left: 0;
}
.preview-source-drag_source {
cursor: grab;
width: 144px;
height: 40px;
position: absolute;
bottom: -40px;
display: flex;
justify-content: center;
align-items: center;
&:active {
cursor: grabbing;
}
img {
width: 20px;
height: 20px;
cursor: grab;
-webkit-user-drag: none;
&:active {
cursor: grabbing;
}
}
}
}
.title {
......@@ -1446,6 +1497,9 @@ div {
position: relative;
overflow: hidden;
box-sizing: content-box;
display: flex;
align-items: center;
justify-content: center;
}
.tui-image-editor2 {
box-sizing: content-box;
......@@ -1468,8 +1522,8 @@ div {
margin: auto;
max-height: 540px !important;
max-width: 540px !important;
height: 100%;
width: auto !important;
height: $canvasHeight_source !important;
width: $canvasWidth_source !important;
// display: flex !important;
// justify-content: center !important;
// align-items: center !important;
......@@ -1569,16 +1623,53 @@ div {
z-index: 999;
}
.preview-target {
z-index: 9999;
background: #ffffff;
z-index: 99999;
position: absolute;
left: 25px;
top: 55px;
left: 0;
top: 0;
border: 1px solid #ccc;
width: 80px;
height: 80px;
width: 144px;
height: 144px;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
// overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
img {
cursor: pointer;
object-fit: contain;
width: $previewWidth_target;
height: $previewHeight_target;
}
.block_small_target {
width: 100%;
height: 100%;
border: 1px solid #055fe7;
position: absolute;
top: 0;
left: 0;
}
.preview-source-drag_target {
cursor: grab;
width: 144px;
height: 40px;
position: absolute;
bottom: -40px;
display: flex;
justify-content: center;
align-items: center;
&:active {
cursor: grabbing;
}
img {
width: 20px;
height: 20px;
cursor: grab;
-webkit-user-drag: none;
&:active {
cursor: grabbing;
}
}
}
}
.title {
......@@ -1634,6 +1725,9 @@ div {
width: 540px;
height: 540px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
/deep/.tui-image-editor-canvas-container {
max-height: 540px !important;
......@@ -1649,11 +1743,11 @@ div {
margin: auto;
max-height: 540px !important;
max-width: 540px !important;
height: 100%;
width: auto !important;
// display: flex !important;
// justify-content: center !important;
// align-items: center !important;
height: $canvasHeight_target !important;
width: $canvasWidth_target !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
}
.tzdDrawing_target {
......@@ -1783,3 +1877,6 @@ div {
}
}
}
img {
-webkit-user-drag: none;
}
<!--
* @Author: your name
* @Date: 2021-12-03 15:35:26
* @LastEditTime: 2021-12-23 15:15:16
* @LastEditTime: 2021-12-24 17:20:45
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: \指纹系统\founder_vue\src\views\bzxxgl\fhxxLT.vue
......@@ -273,6 +273,7 @@ export default {
}
},
mounted() {
this.$bus.emit('suoluetu', '指纹')
if (localStorage.getItem('userInfo')) {
this.bzrName = JSON.parse(localStorage.getItem('userInfo')).name
this.userId = JSON.parse(localStorage.getItem('userInfo')).id
......
<!--
* @Author: your name
* @Date: 2021-12-03 15:35:26
* @LastEditTime: 2021-12-23 15:17:03
* @LastEditTime: 2021-12-24 17:20:49
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: \指纹系统\founder_vue\src\views\bzxxgl\fhxxLT.vue
......@@ -290,6 +290,7 @@ export default {
this.getData()
},
mounted() {
this.$bus.emit('suoluetu', '指纹')
if (this.$route.query.formData) {
this.formData = this.$route.query.formData
}
......
<!--
* @Author: your name
* @Date: 2021-12-03 15:35:26
* @LastEditTime: 2021-12-23 15:17:55
* @LastEditTime: 2021-12-24 17:20:58
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: \指纹系统\founder_vue\src\views\bzxxgl\fhxxLT.vue
......@@ -293,6 +293,7 @@ export default {
}),
},
mounted() {
this.$bus.emit('suoluetu', '指纹')
if (localStorage.getItem('userInfo')) {
this.bzrName = JSON.parse(localStorage.getItem('userInfo')).name
}
......
......@@ -567,6 +567,20 @@ export default {
},
},
watch: {
// 监听指掌纹类型
fingerShowType: {
immediate: true,
handler (val) {
//console.info("源数据传入组件的值为===>", val);
if (val == '掌纹') {
this.$bus.emit('searchTypeLT', '掌纹')
this.$bus.emit('suoluetu', '掌纹')
} else {
this.$bus.emit('searchTypeLT', '指纹')
this.$bus.emit('suoluetu', '指纹')
}
}
},
/**
* @description: 过滤显示已认定完成查询ID
* @param {*} newValue
......
......@@ -509,8 +509,10 @@ export default {
//console.info("源数据传入组件的值为===>", val);
if (val == '掌纹') {
this.$bus.emit('searchTypeLT', '掌纹')
this.$bus.emit('suoluetu', '掌纹')
} else {
this.$bus.emit('searchTypeLT', '指纹')
this.$bus.emit('suoluetu', '指纹')
}
}
},
......
......@@ -156,97 +156,98 @@ export default {
handleCurrentChange (val, old) {
let self = this;
console.log(val);
if (val.removeFlag == 1) {
self.$bus.emit('targetDeleteMessage', {
msg: '该条数据已删除!',
delTime: self.$moment(val.removeTime).format('YYYY.MM.DD HH:mm')
})
this.$bus.emit('bzJudgeTL', null)
return
}
if (this.isDelete) {
// 存储目标条码号
sessionStorage.setItem("destbarcode", val.destbarcode);
// 存储目的数据序号
sessionStorage.setItem("destseqno", val.destseqno);
self.$bus.emit('targetDeleteMessage', {
msg: '该条数据已删除!',
delTime: self.$moment(val.removeTime).format('YYYY.MM.DD HH:mm')
})
this.$bus.emit('bzJudgeTL', null)
return
}
const CancelToken = axios.CancelToken;
const source = CancelToken.source();
if (val != null) {
// 传递当前行的数据,判断是否被比中,如比中就不会弹窗比中
this.$bus.emit('bzJudgeTL', val)
// 改变数据为点击状态
self.$set(val, "clickLog", "1");
// 存储目标条码号
sessionStorage.setItem("destbarcode", val.destbarcode);
// 存储目的数据序号
sessionStorage.setItem("destseqno", val.destid);
// 存储倒查序号
sessionStorage.setItem("backcheckXh", val.destseqno);
// this.$axios.get(`/api/api/org/plainByBarcode/R1100002487002018050034/1/`)
if (!self.isFirstMounted) {
// self.$store.commit('loading/setLoadingSd', true)
if(val != null) {
if (val.removeFlag == 1) {
self.$bus.emit('targetDeleteMessage', {
msg: '该条数据已删除!',
delTime: self.$moment(val.removeTime).format('YYYY.MM.DD HH:mm')
})
this.$bus.emit('bzJudgeTL', null)
return
}
if (val.destseqno < 100) {
// 获取案件指纹
this.$axios
.post("/api/org/case/barcode/seqNo", {
barcode: val.destbarcode,
seqno: val.destseqno,
qqid: val.qqid
}, { loading: true, cancelToken: source.token }).then(response => {
//console.log(response);
if (response.data.code === 0) {
self.$bus.emit("changImageEditTarget", response.data.ret.image);
if (!self.isFirstMounted) {
clearTimeout(self.timer)
self.timer = setTimeout(() => {
// self.$store.commit('loading/setLoadingSd', false)
}, 500);
if (this.isDelete) {
// 存储目标条码号
sessionStorage.setItem("destbarcode", val.destbarcode);
// 存储目的数据序号
sessionStorage.setItem("destseqno", val.destseqno);
self.$bus.emit('targetDeleteMessage', {
msg: '该条数据已删除!',
delTime: self.$moment(val.removeTime).format('YYYY.MM.DD HH:mm')
})
this.$bus.emit('bzJudgeTL', null)
return
}
const CancelToken = axios.CancelToken;
const source = CancelToken.source();
if (val != null) {
// 传递当前行的数据,判断是否被比中,如比中就不会弹窗比中
this.$bus.emit('bzJudgeTL', val)
// 改变数据为点击状态
self.$set(val, "clickLog", "1");
// 存储目标条码号
sessionStorage.setItem("destbarcode", val.destbarcode);
// 存储目的数据序号
sessionStorage.setItem("destseqno", val.destid);
// 存储倒查序号
sessionStorage.setItem("backcheckXh", val.destseqno);
// this.$axios.get(`/api/api/org/plainByBarcode/R1100002487002018050034/1/`)
if (!self.isFirstMounted) {
// self.$store.commit('loading/setLoadingSd', true)
}
if (val.destseqno < 100) {
// 获取案件指纹
this.$axios
.post("/api/org/case/barcode/seqNo", {
barcode: val.destbarcode,
seqno: val.destseqno,
qqid: val.qqid
}, { loading: true, cancelToken: source.token }).then(response => {
//console.log(response);
if (response.data.code === 0) {
self.$bus.emit("changImageEditTarget", response.data.ret.image);
if (!self.isFirstMounted) {
clearTimeout(self.timer)
self.timer = setTimeout(() => {
// self.$store.commit('loading/setLoadingSd', false)
}, 500);
}
} else {
self.$bus.emit("changImageEditTarget", 'xxx');
}
} else {
self.$bus.emit("changImageEditTarget", 'xxx');
}
});
} else {
// 获取案件掌纹
// TODO
this.$axios
.post("/api/org/case/palm/barcode/seq", {
barcode: val.destbarcode,
hpseqno: val.destseqno,
qqid: val.qqid
}, { loading: true, cancelToken: source.token }).then(response => {
//console.log(response);
if (response.data.code === 0) {
self.$bus.emit("changImageEditTarget", response.data.ret.image);
if (!self.isFirstMounted) {
clearTimeout(self.timer)
self.timer = setTimeout(() => {
// self.$store.commit('loading/setLoadingSd', false)
}, 500);
});
} else {
// 获取案件掌纹
// TODO
this.$axios
.post("/api/org/case/palm/barcode/seq", {
barcode: val.destbarcode,
hpseqno: val.destseqno,
qqid: val.qqid
}, { loading: true, cancelToken: source.token }).then(response => {
//console.log(response);
if (response.data.code === 0) {
self.$bus.emit("changImageEditTarget", response.data.ret.image);
if (!self.isFirstMounted) {
clearTimeout(self.timer)
self.timer = setTimeout(() => {
// self.$store.commit('loading/setLoadingSd', false)
}, 500);
}
} else {
self.$bus.emit("changImageEditTarget", 'xxx');
}
} else {
self.$bus.emit("changImageEditTarget", 'xxx');
}
});
});
}
}
else {
self.$bus.emit("changImageEditTarget", 'xxx');
// 存储目标条码号 --- 置空
sessionStorage.setItem("destbarcode", "");
// 存储目的数据序号 --- 置空
sessionStorage.setItem("destseqno", "");
// 存储倒查序号 --- 置空
sessionStorage.setItem("backcheckXh", "");
}
}
else {
self.$bus.emit("changImageEditTarget", 'xxx');
// 存储目标条码号 --- 置空
sessionStorage.setItem("destbarcode", "");
// 存储目的数据序号 --- 置空
sessionStorage.setItem("destseqno", "");
// 存储倒查序号 --- 置空
sessionStorage.setItem("backcheckXh", "");
}
},
tableRowClassName ({ row, column, rowIndex, columnIndex }) {
......
......@@ -1581,8 +1581,10 @@ export default {
//console.info("源数据传入组件的值为===>", val);
if (val == 'zhangwen') {
this.$bus.emit('searchType', '掌纹')
this.$bus.emit('suoluetu', '掌纹')
} else {
this.$bus.emit('searchType', '指纹')
this.$bus.emit('suoluetu', '指纹')
}
}
},
......
/*
* @Author: your name
* @Date: 2021-09-07 09:57:48
* @LastEditTime: 2021-12-23 12:12:25
* @LastEditTime: 2021-12-23 20:03:28
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \指纹系统\founder_vue\vue.config.js
......@@ -132,8 +132,8 @@ module.exports = {
//target: "http://192.168.128.106:8765", // 湖南-王
// target: "http://192.168.128.112:8765", // 湖南-张
// target: "http://www.meetfood.cn:2390", // 湖南-王
// target: "http://zwpt.xzclub.top:9333",
target: "http://192.168.128.119:8765",
target: "http://zwpt.xzclub.top:9333",
// target: "http://192.168.128.119:8765",
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