添加搜索功能

src/views/aftersales/aftersalesWorkOrder.vue

@@ -176,6 +176,12 @@
                 @btnCheck="btnsc"
                 @selectCheck="selectsc"
                 @selection="selectionChange"
+                :tableRowClassName="
+          (row, index) => {
+            if (row.customerServiceName) return 'Abnormal';
+            else return '';
+          }
+        "
               >
                 <template #default="slotProps">
                   <template v-if="slotProps.scope.column.label === '异常工单号'">
@@ -424,7 +430,10 @@
             </template>
           </el-dialog>
           <!-- 客服介入原因 -->
-        <el-dialog v-model="dialogCustomer" title="客服介入" width="30%" draggable>
+        <el-dialog v-model="dialogCustomer" 
+        v-loading="loadingCustomer"
+    element-loading-text="正在处理中..."
+        title="客服介入" width="30%" draggable>
           <el-form :model="CustomerServiceForm" >
             <el-form-item label="介入原因">
       <el-input v-model="CustomerServiceForm.reasonRemarks"  type="textarea" placeholder="请输入介入原因"/>
@@ -876,6 +885,7 @@ const UserPermissions = ref('仓库客服'); //客服权限
 const TabPermissions = ref(0); //菜单权限
 const AppealeditorState = ref(false); //申诉是否为编辑状态(默认否)
 const AppealStatusT = ref(false); //是否为申诉列表
+const loadingCustomer = ref(false);//客服介入弹窗加载
 const TabList = ref([
   { name: 0, label: '全部', state: true },
   { name: 3, label: '待处理', state: true },
@@ -2525,6 +2535,7 @@ const TimeoutHandling = val => {
 const DataRendering = (val, input) => {
   // val:当前是在哪一个菜单下面
   //input:当前传入的搜索参数
+  console.log(input,'接搜的搜索参数');
   console.log('执行了公共函数');
   if (val != 6) {
     AppealStatusT.value = false; //申诉列表关闭
@@ -2544,9 +2555,10 @@ const DataRendering = (val, input) => {
       Tableheaderswitching(columnList);
       IndexTable(data);
     } else {
+      data.workOrderStatus = null;
       details.query.workOrderStatus = null;
       Tableheaderswitching(columnList);
-      IndexTable();
+      IndexTable(data);
     }
   } else if (val == 1) {
     // 处理中
@@ -3332,6 +3344,8 @@ const CustomerServiceintervention = () => {
           type: 'success',
         });
       }
+    }).finally(()=>{
+      dialogCustomer.value=true;//关闭弹窗
     });
   
 };
@@ -4139,4 +4153,34 @@ const MessageReply = val => {
     width: 100%;
   }
 }
+:deep(.el-table tr) {
+  &.Abnormal {
+    background: #b7bece;
+
+    .tabculconte,
+    .el-tooltip,
+    .el-button--text {
+      color: #000000 !important;
+    }
+    // td{
+    //   border-top: 1px solid  #1f7fed;
+    //   border-bottom: 1px solid  #1f7fed;
+    // }
+    // td:first-of-type {
+    //   border-left: 3px solid  #dc2e2e;
+  
+    // }
+    //   td:last-of-type {
+    //     border-right: 3px solid  #dc2e2e;
+    //   }
+  }
+ 
+  &.hover-row {
+    .tabculconte,
+    .el-tooltip,
+    .el-button--text {
+      color: var(--el-color-primary) !important;
+    }
+  }
+}
 </style>