Skip to content

F
founder_vue
Commit 421e1da9 by 张超军
Options

一键清空，正/倒/串查（人工认定表格颜色）

parent 34631a01
Showing with 359 additions and 528 deletions
src/components/ImageEd.vue
<!--
* @Author: your name
* @Date: 2021-09-09 09:28:46
* @LastEditTime: 2022-01-11 15:20:50
* @LastEditTime: 2022-01-14 16:03:42
* @Description: In User Settings Edit
* @FilePath: \指纹系统\founder_vue\src\views\cxyrd\LTz.vue
-->
......@@ -2099,11 +2099,13 @@ export default {
self.targetIsDelete = false
self.targetDelTime = ''
self.lines = []
self.path = []
self.circleArr = []
self.historys = []
self.initStatus()
if (sourceImage == 'xxx') {
// 暂无图片
imageEditor.loadImageFromURL("data:image/jpeg;base64," + targetImage, "SampleImage").then().catch(err => { })
imageEditor.loadImageFromURL("data:image/jpeg;base64," + sourceImage, "SampleImage").then().catch(err => { })
self.zwtp_source = true
return;
} else {
......@@ -2150,6 +2152,7 @@ export default {
console.log(self.ratio_source);
imageEditor.clearUndoStack();
imageEditor.clearRedoStack();
}).catch(err => {
console.log(err);
});
......@@ -2171,12 +2174,14 @@ export default {
}
self.lines2 = []
self.path2 = []
self.circleArr2 = []
self.historys2 = []
self.isShowTargetPrivew = false
self.targetImage = targetImage;
self.targetIsDelete = false
self.targetDelTime = ''
self.initStatus()
if (targetImage == 'xxx') {
imageEditor2.loadImageFromURL("data:image/jpeg;base64," + targetImage, "SampleImage").then().catch(err => { })
self.zwtp_target = true
......@@ -2187,6 +2192,7 @@ export default {
self.targetImage = targetImage;
imageEditor2.loadImageFromURL("data:image/jpeg;base64," + targetImage, "SampleImage").then(function (sizeValue) {
imageEditor2.clearUndoStack();
imageEditor2.clearRedoStack();
// 更新newHeight和newWidth
self.newWidth_target = sizeValue.newWidth
self.newHeight_target = sizeValue.newHeight
......@@ -3916,11 +3922,139 @@ export default {
$(".clear").css("background", "rgba(5, 95, 231, 0.1)");
this.isShowClearDialog = false;
if (this.type == "source") {
this.imageEditor.clearObjects();
self.historys.unshift("清空");
// this.imageEditor.clearObjects();
// self.historys.unshift("清空");
let canvasImage = self.imageEditor._graphics.getCanvasImage();
self.imageEditor.changeCursor("auto");
// 图层恢复
self.imageEditor.rotate(-canvasImage.angle);
self.imageEditor.resetZoom();
self.zoomLevel = 1
self.startPlaceSource = 0;
self.resetTzdDrawing_source(true);
if (self.imageEditor._graphics.getCanvasImage().flipX || self.imageEditor._graphics.getCanvasImage().flipY) {
self.imageEditor.resetFlip().then(function (status) {
self.resetTzdDrawing_source(true);
});
}
self.isShowSourcePrivew = false
self.targetIsDelete = false
self.targetDelTime = ''
self.historys = []
self.circleArr = []
self.lines = []
self.path = []
self.initStatus()
self.imageEditor.loadImageFromURL("data:image/jpeg;base64," + self.sourceImage, "SampleImage", { erasable: false }).then(function (sizeValue) {
// 更新newHeight和newWidth
self.newHeight_source = sizeValue.newHeight;
self.newWidth_source = sizeValue.newWidth;
// 更新图层存的角度值
document.querySelector('.tui-image-editor .upper-canvas').dataset.angle = 0
// 更改canvas图层的宽高样式适配
if (self.newHeight_source >= self.newWidth_source) {
document.getElementsByTagName('body')[0].style.setProperty('--canvasHeight_source', '100%');
document.getElementsByTagName('body')[0].style.setProperty('--canvasWidth_source', 'auto');
document.getElementsByTagName('body')[0].style.setProperty('--previewHeight_source', '100%');
document.getElementsByTagName('body')[0].style.setProperty('--previewWidth_source', 'auto');
} else {
document.getElementsByTagName('body')[0].style.setProperty('--canvasWidth_source', '100%');
document.getElementsByTagName('body')[0].style.setProperty('--canvasHeight_source', 'auto');
document.getElementsByTagName('body')[0].style.setProperty('--previewHeight_source', 'auto');
document.getElementsByTagName('body')[0].style.setProperty('--previewWidth_source', '100%');
}
// 更改canvas图层的宽高样式适配
let lower_canvas_width = $('.tui-image-editor .lower-canvas').width()
let lower_canvas_height = $('.tui-image-editor .lower-canvas').height()
$(".tzdDrawing_source").css('height', lower_canvas_height + 'px')
$(".tzdDrawing_source").css('width', lower_canvas_width + 'px')
$(".tzdDrawing_2_source").css('height', lower_canvas_height + 'px')
$(".tzdDrawing_2_source").css('width', lower_canvas_width + 'px')
if (self.newHeight_source < self.newWidth_source) {
self.ratio_source = lower_canvas_width / self.newWidth_source
} else {
self.ratio_source = lower_canvas_height / self.newHeight_source
}
self.imageEditor.clearUndoStack();
self.imageEditor.clearRedoStack();
}).catch(err => {
console.log(err);
});
} else {
// this.imageEditor2.clearObjects();
// self.historys2.unshift("清空");
// 恢复图层初试状态
this.imageEditor2.changeCursor("auto");
let canvasImage = this.imageEditor2._graphics.getCanvasImage();
self.imageEditor2.rotate(-canvasImage.angle);
self.imageEditor2.resetZoom();
self.zoomLevel2 = 1
self.startPlaceTarget = 0;
self.resetTzdDrawing_target(true);
if (self.imageEditor2._graphics.getCanvasImage().flipX || self.imageEditor2._graphics.getCanvasImage().flipY) {
self.imageEditor2.resetFlip().then(function (status) {
self.resetTzdDrawing_target(true);
});
}
self.lines2 = []
self.path2 = []
self.circleArr2 = []
self.historys2 = []
self.isShowTargetPrivew = false
self.targetIsDelete = false
self.targetDelTime = ''
self.initStatus()
self.imageEditor2.loadImageFromURL("data:image/jpeg;base64," + self.targetImage, "SampleImage").then(function (sizeValue) {
self.imageEditor2.clearUndoStack();
self.imageEditor2.clearRedoStack();
// 更新newHeight和newWidth
self.newWidth_target = sizeValue.newWidth
self.newHeight_target = sizeValue.newHeight
// 更新图层存的角度值
document.querySelector('.tui-image-editor2 .upper-canvas').dataset.angle = 0
// 更改canvas图层的宽高样式适配
if (self.newWidth_target >= self.newHeight_target) {
document.getElementsByTagName('body')[0].style.setProperty('--canvasHeight_target', 'auto');
document.getElementsByTagName('body')[0].style.setProperty('--canvasWidth_target', '100%');
document.getElementsByTagName('body')[0].style.setProperty('--previewHeight_target', 'auto');
document.getElementsByTagName('body')[0].style.setProperty('--previewWidth_target', '100%');
} else {
document.getElementsByTagName('body')[0].style.setProperty('--canvasWidth_target', 'auto');
document.getElementsByTagName('body')[0].style.setProperty('--canvasHeight_target', '100%');
document.getElementsByTagName('body')[0].style.setProperty('--previewHeight_target', '100%');
document.getElementsByTagName('body')[0].style.setProperty('--previewWidth_target', 'auto');
}
// 更改canvas图层的宽高样式适配
let lower_canvas_width = $('.tui-image-editor2 .lower-canvas').width()
let lower_canvas_height = $('.tui-image-editor2 .lower-canvas').height()
$(".tui-image-editor2 .tui-image-editor-canvas-container").css('width', lower_canvas_width + 'px')
$(".tui-image-editor2 .tui-image-editor-canvas-container").css('height', lower_canvas_height + 'px')
$(".tui-image-editor2").css('width', lower_canvas_width + 'px')
$(".tui-image-editor2").css('height', lower_canvas_height + 'px')
$(".tzdDrawing_target").css('height', lower_canvas_height + 'px')
$(".tzdDrawing_target").css('width', lower_canvas_width + 'px')
$(".tzdDrawing_2_target").css('height', lower_canvas_height + 'px')
$(".tzdDrawing_2_target").css('width', lower_canvas_width + 'px')
// self.ratio_target = lower_canvas_height / self.newHeight_target
if (self.newHeight_target < self.newWidth_target) {
self.ratio_target = lower_canvas_width / self.newWidth_target
} else {
this.imageEditor2.clearObjects();
self.historys2.unshift("清空");
self.ratio_target = lower_canvas_height / self.newHeight_target
}
}).catch(err => {
console.log(err);
})
}
this.$message.success("已清空！");
},
......@@ -3930,152 +4064,152 @@ export default {
* @return {*}
*/
clearChange () {
// 同步下拉框
this.isShowEnlargeSynchro = false;
// 原尺寸下拉框
this.isShowSizeSynchro = false;
this.isShowCircleColor = false;
$(".icon_line").css("background", "rgba(5, 95, 231, 0.1)");
$(".clear").css("background", "rgba(5, 95, 231, 0.1)");
$(".icon_circle").css("background", "rgba(5, 95, 231, 0.1)");
$(".icon_rotate").css("background", "rgba(5, 95, 231, 0.1)");
$(".enlarge").css("background", "rgba(5, 95, 231, 0.1)");
$(".drag").css("background", "rgba(5, 95, 231, 0.1)");
$(".icon_size").css("background", "rgba(5, 95, 231, 0.1)");
// 是否是小手
this.isHand = false;
// 是否放大
this.isEnlarge = false;
// 目标是否放大
this.isEnlarge2 = false;
// 放大的倍数
// this.zoomLevel = 1
// 目标放大的倍数
// this.zoomLevel2 = 1
this.isOptions = false;
// 是否点击
this.isActive = false;
// 是否是点击状态
this.isActive_rotate = false;
// 是否展示旋转的下拉框
this.isRotateOptions = false;
// 旋转的度数
// this.inputRotationRange = 0
// 旋转的度数--target
// this.inputRotationRange2 = 0
// 是否是X轴翻转
this.isX = false;
// 是否是Y轴翻转
this.isY = false;
// 是否是重置
this.isReset = false;
// 是否是左旋转
this.isLeftRotate = false;
// 是否是右旋转
this.isRightRotate = false;
// 是否选中线条
this.isActive_line = false;
// 是否打开线条的下拉框
this.isLineOptions = false;
// 是否隐藏辅助线
this.isHideSubline_source = false;
// 是否隐藏辅助线 -- 目标
this.isHideSubline_target = false;
// 是否展示画笔颜色选择
this.isShowLineColor = false;
// 线条样式切换
// this.isNormalActiveIcon = true;
// this.isNormalActiveName = true;
// this.isThinActiveIcon = false;
// this.isThinActiveName = false;
// this.isMediumActiveIcon = false;
// this.isMediumActiveName = false;
// this.isBoldActiveIcon = false;
// this.isBoldActiveName = false;
// 大小切换
this.isMrSizeActive = false;
this.isSmallSizeActive = false;
this.isMediumSizeActive = false;
this.isBigSizeActive = false;
// 清空之前的标记点操作
this.sizeMr = false;
this.sizeX = false;
this.sizeZ = false;
this.sizeD = false;
// 取消划线操作
this.imageEditor.stopDrawingMode();
this.imageEditor2.stopDrawingMode();
// 辅助线的id数组
this.lines = [];
// 是否点击了圆标记
this.isActive_circle = false;
// 是否展示园标记弹出框
this.isCircleOptions = false;
// 是否隐藏标记点
// this.isHideMarkPoint_source = false
// this.isHideMarkPoint_target = false
// 大小切换
this.isMrSizeActive = true;
this.isSmallSizeActive = false;
this.isMediumSizeActive = false;
this.isBigSizeActive = false;
// 是否点击了清空按钮
// this.isActive_clear = false
// 是否展示清空操作提示按钮
this.isShowClearDialog = false;
// 是否选择了灰度
this.isGrayActive = false;
// 是否选择了棕褐色
this.isVintageActive = false;
// 是否选择了马蹄镜
this.isHorseshoeMirrorActive = false;
// 是否选择了均衡化
this.isEqualizationActive = false;
// 是否选择了锐化
this.isSharpenActive = false;
// 是否选择了浮雕
this.isEmbossActive = false;
// 是否选择了反向
this.isInvertActive = false;
// 是否选择了去除白色
this.isRemoveWhiteActive = false;
// 去白值
// this.inputRemoveWhiteRange = 10
// 去白值--target
// this.inputRemoveWhiteRange2 = 10
// 是否展示去白下拉框
this.optionsRemoveWhite = false;
// 滤色器选项框
this.optionsColorFilter = false;
// 是否选择了滤色器
this.isColorFilterActive = false;
// 滤色器色值
// this.inputColorFilterRange = 45
// 滤色器色值---target
// this.inputColorFilterRange2 = 45
// 是否选择了正片叠底
this.isMultiplyActive = false;
// 是否展示正片叠底框
this.optionsMultiply = false;
// 是否选择了差异化
this.isBlendActive = false;
// 是否展示差异化下拉框
this.optionsBlend = false;
// 是否选择了亮度
this.isBrightnessActive = false;
// 亮度
// this.inputBrightnessRange = 100
// 亮度 --- target
// this.inputBrightnessRange2 = 100
// 是否展示亮度弹窗
this.optionsBrightness = false;
// 源数据/目标数据切换
// this.type = 'source'
// 是否展示历史下拉框
this.isHistoryOptions = false;
// 是否点击了历史
this.isActive_history = false;
// 历史记录背景色
// // 同步下拉框
// this.isShowEnlargeSynchro = false;
// // 原尺寸下拉框
// this.isShowSizeSynchro = false;
// this.isShowCircleColor = false;
// $(".icon_line").css("background", "rgba(5, 95, 231, 0.1)");
// $(".clear").css("background", "rgba(5, 95, 231, 0.1)");
// $(".icon_circle").css("background", "rgba(5, 95, 231, 0.1)");
// $(".icon_rotate").css("background", "rgba(5, 95, 231, 0.1)");
// $(".enlarge").css("background", "rgba(5, 95, 231, 0.1)");
// $(".drag").css("background", "rgba(5, 95, 231, 0.1)");
// $(".icon_size").css("background", "rgba(5, 95, 231, 0.1)");
// // 是否是小手
// this.isHand = false;
// // 是否放大
// this.isEnlarge = false;
// // 目标是否放大
// this.isEnlarge2 = false;
// // 放大的倍数
// // this.zoomLevel = 1
// // 目标放大的倍数
// // this.zoomLevel2 = 1
// this.isOptions = false;
// // 是否点击
// this.isActive = false;
// // 是否是点击状态
// this.isActive_rotate = false;
// // 是否展示旋转的下拉框
// this.isRotateOptions = false;
// // 旋转的度数
// // this.inputRotationRange = 0
// // 旋转的度数--target
// // this.inputRotationRange2 = 0
// // 是否是X轴翻转
// this.isX = false;
// // 是否是Y轴翻转
// this.isY = false;
// // 是否是重置
// this.isReset = false;
// // 是否是左旋转
// this.isLeftRotate = false;
// // 是否是右旋转
// this.isRightRotate = false;
// // 是否选中线条
// this.isActive_line = false;
// // 是否打开线条的下拉框
// this.isLineOptions = false;
// // 是否隐藏辅助线
// this.isHideSubline_source = false;
// // 是否隐藏辅助线 -- 目标
// this.isHideSubline_target = false;
// // 是否展示画笔颜色选择
// this.isShowLineColor = false;
// // 线条样式切换
// // this.isNormalActiveIcon = true;
// // this.isNormalActiveName = true;
// // this.isThinActiveIcon = false;
// // this.isThinActiveName = false;
// // this.isMediumActiveIcon = false;
// // this.isMediumActiveName = false;
// // this.isBoldActiveIcon = false;
// // this.isBoldActiveName = false;
// // 大小切换
// this.isMrSizeActive = false;
// this.isSmallSizeActive = false;
// this.isMediumSizeActive = false;
// this.isBigSizeActive = false;
// // 清空之前的标记点操作
// this.sizeMr = false;
// this.sizeX = false;
// this.sizeZ = false;
// this.sizeD = false;
// // 取消划线操作
// this.imageEditor.stopDrawingMode();
// this.imageEditor2.stopDrawingMode();
// // 辅助线的id数组
// this.lines = [];
// // 是否点击了圆标记
// this.isActive_circle = false;
// // 是否展示园标记弹出框
// this.isCircleOptions = false;
// // 是否隐藏标记点
// // this.isHideMarkPoint_source = false
// // this.isHideMarkPoint_target = false
// // 大小切换
// this.isMrSizeActive = true;
// this.isSmallSizeActive = false;
// this.isMediumSizeActive = false;
// this.isBigSizeActive = false;
// // 是否点击了清空按钮
// // this.isActive_clear = false
// // 是否展示清空操作提示按钮
// this.isShowClearDialog = false;
// // 是否选择了灰度
// this.isGrayActive = false;
// // 是否选择了棕褐色
// this.isVintageActive = false;
// // 是否选择了马蹄镜
// this.isHorseshoeMirrorActive = false;
// // 是否选择了均衡化
// this.isEqualizationActive = false;
// // 是否选择了锐化
// this.isSharpenActive = false;
// // 是否选择了浮雕
// this.isEmbossActive = false;
// // 是否选择了反向
// this.isInvertActive = false;
// // 是否选择了去除白色
// this.isRemoveWhiteActive = false;
// // 去白值
// // this.inputRemoveWhiteRange = 10
// // 去白值--target
// // this.inputRemoveWhiteRange2 = 10
// // 是否展示去白下拉框
// this.optionsRemoveWhite = false;
// // 滤色器选项框
// this.optionsColorFilter = false;
// // 是否选择了滤色器
// this.isColorFilterActive = false;
// // 滤色器色值
// // this.inputColorFilterRange = 45
// // 滤色器色值---target
// // this.inputColorFilterRange2 = 45
// // 是否选择了正片叠底
// this.isMultiplyActive = false;
// // 是否展示正片叠底框
// this.optionsMultiply = false;
// // 是否选择了差异化
// this.isBlendActive = false;
// // 是否展示差异化下拉框
// this.optionsBlend = false;
// // 是否选择了亮度
// this.isBrightnessActive = false;
// // 亮度
// // this.inputBrightnessRange = 100
// // 亮度 --- target
// // this.inputBrightnessRange2 = 100
// // 是否展示亮度弹窗
// this.optionsBrightness = false;
// // 源数据/目标数据切换
// // this.type = 'source'
// // 是否展示历史下拉框
// this.isHistoryOptions = false;
// // 是否点击了历史
// this.isActive_history = false;
// // 历史记录背景色
$(".icon_history").css("background", "rgba(5, 95, 231, 0.1)");
this.isActive_clear = !this.isActive_clear;
if (this.isActive_clear) {
......@@ -4235,54 +4369,6 @@ export default {
this.isActive_clear = false;
// 是否展示清空操作提示按钮
this.isShowClearDialog = false;
// 是否选择了灰度
this.isGrayActive = false;
// 是否选择了棕褐色
this.isVintageActive = false;
// 是否选择了马蹄镜
this.isHorseshoeMirrorActive = false;
// 是否选择了均衡化
this.isEqualizationActive = false;
// 是否选择了锐化
this.isSharpenActive = false;
// 是否选择了浮雕
this.isEmbossActive = false;
// 是否选择了反向
this.isInvertActive = false;
// 是否选择了去除白色
this.isRemoveWhiteActive = false;
// 去白值
// this.inputRemoveWhiteRange = 10
// 去白值--target
// this.inputRemoveWhiteRange2 = 10
// 是否展示去白下拉框
this.optionsRemoveWhite = false;
// 滤色器选项框
this.optionsColorFilter = false;
// 是否选择了滤色器
this.isColorFilterActive = false;
// 滤色器色值
// this.inputColorFilterRange = 45
// 滤色器色值---target
// this.inputColorFilterRange2 = 45
// 是否选择了正片叠底
this.isMultiplyActive = false;
// 是否展示正片叠底框
this.optionsMultiply = false;
// 是否选择了差异化
this.isBlendActive = false;
// 是否展示差异化下拉框
this.optionsBlend = false;
// 是否选择了亮度
this.isBrightnessActive = false;
// 亮度
// this.inputBrightnessRange = 100
// 亮度 --- target
// this.inputBrightnessRange2 = 100
// 是否展示亮度弹窗
this.optionsBrightness = false;
// 源数据/目标数据切换
// this.type = 'source'
// 是否展示历史下拉框
this.isHistoryOptions = false;
// 是否点击了历史
......@@ -4579,79 +4665,31 @@ export default {
// this.isHideSubline_target = false;
// 是否展示画笔颜色选择
this.isShowLineColor = false;
// 线条样式切换
// this.isNormalActiveIcon = true
// this.isNormalActiveName = true
// this.isThinActiveIcon = false
// this.isThinActiveName = false
// this.isMediumActiveIcon = false
// this.isMediumActiveName = false
// this.isBoldActiveIcon = false
// this.isBoldActiveName = false
// 是否点击了圆标记
this.isActive_circle = false;
// 是否展示园标记弹出框
this.isCircleOptions = false;
// 是否隐藏标记点
// this.isHideMarkPoint_source = false
// this.isHideMarkPoint_target = false
// 取消划线操作
this.imageEditor.stopDrawingMode();
this.imageEditor2.stopDrawingMode();
// 是否点击了清空按钮
this.isActive_clear = false;
// 是否展示清空操作提示按钮
this.isShowClearDialog = false;
// 是否选择了灰度
this.isGrayActive = false;
// 是否选择了棕褐色
this.isVintageActive = false;
// 是否选择了马蹄镜
this.isHorseshoeMirrorActive = false;
// 是否选择了均衡化
this.isEqualizationActive = false;
// 是否选择了锐化
this.isSharpenActive = false;
// 是否选择了浮雕
this.isEmbossActive = false;
// 是否选择了反向
this.isInvertActive = false;
// 是否选择了去除白色
this.isRemoveWhiteActive = false;
// 去白值
// this.inputRemoveWhiteRange = 10
// 去白值--target
// this.inputRemoveWhiteRange2 = 10
// 是否展示去白下拉框
this.optionsRemoveWhite = false;
// 滤色器选项框
this.optionsColorFilter = false;
// 是否选择了滤色器
this.isColorFilterActive = false;
// 滤色器色值
// this.inputColorFilterRange = 45
// 滤色器色值---target
// this.inputColorFilterRange2 = 45
// 是否选择了正片叠底
this.isMultiplyActive = false;
// 是否展示正片叠底框
this.optionsMultiply = false;
// 是否选择了差异化
this.isBlendActive = false;
// 是否展示差异化下拉框
this.optionsBlend = false;
// 是否选择了亮度
this.isBrightnessActive = false;
// 亮度
// this.inputBrightnessRange = 100
// 亮度 --- target
// this.inputBrightnessRange2 = 100
// 是否展示亮度弹窗
this.optionsBrightness = false;
// 源数据/目标数据切换
// this.type = 'source'
// 线条样式切换
// this.isNormalActiveIcon = true
// this.isNormalActiveName = true
// this.isThinActiveIcon = false
// this.isThinActiveName = false
// this.isMediumActiveIcon = false
// this.isMediumActiveName = false
// this.isBoldActiveIcon = false
// this.isBoldActiveName = false
// 是否点击了圆标记
this.isActive_circle = false;
// 是否展示园标记弹出框
this.isCircleOptions = false;
// 是否隐藏标记点
// this.isHideMarkPoint_source = false
// this.isHideMarkPoint_target = false
// 取消划线操作
this.imageEditor.stopDrawingMode();
this.imageEditor2.stopDrawingMode();
// 是否点击了清空按钮
this.isActive_clear = false;
// 是否展示清空操作提示按钮
this.isShowClearDialog = false;
// 是否展示历史下拉框
this.isHistoryOptions = false;
// 是否点击了历史
......@@ -4962,50 +5000,6 @@ export default {
this.isActive_clear = false;
// 是否展示清空操作提示按钮
this.isShowClearDialog = false;
// 是否选择了灰度
this.isGrayActive = false;
// 是否选择了棕褐色
this.isVintageActive = false;
// 是否选择了马蹄镜
this.isHorseshoeMirrorActive = false;
// 是否选择了均衡化
this.isEqualizationActive = false;
// 是否选择了锐化
this.isSharpenActive = false;
// 是否选择了浮雕
this.isEmbossActive = false;
// 是否选择了反向
this.isInvertActive = false;
// 是否选择了去除白色
this.isRemoveWhiteActive = false;
// 去白值
// this.inputRemoveWhiteRange = 10
// 去白值--target
// this.inputRemoveWhiteRange2 = 10
// 是否展示去白下拉框
this.optionsRemoveWhite = false;
// 滤色器选项框
this.optionsColorFilter = false;
// 是否选择了滤色器
this.isColorFilterActive = false;
// 滤色器色值
// this.inputColorFilterRange = 45
// 滤色器色值---target
// this.inputColorFilterRange2 = 45
// 是否选择了正片叠底
this.isMultiplyActive = false;
// 是否展示正片叠底框
this.optionsMultiply = false;
// 是否选择了差异化
this.isBlendActive = false;
// 是否展示差异化下拉框
this.optionsBlend = false;
// 是否选择了亮度
this.isBrightnessActive = false;
// 亮度
// this.inputBrightnessRange = 100
// 亮度 --- target
// this.inputBrightnessRange2 = 100
// 是否展示亮度弹窗
this.optionsBrightness = false;
// 源数据/目标数据切换
......@@ -5116,54 +5110,7 @@ export default {
this.isActive_clear = false;
// 是否展示清空操作提示按钮
this.isShowClearDialog = false;
// 是否选择了灰度
this.isGrayActive = false;
// 是否选择了棕褐色
this.isVintageActive = false;
// 是否选择了马蹄镜
this.isHorseshoeMirrorActive = false;
// 是否选择了均衡化
this.isEqualizationActive = false;
// 是否选择了锐化
this.isSharpenActive = false;
// 是否选择了浮雕
this.isEmbossActive = false;
// 是否选择了反向
this.isInvertActive = false;
// 是否选择了去除白色
this.isRemoveWhiteActive = false;
// 去白值
// this.inputRemoveWhiteRange = 10
// 去白值--target
// this.inputRemoveWhiteRange2 = 10
// 是否展示去白下拉框
this.optionsRemoveWhite = false;
// 滤色器选项框
this.optionsColorFilter = false;
// 是否选择了滤色器
this.isColorFilterActive = false;
// 滤色器色值
// this.inputColorFilterRange = 45
// 滤色器色值---target
// this.inputColorFilterRange2 = 45
// 是否选择了正片叠底
this.isMultiplyActive = false;
// 是否展示正片叠底框
this.optionsMultiply = false;
// 是否选择了差异化
this.isBlendActive = false;
// 是否展示差异化下拉框
this.optionsBlend = false;
// 是否选择了亮度
this.isBrightnessActive = false;
// 亮度
// this.inputBrightnessRange = 100
// 亮度 --- target
// this.inputBrightnessRange2 = 100
// 是否展示亮度弹窗
this.optionsBrightness = false;
// 源数据/目标数据切换
// this.type = 'source'
// 是否展示历史下拉框
this.isHistoryOptions = false;
// 是否点击了历史
......@@ -5307,50 +5254,6 @@ export default {
this.isActive_clear = false;
// 是否展示清空操作提示按钮
this.isShowClearDialog = false;
// 是否选择了灰度
this.isGrayActive = false;
// 是否选择了棕褐色
this.isVintageActive = false;
// 是否选择了马蹄镜
this.isHorseshoeMirrorActive = false;
// 是否选择了均衡化
this.isEqualizationActive = false;
// 是否选择了锐化
this.isSharpenActive = false;
// 是否选择了浮雕
this.isEmbossActive = false;
// 是否选择了反向
this.isInvertActive = false;
// 是否选择了去除白色
this.isRemoveWhiteActive = false;
// 去白值
// this.inputRemoveWhiteRange = 10
// 去白值--target
// this.inputRemoveWhiteRange2 = 10
// 是否展示去白下拉框
this.optionsRemoveWhite = false;
// 滤色器选项框
this.optionsColorFilter = false;
// 是否选择了滤色器
this.isColorFilterActive = false;
// 滤色器色值
// this.inputColorFilterRange = 45
// 滤色器色值---target
// this.inputColorFilterRange2 = 45
// 是否选择了正片叠底
this.isMultiplyActive = false;
// 是否展示正片叠底框
this.optionsMultiply = false;
// 是否选择了差异化
this.isBlendActive = false;
// 是否展示差异化下拉框
this.optionsBlend = false;
// 是否选择了亮度
this.isBrightnessActive = false;
// 亮度
// this.inputBrightnessRange = 100
// 亮度 --- target
// this.inputBrightnessRange2 = 100
// 是否展示亮度弹窗
this.optionsBrightness = false;
// 源数据/目标数据切换
......@@ -5505,54 +5408,6 @@ export default {
this.isActive_clear = false;
// 是否展示清空操作提示按钮
this.isShowClearDialog = false;
// 是否选择了灰度
this.isGrayActive = false;
// 是否选择了棕褐色
this.isVintageActive = false;
// 是否选择了马蹄镜
this.isHorseshoeMirrorActive = false;
// 是否选择了均衡化
this.isEqualizationActive = false;
// 是否选择了锐化
this.isSharpenActive = false;
// 是否选择了浮雕
this.isEmbossActive = false;
// 是否选择了反向
this.isInvertActive = false;
// 是否选择了去除白色
this.isRemoveWhiteActive = false;
// 去白值
// this.inputRemoveWhiteRange = 10
// 去白值--target
// this.inputRemoveWhiteRange2 = 10
// 是否展示去白下拉框
this.optionsRemoveWhite = false;
// 滤色器选项框
this.optionsColorFilter = false;
// 是否选择了滤色器
this.isColorFilterActive = false;
// 滤色器色值
// this.inputColorFilterRange = 45
// 滤色器色值---target
// this.inputColorFilterRange2 = 45
// 是否选择了正片叠底
this.isMultiplyActive = false;
// 是否展示正片叠底框
this.optionsMultiply = false;
// 是否选择了差异化
this.isBlendActive = false;
// 是否展示差异化下拉框
this.optionsBlend = false;
// 是否选择了亮度
this.isBrightnessActive = false;
// 亮度
// this.inputBrightnessRange = 100
// 亮度 --- target
// this.inputBrightnessRange2 = 100
// 是否展示亮度弹窗
this.optionsBrightness = false;
// 源数据/目标数据切换
// this.type = 'source'
// 是否展示历史下拉框
this.isHistoryOptions = false;
// 是否点击了历史
......@@ -5702,52 +5557,6 @@ export default {
this.isActive_clear = false;
// 是否展示清空操作提示按钮
this.isShowClearDialog = false;
// 是否选择了灰度
this.isGrayActive = false;
// 是否选择了棕褐色
this.isVintageActive = false;
// 是否选择了马蹄镜
this.isHorseshoeMirrorActive = false;
// 是否选择了均衡化
this.isEqualizationActive = false;
// 是否选择了锐化
this.isSharpenActive = false;
// 是否选择了浮雕
this.isEmbossActive = false;
// 是否选择了反向
this.isInvertActive = false;
// 是否选择了去除白色
this.isRemoveWhiteActive = false;
// 去白值
// this.inputRemoveWhiteRange = 10
// 去白值--target
// this.inputRemoveWhiteRange2 = 10
// 是否展示去白下拉框
this.optionsRemoveWhite = false;
// 滤色器选项框
this.optionsColorFilter = false;
// 是否选择了滤色器
this.isColorFilterActive = false;
// 滤色器色值
// this.inputColorFilterRange = 45
// 滤色器色值---target
// this.inputColorFilterRange2 = 45
// 是否选择了正片叠底
this.isMultiplyActive = false;
// 是否展示正片叠底框
this.optionsMultiply = false;
// 是否选择了差异化
this.isBlendActive = false;
// 是否展示差异化下拉框
this.optionsBlend = false;
// 是否选择了亮度
this.isBrightnessActive = false;
// 亮度
// this.inputBrightnessRange = 100
// 亮度 --- target
// this.inputBrightnessRange2 = 100
// 是否展示亮度弹窗
this.optionsBrightness = false;
// 源数据/目标数据切换
// this.type = 'source'
// 是否展示历史下拉框
......
src/views/cxyrd/QueryConfirm.vue
......@@ -1898,9 +1898,30 @@ b {
<style lang="scss">
.el-tag-box {
// width: 930px;
display: flex !important;
text-align: left;
white-space: nowrap;
overflow: hidden;
width: 1070px;
overflow: auto;
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
border-radius:6px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius:6px;
background:#DADDE0;
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background:#DADDE0;
}
.el-table__expand-icon {
.el-icon-arrow-right {
......
src/views/cxyrd/modules/LLCandidate.vue
......@@ -1626,9 +1626,9 @@ del {
background-color: #ECF1F7 !important;
}
/deep/.el-table .el-table__body tr.current-row > td {
background-color: #ECF1F7 !important;
background-color: #F2F7FE !important;
}
/deep/.el-table .el-table__body tr:hover > td {
background-color: #ECF1F7 !important;
background-color: #F2F7FE !important;
}
</style>
\ No newline at end of file
src/views/cxyrd/modules/LLSrc.vue
......@@ -1367,9 +1367,9 @@ del {
background-color: #ECF1F7 !important;
}
/deep/.el-table .el-table__body tr.current-row > td {
background-color: #ECF1F7 !important;
background-color: #F2F7FE !important;
}
/deep/.el-table .el-table__body tr:hover > td {
background-color: #ECF1F7 !important;
background-color: #F2F7FE !important;
}
</style>
src/views/cxyrd/modules/LTCandidate.vue
......@@ -1872,9 +1872,9 @@ del {
background-color: #ECF1F7!important;
}
/deep/.el-table .el-table__body tr.current-row > td {
background-color: #ECF1F7 !important;
background-color: #F2F7FE !important;
}
/deep/.el-table .el-table__body tr:hover > td {
background-color: #ECF1F7 !important;
background-color: #F2F7FE !important;
}
</style>
src/views/cxyrd/modules/LTSrc.vue
......@@ -1371,9 +1371,9 @@ del {
background-color: #ECF1F7 !important;
}
/deep/.el-table .el-table__body tr.current-row > td {
background-color: #ECF1F7 !important;
background-color: #F2F7FE !important;
}
/deep/.el-table .el-table__body tr:hover > td {
background-color: #ECF1F7 !important;
background-color: #F2F7FE !important;
}
</style>
src/views/cxyrd/modules/TLCandidate.vue
......@@ -542,9 +542,9 @@ del {
background-color: #ECF1F7 !important;
}
/deep/.el-table .el-table__body tr.current-row > td {
background-color: #ECF1F7 !important;
background-color: #F2F7FE !important;
}
/deep/.el-table .el-table__body tr:hover > td {
background-color: #ECF1F7 !important;
background-color: #F2F7FE !important;
}
</style>
src/views/cxyrd/modules/TLSrc.vue
......@@ -2351,9 +2351,9 @@ del {
background-color: #ECF1F7 !important;
}
/deep/.el-table .el-table__body tr.current-row > td {
background-color: #ECF1F7 !important;
background-color: #F2F7FE !important;
}
/deep/.el-table .el-table__body tr:hover > td {
background-color: #ECF1F7 !important;
background-color: #F2F7FE !important;
}
</style>
src/views/rgrd/modules/LLCandidate.vue
......@@ -1582,9 +1582,9 @@ del {
background-color: #ECF1F7 !important;
}
/deep/.el-table .el-table__body tr.current-row > td {
background-color: #ECF1F7 !important;
background-color: #F2F7FE !important;
}
/deep/.el-table .el-table__body tr:hover > td {
background-color: #ECF1F7 !important;
background-color: #F2F7FE !important;
}
</style>
src/views/rgrd/modules/LLSrc.vue
......@@ -1321,9 +1321,9 @@ del {
background-color: #ECF1F7 !important;
}
/deep/.el-table .el-table__body tr.current-row > td {
background-color: #ECF1F7 !important;
background-color: #F2F7FE !important;
}
/deep/.el-table .el-table__body tr:hover > td {
background-color: #ECF1F7 !important;
background-color: #F2F7FE !important;
}
</style>
src/views/rgrd/modules/LTCandidate.vue
......@@ -1731,9 +1731,9 @@ del {
background-color: #ECF1F7 !important;
}
/deep/.el-table .el-table__body tr.current-row > td {
background-color: #ECF1F7 !important;
background-color: #F2F7FE !important;
}
/deep/.el-table .el-table__body tr:hover > td {
background-color: #ECF1F7 !important;
background-color: #F2F7FE !important;
}
</style>
src/views/rgrd/modules/LTSrc.vue
......@@ -1364,9 +1364,9 @@ del {
background-color: #ECF1F7 !important;
}
/deep/.el-table .el-table__body tr.current-row > td {
background-color: #ECF1F7 !important;
background-color: #F2F7FE !important;
}
/deep/.el-table .el-table__body tr:hover > td {
background-color: #ECF1F7 !important;
background-color: #F2F7FE !important;
}
</style>
src/views/rgrd/modules/TLCandidate.vue
......@@ -528,9 +528,9 @@ del {
background-color: #ECF1F7 !important;
}
/deep/.el-table .el-table__body tr.current-row > td {
background-color: #ECF1F7 !important;
background-color: #F2F7FE !important;
}
/deep/.el-table .el-table__body tr:hover > td {
background-color: #ECF1F7 !important;
background-color: #F2F7FE !important;
}
</style>
src/views/rgrd/modules/TLSrc.vue
......@@ -2575,9 +2575,9 @@ del {
background-color: #ECF1F7 !important;
}
/deep/.el-table .el-table__body tr.current-row > td {
background-color: #ECF1F7 !important;
background-color: #F2F7FE !important;
}
/deep/.el-table .el-table__body tr:hover > td {
background-color: #ECF1F7 !important;
background-color: #F2F7FE !important;
}
</style>
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