Commit 421e1da9 by 张超军

一键清空,正/倒/串查(人工认定表格颜色)

parent 34631a01
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-09-09 09:28:46 * @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 * @Description: In User Settings Edit
* @FilePath: \指纹系统\founder_vue\src\views\cxyrd\LTz.vue * @FilePath: \指纹系统\founder_vue\src\views\cxyrd\LTz.vue
--> -->
...@@ -2099,11 +2099,13 @@ export default { ...@@ -2099,11 +2099,13 @@ export default {
self.targetIsDelete = false self.targetIsDelete = false
self.targetDelTime = '' self.targetDelTime = ''
self.lines = [] self.lines = []
self.path = []
self.circleArr = [] self.circleArr = []
self.historys = [] self.historys = []
self.initStatus()
if (sourceImage == 'xxx') { 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 self.zwtp_source = true
return; return;
} else { } else {
...@@ -2150,6 +2152,7 @@ export default { ...@@ -2150,6 +2152,7 @@ export default {
console.log(self.ratio_source); console.log(self.ratio_source);
imageEditor.clearUndoStack(); imageEditor.clearUndoStack();
imageEditor.clearRedoStack();
}).catch(err => { }).catch(err => {
console.log(err); console.log(err);
}); });
...@@ -2171,12 +2174,14 @@ export default { ...@@ -2171,12 +2174,14 @@ export default {
} }
self.lines2 = [] self.lines2 = []
self.path2 = []
self.circleArr2 = [] self.circleArr2 = []
self.historys2 = [] self.historys2 = []
self.isShowTargetPrivew = false self.isShowTargetPrivew = false
self.targetImage = targetImage; self.targetImage = targetImage;
self.targetIsDelete = false self.targetIsDelete = false
self.targetDelTime = '' self.targetDelTime = ''
self.initStatus()
if (targetImage == 'xxx') { if (targetImage == 'xxx') {
imageEditor2.loadImageFromURL("data:image/jpeg;base64," + targetImage, "SampleImage").then().catch(err => { }) imageEditor2.loadImageFromURL("data:image/jpeg;base64," + targetImage, "SampleImage").then().catch(err => { })
self.zwtp_target = true self.zwtp_target = true
...@@ -2187,6 +2192,7 @@ export default { ...@@ -2187,6 +2192,7 @@ export default {
self.targetImage = targetImage; self.targetImage = targetImage;
imageEditor2.loadImageFromURL("data:image/jpeg;base64," + targetImage, "SampleImage").then(function (sizeValue) { imageEditor2.loadImageFromURL("data:image/jpeg;base64," + targetImage, "SampleImage").then(function (sizeValue) {
imageEditor2.clearUndoStack(); imageEditor2.clearUndoStack();
imageEditor2.clearRedoStack();
// 更新newHeight和newWidth // 更新newHeight和newWidth
self.newWidth_target = sizeValue.newWidth self.newWidth_target = sizeValue.newWidth
self.newHeight_target = sizeValue.newHeight self.newHeight_target = sizeValue.newHeight
...@@ -3916,11 +3922,139 @@ export default { ...@@ -3916,11 +3922,139 @@ export default {
$(".clear").css("background", "rgba(5, 95, 231, 0.1)"); $(".clear").css("background", "rgba(5, 95, 231, 0.1)");
this.isShowClearDialog = false; this.isShowClearDialog = false;
if (this.type == "source") { if (this.type == "source") {
this.imageEditor.clearObjects(); // this.imageEditor.clearObjects();
self.historys.unshift("清空"); // 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 { } else {
this.imageEditor2.clearObjects(); // this.imageEditor2.clearObjects();
self.historys2.unshift("清空"); // 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 {
self.ratio_target = lower_canvas_height / self.newHeight_target
}
}).catch(err => {
console.log(err);
})
} }
this.$message.success("已清空!"); this.$message.success("已清空!");
}, },
...@@ -3930,152 +4064,152 @@ export default { ...@@ -3930,152 +4064,152 @@ export default {
* @return {*} * @return {*}
*/ */
clearChange () { clearChange () {
// 同步下拉框 // // 同步下拉框
this.isShowEnlargeSynchro = false; // this.isShowEnlargeSynchro = false;
// 原尺寸下拉框 // // 原尺寸下拉框
this.isShowSizeSynchro = false; // this.isShowSizeSynchro = false;
this.isShowCircleColor = false; // this.isShowCircleColor = false;
$(".icon_line").css("background", "rgba(5, 95, 231, 0.1)"); // $(".icon_line").css("background", "rgba(5, 95, 231, 0.1)");
$(".clear").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_circle").css("background", "rgba(5, 95, 231, 0.1)");
$(".icon_rotate").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)"); // $(".enlarge").css("background", "rgba(5, 95, 231, 0.1)");
$(".drag").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)"); // $(".icon_size").css("background", "rgba(5, 95, 231, 0.1)");
// 是否是小手 // // 是否是小手
this.isHand = false; // this.isHand = false;
// 是否放大 // // 是否放大
this.isEnlarge = false; // this.isEnlarge = false;
// 目标是否放大 // // 目标是否放大
this.isEnlarge2 = false; // this.isEnlarge2 = false;
// 放大的倍数 // // 放大的倍数
// this.zoomLevel = 1 // // this.zoomLevel = 1
// 目标放大的倍数 // // 目标放大的倍数
// this.zoomLevel2 = 1 // // this.zoomLevel2 = 1
this.isOptions = false; // this.isOptions = false;
// 是否点击 // // 是否点击
this.isActive = false; // this.isActive = false;
// 是否是点击状态 // // 是否是点击状态
this.isActive_rotate = false; // this.isActive_rotate = false;
// 是否展示旋转的下拉框 // // 是否展示旋转的下拉框
this.isRotateOptions = false; // this.isRotateOptions = false;
// 旋转的度数 // // 旋转的度数
// this.inputRotationRange = 0 // // this.inputRotationRange = 0
// 旋转的度数--target // // 旋转的度数--target
// this.inputRotationRange2 = 0 // // this.inputRotationRange2 = 0
// 是否是X轴翻转 // // 是否是X轴翻转
this.isX = false; // this.isX = false;
// 是否是Y轴翻转 // // 是否是Y轴翻转
this.isY = false; // this.isY = false;
// 是否是重置 // // 是否是重置
this.isReset = false; // this.isReset = false;
// 是否是左旋转 // // 是否是左旋转
this.isLeftRotate = false; // this.isLeftRotate = false;
// 是否是右旋转 // // 是否是右旋转
this.isRightRotate = false; // this.isRightRotate = false;
// 是否选中线条 // // 是否选中线条
this.isActive_line = false; // this.isActive_line = false;
// 是否打开线条的下拉框 // // 是否打开线条的下拉框
this.isLineOptions = false; // this.isLineOptions = false;
// 是否隐藏辅助线 // // 是否隐藏辅助线
this.isHideSubline_source = false; // this.isHideSubline_source = false;
// 是否隐藏辅助线 -- 目标 // // 是否隐藏辅助线 -- 目标
this.isHideSubline_target = false; // this.isHideSubline_target = false;
// 是否展示画笔颜色选择 // // 是否展示画笔颜色选择
this.isShowLineColor = false; // this.isShowLineColor = false;
// 线条样式切换 // // 线条样式切换
// this.isNormalActiveIcon = true; // // this.isNormalActiveIcon = true;
// this.isNormalActiveName = true; // // this.isNormalActiveName = true;
// this.isThinActiveIcon = false; // // this.isThinActiveIcon = false;
// this.isThinActiveName = false; // // this.isThinActiveName = false;
// this.isMediumActiveIcon = false; // // this.isMediumActiveIcon = false;
// this.isMediumActiveName = false; // // this.isMediumActiveName = false;
// this.isBoldActiveIcon = false; // // this.isBoldActiveIcon = false;
// this.isBoldActiveName = false; // // this.isBoldActiveName = false;
// 大小切换 // // 大小切换
this.isMrSizeActive = false; // this.isMrSizeActive = false;
this.isSmallSizeActive = false; // this.isSmallSizeActive = false;
this.isMediumSizeActive = false; // this.isMediumSizeActive = false;
this.isBigSizeActive = false; // this.isBigSizeActive = false;
// 清空之前的标记点操作 // // 清空之前的标记点操作
this.sizeMr = false; // this.sizeMr = false;
this.sizeX = false; // this.sizeX = false;
this.sizeZ = false; // this.sizeZ = false;
this.sizeD = false; // this.sizeD = false;
// 取消划线操作 // // 取消划线操作
this.imageEditor.stopDrawingMode(); // this.imageEditor.stopDrawingMode();
this.imageEditor2.stopDrawingMode(); // this.imageEditor2.stopDrawingMode();
// 辅助线的id数组 // // 辅助线的id数组
this.lines = []; // this.lines = [];
// 是否点击了圆标记 // // 是否点击了圆标记
this.isActive_circle = false; // this.isActive_circle = false;
// 是否展示园标记弹出框 // // 是否展示园标记弹出框
this.isCircleOptions = false; // this.isCircleOptions = false;
// 是否隐藏标记点 // // 是否隐藏标记点
// this.isHideMarkPoint_source = false // // this.isHideMarkPoint_source = false
// this.isHideMarkPoint_target = false // // this.isHideMarkPoint_target = false
// 大小切换 // // 大小切换
this.isMrSizeActive = true; // this.isMrSizeActive = true;
this.isSmallSizeActive = false; // this.isSmallSizeActive = false;
this.isMediumSizeActive = false; // this.isMediumSizeActive = false;
this.isBigSizeActive = false; // this.isBigSizeActive = false;
// 是否点击了清空按钮 // // 是否点击了清空按钮
// this.isActive_clear = false // // this.isActive_clear = false
// 是否展示清空操作提示按钮 // // 是否展示清空操作提示按钮
this.isShowClearDialog = false; // this.isShowClearDialog = false;
// 是否选择了灰度 // // 是否选择了灰度
this.isGrayActive = false; // this.isGrayActive = false;
// 是否选择了棕褐色 // // 是否选择了棕褐色
this.isVintageActive = false; // this.isVintageActive = false;
// 是否选择了马蹄镜 // // 是否选择了马蹄镜
this.isHorseshoeMirrorActive = false; // this.isHorseshoeMirrorActive = false;
// 是否选择了均衡化 // // 是否选择了均衡化
this.isEqualizationActive = false; // this.isEqualizationActive = false;
// 是否选择了锐化 // // 是否选择了锐化
this.isSharpenActive = false; // this.isSharpenActive = false;
// 是否选择了浮雕 // // 是否选择了浮雕
this.isEmbossActive = false; // this.isEmbossActive = false;
// 是否选择了反向 // // 是否选择了反向
this.isInvertActive = false; // this.isInvertActive = false;
// 是否选择了去除白色 // // 是否选择了去除白色
this.isRemoveWhiteActive = false; // this.isRemoveWhiteActive = false;
// 去白值 // // 去白值
// this.inputRemoveWhiteRange = 10 // // this.inputRemoveWhiteRange = 10
// 去白值--target // // 去白值--target
// this.inputRemoveWhiteRange2 = 10 // // this.inputRemoveWhiteRange2 = 10
// 是否展示去白下拉框 // // 是否展示去白下拉框
this.optionsRemoveWhite = false; // this.optionsRemoveWhite = false;
// 滤色器选项框 // // 滤色器选项框
this.optionsColorFilter = false; // this.optionsColorFilter = false;
// 是否选择了滤色器 // // 是否选择了滤色器
this.isColorFilterActive = false; // this.isColorFilterActive = false;
// 滤色器色值 // // 滤色器色值
// this.inputColorFilterRange = 45 // // this.inputColorFilterRange = 45
// 滤色器色值---target // // 滤色器色值---target
// this.inputColorFilterRange2 = 45 // // this.inputColorFilterRange2 = 45
// 是否选择了正片叠底 // // 是否选择了正片叠底
this.isMultiplyActive = false; // this.isMultiplyActive = false;
// 是否展示正片叠底框 // // 是否展示正片叠底框
this.optionsMultiply = false; // this.optionsMultiply = false;
// 是否选择了差异化 // // 是否选择了差异化
this.isBlendActive = false; // this.isBlendActive = false;
// 是否展示差异化下拉框 // // 是否展示差异化下拉框
this.optionsBlend = false; // this.optionsBlend = false;
// 是否选择了亮度 // // 是否选择了亮度
this.isBrightnessActive = false; // this.isBrightnessActive = false;
// 亮度 // // 亮度
// this.inputBrightnessRange = 100 // // this.inputBrightnessRange = 100
// 亮度 --- target // // 亮度 --- target
// this.inputBrightnessRange2 = 100 // // this.inputBrightnessRange2 = 100
// 是否展示亮度弹窗 // // 是否展示亮度弹窗
this.optionsBrightness = false; // this.optionsBrightness = false;
// 源数据/目标数据切换 // // 源数据/目标数据切换
// this.type = 'source' // // this.type = 'source'
// 是否展示历史下拉框 // // 是否展示历史下拉框
this.isHistoryOptions = false; // this.isHistoryOptions = false;
// 是否点击了历史 // // 是否点击了历史
this.isActive_history = false; // this.isActive_history = false;
// 历史记录背景色 // // 历史记录背景色
$(".icon_history").css("background", "rgba(5, 95, 231, 0.1)"); $(".icon_history").css("background", "rgba(5, 95, 231, 0.1)");
this.isActive_clear = !this.isActive_clear; this.isActive_clear = !this.isActive_clear;
if (this.isActive_clear) { if (this.isActive_clear) {
...@@ -4235,54 +4369,6 @@ export default { ...@@ -4235,54 +4369,6 @@ export default {
this.isActive_clear = false; this.isActive_clear = false;
// 是否展示清空操作提示按钮 // 是否展示清空操作提示按钮
this.isShowClearDialog = 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.isHistoryOptions = false;
// 是否点击了历史 // 是否点击了历史
...@@ -4579,79 +4665,31 @@ export default { ...@@ -4579,79 +4665,31 @@ export default {
// this.isHideSubline_target = false; // this.isHideSubline_target = false;
// 是否展示画笔颜色选择 // 是否展示画笔颜色选择
this.isShowLineColor = false; this.isShowLineColor = false;
// 线条样式切换 // 线条样式切换
// this.isNormalActiveIcon = true // this.isNormalActiveIcon = true
// this.isNormalActiveName = true // this.isNormalActiveName = true
// this.isThinActiveIcon = false // this.isThinActiveIcon = false
// this.isThinActiveName = false // this.isThinActiveName = false
// this.isMediumActiveIcon = false // this.isMediumActiveIcon = false
// this.isMediumActiveName = false // this.isMediumActiveName = false
// this.isBoldActiveIcon = false // this.isBoldActiveIcon = false
// this.isBoldActiveName = false // this.isBoldActiveName = false
// 是否点击了圆标记 // 是否点击了圆标记
this.isActive_circle = false; this.isActive_circle = false;
// 是否展示园标记弹出框 // 是否展示园标记弹出框
this.isCircleOptions = false; this.isCircleOptions = false;
// 是否隐藏标记点 // 是否隐藏标记点
// this.isHideMarkPoint_source = false // this.isHideMarkPoint_source = false
// this.isHideMarkPoint_target = false // this.isHideMarkPoint_target = false
// 取消划线操作 // 取消划线操作
this.imageEditor.stopDrawingMode(); this.imageEditor.stopDrawingMode();
this.imageEditor2.stopDrawingMode(); this.imageEditor2.stopDrawingMode();
// 是否点击了清空按钮 // 是否点击了清空按钮
this.isActive_clear = false; this.isActive_clear = false;
// 是否展示清空操作提示按钮 // 是否展示清空操作提示按钮
this.isShowClearDialog = 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.isHistoryOptions = false;
// 是否点击了历史 // 是否点击了历史
...@@ -4962,50 +5000,6 @@ export default { ...@@ -4962,50 +5000,6 @@ export default {
this.isActive_clear = false; this.isActive_clear = false;
// 是否展示清空操作提示按钮 // 是否展示清空操作提示按钮
this.isShowClearDialog = 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.optionsBrightness = false;
// 源数据/目标数据切换 // 源数据/目标数据切换
...@@ -5116,54 +5110,7 @@ export default { ...@@ -5116,54 +5110,7 @@ export default {
this.isActive_clear = false; this.isActive_clear = false;
// 是否展示清空操作提示按钮 // 是否展示清空操作提示按钮
this.isShowClearDialog = 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.isHistoryOptions = false;
// 是否点击了历史 // 是否点击了历史
...@@ -5307,50 +5254,6 @@ export default { ...@@ -5307,50 +5254,6 @@ export default {
this.isActive_clear = false; this.isActive_clear = false;
// 是否展示清空操作提示按钮 // 是否展示清空操作提示按钮
this.isShowClearDialog = 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.optionsBrightness = false;
// 源数据/目标数据切换 // 源数据/目标数据切换
...@@ -5505,54 +5408,6 @@ export default { ...@@ -5505,54 +5408,6 @@ export default {
this.isActive_clear = false; this.isActive_clear = false;
// 是否展示清空操作提示按钮 // 是否展示清空操作提示按钮
this.isShowClearDialog = 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.isHistoryOptions = false;
// 是否点击了历史 // 是否点击了历史
...@@ -5702,52 +5557,6 @@ export default { ...@@ -5702,52 +5557,6 @@ export default {
this.isActive_clear = false; this.isActive_clear = false;
// 是否展示清空操作提示按钮 // 是否展示清空操作提示按钮
this.isShowClearDialog = 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.type = 'source'
// 是否展示历史下拉框 // 是否展示历史下拉框
......
...@@ -1898,9 +1898,30 @@ b { ...@@ -1898,9 +1898,30 @@ b {
<style lang="scss"> <style lang="scss">
.el-tag-box { .el-tag-box {
// width: 930px; // width: 930px;
display: flex !important;
text-align: left; text-align: left;
white-space: nowrap; 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-table__expand-icon {
.el-icon-arrow-right { .el-icon-arrow-right {
......
...@@ -1626,9 +1626,9 @@ del { ...@@ -1626,9 +1626,9 @@ del {
background-color: #ECF1F7 !important; background-color: #ECF1F7 !important;
} }
/deep/.el-table .el-table__body tr.current-row > td { /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 { /deep/.el-table .el-table__body tr:hover > td {
background-color: #ECF1F7 !important; background-color: #F2F7FE !important;
} }
</style> </style>
\ No newline at end of file
...@@ -1367,9 +1367,9 @@ del { ...@@ -1367,9 +1367,9 @@ del {
background-color: #ECF1F7 !important; background-color: #ECF1F7 !important;
} }
/deep/.el-table .el-table__body tr.current-row > td { /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 { /deep/.el-table .el-table__body tr:hover > td {
background-color: #ECF1F7 !important; background-color: #F2F7FE !important;
} }
</style> </style>
...@@ -1872,9 +1872,9 @@ del { ...@@ -1872,9 +1872,9 @@ del {
background-color: #ECF1F7!important; background-color: #ECF1F7!important;
} }
/deep/.el-table .el-table__body tr.current-row > td { /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 { /deep/.el-table .el-table__body tr:hover > td {
background-color: #ECF1F7 !important; background-color: #F2F7FE !important;
} }
</style> </style>
...@@ -1371,9 +1371,9 @@ del { ...@@ -1371,9 +1371,9 @@ del {
background-color: #ECF1F7 !important; background-color: #ECF1F7 !important;
} }
/deep/.el-table .el-table__body tr.current-row > td { /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 { /deep/.el-table .el-table__body tr:hover > td {
background-color: #ECF1F7 !important; background-color: #F2F7FE !important;
} }
</style> </style>
...@@ -542,9 +542,9 @@ del { ...@@ -542,9 +542,9 @@ del {
background-color: #ECF1F7 !important; background-color: #ECF1F7 !important;
} }
/deep/.el-table .el-table__body tr.current-row > td { /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 { /deep/.el-table .el-table__body tr:hover > td {
background-color: #ECF1F7 !important; background-color: #F2F7FE !important;
} }
</style> </style>
...@@ -2351,9 +2351,9 @@ del { ...@@ -2351,9 +2351,9 @@ del {
background-color: #ECF1F7 !important; background-color: #ECF1F7 !important;
} }
/deep/.el-table .el-table__body tr.current-row > td { /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 { /deep/.el-table .el-table__body tr:hover > td {
background-color: #ECF1F7 !important; background-color: #F2F7FE !important;
} }
</style> </style>
...@@ -1582,9 +1582,9 @@ del { ...@@ -1582,9 +1582,9 @@ del {
background-color: #ECF1F7 !important; background-color: #ECF1F7 !important;
} }
/deep/.el-table .el-table__body tr.current-row > td { /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 { /deep/.el-table .el-table__body tr:hover > td {
background-color: #ECF1F7 !important; background-color: #F2F7FE !important;
} }
</style> </style>
...@@ -1321,9 +1321,9 @@ del { ...@@ -1321,9 +1321,9 @@ del {
background-color: #ECF1F7 !important; background-color: #ECF1F7 !important;
} }
/deep/.el-table .el-table__body tr.current-row > td { /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 { /deep/.el-table .el-table__body tr:hover > td {
background-color: #ECF1F7 !important; background-color: #F2F7FE !important;
} }
</style> </style>
...@@ -1731,9 +1731,9 @@ del { ...@@ -1731,9 +1731,9 @@ del {
background-color: #ECF1F7 !important; background-color: #ECF1F7 !important;
} }
/deep/.el-table .el-table__body tr.current-row > td { /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 { /deep/.el-table .el-table__body tr:hover > td {
background-color: #ECF1F7 !important; background-color: #F2F7FE !important;
} }
</style> </style>
...@@ -1364,9 +1364,9 @@ del { ...@@ -1364,9 +1364,9 @@ del {
background-color: #ECF1F7 !important; background-color: #ECF1F7 !important;
} }
/deep/.el-table .el-table__body tr.current-row > td { /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 { /deep/.el-table .el-table__body tr:hover > td {
background-color: #ECF1F7 !important; background-color: #F2F7FE !important;
} }
</style> </style>
...@@ -528,9 +528,9 @@ del { ...@@ -528,9 +528,9 @@ del {
background-color: #ECF1F7 !important; background-color: #ECF1F7 !important;
} }
/deep/.el-table .el-table__body tr.current-row > td { /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 { /deep/.el-table .el-table__body tr:hover > td {
background-color: #ECF1F7 !important; background-color: #F2F7FE !important;
} }
</style> </style>
...@@ -2575,9 +2575,9 @@ del { ...@@ -2575,9 +2575,9 @@ del {
background-color: #ECF1F7 !important; background-color: #ECF1F7 !important;
} }
/deep/.el-table .el-table__body tr.current-row > td { /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 { /deep/.el-table .el-table__body tr:hover > td {
background-color: #ECF1F7 !important; background-color: #F2F7FE !important;
} }
</style> </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