plm BM

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;
+}
+
+
+
+

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');
+          }
+        }
+      });
+    }
+
+});

src/views/modules/sampleManagement/technicalSpecificationDetail/com_bm_customerInformation.vue

@@ -60,7 +60,7 @@
         </div></el-col>
         <el-col :span="6"><div class="grid-content bg-purple">
           <el-form-item :label="'材料或成品/Material Or Label'">
-            <el-select v-model="dataForm.materialType" :disabled="ifDisableFlag">
+            <el-select v-highlight-on-changeSelect v-model="dataForm.materialType" :disabled="ifDisableFlag">
               <el-option label="Label" value="Label"></el-option>
               <el-option label="Material" value="Material"></el-option>
             </el-select>
@@ -105,14 +105,14 @@
       <el-row :gutter="20" style="margin-top: 60px">
         <el-col :span="24"><div class="grid-content bg-purple">
           <el-form-item :label="'附加客户图纸/Attach Customer Drawing'">
-            <el-input v-model="dataForm.pictureAddess" :disabled="ifDisableFlag" ></el-input>
+            <el-input v-highlight-on-change v-model="dataForm.pictureAddess" :disabled="ifDisableFlag" ></el-input>
           </el-form-item>
         </div></el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="24"><div class="grid-content bg-purple">
           <el-form-item :label="'客户图纸变更说明/Attach Customer Drawing'">
-            <el-input
+            <el-input v-highlight-on-change
               type="textarea"
               v-model="dataForm.customerPictureChangeRemark "
               :rows="3"
@@ -127,7 +127,7 @@
       <el-row :gutter="20" style="margin-top: 60px">
         <el-col :span="24"><div class="grid-content bg-purple">
           <el-form-item :label="'转量产附档说明/MP Comments'">
-            <el-input
+            <el-input v-highlight-on-change
               type="textarea"
               v-model="dataForm.productionFileComments "
               :rows="3"
@@ -143,7 +143,7 @@
       <el-row :gutter="20" style="margin-top: 60px">
         <el-col :span="24"><div class="grid-content bg-purple">
           <el-form-item :label="'备注/Comments'">
-            <el-input
+            <el-input v-highlight-on-change
               type="textarea"
               v-model="dataForm.remark"
               :rows="3"