From 3f9f675413c8d9e795eb279bb1eb80573607143f Mon Sep 17 00:00:00 2001 From: ruanqi Date: Tue, 13 Aug 2024 18:00:54 +0800 Subject: [PATCH] plm BM --- src/assets/scss/rq.scss | 22 +++++++++- src/main.js | 40 +++++++++++++++++++ .../com_bm_customerInformation.vue | 10 ++--- 3 files changed, 66 insertions(+), 6 deletions(-) diff --git a/src/assets/scss/rq.scss b/src/assets/scss/rq.scss index 5ebd2df..f7d06cc 100644 --- a/src/assets/scss/rq.scss +++ b/src/assets/scss/rq.scss @@ -75,5 +75,25 @@ .blue-input .el-input__inner { font-weight: bold; - color: rgb(23, 179, 163); + color: rgb(24, 182, 166); } +/* 定义高亮样式 */ +.highlight .el-input__inner { + border-color: #08c2bc; + background-color: #96ea93; +} + +.highlight .el-textarea__inner { + border-color: #08c2bc; + background-color: #96ea93; +} + +///* 定义高亮样式 */ +.highlightSelect { + border-color: #08c2bc; + background-color: #96ea93; +} + + + + diff --git a/src/main.js b/src/main.js index 81d5a2c..d424c2a 100644 --- a/src/main.js +++ b/src/main.js @@ -71,3 +71,43 @@ document.addEventListener('keydown', function(event) { event.preventDefault(); } }); + +Vue.directive('highlight-on-change', { + bind(el) { + // 保存初始值 + el.dataset.originalValue = el.value; + + // 监听 input 事件 + el.addEventListener('input', function() { + const isModified = el.value !== el.dataset.originalValue; + if (isModified) { + el.classList.add('highlight'); + } else { + el.classList.remove('highlight'); + } + }); + } +}); +Vue.directive('highlight-on-changeSelect', { + bind(el, binding, vnode) { + + const selectComponent = vnode.componentInstance; + + // 保存初始值 + el.dataset.originalValue = selectComponent.value; + + // 监听 change 事件 + selectComponent.$on('change', function(value) { + const isModified = value !== el.dataset.originalValue; + const inputEl = el.querySelector('.el-input__inner'); + if (inputEl) { + if (isModified) { + inputEl.classList.add('highlightSelect'); + } else { + inputEl.classList.remove('highlightSelect'); + } + } + }); + } + +}); diff --git a/src/views/modules/sampleManagement/technicalSpecificationDetail/com_bm_customerInformation.vue b/src/views/modules/sampleManagement/technicalSpecificationDetail/com_bm_customerInformation.vue index 66aaae5..ee126e4 100644 --- a/src/views/modules/sampleManagement/technicalSpecificationDetail/com_bm_customerInformation.vue +++ b/src/views/modules/sampleManagement/technicalSpecificationDetail/com_bm_customerInformation.vue @@ -60,7 +60,7 @@
- + @@ -105,14 +105,14 @@
- +
-
-
-